.flex-slider {width:100%;position:relative}
.flex-slider .slides {list-style:none;overflow:hidden;margin:0;padding:0}
.flex-slider .slides > li {float:left;margin-right:-100%;width:100%;overflow:hidden;height:50vw; background-color: black;}
.flex-slider .flex-direction-nav {list-style:none;margin:0;padding:0}
.flex-slider .flex-direction-nav .flex-prev, .flex-slider .flex-direction-nav .flex-next {background-color:rgba(255,255,255,0.7);padding:10px;text-decoration:none;position:absolute;height:1em;top:45%;bottom:0;margin:0 auto;z-index:2000!important;text-align:center;color:#333;max-width:20px}
.flex-slider .flex-direction-nav .flex-prev{left:0; z-index:2000!important;position: absolute!important;}
.flex-slider .flex-direction-nav .flex-next{right:0; z-index:2000!important; position: absolute!important;}
.slide-image{background-size:cover;background-position:center;position:absolute;width:100%;height:100%;left:0;top:0;}
.flex-active-slide .slide-image{animation: zoomout 5s;}
@keyframes zoomout{
  0%{
    transform: scale(1.3);
  }
  100%{
    transform: scale(1);
  }
}
@media (max-width:768px) {
  .flex-slider .slides > li {height:85vw}
}