/***********************************************************
*** CUSTOMIZE THE LOADING SCREEN BACKGROUND + ICON COLORS
************************************************************/
/* loading screen background color */
#body{


}
#bonfire-pageloader {background: url(jjfa.jpg) no-repeat;background-size: 100%100%;}
	/* loading icon color */
	#bonfire-pageloader svg {
		fill:#fff;
	}
	.bonfire-pageloader-icon img{
		width: 100%;
	}
	
	/***********************************************************
	*** THE NITTY-GRITTY
	************************************************************/
	/* the pageloader */
	#bonfire-pageloader {
		position:fixed;
		z-index:99999999999999;
		width:100%;
		height:100%;
		left:0;
		right:0;
		top:0;
		bottom:0;
		/* margin-top:-100px; */
	}
	.bonfire-pageloader-fade img{
	width: 100%;
	
	}
	.bonfire-pageloader-fade {
		/* opacity: 1 !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: 1.0417rem;
		height: 1.0417rem;
		position:absolute;
		/* margin:0% 0 0 0; */
		opacity:1;
		top: 34%!important;
		left: 44.5%;
		text-align: center;
		color: #fff;
	}
	.bonfire-pageloader-icon-hide {
		/* opacity: 1 !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 {
		-webkit-animation:spin 2s linear infinite;
		-moz-animation:spin 2s linear infinite;
		animation:spin 2s linear infinite;
		width:100px;
		height:100px;
	}
	@-webkit-keyframes spin { 100% { -webkit-transform: rotate(-360deg); } }
	@-moz-keyframes spin { 100% { -moz-transform: rotate(-360deg); } }
	@keyframes spin { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }
	
	/* lets give the page body that subtle slide-in animation */
	
	.bonfire-html-onload {	
		-webkit-transform: translateY(-5px);
		-moz-transform: translateY(50px);
		-ms-transform: translateY(50px);
		-o-transform: translateY(50px);
		transform: translateY(0px);
	
		-webkit-transition: all 0s ease;
		-moz-transition: all 0s ease;
		-o-transition: all 0s ease;
		-ms-transition: all 0s ease;
		transition: all 0s ease;
	}