@charset "utf-8";
@FONT-FACE {
	font-family: "A_Nefel_Adeti";
	src: url("A_Nefel_Adeti.ttf");
}
@FONT-FACE {
	font-family: "Sorreda";
	src: url("Sorreda Pro.ttf");
}
@FONT-FACE {
	font-family: "RobotoSlab";
	src: url("RobotoSlab-Light.ttf");
}
@FONT-FACE {
	font-family: "DroidKufi-Regular";
	src: url("DroidKufi-Regular.ttf");
}
@FONT-FACE {
	font-family: "Raleway-Regular";
	src: url("Raleway-Regular.ttf");
}
@FONT-FACE {
        font-family: "Playball";
	src: url("Playball.ttf");
}

body {
	margin: 0px;
	text-align: right;
	font-family: "DroidKufi-Regular";
	font-size: 20px;
background-color: #e9e9e9;
	direction: rtl;
 
}
ul {
	padding: 0px;
	margin: 0px;
}
li {
	list-style-type: none;
}
img {
	border-top-style: none;
	border-left-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
p {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none !important;
}
.clrrr {
	clear: both;
}
.space {
	width: 100%;
	height: 15px;
}
.wrapper {
	border: 0px solid blue;
	margin: auto;
	position: relative;
        overflow: hidden;

}
.header{
width: 100%;
background: #fff;
background: #2B2B2B;

}
.topheader{
width: 100%;
height: 35px;
background: #cb3939;
/*
background: #332020;*/
padding-top: 3px;

display: inline-block;
padding: 5px;
}

.topheaderleft{

width: 30%;
height: 30px;
border: 0px solid #008000;
float: right;
margin-right: 3%;
color: #fff;
font-size: 13.5px;
font-family: "DroidKufi-Regular";
line-height: 28px;
}


.topheaderleft a{
color: #fff;
transition: all 0.9s ease 0s;
}

.topheaderleft a:hover{
color: #FFE4E4;
transition: all 0.9s ease 0s;
}

.topheaderright{
width: auto;
height: 31px;
border: 0px solid #008000;
float: left;
margin-left: 3%;
overflow: hidden;
color: #FFF;
font-size: 12.5px;
line-height: 28px;
font-family: "DroidKufi-Regular";
}

.topheaderright a{
color: #fff;
transition: all 0.9s ease 0s;
}

.topheaderright a:hover{
color: #FFE4E4;
transition: all 0.9s ease 0s;
}

.bottomheader{
position: relative;
background: url(../logoback.png) repeat-x;
width: 100%;
}

.logo {margin: 0 auto;
text-align: center; 
}



/*
.menu{
width: 100%;
height: 39px;
   background: red;
    background: -webkit-linear-gradient(#F0F0F0, #ddd);
    background: -o-linear-gradient(#F0F0F0, #ddd); 
    background: -moz-linear-gradient(#F0F0F0, #ddd); 
background: linear-gradient(#F0F0F0, #ddd);
-webkit-border-top-right-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-topleft: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 4px;


}

*/

.menu {
display: inline-block;
background: #404040;
width: 100%;
}



.icon{
width: 10%;
text-align: center;
border-left: 1px solid #923D38;
border-right: 1px solid #D28684;
height: 39px;
padding-top: 7px;
font-size: 13.5px;
position: relative;
float: right;
font-family: "DroidKufi-Regular";
}
.icon a{
color: #fff;
transition: all 0.9s ease 0s;
}

.icon a:hover{
color: #FFE4E4;
transition: all 0.9s ease 0s;
}


/*
#select{
background: #ECECEC;
border-left: 1px solid #ECECEC;
border-right: 1px solid #ECECEC;
height: 38px;
}
#select a{
color: #f58518 !important;
padding: 6px 0;
}*/


.subbmenu{
border-left: 0px solid #F00;
border-width: 0px 0px 0px;
border-style: solid;
border-color: #CD2122 #F00 #F00;
-moz-border-top-colors: none;
-moz-border-left-colors: none;
-moz-border-bottom-colors: none;
-moz-border-right-colors: none;
border-image: none;
width: 160px;
background: none repeat scroll 0% 0% #2C2C2C;
position: absolute;
right: -150px;
top: 38px;
opacity: 0;
transition: all 0.9s ease 0s;
z-index: 2;
height: 0px; overflow: hidden;
}

.icon:hover > .subbmenu{
right: -1px;
transition: all 0.9s ease 0s;
opacity: 1;
z-index: 55555555555;
height: auto;
border-left: 0px solid #F00;
border-width: 2px 0px 0px;
border-style: solid;
border-color: #ddd #ddd #ddd;
-moz-border-top-colors: none;
-moz-border-left-colors: none;
-moz-border-bottom-colors: none;
-moz-border-right-colors: none;
border-image: none;
}

.innermenuicon{
color: #FFF;
font-size: 14.4px;
transition: all 0.9s ease 0s;
background: none repeat scroll 0% 0% #2C2C2C;
height: auto;
width: 100%;
text-align: center;
padding-top: 11px;
}

.subbmenurow{
text-align: right; color: #fff;
height: auto;
border-top: 1px solid #474747;
border-bottom: 1px solid #222222;
}
.subbmenurow:hover{
background: none repeat scroll 0% 0% #ddd;
transition: all 0.9s ease 0s;
outline: none;
}

.innersubbmenurow{
padding-top: 4px;
height: auto;
padding-bottom: 4px;
color: #FFF;
font-size: 14px;
width: 98%;
text-align: right;
padding-right: 2%;
direction: rtl;
}



.content{
min-height: 25px;
border: 0px solid red;
margin: auto;
margin-top: 20px;

}


.feature-content h4 {
margin: 0;
padding:15px 0;
text-align: center;
position:relative;
}

.contentleftblock1{
width: 100%;
background: #fff;
height: 300px;
padding: 14px;
}
.contentleftblock1title{
font-size: 14px;
color: #333;
text-align: right;
margin-bottom: 18px;
padding-bottom: 15px;
border-bottom: 1px solid #ddd;
position:relative;}




.contentleftblock1title:after {
content:"";
width:60px;
height:1px;
position:absolute;
background: #cb3939;
right: 0;
bottom: 0;

}



.contentleftblock1detial{
width: 100%; height: 200px; border: green; overflow: hidden;
}
.contentleftblock1detial img{
float: right;
width: 25%;
height: 140px;
}
.innercontentleftblock1detial{
    color: #333;
    width: 63%;
    height: 200px;
    overflow: hidden;
    float: right;
    font-size: 14px;
    margin-right: 2%;
    line-height: 27px;
}
.more{


float: left;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
color: #cb3939;
}

.more a{
text-align: center;
color: #cb3939;
font-family: "DroidKufi-Regular";
transition: all 0.9s ease 0s;
font-size: 13px;
color: #cb3939;
transition: all 0.9s ease 0s;
}


.more a:hover{
color: #333;

}

.contentleftblock2{
overflow: hidden;
background: #fff;
height: 254px;
padding: 14px;
position: relative;
margin-top: 15px;
}
.bordertop{
position: absolute;
right: 0px;
top: 0px;
}
.borderbottom{
position: absolute;
right: 0px;
bottom: 0px;
}
#contentleftblock2title{
color: #222;
top: 22px;
position: absolute;
border: 0px solid red;
width: 95%;
right: 2%;
background: url("../titleback.png") no-repeat scroll 13% 61% transparent;
}

#left3{
position: absolute;
left: 15px;
top: 28px;
cursor: pointer;
z-index: 2147483647;
}

#right3{
position: absolute;
left: 43px;
top: 28px;
cursor: pointer;
z-index: 66666666666;
}
.slideall3 {
width: 100%;
min-height: 174px;
overflow: hidden;
top: 65px;
text-align: left;
direction: rtl;
position: absolute;
border: 0px solid #F00;
}

 
 

#slides3 {
    min-width: 600000px;
	height: 174px;
	left: 0px;
	top: 0;
	position: absolute;
	padding-right: 0px;
	direction: ltr;
}




.slideimage3{
padding: 2px;
overflow: hidden;
position: relative;
background: #fff;
}



.slideimage3 a img{
width: 100%;
-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
opacity: 1;
transition: all 0.9s ease 0s;
}
.slideimage3 a img:hover{
-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
opacity: 0.9;
transition: all 0.9s ease 0s;
}
.slidetitle3{
color: #FFF;
width: 100%;
height: auto;
font-size: 14px;
text-align: center;
bottom: 0px;
padding-bottom: 6px;
padding-top: 6px;
line-height: 16px;
max-height: 41px;
overflow: hidden;
right: 0px;
font-family: "DroidKufi-Regular";
}
#innercontentleftblock1detialrow2{
float: none;
width: 95%;
margin: 8px auto auto;
height: 36px;
overflow: hidden;
text-align: center;
font-size: 13px;
line-height: 17px;
direction: rtl;
}
.contentrightblock1{
width: 100%;
padding: 14px;
background: #fff;
position: relative;
padding-bottom: 0;
}

#contentrightblock1title {
color: #222;
top: 13px;
position: absolute;
border: 0px solid #F00;
width: 91%;
right: 5%;
background: url("../titleback.png") no-repeat scroll 202% 51% transparent;
}

.scrollnews3 {
height: 432px;
width: 91%;
overflow: hidden;
border: 0px solid #F00;
position: absolute;
top: 54px;
right: 5%;
}
#newsscope3 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 6000px;
}
.homenews3 {
	height: 43px;
margin-bottom: 0px;
border-bottom: 0px solid #EFEFEF;
overflow: hidden;
width: 100%;
padding-top: 2px;
padding-bottom: 0px;
font-size: 60%;
padding-top: 4px;
}
.newwlink2 a{
color: #4a4a4a;
transition: all 0.9s ease 0s;
}


.newwlink2 a:hover{
color: #CD2122;
transition: all 0.9s ease 0s;
}


.scrollnews4 {
height: 471px;
width: 91%;
overflow: hidden;
border: 0px solid #F00;
position: absolute;
top: 52px;
right: 5%;
}
#newsscope4 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 6000px;
}
.homenews4 {
	height: 150px;
margin-bottom: 0px;
border-bottom: 0px solid #EFEFEF;
overflow: hidden;
width: 100%;
padding-top: 2px;
padding-bottom: 0px;
font-size: 60%;
margin-bottom: 10px;
text-align: center;
}


.contentleftblock2left{
height: 209px;

}
#contentleftblock2left{
color: #222;
margin-bottom: 5px;
}

#contentleftblock2right{
float: left;
margin-left: 2%;
}

.borderspare{
border-right: 1px solid #DEDDDD;
height: 97%;
float: right;
margin-right: 4.2%;
margin-top: 4px;
-webkit-box-shadow: 0px 0px 6px 0px #B7B7B7;
-moz-box-shadow: 0px 0px 6px 0px #B7B7B7;
box-shadow: 0px 0px 6px 0px #B7B7B7;
}

.globalback{
width: 230px;
height: 86px;
background: url("../globalback.png") no-repeat;
margin: auto;
}

.globalbacklink{
width: 91%;
font-size: 12px;
direction: rtl;
}
.globalbacklink a{
color: #17a5dc;
transition: all 0.9s ease 0s;
}
#link1:hover{
color: #e25c16;
transition: all 0.9s ease 0s;
}
#link2:hover{
color: #00a787;
transition: all 0.9s ease 0s;
}
#link3:hover{
color: #104354;
transition: all 0.9s ease 0s;
}
#link4:hover{
color: #ab2b25;
transition: all 0.9s ease 0s;
}

.videoname{
width: 94%;
height: 26px;
border: 0px solid #F00;
font-size: 14px;
font-family: "DroidKufi-Regular";
text-align: center;
overflow: hidden;
margin-top: 5px;
margin-right: 3%;
}
.videoname a{
color: #232323;
transition: all 0.9s ease 0s;
}
.videoname a:hover{
color: #CD2122;
transition: all 0.9s ease 0s;
}

#contentleftblock2seconde{
height: 280px;
}
.footer{

background: #2B2B2B;
display: inline-block;
width: 100%;
padding: 5px 0;

margin-top: 20px;
}
.footerright{

float: left;


border: 0px solid #F00;

text-align: left;
direction: ltr;
color: #A5A9AB;
font-size: 13px;
padding-top: 8px;
font-family: "DroidKufi-Regular";
margin: 10px;
}
.footerleft{
width: auto;
float: right;


text-align: right;
direction: ltr;
}


.footerleft li {
float:right;
margin: 10px 13px;
}

.footerleft li a {
font-size:12px;
color: #A5A9AB;
position: relative;
 }



.footerleft li a:after {
    font-family: 'FontAwesome';
    content: "\f100";
    position: absolute;
    font-size: 14px;
    transition: all 500ms ease 0s;
right: -12px;
font-size: 14px;
transition: all 500ms ease 0s;
top: 2px

}



.footer > div {
float:right;
}

.headericcon{
width: 26px;
height: 25px;
margin-left: 4px;
-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
transition: all 0.9s ease 0s;
display: inline;
}
.headericcon:hover{
-webkit-transform: translateX(5px) rotate(2deg);
    transform: translateX(5px) rotate(2deg);
transition: all 0.9s ease 0s;
}

.menuleft{
width: 20%;
height: auto;
min-height: 136px;
float: right;
    background: #fff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fff, #dcdcdc); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #dcdcdc); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #dcdcdc); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #dcdcdc);
}
#innercontent{
margin: 0px;
}
.contentpage{
width: 78%;
min-height: 250px;
float: left;
font-size: 16px;
color: #4E4E4E;
}
#allcontentpage{
width: 98%;
}
.menulefttitle{
color: #FFF;
font-size: 16px;
padding-bottom: 8px;
padding-top: 10px;
width: 100%;
padding-right: 3%;
border-bottom: 1px solid #E0E0E0;
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#F0F0F0, #ddd); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#F0F0F0, #ddd); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#F0F0F0, #ddd); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#F0F0F0, #ddd);
}
.menuleftlink{
width: 100%;
padding: 11px 14% 9px 14%;
background: url("../globalbackiconarabic.png") no-repeat scroll 93% 55% transparent;
font-size: 14px;
margin-right: 0%;
border-bottom: 1px dotted #C5C5C5;
font-family: "DroidKufi-Regular";
}
.menuleftlink a{
color: #595959;
transition: all 0.9s ease 0s;
}
.menuleftlink a:hover{
color: #ddd;
transition: all 0.9s ease 0s;
}
.contactright{
width: 49%;
height: 390px;
float: left;
}
.contactleft{
width: 49%;
height: auto;
float: right;
margin-top: 15px;
}

.contactname {
 	color: #8A8A89;
font-size: 10pt;
line-height: 22px;
margin-top: 8px;
}

.contactvalue2 {
	direction: ltr;
	font-weight: lighter;
	font-size: 11pt;
	color: #8A8A89;
	text-align: right;
}


.contactname3 {
 	color: #0CA6A4;
font-size: 10pt;
line-height: 22px;
margin-top: 8px;
}

.contactvalue3 {
	direction: ltr;
	font-weight: lighter;
	font-size: 11pt;
	color: #ffffff;
	text-align: right;
}

.contactusgooglemap{
	width: 100%;
	height: 346px;
	margin: auto;
	margin-top: 20px;
	border: 0px solid red;
	position: relative;
	right: 0px;
 
	top: 0px;
}
.contactusgooglemapcover{
	width: 100%;
	height: 346px;
	 
	position: absolute;
	right: 0px;
		background: url(http://erasoft-eg.com/design/nasa/images/650px-Contact_us.png) no-repeat;
z-index: 22222;
	top: 0px;
}
.contactusgooglemapdatamiddum{
	width: 100%;
	height: 346px;
	 background:#eff4f8;
	position: absolute;
	right: 0px;
 z-index: 15555;
	top: 0px;
}
 
.contactusgooglemapdata{
	width: 100%;
	height: 299px;
 	position: absolute;
	right: 7px;
	z-index: 22222;
 	top: 25px;
 	overflow: hidden;
 	
}
.td {
	width: 100%;
min-height: 40px;
background-color: #F8F8F8;
border: thin solid #E6E6E6;
border-radius: 9px;
text-align: center;
margin-bottom: 10px;
}
.td {
	font-family: "DroidKufi-Regular", Helvetica, Verdana, sans-serif;
	font-size: 14px;
}
.td {
	background-color: White;
	font-family: "DroidKufi-Regular", Helvetica, Verdana, sans-serif;
	font-size: 14px;
	vertical-align: top;
	padding: 5px 0px;
}

.textbox {
width: 96%;
height: 40px;
margin-top: -3px;
border: medium none;
background-color: transparent;
direction: rtl;
font-size: 11pt;
color: #3B3B3B;
margin-right: 17px;
}
.RequiredFields {
	position: relative;
	float: right;
	height: 35px;
	width: 100%;
}
.button {
padding: 9px;
color: #fff;
font-size: 15px;
text-align: center;
height: 40px;
margin: 10px 0px;
border: medium none;
width: 65px;
cursor: pointer;
font-size: 77%;
}

 #form {
	border: 1px solid #E6E6E6;
	margin-top: 16px;
	width: 445px;
}

.con {
	font-weight: lighter;
	color: #000;
	font-size: 90%;
 }
.condata {
	color: #616161;
	font-size: 95%;
	margin-right: 27px;
	width: 368px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #D4C9C9;
 	margin-top: 15px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.condata:focus{
	border: 1px solid #f2431f;
}

#submit {
	border: 1px solid rgb(204, 204, 204);
	width: 90px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin: 16px 10px auto 789px;
	color: #ddd;
	cursor: pointer;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 70% 50%;
	font-size: 16px;
	border-radius: 4px;
}

#submit:HOVER {
	background: #e3e0e0;
	opacity: 0.9;
transition: all 0.9s ease 0s;
}
.contactform{
width: 70%;
}
.innerpage{
width: 96%;
padding-right: 0%;
line-height: 27px;
margin-top: 7px;
color: #595959;
text-align: right;
direction: rtl;
}


.slide3inner {
height: 184px;
width: 219.92px;
float: right;
margin-left: 0px;
margin-right: 0px;
margin-top: 10px;
transition: all 0.5s ease 0s;
}

.slideimage3inner{
width: 207.92px;
height: 171px;
border: 1px solid #CBCBCB;
padding: 2px;
overflow: hidden;
position: relative;
background: #fff;
}
.slideimage3inner a img{
width: 203.92px;
height: 136px;
-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
opacity: 1;
transition: all 0.9s ease 0s;
}
.slideimage3inner a img:hover{
-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
opacity: 0.9;
transition: all 0.9s ease 0s;
}

button, input, select, textarea{
font-size: 13px;
}
.slidetitle3inner{
color: #FFF;
width: 100%;
height: auto;
font-size: 14px;
text-align: center;
position: absolute;
bottom: 0px;
padding-bottom: 6px;
padding-top: 6px;
line-height: 16px;
max-height: 57px;
overflow: hidden;
right: 0px;
font-family: "DroidKufi-Regular";
background: none repeat scroll 0% 0% #AD322B;
}
#selectmenuleft{
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#F0F0F0, #ddd); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#F0F0F0, #ddd); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#F0F0F0, #ddd); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#F0F0F0, #ddd);
border-bottom: 0px;
}
#selectmenuleft a{
color: #fff;
}
.videoblock{
width: 32%; height: 200px; float: right; margin-left: 1.3%; margin-top: 15px; border: 0px solid red;
}
.newsblock{
width: 23.5%;
height: 249px;
float: right;
margin-left: 1.3%;
margin-top: 14px;
-webkit-box-shadow: 0px 0px 5px 0px #CFCFCF;
-moz-box-shadow: 0px 0px 5px 0px #CFCFCF;
box-shadow: 0px 0px 5px 0px #CFCFCF;
transition: all 0.9s ease 0s;
margin-bottom: 15px;
}
#newstit{
height: 52px;
text-align: right;
padding-right: 5px;
width: 100%;
margin-right: 0px;
border-top: 1px solid #EAEAEA;
padding-top: 4px;
}

/*
	Stylesheet for Tigra Calendar v5.0
	Product is Public Domain (Free for any kind of applicaiton, customization and derivative works are allowed) 
	URL: http://www.softcomplex.com/products/tigra_calendar/

	- all image paths are relative to path of stylesheet
	- the styles below can be moved into the document or in existing stylesheet

*/

/* input box in default state */ 
.tcalInput {
	background: url('http://erasoft-eg.com/design/nasa/images/cal.gif') 100% 50% no-repeat;
	padding-right: 20px;
	cursor: pointer;
}

/* additional properties for input boxe in activated state, above still applies unless in conflict */
.tcalActive {
	background-image: url('http://erasoft-eg.com/design/nasa/images/no_cal.gif');
}
/* container of calendar's pop-up */
#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 170px;
	background-color: white;
	margin-top: 2px;
	padding: 0 2px 2px 2px;
	border: 1px solid silver;

	-moz-box-shadow: 3px 3px 4px silver;
	-webkit-box-shadow: 3px 3px 4px silver;
	box-shadow: 3px 3px 4px silver;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver');
}

/* table containing navigation and current month */
#tcalControls {
	border-collapse: collapse;
	border: 0;
	width: 100%;
}
#tcalControls td {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	width: 16px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
}
#tcalControls th {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	line-height: 25px;
	font-size: 10px;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	white-space: nowrap;
}
#tcalPrevYear { background-image: url('../right.gif'); }
#tcalPrevMonth { background-image: url('../right.gif'); }
#tcalNextMonth { background-image: url('../left.gif'); }
#tcalNextYear { background-image: url('../left.gif'); }

/* table containing week days header and calendar grid */
#tcalGrid {
	border-collapse: collapse;
	border: 1px solid silver;
}
#tcalGrid th {
	border: 1px solid silver;
	border-collapse: collapse;
	padding: 3px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	background-color: gray;
	color: white;
}
#tcalGrid td {
	border: 0;
	border-collapse: collapse;
	padding: 2px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	width: 14%;
	font-size: 11px;
	cursor: pointer;
}		
#tcalGrid td.tcalOtherMonth { color: silver; }
#tcalGrid td.tcalWeekend { background-color: #ACD6F5; }
#tcalGrid td.tcalToday { border: 1px solid red; }
#tcalGrid td.tcalSelected { background-color: #FFB3BE; }		










/*** 
=============================================
    Mainmenu Area style
=============================================
***/ 
.mainmenu-area {
    background: #ffffff;
}    
.mainmenu-area .logo {
    display: block;
    padding-right: 0;
    padding-left: 0;
    padding-top: 20px;
    padding-bottom: 0px;
    float: none !important;
    text-align: center;
}

/*
.main-menu .navigation li a {
    margin: 30px 15px 30px;
}*/
.outer-search-box {
    margin: 20px 0;
}
   






/* Update Mainmenu area Style */
@-webkit-keyframes menu_sticky {
    0%   {margin-top:-150px;}
    50%  {margin-top: -130px;}
    100% {margin-top: 0;}
}
@keyframes menu_sticky {
    0%   {margin-top:-150px;}
    50%  {margin-top: -130px;}
    100% {margin-top: 0;}
}
/*
.menu.stricky-fixed {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    z-index: 10000;
background: rgb(0,0,0,0.5);
    z-index: 99999;
    -webkit-animation-name: menu_sticky;
          animation-name: menu_sticky;
    -webkit-animation-duration: 0.60s;
          animation-duration: 0.60s;
    -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
background: none repeat scroll 0% 0% #E3E3E3;
}


.menu.stricky-fixed .navigation li a { color: #565656; }
.menu.stricky-fixed  .navigation > li > ul > li > a { color:#000 }
*/




/*==============================================
    Mainmenu Area Css
===============================================*/
.mainmenu-area {
}
.mainmenu-area .logo {
    display: inline-block;
    padding-left: 60px;
    position: relative;
}
.mainmenu-area .logo a {
    display: inline-block;
}
.main-menu {
    float: right;
    position: relative;
}
.main-menu .navbar-collapse {
    padding: 0px
}
.main-menu .navigation {
    float: left;
    margin: 0;
    position: relative;
}
.main-menu .navigation li {
    display: inline-block;
    float: right;

}
.main-menu .navigation > li.dropdown > a:after {
font-family: 'FontAwesome';
content: "\f103";
position: absolute;
left: 8px;
font-size: 14px;
transition: all 500ms ease 0s;
top: 24px;
}
.main-menu .navigation li a {
    color: #fff;
    display: block;
    font-size: 15px;
    line-height: 20px;
    opacity: 1;
padding: 22px 30px;
    position: relative;
    text-transform: capitalize;
    transition: all 500ms ease 0s;
    font-family: "DroidKufi-Regular";
}
/*
.main-menu .navigation > li.dropdown > a {
    margin-right: 27px;
}*/
.main-menu .navigation > li:hover > a, 
.main-menu .navigation > li.current > a {
color: #fff !important;
background: #cb3939;
}

.main-menu .navigation > li > ul {
border-right: 0px solid #F00;
border-width: 0px 0px 0px;
border-style: solid;
border-color: #CD2122 #F00 #F00;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
width: 230px;
background: none repeat scroll 0% 0% #2C2C2C;
position: absolute;
right: -150px;

opacity: 0;
transition: all 0.9s ease 0s;
z-index: 2;
height: 0px;
overflow: hidden;
border-radius: 9px;
  
}
.main-menu .navigation > li:hover > ul {
right: 0px;
    opacity: 1;
height: auto;
}
.main-menu .navigation > li > ul > li {
    clear: both;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #f4f4f4;
text-align:right;
}
.main-menu .navigation > li > ul > li:last-child{
    border-bottom: 0px solid #f4f4f4;    
}
.main-menu .navigation > li > ul > li > a {
    width: 100%;
    background: #ffffff;
padding: 8px 11px 8px 30px;
    margin: 0;
    color: #222222;
    font-size: 13px;
    
    text-transform: capitalize;
    display: block;
    float: left;
    clear: both;
    position: relative;
    outline: 0;
    transition: padding .2s linear;
    transition: all 500ms ease;
    font-family: "DroidKufi-Regular";
}
.main-menu .navigation > li > ul > li:hover > a {
    color: #551e1c;
    background: #f7f7f7;
}

.main-menu .navigation > li > ul > li.dropdown > a:after{}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after{}
.main-menu .navigation > li > ul > li > ul{}
.main-menu .navigation > li > ul li:hover ul {}
.main-menu .navigation > li > ul > li ul li {}
.main-menu .navigation > li > ul > li ul li:first-child{}
.main-menu .navigation > li > ul > li ul li a{ }
.main-menu .navigation > li > ul > li  > ul > li:hover > a{}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
  position: absolute;
  left: 10px;
  top: 6px;
  width: 34px;
  height: 30px;
  border: 1px solid #cb3939;
  background: url(../../images/submenu-icon.png) center center no-repeat;
  background-size: 20px;
  cursor: pointer;
  z-index: 5;
  display: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
}


.outer-search-box {
    float: left;
    height: 40px;
    width: 40px;
    margin: 30px 0;
    transition: all 500ms ease;
    border: 1px solid #e7e7e7;
}
.outer-search-box:hover{
    border-color: #551e1c;    
}
.outer-search-box .seach-toggle {
    background: transparent;
    color: #afafb5;
    cursor: pointer;
    display: block;
    font-size: 15px;
    line-height: 20px;
    margin: 0;
    padding: 9px 0px;
    position: relative;
    text-align: center;
    transition: all 500ms ease;
}
.outer-search-box .seach-toggle:hover,
.outer-search-box .seach-toggle.active{
    background:#551e1c;
    color: #fff;
}
.search-box {
    background: #f9f9f9;
    border-top: 1px solid #c1c1c1;
    opacity: 0;
    padding: 20px;
    position: absolute;
    left: 15px;
    top: 150%;
text-align:right;
    transition: all 500ms ease 0s;
    visibility: hidden;
z-index: 9;
}
.search-box.now-visible{
    top:100%;
    opacity:1;
    visibility:visible;	
}
.search-box .form-group{
    position:relative;
    padding:0px;
    margin:0px;
    width:100%;
    min-width:250px;
}
.search-box .form-group input[type="search"] {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #303443;
    color: #000;
    display: block;
    font-size: 13px;
    line-height: 24px;
    position: relative;
    transition: all 500ms ease 0s;
    width: 100%;
    height: 40px;
padding-left: 15px;
padding-right: 16px;
text-align: right;
direction: rtl;
    font-family: "DroidKufi-Regular";
}
.search-box .form-group input[type="search"]:focus{
    border-color:#394141;	
}
.search-box .form-group button, 
.search-box .form-group input[type="submit"] {
    background: #303443;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    transition: all 500ms ease 0s;
}
.search-box .form-group button:hover,
.search-box .form-group input:focus + button{
    color:#fff;
    background: #394141;
}


.mainmenu-right-box {}
.mainmenu-area .appointment-button {
    float: right;
    margin: 25px 0;
}
.mainmenu-area .appointment-button a {
    position: relative;
}
.mainmenu-area .appointment-button a:before {
    position: absolute;
    top: 3px;
    right: 5px;
    content: "";
    background: url(http://erasoft-eg.com/design/nasa/images/images/button-icon.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 20px;
    transition: all 500ms ease;
}
.mainmenu-area .appointment-button a:hover{

}












#jssor_1 {

max-height:418px !important;
}







.panel {
border-radius: 0 !important;
box-shadow:none !important;
    margin-bottom:0px;
border:none !important;
}

.panel .panel-heading {
text-align:right;
    margin-bottom:0px;
padding:5px 0px;
background: #fff !important;
position: relative;

}


.panel .panel-heading b:after {
    content: "";
    width: 60px;
    height: 3px;
    position: absolute;
    background: #cb3939;
    right: 0;
    bottom: 0;
}


.panel .panel-heading b { font-size: 14px; width: 30%;
display: inline-block;
padding: 5px;
margin-right: 4px;
font-weight: normal;
}

/*
#navig-box {overflow:hidden !important;}
*/



.news-item
{
height: 80px;
    margin:0px;
    border-bottom:1px solid #EDE9E9; 
padding:2px 0;
}
.panel-body { padding:4px !important;} 
.news-item { }
.news-item .image-sl { float:right; width:30%; margin-left:10px;  }
.news-item .image-sl img { height:70px; width:100%;}
.news-item .contant-sl { text-align:right; width:100%;}
.news-item p { font-size:11px; margin-bottom:0; }
.panel-footer { display:none;}

.news-item .contant-sl a {


color: #333;
margin-bottom: 6px;
display: block;
font-size: 12px;
margin-bottom: 6px;
display: block;
line-height: 20px;
text-align: right;}


.demo2 .news-item
{
 height:130px;
    margin:0px;
    border-bottom:1px solid #EDE9E9; 
}

.demo2 .news-item img {
width:100% !important;


}


.r-seck {
float:right
}

.iq-our-clients  {
display: inline-block;
width: 100%;
background: #fff;
position: relative;
margin: 20px 0;
padding: 14px;
}




.section-content .sec-title {
text-align: right;
}

.section-content .sec-title h1 {
padding-bottom:7px;
position:relative;display: inline-block;
}


.section-content .sec-title h1:after {
position: absolute;
content: "";
display: block;
right: 0;
bottom: 0;
height: 1px;
background: #3299bb;
width: 80px;

}


.section-content .sec-title .border {
float:right
}

.section-content .sec-title .border::before {
position: absolute;
top: 1px;
right: 0 !important;
width: 70px;
height: 1px;
background: #2598a1;
content: ""; }


.section-content .sec-title .sec-title .border::after {
display:none,
content: "";
}



.video-content {
background-image: url("images/p9.png");
width: 100%;
padding: 30px 0;}



.box-it {
width: 100%;
}

.image-it {
height: 250px;
width: 30%;
float: right;
margin-left: 20px;}

.image-it img {
height: 100% !important;
}
.content-it {
width: 67%;
height: 100%;
float: right;
text-align: right;
padding:  0 10px;
}


.content-it a {
color: #3299bb;
margin: 10px 0;
display: inline-block;}



.iq-our-clients .owl-carousel .owl-controls .owl-nav .owl-prev span,
.iq-our-clients .owl-carousel .owl-controls .owl-nav .owl-next span { line-height: 32px; text-align: center; display: inline; width:33px; height:33px; float: left; border: 1px solid #ccc;
 color:#ccc; }


.iq-our-clients .owl-carousel .owl-controls .owl-nav .owl-prev:hover span,
.iq-our-clients .owl-carousel .owl-controls .owl-nav .owl-next:hover span {border: 1px solid #cb3939; background:#cb3939; color:#fff; }






.iq-our-clients .owl-controls
{
position: absolute;
top: -52px;
width: 112px;
left:0;}




.head-sect {

position: relative;
}




.contentright .more  {
left: 0 !important;

}



.contentright .innermore {
background: 0;
color: #333;
line-height: 23px;
}


.demo1 {
height: auto !important;	
}


.pagesection {

direction: ltr;
background: #fff;
padding: 14px;
    height: 302px;
}


.pagesection img {
transition: all ease-in-out 0.4s;
width: 100%;
height: 200px;}


.pagesection #contentleftblock2left {
margin-bottom: 15px;
}

.pagesection .owl-carousel .owl-controls .owl-nav .owl-prev span,
.pagesection .owl-carousel .owl-controls .owl-nav .owl-next span { line-height: 32px; text-align: center; display: inline; width:33px; height:33px; float: left; border: 1px solid #ccc;
 color:#ccc; }


.pagesection .owl-carousel .owl-controls .owl-nav .owl-prev:hover span,
.pagesection .owl-carousel .owl-controls .owl-nav .owl-next:hover span {border: 1px solid #cb3939; background:#cb3939; color:#fff; }



.pagesection .owl-controls
{
position: absolute;
top: -52px;
width: 112px;
left: 0;}




.it-gallery {
position:relative;

}


.overlay6
{
position: absolute;
left:100%;
bottom: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
color: #fff;
text-align: center;
transition: all ease-in-out 0.4s;
}


.overlay6 p {
margin-top: 25%;}

.pagesection .owl-item .it-gallery {
overflow:hidden;
transtion
}

.pagesection .owl-item:hover .overlay6 {
left:0; 

}


.pagesection .owl-item:hover img {
transform: scale(1.1);

}

.demo3 {
height: auto !important;	
}




.ico-pack {
position: absolute;
opacity: 0.03;
width: 120px;
height: 120px;
left: 60px;
display: none;
}



.ico-pack img { 
width:100%;

}




#myCarousel .prev span, #myCarousel .next span {
    position: absolute;
    bottom: 30px;
    background-color: #ed2924;
    color: #f6f8f8;
    display: inline-block;
    margin-top: -25px;
    height: 40px;
    line-height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    z-index: 5;
    border-radius: 5px;
}

#myCarousel .next span {
    left: 100px;
}



#myCarousel .prev span {
    left: 50px;
}


.carousel-control {
position: initial;
}


.carousel-indicators {
    position: absolute;
    bottom: 30px;
    right: 50px;
    z-index: 2;
    width: auto;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
left: auto;
margin: 0;
padding: 0;
}




#myCarousel .carousel-indicators li:before {
    content: "";
    border: 4px solid #fff;
    border-radius: 100%;
width: 20px;
height: 20px;
    display: block;
    position: absolute;
left: -6px;
top: -5px;
    z-index: 1;
}


#myCarousel .carousel-indicators li {
width: 9px;
height: 9px;
    margin: 0 15px 0 0;
    position: relative;
    border-radius: 50%;
    border: 0;
}





/************************** socaillllllllllllll */


a {
  text-decoration: none;
}
.me {
  width: 400px;
  margin: 90px auto;
}
.me p,
.me h1 {
  text-transform: uppercase;
  letter-spacing: 3px;
  text-align: center;
}
.me p {
  font-weight: 200;
}
.me span {
  font-weight: bold;
}
.social {
position: fixed;
top: 20%;
z-index: 9;
left: 0;
direction: ltr;
width: 50px;
}
.social ul {
  padding: 0px;
  -webkit-transform: translate(-255px, 0);
  -moz-transform: translate(-255px, 0);
  -ms-transform: translate(-255px, 0);
  -o-transform: translate(-255px, 0);
  transform: translate(-255px, 0);
}
.social ul li {
  display: block;
  margin: 5px;
  background: rgba(0, 0, 0, 0.36);
  width: 300px;
  text-align: right;
  padding: 10px;
  -webkit-border-radius: 0 30px 30px 0;
  -moz-border-radius: 0 30px 30px 0;
  border-radius: 0 30px 30px 0;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.social ul li:hover {
  -webkit-transform: translate(110px, 0);
  -moz-transform: translate(110px, 0);
  -ms-transform: translate(110px, 0);
  -o-transform: translate(110px, 0);
  transform: translate(110px, 0);
  background: rgba(255, 255, 255, 0.4);
}
.social ul li:hover a {
  color: #000;
}
.social ul li:hover i {
  color: #fff;
  background: #4b3e72;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.social ul li i {
  margin-left: 10px;
  color: #000;
  background: #fff;
  padding: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  font-size: 17px;
  background: #ffffff;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
text-align:center;
}









/*------------------------------------------------------ */
/* Start Feature Section                              */
/*------------------------------------------------------ */

#partner .section-title h3,
#partner .section-title p,
.portfolio-section-1 .section-title p,
.about-us-section-1 .section-title p,
.services-section .section-title p,
.portfolio-section-1 .section-title h3,
.about-us-section-1 .section-title h3,
.services-section .section-title h3 {

color:#333;
}


#feature .feature {
position: relative;
padding:0;
overflow: hidden;
}
.ser-block{

border-radius: 5px;
    background: #f1f1f136;
    float: left;
    width: 100%;
    padding: 10px;
    transition: 0.3s;

    position: relative;
    top: 0px;
}

.ser-block:hover{

top: 1px;}



.feature-content h4:after {
    content: "";
    width: 60px;
    height: 3px;
    position: absolute;
    background: #cb3939;
left: 50%;
margin-left: -30px;
    bottom: 0;
}



#feature .feature img {
width: 100%;
height: 260px;
border-radius: 7px 7px 0 0;
}

/*

#feature .feature-content {
position: absolute;
bottom: 0;
width: 100%;
left: 0;
text-align: center;
background: #0009;
padding-top: 100px;
text-align: center;
text-shadow: 0px 12px 2px #050101cc;
height: 100%;
transition: all ease-in-out 0.3s;
}*/





#feature .feature-content h4 a {
color: #333;
font-size: 19px;
line-height: 25px;

padding: 4px;
font-size: 14px;
width: 100%;
display: inline-block;
}



/*
#feature .feature:hover .feature-content {
padding-top: 85px;
text-shadow: 0px 20px 2px #050101cc;
}
*/



#feature .feature img {
transition: all ease-in-out 0.3s;

}

.ser-block:hover img {

transform:scale(1.1)
}



.services-section {
    padding-top: 30px;
    padding-bottom: 20px;
}
.feature-section {
    padding-top: 20px;
}

.section-title h3 {
    margin-bottom: 60px;
}







.feature, .feature-2, .feature-3 {
    padding-bottom: 80px;
}

.feature, .feature-3 {
    text-align: center;
}
.feature h4,
.feature-3 h4 {
    font-size: 15px;
    color: #666;
    font-weight: 300;

}

.feature-2 h4{
    font-size: 15px;
    color: #666;
    padding-bottom: 10px;
    font-weight: 300;

}

.feature p, 
.feature-2 p,
.feature-3 p {
    color: #444;
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
}

.feature i,
.feature-3 i {
    font-size:2.5em;
    width: 80px;
    height: 80px;
   padding:25px;
    margin-bottom: 10px;
   position: relative;
}

.feature i {
    color:#fff;
	box-shadow: 0 0 0 30px transparent;
	-webkit-transform: translate3d(2, 2, 2);
	-moz-transform: translate3d(2, 2, 2);
	-o-transform: translate3d(2, 2, 2);
	transform: translate3d(2, 2, 2);
	-webkit-transition: box-shadow .6s ease-in-out;
	-moz-transition: box-shadow .6s ease-in-out;
	-o-transition: box-shadow .6s ease-in-out;
	transition: box-shadow .6s ease-in-out;
}
.no-touch .feature:hover i,
	.no-touch .feature:active i,
	.no-touch .feature:focus i {		
		
		-webkit-transition: box-shadow .4s ease-in-out;
		-moz-transition: box-shadow .4s ease-in-out;
		-o-transition: box-shadow .4s ease-in-out;
		transition: box-shadow .4s ease-in-out;
}

.feature-3 i {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.feature-3:hover .border {
    margin: 0 35%;
}

.feature-2 i {
   font-size:2.5em;
    color: #fff;
    width: 70px;
    height: 70px;
   padding:20px;
   position: relative;
    
}

.feature-2 .media-body {
    margin-left: 25px !important;
}

.feature-2 .border {
    margin-top: 20px;
    margin-left: 49.656565%;
    margin-right: 49.656565%;
	border-color: #fff;
}

.feature-2:hover .border {
    margin-left: 0%;
    margin-right: 0%;
}






    .carousel-inner,
.carousel-inner img,
    #myCarousel,
    #myCarousel.carousel .item {
height:400px !important;
width:100%;
 }








/************ search **********/


.search-bar.active {
    left: 0;
    visibility: visible;
}


.search-bar {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    z-index: 101;
    background: #000;
    content: "";
    -webkit-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
    opacity: 0.9;
    visibility: hidden;
    direction: rtl;
}


.search-bar i.fa-close {
    color: #fff;
    position: absolute;
    right: 50px;
    top: 40px;
width: 50px;
height: 50px;
cursor: pointer;
text-align: center;
line-height: 50px;
}


.search-bar-fixed {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -25%;
    margin-right: 25%;
    width: 100%;
    direction: ltr;
}



.search-bar-fixed button[type="submit"] {
    background: transparent;
    border: none;
    color: #fff;
    position: relative;
    right: 30px;
}


.search-bar-fixed input[type="text"] {
    padding: 15px 0px;
    background: transparent;
    border: none;
        border-bottom-width: medium;
        border-bottom-style: none;
        border-bottom-color: currentcolor;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    border-bottom: 1px solid #ffffff4d;
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 700;
    width: 50%;
    color: #fff;
float: left;
text-align:right
}


.bbrand {
background:#fff;
padding:14px;
margin-top:20px;
}


.bbrand img {
padding:10px 0;
width:100%;
height:90px;
}

.clients {
direction:ltr;

}