﻿@keyframes mysnow {
    0% {
        bottom: 100%;
        opacity: 0;
    }

    50% {
        opacity: 1;
        transform: rotate(1080deg);
    }

    100% {
        transform: rotate(0deg);
        opacity: 0;
        bottom: 0;
    }
}

@-webkit-keyframes mysnow {
    0% {
        bottom: 100%;
        opacity: 0;
    }

    50% {
        opacity: 1;
        -webkit-transform: rotate(1080deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        opacity: 0;
        bottom: 0;
    }
}

@-moz-keyframes mysnow {
    0% {
        bottom: 100%;
        opacity: 0;
    }

    50% {
        opacity: 1;
        -moz-transform: rotate(1080deg);
    }

    100% {
        -moz-transform: rotate(0deg);
        opacity: 0;
        bottom: 0;
    }
}

@-ms-keyframes mysnow {
    0% {
        bottom: 100%;
        opacity: 0;
    }

    50% {
        opacity: 1;
        -ms-transform: rotate(1080deg);
    }

    100% {
        -ms-transform: rotate(0deg);
        opacity: 0;
        bottom: 0;
    }
}

@-o-keyframes mysnow {
    0% {
        bottom: 100%;
        opacity: 0;
    }

    50% {
        opacity: 1;
        -o-transform: rotate(1080deg);
    }

    100% {
        -o-transform: rotate(0deg);
        opacity: 0;
        bottom: 0;
    }
}

.FloatIcon_roll {
    position: absolute;
    opacity: 0;
    animation: mysnow 5s;
    -webkit-animation: mysnow 5s;
    -moz-animation: mysnow 5s;
    -ms-animation: mysnow 5s;
    -o-animation: mysnow 5s;
    /*width: 35px;*/
}

.FloatIcon_floatdiv {
    position: fixed;
    z-index: 1;
}

#FloatIcon_floatIconWrapper {
    
}
