.moduletable.flexbanner {
	position: relative;
	direction: ltr;
}

.moduletable.flexbanner em {
	background: none repeat scroll 0 0 #6f6d6d;
	border-radius: 100px;
	color: #fff;
	float: left;
	font-size: 30px;
	height: 60px;
	line-height: 60px;
	margin: 3px 10px 0 0;
	text-align: center;
	width: 60px;
}

.moduletable.flexbanner .type-text {
	overflow: hidden;
    top: 0;
    position: absolute;
    padding: 20px;
	width: 100%;
	height: 100%;
}

.moduletable.flexbanner h3 + .type-text {
	margin-top: calc((2vh + 5vw) / 2);
}

.moduletable.flexbanner {
	overflow: hidden;
	/* margin: 20px 0; */
}


.moduletable.flexbanner .type-text .btn-default {border-color:var(--primary-button-border-color); background-color: var(--primary-button-color); padding:10px}
.moduletable.flexbanner .type-text p {font-size: 15px; font-weight: 500; clear: both;}
.moduletable.flexbanner .type-text .label-red {background-color:#ff0800; color:#ffffff; padding: 5px 16px; border-radius: 20px 0;}
.moduletable.flexbanner .type-text .label-yellow {background-color:#f4c340; color:#ffffff; padding: 5px 16px; border-radius: 20px 0;}
.moduletable.flexbanner .type-text .label-green {background-color:#347758; color:#ffffff; padding: 5px 16px; border-radius: 20px 0;}

.moduletable.flexbanner a img {
	width:100%;
	border-radius: var(--border-radius);
}

#header-banners .moduletable.flexbanner a img {
	width:100%;
	border-radius: 0;
}

.moduletable .banner_context {
    position: relative;
}

.lang_ar .moduletable.flexbanner {
	float: right;
}

.lang_ar .moduletable.flexbanner em {
	float:right;
	margin: 3px 0 0 10px;
}


.effect-1 {
    animation: scale 3s;
    font-family: Arial;
}

.effect-2 {
	animation: fadeIn 5s;
    font-family: Arial;
}

.effect-3 {
	animation: filter 3s;
    font-family: Arial;
}

@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@keyframes scale {
	0% { 
        transition: transform 0.7s ease 0s;
        transform: scale(0.8)
    }

	100% { 
        transition: transform 0.7s ease 0s;
        transform: scale(1);
    }
}

@keyframes filter {
	0% { 
        transition: filter 0.5s linear;
        filter: brightness(2) grayscale(1) opacity(0.5);
    }

	100% { 
        filter: none;
    }
}