/* Animations */
@keyframes loadFades {
	0%	 { opacity:1; }
	50%	{ opacity:0; }
	100% { opacity:1; }
}
@-o-keyframes loadFades{
	0%	 { opacity:1; }
	50%	{ opacity:0; }
	100% { opacity:1; }
}
@-moz-keyframes loadFades{
	0%	 { opacity:1; }
	50%	{ opacity:0; }
	100% { opacity:1; }
}
@-webkit-keyframes loadFades{
	0%	 { opacity:1; }
	50%	{ opacity:0; }
	100% { opacity:1; }
}
/* Loader */
.jloader {
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.jloader .jloader-icon {
    background-image: url(../img/loader-icon.png);
    background-repeat: no-repeat;
	background-position: center;
    height: 48px;
    width: 200px;
    text-align: center;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -webkit-animation: loadFades 2s infinite;
	-moz-animation: loadFades 2s infinite;
	-o-animation: loadFades 2s infinite;
	animation: loadFades 2s infinite;
}
.jloader .jloader-icon.jloader-frz {
    -webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	animation: none;
}
.jloader .jloader-cont, .jloader .jloader-err {
    text-align: center;
    position: absolute;
    top: 45%;
    top: calc(40% + 48px);
    top: -moz-calc(40% + 48px);
    top: -webkit-calc(40% + 48px);
    left: 50%;
    width: 75%;

    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}