#preloader-wrapper {
  background-color: #fdfaf8;
  z-index: 10000;
  position: fixed;
  width: 100%;
  height: 100%;}

.preloader-container {
  position: relative;
  width: 80px;
  height: 40px;
  left: 50%;
  top: 50%;
  margin-top: -40px;
  margin-left: -40px;}
.preloader-container > span {
  position: relative;
  float: left;
  height: 40px;
  width: 4px;
  margin: 0 2px;
  background-color: #ffffff; }
.preloader-container .loader-item:nth-child(1) {
-webkit-animation: loader-item-1 2s linear infinite;
        animation: loader-item-1 2s linear infinite;
}
.preloader-container .loader-item:nth-child(2) {
-webkit-animation: loader-item-2 2s linear infinite;
        animation: loader-item-2 2s linear infinite;
}
.preloader-container .loader-item:nth-child(3) {
-webkit-animation: loader-item-3 2s linear infinite;
        animation: loader-item-3 2s linear infinite;
}
.preloader-container .loader-item:nth-child(4) {
-webkit-animation: loader-item-4 2s linear infinite;
        animation: loader-item-4 2s linear infinite;
}
.preloader-container .loader-item:nth-child(5) {
-webkit-animation: loader-item-5 2s linear infinite;
        animation: loader-item-5 2s linear infinite;
}
.preloader-container .loader-item:nth-child(6) {
-webkit-animation: loader-item-6 2s linear infinite;
        animation: loader-item-6 2s linear infinite;
}
.preloader-container .loader-item:nth-child(7) {
-webkit-animation: loader-item-7 2s linear infinite;
        animation: loader-item-7 2s linear infinite;
}
.preloader-container .loader-item:nth-child(8) {
-webkit-animation: loader-item-8 2s linear infinite;
        animation: loader-item-8 2s linear infinite;
}
.preloader-container .loader-item:nth-child(9) {
-webkit-animation: loader-item-9 2s linear infinite;
        animation: loader-item-9 2s linear infinite;
}
.preloader-container .loader-item:nth-child(10) {
-webkit-animation: loader-item-10 2s linear infinite;
        animation: loader-item-10 2s linear infinite;
}
.preloader-container:after {
content: 'Loading...';
font-size: 16px;
text-align: center;
position: absolute;
left: 0;
right: 0;
bottom: -40px;
margin: auto;
}
@-webkit-keyframes loader-item-1 {
1% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
11% {
  -webkit-transform: scaleY(1.4);
          transform: scaleY(1.4);
}
21% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
100% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
}
@keyframes loader-item-1 {
1% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
11% {
  -webkit-transform: scaleY(1.4);
          transform: scaleY(1.4);
}
21% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
100% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
}
@-webkit-keyframes loader-item-2 {
7% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
17% {
  -webkit-transform: scaleY(1.4);
          transform: scaleY(1.4);
}
27% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
100% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
}
@keyframes loader-item-2 {
7% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
17% {
  -webkit-transform: scaleY(1.4);
          transform: scaleY(1.4);
}
27% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
100% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
}
@-webkit-keyframes loader-item-3 {
13% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
23% {
  -webkit-transform: scaleY(1.4);
          transform: scaleY(1.4);
}
33% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
100% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
}
@keyframes loader-item-3 {
13% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
23% {
  -webkit-transform: scaleY(1.4);
          transform: scaleY(1.4);
}
33% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
100% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
}
@-webkit-keyframes loader-item-4 {
19% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
29% {
  -webkit-transform: scaleY(1.4);
          transform: scaleY(1.4);
}
39% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
100% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
}
@keyframes loader-item-4 {
19% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
29% {
  -webkit-transform: scaleY(1.4);
          transform: scaleY(1.4);
}
39% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
100% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
}
@-webkit-keyframes loader-item-5 {
25% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
35% {
  -webkit-transform: scaleY(1.4);
          transform: scaleY(1.4);
}
45% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
100% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
}
@keyframes loader-item-5 {
25% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
35% {
  -webkit-transform: scaleY(1.4);
          transform: scaleY(1.4);
}
45% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
100% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
}
@-webkit-keyframes loader-item-6 {
31% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
41% {
  -webkit-transform: scaleY(1.4);
          transform: scaleY(1.4);
}
51% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
100% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
}
@keyframes loader-item-6 {
31% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
41% {
  -webkit-transform: scaleY(1.4);
          transform: scaleY(1.4);
}
51% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
100% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
}
@-webkit-keyframes loader-item-7 {
37% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
47% {
  -webkit-transform: scaleY(1.4);
          transform: scaleY(1.4);
}
57% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
100% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
}
@keyframes loader-item-7 {
37% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
47% {
  -webkit-transform: scaleY(1.4);
          transform: scaleY(1.4);
}
57% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
100% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
}
@-webkit-keyframes loader-item-8 {
43% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
53% {
  -webkit-transform: scaleY(1.4);
          transform: scaleY(1.4);
}
63% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
100% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
}
@keyframes loader-item-8 {
43% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
53% {
  -webkit-transform: scaleY(1.4);
          transform: scaleY(1.4);
}
63% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
100% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
}
@-webkit-keyframes loader-item-9 {
49% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
59% {
  -webkit-transform: scaleY(1.4);
          transform: scaleY(1.4);
}
69% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
100% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
}
@keyframes loader-item-9 {
49% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
59% {
  -webkit-transform: scaleY(1.4);
          transform: scaleY(1.4);
}
69% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
100% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
}
@-webkit-keyframes loader-item-10 {
55% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
65% {
  -webkit-transform: scaleY(1.4);
          transform: scaleY(1.4);
}
75% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
100% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
}
@keyframes loader-item-10 {
55% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
65% {
  -webkit-transform: scaleY(1.4);
          transform: scaleY(1.4);
}
75% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
100% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
}