.customer-banner-section {
	position: fixed;
	width: 100%;
	bottom: 0;
	background-color: #ffffff;
	box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.25);
	z-index: 999;
	padding: 26px 0;
}

.page-wrapper .customer-banner-section .container {
	max-width: 1450px;
}

.customer-banner-section .customer-banner-button a {
	width: 265px;
	height: 48px;
	background-color: #C30016;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}

.customer-banner-section .customer-banner-button a svg {
	margin-right: 15px;
}

.customer-banner-section .customer-banner-progress {
	background-color: #ffffff;
	border-top: 1px solid #BDBDBD;
	border-right: 1px solid transparent;
	border-bottom: 1px solid #BDBDBD;
	border-left: 1px solid transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 48px;
	position: relative;
}

.customer-banner-section .customer-banner-slide-item:first-of-type .customer-banner-progress {
	border-left: 1px solid #BDBDBD;
}

.customer-banner-section .customer-banner-slide-item:last-of-type .customer-banner-progress {
	border-right: 1px solid #BDBDBD;
}

.customer-banner-section .customer-banner-progress:after {
	content: '';
	position: absolute;
	background: #FFE8A3;
	top: 0;
	bottom: 0;
	left: 0;
	width: 0%;
	z-index: 1;
}

.customer-banner-elements {
	display: flex;
}

.customer-banner-section .customer-banner-slide {
	display: flex;
	width: 100%;
	margin-right: 15px;
}

.customer-banner-section .customer-banner-slide .customer-banner-slide-item {
	display: flex;
	width: 100%;
	position: relative;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #3A3A3A;
}

.customer-banner-section .customer-banner-slide .customer-banner-slide-item span.banner-desc {
	position: absolute;
	width: 100%;
	z-index: 2;
	display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.customer-banner-section .customer-banner-slide .customer-banner-slide-item.customer-banner-completed {
	color: #ffffff;
}

.customer-banner-section .customer-banner-completed .customer-banner-progress:after {
	background-color: #14AE5C;
}

.customer-banner-section .customer-banner-button.button-disabled a {
	background-color: #BDBDBD;
	pointer-events: none;
	cursor: default;
}

.customer-banner-section .mobile-toggle-banner {
	display: none;
}

@media (max-width: 767px) {
	.customer-banner-section .mobile-toggle-banner {
		display: block;
		text-align: center;
        margin-bottom: 0px;
	}

    .customer-banner-section .mobile-toggle-banner svg {
        rotate: 180deg;
    }

    .customer-banner-section .mobile-toggle-banner.banner-opened svg {
        rotate: 360deg;
    }

	.customer-banner-elements {
		flex-direction: column;
	}

	.customer-banner-section .customer-banner-slide {
		flex-direction: column;
		margin-right: 0;
		margin-bottom: 0px;
	}

	.customer-banner-section .customer-banner-slide .customer-banner-slide-item {
		font-size: 14px;
		flex-direction: column;
		margin-bottom: 15px;
	}

	.customer-banner-section .customer-banner-slide .customer-banner-slide-item span.banner-desc {
		position: relative;
		margin-bottom: 4px;
	}

	.customer-banner-section .customer-banner-slide .customer-banner-slide-item.customer-banner-completed {
		color: #3A3A3A;
	}

	.customer-banner-section .customer-banner-progress {
	    background-color: #ffffff;
	    border-top: 1px solid #BDBDBD;
	    border-right: 1px solid #BDBDBD;
	    border-bottom: 1px solid #BDBDBD;
	    border-left: 1px solid #BDBDBD;
	    height: 30px;
	}

	.customer-banner-section .customer-banner-button a {
		width: 100%;
		font-size: 14px;
		line-height: 20px;
	}

	.customer-banner-section {
		padding:  0px 0;
		transform: translate(0, calc(100% - 80px));
		transition: all .3s;
	}
}