.nav-els{cursor:pointer;position:relative}.nav-els:before{border:1px solid #c79c79;border-radius:100px 100px 0 0;height:27px;left:-39px;opacity:1;top:-3px;transition:.2s ease-out;width:27px}.nav-els:after,.nav-els:before{content:"";display:block;position:absolute}.nav-els:after{background-color:#17a05b;border-radius:8px;height:8px;left:-29.5px;opacity:0;top:0;transition:top .2s ease;width:8px}.nav-els.active:after,.nav-els:hover:after{opacity:1;top:7.5px}.swiper-slide.swiper-slide-active .top{animation:fadeInRight;animation-duration:2s}.swiper-slide .top{animation:fadeOutLeft;animation-duration:1s}.swiper-slide.swiper-slide-active .mid{animation:fadeIn;animation-duration:4s}.swiper-slide .mid{animation:fadeOut;animation-duration:2s}.swiper-slide.swiper-slide-active .bottom{animation:fadeInRight;animation-duration:3s}.swiper-slide .bottom{animation:fadeOutLeft;animation-duration:2s}