.transition-0 {
    -webkit-transition: all 0s ease-in-out !important;
    -o-transition: all 0s ease-in-out !important;
    -ms-transition: all 0s ease-in-out !important;
    transition: all 0s ease-in-out !important;
}

.transition-1 {
    -webkit-transition: all 0.1s ease-in-out !important;
    -o-transition: all 0.1s ease-in-out !important;
    -ms-transition: all 0.1s ease-in-out !important;
    transition: all 0.1s ease-in-out !important;
}

.transition-2 {
    -webkit-transition: all 0.2s ease-in-out !important;
    -o-transition: all 0.2s ease-in-out !important;
    -ms-transition: all 0.2s ease-in-out !important;
    transition: all 0.2s ease-in-out !important;
}

.transition-3 {
    -webkit-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
    -ms-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
}

.transition-4 {
    -webkit-transition: all 0.4s ease-in-out !important;
    -o-transition: all 0.4s ease-in-out !important;
    -ms-transition: all 0.4s ease-in-out !important;
    transition: all 0.4s ease-in-out !important;
}

.transition-5 {
    -webkit-transition: all 0.5s ease-in-out !important;
    -o-transition: all 0.5s ease-in-out !important;
    -ms-transition: all 0.5s ease-in-out !important;
    transition: all 0.5s ease-in-out !important;
}

.transition-6 {
    -webkit-transition: all 0.6s ease-in-out !important;
    -o-transition: all 0.6s ease-in-out !important;
    -ms-transition: all 0.6s ease-in-out !important;
    transition: all 0.6s ease-in-out !important;
}

.transition-7 {
    -webkit-transition: all 0.7s ease-in-out !important;
    -o-transition: all 0.7s ease-in-out !important;
    -ms-transition: all 0.7s ease-in-out !important;
    transition: all 0.7s ease-in-out !important;
}

.transition-8 {
    -webkit-transition: all 0.8s ease-in-out !important;
    -o-transition: all 0.8s ease-in-out !important;
    -ms-transition: all 0.8s ease-in-out !important;
    transition: all 0.8s ease-in-out !important;
}

.transition-9 {
    -webkit-transition: all 0.9s ease-in-out !important;
    -o-transition: all 0.9s ease-in-out !important;
    -ms-transition: all 0.9s ease-in-out !important;
    transition: all 0.9s ease-in-out !important;
}

.transition-10 {
    -webkit-transition: all 1s ease-in-out !important;
    -o-transition: all 1s ease-in-out !important;
    -ms-transition: all 1s ease-in-out !important;
    transition: all 1s ease-in-out !important;
}

.transition-20 {
    -webkit-transition: all 2s ease-in-out !important;
    -o-transition: all 2s ease-in-out !important;
    -ms-transition: all 2s ease-in-out !important;
    transition: all 2s ease-in-out !important;
}

.transition-30 {
    -webkit-transition: all 3s ease-in-out !important;
    -o-transition: all 3s ease-in-out !important;
    -ms-transition: all 3s ease-in-out !important;
    transition: all 3s ease-in-out !important;
}

.transition-40 {
    -webkit-transition: all 4s ease-in-out !important;
    -o-transition: all 4s ease-in-out !important;
    -ms-transition: all 4s ease-in-out !important;
    transition: all 4s ease-in-out !important;
}

.transition-50 {
    -webkit-transition: all 5s ease-in-out !important;
    -o-transition: all 5s ease-in-out !important;
    -ms-transition: all 5s ease-in-out !important;
    transition: all 5s ease-in-out !important;
}
@media (min-width:425px) {

    .transition-xs-0 {
        -webkit-transition: all 0s ease-in-out !important;
        -o-transition: all 0s ease-in-out !important;
        -ms-transition: all 0s ease-in-out !important;
        transition: all 0s ease-in-out !important;
    }

    .transition-xs-1 {
        -webkit-transition: all 0.1s ease-in-out !important;
        -o-transition: all 0.1s ease-in-out !important;
        -ms-transition: all 0.1s ease-in-out !important;
        transition: all 0.1s ease-in-out !important;
    }

    .transition-xs-2 {
        -webkit-transition: all 0.2s ease-in-out !important;
        -o-transition: all 0.2s ease-in-out !important;
        -ms-transition: all 0.2s ease-in-out !important;
        transition: all 0.2s ease-in-out !important;
    }

    .transition-xs-3 {
        -webkit-transition: all 0.3s ease-in-out !important;
        -o-transition: all 0.3s ease-in-out !important;
        -ms-transition: all 0.3s ease-in-out !important;
        transition: all 0.3s ease-in-out !important;
    }

    .transition-xs-4 {
        -webkit-transition: all 0.4s ease-in-out !important;
        -o-transition: all 0.4s ease-in-out !important;
        -ms-transition: all 0.4s ease-in-out !important;
        transition: all 0.4s ease-in-out !important;
    }

    .transition-xs-5 {
        -webkit-transition: all 0.5s ease-in-out !important;
        -o-transition: all 0.5s ease-in-out !important;
        -ms-transition: all 0.5s ease-in-out !important;
        transition: all 0.5s ease-in-out !important;
    }

    .transition-xs-6 {
        -webkit-transition: all 0.6s ease-in-out !important;
        -o-transition: all 0.6s ease-in-out !important;
        -ms-transition: all 0.6s ease-in-out !important;
        transition: all 0.6s ease-in-out !important;
    }

    .transition-xs-7 {
        -webkit-transition: all 0.7s ease-in-out !important;
        -o-transition: all 0.7s ease-in-out !important;
        -ms-transition: all 0.7s ease-in-out !important;
        transition: all 0.7s ease-in-out !important;
    }

    .transition-xs-8 {
        -webkit-transition: all 0.8s ease-in-out !important;
        -o-transition: all 0.8s ease-in-out !important;
        -ms-transition: all 0.8s ease-in-out !important;
        transition: all 0.8s ease-in-out !important;
    }

    .transition-xs-9 {
        -webkit-transition: all 0.9s ease-in-out !important;
        -o-transition: all 0.9s ease-in-out !important;
        -ms-transition: all 0.9s ease-in-out !important;
        transition: all 0.9s ease-in-out !important;
    }

    .transition-xs-10 {
        -webkit-transition: all 1s ease-in-out !important;
        -o-transition: all 1s ease-in-out !important;
        -ms-transition: all 1s ease-in-out !important;
        transition: all 1s ease-in-out !important;
    }

    .transition-xs-20 {
        -webkit-transition: all 2s ease-in-out !important;
        -o-transition: all 2s ease-in-out !important;
        -ms-transition: all 2s ease-in-out !important;
        transition: all 2s ease-in-out !important;
    }

    .transition-xs-30 {
        -webkit-transition: all 3s ease-in-out !important;
        -o-transition: all 3s ease-in-out !important;
        -ms-transition: all 3s ease-in-out !important;
        transition: all 3s ease-in-out !important;
    }

    .transition-xs-40 {
        -webkit-transition: all 4s ease-in-out !important;
        -o-transition: all 4s ease-in-out !important;
        -ms-transition: all 4s ease-in-out !important;
        transition: all 4s ease-in-out !important;
    }

    .transition-xs-50 {
        -webkit-transition: all 5s ease-in-out !important;
        -o-transition: all 5s ease-in-out !important;
        -ms-transition: all 5s ease-in-out !important;
        transition: all 5s ease-in-out !important;
    }
}
@media (min-width:576px) {

    .transition-sm-0 {
        -webkit-transition: all 0s ease-in-out !important;
        -o-transition: all 0s ease-in-out !important;
        -ms-transition: all 0s ease-in-out !important;
        transition: all 0s ease-in-out !important;
    }

    .transition-sm-1 {
        -webkit-transition: all 0.1s ease-in-out !important;
        -o-transition: all 0.1s ease-in-out !important;
        -ms-transition: all 0.1s ease-in-out !important;
        transition: all 0.1s ease-in-out !important;
    }

    .transition-sm-2 {
        -webkit-transition: all 0.2s ease-in-out !important;
        -o-transition: all 0.2s ease-in-out !important;
        -ms-transition: all 0.2s ease-in-out !important;
        transition: all 0.2s ease-in-out !important;
    }

    .transition-sm-3 {
        -webkit-transition: all 0.3s ease-in-out !important;
        -o-transition: all 0.3s ease-in-out !important;
        -ms-transition: all 0.3s ease-in-out !important;
        transition: all 0.3s ease-in-out !important;
    }

    .transition-sm-4 {
        -webkit-transition: all 0.4s ease-in-out !important;
        -o-transition: all 0.4s ease-in-out !important;
        -ms-transition: all 0.4s ease-in-out !important;
        transition: all 0.4s ease-in-out !important;
    }

    .transition-sm-5 {
        -webkit-transition: all 0.5s ease-in-out !important;
        -o-transition: all 0.5s ease-in-out !important;
        -ms-transition: all 0.5s ease-in-out !important;
        transition: all 0.5s ease-in-out !important;
    }

    .transition-sm-6 {
        -webkit-transition: all 0.6s ease-in-out !important;
        -o-transition: all 0.6s ease-in-out !important;
        -ms-transition: all 0.6s ease-in-out !important;
        transition: all 0.6s ease-in-out !important;
    }

    .transition-sm-7 {
        -webkit-transition: all 0.7s ease-in-out !important;
        -o-transition: all 0.7s ease-in-out !important;
        -ms-transition: all 0.7s ease-in-out !important;
        transition: all 0.7s ease-in-out !important;
    }

    .transition-sm-8 {
        -webkit-transition: all 0.8s ease-in-out !important;
        -o-transition: all 0.8s ease-in-out !important;
        -ms-transition: all 0.8s ease-in-out !important;
        transition: all 0.8s ease-in-out !important;
    }

    .transition-sm-9 {
        -webkit-transition: all 0.9s ease-in-out !important;
        -o-transition: all 0.9s ease-in-out !important;
        -ms-transition: all 0.9s ease-in-out !important;
        transition: all 0.9s ease-in-out !important;
    }

    .transition-sm-10 {
        -webkit-transition: all 1s ease-in-out !important;
        -o-transition: all 1s ease-in-out !important;
        -ms-transition: all 1s ease-in-out !important;
        transition: all 1s ease-in-out !important;
    }

    .transition-sm-20 {
        -webkit-transition: all 2s ease-in-out !important;
        -o-transition: all 2s ease-in-out !important;
        -ms-transition: all 2s ease-in-out !important;
        transition: all 2s ease-in-out !important;
    }

    .transition-sm-30 {
        -webkit-transition: all 3s ease-in-out !important;
        -o-transition: all 3s ease-in-out !important;
        -ms-transition: all 3s ease-in-out !important;
        transition: all 3s ease-in-out !important;
    }

    .transition-sm-40 {
        -webkit-transition: all 4s ease-in-out !important;
        -o-transition: all 4s ease-in-out !important;
        -ms-transition: all 4s ease-in-out !important;
        transition: all 4s ease-in-out !important;
    }

    .transition-sm-50 {
        -webkit-transition: all 5s ease-in-out !important;
        -o-transition: all 5s ease-in-out !important;
        -ms-transition: all 5s ease-in-out !important;
        transition: all 5s ease-in-out !important;
    }
}
@media (min-width:768px) {

    .transition-md-0 {
        -webkit-transition: all 0s ease-in-out !important;
        -o-transition: all 0s ease-in-out !important;
        -ms-transition: all 0s ease-in-out !important;
        transition: all 0s ease-in-out !important;
    }

    .transition-md-1 {
        -webkit-transition: all 0.1s ease-in-out !important;
        -o-transition: all 0.1s ease-in-out !important;
        -ms-transition: all 0.1s ease-in-out !important;
        transition: all 0.1s ease-in-out !important;
    }

    .transition-md-2 {
        -webkit-transition: all 0.2s ease-in-out !important;
        -o-transition: all 0.2s ease-in-out !important;
        -ms-transition: all 0.2s ease-in-out !important;
        transition: all 0.2s ease-in-out !important;
    }

    .transition-md-3 {
        -webkit-transition: all 0.3s ease-in-out !important;
        -o-transition: all 0.3s ease-in-out !important;
        -ms-transition: all 0.3s ease-in-out !important;
        transition: all 0.3s ease-in-out !important;
    }

    .transition-md-4 {
        -webkit-transition: all 0.4s ease-in-out !important;
        -o-transition: all 0.4s ease-in-out !important;
        -ms-transition: all 0.4s ease-in-out !important;
        transition: all 0.4s ease-in-out !important;
    }

    .transition-md-5 {
        -webkit-transition: all 0.5s ease-in-out !important;
        -o-transition: all 0.5s ease-in-out !important;
        -ms-transition: all 0.5s ease-in-out !important;
        transition: all 0.5s ease-in-out !important;
    }

    .transition-md-6 {
        -webkit-transition: all 0.6s ease-in-out !important;
        -o-transition: all 0.6s ease-in-out !important;
        -ms-transition: all 0.6s ease-in-out !important;
        transition: all 0.6s ease-in-out !important;
    }

    .transition-md-7 {
        -webkit-transition: all 0.7s ease-in-out !important;
        -o-transition: all 0.7s ease-in-out !important;
        -ms-transition: all 0.7s ease-in-out !important;
        transition: all 0.7s ease-in-out !important;
    }

    .transition-md-8 {
        -webkit-transition: all 0.8s ease-in-out !important;
        -o-transition: all 0.8s ease-in-out !important;
        -ms-transition: all 0.8s ease-in-out !important;
        transition: all 0.8s ease-in-out !important;
    }

    .transition-md-9 {
        -webkit-transition: all 0.9s ease-in-out !important;
        -o-transition: all 0.9s ease-in-out !important;
        -ms-transition: all 0.9s ease-in-out !important;
        transition: all 0.9s ease-in-out !important;
    }

    .transition-md-10 {
        -webkit-transition: all 1s ease-in-out !important;
        -o-transition: all 1s ease-in-out !important;
        -ms-transition: all 1s ease-in-out !important;
        transition: all 1s ease-in-out !important;
    }

    .transition-md-20 {
        -webkit-transition: all 2s ease-in-out !important;
        -o-transition: all 2s ease-in-out !important;
        -ms-transition: all 2s ease-in-out !important;
        transition: all 2s ease-in-out !important;
    }

    .transition-md-30 {
        -webkit-transition: all 3s ease-in-out !important;
        -o-transition: all 3s ease-in-out !important;
        -ms-transition: all 3s ease-in-out !important;
        transition: all 3s ease-in-out !important;
    }

    .transition-md-40 {
        -webkit-transition: all 4s ease-in-out !important;
        -o-transition: all 4s ease-in-out !important;
        -ms-transition: all 4s ease-in-out !important;
        transition: all 4s ease-in-out !important;
    }

    .transition-md-50 {
        -webkit-transition: all 5s ease-in-out !important;
        -o-transition: all 5s ease-in-out !important;
        -ms-transition: all 5s ease-in-out !important;
        transition: all 5s ease-in-out !important;
    }
}
@media (min-width:992px) {

    .transition-lg-0 {
        -webkit-transition: all 0s ease-in-out !important;
        -o-transition: all 0s ease-in-out !important;
        -ms-transition: all 0s ease-in-out !important;
        transition: all 0s ease-in-out !important;
    }

    .transition-lg-1 {
        -webkit-transition: all 0.1s ease-in-out !important;
        -o-transition: all 0.1s ease-in-out !important;
        -ms-transition: all 0.1s ease-in-out !important;
        transition: all 0.1s ease-in-out !important;
    }

    .transition-lg-2 {
        -webkit-transition: all 0.2s ease-in-out !important;
        -o-transition: all 0.2s ease-in-out !important;
        -ms-transition: all 0.2s ease-in-out !important;
        transition: all 0.2s ease-in-out !important;
    }

    .transition-lg-3 {
        -webkit-transition: all 0.3s ease-in-out !important;
        -o-transition: all 0.3s ease-in-out !important;
        -ms-transition: all 0.3s ease-in-out !important;
        transition: all 0.3s ease-in-out !important;
    }

    .transition-lg-4 {
        -webkit-transition: all 0.4s ease-in-out !important;
        -o-transition: all 0.4s ease-in-out !important;
        -ms-transition: all 0.4s ease-in-out !important;
        transition: all 0.4s ease-in-out !important;
    }

    .transition-lg-5 {
        -webkit-transition: all 0.5s ease-in-out !important;
        -o-transition: all 0.5s ease-in-out !important;
        -ms-transition: all 0.5s ease-in-out !important;
        transition: all 0.5s ease-in-out !important;
    }

    .transition-lg-6 {
        -webkit-transition: all 0.6s ease-in-out !important;
        -o-transition: all 0.6s ease-in-out !important;
        -ms-transition: all 0.6s ease-in-out !important;
        transition: all 0.6s ease-in-out !important;
    }

    .transition-lg-7 {
        -webkit-transition: all 0.7s ease-in-out !important;
        -o-transition: all 0.7s ease-in-out !important;
        -ms-transition: all 0.7s ease-in-out !important;
        transition: all 0.7s ease-in-out !important;
    }

    .transition-lg-8 {
        -webkit-transition: all 0.8s ease-in-out !important;
        -o-transition: all 0.8s ease-in-out !important;
        -ms-transition: all 0.8s ease-in-out !important;
        transition: all 0.8s ease-in-out !important;
    }

    .transition-lg-9 {
        -webkit-transition: all 0.9s ease-in-out !important;
        -o-transition: all 0.9s ease-in-out !important;
        -ms-transition: all 0.9s ease-in-out !important;
        transition: all 0.9s ease-in-out !important;
    }

    .transition-lg-10 {
        -webkit-transition: all 1s ease-in-out !important;
        -o-transition: all 1s ease-in-out !important;
        -ms-transition: all 1s ease-in-out !important;
        transition: all 1s ease-in-out !important;
    }

    .transition-lg-20 {
        -webkit-transition: all 2s ease-in-out !important;
        -o-transition: all 2s ease-in-out !important;
        -ms-transition: all 2s ease-in-out !important;
        transition: all 2s ease-in-out !important;
    }

    .transition-lg-30 {
        -webkit-transition: all 3s ease-in-out !important;
        -o-transition: all 3s ease-in-out !important;
        -ms-transition: all 3s ease-in-out !important;
        transition: all 3s ease-in-out !important;
    }

    .transition-lg-40 {
        -webkit-transition: all 4s ease-in-out !important;
        -o-transition: all 4s ease-in-out !important;
        -ms-transition: all 4s ease-in-out !important;
        transition: all 4s ease-in-out !important;
    }

    .transition-lg-50 {
        -webkit-transition: all 5s ease-in-out !important;
        -o-transition: all 5s ease-in-out !important;
        -ms-transition: all 5s ease-in-out !important;
        transition: all 5s ease-in-out !important;
    }
}
@media (min-width:1200px) {

    .transition-xl-0 {
        -webkit-transition: all 0s ease-in-out !important;
        -o-transition: all 0s ease-in-out !important;
        -ms-transition: all 0s ease-in-out !important;
        transition: all 0s ease-in-out !important;
    }

    .transition-xl-1 {
        -webkit-transition: all 0.1s ease-in-out !important;
        -o-transition: all 0.1s ease-in-out !important;
        -ms-transition: all 0.1s ease-in-out !important;
        transition: all 0.1s ease-in-out !important;
    }

    .transition-xl-2 {
        -webkit-transition: all 0.2s ease-in-out !important;
        -o-transition: all 0.2s ease-in-out !important;
        -ms-transition: all 0.2s ease-in-out !important;
        transition: all 0.2s ease-in-out !important;
    }

    .transition-xl-3 {
        -webkit-transition: all 0.3s ease-in-out !important;
        -o-transition: all 0.3s ease-in-out !important;
        -ms-transition: all 0.3s ease-in-out !important;
        transition: all 0.3s ease-in-out !important;
    }

    .transition-xl-4 {
        -webkit-transition: all 0.4s ease-in-out !important;
        -o-transition: all 0.4s ease-in-out !important;
        -ms-transition: all 0.4s ease-in-out !important;
        transition: all 0.4s ease-in-out !important;
    }

    .transition-xl-5 {
        -webkit-transition: all 0.5s ease-in-out !important;
        -o-transition: all 0.5s ease-in-out !important;
        -ms-transition: all 0.5s ease-in-out !important;
        transition: all 0.5s ease-in-out !important;
    }

    .transition-xl-6 {
        -webkit-transition: all 0.6s ease-in-out !important;
        -o-transition: all 0.6s ease-in-out !important;
        -ms-transition: all 0.6s ease-in-out !important;
        transition: all 0.6s ease-in-out !important;
    }

    .transition-xl-7 {
        -webkit-transition: all 0.7s ease-in-out !important;
        -o-transition: all 0.7s ease-in-out !important;
        -ms-transition: all 0.7s ease-in-out !important;
        transition: all 0.7s ease-in-out !important;
    }

    .transition-xl-8 {
        -webkit-transition: all 0.8s ease-in-out !important;
        -o-transition: all 0.8s ease-in-out !important;
        -ms-transition: all 0.8s ease-in-out !important;
        transition: all 0.8s ease-in-out !important;
    }

    .transition-xl-9 {
        -webkit-transition: all 0.9s ease-in-out !important;
        -o-transition: all 0.9s ease-in-out !important;
        -ms-transition: all 0.9s ease-in-out !important;
        transition: all 0.9s ease-in-out !important;
    }

    .transition-xl-10 {
        -webkit-transition: all 1s ease-in-out !important;
        -o-transition: all 1s ease-in-out !important;
        -ms-transition: all 1s ease-in-out !important;
        transition: all 1s ease-in-out !important;
    }

    .transition-xl-20 {
        -webkit-transition: all 2s ease-in-out !important;
        -o-transition: all 2s ease-in-out !important;
        -ms-transition: all 2s ease-in-out !important;
        transition: all 2s ease-in-out !important;
    }

    .transition-xl-30 {
        -webkit-transition: all 3s ease-in-out !important;
        -o-transition: all 3s ease-in-out !important;
        -ms-transition: all 3s ease-in-out !important;
        transition: all 3s ease-in-out !important;
    }

    .transition-xl-40 {
        -webkit-transition: all 4s ease-in-out !important;
        -o-transition: all 4s ease-in-out !important;
        -ms-transition: all 4s ease-in-out !important;
        transition: all 4s ease-in-out !important;
    }

    .transition-xl-50 {
        -webkit-transition: all 5s ease-in-out !important;
        -o-transition: all 5s ease-in-out !important;
        -ms-transition: all 5s ease-in-out !important;
        transition: all 5s ease-in-out !important;
    }
}
@media (min-width: 1540px){

    .transition-xxl-0 {
        -webkit-transition: all 0s ease-in-out !important;
        -o-transition: all 0s ease-in-out !important;
        -ms-transition: all 0s ease-in-out !important;
        transition: all 0s ease-in-out !important;
    }

    .transition-xxl-1 {
        -webkit-transition: all 0.1s ease-in-out !important;
        -o-transition: all 0.1s ease-in-out !important;
        -ms-transition: all 0.1s ease-in-out !important;
        transition: all 0.1s ease-in-out !important;
    }

    .transition-xxl-2 {
        -webkit-transition: all 0.2s ease-in-out !important;
        -o-transition: all 0.2s ease-in-out !important;
        -ms-transition: all 0.2s ease-in-out !important;
        transition: all 0.2s ease-in-out !important;
    }

    .transition-xxl-3 {
        -webkit-transition: all 0.3s ease-in-out !important;
        -o-transition: all 0.3s ease-in-out !important;
        -ms-transition: all 0.3s ease-in-out !important;
        transition: all 0.3s ease-in-out !important;
    }

    .transition-xxl-4 {
        -webkit-transition: all 0.4s ease-in-out !important;
        -o-transition: all 0.4s ease-in-out !important;
        -ms-transition: all 0.4s ease-in-out !important;
        transition: all 0.4s ease-in-out !important;
    }

    .transition-xxl-5 {
        -webkit-transition: all 0.5s ease-in-out !important;
        -o-transition: all 0.5s ease-in-out !important;
        -ms-transition: all 0.5s ease-in-out !important;
        transition: all 0.5s ease-in-out !important;
    }

    .transition-xxl-6 {
        -webkit-transition: all 0.6s ease-in-out !important;
        -o-transition: all 0.6s ease-in-out !important;
        -ms-transition: all 0.6s ease-in-out !important;
        transition: all 0.6s ease-in-out !important;
    }

    .transition-xxl-7 {
        -webkit-transition: all 0.7s ease-in-out !important;
        -o-transition: all 0.7s ease-in-out !important;
        -ms-transition: all 0.7s ease-in-out !important;
        transition: all 0.7s ease-in-out !important;
    }

    .transition-xxl-8 {
        -webkit-transition: all 0.8s ease-in-out !important;
        -o-transition: all 0.8s ease-in-out !important;
        -ms-transition: all 0.8s ease-in-out !important;
        transition: all 0.8s ease-in-out !important;
    }

    .transition-xxl-9 {
        -webkit-transition: all 0.9s ease-in-out !important;
        -o-transition: all 0.9s ease-in-out !important;
        -ms-transition: all 0.9s ease-in-out !important;
        transition: all 0.9s ease-in-out !important;
    }

    .transition-xxl-10 {
        -webkit-transition: all 1s ease-in-out !important;
        -o-transition: all 1s ease-in-out !important;
        -ms-transition: all 1s ease-in-out !important;
        transition: all 1s ease-in-out !important;
    }

    .transition-xxl-20 {
        -webkit-transition: all 2s ease-in-out !important;
        -o-transition: all 2s ease-in-out !important;
        -ms-transition: all 2s ease-in-out !important;
        transition: all 2s ease-in-out !important;
    }

    .transition-xxl-30 {
        -webkit-transition: all 3s ease-in-out !important;
        -o-transition: all 3s ease-in-out !important;
        -ms-transition: all 3s ease-in-out !important;
        transition: all 3s ease-in-out !important;
    }

    .transition-xxl-40 {
        -webkit-transition: all 4s ease-in-out !important;
        -o-transition: all 4s ease-in-out !important;
        -ms-transition: all 4s ease-in-out !important;
        transition: all 4s ease-in-out !important;
    }

    .transition-xxl-50 {
        -webkit-transition: all 5s ease-in-out !important;
        -o-transition: all 5s ease-in-out !important;
        -ms-transition: all 5s ease-in-out !important;
        transition: all 5s ease-in-out !important;
    }
}