/* hide PageLoader if so specified */
.pageloader-hide { display:none; }

/* the pageloader background */
#bonfire-pageloader {
	position:fixed;
	z-index:99999998;
	top:-100%;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:1000%;
	margin:0;
	padding:0;
	
	/* default background color */
	background-color:#1FB6DB;
}
.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;
	z-index:99999999;
	opacity:1;
	overflow:visible;
}
@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-icon 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;
}
.pageloader-iconspeednone {
	-webkit-animation-duration:0s !important;
	-moz-animation-duration:0s !important;
	animation-duration:0s !important;
}

/* set the icon sizes */
.pageloader-iconsize25 {
	margin-bottom:-25px;

	-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 {
	margin-bottom:-15px;

	-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);
}
.bonfire-pageloader-sentence {
	font-family:'Montserrat',Arial,Tahoma,Verdana;
	font-weight:700;
	font-size:11px;
	color:#B0E6F3;
	text-align:center;
	cursor:default;
	margin-left:-100%;
    margin-right:-100%;
}