/* 
    Loader CSS

    Created on : 08.03.2016, 1:06:09
    Author     : Максим
*/
@-webkit-keyframes line-progress-anim { 
    0% { opacity: 1} 
    100% {opacity: 0} 
}
@keyframes line-progress-anim { 
    0% { opacity: 1} 
    100% {opacity: 0} 
}
.line-progress { 
    display: none;
    position: relative;
    background: none;
    width: 130px;
    height: 48px;
}
.line-progress.active {
    display: block;
}
.line-progress > div {
    -webkit-animation: line-progress-anim 1s linear infinite;
    animation: line-progress-anim 1s linear infinite;
    top:14px;left:0;width:2px;height:20px;background:#444;
    border-radius:0px; position:absolute;
    opacity: 0;
}
.line-progress > div:nth-of-type(1){
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    left: 64px;
}
.line-progress > div:nth-of-type(2){
    -webkit-animation-delay: 0.566666666666667s;
    animation-delay: 0.566666666666667s;
    left: 72px;
}
.line-progress > div:nth-of-type(3){
    -webkit-animation-delay: 0.633333333333334s;
    animation-delay: 0.633333333333334s;
    left: 80px;
}
.line-progress > div:nth-of-type(4){
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    left: 88px;
}
.line-progress > div:nth-of-type(5) {
    -webkit-animation-delay: 0.766666666666668s;
    animation-delay: 0.766666666666668s;
    left: 96px;
}
.line-progress > div:nth-of-type(6){
    -webkit-animation-delay: 0.833333333333335s;
    animation-delay: 0.833333333333335s;
    left: 104px;
}
.line-progress > div:nth-of-type(7){
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    left: 112px;
}
.line-progress > div:nth-of-type(8){
    -webkit-animation-delay: 0.966666666666669s;
    animation-delay: 0.966666666666669s;
    left: 120px;
}
.line-progress > div:nth-of-type(9){
    -webkit-animation-delay: 0.033333333333333326s;
    animation-delay: 0.033333333333333326s;
    left: 8px;
}
.line-progress > div:nth-of-type(10){
    -webkit-animation-delay: 0.09999999999999998s;
    animation-delay: 0.09999999999999998s;
    left: 16px;
}
.line-progress > div:nth-of-type(11){
    -webkit-animation-delay: 0.16666666666666663s;
    animation-delay: 0.16666666666666663s;
    left: 24px;
}
.line-progress > div:nth-of-type(12){
    -webkit-animation-delay: 0.233333333333333s;
    animation-delay: 0.233333333333333s;
    left: 32px;
}
.line-progress > div:nth-of-type(13){
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    left: 40px;
}
.line-progress > div:nth-of-type(14){
    -webkit-animation-delay: 0.366666666666666s;
    animation-delay: 0.366666666666666s;
    left: 48px;
}
.line-progress > div:nth-of-type(15){
    -webkit-animation-delay: 0.433333333333333s;
    animation-delay: 0.433333333333333s;
    left: 56px;
}