/* let's give the page body that subtle slide-in animation */
html {
	height:auto;
	
	-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;
}
/* position the icon if slide enabled */
.bonfire-pageloader-icon {
	margin:50px 0 0 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bonfire-pageloader-icon {
	margin:25px 0 0 0;
}
}