/* preloader */

#loading {
	-webkit-animation: rotation 10s infinite linear;
	animation: rotation 10s infinite linear;
	-webkit-filter: drop-shadow(0 10px 30px #333);
	-moz-filter: drop-shadow(0 10px 30px #333);
	-ms-filter: drop-shadow(0 10px 30px #333);
	filter: drop-shadow(0 10px 30px #333);
	margin-top:20px;
	display:inline-block;
	width:60px !important;
}
@-webkit-keyframes rotation {
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(359deg);}
}
div.loading h2 {
	font-family: 'Raleway Dots';
	font-size:36px;
	line-height: normal;
	color: #333;
}
.preloader {
	display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: white;
    text-align: center;
}
.loading {
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 45%;
	width: 200px;
	height: 90px;
}
@media only screen and (max-width : 600px) {
	.loading {
		left: 25%;
	}
}
.progress {
	display: block;
	position: absolute;
	bottom: 0;
	overflow: hidden;
	width: 100px;
	height: 1px;
	left: -102px;
	background-color: burlywood;
	-webkit-animation: loader-anim 1s 0s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-animation: loader-anim 1s 0s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86);
    animation: loader-anim 1s 0s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86)
}

@-webkit-keyframes loader-anim {
    0% {
        left: -102px
    }

    100% {
        left: 102px
    }
}

@-moz-keyframes loader-anim {
    0% {
        left: -102px
    }

    100% {
        left: 102px
    }
}

@keyframes loader-anim {
    0% {
        left: -102px
    }

    100% {
        left: 102px
    }
}