/*-----------preloader-multi-dot-------Start---------*/
.preloader{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999999999999999;	
}
.preloader .loader{
	position: absolute;
 	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.preloader-multi-dot .loader {
	width: 150px;
	height: 150px;
}
.preloader-multi-dot .loader .dot {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	margin: auto;
}
.preloader-multi-dot .loader .dot:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 87.5px;
	height: 87.5px;
	border-radius: 100%;
	-webkit-transform: scale(0);
	   -moz-transform: scale(0);
	    -ms-transform: scale(0);
	     -o-transform: scale(0);
	        transform: scale(0);
}
.preloader-multi-dot .loader .dot:nth-child(7n+1) {
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.preloader-multi-dot .loader .dot:nth-child(7n+1):before {
	background: #00ff80;
	-webkit-animation: multi-dot 0.8s linear 0.1s infinite;
	   -moz-animation: multi-dot 0.8s linear 0.1s infinite;
	    -ms-animation: multi-dot 0.8s linear 0.1s infinite;
	     -o-animation: multi-dot 0.8s linear 0.1s infinite;
	        animation: multi-dot 0.8s linear 0.1s infinite;
}
.preloader-multi-dot .loader .dot:nth-child(7n+2) {
	-webkit-transform: rotate(90deg);
	   -moz-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	     -o-transform: rotate(90deg);
	        transform: rotate(90deg);
}
.preloader-multi-dot .loader .dot:nth-child(7n+2):before {
background: #00ffea;
	-webkit-animation: multi-dot 0.8s linear 0.2s infinite;
	   -moz-animation: multi-dot 0.8s linear 0.2s infinite;
	    -ms-animation: multi-dot 0.8s linear 0.2s infinite;
	     -o-animation: multi-dot 0.8s linear 0.2s infinite;
	        animation: multi-dot 0.8s linear 0.2s infinite;
}
.preloader-multi-dot .loader .dot:nth-child(7n+3) {
	-webkit-transform: rotate(135deg);
	   -moz-transform: rotate(135deg);
	    -ms-transform: rotate(135deg);
	     -o-transform: rotate(135deg);
	        transform: rotate(135deg);
}
.preloader-multi-dot .loader .dot:nth-child(7n+3):before {
	background: #00aaff;
	-webkit-animation: multi-dot 0.8s linear 0.3s infinite;
	   -moz-animation: multi-dot 0.8s linear 0.3s infinite;
	    -ms-animation: multi-dot 0.8s linear 0.3s infinite;
	     -o-animation: multi-dot 0.8s linear 0.3s infinite;
	        animation: multi-dot 0.8s linear 0.3s infinite;
}
.preloader-multi-dot .loader .dot:nth-child(7n+4) {
	-webkit-transform: rotate(180deg);
	   -moz-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	     -o-transform: rotate(180deg);
	        transform: rotate(180deg);
}
.preloader-multi-dot .loader .dot:nth-child(7n+4):before {
	background: #0040ff;
	-webkit-animation: multi-dot 0.8s linear 0.4s infinite;
	   -moz-animation: multi-dot 0.8s linear 0.4s infinite;
	    -ms-animation: multi-dot 0.8s linear 0.4s infinite;
	     -o-animation: multi-dot 0.8s linear 0.4s infinite;
	        animation: multi-dot 0.8s linear 0.4s infinite;
}
.preloader-multi-dot .loader .dot:nth-child(7n+5) {
	-webkit-transform: rotate(225deg);
	   -moz-transform: rotate(225deg);
	    -ms-transform: rotate(225deg);
	     -o-transform: rotate(225deg);
	        transform: rotate(225deg);
}
.preloader-multi-dot .loader .dot:nth-child(7n+5):before {
	background: #2a00ff;
	-webkit-animation: multi-dot 0.8s linear 0.5s infinite;
	   -moz-animation: multi-dot 0.8s linear 0.5s infinite;
	    -ms-animation: multi-dot 0.8s linear 0.5s infinite;
	     -o-animation: multi-dot 0.8s linear 0.5s infinite;
	        animation: multi-dot 0.8s linear 0.5s infinite;
}
.preloader-multi-dot .loader .dot:nth-child(7n+6) {
	-webkit-transform: rotate(270deg);
	   -moz-transform: rotate(270deg);
	    -ms-transform: rotate(270deg);
	     -o-transform: rotate(270deg);
	        transform: rotate(270deg);
}
.preloader-multi-dot .loader .dot:nth-child(7n+6):before {
	background: #9500ff;
	-webkit-animation: multi-dot 0.8s linear 0.6s infinite;
	   -moz-animation: multi-dot 0.8s linear 0.6s infinite;
	    -ms-animation: multi-dot 0.8s linear 0.6s infinite;
	        animation: multi-dot 0.8s linear 0.6s infinite;
}
.preloader-multi-dot .loader .dot:nth-child(7n+7) {
	-webkit-transform: rotate(315deg);
	   -moz-transform: rotate(315deg);
	    -ms-transform: rotate(315deg);
	     -o-transform: rotate(315deg);
	        transform: rotate(315deg);
}
.preloader-multi-dot .loader .dot:nth-child(7n+7):before {
	background: magenta;
	-webkit-animation: multi-dot 0.8s linear 0.7s infinite;
	   -moz-animation: multi-dot 0.8s linear 0.7s infinite;
	    -ms-animation: multi-dot 0.8s linear 0.7s infinite;
	     -o-animation: multi-dot 0.8s linear 0.7s infinite;
	        animation: multi-dot 0.8s linear 0.7s infinite;
}
.preloader-multi-dot .loader .dot:nth-child(7n+8) {
	-webkit-transform: rotate(360deg);
	   -moz-transform: rotate(360deg);
	    -ms-transform: rotate(360deg);
	     -o-transform: rotate(360deg);
	        transform: rotate(360deg);
}
.preloader-multi-dot .loader .dot:nth-child(7n+8):before {
	background: #ff0095;
	-webkit-animation: multi-dot 0.8s linear 0.8s infinite;
	   -moz-animation: multi-dot 0.8s linear 0.8s infinite;
	    -ms-animation: multi-dot 0.8s linear 0.8s infinite;
	     -o-animation: multi-dot 0.8s linear 0.8s infinite;
	        animation: multi-dot 0.8s linear 0.8s infinite;
}
@-webkit-keyframes multi-dot {
	100% {
		opacity: 0;
		-webkit-transform: scale(1);
	}
}
@-moz-keyframes multi-dot  {
	100% {
		opacity: 0;
		-moz-transform: scale(1);
	}
}
@-ms-keyframes multi-dot {
	100% {
		opacity: 0;
		-ms-transform: scale(1);
	}
}
@-o-keyframes multi-dot {
	100% {
		opacity: 0;
		-o-transform: scale(1);
	}
}
@keyframes multi-dot {
	100% {
		opacity: 0;
		transform: scale(1);
	}
}
/*-----------preloader-multi-dot-------End---------*/

/*-----------preloader-1-------Start---------*/
.preloader-1{
 	background:#fff;
}
.preloader-1 .loader {
	width: 100px;
	height: 100px;
	background: url('../images/preloader/preloader_1.gif') center center no-repeat;
	background-size: 100% 100%;
}
/*-----------preloader-1-------End---------*/

/*-----------preloader-2-------Start---------*/
.preloader-2{
 	background:#fff;
}
.preloader-2 .loader {
	width: 100px;
	height: 100px;
	background: url('../images/preloader/preloader_2.gif') center center no-repeat;
	background-size: 100% 100%;
}
/*-----------preloader-2-------End---------*/

/*-----------preloader-3-------Start---------*/
.preloader-3{
 	background:#fff;
}
.preloader-3 .loader {
	width: 100px;
	height: 100px;
	background: url('../images/preloader/preloader_3.gif') center center no-repeat;
	background-size: 100% 100%;
}
/*-----------preloader-3-------End---------*/

/*-----------preloader-4-------Start---------*/
.preloader-4{
 	background:#fff;
}
.preloader-4 .loader {
	width: 100px;
	height: 100px;
	background: url('../images/preloader/preloader_4.gif') center center no-repeat;
	background-size: 100% 100%;
}
/*-----------preloader-4-------End---------*/

/*-----------preloader-5-------Start---------*/
.preloader-5{
 	background:#fff;
}
.preloader-5 .loader {
	width: 100px;
	height: 100px;
	background: url('../images/preloader/preloader_5.gif') center center no-repeat;
	background-size: 100% 100%;
}
/*-----------preloader-5-------End---------*/

/*-----------preloader-6-------Start---------*/
.preloader-6{
 	background:#fff;
}
.preloader-6 .loader {
	width: 100px;
	height: 100px;
	background: url('../images/preloader/preloader_6.gif') center center no-repeat;
	background-size: 100% 100%;
}
/*-----------preloader-6-------End---------*/

/*-----------preloader-7-------Start---------*/
.preloader-7{
 	background:#fff;
}
.preloader-7 .loader {
	width: 100px;
	height: 100px;
	background: url('../images/preloader/preloader_7.gif') center center no-repeat;
	background-size: 100% 100%;
}
/*-----------preloader-7-------End---------*/

/*-----------preloader-8-------Start---------*/
.preloader-8{
 	background:#fff;
}
.preloader-8 .loader {
	width: 100px;
	height: 100px;
	background: url('../images/preloader/preloader_8.gif') center center no-repeat;
	background-size: 100% 100%;
}
/*-----------preloader-8-------End---------*/

/*-----------preloader-9-------Start---------*/
.preloader-9{
 	background:#fff;
}
.preloader-9 .loader {
	width: 100px;
	height: 100px;
	background: url('../images/preloader/preloader_9.gif') center center no-repeat;
	background-size: 100% 100%;
}
/*-----------preloader-9-------End---------*/

/*-----------preloader-10-------Start---------*/
.preloader-10{
 	background:#fff;
}
.preloader-10 .loader {
	width: 100px;
	height: 100px;
	background: url('../images/preloader/preloader_10.gif') center center no-repeat;
	background-size: 100% 100%;
}
/*-----------preloader-10-------End---------*/

/*-----------preloader-11-------Start---------*/
.preloader-11{
 	background:#fff;
}
.preloader-11 .loader {
	width: 100px;
	height: 100px;
	background: url('../images/preloader/preloader_11.gif') center center no-repeat;
	background-size: 100% 100%;
}
/*-----------preloader-11-------End---------*/

/*-----------preloader-12-------Start---------*/
.preloader-12{
 	background:#fff;
}
.preloader-12 .loader {
	width: 100px;
	height: 100px;
	background: url('../images/preloader/preloader_12.gif') center center no-repeat;
	background-size: 100% 100%;
}
/*-----------preloader-12-------End---------*/

/*-----------preloader-13-------Start---------*/
.preloader-13{
 	background:#fff;
}
.preloader-13 .loader {
	width: 100px;
	height: 100px;
	background: url('../images/preloader/preloader_13.gif') center center no-repeat;
	background-size: 100% 100%;
}
/*-----------preloader-13-------End---------*/