#load{background:#000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:99998}
#load>div div#logo-tag{background:transparent url(../img/logo-animation.png) 0 0 no-repeat;background-repeat:no-repeat;height:160px;left:50%;margin:-80px 0 0 -150px;position:absolute;top:50%;width:300px;z-index:10;background-position:300px 0}
#load>div span.progress{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;}
#load>div span.progress.show{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}
#load.exit>div>div div#logo-tag{-webkit-animation-name:fadeOutUp;-moz-animation-name:fadeOutUp;-o-animation-name:fadeOutUp;animation-name:fadeOutUp;-webkit-animation-duration:750ms;-moz-animation-duration:750ms;-o-animation-duration:750ms;animation-duration:750ms;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
#load.exit>div>div>span{-webkit-animation-name:fadeOut;-moz-animation-name:fadeOut;-o-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-duration:300ms;-moz-animation-duration:300ms;-o-animation-duration:300ms;animation-duration:300ms;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:100ms;-moz-animation-delay:100ms;-ms-animation-delay:100ms;-o-animation-delay:100ms;animation-delay:100ms}
#load.ready>div div#logo-tag{display:none}
#load.ready>div>span{margin-top:-1px}#load.hidden{bottom:0 !important;display:none !important;height:0 !important}.inline-loading{background:transparent url('../img/load.gif?1396961832') 50% 50% no-repeat;min-height:10px}html.js #front-logo,html.js #load{display:block}
body.page-home #load.exit>div>div div#logo-tag{-webkit-animation:none;-moz-animation:none;-ms-animation:none;-o-animation:none;animation:none}


span.progress {transition:opacity 500ms ease-out;background:#444;display:block;height:2px;left:50%;margin:-1px 0 0 -50px;overflow:hidden;position:absolute;top:60%;width:100px;z-index:-9999;margin-top: 100px}
span.progress span{-webkit-animation:pingpong 2s infinite;-moz-animation:pingpong 2s infinite;-ms-animation:pingpong 2s infinite;-o-animation:pingpong 2s infinite;animation:pingpong 2s infinite;font:0/0 serif;text-shadow:none;color:transparent;background:#fff;border-left:50px solid #fff;display:block;height:100%;left:0;position:absolute;width:0}
span.progress.percentage span{-webkit-animation:none;-moz-animation:none;-ms-animation:none;-o-animation:none;animation:none;transition:width 125ms ease-out;border:none}

#load	.h_logo {	display:block;position: relative;
	max-width:100%;
	text-align: center;
	margin:0 auto;
	margin-top: calc(50vh - 105px);
}

#load .h_logo img {
	max-height:160px;
	max-width:350px;
}
.bar-progress {
	position: relative
}
@-webkit-keyframes pingpong{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(50px);transform:translateX(50px)}}
@-o-keyframes pingpong{0%,100%{-o-transform:translateX(0);transform:translateX(0)}50%{-o-transform:translateX(50px);transform:translateX(50px)}}
@keyframes pingpong{0%,100%{transform:translateX(0)}50%{transform:translateX(50px)}}
@-moz-keyframes pingpong{0%,100%{-ms-transform:translateX(0);transform:translateX(0)}50%{-ms-transform:translateX(50px);transform:translateX(50px)}}
  
@media (max-width: 575.98px) {	
	#load	.h_logo {
		
	}
	#load .h_logo img {
		max-width:200px;
		max-height:100px;
	}
	span.progress {
		margin-top: 50px
	}
}
.load_span {
	color:#fff !important;
	font-size: 40px
}