.free-slots {
  background-color: #1F1F1F;
}

.free-slots .ng-slot,
.features-slot .ng-slot {
  padding-bottom: 0;
}

.free-slots .ng-slot .thumb,
.features-slot .ng-slot .thumb {
  box-shadow: 0 0 0 1px #202020;
  margin: 2px;
}
.free-slots .ng-slot .thumb img,
.features-slot .ng-slot .thumb  img {
  height: 100%;
}

.free-slots .ng-slot:hover .thumb,
.features-slot .ng-slot:hover .thumb {
  box-shadow: 0 0 0 1px #D6D6D6;
}

.free-slots .ng-slot .btn,
.features-slot .ng-slot .btn {
  font-size: 12px;
}

.free-slots .ng-slot:hover img,
.features-slot .ng-slot:hover img{
  opacity: 0.4;
}

.free-slots .ng-slot:hover .fs-name a,
.features-slot .ng-slot:hover .fs-name a {
  color: #fff;
}

.free-slots .ng-slot:hover {
  padding-bottom: 0;
}

.free-slots .ng-slot:hover,
.features-slot .ng-slot:hover {
  padding-bottom: 0;
}

.fs-name a {
  font-size: 14px;
  color: #C6C6C6;
}

.stretched-link:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: transparent;
}

.ng-slot-more {
  background-color: #383838;
}

.ng-slot-more:hover {
  background-color: #6F6B6B;
}

.features-slot {
  background-color: #383838;
}

.thumb-fs-casino {
  width: 60px;
  height: 60px;
  border: 3px solid #fff;
}

.fs-terms {
  color: #828282;
}

.fs-title {
  font-size: 22px;
}


.fs-sm-title {
  font-size: 17px;
}

@media (max-width: 767.98px) {

  .fs-title,
  .fs-sm-title {
    font-size: 15px;
  }

  .features-slots .fs-row:nth-child(odd) {
    background-color: #1F1F1F;
  }

  .free-slots .swiper-slide,
  .features-slot .swiper-slide {
    width: auto !important;
  }

  .free-slots .swiper-slide .ng-slot,
  .features-slot .swiper-slide .ng-slot,
  .ng-slot-more {
    width: 190px;
  }

  .collapse-priview {
    height: 107px;
  }

  .collapse-priview.show {
      height: auto;
  }
}

@media (max-width: 1199.98px) {

  .free-slots .ng-slot:hover .btn,
  .features-slot .ng-slot:hover .btn {
    padding: 10px 10px;
  }
}

.free-slots .swiper-slide {
  height: auto;
}

.fs-list li {
  position: relative;
  font-size: 12px;
  padding-bottom: 5px;
  padding-left: 8px;
}

.fs-list li:before {
  content: '-';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.features-slot-content h2 {
  font-size: 22px;
  margin-bottom: 15px;
}

@media (max-width: 767.98px) {

  .features-slot-content h2 {
    text-align: left;
    font-size: 15px;
  }
}

.features-slot-content p {
  font-size: 12px;
  line-height: 18px;
  color: #D1D1D1;
}

.mx-n10 {
  margin-right: -10px;
  margin-left: -10px;
}

@media (max-width: 767.98px) {
  .mx-n15 {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.font-size-11 {
  font-size: 11px !important;
  line-height: 15px !important;
}

.bg-black {
  background-color: #000;
}

.text-green {
  color: #34CC34;
}

.font-size-sm {
  font-size: 12px !important;
}

/* .btn__state__default .btn__state[aria-expanded="true"],
.btn__state__default .btn__state.active:not([aria-expanded]) {
  display: none;
}

.btn__state__active .btn__state[aria-expanded="false"],
.btn__state__active .btn__state:not(.active):not([aria-expanded]) & {
  display: none;
} */
.btn__state.active:not([aria-expanded]) .btn__state__default, .btn__state:not(.active):not([aria-expanded]) .btn__state__active,
.btn__state[aria-expanded=false] .btn__state__active, .btn__state[aria-expanded=true] .btn__state__default, .section-sidebar .benefits {
  display: none!important;
}

.collapse:not(.show) {
  display: none;
}

.features-slot-content .btn__state {
  text-decoration: underline;
  text-align: center;
}

.features-slot .stretched-link {
  color: #fff;
}

.stretched-link:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0);
}


@media (min-width: 992px) {
  .free-slots .swiper-container:not(.swiper-container-horizontal) .swiper-slide {
    width: calc(100% / 6);
    padding-right: 20px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .free-slots .swiper-container:not(.swiper-container-horizontal) .swiper-slide {
    width: calc(100% / 3);
    padding-right: 20px;
  }
}
@media (max-width: 767.98px) {
  .free-slots .swiper-container:not(.swiper-container-horizontal) .swiper-slide,
  .features-slot .swiper-container:not(.swiper-container-horizontal) .swiper-slide  {
    width: 190px;
    padding-right: 13px;
  }
}

@media (min-width: 768px) {
  .features-slot .swiper-container:not(.swiper-container-horizontal) .swiper-slide {
    width: calc(100% / 4);
    padding-right: 20px;
  }
}

@media (min-width: 992px) {
  #imgModal .modal-dialog {
    max-width: 825px;
    margin: 0 auto;
  }

  #imgModal .modal-dialog img {
    /* max-width: none; */
  }
}

@media (max-width: 575.98px) {
  .clear-modal-img a img.alignleft{
    float: none;
    margin: 0 auto;
  }
}

@media (max-width: 575.98px) {

  .listing-intro figure img {
    width: auto !important;
  }
}