/***********************************************************
*** CUSTOMIZE THE LOADING SCREEN BACKGROUND + ICON COLORS
************************************************************/
/* loading screen background color */
#bonfire-pageloader {
	background-color:#fff;
}
/* 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:-50px;
}
.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:360px;
	height:60px;
	position:absolute;
	margin:100px 0 0 0;
	opacity:1;
	top:0;
	text-align: center;
	color: #fff;
}
.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 {
    -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 */
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;
}



body,textarea,input,select,option {color:#333;font-family:Tahoma,Arial,sans-serif;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
body,h1,h2,h3,h4,h5,h6,blockquote,ol,ul,dl,dd,p,textarea,input,select,option,form {margin:0;}
ol,ul,textarea,input,option,th,td {padding:0;}
table {border-collapse:collapse;}
ol,ul {list-style-type:none;}
.clearfix:before,.clearfix:after {content:'';display:table;}
.clearfix:after {clear:both;}.clearfix {*zoom:1;}
.clearfix:after {content:'.';display:block;height:0;clear:both;visibility:hidden;}
.clearfix {*zoom:1;}
/*.clear {clear:both;height:0;overflow:hidden;}*/
a {text-decoration:none;color:#333;}
a,textarea,input{outline:none}
textarea {overflow:auto;resize:none;}
.img img {display:block;}
a img {border:none;}
.z_index{position:fixed;_position:absolute;z-index:999;display:none;}
.pr {position:relative;}.pa {position:absolute;}
.fl {float:left;}.fr {float:right;}

a:hover{text-decoration:underline}
.load-ms{
	width: 100%;
	margin-top: 20px;
	text-align: center;
}
.load-ms p{
	display: inline-block;
	font-size: 20px;
	color: #d70917;
	
}
.load-ms span{
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #d70917;
	-webkit-animation: star 1.2s infinite ease-in-out;
  	animation: star 1.2s infinite ease-in-out;
	
}
.load-ms span:nth-child(2){
	-webkit-animation-delay: -1.1s;
  	animation-delay: -1.1s;
}
.load-ms span:nth-child(3){
	-webkit-animation-delay: -1.0s;
  	animation-delay: -1.0s;
}
.load-ms span:nth-child(4){
	-webkit-animation-delay: -0.8s;
  	animation-delay: -0.8s;
}

@keyframes star {
    10% {
        opacity: 0;
    }

    90% {
        opacity: 1;
    }
}




















