@charset "UTF-8";
/***
e.g.

<div class="preloader">
    <div class="cs-loader">
        <div class="cs-loader-inner">
            <label>	●</label>
            <label>	●</label>
            <label>	●</label>
            <label>	●</label>
            <label>	●</label>
            <label>	●</label>
        </div>
    </div>
</div>

***/
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #49A9EE;
  z-index: 9999;
  -webkit-transition: opacity .65s;
  -o-transition: opacity .65s;
  transition: opacity .65s; }
  .preloader-hidden-add {
    opacity: 1;
    display: block; }
    .preloader-hidden-add-active {
      opacity: 0; }
  .preloader-hidden {
    display: none; }

.cs-loader {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }
  .cs-loader-inner {
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    top: 50%;
    position: absolute;
    width: 100%;
    color: #FFF;
    text-align: center; }
    .cs-loader-inner label {
      font-size: 20px;
      opacity: 0;
      display: inline-block; }
      .cs-loader-inner label:last-child {
        -webkit-animation: lol 3s infinite ease-in-out;
                animation: lol 3s infinite ease-in-out; }
      .cs-loader-inner label:nth-child(1) {
        -webkit-animation: lol 3s 0.5s infinite ease-in-out;
                animation: lol 3s 0.5s infinite ease-in-out; }
      .cs-loader-inner label:nth-child(2) {
        -webkit-animation: lol 3s 0.4s infinite ease-in-out;
                animation: lol 3s 0.4s infinite ease-in-out; }
      .cs-loader-inner label:nth-child(3) {
        -webkit-animation: lol 3s 0.3s infinite ease-in-out;
                animation: lol 3s 0.3s infinite ease-in-out; }
      .cs-loader-inner label:nth-child(4) {
        -webkit-animation: lol 3s 0.2s infinite ease-in-out;
                animation: lol 3s 0.2s infinite ease-in-out; }
      .cs-loader-inner label:nth-child(5) {
        -webkit-animation: lol 3s 0.1s infinite ease-in-out;
                animation: lol 3s 0.1s infinite ease-in-out; }

@-webkit-keyframes lol {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300px);
            transform: translateX(-300px); }
  33% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  66% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(300px);
            transform: translateX(300px); } }

@keyframes lol {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300px);
            transform: translateX(-300px); }
  33% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  66% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(300px);
            transform: translateX(300px); } }