/* hide PageLoader if so specified */
.pageloader-hide { display:none; }

/* the pageloader background */
#bonfire-pageloader {
	position:fixed;
	z-index:99999999999999;
	top:0;
	left:0;
	right:0;
	width:100%;
	height:1000%;
	
	/* default background color */
	background-color:transparent;
}
.bonfire-pageloader-fade {
	opacity:0 !important;
	
	-webkit-transition: all .75s ease;
	-moz-transition: all .75s ease;
	-o-transition: all .75s ease;
	-ms-transition: all .75s ease;
	transition: all .75s ease;
}
.bonfire-pageloader-hide {
	display:none;
}

/* the loading icon */
.bonfire-pageloader-icon {
	width:100px;
	height:100px;
	position:fixed;
	opacity:1;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bonfire-pageloader-icon {
	margin:-5px 0 0 0;
}
}
.bonfire-pageloader-icon-hide {
	opacity:0 !important;
	
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-o-transition: all .25s ease;
	-ms-transition: all .25s ease;
	transition: all .25s ease;
}
#bonfire-pageloader svg {
	width:100px;
	height:100px;

	/* default icon color */
	fill:#fff;
}

/* rotate the icon counter-clockwise */
.pageloader-counterclockwise {
	-webkit-animation:counterclockwise 2s linear infinite;
	-moz-animation:counterclockwise 2s linear infinite;
	animation:counterclockwise 2s linear infinite;
}
@-webkit-keyframes counterclockwise { 100% { -webkit-transform: rotate(-360deg); } }
@-moz-keyframes counterclockwise { 100% { -moz-transform: rotate(-360deg); } }
@keyframes counterclockwise { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }

/* rotate the icon clockwise */
.pageloader-clockwise {
	-webkit-animation:clockwise 2s linear infinite;
	-moz-animation:clockwise 2s linear infinite;
	animation:clockwise 2s linear infinite;
}
@-webkit-keyframes clockwise { 100% { -webkit-transform: rotate(360deg); } }
@-moz-keyframes clockwise { 100% { -moz-transform: rotate(360deg); } }
@keyframes clockwise { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


/* set the icon speeds */
.pageloader-iconspeedslow {
	-webkit-animation-duration:4s !important;
	-moz-animation-duration:4s !important;
	animation-duration:4s !important;
}
.pageloader-iconspeedfast {
	-webkit-animation-duration:1s !important;
	-moz-animation-duration:1s !important;
	animation-duration:1s !important;
}

/* set the icon sizes */
.pageloader-iconsize25 {
	-webkit-transform: scale(0.25);
	-moz-transform: scale(0.25);
	-ms-transform: scale(0.25);
	-o-transform: scale(0.25);
	transform: scale(0.25);
}
.pageloader-iconsize50 {
	-webkit-transform: scale(0.50);
	-moz-transform: scale(0.50);
	-ms-transform: scale(0.50);
	-o-transform: scale(0.50);
	transform: scale(0.50);
}
.pageloader-iconsize75 {
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	-ms-transform: scale(0.75);
	-o-transform: scale(0.75);
	transform: scale(0.75);
}