/*
0 - 600px:      Phone
600 - 900px:    Tablet portrait
900 - 1200px:   Tablet landscape
[1200 - 1800] is where our normal styles apply
1800px + :      Big desktop

$breakpoint arguement choices:
- phone
- tab-port
- tab-land
- big-desktop

ORDER: Base + typography > general layout + grid > page layout > components

1em = 16px
*/
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

html {
  font-size: 62.5%;
  scroll-behavior: smooth; }

body {
  box-sizing: border-box;
  background-color: #f7f7f7; }

::selection {
  background-color: #2a90c6;
  color: #f7f7f7; }

a {
  font-size: 1.6rem;
  color: #d24d57;
  text-decoration: none;
  transition: .3s ease; }
  a:hover {
    color: #b5353e;
    text-decoration: underline; }

ul, ol {
  font-size: 1.6rem;
  color: #777;
  line-height: 1.4;
  padding-left: 1.5rem; }
  ul:not(:last-child), ol:not(:last-child) {
    margin-bottom: 3rem; }
  ul li:not(:last-child), ol li:not(:last-child) {
    margin-bottom: 1rem; }

input, textarea {
  font-size: 1.5rem;
  font-family: inherit;
  color: inherit;
  padding: 1.5rem 2rem;
  border-radius: 2px;
  background-color: rgba(153, 153, 153, 0.1);
  border: none;
  border-bottom: 3px solid transparent;
  transition: all .3s; }

strong {
  font-weight: 600;
  color: #2a2a2a; }

.btn {
  text-transform: uppercase;
  text-decoration: none;
  padding: 1rem 4rem;
  display: inline-block;
  border-radius: 3px;
  transition: all .2s;
  position: relative;
  font-size: 1.6rem;
  border: none;
  cursor: pointer; }

.iframe-bttn {
  padding: 1rem;
  font-size: 1.5rem;
  text-transform: capitalize;
  position: absolute;
  left: 30%;
  top: 35%;
  background: transparent;
  border: none;
  cursor: pointer;
  z-index: 2;
  /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
  @media only screen and (max-width: 37.5em) {
    .iframe-bttn {
      width: 100%;
      left: 0%;
      top: 25%; } }
  .iframe-bttn .fa-play-circle {
    color: #fff !important;
    font-size: 6rem !important; }
  .iframe-bttn p {
    color: #fff;
    font-weight: 600;
    font-size: 3rem; }
  .iframe-bttn:hover p {
    opacity: 0.7; }
  .iframe-bttn:hover .fa-play-circle {
    opacity: 0.7; }

.btn.primary {
  background-image: linear-gradient(to right bottom, #2a90c6, #237ba9);
  color: #fff;
  transition: .3s ease; }
  .btn.primary:hover {
    background-image: linear-gradient(to right bottom, #237ba9, #2a90c6);
    text-decoration: none;
    transform: translateY(-3px);
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2); }

.reviewBtn {
  font-size: 1.4rem;
  margin-top: .5rem;
  color: #d24d57;
  text-decoration: none;
  transition: all .3s ease; }
  .reviewBtn:hover {
    text-decoration: none; }

.visitBtn {
  text-transform: uppercase;
  text-decoration: none;
  padding: 1rem 4rem;
  display: inline-block;
  border-radius: 3px;
  transition: all .2s;
  font-size: 1.6rem;
  background-color: #2a90c6;
  color: #f7f7f7;
  /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
  @media only screen and (max-width: 37.5em) {
    .visitBtn {
      width: 100%;
      text-align: center; } }
  .visitBtn:hover {
    background-color: #237ba9;
    color: #fff; }

::selection {
  background-color: #c6602a;
  color: #f7f7f7; }

@media only screen and (max-width: 37.5em) {
  .wp-caption {
    max-width: 100%; }
  .su-table {
    overflow: scroll; } }

/*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */
@media only screen and (max-width: 56.25em) {
  .table-responsive {
    overflow: scroll; } }

/*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */
a.wpml-ls-item-toggle:after {
  display: none !important; }

.wpml-ls-legacy-dropdown {
  width: 30%;
  border-left: 1px solid #d1d1d1;
  margin-left: 5%;
  height: fit-content;
  height: -moz-fit-content; }

a.wpml-ls-item-toggle {
  padding-right: 0 !important; }

.wpml-ls-legacy-dropdown a {
  background: #f7f7f7;
  border: none;
  text-decoration: none;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox; }

.wpml-ls-sub-menu {
  width: max-content; }

.wpml-ls-flag {
  margin-right: 10%; }

a.wpml-ls-item-toggle {
  height: 60px; }

.wpml-ls-flag {
  align-self: center; }

.wpml-ls-native {
  align-self: center; }

#content .aligncenter {
  margin: 0 auto;
  float: none; }

#content .alignleft {
  float: left;
  margin-right: 1rem; }

#content .alignright {
  float: right;
  margin-left: 1rem; }

#content .banking-methods {
  border-collapse: collapse;
  width: 100%;
  font-size: 1.5rem;
  border-radius: 3px;
  border: 1px solid rgba(153, 153, 153, 0.3);
  margin-bottom: 3rem;
  border: none; }
  #content .banking-methods tr {
    transition: .2s ease;
    background-color: #f7f7f7;
    font-size: 1.3rem; }
    #content .banking-methods tr:hover {
      background-color: rgba(0, 0, 0, 0.1); }
    #content .banking-methods tr:nth-child(even) {
      background: #eee; }
  #content .banking-methods th {
    line-height: 1.1;
    text-transform: uppercase;
    text-align: left;
    padding: 1rem;
    background-color: #5176A6;
    color: #f7f7f7;
    border: none;
    border-right: 1px solid #e7e7e7; }
    #content .banking-methods th strong {
      color: #f7f7f7;
      font-weight: 500; }
  #content .banking-methods td {
    border: 1px solid #e7e7e7; }
    #content .banking-methods td img {
      border: none;
      float: left; }

#content .support-methods {
  border-collapse: collapse;
  width: 100%;
  font-size: 1.5rem;
  border-radius: 3px;
  border: 1px solid rgba(153, 153, 153, 0.3);
  margin-bottom: 3rem;
  border: none; }
  #content .support-methods tr {
    transition: .2s ease;
    background-color: #f7f7f7;
    font-size: 1.3rem; }
    #content .support-methods tr:hover {
      background-color: rgba(0, 0, 0, 0.1); }
    #content .support-methods tr:nth-child(even) {
      background: #eee; }
  #content .support-methods th {
    line-height: 1.1;
    text-transform: uppercase;
    text-align: left;
    padding: 1rem;
    background-color: #5176A6;
    color: #f7f7f7;
    border: none;
    border-right: 1px solid #e7e7e7; }
    #content .support-methods th strong {
      color: #f7f7f7;
      font-weight: 500; }
  #content .support-methods td {
    border: 1px solid #e7e7e7; }
    #content .support-methods td img {
      border: none;
      float: left; }

#content table {
  border-collapse: collapse;
  width: 100%;
  font-size: 1.5rem;
  border-radius: 3px;
  border: 1px solid rgba(153, 153, 153, 0.3);
  margin-bottom: 3rem;
  border: none; }
  #content table tr {
    transition: .2s ease;
    background-color: #f7f7f7;
    font-size: 1.3rem; }
    #content table tr:hover {
      background-color: rgba(0, 0, 0, 0.1); }
    #content table tr:nth-child(even) {
      background: #eee; }
  #content table th {
    line-height: 1.1;
    text-transform: uppercase;
    text-align: left;
    padding: 1rem;
    background-color: #5176A6;
    color: #f7f7f7;
    border: none;
    border-right: 1px solid #e7e7e7; }
    #content table th strong {
      color: #f7f7f7;
      font-weight: 500; }
  #content table td {
    border: 1px solid #e7e7e7; }
    #content table td img {
      border: none;
      float: left; }

#content .tablepress tr th:not(:first-of-type) {
  text-align: center !important; }

#content .tablepress tr td {
  text-align: center !important;
  font-size: 1.5rem;
  padding: 1% 0 !important;
  vertical-align: middle; }
  #content .tablepress tr td:not(:first-of-type) {
    text-align: center !important; }

.whats-hot {
  display: block;
  margin: 0;
  padding: 10px 0;
  color: #fff; }
  .whats-hot > span {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    padding-bottom: 10px;
    display: block; }
  .whats-hot-list li {
    font-size: 14px;
    color: #fff;
    line-height: 16px;
    text-align: left;
    margin-bottom: .5rem !important; }
    .whats-hot-list li span.fa-li {
      top: 0; }
      .whats-hot-list li span.fa-li i {
        font-family: 'FontAwesome';
        font-style: normal;
        opacity: .6;
        font-size: 16px;
        color: #33a354; }
  .whats-hot-list.black-color li {
    color: #777; }
  .whats-hot-list.white-color li {
    color: #fff; }

.ontario-terms-and-conditions {
  position: absolute;
  font-size: 12px;
  bottom: 8px;
  left: 10px; }

.extra-space-tc {
  padding: 2em 2em !important; }

@media only screen and (max-width: 37.5em) {
  .ontario-terms-and-conditions {
    font-size: 11px;
    bottom: 235px;
    left: 0;
    right: 0;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 160px; }
  .extra-space-tc .medium-md.large-md.half-col > a {
    padding-bottom: 3em; } }

/*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */
.igaming-casinos-table-heading {
  display: flex;
  align-items: center;
  max-width: 100%;
  margin: 0 auto;
  padding: 10px 0 20px; }
  .igaming-casinos-table-heading i {
    font-size: 38px;
    color: #33a354; }
  .igaming-casinos-table-heading span {
    font-size: 16px;
    padding: 0 20px 0 10px;
    font-weight: 600;
    color: #333; }
  .igaming-casinos-table-heading a {
    display: block;
    max-height: 40px;
    width: 100%;
    max-width: 200px; }
    .igaming-casinos-table-heading a img {
      width: auto;
      max-height: 40px;
      vertical-align: middle; }

.prevent-full-width-ontario .igaming-casinos-table-heading {
  max-width: 80%; }

.ontario-pdf {
  width: 100%;
  margin: 20px 0;
  /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
  @media only screen and (max-width: 37.5em) {
    .ontario-pdf {
      width: 100%;
      margin: 20px 0; } }

body {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  line-height: 1.7;
  color: #777; }

h1 {
  font-size: 3rem;
  line-height: 1;
  text-transform: uppercase;
  background-image: linear-gradient(to right, #d24d57, #2a90c6);
  -webkit-background-clip: text;
  color: transparent;
  letter-spacing: 1px;
  margin-bottom: 2rem;
  text-align: left;
  /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
  @media only screen and (max-width: 37.5em) {
    h1 {
      font-size: 2.8rem;
      line-height: 1.2; } }

h2 {
  font-size: 2.8rem;
  line-height: 1.2;
  margin-bottom: .5rem;
  font-weight: 700;
  display: inline-block;
  background-image: linear-gradient(to right, #d24d57, #2a90c6);
  -webkit-background-clip: text;
  color: transparent;
  display: block; }
  h2 span {
    font-weight: 300; }

h3 {
  font-size: 1.6rem;
  color: #333;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: .75rem;
  line-height: 1.2; }

h4 {
  font-size: 1.4rem;
  color: #777;
  font-weight: 600;
  margin-bottom: .75rem; }

h5 {
  font-size: 1.6rem;
  color: #2a2a2a;
  font-weight: 500;
  margin-bottom: .75rem; }

p {
  font-size: 1.6rem;
  color: #333; }
  p:not(:last-child) {
    margin-bottom: 2rem; }

.fa,
.fas,
.far,
.fal,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  margin-right: 1rem;
  color: #d24d57; }

.fa {
  color: #d24d57 !important;
  padding: 0 !important;
  background: transparent !important;
  font-size: initial !important;
  line-height: initial !important;
  margin: 0 !important; }

.sue-icon-text {
  text-transform: uppercase; }

.sue-icon {
  margin: 0 !important; }

.fa.fa-check {
  color: #6cc388 !important; }

.fa.fa-chevron-down {
  font-size: 1.1rem !important;
  float: right; }

.main-header {
  width: 100%;
  background-color: #f7f7f7;
  position: fixed;
  z-index: 9999;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
  /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
  @media only screen and (max-width: 75em) {
    .main-header {
      top: 0; } }
  .main-header nav {
    margin: 0 auto;
    padding: 0 2rem;
    max-width: 140rem;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: flex-start;
    align-items: center;
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    @media only screen and (max-width: 75em) {
      .main-header nav {
        padding: 0; } }
    .main-header nav a {
      /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
      @media only screen and (max-width: 75em) {
        .main-header nav a {
          width: 100%;
          text-align: center; } }
    .main-header nav .search-lang {
      display: flex;
      display: -webkit-flex;
      display: -ms-flexbox;
      flex: 1;
      align-self: center;
      justify-content: center;
      /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
      @media only screen and (max-width: 75em) {
        .main-header nav .search-lang {
          align-self: flex-start; } }
    .main-header nav .nav-list {
      display: flex;
      display: -webkit-flex;
      display: -ms-flexbox;
      flex: 1;
      align-self: center;
      /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
      @media only screen and (max-width: 75em) {
        .main-header nav .nav-list {
          padding-top: 1rem;
          position: absolute;
          width: 80%;
          height: 100vh;
          top: 0;
          left: -100px;
          background: rgba(247, 247, 247, 0.95);
          transform: translateX(-100%);
          transform-origin: top;
          display: flex;
          display: -ms-flexbox;
          display: -webkit-flex;
          flex-direction: column;
          justify-content: flex-start;
          box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
          border-top: 1px solid #d24d57; } }
    .main-header nav .menu-btn {
      display: none;
      /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
      @media only screen and (max-width: 75em) {
        .main-header nav .menu-btn:checked ~ .nav-list {
          transform: translateX(0);
          left: 0;
          transform-origin: top;
          transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s; }
        .main-header nav .menu-btn:checked ~ .menu-icon .navicon:before {
          transform: rotate(-45deg); }
        .main-header nav .menu-btn:checked ~ .menu-icon .navicon:after {
          transform: rotate(45deg); }
        .main-header nav .menu-btn:checked ~ .menu-icon .navicon:before {
          top: 0; }
        .main-header nav .menu-btn:checked ~ .menu-icon .navicon:after {
          bottom: 0; }
        .main-header nav .menu-btn:checked ~ .menu-icon .navicon {
          background: rgba(0, 0, 0, 0);
          transition: 0.2192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s; } }
    .main-header nav .menu-icon {
      display: inline-block;
      position: relative;
      cursor: pointer;
      padding: 24px 14px;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    .main-header nav .navicon {
      display: none;
      /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
      @media only screen and (max-width: 75em) {
        .main-header nav .navicon {
          background: #d24d57;
          display: block;
          height: 2px;
          width: 2.6rem;
          position: relative;
          transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s; } }
      .main-header nav .navicon:before {
        top: 9px;
        content: "";
        display: block;
        height: 100%;
        width: 100%;
        position: absolute;
        background: #d24d57;
        transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s; }
      .main-header nav .navicon:after {
        bottom: 9px;
        content: "";
        display: block;
        height: 100%;
        width: 100%;
        position: absolute;
        background: #d24d57;
        transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s; }
  .main-header .header-search-form {
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    @media only screen and (min-width: 56.25em) {
      .main-header .header-search-form {
        position: relative;
        align-self: center; } }
  .main-header .searchform {
    display: none;
    top: 55px;
    position: absolute;
    border-top: 2px solid #d24d57;
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    @media only screen and (max-width: 75em) {
      .main-header .searchform {
        display: block;
        top: 1%;
        border-top: none; } }
    @media only screen and (min-width: 56.25em) {
      .main-header .searchform {
        border-top: 2px solid #d24d57;
        top: 0;
        right: 0;
        margin-top: 4.3rem; } }
    .main-header .searchform input:first-of-type {
      font-size: 1.2rem;
      padding: 1rem 2rem;
      background-color: #f7f7f7;
      border: none;
      border-bottom: 3px solid transparent;
      transition: all .3s;
      box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1); }
    .main-header .searchform button {
      background: #d24d57;
      border: none;
      display: flex;
      display: -ms-flexbox;
      display: -webkit-flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      padding: 0 2rem;
      transition: .3s ease; }
      .main-header .searchform button .fas.fa-search {
        color: #fff; }
  .main-header .fa-search {
    content: '\f002';
    font-family: FontAwesome;
    font-size: 2.5rem !important;
    margin: 0;
    cursor: pointer;
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    @media only screen and (max-width: 75em) {
      .main-header .fa-search {
        display: none; } }

#nav {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  margin-bottom: 0;
  /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */
  /*li.menu-item-has-children::after {
        content: '\f078';
        font-family: FontAwesome;
        color: $color-primary;
        font-size:1rem;
    }*/ }
  @media only screen and (max-width: 75em) {
    #nav {
      display: block;
      padding: 0;
      margin-top: 15%;
      overflow-x: scroll; } }
  #nav li {
    align-items: center;
    list-style-type: none;
    margin-bottom: 0;
    position: relative;
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    @media only screen and (max-width: 75em) {
      #nav li {
        padding: 3% 5%;
        width: 100%;
        display: block; } }
    @media only screen and (min-width: 56.25em) {
      #nav li {
        height: 60px;
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        justify-content: space-between; } }
    #nav li::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 3px;
      border-bottom: 2px solid #d24d57;
      transform: scaleY(0);
      transition: transform 0.2s, width 0.4s cubic-bezier(1, 0, 0, 1) 0.2s, background-color 0.1s; }
    #nav li:hover::before {
      transform: scaleY(1);
      width: 100%;
      /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
      @media only screen and (max-width: 37.5em) {
        #nav li:hover::before {
          width: 0;
          transform: scaleY(0); } }
    #nav li a {
      position: relative;
      text-decoration: none;
      font-weight: 400;
      font-size: 1.6rem;
      text-transform: uppercase;
      color: #d24d57;
      transition: 0.5s;
      margin-right: .3rem;
      font-family: 'Roboto', sans-serif;
      /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
      @media only screen and (max-width: 75em) {
        #nav li a {
          text-align: left;
          font-size: 1.4rem;
          width: max-content; } }
    #nav li .sub-menu {
      display: none;
      background-color: #f7f7f7;
      z-index: 1;
      /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
      @media only screen and (max-width: 75em) {
        #nav li .sub-menu {
          position: relative;
          overflow-y: scroll;
          margin-top: 1rem;
          border-bottom-left-radius: 3px;
          border-bottom-right-radius: 3px;
          box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1); } }
      #nav li .sub-menu li {
        list-style: none;
        padding: .5rem 0;
        background-color: #f7f7f7;
        margin: 0;
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        justify-content: space-between;
        /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */
        /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
        @media only screen and (max-width: 75em) {
          #nav li .sub-menu li {
            background: #f7f7f7; } }
        @media only screen and (min-width: 37.5em) {
          #nav li .sub-menu li {
            height: 40px; } }
        #nav li .sub-menu li a {
          font-size: 1.4rem;
          line-height: 1.4;
          font-weight: 400;
          color: #d24d57;
          text-decoration: none;
          text-transform: uppercase;
          display: block;
          padding: .5rem .75rem;
          width: fit-content; }
        #nav li .sub-menu li .sub-menu {
          display: none; }
        #nav li .sub-menu li::before {
          display: none; }
      #nav li .sub-menu li:hover {
        background-color: #eee; }
      #nav li .sub-menu li:not(:last-child) {
        border-bottom: 1px solid #eee; }
  #nav li:not(:last-child) {
    margin-right: 2rem;
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    @media only screen and (max-width: 75em) {
      #nav li:not(:last-child) {
        margin-right: 0; } }
  #nav li:hover > .sub-menu {
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    @media only screen and (min-width: 56.25em) {
      #nav li:hover > .sub-menu {
        display: block;
        position: absolute;
        margin-top: 6rem;
        top: 0;
        padding: 0;
        width: max-content;
        /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
        #nav li:hover > .sub-menu li:hover .sub-menu {
          display: block;
          left: 100%;
          width: max-content;
          top: 0;
          margin: 0; } }
  @media only screen and (min-width: 56.25em) and (max-width: 75em) {
    #nav li:hover > .sub-menu {
      margin-top: 0;
      position: absolute;
      top: 100%;
      width: 90%;
      display: block; } }

.logo {
  width: 10rem;
  margin-right: 3rem;
  /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
  @media only screen and (max-width: 75em) {
    .logo {
      margin-left: 10%; } }

.header-secondary {
  width: 100%;
  background-image: linear-gradient(to right bottom, rgba(119, 119, 119, 0.85), rgba(247, 247, 247, 0.85));
  background-size: cover;
  background-position: top;
  position: relative;
  padding-top: 6rem; }
  .header-secondary video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    overflow: hidden;
    object-fit: cover; }
  .header-secondary .breadcrumb {
    padding: 5rem 1rem; }
    .header-secondary .breadcrumb a {
      text-decoration: none;
      color: #f7f7f7;
      font-size: 1.4rem;
      text-transform: uppercase; }
    .header-secondary .breadcrumb .icon {
      font-size: 1.2rem;
      margin: 0 1rem; }
      .header-secondary .breadcrumb .icon .fa {
        margin: 0;
        color: #f7f7f7 !important;
        font-size: 1.2rem !important; }
    .header-secondary .breadcrumb span {
      color: rgba(247, 247, 247, 0.7);
      font-size: 1.4rem;
      text-transform: uppercase; }
    .header-secondary .breadcrumb h2 {
      display: block;
      font-size: 3rem;
      font-weight: 400;
      color: #f7f7f7;
      letter-spacing: 1px;
      background: none; }

#bot-btn {
  display: inline-block;
  background-color: rgba(198, 96, 42, 0.9);
  width: 5rem;
  height: 5rem;
  text-align: center;
  border-radius: 3px;
  position: fixed;
  bottom: 3rem;
  right: 3rem;
  transition: background-color .3s, opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 99999;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2); }

#bot-btn.show {
  opacity: 1;
  visibility: visible;
  text-decoration: none; }

#bot-btn:after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: lighter;
  font-style: lighter;
  font-size: 1.5em;
  line-height: 5rem;
  color: #f7f7f7; }

footer {
  padding: 5rem 0 1rem;
  background-image: linear-gradient(to bottom, rgba(51, 51, 51, 0.7), rgba(0, 0, 0, 0.9)), url(images/background.png);
  border-top: 3px solid #999;
  background-attachment: fixed;
  /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
  footer p {
    font-size: 1.6rem;
    line-height: 1.7;
    color: #6f6f6f;
    margin-bottom: 2rem; }
  footer li {
    list-style-type: none; }
    footer li a {
      font-size: 1.6rem;
      color: #777;
      transition: .3s ease;
      display: inline-block; }
      footer li a:hover {
        color: #999;
        text-decoration: none; }
  @media only screen and (max-width: 56.25em) {
    footer .fw-aware-logos {
      max-width: 400px;
      margin: 0 auto; } }
  footer span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 1.6rem; }
  footer .textwidget {
    padding-left: 1.5rem;
    padding-top: 1.5em;
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    footer .textwidget a {
      text-decoration: none;
      align-self: center;
      margin-right: 5px; }
      footer .textwidget a.footer-aware-logos {
        flex: 0 25%;
        max-width: 25%;
        box-sizing: border-box;
        padding: 0 .5%; }
        footer .textwidget a.footer-aware-logos img,
        footer .textwidget a.footer-aware-logos svg {
          width: 100%; }
    footer .textwidget img,
    footer .textwidget svg {
      opacity: .7;
      transition: all .3s ease;
      width: 50px; }
      footer .textwidget img:hover,
      footer .textwidget svg:hover {
        opacity: 1;
        cursor: pointer; }
      footer .textwidget img.gamcare,
      footer .textwidget svg.gamcare {
        height: 40px;
        filter: brightness(0) invert(1);
        width: 90px; }
    @media only screen and (max-width: 56.25em) {
      footer .textwidget {
        padding-left: 0; } }
  footer .widgetarea .textwidget {
    display: block !important; }
  footer .footerwidget .textwidget {
    display: flex;
    align-self: center;
    width: 100%; }
  footer .social-networks {
    z-index: 1;
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    footer .social-networks .fa-youtube,
    footer .social-networks .fa-twitter {
      color: #fff !important;
      font-size: 3rem !important;
      width: 3rem;
      margin-left: 12px !important; }
    @media only screen and (min-width: 56.25em) {
      footer .social-networks {
        left: 0;
        top: 50%;
        transform: translate(0, -50%);
        position: fixed; }
        footer .social-networks a {
          height: 4rem;
          padding: .5rem;
          font-size: 1.4rem;
          color: #fff;
          text-decoration: none;
          display: flex;
          display: -webkit-flex;
          display: -ms-flexbox;
          justify-content: space-between;
          align-items: center;
          transform: translateX(-6.5rem);
          transition: all .3s ease;
          box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
          width: 100px;
          /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ } }
    @media only screen and (min-width: 56.25em) and (max-width: 37.5em) {
      footer .social-networks a {
        display: block; } }
    @media only screen and (min-width: 56.25em) {
          footer .social-networks a:hover {
            transform: translateX(0); }
          footer .social-networks a:first-of-type {
            background-color: #ff0000; }
          footer .social-networks a:nth-of-type(2) {
            background-color: #1da1f2; } }
    @media only screen and (max-width: 56.25em) {
      footer .social-networks {
        justify-content: center;
        padding: 20px 0 0;
        display: flex; }
        footer .social-networks .display-on-lg {
          display: none; }
        footer .social-networks a {
          display: flex;
          align-items: center; } }
    footer .social-networks img {
      width: 30px; }
  footer .wrap.row.footer-banners {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    footer .wrap.row.footer-banners::after {
      display: none; }
    @media only screen and (max-width: 37.5em) {
      footer .wrap.row.footer-banners {
        justify-content: center; } }

.row {
  max-width: 124rem;
  margin: 0 auto;
  padding: 0 3rem;
  /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */
  /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
  .row:not(:last-child) {
    margin-bottom: 8rem;
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    @media only screen and (max-width: 56.25em) {
      .row:not(:last-child) {
        margin-bottom: 3rem; } }
  @media only screen and (max-width: 75em) {
    .row {
      padding: 0 3rem; } }
  @media only screen and (max-width: 37.5em) {
    .row {
      padding: 0 2rem; } }
  .row::after {
    content: "";
    display: table;
    clear: both; }
  .row [class^="col-"] {
    float: left;
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    .row [class^="col-"]:not(:last-child) {
      margin-right: 6rem;
      /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
      @media only screen and (max-width: 56.25em) {
        .row [class^="col-"]:not(:last-child) {
          margin-right: 0;
          margin-bottom: 3rem; } }
    @media only screen and (max-width: 56.25em) {
      .row [class^="col-"] {
        width: 100% !important; } }
  .row .col-1-of-2 {
    width: calc((100% - 6rem) / 2); }
  .row .col-1-of-3 {
    position: sticky;
    top: 8rem;
    width: calc((100% - 2 * 6rem) / 3);
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    @media only screen and (max-width: 56.25em) {
      .row .col-1-of-3 {
        position: relative;
        top: 0; } }
  .row .col-2-of-3 {
    width: calc(
 2 * ((100% - 2 * 6rem) / 3) + 6rem); }
  .row .col-1-of-4 {
    width: calc((100% - 3 * 6rem) / 4); }
  .row .col-2-of-4 {
    width: calc(
 2 * ((100% - 3 * 6rem) / 4) + 6rem); }
  .row .col-3-of-4 {
    width: calc(
 3 * ((100% - 3 * 6rem) / 4) + 2 * 6rem); }
  .row .col-1-of-5 {
    width: calc((100% -4 * 6rem) / 5); }
  .row .col-4-of-5 {
    width: calc(
 4 * ((100% -4 * 6rem) / 5) + 3 * 6rem); }

.wrapper {
  width: 100%;
  max-width: 124rem;
  padding: 0 10px;
  margin: 0 auto; }

@-ms-viewport {
  width: device-width; }

.row-new {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }
  .row-new .col-12,
  .row-new .col-sm-6,
  .row-new .col-sm-8,
  .row-new .col-md-4,
  .row-new .col-md-5,
  .row-new .col-md-7,
  .row-new .col-md-8 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px; }
  .row-new .col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  @media (min-width: 576px) {
    .row-new .col-sm-6 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%; }
    .row-new .col-sm-8 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%; }
    .row-new .offset-sm-2 {
      margin-left: 16.666667%; } }
  @media (min-width: 768px) {
    .row-new .col-md-4 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%; }
    .row-new .col-md-5 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
      max-width: 41.666667%; }
    .row-new .col-md-6 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%; }
    .row-new .col-md-7 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
      max-width: 58.333333%; }
    .row-new .col-md-8 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%; }
    .row-new .offset-md-0 {
      margin-left: 0; }
    .row-new .offset-md-1 {
      margin-left: 8.333333%; }
    .row-new .offset-md-4 {
      margin-left: 33.333333%; } }

#content .entry .frontpage-bonuses .tcText {
  margin-left: -2rem; }

#content .entry .frontpage-bonuses .bonus-code {
  margin: 1rem auto;
  width: 70%;
  display: block;
  background-color: #331e1a;
  border: 1px solid #777;
  border-radius: 50rem;
  min-width: 20rem;
  position: relative; }
  #content .entry .frontpage-bonuses .bonus-code span {
    font-size: 1.2rem;
    color: #777;
    text-transform: uppercase;
    background-color: #331e1a;
    padding: 0 0.3rem;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute; }
  #content .entry .frontpage-bonuses .bonus-code p {
    font-size: 2rem;
    font-weight: 700;
    padding: 0.5rem;
    color: #f7f7f7; }

#content .entry .frontpage-bonuses .more-bonuses {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: space-between;
  /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
  @media only screen and (max-width: 37.5em) {
    #content .entry .frontpage-bonuses .more-bonuses {
      display: block;
      text-align: center; } }
  #content .entry .frontpage-bonuses .more-bonuses .button-container {
    width: 20%;
    text-align: right;
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    @media only screen and (max-width: 37.5em) {
      #content .entry .frontpage-bonuses .more-bonuses .button-container {
        width: 100%;
        text-align: center;
        margin-bottom: 5%; } }
    #content .entry .frontpage-bonuses .more-bonuses .button-container button {
      color: #d24d57;
      background: transparent;
      border: none;
      text-decoration: underline;
      font-size: 1.5rem;
      margin-left: 5%;
      cursor: pointer; }

#content .entry .frontpage-bonuses .grid-item {
  grid-template-columns: repeat(4, 1fr);
  /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */
  /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
  @media only screen and (max-width: 56.25em) {
    #content .entry .frontpage-bonuses .grid-item {
      grid-template-columns: repeat(2, 1fr); } }
  @media only screen and (max-width: 37.5em) {
    #content .entry .frontpage-bonuses .grid-item {
      grid-template-columns: repeat(1, 1fr); } }

#content .entry-content {
  /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */
  /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
  #content .entry-content .bonus-code {
    margin: 1rem auto;
    width: 70%;
    display: block;
    background-color: #331e1a;
    border: 1px solid #777;
    border-radius: 50rem;
    min-width: 20rem;
    position: relative; }
    #content .entry-content .bonus-code span {
      font-size: 1.2rem;
      color: #777;
      text-transform: uppercase;
      background-color: #331e1a;
      padding: 0 0.3rem;
      top: 0;
      left: 50%;
      transform: translate(-50%, -50%);
      position: absolute; }
    #content .entry-content .bonus-code p {
      font-size: 2rem;
      font-weight: 700;
      padding: 0.5rem;
      color: #f7f7f7; }
  #content .entry-content .more-bonuses {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    @media only screen and (max-width: 37.5em) {
      #content .entry-content .more-bonuses {
        display: block;
        text-align: center; } }
    #content .entry-content .more-bonuses .button-container {
      width: 20%;
      text-align: right;
      /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
      @media only screen and (max-width: 37.5em) {
        #content .entry-content .more-bonuses .button-container {
          width: 100%;
          text-align: center;
          margin-bottom: 5%; } }
      #content .entry-content .more-bonuses .button-container button {
        color: #d24d57;
        background: transparent;
        border: none;
        text-decoration: underline;
        font-size: 1.5rem;
        margin-left: 5%;
        cursor: pointer; }
  @media only screen and (max-width: 56.25em) {
    #content .entry-content {
      grid-template-columns: repeat(2, 1fr); } }
  @media only screen and (max-width: 37.5em) {
    #content .entry-content {
      grid-template-columns: repeat(1, 1fr); } }

#content .entry .bonus-code {
  margin: 1rem auto;
  width: 70%;
  display: block;
  background-color: #331e1a;
  border: 1px solid #777;
  border-radius: 50rem;
  min-width: 20rem;
  position: relative; }
  #content .entry .bonus-code span {
    font-size: 1.2rem;
    color: #777;
    text-transform: uppercase;
    background-color: #331e1a;
    padding: 0 0.3rem;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute; }
  #content .entry .bonus-code p {
    font-size: 2rem;
    font-weight: 700;
    padding: 0.5rem;
    color: #f7f7f7; }

#content .entry .more-bonuses {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: space-between;
  /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
  @media only screen and (max-width: 37.5em) {
    #content .entry .more-bonuses {
      display: block;
      text-align: center; } }
  #content .entry .more-bonuses .button-container {
    width: 20%;
    text-align: right;
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    @media only screen and (max-width: 37.5em) {
      #content .entry .more-bonuses .button-container {
        width: 100%;
        text-align: center;
        margin-bottom: 5%; } }
    #content .entry .more-bonuses .button-container button {
      color: #d24d57;
      background: transparent;
      border: none;
      text-decoration: underline;
      font-size: 1.5rem;
      margin-left: 5%;
      cursor: pointer; }

#content .entry .grid-item {
  grid-template-columns: repeat(3, 1fr);
  /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */
  /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
  @media only screen and (max-width: 56.25em) {
    #content .entry .grid-item {
      grid-template-columns: repeat(2, 1fr); } }
  @media only screen and (max-width: 37.5em) {
    #content .entry .grid-item {
      grid-template-columns: repeat(1, 1fr); } }

#content .entry-content .bonus-code {
  margin: 1rem auto;
  width: 70%;
  display: block;
  background-color: #331e1a;
  border: 1px solid #777;
  border-radius: 50rem;
  min-width: 20rem;
  position: relative; }
  #content .entry-content .bonus-code span {
    font-size: 1.2rem;
    color: #777;
    text-transform: uppercase;
    background-color: #331e1a;
    padding: 0 0.3rem;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute; }
  #content .entry-content .bonus-code p {
    font-size: 2rem;
    font-weight: 700;
    padding: 0.5rem;
    color: #f7f7f7; }

#content .entry-content .more-bonuses {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: space-between;
  /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
  @media only screen and (max-width: 37.5em) {
    #content .entry-content .more-bonuses {
      display: block;
      text-align: center; } }
  #content .entry-content .more-bonuses .button-container {
    width: 20%;
    text-align: right;
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    @media only screen and (max-width: 37.5em) {
      #content .entry-content .more-bonuses .button-container {
        width: 100%;
        text-align: center;
        margin-bottom: 5%; } }
    #content .entry-content .more-bonuses .button-container button {
      color: #d24d57;
      background: transparent;
      border: none;
      text-decoration: underline;
      font-size: 1.5rem;
      margin-left: 5%;
      cursor: pointer; }

#content .entry-content .grid-item {
  grid-template-columns: repeat(3, 1fr);
  /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */
  /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
  @media only screen and (max-width: 56.25em) {
    #content .entry-content .grid-item {
      grid-template-columns: repeat(2, 1fr); } }
  @media only screen and (max-width: 37.5em) {
    #content .entry-content .grid-item {
      grid-template-columns: repeat(1, 1fr); } }

#content .grid-item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 2rem;
  margin-bottom: 3rem;
  /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
  @media only screen and (max-width: 37.5em) {
    #content .grid-item {
      grid-template-columns: repeat(1, 1fr); } }
  #content .grid-item .tcText {
    margin-left: -2rem; }
  #content .grid-item .tc-link-uk {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.4;
    color: #999;
    font-style: italic;
    cursor: pointer;
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    #content .grid-item .tc-link-uk:hover .tcText {
      display: block;
      background: #f7f7f7;
      position: absolute;
      top: 0;
      padding: 5%;
      width: 100%; }
    @media only screen and (max-width: 37.5em) {
      #content .grid-item .tc-link-uk {
        min-height: auto; } }
    #content .grid-item .tc-link-uk .tcText {
      display: none; }
  #content .grid-item .oneBonusCasino {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: column;
    background-color: #331e1a;
    padding: 2rem 2rem 11rem;
    text-align: center;
    border-radius: 3px;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
    position: relative;
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    #content .grid-item .oneBonusCasino .casinoTitle {
      font-size: 1.4rem;
      color: #777;
      margin: 0; }
    #content .grid-item .oneBonusCasino .logoImg {
      display: flex;
      display: -webkit-flex;
      display: -ms-flexbox;
      justify-content: center;
      width: 9rem;
      background: #fff;
      border-radius: 50%;
      margin: 0 auto;
      height: 9rem; }
      #content .grid-item .oneBonusCasino .logoImg img {
        width: 8rem;
        margin: 0; }
    #content .grid-item .oneBonusCasino img {
      border: none; }
    #content .grid-item .oneBonusCasino .specialBonus {
      min-height: 8rem;
      justify-content: center;
      align-items: center;
      display: flex;
      display: -webkit-flex;
      display: -ms-flexbox; }
      #content .grid-item .oneBonusCasino .specialBonus p {
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 1.3;
        color: #f7f7f7;
        max-width: 20rem;
        margin: 0 auto;
        display: block;
        padding: 1rem 0; }
        #content .grid-item .oneBonusCasino .specialBonus p span {
          display: inline; }
          #content .grid-item .oneBonusCasino .specialBonus p span.text-weight-light {
            font-weight: 300; }
          #content .grid-item .oneBonusCasino .specialBonus p span.block-span {
            display: block; }
          #content .grid-item .oneBonusCasino .specialBonus p span.bon-type {
            display: block; }
    #content .grid-item .oneBonusCasino .buttonLink {
      background-color: #2a90c6;
      color: #f7f7f7;
      width: 85%;
      transition: 0.3s ease;
      margin: 5% 0 4rem;
      bottom: 0;
      position: absolute;
      /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
      @media only screen and (max-width: 37.5em) {
        #content .grid-item .oneBonusCasino .buttonLink {
          width: 100%;
          position: relative; } }
    #content .grid-item .oneBonusCasino .buttonLink:hover {
      background-color: #237ba9;
      transform: translateY(-0.5rem); }
    @media only screen and (max-width: 37.5em) {
      #content .grid-item .oneBonusCasino {
        padding: 2rem; }
        #content .grid-item .oneBonusCasino .buttonLink {
          left: initial;
          right: initial; } }
    @media only screen and (min-width: 37.5em) {
      #content .grid-item .oneBonusCasino .tc-link-uk {
        margin: 1.5rem 0 0; } }
  #content .grid-item .oneBonusCasino:hover {
    transform: translateY(-0.5rem);
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2); }

#content .bonusCasinos .loading-box {
  display: none; }

#content .entry .flex-container.casinoTable {
  max-width: max-content; }

#content .front-page .flex-container.casinoTable {
  max-width: 80%; }

#content .flex-container.casinoTable {
  margin: 0 auto;
  /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
  @media only screen and (max-width: 37.5em) {
    #content .flex-container.casinoTable {
      max-width: 100%; } }
  #content .flex-container.casinoTable .flex-row {
    padding: 1rem 2rem;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    justify-content: space-around;
    border-radius: 3px;
    background-color: #f7f7f7;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
    transition: all 0.2s ease;
    position: relative;
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    #content .flex-container.casinoTable .flex-row a {
      align-self: center;
      display: grid;
      text-align: center; }
      #content .flex-container.casinoTable .flex-row a img {
        /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
        @media only screen and (min-width: 37.5em) {
          #content .flex-container.casinoTable .flex-row a img {
            width: 8rem;
            max-width: 8rem;
            margin-left: 0;
            padding: 3%; } }
    #content .flex-container.casinoTable .flex-row:hover {
      transform: translateY(-0.5rem);
      box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
      background-color: #eee; }
    #content .flex-container.casinoTable .flex-row .casinoName {
      color: #333;
      font-size: 1.6rem;
      margin-bottom: 0.5rem; }
    #content .flex-container.casinoTable .flex-row .ratingNumber {
      font-weight: 600;
      font-size: 1.5em; }
    #content .flex-container.casinoTable .flex-row .casino-name-wrap {
      text-align: center;
      /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
      #content .flex-container.casinoTable .flex-row .casino-name-wrap .title,
      #content .flex-container.casinoTable .flex-row .casino-name-wrap small {
        color: #333;
        font-weight: 500; }
      #content .flex-container.casinoTable .flex-row .casino-name-wrap .title {
        line-height: 2.5; }
      #content .flex-container.casinoTable .flex-row .casino-name-wrap small {
        display: block;
        line-height: 1; }
      @media only screen and (min-width: 37.5em) {
        #content .flex-container.casinoTable .flex-row .casino-name-wrap {
          max-width: 18rem;
          min-width: 18rem; } }
    @media only screen and (max-width: 37.5em) {
      #content .flex-container.casinoTable .flex-row .casino-card-logo {
        width: 100%; }
        #content .flex-container.casinoTable .flex-row .casino-card-logo > a {
          width: 100%; }
          #content .flex-container.casinoTable .flex-row .casino-card-logo > a img {
            margin: 0 auto; } }
    #content .flex-container.casinoTable .flex-row .table-spacing {
      max-width: 25rem;
      min-width: 25rem;
      display: flex;
      display: -webkit-flex;
      display: -ms-flexbox;
      flex-direction: column;
      text-align: center;
      /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
      @media only screen and (max-width: 37.5em) {
        #content .flex-container.casinoTable .flex-row .table-spacing {
          max-width: 90%;
          margin-bottom: 3rem; } }
      #content .flex-container.casinoTable .flex-row .table-spacing .bonusType {
        color: #777;
        font-size: 1.4rem;
        display: block; }
      #content .flex-container.casinoTable .flex-row .table-spacing .bonusOffer {
        color: #333;
        font-weight: 600;
        font-size: 2rem;
        line-height: 1.4;
        margin-bottom: 1rem; }
        #content .flex-container.casinoTable .flex-row .table-spacing .bonusOffer .free-spins {
          display: block; }
    #content .flex-container.casinoTable .flex-row .allowed-country {
      text-transform: uppercase;
      margin-top: 4%;
      width: 100%;
      text-align: center; }
      #content .flex-container.casinoTable .flex-row .allowed-country img {
        float: none;
        margin-left: 0;
        margin-right: 5%; }
    #content .flex-container.casinoTable .flex-row .links {
      /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
      @media only screen and (max-width: 37.5em) {
        #content .flex-container.casinoTable .flex-row .links {
          width: 100%; } }
      #content .flex-container.casinoTable .flex-row .links .review {
        padding-top: 4px; }
      #content .flex-container.casinoTable .flex-row .links .tc-data {
        text-align: center;
        margin-top: 0.5rem; }
    #content .flex-container.casinoTable .flex-row .newCasino {
      padding: 2px;
      background: #6cc388;
      color: #fff;
      position: absolute;
      top: 2px;
      right: 2px;
      font-size: 1rem;
      font-weight: 500;
      z-index: 1; }
    @media only screen and (max-width: 37.5em) {
      #content .flex-container.casinoTable .flex-row {
        flex-direction: column;
        padding: 0.5rem 0 0;
        max-height: 100%; } }
    #content .flex-container.casinoTable .flex-row .pendingTime {
      width: 40%;
      font-size: 1.4rem;
      /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
      @media only screen and (max-width: 37.5em) {
        #content .flex-container.casinoTable .flex-row .pendingTime {
          width: 100%;
          text-align: center; } }
    #content .flex-container.casinoTable .flex-row .links .spacing {
      text-align: center; }
      #content .flex-container.casinoTable .flex-row .links .spacing .visitBtn {
        padding: 0.5rem 3rem; }
  #content .flex-container.casinoTable thead {
    margin-bottom: 0.5em;
    display: block;
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    @media only screen and (max-width: 37.5em) {
      #content .flex-container.casinoTable thead {
        display: none; } }
    #content .flex-container.casinoTable thead tr {
      width: 100%;
      display: flex;
      justify-content: space-between;
      box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1); }
      #content .flex-container.casinoTable thead tr:hover {
        transform: none;
        box-shadow: none;
        background: #f7f7f7 !important;
        box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1); }
      #content .flex-container.casinoTable thead tr td {
        width: 20%;
        padding-left: 2em;
        font-size: 1.7rem;
        border: none; }
  #content .flex-container.casinoTable tbody td {
    border: none; }
    #content .flex-container.casinoTable tbody td:first-of-type {
      color: #d24d57;
      padding: 0.2em 0.7em;
      font-weight: 500;
      font-size: 1.6rem; }

#content .flex-container.column.casinoTable.bankingTbl {
  max-width: 100%; }
  #content .flex-container.column.casinoTable.bankingTbl thead tr td {
    padding-left: 1em; }
    #content .flex-container.column.casinoTable.bankingTbl thead tr td:nth-of-type(2) {
      padding-left: 0; }

#content .new-casino {
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: repeat(4, 1fr);
  /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */
  /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
  @media only screen and (max-width: 56.25em) {
    #content .new-casino {
      grid-template-columns: repeat(2, 1fr); } }
  @media only screen and (max-width: 37.5em) {
    #content .new-casino {
      grid-gap: 3rem;
      padding: 0;
      grid-template-columns: 1fr;
      display: grid; } }
  #content .new-casino .new-casino-box {
    width: 100%;
    background-color: #752f0d;
    padding: 1rem;
    border-radius: 3px;
    display: grid;
    grid-template-columns: 8rem 1fr;
    grid-template-rows: repeat(3, auto);
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
    position: relative; }
    #content .new-casino .new-casino-box:not(:last-child) {
      margin-right: 2rem; }
    #content .new-casino .new-casino-box .tcText {
      margin-left: -1rem; }
    #content .new-casino .new-casino-box .tc-link-uk {
      padding: 1rem 0;
      border-bottom: 1px solid rgba(153, 153, 153, 0.2);
      grid-column: 1 / span 2;
      text-align: center; }
      #content .new-casino .new-casino-box .tc-link-uk:first-child {
        border-bottom: none; }
    #content .new-casino .new-casino-box .tc-link-uk {
      font-size: 1.2rem;
      font-weight: 500;
      line-height: 1.4;
      color: #999;
      font-style: italic;
      cursor: pointer;
      /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
      #content .new-casino .new-casino-box .tc-link-uk:hover .tcText {
        display: block;
        background: #f7f7f7;
        position: absolute;
        top: 0;
        padding: 5%;
        width: 100%; }
      @media only screen and (max-width: 37.5em) {
        #content .new-casino .new-casino-box .tc-link-uk {
          min-height: auto; } }
      #content .new-casino .new-casino-box .tc-link-uk .tcText {
        display: none; }
    #content .new-casino .new-casino-box .review-box {
      margin-left: 2rem; }
      #content .new-casino .new-casino-box .review-box p,
      #content .new-casino .new-casino-box .review-box a {
        color: #f7f7f7;
        font-size: 1.4rem;
        margin: 0; }
    #content .new-casino .new-casino-box img {
      width: 8rem;
      height: 8rem;
      background-color: #f7f7f7;
      padding: 0.5rem;
      border-radius: 3px; }
    #content .new-casino .new-casino-box .buttonLink {
      grid-column: 1 / span 2;
      text-align: center;
      margin-top: 2rem; }

.oneBonusCasino {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-direction: column;
  background-color: #331e1a;
  padding: 2rem;
  text-align: center;
  border-radius: 3px;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
  position: relative;
  /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
  .oneBonusCasino .casinoTitle {
    font-size: 1.6rem;
    color: #f7f7f7;
    margin: 0; }
  .oneBonusCasino .logoImg {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: center;
    width: 9rem;
    background: #fff;
    border-radius: 50%;
    margin: 0 auto;
    height: 9rem; }
    .oneBonusCasino .logoImg img {
      width: 8rem;
      margin: 0; }
  .oneBonusCasino img {
    border: none; }
  .oneBonusCasino .specialBonus {
    min-height: 8rem;
    justify-content: center;
    align-items: center;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox; }
    .oneBonusCasino .specialBonus .ex-bon {
      font-weight: 300; }
    .oneBonusCasino .specialBonus p {
      font-size: 2.4rem;
      font-weight: 700;
      line-height: 1.3;
      color: #f7f7f7;
      max-width: 20rem;
      margin: 0 auto;
      display: block;
      padding: 1rem 0 2rem; }
      .oneBonusCasino .specialBonus p span {
        display: inline; }
        .oneBonusCasino .specialBonus p span.text-weight-light {
          font-weight: 300; }
        .oneBonusCasino .specialBonus p span.block-span {
          display: block; }
  .oneBonusCasino .buttonLink {
    background-color: #2a90c6;
    color: #f7f7f7;
    left: 20px;
    right: 20px;
    transition: 0.3s ease;
    margin: 5% 0;
    bottom: 10px;
    position: absolute;
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    @media only screen and (max-width: 37.5em) {
      .oneBonusCasino .buttonLink {
        width: 100%;
        position: relative; } }
    .oneBonusCasino .buttonLink:hover {
      text-decoration: none; }
  .oneBonusCasino .buttonLink:hover {
    background-color: #237ba9;
    transform: translateY(-0.5rem); }
  @media only screen and (min-width: 37.5em) {
    .oneBonusCasino .tc-link-uk {
      margin: 1rem 0; } }

.oneBonusCasino:hover {
  transform: translateY(-0.5rem);
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2); }

.top-review-new .top-review-main {
  background-image: linear-gradient(to right bottom, rgba(0, 0, 0, 0.85), rgba(83, 49, 31, 0.55)), url(../../images/bgslotty.jpg);
  background-size: cover;
  background-position: center;
  padding-top: 5.5rem; }
  .top-review-new .top-review-main .breadcrumb {
    padding: 3rem 0; }
    .top-review-new .top-review-main .breadcrumb > .row > h2 {
      display: none; }
    .top-review-new .top-review-main .breadcrumb a {
      color: #f7f7f7;
      font-size: 1.4rem;
      text-transform: uppercase; }
    .top-review-new .top-review-main .breadcrumb .icon {
      margin: 0 1rem; }
      .top-review-new .top-review-main .breadcrumb .icon i {
        color: #f7f7f7 !important;
        font-size: 1.2rem !important; }
    .top-review-new .top-review-main .breadcrumb .current_crumb {
      color: rgba(247, 247, 247, 0.7);
      font-size: 1.4rem;
      text-transform: uppercase; }

.top-review-new .casino-info .casino-main-info {
  display: flex;
  align-items: center; }
  .top-review-new .casino-info .casino-main-info .casino-img-holder {
    padding: 2rem;
    background: #fff;
    border-radius: 50%;
    margin-right: 2rem;
    width: 13.5rem;
    height: 13.5rem; }
    .top-review-new .casino-info .casino-main-info .casino-img-holder img {
      width: 100%; }
  .top-review-new .casino-info .casino-main-info .ontario-tc-note {
    font-style: italic;
    color: #fff;
    padding: 7px 0 0;
    display: block;
    font-size: 12px; }
  .top-review-new .casino-info .casino-main-info h1 {
    color: #fff;
    background-image: none;
    text-transform: none; }

.top-review-new .casino-info .casino-pros-title {
  color: #6dc287;
  margin: 1.5rem 0 0.5rem;
  font-weight: 500;
  font-size: 2rem; }

.top-review-new .casino-info ul li {
  color: #f7f7f7;
  font-size: 1.5rem; }

.top-review-new .casino-info .casino-pros {
  padding: 0; }
  .top-review-new .casino-info .casino-pros li {
    list-style: none; }
    .top-review-new .casino-info .casino-pros li::before {
      content: "\f00c";
      font-family: FontAwesome;
      color: #6dc287;
      margin-right: 0.5rem; }

.top-review-new .casino-info .casino-cons-title {
  color: red;
  margin: 1.5rem 0 0.5rem;
  font-weight: 500;
  font-size: 2rem; }

.top-review-new .casino-info .casino-cons {
  padding: 0; }
  .top-review-new .casino-info .casino-cons li {
    list-style: none; }
    .top-review-new .casino-info .casino-cons li::before {
      content: "\f00d";
      font-family: FontAwesome;
      color: red;
      margin-right: 0.5rem; }

.top-review-new .casino-info .right-side-software {
  margin: 4rem 0;
  width: 100%;
  background-color: #331e1a;
  padding: 2rem;
  border-radius: 3px;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
  position: relative; }
  .top-review-new .casino-info .right-side-software > p {
    color: #fff;
    font-size: 1.8rem; }
  .top-review-new .casino-info .right-side-software #showSoftw {
    display: none; }
    .top-review-new .casino-info .right-side-software #showSoftw.rssl-expanded {
      display: inline !important; }
  .top-review-new .casino-info .right-side-software button,
  .top-review-new .casino-info .right-side-software a.moreSoftw {
    background: transparent;
    color: #c6602a;
    border: none;
    cursor: pointer;
    position: relative;
    line-height: 2.9rem;
    display: inline-block;
    text-decoration: none; }
    .top-review-new .casino-info .right-side-software button::before,
    .top-review-new .casino-info .right-side-software a.moreSoftw::before {
      border-bottom: 1px solid #f7f7f7;
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 0.3rem;
      border-bottom: 1px solid #f7f7f7;
      transform: scaleY(0);
      transition: transform 0.2s, width 0.4s cubic-bezier(1, 0, 0, 1) 0.2s, border-bottom 0.1s; }
    .top-review-new .casino-info .right-side-software button:hover,
    .top-review-new .casino-info .right-side-software a.moreSoftw:hover {
      color: #f7f7f7; }
      .top-review-new .casino-info .right-side-software button:hover::before,
      .top-review-new .casino-info .right-side-software a.moreSoftw:hover::before {
        transform: scaleY(1);
        width: 100%; }
  .top-review-new .casino-info .right-side-software-list span {
    display: inline-block;
    margin-right: 0.5rem;
    line-height: 2.9rem;
    color: #fff;
    font-size: 1.4rem; }
    .top-review-new .casino-info .right-side-software-list span a {
      text-decoration: underline;
      color: #f7f7f7;
      font-size: 1.4rem;
      margin-right: 0.5rem; }
      .top-review-new .casino-info .right-side-software-list span a:hover {
        color: #c6602a; }

.top-review-new .casino-info .casino-review-btn-jrst {
  padding: 2rem 0; }
  .top-review-new .casino-info .casino-review-btn-jrst .ImageBttn {
    margin-bottom: 1.5rem; }
  .top-review-new .casino-info .casino-review-btn-jrst p {
    color: #fff;
    font-weight: 600; }
    .top-review-new .casino-info .casino-review-btn-jrst p span {
      font-weight: 300; }

.top-review-new .casino-info .oneBonusCasino {
  padding-bottom: 8rem;
  /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
  @media only screen and (max-width: 37.5em) {
    .top-review-new .casino-info .oneBonusCasino {
      padding-bottom: 0; }
      .top-review-new .casino-info .oneBonusCasino .buttonLink {
        left: initial;
        right: initial; } }

.top-review-new .top-review-sec {
  padding: 10rem 0 0;
  background: #f7f7f7; }
  .top-review-new .top-review-sec .top-review-sec-content {
    background: #fff;
    border-radius: 3px 3px 0 0; }
    .top-review-new .top-review-sec .top-review-sec-content .review-casino-details {
      padding: 4rem 3rem; }
      .top-review-new .top-review-sec .top-review-sec-content .review-casino-details > h2 {
        color: #ca5544;
        font-size: 2.8rem;
        font-weight: 700;
        margin-bottom: 2rem; }
        .top-review-new .top-review-sec .top-review-sec-content .review-casino-details > h2 span {
          font-weight: 300; }
      .top-review-new .top-review-sec .top-review-sec-content .review-casino-details .sumdiv div {
        display: flex;
        font-weight: 400;
        color: #787679;
        margin-bottom: 0;
        line-height: 30px;
        font-size: 1.6rem; }
        .top-review-new .top-review-sec .top-review-sec-content .review-casino-details .sumdiv div span {
          display: inline-block; }
          .top-review-new .top-review-sec .top-review-sec-content .review-casino-details .sumdiv div span.detail-heading {
            color: #752f0d;
            font-weight: 700;
            min-width: 15rem; }
    .top-review-new .top-review-sec .top-review-sec-content .rightscreen {
      padding: 3rem; }
      .top-review-new .top-review-sec .top-review-sec-content .rightscreen img {
        width: 100%; }

.top-review-new #content.entry-content {
  padding-top: 0;
  padding-bottom: 0; }
  .top-review-new #content.entry-content .row-new {
    background: #fff;
    border-radius: 0 0 3px 3px;
    margin-bottom: 5rem; }
    .top-review-new #content.entry-content .row-new .col-12 {
      padding: 0 3rem; }
  .top-review-new #content.entry-content .grid-container.bonusCasinos .grid-item {
    grid-template-columns: repeat(4, 1fr);
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    .top-review-new #content.entry-content .grid-container.bonusCasinos .grid-item .oneBonusCasino {
      position: relative;
      padding: 2rem 2rem 11rem;
      /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
      .top-review-new #content.entry-content .grid-container.bonusCasinos .grid-item .oneBonusCasino .casinoTitle {
        color: #fff;
        margin-bottom: 2rem; }
      .top-review-new #content.entry-content .grid-container.bonusCasinos .grid-item .oneBonusCasino .specialBonus {
        align-content: center; }
        .top-review-new #content.entry-content .grid-container.bonusCasinos .grid-item .oneBonusCasino .specialBonus .bonusType {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          min-height: 63px;
          justify-content: center;
          margin-bottom: 2rem; }
          .top-review-new #content.entry-content .grid-container.bonusCasinos .grid-item .oneBonusCasino .specialBonus .bonusType .exclusive-title {
            text-transform: uppercase;
            font-weight: 300; }
        .top-review-new #content.entry-content .grid-container.bonusCasinos .grid-item .oneBonusCasino .specialBonus .wage-requirement {
          font-size: 1.7rem;
          margin: 1rem 0 0; }
      .top-review-new #content.entry-content .grid-container.bonusCasinos .grid-item .oneBonusCasino .ex-bon {
        font-weight: 300; }
      .top-review-new #content.entry-content .grid-container.bonusCasinos .grid-item .oneBonusCasino .bon-type {
        margin-bottom: 2rem; }
      .top-review-new #content.entry-content .grid-container.bonusCasinos .grid-item .oneBonusCasino .bonus-code {
        position: relative;
        border-radius: 25px;
        border: 1px solid rgba(153, 153, 153, 0.4);
        margin-top: 1rem;
        margin-bottom: 1rem; }
        .top-review-new #content.entry-content .grid-container.bonusCasinos .grid-item .oneBonusCasino .bonus-code span {
          color: #fff;
          margin: -0.8rem auto 0;
          text-transform: uppercase;
          display: block;
          background-color: #331e1a;
          max-width: 11rem;
          font-size: 1.4rem;
          font-weight: 300; }
        .top-review-new #content.entry-content .grid-container.bonusCasinos .grid-item .oneBonusCasino .bonus-code p {
          color: #fff;
          margin-bottom: 1rem;
          font-weight: 700;
          font-size: 2rem;
          line-height: 2rem; }
      .top-review-new #content.entry-content .grid-container.bonusCasinos .grid-item .oneBonusCasino .buttonLink {
        width: auto;
        left: 2rem;
        right: 2rem; }
      @media only screen and (max-width: 37.5em) {
        .top-review-new #content.entry-content .grid-container.bonusCasinos .grid-item .oneBonusCasino {
          padding: 2rem 2rem 1rem; } }
    @media only screen and (max-width: 75em) {
      .top-review-new #content.entry-content .grid-container.bonusCasinos .grid-item {
        grid-template-columns: repeat(3, 1fr); } }
    @media only screen and (max-width: 56.25em) {
      .top-review-new #content.entry-content .grid-container.bonusCasinos .grid-item {
        grid-template-columns: repeat(2, 1fr); } }
    @media only screen and (max-width: 37.5em) {
      .top-review-new #content.entry-content .grid-container.bonusCasinos .grid-item {
        grid-template-columns: repeat(1, 1fr); }
        .top-review-new #content.entry-content .grid-container.bonusCasinos .grid-item .oneBonusCasino .buttonLink {
          left: initial;
          right: initial; } }
  .top-review-new #content.entry-content .authorbio {
    margin: 3rem 0;
    overflow: hidden; }
    .top-review-new #content.entry-content .authorbio img {
      float: left; }
    .top-review-new #content.entry-content .authorbio h3,
    .top-review-new #content.entry-content .authorbio p {
      padding-left: 11rem; }
    .top-review-new #content.entry-content .authorbio p {
      font-style: italic;
      font-size: 1.5rem;
      color: #999; }

.d-none {
  display: none !important; }

#content .WidgetSidebar .widget-container {
  display: flex;
  display: -ms-flexbox;
  flex-direction: column;
  background-color: #f7f7f7;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem; }
  #content .WidgetSidebar .widget-container h4 {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    font-size: 1.6rem;
    padding: .5rem 1rem;
    background-color: #d24d57;
    color: #f7f7f7;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-weight: 400;
    width: 100%;
    justify-content: space-between; }
  #content .WidgetSidebar .widget-container a {
    text-decoration: none;
    font-size: 1.4rem;
    line-height: 1.3;
    color: #752f0d;
    display: block;
    padding: .75rem;
    transition: all .3s ease; }
  #content .WidgetSidebar .widget-container .contentsWidget {
    padding: 0 1rem; }
    #content .WidgetSidebar .widget-container .contentsWidget:nth-of-type(2) {
      padding: 0 0 0 0.6%; }
    #content .WidgetSidebar .widget-container .contentsWidget .column_news {
      display: flow-root;
      padding: 1% 0; }
      #content .WidgetSidebar .widget-container .contentsWidget .column_news:nth-of-type(even) {
        background-color: #eee; }
      #content .WidgetSidebar .widget-container .contentsWidget .column_news img {
        float: left !important;
        margin-right: .5rem;
        width: 10rem !important;
        margin-left: 0 !important;
        height: 8rem;
        border-radius: 0 !important; }
      #content .WidgetSidebar .widget-container .contentsWidget .column_news a {
        padding: 0; }
  #content .WidgetSidebar .widget-container .on-this-page a:not(:last-of-type) {
    border-bottom: 1px solid rgba(117, 47, 13, 0.2); }
  #content .WidgetSidebar .widget-container .fa-chevron-down {
    color: #fff !important;
    align-self: center;
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    @media only screen and (min-width: 56.25em) {
      #content .WidgetSidebar .widget-container .fa-chevron-down {
        display: none; } }

.pagination {
  display: flex;
  display: -ms-flexbox;
  justify-content: center; }
  .pagination a {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    color: #d24d57;
    text-decoration: none;
    padding: .8rem 1.5rem;
    border: 1px solid rgba(210, 77, 87, 0.2);
    border-radius: 3px;
    font-size: 1.4rem;
    transition: .3s ease; }
    .pagination a:not(:last-child) {
      margin-right: .5rem; }
    .pagination a:hover {
      background-color: rgba(210, 77, 87, 0.2); }
  .pagination .current {
    background-color: rgba(210, 77, 87, 0.2);
    color: #f7f7f7; }
  .pagination .fas {
    margin: 0; }

.ewd-ufaq-faqs {
  margin-bottom: 5%; }
  .ewd-ufaq-faqs .ufaq-faq-div {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #b5353e; }
    .ewd-ufaq-faqs .ufaq-faq-div .ufaq-faq-title {
      padding: 1.25rem 0.5rem;
      display: flex;
      display: -ms-flexbox;
      align-items: center;
      justify-content: space-between;
      background: #d24d57;
      cursor: pointer;
      transition: all .3s; }
      .ewd-ufaq-faqs .ufaq-faq-div .ufaq-faq-title:hover {
        background: #b5353e; }
      .ewd-ufaq-faqs .ufaq-faq-div .ufaq-faq-title:after {
        content: "\f078";
        font-family: FontAwesome;
        font-size: 1.2rem;
        color: #fff;
        margin-right: 3%; }
      .ewd-ufaq-faqs .ufaq-faq-div .ufaq-faq-title h4 {
        color: #fff;
        font-weight: 400;
        font-size: 1.6rem;
        width: max-content;
        /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
        @media only screen and (max-width: 37.5em) {
          .ewd-ufaq-faqs .ufaq-faq-div .ufaq-faq-title h4 {
            width: auto; } }
      .ewd-ufaq-faqs .ufaq-faq-div .ufaq-faq-title .ewd-ufaq-post-margin-symbol {
        display: none; }
      .ewd-ufaq-faqs .ufaq-faq-div .ufaq-faq-title .ufaq-faq-title-text {
        /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
        @media only screen and (max-width: 37.5em) {
          .ewd-ufaq-faqs .ufaq-faq-div .ufaq-faq-title .ufaq-faq-title-text {
            width: 100%; } }

.rate {
  display: block;
  height: 16px;
  width: 84px;
  background: url(/wp-content/themes/sportsbook/images/star_rate.png) -2px -21px; }
  .rate .ratetotal {
    display: block;
    height: 16px;
    width: 84px;
    background: url(/wp-content/themes/sportsbook/images/star_rate.png) -2px -2px; }

#wpcomm .wc-field-textarea textarea {
  font-size: 1.5rem;
  font-family: inherit;
  color: inherit;
  padding: 1.5rem 2rem !important;
  border-radius: 2px;
  background-color: rgba(153, 153, 153, 0.1);
  border: none;
  border-bottom: 3px solid transparent;
  transition: all .3s; }

.wc-field-avatararea {
  display: none !important; }

.wpdiscuz-textarea-wrap {
  line-height: 0; }

#content .swiper-container {
  padding: 0;
  min-height: 250px;
  /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
  @media only screen and (min-width: 37.5em) {
    #content .swiper-container {
      display: none; } }
  #content .swiper-container img {
    height: 250px;
    width: inherit;
    position: absolute; }
  #content .swiper-container a {
    position: absolute;
    color: #f7f7f7;
    margin-top: 35%;
    display: block;
    line-height: 1.2;
    padding: 3%;
    font-size: 2.2rem;
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    @media only screen and (max-width: 37.5em) {
      #content .swiper-container a {
        z-index: 1; } }
  #content .swiper-container span {
    position: absolute;
    color: #fff;
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    @media only screen and (max-width: 37.5em) {
      #content .swiper-container span {
        top: 220px;
        position: relative;
        margin-left: 3%;
        z-index: 3;
        font-weight: 600; } }
  #content .swiper-container .swiper-button-next:after,
  #content .swiper-container .swiper-button-prev:after {
    color: #fff; }
  #content .swiper-container .swiper-slide {
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    @media only screen and (max-width: 37.5em) {
      #content .swiper-container .swiper-slide {
        height: 250px; } }
    #content .swiper-container .swiper-slide img {
      /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
      @media only screen and (max-width: 37.5em) {
        #content .swiper-container .swiper-slide img {
          height: 100%;
          margin-left: 0; } }

#content .swiper-pagination {
  width: 90%;
  /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
  @media only screen and (min-width: 56.25em) {
    #content .swiper-pagination {
      display: none; } }
  #content .swiper-pagination .swiper-pagination-bullet-active {
    background: #f7f7f7 !important;
    opacity: 1 !important; }
  #content .swiper-pagination .swiper-pagination-bullet {
    margin: 0.4rem; }

#content .midsites .logo img {
  margin-left: 0; }

#content .midsites .bonus {
  text-align: center; }

#content .slot-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2rem;
  /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
  #content .slot-cards .card-box {
    background-color: #eee;
    border-radius: 3px;
    padding: 1rem;
    text-align: center;
    transition: .3s ease; }
    #content .slot-cards .card-box .fas.fa-check {
      color: #6cc388; }
  @media only screen and (max-width: 37.5em) {
    #content .slot-cards {
      grid-template-columns: repeat(2, 1fr); } }

#content .hero {
  background-image: linear-gradient(to right bottom, rgba(231, 231, 231, 0.5), rgba(83, 49, 31, 0.3)), url("images/background.png");
  padding: 12rem 5rem 7rem;
  display: flex;
  display: -ms-flexbox;
  /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
  #content .hero .row {
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    @media only screen and (max-width: 56.25em) {
      #content .hero .row {
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-direction: column;
        flex-grow: 1; } }
  @media only screen and (max-width: 56.25em) {
    #content .hero {
      display: block;
      padding: 0;
      padding-top: 10rem; } }
  #content .hero .overlay {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    position: absolute !important;
    z-index: 1;
    transition: .5s ease;
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    @media only screen and (max-width: 37.5em) {
      #content .hero .overlay {
        height: 250px; } }
  #content .hero .feature-news {
    display: grid;
    grid-template-columns: 2fr 1fr;
    background-color: #f7f7f7;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    @media only screen and (max-width: 37.5em) {
      #content .hero .feature-news {
        display: none; } }
    #content .hero .feature-news .single-news {
      margin: 0 auto;
      position: relative;
      overflow: hidden;
      list-style: none;
      padding: 0;
      z-index: 1;
      width: 100%;
      height: 100%; }
      #content .hero .feature-news .single-news:hover p {
        visibility: visible;
        opacity: 1;
        transform: translateY(-1rem); }
      #content .hero .feature-news .single-news:hover h4 {
        transform: translateY(-6.5rem); }
      #content .hero .feature-news .single-news img {
        width: 100%;
        height: 100% !important;
        transition: .3s ease; }
      #content .hero .feature-news .single-news:hover img {
        transform: scale(1.1) rotate(0.01turn); }
      #content .hero .feature-news .single-news h4 {
        position: absolute;
        bottom: 6rem;
        transition: .3s ease;
        padding: 0 2rem;
        z-index: 1;
        font-weight: 400; }
        #content .hero .feature-news .single-news h4 a {
          text-decoration: none;
          font-size: 2.8rem;
          line-height: 1;
          color: #f7f7f7; }
      #content .hero .feature-news .single-news span {
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        justify-content: space-between;
        position: absolute;
        bottom: 3rem;
        color: #f7f7f7;
        font-size: 1.4rem;
        margin-left: 2rem;
        z-index: 1; }
      #content .hero .feature-news .single-news p {
        position: absolute;
        z-index: 2;
        bottom: 3.5rem;
        padding: 2rem;
        text-align: left;
        font-size: 1.4rem;
        color: #f7f7f7;
        line-height: 1.3;
        visibility: hidden;
        opacity: 0;
        transform: translateY(1rem);
        transition: .3s ease; }
      #content .hero .feature-news .single-news .views {
        margin-left: 60%; }
        #content .hero .feature-news .single-news .views .fa.fa-eye {
          color: #fff !important; }
      #content .hero .feature-news .single-news .comments {
        margin-left: 80%; }
        #content .hero .feature-news .single-news .comments .fa.fa-comment-dots {
          color: #fff !important; }
      #content .hero .feature-news .single-news .overlay {
        bottom: 0; }
    #content .hero .feature-news .latest-posts-wrap {
      position: relative;
      display: flex;
      display: -ms-flexbox;
      display: -webkit-flex;
      flex-direction: column;
      justify-content: space-between; }
      #content .hero .feature-news .latest-posts-wrap .latest-posts {
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 1rem;
        border-bottom: 1px solid #eee; }
        #content .hero .feature-news .latest-posts-wrap .latest-posts h4 {
          line-height: 1.3; }
          #content .hero .feature-news .latest-posts-wrap .latest-posts h4 a {
            color: #333;
            text-decoration: none;
            transition: .3s ease;
            font-size: 1.3rem; }
  #content .hero .deposit-wrapper {
    background-color: #f7f7f7;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column;
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    @media only screen and (max-width: 56.25em) {
      #content .hero .deposit-wrapper {
        margin-bottom: 15%; } }
    #content .hero .deposit-wrapper span:nth-child(odd) {
      display: block;
      color: #333;
      font-weight: 700;
      font-size: 1.4rem; }
    #content .hero .deposit-wrapper span:nth-child(even) {
      font-style: italic;
      color: #777;
      font-weight: 400;
      font-size: 1.2rem;
      display: block; }
    #content .hero .deposit-wrapper .deposit-header {
      height: 4rem;
      padding: 0 2rem;
      background-color: #333;
      display: flex;
      display: -ms-flexbox;
      display: -webkit-flex;
      justify-content: space-between;
      align-items: center; }
      #content .hero .deposit-wrapper .deposit-header p {
        color: #f7f7f7;
        font-size: 1.6rem;
        font-weight: 700;
        margin: 0; }
      #content .hero .deposit-wrapper .deposit-header a {
        color: #f7f7f7; }
    #content .hero .deposit-wrapper .items-box {
      /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */
      /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
      @media only screen and (max-width: 56.25em) {
        #content .hero .deposit-wrapper .items-box {
          display: flex;
          display: -ms-flexbox;
          display: -webkit-flex;
          text-align: center; } }
      @media only screen and (max-width: 37.5em) {
        #content .hero .deposit-wrapper .items-box {
          display: grid;
          grid-template-rows: repeat(2, 1fr);
          grid-template-columns: repeat(2, 1fr); } }
    #content .hero .deposit-wrapper .deposit-item {
      padding: 0 2rem;
      flex: 1;
      display: flex;
      display: -ms-flexbox;
      display: -webkit-flex;
      justify-content: space-around;
      align-items: center;
      /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */
      /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
      #content .hero .deposit-wrapper .deposit-item:nth-child(odd) {
        background-color: #eee; }
      #content .hero .deposit-wrapper .deposit-item img {
        width: 8rem !important;
        display: block; }
      @media only screen and (max-width: 37.5em) {
        #content .hero .deposit-wrapper .deposit-item {
          flex-direction: column;
          padding: 2rem 0; } }
      #content .hero .deposit-wrapper .deposit-item:nth-child(1) {
        grid-row: 2 / -1; }
      @media only screen and (max-width: 56.25em) {
        #content .hero .deposit-wrapper .deposit-item {
          flex-direction: column; } }

.about-section {
  background-color: #f7f7f7;
  position: relative;
  overflow: hidden;
  padding-bottom: 10rem; }
  .about-section img {
    position: absolute;
    right: 10rem;
    opacity: .5;
    transform: rotate(15deg);
    margin-top: 1rem; }

.section-top-five {
  padding: 10rem 0;
  background-color: #eee; }
  .section-top-five .view-all-casinos {
    width: 68%;
    margin: 0 auto;
    display: block;
    text-align: right;
    font-size: 1.2em; }

.newly-casinos {
  padding: 10rem 0;
  background-color: #f7f7f7; }

.frontpage-bonuses {
  padding: 10rem 0;
  background-color: #eee; }

#content .section-stories {
  padding: 10rem 0;
  background-color: #f7f7f7; }
  #content .section-stories .stories-container {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    margin: 4rem 0 0;
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    @media only screen and (max-width: 56.25em) {
      #content .section-stories .stories-container {
        display: block; } }
    #content .section-stories .stories-container .stories-box {
      display: flex;
      display: -ms-flexbox;
      display: -webkit-flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background-color: #f7f7f7;
      padding: 0 2rem;
      max-width: 35rem;
      /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
      @media only screen and (max-width: 56.25em) {
        #content .section-stories .stories-container .stories-box {
          padding: 2rem; } }
      #content .section-stories .stories-container .stories-box img {
        margin-bottom: 2rem;
        height: 8rem; }

.section-chart {
  padding: 10rem 0;
  background-color: #eee; }
  .section-chart .chart {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    margin: 2rem 0 4rem;
    position: relative;
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    @media only screen and (max-width: 56.25em) {
      .section-chart .chart {
        display: block; } }
    .section-chart .chart .container {
      display: flex;
      display: -ms-flexbox;
      display: -webkit-flex;
      padding: 1rem;
      height: 35rem;
      position: relative;
      /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
      @media only screen and (max-width: 56.25em) {
        .section-chart .chart .container {
          flex-direction: column-reverse;
          padding: 0;
          height: auto; } }
      .section-chart .chart .container .info-text {
        transform: rotate(-90deg);
        position: absolute;
        left: -9.8rem;
        top: 16rem;
        font-size: 1.2rem;
        color: #777;
        /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
        @media only screen and (max-width: 56.25em) {
          .section-chart .chart .container .info-text {
            transform: rotate(0);
            top: 104%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            text-align: center; } }
      .section-chart .chart .container .year-info {
        top: 102%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center;
        position: absolute;
        font-size: 1.2rem;
        color: #777;
        /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
        @media only screen and (max-width: 56.25em) {
          .section-chart .chart .container .year-info {
            position: absolute;
            transform: translate(-50%, 0) rotate(-90deg);
            left: -1.5rem;
            top: 16rem;
            font-size: 1.2rem; } }
      .section-chart .chart .container .info-box {
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-direction: column-reverse;
        justify-content: space-between;
        text-align: right;
        margin-right: 1.5rem;
        font-size: 1.4rem;
        /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
        @media only screen and (max-width: 56.25em) {
          .section-chart .chart .container .info-box {
            flex-direction: row;
            margin-right: 0;
            font-size: 1.2rem; } }
      .section-chart .chart .container .data-box {
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        align-items: flex-end;
        /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
        @media only screen and (max-width: 56.25em) {
          .section-chart .chart .container .data-box {
            flex-direction: column;
            align-items: flex-start; } }
        .section-chart .chart .container .data-box span {
          background-color: rgba(46, 163, 242, 0.3);
          border: 1px solid #2ea3f2;
          padding: 0 2.5rem;
          color: #f7f7f7;
          font-size: 1.4rem;
          transition: .3s ease;
          margin-bottom: .5rem;
          /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
          @media only screen and (max-width: 56.25em) {
            .section-chart .chart .container .data-box span {
              padding: 1rem 0 1rem; } }
          .section-chart .chart .container .data-box span:before {
            content: "";
            position: relative;
            top: -2.5rem;
            color: #999;
            /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
            @media only screen and (max-width: 56.25em) {
              .section-chart .chart .container .data-box span:before {
                display: inline-block;
                transform: rotate(90deg);
                color: #f7f7f7;
                left: -.5rem;
                top: 0; } }
          .section-chart .chart .container .data-box span:not(:last-child) {
            margin-right: 2rem; }
          .section-chart .chart .container .data-box span:hover {
            background-color: rgba(46, 163, 242, 0.6); }
        .section-chart .chart .container .data-box span:first-of-type {
          height: 58.68%;
          /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
          @media only screen and (max-width: 56.25em) {
            .section-chart .chart .container .data-box span:first-of-type {
              width: 58.68%; } }
          .section-chart .chart .container .data-box span:first-of-type:before {
            content: "2012"; }
        .section-chart .chart .container .data-box span:nth-of-type(2) {
          height: 59.46%;
          /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
          @media only screen and (max-width: 56.25em) {
            .section-chart .chart .container .data-box span:nth-of-type(2) {
              width: 59.46%; } }
          .section-chart .chart .container .data-box span:nth-of-type(2):before {
            content: "2013"; }
        .section-chart .chart .container .data-box span:nth-of-type(3) {
          height: 61.24%;
          /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
          @media only screen and (max-width: 56.25em) {
            .section-chart .chart .container .data-box span:nth-of-type(3) {
              width: 61.24%; } }
          .section-chart .chart .container .data-box span:nth-of-type(3):before {
            content: "2014"; }
        .section-chart .chart .container .data-box span:nth-of-type(4) {
          height: 63.09%;
          /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
          @media only screen and (max-width: 56.25em) {
            .section-chart .chart .container .data-box span:nth-of-type(4) {
              width: 63.09%; } }
          .section-chart .chart .container .data-box span:nth-of-type(4):before {
            content: "2015"; }
        .section-chart .chart .container .data-box span:nth-of-type(5) {
          height: 63.08%;
          /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
          @media only screen and (max-width: 56.25em) {
            .section-chart .chart .container .data-box span:nth-of-type(5) {
              width: 63.08%; } }
          .section-chart .chart .container .data-box span:nth-of-type(5):before {
            content: "2016"; }
        .section-chart .chart .container .data-box span:nth-of-type(6) {
          height: 64.58%;
          /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
          @media only screen and (max-width: 56.25em) {
            .section-chart .chart .container .data-box span:nth-of-type(6) {
              width: 64.58%; } }
          .section-chart .chart .container .data-box span:nth-of-type(6):before {
            content: "2017"; }
        .section-chart .chart .container .data-box span:nth-of-type(7) {
          height: 67.66%;
          /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
          @media only screen and (max-width: 56.25em) {
            .section-chart .chart .container .data-box span:nth-of-type(7) {
              width: 67.66%; } }
          .section-chart .chart .container .data-box span:nth-of-type(7):before {
            content: "2018"; }
        .section-chart .chart .container .data-box span:nth-of-type(8) {
          height: 69.65%;
          /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
          @media only screen and (max-width: 56.25em) {
            .section-chart .chart .container .data-box span:nth-of-type(8) {
              width: 69.65%; } }
          .section-chart .chart .container .data-box span:nth-of-type(8):before {
            content: "2019"; }
        .section-chart .chart .container .data-box span:nth-of-type(9) {
          height: 76.75%;
          /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
          @media only screen and (max-width: 56.25em) {
            .section-chart .chart .container .data-box span:nth-of-type(9) {
              width: 76.75%; } }
          .section-chart .chart .container .data-box span:nth-of-type(9):before {
            content: "2020"; }
        .section-chart .chart .container .data-box span:nth-of-type(10) {
          height: 99.95%;
          /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
          @media only screen and (max-width: 56.25em) {
            .section-chart .chart .container .data-box span:nth-of-type(10) {
              width: 99.95%; } }
          .section-chart .chart .container .data-box span:nth-of-type(10):before {
            content: "2021e"; }
        .section-chart .chart .container .data-box .green-chart {
          background-color: rgba(78, 195, 117, 0.3);
          border: 1px solid #4EC375;
          /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
          @media only screen and (max-width: 56.25em) {
            .section-chart .chart .container .data-box .green-chart {
              padding: 1rem 0 1rem; } }
          .section-chart .chart .container .data-box .green-chart:hover {
            background-color: rgba(78, 195, 117, 0.6); }
          .section-chart .chart .container .data-box .green-chart:first-of-type {
            height: 36.62%;
            /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
            @media only screen and (max-width: 56.25em) {
              .section-chart .chart .container .data-box .green-chart:first-of-type {
                width: 36.62%; } }
          .section-chart .chart .container .data-box .green-chart:nth-of-type(2) {
            height: 48.52%;
            /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
            @media only screen and (max-width: 56.25em) {
              .section-chart .chart .container .data-box .green-chart:nth-of-type(2) {
                width: 48.52%; } }
          .section-chart .chart .container .data-box .green-chart:nth-of-type(3) {
            height: 65.77%;
            /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
            @media only screen and (max-width: 56.25em) {
              .section-chart .chart .container .data-box .green-chart:nth-of-type(3) {
                width: 65.77%; } }
          .section-chart .chart .container .data-box .green-chart:nth-of-type(4) {
            height: 71.92%;
            /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
            @media only screen and (max-width: 56.25em) {
              .section-chart .chart .container .data-box .green-chart:nth-of-type(4) {
                width: 71.92%; } }
          .section-chart .chart .container .data-box .green-chart:nth-of-type(5) {
            height: 77.92%;
            /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
            @media only screen and (max-width: 56.25em) {
              .section-chart .chart .container .data-box .green-chart:nth-of-type(5) {
                width: 77.92%; } }
          .section-chart .chart .container .data-box .green-chart:nth-of-type(6) {
            height: 79.52%;
            /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
            @media only screen and (max-width: 56.25em) {
              .section-chart .chart .container .data-box .green-chart:nth-of-type(6) {
                width: 79.52%; } }
          .section-chart .chart .container .data-box .green-chart:nth-of-type(7) {
            height: 81.22%;
            /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
            @media only screen and (max-width: 56.25em) {
              .section-chart .chart .container .data-box .green-chart:nth-of-type(7) {
                width: 81.22%; } }
          .section-chart .chart .container .data-box .green-chart:nth-of-type(8) {
            height: 82.85%;
            /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
            @media only screen and (max-width: 56.25em) {
              .section-chart .chart .container .data-box .green-chart:nth-of-type(8) {
                width: 82.85%; } }
          .section-chart .chart .container .data-box .green-chart:nth-of-type(9) {
            height: 83.82%;
            /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
            @media only screen and (max-width: 56.25em) {
              .section-chart .chart .container .data-box .green-chart:nth-of-type(9) {
                width: 83.82%; } }
          .section-chart .chart .container .data-box .green-chart:nth-of-type(10) {
            height: 80.75%;
            /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
            @media only screen and (max-width: 56.25em) {
              .section-chart .chart .container .data-box .green-chart:nth-of-type(10) {
                width: 80.75%; } }
        .section-chart .chart .container .data-box .red-chart {
          background-color: rgba(210, 77, 87, 0.3);
          border: 1px solid #d24d57;
          /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
          @media only screen and (max-width: 56.25em) {
            .section-chart .chart .container .data-box .red-chart {
              padding: 1rem 0 1rem; } }
          .section-chart .chart .container .data-box .red-chart:hover {
            background-color: rgba(210, 77, 87, 0.6); }
          .section-chart .chart .container .data-box .red-chart:first-of-type {
            height: 35%;
            /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
            @media only screen and (max-width: 56.25em) {
              .section-chart .chart .container .data-box .red-chart:first-of-type {
                width: 35%; } }
          .section-chart .chart .container .data-box .red-chart:nth-of-type(2) {
            height: 30%;
            /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
            @media only screen and (max-width: 56.25em) {
              .section-chart .chart .container .data-box .red-chart:nth-of-type(2) {
                width: 30%; } }
          .section-chart .chart .container .data-box .red-chart:nth-of-type(3) {
            height: 43%;
            /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
            @media only screen and (max-width: 56.25em) {
              .section-chart .chart .container .data-box .red-chart:nth-of-type(3) {
                width: 43%; } }
          .section-chart .chart .container .data-box .red-chart:nth-of-type(4) {
            height: 50%;
            /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
            @media only screen and (max-width: 56.25em) {
              .section-chart .chart .container .data-box .red-chart:nth-of-type(4) {
                width: 50%; } }
          .section-chart .chart .container .data-box .red-chart:nth-of-type(5) {
            height: 57%;
            /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
            @media only screen and (max-width: 56.25em) {
              .section-chart .chart .container .data-box .red-chart:nth-of-type(5) {
                width: 57%; } }
          .section-chart .chart .container .data-box .red-chart:nth-of-type(6) {
            height: 45%;
            /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
            @media only screen and (max-width: 56.25em) {
              .section-chart .chart .container .data-box .red-chart:nth-of-type(6) {
                width: 45%; } }
          .section-chart .chart .container .data-box .red-chart:nth-of-type(7) {
            height: 53%;
            /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
            @media only screen and (max-width: 56.25em) {
              .section-chart .chart .container .data-box .red-chart:nth-of-type(7) {
                width: 53%; } }
          .section-chart .chart .container .data-box .red-chart:nth-of-type(8) {
            height: 65%;
            /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
            @media only screen and (max-width: 56.25em) {
              .section-chart .chart .container .data-box .red-chart:nth-of-type(8) {
                width: 65%; } }
          .section-chart .chart .container .data-box .red-chart:nth-of-type(9) {
            height: 87%;
            /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
            @media only screen and (max-width: 56.25em) {
              .section-chart .chart .container .data-box .red-chart:nth-of-type(9) {
                width: 65%; } }

.section-faq {
  padding: 10rem 0;
  background-color: #f7f7f7; }

#content {
  background-color: #f7f7f7;
  padding: 10rem 0; }
  #content img {
    height: auto;
    max-width: 100%; }
  #content .size-full {
    width: 100%;
    height: auto;
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    @media only screen and (max-width: 37.5em) {
      #content .size-full {
        float: none;
        margin: 0 auto; } }
  #content .alignright.size-full {
    width: auto;
    max-width: 100%; }
  #content .alignleft.size-full {
    width: auto;
    max-width: 100%; }
  #content .alignleft.size-full.origin-height,
  #content .aligncenter.size-full.origin-height {
    width: initial; }
  #content .aligncenter.size-full.origin-height {
    display: block; }
  #content .sue-panel {
    background-color: #eee !important;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
    padding: 3rem;
    margin-bottom: 3rem;
    border-left: 3px solid rgba(186, 89, 38, 0.5) !important;
    border-top: none !important;
    border-bottom: none !important;
    border-right: none !important;
    box-shadow: none !important; }
    #content .sue-panel em {
      font-size: 1.6rem;
      color: #333; }
  #content .su-column-inner .sue-panel {
    background: transparent !important;
    border: none !important; }
  #content .buttonLink {
    text-transform: uppercase;
    text-decoration: none;
    padding: 1rem 4rem;
    display: inline-block;
    border-radius: 3px;
    transition: all .2s;
    position: relative;
    font-size: 1.5rem;
    border: none;
    cursor: pointer; }
  #content .post-meta {
    font-size: 1.3rem;
    margin-bottom: 3rem; }
    #content .post-meta .post-meta-date {
      border: 1px solid #dfe0e0;
      margin: 0 0.5rem 0 0;
      padding: 0 1rem;
      border-radius: 0.3rem;
      display: inline-block; }
  #content .news-content img {
    width: 100%;
    overflow: hidden; }
  #content .post-ratings {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex; }
    #content .post-ratings img {
      width: auto; }
      #content .post-ratings img:last-of-type {
        margin-right: 2%; }
  #content .next-prev-wrap {
    margin-top: 3rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 2rem; }
    #content .next-prev-wrap a {
      color: #777;
      text-decoration: none;
      transition: .3s ease;
      font-weight: 600;
      font-size: 1.5em; }
    #content .next-prev-wrap .next {
      text-align: right; }
    #content .next-prev-wrap .p-link {
      display: block;
      font-size: 1.4rem;
      margin: 0 .5rem; }
    #content .next-prev-wrap .n-link {
      display: block;
      font-size: 1.4rem;
      margin: 0 .5rem; }
  #content .wpcf7-form {
    text-align: center; }
    #content .wpcf7-form input, #content .wpcf7-form textarea {
      width: 50%; }
    #content .wpcf7-form p:last-of-type input {
      cursor: pointer;
      width: 20%;
      background-color: #ba5926;
      color: #fff;
      text-transform: uppercase;
      font-weight: 500; }
      #content .wpcf7-form p:last-of-type input:hover {
        transform: translateY(-3px);
        box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2); }
  #content .software-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 3rem;
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    #content .software-wrap span {
      text-align: center;
      display: flex;
      display: -ms-flexbox;
      display: -webkit-flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 1rem;
      transition: .3s ease;
      border: 1px solid #eee; }
      #content .software-wrap span:hover {
        background-color: rgba(238, 238, 238, 0.8);
        box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.1); }
    #content .software-wrap img {
      float: none; }
    @media only screen and (max-width: 37.5em) {
      #content .software-wrap {
        grid-template-columns: repeat(2, 1fr); } }
  #content .software-games {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between; }
    #content .software-games .gameName {
      color: #333;
      font-size: 1.6rem;
      margin-bottom: .5rem;
      text-align: center; }
  #content .frameWrap {
    width: 100% !important;
    display: inline-grid;
    position: relative;
    background-color: rgba(0, 0, 0, 0.6);
    overflow: hidden;
    padding-top: 56.25%;
    position: relative; }
    #content .frameWrap iframe {
      width: 100%;
      height: 100%;
      border: 2px solid #efefef;
      border: 0;
      left: 0;
      position: absolute;
      top: 0; }
    #content .frameWrap object {
      position: absolute;
      width: 100%;
      height: 100%; }
  #content .video-screenshot {
    position: relative; }
    #content .video-screenshot img {
      position: absolute;
      left: 0;
      bottom: 0; }
    #content .video-screenshot .iframe-not-allowed {
      width: 100%;
      height: 431px;
      background-color: black;
      color: #f7f7f7;
      display: flex;
      justify-content: center;
      align-content: center;
      align-items: center;
      font-size: 16px;
      position: relative; }
  #content .overlay {
    position: relative;
    height: 100%;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    bottom: 0.7em;
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    #content .overlay object {
      width: 100% !important;
      height: 100%;
      display: inline-grid;
      overflow: hidden;
      border: 2px solid #efefef; }
    @media only screen and (max-width: 37.5em) {
      #content .overlay {
        bottom: 0; } }
  #content .su-custom-gallery {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex; }
  #content .software-games {
    justify-content: space-between; }
    #content .software-games .flex-column {
      text-align: center; }
      #content .software-games .flex-column img {
        float: none; }
  #content .midsites .slot-rtp td, #content .midsites .slot-rtp th {
    text-align: center; }
  #content .midsites .slot-rtp .slot-logo {
    display: grid; }
    #content .midsites .slot-rtp .slot-logo img {
      margin: 0 auto;
      width: 30%; }

#on-this-page-widget .heading-wrap {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: space-between; }
  #on-this-page-widget .heading-wrap .fa-caret-down {
    color: #fff !important;
    align-self: center; }

.blogmain {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: column; }
  .blogmain article:not(:last-child) {
    margin-bottom: 5rem; }
  .blogmain .far.fa-clock {
    color: #777; }
  .blogmain .thumb {
    float: left;
    overflow: hidden;
    position: relative;
    margin-right: 2rem; }
    .blogmain .thumb img {
      height: 30rem;
      width: 36rem !important;
      display: block;
      transform: scale(1) rotate(0);
      transition: all .3s ease;
      border-radius: 0 !important; }
  .blogmain h3 a {
    line-height: 1.1;
    font-size: 2.5rem;
    margin-bottom: 1rem;
    font-weight: 400;
    text-transform: capitalize; }
    .blogmain h3 a:hover {
      text-decoration: none; }
  .blogmain .vcard {
    display: block;
    margin-bottom: 1rem;
    font-size: 1.2rem;
    color: #777; }
    .blogmain .vcard a {
      font-size: 1.2rem; }
  .blogmain .show-post {
    color: #333; }

#content .related-posts-wrap {
  display: block;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
  background: #efefef; }
  #content .related-posts-wrap h2 {
    padding: 2%;
    margin: 0; }
  #content .related-posts-wrap .related-posts {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    #content .related-posts-wrap .related-posts .related-post {
      width: 100%;
      text-align: center;
      border: 1px solid #efefef;
      padding: 2%; }
      #content .related-posts-wrap .related-posts .related-post:not(:first-child) {
        border-left: none; }
      #content .related-posts-wrap .related-posts .related-post img {
        float: none; }
    @media only screen and (max-width: 37.5em) {
      #content .related-posts-wrap .related-posts {
        display: block; } }

#content .topreview {
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  margin-bottom: 5%;
  border-bottom: 1px solid #d1d1d1;
  padding-bottom: 2%;
  /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
  @media only screen and (max-width: 37.5em) {
    #content .topreview {
      display: block; } }
  #content .topreview h1 {
    margin: 0;
    align-self: center; }
  #content .topreview .rate {
    margin-top: 12px;
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    @media only screen and (max-width: 37.5em) {
      #content .topreview .rate {
        margin-bottom: 20px; } }

#content .right-part {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
  @media only screen and (max-width: 37.5em) {
    #content .right-part {
      display: block; } }
  #content .right-part #showSoftw {
    width: 100%; }
  #content .right-part div {
    width: 40%;
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    #content .right-part div:first-of-type {
      width: 60%;
      /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
      #content .right-part div:first-of-type th:first-of-type {
        width: 35%;
        display: table-cell;
        /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
        @media only screen and (max-width: 37.5em) {
          #content .right-part div:first-of-type th:first-of-type {
            width: 45%; } }
      #content .right-part div:first-of-type img {
        margin-right: 5px !important; }
      @media only screen and (max-width: 37.5em) {
        #content .right-part div:first-of-type {
          width: 100%; } }
    #content .right-part div:nth-of-type(2) img {
      margin-left: 1em; }
    @media only screen and (max-width: 37.5em) {
      #content .right-part div {
        width: 100%; } }
  #content .right-part .sumdiv table td {
    padding-left: 5%; }
  #content .right-part img {
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    @media only screen and (max-width: 37.5em) {
      #content .right-part img {
        margin: 0; } }

#content .moreSoftw {
  float: left; }

#content #showSoftw {
  display: none; }

#content .casinoNameR {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  width: 60%;
  max-width: 60%; }
  #content .casinoNameR .warningIcon {
    align-self: center;
    margin: 0 2%;
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    @media only screen and (max-width: 37.5em) {
      #content .casinoNameR .warningIcon {
        margin-left: 0; } }
    #content .casinoNameR .warningIcon img {
      margin: 0; }

/*Casino review closed, blacklisted, warning */
#main .casino-status {
  background: #f22d3e;
  display: flex;
  position: relative;
  padding: .5rem;
  color: #fff;
  font-size: 14px;
  line-height: 35px; }
  #main .casino-status .row {
    text-align: center;
    display: flex;
    justify-content: left;
    position: relative;
    left: 0;
    z-index: 1; }
    #main .casino-status .row .fas.fa-times-circle, #main .casino-status .row .fad.fa-skull, #main .casino-status .row .fas.fa-siren-on {
      color: #fff !important;
      margin: auto 10px !important; }
    #main .casino-status .row .fas.fa-times-circle {
      font-family: "FontAwesome";
      font-size: 35px !important; }
    #main .casino-status .row .fas.fa-siren-on, #main .casino-status .row .fad.fa-skull {
      font-family: "Font Awesome 5 Pro"; }
    #main .casino-status .row .fas.fa-siren-on {
      font-size: 25px !important; }
    #main .casino-status .row .fad.fa-skull {
      font-size: 30px !important; }
    #main .casino-status .row p {
      color: #fff;
      font-weight: bold; }

#myModal {
  display: none;
  position: fixed;
  z-index: 2;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.8); }

#modalClosed {
  display: none;
  position: fixed;
  z-index: 2;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.8); }
  #modalClosed .modal-content {
    width: 40%;
    margin: 0 auto;
    background: #fff;
    padding: 1em;
    position: relative;
    /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
    @media only screen and (max-width: 37.5em) {
      #modalClosed .modal-content {
        width: 90%;
        height: 500px;
        overflow: scroll; } }
    #modalClosed .modal-content h3 {
      font-size: 2rem;
      text-align: center;
      line-height: 2;
      font-weight: 500;
      text-transform: none !important;
      /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
      #modalClosed .modal-content h3:first-of-type {
        margin-top: 10px; }
      #modalClosed .modal-content h3:last-of-type {
        margin-bottom: 40px; }
      @media only screen and (max-width: 37.5em) {
        #modalClosed .modal-content h3 {
          font-size: 1.8rem;
          line-height: 1.5; } }
    #modalClosed .modal-content .closeModal {
      position: absolute;
      right: 10px;
      font-size: 2.5rem;
      cursor: pointer; }
    #modalClosed .modal-content strong {
      color: #b62806; }
    #modalClosed .modal-content .deposit-methods-wrap {
      display: flex;
      justify-content: space-around;
      /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
      @media only screen and (max-width: 37.5em) {
        #modalClosed .modal-content .deposit-methods-wrap {
          display: block;
          text-align: center;
          padding: 1em; } }
      #modalClosed .modal-content .deposit-methods-wrap:nth-of-type(odd) {
        background: #efefef; }
      #modalClosed .modal-content .deposit-methods-wrap img {
        width: 70px; }
      #modalClosed .modal-content .deposit-methods-wrap .rating {
        font-size: 1.6rem;
        align-self: center;
        /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
        @media only screen and (max-width: 37.5em) {
          #modalClosed .modal-content .deposit-methods-wrap .rating {
            line-height: 2; } }
      #modalClosed .modal-content .deposit-methods-wrap p {
        font-size: 1.6rem;
        /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
        @media only screen and (max-width: 37.5em) {
          #modalClosed .modal-content .deposit-methods-wrap p {
            line-height: 2; } }
      #modalClosed .modal-content .deposit-methods-wrap .casino-name {
        align-self: center;
        width: 30%;
        margin-bottom: 0 !important;
        /*
    @if $breakpoint == big-desktop {
        @media only screen and (min-width: 112.5em) { @content };    //1800
    }
    */ }
        @media only screen and (max-width: 37.5em) {
          #modalClosed .modal-content .deposit-methods-wrap .casino-name {
            width: 100%; } }
      #modalClosed .modal-content .deposit-methods-wrap .visit {
        align-self: center; }
        #modalClosed .modal-content .deposit-methods-wrap .visit a {
          text-transform: capitalize;
          padding: .5rem 2rem; }
          #modalClosed .modal-content .deposit-methods-wrap .visit a:hover {
            box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.2); }
          #modalClosed .modal-content .deposit-methods-wrap .visit a span {
            position: relative;
            z-index: 2; }

.rougeContinueVisit {
  display: flex;
  justify-content: center;
  padding: 2%;
  font-size: 1.5rem; }
  .rougeContinueVisit a {
    text-decoration: none; }
    .rougeContinueVisit a::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 2px;
      bottom: 0;
      left: 0;
      background-color: #d24d57;
      visibility: hidden;
      transform: scaleX(0);
      transition: all 0.3s ease-in-out 0s; }
    .rougeContinueVisit a:hover::before {
      visibility: visible;
      transform: scaleX(1); }

#content .authorbio {
  background-color: #eee;
  margin: 15px 0 40px;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
  line-height: 1.5; }
  #content .authorbio img {
    width: auto;
    height: 100px;
    float: left;
    margin-right: 15px; }