#bottom .flexslider {
    background-color:#000;
}

#bottom .flexslider .rootvideo,
#bottom .flexslider .img {
	height: calc(100vh - 220px);
	max-height: calc(100vh - 220px);
	min-height: calc(100vh - 220px);
}

#bottom .flexslider .rootvideo {
	display:block;
	background:#000;
	width:100%;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#bottom .flexslider .rootvideo .videoframe {
	max-width:100%;
	height:100%;
	position:relative;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#bottom .flexslider .rootvideo .videoframe video {
	-o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

#bottom .flexslider li .img:before,
#bottom .flexslider li .rootvideo:before {
    content:'';
    position:absolute;
    display:block;
    top:0;
    left:0;
    background: rgba(0,0,0,0.4);
    width:100%;
    height:100%;
    z-index:99;
}

#bottom .flexslider li .rootvideo video {
    pointer-events: none;
}

#bottom .flexslider  .flex-control-nav {
    text-align:center;
    display:flex;
    gap:15px;
    align-items:center;
	justify-content:center;
    bottom: 40px;
}

#bottom .flexslider  .flex-control-nav li {
    margin:0;
}

#bottom .flexslider  .flex-control-nav li a {
    width: 8px;
    height: 8px;
    transition:all .2s;
    -moz-transition:all .2s;
    -webkit-transition:all .2s;
	opacity:0.25;
}

#bottom .flexslider  .flex-control-nav li .flex-active {
    width:10px;
    height:10px;
	opacity:1;
}
#bottom .flexslider  .flex-control-nav li a:hover {
	opacity:1;
}