@charset "UTF-8";
.loadingAnim, .loadingAnim_line {
    position: fixed;
    text-align: center;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    }
.loadingAnim {
    z-index: 99999;
    display: block;
    width: 100%;
    height: 100%;
    }
.loadingAnim_line {
    line-height: 1;
    z-index: 9500;
    display: inline-block;
    overflow: hidden;
    width: 134px;
    height: 164px;
    margin: auto;
    background: url("../images/loading.gif") center top no-repeat;
    background-size: 134px;
	-webkit-animation: loadingAnim_logo 1s ease .1s infinite alternate both;
    animation: loadingAnim_logo 1s ease .1s infinite alternate both;
    transition: all .3s cubic-bezier(.785, .135, .15, .86) 0s;
    transition-delay: .6s;
    }
/*.loadingAnim_line:after {
    position: absolute;
    z-index: 100;
    bottom: 0;
    left: 0;
    display: block;
    width: 0;
    height: 1%;
    margin: auto auto 0;    
    content: '';
    -webkit-animation: loadingAnim 2s ease-in-out .1s infinite normal backwards;
    animation: loadingAnim 2s ease-in-out .1s infinite normal backwards;
    background-color: #28a7e1;
    will-change: transform;
    }*/
.loadingAnim_line:before {
    font-family: poppins,sans-serif;
    font-weight: 500;
    font-size: 0.8rem;
    font-style: normal;
    line-height: 15;
    display: block;
    content: 'Loading...';
    -webkit-animation: loadingAnim_text 1s ease .1s infinite alternate both;
    animation: loadingAnim_text 1s ease .1s infinite alternate both;
    letter-spacing: .35em;
    color: #080404;
    will-change: opacity;
    }
.loaded .loadingAnim_line {
    overflow: hidden;
    height: 0;
    }
.loaded .loadingAnim_line:after, .loaded .loadingAnim_line:before {
    -webkit-animation: none;
    animation: none;
    }
.loadingAnim:after, .loadingAnim:before {
    line-height: 1;
    position: fixed;
    z-index: 99;
    right: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 50%;
    margin-right: auto;
    margin-left: auto;
    content: '';
    transition: all .3s cubic-bezier(.785, .135, .15, .86) 0s;
    transition-delay: .3s;
    background-color: #dfcd01;
    }
.loadingAnim:before { top: 0;}
.loadingAnim:after { bottom: 0;}
.loaded .loadingAnim:before {
    height: 0;
    -webkit-transform: translateY(-1%);
    -ms-transform: translateY(-1%);
    transform: translateY(-1%);
    }
.loaded .loadingAnim:after {
    height: 0;
    -webkit-transform: translateY(1%);
    -ms-transform: translateY(1%);
    transform: translateY(1%);
    }
@-webkit-keyframes loadingAnim {
  0% { width: 0;}
  100% {
      width: 100%;
      -webkit-transform: translate(100%);
      transform: translate(100%);
    }
}
@keyframes loadingAnim {
  0% { width: 0;}
  100% {
      width: 100%;
      -webkit-transform: translate(100%);
      transform: translate(100%);
    }
}
@-webkit-keyframes loadingAnim_text {
  0% {
      opacity: 1;
      color: #080404;
    }
  50% { color: #080404;}
  100% {
      opacity: .5;
      color: #dfcd01;
    }
}
@keyframes loadingAnim_text {
  0% {
      opacity: 1;
      color: #080404;
  }
  50% { color: #080404;}
  100% {
      opacity: .5;
      color: #dfcd01;
    }
}
/*@-webkit-keyframes loadingAnim_logo {
  	0% { opacity: 1;}
	10% { opacity: 0.8;}
	25% { opacity: 1;}
	30% { opacity: 0.8;}
	45% { opacity: 1;}
	50% { opacity: 0.8;}
	65% { opacity: 1;}
	70% { opacity: 0.5;}
	85% { opacity: 1;}
	90% { opacity: 0.5;}
	100% {opacity: 0;}
}
@keyframes loadingAnim_logo {
  	0% { opacity: 1;}
	10% { opacity: 0.8;}
	25% { opacity: 1;}
	30% { opacity: 0.8;}
	45% { opacity: 1;}
	50% { opacity: 0.8;}
	65% { opacity: 1;}
	70% { opacity: 0.5;}
	85% { opacity: 1;}
	90% { opacity: 0.5;}
	100% {opacity: 0;}
}