/* hide slides before slick initialises */
.global-carousel-wrapper {
  overflow: hidden;
}
.global-carousel .slick-slide:nth-child(n+1) {
  display: none;
}
.global-carousel.slick-initialized .slick-slide { 
  display: block;
}
.global-carousel { 
  display: none; 
}
.global-carousel.slick-initialized {
  display: block;
}
.global-carousel.slick-initialized .slick-arrow:focus,
.global-carousel .slick-dots li button:focus,
.global-carousel--pause:focus,
.global-carousel--play:focus, 
.global-carousel .slick-slide a:focus {  
  outline: 3px solid !important;
  outline-color: #419E64 !important;
}

/* dots */
.slick-dots {
  position: absolute;
  margin: 0;
  z-index: 10;
  bottom: -36px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 16px;
  width: 16px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
  top: -14px;
}

.slick-dots li button {
  border: 0;
  background-color: #fff;
  display: block;
  height: 16px;
  width: 16px;
  line-height: 0px;
  font-size: 0px;
  color: #000;
  border-radius: 50%;
  cursor: pointer;
}

/* custom styles */

.global-carousel-wrapper {
   position: relative;
 }
 .global-carousel .slick-dots {
    bottom: 0px;
    border-radius: 6px;
    background: #007899;
    width: fit-content;
    height: 40px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    z-index: 99999999;
  }
   .global-carousel .slick-dots li {
     top: 3px;
     left: 0px;
   }
    .global-carousel .slick-dots li button {
     margin: 0;     
   }
   .global-carousel .slick-dots li button:hover {
       /*background-color:#e2e2e2;*/
   }
  .global-carousel .slick-next {
    right: 0;
    margin-right:20px;
  }
  .global-carousel .slick-next::after {
  content: '';
  position: absolute;
  right: 12px;
  top: 50%;
  display: block;
  border-right: 5px solid #fff;
  border-bottom: 5px solid #fff;
  width: 10px;
  height: 10px;
  transform: translate(-50%, -50%) rotate(-45deg);
  }
  .global-carousel .slick-prev {
    left: 0;
    top: 50%;
    margin-left: 20px;
    margin-bottom: 20px;
    z-index: 1;
  }
  .global-carousel .slick-prev::after {
  content: '';
  position: absolute;
  left: 28px;
  top: 50%;
  display: block;
  border-right: 5px solid #fff;
  border-bottom: 5px solid #fff;
  width: 10px;
  height: 10px;
  transform: translate(-50%, -50%) rotate(135deg);
  }
  .global-carousel .slick-arrow {
    position:absolute;
    width: 50px;
    height: 50px;
    background-color: #007899;
    top: 30%;
    font-size:0;
    border: 0;
    cursor: pointer;
    border-radius: 6px;
  }
  .global-carousel:hover .slick-arrow {
    opacity: 1;
  }
  .global-carousel--pause, .global-carousel--play {
    position: absolute;
    bottom: 0px;
    height: 40px;
    width: 30px;
    z-index: 99999999;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
    border: none;
    background-position: right;
    color: transparent;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    left: 200px;
    right: 0;
    text-align: center;
  }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .global-carousel .slick-dots li {
     top: 3px;
   }
  }
  .global-carousel--pause {
    background-image: url('/siteelements/images/pause-btn.png');
  }
  .global-carousel--play {
    background-image: url('/siteelements/images/play-btn.png');
    display: none;
  }
  .global-carousel--pause:hover, .global-carousel--play:hover {
    cursor: pointer;
  }
  
.global-carousel-wrapper .banner__feature {
    position: absolute;
    /*left: calc(50% - 145px);
  	top: 50%;*/
    z-index: 999;
    /* width: 300px; */
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    text-align: center;
    transform: translateY(-50%);
}
.global-carousel-wrapper .banner__buttons{
  max-width:300px;
  margin:auto;
}
.global-carousel-wrapper .banner__buttons .banner__btn {
  min-width: 100%;
  margin-left: 0;
}
.global-carousel-wrapper .banner__buttons--dual {
  top: 25%;
  left: 50%;
  width: 100%;
  position: absolute;
  z-index: 1;
  transform: translateX(-50%);
}
.global-carousel-wrapper .banner__scroll {
  position: absolute;
  z-index: 999;
  left: 250px;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  bottom: 5px;
}
  .slick-slide
  {
      position:relative;
  }

@media only screen and (max-width: 640px) {
.global-carousel .slick-dots li {
  top: 6px;
}
.global-carousel-wrapper .banner__buttons {
    /*left: calc(50% - 100px);
    top: 25%;*/
}
}

/* Slider */
.slideDescription{
  position: relative;
  bottom: 5px;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 24px 0px;
  padding-bottom: 40px;
  color: #fff;
  background-color: #007899;
  display: flex;
  flex-direction: column;
  align-items: center;

}

.slideDescription .slideDescription__slideTitle {
  font-size: 1.2em;
  font-weight: 600;
}

.slideDescription .slideDescription__slideSubtext {
  margin: 10px 0;
}
.slideDescription .slideDescription__slideSubtext, .slideDescription .slideDescription__slideTitle {
  width: 600px;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
        outline:3px solid !important;
	  outline-color: #419E64 !important;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}

.slick-slide .img
{
      background-size: cover;
      background-position: center;
      height: 500px;
      width: 100%;
    }
    @media only screen and (min-width: 320px) {
      .slick-slide .img
      {
        height: 96px;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: 120%;
        background-position:center;
      }
      .slick-slide  {
        height: 320px;
      }
    }
    @media only screen and (min-width: 480px) {
      .slick-slide .img
      {
        height: 137px;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: 120%;
        background-position:center;
      }
      .slick-slide  {
        height: 320px;
      }
    }
    @media only screen and (min-width: 720px) {
      .slick-slide .img
      {
        height: 250px;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: 120%;
        background-position:center;
      }
      .slick-slide  {
        height: 425px;
      }
    }
    @media only screen and (min-width: 1020px) {
        .slick-slide .img
        {
        height: 600px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position:center;
        }
    }
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@media only screen and (max-width: 768px) {
    .global-carousel .slick-slide img {
      width: 250% !important;
      max-width: 250% !important;
    }
    .global-carousel .slick-arrow {
      display: none!important;
    }
    .slideDescription .slideDescription__slideSubtext, .slideDescription .slideDescription__slideTitle {
      width: 80%;
    }
}