/*------------------------------------------------------------------
[Page loader]
-------------------------------------------------------------------*/

#preloader{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index:9999999;visibility:hidden;
	-webkit-transition: all .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: all .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: all .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	transition: all .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
}
#preloader.visible{
	-webkit-transition: all .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: all .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: all .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	transition: all .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	visibility:visible;
}
.preloader{
	width: 101%;
	height: 0px;
	top: 50%;
	left: 50%;
	background: #000000;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	content: '';
	position: absolute;
	-webkit-transition: all .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: all .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: all .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	transition: all .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
}
.visible .preloader{
	height: 100%;
	-webkit-transition: height .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: height .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: height .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: height .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	transition: height .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
}
.loader{
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	position: absolute;
	width:250px;
	height:112px;
}
.loader .logo{
	background: #000000;
	max-height:85px;
	max-width:250px;
}
.loader .loading{
	width:100%;
	height:1px;
	margin-top:100px;
	position:relative;
	border-radius: 50%;
	border-top-left-radius: 100% 50%;
	border-bottom-left-radius: 100% 50%;
	background:#333;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.2)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.loading .bar{
	background: #ffffff;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); 
	width: 0%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.loading.active .bar{
	-webkit-transition: all 5s 0s ease-in-out;
	-moz-transition: all 5s 0s ease-in-out;
	-ms-transition: all 5s 0s ease-in-out;
	-o-transition: all 5s 0s ease-in-out;
	transition: all 5s 0s ease-in-out;
	width:70%;
}
.loading.full .bar{
	-webkit-transition: all 1s 0s ease-in-out;
	-moz-transition: all 1s 0s ease-in-out;
	-ms-transition: all 1s 0s ease-in-out;
	-o-transition: all 1s 0s ease-in-out;
	transition: all 1s 0s ease-in-out;
	width:100%;
}
.loading.full .logo{
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter: alpha(opacity=0);
	-webkit-transition: all .25s 0s ease-in-out;
	-moz-transition: all .25s 0s ease-in-out;
	-ms-transition: all .25s 0s ease-in-out;
	-o-transition: all .25s 0s ease-in-out;
	transition: all .25s 0s ease-in-out;
}