/* ###### COLOR VARIABLES ###### */
/* ##### TEXT LINKS ##### */
/* ###### FONT VARIABLES ###### */
/* ###### NAV VARIABLES ###### */
/* ##### HEADER BANNER VARIBLES ##### */
/* ##### BTN VARIABLES ##### */
/* ##### CARDS VARIABLES ##### */
/* ##### FOOTER VARIABLES ##### */
.carousel {
  display: block;
  position: relative;
  width: 100%;
  max-width: 935px; }

.carousel-slide {
  display: block;
  position: relative;
  width: 100%;
  max-width: 935px;
  height: 631px;
  z-index: 2000;
  margin: 0 15px; }

.bckgrd-color {
  background-color: #148bb7;
  position: absolute;
  z-index: 1;
  height: 200px;
  width: 100%;
  left: 0;
  top: -99px;
  bottom: 0;
  margin: auto; }

.bckgrd-image {
  background-image: url("");
  height: 579px;
  width: 100%;
  background-repeat: repeat;
  background-size: 49px;
  mix-blend-mode: multiply;
  position: absolute;
  top: 26px;
  left: 0;
  z-index: 1; }

.carousel {
  z-index: 2; }
  .carousel .flickity-viewport {
    max-width: 100%;
    margin: auto; }
  .carousel .flickity-prev-next-button {
    width: 150px;
    height: 143px;
    background-color: transparent;
    outline: none; }
    .carousel .flickity-prev-next-button:active {
      outline: none; }
    .carousel .flickity-prev-next-button.previous {
      left: -25px; }
    .carousel .flickity-prev-next-button.next {
      right: -25px; }
    .carousel .flickity-prev-next-button .flickity-button-icon {
      fill: #f26a35;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      margin: auto; }
  .carousel .flickity-button:hover {
    background: transparent; }

.carousel-thumbs {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  margin-top: 16px; }
  .carousel-thumbs .carousel-thumb {
    width: 143px;
    height: 95px;
    margin: 0 10px; }
    .carousel-thumbs .carousel-thumb.current {
      opacity: .6; }

@media screen and (min-width: 768px) {
  .carousel {
    max-width: 935px;
    margin-left: auto;
    margin-right: auto; }
    .carousel .flickity-viewport {
      max-width: 935px; } }
@media screen and (min-width: 1140px) {
  .carousel .flickity-prev-next-button.previous {
    left: -120px; }
  .carousel .flickity-prev-next-button.next {
    right: -120px; } }
@media screen and (min-width: 1230px) {
  .carousel .flickity-prev-next-button.previous {
    left: -160px; }
  .carousel .flickity-prev-next-button.next {
    right: -160px; } }

/*# sourceMappingURL=carousel-style.css.map */