@charset "utf-8";
body {
	overflow: hidden;
}

/* Preloader */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
	background-image: url(../images/hero-bg.jpg);
    background-image: linear-gradient(rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 100%), url(../images/hero-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
    z-index: 999999;
    opacity: 1;
    text-align: center;
}

#preloader .position-center-center {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

figure {
    margin: 0;
}
figure img {
    max-width: 100%;
    height: auto;
}

#preloader .position-center-center .loading {
    -ms-flex-item-align: center;
    align-self: center;
    width: 100px;
    margin: 0 auto;
    margin-top: 25px;
    position: relative;
    text-indent: -9999em;
}

#preloader .position-center-center .loading .ball {
    border-radius: 50%;
    background: #fff;
    width: 10px;
    height: 10px;
    position: absolute;
    -webkit-animation: loading 1.2s linear infinite;
    animation: loading 1.2s linear infinite;
}

#preloader .position-center-center .loading .ball:nth-of-type(2) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
@-webkit-keyframes loading {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
   }
	20% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
   }
	40% {
		-webkit-transform: translate3d(33px, 0, 0);
		transform: translate3d(33px, 0, 0);
   }
	60% {
		-webkit-transform: translate3d(66px, 0, 0);
		transform: translate3d(66px, 0, 0);
   }
	80% {
		-webkit-transform: translate3d(99px, 0, 0);
		transform: translate3d(99px, 0, 0);
		opacity: 1;
   }
	100% {
		-webkit-transform: translate3d(99px, 0, 0) scale(0.5);
		transform: translate3d(99px, 0, 0) scale(0.5);
		opacity: 0;
   }
}
@keyframes loading {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}
	20% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	40% {
		-webkit-transform: translate3d(33px, 0, 0);
		transform: translate3d(33px, 0, 0);
	}
	60% {
		-webkit-transform: translate3d(66px, 0, 0);
		transform: translate3d(66px, 0, 0);
	}
	80% {
		-webkit-transform: translate3d(99px, 0, 0);
		transform: translate3d(99px, 0, 0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translate3d(99px, 0, 0) scale(0.5);
		transform: translate3d(99px, 0, 0) scale(0.5);
		opacity: 0;
	}
}