/*//////////
// Loader //
//////////*/

#loader {
    line-height: 1.4em;
    display: none;
    margin-top: -6px;
    float: right;
    width: 36px;
    height: 36px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    

    -webkit-animation: circle 1s infinite linear;
    -moz-animation: circle 1s infinite linear;
    -o-animation: circle 1s infinite linear;
    animation: circle 1s infinite linear;
}

#loader.active {
    display: block;
}

#loader img {
    width: 30px;
    height: 30px;
}

@keyframes circle {
    from {  transform: rotateZ(0deg)    }
    to {    transform: rotateZ(360deg)    }
}
@-webkit-keyframes circle {
    0% {   -webkit-transform: rotateZ(0deg)    }
    100% { -webkit-transform: rotateZ(360deg)    }
}

@-moz-keyframes circle {
    0% { -moz-transform: rotateZ(0deg) }
    100% { -moz-transform: rotateZ(360deg) }
}

@-o-keyframes circle {
    0% { -o-transform: rotateZ(0deg) }
    100% { -o-transform: rotateZ(360deg) }
}