﻿.LoginHeader{
	margin:0;
	padding:0;
	font-family:"open_sansregular";
	font-size:12px;
    background: #2980b9 url('http://static.tumblr.com/03fbbc566b081016810402488936fbae/pqpk3dn/MRSmlzpj3/tumblr_static_bg3.png') repeat 0 0;
	-webkit-animation: 10s linear 0s normal none infinite animate;
	-moz-animation: 10s linear 0s normal none infinite animate;
	-ms-animation: 10s linear 0s normal none infinite animate;
	-o-animation: 10s linear 0s normal none infinite animate;
	animation: 10s linear 0s normal none infinite animate;
 
}
 
@-webkit-keyframes animate {
	from {background-position:0 0;}
	to {background-position: 500px 0;}
}
 
@-moz-keyframes animate {
	from {background-position:0 0;}
	to {background-position: 500px 0;}
}
 
@-ms-keyframes animate {
	from {background-position:0 0;}
	to {background-position: 500px 0;}
}
 
@-o-keyframes animate {
	from {background-position:0 0;}
	to {background-position: 500px 0;}
}
 
@keyframes animate {
	from {background-position:0 0;}
	to {background-position: 500px 0;}
}



.HeaderText {
    width: 100%; height: 100%; 
    /*background: linear-gradient(to left, #141E30, #243B55) ;*/
    display: block ;
    /*overflow: hidden*/ 
       
}
 .HeaderTextbox
{
    float: left ;
    width: 12% ;
    height: 10% ;
    /*background: white ;*/
    margin: 0 ;animation: shift 10s cubic-bezier(0.1, 0.1, 0.1, 0.1) infinite alternate ;box-shadow: -10px 10px 10px -10px ; opacity: .5 ;text-align:center;
}


@keyframes shift {
    from {
        transform: scale(1) rotateX(0deg) rotateY(0deg);
    }
     to{ transform: scale(.9) rotateX(360deg) rotateY(10deg) ;
         box-shadow: -10px 10px 10px -10px ;
         opacity: .2}
}