/**
 *
 * All animations must live in their own file
 * in the animations directory and be included
 * here.
 *
 */
/**
 * Styles shared by multiple animations
 */
/**
 * Dots
 */
 
 
.loader { width : 100%; poaition: relative; height: 100%; }
.loader .loader-inner { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; text-align: center; width: 100%; }
.loader .loading { content : ''; width : 27px; height : 4px; border : 2px solid #ffffff; margin : 0 auto; }
.loader .pad { width : 15px; height : 18px; border : 2px solid #ffffff; border-top : 0; padding : 6px; margin : 0 auto; }
.loader .line { width : 15px; margin-top: 2px; margin-bottom : 4px; border-bottom : 2px solid #ffffff; opacity : 0; -webkit-animation : writeline 3s infinite ease-in; -moz-animation : writeline 3s infinite ease-in; -o-animation : writeline 3s infinite ease-in; animation : writeline 3s infinite ease-in; }
.loader.line:last-child { margin-bottom : 0; }

.loader .line.line1 { -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; }
.loader .line.line2 { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; }
.loader .line.line3 { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay : 1s; }

.loader .text { text-align : center; margin-top : 20px; font-size : 30px; font-weight: 300; color : #ffffff; }

@-webkit-keyframes writeline {
  0% { width : 0px; opacity: 0; }
  33% { width : 15px; opacity : 1; }
  70% { opacity : 1; }
  100% {opacity : 0; }
}

@-moz-keyframes writeline {
  0% { width : 0px; opacity: 0; }
  33% { width : 15px; opacity : 1; }
  70% { opacity : 1; }
  100% {opacity : 0; }
}

@-o-keyframes writeline {
  0% { width : 0px; opacity: 0; }
  33% { width : 15px; opacity : 1; }
  70% { opacity : 1; }
  100% {opacity : 0; }
}

@keyframes writeline {
  0% { width : 0px; opacity: 0; }
  33% { width : 15px; opacity : 1; }
  70% { opacity : 1; }
  100% {opacity : 0; }
}