/* Loader CSS */

.loader
{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:888;
	background:#FAFAFA; 
}

.loader .animation
{
    position:absolute;
    width:50px;
    height:35px;
}

.loader .animation .bar 
{
    position:absolute;
    width:6px;
    bottom:0;
    border-radius:3px;
    -webkit-border-radius:3px;
}

.loader .animation .bar .background
{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    border-radius:3px;
    -webkit-border-radius:3px; 
    background: #F76B1C;
    background: -moz-linear-gradient(45deg, #F76B1C 0%, #FAD961 100%);
    background: -webkit-linear-gradient(45deg, #F76B1C 0%,#FAD961 100%);
    background: linear-gradient(45deg, #F76B1C 0%,#FAD961 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F76B1C', endColorstr='#FAD961',GradientType=1 );
    opacity:0.5;
}

.loader .animation .bar .dot
{
    position:absolute;
    width:6px;
    height:6px;
    border-radius:3px;
    -webkit-border-radius:3px;
    left:0;
    top:0;
    background:#FAD961;
    border:1px solid #fff;
}

.loader .animation .bar_1 
{
    left:2px;
    -webkit-animation: loader 0.5s ease alternate infinite;
    animation: loader 0.5s ease alternate infinite;
}

.loader .animation .bar_2 
{
    left:22px;
    -webkit-animation: loader 0.5s 0.2s ease alternate infinite;
    animation: loader 0.5s 0.2s ease alternate infinite;
}

.loader .animation .bar_3 
{
    left:42px;
    -webkit-animation: loader 0.5s 0.4s ease alternate infinite;
    animation: loader 0.5s 0.4s ease alternate infinite;
}

@-webkit-keyframes loader {
    0% {
        height: 6px;
    }
    100% {
        height: 100%;
    }
}

@keyframes loader {
    0% {
        height: 6px;
    }
    100% {
        height: 100%;
    }
}