/*====================================================================
1.1 Loader CSS

=====================================================================*/
.preloader ~ .page-wrapper{
	overflow:hidden
}
.preloader{
	position:fixed;
	background: #abc2cb;
	width:100%;
	top: 0;
	left: 0;
	height:100%;
	z-index:9999
}

.preloader > div{
	top: 50%;
	position:relative;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.preloader span {
  display: table;
  font-family: "Montserrat", sans-serif;
  margin-top: 70px;
  text-align: center;
  width: 100%
}

/*------- Past Loader Css bottom --------*/

.loader {
	margin:0 auto;
	display:table
}

.square {
	background: rgb(255,255,255);
	width: 19px;
	height: 19px;
	float: left;
	top: -13px;
	margin-right: 6px;
	margin-top: 6px;
	position: relative;
	opacity: 0;
	animation: enter 3.3s infinite;
		-o-animation: enter 3.3s infinite;
		-ms-animation: enter 3.3s infinite;
		-webkit-animation: enter 3.3s infinite;
		-moz-animation: enter 3.3s infinite;
}

.enter {
	top: 0px;
	opacity: 1;
}

.square:nth-child(1) {
	animation-delay: 0.99s;
		-o-animation-delay: 0.99s;
		-ms-animation-delay: 0.99s;
		-webkit-animation-delay: 0.99s;
		-moz-animation-delay: 0.99s;
}

.square:nth-child(2) {
	animation-delay: 1.155s;
		-o-animation-delay: 1.155s;
		-ms-animation-delay: 1.155s;
		-webkit-animation-delay: 1.155s;
		-moz-animation-delay: 1.155s;
}

.square:nth-child(3) {
	animation-delay: 1.32s;
		-o-animation-delay: 1.32s;
		-ms-animation-delay: 1.32s;
		-webkit-animation-delay: 1.32s;
		-moz-animation-delay: 1.32s;
}

.square:nth-child(4) {
	animation-delay: 0.495s;
		-o-animation-delay: 0.495s;
		-ms-animation-delay: 0.495s;
		-webkit-animation-delay: 0.495s;
		-moz-animation-delay: 0.495s;
	animation-delay: 0.495s;
}

.square:nth-child(5) {
	animation-delay: 0.66s;
		-o-animation-delay: 0.66s;
		-ms-animation-delay: 0.66s;
		-webkit-animation-delay: 0.66s;
		-moz-animation-delay: 0.66s;
	animation-delay: 0.66s;
}

.square:nth-child(6) {
	animation-delay: 0.825s;
		-o-animation-delay: 0.825s;
		-ms-animation-delay: 0.825s;
		-webkit-animation-delay: 0.825s;
		-moz-animation-delay: 0.825s;
	animation-delay: 0.825s;
}

.square:nth-child(8) {
	animation-delay: 0.165s;
		-o-animation-delay: 0.165s;
		-ms-animation-delay: 0.165s;
		-webkit-animation-delay: 0.165s;
		-moz-animation-delay: 0.165s;
	animation-delay: 0.165s;
}

.square:nth-child(9) {
	animation-delay: 0.33s;
		-o-animation-delay: 0.33s;
		-ms-animation-delay: 0.33s;
		-webkit-animation-delay: 0.33s;
		-moz-animation-delay: 0.33s;
	animation-delay: 0.33s;
}

.clear {
	clear: both;
}

.last {
	margin-right: 0;
}



@keyframes enter {
	0% {
		opacity: 0;
		top: -13px;
	}
	5% {
		opacity: 1;
		top: 0px;
	}
	50.9% {
		opacity: 1;
		top: 0px;
	}
	55.9% {
		opacity: 0;
		top: 13px;
	}
}

@-o-keyframes enter {
	0% {
		opacity: 0;
		top: -13px;
	}
	5% {
		opacity: 1;
		top: 0px;
	}
	50.9% {
		opacity: 1;
		top: 0px;
	}
	55.9% {
		opacity: 0;
		top: 13px;
	}
}

@-ms-keyframes enter {
	0% {
		opacity: 0;
		top: -13px;
	}
	5% {
		opacity: 1;
		top: 0px;
	}
	50.9% {
		opacity: 1;
		top: 0px;
	}
	55.9% {
		opacity: 0;
		top: 13px;
	}
}

@-webkit-keyframes enter {
	0% {
		opacity: 0;
		top: -13px;
	}
	5% {
		opacity: 1;
		top: 0px;
	}
	50.9% {
		opacity: 1;
		top: 0px;
	}
	55.9% {
		opacity: 0;
		top: 13px;
	}
}

@-moz-keyframes enter {
	0% {
		opacity: 0;
		top: -13px;
	}
	5% {
		opacity: 1;
		top: 0px;
	}
	50.9% {
		opacity: 1;
		top: 0px;
	}
	55.9% {
		opacity: 0;
		top: 13px;
	}
}