.app-loader .loader-logo {
    display    : block;
    position   : absolute;
    left       : calc(50% - 30px);
    top        : 60px;
    width      : 60px;
    height     : 60px;
    text-align : center;
}

.app-loader .loader {
    display           : block;
    position          : relative;
    left              : calc(50% - 90px);
    width             : 180px;
    height            : 180px;
    border-radius     : 50%;
    border            : 3px solid transparent;
    border-top-color  : #ec232c;
    -webkit-animation : spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation         : spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    z-index           : 1001;
}

.app-loader .loader:before {
    content           : "";
    position          : absolute;
    top               : 5px;
    left              : 5px;
    right             : 5px;
    bottom            : 5px;
    border-radius     : 50%;
    border            : 3px solid transparent;
    border-top-color  : #ec232c;
    -webkit-animation : spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation         : spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

.app-loader .loader:after {
    content           : "";
    position          : absolute;
    top               : 15px;
    left              : 15px;
    right             : 15px;
    bottom            : 15px;
    border-radius     : 50%;
    border            : 3px solid transparent;
    /*border-top-color  : #f9c922;*/
    border-top-color  : #ec232c;
    -webkit-animation : spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation         : spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform : rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform     : rotate(0deg); /* IE 9 */
        transform         : rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform : rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform     : rotate(360deg); /* IE 9 */
        transform         : rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

@keyframes spin {
    0% {
        -webkit-transform : rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform     : rotate(0deg); /* IE 9 */
        transform         : rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform : rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform     : rotate(360deg); /* IE 9 */
        transform         : rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}