#loader-wrapper {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#fff
}
#loader {
	display:block;
	position:relative;
	left:50%;
	top:50%;
	width:150px;
	height:150px;
	margin:-75px 0 0 -75px;
	border-radius:50%;
	border:3px solid transparent;
	border-top-color:#2489ce;
	-webkit-animation:spin 2s linear infinite;
	animation:spin 2s linear infinite
}
#loader:before {
	content:"";
	position:absolute;
	top:5px;
	left:5px;
	right:5px;
	bottom:5px;
	border-radius:50%;
	border:3px solid transparent;
	border-top-color:#e74c3c;
	-webkit-animation:spin 3s linear infinite;
	animation:spin 3s linear infinite
}
#loader:after {
	content:"";
	position:absolute;
	top:15px;
	left:15px;
	right:15px;
	bottom:15px;
	border-radius:50%;
	border:3px solid transparent;
	border-top-color:#f9c922;
	-webkit-animation:spin 1.5s linear infinite;
	animation:spin 1.5s linear infinite
}
.loaded #loader {
	opacity:0;
-webkit-transition:all .3s ease-out;
transition:all .3s ease-out
}
.loaded #loader-wrapper {
	visibility:hidden;
	-webkit-transform:translateY(100%);
	-ms-transform:translateY(100%);
	transform:translateY(100%);
-webkit-transition:all .3s 1s ease-out;
transition:all .3s 1s ease-out
}
@-webkit-keyframes spin {
0% {
-webkit-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes spin {
0% {
-webkit-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg)
}
}






.loader1:before,
.loader1:after,
.loader1 {
    top:35%;
	border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.4s infinite ease-in-out;
    animation: load7 1.4s infinite ease-in-out;
}
.loader1 {
    font-size: 10px;
    margin: 80px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.14s;
}
.loader1:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.22s;
}
.loader1:after {
    left: 3.5em;
}
.loader1:before,
.loader1:after {
    content: '';
    position: absolute;
    top: 0;
}
@-webkit-keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em #028c74;
    }
    40% {
        box-shadow: 0 2.5em 0 0 #028c74;
    }
}
@keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em #028c74;
    }
    40% {
        box-shadow: 0 2.5em 0 0 #028c74;
    }
}