.loader-wrapper {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	background: rgb(255, 255, 255);
	width: 100%;
	height: 100%;
	text-align: center;
}

.circle {
	top: 50%;
	left: 50%;
	position: absolute;
	width: 50px;
	height: 50px;
	border-top: 5px solid rgba(184, 100, 9, 1);
	border-left: 5px solid rgba(238, 130, 13, .8);
	border-bottom: 5px solid rgba(238, 130, 13, .8);
	border-right: 5px solid rgba(238, 130, 13, .8);
	border-radius: 50%;
	-webkit-animation: turn 0.8s infinite linear;
	animation: turn 0.8s infinite linear;
}

@keyframes turn {
    100% {
		transform: rotate(1turn);
	}
}

.loaded .loader-wrapper, .loaded .loader {
	opacity: 0;
	-webkit-transition: ease-out 0.8s;
	-moz-transition: ease-out 0.8s;
	-o-transition: ease-out 0.8s;
	transition: ease-out 0.8s;
}

.loaded .loader-wrapper {
  visibility: hidden;
}