/* Preloader */
@import url(https://fonts.googleapis.com/css?family=Roboto:300);
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999999; 
  display:flex;
  align-items:center;
  background: #f1f1f1 url("../images/bg-load.webp") no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: hidden;
}
.back {
		margin:1em auto;
    font-size: 5pt;
    font-family:"Roboto";
	}
	.back span {
		font-size:3em;
		color:#fff;
background: -webkit-linear-gradient(to right, #e2d7d0, #e2d7d0);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #e2d7d0, #e2d7d0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

		display:table-cell;
		box-shadow:inset 0 0 5px rgba(255,255,255,0.3), 0 5px 0 #e2d7d0;
		padding: 0 15px;
		line-height: 100px;
		animation:jumb 2s infinite;
	}
	@keyframes jumb {
		0% {
			transform:translateY(0px);
		}
		15% {
			transform:translateY(-30px);
			box-shadow:0 15px 0 #a97a3d;
		}
		30% {
			transform:translateY(0px);
		}
		45% {
			transform:translateY(-30px);
			box-shadow:0 15px 0 #a97a3d;
		}
		65% {
			transform:translateY(0px);
		}	
		85% {
			transform:translateY(-30px);
			box-shadow:0 15px 0 #a97a3d;
		}	
		100% {
			transform:translateY(0px);
		}
	}
	.back span:nth-child(1) {
		animation-delay:0s;
	}
	.back span:nth-child(2) {
		animation-delay:.5s;	
	}
	.back span:nth-child(3) {
		animation-delay:.6s;
	}
	.back span:nth-child(4) {
		animation-delay:.7s;	
	}
	.back span:nth-child(5) {
		animation-delay:.8s;
	}
	.back span:nth-child(6) {
		animation-delay:.9s;	
	}
	.back span:nth-child(7) {
		animation-delay:1s;
	}