.hide-a-lot {
  max-height: 712px;
  transition: .3s max-height;
  overflow-y: hidden;
}


.cas-column-wrap .row {
  margin: 0 !important;
}

.cas-can-be-showmore {
  transition: .3s max-height;
  margin: auto !important;
}

.btn.btn-amber.showmore {
  position: relative;
  z-index: 10;
}
.btn.btn-amber.showmore:before {
  content: "";
  display: block;
  width: 100%;
  height: 100px;
  position: absolute;
  z-index: -1;
  left: 0;
  /* box-shadow: 3px 10px 15px #222; */
  background: linear-gradient(0deg, #021416, transparent);
  bottom: 100%;
}
.btn.btn-amber.showmore.show-shadow:before {
  display: none;
}
@media (max-width: 968px) {
  .hide-a-lot {
    min-height: 1200px;
  }
}

.cas-in-row {
  background: linear-gradient(180deg, #092426, #0f3e42);
  display: flex;
  align-items: center;
  border-radius: 10px;
  box-shadow: 0 0 2px 1px rgba(245, 254, 255, .53);
  gap: 1rem;
  padding: 20px;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.cas-in-row .logo-wr {
  flex-basis: 460px;
  display: flex;
  align-items: center;
  border-radius: 10px;
  gap: 1rem;
}

.cas-in-row .logo-wr a {
  display: flex;
  flex-basis: 60%;
  background: #0a2729;
  padding: 10px;
  align-items: center;
  justify-content: center;
}

.cas-in-row .cas-logo img {
  object-fit: contain;
}

.cas-in-row .title {
  font-size: 20px;
  color: white;
}

.cas-in-row .offer {
  flex-basis: 360px;
}

.cas-in-row .offer .code {
  color: white;
}


.cas-in-row .cta {
  flex-basis: 320px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cas-in-row .cta .btn {
  font-size: 16px;
}

.cas-in-row .cta span {
  font-size: 16px;
}

@media (max-width: 968px) {
  .cas-in-row {
    flex-direction: column;
  }

  .cas-in-row .logo-wr {
    flex-basis: unset;
    flex-direction: column;
  }

  .cas-in-row .caption {
    align-items: center;
    display: flex;
    flex-direction: column;

  }

  .cas-in-row .caption .title {
    font-size: 24px;
  }

  .cas-in-row .offer {
    flex-basis: unset;
    max-width: 390px;
  }

  .cas-in-row .logo-wr a {
    width: 100%;
    flex-basis: unset;
  }

  .cas-in-row .cta {
    flex-basis: unset;
  }

}
.page-404 {
  padding: 2rem 0;
  display: flex;
  text-align: center;
  justify-content: center;
  flex-direction: column;
  gap: 1rem;
  @media (max-width: 768px) {
    padding: 0 1rem;
  }
}
.page-404__title {
  font-size: 24px;

}
.page-404__code {
  font-size: 200px;
  font-weight: bolder;
  color: #ffc92d;
  text-shadow: 2px 2px 6px #caa7618c;
}
.page-404__descr {
  font-size: 24px;
  line-height: 1.5;
  color: #fff;
}
.page-404__cta {
  display: flex;
  padding: 2rem 0;
  justify-content: center;
  align-items: center;
  .btn {
    max-width: 320px;
  }
}
.page-404__casinos {
padding:0 2rem;
@media (max-width: 768px) {
  padding: 0 1rem;
}
  p {
    &:first-child {
      font-size: 20px;
     }
  }
}

.posts__pagination {
  margin-bottom: 20px;
  padding: 20px;
  display: flex;
  justify-content: center;
.nav-links {
  display: flex;
}
span, a {
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.625em;
  min-width: 2.6rem;
  margin: .7rem;
  font-size: .9em;
  color: #f5feff;
  cursor: pointer;
  background: #0f3e42;
  text-decoration: none;
  border: 1px solid #15565c;
  text-align: center;
  font-size: 18px;
  min-height: 47px;
  vertical-align: middle;
}
}
body {
@media (max-width: 1024px) {
&:before {
  content: '';
  background: #00000080;
  opacity: .80;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(40px);

}
}
}
.col-12 {
.d-flex {
img {
  max-width: 100%;
}
}
}
.wp-block-columns {
@media (max-width: 768px) {
  flex-direction: column;
}
}
.footer__row {
  flex-wrap: wrap;
  gap: 1.5rem;
@media (max-width: 1280px)   {
  .col-3 {
    flex-basis: 30%;
    max-width: 30%;
  }
}
@media (max-width: 1120px)   {
  .col-3 {
    flex-basis: 45%;
    max-width: 100%;
    flex-grow: 1;
  }
  .dmca__row {
    margin: 0 auto;
    justify-content: center;
  }
}

}
.dmca__row {
  flex-wrap: wrap;

a {
  display: block;
img {
  width: 100%;
  height: 32px;
  object-fit: contain !important;
}
}
}
.socials-row {
a {
svg {
  width: 18px;
}
}
}
.wp-block-table {
table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #222;
tr:first-child {
td {
  text-align: center;
  font-weight: 900;
  background: #0101014d;
  color: #fff;
}
}
td, tr, th {
  padding: 8px;
  border-collapse: collapse;
  border: 1px solid #222;
}
}
}
.casino__looped {
.lwi {
  height: 100%;
  object-fit: contain;
}
img {
  height: 240px !important;
  object-fit: contain;
}
}
.wp-block-embed__wrapper {
iframe {
  width: 100%;
  height: 450px;
}
}
.casino__row {

}
.white {
  color: #fff !important;
  margin-bottom: 15px;
  font-size: 24px;
}
.b11 .img-fluid {
  object-fit: contain !important;
  height: 35px !important;
}
.lwi {
  height: 100%;
  object-fit: cover;
}
.wp-block-image {
img {
  height: auto;
  width: 100%;
}
}
.fs__author {
@media (max-width: 768px) {
  flex-direction: column;
}
}
.mobile__only {
  display: none ;
@media (max-width: 1024px) {
  display: flex;
}
}
.desktop__only {
@media (max-width: 1024px) {
  display: none;
}
}
.wp-block-table {
@media (max-width: 1024px) {
  td {
  img {
    max-height: 120px;
  }
}
}
}
.casino__sidebar {
.lw1 {
img {
  object-fit: contain;
}
}
}
.wp-element-caption, figcaption {
  text-align: center;
}
blockquote {
  position: relative;
  margin: 0 0 1rem;
  padding: 2rem;
  background: #0c3134db;
  border-radius: 4px;
p, li, td, cite {
  color: #fff;
}
&:before {
   content: "";
   background: url('https://i.freeslots99.com/i/icons/quote.svg') no-repeat;
   background-size: contain;
   display: block;
   position: absolute;
   top: 10px;
   left: 10px;
   width: 24px;
   height: 24px;
   padding: 5px;
   border-radius: 4px;
   background-color: #0c3134;
 }
}
.casino__row {
@media (max-width: 1024px) {
  margin: 0 !important;
}
}
.big-wrap {
  max-height: 300px;
  overflow: hidden;

  transition: .3s max-height;
}

.big-wrap.active {
  max-height: 99999px;
}

.map-site {
  column-count: 4;
}

.fs-btn {
  color: #fff;
  margin-bottom: 2rem;
}
.nav-links {
  display: flex;
  width: 100%;
  justify-content: center;

  span {
    font-weight: 700;
    display: inline-block;
    line-height: 1.625em;
    min-width: 2.6rem;
    margin: .7rem;
    font-size: .9em;
    color: #f5feff;
    cursor: pointer;
    background: #0f3e42;
    text-decoration: none;
    border: 1px solid #15565c;
  }
  a {
    display: inline-block;
    line-height: 1.625em;
    min-width: 2.6rem;
    margin: .7rem;
    border: 1px solid #0f3e42;
    background: #092426;
    font-size: .9em;
    color: #f5feff;
    cursor: pointer;
    text-decoration: none;
    padding: 8px 9px 6px;
  }

  span,a {
    display: flex;
    justify-content: center;
    align-items: center;

  }
}
.sl-count {
  margin-bottom: 1rem !important;
  display: flex;
  justify-content: flex-end;
  padding: 1rem;
  gap: .5rem;
  font-weight: bolder;
  svg {
    color: #fff;
    width: 24px;
    height: 24px;
  }
}
.gt-block {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 1rem;
  text-align: center;
  .warning {
    font-size: 24px;
    color: #fff;
  }
  .gt-swiper {
    width: 100%;
    margin: 1rem 0;
    .slot {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      img {
        width: 100%;
        height: 140px !important;
        opacity: 1 !important;
        border: 1px solid rgba(255, 255, 255, 0.68);
        -o-object-fit: cover;
        object-fit: cover;
        display: block;
        margin-bottom: 10px;
      }
    }
  }
}