.anim-order-1, .anim-order-2{
    opacity: 0;
}


.swiper-slide.swiper-slide-active .swiper-inner,
.swiper-slide.swiper-slide-duplicate-active .swiper-inner{
  animation-name: fadeIn;
  animation-duration: 2s;
  animation-delay: .2s;
}

.swiper-slide.swiper-slide-active .anim-order-1,
.swiper-slide.swiper-slide-duplicate-active .anim-order-1{
    animation-name: fadeInUp;
    animation-duration: .75s;
    animation-delay: .4s;
}
.swiper-slide.swiper-slide-active .anim-order-2,
.swiper-slide.swiper-slide-duplicate-active .anim-order-2{
    animation-name: fadeInUp;
    animation-duration: .75s;
    animation-delay: .6s;
}
.swiper-slide.swiper-slide-active .anim-order-3,
.swiper-slide.swiper-slide-duplicate-active .anim-order-3{
    animation-name: fadeInUp;
    animation-duration: .75s;
    animation-delay: .8s;
}
.swiper-slide.swiper-slide-active .anim-order-4,
.swiper-slide.swiper-slide-duplicate-active .anim-order-4{
    animation-name: fadeInUp;
    animation-duration: .75s;
    animation-delay: 1s;
}

/* Hero slider controls: visible indicator + manual switching */
.swiper .swiper-pagination{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 26px;
    z-index: 40;
    text-align: center;
}
.swiper .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    background: #ffffff;
    opacity: .4;
    margin: 0 7px !important;
    transition: opacity .25s, transform .25s, background .25s;
}
.swiper .swiper-pagination-bullet:hover{
    opacity: .8;
}
.swiper .swiper-pagination-bullet-active{
    opacity: 1;
    background: #31b9ea;
    transform: scale(1.25);
}
.swiper .swiper-button-next,
.swiper .swiper-button-prev{
    color: #ffffff;
    opacity: .85;
    z-index: 40;
    transition: color .2s, opacity .2s;
}
.swiper .swiper-button-next:hover,
.swiper .swiper-button-prev:hover{
    color: #31b9ea;
    opacity: 1;
}