@charset "UTF-8";
/* $include-html-grid-classes: $include-html-classes; */
/* vim: set fdm=marker: */
/* {{{ Pulse
 */
@-webkit-keyframes pulse {
  25% {
    transform: scale(1.1);
    -webkit-transform: scale(1.1); }
  75% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9); } }
@keyframes pulse {
  25% {
    transform: scale(1.1);
    -webkit-transform: scale(1.1); }
  75% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9); } }

/* }}} */
/* {{{ Misc && globals
 */
::-moz-selection {
  color: #f5f5f5;
  background-color: rgba(34, 36, 37, 0.9); }
::selection {
  color: #f5f5f5;
  background-color: rgba(34, 36, 37, 0.9); }

::-moz-selection {
  color: #f5f5f5;
  background-color: rgba(34, 36, 37, 0.9); }

a {
  color: #eb5a52;
  -webkit-transition: 0.2s all ease;
  transition: 0.2s all ease;
  /* &:visited       { color: adjust-hue(desaturate(lighten($anchor-font-color, 10%), 10%), 2%); } */
  /* &:visited:hover { color: adjust-hue(desaturate(lighten($anchor-font-color, 20%), 20%), 3%); } */ }
  a:hover {
    color: #e98f87; }

.center {
  text-align: center; }

p {
  line-height: 1.4; }
  @media only screen and (min-width: 880px) {
    p {
      line-height: 1.6; } }

body .hide {
  display: none; }

/* }}} */
/* {{{ Dark overwrites
 */
hr {
  /* border-width: 1px; */
  border-color: rgba(255, 255, 255, 0.1);
  margin-top: 2.1rem;
  margin-bottom: 2rem; }

table {
  background: rgba(0, 0, 0, 0.15);
  color: #ddd; }
  table thead, table tfoot {
    background: rgba(255, 255, 255, 0.08); }
    table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td {
      color: #ccc;
      font-weight: normal; }
  table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: rgba(255, 255, 255, 0.03); }
  table tr th, table tr td {
    color: #aaa; }
  table.center {
    margin-left: auto;
    margin-right: auto; }

/* }}} */
/* {{{ Typography
 */
body, h1, h2, h3, h4, h5, h6, p {
  font-family: "Open Sans", Arial, Tahoma, Sans-Serif; }

h1, h2, h3, h4, h5, h6, a:link {
  font-weight: normal; }

h1, h2, h3, h4, h5, h6 {
  text-rendering: optimizeLegibility; }

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

h3.big-center, body:not(.home) .main-content article.hentry h3 {
  background-color: #1d1f20;
  padding: .75rem 1rem;
  text-align: center;
  font-size: 1.3rem;
  color: #ccc;
  text-align: center;
  font-weight: bold;
  color: #fd5249; }
  @media only screen and (min-width: 880px) {
    h3.big-center, body:not(.home) .main-content article.hentry h3 {
      background-color: #252628;
      font-size: 1.6rem; } }
  @media only screen and (min-width: 880px) {
    h3.big-center, body:not(.home) .main-content article.hentry h3 {
      font-size: 27px; } }

.main-column.add-main {
  padding-top: 1rem;
  clear: both !important;
  width: 100% !important;
  float: none !important; }

/* }}} */
/* {{{ Mobile / Desktop classes
 */
.mobile-only,
.desktop-only {
  display: none; }

html.mobile-yes .mobile-only {
  display: block; }

html.mobile-no .desktop-only {
  display: block; }

/* }}} */
/* {{{ Svg Icons
 */
.svg-icon {
  width: 50px;
  height: 50px;
  overflow: hidden;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  border: 1px solid #1D1F20;
  border-radius: 100%;
  background-color: #383B3E; }
  .svg-icon svg {
    width: 50px;
    height: 50px;
    display: block;
    fill: #fd5249;
    -webkit-transition: fill 200ms ease-out;
            transition: fill 200ms ease-out; }

/* }}} */
/* {{{ Body & Layout
 */
body {
  line-height: 1.6em;
  font-family: "Open Sans", Arial, Tahoma, Sans-Serif;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  padding: 0;
  color: #96999b;
  background-color: #2C2E30; }

#page {
  background: #fff;
  padding: .6rem 2rem;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

.limiter {
  margin: 0 auto; }
  @media only screen and (min-width: 600px) {
    .limiter {
      width: 530px; } }
  @media only screen and (min-width: 880px) {
    .limiter {
      width: 810px; } }
  @media only screen and (min-width: 1160px) {
    .limiter {
      width: 1090px; } }
  @media only screen and (min-width: 1430px) {
    .limiter {
      width: 1370px; } }
  @media only screen and (min-width: 880px) {
    .limiter.site-header {
      padding-top: .75rem;
      padding-bottom: .75rem; } }

@media only screen and (min-width: 1060px) {
  .sidebar-right .main-column {
    padding-left: 0; }
  .sidebar-right aside.sidebar {
    padding-right: 0; }
  .sidebar-left .main-column {
    padding-right: 0; }
  .sidebar-left aside.sidebar {
    padding-left: 0; } }

.main-column {
  padding-left: 15px;
  padding-right: 15px; }
  .main-column h3, .main-column h4 {
    margin-left: -15px;
    margin-right: -15px; }
    @media only screen and (min-width: 600px) {
      .main-column h3, .main-column h4 {
        margin-right: 0;
        margin-left: 0; } }
  @media only screen and (min-width: 600px) {
    .main-column {
      padding-left: 0;
      padding-right: 0; } }

/* }}} */
/* {{{ Header & top navigation
 */
.header-container {
  /* background: #d1b2a3 url(../img/bg.jpg) no-repeat center center !important; */
  background-size: 100% 100% !important;
  margin-bottom: 15px; }

.contain-to-grid {
  background: transparent; }

header.site-header {
  background: #1c1e1f url(../img/pattern.png) 0 0 repeat;
  position: relative;
  padding-bottom: 1px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  header.site-header .site-branding {
    text-align: center;
    padding: 1rem 70px; }
    header.site-header .site-branding > .row {
      /* padding: 0 8em; */ }
    header.site-header .site-branding .site-logo {
      margin: 0; }
      header.site-header .site-branding .site-logo a {
        font-weight: normal;
        font-size: 1.8rem;
        color: #888; }
    header.site-header .site-branding .site-description {
      color: #aaa;
      font-style: italic;
      font-size: 1rem;
      margin: 1rem 2rem 0 2rem;
      display: none !important; }
    @media only screen and (min-width: 40.063em) {
      header.site-header .site-branding .site-logo {
        display: inline-block;
        text-align: left;
        vertical-align: middle; }
      header.site-header .site-branding .site-description {
        display: inline-block;
        text-align: left;
        font-size: 1.3rem;
        line-height: 1.6rem;
        vertical-align: middle;
        margin: 0 0 0 2rem;
        max-width: 450px; } }
    @media only screen and (min-width: 64.063em) {
      header.site-header .site-branding .site-description {
        max-width: 530px; } }
  header.site-header .top-bar-container.expanded {
    overflow-y: visible; }
  header.site-header .top-bar {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center; }
    header.site-header .top-bar.expanded {
      overflow: visible; }
    header.site-header .top-bar ul.title-area .toggle-topbar a span {
      box-shadow: none; }
    header.site-header .top-bar .top-bar-section > ul {
      display: block; }
      header.site-header .top-bar .top-bar-section > ul li.active > a,
      header.site-header .top-bar .top-bar-section > ul li:hover > a {
        color: #555;
        background-color: #eee; }
      header.site-header .top-bar .top-bar-section > ul > li {
        position: relative;
        background: #fff;
        /* box-shadow: inset 1px 0 0 rgba(black, 0.1); */ }
        header.site-header .top-bar .top-bar-section > ul > li:last-child {
          /* box-shadow: inset 1px 0 0 rgba(black, 0.1), inset -1px 0 0 rgba(black, 0.1); */ }
        header.site-header .top-bar .top-bar-section > ul > li > a {
          padding: 8px 25px; }
          @media only screen and (min-width: 840px) {
            header.site-header .top-bar .top-bar-section > ul > li > a {
              padding: 0 25px; } }
        @media only screen and (min-width: 840px) {
          header.site-header .top-bar .top-bar-section > ul > li > a:after {
            border-top-color: rgba(0, 0, 0, 0.3); }
          header.site-header .top-bar .top-bar-section > ul > li:hover > a:after {
            border-top-color: rgba(0, 0, 0, 0.5); } }
        header.site-header .top-bar .top-bar-section > ul > li.has-dropdown > a {
          padding-right: 35px !important; }
        @media only screen and (min-width: 840px) {
          header.site-header .top-bar .top-bar-section > ul > li.active:after, header.site-header .top-bar .top-bar-section > ul > li:hover:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border: inset 10px;
            border-color: #eee transparent transparent transparent;
            border-top-style: solid;
            position: absolute;
            bottom: -20px;
            left: 50%;
            margin-left: -10px;
            z-index: 100; } }
    header.site-header .top-bar .top-bar-section .dropdown {
      border-radius: 0 0 3px 3px;
      box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
      border-top: none;
      text-align: left; }
      header.site-header .top-bar .top-bar-section .dropdown .dropdown {
        border: 1px solid rgba(0, 0, 0, 0.25);
        margin-top: -1px;
        box-shadow: 5px 8px 16px -3px rgba(0, 0, 0, 0.3); }
      header.site-header .top-bar .top-bar-section .dropdown li {
        background: #fff;
        border-bottom: 1px dotted #ddd; }
        header.site-header .top-bar .top-bar-section .dropdown li:last-child {
          border-bottom: none; }
        header.site-header .top-bar .top-bar-section .dropdown li.back {
          background-color: rgba(0, 0, 0, 0.05); }
          header.site-header .top-bar .top-bar-section .dropdown li.back h5 a:before {
            content: "« ";
            font-size: 1.2em; }
        header.site-header .top-bar .top-bar-section .dropdown li a {
          color: #666;
          font-size: 0.875rem; }
        header.site-header .top-bar .top-bar-section .dropdown li:hover > a {
          background-color: #f4f4f4;
          color: #444; }
    @media only screen and (min-width: 840px) {
      header.site-header .top-bar {
        /* text-align: center; */ }
        header.site-header .top-bar .top-bar-section {
          display: inline-block;
          text-align: left; } }
  header.site-header .top-bar-container.fixed {
    background: #fff;
    /* border-bottom: 3px solid $primary-color; */
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), 0 2px 28px rgba(0, 0, 0, 0.1) !important;
    /* padding-bottom: 3px; */
    /*
      &:after {
        padding-bottom: 30px;
        display: block;
        content: '';
        background: yellow;
      }
      */ }
    header.site-header .top-bar-container.fixed .top-bar-section > ul {
      display: block; }
      @media only screen and (min-width: 840px) {
        header.site-header .top-bar-container.fixed .top-bar-section > ul {
          margin-top: 0;
          border-top: none; } }

/* }}} */
/* {{{ Breadcrumbs
 */
.breadcrumbs-bar {
  /* display: none; */
  margin-top: -1.5rem;
  margin-bottom: 1.5rem;
  padding: 0;
  text-align: right; }

ul.breadcrumbs {
  background-color: transparent;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: none; }
  ul.breadcrumbs li {
    font-size: 0.8rem;
    font-family: "Pt Sans";
    /* word-spacing: 0.5em; */ }
    ul.breadcrumbs li:last-child {
      /* padding-right: 0; */ }
    ul.breadcrumbs li a, ul.breadcrumbs li a:hover {
      color: #777; }
    ul.breadcrumbs li.current a {
      color: #777; }

/* }}} */
/* {{{ External links [commented]

  .main-column {
    a[href^="//"],
    a[href^="http://"],
    a[href^="https://"] {
      &:after {
        font-family: FontAwesome;
        content: "\f08e";
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        opacity: .66;
        font-size: 0.66em;
        padding-left: .3em;
        padding-right: .1em;
        top: -.2em;
        position: relative;
      }
    }
    a[href^="http://www.mybitcoinslots.com"],
    a[href^="https://www.mybitcoinslots.com"],
    a[href^="//www.mybitcoinslots.com"] {
      &:after {
        content: none;
        display: none;
      }
    }
  }

/* }}} */
/* {{{ Main Content + Page / Post pages
 */
body.page article.page .th img {
  /* background: #FFF; */ }

body.page article.page .th {
  float: right;
  margin-left: 1rem;
  margin-bottom: -0.5rem;
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none; }

body.page article.page,
body.page article.page p {
  font-size: 0.9rem; }
  @media only screen and (min-width: 880px) {
    body.page article.page,
    body.page article.page p {
      text-align: justify;
      font-size: 1.05rem; } }

body.page article.page p {
  /* margin-left: 12%; */
  /* margin-right: 12%; */ }

div.main-content {
  -webkit-backface-visibility: hidden;
  padding: 1.7rem 0 2.5rem 0; }
  div.main-content, div.main-content p, div.main-content ul, div.main-content ol, div.main-content dl, div.main-content td, div.main-content tr {
    /* font-size: 0.95rem; */ }
  div.main-content .main-inner {
    min-height: 400px;
    padding: 0; }
  div.main-content .section-title {
    position: relative;
    background: #fd5249;
    font-family: "Alice";
    font-size: 1.2rem;
    color: #fff;
    /* font-style: italic; */
    /* font-weight: bold; */
    padding: 0.3rem 1rem;
    margin-bottom: 1em; }

body.home div.main-content {
  /* padding-bottom: 0; */ }
  body.home div.main-content h3 {
    background-color: #1d1f20;
    padding: .75rem 1rem;
    text-align: center;
    font-size: 1.3rem;
    color: #ccc;
    margin-top: 1.5em;
    margin-bottom: 1em; }
    @media only screen and (min-width: 880px) {
      body.home div.main-content h3 {
        background-color: #252628;
        font-size: 1.6rem; } }

.entry-header .entry-title {
  text-align: center;
  color: #dedddd;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-text-stroke: 1px rgba(222, 221, 221, 0.35);
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.2em;
  margin-bottom: 2rem;
  margin-top: -0.7rem;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }
  .entry-header .entry-title a {
    color: #dedddd; }
  @media only screen and (min-width: 600px) {
    .entry-header .entry-title {
      font-weight: 400;
      font-size: 1.7rem;
      text-align: left; } }

p.post-footer-meta {
  text-align: right;
  color: rgba(255, 255, 255, 0.25);
  font-size: 0.8em !important; }
  p.post-footer-meta abbr {
    color: inherit;
    font-size: inherit; }
  p.post-footer-meta .vcard {
    display: inline;
    padding: 0;
    margin: 0;
    border: none; }
  p.post-footer-meta .vcard .fn {
    font-size: inherit;
    font-weight: normal; }

.list-pages-wrapper {
  margin-top: 45px;
  text-align: center; }

ul.list-pages-shortcode {
  text-align: left;
  display: inline-block;
  /* background: rgba(#000, 0.3); */
  padding: 1rem 0;
  /* border-top: 1px solid rgba(#fff, 0.2); */
  /* border-bottom: 1px solid rgba(#fff, 0.2); */
  border-radius: 4px; }
  ul.list-pages-shortcode li {
    position: relative;
    list-style: none;
    margin: 0;
    line-height: 1.5em;
    padding: .15em 1.5rem;
    -webkit-transition: 0.15s all ease;
    transition: 0.15s all ease; }
    ul.list-pages-shortcode li a {
      color: #ccc; }
    ul.list-pages-shortcode li:before {
      content: "\f105";
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit;
      /* color: #000; */
      /* font-size: 18px; */
      padding-right: 0.9em;
      /* position: absolute; */
      /* top: 10px; */
      /* left: 0; */ }
    ul.list-pages-shortcode li:hover {
      background: rgba(255, 255, 255, 0.15); }
      ul.list-pages-shortcode li:hover:before {
        color: #fff; }
      ul.list-pages-shortcode li:hover a {
        color: #fff; }
    ul.list-pages-shortcode li.current_page_item {
      /* background: mix(#fff, $anchor-font-color, 93%); */
      background: #eb5a52; }
      ul.list-pages-shortcode li.current_page_item:before {
        padding-right: 0.6em;
        color: #fff;
        content: "\f101"; }
      ul.list-pages-shortcode li.current_page_item a {
        /* font-weight: bold; */
        color: #fff;
        /* color: saturate(darken($anchor-font-color, 20%), 50%); */ }

/* Post listings */
.article-listing hr {
  margin: 0; }
  .article-listing hr:last-child {
    display: none; }

.article-listing > article {
  padding-top: 0;
  padding-bottom: 0;
  text-align: justify; }
  .article-listing > article:first-child {
    padding-top: 0; }
  .article-listing > article .post-inner {
    padding-top: 2.2rem;
    padding-bottom: 2.2rem; }
  .article-listing > article .entry-title {
    margin-bottom: 1.5rem;
    -webkit-text-stroke: 0;
    color: #ccc;
    text-align: left; }
    .article-listing > article .entry-title a {
      color: #eb5a52;
      font-size: 1.5rem;
      color: #ccc; }
  .article-listing > article header .published-on {
    font-size: 0.8rem;
    color: #aaa;
    opacity: 0.5;
    margin-top: -2.2em !important;
    margin-bottom: 1.2em !important; }
    .article-listing > article header .published-on abbr {
      color: #aaa;
      border-bottom: none;
      cursor: default; }
  .article-listing > article .th {
    text-align: center;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    border: none;
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.4);
    margin-bottom: 0; }
  .article-listing > article .read-more {
    background-color: #b83e37;
    color: #ffe0de;
    padding: 2px 8px;
    border-radius: 3px;
    white-space: nowrap;
    font-size: 16px;
    width: 9em;
    text-align: center; }
    .article-listing > article .read-more:hover {
      background-color: #ca544e; }
  .article-listing > article .tags-wrapper .post-tags {
    float: right;
    margin-top: 1rem;
    display: inline-block;
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: rgba(0, 0, 0, 0.1); }
  .article-listing > article.boxtype-game .post-inner {
    background-color: rgba(0, 0, 0, 0.15);
    padding-left: 2rem;
    padding-right: 2rem;
    margin-top: 1em;
    margin-bottom: 1em;
    /* box-shadow: 0 0 0 6px $primary-color inset; */
    border-left: 6px solid #fd5249; }
  .article-listing > article.boxtype-game header .published-on {
    display: none; }
  .article-listing > article.boxtype-game .th a {
    display: block;
    background-color: rgba(255, 255, 255, 0.05); }
    .article-listing > article.boxtype-game .th a:hover {
      background-color: rgba(255, 255, 255, 0.1); }
  .article-listing > article.boxtype-page .th {
    background: transparent;
    border: none;
    text-align: center;
    margin-top: 15px; }
  .article-listing > article.boxtype-page .svg-icon {
    display: inline-block;
    width: 100px;
    height: 100px; }
    .article-listing > article.boxtype-page .svg-icon svg {
      width: 100px;
      height: 100px; }
  @media only screen and (min-width: 40.063em) {
    .article-listing > article .th {
      float: left;
      width: 20%;
      margin-left: 0;
      margin-right: 1rem; } }

/* Posts (news & articles) */
.main-column > article.post .th {
  text-align: center;
  width: 100%;
  border: none;
  box-shadow: none; }

@media only screen and (min-width: 40.063em) {
  .main-column > article.post .th {
    float: left;
    width: 33%;
    margin-right: 1.5rem; } }

.main-column > article.post.type-post h2, .main-column > article.post.type-post h3, .main-column > article.post.type-post h4, .main-column > article.post.type-post h5, .main-column > article.post.type-post h6 {
  color: #fff;
  margin-top: 1.5em;
  margin-bottom: 1.5em; }

.main-column > article.post.type-post p {
  font-size: 0.9rem;
  color: #aaa; }
  @media only screen and (min-width: 880px) {
    .main-column > article.post.type-post p {
      font-size: 1.1em;
      color: #b8b8b8; } }

.post-tags {
  text-align: right;
  font-size: 0.9rem;
  padding: 3px;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #888; }
  .post-tags strong {
    font-weight: normal; }
  .post-tags .label {
    background: transparent;
    margin-left: 3px;
    padding: 0 2px;
    font-size: 1em; }

/* }}} */
/* {{{ Style: Boxed
 */
.style-boxed {
  background: rgba(0, 0, 0, 0.2);
  padding: 1em 1.5em;
  border-radius: 0.5em;
  margin-top: 35px; }
  @media only screen and (min-width: 1160px) {
    .style-boxed {
      margin-right: 150px;
      margin-left: 150px; } }
  .style-boxed, .style-boxed p {
    font-size: 17px; }
  .style-boxed h2, .style-boxed h3, .style-boxed h4 {
    margin-bottom: 1em;
    padding: 0 !important;
    background: transparent !important;
    color: #fff !important;
    font-weight: normal !important; }
  .style-boxed blockquote {
    padding-top: 0;
    border-left: 7px solid #fd5249; }

/* }}} */
/* {{{ Page pagination
 */
.pagination-wrapper {
  text-align: center; }

ul.pagination {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  height: auto; }
  ul.pagination li {
    margin: 0 3px;
    padding: 0;
    height: auto; }
  ul.pagination li .pagination {
    color: #ccc;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    display: block;
    padding: 0;
    width: 46px;
    height: 46px;
    line-height: 43px;
    font-size: 1.2rem;
    border-radius: 4px; }
    ul.pagination li .pagination:hover {
      background-color: rgba(255, 255, 255, 0.1);
      border: 1px solid rgba(255, 255, 255, 0.05);
      border-right: 1px solid rgba(0, 0, 0, 0.05);
      border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
    ul.pagination li .pagination.current {
      background-color: #fd5249;
      color: #fff;
      font-weight: bold;
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-right: none;
      border-bottom: none; }
    ul.pagination li .pagination.next, ul.pagination li .pagination.prev {
      background: rgba(0, 0, 0, 0.1);
      border: 1px solid rgba(0, 0, 0, 0.1);
      font-size: 2em;
      line-height: 37px; }
      ul.pagination li .pagination.next:hover, ul.pagination li .pagination.prev:hover {
        background-color: rgba(255, 255, 255, 0.1);
        border: 1px solid rgba(255, 255, 255, 0.05);
        border-right: 1px solid rgba(0, 0, 0, 0.05);
        border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

/* }}} */
/* {{{ Slot page (by page-type)
 */
@media only screen and (min-width: 0) and (max-width: 880px) {
  .game .entry-header .entry-title {
    font-size: 1.2rem;
    margin-bottom: 1.5rem;
    margin-top: -1.3rem; } }
  @media only screen and (min-width: 0) and (max-width: 880px) and (min-width: 600px) {
    .game .entry-header .entry-title {
      font-size: 1.7rem; } }

@media only screen and (min-width: 0) and (max-width: 880px) {
  .game .breadcrumbs-bar,
  .game .slot-caption {
    display: none; }
  .game .casino-bonus-boxes2 li {
    display: none; }
  .game .casino-bonus-boxes2 li.featured {
    display: block; }
  .game .slot-primary {
    margin-top: 25px; }
  .game .slot-content .slot-info {
    margin-left: 0;
    margin-right: 0; }
  .game p {
    text-align: left !important;
    font-size: .9em !important;
    line-height: 1.4 !important; } }

.game .slot-caption {
  text-align: justify; }

.game .entry-header {
  position: relative; }
  .game .entry-header .see-more-wrapper {
    display: none; }
  .game .entry-header .button {
    background: transparent;
    border: 2px solid #fd5249; }
  @media only screen and (min-width: 880px) {
    .game .entry-header {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      /* align-items: flex-end; */ }
      .game .entry-header .title-bc {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; }
      .game .entry-header .see-more-wrapper {
        display: block; }
      .game .entry-header .button-wrapper {
        margin: -6px 0 0 0; }
        .game .entry-header .button-wrapper .button {
          padding-left: 1rem;
          padding-right: 1rem;
          font-size: 1.1rem; } }
  @media only screen and (min-width: 1160px) {
    .game .entry-header .button-wrapper .button {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
      font-size: 1.2rem; } }

.game .see-more-wrapper.full-width {
  margin-top: -2.5rem;
  margin-bottom: 2rem; }

.slot-content {
  padding-bottom: 0.5rem; }
  .slot-content aside .widget {
    margin-bottom: 0;
    margin-top: 2rem; }
  .slot-content .slot-body {
    text-align: justify; }
    .slot-content .slot-body h3:first-child {
      margin-top: 0; }
  .slot-content .slot-info {
    border: 5px solid rgba(0, 0, 0, 0.4);
    position: relative;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
    margin: 1.3em 20px 2em 20px; }
    .slot-content .slot-info table {
      width: 100%;
      margin: 0; }
      .slot-content .slot-info table tr.caption th {
        padding-top: 14px;
        padding-bottom: 14px;
        text-align: center;
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15); }
      .slot-content .slot-info table td.key {
        font-weight: bold; }
  .slot-content .slot-infos p strong {
    color: #bbb; }
  .slot-content .slot-infos p span {
    color: #fd5249;
    text-decoration: none !important;
    font-weight: bold; }
  .slot-content .slot-infos ul {
    color: #bbb;
    list-style: none;
    padding: 0; }
    .slot-content .slot-infos ul li {
      padding-left: 1em;
      text-indent: -.9em; }
      .slot-content .slot-infos ul li:before {
        position: relative;
        top: .15em;
        content: '\002022';
        font-weight: bold;
        font-size: 1.6em;
        line-height: .5em;
        padding-right: 0.3em;
        color: #fd5249; }
  .slot-content .slot-infos h4 {
    color: #fd5249; }
  @media only screen and (min-width: 880px) {
    .slot-content {
      margin-top: 1.5rem;
      height: auto;
      overflow: hidden; }
      .slot-content .slot-info {
        margin: 0;
        width: 100%; }
        .slot-content .slot-info table {
          width: 100%;
          margin: 0 0 0 auto; }
      .slot-content aside {
        width: 352px;
        padding-left: 32px;
        /* width: 320px; */
        float: right; }
      .slot-content .slot-primary {
        width: auto;
        overflow: hidden;
        text-align: justify; } }

.slot-embedcode {
  text-align: left;
  margin: 2rem 0 2rem 0; }
  .slot-embedcode button {
    position: relative;
    padding-right: 50px;
    background-color: rgba(0, 0, 0, 0.15);
    color: #bbb;
    width: 100%;
    outline: none;
    text-align: left;
    font-weight: 600 !important;
    font-size: 0.9em;
    margin: 0;
    border-radius: 4px; }
    .slot-embedcode button:after {
      -webkit-transition: 0.3s all ease;
      transition: 0.3s all ease;
      content: "\bb";
      color: #fff;
      position: absolute;
      right: 12px;
      font-size: 28px;
      /* font-weight: bold; */
      top: 50%;
      width: 24px;
      text-align: center;
      height: 24px;
      margin-top: -12px;
      line-height: 18px;
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      /* background-color: rgba(#000, 0.1); */ }
  .slot-embedcode .embedcode {
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    height: 0;
    margin: 0;
    overflow: hidden;
    /* background-color: yellow; */
    /* padding: 10px; */ }
    .slot-embedcode .embedcode textarea {
      -webkit-transition: 0.4s all ease;
      transition: 0.4s all ease;
      font-size: 0.7em;
      padding: 10px;
      opacity: 0;
      margin: 0;
      color: #000;
      background-color: rgba(255, 255, 255, 0.7);
      border: 1px solid rgba(0, 0, 0, 0.8);
      box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.2);
      height: 100%;
      border-radius: 0 0 4px 4px; }
  .slot-embedcode.opened button {
    border-radius: 4px 4px 0 0; }
    .slot-embedcode.opened button:after {
      opacity: 0; }
  .slot-embedcode.opened .embedcode {
    height: 160px;
    margin-top: 0;
    height: 120px; }
    @media only screen and (min-width: 1160px) {
      .slot-embedcode.opened .embedcode {
        height: 120px; } }
    @media only screen and (min-width: 1430px) {
      .slot-embedcode.opened .embedcode {
        height: 120px; } }
    .slot-embedcode.opened .embedcode textarea {
      opacity: 1; }

.visits-box {
  height: 69px;
  margin-bottom: 2rem;
  text-align: center;
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 60px;
  padding: 0 20px;
  border: 5px solid rgba(0, 0, 0, 0.4);
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.2);
  color: #fd5249; }
  .visits-box .visit-counter {
    color: #ccc; }

.slot-content .side-news {
  display: none; }
  @media only screen and (min-width: 880px) {
    .slot-content .side-news {
      display: block; } }

/* {{{ Slots (and responsive iframes)
   */
.object-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  /* border: 1px solid green; */
  overflow: hidden; }
  .object-wrapper iframe {
    /* border: 1px solid orange !important; */
    border: none;
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    overflow: hidden;
    width: 100%;
    height: 100%; }

.slot-game-wrapper {
  margin-left: -15px;
  margin-right: -15px;
  background-color: #000;
  padding-top: 1%;
  padding-bottom: 1%;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  /* border: 1px solid red; */
  margin-bottom: 8rem !important; }
  @media only screen and (min-width: 600px) {
    .slot-game-wrapper {
      margin-right: 0;
      margin-left: 0; } }
  @media only screen and (min-width: 1160px) {
    .slot-game-wrapper {
      padding-left: 10%;
      padding-right: 10%; } }
  .slot-game-wrapper .slot-footer {
    background: #000;
    position: absolute;
    height: 7rem;
    bottom: -7rem;
    line-height: 1.4em;
    right: 0;
    left: 0;
    font-size: 13px;
    display: block;
    padding: 3px 20px;
    color: rgba(255, 255, 255, 0.45); }
  .slot-game-wrapper .play4real {
    text-align: center;
    margin-top: .5rem; }
    .slot-game-wrapper .play4real a {
      display: inline-block;
      background: #f2433a;
      color: #fff;
      text-transform: uppercase;
      height: 2rem;
      line-height: 2rem;
      padding-left: 1rem;
      padding-right: 1rem;
      font-weight: bold; }
      .slot-game-wrapper .play4real a:hover {
        background: #fd6058; }
  .slot-game-wrapper .adblcalert {
    margin-top: .5rem; }
  @media only screen and (min-width: 600px) {
    .slot-game-wrapper {
      margin-bottom: 7rem !important; }
      .slot-game-wrapper .slot-footer {
        height: 6rem;
        bottom: -6rem; } }
  @media only screen and (min-width: 880px) {
    .slot-game-wrapper {
      margin-bottom: 3.5rem !important; }
      .slot-game-wrapper .slot-footer {
        line-height: 2em;
        height: 2.2rem;
        bottom: -2.2rem; }
        .slot-game-wrapper .slot-footer .play4real {
          position: absolute;
          right: 5px;
          bottom: 5px;
          margin: 0;
          float: right; }
      .slot-game-wrapper .adblcalert {
        margin-top: 0;
        float: left; } }
  .slot-game-wrapper .masker1 {
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 2px;
    background-color: #000;
    z-index: 1; }
  .slot-game-wrapper .masker2 {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 3px;
    background-color: #000;
    z-index: 1; }

.slot-game-wrapper.no-play4real {
  margin-bottom: 5rem !important; }
  .slot-game-wrapper.no-play4real .slot-footer {
    height: 4rem;
    bottom: -4rem;
    line-height: 1.3em; }
  .slot-game-wrapper.no-play4real .play4real {
    display: none; }
  @media only screen and (min-width: 600px) {
    .slot-game-wrapper.no-play4real .adblcalert {
      text-align: center;
      text-align: center;
      float: none; } }
  @media only screen and (min-width: 880px) {
    .slot-game-wrapper.no-play4real {
      margin-bottom: 3rem !important; }
      .slot-game-wrapper.no-play4real .slot-footer {
        line-height: 2em;
        height: 2rem;
        bottom: -2rem; } }

.slot-game-wrapper.with-msg-box {
  border: 3px solid #b83e37;
  padding: 30px 15px; }
  .slot-game-wrapper.with-msg-box .msg-box {
    text-align: center; }
    .slot-game-wrapper.with-msg-box .msg-box p {
      margin-top: 0;
      color: #ccc;
      font-weight: 600 !important; }
      .slot-game-wrapper.with-msg-box .msg-box p:last-child {
        margin-bottom: 0; }
  .slot-game-wrapper.with-msg-box .play4real {
    margin-top: 45px; }
    .slot-game-wrapper.with-msg-box .play4real a {
      height: auto;
      padding: 10px 20px;
      font-size: 1.1em; }
  .slot-game-wrapper.with-msg-box img {
    max-width: 100%;
    height: auto; }
  @media only screen and (min-width: 460px) {
    .slot-game-wrapper.with-msg-box {
      padding: 50px; } }
  @media only screen and (min-width: 880px) {
    .slot-game-wrapper.with-msg-box img {
      max-width: 440px; } }

.slot-game {
  margin-left: auto;
  margin-right: auto;
  /* border: 0.5rem solid darken($page-bg-color, 5%); */ }
  .slot-game, .slot-game iframe {
    background-color: #000 !important; }

/* }}} */
/* }}} */
/* {{{ Game listing main page
 */
.page-template-game-listing .breadcrumbs-bar {
  display: none; }

/* }}} */
/* {{{ Sidebar
 */
aside .widget {
  margin-bottom: 1.7rem; }

aside .widget > h5 {
  margin-left: -15px;
  margin-right: -15px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 1.1rem;
  padding: 0.7rem 1rem;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: .6em;
  text-align: center;
  /*
      padding-left: 36px;

      &:after {
        @include vertical-align;
        position: absolute;
        content: "\f107"; // fa-angle-down
        // content: "\f0eb"; // fa-lightbulb-o
        // content: "\f028"; // fa-volume-up
        // content: "\f15c"; // fa-file-text
        // content: "\f0f6"; // fa-file-text-o
        font-family: "FontAwesome";
        font-weight: normal;
        font-size: 1.1em;
        line-height: 1em;
        color: #fff;
        font-style: normal;
        left: 13px;
        opacity: 1.5;
      }
      */ }
  @media only screen and (min-width: 600px) {
    aside .widget > h5 {
      margin-right: 0;
      margin-left: 0; } }

aside .plainbox .textwidget {
  border-radius: 3px;
  background-color: #F9F9F9;
  line-height: 1.7em;
  font-size: 0.9rem;
  padding: 1rem; }

aside .innerbox {
  background-color: #F9F9F9;
  border-radius: 3px;
  line-height: 1.7em;
  font-size: 0.9rem;
  padding: 1.5rem 1rem; }
  aside .innerbox h5 {
    background: transparent;
    color: #fd5249;
    font-weight: bold;
    padding: 0;
    font-size: 1.3rem;
    margin-bottom: 1rem; }

aside .boldbox {
  background-color: #fd5249;
  color: #fff;
  line-height: 1.7em;
  padding: 1.5rem 1rem;
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: subpixel-antialiased; }
  aside .boldbox, aside .boldbox p {
    font-size: 0.82rem;
    font-family: 'Open Sans', sans-serif; }
  aside .boldbox p {
    margin-top: 1rem;
    margin-bottom: 0; }
  aside .boldbox h5 {
    background: transparent;
    color: #fff;
    font-weight: bold;
    line-height: 0.9em;
    padding: 0;
    font-size: 1.6rem;
    margin-top: 0;
    margin-bottom: 1rem; }
  aside .boldbox .button-wrapper {
    margin-bottom: 0; }
    aside .boldbox .button-wrapper .button {
      padding: 13px 32px;
      background: rgba(0, 0, 0, 0.2);
      border-radius: 0;
      font-size: 14px;
      font-family: "Open Sans", Arial;
      text-shadow: none;
      box-shadow: none;
      border: none; }
    aside .boldbox .button-wrapper:hover .button {
      background: rgba(255, 255, 255, 0.5);
      color: rgba(0, 0, 0, 0.5); }

/* }}}
/* {{{ Footer
 */
#website-footer {
  /* background: #373737; */
  background-color: #222425;
  color: #666;
  font-size: 0.8125rem;
  padding: 1rem 0;
  text-align: center; }
  #website-footer a {
    font-weight: normal;
    color: #888; }

/* }}} */
/* {{{ Responsive
 */
/* }}} */
/* {{{ Styles from style.css
 */
/* Artfully masterminded by ZURB  */
/* --------------------------------------------------
   Table of Contents
-----------------------------------------------------
:: Images
:: Posts
:: Typography
:: Header
:: Shared Styles
*/
/* -----------------------------------------
   Images
----------------------------------------- */
.widget img {
  max-width: 97.5%;
  /* Fluid images for posts, comments, and widgets */ }

img[class*="align"],
img[class*="wp-image-"] {
  height: auto;
  /* Make sure images with WordPress-added height and width >attributes are scaled correctly */ }

img.size-full {
  max-width: 97.5%;
  width: auto;
  /* Prevent stretching of full-size images with height and >>width attributes in IE8 */ }

.wp-caption {
  max-width: 100%; }

/* -----------------------------------------
   Posts
----------------------------------------- */
.author-box h5 {
  margin-top: 0px; }

.author-box .author_gravatar {
  margin-right: 10px; }

.author-box p {
  font-size: 14px;
  font-size: 1.4em; }

article .th {
  margin-bottom: 10px;
  margin-bottom: 1em; }

.alignleft {
  float: left; }

.alignright {
  float: right; }

.aligncenter {
  margin: 0 auto;
  text-align: center; }

.site-title .subheader {
  margin-bottom: 0; }

/* -----------------------------------------
   Header
----------------------------------------- */
.sidebar ul li {
  list-style: none; }

/* -----------------------------------------
   Shared Styles
----------------------------------------- */
.wp-caption-text {
  text-align: center; }

.site-content .gallery {
  margin-bottom: 1.5em; }

.site-content .gallery a img {
  border: none;
  height: auto;
  max-width: 90%; }

.site-content .gallery dd {
  margin: 0; }

embed,
iframe,
object {
  max-width: 100%; }

/* }}} */
/* {{{ Casino Cards (carousel)
 */
div.casinos-slider {
  margin-top: 1rem;
  position: relative;
  margin-bottom: 2em; }
  div.casinos-slider .casino-cards {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    overflow: hidden;
    height: 239px; }
    div.casinos-slider .casino-cards li {
      width: 257px;
      float: left;
      list-style: none;
      padding: 0;
      height: 239px;
      border-radius: 5px;
      -webkit-transition: background-color 0.3s ease;
              transition: background-color 0.3s ease; }
      div.casinos-slider .casino-cards li > a {
        display: block;
        padding: 2px; }
      div.casinos-slider .casino-cards li:hover {
        /* background-color: #eee; */
        /* color: #fff; */ }
      div.casinos-slider .casino-cards li .casino-logo {
        position: relative;
        overflow: hidden;
        border-radius: 0;
        background-color: #000;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); }
        div.casinos-slider .casino-cards li .casino-logo span.glass {
          position: absolute;
          right: 0;
          left: 0;
          top: 0;
          bottom: 0; }
        div.casinos-slider .casino-cards li .casino-logo span.overlay {
          position: absolute;
          right: 30px;
          left: 30px;
          top: 38px;
          bottom: 38px;
          text-align: center;
          border-radius: 0;
          opacity: 0;
          -webkit-transition: all 0.3s ease 0;
                  transition: all 0.3s ease 0; }
          div.casinos-slider .casino-cards li .casino-logo span.overlay .button {
            margin: 0;
            padding: 1em 2em 1em 2em;
            background-color: #829FB1;
            text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
            font-weight: bold !important;
            font-size: 0.9rem;
            /* background-color: #2B7EA8; */ }
        div.casinos-slider .casino-cards li .casino-logo > img {
          vertical-align: bottom;
          -webkit-transition: opacity 0.3s ease;
                  transition: opacity 0.3s ease; }
      div.casinos-slider .casino-cards li:hover .casino-logo > img {
        opacity: 0.3; }
      div.casinos-slider .casino-cards li:hover .casino-logo span.overlay {
        opacity: 1;
        -webkit-transition: all 0.6s ease 0.2s;
                transition: all 0.6s ease 0.2s; }
      div.casinos-slider .casino-cards li h2.name {
        font-family: "Open Sans", Arial, Tahoma, Sans-Serif;
        font-size: 20px;
        color: #fff;
        margin: 12px 0 6px 0;
        font-weight: 700;
        -webkit-transition: all 0.3s ease;
                transition: all 0.3s ease;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); }
      div.casinos-slider .casino-cards li:hover h2.name {
        /* color: #fff; */ }
      div.casinos-slider .casino-cards li p.desc {
        color: #fff;
        padding-right: 6px;
        font-size: 0.8rem;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
        -webkit-transition: all 0.3s ease;
                transition: all 0.3s ease; }
      div.casinos-slider .casino-cards li:hover p.desc {
        /* color: #fff; */ }
  div.casinos-slider .casino-cards-nav a {
    font-size: 64px;
    color: #fff;
    opacity: 0;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -0.5em;
    -webkit-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease; }
    div.casinos-slider .casino-cards-nav a.prev {
      left: 12px; }
    div.casinos-slider .casino-cards-nav a.next {
      right: 12px; }
    @media only screen and (min-width: 1043px) {
      div.casinos-slider .casino-cards-nav a.prev {
        left: -60px; }
      div.casinos-slider .casino-cards-nav a.next {
        right: -60px; } }
  div.casinos-slider:hover .casino-cards-nav a {
    opacity: 0.3; }
    div.casinos-slider:hover .casino-cards-nav a:hover {
      opacity: 0.8; }

div.top-casinos {
  margin-top: 2rem;
  margin-right: 0;
  margin-left: 0; }

div.content-casinos .casino-cards-nav a.prev {
  left: -40px; }

div.content-casinos .casino-cards-nav a.next {
  right: -40px; }

/* }}} */
/* {{{ Display-posts styles
 */
.display-posts li:hover {
  -webkit-transition: 0.2s all ease;
  transition: 0.2s all ease;
  background-color: #fff; }
  .display-posts li:hover .entry-thumb {
    /* opacity: 0.8; */ }
  .display-posts li:hover a, .display-posts li:hover .entry-title {
    color: #000; }

/* {{{ Style: titles
   */
.display-posts.style-titles {
  margin: 0;
  padding: 0; }
  .display-posts.style-titles li {
    line-height: 1.4em;
    position: relative;
    padding: 0.6em 0;
    padding-left: 3.4em;
    font-size: 0.9em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    /*
        &:before {
          content: "\f0a9";
          font-family: "FontAwesome";
          font-size: 1em;
          line-height: inherit;
          color: #ccc;
          position: absolute;
          left: 0;
        }
        */ }
    .display-posts.style-titles li:last-child {
      border-bottom: none; }
    .display-posts.style-titles li a {
      color: #555;
      font-weight: normal; }
      .display-posts.style-titles li a:hover {
        color: #eb5a52; }

/* }}} */
/* {{{ Style: title-featured
   */
.display-posts.style-title-featured {
  margin: 0;
  padding: 0; }
  .display-posts.style-title-featured li {
    background-color: rgba(0, 0, 0, 0.2);
    margin-bottom: 4px;
    /* box-shadow: 0 2px 2px rgba(#000, .3); */
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    position: relative;
    padding: 6px 8px;
    padding-left: 70px;
    font-size: 0.95em;
    line-height: 1.1em;
    /* border-bottom: 1px solid rgba(#fff, 0.1); */
    min-height: 64px;
    display: table;
    width: 100%; }
    .display-posts.style-title-featured li:hover {
      background-color: rgba(0, 0, 0, 0.3);
      cursor: pointer; }
      .display-posts.style-title-featured li:hover a {
        color: rgba(255, 255, 255, 0.6); }
    .display-posts.style-title-featured li .entry-thumb {
      position: absolute;
      left: 8px;
      top: 50%;
      margin-top: -25px; }
      .display-posts.style-title-featured li .entry-thumb img {
        width: 50px;
        max-width: 50px;
        border: 1px solid #000; }
    .display-posts.style-title-featured li:last-child {
      border-bottom: none; }
    .display-posts.style-title-featured li .entry-title {
      display: table-cell;
      margin: 0;
      padding: 0;
      vertical-align: middle; }
      .display-posts.style-title-featured li .entry-title a {
        margin-top: -3px; }
    .display-posts.style-title-featured li a {
      display: block;
      color: rgba(255, 255, 255, 0.5);
      font-weight: normal; }
    .display-posts.style-title-featured li .entry-date {
      font-size: 0.7em;
      font-family: "helvetica neue", helvetica, arial, sans-serif;
      margin-top: 0.5em;
      line-height: 1em;
      letter-spacing: .05em;
      color: rgba(255, 255, 255, 0.3); }
    .display-posts.style-title-featured li:hover .entry-date {
      color: rgba(255, 255, 255, 0.4); }
    .display-posts.style-title-featured li.active {
      background-color: #351c1b; }

/* }}} */
/* {{{ Style: casino-side-listing
   */
.style-casino-side-listing {
  margin: 0;
  padding: 0; }
  .style-casino-side-listing li {
    position: relative;
    padding: 0.6em 0;
    padding-right: 90px;
    font-size: 0.9em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    min-height: 85px; }
    .style-casino-side-listing li .entry-body {
      color: #555;
      font-weight: normal;
      padding-top: 0.9em;
      display: block; }
      .style-casino-side-listing li .entry-body:hover {
        color: #eb5a52; }
      .style-casino-side-listing li .entry-body .entry-title {
        font-weight: bold;
        line-height: 1.5em; }
      .style-casino-side-listing li .entry-body .entry-bonus {
        color: #888;
        line-height: 1.5em;
        font-size: 0.95em;
        color: #fd5249; }
    .style-casino-side-listing li .entry-thumb {
      position: absolute;
      background: #fff;
      padding: 3px;
      border: 1px solid rgba(0, 0, 0, 0.15);
      right: 0;
      top: 50%;
      margin-top: -35px; }
      .style-casino-side-listing li .entry-thumb img {
        width: 64px;
        max-width: 64px; }
    .style-casino-side-listing li:last-child {
      border-bottom: none; }

/* }}} */
/* {{{ Style: page-boxes
   */
ul.page-boxes {
  padding: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0); }
  ul.page-boxes li {
    list-style: none;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0); }
    @media only screen and (max-width: 40em) {
      ul.page-boxes li {
        margin: 0 10%;
        width: 80% !important; } }
  ul.page-boxes .casino-box {
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.13);
    border-radius: 5px;
    text-align: center;
    padding: 0 9px;
    min-height: 248px; }
    ul.page-boxes .casino-box img {
      width: 100%; }
    ul.page-boxes .casino-box .thumb img {
      width: auto; }
    ul.page-boxes .casino-box .title {
      margin-top: -0.3rem;
      line-height: 1.1em !important;
      font-size: 15px; }
      ul.page-boxes .casino-box .title a {
        font-weight: bold;
        color: #444; }
    ul.page-boxes .casino-box .thumbad {
      margin-top: 0.7rem;
      margin-bottom: 0.7rem; }
      ul.page-boxes .casino-box .thumbad a {
        border-bottom: none; }
    ul.page-boxes .casino-box .excerpt {
      margin-top: 0.5rem;
      line-height: 1.2em !important;
      font-size: 13px;
      margin-bottom: 1rem;
      text-align: left;
      color: #888;
      overflow: hidden;
      max-height: 4.8em; }
    ul.page-boxes .casino-box:hover {
      background: snow;
      border-color: #fd5249; }
  ul.page-boxes .casino-adbox {
    position: relative; }
    ul.page-boxes .casino-adbox .thumbad {
      margin-top: 0.7rem;
      margin-bottom: 0.7rem;
      -webkit-transition: 0.2s all ease;
      transition: 0.2s all ease; }
    ul.page-boxes .casino-adbox .hover-button {
      -webkit-transition: 0.2s all ease;
      transition: 0.2s all ease;
      -webkit-transform: translateZ(0);
              transform: translateZ(0);
      box-shadow: 0 0 1px transparent;
      /* @include linear-gradient(lighten($primary-color, 9%), darken($primary-color, 4%)); */
      background-color: #38DFFF;
      background-image: -webkit-linear-gradient(#38DFFF, #2E6EA8);
      background-image: linear-gradient(#38DFFF, #2E6EA8);
      opacity: 0;
      position: absolute;
      padding-right: 0;
      padding-left: 0;
      left: 17%;
      right: 17%;
      top: 45%;
      box-shadow: 0 0 6px rgba(0, 0, 0, 0.4), 0 0 2px rgba(0, 0, 0, 0.7);
      font-size: 0.8rem;
      text-transform: uppercase;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      margin-left: auto;
      margin-right: auto; }
    ul.page-boxes .casino-adbox:hover .thumbad {
      opacity: 0.6; }
    ul.page-boxes .casino-adbox:hover .hover-button {
      opacity: 1;
      -ms-transform: scale(1.2);
          transform: scale(1.2);
      -webkit-transform: scale(1.2);
      -webkit-transform-origin: 50%  51%; }
  ul.page-boxes .buttons {
    -webkit-backface-visibility: hidden;
    margin-top: 0.7rem;
    text-align: center; }
  ul.page-boxes a.button {
    -webkit-backface-visibility: hidden;
    width: auto;
    font-size: 0.9rem;
    font-weight: normal;
    display: inline-block;
    padding: 0.3rem 0.8rem;
    box-shadow: none; }
  ul.page-boxes.casino-boxes .casino-box {
    padding: 12px 9px 5px 9px;
    min-height: 258px; }
  ul.page-boxes.casino-boxes .thumb {
    margin-bottom: 12px; }
    ul.page-boxes.casino-boxes .thumb img {
      width: 80%; }
  ul.page-boxes.casino-boxes .title {
    margin-top: 0; }
  ul.page-boxes.logo-boxes {
    background: white;
    border: 1px solid #fdf2f1;
    margin: 0;
    margin-bottom: 1rem;
    border-radius: 8px; }
    ul.page-boxes.logo-boxes .casino-box {
      border-radius: 400px;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.07);
      /* border-color: rgba(#000, 0.12); */
      padding: 0;
      min-height: 0; }
      ul.page-boxes.logo-boxes .casino-box .thumbad, ul.page-boxes.logo-boxes .casino-box .thumb {
        margin: 0; }
      ul.page-boxes.logo-boxes .casino-box .thumb {
        margin: 1rem; }
      ul.page-boxes.logo-boxes .casino-box img {
        border-radius: 400px; }
      ul.page-boxes.logo-boxes .casino-box .title, ul.page-boxes.logo-boxes .casino-box .excerpt {
        display: none; }

.casino-bonus-boxes .box-badge {
  display: none; }

.casino-bonus-boxes .casino-bonus-box {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  text-align: center;
  padding: 0;
  background-color: transparent; }
  .casino-bonus-boxes .casino-bonus-box header {
    /* background-color: #1F2123; */
    /* background-image: linear-gradient(rgba(#fff, 0.00), rgba(#000, 0.20)); */
    position: relative;
    background: #1F2123;
    background-color: #070808;
    background-image: -webkit-linear-gradient(#070808 31%, #2d3033 100%);
    background-image: linear-gradient(#070808 31%, #2d3033 100%);
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4), inset 0 -2px 0 rgba(255, 255, 255, 0.09);
    /* box-shadow: inset 0 0 3px rgba(#000, 0.35), inset 0 0 0 5px $main-color; */
    /* text-shadow: 1px 1px 0px rgba(255,255,255,.5); */ }
    .casino-bonus-boxes .casino-bonus-box header:before {
      content: "";
      opacity: 0.5;
      display: block;
      position: absolute;
      left: 5px;
      right: 5px;
      bottom: 50%;
      top: 5px;
      border-radius: 5px 5px 0 0;
      background-color: transparent !important;
      background-color: rgba(255, 255, 255, 0.8);
      background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.4) 8.7%, rgba(255, 255, 255, 0) 100%);
      background-image: linear-gradient(rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.4) 8.7%, rgba(255, 255, 255, 0) 100%);
      /* background: black; */ }
    .casino-bonus-boxes .casino-bonus-box header > * {
      position: relative;
      z-index: 2; }
    .casino-bonus-boxes .casino-bonus-box header, .casino-bonus-boxes .casino-bonus-box header a {
      color: #96999b; }
    .casino-bonus-boxes .casino-bonus-box header h3 {
      margin: 0;
      color: #fd5249;
      font-weight: 700;
      text-shadow: inset 0 1px 0 #fff;
      background: -webkit-linear-gradient(top, #ffb1ad 0%, #fd5249 52%, #e80e03 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    .casino-bonus-boxes .casino-bonus-box header small {
      margin: 0;
      margin-top: -0.3em;
      position: relative;
      display: block;
      font-size: 0.9em; }
  .casino-bonus-boxes .casino-bonus-box .footer {
    /* background: lighten($page-bg-color, 50%); */
    background-color: rgba(255, 255, 255, 0.26);
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.26) 0%, rgba(255, 255, 255, 0.35) 11%, rgba(255, 255, 255, 0.5) 100%);
    background-image: linear-gradient(rgba(255, 255, 255, 0.26) 0%, rgba(255, 255, 255, 0.35) 11%, rgba(255, 255, 255, 0.5) 100%);
    border-top: 1px solid rgba(0, 0, 0, 0.65);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    background-color: #000;
    position: relative;
    z-index: 1;
    margin: 0 15px;
    border-radius: 0 0 8px 8px;
    height: 45px;
    padding: 10px 15px; }
    .casino-bonus-boxes .casino-bonus-box .footer:before {
      content: '';
      border-radius: 0 0 12px 12px;
      position: absolute;
      /* background: rgba(yellow, 0.3); */
      left: -4px;
      top: -1px;
      bottom: -4px;
      right: -4px;
      z-index: -30;
      border: 4px solid transparent;
      border-top: none; }
    .casino-bonus-boxes .casino-bonus-box .footer a {
      color: #ddd;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
      font-weight: 600 !important; }
    .casino-bonus-boxes .casino-bonus-box .footer .title {
      float: left; }
      .casino-bonus-boxes .casino-bonus-box .footer .title a {
        font-weight: bolder; }
    .casino-bonus-boxes .casino-bonus-box .footer .star-rating {
      float: right;
      width: 48px;
      height: 15.6px;
      display: block;
      margin: auto;
      white-space: nowrap;
      position: relative; }
      .casino-bonus-boxes .casino-bonus-box .footer .star-rating .front, .casino-bonus-boxes .casino-bonus-box .footer .star-rating .back {
        position: absolute;
        top: 0;
        left: 0; }
      .casino-bonus-boxes .casino-bonus-box .footer .star-rating .front {
        z-index: 1; }
        .casino-bonus-boxes .casino-bonus-box .footer .star-rating .front a {
          color: #eee; }
      .casino-bonus-boxes .casino-bonus-box .footer .star-rating .back {
        color: rgba(221, 221, 221, 0.5); }
      .casino-bonus-boxes .casino-bonus-box .footer .star-rating i {
        width: 9.6px;
        text-align: left;
        font-size: 9.6px;
        /* &:before { } */ }
      @media only screen and (min-width: 40.063em) {
        .casino-bonus-boxes .casino-bonus-box .footer .star-rating {
          width: 64px;
          height: 18.8px; }
          .casino-bonus-boxes .casino-bonus-box .footer .star-rating i {
            width: 12.8px;
            font-size: 12.8px; } }
      @media only screen and (min-width: 64.063em) {
        .casino-bonus-boxes .casino-bonus-box .footer .star-rating {
          width: 80px;
          height: 22px; }
          .casino-bonus-boxes .casino-bonus-box .footer .star-rating i {
            width: 16px;
            font-size: 16px; } }
  .casino-bonus-boxes .casino-bonus-box:hover header {
    box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.09), 0 0 0 4px #fd5249; }
  .casino-bonus-boxes .casino-bonus-box:hover .footer {
    /* box-shadow: 0 2px 4px rgba(#000, 0.3), 0 0 0 4px $main-color; */
    /* z-index: -1; */
    position: relative;
    z-index: 3;
    border-bottom: 1px solid rgba(255, 255, 255, 0); }
    .casino-bonus-boxes .casino-bonus-box:hover .footer:before {
      border-color: #fd5249; }
  .casino-bonus-boxes .casino-bonus-box.featured header {
    background-color: #eb453c;
    background-image: -webkit-linear-gradient(#eb453c 0%, #c21c13 100%);
    background-image: linear-gradient(#eb453c 0%, #c21c13 100%);
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.3);
    border-top: 1px solid rgba(255, 255, 255, 0.45); }
    .casino-bonus-boxes .casino-bonus-box.featured header:before {
      display: none; }
    .casino-bonus-boxes .casino-bonus-box.featured header h3 {
      background: transparent !important;
      background-image: none !important;
      /* -webkit-background-clip: border-box; */
      -webkit-text-fill-color: #fff;
      color: #fff !important; }
    .casino-bonus-boxes .casino-bonus-box.featured header small {
      color: rgba(255, 255, 255, 0.7); }
  .casino-bonus-boxes .casino-bonus-box.featured .footer:before {
    border-color: rgba(0, 0, 0, 0.3); }
  .casino-bonus-boxes .casino-bonus-box.featured:hover {
    /* $color: #fff; */
    /* $color: #fff; */
    /* $color: rgba(#fff, 0.3); */ }
    .casino-bonus-boxes .casino-bonus-box.featured:hover header {
      box-shadow: 0 0 0 4px #ffb1ad; }
    .casino-bonus-boxes .casino-bonus-box.featured:hover .footer:before {
      border-color: #ffb1ad; }

.casino-bonus-boxes .casino-bonus-box.box-blue.featured header {
  background-color: #5595c3;
  background-image: -webkit-linear-gradient(#5595c3 0%, #346b93 100%);
  background-image: linear-gradient(#5595c3 0%, #346b93 100%); }

.casino-bonus-boxes .casino-bonus-box.box-blue:hover header {
  box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.09), 0 0 0 4px #8ab6d6; }

.casino-bonus-boxes .casino-bonus-box.box-blue:hover .footer:before {
  border-color: #8ab6d6; }

.casino-bonus-boxes2 {
  margin-top: 30px;
  margin-bottom: 15px;
  text-align: center; }
  @media only screen and (min-width: 1160px) {
    .casino-bonus-boxes2 {
      margin-right: -0.625rem !important; } }
  .casino-bonus-boxes2 > li {
    float: none;
    display: inline-block;
    text-align: left; }
  @media only screen and (min-width: 880px) {
    .casino-bonus-boxes2.post-no-3 {
      margin-bottom: 20px;
      text-align: left; }
      .casino-bonus-boxes2.post-no-3 > li {
        float: left;
        display: inline; } }
  .casino-bonus-boxes2 .box-inner {
    position: relative; }
  .casino-bonus-boxes2 .casino-bonus-box {
    border-top: 2px solid #b92f27;
    border-bottom: 2px solid #b92f27;
    -webkit-transition: all 0.25s ease;
            transition: all 0.25s ease;
    opacity: 0.5; }
    .casino-bonus-boxes2 .casino-bonus-box:hover, .casino-bonus-boxes2 .casino-bonus-box.featured {
      opacity: 1; }
    .casino-bonus-boxes2 .casino-bonus-box header {
      /* margin-top: 5px; */
      color: #66696B;
      background-color: rgba(255, 255, 255, 0.17);
      background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0.05));
      background-image: linear-gradient(rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0.05));
      background-color: #1f2123;
      width: 65%;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0; }
      .casino-bonus-boxes2 .casino-bonus-box header a {
        color: #aaa;
        display: block; }
      .casino-bonus-boxes2 .casino-bonus-box header .bonus-content {
        display: block;
        text-align: center; }
        .casino-bonus-boxes2 .casino-bonus-box header .bonus-content h3 {
          font-weight: 600 !important;
          margin: 0;
          position: relative;
          overflow: hidden;
          -webkit-transition: background 0.25s ease;
                  transition: background 0.25s ease;
          text-align: center;
          z-index: 1;
          padding-bottom: 0 !important;
          background-color: transparent !important;
          font-size: 23px !important; }
          .casino-bonus-boxes2 .casino-bonus-box header .bonus-content h3 .text {
            color: #fff;
            font-weight: 600; }
          .casino-bonus-boxes2 .casino-bonus-box header .bonus-content h3 .long-bonus {
            font-size: 0.8em; }
        .casino-bonus-boxes2 .casino-bonus-box header .bonus-content small {
          display: block;
          text-align: center;
          padding: 0 0 20px 0; }
          .casino-bonus-boxes2 .casino-bonus-box header .bonus-content small .text {
            padding-bottom: 1px;
            border-bottom: 2px solid rgba(255, 255, 255, 0.15);
            font-size: 12px; }
        .casino-bonus-boxes2 .casino-bonus-box header .bonus-content .button {
          position: absolute;
          border-radius: 2px;
          left: 30px;
          right: 30px;
          bottom: 0;
          padding: 5px 15px;
          margin-top: 5px;
          font-weight: bold !important;
          text-transform: uppercase;
          background-color: #de423a; }
    .casino-bonus-boxes2 .casino-bonus-box .image-col {
      background: #222;
      float: left;
      width: 35%;
      padding: 10px; }
      .casino-bonus-boxes2 .casino-bonus-box .image-col .image {
        display: block;
        height: 0;
        padding-bottom: 100%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: contain; }
      .casino-bonus-boxes2 .casino-bonus-box .image-col a {
        color: #fff; }
      .casino-bonus-boxes2 .casino-bonus-box .image-col .title {
        display: none !important;
        margin-right: 5px; }
        .casino-bonus-boxes2 .casino-bonus-box .image-col .title a {
          font-weight: 600 !important; }
    .casino-bonus-boxes2 .casino-bonus-box.featured header {
      background-image: none;
      background-color: #b92f27; }
      .casino-bonus-boxes2 .casino-bonus-box.featured header h3 {
        color: #fff !important;
        background: transparent !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: currentcolor !important; }
      .casino-bonus-boxes2 .casino-bonus-box.featured header small {
        color: rgba(255, 255, 255, 0.8); }
      .casino-bonus-boxes2 .casino-bonus-box.featured header .button {
        background-color: #269d59;
        box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2); }
    .casino-bonus-boxes2 .casino-bonus-box:hover {
      -webkit-filter: brightness(1.1);
              filter: brightness(1.1);
      border-color: #fd5249; }
      .casino-bonus-boxes2 .casino-bonus-box:hover header {
        background-color: rgba(255, 255, 255, 0.22);
        background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.08));
        background-image: linear-gradient(rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.08));
        background-color: #1f2123; }
      .casino-bonus-boxes2 .casino-bonus-box:hover .button {
        background-color: #fd655d; }
      .casino-bonus-boxes2 .casino-bonus-box:hover.featured header {
        background-image: none;
        background-color: #b83e37; }
      .casino-bonus-boxes2 .casino-bonus-box:hover.featured .button {
        background-color: #2dba6a; }
    @media only screen and (min-width: 0) and (max-width: 600px) {
      .casino-bonus-boxes2 .casino-bonus-box .box-badge {
        -webkit-transform: scale(0.7);
            -ms-transform: scale(0.7);
                transform: scale(0.7);
        -webkit-transform-origin: left top;
            -ms-transform-origin: left top;
                transform-origin: left top; }
      .casino-bonus-boxes2 .casino-bonus-box header .bonus-content h3 {
        padding-top: 3px !important;
        font-size: 17px !important;
        line-height: 1; }
      .casino-bonus-boxes2 .casino-bonus-box header .bonus-content small .text {
        font-size: 11px !important; }
      .casino-bonus-boxes2 .casino-bonus-box header .bonus-content .button {
        /* display: none; */
        font-size: 12px;
        left: 20px;
        right: 20px;
        top: auto;
        padding: 1px;
        bottom: -14px; } }
    @media only screen and (min-width: 880px) and (max-width: 1160px) {
      .casino-bonus-boxes2 .casino-bonus-box header .bonus-content h3 {
        font-size: 20px !important; }
      .casino-bonus-boxes2 .casino-bonus-box header .bonus-content .button {
        left: 10px;
        right: 10px;
        bottom: -8px;
        padding: 5px 10px;
        font-size: 14px; }
      .casino-bonus-boxes2 .casino-bonus-box .image-col .image {
        padding-bottom: 180%; } }
    @media only screen and (min-width: 1160px) {
      .casino-bonus-boxes2 .casino-bonus-box header .bonus-content small {
        font-size: 15px; }
      .casino-bonus-boxes2 .casino-bonus-box .footer .title {
        display: inline-block; } }
    @media only screen and (min-width: 1160px) and (max-width: 1430px) {
      .casino-bonus-boxes2 .casino-bonus-box header .bonus-content h3 {
        font-size: 20px !important; }
      .casino-bonus-boxes2 .casino-bonus-box .image-col .image {
        padding-bottom: 130%; } }
    @media only screen and (min-width: 1430px) {
      .casino-bonus-boxes2 .casino-bonus-box header .bonus-content h3 {
        font-size: 26px !important; } }
  @media only screen and (min-width: 0) and (max-width: 880px) {
    .casino-bonus-boxes2 {
      margin: 0; }
      .casino-bonus-boxes2 > li {
        width: auto;
        display: block;
        float: none; } }

.logged-in .casino-bonus-boxes2 {
  /* display: block; */ }

ul.logo-boxes {
  padding: 1.4rem 7% .7rem 3%; }
  ul.logo-boxes .buttons a {
    margin-bottom: 0; }

.sidebar-none ul.logo-boxes {
  padding: 1.8rem 7% 1rem 7%; }

/* }}} */
/* }}} */
/* {{{ Review-table-listing
 */
.review-table-listing {
  width: 100%;
  border: none;
  /* border-top: 3px solid rgba(black, 0.1); */
  /* border-bottom: 3px solid rgba(black, 0.1); */
  background: transparent; }
  .review-table-listing tr, .review-table-listing th, .review-table-listing td {
    background: transparent !important; }
  .review-table-listing td {
    padding: 1.3em 1em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
    @media only screen and (max-width: 40em) {
      .review-table-listing td {
        padding: 1.3em 0.9em; } }
  .review-table-listing td.row-no {
    display: none;
    width: 1em;
    padding-left: 0; }
    .review-table-listing td.row-no strong {
      display: block;
      width: 25px;
      height: 25px;
      line-height: 25px;
      font-size: 14px;
      text-align: center;
      border-radius: 20px;
      background-color: rgba(0, 0, 0, 0.3);
      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
      color: #fff; }
  .review-table-listing td.row-logo {
    padding-left: 0;
    min-width: 110px;
    /* background: rgba(white, 0.8) !important; */ }
    .review-table-listing td.row-logo img {
      background: #fff;
      padding: 8px;
      border: 1px solid rgba(0, 0, 0, 0.18);
      -webkit-transition: 0.2s all ease;
      transition: 0.2s all ease; }
      .review-table-listing td.row-logo img:hover {
        opacity: 0.8; }
    @media only screen and (min-width: 40.063em) {
      .review-table-listing td.row-logo {
        width: 25%; } }
  .review-table-listing td.row-points {
    vertical-align: top; }
    @media only screen and (max-width: 40em) {
      .review-table-listing td.row-points {
        display: none; } }
    .review-table-listing td.row-points h3 {
      line-height: 1em; }
      .review-table-listing td.row-points h3 a {
        font-size: 18px;
        /* font-weight: bold; */
        color: #000; }
        .review-table-listing td.row-points h3 a:hover {
          color: #fd5249; }
    .review-table-listing td.row-points ul {
      color: #888;
      line-height: 1.3em; }
  .review-table-listing td.row-bonus {
    text-align: center;
    color: #fd443a;
    background: rgba(0, 0, 0, 0.03) !important; }
    .review-table-listing td.row-bonus label {
      cursor: default; }
  .review-table-listing td.row-actions {
    padding-right: 0; }
  .review-table-listing .button {
    margin: 4px 0;
    width: 100%;
    padding: 0.4em 1em;
    float: right;
    clear: both;
    box-shadow: none; }
    @media only screen and (max-width: 40em) {
      .review-table-listing .button {
        padding: 0.3em 0.9em; } }
    .review-table-listing .button:hover {
      box-shadow: none; }
    .review-table-listing .button.review {
      background: #555; }
      .review-table-listing .button.review:hover {
        background: #777; }

/* }}} */
/* {{{ main column widget
 */
.main-column .widget .section-title-wrap {
  position: relative;
  margin-bottom: 1.5rem; }
  .main-column .widget .section-title-wrap h2 {
    padding: 0;
    background: transparent;
    color: #333;
    font-family: "Open Sans";
    font-size: 1.5rem;
    margin: 0;
    position: relative;
    z-index: 2;
    display: inline-block;
    background: #F4F4F4 url(../img/pattern-greyzz.png) 50% 50% repeat;
    padding-right: 20px; }
  .main-column .widget .section-title-wrap:after {
    position: absolute;
    top: 50%;
    z-index: 1;
    content: '';
    display: block;
    height: 0;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.08); }

/* }}} */
/* {{{ Top casinos table
 */
table.top-table {
  margin-bottom: 1.5rem;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border: none;
  /* border-bottom: 4px solid $primary-color; */
  background: transparent; }
  table.top-table tr, table.top-table thead {
    background: transparent; }
  table.top-table th, table.top-table td {
    font-size: 1rem;
    padding: 14px 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
    @media only screen and (min-width: 40.063em) {
      table.top-table th, table.top-table td {
        font-size: 1.2rem; } }
    @media only screen and (min-width: 40.063em) {
      table.top-table th, table.top-table td {
        padding: 14px 20px; } }
  table.top-table td {
    /* @include linear-gradient(#fafafa, #fff); */
    text-align: center; }
  table.top-table th {
    border-bottom: 4px solid #fd5249;
    /* background-color: $primary-color; */
    background-color: transparent;
    /* text-shadow: 0 1px 0 rgba(#000, 0.1); */
    color: rgba(0, 0, 0, 0.5);
    padding: 1rem;
    text-align: center;
    font-size: 1rem; }
    @media only screen and (min-width: 40.063em) {
      table.top-table th {
        font-size: 1.2rem; } }
  table.top-table .key {
    width: 1px;
    padding-right: 0;
    font-weight: 300;
    display: none; }
    @media only screen and (min-width: 40.063em) {
      table.top-table .key {
        display: table-cell; } }
    table.top-table .key .no {
      color: rgba(0, 0, 0, 0.5);
      display: inline-block;
      /* width: $size; */
      height: 2rem;
      text-align: center;
      line-height: 1.8rem;
      /* border: 2px solid #eee; */
      /* background-color: #fff; */
      border-radius: 1rem; }
  @media only screen and (max-width: 40em) {
    table.top-table .logo {
      padding-left: 0; } }
  table.top-table .logo img {
    min-width: 60px;
    width: 70px;
    vertical-align: bottom; }
    @media only screen and (min-width: 40.063em) {
      table.top-table .logo img {
        width: 90px; } }
    @media only screen and (min-width: 64.063em) {
      table.top-table .logo img {
        width: 120px; } }
  table.top-table .bonus {
    position: relative;
    background: rgba(0, 0, 0, 0.03);
    /* @include linear-gradient(#f3f3f3, #f8f8f8); */
    /* border-bottom: 1px solid #e5e5e5; */
    text-transform: uppercase; }
    @media only screen and (max-width: 40em) {
      table.top-table .bonus {
        padding-left: 8px;
        padding-right: 8px; } }
    table.top-table .bonus .bonus-content {
      position: relative;
      bottom: -3px;
      line-height: 1.4em;
      margin-bottom: 4px;
      display: block; }
      table.top-table .bonus .bonus-content a {
        color: #cc0000;
        font-size: 1.35em;
        font-weight: 800; }
        @media only screen and (max-width: 40em) {
          table.top-table .bonus .bonus-content a {
            letter-spacing: -0.05em;
            font-size: 0.9em; } }
  table.top-table .rating .star-rating {
    bottom: -2px;
    width: 60px;
    height: 18px;
    display: block;
    margin: auto;
    white-space: nowrap;
    position: relative; }
    table.top-table .rating .star-rating .front, table.top-table .rating .star-rating .back {
      position: absolute;
      top: 0;
      left: 0; }
    table.top-table .rating .star-rating .front {
      z-index: 1; }
      table.top-table .rating .star-rating .front a {
        color: #ebaf00; }
    table.top-table .rating .star-rating .back {
      color: rgba(0, 0, 0, 0.1); }
    table.top-table .rating .star-rating i {
      width: 12px;
      text-align: left;
      font-size: 12px;
      /* &:before { } */ }
    @media only screen and (min-width: 40.063em) {
      table.top-table .rating .star-rating {
        width: 80px;
        height: 22px; }
        table.top-table .rating .star-rating i {
          width: 16px;
          font-size: 16px; } }
    @media only screen and (min-width: 64.063em) {
      table.top-table .rating .star-rating {
        width: 100px;
        height: 26px; }
        table.top-table .rating .star-rating i {
          width: 20px;
          font-size: 20px; } }
  table.top-table .play-button {
    padding-right: 0;
    padding-left: 0; }
    table.top-table .play-button .subline {
      margin-top: 10px;
      margin-bottom: -4px; }
  table.top-table .button {
    vertical-align: bottom;
    margin-bottom: 0;
    box-shadow: none;
    /* padding: 8px 20px 8px 17px; */
    border-bottom: none;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 8px 14px;
    border: none;
    font-family: "Arial";
    font-weight: bold;
    font-size: 0.8em;
    height: 60px;
    margin-bottom: -4px;
    background: url("../img/spiele-button.png") 0 0 no-repeat;
    background-size: 100%;
    width: 80px;
    height: 26.08px; }
    @media only screen and (min-width: 40.063em) {
      table.top-table .button {
        width: 140px;
        height: 45.64px; } }
    @media only screen and (min-width: 64.063em) {
      table.top-table .button {
        width: 180px;
        height: 58.68px; } }
    table.top-table .button:hover {
      box-shadow: none;
      background-color: transparent !important;
      opacity: 0.9; }
    table.top-table .button .fa {
      font-size: 1.5rem;
      display: none; }
    table.top-table .button .button-label {
      position: relative;
      /* top: -2px; */
      /* padding-left: 12px; */
      /* line-height: 1.4rem; */
      padding-top: 2px;
      white-space: nowrap;
      display: inline-block;
      display: none; }
  table.top-table .subline {
    line-height: 1.3em;
    display: block;
    text-transform: uppercase;
    /* margin-top: 10px; */
    font-size: 0.75em; }
    table.top-table .subline a {
      color: #888; }
    table.top-table .subline a:hover {
      color: #eb5a52; }
    table.top-table .subline.stronger a {
      font-weight: bold; }
    @media only screen and (max-width: 40em) {
      table.top-table .subline {
        letter-spacing: -0.05em;
        font-size: 0.6em; } }

/* }}} */
/* {{{ Casino detail box
 */
.detail-box {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.13);
  border-top: 4px solid #fd5249;
  border-radius: 4px;
  background: #fff;
  margin-top: 1rem;
  margin-bottom: 3.8rem;
  position: relative;
  top: 35px; }
  .detail-box .box-header {
    position: absolute;
    left: -1px;
    top: -38px; }
    .detail-box .box-header h3 {
      font-size: 1.3rem;
      background: #fd5249;
      color: #fff;
      padding: 4px 16px;
      margin: 0;
      border-radius: 3px 3px 0 0; }
  @media only screen and (max-width: 40em) {
    .detail-box {
      top: auto;
      border-top: none;
      /* @include breakpoint(0px, 480px) { */ }
      .detail-box .box-header {
        position: relative;
        left: auto;
        top: auto; }
        .detail-box .box-header h3 {
          font-size: 1.1rem; } }
  .detail-box .box-body {
    padding: 1.5rem; }
    @media only screen and (min-width: 40.063em) {
      .detail-box .box-body {
        padding-bottom: 0; } }
    .detail-box .box-body .box-title {
      line-height: 1em;
      font-size: 1.7rem;
      margin-top: 1rem; }
      @media only screen and (min-width: 40.063em) {
        .detail-box .box-body .box-title {
          margin-top: 0; } }
    .detail-box .box-body .box-points {
      margin-top: .8rem; }
      .detail-box .box-body .box-points li {
        list-style-type: square;
        line-height: 1.3em; }
  .detail-box .box-footer {
    background-color: #fafafa;
    background-image: -webkit-linear-gradient(#fafafa, #fff);
    background-image: linear-gradient(#fafafa, #fff);
    border-top: 1px solid #ddd;
    padding: 1rem; }
    .detail-box .box-footer img {
      width: 100%;
      height: auto;
      margin-bottom: 1rem; }
    @media only screen and (min-width: 40.063em) {
      .detail-box .box-footer {
        padding: 1rem 1.4rem; }
        .detail-box .box-footer .columns {
          padding-right: .6rem;
          padding-left: .6rem; } }
  @media only screen and (min-width: 0px) and (max-width: 480px) {
    .detail-box .columns {
      width: auto !important;
      float: none !important; }
    .detail-box .logo {
      text-align: center; } }
  .detail-box .buttons {
    text-align: center; }
  .detail-box .button {
    margin: 0 0 6px 0;
    width: 100%;
    font-weight: bold;
    padding: 0.4em 1em;
    clear: both;
    box-shadow: none;
    font-size: 1.1em; }
    .detail-box .button:hover {
      box-shadow: none; }
    .detail-box .button.review {
      background: #555;
      width: auto;
      margin: auto;
      font-weight: normal !important;
      padding: 5px 8px;
      font-size: 0.9em;
      color: #ddd; }
      .detail-box .button.review:hover {
        background: #777; }

/* }}} */
/* {{{ Casino/Poker Review page
 */
body.page article.casino-review,
body.page article.poker-review {
  position: relative; }
  body.page article.casino-review > header + figure,
  body.page article.poker-review > header + figure {
    /* position: relative; */
    display: block;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    padding: 0.3rem;
    background: #fff;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%; }
    body.page article.casino-review > header + figure img,
    body.page article.poker-review > header + figure img {
      width: 100%; }
    @media only screen and (min-width: 40.063em) {
      body.page article.casino-review > header + figure,
      body.page article.poker-review > header + figure {
        margin: 0;
        width: 36%; } }
  body.page article.casino-review > .images.row,
  body.page article.poker-review > .images.row {
    background-color: #fff;
    margin: 20px 0;
    padding: 15px 10px 20px 10px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-top: 3px solid #fd5249;
    border-radius: 6px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05); }
    body.page article.casino-review > .images.row .columns .caption a,
    body.page article.poker-review > .images.row .columns .caption a {
      font-weight: bold;
      color: #666; }
      body.page article.casino-review > .images.row .columns .caption a:hover,
      body.page article.poker-review > .images.row .columns .caption a:hover {
        color: #eb5a52; }
      body.page article.casino-review > .images.row .columns .caption a:after,
      body.page article.poker-review > .images.row .columns .caption a:after {
        content: " »"; }
    body.page article.casino-review > .images.row .columns a.photo,
    body.page article.poker-review > .images.row .columns a.photo {
      display: inline-block;
      min-width: 100%; }
      body.page article.casino-review > .images.row .columns a.photo img,
      body.page article.poker-review > .images.row .columns a.photo img {
        -webkit-transition: 0.2s all ease;
        transition: 0.2s all ease;
        min-width: 100%;
        border-radius: 3px; }
      body.page article.casino-review > .images.row .columns a.photo:hover img,
      body.page article.poker-review > .images.row .columns a.photo:hover img {
        opacity: .8; }
  body.page article.casino-review > .buttons,
  body.page article.poker-review > .buttons {
    margin: 15px 0;
    text-align: center; }

a.button {
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  font-weight: bold !important;
  border-radius: 3px;
  box-shadow: 0 1px 0 #fc2217; }
  a.button:hover {
    color: #fff;
    background-color: #fe9a95;
    box-shadow: 0 1px 0 #fd3a30; }

.button-wrapper {
  -webkit-transition: 0.2s all ease;
  transition: 0.2s all ease;
  display: block;
  text-align: center;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }
  .button-wrapper .button {
    margin: 0;
    border-radius: 5px;
    font-weight: bold !important;
    font-family: tahoma;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    /* box-shadow: inset 0 0 0 2px desaturate(darken($primary-color, 13%), 38%); */
    /* border-top: 1px solid lighten($primary-color, 7%); */
    /* border-bottom-color: darken($primary-color, 20%); */
    line-height: 1.5em;
    padding: 4px 40px;
    text-transform: uppercase;
    /* @include linear-gradient(lighten($primary-color, 6%), darken($primary-color, 4%)); */
    background-image: linear, false, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0);
    font-size: 1.7rem; }
    @media only screen and (max-width: 40em) {
      .button-wrapper .button {
        font-size: 1.4rem; } }
    .button-wrapper .button.normal {
      font-size: 1.3rem;
      font-weight: 400 !important;
      border-radius: 2px;
      font-family: "open sans";
      text-shadow: none;
      text-transform: none; }
  .button-wrapper:hover .button {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    background-color: #fd443a;
    background-image: -webkit-linear-gradient(#fd443a, #fd6058);
    background-image: linear-gradient(#fd443a, #fd6058);
    box-shadow: none;
    /* opacity: 0.9; */ }
    .button-wrapper:hover .button.normal {
      text-shadow: none; }

table.review-table {
  margin: 0 auto 30px auto;
  width: 80%; }
  @media only screen and (min-width: 40.063em) {
    table.review-table {
      margin: 0 0 30px auto;
      width: 50%; } }
  table.review-table tr.review-title td {
    font-weight: bold; }
  table.review-table th, table.review-table td {
    padding: 3px 1em;
    text-align: left; }

/* }}} */
/* {{{ Pros/Cons
 */
.pros-cons {
  position: relative;
  clear: both;
  margin-top: 100px !important;
  margin-bottom: 1.7rem !important;
  margin-right: 6%;
  margin-left: 6%; }
  .pros-cons > .row {
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.03); }
  .pros-cons .pros {
    padding-top: 1.6rem;
    padding-bottom: .5rem; }
  .pros-cons .cons {
    padding-bottom: 1rem; }
  .pros-cons .logo {
    width: 170px;
    height: 170px;
    position: absolute;
    left: 50%;
    top: -75px;
    margin-left: -85px;
    border-radius: 120px;
    background-color: #fff;
    text-align: center;
    border-top: 1px solid rgba(0, 0, 0, 0.2); }
    .pros-cons .logo img {
      margin-top: 10px;
      width: 130px;
      height: 130px; }
  .pros-cons ul {
    padding: 0;
    margin: 0 0 .3rem .1rem; }
    .pros-cons ul li {
      list-style: none;
      position: relative;
      padding-left: 1.3rem; }
    .pros-cons ul .fa {
      position: absolute;
      top: .3rem;
      left: 0; }
  .pros-cons .pros .fa {
    color: #6a0; }
  .pros-cons .cons .fa {
    color: #d30; }
  .pros-cons .payment-uri {
    position: relative;
    clear: both;
    text-align: center;
    top: -1rem;
    font-size: 1.2rem;
    padding-top: 1.2rem;
    padding-bottom: .5rem; }
    @media only screen and (min-width: 40.063em) {
      .pros-cons .payment-uri {
        padding-top: 0;
        /* padding-bottom: 1.5rem; */ } }
  @media only screen and (min-width: 40.063em) {
    .pros-cons .pros {
      padding-left: 1.5rem; }
    .pros-cons .cons {
      padding-right: 1.5rem; }
    .pros-cons .pros,
    .pros-cons .cons {
      padding-top: 3.2rem;
      padding-bottom: 1.9rem; } }

/* }}} */
/* {{{ Recomended Box
 */
.recomended-box {
  background-color: #fff;
  margin: 30px auto 30px auto;
  padding: 15px 10px 25px 10px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-top: 3px solid #fd5249;
  border-bottom: 3px solid #fd5249;
  border-radius: 36px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
  max-width: 400px; }
  .recomended-box > h4 {
    text-align: center;
    margin-bottom: 2rem; }
  .recomended-box .record {
    /* background-color: yellow; */
    position: relative;
    text-align: center;
    min-height: 110px; }
  .recomended-box .logo {
    display: inline-block;
    position: relative;
    left: -20px;
    /* background-color: yellow; */
    margin: 0;
    text-align: center; }
    .recomended-box .logo img {
      width: 200px; }
  .recomended-box .bonus {
    position: absolute;
    top: 0;
    right: 30px;
    background-color: #fd443a;
    display: inline-block;
    border-radius: 5rem;
    border: 3px solid #fff;
    width: 5.8rem;
    height: 5.8rem;
    padding-top: 0.8rem;
    font-size: 1.8rem;
    -webkit-transform: rotate(11deg);
    -ms-transform: rotate(11deg);
    transform: rotate(11deg); }
    .recomended-box .bonus.bonus-5 {
      width: 6.8rem;
      height: 6.8rem;
      padding-top: 1.1rem; }
    .recomended-box .bonus, .recomended-box .bonus a {
      font-weight: bold;
      text-align: center;
      color: #fff; }
    .recomended-box .bonus, .recomended-box .bonus label {
      font-weight: bold; }
    .recomended-box .bonus label {
      color: rgba(255, 255, 255, 0.7);
      margin: 0;
      /* display: inline; */
      font-weight: bold; }

/* }}} */
/* {{{ TickBit Widget
 */
.tickbit-widget {
  position: relative; }
  .tickbit-widget h4 {
    position: absolute;
    top: 4px;
    right: 14px;
    z-index: 1;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    color: #777; }
  .tickbit-widget .btc-box {
    height: 60px !important;
    width: 192px !important; }
  .tickbit-widget #tickbit-quote > .btc-box {
    border: 1px solid #bbb !important; }
  .tickbit-widget #btc-slider > .btc-box > div:first-child {
    background-size: 100% 100%;
    width: 53px !important;
    height: 53px !important;
    top: 3px !important; }
  .tickbit-widget #btc-last-wrapper {
    margin-top: 16px; }
  .tickbit-widget .btc-hides {
    display: none; }

.header-widgets .tickbit-widget {
  position: absolute;
  top: 0;
  right: 0; }

/* }}} */
/* {{{ Definition table
 */
table.definition {
  margin-top: 2rem;
  margin-bottom: 2rem;
  border-color: rgba(153, 153, 153, 0.2) !important; }
  table.definition td {
    line-height: 1.5em;
    color: #888; }
  table.definition th {
    vertical-align: top;
    text-align: left;
    font-size: 1em;
    font-family: "Open Sans", Helvetica, sans-serif;
    font-weight: bold; }

/* }}} */
/* {{{ Next page / prev page
 */
.next-page-bar,
.prev-page-bar {
  text-align: center; }

a.next-page,
a.prev-page {
  padding: 8px 18px 8px 20px;
  border: none;
  box-shadow: none;
  position: relative; }
  a.next-page:hover,
  a.prev-page:hover {
    border: none;
    box-shadow: none; }
  a.next-page::after,
  a.prev-page::after {
    content: ' »';
    font-size: 1.5em;
    line-height: 0.7em;
    padding-left: 0.4em; }

/* }}} */
/* {{{ Masonry
 */
.masonry-widgets h4 {
  background-color: #1d1f20;
  padding: .75rem 1rem;
  text-align: center;
  font-size: 1.3rem;
  color: #ccc;
  margin-top: .5rem;
  margin-bottom: 2.8rem; }
  @media only screen and (min-width: 880px) {
    .masonry-widgets h4 {
      background-color: #252628;
      font-size: 1.6rem; } }
  .masonry-widgets h4 a {
    color: #bebcbb; }
    .masonry-widgets h4 a:hover {
      color: #eb5a52; }
  .masonry-widgets h4 a.see-more {
    font-size: 15px;
    border-radius: 2px;
    background: #fd5249;
    color: #fff;
    font-weight: bold;
    display: block;
    margin: 5px 20% 0 20%;
    padding: 5px; }
    .masonry-widgets h4 a.see-more:hover {
      background: #fd6a62; }
    @media only screen and (min-width: 880px) {
      .masonry-widgets h4 a.see-more {
        float: right;
        margin: 0;
        padding: 8px; } }

.masonry-widgets .masonry-wrapper {
  margin-top: 0;
  margin-bottom: 0; }

.masonry-wrapper {
  clear: both;
  position: static;
  width: 250px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.1rem;
  margin-bottom: 3.2rem; }
  @media only screen and (min-width: 600px) {
    .masonry-wrapper {
      background: transparent;
      width: auto;
      margin-right: -30px; } }
  @media only screen and (min-width: 0) and (max-width: 600px) {
    .masonry-wrapper.oneline .masonry-box:nth-child(n+4), .masonry-wrapper.oneline .masonry-add:nth-child(n+4) {
      display: none; } }
  @media only screen and (min-width: 600px) and (max-width: 880px) {
    .masonry-wrapper.oneline .masonry-box:nth-child(n+5), .masonry-wrapper.oneline .masonry-add:nth-child(n+5) {
      display: none; } }
  @media only screen and (min-width: 880px) and (max-width: 1160px) {
    .masonry-wrapper.oneline .masonry-box:nth-child(n+4), .masonry-wrapper.oneline .masonry-add:nth-child(n+4) {
      display: none; } }
  @media only screen and (min-width: 1160px) and (max-width: 1430px) {
    .masonry-wrapper.oneline .masonry-box:nth-child(n+5), .masonry-wrapper.oneline .masonry-add:nth-child(n+5) {
      display: none; } }
  @media only screen and (min-width: 1430px) {
    .masonry-wrapper.oneline .masonry-box:nth-child(n+6), .masonry-wrapper.oneline .masonry-add:nth-child(n+6) {
      display: none; } }

.masonry-box, .masonry-add {
  width: 250px;
  min-height: 10em;
  float: left;
  margin-right: 30px;
  margin-bottom: 30px; }
  .masonry-box .box-meta, .masonry-add .box-meta {
    display: none;
    /* position: absolute; bottom: 0; background: #000; z-index: 999; */ }
  .masonry-box .box-inner, .masonry-add .box-inner {
    position: relative;
    color: #66696B;
    background-color: #1F2123;
    -webkit-transition: box-shadow 100ms, opacity 400ms ease-out, -webkit-transform 400ms ease-out;
            transition: box-shadow 100ms, opacity 400ms ease-out, transform 400ms ease-out;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35); }
    .masonry-box .box-inner:hover, .masonry-add .box-inner:hover {
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.35), 0 0 0 5px #fd5249; }
    .masonry-box .box-inner .box-icon, .masonry-add .box-inner .box-icon {
      width: 44px;
      height: 44px;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 20;
      -webkit-transform: translate(-25%, -25%);
          -ms-transform: translate(-25%, -25%);
              transform: translate(-25%, -25%);
      -webkit-transition: -webkit-transform 200ms ease-out;
              transition: transform 200ms ease-out; }
      .masonry-box .box-inner .box-icon svg, .masonry-add .box-inner .box-icon svg {
        width: 44px;
        height: 44px; }
    .masonry-box .box-inner:hover .box-icon, .masonry-add .box-inner:hover .box-icon {
      -webkit-transform: translate(-36.3636%, -36.3636%);
          -ms-transform: translate(-36.3636%, -36.3636%);
              transform: translate(-36.3636%, -36.3636%); }
  .masonry-box .box-title, .masonry-add .box-title {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 0.0625em;
    text-align: center;
    text-transform: uppercase;
    padding: 1.25em;
    padding-left: 30px;
    padding-right: 30px;
    margin: 0;
    -webkit-text-stroke: 0; }
    .masonry-box .box-title a, .masonry-add .box-title a {
      color: #66696B;
      font-weight: 700;
      -webkit-text-stroke: 1px rgba(102, 105, 107, 0.5); }
      .masonry-box .box-title a.two-lines, .masonry-add .box-title a.two-lines {
        top: -9px;
        position: relative; }
    .masonry-box .box-title.title-boxed, .masonry-add .box-title.title-boxed {
      color: #878A8C;
      background-color: #27292B;
      padding: 25px;
      margin: 5px;
      font-size: 16px;
      font-weight: 600;
      line-height: 1.2;
      border-radius: 5px; }
  .masonry-box .box-media, .masonry-add .box-media {
    position: relative;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.15);
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.07));
    background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.07));
    /* @include linear-gradient(rgba(#fff, 0.07), rgba(#fff, 0.15)); */
    /* background-color: darken(#383b3e, 7%); */
    background-color: #1f2123;
    -webkit-transition: background 0.25s ease;
            transition: background 0.25s ease;
    /* background: darken(#383B3E, 2%); */
    /* background: lighten(#383B3E, 16%); */
    /* background: lighten(#383B3E, 60%); */
    text-align: center;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    z-index: 1; }
    .masonry-box .box-media:hover, .masonry-add .box-media:hover {
      /* background-color: darken(#383b3e, 0%); */
      background-color: #2b2e31; }
    .masonry-box .box-media a, .masonry-add .box-media a {
      display: block;
      outline: none; }
  .masonry-box .box-text, .masonry-add .box-text {
    /* margin: 0 8px 0 8px; */
    padding: 2px 20px;
    /* border-radius: 3px; */
    position: relative;
    overflow: hidden;
    /* background-image: linear-gradient(rgba(#fff, 0.11), rgba(#fff, 0.07)); */
    background: #383b3e;
    color: #878a8c;
    /* color: #777; */
    -webkit-transition: background 0.25s ease;
            transition: background 0.25s ease;
    text-align: center;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    z-index: 1;
    display: table;
    min-height: 170px;
    width: 100%; }
    .masonry-box .box-text:hover, .masonry-add .box-text:hover {
      background-color: #3f4346; }
    .masonry-box .box-text a, .masonry-add .box-text a {
      display: table-cell;
      vertical-align: middle;
      outline: none; }
    .masonry-box .box-text, .masonry-add .box-text, .masonry-box .box-text p, .masonry-add .box-text p, .masonry-box .box-text a, .masonry-add .box-text a {
      color: #878a8c;
      font-size: 0.85rem !important; }
      @media only screen and (min-width: 600px) {
        .masonry-box .box-text, .masonry-add .box-text, .masonry-box .box-text p, .masonry-add .box-text p, .masonry-box .box-text a, .masonry-add .box-text a {
          font-size: 0.95rem !important; } }
    .masonry-box .box-text p, .masonry-add .box-text p {
      line-height: 1.2em;
      text-align: left;
      margin-top: 1em;
      margin-bottom: 1em; }
      @media only screen and (min-width: 600px) {
        .masonry-box .box-text p, .masonry-add .box-text p {
          line-height: 1.4em; } }
  .masonry-box.with-photo.with-text .box-text, .with-photo.with-text.masonry-add .box-text {
    padding-top: 0;
    padding-bottom: 0;
    min-height: 0; }
  .masonry-box:hover .box-title a, .masonry-add:hover .box-title a {
    color: #fd5249;
    -webkit-text-stroke: 1px rgba(253, 82, 73, 0.5); }
  .masonry-box .box-inwrapper, .masonry-add .box-inwrapper {
    position: relative;
    padding: 7px;
    border-style: solid;
    border-width: 0 1px;
    border-color: #1D1F20; }
  .masonry-box .buttons a, .masonry-add .buttons a {
    background-color: #27292B;
    background-color: rgba(255, 255, 255, 0.05);
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
    background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 1px 3px rgba(0, 0, 0, 0.15);
    /* border-top: 1px solid rgba(#fff, 0.13); */
    border-radius: 4px;
    text-align: center;
    padding: 10px 14px;
    line-height: 1.2em;
    letter-spacing: 0.1em;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.9em;
    display: block;
    color: #888; }
    .masonry-box .buttons a:hover, .masonry-add .buttons a:hover {
      background-color: #2e3133;
      background-image: linear, false, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 1px 3px rgba(0, 0, 0, 0.15);
      color: #aaa; }
  .masonry-box .box-tags, .masonry-add .box-tags {
    /* background-color: #1D1F20; */
    background-color: #1c1e1f;
    padding: 0.7em 1em;
    border-top: 1px solid rgba(102, 105, 107, 0.1);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05);
    display: table;
    width: 100%;
    /* min-height: 59px; */
    height: 59px; }
    .masonry-box .box-tags ul, .masonry-add .box-tags ul {
      color: #484A4B;
      margin: 0;
      padding: 0;
      /* margin-top: 8px; */
      font-size: 12px;
      line-height: 1;
      text-align: center;
      list-style-type: none;
      /* display: table-cell; */
      vertical-align: middle;
      /* border-radius: 4px; */
      display: inline-block;
      min-width: 100%;
      overflow: hidden !important;
      max-height: 3.2em !important; }
      .masonry-box .box-tags ul li, .masonry-add .box-tags ul li {
        display: inline-block;
        margin-right: -0.25em; }
        .masonry-box .box-tags ul li a, .masonry-add .box-tags ul li a {
          color: #484A4B;
          display: block;
          padding: 0.25em 0.5em; }
          .masonry-box .box-tags ul li a:hover, .masonry-add .box-tags ul li a:hover {
            color: #666; }
          .masonry-box .box-tags ul li a::before, .masonry-add .box-tags ul li a::before {
            content: '#'; }
  .masonry-box.boxtype-game .box-media img, .boxtype-game.masonry-add .box-media img {
    width: 250px;
    height: 170px; }
  .masonry-box.boxtype-game.double, .boxtype-game.double.masonry-add {
    width: 530px; }
    .masonry-box.boxtype-game.double .box-media img, .boxtype-game.double.masonry-add .box-media img {
      width: 530px;
      height: 504px; }
    .masonry-box.boxtype-game.double .box-tags ul, .boxtype-game.double.masonry-add .box-tags ul {
      display: table-cell; }
  .masonry-box.boxtype-game .box-badge strong, .boxtype-game.masonry-add .box-badge strong {
    margin-top: 12px;
    margin-right: 12px; }
  .masonry-box img, .masonry-add img {
    max-width: none; }
  @media only screen and (min-width: 0) and (max-width: 600px) {
    .masonry-box.boxtype-game.double, .boxtype-game.double.masonry-add {
      width: 250px; }
      .masonry-box.boxtype-game.double .box-media img, .boxtype-game.double.masonry-add .box-media img {
        width: 190px;
        height: 170px; } }
  @media only screen and (min-width: 600px) {
    .masonry-box.double .buttons a, .double.masonry-add .buttons a {
      padding: 19px 12px;
      height: 60px;
      font-size: 1.1em;
      display: block;
      color: #888; }
      .masonry-box.double .buttons a:hover, .double.masonry-add .buttons a:hover {
        background-color: #2e3133;
        background-image: linear, false, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 1px 3px rgba(0, 0, 0, 0.15);
        color: #aaa; }
    .masonry-box.double .box-text, .double.masonry-add .box-text {
      min-height: 505px;
      padding: 40px 60px; }
      .masonry-box.double .box-text, .double.masonry-add .box-text, .masonry-box.double .box-text p, .double.masonry-add .box-text p, .masonry-box.double .box-text a, .double.masonry-add .box-text a {
        line-height: 1.5em;
        font-size: 1.05rem; }
    .masonry-box.double .box-tags ul, .double.masonry-add .box-tags ul {
      font-size: 14px;
      /* padding-top: 1.2em; */ } }

.masonry-box.fixedbox, .fixedbox.masonry-add {
  height: 329px; }
  .masonry-box.fixedbox .box-title, .fixedbox.masonry-add .box-title {
    height: 52px !important; }
  .masonry-box.fixedbox .box-inner, .fixedbox.masonry-add .box-inner {
    /* border-top: 1px solid blue; */
    /* position: relative; */
    /* box-shadow: none; */
    /* margin: 0 !important; */
    /* padding: 0 !important; */
    /* background-color: yellow; */
    /* overflow: hidden; */
    /* border: 1px solid transparent; */ }
  @media only screen and (min-width: 600px) {
    .masonry-box.fixedbox.double, .fixedbox.double.masonry-add {
      height: 688px !important; } }

.masonry-box.boxtype-news .box-icon, .boxtype-news.masonry-add .box-icon {
  display: none; }

.masonry-box.boxtype-news .box-title, .boxtype-news.masonry-add .box-title {
  padding: 1.25em; }
  .masonry-box.boxtype-news .box-title small.date, .boxtype-news.masonry-add .box-title small.date {
    display: block;
    margin-top: 0.7rem;
    font-size: 0.75em;
    color: #66696B;
    font-weight: normal; }

.mobile-yes .masonry-box.mobile-obsolete, .mobile-yes .mobile-obsolete.masonry-add {
  position: relative; }
  .mobile-yes .masonry-box.mobile-obsolete:before, .mobile-yes .mobile-obsolete.masonry-add:before {
    position: absolute;
    content: '';
    top: 52px;
    width: 45px;
    height: 45px;
    background: rgba(0, 0, 0, 0.5) url(../img/not-mobile.png) 50% 50% no-repeat;
    background-size: 32px auto;
    border-radius: 100%;
    margin: 5px 0 0 5px;
    opacity: 1;
    z-index: 2; }
  .mobile-yes .masonry-box.mobile-obsolete .box-inner, .mobile-yes .mobile-obsolete.masonry-add .box-inner {
    opacity: 0.5; }

.similar-slots {
  margin-top: 40px; }
  .similar-slots h3 {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #eee !important; }
  .similar-slots .masonry-wrapper {
    -webkit-transform-origin: 0;
        -ms-transform-origin: 0;
            transform-origin: 0;
    margin-top: 0;
    margin-bottom: 0; }
    @media only screen and (min-width: 600px) {
      .similar-slots .masonry-wrapper {
        margin-right: -30%; } }
    @media only screen and (min-width: 600px) and (max-width: 880px) {
      .similar-slots .masonry-wrapper {
        -webkit-transform: scale(0.8);
            -ms-transform: scale(0.8);
                transform: scale(0.8);
        margin-top: -13%;
        margin-bottom: -23%; } }
    @media only screen and (min-width: 880px) and (max-width: 1160px) {
      .similar-slots .masonry-wrapper {
        -webkit-transform: scale(0.87);
            -ms-transform: scale(0.87);
                transform: scale(0.87);
        margin-bottom: -7%; } }
    @media only screen and (min-width: 1160px) and (max-width: 1430px) {
      .similar-slots .masonry-wrapper {
        -webkit-transform: scale(0.902);
            -ms-transform: scale(0.902);
                transform: scale(0.902);
        margin-bottom: -4%; } }
    @media only screen and (min-width: 1430px) {
      .similar-slots .masonry-wrapper {
        -webkit-transform: scale(0.922);
            -ms-transform: scale(0.922);
                transform: scale(0.922);
        margin-bottom: -4%; } }

.aside-toggle {
  background: rgba(28, 30, 31, 0.75);
  border-radius: 0 0 6px 6px;
  width: 46px;
  height: 42px;
  cursor: pointer;
  position: absolute;
  z-index: 30;
  top: 0;
  left: 0;
  position: fixed; }
  .aside-toggle .icon {
    display: block;
    width: 30px;
    height: 25px;
    position: relative;
    margin: 8px 8px;
    -webkit-transition: -webkit-transform 400ms ease 200ms;
            transition: transform 400ms ease 200ms;
    pointer-events: none; }
    .aside-toggle .icon span {
      display: block;
      width: 30px;
      height: 5px;
      position: absolute;
      top: 10px;
      left: 0;
      -webkit-transition: all 100ms ease 100ms;
              transition: all 100ms ease 100ms;
      /* background-color: $main-color; */
      background-color: rgba(255, 255, 255, 0.5); }
      .aside-toggle .icon span:first-child {
        top: 0; }
      .aside-toggle .icon span:last-child {
        top: auto;
        bottom: 0; }
  .aside-toggle:hover .icon span {
    background-color: rgba(255, 255, 255, 0.6); }
  @media only screen and (min-width: 600px) {
    .aside-toggle {
      width: 64px;
      height: 60px;
      left: 50%;
      margin-left: -265px; }
      .aside-toggle .icon {
        margin: 16px 16px; } }
  @media only screen and (min-width: 880px) {
    .aside-toggle {
      margin-left: -405px; } }
  @media only screen and (min-width: 1160px) {
    .aside-toggle {
      margin-left: -545px; } }
  @media only screen and (min-width: 1430px) {
    .aside-toggle {
      margin-left: -685px; } }

.st-menu-open .aside-toggle {
  display: none; }

.masonry-wrapper.searchable .bars {
  margin-bottom: 30px; }

.masonry-wrapper.searchable .filter-bar {
  z-index: 999;
  position: relative;
  height: 44px;
  margin-bottom: 64px; }
  @media only screen and (min-width: 600px) {
    .masonry-wrapper.searchable .filter-bar {
      margin-right: 30px;
      margin-bottom: 0; } }

.masonry-wrapper.searchable .taglist-bar {
  position: relative;
  margin-top: 6px; }

.masonry-wrapper.searchable .taglist {
  list-style: none;
  padding: 0;
  margin: 0;
  /* text-align: center; */ }
  .masonry-wrapper.searchable .taglist li {
    font-size: 14px;
    display: inline-block;
    margin: 0 6px 0 0;
    margin-bottom: 4px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    padding: 5px 12px;
    /* border: 1px solid rgba(#fff, .1); */
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-top: none;
    cursor: pointer; }
    .masonry-wrapper.searchable .taglist li:hover {
      background: rgba(255, 255, 255, 0.1);
      color: #bbb;
      border-color: transparent; }
    .masonry-wrapper.searchable .taglist li.active {
      background: #fd5249;
      color: #fff;
      border-color: #333;
      cursor: default; }

.filter-form {
  margin: 0; }
  @media only screen and (min-width: 600px) {
    .filter-form {
      position: absolute;
      top: 0;
      right: 280px;
      left: 0; } }
  .filter-form .svg-icon {
    -webkit-transition: 0.2s all ease;
    transition: 0.2s all ease;
    width: 31px;
    height: 31px;
    position: absolute;
    top: 53%;
    left: 8px;
    margin-top: -15.5px;
    background-color: transparent;
    border-radius: 0;
    border: none;
    box-shadow: none; }
    .filter-form .svg-icon svg {
      width: 31px;
      height: 31px;
      fill: #888; }
  .filter-form input {
    -webkit-transition: 0.2s all ease;
    transition: 0.2s all ease;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
    /* line-height: $search-height; */
    /* color: rgba(#fff, 0.7); */
    /* font-weight: bold; */
    font-size: 1.1rem;
    margin-bottom: 0;
    padding: 0 44px 0 44px;
    height: 44px; }
    .filter-form input::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.4);
      font-weight: normal; }
    .filter-form input::-moz-placeholder {
      color: rgba(255, 255, 255, 0.4);
      font-weight: normal; }
    .filter-form input:-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.4);
      font-weight: normal; }
  .filter-form button.clear-filter {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    outline: 0;
    height: 100%;
    width: 42px;
    cursor: pointer;
    border: 1px solid transparent;
    border: none;
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    padding: 0; }
    .filter-form button.clear-filter:after {
      content: "\00D7";
      -webkit-transition: 0.2s all ease;
      transition: 0.2s all ease;
      font-weight: bold;
      display: block;
      width: 22px;
      height: 22px;
      font-size: 19px;
      line-height: 21px;
      position: absolute;
      z-index: 1;
      right: 15px;
      top: 50%;
      margin: 0;
      margin-top: -11px;
      border-radius: 50%;
      text-align: center;
      color: #aaa;
      background-color: rgba(255, 255, 255, 0.15);
      cursor: pointer; }
  .filter-form:hover .svg-icon svg {
    fill: #bbb; }
  .filter-form:hover input {
    background-color: rgba(0, 0, 0, 0.3);
    border-color: rgba(255, 255, 255, 0.2); }
  .filter-form:hover button.clear-filter:after {
    background-color: rgba(255, 255, 255, 0.25);
    color: #ccc; }
  .filter-form:hover button.clear-filter:hover:after {
    color: #fff;
    background-color: #fd5249; }
  .filter-form.focused .svg-icon {
    left: 11px; }
    .filter-form.focused .svg-icon svg {
      fill: #fd5249; }
  .filter-form.focused input {
    background-color: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    /* border: 1px solid $primary-color; */
    border-left: 4px solid #fd5249;
    outline: none;
    box-shadow: none; }

.sort-form {
  z-index: 9999;
  width: 250px;
  margin-top: 5px; }
  @media only screen and (min-width: 600px) {
    .sort-form {
      margin-top: 0;
      position: absolute;
      top: 0;
      right: 0; } }
  .sort-form .selectize-input .item {
    line-height: 20px !important; }
  .sort-form .selectize-input input {
    height: 100% !important;
    -webkit-transition: none;
            transition: none; }
    .sort-form .selectize-input input::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.4);
      font-weight: normal; }
    .sort-form .selectize-input input::-moz-placeholder {
      color: rgba(255, 255, 255, 0.4);
      font-weight: normal; }
    .sort-form .selectize-input input:-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.4);
      font-weight: normal; }

/* }}} */
/* {{{ Badge
 */
.box-badge {
  overflow: hidden;
  top: -2px;
  z-index: 2;
  position: absolute;
  height: 112px;
  width: 112px;
  right: -2px;
  /* background-color: rgba(yellow, .2); */ }
  .box-badge strong {
    /* opacity: 0.7; */
    right: -130px;
    top: 0;
    width: 260px;
    position: absolute;
    padding: 5px 86px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    text-transform: uppercase;
    margin: 0;
    margin-top: 30px;
    margin-right: 30px;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    text-align: center;
    background-color: #28A55E;
    color: #fff;
    font-weight: bold;
    font-size: 0.7em;
    line-height: 1.1em; }
  .box-badge.badge-short {
    height: 84px;
    width: 84px; }
    .box-badge.badge-short strong {
      margin-top: 22px;
      margin-right: 22px; }
  .box-badge.badge-left {
    right: auto;
    left: -2px; }
    .box-badge.badge-left strong {
      right: auto;
      left: -130px;
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg);
      -webkit-transform-origin: 50% 0;
          -ms-transform-origin: 50% 0;
              transform-origin: 50% 0;
      margin-right: 0;
      margin-left: 30px; }
    .box-badge.badge-left.badge-short strong {
      margin-right: 0;
      margin-left: 22px; }

/* }}} */
/* {{{ Masonry largeCasinos
 */
@media only screen and (min-width: 0) and (max-width: 880px) {
  .large-casinos {
    width: auto;
    margin-left: 0;
    margin-right: 0; } }

@media only screen and (min-width: 0) and (max-width: 600px) {
  .large-casinos {
    margin-left: -15px;
    margin-right: -15px; }
    .large-casinos .masonry-box, .large-casinos .masonry-add {
      display: none; }
      .large-casinos .masonry-box:first-child, .large-casinos .masonry-add:first-child {
        display: block; }
        .large-casinos .masonry-box:first-child .box-badge, .large-casinos .masonry-add:first-child .box-badge {
          display: block; } }

.large-casinos .masonry-box, .large-casinos .masonry-add {
  min-height: 0;
  width: 250px;
  margin-bottom: 20px;
  text-align: left;
  -webkit-transition: all .2s ease;
          transition: all .2s ease; }
  .large-casinos .masonry-box.fixedbox, .large-casinos .fixedbox.masonry-add {
    height: auto; }
  .large-casinos .masonry-box.mobile-ready, .large-casinos .mobile-ready.masonry-add {
    position: relative; }
    .large-casinos .masonry-box.mobile-ready:before, .large-casinos .mobile-ready.masonry-add:before {
      position: absolute;
      content: '';
      top: 4px;
      left: 5px;
      width: 35px;
      height: 42px;
      background: transparent url(../img/mobile-check.png) 50% 50% no-repeat;
      background-size: 33px auto;
      z-index: 3;
      display: block !important; }
      @media only screen and (min-width: 880px) {
        .large-casinos .masonry-box.mobile-ready:before, .large-casinos .mobile-ready.masonry-add:before {
          top: 5px;
          left: 4px; } }
  .large-casinos .masonry-box .box-inner, .large-casinos .masonry-add .box-inner {
    box-shadow: none; }
    .large-casinos .masonry-box .box-inner:hover, .large-casinos .masonry-add .box-inner:hover {
      box-shadow: none; }
  .large-casinos .masonry-box .box-badge, .large-casinos .masonry-add .box-badge {
    display: none; }
  .large-casinos .masonry-box .box-icon, .large-casinos .masonry-add .box-icon {
    display: none; }
  .large-casinos .masonry-box .box-title a, .large-casinos .masonry-add .box-title a {
    font-size: 17px;
    color: #b3b5b7; }
  .large-casinos .masonry-box:hover .box-title a, .large-casinos .masonry-add:hover .box-title a {
    color: #fd5249; }
  .large-casinos .masonry-box .box-media img, .large-casinos .masonry-add .box-media img {
    width: 250px;
    height: 143px; }
  .large-casinos .masonry-box .box-points, .large-casinos .masonry-add .box-points {
    background-color: #18191b;
    padding: 18px 14px 18px 14px; }
    .large-casinos .masonry-box .box-points ul, .large-casinos .masonry-add .box-points ul {
      margin: 0;
      padding: 0;
      font-size: 13px;
      line-height: 1.4em;
      font-weight: 600;
      color: #727678; }
      .large-casinos .masonry-box .box-points ul li, .large-casinos .masonry-add .box-points ul li {
        position: relative;
        padding-left: 18px; }
      .large-casinos .masonry-box .box-points ul .fa, .large-casinos .masonry-add .box-points ul .fa {
        color: #6fa46c;
        position: absolute;
        top: .2em;
        left: 0; }
      .large-casinos .masonry-box .box-points ul em, .large-casinos .masonry-add .box-points ul em {
        font-style: normal;
        color: #fd5249; }
    .large-casinos .masonry-box .box-points li, .large-casinos .masonry-add .box-points li {
      list-style: none; }
  .large-casinos .masonry-box .box-inwrapper, .large-casinos .masonry-add .box-inwrapper {
    padding: 0;
    border: none; }
    .large-casinos .masonry-box .box-inwrapper .buttons a, .large-casinos .masonry-add .box-inwrapper .buttons a {
      background-image: none;
      color: #fff;
      border-radius: 0;
      font-weight: 800 !important;
      /* -webkit-font-smoothing: subpixel-antialiased; */
      /* font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; */
      font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
      /* RED smaller */
      /* background-color: $main-color; */
      /* font-size: 17px; */
      /* padding-top: .7em; */
      /* padding-bottom: .7em; */
      background-color: #4186B9;
      font-size: 20px;
      padding-top: 0.8em;
      padding-bottom: 0.8em; }
  @media only screen and (min-width: 0) and (max-width: 880px) {
    .large-casinos .masonry-box, .large-casinos .masonry-add {
      width: auto;
      min-width: auto;
      margin-left: 0;
      margin-right: 0; }
      .large-casinos .masonry-box .box-title, .large-casinos .masonry-add .box-title {
        display: none;
        position: absolute;
        width: 35%;
        bottom: 0;
        left: 0;
        height: 40px !important;
        padding-top: 12px; }
        .large-casinos .masonry-box .box-title a, .large-casinos .masonry-add .box-title a {
          font-size: 0.9rem; }
      .large-casinos .masonry-box .box-media, .large-casinos .masonry-add .box-media {
        width: 35%;
        vertical-align: middle;
        display: table-cell; }
        .large-casinos .masonry-box .box-media img, .large-casinos .masonry-add .box-media img {
          vertical-align: middle;
          max-width: 100%;
          height: auto; }
      .large-casinos .masonry-box .box-points, .large-casinos .masonry-add .box-points {
        height: auto;
        width: 65%;
        display: table-cell;
        vertical-align: middle; }
        .large-casinos .masonry-box .box-points ul, .large-casinos .masonry-add .box-points ul {
          font-size: 13px; }
      .large-casinos .masonry-box .box-inwrapper, .large-casinos .masonry-add .box-inwrapper {
        clear: both;
        height: 40px; }
        .large-casinos .masonry-box .box-inwrapper .buttons a, .large-casinos .masonry-add .box-inwrapper .buttons a {
          /* margin-left: 35%; */
          font-size: 1rem;
          line-height: 40px;
          padding: 0;
          height: 40px; } }
  @media only screen and (min-width: 880px) and (max-width: 1160px) {
    .large-casinos .masonry-box, .large-casinos .masonry-add {
      width: 250px; }
      .large-casinos .masonry-box .box-points, .large-casinos .masonry-add .box-points {
        height: 200px; }
      .large-casinos .masonry-box .box-badge strong, .large-casinos .masonry-add .box-badge strong {
        font-size: 0.60em;
        font-weight: 600;
        line-height: 1.1em;
        margin-top: 18px;
        margin-right: 18px;
        padding-top: 3px;
        padding-bottom: 3px;
        border-top: none; } }
  @media only screen and (min-width: 1160px) and (max-width: 1430px) {
    .large-casinos .masonry-box, .large-casinos .masonry-add {
      width: 343px; }
      .large-casinos .masonry-box .box-media img, .large-casinos .masonry-add .box-media img {
        width: 343px;
        height: 196px; }
      .large-casinos .masonry-box .box-points, .large-casinos .masonry-add .box-points {
        height: 180px; } }
  @media only screen and (min-width: 1430px) {
    .large-casinos .masonry-box, .large-casinos .masonry-add {
      width: 436px; }
      .large-casinos .masonry-box .box-media img, .large-casinos .masonry-add .box-media img {
        width: 436px;
        height: 249px; }
      .large-casinos .masonry-box .box-points, .large-casinos .masonry-add .box-points {
        height: 108px; } }

.large-casinos .masonry-box.featured, .large-casinos .featured.masonry-add {
  box-shadow: 10px 10px 132px 0px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05); }
  .large-casinos .masonry-box.featured .box-inner, .large-casinos .featured.masonry-add .box-inner {
    box-shadow: 0 0 0 5px #fff; }
  .large-casinos .masonry-box.featured .box-badge, .large-casinos .featured.masonry-add .box-badge {
    display: block;
    top: -7px;
    right: -7px; }

body.page article.page .large-casinos {
  margin-bottom: 0; }

/* }}} */
/* {{{ Front top casinos
 */
@media only screen and (min-width: 600px) {
  .front-top-casinos {
    margin-bottom: 2rem; } }

/* }}} */
/* {{{ List with icons (extends .article-listing)
 */
.list-w-icons hr {
  margin: 2rem 0 !important; }

.list-w-icons article {
  position: relative;
  padding-left: 132px; }
  .list-w-icons article header {
    position: relative; }
  .list-w-icons article .svg-icon {
    width: 60px;
    height: 60px;
    position: absolute;
    left: -132px;
    top: 0; }
    .list-w-icons article .svg-icon svg {
      width: 60px;
      height: 60px; }
  .list-w-icons article header h2 {
    padding-top: 9px; }

/* }}} */
/* {{{ Sidebar Transition Base styles
 */
html,
body,
.st-container,
.st-pusher,
.st-content {
  /* height: 100%; */ }

.st-content {
  /* overflow-y: scroll; */ }

.st-content,
.st-content-inner {
  position: relative; }

.st-container {
  position: relative;
  /* overflow: hidden; */ }

.st-pusher {
  position: relative;
  left: 0;
  z-index: 99;
  height: 100%;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s; }

.st-pusher::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  background: rgba(49, 51, 53, 0.7);
  content: '';
  opacity: 0;
  z-index: 999;
  -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; }

.st-menu-open .st-pusher::after {
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s; }

.st-menu {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  visibility: hidden;
  width: 300px;
  height: 100%;
  background: #1d1f20;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-right: 4px solid rgba(0, 0, 0, 0.2); }

.st-menu::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  content: '';
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s; }

.st-menu-open .st-menu::after {
  width: 0;
  height: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; }

/* content style */
.st-menu #side-logo {
  background-color: rgba(0, 0, 0, 0.2);
  text-align: center;
  padding: 40px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07); }

.st-menu ul {
  padding-top: 30px;
  margin: 0;
  margin: 0 20px;
  /* padding: 0; */
  list-style: none; }
  .st-menu ul li {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    /* font-weight: 400; */ }
    .st-menu ul li a {
      -webkit-transition: 0.2s all ease;
      transition: 0.2s all ease;
      display: block;
      padding: 0.7rem 1em 0.7em 1.2em;
      outline: none;
      /* box-shadow: inset 0 -1px rgba(#fff,0.07); */
      color: #a5a2a1;
      text-transform: uppercase;
      /* text-shadow: 0 0 1px rgba(255,255,255,0.1); */
      letter-spacing: 1px;
      font-weight: 600;
      font-size: 1em;
      line-height: 1.2em;
      -webkit-transition: background 0.3s, box-shadow 0.3s;
              transition: background 0.3s, box-shadow 0.3s;
      position: relative;
      -webkit-text-stroke: 1px rgba(165, 162, 161, 0.35); }
      .st-menu ul li a::before {
        background-color: rgba(175, 172, 172, 0.5);
        content: '';
        display: block;
        width: 2px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        background: rgba(127, 123, 122, 0.5); }
      .st-menu ul li a:hover {
        color: #fff;
        -webkit-text-stroke: 1px rgba(255, 255, 255, 0.35);
        background: #fd5249;
        /* box-shadow: inset 0 -1px rgba(#fff,0.2); */ }
        .st-menu ul li a:hover::before {
          opacity: 0; }
    .st-menu ul li:first-child a {
      /* box-shadow: inset 0 -1px rgba(#fff,0.07), inset 0 1px rgba(#fff,0.07); */ }
    .st-menu ul li ul {
      display: none; }

/* Individual effects */
/* Effect 1: Slide in on top */
.st-effect-1.st-menu {
  visibility: visible;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.st-effect-1.st-menu-open .st-effect-1.st-menu {
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.st-effect-1.st-menu::after {
  display: none; }

/* Effect 2: Reveal */
.st-effect-2.st-menu-open .st-pusher {
  -webkit-transform: translate3d(300px, 0, 0);
  transform: translate3d(300px, 0, 0); }

.st-effect-2.st-menu {
  z-index: 1; }

.st-effect-2.st-menu-open .st-effect-2.st-menu {
  visibility: visible;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s; }

.st-effect-2.st-menu::after {
  display: none; }

/* Effect 3: Push*/
.st-effect-3.st-menu-open .st-pusher {
  -webkit-transform: translate3d(300px, 0, 0);
  transform: translate3d(300px, 0, 0); }

.st-effect-3.st-menu {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.st-effect-3.st-menu-open .st-effect-3.st-menu {
  visibility: visible;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s; }

.st-effect-3.st-menu::after {
  display: none; }

/* Effect 4: Slide along */
.st-effect-4.st-menu-open .st-pusher {
  -webkit-transform: translate3d(300px, 0, 0);
  transform: translate3d(300px, 0, 0); }

.st-effect-4.st-menu {
  z-index: 1;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0); }

.st-effect-4.st-menu-open .st-effect-4.st-menu {
  visibility: visible;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.st-effect-4.st-menu::after {
  display: none; }

/* Effect 5: Reverse slide out */
.st-effect-5.st-menu-open .st-pusher {
  -webkit-transform: translate3d(300px, 0, 0);
  transform: translate3d(300px, 0, 0); }

.st-effect-5.st-menu {
  z-index: 1;
  -webkit-transform: translate3d(50%, 0, 0);
  transform: translate3d(50%, 0, 0); }

.st-effect-5.st-menu-open .st-effect-5.st-menu {
  visibility: visible;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* Effect 6: Rotate pusher */
.st-effect-6.st-container {
  -webkit-perspective: 1500px;
  perspective: 1500px; }

.st-effect-6 .st-pusher {
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
      transform-origin: 0% 50%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.st-effect-6.st-menu-open .st-pusher {
  -webkit-transform: translate3d(300px, 0, 0) rotateY(-15deg);
  transform: translate3d(300px, 0, 0) rotateY(-15deg); }

.st-effect-6.st-menu {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
      transform-origin: 100% 50%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.st-effect-6.st-menu-open .st-effect-6.st-menu {
  visibility: visible;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(15deg);
  transform: translate3d(-100%, 0, 0) rotateY(15deg); }

.st-effect-6.st-menu::after {
  display: none; }

/* Effect 7: 3D rotate in */
.st-effect-7.st-container {
  -webkit-perspective: 1500px;
  perspective: 1500px;
  -webkit-perspective-origin: 0% 50%;
  perspective-origin: 0% 50%; }

.st-effect-7 .st-pusher {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.st-effect-7.st-menu-open .st-pusher {
  -webkit-transform: translate3d(300px, 0, 0);
  transform: translate3d(300px, 0, 0); }

.st-effect-7.st-menu {
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
  transform: translate3d(-100%, 0, 0) rotateY(-90deg);
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
      transform-origin: 100% 50%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.st-effect-7.st-menu-open .st-effect-7.st-menu {
  visibility: visible;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg);
  transform: translate3d(-100%, 0, 0) rotateY(0deg); }

/* Effect 8: 3D rotate out */
.st-effect-8.st-container {
  -webkit-perspective: 1500px;
  perspective: 1500px;
  -webkit-perspective-origin: 0% 50%;
  perspective-origin: 0% 50%; }

.st-effect-8 .st-pusher {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.st-effect-8.st-menu-open .st-pusher {
  -webkit-transform: translate3d(300px, 0, 0);
  transform: translate3d(300px, 0, 0); }

.st-effect-8.st-menu {
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg);
  transform: translate3d(-100%, 0, 0) rotateY(90deg);
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
      transform-origin: 100% 50%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.st-effect-8.st-menu-open .st-effect-8.st-menu {
  visibility: visible;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg);
  transform: translate3d(-100%, 0, 0) rotateY(0deg); }

.st-effect-8.st-menu::after {
  display: none; }

/* Effect 9: Scale down pusher */
.st-effect-9.st-container {
  -webkit-perspective: 1500px;
  perspective: 1500px; }

.st-effect-9 .st-pusher {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.st-effect-9.st-menu-open .st-pusher {
  -webkit-transform: translate3d(0, 0, -300px);
  transform: translate3d(0, 0, -300px); }

.st-effect-9.st-menu {
  opacity: 1;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.st-effect-9.st-menu-open .st-effect-9.st-menu {
  visibility: visible;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.st-effect-9.st-menu::after {
  display: none; }

/* Effect 10: Scale up */
.st-effect-10.st-container {
  -webkit-perspective: 1500px;
  perspective: 1500px;
  -webkit-perspective-origin: 0% 50%;
  perspective-origin: 0% 50%; }

.st-effect-10.st-menu-open .st-pusher {
  -webkit-transform: translate3d(300px, 0, 0);
  transform: translate3d(300px, 0, 0); }

.st-effect-10.st-menu {
  z-index: 1;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, -300px);
  transform: translate3d(0, 0, -300px); }

.st-effect-10.st-menu-open .st-effect-10.st-menu {
  visibility: visible;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* Effect 11: Scale and rotate pusher */
.st-effect-11.st-container {
  -webkit-perspective: 1500px;
  perspective: 1500px; }

.st-effect-11 .st-pusher {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.st-effect-11.st-menu-open .st-pusher {
  -webkit-transform: translate3d(100px, 0, -600px) rotateY(-20deg);
  transform: translate3d(100px, 0, -600px) rotateY(-20deg); }

.st-effect-11.st-menu {
  opacity: 1;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.st-effect-11.st-menu-open .st-effect-11.st-menu {
  visibility: visible;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.st-effect-11.st-menu::after {
  display: none; }

/* Effect 12: Open door */
.st-effect-12.st-container {
  -webkit-perspective: 1500px;
  perspective: 1500px; }

.st-effect-12 .st-pusher {
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
      transform-origin: 100% 50%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.st-effect-12.st-menu-open .st-pusher {
  -webkit-transform: rotateY(-10deg);
  transform: rotateY(-10deg); }

.st-effect-12.st-menu {
  opacity: 1;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.st-effect-12.st-menu-open .st-effect-12.st-menu {
  visibility: visible;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.st-effect-12.st-menu::after {
  display: none; }

/* Effect 13: Fall down */
.st-effect-13.st-container {
  -webkit-perspective: 1500px;
  perspective: 1500px;
  -webkit-perspective-origin: 0% 50%;
  perspective-origin: 0% 50%; }

.st-effect-13.st-menu-open .st-pusher {
  -webkit-transform: translate3d(300px, 0, 0);
  transform: translate3d(300px, 0, 0); }

.st-effect-13.st-menu {
  z-index: 1;
  opacity: 1;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0); }

.st-effect-13.st-menu-open .st-effect-13.st-menu {
  visibility: visible;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-speed: 0.2s;
  transition-speed: 0.2s; }

/* Effect 14: Delayed 3D rotate */
.st-effect-14.st-container {
  -webkit-perspective: 1500px;
  perspective: 1500px;
  -webkit-perspective-origin: 0% 50%;
  perspective-origin: 0% 50%; }

.st-effect-14 .st-pusher {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.st-effect-14.st-menu-open .st-pusher {
  -webkit-transform: translate3d(300px, 0, 0);
  transform: translate3d(300px, 0, 0); }

.st-effect-14.st-menu {
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg);
  transform: translate3d(-100%, 0, 0) rotateY(90deg);
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
      transform-origin: 0% 50%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.st-effect-14.st-menu-open .st-effect-14.st-menu {
  visibility: visible;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg);
  transform: translate3d(-100%, 0, 0) rotateY(0deg); }

@media screen and (max-width: 400px) {
  .st-menu {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; } }

/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
/* }}} */
/* {{{ EC Star Rating
 */
.ec-stars-wrapper a {
  font-size: 24px !important;
  color: #fd5249 !important;
  outline: none !important; }

.ec-stars-wrapper:hover a,
.ec-stars-wrapper.is-voted a {
  color: #FEC046 !important; }

.ec-stars-wrapper > a:hover ~ a {
  color: rgba(255, 255, 255, 0.2) !important; }

.ec-stars-wrapper a:active {
  color: #fff !important; }

.ec-stars-overlay {
  background-color: transparent !important;
  background-color: rgba(44, 46, 48, 0.78) !important; }

/* }}} */
/* {{{ Slot frame
 */
html.slotframe {
  margin-top: 0 !important; }

body.slotframe {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  /* width: 700px; */
  /* height: 520px; */ }
  body.slotframe .slot-header {
    height: 30px;
    overflow: hidden;
    background-color: #2C2E30;
    border-radius: 4px 4px 0 0; }
    body.slotframe .slot-header h1 {
      margin: 0;
      font-size: 17px;
      line-height: 30px;
      float: left;
      padding-left: 10px; }
      body.slotframe .slot-header h1 a {
        color: #fff; }
        body.slotframe .slot-header h1 a:hover {
          opacity: .85; }
    body.slotframe .slot-header .site-logo {
      float: right;
      padding-top: 8px;
      padding-right: 10px; }
      body.slotframe .slot-header .site-logo img {
        height: 15px;
        width: auto;
        vertical-align: top; }
      body.slotframe .slot-header .site-logo a:hover img {
        opacity: .85; }
  body.slotframe .slot-game-wrapper,
  body.slotframe .slot-game,
  body.slotframe .slot-game iframe {
    background: transparent !important; }
  body.slotframe .slot-game-wrapper {
    display: inline;
    background: transparent !important;
    padding: 0;
    margin: 0; }
    body.slotframe .slot-game-wrapper .slot-footer {
      display: none; }
    body.slotframe .slot-game-wrapper .masker1,
    body.slotframe .slot-game-wrapper .masker2 {
      display: none; }
  body.slotframe.is-grab .msg-box img {
    background-color: #000000; }

/* }}} */
/* {{{ Mailchimp form
 */
input.dark-input {
  -webkit-transition: 0.2s all ease;
  transition: 0.2s all ease;
  -webkit-transition: 0.2s all ease;
          transition: 0.2s all ease;
  background-color: rgba(0, 0, 0, 0.2) !important;
  border: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 1.1rem;
  padding: 0 44px 0 44px;
  height: 44px;
  margin-bottom: 0;
  color: #fff; }
  input.dark-input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.4);
    font-weight: normal; }
  input.dark-input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.4);
    font-weight: normal; }
  input.dark-input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.4);
    font-weight: normal; }
  input.dark-input:hover, input.dark-input:active {
    background-color: rgba(0, 0, 0, 0.3);
    border-color: rgba(255, 255, 255, 0.2); }

#mc_embed_signup {
  margin-top: 2rem;
  margin-bottom: 0;
  text-align: center;
  padding: 1.5em 1.3rem;
  border-radius: 1px;
  background: rgba(255, 255, 255, 0.04);
  /* border: 1px solid rgba(#fff, .05); */
  /* border-top: 1px solid rgba(#fff, .1); */
  /* border-bottom: none; */
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);
  border: 4px solid #fd5249; }
  #mc_embed_signup #mc_embed_signup_scroll > :first-child {
    margin-top: 0; }
  #mc_embed_signup #mc_embed_signup_scroll > :last-child {
    margin-bottom: 0; }
  #mc_embed_signup form {
    display: block;
    position: relative;
    text-align: center;
    /* padding: 10px 0 10px 3%; */ }
  #mc_embed_signup h2 {
    font-weight: bold;
    padding: 0;
    margin: 0;
    font-size: 1.4em;
    border: 2px solid blue; }
    #mc_embed_signup h2 a {
      color: #fff; }
  #mc_embed_signup label {
    display: block;
    font-size: .9rem;
    line-height: 1em;
    padding-bottom: .5rem;
    font-weight: bold;
    text-align: left;
    color: #ccc; }
    #mc_embed_signup label.error {
      display: block;
      float: none;
      width: auto;
      margin-left: 1.05em;
      text-align: left;
      padding: .5em 0; }
  #mc_embed_signup input:focus {
    border-color: #333; }
  #mc_embed_signup input.email {
    display: block;
    padding-left: 1rem;
    width: 99.8%; }
  #mc_embed_signup input.button {
    display: block;
    margin: 0 0 0 0;
    min-width: 138px;
    padding: 0px 2px 0px 2px; }
  #mc_embed_signup input.button {
    display: inline-block;
    border: 0 none;
    border-radius: 4px;
    margin-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    /* text-transform: uppercase; */
    cursor: pointer;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    width: auto; }
    #mc_embed_signup input.button:hover {
      background-color: #b92f27; }
  #mc_embed_signup .small-meta {
    font-size: 11px; }
  #mc_embed_signup .nowrap {
    white-space: nowrap; }
  #mc_embed_signup .clear {
    clear: none;
    display: inline; }

/* }}} */
/* {{{ Newsletter page
 */
.page-template-newsletter .main-content {
  padding-top: 0.0rem; }

.newsletter-content {
  text-align: center;
  /*padding-top: 1.8rem;*/
  padding-bottom: 1.8rem;
  max-width: 700px;
  margin: 0 auto; }

.newsletter-content p {
  text-align: center !important;
  font-size: 1.1em !important; }

.newsletter-content h2 {
  /*
    margin-top: 10px;
    margin-bottom: 1em;
    */ }

/* }}} */
/* {{{ Bonus Calculator
 */
body .bonuscalc {
  /* background: rgba(#fff, 0.08); */
  background: transparent;
  margin-bottom: 70px !important; }

body .bonuscalc-body form.deposits.with-hint .input-0 input {
  border-top-color: #fd5249;
  border-left-color: #fd5249;
  border-bottom-color: #fd5249; }

body .bonuscalc-body form.deposits.with-hint .input-0 .input-group-addon {
  border-top-color: #fd5249;
  border-right-color: #fd5249;
  border-bottom-color: #fd5249; }

body .bonuscalc-body form.deposits.with-hint .hint {
  color: #fd5249;
  background: url(../../../plugins/wager_bonuscalc/img/redish-arrow.png) 8px 13px/40px 50px no-repeat; }

body .bonuscalc-body form.deposits h3 {
  font-size: 16px !important;
  /* margin-top: 0 !important; */
  padding-top: .3em !important;
  line-height: 1.4em;
  text-align: left !important;
  font-weight: normal !important;
  background: transparent !important;
  color: #ddd !important; }

body .bonuscalc-body form.deposits .form-control {
  -webkit-transition: 0.2s all ease;
  transition: 0.2s all ease;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.26);
  border: 1px solid rgba(255, 255, 255, 0.2);
  /* line-height: $search-height; */
  /* color: rgba(#fff, 0.7); */
  /* font-weight: bold; */
  border-right: none; }
  body .bonuscalc-body form.deposits .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.4);
    font-weight: normal; }
  body .bonuscalc-body form.deposits .form-control::-moz-placeholder {
    color: rgba(255, 255, 255, 0.4);
    font-weight: normal; }
  body .bonuscalc-body form.deposits .form-control:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.4);
    font-weight: normal; }

body .bonuscalc-body form.deposits .form-inline .input-group-addon {
  background: #515151 !important;
  border-color: rgba(255, 255, 255, 0.1);
  color: #ddd; }
  body .bonuscalc-body form.deposits .form-inline .input-group-addon .symbol {
    color: #a0a0a0; }

body .bonuscalc-body div.results li.result .ribbon {
  background-color: #fd5249; }

body .bonuscalc-body div.results li.result .result-wrapper {
  border: none;
  background: rgba(255, 255, 255, 0.12); }

body .bonuscalc-body div.results li.result .total-bonus {
  color: #ccc; }
  body .bonuscalc-body div.results li.result .total-bonus em.bonus-value {
    color: #fd5249; }

body .bonuscalc-body div.results li.result ol.deposit-bonuses li {
  color: #bbb; }

body .bonuscalc-body div.results li.result ol.deposit-bonuses .bonus-value {
  color: rgba(253, 82, 73, 0.75); }

body .bonuscalc-body div.results li.result .buttons .btn-primary {
  background-color: transparent;
  border-color: #28A55E;
  color: #69c08e;
  border-radius: 3px !important; }
  body .bonuscalc-body div.results li.result .buttons .btn-primary:hover {
    background: #fd5249;
    border-color: #fd5249; }

body .bonuscalc-body div.results li.result-0 .buttons .btn-primary,
body .bonuscalc-body div.results li.result-1 .buttons .btn-primary,
body .bonuscalc-body div.results li.result-2 .buttons .btn-primary {
  background: #28A55E;
  color: #fff; }

body .bonuscalc-body div.results li.result-1 .buttons .btn-default,
body .bonuscalc-body div.results li.result-2 .buttons .btn-default {
  border-color: #28A55E; }

body .bonuscalc-body[min-width^="940px"] div.results li.result-0 .buttons .btn-primary {
  background-color: #28A55E;
  border-color: #28A55E; }
  body .bonuscalc-body[min-width^="940px"] div.results li.result-0 .buttons .btn-primary:hover {
    background-color: #fd5249;
    border-color: #fd5249; }

/* }}} */
/* {{{ Menu Badge
 */
.menu li.with-badge span.badge {
  border: 2px solid #fd5249;
  background-color: #fd5249;
  color: #fff;
  font-size: 0.8em;
  padding: 0.1em 0.3em;
  border-radius: 8px;
  margin-left: 3px; }

.menu li.with-badge span.badge {
  color: #fd5249;
  background: none;
  padding: 0.15em 0.4em; }

.menu li.with-badge a:hover span.badge {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.5);
  background: transparent; }

/* }}} */
/* {{{ Side Game Ad (banner)
 */
.table-games-info {
  -webkit-transition: 0.2s all ease;
  transition: 0.2s all ease;
  border: 5px solid #fd5249;
  background-color: #232426;
  padding: 25px 0;
  display: none; }
  @media only screen and (min-width: 880px) {
    .table-games-info {
      display: block; } }
  .table-games-info a {
    display: block; }
  .table-games-info h5 {
    -webkit-transition: 0.2s all ease;
    transition: 0.2s all ease;
    background: transparent !important;
    font-size: 15px !important;
    margin: -4px 0 2px 0 !important;
    padding: 0 13px 0 13px !important;
    font-weight: 600 !important;
    color: #fff;
    opacity: .5;
    text-align: center; }
  .table-games-info .image img {
    min-width: 100% !important;
    width: 100% !important; }
  .table-games-info .buttons {
    text-align: center; }
    .table-games-info .buttons span {
      display: inline-block; }
  .table-games-info .button {
    border-radius: 3px;
    margin-bottom: 0;
    padding: 8px 12px;
    color: #fff;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    background-color: #b92f27;
    text-transform: uppercase;
    font-weight: bold !important; }
  .table-games-info:hover {
    background-color: #292a2d; }
    .table-games-info:hover h5 {
      opacity: 1; }
    .table-games-info:hover .button {
      box-shadow: 0 3px 8px rgba(0, 0, 0, 0.5);
      background-color: #fd5249; }

/* }}} */
/* {{{ Show more wrapper
 */
.wager-show-more .more-trigger {
  display: none; }

@media only screen and (min-width: 0) and (max-width: 880px) {
  .wager-show-more:not(.expanded) {
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
    max-height: 190px; }
    .wager-show-more:not(.expanded).height-small {
      max-height: 100px; }
    .wager-show-more:not(.expanded).height-large {
      max-height: 400px; }
    .wager-show-more:not(.expanded) .more-trigger {
      display: block;
      position: absolute;
      bottom: -1px;
      left: 0;
      right: 0;
      padding-top: 3.5em !important;
      padding-bottom: .3em !important;
      text-align: center;
      padding: 0;
      font-weight: bold;
      cursor: pointer;
      color: rgba(253, 82, 73, 0.75);
      text-transform: uppercase;
      background-color: transparent;
      background-image: -webkit-linear-gradient(transparent 0%, #18191b 90%);
      background-image: linear-gradient(transparent 0%, #18191b 90%);
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 0 0 2px 2px; } }

/* }}} */
/* {{{ No Flash Message
 */
div.noflash-wrapper {
  height: 0;
  -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
  overflow: hidden;
  margin-top: -25px;
  text-align: center;
  border: 1px solid transparent; }
  @media only screen and (min-width: 1160px) {
    div.noflash-wrapper.shown {
      height: 50px; }
    div.noflash-wrapper .noflash-message {
      position: relative;
      background-color: #fd5249;
      color: #fff;
      font-weight: bold;
      padding: 12px 12px;
      height: 50px; }
      div.noflash-wrapper .noflash-message a {
        color: #ffdcdb;
        font-weight: bold;
        border-bottom: 2px solid #fe8d87; }
      div.noflash-wrapper .noflash-message .fa {
        font-size: 1.4em;
        position: relative;
        top: .1em;
        margin-right: 5px; }
      div.noflash-wrapper .noflash-message .close-icon {
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0;
        font-size: 1.9rem;
        width: 1.9rem;
        line-height: 1.9rem;
        display: block; } }

/* }}} */
/* {{{ Ads in gamelister
 */
@media only screen and (min-width: 600px) {
  .masonry-add.full {
    width: calc(100% - 30px); } }

.content-add {
  -webkit-transition: all .25s ease;
          transition: all .25s ease;
  background: #fd5249;
  border-radius: 3px;
  color: #FFF;
  text-align: center;
  min-height: 1em;
  font-size: 1.2rem;
  line-height: 1.2; }
  .content-add:hover {
    background: #e2443c; }
  .content-add a {
    color: #fff;
    display: block;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 15px; }
  .content-add .add-heading {
    display: block;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600; }
  .content-add .add-cta {
    -webkit-transition: all .25 ease;
            transition: all .25 ease;
    display: block;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.1);
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    padding: 10px 14px;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 0.85em;
    margin-top: 15px; }
    .content-add .add-cta:hover {
      background-color: rgba(0, 0, 0, 0.2); }
  @media only screen and (min-width: 600px) {
    .content-add {
      font-size: 1.5rem; } }
  @media only screen and (min-width: 880px) {
    .content-add a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding: 8px 30px;
      min-height: 75px; }
    .content-add .add-heading {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      text-align: left;
      font-weight: 600; }
    .content-add .add-cta {
      text-align: right;
      font-weight: 600;
      white-space: nowrap;
      margin-top: 0; } }
  @media only screen and (min-width: 1160px) {
    .content-add {
      font-size: 1.7rem; }
      .content-add a {
        min-height: 90px; } }

.content-add.blue {
  background-color: #2196f3; }
  .content-add.blue:hover {
    background-color: #0c7cd5; }

.content-add.green {
  background-color: #8bc34a; }
  .content-add.green:hover {
    background-color: #71a436; }

/* }}} */
/* {{{ Gamelister popular
 */
.gamelister-popular .control-form {
  display: none !important; }

/* }}} */
.mobile-info {
  display: block;
  line-height: 1.5em;
  font-size: 0.8em; }

.page-template-masonry-test article.page header.entry-header {
  display: none; }

/* {{{ Welcome screen mat
 */
body.show-welcome .aside-toggle {
  display: none; }

#welcomeScreen {
  position: relative;
  overflow: hidden;
  width: 100% !important;
  height: 100vh !important;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  #welcomeScreen .screen-inner {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
    min-width: 768px;
    padding: 30px;
    max-width: 1250px; }
  #welcomeScreen .slogan {
    font-family: "Open Sans";
    margin-bottom: 80px; }
    #welcomeScreen .slogan strong {
      font-size: 33px;
      font-weight: normal;
      margin: 0;
      line-height: 1.3em;
      color: #fff; }
    #welcomeScreen .slogan span {
      font-size: 21px;
      margin: 0;
      line-height: 1.5;
      color: #999;
      display: block; }
    #welcomeScreen .slogan hr {
      display: block;
      height: 1px;
      border: 0;
      border-top: 1px solid #666;
      margin: .8em 40%;
      padding: 0; }
  #welcomeScreen .button {
    border-radius: 4px;
    margin: 8px;
    color: #fff;
    font-size: 28px;
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.03);
    border: 1px solid transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    vertical-align: middle;
    width: 320px; }
    #welcomeScreen .button .one-line {
      font-style: normal;
      opacity: 0.8; }
    #welcomeScreen .button.cta-button {
      background: #fd5249; }
    #welcomeScreen .button.cancel-button {
      font-size: 20px;
      background: #555;
      color: #ddd; }
      #welcomeScreen .button.cancel-button .one-line {
        opacity: 0.5; }
  #welcomeScreen .highlight {
    color: #fd5249; }
  #welcomeScreen .arrow-container {
    bottom: 50px; }
    #welcomeScreen .arrow-container a {
      color: #eee;
      background: rgba(255, 255, 255, 0.05);
      border: 2px solid rgba(255, 255, 255, 0.2); }
  @media only screen and (min-width: 64.063em) {
    #welcomeScreen .screen-inner {
      padding-left: 360px;
      margin-left: -100px;
      padding-top: 120px;
      margin-top: -40px;
      background: url(../img/santa-mat.jpg) 0 0 no-repeat;
      min-height: 630px; }
      #welcomeScreen .screen-inner .slogan {
        font-size: 34px;
        margin-bottom: 60px; }
        #welcomeScreen .screen-inner .slogan span {
          font-size: 18px;
          padding: 0 50px;
          color: #aaa; } }

/* }}} */
/* {{{ Top games frame
 */
body.top-games-frame {
  background: transparent; }
  body.top-games-frame #wpadminbar,
  body.top-games-frame #onesignal-bell-container {
    display: none; }

.top-games-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  overflow: hidden; }
  .top-games-wrapper h2 {
    text-align: center;
    margin: 0;
    padding: 1em .4em;
    line-height: 1em; }
  .top-games-wrapper .button {
    margin: 0; }
  .top-games-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .top-games-wrapper li.game-row {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .top-games-wrapper li.game-row .game-rank {
      display: none;
      text-align: center;
      padding-left: .8rem;
      padding-right: .8rem;
      font-size: 1.4rem;
      font-weight: bold; }
      .top-games-wrapper li.game-row .game-rank i {
        border-radius: 100%;
        display: inline-block;
        font-style: normal;
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.35rem; }
    .top-games-wrapper li.game-row .game-thumb {
      width: 25% !important;
      min-width: 25% !important; }
      .top-games-wrapper li.game-row .game-thumb img {
        width: 100% !important;
        height: auto;
        max-width: 250px !important; }
    .top-games-wrapper li.game-row .game-info {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      padding-right: .02rem;
      padding-left: .02rem;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
      .top-games-wrapper li.game-row .game-info h3 {
        font-size: .8rem;
        text-overflow: ellipsis; }
    .top-games-wrapper li.game-row .game-cta {
      padding-right: .3rem; }
      .top-games-wrapper li.game-row .game-cta .button {
        font-size: 0.8rem;
        white-space: nowrap;
        padding: .26em .3rem;
        border: 1px solid #fd5249;
        box-shadow: none;
        font-weight: 600 !important;
        line-height: 100%; }
        .top-games-wrapper li.game-row .game-cta .button .txt-label {
          display: none; }
    @media only screen and (min-width: 275px) {
      .top-games-wrapper li.game-row .game-info {
        padding-right: .5rem;
        padding-left: .5rem; }
        .top-games-wrapper li.game-row .game-info h3 {
          font-size: .9rem; }
      .top-games-wrapper li.game-row .game-cta {
        padding-right: .7rem; }
        .top-games-wrapper li.game-row .game-cta .button {
          padding: .35rem .3rem;
          border-width: 2px;
          font-weight: 800 !important; } }
    @media only screen and (min-width: 320px) {
      .top-games-wrapper li.game-row .game-cta .button .txt-label {
        display: inline; }
      .top-games-wrapper li.game-row .game-cta .button i {
        display: none; } }
    @media only screen and (min-width: 368px) {
      .top-games-wrapper li.game-row .game-info h3 {
        font-size: 1rem; }
      .top-games-wrapper li.game-row .game-cta .button {
        font-size: .9rem;
        padding: .5rem 1rem; } }
    @media only screen and (min-width: 560px) {
      .top-games-wrapper li.game-row .game-rank {
        display: block; }
      .top-games-wrapper li.game-row .game-info h3 {
        font-size: 1.3rem; }
      .top-games-wrapper li.game-row .game-cta {
        padding-right: 1rem; }
        .top-games-wrapper li.game-row .game-cta .button {
          font-size: 1rem;
          padding: .6rem 1.3rem; }
          .top-games-wrapper li.game-row .game-cta .button i {
            display: inline;
            margin-left: 6px; } }
  .top-games-wrapper.skin-dark {
    background: #2C2E30; }
    .top-games-wrapper.skin-dark ul {
      border-top: 1px solid rgba(255, 255, 255, 0.15); }
    .top-games-wrapper.skin-dark li.game-row {
      background-color: rgba(255, 255, 255, 0.04);
      background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.3) 100%);
      background-image: linear-gradient(rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.3) 100%);
      border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
      .top-games-wrapper.skin-dark li.game-row:hover {
        background-color: rgba(255, 255, 255, 0.06);
        background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.4) 100%);
        background-image: linear-gradient(rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.4) 100%); }
      .top-games-wrapper.skin-dark li.game-row:hover .button,
      .top-games-wrapper.skin-dark li.game-row .button:hover {
        background: #fd5249; }
    .top-games-wrapper.skin-dark .game-rank {
      color: rgba(255, 255, 255, 0.75); }
      .top-games-wrapper.skin-dark .game-rank i {
        background: rgba(255, 255, 255, 0.1);
        border-top: 1px solid rgba(255, 255, 255, 0.3);
        border-bottom: 1px solid rgba(0, 0, 0, 0.7); }
    .top-games-wrapper.skin-dark .game-info a {
      color: rgba(255, 255, 255, 0.85); }
    .top-games-wrapper.skin-dark .game-cta .button {
      background: rgba(0, 0, 0, 0.5); }
  .top-games-wrapper.skin-light {
    background: transparent; }
    .top-games-wrapper.skin-light h2, .top-games-wrapper.skin-light h2 a {
      color: #666; }
    .top-games-wrapper.skin-light ul {
      border-top: 1px solid rgba(0, 0, 0, 0.15); }
    .top-games-wrapper.skin-light li.game-row {
      -webkit-transition: all .2s ease;
              transition: all .2s ease;
      border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
      .top-games-wrapper.skin-light li.game-row:hover {
        background-color: rgba(0, 0, 0, 0.04); }
      .top-games-wrapper.skin-light li.game-row:hover .button,
      .top-games-wrapper.skin-light li.game-row .button:hover {
        background: #b83e37;
        border-color: #b92f27; }
    .top-games-wrapper.skin-light .game-rank {
      color: rgba(0, 0, 0, 0.5); }
      .top-games-wrapper.skin-light .game-rank i {
        background: rgba(0, 0, 0, 0.05);
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
    .top-games-wrapper.skin-light .game-info a {
      color: rgba(0, 0, 0, 0.5); }

/* }}} */
/* {{{ Cryptonator Widget
 */
.tickbit-widget {
  display: none !important; }

.cryptonator-wrapper {
  border-radius: 4px;
  position: absolute;
  right: 15px;
  top: 15px;
  margin-right: 1.5625rem;
  margin-left: 1.5625rem;
  height: 94px !important; }
  @media only screen and (max-width: 40em) {
    .cryptonator-wrapper {
      position: relative;
      height: auto !important;
      width: auto !important;
      padding: 20px 0;
      text-align: center; } }
  .cryptonator-wrapper h5 {
    color: #fff;
    text-align: right;
    font-size: 1em;
    padding-right: 12px;
    padding-left: 12px;
    line-height: 1em;
    position: absolute;
    right: 2px;
    top: 0px;
    opacity: .75; }
    @media only screen and (max-width: 40em) {
      .cryptonator-wrapper h5 {
        position: relative;
        margin-bottom: -1.1em;
        text-align: center; } }
  .cryptonator-wrapper div.cryptonatorwidget {
    width: 200px !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #fff !important;
    text-align: right;
    padding: 5px 12px !important;
    font-size: 1.2em !important;
    line-height: 1.2em !important;
    background: rgba(255, 255, 255, 0.1) url(../img/ticker-btc-logo.png) 0 50% no-repeat !important; }
    @media only screen and (max-width: 40em) {
      .cryptonator-wrapper div.cryptonatorwidget {
        display: inline-block !important;
        text-align: center !important;
        background-image: none !important; } }
    .cryptonator-wrapper div.cryptonatorwidget > div:first-child > font {
      font-size: 1.1em !important;
      display: block;
      opacity: 0.75;
      opacity: 0;
      visibility: hidden; }
    .cryptonator-wrapper div.cryptonatorwidget > div:first-child > b:last-child {
      display: none; }
    .cryptonator-wrapper div.cryptonatorwidget > div:last-child {
      display: none; }

/* }}} */
/* vim: set fdm=marker: */