.banner {
	height : 56.389vw;
	max-height : 100vh;
	position : relative;
	overflow : hidden;
}
.white-flash,
.banner-overlay,
.carrousel-video,
.carrousel-slide,
.banner-image {
	position : absolute;
	left : 0;
	top : 0;
	z-index : 1;
	width : 100%;
	height : 100%;
	object-fit : cover;
	object-position : center center;
}
/* .carrousel-slide > iframe {
	position : absolute;
	height : 56.389vw;
	top : 50%;
	transform : translateY(-50%);
	width : 100%;
	min-width : 100%;
} */
.banner-overlay {
	z-index : 2;
	object-position : bottom left;
	max-width : 1440px;
}
.banner-content {
	position : absolute;
	padding-left : 180px;
	bottom : 33px;
	z-index : 3;
	display : flex;
	flex-direction : column;
	justify-content: flex-end;
	width : 780px;
}
.page-id-535 .banner-content {
	width : 838px;
}
.carrousel .carrousel-slide {
	opacity : 0;
	transition : opacity 1s;
	z-index : 1;
}
.carrousel .white-flash {
	/* opacity : 0; */
	background-color : rgba(255,255,255,0.8);
	z-index : 1;
}
.carrousel .carrousel-slide.active {
	opacity : 1;
	transition : opacity 1s;
	z-index : 2;
}
.banner-content h1 {
	color : var(--CBN-Red);
	font-weight: 500;
	font-size: 56px;
	line-height : 1.09;
	margin-bottom : 5px;
}
.carrousel .banner-content h1 {
	margin-bottom : 30px;
}
.banner-content p, .banner-content h2 {
	color : var(--CBN-Red);
	font-size : 32px;
	line-height : 42px;
}


.carrousel .carrousel-thumbs {
	display : block;
	position : absolute;
	right : 0;
	bottom : 40px;
	/* width : 600px; */
	width : 41.667vw;
	max-width : 1060px;
	overflow : hidden;
	z-index : 2;
}
.carrousel-thumbs-inner {
	height : 270px;
	display : flex;
	column-gap : 20px;
	align-items : center;
	max-width : 1000%;
}
.carrousel-thumb-wrap {
	display : block;
	width : 152px;
	height : 224px;
	transition : width 0.5s, height 0.5s;
	position : relative;
	flex-shrink : 0;
	flex-grow : 0;
}
.carrousel-thumb-wrap.active {
	width : 184px;
	height : 270px;
}
.carrousel-thumb-wrap img {
	position : absolute;
	left : 0;
	top : 0;
	width : 100%;
	height : 100%;
	border-radius : 25px;
	z-index : 1;
	object-fit : cover;
	object-position : center center;
}
.carrousel-thumb-wrap span {
	z-index : 2;
	width : 100%;
	position : absolute;
	bottom : 25px;
	padding-left : 25px;
	padding-right : 25px;
	font-weight : 600;
	font-size : 14px;
	line-height : 18px;
	color : #FFFFFF;
	text-align : center;
	text-transform : uppercase;
}
.carrousel .carrousel-controls {
	position : absolute;
	display : flex;
	justify-content : space-between;
	width : 135px;
	bottom : 35px;
	left : 50%;
	transform : translateX(-50%);
	z-index : 3;
}
.carrousel .carrousel-dots {
	position : absolute;
	display : flex;
	justify-content : center;
	width : 100%;
	bottom : 0;
	left : 0;
	z-index : 3;
	
}
/* @media screen and ( min-width : 1441px ){
	.carrousel .carrousel-thumbs {
		width : 41.667vw;
	}

} */
@media screen and ( max-width : 1440px ){
	.banner-content {
		padding-left : 12.5vw;
		width : 50.694vw;
	}
	.page-id-535 .banner-content {
		width : 58.194vw;
	}
	.banner {
		height : 56.389vw;
	}
	.carrousel-thumbs-inner {
		height : 18.75vw;
	}
	.carrousel-thumb-wrap {
		width : 10.556vw;
		height : 15.556vw;
	}
	.carrousel-thumb-wrap.active {
		width : 12.778vw;
		height : 18.75vw;
	}	
	.banner-content h1 {
		font-size: 3.889vw;
	}
	.banner-content p {
		font-size : 2.222vw;
		line-height : 2.917vw;
	}
	.carrousel .carrousel-controls {
		bottom : 5px;
	}
	.carrousel-thumb-wrap span {
		bottom : 1.736vw;
		padding-left : 1.736vw;
		padding-right : 1.736vw;
		font-size : 0.972vw;
		line-height : 1.25vw;		
	}
}
@media screen and ( max-width : 1200px ){
	.banner-content {
		padding-left : 9vw;
	}
}
@media screen and ( max-width : 1024px ){
	.banner-content h1 {
		font-size: 5.389vw;
		line-height : 7.305vw;
	}
	.banner-content p {
		font-size : 2.874vw;
		line-height : 3.593vw;
	}	
	.banner-content {
		width : 65vw;
	}
	.home .banner-content {
		width : 58vw;
	}
	.home .banner-content h1 {
		font-size: 4.75vw;
		line-height : 6.305vw;
	}
}
@media screen and ( min-width : 787px ){
	.banner .mobile {
		display : none !important;
	}
	.carrousel-dots { display : none !important; }
}
@media screen and ( max-width : 786px ){
	.banner .desktop {
		display : none !important;
	}
	.carrousel .carrousel-controls,
	.carrousel .carrousel-thumbs { 
		display : none !important; 
	}
	.banner {
		height : 206.616vw;
	}
	.banner-content {
		width : 100% !important;
		text-align : center;
		padding : 0 0.7vw;
	}
	.banner-content p {
		font-size : 6.107vw;
		line-height : 8.651vw;
	}
	.banner-image {
		object-fit : contain;
		object-position : top center;
		background-color : #fff;
	}
	.carrousel .carrousel-dots {
		column-gap : 2.545vw;
		margin-bottom : 7.634vw;
	}
	.carrousel .carrousel-dots > span {
		width : 1.781vw;
		height : 1.781vw;
		flex-basis : 1.781vw;
		flex-shrink : 0;
		flex-grow : 0;
	}
	.banner-content h1 {
		font-size: 8.651vw;
	}
}

@media screen and ( min-width : 787px ){
	.banner-css-overlay::after,
	.banner-css-overlay::before {
		position : absolute;
		left : 0;
		top : 0;
		z-index : 1;
		width : 100%;
		height : 100%;
		z-index : 2;
		content : '';
	}
	.banner-css-overlay::before {
		background: linear-gradient(#000000 37.5px, transparent 137.5px);
	}
	.banner-css-overlay::after {
		background: linear-gradient(28deg, #ffffff 25%, transparent 55%);
	}
}
@media screen and ( max-width : 786px ){
	.banner-css-overlay::after {
		position : absolute;
		left : 0;
		top : 0;
		z-index : 1;
		width : 100%;
		height : 100%;
		z-index : 2;
		content : '';
	}
	.banner-css-overlay::after {
		background: linear-gradient(to top, #ffffff 27%, transparent 40%);
	}
	
}