@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
*{
font-family: 'Droid Arabic Kufi', serif;	
}
.right_h{
	text-align:right;
}
.header_sa{
	background-color:#fff;
	border-top: 6px solid #2C2C2C;
    padding-top: 9px;
	}
 
.nav_sa{
	margin-top:18px;
}	
.nav_sa a {
    font-size: 12px;
}
.navbar-brand li a:hover { background-color:#000;

}
.lo_sa {
    background-color: #fe5d55;
     
    height: 37px;
    width: 102px;
    display: block;
    line-height: 37px;
    margin: 0 auto;
    color: white;
    font-size: 12px;
	transition: all .4s ease-in-out;
	margin-top: 27px;
}
.lo_sa:hover {
    background-color: #2C2C2C;
 color: white;
 text-decoration:none;
 transition: all .4s ease-in-out;
}
.bo_sa{ text-align:center;
 	
}
.nav_sa li:hover{background-color:#4CC0BD; transition: all .4s ease-in-out;}
.nav_sa li{transition: all .4s ease-in-out;}
.nav_sa li a {
    transition: all 0.4s ease-in-out 0s;
    height: 37px;
    line-height: 6px;
}
.slider_sa{
background-image:url(../images/sliderbg.png);
background-repeat:repeat-x;
height:354px;
}
.slider_title {
    background-image: url("../images/circle2.png");
    background-position: right center;
    background-repeat: no-repeat;
    height: 59px;
	 width: 269px;
    margin: 0 auto;
	    padding-right: 74px;
    line-height: 26px;
}
.cir{
   background-image:url(../images/circle.png);
background-repeat:no-repeat;
height:74px;
width: 74px; 
}
.cir {
    margin: 0 auto;
}
.cir span {
    color: white;
    font-size: 30px;
    line-height: 74px;
}
.ticker_sa{ background-color:#2C2C2C; }	

.tic_sa{
    background-color: #4CC0BD;
    width: 100%;
    height: 100%;
    line-height: 48px;
}
.tic_sa{
 text-align: center;
}	
.tic_sa a{
color: white;
}
.serv1 {
    margin: 0 auto;
    text-align: center;
    width: 268px;
    padding: 23px;
}

.t3 {
    color: #4CC0BD;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
}
.t4:hover{
    color: #767676;
}
.t3:hover{
    color: #4CC0BD;
}
.t4 {
    color: #9B9B9B;
 
    font-size: 11px;
    text-decoration: none;
}

.cir:hover{
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
          animation-name: flipInY;
}



.block {
 
}

/* initially hide animatable objects */
.animatable {
  visibility: hidden;
}

/* show objects being animated */
.animated{
  visibility: visible;
  
  -webkit-animation-fill-mode:both;
  -moz-animation-fill-mode:both;
  -ms-animation-fill-mode:both;
  -o-animation-fill-mode:both;
  animation-fill-mode:both;
  
  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  -ms-animation-duration:1s;
  -o-animation-duration:1s;
  animation-duration:1s;
}

/* CSS Animations (extracted from http://glifo.uiparade.com/) */
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}



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

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

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

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	60% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	60% {
		-webkit-transform: translateX(20px);
	}

	80% {
		-webkit-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}

	60% {
		-moz-transform: translateX(20px);
	}

	80% {
		-moz-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}

	60% {
		opacity: 1;
		-o-transform: translateX(20px);
	}

	80% {
		-o-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}

	60% {
		transform: translateX(20px);
	}

	80% {
		transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}

	60% {
		-webkit-transform: translateX(-20px);
	}

	80% {
		-webkit-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}

	60% {
		-moz-transform: translateX(-20px);
	}

	80% {
		-moz-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}

	60% {
		-o-transform: translateX(-20px);
	}

	80% {
		-o-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}

	60% {
		transform: translateX(-20px);
	}

	80% {
		transform: translateX(5px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	50% {
		-webkit-transform: scale(1.05);
	}

	70% {
		-webkit-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}

	50% {
		-moz-transform: scale(1.05);
	}

	70% {
		-moz-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}

	50% {
		-o-transform: scale(1.05);
	}

	70% {
		-o-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}

	50% {
		transform: scale(1.05);
	}

	70% {
		transform: scale(.9);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@-webkit-keyframes moveUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(40px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes moveUp {
	0% {
		opacity: 1;
		-moz-transform: translateY(40px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes moveUp {
	0% {
		opacity: 1;
		-o-transform: translateY(40px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes moveUp {
	0% {
		opacity: 1;
		transform: translateY(40px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@-webkit-keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}
@-o-keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}
@keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}

.animationDelay{
	animation-delay:.4s;
	-webkit-animation-delay:.4s;
}
.animationDelayMed{
	animation-delay:1.2s;
	-webkit-animation-delay:1.2s;
}
.animationDelayLong{
	animation-delay:1.6s;
	-webkit-animation-delay:1.6s;
}
.fadeBgColor {
	-webkit-animation-name: fadeBgColor;
	-moz-animation-name: fadeBgColor;
	-o-animation-name: fadeBgColor;
	animation-name: fadeBgColor;
}
.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}
.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.moveUp {
	-webkit-animation-name: moveUp;
	-moz-animation-name: moveUp;
	-o-animation-name: moveUp;
	animation-name: moveUp;
}
#newscontent {
    color: white;
}
.host1{
    width: 243px;
}
.host_bg{
    background-color: #EEEEEE;
}
.host_head{
    background-color: #4CC0BD;
    height: 139px;
    width: 100%;
    text-align: center;
   padding-top: 25px;
}
.t6{
    color: white;
    font-weight: bold;
    font-size: 16px;
}
.t7{
    color: white;
    font-size: 11px;
}

.t6:hover{
    color: white;
    font-weight: bold;
    font-size: 16px;
}
.t7:hover{
    color: white;
    font-size: 11px;
}
.clear{
    clear: both;
}
.host_sa{
    padding-top: 61px;
    padding-bottom: 30px;
	text-align: center;
}
.host_body{
    background-color: white;
}

.host_body ul li {
    border-bottom: 1px solid #e5e5e5;
    font-size: 10px;
    height: 100%;
    overflow: hidden;
    padding: 12px 0;
    text-align: right;
    list-style-type: none;
    color: #828282;
}
.host_body ul{
margin: 0;
padding: 0;
}
.host_body ul li span {
    color: #f75d5d;
    float: left;
    font-size: 12px;
    text-align: left;
    width: 35%;
}
.host_body {
    background-color: #fff;
    border-radius: 2px;
    font-size: 12px;
 
    padding: 10px;
    text-align: center;
}

.host_footer{
    background-color: white;
    margin-top: 4px;
}
.f_price {
    background-color: #eeeeee;
    border: 3px solid white;
    padding: 10px;
    text-align: center;
    height: 84px;
    line-height: 27px;
}
.t8{
    color: #4CC0BD;
    font-size: 12px;
   
}
.t9{
    color: #A2A2A2;
    font-size: 11px;
    text-shadow:0px 1px 0px #fff;
}

.t8:hover{
    color: #4CC0BD;
    font-size: 12px;
    
   
}
.t9:hover{
    color: #808080;
    font-size: 11px;
    text-shadow:0px 1px 0px #fff;
}
.ask_now{
    background-color: #F75D5D;
    text-align: center;
    height: 45px;
    line-height: 45px;
}
.t10{
    color: white;
    font-size: 11px;
    font-weight: bold;
}
.t10:hover{
    color: white;
 
}

.h_ic {
    background-color: #2c2c2c;
    border: 2px solid white;
    border-radius: 50%;
    color: white;
    display: block;
    height: 73px;
    line-height: 73px;
    margin: -59px auto 16px;
    width: 73px;
    font-size: 24px;
}
.h_ic2 {
    background-color: #828282;
    border: 2px solid white;
    border-radius: 50%;
    color: white;
    display: block;
    height: 73px;
    line-height: 73px;
    margin: -59px auto 16px;
    width: 73px;
    font-size: 24px;
}
.h_ic3 {
    background-color: #FE5D55;
    border: 2px solid white;
    border-radius: 50%;
    color: white;
    display: block;
    height: 73px;
    line-height: 73px;
    margin: -59px auto 16px;
    width: 73px;
    font-size: 24px;
}
.h_ic4 {
    background-color: #4CC0BD;
    border: 2px solid white;
    border-radius: 50%;
    color: white;
    display: block;
    height: 73px;
    line-height: 73px;
    margin: -59px auto 16px;
    width: 73px;
    font-size: 24px;
}

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
	direction:ltr;
	margin-top: 51px;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;
    
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    cursor: pointer;
    margin-bottom: 10px;
    margin-top: 10px;
    max-width: 163px;
    position: relative;
    width: 100%;
}

/*** Navigation ***/

.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
    cursor: pointer;
    height: 30px;
     
    position: absolute;
    width: 30px;
    z-index: 100;
}
#news2 a {
    color: white;
}

.nbs-flexisel-nav-left {
    background: url("../images/rightaraw.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    left: 64px;
    margin-top: -83px;
}

.nbs-flexisel-nav-right {
    left: 30px;
    background: url(../images/leftarraw.png) no-repeat;
	  margin-top: -83px;
}
 .t14 {
    color: #E5E5E5;
    font-size: 12px;
}
.t13 {
    font-size: 12px;
    color: #4CC0BD;
    font-weight: bold;
}
.des_sa {
    padding: 39px;
}
.footer_sa1{
    height: 6px;
    background-color: #EEEEEE;
}
.footer1_sa{
    height: auto;
    background-color: #2C2C2C;
    padding: 15px;
}
.footer2_sa{
    height: auto;
    background-color: #242424;
}

.f_title{
 
   
    line-height: 31px;
}
.f_title2{
 
    
    line-height: 31px;
}
.title1{
    color: #68DBD8;
    font-size: 12px;
    font-weight: bold;
}

.f_menu ul {
    float: right;
    margin-top: 10px;
    padding-right: 4px;
    width: 120px;
    margin-left: 7px;
}
.f_menu li{
    height: 25px;
    color: white;
     transition: all .4s ease-in-out;
}
.f_menu li:hover{
   margin-right: 5px;
    transition: all .4s ease-in-out;
}
.f_menu li a{
    color: white;
    font-size: 11px;
     transition: all .4s ease-in-out;
}
.f_menu li a:hover{
    color: #4CC0BD;
    font-size: 11px;
     transition: all .4s ease-in-out;
}
.fa{
    color: #B0B0B0;
    text-align: right;
    font-size: 11px;
    line-height: 26px;
     transition: all .4s ease-in-out;
	 font-family: "Droid Arabic Kufi",serif;
}
.fa:hover{
    color: white;
     transition: all .4s ease-in-out;
}
.ccon{
    text-align: right;
}
.ema3 {
    display: block;
    height: 45px;
    width: 162px;
    background-color: #4CC0BD;
    text-align: center;
    line-height: 45px;
    color: white;
    font-weight: bold;
    font-size: 12px;
    border-radius: 10px;
    margin: 0 auto;
     transition: all .4s ease-in-out;
   
}
.ema3:hover{
    background-color: #F75D5D; 
    color: white;
     transition: all .4s ease-in-out;
}
 
.ema {
 
    text-align: center;
 
    color: #9F9F9F;
 
    font-size: 12px;
 
    margin: 0 auto;
}
.ema2 {
 
    text-align: center;
 
    color: #9F9F9F;
 
    font-size: 12px;
 
    margin: 0 auto;
}
.ema span {
    font-size: 16px;
}
.ema2 span {
    font-size: 16px;
}
.f_social{
    text-align: center;
}
.f_social ul{
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0;
}
.f_social li{
    float: left;
    display: inline;
    margin-right: 4px;
    text-align: left;
}
.hq{
    color: #4CC0BD;
    font-size: 11px;
    line-height: 35px;
}
@media all and (max-width: 800px)  {
	
[class*="col-"] {
    padding-bottom: 4px;
 
}
 
.nav_sa{
text-align:center;	
margin-right:25px;
}
.bo_sa a {
    text-align: center;
    margin-top: 0px;
}
.navbar-header{ border:1px solid #EEEEEE}
.slider_sa{ display:none;

	}
.right_h {
    text-align: right;
    padding-top: 10px;
}
.host1 {
    width: 268px;
    padding-bottom: 48px;
}
 

 
}

/* Neklawy Customize */



.staff_block {text-align: center;width: 100%;padding: 20px 0;}
.staff {width:100%;height:100%;}
.staff img {overflow: hidden;width:100%;height:100%;border-radius: 5px;}

.staff-description {padding: 28px 0 0 0;text-align:right; text-decoration: none;}
.staff-description .last-line {padding:0 0 10px 0;}

.staff-name {color: #4CC0BD;font-weight: bold;font-size: 25px;text-decoration: none;}
.staff-name-en {font-weight: bold;font-size: 25px;text-decoration: none;border-bottom: 2px solid;}

.staff-title {display:block;color: #f75d5d;font-weight: bold;font-size: 17px;font-family: 'Droid Arabic Kufi', tahoma;}


.staff-t4 {display:block;margin: 1px 0 10px 0;padding: 4px 10px 4px 1px;color: #9B9B9B;font-size: 15px;text-decoration: none;font-family: tahoma;line-height: 22px;border-radius: 5px;background: #F0F0F0;font-weight: bold;box-shadow: 0px 1px 3px rgb(195, 195, 195);}