@charset "UTF-8";
/****** General    *******/
.mt10{
	margin-top:10px;
}
.mt20{
	margin-top:20px;
}
.mt30{
	margin-top:30px;
}
.mt5{
	margin-top:5px;
}
.mt15{
	margin-top:15px;
}
.mt25{
	margin-top:25px;
}
.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:30px;
}
.mb5{
	margin-bottom:5px;
}
.mb15{
	margin-bottom:15px;
}
.mb25{
	margin-bottom:25px;
}
.container{
	max-width:1200px;
	position:relative;	
}

@import url(https://fonts.googleapis.com/css?family=Rubik);
@font-face {
    font-family: 'Cairo';
    src: url('https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIkTpumxdt0UX8.eot');
    src: url('https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIkTpumxdt0UX8.eot?#iefix') format('embedded-opentype'),
        url('https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIkTpumxdt0UX8.woff2') format('woff2'),
        url('https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIkTpumxdt0UX8.woff') format('woff'),
        url('https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIkTpumxdt0UX8.ttf') format('truetype'),
        url('https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIkTpumxdt0UX8.svg#GESSTwoBold-Bold') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Cairo';
    src: url('https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIkTpumxdt0UX8.eot');
    src: url('https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIkTpumxdt0UX8.eot?#iefix') format('embedded-opentype'),
        url('https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIkTpumxdt0UX8.woff2') format('woff2'),
        url('https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIkTpumxdt0UX8.woff') format('woff'),
        url('https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIkTpumxdt0UX8.ttf') format('truetype'),
        url('https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIkTpumxdt0UX8.svg#GESSTwoLight-Light') format('svg');
    font-weight: 700;
    font-style: normal;
}
body{
	font-family:Cairo,Rubik;	
}
a,
a:hover{
	color:inherit;
	text-decoration:none;
	cursor:pointer;
}
.wbg{
	background-color:rgba(255,255,255,.85);
	color:#000;
	text-align:center;
	font-size:20px;
	padding:10px;
	border-radius:50px 5px;
	margin-bottom:20px;
	position:relative;
	margin:2%;
	transition:  .3s;
	cursor:pointer;
	height:50px;
	position:absolute;
	bottom:0px;
	width:95%;
	overflow:hidden;
 }
.wbg:hover{
	height:320px;
	border-radius:20px;
		color:#000;
}
.wbg .news{
	height:0px;
	overflow:hidden;
    transition:  .3s;
	z-index:99999;
	position:relative;
}
.wbg:hover .news{
	height:inherit;
	font-size:12px;
 }
 
.NewBoxColor .newsbox:hover {
	background-color:rgba(0, 163, 92, 0.8);
	color:#fff;
}
.NewBoxColor .events:hover {
	background-color:rgba(3, 76, 121, 0.8);	
	color:#fff;
}
.NewBoxColor .activity:hover {
	background-color:rgba(136,163,0,0.85);	
	color:#fff;
}
.bg1{
	background-color:#225b80;
	color:#fff;	
}
.bg11{
	background-color:#225b80;
	color:#fff;	
}
.bg11:hover{
	color:#fff;	
}
.bg2{
	background-color:#1e5274;	
}
.bg3{
	background-color:#1b4c6c;	
}
.bg4{
	background-color:#17435f;	
}
.bg5{
	background-color:#133951;	
}
.bg6{
	background-color:#103044;		
}
.bg7{
	background-color:#0d2738;	
}
.bg8{
	background-color:#091d2a;	
}

.cool-link,
.cool-link2{
    display: inline-block;
    text-decoration: none;
	transition: width .3s;
}
.cool-link:hover,
.cool-link2:hover{
	color:#3199c1
}

.cool-link::after,
.cool-link2::after{
    content: '';
    display: block;
    width: 0;
	float:right;
    height: 2px;
    background: #3199c1;
	margin-top:8px;
    transition: width .3s;
}


.cool-link:hover::after {
    width: 100%;
}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}


.jzdbox1 {
  width:100%; 
  border-radius:0px; 
  overflow:hidden; 
  display:block; 
  margin:0 auto; 
}

.jzdcal {
  box-sizing:border-box!important; 
}

.jzdcalt {
  font-weight:700; 
  color:#f7f3eb; 
  display:block; 
  text-transform:uppercase; 
  text-align:center; 
  letter-spacing:1px;
 }

.jzdcal span {
  font-weight:400; 
   color:#000; 
 text-align:center; 
  width: 14.28%; 
  height:35px; 
  display:inline-block; 
  float:left; 
  overflow:hidden; 
  line-height:30px;
}

.NewBoxColor .jzdcal span{
  color:#f7f3eb; 
}
.jzdcal .jzdb:before {
  opacity:0.3; 
  content:'o';
}

.circle {
  border:1px solid #000; 
  box-sizing:border-box!important; 
  border-radius:200px!important;
  color:#000;
}

span[data-title]:hover:after, 
div[data-title]:hover:after,
.calenderitem{
  font-weight:400; 
  position:fixed;
  top::0px; 
  background:#fff;
  border:1px solid #f7f3eb; 
  color:#000; 
  padding:5px;
   min-width:250px; 
  max-width:250px;
 }

 .calenderitem a{
	 display:block;
	 border-bottom:1px solid #ccc; 
 }
  .calenderitem a:last-child {
	  border:0px;  
  }
.modal .modal-content{
border-radius:0px;
border:none;
}
.modal .modal-header,
.modal .modal-body,
.modal .modal-footer{
border-radius:0px;
border:none;
}
.modal .close{
	top:10px;
	right:10px;	
}
#LoginModal input{
	height:40px;
	border-radius:0px;
	direction:rtl;
	margin-bottom:15px;
}
#LoginModal .btn{
	height:40px;
	border-radius:0px;
	direction:rtl;
	background-color:rgba(0,0,0,.5);
	color:#fff;
	width:100%;
}
.logintxt{
	font-size:17px;
	border-bottom:1px solid rgba(0,0,0,.5);
	margin-bottom:10px;
	padding-bottom:10px;	
}
/******** End General *********/

/******   MainPage  ******/
body,
html{
	position:relative;
	height:100%;
	 color:#fff;
}
body{
	margin:0px;
	padding:0px;
	background-color:#000;
}

#OnePage{
	position:relative;
	height:100%;
}

#Black{
	background:rgba(0, 0, 0, 0.5)  ;
	background-size:100% 100%;
 	position:absolute;
	height:100%;
	top:0px;
	left:0px;
	width:100%;
}
.morelink{
	display:block;
	padding:5px;
	border-top:1px solid rgba(51,51,51,.6);
	font-size:16px;	
}
.top{
 	position:relative;
	padding:5px;
	background-image:linear-gradient(black,rgba(0, 0, 0, 0));
}
.top_right_menu{
	float:right;
	list-style:none;	
}
.top_left_menu{
	float:left;
	list-style:none;
}
.top_left_menu li i{
	margin-top:-3px;	
}
.top_right_menu li,
.top_left_menu li{
	float:left;
	font-size:12px;
	padding:3px;
	padding-left:20px
}
#header .col-md-1,
#header .col-md-11{
	padding-right:5px;
	padding-left:5px;
 }

#header{
 }
#Main{
 	position:relative;
}
#Main #header .logo{
	height:120px;
}

#header h3{
	padding-bottom:10px;
	text-shadow:3px #000 ;
	color:#fff;
	margin-top:5px;
	padding-right:15px;
	font-size:25px
}
#header .menu{
	height:60px;
	//background:url(../images/menu.png);
	//background-size:100% 100%;
	position:relative;
	list-style:none;
	background-color:#fff;
	border-radius:50px 5px;
 	position:relative;
}
 
#header .menu li{
	 font-size:14.55px;
	 float:right;
	 padding:10px;
	 color:#000;
	 padding-top:20px;
    transition:  .3s;

 }
  #header .menu li ul{
	  list-style:none;
}
 #header .menu li .submenu h4{
 	 padding:10px;
	 margin:0px; 
 }

 #header .menu li .submenu{
	position:absolute;
	width:100%;
	padding:5px;
	background-color:#fafafa;
	color:#000;
	top:50px;
	left:0px;
	border-top:1px solid #ccc;
  transition:  .3s;
	opacity:0;
	display:none;
	z-index:999999999999999;
	text-align:center;
   }
  #header .menu li:hover .submenu{
	  opacity:1;
 	 display:block;
	 box-shadow:1px 2px 5px rgba(0,0,0,.3)
}
   #header .menu li ul li{
	   font-size:13px;
	   height:30px;
	   padding:10px;
  }

.search{
	line-height:.8;
	padding-top: 10px !important;
}

.search i {
	font-size:30px		
}
 
.search #searchBar,
.mobilesearch #searchBar{
	background-color:#fc8b11;	
	padding:20px;
	position:absolute;
	top:60px;
	left:0px;
	width:100%;
    transition:  .3s;
	height:0px;
	overflow:hidden;
	padding:0px;
	z-index:9999999;
	border-radius:40px;
}
.mobilesearch{
	width:inherit;	
}
.mobilesearch #searchBar{
 	top:30px;
 }



 .search:hover #searchBar{
	height:inherit;
	padding:20px;
}
 .search button{
    transition:  .2s;
	background-color:transparent;
	border:none;

 }

 .search:hover button{
	 display:block;
	 position:relative;
	 margin-top:65px;
	 margin-left:20px;
		   z-index:9999999999999999;
}
#searchBar input{
	direction:rtl;
	border:0px;
	box-shadow:none;
	border-radius:0px;
	height:50px;
}


.carousel,
.carousel .carousel-inner,
.carousel .carousel-inner .carousel-item{
	position:relative;
	height:100%;
}
.carousel{
	position:absolute;
	height:100%;
	top:0px;
	left:0px;
	width:100%;
	z-index:-99;
  } 
  
.carousel .item img{
    height:100vh;
    object-fit: cover;
}



 
#MainIcons{
 	position:relative;
}



#service .col-md-6,
#service .col-lg-3,
#service .col-xs-12,
#service .col-sm-12{
	padding:0px;
	margin:0px;
 }


#service{
	position:absolute;
	bottom:30px;
	left:0px	;
	width:100%;
 	bottom:0px;
 	background-image: linear-gradient(rgba(0, 0, 0, 0),black);
}
#service .owl-carousel .item{
	height:150px;
    transition:  .3s;
	  border-radius:50px 5px;
}



#service .owl-carousel .item:hover{
	background: linear-gradient(-45deg, #FFCC00, #FEBF03, #FEB207,#FDA50A,#FD980E,#FC8B11);
	background-size: 900% 900%;
	-webkit-animation: Gradient 3s ease infinite;
	-moz-animation: Gradient 3s ease infinite;
	animation: Gradient 3s ease infinite;
	cursor:pointer;
	border:5px solid rgba(255,255,255,.3)
 }
#service .owl-carousel h4{
	text-align:center;
	/*font-size:15px;*/
	line-height:1.5
}
#service .owl-carousel i{
	font-size:44px;
	display:block;
	text-align:center;
	padding-top:20px;
	padding-bottom:-10px;
}


.footer{
margin-top:20px;
padding:10px;
}


 .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
 	font-size:40px
}
  .owl-carousel .owl-nav button.owl-prev{
	position:absolute;
	right:-5px;
	width:30px;
	height:35px;
	border:1px solid #fff;
	display:block;
	top:55px;
	font-size:34px;
	line-height:0;
	background-color:rgba(0,0,0,.4);
 }
.owl-carousel .owl-nav button.owl-next{
	position:absolute;
	left:-5px;
	width:30px;
	height:35px;
	border:1px solid #fff;
	display:block;
	top:55px;
 	font-size:34px;
	line-height:0;
	background-color:rgba(0,0,0,.4);
}
.owl-carousel .owl-nav .owl-prev:before{
    // fa-chevron-left
    content: "\f053";
    margin-right:10px;
}
.owl-carousel .owl-nav .owl-next:after{
    //fa-chevron-right
    content: "\f054";
    margin-right:10px;
}

 
/******** End MainPage *********/

/******** Video Player Slider *********/
* { box-sizing: border-box; }
.video-background {
  background: #000;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}
/******** End Video Player Slider *********/
 	.menuMobile  {
		display:none;	
	}
 	.menuMobile i{
		display:none;	
	}


@media (max-width:990px){
	 	.menuMobile  {
		display:block;	
	}

	.menuMobile i{
		display:block;	
	}
#Main #header .logo{
	height:80px;
}
.divlogo{
	clear:both;
	text-align:center
}
#Main #header h3{
	display:block;
	text-align:center
}
.wbg{
	position:relative;
	border-radius:0px;
}
#service{
	position:relative;
}

#service .owl-carousel .item{
	height:120px;
	  border-radius:0px;
}
#service .owl-carousel i{
	font-size:44px;
	display:block;
	text-align:center;
	padding-top:5px;
	padding-bottom:-20px;
}
.wbg:hover{
 	height:inherit;
		overflow:inherit;

}





#header .menu{
	background-color:transparent;
	border-radius:0px;
	padding:0px;
	margin:0px;
	position:relative;

}
#header .menuMobile{
	width:50px;
	height:50px;
	background-color:#fff;
 	font-size:25px;
	padding:10px;
	padding-right:13px;
	padding-top:8px;
 	display:block;
	border:1px solid #333;
	border-radius:5px;
	color:#000;
	cursor:pointer;
	margin-right:inherit;
	margin-left:auto;
	position:relative;
}
#header .menuMobile i{
	position:absolute;
	top:10px;
	left:12px;	
}
#header .menuMobile:hover{
	border-radius:0px;
	color:#000;
	border-bottom:none;
	background-color:#fafafa
}

 
#header .menu li{
 	 float:none;
 	background-color: rgba(255,255,255,1);
 	 position:relative;
	 text-align:center;
 	 font-size:17px;
	   height:auto;
	   padding:10px;
	   border-bottom:1px solid #e2e2e2
}
 
#header .menu:hover li{
	display:block;
} 
  #header .menu li ul{
	  list-style:none;
	padding:0px;
	margin:0px;
 	 box-shadow:none
}
 #header .menu li .submenu h4{
 	 padding:10px;
	 margin:0px;
	 font-size:16px; 
 }

 #header .menu li .submenu{
	 position:relative;
	 width:100%;
	 	 top:inherit;
	 left:inherit;
	 height:0px;
  	padding:0px;
	margin:0px;
 	 box-shadow:none
}
  #header .menu li:hover .submenu{
	  opacity:1;
 	 display:block;
	 height:inherit;
}
   #header .menu li ul li{
	   font-size:14px;
	   height:auto;
	   padding:10px;
}

.search{
	line-height:.8;
	margin-left:inherit;
	opacity:0
}

.search i {
	font-size:30px		
}
 
.search #searchBar{
	background-color:rgba(113,108,126,1);	
	padding:20px;
	position:relative;
	top:inherit;
	left:inherit;
	width:100%;
    transition:  .3s;
	height:0px;
	overflow:hidden;
	padding:0px;
}
 .search:hover #searchBar{
	height:inherit;
	padding:10px;
}
 .mobilesearch:hover #searchBar{
	height:inherit;
	padding:10px;
}
 .search button{
    transition:  .2s;
	background-color:transparent;
	border:none;
 	 margin-top:50px;
}

 .search:hover button{
	 display:inherit;
	 position:inherit;
	 margin-top:inherit;
	 margin-left:inherit;
}
 .search #searchBar input{
	direction:rtl;
	border:0px;
	box-shadow:none;
	border-radius:0px;
	height:50px;
}
.wbg:hover .news{
	padding-right:10px;
	padding-left:10px;
	margin-bottom:10px;
}
.wbg:hover .news div{
	padding:10px;
	font-size:14px
}

.owl-carousel{
	overflow:hidden;
	padding-right:7px;
	padding-left:5px;
}
.owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
 	font-size:40px
}
  .owl-carousel .owl-nav button.owl-prev{
	position:absolute;
	right:-5px;
	width:30px;
	height:35px;
	border:1px solid #fff;
	display:block;
	top:25px;
	font-size:34px;
	line-height:0;
	background-color:rgba(0,0,0,.4);
 }
.owl-carousel .owl-nav button.owl-next{
	position:absolute;
	left:-5px;
	width:30px;
	height:35px;
	border:1px solid #fff;
	display:block;
	top:25px;
 	font-size:34px;
	line-height:0;
	background-color:rgba(0,0,0,.4);
}
.owl-carousel .owl-nav .owl-prev:before{
    // fa-chevron-left
    content: "\f053";
    margin-right:10px;
}
.owl-carousel .owl-nav .owl-next:after{
    //fa-chevron-right
    content: "\f054";
    margin-right:10px;
}

.footer{
margin-top:5px;
padding:5px;
}

span[data-title]:hover:after, 
div[data-title]:hover:after,
.calenderitem{
  position:absolute;
  left:0%;
  margin-top:30px;
   min-width:inherit; 
  max-width:inherit;
  width:100%;
}
 
}


/************ InnerPage ***********/
#InnerPage{
	background-color:#fafafa;
	color:#000;
	height:inherit;
}
#InnerPage #Black{
	height:300px;
	overflow:hidden
}
#InnerPage .ImgBg{

position:absolute; top:0px;
left:0px; 
z-index:-99; 
height:300px; 
width:100vw; 
background-size: cover;
background-position: center;
}
#InnerPage .top{
	color:#fff;
}
#Inner{
	position:relative;
	margin-top:30px;
	margin-bottom:30px;
}
#Inner .col-md-9,
#Inner .col-md-3,
#Inner .col-md-12{
	padding-right:10px;
	padding-left:10px;
}
#InnerPage .PageTitle{
	background-color:rgba(255,255,255,.3);
	height:80px;
	margin-top:33px;
}

#InnerPage .whitebg{
	background-color:#fff;
	border-radius:10px;
	min-height:100px;
	overflow:hidden;
}

#Footer{
	margin-top:20px;	
}
#Footer .footer1{
	background: linear-gradient(180deg, #453d4e, #333);
	min-height:200px;
	color:#fafafa;
	direction:rtl;
	font-size:14px;
	color:#e2e2e2;
	padding-top:10px;
}
#Footer .social{
	padding-left:10px;
	padding-right:10px;
	margin-top:10px;	
}
#Footer .contact a{
	margin-bottom:-5px;
	display:block;
}
#Footer .footer1 h4{
	border-bottom:1px solid rgba(0,0,0,.4);
	direction:rtl;
	font-size:15px;
	padding-bottom:15px;
	margin-bottom:20px;	
}

#Footer .footer2{
	background-color:rgba(0,0,0,.8);
	min-height:40px;
	color:#fafafa;
	text-align:center;
	padding:10px;
	
}
#Footer .menu{
	list-style:none;
	padding:0px;
	margin:0px;
	margin-top:-10px;
}
#Footer .menu li{
	padding:2px;
}
#Footer .menu li i{
	opacity:.3
}

#InnerPage .services .col-xs-6{
	height:130px;
    transition:  .3s;
	text-align:center;
	color:#fff;
}
#InnerPage .services .col-xs-6 h4{
	font-size:14px;
	line-height:1.5
}

#InnerPage .services .col-xs-6 i{
	font-size:44px;
	display:block;
	text-align:center;
	padding-top:5px;
	padding-bottom:-20px;
	color:#fff;	
}
#InnerPage .services .col-xs-6:hover{
	background: linear-gradient(-45deg, #d7263b, #716c7e);
	background-size: 400% 400%;
	-webkit-animation: Gradient 3s ease infinite;
	-moz-animation: Gradient 3s ease infinite;
	animation: Gradient 3s ease infinite;
	cursor:pointer;
 }
 #InnerPage #page .img{
	 position:relative; 
 }
  #InnerPage #page .img .NewsTrans .Date{

 font-family:tahoma; font-size:13px; color:#fff; margin-top:10px;
  }
   #InnerPage #page .details{
	   direction:rtl;
	   text-align:justify;
	   font-size:17px;
	   line-height:2  ;
	   margin-top:20px;
	   margin-bottom:20px;
	   padding:10px;
   }
.op{
	opacity:.8	
}
 #InnerPage #page .img .NewsTrans{
	position:absolute;
	bottom:0px;
 	 min-height:140px;
	-webkit-transition: all .5s ease;
   	 -moz-transition: all .5s ease;
  	  -o-transition: all .5s ease;
    	-ms-transition: all .5s ease;
  	  transition: all .5s ease;
    text-shadow: 1px 1px #000;
	color:#ffbd54;

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iNjklIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuODIiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 67%, rgba(0,0,0,0.82) 69%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(131,166,27,0)), color-stop(67%,rgba(131,166,27,0.8)), color-stop(69%,rgba(131,166,27,0.82))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 67%,rgba(0,0,0,0.82) 69%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 67%,rgba(0,0,0,0.82) 69%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 67%,rgba(0,0,0,0.82) 69%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 67%,rgba(0,0,0,0.82) 69%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d1000000',GradientType=0 ); /* IE6-8 */
	width:100%;
	padding:5px;
	direction:rtl;
	padding-top:60px;
 overflow : hidden;
 font-size:27px; min-height:100px;
}




 
#InnerPage .bg1{
	background-color:rgba(196,78,114,.65);
	border:none;
	color:#fff;
}
#InnerPage .bg2{
	background-color:rgba(47,116,170,.65);	
	border:none;
	color:#fff;
}
#InnerPage .bg3{
	background-color:rgba(215,38,59,.65);	
	border:none;
	color:#fff;
}
#InnerPage .bg4{
	background-color:rgba(214,53,135,.65);	
	border:none;
	color:#fff;
}
#InnerPage .bg5{
	background-color:rgba(161,80,159,.65);	
	border:none;
	color:#fff;
}
#InnerPage .bg6{
	background-color:rgba(136,163,0,.65);		
	border:none;
	color:#fff;
}
#InnerPage .bg7{
	background-color:rgba(113,108,126,.65);	
	border:none;
	color:#fff;
}
#InnerPage .bg8{
	background-color:rgba(231,92,0,.65);
	border:none;
	color:#fff;
}
 
 
 /********* NewEvent *****/
 .NewEvents{
	 text-align:right; 
 	  clear:both;
}
 
 .NewEvents .NewEventCal{
 	 text-align:center;
	 border-radius:5px;
	 padding-left:5px;
}
 .NewEvents .NewEventCal .month{
	 background:#09F;
	 display:block;
	 width:100%;
 }
  .NewEvents .NewEventCal .day{
	  background-color:#fff;  
 	 display:block;
	 width:100%;
	 height:30px;
	 color:#444;
	 font-size:18px;
 }
 .NewEvents .item .col-xs-3,
 .NewEvents .item .col-xs-9{
	 padding-left:5px;
	 padding-right:5px; 
 }
.NewEvents .item{
	  clear:both;
 	  padding-top:2.5px;
	  padding-bottom:2.5px;
	  margin-bottom:5px;
	  position:relative;
}
 /********* End NewEvent *****/
.welcome{
	margin-top:-50px;	
	float:left;
	color:#fff;
}
.welcome img{
	border-radius:10px 10px 0px  0px;
	width:60px;
	height:50px;
	margin-left:5px;
}
.whenlogin:hover{
	height:200px;	
}
.loginBtn{
	padding:5px;
	background-color:#fff;
	color:#c00;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	margin-top:16px;
	border-radius:10px 10px 0px 0px;	
}
.Articles{
	padding:10px;
	clear:both;	
}
.Articles .item{
	background-color:#fafafa;
	margin-bottom:10px;
	padding:10px;
	text-align:right;
	font-size:18px;
	border-bottom:1px solid #ccc;
}
.Articles .item .desc{
	font-size:13px;
	text-align:justify;
	direction:rtl;
	margin-top:10px;	
}
.Articles .item .date{
	font-size:13px;
	margin-top:10px;
	text-align:left;
	color:#999
}
.Articles .item .col-xs-9,
.Articles .item .col-xs-3{
	padding-left:5px;
	padding-right:5px;
}
.pagination li a{
	color:#777
}
 

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #6fa4c9;
  border-color: #6fa4c9;
}


.innerSearch{
	direction:rtl;
	text-align:left	;
	margin-bottom:10px;
}
.innerSearch #searchText{
	height:30px;
	border:0px;
	background-color:rgba(51,51,51,.1);
	color:#333;
	padding-right:10px;
}
.innerSearch .btn{
	height:30px;
 	color:#fff;
	font-size:20px;
	line-height:1;
	border-radius:0px;
	margin-top:-3px;
	margin-right:-5px;
}
.pagetitle{
font-weight: 700;
  position: relative;
  z-index: 5;
  font-size:24px;
  margin-bottom:30px
}
.pagetitle:after{
content: "";
  width: 100%;
  left: 0;
  bottom: 0;
top:33px;
  background: url("../images/line.png") no-repeat center center;
  background-size:100% 100%;
  height: 9px;
  position: absolute;
  z-index: -1; 	
}
.Articles .evitem{
	border:1px solid	 #6fa4c9;
	margin-bottom:20px;
 	transition:.3s;
	background-color:#fafafa
}
.Articles .evitem:hover{
	background-color:#6fa4c9;
	color:#fff;
}
.Articles .evitem .calender{
	background-color:#6fa4c9;
	color:#fff;
	text-align:center;
	float:right;
	width:50px;	
	padding:5px;
	margin-left:5px;
}
.Articles .evitem .title{
	text-align:justify;
	direction:rtl;
	padding:10px;
}

.Articles .jobitem{
	border:1px solid	 #a39eab;
 }
.Articles .jobitem:hover{
	background-color:#a39eab;
	color:#fff;
}

.Articles .jobitem .calender{
	background-color:#a39eab;
}


.Articles .jobitem .title{
	text-align:justify;
	direction:rtl;
	padding:5px;
	font-size:18px;
	padding-bottom:inherit;
}
.Articles .jobitem .titledesc{
	text-align:justify;
	direction:rtl;
	font-size:11px;
	color:#666;
	transition:.3s;
}
.Articles .jobitem:hover .titledesc{
 	color:#fff;
}

.Articles .jobitem .btns{
	background-color:transparent;
 	text-align:center;
	float:left;
	width:50px;
	font-size:20px;	
	padding:5px;
	height:50px;
	margin-right:5px;
	color:#444;
	line-height:1.7;
	transition:.3s;
}
.Articles .jobitem:hover .btns{
 	color:#fff;
 }

.profile{
	padding:10px;
	direction:rtl;	
}
.topProfile{
	margin-top:10px;
	direction:rtl	
}
.topProfile img{
	width:110px;
	height:110px;
	box-shadow:2px 4px 6px #eee;
	border:1px solid #ccc;
	float:right;
}
.profileName{
	font-size:22px;
	color:#444;
 	margin-top:20px;
	float:right;
	padding-right:20px;
}
.profileName .address{
	margin-top:15px;
	color:#999;
	font-size:16px	
}
.profileBtn{
	margin-top:15px;	
}
.profileBtn a{
	display:block;
	padding:5px;
	text-align:center;
	margin-bottom:10px;
	border:1px solid #ccc;
	color:#fff;
 }
 .Profileicons{
	 direction:rtl; 
 	  color:#fff;
}
 .Profileicons div{
	 padding-top:10px;
	 padding-bottom:10px; 
 }
  .Profileicons i{
	  height:40px;
	  float:right;
	  width:40px;
	  margin-left:5px;
	  font-size:25px;
	  text-align:center;
	  line-height:1.7;
 }
 .ReqForm .item{
	 background-color:#fafafa;
	 clear:both;
	 border:1px solid #6fa4c9;
	 margin-bottom:20px;
 }
 .ReqForm .item .icons{
	 text-align:left;
	 margin-top:20px; 
 }
 .ReqForm .item h4{
	 color:#28597c;
 }
 
 .ReqForm .item .icons i{
	 margin-right:10px;
	 color:#28597c;
 }

 @media(max-width:990px){
 .ReqForm .item .icons{
	 text-align:left;
	 margin-top:5px; 
 } .ReqForm .item .icons i{
	 margin-right:5px; 
 }.profileName{
	font-size:18px;
 	margin-right:0px;
	margin-left:0px;
 }
 
 	.welcome{
	margin-top:0px;
	float:none;
	text-align:center;
	display:block;
	width:100%;
	background-color:rgba(51,51,51,.6);
	color:#fff;
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
 }
.welcome img{
	border-radius:0px;
	width:60px;
	height:50px;
	margin-left:5px;
}
.whenlogin:hover{
	height:inherit;	
}
#InnerPage   .login{
		background-color:transparent;
	float:left;
	width:inherit;
	height:50px;
	
	margin-right:60px;
	margin-top:-10px;
 }
 #InnerPage .welcome .loginBtn{
	padding:5px;
	background-color:#fff;
	color:#c00;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	padding-top:15px;
	height:50px;
	margin-top:5px;
	border-radius:0px;
	border:1px solid #555
}

#InnerPage .whitebg{
}

 #InnerPage #page .img .NewsTrans{
	 font-size:18px;
 }
  #InnerPage #page .img .NewsTrans .Date{
	 font-size:11px;
 }
    #InnerPage #page .details{
 	   font-size:15px;
    }
		.search{
		display:block;	
	}

 }
#InnerPage   .login{
 	float:left;
   }
  @media(max-width:350px){
	 #InnerPage #page .img .NewsTrans{
	 font-size:16px;
 }
  #InnerPage #page .img .NewsTrans .Date{
	 font-size:11px;
 }
 
    #InnerPage #page .details{
 	   font-size:14px;
    }
	#Main #header .logo{
	height:90px;
	}
 }
 @media (max-width: 768px) {
	 .desc{
		 display:none; 
	 }
	#InnerPage   .login{
 	display:block;
	position:absolute;
	left:10px;
	text-align:left;
   }  
}
@media (min-width: 768px) {
#service{
	position:relative;
}
	#InnerPage   .login{
 	display:block;
	position:absolute;
	left:10px;
	text-align:left;
   }  


	#header .menuMobile{
		display:none;	
	}
 	#InnerPage .login{
		margin-top:-20px;
	}
	#header .menu li ul li{
		display:block;
		float:none;
	}
	#Main #header .logo{
		height:100px;
	}
	#header .divlogo{
		text-align:center;	
	}
	#header h3{
		text-align:center;	
	}
	#header .mobilemenu{
		clear:both;
 	}
	#header  .menu{
		height:120px;
	}
	#header .menu li{
		font-size:14px;
		padding:7px;
		padding-top:20px;
	 }
	#header .menu li .submenu h4{
		padding:5px;
	}
	.search{
		display:block;	
	}
	 .search:hover button{
 	 margin-top:15px;
	 margin-left:20px;
 	}
 	 

 }
 
 @media (min-width: 992px) {
	#InnerPage   .login{
 	display:block;
	position:inherit;
	left:inherit;
	text-align:inherit;
   }  
#service{
	position:absolute;
}	#InnerPage .login{
		margin-top:-50px	
	}
		.search:hover button{
		margin-top:60px;
		margin-left:20px;
 	}
	#header .menu{
		height:60px	
	}
	#Main #header .logo{
		height:110px;
	}
	#header .divlogo{
		text-align:center;	
	}
	#header h3{
		text-align:center;	
	}
	#header .menu li{
		font-size:14px;
		padding:5px;
		padding-top:20px;
	 }
	 #header .menu li .submenu h4{
		padding:5px;
	 }
	

 }
 
 



@media (min-width: 1200px) {
	#Main #header .logo{
		height:120px;
	}	
	#header h3{
		text-align:right;	
	}
	#header .menu li{
		font-size:18px;
		padding:10px;
		padding-top:20px;
 	}
	#header .menu li .submenu h4{
		padding:10px;
	}

 }

 /* blog Last News Card
 =============================*/
 .blog-card {
	display: flex;
	flex-direction: column;
	box-shadow: 0 3px 7px -1px rgba(0, 0, 0, 0.1);
	margin-bottom: 1.6%;
	background: #fff;
	line-height: 1.4;
	font-family: sans-serif;
	border-radius: 5px;
	overflow: hidden;
	z-index: 0;
	max-height: 80px;
	color:black;
}
.blog-card a {
	color: inherit;
}

.blog-card:hover .photo {
	-webkit-transform: scale(1.3) rotate(3deg);
					transform: scale(1.3) rotate(3deg);
}
.blog-card .meta {
	position: relative;
	z-index: 0;
	height: 200px;
}
.blog-card .photo {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-size: cover;
	background-position: center;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}
.blog-card .details,
.blog-card .details ul {
	margin: auto;
	padding: 0;
	list-style: none;
}
.blog-card .details {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -100%;
	margin: auto;
	transition: left .2s;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding: 20px;
	width: 100%;
	font-size: .9rem;
}
.blog-card .details a {
	-webkit-text-decoration: dotted underline;
					text-decoration: dotted underline;
}
.blog-card .details ul li {
	display: inline-block;
}
.blog-card .details .date:before {
	font-family: 'Font Awesome 5 Free';
	margin-right: 10px;
	content: "\f133";
}

.blog-card .description {
	padding: 0.5rem;
	background: #fff;
	position: relative;
	z-index: 1;
}
.blog-card .description h1 {
	font-family: Poppins, sans-serif;
}
.blog-card .description h1 {
	line-height: 1;
	margin: 0;
	font-size: 1rem;
	color:black;
}

.blog-card p {
	position: relative;
	margin: 0.5rem 0 0;
}
.blog-card p:first-of-type {
	margin-top: 1.25rem;
}
.blog-card p:first-of-type:before {
	content: "";
	position: absolute;
	height: 5px;
	background: #5ad67d;
	width: 35px;
	top: -0.75rem;
	border-radius: 3px;
}
.blog-card:hover .details {
	left: 0%;
}
@media (min-width: 640px) {
	.blog-card {
		flex-direction: row;
		max-width: 700px;
	}
	.blog-card .meta {
		flex-basis: 40%;
		height: auto;
	}
/*	.blog-card .description {
		flex-basis: 60%;
	}*/
	.blog-card .description:before {
		-webkit-transform: skewX(-3deg);
						transform: skewX(-3deg);
		content: "";
		background: #fff;
		width: 30px;
		position: absolute;
		right: -10px;
		top: 0;
		bottom: 0;
		z-index: -1;
	}
	.blog-card.alt {
		flex-direction: row-reverse;
	}
	.blog-card.alt .description:before {
		right: inherit;
		left: -10px;
		-webkit-transform: skew(3deg);
						transform: skew(3deg);
	}
	.blog-card.alt .details {
		padding-left: 25px;
	}

}
   /* Events on homePage Style
  ============================== */
  
  .event-list {
    list-style: none;
    font-family: 'Lato', sans-serif;
    margin: 0px;
    padding: 0px;
		text-align: center;
		color: #000;
}
.event-list > li {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 5px rgb(51, 51, 51);
    box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
    padding: 0px;
    margin: 5px;
    width: 93%;
    text-align: center;
    display: inline-flex;
}
.event-list > li > time {
    display: inline-block;
   
    color:white;
    background-color:#90c8c5;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
}
.event-list > li:nth-child(even) > time {
    background-color: #e2ad56;
}
.event-list > li > time > span {
    display: none;
}
.event-list > li > time > .day {
    display: block;
    font-size: 25pt;
    font-weight: 100;
    line-height: 1;
}
.event-list > li time > .month {
    display: block;
    font-size: 10pt;
    font-weight: 900;
    line-height: 1;
}
.event-list > li > a > .info {
    padding: 5px;
    text-align: center;
}
.event-list > li > a > .info > .title {
    font-size: 10pt;
    font-weight: 700;
    margin: 0px;
}
.event-list > li > a >  .info > .desc {
    font-size: 8pt;
    font-weight: 300;
    margin: 0px;
}

.carousel-inside {
    z-index: 0;
    position: relative;
    max-height: 700px;
    object-fit: cover;
    height: 700px;
}