/* SLIDESHOW */

.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%;}
  
.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{display: none; position: absolute; background: hsla(0, 0%, 100%, 0.75); border: none; color: #333;}
.flickity-button:hover{background: white; cursor: pointer;}
.flickity-button:focus{outline: none; box-shadow: 0 0 0 5px #19F;}
.flickity-button:active{opacity: 0.6;}
.flickity-button:disabled{opacity: 0.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: 15px; 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 2px; background: #333; opacity: 0.25; cursor: pointer;}
.flickity-page-dots .dot.is-selected{opacity: 1;}

.carousel{background: #000;}
.carousel-cell{display: flex; align-items: center; justify-content: center; width: 100%; height: 600px; overflow: hidden;}
.carousel.is-fullscreen .carousel-cell{height: 100%;}
.carousel-cell-image{display: block; width: 100%; height: 100%; object-fit: cover; opacity: .35;}

.carousel-content{display: flex; align-items: center; flex-wrap: wrap; position: absolute; width: 100%; height: 100%; font-style: italic; letter-spacing: 2px; color: #fff;}
.carousel-content h2{max-width: 60%; margin-bottom: 10px; font-size: 64px; font-weight: 900; text-transform: uppercase; line-height: 1;}
.carousel-content p{max-width: 50%; font-size: 24px; font-weight: 600; text-transform: uppercase;}
.carousel-content a{margin: 25px 0; font-style: normal; letter-spacing: normal;}

.carousel .flickity-prev-next-button{background: none; width: 35px; height: 35px; color: #fff; opacity: .75; transition: all .2s ease-in-out;}
.carousel .flickity-prev-next-button:hover{background: none; opacity: 1;}
.carousel .flickity-page-dots .dot{background: #fff;}
.carousel .flickity-page-dots .dot.is-selected{background: #FFFF01;}

@media screen and (max-width: 980px){
	.carousel-cell{height: 400px;}
	.carousel-content{left: 0; max-width: 100%; transform: none;}
	.carousel-content .carousel-content-inner{max-width: 100%; transform: none;}
	
	.carousel-content h2{max-width: 100%; font-size: 48px;}
	.carousel-content p{max-width: 100%; font-size: 20px;}
}
@media screen and (max-width: 768px){
	.carousel-content .carousel-content-inner{font-size: 16px;}
	.carousel-content h2{font-size: 36px;}
}