/*! Flickity v2.2.2
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-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}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.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 .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;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:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}

.carousel .carousel-cell {
    height: calc(100% - .5rem);
    max-width: none;
    width: auto;
    overflow: visible;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: transparent;
}

/* Fade CSS */

.flickity-slider {
	-webkit-transform: none !important;
    transform: none !important;
/* 	stop bounce */
    /* -webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	-webkit-transform: translate3d(0,0,0);
	-webkit-transform: translateZ(0);
	backface-visibility: hidden;
	perspective: 1000;
	transform: translate3d(0,0,0);
	transform: translateZ(0); */
}

.carousel-cell {
	left: 0 !important;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	z-index: -1;

/* 	stop bounce */
	/* -webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	-webkit-transform: translate3d(0,0,0);
	-webkit-transform: translateZ(0);
	backface-visibility: hidden;
	perspective: 1000;
	transform: translate3d(0,0,0);
	transform: translateZ(0); */
}

.carousel-cell.is-selected {
	opacity: 1;
	z-index: 0
}
.carousel-counter, .carousel--prev, .carousel--next {
    display: none;
}
.carousel .flickity-page-dots {
    position: absolute;
    color: black;
    width: auto;
    bottom: 1rem;
    right: inherit;
    left: 1rem;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
}
.carousel .flickity-page-dots .dot {
	border: 1px solid black;
    background: transparent;
    opacity: 1;
    position: relative;
    margin: 0 4px;
}
.carousel .flickity-page-dots .dot.is-selected {
    background: black;
    color: white;
}

.flickity-prev-next-button, .flickity-prev-next-button.previous, .flickity-prev-next-button.next {
    width: 20%;
}
.carousel .flickity-page-dots .dot:first-child:after {
    content: '1';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.carousel .flickity-page-dots .dot:nth-child(2):after {
    content: '2';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.carousel .flickity-page-dots .dot:nth-child(3):after {
    content: '3';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.carousel .flickity-page-dots .dot:nth-child(4):after {
    content: '4';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.carousel .flickity-page-dots .dot:nth-child(5):after {
    content: '5';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.carousel .flickity-page-dots .dot:nth-child(6):after {
    content: '6';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}