/*
************************************************************************************************************************************
************************************************************************************************************************************
 ######     ###    ########   #######  ##     ##  ######  ######## ##       
##    ##   ## ##   ##     ## ##     ## ##     ## ##    ## ##       ##       
##        ##   ##  ##     ## ##     ## ##     ## ##       ##       ##       
##       ##     ## ########  ##     ## ##     ##  ######  ######   ##       
##       ######### ##   ##   ##     ## ##     ##       ## ##       ##       
##    ## ##     ## ##    ##  ##     ## ##     ## ##    ## ##       ##       
 ######  ##     ## ##     ##  #######   #######   ######  ######## ######## 
************************************************************************************************************************************
************************************************************************************************************************************
*/


.carousel {
	position: relative;
	text-align:center;
}

/* CAROUSEL__CONTENT__ITEM *********************************************************************************************************/
/***********************************************************************************************************************************/

.carousel__content__item{
	position:relative;
}
.carousel__content__item.visible{
	display:inline-block;
}
.carousel__content__item.hidden{
	display:none;
}

/* CAROUSEL__FOOTER ****************************************************************************************************************/
/***********************************************************************************************************************************/

.carousel__footer__title {
	color: #771122;
	margin:0;
}
.carousel__footer__subtitle{
	color: #771122;
}

/* CAROUSEL__NAV *******************************************************************************************************************/
/***********************************************************************************************************************************/

.carousel__nav {
	position: absolute;
	width:100%;
}
.carousel__nav__arrow {
	position: absolute;
	text-decoration:none;
}
.carousel__nav__arrow:active{
    animation: ontap .1s 1 linear;
}
.carousel__nav__arrow::selection{
	background: transparent;
}
.carousel__nav__arrow--left {
	left: 5px;
}
.carousel__nav__arrow--right {
	right: 5px;
}