/* @group Full Width Image Slider
------------------------------------ */
.full-width-slider { position: relative; }
.full-width-slider h2 { color: rgba(255,255,255,1); font-size: 3.6em; font-weight: 800; line-height: 1em; margin: 0 0 1.5rem; }
.full-width-slider p { color: rgba(255,255,255,1); font-size: 1.6em; letter-spacing: 0.77px; line-height: 2.500em; margin: 0 0 3rem; }
.full-width-slider .img-box { height: 78rem; }
.full-width-slider .img-box::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,.55) 100%);}
.full-width-slider .slick-dots { bottom: 10.4rem; padding: 0 5.556%; }
.full-width-slider .slick-dots button { background: rgba(255,255,255,1); }
.full-width-slider .slick-dots .slick-active button { background: rgba(255,255,255,0); border-color: rgba(255,255,255,1); }

.full-width-slider .col-36-36 > button { position: absolute; height: 7.5rem; width: 7.5rem; background: linear-gradient(180deg, rgba(249,230,175,1) 0%, rgba(241,201,119,1) 100%); color: rgba(26,46,87,1); font-size: 1.8em; right: 0; z-index: 2; overflow: hidden; }
.full-width-slider .col-36-36 > .slick-prev { top: calc(50% + 3.8rem); }
.full-width-slider .col-36-36 > .slick-next { top: calc(50% - 3.8rem); }

.full-width-slider .open-drag { display: flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 2.5rem 3.4rem 2.5rem 3.6rem; max-width: 26rem; }
.full-width-slider .open-drag i { position: relative; top: .25rem; }

.cover-pop { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255,255,255,1); z-index: -1; opacity: 0; visibility: hidden; display: flex; flex-direction: column; justify-content: center;
  -webkit-transition: width 0.3s, opacity 0.3s, visibility 0.3s;
  -moz-transition: width 0.3s, opacity 0.3s, visibility 0.3s;
  -ms-transition: width 0.3s, opacity 0.3s, visibility 0.3s;
  -o-transition: width 0.3s, opacity 0.3s, visibility 0.3s;
  transition: width 0.3s, opacity 0.3s, visibility 0.3s;
}
.showCover .cover-pop { animation: fade .5s 1 cubic-bezier(0.4,0.0,0.2,1) forwards; z-index: 2; }
@media only screen
and (min-width : 961px) {
  .full-width-slider .col-36-36 > button::after { background: rgba(255,255,255,.4); content: ''; height: 15.5rem; left: -7.5rem; opacity: .2; position: absolute; top: -5rem; -webkit-transform: rotate(35deg); transform: rotate(35deg); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); width: 5rem; }
  .Mozilla.v11 .full-width-slider .col-36-36 > button:hover::after,
  .Explorer .full-width-slider .col-36-36 > button:hover::after { left: 120%; transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); }
  .Mozilla.v11 .full-width-slider .col-36-36 > .slick-prev:hover,
  .Explorer .full-width-slider .col-36-36 > .slick-prev:hover { text-indent: -8px; }
  .Mozilla.v11 .full-width-slider .col-36-36 > .slick-next:hover,
  .Explorer .full-width-slider .col-36-36 > .slick-next:hover { text-indent: 8px; }
  @media (hover: hover) {
    .full-width-slider .col-36-36 > button:hover::after { left: 120%; transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); }
    .full-width-slider .col-36-36 > .slick-prev:hover { text-indent: -8px; }
    .full-width-slider .col-36-36 > .slick-next:hover { text-indent: 8px; }
  }

  .full-width-slider h2,
  .full-width-slider h2 + p,
  .full-width-slider .bttn { opacity: 0; visibility: hidden; }

  .full-width-slider .slick-active h2,
  .full-width-slider .slick-active h2 + p,
  .full-width-slider .slick-active .bttn { animation: textUp .5s 1 cubic-bezier(0.4,0.0,0.2,1) forwards; }
  .full-width-slider .slick-active h2 + p { animation-delay: .4s; }
  .full-width-slider .slick-active .bttn { animation-delay: .6s; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
  body:not(.single-venue) .full-width-slider .outerAbsolute.middle { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
  .full-width-slider h2 { font-size: 5em; letter-spacing: 1.07px; line-height: 1.040em; margin: 0 0 .7rem; }
  .full-width-slider p { font-size: 2.6em; letter-spacing: 0.56px; line-height: 1.694em; margin: 0 0 2.8rem; }
  .full-width-slider .bttn { margin: 0 0 5.1rem; }
  .full-width-slider .img-box { height: 100vh; }
  .full-width-slider .open-drag { padding: 2.6rem 5rem 2.5rem 3.9rem; max-width: 39.3rem; }
  .full-width-slider .open-drag i { top: .25rem; }
  .full-width-slider .slick-dots { text-align: right; bottom: 5rem; padding: 0 6.2rem; }

  .full-width-slider .col-36-36 > button { height: 7rem; width: 7rem; font-size: 1.8em; }
  .full-width-slider .col-36-36 > .slick-prev { top: calc(50% + 3.6rem); }
  .full-width-slider .col-36-36 > .slick-next { top: calc(50% - 3.6rem); }
}
/* @end */