@keyframes ani {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.loginpageform {
    animation: ani 0.5s;
}

.slider {
    border-radius: 10px;
    overflow: hidden;
    position: relative
}

.supportemail {
    font-weight: bold;
}

.flexscanmdlink {
    font-weight: bold;
    color: yellow !important;
}

@media only screen and (min-width: 0px) {
    .slider {
        width: 450px;
        height: 284px;
    }
}

@media only screen and (min-width: 1210px) {
    .slider {
        width: 690px;
        height: 436px;
    }
}

.slider .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0;
    margin: 0;
    transition: opacity 0.5s;
}

    .slider .image.top {
        z-index: 1;
        opacity: 1;
    }