/*CAROUSEL*/
.path-frontpage .main-container >  div > .views-element-container.form-group{
  margin-bottom: 1rem;
}

.view-homepage-slideshow {
  margin: 0px -15px;
  position: relative;
  border-radius: 0px;
  overflow: hidden;
  height: calc(100vh - 86px);
}

.view-homepage-slideshow .slick-list,
.view-homepage-slideshow .slick-slider,
.view-homepage-slideshow .slick-track {
  height: 100%;
}

.view-homepage-slideshow .slick-prev:before,
.view-homepage-slideshow .slick-next:before {
  color: #fff;
}

.view-homepage-slideshow .slick-arrow {
  top: 50%;
}

.view-homepage-slideshow .slick-prev {
  left: 20px;
  z-index: 1;
}

.view-homepage-slideshow .slick-next {
  right: 30px;
}

.view-homepage-slideshow .views-field-field-banner-title div {
  font-size: 4rem;
}

.view-homepage-slideshow .views-field-field-description p {
  line-height: 2.7rem;
  font-size: 1.7rem;
}

.view-homepage-slideshow .views-field-field-image:after {
  background-image: linear-gradient(90deg, #000000b0 0%, #000000b0 14%, #00000059 50%, #00000059 84%);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  z-index: 0;
}
.view-homepage-slideshow .no-title .views-field-field-image:after {
  display: none;
}

.view-homepage-slideshow .slick-slide {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}

.view-homepage-slideshow .slick-slide .views-field-field-image {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.view-homepage-slideshow .slick-slide .views-field-field-image-portrait {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.view-homepage-slideshow .slick-slide .views-field-field-image .fileld-content:after {
  background-color: #000;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.view-homepage-slideshow .slick-slide .views-field-field-image img {
  display: block;
  width: 100%;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  position: absolute;
  box-shadow: 0px 0px 322px 190px #00000075;
}


.view-homepage-slideshow .slick-slide .views-field-field-image-portrait img {
  display: block;
  width: auto;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  position: absolute;
  box-shadow: 0px 0px 322px 190px #00000075;
}

.view-homepage-slideshow .slick-slide .views-field-field-image>div {
  height: 100%;
}

.view-homepage-slideshow .slick-slide .views-field-field-description *,
.view-homepage-slideshow .slick-slide .views-field-field-banner-title * {
  color: #fff;
}

.view-homepage-slideshow .slick-slide .views-field-field-description,
.view-homepage-slideshow .slick-slide .views-field-field-banner-title {
  display: block;
  width: 100%;
  margin: 0 7rem;
}

.view-homepage-slideshow .slick-slide p {
  color: #fff;
}

.view-homepage-slideshow .slick-slide .views-field-field-description p,
.view-homepage-slideshow .slick-slide .views-field-field-banner-title a {
  max-width: 700px;
  margin: 11px 0px 0 0;
  position: relative;
  z-index: 1;
}


@media (max-width:1200px) {

  .view-homepage-slideshow .slick-slide .views-field-field-description,
  .view-homepage-slideshow .slick-slide .views-field-field-banner-title {
    display: block;
    max-width: 940px;
    width: 940px;
  }

  .view-homepage-slideshow .views-field-field-banner-title div {
    font-size: 2rem;
  }

  .view-homepage-slideshow .views-field-field-description p {
    line-height: 1.7rem;
    font-size: 1rem;
  }
}

@media (max-width:1024px) {

  .view-homepage-slideshow .slick-slide img {
    width: auto;
    height: 100%;
    max-width: none;
  }

  .view-homepage-slideshow .slick-slide .views-field-field-description,
  .view-homepage-slideshow .slick-slide .views-field-field-banner-title {
    display: block;
    max-width: none;
    width: 100%;
  }

  .view-homepage-slideshow  .views-field-field-image:after {
    background-image: linear-gradient(90deg, #000000 0%, #000000 100%);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    z-index: 0;
    opacity: 0.7;
  }

  .view-homepage-slideshow .slick-slide .views-field-field-description p,
  .view-homepage-slideshow .slick-slide .views-field-field-banner-title a {
    max-width: none;
  }

  .view-homepage-slideshow .slick-slide .views-field-field-description,
  .view-homepage-slideshow .slick-slide .views-field-field-banner-title {
    padding: 0rem 3rem;
  }

  .view-homepage-slideshow .slick-slide .views-field-field-description,
  .view-homepage-slideshow .slick-slide .views-field-field-banner-title {
    margin: 0 0px;
  }

  .view-homepage-slideshow .slick-arrow {
    display: none;
  }

  .view-homepage-slideshow .slick-dots {
    bottom: 30px;
  }

  .slick-dots li button:before,
  .slick-dots li.slick-active button:before,
  .view-homepage-slideshow .slick-dots li.slick-active button:before {
    color: white !important;
  }

}

@media (max-width:768px) {

  .view-homepage-slideshow .slick-dots {
    bottom: 20px;
  }

  .view-homepage-slideshow {
    height: calc(100vh - 65px);
  }

  .view-homepage-slideshow .slick-slide .views-field-field-description,
  .view-homepage-slideshow .slick-slide .views-field-field-banner-title {
    display: block;
    max-width: none;
    width: 100%;
    color: #fff;
  }

  .view-homepage-slideshow .slick-slide .views-field-field-description h2 {
    font-size: 1.4rem;
  }

  .view-homepage-slideshow .slick-slide {
    padding: 6rem 0rem;
  }

  .view-homepage-slideshow .slick-slide .views-field-field-description p {
    font-size: 1rem;
    line-height: 1.7rem;
  }

  .view-homepage-slideshow .slick-slide .views-field-field-description,
  .view-homepage-slideshow .slick-slide .views-field-field-banner-title {
    padding: 0rem 15px;
  }
}

@media (max-width:576px) {
  .view-homepage-slideshow .slick-slide img {
    height: 100%;
    width: auto;
  }
}



/*PORTRAIT IMAGES SLIDER HP*/
@media (orientation: landscape) {
  .view-homepage-slideshow .slick-slide .views-field-field-image {
    display: block;
  }
  .view-homepage-slideshow .slick-slide .views-field-field-image-portrait {
    display: none;
  }
}

@media (orientation: portrait) {
  .view-homepage-slideshow .slick-slide .views-field-field-image {
    display: none;
  }
  .view-homepage-slideshow .slick-slide .views-field-field-image-portrait {
    display: block;
  }
}