@charset "utf-8";


/**********************************************
* Loading plugin
**********************************************/

.pace {
  background-color: #008fd2;
  z-index: 2000;
  position: fixed;
  height: 100%;
  width: 100%;
  top:0px;
}
 
/**********************************************
* Animation 6 - Bouncing Ball
**********************************************/

.animation-6{
	position:fixed;
	width:100%;
	height:100%;
	z-index:20001;
}
.animation-6 .ball{
	position:absolute;
	border-radius:15px;
	height:20px;
	width:20px;
	margin-bottom:-5px;
	background-color:#FFF;
	-webkit-animation: animation6 1s ease-in-out infinite;
	animation: animation6 1s ease-in-out infinite;
	z-index:2;
	top:50%;
	left:50%;
}

@-webkit-keyframes animation6{
    20%{
        -webkit-transform: translate(0,-40px);
    }
    35%{
        -webkit-transform: translate(0,-45px);
    }
    90%{
        -webkit-transform: translate(0,-50px);
    }
    95%{
        -webkit-transform: translate(0,-40px);
    }
}

@keyframes animation6{
    20%{
        transform: translate(0,-40px);
    }
    35%{
        transform: translate(0,-45px);
    }
    90%{
        transform: translate(0,-50px);
    }
    95%{
        transform: translate(0,-40px);
    }

}

.animation-6 .shadow{
	position:absolute;
	-webkit-animation: animation6-shadow 1s infinite;
	animation: animation6-shadow 1s infinite;
	width:30px;
	height:15px;
	border-radius:15px / 7px;
	background-color:#FFF;
	margin:0 auto;
	top:50%;
	left:50%;
}

@-webkit-keyframes animation6-shadow{
    70%{
        -webkit-transform:  scale(0.5);
        opacity:0.5;
    }
    100%{
        -webkit-transform:  scale(0.4);
        opacity:0.4;
    }
}

@keyframes animation6-shadow{
    70%{
        transform:  scale(0.5);
        opacity:0.5;
    }
    100%{
        transform:  scale(0.4);
        opacity:0.4;
    }
}

/**********************************************
* Animation 5 - Expanding Lines
**********************************************/

.animation-5{
	position:fixed;
	width:100%;
	height:100%;
	z-index:20001;
	top:46%;
/*	left:50%;*/
	
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
	
}
.ani{
    width: 100px;
    margin: 0 auto;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.animation-5 div{
    height:30px;
    width:10px;
    background-color: #FFF;
    display:inline-block;
    margin-right:10px;
    -webkit-animation: animation5-bar 1s infinite;
    animation: animation5-bar 1s infinite;
    
    
    
}

.animation-5 .bar1
{
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.animation-5 .bar2
{
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.animation-5 .bar3
{
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.animation-5 .bar4
{
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.animation-5 .bar5
{
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

@-webkit-keyframes animation5-bar
{
    30%
    {
        -webkit-transform: scaleY(2);
    }
}

@keyframes animation5-bar
{
    30%
    {
        transform: scaleY(2);
    }
}
.animation-5 .l_logo{
	position:relative;
	top:25px;
	left:-37px;
}