/* CTA Select Module*/


.cta-select{
	background-color: #000;
}
.cta-select picture{
	opacity: .55;
}

.cta-select p,
.cta-select h2,
.cta-select li{
	color: #FFF !important;
}
.cta-select p{
	font-size: 1.2em
}

.cta-select ul {
	position: relative;
	padding-left: 2em;
	padding-bottom: 20%;
	margin-top: 4em;
}
.cta-select li {
	color: #FFF;
}
.cta-select li .tab{
	cursor: pointer;
}
.cta-select li .tab p{
	padding:  0;
	margin-top: 0;
	border-bottom: 3px solid transparent;
	pointer-events: none;
}
.cta-select li .panel.active + .tab p{
	border-color: #FFF;
}
.cta-select li .panel:not(.active){
	display: none;
}
.cta-select li .panel{
	position: absolute;
	top: 0;
	right: 0;
	background: #FFF;
	padding: 2em 3em;
}
.cta-select li .panel p{
	color: var(--primary-color) !important;
}

/* Responsive 800px */
@media screen and (max-width: 800px){
	.cta-select .main{
		padding-top: 5%;
		padding-bottom: 5%;
	}
	.cta-select ul {
		padding-left: 0;
	}
	
	.cta-select li {
		flex-direction: column-reverse;
	}
	
	.cta-select li .panel,
	.cta-select li .tab {
		width: 100%;
		position: relative;
	}
}
/* End Responsive 800px */