/*!
 * fickity crousel configuration stylesheet v1.0.0
 * http://www.youmeusdesign.com/
 *
 * Date: 2020-01-20
 *
 * The .carousel height is 748px so if we want to calculate the
 * percentage a 60px element e.g
 * 60px / 748px = 0.080213903743316 x 100 = 8.021390374331551 %
 *
 * ---- FADEIN
 * ---- CAROUSEL & CAROUSEL ITEM
 * ---- ARROW
 *
 */

/* ---- FADEIN ---- */

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

/* ---- CAROUSEL & CAROUSEL ITEM ---- */

.carousel {
	padding:0;
	margin:0;
	overflow:hidden;
	
	-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}

.carousel-item {
	height:1000px;
	width:1000px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	overflow:hidden;
}


/* ---- ARROW ---- */

/* arrow icon background */
.flickity-button {
	background: transparent;
}
/* arrow icon background on hover */
.flickity-button:hover {
	background: transparent;
}
/* arrow icon size */
.flickity-prev-next-button {
	width: 60px;
	height: 60px;
}
/* arrow icon color */
.flickity-button-icon {
	fill: #414042;
}
/* arrow icon color on hover */
.flickity-button-icon:hover {
	fill: #6d6e71;
}
/* hide disabled button */
.flickity-button:disabled {
	display: none;
}