/* Slider */
.extra-banner-slider-container {
    position: relative;
    width: 100%;
}

.extra-banner-slides {
    position: relative;
    width: 100%;
    height: 100%;
}

.extra-slide {
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1.5s ease-in-out;
}

.extra-slide img{
	display: block;
	width: 100%;
	height: auto;
	margin: auto;
}

.extra-slide.active {
    opacity: 1;
}

.extra-slide:not(.active) {
    display: none;
}

/* Kenburn */
.ken-burns-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.0);
    
    animation-name: kenBurnsZoom;
    animation-duration: 20s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}

@keyframes kenBurnsZoom {
    0% {
        transform: scale(1.0) translate(0, 0);
    }
    100% {
        transform: scale(1.15) translate(-5%, 5%);
    }
}




/* Banner Effect */
.elementor-widget-et_banner_effect,
.elementor-widget-et_banner_effect .elementor-widget-container{
	height: 100%;
}

.banner-effect-container{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 16px;
	overflow: hidden;
}
.banner-effect-container div{
	position: absolute;
	left: var(--from_x);
	top: var(--y_position);
	width: calc(var(--items_size) * 2);
	height: calc(var(--items_size) * 2);
	transform-origin: center;
	border-style: solid;
	opacity: 0;
	transform: rotate(360deg) scale(0);
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
}
.banner-effect-container div.animate{
	left: var(--to_x);
	transform: rotate(0deg) scale(1);
	opacity: 1;
}
.banner-effect-container div[t_side="0"]{
	border-width: 0 var(--items_size) var(--items_size) var(--items_size);
	border-color: transparent transparent var(--border-color) transparent;
}
.banner-effect-container div[t_side="1"]{
	border-width: var(--items_size) 0 var(--items_size) var(--items_size);
	border-color: transparent transparent transparent var(--border-color);
}
.banner-effect-container div[t_side="2"]{
	border-width: var(--items_size) var(--items_size) 0 var(--items_size);
	border-color: var(--border-color) transparent transparent transparent;
}
.banner-effect-container div[t_side="3"]{
	border-width: var(--items_size) var(--items_size) var(--items_size) 0;
	border-color: transparent var(--border-color) transparent transparent;
}