@font-face {
	font-family: "dana-regular";
	src: url("../fonts/dana-fanum-regular.woff2") ;
}
@font-face {
	font-family: "dana-light";
	src: url("../fonts/dana-fanum-light.woff2") ;
}
@font-face {
	font-family: "dana-medium";
	src: url("../fonts/dana-fanum-medium.woff2") ;
}
@font-face {
	font-family: "dana-bold";
	src: url("../fonts/dana-fanum-bold.woff2") ;
}

.c-app{
	background-color: rgb(99 149 212 / 25%) !important;
}
a{
	text-decoration: none !important;
}
#stickeymenu{
	position: relative;
	z-index: 99999999999;
}
.liner {
	background: url("../img/lines.png") repeat-x;
	height: 11px;
	width: 100%;
	margin-top: 15px;
}
body {
	position: relative;
	font-family: dana-regular;
	direction: rtl;
}

/*#region ConatctUsIcon */
@keyframes pulse {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(228, 43, 25, 0.7);
		box-shadow: 0 0 0 0 rgba(228, 43, 25, 0.7);
	}

	70% {
		-moz-box-shadow: 0px 0px 4px 20px rgba(228, 179, 174, 0.7);
		box-shadow: 0px 0px 4px 20px rgba(228, 179, 174, 0.7);
	}

	100% {
		-moz-box-shadow: 0 0 15px 15px rgb(214, 214, 214);
		box-shadow: 0 0 15px 15px rgb(214, 214, 214);
	}
}

@keyframes tada {
	0% {
		transform: scale(1);
	}

	10%, 20% {
		transform: scale(0.9) rotate(-3deg);
	}

	30%, 50%, 70%, 90% {
		transform: scale(1.1) rotate(3deg);
	}

	40%, 60%, 80% {
		transform: scale(1.1) rotate(-3deg);
	}

	100% {
		transform: scale(1) rotate(0);
	}
}
.mypage-alo-phone {
	position: fixed;
	z-index: 200000 !important;
	bottom: 0;
	left: 0;
	visibility: visible;
	width: 110px;
	height: 110px;
	cursor: pointer;
	background-color: transparent;
}

.pulse {
	-webkit-animation: pulse 1.25s infinite cubic-bezier(.66,0,0,1);
	-moz-animation: pulse 1.25s infinite cubic-bezier(.66,0,0,1);
	-ms-animation: pulse 1.25s infinite cubic-bezier(.66,0,0,1);
	animation: pulse 1.25s infinite cubic-bezier(.66,0,0,1);
	/*    animation: pulse 2s infinite;*/
	box-shadow: 0 0 0 0 rgba(232,76,61,.7);
}

.pulse {
	animation-name: pulse;
}

.mypage-alo-ph-circle-fill {
	position: absolute;
	top: 28px;
	left: 28px;
	width: 60px;
	height: 60px;
	-webkit-transition: all .2s ease-in-out;
	-webkit-transition: all .5s;
	-moz-transition: all .2s ease-in-out;
	-moz-transition: all .5s;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-o-transition: all .5s;
	transition: all .2s ease-in-out;
	transition: all .5s;
	opacity: .75 !important;
	border: 2px solid transparent;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	background-color: rgba(0,175,242,.5);
}

.animatedd.infinite {
	animation-iteration-count: infinite;
}

.tada {
	animation-name: tada;
}

.animatedd {
	animation-duration: 1.7s;
	animation-fill-mode: both;
}

.mypage-alo-ph-img-circle {
	position: absolute;
	top: 43px;
	left: 43px;
	width: 30px;
	height: 30px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	opacity: .7;
	border: 2px solid transparent;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	background: rgba(30,30,30,.1) url(../img/call-icon.png) no-repeat center center;
	background-color: #0089b9;
	background-image: url(../img/call-icon.png);
	background-size: 70%;
}

@-webkit-keyframes pulse {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(228, 43, 25, 0.7);
	}

	70% {
		-webkit-box-shadow: 0px 0px 4px 40px rgba(228, 179, 174, 0.7);
	}

	100% {
		-webkit-box-shadow: 0 0 20px 20px rgb(214, 214, 214);
	}
}



/*#endregion */

.dana-regular{
	font-family: dana-regular !important;
}
.dana-light{
	font-family: dana-light !important;
}
.dana-medium{
	font-family: dana-medium !important;
}
.dana-bold{
	font-family: dana-bold !important;
}

.page-body{
	background: url("../img/bg-carousel.png") repeat-x top center;
	width: 100%;
}

.carousel-slider{
	background: url("../img/bg-carousel.png") repeat-x;
	height: 450px;
	width: 100%;
}

.divider
{
	position: relative;
	margin-top: 20px;
	height: 1px;
}

.div-transparent:before
{
	content: "";
	position: absolute;
	top: 0;
	left: 5%;
	right: 5%;
	width: 90%;
	height: 1px;
	background-image: linear-gradient(to right, transparent, rgb(48,49,51), transparent);
}

.div-arrow-down:after
{
	content: "";
	position: absolute;
	z-index: 1;
	top: -7px;
	left: calc(50% - 7px);
	width: 14px;
	height: 14px;
	transform: rotate(45deg);
	background-color: #ebedef;
	border-bottom: 1px solid rgb(48,49,51);
	border-right: 1px solid rgb(48,49,51);
}

.div-tab-down:after
{
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: calc(50% - 10px);
	width: 20px;
	height: 14px;
	background-color: #ebedef;
	border-bottom: 1px solid rgb(48,49,51);
	border-left: 1px solid rgb(48,49,51);
	border-right: 1px solid rgb(48,49,51);
	border-radius: 0 0 8px 8px;
}

.div-stopper:after
{
	content: "";
	position: absolute;
	z-index: 1;
	top: -6px;
	left: calc(50% - 7px);
	width: 14px;
	height: 12px;
	background-color: #ebedef;
	border-left: 1px solid rgb(48,49,51);
	border-right: 1px solid rgb(48,49,51);
}

.div-dot:after
{
	content: "";
	position: absolute;
	z-index: 1;
	top: -9px;
	left: calc(50% - 9px);
	width: 18px;
	height: 18px;
	background-color: rgb(101, 76, 170);
	border: 1px solid rgb(48,49,51);
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px #ebedef,
	0 0 0 4px #ebedef;
}
.aboutus{
	background: url('../img/1st-african_background.jpg') no-repeat center;
	background-attachment: fixed;
		background-size: cover;

}
nav {direction: rtl !important;}
.navbar{
	width: 100%;
}
.nav-item{
	margin: 5px;
}
.nav-item a{
	color: #1f232f !important;
}
.dropdown-submenu {
	position: relative;
}

.dropdown-submenu a::after {
	transform: rotate(90deg);
	position: absolute;
	left: 6px;
}

.dropdown-submenu .dropdown-menu {
	top: 0;
	right: 100%;
	margin-left: .1rem;
	margin-right: .1rem;
}
.dropdown-submenu {
	position: relative;
}

.dropdown-submenu a::after {
	transform: rotate(90deg);
	position: absolute;
	left: 6px;
}

.dropdown-submenu .dropdown-menu {
	top: 0;
	right: 100%;
	margin-left: .1rem;
	margin-right: .1rem;
}
.page-s-top{
	position: absolute;
	left: 15px;
	bottom: 80px;
	font-size: 3rem;
	cursor: pointer;
	width: 64px;
	height: 64px;
	line-height: 64px;
	text-align: center;
	vertical-align: middle;
	padding-top: 8px;
	border-radius: 8px;
}
.page-s-top a{
	color: white;
}
.page-s-top:hover{
	background-color: #3a4555;
	color: #f7fffc;
}
@media (max-width: 576px) {

  }


@media (max-width: 768px) {

 }

@media (max-width: 992px) { 
    .mobile-hide{
        visibility: hidden !important;
    }
 }

@media (min-width: 1200px) {  }