@charset "utf-8";
@FONT-FACE {
	font-family: "A_Nefel_Adeti";
	src: url("fonts/A_Nefel_Adeti.ttf");
}
@FONT-FACE {
	font-family: "ma3ali";
	src: url("fonts/MA3ALI-AQSA.TTF");
}
@FONT-FACE {
	font-family: "A_Nefel_Sereke";
	src: url("fonts/A_Nefel_Sereke.ttf");
}

@FONT-FACE {
	font-family: "DroidKufi";
	src: url("fonts/DroidKufi-Regular.ttf");
}

body {
	margin: 0px;
	text-align: right;
	font-family: "DroidKufi";
	font-weight: lighter;
	direction: rtl;
	font-size:20px;
	background-color: #A1A1A1;
}
ul {
	padding: 0px;
	margin: 0px;
}
li {
	list-style-type: none;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
p {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}
.clrrr {
	clear: both;
}
.space {
	width: 100%;
	height: 15px;
}
/********************************--home style-- **********************/
.wrapper {
	margin: 0px auto;
	padding: 0px;
	width: 1180px;
	min-height: 100px;
	margin-top: 0px;
	direction: rtl;
	border:0px solid red;
	background-color: #FFF;
}
/************************************<header>***************************/
.header
{
	width:100%;
	height: 198px;
	border:0px solid red;
}
.topheader
{
	width: 100%;
height: 35px;
background-color: #F2F3F4;
border: 0px solid #98B827;
}
.inheader
{
width: 100%;
height: 111px;
background: url("../images/backheader.png") repeat-x scroll 0% 0% transparent;
border: 0px solid #008000;
}
.downheader
{
	width:100%;
	height: 52px;
	border:0px solid blue;
	background:url(../images/backheader2.png)repeat-x;
}
.langheader
{
width: 10%;
height: 23px;
border: 0px solid rgb(0, 128, 0);
margin-top: 7px;
display: inline-block;
vertical-align: top;
margin-right: 578px;
}
.langheader li {
    width: 52px;
    vertical-align: top;
    display: inline-block;
    text-align: center;
    font-size: 13px;
    height: 20px;
}
.langheader li a {
	color: #51575D;
}
.langheader li a:hover {
	color:#479DCC;
}
.phoneheader
{
width: 130px;
height: 21px;
display: inline-block;
vertical-align: top;
border: 0px solid #F00;
color: #51575D;
font-size: 14px;
overflow: hidden;
margin-top: 5px;
}
.topheader img
{
display: inline-block;
vertical-align: top;
margin-top: 10px;
width: 23px;
}
.msgheader
{
width: 184px;
height: 25px;
display: inline-block;
vertical-align: top;
border: 0px solid #FFA500;
margin-top: 4px;
overflow: hidden;
}
.msgheader a
{
	color: #51575D;
font-size: 14px;
}
.msgheader a:hover
{
	text-decoration: underline;
}
.inheaderimg
{
border: 0px solid #00F;
margin-top: 10px;
margin-right: 52px;
width: 380px;
height: 90px;
}
.search-header
{
width: 202px;
height: 42px;
display: inline-block;
vertical-align: top;
margin-top: 5px;
margin-right: 135px;
border: 0px solid #008000;
}
.submitheader
{
background: url("../images/search.png") no-repeat scroll 0% 0% transparent;
width: 27px;
border: medium none;
font-size: 16px;
color: #FFF;
height: 35px;
margin-right: -32px;
cursor: pointer;
border: 0px solid red;
}
.submitheader:hover
{
	background: url("../images/searchhover.png") no-repeat scroll 0% 0% transparent;
}
.textheader
{
width: 180px;
height: 38px;
border: medium none;
color: #5B5B5B;
font-size: 14px;
padding-right: 8px;
background-color: #DBDDE0;
border-radius: 3px;
font-family: "DroidKufi";
}
.navbar {
width: 62%;
height: 48px;

display: inline-block;
vertical-align: top;
margin-right: 3%;
position: relative;
border: 0px solid #008000;
margin-top: 0px;
}
.navbar li {
width: 13%;
vertical-align: top;
display: inline-block;
border: 0px solid rgba(8, 6, 6, 0.57);
height: 43px;
padding-top:8px;
text-align: center;
font-size: 76%;
margin-left: 18px;
border-top: 3px solid #4F555B;
}
.navbar li:hover
{
	border-top: 3px solid #35B3DC;
}
.navbar li a {
	color: #fff;
}
.navbar li a:hover {
	color:#35B3DC;
}
#dropm {

	position: relative;
}
#dropm:hover > .sub-menu {
	height: auto;
}
.navbar .arrow {
	font-size: 9px;
	line-height: 0%;
}
.sub-menu {
width: 200px;
padding: 0%;
position: absolute;
left: -50%;
z-index: 1;
opacity: 1;
transition: opacity 0.15s linear 0s;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
background: none repeat scroll 0% 0% #4C5258;
height: 0px;
overflow: hidden;
top:49px;
background: none repeat scroll 0% 0% rgba(30, 31, 42, 0.7);
}

.sub-menu p {
	display: block;
	font-size: 13px;
	width: 100%;
	height: 28px;
	border-bottom: 1px solid #9B9B9B;
	padding: 2px;
}

.sub-menu p a {
	padding: 0% 0%;
	display: block;
}

.socialheader {
width: 13%;
height: 52px;
margin-right: 520px;
vertical-align: top;
display: inline-block;
border: 0px solid #F00;
margin-top: 40px;
}
.socialheader img {

margin-right: 2px;
margin-top: 5px;
}
.socialheader  img:hover {
	-webkit-transform: rotate(360deg);
	-webkit-transition-duration: 900ms;
	-webkit-transition-timing-function: ease-out;
	-moz-transform: rotate(360deg);
	-moz-transition-duration: 900ms;
	-moz-transition-timing-function: ease-out;
	-ms-transform: rotate(360deg);
	-ms-transition-duration: 900ms;
	-ms-transition-timing-function: ease-out;
}
/**********************************<row1>**********************/
.row1
{
	width:100%;
	min-height:100px;
}
.slider {
	width: 100%;
	height: 385px;
	position: relative;
	display: inline-block;
	vertical-align: top;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	background:url(../images/gama.png)no-repeat;
}

.innertext2 {
position: absolute;
left: -140%;
top: 0px;
border: 0px solid #008000;
height: 130px;
width: 98%;
color: #4C5258;
font-size: 100%;
/*background: none repeat scroll 0% 0% rgba(203, 201, 201, 0.18);*/
overflow: hidden;
font-weight: lighter;
}
/*********************************<row2>**************************/
.row2
{
	width:100%;
	min-height: 100px;
	border:0px solid red;
}
.titlerow
{
	width:100%;
	font-size: 85%;
	font-weight: bold;
	color: #343333;
	text-align: center;
}
.aboutdes_home
{
width: 67%;
height: 100px;
border: 0px solid #FFA500;
display: inline-block;
vertical-align: top;
font-size: 70%;
color: #858585;
padding-bottom: 5px;
overflow: hidden;
line-height: 27px;
margin-top: 20px;
margin-bottom: 5px;
}
/********************************<row3>***************************/
.row3
{
	width:100%;
	height: 335px;
	border:0px solid green;
	background: url(../images/backrow.png)repeat-x;
}
.titleproducthome
{
width: 15%;
font-size: 107%;
color: #343333;
text-align: center;
border: 0px solid #008000;
background: url("../images/backrow.png") repeat-x scroll 0% 0% transparent;
margin-right: 505px;
position: relative;
top: 49px;
z-index: 111111;
}
/****************<< animation1 >> ************/

.slideall {
width: 1110px;
min-height: 170px;
overflow: hidden;
margin: 10px auto auto 39px;
text-align: left;
direction: ltr;
top:30px;
position: relative;
border: 0px solid #Ff0;
}

#slides {
    min-width: 600000px;
	height: 192px;
	left: 0px;
	top: 0;
	position: absolute;
	padding-left: 0px;
	direction: ltr;
}

.slide {
height: 150px;
width: 210px;
vertical-align: top;
display: inline-block;
margin-right: 5px;
position: relative;
background-color:#fff;
border: 1px solid #F0F0F0;
}
#right
{
position: absolute;
display: inline-block;
vertical-align: top;
cursor: pointer;
z-index: 1;
left: 80px;
margin-top: 10px;
}
#left {
position: absolute;
left: 50px;
display: inline-block;
vertical-align: top;
cursor: pointer;
z-index: 1;
margin-top: 10px;
}
.backgrounnd1 {
height: 100%;
width: 100%;
	position: absolute;
right: 0px;
bottom: 0px;
	
	text-align: center;
	z-index: 5555;
}
.backgrounnd1:hover {
background: url("../images/plus.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0.22);

}
.pppoimg{
width: 87%;
height: 88%;
border: 0px solid #F00;
margin-top: 8px;
margin-left: 13px;
}
.buttonprod
{
width: 12%;
height: 32px;
margin-right: 1000px;
margin-top: 35px;
border: 1px solid #E9E9E9;
border-radius: 6px;
background-color: #FFF;
text-align: center;
padding-top:5px;
}
.innerbuttonprod
{
		width:100%;
	height: 20px;
}
.buttonprod a
{
font-size: 80%;

	color: #858585;
}
.buttonprod a:hover
{
	color: #479DCC;
}
/************************************<row4>*************************/
.row4
{
	width:100%;
	height: 280px;
	border:0px solid #f0f;
}
.video_home
{
	width:23%;
	height: 215px;
	display:inline-block;
	vertical-align:top;
	margin-right: 40px;
	margin-top:25px;
	border:0px solid orange; 
}
.services_home
{
width: 32%;
height: 216px;
display: inline-block;
vertical-align: top;
border: 0px solid #FFA500;
overflow: hidden;
margin-top:25px;
margin-right: 50px;
}
.news_home
{
		width:30%;
	height: 230px;
	display:inline-block;
	vertical-align:top;
	margin-right: 40px;
	margin-top:25px;
	border:0px solid orange;
	position: relative;
}
.titlesrow4
{
width: 18%;
height: 27px;
color: #343333;
font-size: 74%;
	border:0px solid green;
	display: inline-block;
	vertical-align: top;
}
.desc_services
{
width: 98%;
	min-height:100px;
	border:0px solid #f0f;
	color: #343333;
font-size: 69%;
}
.desc_services ul li
{
	padding-right: 35px;
	background: url(../images/nikear.png)no-repeat 100% 0%;
}
/***********************animation2****************************/
.slideall2 {
width: 100%;
height: 195px;
overflow: hidden;
margin:0px 0% auto 0px;
position: relative;
border: 0px solid #F00;
text-align: left;
direction: ltr;
}

#slides2 {

	min-width: 600000px;
	height: 266px;
	left: 0px;
	top: 0;
	position: absolute;
	padding-left: 0px;
	direction: ltr;
}

.slide2 {
width: 345px;
height: 160px;
vertical-align: top;
display: inline-block;
padding-top: 5px;
margin-right:5px;
border: 0px solid #00F;
}


.date-eventhome2
{
border: 0px solid #008000;
color: #479DCC;
width: 40%;
height: 19px;
font-size: 70%;
margin-left: 194px;
text-align: right;
}

.detailsslider2 img
{
		border:0px solid blue;
		display: inline-block;
		vertical-align: top;
		
}
.slidertxtt2
{
width: 96%;
height: 100px;
border: 0px solid #808080;
padding-left: 6px;
text-align: right;
line-height: 19px;
margin-top: 9px;
overflow: hidden;
}
.slidertxtt2 a
{
    font-size: 69%;
color: #5A5A5A;
}
.slidertxtt2 a:hover
{
	color: #000;
}
#right2 {
position: absolute;
left: 43px;
cursor: pointer;
z-index: 1;
bottom: 0px;
}
#left2 {
position: absolute;
left: 10px;
cursor: pointer;
z-index: 1;
bottom: 0px;
}
/**********************************<footer>**************/
.footer
{
	width:100%;
	height: 267px;
	background:url(../images/backfooter.png)repeat-x;
	border:0px solid #f0f;
}
.contacthome
{
width: 25%;
height: 175px;
display: inline-block;
vertical-align: top;
border: 0px solid #FF0;
margin-right: 70px;
margin-top: 35px;
}
.socialmedia
{
		width:20%;
	height: 175px;
	display: inline-block;
	vertical-align: top;
	border:0px solid yellow;
	color: #E5E3E3;
	margin-right: 70px;
	margin-top: 35px;
}
.subscribefooter
{
		width:30%;
	height: 220px;
	display: inline-block;
	vertical-align: top;
	color: #E5E3E3;
	border:0px solid yellow;
	margin-right: 100px;
	margin-top: 35px;
}
.textfooter
{
	
	width:100%;
	height: 37px;
	color: #fff;
	font-size: 84%;
	border: 0px solid #543636;

}
.social-footer
{
margin-right: 35px;
margin-top: 10px;
}
.social-footer img:hover
{
	-webkit-transform: rotate(360deg);
	-webkit-transition-duration: 900ms;
	-webkit-transition-timing-function: ease-out;
	-moz-transform: rotate(360deg);
	-moz-transition-duration: 900ms;
	-moz-transition-timing-function: ease-out;
	-ms-transform: rotate(360deg);
	-ms-transition-duration: 900ms;
	-ms-transition-timing-function: ease-out;
}
.address {
width: 85%;
min-height: 20px;
color: rgb(229, 227, 227);
display: inline-block;
vertical-align: top;
margin-right: 6px;
margin-bottom: 15px;
margin-top: 0px;
font-size: 66%;
}
.textformfooter
{
    width: 76%;
    height: 32px;
    font-size: 66%;
    color: #DFE7F0;
    background-color: #2B333C;
    border: 1px solid #676767;
    margin-bottom: 10px;
    border-radius: 3px;
    font-family: "DroidKufi";
    padding-right: 10px;
}
.submitfooter
{
width: 29%;
height: 39px;
font-size: 68%;
color: #C6CED0;
background-color: #353F49;
border: 1px solid #676767;
border-radius: 4px;
cursor: pointer;
font-family: "DroidKufi";
}
.submitfooter:hover
{
	color: #00CDE6;
}
.copy
{
width: 97%;
height: 32px;
padding-right: 35px;
border: 0px solid #008000;
font-size: 70%;
color: #3C3C3C;
background: url("../images/backdownfooter.png") repeat-x scroll 0% 0% transparent;
padding-top: 10px;
}
/*******************************<aboutus>****************************/
.innerttitles
{
padding-top: 0px;
height: 45px;
color: rgba(24, 24, 24, 0.73);
border-bottom: 1px solid #EDEDED;
border-radius: 4px;
text-align: center;
font-size: 103%;
width: 91%;
margin-right: 54px;
}
.innerdecrption
{
	line-height: 30px;
color: #5A5A5A;
min-height: 100px;
font-size: 72%;
padding-bottom: 22px;
width: 94%;
margin-top: 15px;
border: 0px solid #F00;
padding-right: 17px;
}
.innerdecrption li {
    list-style: outside none circle;
    margin-right: 15px;
}
/***********************************<news>***************************/
.homenewsblock{
width: 29%;
margin-right: 3%;
margin-left: 0%;
vertical-align: top;
display: inline-block;
border: 0px solid #008000;
height: 215px;
position: relative;
margin-bottom: 35px;
}
.homenewsblockdetial{
	width: 49%;
	height: 212px;
	border: 0px solid blue;
	position: absolute;
	top: 0px;
	left: 0px;
	-webkit-box-shadow: 0px 0px 2px 0px #e8eaec;
-moz-box-shadow: 0px 0px 2px 0px #e8eaec;
box-shadow: 0px 0px 2px 0px #e8eaec;
z-index: 222;

}
.homenewsblockimg{
width: 51%;
height: 100%;
border: 1px solid #E9E9E9;
position: absolute;
top: 0px;
right: 0px;
z-index: 4444;
overflow: hidden;
}
.homenewsblockimg img{
	width: 100%;
	height: 100%;
}
.newsdate{
position: absolute;
left: 8px;
top: 0px;
height: 64px;
padding-top: 2px;
background: none repeat scroll 0% 0% #35B3DC;
color: #FFF;
text-align: center;
width: 47px;
border: 0px solid #F00;
font-size: 76%;
}
.homenewsblocktitle{
width: 97%;
height: 42px;
border: 0px solid #7CD8EC;
margin-top: 6px;
margin-right: 6px;
}
.homenewsblocktitle a{
color: #353434;
font-size: 120%;
}
.homenewsblocktitle a:hover{
	color: #5FA55C;
	    transition: all 0.9s ease 0s;
}

.homenewsblockdetialdesc{
width: 94%;
padding-top: 6px;
height: 109px;
margin-top: 0px;
margin-right: 6px;
color: #353434;
font-size: 90%;
border: 0px solid #F00;
overflow: hidden;
line-height: 22px;
}
.viewdetialsbutton {
border: 0px solid #F00;
bottom: 0px;
height: 27px;
margin-right: 6px;
width: 70%;
margin-top: 10px;
}
.viewdetialsbutton a {
    font-size: 95%;
  color: #35B3DC;
}
.viewdetialsbutton a:hover {
 text-decoration: underline;
}
.homenewsblockimg:hover
{
	opacity: 0.5;
}
.innerdecrption li {
    list-style: outside none circle;
    margin-right: 15px;
}
.nu {
    width: 25px;
    display: inline-block;
    margin: 0px;
    padding: 0px;
    background: none repeat scroll 0% 0% #E9E9E9;
    box-shadow: 0px 1px 1px 0px #9F9F9F;
    text-align: center;
    height: 30px;
}
/************************************<gallery>***********************/
.dispgall
{
width: 15%;
height: 175px;
border: 0px solid #008000;
display: inline-block;
vertical-align: top;
margin-right: 4%;
margin-bottom: 35px;
}
/**********************************<contactus>*****************************/

.formcontact {
width: 50%;
height: 400px;
display: inline-block;
vertical-align: top;
margin-top: 30px;
border: 0px solid #008000;
margin-right: 12px;
font-size: 105%;
}

.info-contact {
width: 42%;
min-height: 80px;
border: 0px solid #00F;
margin-bottom: 0px;
margin-top: 40px;
font-size: 105%;
display: inline-block;
vertical-align: top;
}
.condata2 {
	border: 1px solid #9EB3CB;
	padding-right:10px;
	font-size: 15px;
}
#submitcontact {
width: 16%;
height: 33px;
border: 0px solid #F2F2F2;
background-color: #4C555A;
color: #F2F2F2;
font-size: 104%;
cursor: pointer;
border-radius: 5px;
font-family: "DroidKufi";

}
#submitcontact:hover {
	background-color: #F2F2F2;
	color: #4C555A;
}
/*******************************<products>*********************************/

.productbox {
	width: 40%;
	margin-right: 6%;
	height: 285px;
	vertical-align: top;
	display: inline-block;
	border: 0px solid green;
	margin-bottom: 25px;
}
.productname {
	text-align: center;
	border: 0px solid #F00;
	margin-top: -25px;
	width: 54%;
	background-color: #FFFFFF;
	margin-right: 100px;
	height: 25px;
	overflow: hidden;
}
.productname a {
	color: #094461;
	font-size: 17px;
	font-weight: lighter;
}
.productname a:hover {
	color:#35B3DC;
	transition: all 0.9s ease 0s;
}
.productdetial {
width: 93%;
height: 3.3em;
overflow: hidden;
color: #575757;
font-size: 94%;
font-weight: lighter;
margin-top: 10px;
margin-bottom: 0px;
line-height: 1.4em;
border: 0px solid #F00;
padding-right: 10px;
}

.innerproductview {
	padding-top: 0px;
	height: 24px;
	text-align: center;
	width: 110px;
	border: 0px solid #FFA500;
	margin-left: 0px;
}
.innerproductview a {
	color: #094461;
}
.innerproductview a:hover {
	color: #35B3DC;
	transition: all 0.9s ease 0s;
}

.imagerowprod {
	width: 100%;
	height: 100px;
	border: 0px solid orange;
	margin-top: 7px;
}
.displayimg {
	width: 18%;
	height: 103px;
	border: 1px solid #EFEFEF;
	border-radius: 5px;
	margin-right: 20px;
	display: inline-block;
	vertical-align: top;
}
.displayimg:hover {
	-webkit-box-shadow: 0px 0px 5px 0px #2186A5;
	-moz-box-shadow: 0px 0px 5px 0px #2186A5;
	box-shadow: 0px 0px 5px 0px #2186A5;
}
.displayimg img {
	width: 100%;
	height: 100%;
}
.prodimg
{
border: 0px solid #F00;
width: 50%;
height: 130px;
margin-right: 108px;
border-radius: 20px;
}
.prodimg img
{
	width:100%;
	height:100%;
	border-radius: 20px;
}
.prodimg img:hover
{
		-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
	-ms-filter: fliph; /*IE*/
	filter: fliph; /*IE*/
}