/*! Flickity v2.1.2
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  position: relative;

  overflow: hidden;

  height: 100%;
}

.flickity-slider {
  position: absolute;

  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor:         grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor:         grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;

  color: #333333;
  border: none;
  background: hsla(0, 0%, 100%, 0.75);
}

.flickity-button:hover {
  cursor: pointer;

  background: white;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #1199FF;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  cursor: auto;

/* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;

  opacity: 0.3;
}

.flickity-button-icon {
  fill: #333333;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;

  width: 44px;
  height: 44px;

/* vertically center */

  transform: translateY(-50%);

  border-radius: 50%;
}

.flickity-prev-next-button.previous {
  left: 10px;
}
.flickity-prev-next-button.next {
  right: 10px;
}
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  right: 10px;
  left: auto;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  top: 20%;
  left: 20%;

  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  line-height: 1;

  position: absolute;
  bottom: 25px;

  width: 100%;
  margin: 0;
  padding: 0;

  list-style: none;

  text-align: center;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;

  width: 6px;
  height: 6px;
  margin: 0 8px;

/* opacity: 0.25; */

  cursor: pointer;

  border: 1px solid white;
  border-radius: 50%;
  background: transparent;
}

.flickity-page-dots .dot.is-selected {
  /* opacity: 1; */
  background: white;
}

/*************** single slider *******************/
.banner-slider {
    overflow: hidden;
}

@media(max-width:768px) {
    .banner-slider {
        /* background-color: #007eba; */
        padding: 0 0 25px;
    }
}

/* .banner-slider {
    background-color: #007eba;
} */

/*.flickity-slider {
  transform: none !important;
}*/

@media(max-width:539px) {
    .flickity-prev-next-button {
        top: 100px;
    }
}

@media(min-width:540px) and (max-width:768px) {
    .flickity-prev-next-button {
        top: 150px;
    }
}

.main-carousel .flickity-viewport {
  overflow: visible;
}

/* .carousel-cell, */
.carousel-cell__bg {
  height: 200px;
}

.carousel-cell {
  z-index: -1;
  left: 0 !important;

  width: 100%;

  transition: opacity 1s ease-in-out;

  opacity: 0;
}

.carousel-cell.is-selected {
  z-index: 0;

  opacity: 1;
  ;
}

.carousel-cell a {
  display: block;

  text-decoration: none;

  color: white;
}

.carousel-cell__bg {
  background-position: center;
  background-size: cover;
}

.flickity-page-dots {
  display: none;
}

@media(min-width:540px) {
  /* .carousel-cell, */
  .carousel-cell__bg {
    height: 300px;
  }
}
@media(min-width:768px) {
  /* .carousel-cell, */
  .carousel-cell__bg {
    height: 540px;
  }

  .flickity-page-dots {
    display: block;
  }
}

/* caption */

.carousel-cell__caption {
  position: relative;

  /* margin-top: 10px; */
  padding: 0 30px;

  text-align: center;
}



.carousel-cell__caption h2 {
  font-family: "Roboto Slab",Helvetica,Arial,sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 38px;

  margin: 10px 0 0;
  margin: 0 0 12px;
  padding: 0;

  color: #00427A;
  color: #00427A;
}

.carousel-cell__caption p {
  font-family: "Open Sans",Helvetica,Arial,sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;

  margin: 10px 0 0;

  color: #414141;
}

@media(max-width:768px) {
    .carousel-cell__caption {
        margin-top: 15px;
        padding: 0 15px;
    }
    /* .carousel-cell__caption p {
        color: white;
    } */
}

@media(min-width: 768px) {
  .main-carousel .flickity-viewport {
    overflow: hidden;
  }
  .carousel-cell__caption {
    position: absolute;
    bottom: 50px;
    left: 50%;

    width: 100%;
    max-width: 450px;
    padding: 0;

    transform: translateX(-50%);
  }
  .carousel-cell a:before {
    position: absolute;
    bottom: 0;

    width: 100%;
    height: 100%;

    content: "";

    background: -webkit-gradient(linear, left top, left bottom, color-stop(41%, transparent), color-stop(44%, transparent), to(rgba(0, 0, 0, .75)));
    background: -webkit-linear-gradient(top, transparent 41%, transparent 44%, rgba(0, 0, 0, .75) 100%);
    background: -o-linear-gradient(top, transparent 41%, transparent 44%, rgba(0, 0, 0, .75) 100%);
    background: linear-gradient(to bottom, transparent 41%, transparent 44%, rgba(0, 0, 0, .75) 100%);

  }
  .carousel-cell__caption h2 {
    font-size: 32px;

    margin: 0 0 12px;

    color: white;
  }
  .carousel-cell__caption p {
    font-size: 16px;
    line-height: 38px;

    margin: 0;
    padding: 0;

    text-align: center;

    color: white;
    color: #FFFFFF;
  }
}

@media(min-width: 992px) {
  .carousel-cell__caption {
    max-width: 795px;
  }
}