:root {
	--trx-effects-bg-slides-animation-duration: 6.5s;
}


.trx_effects_bg_slides {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}

@media (min-width: 1025px) {
	.trx_effects_has_bg_slides {
		overflow: hidden;
	}

	.trx_effects_bg_slides_with_mask {
		right: auto;
		bottom: auto;
		width: 100%;
		height: calc( 100vh - var(--fixed-rows-height) );
	}
	.trx_effects_bg_slides_with_mask.trx_effects_bg_slides_fixed {
		position: fixed;
	}

	.trx_effects_bg_slides_mask {
		position: absolute;
		top: -50%;
		left: -50%;
		width: 100%;
		height: clamp(100%, calc( 100vh - var(--fixed-rows-height) ), 100vh);
	}
	.trx_effects_bg_slides_mask svg {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 200%;
		height: auto;
	}
	.trx_effects_bg_slides_mask .trx_effects_mask_in_svg {
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
	}
}
@media (max-width: 1024px) {
	.trx_effects_bg_slides_mask {
		display: none;
	}
}

.trx_effects_bg_slides_overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/* Opacity is specified in the colorpicker as part of overlay color
	opacity: 0.15;
	*/
}

.elementor-element.trx_effects_has_bg_slides .trx_effects_bg_slides_img {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	max-width: none !important;
	max-height: none !important;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.trx_effects_bg_slides_img_fill {
	-o-object-fit: fill;
	object-fit: fill;
}
.trx_effects_bg_slides_img_cover {
	-o-object-fit: cover;
	   object-fit: cover;
}
.trx_effects_bg_slides_img_contain {
	-o-object-fit: contain;
	   object-fit: contain;
}

.trx_effects_bg_slides_img {
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
		-ms-transition: opacity 0.5s ease;
			transition: opacity 0.5s ease;
	-webkit-animation-duration: var(--trx-effects-bg-slides-animation-duration);
			animation-duration: var(--trx-effects-bg-slides-animation-duration);
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
}
.trx_effects_bg_slides_active {
	opacity: 1;
}
.trx_effects_bg_slides_animation_zoom_in {
	-webkit-animation-name: trx-effects-bg-images-animation-zoom-in;
			animation-name: trx-effects-bg-images-animation-zoom-in;
}
.trx_effects_bg_slides_animation_zoom_out {
	-webkit-animation-name: trx-effects-bg-images-animation-zoom-out;
			animation-name: trx-effects-bg-images-animation-zoom-out;
}
.trx_effects_bg_slides_animation_infinite_in,
.trx_effects_bg_slides_animation_infinite_out {
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
}
.trx_effects_bg_slides_animation_infinite_in {
	-webkit-animation-name: trx-effects-bg-images-animation-infinite-in;
			animation-name: trx-effects-bg-images-animation-infinite-in;
}
.trx_effects_bg_slides_animation_infinite_out {
	-webkit-animation-name: trx-effects-bg-images-animation-infinite-out;
			animation-name: trx-effects-bg-images-animation-infinite-out;
}


.trx_effects_has_bg_slides .trx_effects_bg_slides_animation_origin_lt {
	-webkit-transform-origin: left top;
		-ms-transform-origin: left top;
			transform-origin: left top;
}
.trx_effects_has_bg_slides .trx_effects_bg_slides_animation_origin_ct {
	-webkit-transform-origin: center top;
		-ms-transform-origin: center top;
			transform-origin: center top;
}
.trx_effects_has_bg_slides .trx_effects_bg_slides_animation_origin_rt {
	-webkit-transform-origin: right top;
		-ms-transform-origin: right top;
			transform-origin: right top;
}
.trx_effects_has_bg_slides .trx_effects_bg_slides_animation_origin_lc {
	-webkit-transform-origin: left center;
		-ms-transform-origin: left center;
			transform-origin: left center;
}
.trx_effects_has_bg_slides .trx_effects_bg_slides_animation_origin_cc {
	-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
			transform-origin: center center;
}
.trx_effects_has_bg_slides .trx_effects_bg_slides_animation_origin_rc {
	-webkit-transform-origin: right center;
		-ms-transform-origin: right center;
			transform-origin: right center;
}
.trx_effects_has_bg_slides .trx_effects_bg_slides_animation_origin_lb {
	-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
			transform-origin: left bottom;
}
.trx_effects_has_bg_slides .trx_effects_bg_slides_animation_origin_cb {
	-webkit-transform-origin: center bottom;
		-ms-transform-origin: center bottom;
			transform-origin: center bottom;
}
.trx_effects_has_bg_slides .trx_effects_bg_slides_animation_origin_rb {
	-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
			transform-origin: right bottom;
}

@-webkit-keyframes trx-effects-bg-images-animation-zoom-in {
	from {
		-webkit-transform: scale(1, 1);
				transform: scale(1, 1);
	}
	to {
		-webkit-transform: scale(1.1, 1.1);
				transform: scale(1.1, 1.1);
	}
}
@keyframes trx-effects-bg-images-animation-zoom-in {
	from {
		-webkit-transform: scale(1, 1);
				transform: scale(1, 1);
	}
	to {
		-webkit-transform: scale(1.1, 1.1);
				transform: scale(1.1, 1.1);
	}
}

@-webkit-keyframes trx-effects-bg-images-animation-zoom-out {
	from {
		-webkit-transform: scale(1.1, 1.1);
				transform: scale(1.1, 1.1);
	}
	to {
		-webkit-transform: scale(1, 1);
				transform: scale(1, 1);
	}
}
@keyframes trx-effects-bg-images-animation-zoom-out {
	from {
		-webkit-transform: scale(1.1, 1.1);
				transform: scale(1.1, 1.1);
	}
	to {
		-webkit-transform: scale(1, 1);
				transform: scale(1, 1);
	}
}

@-webkit-keyframes trx-effects-bg-images-animation-infinite-in {
	0% {
		-webkit-transform: scale(1, 1);
				transform: scale(1, 1);
	}
	50% {
		-webkit-transform: scale(1.1, 1.1);
				transform: scale(1.1, 1.1);
	}
	100% {
		-webkit-transform: scale(1, 1);
				transform: scale(1, 1);
	}
}
@keyframes trx-effects-bg-images-animation-infinite-in {
	0% {
		-webkit-transform: scale(1, 1);
				transform: scale(1, 1);
	}
	50% {
		-webkit-transform: scale(1.1, 1.1);
				transform: scale(1.1, 1.1);
	}
	100% {
		-webkit-transform: scale(1, 1);
				transform: scale(1, 1);
	}
}

@-webkit-keyframes trx-effects-bg-images-animation-infinite-out {
	0% {
		-webkit-transform: scale(1.1, 1.1);
				transform: scale(1.1, 1.1);
	}
	50% {
		-webkit-transform: scale(1, 1);
				transform: scale(1, 1);
	}
	100% {
		-webkit-transform: scale(1.1, 1.1);
				transform: scale(1.1, 1.1);
	}
}
@keyframes trx-effects-bg-images-animation-infinite-out {
	0% {
		-webkit-transform: scale(1.1, 1.1);
				transform: scale(1.1, 1.1);
	}
	50% {
		-webkit-transform: scale(1, 1);
				transform: scale(1, 1);
	}
	100% {
		-webkit-transform: scale(1.1, 1.1);
				transform: scale(1.1, 1.1);
	}
}