/* ken burns effect */

/*-----Ken Burns Header-----*/

.slw-divi-slider-kenburns .et_pb_slide,
.slw-kenburns-slider .et_pb_module,
.slw-home-slider .et_pb_module,
.slw-kenburns-img,
.slw-kenburns-bg {
	overflow:hidden ;
	position: relative;
	padding: 0;
}

.slw-divi-slider-kenburns .et_pb_slide,
.slw-kenburns-bg {
	content: "";
	x-z-index: -1;

	/* Left and Top sets the alignment of the image, you may need to change these if you want the image to move in a different direction */
	/*
	position: absolute;
	left:0;
	top:0;
	*/

	/* Change to the URL of the image you want to use */
	/*
	background: url(https://playground.divisoup.com/wp-content/uploads/2016/08/ladybug2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	*/
}

.slw-divi-slider-kenburns.zoom-out .et_pb_slide,
.slw-kenburns-img.zoom-out img,
.slw-kenburns-zoom-out {
	/* Make image a little larger to avoid whitespace when zooming out */
	width: calc(100% + 120px);
	height: calc(100% + 150px);

	-ms-animation: zoom-out 7s ease infinite forwards;
	-webkit-animation: zoom-out 7s ease infinite forwards;
	-0-animation: zoom-out 7s ease infinite forwards;
	-moz-animation: zoom-out 7s ease infinite forwards;
	animation: zoom-out 7s ease alternate infinite forwards;
}
.slw-divi-slider-kenburns.zoom-in .et_pb_slide,
.slw-kenburns-zoom-in {
	-ms-animation: zoom-in 7s ease infinite forwards;
	-webkit-animation: zoom-in 7s ease infinite forwards;
	-0-animation: zoom-in 7s ease infinite forwards;
	-moz-animation: zoom-in 7s ease infinite forwards;
	animation: zoom-in 7s ease alternate infinite forwards;
}
.slw-divi-slider-kenburns.zoom-out-right .et_pb_slide,
.slw-kenburns-zoom-out-right {
	/* Make image a little larger to avoid whitespace when zooming out */
	width: calc(100% + 120px);
	height: calc(100% + 150px);

	-ms-animation: zoom-out-right 7s ease forwards;
	-webkit-animation: zoom-out-right 7s ease forwards;
	-0-animation: zoom-out-right 7s ease forwards;
	-moz-animation: zoom-out-right 7s ease forwards;
	animation: zoom-out-right 7s ease forwards;
}
.slw-divi-slider-kenburns.zoom-in-right .et_pb_slide,
.slw-kenburns-zoom-in-right {
	-ms-animation: zoom-out-right 7s ease forwards;
	-webkit-animation: zoom-out-right 7s ease forwards;
	-0-animation: zoom-out-right 7s ease forwards;
	-moz-animation: zoom-out-right 7s ease forwards;
	animation: zoom-out-right 7s ease forwards;
}


.slw-home-slider.animate .slick-slide:nth-child(5n+1) img { animation: zoom-in 7s ease alternate infinite forwards; }
.slw-home-slider.animate .slick-slide:nth-child(5n+2) img { animation: zoom-in-top-left 7s ease alternate infinite forwards; }
.slw-home-slider.animate .slick-slide:nth-child(5n+3) img { animation: zoom-in-top-right 7s ease alternate infinite forwards; }
.slw-home-slider.animate .slick-slide:nth-child(5n+4) img { animation: zoom-in-bottom-right 7s ease alternate infinite forwards; }
.slw-home-slider.animate .slick-slide:nth-child(5n+5) img { animation: zoom-in-bottom-left 7s ease alternate infinite forwards; }

.slw-kenburns-slider.animate .slick-slide:nth-child(5n+1) img { animation: zoom-in 7s ease alternate infinite forwards; }
.slw-kenburns-slider.animate .slick-slide:nth-child(5n+2) img { animation: zoom-in-top-left 7s ease alternate infinite forwards; }
.slw-kenburns-slider.animate .slick-slide:nth-child(5n+3) img { animation: zoom-in-top-right 7s ease alternate infinite forwards; }
.slw-kenburns-slider.animate .slick-slide:nth-child(5n+4) img { animation: zoom-in-bottom-right 7s ease alternate infinite forwards; }
.slw-kenburns-slider.animate .slick-slide:nth-child(5n+5) img { animation: zoom-in-bottom-left 7s ease alternate infinite forwards; }



@keyframes zoom-in {
	from { transform: scale(1); }
	to { transform: scale(1.2); }
}
@keyframes zoom-out {
	from { transform: scale(1.2); }
	to { transform: scale(1); }
}

@keyframes zoom-in-right {
	from { transform: scale(1); }
	to { transform: scale(1.2); transform-origin: center right; }
}
@keyframes zoom-in-left {
	from { transform: scale(1); }
	to { transform: scale(1.2); transform-origin: center left; }
}
@keyframes zoom-out-right {
	from { transform: scale(1.2); }
	to { transform: scale(1); transform-origin: center right; }
}
@keyframes zoom-out-left {
	from { transform: scale(1.2); }
	to { transform: scale(1); transform-origin: center left; }
}

@keyframes zoom-in-top-left {
	from { transform: scale(1); }
	to { transform: scale(1.2); transform-origin: top left; }
}
@keyframes zoom-in-top-right {
	from { transform: scale(1); }
	to { transform: scale(1.2); transform-origin: top right; }
}
@keyframes zoom-in-bottom-right {
	from { transform: scale(1); }
	to { transform: scale(1.2); transform-origin: bottom right; }
}
@keyframes zoom-in-bottom-left {
	from { transform: scale(1); }
	to { transform: scale(1.2); transform-origin: bottom left; }
}
