.loader-curtain:after,.loader-curtain:before{
    box-sizing:border-box;
}
.loader-curtain{
    position:fixed;
    overflow:hidden;
    box-sizing:border-box;
    width:100%;
    height:100%;
    left:0;
    top:0
}
.loader-curtain:after,.loader-curtain:before{
    position:fixed;
    width:100%;
    top:50%;
    margin-top:-35px;
    font-size:70px;
    text-align:center;
    font-family:Helvetica,Arial,sans-serif;
    overflow:hidden;
    line-height:1.2;
    content:"Loading"
}
.loader-curtain:before{
    color:#cccccc
}
.loader-curtain:after{
    color:#666;
    height:0;
    animation:curtain 1s linear infinite alternate both
}
.loader-curtain[data-curtain-text]:not([data-curtain-text=""]):after,.loader-curtain[data-curtain-text]:not([data-curtain-text=""]):before{
    content:attr(data-curtain-text)
}
.loader-curtain[data-brazilian]:before{
    color:#f1c40f
}
.loader-curtain[data-brazilian]:after{
    color:#2ecc71
}
.loader-curtain[data-colorful]:before{
    animation:maskColorful 2s linear infinite alternate both
}
.loader-curtain[data-colorful]:after{
    animation:curtain 1s linear infinite alternate both,maskColorful-front 2s 1s linear infinite alternate both;
    color:#000
}
@keyframes maskColorful{
    0%{
        color:#3498db
    }
    49.5%{
        color:#3498db
    }
    50.5%{
        color:#e74c3c
    }
    to{
        color:#e74c3c
    }
}
@keyframes maskColorful-front{
    0%{
        color:#2ecc71
    }
    49.5%{
        color:#2ecc71
    }
    50.5%{
        color:#f1c40f
    }
    to{
        color:#f1c40f
    }
}
@keyframes curtain{
    0%{
        height:0
    }
    to{
        height:84px
    }
}