// ATTRACTION SLIDER AND ATTRACTION DETAILS HAS SAME CSS - MUST BE SPLITTED

  .filter-elements .box.filter-red .figure:before {
    background: transparent linear-gradient(
                    180deg, #1dabeb00 0%, #1dabeb 100%) !important;
  }

  .filter-elements .box.filter-red {
    background: #1dabeb !important;
  }

  .slider-out .item {
    width: 100%;
    float: left;
  }

  .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
  }

  @media (min-width: 992px) {
    .slider-out .owl-carousel {
      padding: 0;
    }
  }

  .slider-out .owl-carousel .owl-stage-outer {
    border-radius: 10px;
  }

  .slider-out {
    width: 43.62%;
    float: none;
    padding-top: 4em;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 -4px;
  }

  .image-slider .owl-carousel{
    padding: 0 15px;
  }

  .slider-out, .image-slider{
    .owl-carousel .owl-nav button.owl-prev {
      left: -30px;
    }
  }

  .slider-out, .image-slider{
    .owl-carousel .owl-nav button.owl-next {
      right: -30px;
    }
  }

  .image-slider{
    .owl-carousel .owl-nav button.owl-prev {
      left: -15px;
    }
  }

  .image-slider{
    .owl-carousel .owl-nav button.owl-next {
      right: -15px;
    }
  }

  .slider-out, .image-slider{
    .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .f-carousel__nav .f-button.is-prev {
      width: 60px;
      height: 60px;
      margin: 0;
    }
  }

  .owl-carousel .owl-nav button.owl-prev:before, .owl-carousel .owl-nav button.owl-next:before {
    width: 100%;
    height: 100%;
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-size: 2.5rem;
    color: #1a4e9a;
    line-height: 5rem;
    text-align: center;
    text-indent: 0;
    background: #ffffff;
    border: none;
    box-shadow: inset #1a4e9a 0 0 0 3px;
    border-radius: 360px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
  }

  .slider-out, .image-slider{
    .owl-carousel .owl-nav button.owl-prev:before, .owl-carousel .owl-nav button.owl-next:before {
      font-size: 1.5rem;
      line-height: 3.75rem;
      box-shadow: none;
    }
  }

  .image-slider .owl-carousel .owl-dots{
    margin-top: 10px;
  }

  .hero-inner {
    width: 100%;
    min-height: 600px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    position: relative;
    overflow: inherit;
  }

  .hero-inner .hero-cont {
    width: 100%;
    float: left;
    font-size: 1.25rem;
    color: #ffffff;
    line-height: 1.5rem;
    text-transform: uppercase;
    position: relative;
    z-index: 3;
    padding: 220px 0 0 0;
    font-weight: 300;
  }

  .hero-inner .hero-cont .aside {
    width: 100%;
    float: left;
    position: relative;
    header {
      padding: 0 0 105px 0;
    }
  }

  .hero-inner .hero-cont .icon {
    width: 87px;
    height: 87px;
    float: left;
    line-height: 87px;
    text-align: center;
    background: #1dabeb;
    border-radius: 100%;
    position: absolute;
    bottom: -44px;
    left: 0;
    padding: 0;
    margin: 0;
  }

  .hero-inner:before {
    content: "";
    width: 100%;
    height: 100%;
    float: left;
    background: transparent linear-gradient(
                    180deg, #00000000 0%, #000000A0 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
  }

  .hero-inner .figure:before {
    display: none;
  }

  .hero-inner .hero-cont h1 {
    font-weight: 700;
    font-size: 3.125rem;
    line-height: 1.1em;
    padding-bottom: 15px;
  }

  .aside {
    width: 56.38%;
    float: none;
    display: inline-block;
    vertical-align: bottom;
    @include media-breakpoint-down(md) {
      padding: 0;
    }
    margin: 0 -4px 0 0;
  }

  @media (max-width: 992px) {
    .aside {
      width: 100%;
    }

    .slider-out {
      width: 100%;
    }
  }

@include media-breakpoint-down(sm) {
  .slider-out .owl-carousel#accelerate-slider .owl-nav button.owl-next {
    right: -25px;
  }
  .slider-out .owl-carousel#accelerate-slider .owl-nav button.owl-prev {
    left: -17px;
  }
}