.simpleSlides{
width:100%;
height:100vh;
overflow:hidden;
position:relative;
background-color:#000;
}
.pager-list{
position:absolute;
right:50px;
bottom:10px;
z-index:60;
}
.pager-list #pager{
padding:0;
margin:0;
}
.pager-list #pager li{
list-style:none;
display:inline-block;
margin:5px;
}
.pager-list #pager li i{
font-size:25px;
cursor:pointer;
color:#fff;
}
.pager-list #pager li i.fas{
color:rgb(218,41,28) !important;
}
.slides {
display:none;
  width: 100%;
  height:100vh;
	margin:0;
			object-fit:cover;
}
.active-slide {
	display: block;
	position:absolute;
	top:0;
	z-index:5;
	animation:animateIn 2s forwards;

}
.last-slide{
	display: block;
    position:relative;
	animation: animateOut 1s forwards;


}
.overlay{
	background-color:rgba(0,0,153,0.5);
	width:100%;
	height:100vh;
	position:absolute;
	z-index:10;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.slider-navi{

}
.slider-navi-left{
	position:absolute;
	left:10px;
	z-index:15;
	top:50%;
	font-size:60px;
	color:#fff;
	cursor:pointer;
}
.slider-navi-right{
	position:absolute;
	right:10px;
	top:50%;
	z-index:15;
	font-size:60px;
	color:#fff;
	cursor:pointer;
}
.slider-navi-right:hover,
.slider-navi-left:hover{
	color:rgb(218,41,28);
	
}
.slider-textbox-list{
	position:absolute;
	top:55%;
	left:50%;
	transform: translate(-50%, -50%);
	z-index:30;
}
.slider-textbox{
color:#fff;
opacity:0;
width:1320px;
height:300px;
position:relative;
overflow:hidden;
}
.slider-textbox-title{
	/*text-transform:uppercase;*/
	font-size:60px;
	margin-bottom:10px;
	opacity:0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	position:absolute;
	top:50px;
	height:60px;
	line-height:60px;
}
.slider-textbox-text{
	position:absolute;
	top:150px;
	/*text-transform:uppercase;*/
	font-size:25px;
	opacity:0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	line-height:30px;
}
.stext-active .slider-textbox-title{
	opacity:1;
	top:20px;
	transition-delay: 2s;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.stext-active .slider-textbox-text{
	top:100px;
	opacity:1;
	transition-delay: 2s;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	
}
.stext-active{
	
	animation: animateTxtIn 2s forwards;
}

.slider-playbutton{
	position:absolute;
	z-index:200;
	font-size:25px;
	right: 20px;
	bottom: 17px;
	color:#fff;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	cursor:pointer;
}
.hide-play{
	right:-50px; 
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.slider-playbutton:hover{
	color:rgb(218,41,28);
	
}
.simpleSlides .neos-contentcollection div[data-__neos-node-contextpath] {
	position:unset !important;
}

@keyframes animateOut {
	from { opacity:1; } to {opacity:0; display:none;}
}
@keyframes animateTxtIn { 
	from { opacity: 0 } to { opacity:1 } 
}
@keyframes animateIn { 
	from { opacity: 0 } to { opacity:1 } 
}
.active-slide + .slider-textbox-list{
	z-index:35;
	
}
.slider-textbox a{
	color:#fff;
}