body {

	background-image: url('./../gfx/bak.png');
	text-align: center;
	font-family: sans-serif;
	font-size: 12px;


	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: moz-none;
	-ms-user-select: none;
	user-select: none;

	cursor:default;


}

.progressBox{

	position: absolute;
	width: 500px;
	height: 110px;

	left: 50%;
	top: 50%;

	margin:-55px 0 0 -250px;

	padding: 5px;

	/*background-color: rgba(255,255,255,0.07);*/

	

	border-radius: 5px;
}

.progressBox h1{

	position: relative;

	color: white;
	font-size: 19px;

	z-index: 2;

}

.progressBox h2{

	position: relative;
	top: -37px;
	left: 3px;

	-webkit-filter: blur(3px);

	z-index: 1;

	color: black;
	font-size: 19px;

	opacity: 0.5;

}

.progressBox h4{

	position: relative;

	top: -10px;

	font-size: 10px;
	color: white;
	font-weight: bold;

	opacity: 0.95;

}

.progressBoxDot1{

	position: relative;

	top: -32px;
	left: 170px;

	height: 5px;
	width: 5px;
	
	background-color: white;

	opacity: 0.5;

	border-radius: 20px;

}

.progressBoxDot2{

	position: relative;

	height: 5px;
	width: 5px;

	left: -10px;
	
	background-color: white;

	opacity: 0.5;

	border-radius: 20px;

}

.progressBoxDot3{

	position: relative;

	height: 5px;
	width: 5px;

	left: -10px;
	
	background-color: white;

	opacity: 0.5;

	border-radius: 20px;

}

.progressBoxDot4{

	position: relative;

	top: -37px;
	left: 325px;

	height: 5px;
	width: 5px;
	
	background-color: white;

	opacity: 0.5;

	border-radius: 20px;

}

.progressBoxDot5{

	position: relative;

	height: 5px;
	width: 5px;

	left: 10px;
	
	background-color: white;

	opacity: 0.5;

	border-radius: 20px;

}

.progressBoxDot6{

	position: relative;

	height: 5px;
	width: 5px;

	left: 10px;
	
	background-color: white;

	opacity: 0.5;

	border-radius: 20px;

}
.progressBak{
	position: relative;

	width: 394px;
	height: 25px;

	top: -80px;
	left: 50px;

	background-color: #202020;

	border-radius: 3px;

	z-index: 1;

}

.progressShadow{
	position: relative;

	width: 390px;
	height: 21px;

	top: 2px;
	left: 2px;

	/* Gradient */

	background-image: linear-gradient(bottom, rgb(0,0,0) 85%, rgb(32,32,32) 28%);
	background-image: -o-linear-gradient(bottom, rgb(0,0,0) 85%, rgb(32,32,32) 28%);
	background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 85%, rgb(32,32,32) 28%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 85%, rgb(32,32,32) 28%);
	background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 85%, rgb(32,32,32) 28%);

	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.85, rgb(0,0,0)),
	color-stop(0.28, rgb(32,32,32))
	);



	border-radius: 3px;
	z-index: 2;

}

.progressBar{
	position: relative;

	width: 4%;
	height: 21px;

	background-color: #2a7ab8;

	border-radius: 3px;

	z-index: 3;

	-moz-animation: progressBar 0.75s ease-out;
    -webkit-animation: progressBar 0.75s ease-out;

}

@-webkit-keyframes progressBar {
    0% {
        width: 0px;
    }

    100% {
        width: 4%;
    };
}

@-moz-keyframes progressBar {
    0% {
        width: 0px;
    }

    100% {
        width: 4%;
    };
}

.progressBarLight{

	position: relative;

	width: 100%;
	height: 11px;

	/* Gradient */
	background-image: linear-gradient(bottom, rgb(79,145,196) 100%, rgb(51,128,187) 0%);
	background-image: -o-linear-gradient(bottom, rgb(79,145,196) 100%, rgb(51,128,187) 0%);
	background-image: -moz-linear-gradient(bottom, rgb(79,145,196) 100%, rgb(51,128,187) 0%);
	background-image: -webkit-linear-gradient(bottom, rgb(79,145,196) 100%, rgb(51,128,187) 0%);
	background-image: -ms-linear-gradient(bottom, rgb(79,145,196) 100%, rgb(51,128,187) 0%);

	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(1, rgb(79,145,196)),
	color-stop(0, rgb(51,128,187))
	);

	opacity: 0.9;

	border-radius: 3px 3px 0px 0px;


}