/* Homepage Testimonials Slider */
.homepage-testimonials .splide__pagination__page {
  background: #ccc !important;
}

.homepage-testimonials .splide__pagination__page.is-active {
  background: #333 !important;
}

@media (max-width: 1024px) {
  .homepage-testimonials .splide__arrows .splide__arrow {
    top: 15% !important;
  }
}

.homepage-testimonials .splide .splide__track .splide__list .splide__slide {
  height: 85vh;
  width: 100%;
}

.homepage-testimonials .splide .splide__track .splide__list .splide__slide .panel {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
}

.homepage-testimonials .splide .splide__track .splide__list .splide__slide .panel .left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  position: relative;
  width: 100%;
}

.homepage-testimonials .splide .splide__track .splide__list .splide__slide .panel .left .title-stripe {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #007398;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 15vh;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  left: 0;
  padding-left: 6vh;
  position: absolute;
  top: 2vh;
  width: 45vw;
}

.homepage-testimonials .splide .splide__track .splide__list .splide__slide .panel .left .title-stripe .title {
  font-size: 3.5vw;
}

.homepage-testimonials .splide .splide__track .splide__list .splide__slide .panel .left .content-wrap {
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 6vh;
  position: absolute;
  left: 0;
}

.homepage-testimonials .splide .splide__track .splide__list .splide__slide .panel .left .content-wrap .title,
.homepage-testimonials .splide .splide__track .splide__list .splide__slide .panel .left .content-wrap .content {
  margin-bottom: 3vh;
}

.homepage-testimonials .splide .splide__track .splide__list .splide__slide .panel .left .content-wrap .content-btn {
  background: none;
  border: #007298 .5vh solid;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: block;
  padding: 2vh;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all cubic-bezier(1, 0, 0, 1) 0.25s;
  transition: all cubic-bezier(1, 0, 0, 1) 0.25s;
  width: 100%;
}

.homepage-testimonials .splide .splide__track .splide__list .splide__slide .panel .left .content-wrap .content-btn:hover {
  background: #007298;
  color: #fff;
}

.homepage-testimonials .splide .splide__track .splide__list .splide__slide .panel .right {
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  height: 100%;
}

@media (max-width: 1080px) {
  .homepage-testimonials .splide .splide__track .splide__list .splide__slide {
    height: 95vh;
  }
  .homepage-testimonials .splide .splide__track .splide__list .splide__slide .panel {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .homepage-testimonials .splide .splide__track .splide__list .splide__slide .panel .left {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
  }
  .homepage-testimonials .splide .splide__track .splide__list .splide__slide .panel .left .title-stripe {
    height: auto;
    padding: 3vh;
    position: static;
    top: 0;
    width: 100%;
  }
  .homepage-testimonials .splide .splide__track .splide__list .splide__slide .panel .left .title-stripe .title {
    font-size: 3vh;
  }
  .homepage-testimonials .splide .splide__track .splide__list .splide__slide .panel .left .content-wrap {
    bottom: 7vh;
    padding: 0 3vh;
    position: relative;
  }
  .homepage-testimonials .splide .splide__track .splide__list .splide__slide .panel .left .content-wrap .title,
  .homepage-testimonials .splide .splide__track .splide__list .splide__slide .panel .left .content-wrap .content {
    margin-bottom: 2vh;
  }
  .homepage-testimonials .splide .splide__track .splide__list .splide__slide .panel .right {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}



/* Video Modal */
#videoModal {
  background: rgba(0, 0, 0, 0.75);
  display: none;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 99;
}

#videoModal .video-box {
  height: auto;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  width: 65vw;
}

#videoModal .video-box .closeBtn-wrap {
  text-align: right;
}

#videoModal .video-box .closeBtn-wrap #modalClose {
  color: #fff;
  cursor: pointer;
}

#videoModal .video-box .video-wrap {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}

#videoModal .video-box .video-wrap iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/* Homepage News Grid */
.news-grid {
  background: #e5e5e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 85vh;
  margin: 0;
  padding: 0;
  width: 100%;
}

.news-grid a {
  text-decoration: none;
}

.news-grid .bg-link {
  display: block;
  height: 100%;
  -webkit-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
  width: 100%;
}

.news-grid .bg-link:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.news-grid .content {
  padding: 0 2vh;
  position: absolute;
  text-transform: uppercase;
  top: 40%;
  z-index: 2;
}

.news-grid .solo-panel {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 35%;
}

.news-grid .solo-panel .content {
  right: 0;
}

.news-grid .solo-panel .content h1 {
  text-align: right;
}

.news-grid .multi-panel {
  background: gray;
  height: 100%;
  position: relative;
  width: 65%;
}

.news-grid .multi-panel .top,
.news-grid .multi-panel .bottom {
  height: 50%;
  position: absolute;
  width: 100%;
}

.news-grid .multi-panel .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  left: 0;
}

.news-grid .multi-panel .top .panel {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.news-grid .multi-panel .bottom {
  background: darkgray;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
}

.news-grid .multi-panel .bottom .panel {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.news-grid .multi-panel .bottom .panel:first-child {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}

.news-grid .multi-panel .bottom .panel:last-child {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.news-grid .multi-panel .bottom .panel:last-child .content {
  height: 100%;
}

.news-grid .multi-panel .bottom .panel:last-child .content h4 {
  margin-top: 2vh;
}

@media (max-width: 992px) {
  .content-btn {
    padding: 1vh;
  }
  .news-grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 95vh;
  }
  .news-grid .solo-panel {
    height: 65%;
    width: 100%;
  }
  .news-grid .multi-panel {
    text-align: center;
    width: 100%;
  }
  .news-grid .multi-panel .top {
    height: 40%;
  }
  .news-grid .multi-panel .top .panel .content {
    top: 10%;
  }
  .news-grid .multi-panel .top .panel .content h2 {
    font-size: 1.75vh;
  }
  .news-grid .multi-panel .top .panel .content .content-btn {
    font-size: 1vh;
  }
  .news-grid .multi-panel .bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 60%;
  }
  .news-grid .multi-panel .bottom .panel {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 !important;
            flex: 1 !important;
  }
  .news-grid .multi-panel .bottom .panel .content {
    top: 35%;
  }
}