
.loading-overfit {position: absolute; z-index: 999999999; overflow: hidden;}
.loading-overfit .blure {position:absolute; width: 100%; height: 100%; left: 0; top:0; background-color: rgba(252, 252, 252, 0.10); padding: 2px;}
.loading-overfit .spiners {position:absolute; width: 100%; height: 100%; left: 0; top:0; background: url("../img/loading.svg") center no-repeat; background-size: 30px 30px; padding: 2px;}
.iloading {display: block; min-width: 50px; margin: 0 auto; min-height: 50px; background: url("../img/loading.svg") center no-repeat; background-size: 30px 30px;}

.blur-load {pointer-events: none;
	-moz-user-select: none;
	filter: blur(4px);
	opacity: 0.5;}

@-webkit-keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-webkit-keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}

@keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}

.fade-out {
	-webkit-animation: fadeOut 0.5s;-o-animation: fadeOut 0.5s;animation: fadeOut 0.5s;
	display: none;
}

.fade-in {
	-webkit-animation: fadeIn 0.5s;-o-animation: fadeIn 0.5s;animation: fadeIn 0.5s;
	display: block !important;
}

.spinprogress {display: none; max-width: 300px; width: 90%; height: 28px; border-radius: 14px; background-color: #f7f7f7; overflow: hidden; text-align: left;
	position: absolute;
	margin: 62px auto 0 auto;
	left: 0;
	right: 0;
border: 1px solid #B9B9B9;}
.spinprogress > span {display: block; height: 28px; width: 0; float: left; max-width: 100%; background-color: #1A8BFF; text-align: center; color: #fff; transition: all ease 0.3s}
.spinprogress.showing {display: inline-block;}

.en {direction: ltr !important; text-align: left !important;}
.enfont {font-family:microsoft-sans-serif;}

.media-box video {object-fit: contain !important}