*{
	margin: 0;
	padding: 0;
	overflow: hidden;
}



.bainer1, .bainer2, .bainer3, .bainer4, .bainer5, .bainer6, .bainer7{
	width: 100%;
	height: 100vh;
	position: absolute;
	left: 0;
	top: 0;


}


.textbox{
	width: 600px;
	color: #fff;
	position: absolute;
	font-size: 14px;
	font-family: sans-serif;
	top: 4rem;
	left: 4rem;
}

img{
	width: 140%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	position: relative;
	animation: zoom-out 3s linear infinite;

}


@keyframes zoom-out{
	100%{
		width: 100%;
	}
}


.bainer1{
	animation: slider1 21s linear infinite;
}

.bainer2{
	animation: slider2 21s linear infinite;
}

.bainer3{
	animation: slider3 21s linear infinite;
}

.bainer4{
	animation: slider4 21s linear infinite;
}

.bainer5{
	animation: slider5 21s linear infinite;
}

.bainer6{
	animation: slider6 21s linear infinite;
}

.bainer7{
	animation: slider7 21s linear infinite;
}




@keyframes slider1{
	0%{
		visibility: hidden;
	}
	14%{
		visibility: visible;
	}
	28%{
		visibility: hidden;
	}
	42%{
		visibility: hidden;
	}
	56%{
		visibility: hidden;
	}
	70%{
		visibility: hidden;
	}
	84%{
		visibility: hidden;
	}
	98%{
		visibility: hidden;
	}
	100%{
		visibility: hidden;
	}

}

@keyframes slider2{
	0%{
		visibility: hidden;
	}
	14%{
		visibility: hidden;
	}
	28%{
		visibility: visible;
	}
	42%{
		visibility: hidden;
	}
	56%{
		visibility: hidden;
	}
	70%{
		visibility: hidden;
	}
	84%{
		visibility: hidden;
	}
	98%{
		visibility: hidden;
	}
	100%{
		visibility: hidden;
	}

}

@keyframes slider3{
	0%{
		visibility: hidden;
	}
	14%{
		visibility: hidden;
	}
	28%{
		visibility: hidden;
	}
	42%{
		visibility: visible;
	}
	56%{
		visibility: hidden;
	}
	70%{
		visibility: hidden;
	}
	84%{
		visibility: hidden;
	}
	98%{
		visibility: hidden;
	}
	100%{
		visibility: hidden;
	}

}

@keyframes slider4{
	0%{
		visibility: hidden;
	}
	14%{
		visibility: hidden;
	}
	28%{
		visibility: hidden;
	}
	42%{
		visibility: hidden;
	}
	56%{
		visibility: visible;
	}
	70%{
		visibility: hidden;
	}
	84%{
		visibility: hidden;
	}
	98%{
		visibility: hidden;
	}
	100%{
		visibility: hidden;
	}

}


@keyframes slider5{
	0%{
		visibility: hidden;
	}
	14%{
		visibility: hidden;
	}
	28%{
		visibility: hidden;
	}
	42%{
		visibility: hidden;
	}
	56%{
		visibility: hidden;
	}
	70%{
		visibility: visible;
	}
	84%{
		visibility: hidden;
	}
	98%{
		visibility: hidden;
	}
	100%{
		visibility: hidden;
	}

}



@keyframes slider6{
	0%{
		visibility: hidden;
	}
	14%{
		visibility: hidden;
	}
	28%{
		visibility: hidden;
	}
	42%{
		visibility: hidden;
	}
	56%{
		visibility: hidden;
	}
	70%{
		visibility: hidden;
	}
	84%{
		visibility: visible;
	}
	98%{
		visibility: hidden;
	}
	100%{
		visibility: hidden;
	}

}



@keyframes slider7{
	0%{
		visibility: hidden;
	}
	14%{
		visibility: hidden;
	}
	28%{
		visibility: hidden;
	}
	42%{
		visibility: hidden;
	}
	56%{
		visibility: hidden;
	}
	70%{
		visibility: hidden;
	}
	84%{
		visibility: hidden;
	}
	98%{
		visibility: visible;
	}
	100%{
		visibility: visible;
	}

}