/***********************************************************
*** CUSTOMIZE THE LOADING SCREEN BACKGROUND + ICON COLORS
************************************************************/
/* loading screen background color */
#bonfire-pageloader {
	  background: linear-gradient(to right, #681488 50%, #7B29A7 0%);
	//background-image: url("../img/open.jpg") no-repeat center;
}
/* loading icon color */
#bonfire-pageloader svg {
    fill: #fff;
}

/***********************************************************
*** THE NITTY-GRITTY
************************************************************/
/* the pageloader */
#bonfire-pageloader {
    position:absolute;
    z-index:99999999999999;
    width:100%;
    height:1000%;
    left:0;
    right:0;
    top:0;
    bottom:0;
    //margin-top:-200px;
}
.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 img{
    position: absolute;
    margin:0 0 0 0;
    opacity:1;
    top: -250px;
	left: -250px;
}

.bonfire-pageloader-icon {
    //width: 100%;
    //height: 100%;
    position:absolute;
    margin:0 0 0 0;
    opacity:1;
	 // left: 50%;
    top: 50%;
    //top: 100px;
	left: auto;
	//right: auto;
}

.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 {
    -webkit-animation:spin 2s linear infinite;
    -moz-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;
    //width:100px;
    //height:100px;
	  position: fixed;
	  top: 80%;
      left: 50%;
     margin-left: -30px;
	 // margin: 0 auto;
	      opacity:1;
		  color: #FFF;

}
@-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 */
html {
    height:100%;

    -webkit-backface-visibility: hidden;

    -webkit-transform-origin:top;
    -moz-transform-origin:top;
    -ms-transform-origin:top;
    -o-transform-origin:top;
    transform-origin:top;

    -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-html-onload {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);

    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -o-transition: all 0s ease;
    -ms-transition: all 0s ease;
    transition: all 0s ease;
}

//svg {
//  width: 60px;
//  height: 60px;
//  	      position:absolute;
//	  top: 190%;
//}