/* 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(52,152,219, 0.9);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
}
.jloader .jloader-icon {
    background-image: url(https://www.jqueryscript.net/images/logo.png);
    background-repeat: no-repeat;
	background-position: center;
    height: 60px;
    width: 350px;
    text-align: center;
    position: absolute;
    top: 45%;
    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: 60%;
    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%);
}