/*! Flickity v2.0.3
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {position:relative;}
.flickity-enabled:focus { outline:none;}
.flickity-viewport {overflow: hidden;position: relative;height: 100%;}
.flickity-slider {position: absolute;width: 100%;height: 100%;}
/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.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;}
/* ---- previous/next buttons ---- */
.flickity-prev-next-button { opacity:0.8; position: absolute;top:50%;width:54px;height:74px;border: none;background:rgba(0, 0, 0, 0) none repeat scroll 0 0;cursor: pointer;transition:all 0.3s ease-out 0s;
  /* vertically center */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.previous::before { display:none; content:""; position:absolute; left:0; top:0; width:54px; height:54px; line-height:54px; opacity:0.8; background:url("images/prev.svg"); background-size:32px auto; background-repeat:no-repeat; background-position:right center;transition:all 0.3s ease-out 0s;}
.next::before { display:none; content:""; position:absolute; left:0; top:0; width:54px; height:54px; line-height:54px; opacity:0.8; background:url("images/next.svg"); background-size:32px auto; background-repeat:no-repeat; background-position:left center;transition:all 0.3s ease-out 0s;}

.flickity-prev-next-button:hover { background:rgba(0, 0, 0, 0.3) none repeat scroll 0 0; }
/*hover*/
.flickity-prev-next-button:hover {opacity:1;}
.previous:hover::before { opacity:1; background-position:0px center;}
.next:hover::before { opacity:1; background-position:22px center;}

.flickity-prev-next-button:focus {outline: none;box-shadow: 0 0 0 5px #09F;}
.flickity-prev-next-button:active {opacity: 0.6;}

.flickity-prev-next-button.previous { left:20px; }
.flickity-prev-next-button.next { right:20px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {left: auto;right: 10px;}
.flickity-rtl .flickity-prev-next-button.next {right: auto;left: 10px;}
.flickity-prev-next-button:disabled {opacity:0.3; cursor:auto;}
.flickity-prev-next-button svg {position:absolute; left:30%; top:30%; width:40%; height:40%;}
.flickity-prev-next-button .arrow {fill:#ffffff;}

/* ---- page dots ---- */
.flickity-page-dots {position: absolute;width: 100%;bottom: 20px;padding: 0;margin: 0;list-style: none;text-align: center;line-height: 1;}
.flickity-rtl .flickity-page-dots { direction:rtl;}
.flickity-page-dots .dot {display: inline-block;width:20px;height:1px;margin: 0 4px;background: #ffffff;opacity: 0.25;cursor: pointer; -webkit-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;
  -webkit-transition-delay:0.5s; transition-delay:0.5s;}
.flickity-page-dots .dot.is-selected { opacity:1;}
