.carousel-slide.slick-slide {
  width: 100%;
  height: calc(100vw * 0.5625);
  display: block;
  background-size: cover;
  position: relative; }
  .carousel-slide.slick-slide.short {
    max-height: calc(57.5vh - 120px); }
  .carousel-slide.slick-slide.normal {
    max-height: calc(75vh - 120px); }
  .carousel-slide.slick-slide.widescreen {
    max-height: calc(88.1vh - 120px); }
  .carousel-slide.slick-slide.full {
    height: 100vh;
    max-height: calc(100vh - 119.25px); }
  .carousel-slide.slick-slide .carousel-slide-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .carousel-slide.slick-slide .bgvid {
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
    z-index: 0;
    background: #000 center center no-repeat;
    background-size: cover;
    object-fit: cover; }
    @media only screen and (max-width: 599px) {
      .carousel-slide.slick-slide .bgvid {
        max-height: calc(100vw * 0.5625); } }

#hero-feature .hero-carousel .slick-prev, #hero-feature .hero-carousel .slick-next {
  z-index: 1; }
  #hero-feature .hero-carousel .slick-prev:before, #hero-feature .hero-carousel .slick-next:before {
    color: #fff;
    font-size: 25px; }

#hero-feature .hero-carousel .slick-prev, #hero-feature .hero-carousel .slick-next {
  width: 25px;
  height: 75px;
  margin: 0;
  padding: 1px 0 0 0;
  background: rgba(255, 255, 255, 0.45);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }
  #hero-feature .hero-carousel .slick-prev:before, #hero-feature .hero-carousel .slick-next:before {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
  #hero-feature .hero-carousel .slick-prev:hover, #hero-feature .hero-carousel .slick-next:hover {
    background: rgba(255, 255, 255, 0.85); }
    #hero-feature .hero-carousel .slick-prev:hover:before, #hero-feature .hero-carousel .slick-next:hover:before {
      color: #00853e; }

#hero-feature .hero-carousel .slick-prev {
  left: 0px; }
  #hero-feature .hero-carousel .slick-prev:before {
    content: "\f053";
    font-family: "Font Awesome 5 Free", "FontAwesome";
    font-size: 16px;
    margin-left: -3px; }

#hero-feature .hero-carousel .slick-next {
  right: 0px; }
  #hero-feature .hero-carousel .slick-next:before {
    content: "\f054";
    font-family: "Font Awesome 5 Free", "FontAwesome";
    font-size: 16px;
    margin-right: -3px; }

#hero-feature .hero-carousel .slick-dots {
  bottom: 10px;
  right: 5px;
  text-align: right;
  z-index: 1;
  width: auto; }
  #hero-feature .hero-carousel .slick-dots li button:before {
    color: #fff;
    font-size: 10px;
    width: 16px;
    height: 16px;
    line-height: 16px; }
  #hero-feature .hero-carousel .slick-dots li.slick-active button:before {
    border: solid 1px #fff;
    border-radius: 10000px; }

.carousel-slide-content {
  position: absolute;
  max-width: calc(100vw - 4rem); }
  .carousel-slide-content *, .carousel-slide-content p, .carousel-slide-content li, .carousel-slide-content blockquote, .carousel-slide-content h1, .carousel-slide-content h2, .carousel-slide-content h3, .carousel-slide-content h5, .carousel-slide-content h6 {
    color: #333; }
  .carousel-slide-content a, .carousel-slide-content a:link, .carousel-slide-content a:active, .carousel-slide-content a:visited {
    color: #0d0d0d; }
  .carousel-slide-content a:hover, .carousel-slide-content a:focus {
    color: #000; }
  .carousel-slide-content.bg-box {
    background: rgba(0, 0, 0, 0.5);
    padding: 0.5rem 1rem; }
    .carousel-slide-content.bg-box *, .carousel-slide-content.bg-box p, .carousel-slide-content.bg-box li, .carousel-slide-content.bg-box blockquote, .carousel-slide-content.bg-box h1, .carousel-slide-content.bg-box h2, .carousel-slide-content.bg-box h3, .carousel-slide-content.bg-box h5, .carousel-slide-content.bg-box h6 {
      color: #fff;
      opacity: 1; }
    .carousel-slide-content.bg-box a, .carousel-slide-content.bg-box a:link, .carousel-slide-content.bg-box a:active, .carousel-slide-content.bg-box a:visited {
      color: #8ec768; }
    .carousel-slide-content.bg-box a:hover, .carousel-slide-content.bg-box a:focus {
      color: #fff; }
  .carousel-slide-content.over-top-left {
    top: 1rem;
    right: auto;
    bottom: auto;
    left: 2rem;
    margin-right: -2rem; }
  .carousel-slide-content.over-top-center {
    top: 1rem;
    bottom: auto;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute; }
  .carousel-slide-content.over-top-right {
    top: 1rem;
    right: 2rem;
    bottom: auto;
    left: auto; }
  .carousel-slide-content.over-center-left {
    right: auto;
    left: 2rem;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute; }
  .carousel-slide-content.over-center-center {
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute; }
  .carousel-slide-content.over-center-right {
    right: 2rem;
    left: auto;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute; }
  .carousel-slide-content.over-bottom-left {
    top: auto;
    right: auto;
    bottom: 2rem;
    left: 2rem; }
  .carousel-slide-content.over-bottom-center {
    top: auto;
    bottom: 2rem;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute; }
  .carousel-slide-content.over-bottom-right {
    top: auto;
    right: 2rem;
    bottom: 2rem;
    left: auto; }
  .carousel-slide-content p:last-child {
    margin-bottom: 0.35rem; }

.carousel-entity {
  position: relative; }

.jump-to-content.carousel {
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  top: auto;
  bottom: -25px;
  background: #72b844;
  -webkit-box-shadow: 0 -3px 4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 -3px 4px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 -3px 4px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 -3px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 -3px 4px rgba(0, 0, 0, 0.5); }
  .jump-to-content.carousel img {
    height: auto;
    max-width: 25px;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
  .jump-to-content.carousel:hover {
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); }
    .jump-to-content.carousel:hover img {
      height: 0px; }
  .jump-to-content.carousel.eagle-gr {
    border: solid 2px #fff;
    display: inline-block;
    line-height: 50px;
    width: 50px;
    height: 50px;
    background: #fff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px; }
    .jump-to-content.carousel.eagle-gr:hover, .jump-to-content.carousel.eagle-gr:focus {
      background: #00853e; }
      .jump-to-content.carousel.eagle-gr:hover:after, .jump-to-content.carousel.eagle-gr:focus:after {
        content: "\f078";
        font-family: "Font Awesome 5 Free", "FontAwesome";
        font-size: 22px;
        color: #fff;
        margin-top: 2px; }
  .jump-to-content.carousel.eagle-wh {
    border: solid 2px #fff;
    display: inline-block;
    line-height: 50px;
    width: 50px;
    height: 50px;
    background: #00853e;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px; }
    .jump-to-content.carousel.eagle-wh:hover, .jump-to-content.carousel.eagle-wh:focus {
      background: #fff; }
      .jump-to-content.carousel.eagle-wh:hover:after, .jump-to-content.carousel.eagle-wh:focus:after {
        content: "\f078";
        font-family: "Font Awesome 5 Free", "FontAwesome";
        font-size: 22px;
        color: #00853e;
        margin-top: 2px; }

.hero-carousel .carousel-slide #pause-video-button {
  display: inline-block;
  position: absolute;
  top: auto;
  right: auto;
  bottom: 12px;
  left: 10px;
  line-height: initial;
  z-index: 10; }
  .hero-carousel .carousel-slide #pause-video-button a {
    margin: 0;
    padding: 0;
    background: rgba(0, 0, 0, 0.35);
    padding: 10px 11.5px;
    border: solid 2px #fff;
    -webkit-border-radius: 9999px;
    -moz-border-radius: 9999px;
    -ms-border-radius: 9999px;
    -o-border-radius: 9999px;
    border-radius: 9999px;
    text-decoration: none;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background: rgba(0, 133, 62, 0.5); }
    .hero-carousel .carousel-slide #pause-video-button a:before {
      font-size: 16px;
      color: #fff; }
    .hero-carousel .carousel-slide #pause-video-button a.fa-pause:before {
      margin: 0 -0.35px 0 0.35px; }
    .hero-carousel .carousel-slide #pause-video-button a.fa-play:before {
      margin: 0 -1.75px 0 1.75px; }
    .hero-carousel .carousel-slide #pause-video-button a:hover {
      background: rgba(0, 0, 0, 0.85); }
  .hero-carousel .carousel-slide #pause-video-button .label {
    color: #000;
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-family: "Open Sans", Verdana, sans-serif;
    padding: 0;
    background: transparent;
    line-height: 18px; }

/*# sourceMappingURL=wdc_hero_carousel.css.map */