/* FLEX_LP-custom.css */

/* ::::::::::::::: */
/* countdown timer */
/* ::::::::::::::: */

#Countdown-Wrap {
	display: flex;
}
#Countdown {
	display: grid;
	grid-template-columns: repeat(4, 5rem);
	grid-gap: 20px;
	padding: 10px 20px;
}

.timer-value {
	background-color: #fff;
	color: #000;
	font-size: 2.5rem;
	font-weight: 500;
	height: 5rem;
	width: 5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0.5rem;
}
.timer-label {
	font-size: 1rem;
	line-height: 1;
	display: block;
	color: #fff;
	font-weight: 400;
}

/* :::::::::::::::: */
/* accordion module */
/* :::::::::::::::: */
.accordion {
	margin-bottom: 1.5rem;
}

.accordion .card {
    margin-bottom: 0.5rem;
    border: 1px solid rgba(0,0,0,0.2) !important;
    border-radius: 0.25rem !important;
}
.accordion .card-header {
    padding: 0;
}
.accordion .card-header button {
    padding: 1rem 1.5rem !important;
    text-decoration: none;
}
.accordion .card-header button.collapsed i {
    transform: rotate(180deg);
}

/* ::::::::::::::: */
/* carousel module */
/* ::::::::::::::: */

.carousel {
	padding:  0 30px;
}
.carousel-item {
	min-height:inherit;
	transition: -webkit-transform .4s linear;
	transition: transform .4s linear;
	transition: transform .4s linear,-webkit-transform .4s linear;
}
.carousel-card {
	padding: 0 15px;
	display: flex;
	flex-direction: column;
	align-items:  center;
	justify-content:  center;
	flex: 0 0 100%;
	max-width: 100%;
	width:100%;
	height:100%;
}

/* text elements */
.carousel-item:not(.active) .carousel-card .text-box {
	max-height:0;
	font-size:0;
	line-height:0;
	overflow:hidden;
}


.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
	display: flex;
	z-index:2;
}
.carousel-inner .carousel-item.active {
	z-index: 1;
}

.carousel-item {
	align-items: center;
	height: 100%;
	display:flex;

}
.carousel-item:not(.active) {
	width:0px;
	overflow:hidden;
	display:none;
}
.carousel-card {
	align-items: center;
	justify-content: center;
	display: flex !important;  
	flex-grow: 1;
	margin-bottom: auto;
}


/* ============ mobile =================== */

/* show 1 column per slide on mobile */
.carousel-inner .carousel-item > div {
	display: none;
}
.carousel-inner .carousel-item > div:first-child {
	display: flex;
}


.carousel .carousel-inner .carousel-item-right.active,
.carousel .carousel-inner .carousel-item-next {
	transform: translateX(100%);
}

.carousel .carousel-inner .carousel-item-left.active, 
.carousel .carousel-inner .carousel-item-prev {
	transform: translateX(-100%);
}


.carousel .carousel-inner .carousel-item-right,
.carousel .carousel-inner .carousel-item-left,
.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left { 
	transform: translateX(0%);
}


/* ============ tablet =================== */

@media screen and (min-width: 576px) and (max-width: 768px) {

/* show 1 column per slide on mobile */
.carousel-inner .carousel-item > div {
	display: none;
}
.carousel-inner .carousel-item > div:first-child,
.carousel-inner .carousel-item > div:nth-of-type(2) {
	display: flex;
}


.carousel .carousel-inner .carousel-item-right.active,
.carousel .carousel-inner .carousel-item-next {
	transform: translateX(50%);
}

.carousel .carousel-inner .carousel-item-left.active, 
.carousel .carousel-inner .carousel-item-prev {
	transform: translateX(-50%);
}


.carousel .carousel-inner .carousel-item-right,
.carousel .carousel-inner .carousel-item-left,
.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left { 
	transform: translateX(0%);
}  

.carousel .carousel-item .carousel-card {
	flex: 0 0 50%;
	max-width:50%;
}

}


/* ============ desktop (768+) =================== */

/* display 3 */
@media (min-width: 768px) {


/* show 1 column per slide on mobile */
.carousel-inner .carousel-item > div {
	display: none;
}
.carousel-inner .carousel-item > div:first-child,
.carousel-inner .carousel-item > div:nth-of-type(2),
.carousel-inner .carousel-item > div:nth-of-type(3) {
	display: flex;
}

.carousel[slides-shown="1"] .carousel-inner .carousel-item-right.active,
.carousel[slides-shown="1"] .carousel-inner .carousel-item-next {
	transform: translateX(100%);
}

.carousel[slides-shown="1"] .carousel-inner .carousel-item-left.active, 
.carousel[slides-shown="1"] .carousel-inner .carousel-item-prev {
	transform: translateX(-100%);
}

.carousel[slides-shown="2"] .carousel-inner .carousel-item-right.active,
.carousel[slides-shown="2"] .carousel-inner .carousel-item-next {
	transform: translateX(50%);
}

.carousel[slides-shown="2"] .carousel-inner .carousel-item-left.active, 
.carousel[slides-shown="2"] .carousel-inner .carousel-item-prev {
	transform: translateX(-50%);
}

.carousel[slides-shown="3"] .carousel-inner .carousel-item-right.active,
.carousel[slides-shown="3"] .carousel-inner .carousel-item-next {
	transform: translateX(33.3333%);
}

.carousel[slides-shown="3"] .carousel-inner .carousel-item-left.active, 
.carousel[slides-shown="3"] .carousel-inner .carousel-item-prev {
	transform: translateX(-33.3333%);
}

.carousel[slides-shown="4"] .carousel-inner .carousel-item-right.active,
.carousel[slides-shown="4"] .carousel-inner .carousel-item-next {
	transform: translateX(25%);
}

.carousel[slides-shown="4"] .carousel-inner .carousel-item-left.active, 
.carousel[slides-shown="4"] .carousel-inner .carousel-item-prev {
	transform: translateX(-25%);
}

.carousel[slides-shown="5"] .carousel-inner .carousel-item-right.active,
.carousel[slides-shown="5"] .carousel-inner .carousel-item-next {
	transform: translateX(20%);
}

.carousel[slides-shown="5"] .carousel-inner .carousel-item-left.active, 
.carousel[slides-shown="5"] .carousel-inner .carousel-item-prev {
	transform: translateX(-20%);
}

.carousel[slides-shown="6"] .carousel-inner .carousel-item-right.active,
.carousel[slides-shown="6"] .carousel-inner .carousel-item-next {
	transform: translateX(16.6666%);
}

.carousel[slides-shown="6"] .carousel-inner .carousel-item-left.active, 
.carousel[slides-shown="6"] .carousel-inner .carousel-item-prev {
	transform: translateX(-16.6666%);
}


.carousel[slides-shown] .carousel-inner .carousel-item-right,
.carousel[slides-shown] .carousel-inner .carousel-item-left,
.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left { 
	transform: translateX(0%);
}  

.carousel[slides-shown="1"] .carousel-item .carousel-card {
	flex: 0 0 100%;
	max-width: 100%;
}

.carousel[slides-shown="2"] .carousel-item .carousel-card {
	flex: 0 0 50%;
	max-width: 50%;
}

.carousel[slides-shown="3"] .carousel-item .carousel-card {
	flex: 0 0 33.3333%;
	max-width: 33.3333%;
}

.carousel[slides-shown="4"] .carousel-item .carousel-card {
	flex: 0 0 25%;
	max-width: 25%;
}

.carousel[slides-shown="5"] .carousel-item .carousel-card {
	flex: 0 0 20%;
	max-width: 20%;
}

.carousel[slides-shown="6"] .carousel-item .carousel-card {
	flex: 0 0 16.6666%;
	max-width: 16.6666%;
}

}