/*************************************************************
[TABLE OF CONTENTS]

- BACKGROUND + ICON
- ICON ANIMATIONS + SPEED + SIZES
- FADE-OUT + HIDE ANIMATIONS
- LOADING SENTENCE
- ANIMATED DOTS
- CLOSE BUTTON
- NPROGRESS INTEGRATION
- MISC
*************************************************************/


/*
* BACKGROUND + ICON
*************************************************************/
/* the background */
.bonfire-pageloader-background {
	position:fixed;
	z-index:99999997;
	top:0;
	left:0;
	width:100%;
	height:100%;
    width:100vw;
	height:100vh;
	margin:0;
	padding:0;
	
	/* default background color */
	background-color:#1FB6DB;
}
/* the background image*/
.bonfire-pageloader-background-image {
	position:fixed;
	z-index:99999998;
	top:0;
	left:0;
	width:100%;
	height:110%;
	margin:0;
	padding:0;
    opacity:.2;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
}
/* the loading icon */
.bonfire-pageloader-icon-wrapper {
    display:table;
    width:100%;
    height:100%;
    position:fixed;
    z-index:99999999;
    top:0;
    left:0;
    opacity:1;
}
.bonfire-pageloader-icon {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}
.bonfire-pageloader-icon svg {
	/* default icon color */
	fill:#fff;
}
.bonfire-pageloader-icon .icon-wrapper {
	padding:10px;
}

/*
* ICON ANIMATIONS + SPEED + SIZES
*************************************************************/
/* rotate the ic