/* allows for fixed positioned fullscreen preloader on mobile */
/* only gets added if mobile is detected and gets removed when preloading is complete */


/* reset */
#cj-preloader, #cj-preloader * {
	
	margin: 0;
	padding: 0;
	border: none;
	font: inherit;
	background: none;
	text-align: inherit;
	line-height: inherit;
	text-shadow: inherit;
	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	user-select: none;

}

/* preloader background container */
#cj-preloader {

	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999999;
	
	width: 100%;
	height: 100%;
	overflow: hidden;
	
	background: url(../img/white_ie.png);
	background: rgba(255, 255, 255, 0.95);
	
	-webkit-transition: all 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-moz-transition: all 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-o-transition: all 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-ms-transition: all 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition: all 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	
}

/* preloader percentage text */
#cj-preloader span {

	position: absolute;
	
	left: 0;
    line-height: 200px;
    margin: auto;
    margin-top: -100px;
    top: 50%;
    width: 100%;
	
	text-align: center;
	font: 60px 'Oswald', sans-serif;
	color: #333;
	
}


/* preloader percentage text for mobile */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 768px) {

#cj-preloader span {

	position: absolute;
	
	left: 0;
    line-height: 200px;
    margin: auto;
    margin-top: -100px;
    top: 50%;
    width: 100%;
	
	text-align: center;
	font: 60px 'Oswald', sans-serif;
	color: #111;
	
}

}




/* class that gets added once the preloading has finished */
#cj-preloader.cj-hide-preloader {

	opacity: 0;
	visibility: hidden;
	
}

h1 {
    left: 0;
    line-height: 200px;
    margin: auto;
    margin-top: -100px;
    position: absolute;
    top: 50%;
    width: 100%;
}