/* Transitions */

/* 0.3 seconds */

.ease3 {
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}

.ease5 {
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
}

.spin {
    animation: spin;
    -webkit-animation: spin;
    -moz-animation: spin;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    display: inline-block;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        opacity:1;
    }
    50% {
        -webkit-transform: rotate(180deg);
        opacity:0.3;
    }
    100% {
        -webkit-transform: rotate(360deg);
        opacity:1;
    }
}

@-moz-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        opacity:1;
    }
    50% {
        -webkit-transform: rotate(180deg);
        opacity:0.3;
    }
    100% {
        -webkit-transform: rotate(360deg);
        opacity:1;
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        opacity:1;
    }
    50% {
        -webkit-transform: rotate(180deg);
        opacity:0.3;
    }
    100% {
        -webkit-transform: rotate(360deg);
        opacity:1;
    }
}