@charset "utf-8";
/* CSS Document */

.loader{
	width:57px;
	height:12px;
	margin: 0 auto;}

.loader span{
	display:inline-block;
	width:12px;
	height:12px;
	margin-left:6px;

    -webkit-animation-duration: .5s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
    animation-duration: .5s;
    animation-iteration-count: infinite;}
	
.loader span:first-child{margin:0;}

.no-cssanimations .loader span{display:none;}
.no-cssanimations .loader{background:url(../images/loadingGif.gif) center center no-repeat;}

/* lo-1 */
.loader .lo-1{
	-webkit-animation-name: anim-lo-1;
	animation-name: anim-lo-1;}
	
@-webkit-keyframes anim-lo-1 {
    0%   	{background-color:#ffefd1;}
    33.33%  {background-color:#fedb89;}
    66.66%  {background-color:#ffefd1;}
    100% 	{background-color:#ffefd1;}
}

@keyframes anim-lo-1 {
    0%   	{background-color:#ffefd1;}
    33.33%  {background-color:#fedb89;}
    66.66%  {background-color:#ffefd1;}
    100% 	{background-color:#ffefd1;}
}

/* lo-2 */
.loader .lo-2{
	-webkit-animation-name: anim-lo-2;
	animation-name: anim-lo-2;}
	
@-webkit-keyframes anim-lo-2 {
    0%   	{background-color:#ffefd1;}
    33.33%  {background-color:#ffefd1;}
    66.66%  {background-color:#fedb89;}
    100% 	{background-color:#ffefd1;}
}

@keyframes anim-lo-2 {
    0%   	{background-color:#ffefd1;}
    33.33%  {background-color:#ffefd1;}
    66.66%  {background-color:#fedb89;}
    100% 	{background-color:#ffefd1;}
}

/* lo-3 */
.loader .lo-3{
	-webkit-animation-name: anim-lo-3;
	animation-name: anim-lo-3;}
	
@-webkit-keyframes anim-lo-3 {
    0%   	{background-color:#ffefd1;}
    33.33%  {background-color:#ffefd1;}
    66.66%  {background-color:#ffefd1;}
    100% 	{background-color:#fedb89;}
}

@keyframes anim-lo-3 {
    0%   	{background-color:#ffefd1;}
    33.33%  {background-color:#ffefd1;}
    66.66%  {background-color:#ffefd1;}
    100% 	{background-color:#fedb89;}
}