@charset "UTF-8";
/* CSS Document */

.carousel-container {
	width: 100vw;
	background: #1A1A1A;
	position: relative;
	padding-bottom: 0;
}

.main-carousel {
	width: 100%;
	margin: auto;
}
		
.myCell {
	width: 100%;
	margin: 0;
	background: none;
}


.carouselImages {
	width: 100%;
	height: 65vh;
	background: none;
	margin: auto;
	background-size: cover;
	background-position: center; 
	background-repeat: no-repeat;
}

@media only screen and (max-width: 1000px) {
	.carouselImages {
		height: 50vh;
	}
}




		
.flickity-button {
	background: none;
	outline: none;
	border: none;
}
		
.flickity-button:hover {
	background: none;
}


.flickity-prev-next-button {
	width: 35px;
}

.flickity-prev-next-button.previous {
	left: calc(5% - 10px);
	top: 50%;
}

.flickity-prev-next-button.next {
	right: calc(5% - 10px);
	top: 50%;
}

.flickity-button-icon {
	fill: white;
	transition: 0.2s;
}

.flickity-button-icon:hover {
	fill: #ba9b64;
}
		
.flickity-viewport {
	transition: height 0.4s;
}