@font-face {
    font-family: 'square721_dmnormal';
    src: url('../fonts/square721_dm_normal-webfont.eot');
    src: url('../fonts/square721_dm_normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/square721_dm_normal-webfont.woff') format('woff'),
         url('../fonts/square721_dm_normal-webfont.ttf') format('truetype'),
         url('../fonts/square721_dm_normal-webfont.svg#square721_dmnormal') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'proantiregular';
    src: url('../fonts/proanti-webfont.eot');
    src: url('../fonts/proanti-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proanti-webfont.woff') format('woff'),
         url('../fonts/proanti-webfont.ttf') format('truetype'),
         url('../fonts/proanti-webfont.svg#proantiregular') format('svg');
    font-weight: normal;
    font-style: normal;

} 
@font-face {
    font-family: 'xpress_sfregular';
    src: url('../fonts/xpress_sf-webfont.eot');
    src: url('../fonts/xpress_sf-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/xpress_sf-webfont.woff') format('woff'),
         url('../fonts/xpress_sf-webfont.ttf') format('truetype'),
         url('../fonts/xpress_sf-webfont.svg#xpress_sfregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'agency_fbregular';
    src: url('../fonts/4822485673-webfont.eot');
    src: url('../fonts/4822485673-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/4822485673-webfont.woff') format('woff'),
         url('../fonts/4822485673-webfont.ttf') format('truetype'),
         url('../fonts/4822485673-webfont.svg#agency_fbregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* Arabic Fonts 
=======================================================*/
@font-face {
	    font-family: 'bein-ar-normal';
	    src: url('../fonts/bein-ar-normal.eot');
	    src: url('../fonts/bein-ar-normal.eot?iefix') format('eot'),
	         url('../fonts/bein-ar-normal.woff') format('woff'),
	         url('../fonts/bein-ar-normal.ttf') format('truetype'),
	         url('../fonts/bein-ar-normal.svg#bein-ar-normal') format('svg');
	    font-weight: normal;
	    font-style: normal; 
		}

@font-face {
	font-family: 'droidkufi-regular';
	src: url('../fonts/droidkufi-regular.eot');
	src: local('☺'), url('../fonts/droidkufi-regular.woff') format('woff'), url('../fonts/droidkufi-regular.ttf') format('truetype'), url('../fonts/droidkufi-regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'droidkufi-bold';
	src: url('../fonts/droidkufi-bold.eot');
	src: local('☺'), url('../fonts/droidkufi-bold.woff') format('woff'), url('../fonts/droidkufi-bold.ttf') format('truetype'), url('../fonts/droidkufi-bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'Hacen-Liner-Screen';
    src: url('../fonts/Hacen-Liner-Screen.eot');
    src: url('../fonts/Hacen-Liner-Screen.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Hacen-Liner-Screent.woff') format('woff'),
         url('../fonts/Hacen-Liner-Screen.ttf') format('truetype'),
         url('../fonts/Hacen-Liner-Screen.svg#Hacen-Liner-Screen') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
	    font-family: 'hacen_casablanca';
	    src: url('../fonts/hacen_casablanca.eot');
	    src: url('../fonts/hacen_casablanca.eot?iefix') format('eot'),
	         url('../fonts/hacen_casablanca.woff') format('woff'),
	         url('../fonts/hacen_casablanca.ttf') format('truetype'),
	         url('../fonts/hacen_casablanca.svg#hacen') format('svg');
	    font-weight: normal;
	    font-style: normal; 
		}
@font-face {
	    font-family: 'hacen_dalal_st';
	    src: url('../fonts/hacen_dalal_st.eot');
	    src: url('../fonts/hacen_dalal_st.eot?iefix') format('eot'),
	         url('../fonts/hacen_dalal_st.woff') format('woff'),
	         url('../fonts/hacen_dalal_st.ttf') format('truetype'),
	         url('../fonts/hacen_dalal_st.svg#hacen') format('svg');
	    font-weight: normal;
	    font-style: normal; }
/*
=========================================*/
   html {
       -webkit-font-smoothing: antialiased !important;
	   /* overflow-x: hidden; */
}
    body{
font-family: tahoma;
	
         font-size: 14px;
		 background:url(../images/light.png)center top no-repeat,url(../images/blackorchid.png) repeat;
		 position:relative;
		 min-width:1000px;
		 }
.bg {
    position: absolute;
	background: url(../images/header_bg.png) no-repeat scroll center;
	height: 400px;
	width: 100%;
	z-index: -10;
}

.redlinemain {
	position: relative;
	height: 0px;
	top: 102px;
}
.redlinemain .container {
	position: relative;
	
}

.redline{
   position: absolute;
	display: block;
	border-bottom: #e30613 solid 4px;
	width: 905px;
	height: 2px;
	left: 50px;
		  

	 
}
.header{
	 height:106px; 
}
.logo{
	width:191px;
	height:117px;
	margin-top: 18px;
    z-index: 80;
    position: relative;
}
@-moz-document url-prefix() {
    .logo {
     width: 191px;
     height: 117px;
     margin-top: 18px;
     z-index: 126;
     position: absolute;
    }
	.slideshow{
	 background:url(../images/slideshow_bg.jpg);
	 z-index: 1;
	 position:absolute;
	}
	.slide_show{
	 margin-top: -19px;
	}
	ul.c-data li {
    float: right;
    color: #FFF;
    min-width: 288px;
    display: inline-block;
    padding-bottom: 15px;
    font-family: tahoma;
    font-size: 15px;
    text-align: right;
    padding-left: 6px;
}
div.mod-languages li {
    margin-left: 0px !important;
    margin-right: -1px !important;
}
}
	
.band.navigation {
     float: right;
}
.container{
	 width: 970px !important;
}
.navbar .nav>li:hover ul li ul {
    position: relative;
    right: 95px;
    top:-15px;
    display: none;
     transition: all 0.5s ease;
}

.navbar .nav>li:hover ul li:hover ul {
    display: block;
     transition: all 0.5s ease;
}
.clear {
    clear: both;
}
/* Slide show
===================*/
.slideshow{
	 /* z-index: -1; */
	 position:relative;
	 
}
.slide_text1{
   font-family: 'agency_fbregular';
   color:#e30613;
   display:block;
   background-color:rgba(0, 0, 0, 0.52)!important ;
   position:absolute;
   top:5px; 
   left:0px;
   font-size:50px;
   width:26px;
   height:37px;
   text-align:center;
   
}
.slide_text2{
font-family: 'bein-ar-normal';
color:#e30613;
display:block;
background-color:rgba(17, 2, 2, 0.8)!important ;
width:260px;
height:45px;
 padding:5px;
text-align:center;
position:absolute;
 top:0px; 
left:-30px;
font-size:30px;

}

.slide_text4{
color:#fff;
display:block;
background-color:rgba(17, 2, 2, 0.75)!important ;
width:320px;
height:50px;
 padding:8px;
text-align:center;
position:absolute;
 top:0px; 
left:6px;
font-size:26px;
font-family: 'bein-ar-normal';

}
	/* main Content
===================*/
/* .main-content{
	overflow:hidden;
} */
	.word{
	 height:81px;
	 width:780px;
	 background: rgba(255,255,255,.2);
	 color: #fff;
	 font-family: 'hacen_casablanca';
	/*  font-size:31px; */
	 font-size:37px;
	 text-align: center;
	 -ms-transform: rotate(-4deg);
     -webkit-transform: rotate(-4deg);
     transform: rotate(-4deg);
	 margin: 0 auto;
	 -webkit-box-shadow: 5px 5px 7px 0px rgba(0, 0, 0, 0.75);
     -moz-box-shadow:    5px 5px 7px 0px rgba(0, 0, 0, 0.75);
     box-shadow:         5px 5px 7px 0px rgba(0, 0, 0, 0.75);
	 z-index: 20;
    position: relative;
	 
	}
.word span{
	 font-family: 'square721_dmnormal';
	 color:#ffb13e;
	 font-size:50px;
}
.word p {
position: relative;
top: -18px;
}
.main{
	 background:url(../images/main_bg.png) no-repeat; 
	 padding-bottom: 16px;
	 direction: rtl;
text-align: right;
}
span.down {
     /* transform: rotate(179deg);
      display: inline-block;
	  position: relative;
      top: 25px;
      left: -10px; */
	  transform: rotate(0deg);
	display: inline-block;
	position: relative;
	top: 25px;
	right: -10px;
	font-size: 58px;
	  
     }
span.top {
    position: relative;
	top: 23px;
	left: -10px;
	transform: rotate(180deg);
	display: inline-block;
	font-size: 58px;
}
.about{
     width:628px;
	 text-align: justify;
	 margin-left: 342px;
     line-height: 22px;
	 margin-top: 26px;
    }
.about a {
     float: left;
     text-decoration: none;
     color: #f00;
	 margin-top: -26px;
	 margin-left: 31px;
}
.about a:hover{
	    color:#fff;
}
.about p span {
     color: #d20a11;
     font-size:35px;
     font-family: 'bein-ar-normal';;
     font-weight: bold;
     padding-left: 5px;
     line-height: 40px;
}
.about p {
      color: #fff;
	  width: 95%;
	  margin-bottom: 5px;
}  
p.red {
     color: #f00;
     line-height: 25px;
	 width: 75%;
}
/* pages
===========================*/

.pages {
	min-height: 600px;
	border-bottom: 2px solid #e30613;
	background: rgba(255, 255, 255, 0.1);
	 width: 940px; 
	/* width: 970px; */
	margin: 0px auto;
	/* border-bottom-right-radius: 14px; */
	border-top-left-radius: 33px;
	border-bottom-right-radius: 14px;
	border-bottom-left-radius: 14px;
	padding: 15px;
	color:#fff;
	direction:rtl;
}
.pages h2{
color: #ffb13e;
font-family: "hacen_casablanca";
margin-bottom: 20px;
margin-top: 35px;
font-size: 30px;
}
.pages #double{

list-style: none;
color: #fff;
margin-right: -48px;
margin-top: 0px;
}
.pages #double li{
	font-family: tahoma;
	font-size: 16px;
	float: right; 
	margin-bottom: 0px; 
	padding: 5px;
	line-height:29px;
	word-break: break-word;
	width: 96%; 
}
#double  li span{
width: 27px;
height: 29px;
display: inline-block;
text-align: center;
font-family: 'proantiregular';
/* font-size: 25px; */
font-size: 16px;
margin-left: 10px;
position: relative;
bottom: -3px;
background: #131313;
border-radius: 50%;
-moz-box-shadow: inset 1px 0px 4px #646464;
-webkit-box-shadow: inset 1px 0px 4px #646464;
box-shadow: inset 1px 0px 4px #646464;
}
#double li  { width:50%;}
.pages_about{
text-align: justify; 
margin-top: 26px;

}
.pages_about p{
color: #fff;
margin-bottom: 5px;
font-size: 16px;
line-height: 25px;
padding-bottom: 5px;
margin-top: 9px;
line-height: 25px; 
width:95%;
}
.special_width{
width: 60% !important;
}
.pages_about p.red{
color: #f00;
line-height: 25px;
width: 60% !important;
}
.pages_about img {

	position: absolute;
	top: 79px;
	left: 62px;
	width: 309px;
	border-radius: 21px;
	transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	-webkit-transform: rotate(-4deg);
	-o-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
}
.pages h3{
color: #e30613;
padding-bottom: 5PX;
}
.pages dl{

}
.pages dd span{
display: inline-block;
width: 85px;
}
.pages dl a {
color: #fff;
}
.pages dl a:hover{
text-decoration:underline;
}
/* contactpage
===============================*/
.factory {
width: 390px;
float: right;
font-size: 16px;
margin-left: 25px;
}
.contactform {
width:500px;
float: right;
/* padding-left: 17px; */
padding-left: 25px;
/* margin-bottom: 55px; */
position: relative;
}
.formCaption2 {
display: none;
}
textarea#Message {
/* width: 437px; */
height: 160px;
width: 425px;
}

dt {
font-weight: 700;
margin-bottom: 5px;
margin-top: 0px;
}
fieldset.formFieldset ol.formContainer {
margin: 0;
padding: 0;
color: #000;
}
.map {
width: 900px;
margin-left: -12px;
}
.map>.moduletable {
border: 5px solid #fff;
border-radius: 5px;
}
.wk-content {
color: #000;
}
 .map h3 {
margin-left: 15px;
} 
dt, dd {
line-height: 1.6;
margin: 5px;
}
.formBody>p {
	color: #e30613;
	float: left;
	margin-right: 319px;
	display: inline-block;
	position: absolute;
	top: 400px;
	font-weight: bold;
}

/* products page
===============================*/
.jm-item {
    padding: 10px;
    display: inline-block;
    text-align: left;
		
}
.jm-item-wrapper {
	position: relative;
	padding: 7px;
	/* background: #E8D7B6; */
	/* background:#fff; */
	background: rgba(255, 255, 255, 0.9);
}
.jm-item-image {
	position: relative;
    overflow: hidden;
}
.jm-item-image img {
	display: block;
		width:100%;
}
.jm-item-title {
    position: absolute;
	/* left:0px; */
	right:0px;
    bottom: 17px;
    /* background: #FF6B0E; */
	background:#E30613;
    line-height: 1.5em;
    font-weight: normal;
    text-transform: uppercase;
    padding: 7px 9px 6px;
    /* font-family: 'Oswald', sans-serif; */
    color: #FFFFFF;
    font-size: 1.4em;
}
.jm-item-overlay {
	background: #000;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transition: opacity 0.5s ease-in 0s;
	-moz-transition: opacity 0.5s ease-in 0s;
	-o-transition: opacity 0.5s ease-in 0s;
	transition: opacity 0.5s ease-in 0s;
}
.jm-item-wrapper:hover .jm-item-overlay {
	opacity: 0.3;
}
.jm-item-button {
	height: 50px;
	width: 50px;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -25px;
}
.jm-item-button a {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #E30613;
    text-transform: uppercase;
    /* font-family: 'Oswald', sans-serif; */
    color: #FFFFFF;
    font-size: 1.2em;
    line-height: 50px;
    -webkit-transition: all 0.15s ease-in 0s;
    -moz-transition: all 0.15s ease-in 0s;
    -o-transition: all 0.15s ease-in 0s;
    transition: all 0.15s ease-in 0s;
    text-decoration: none !important;
    display: block;
}
.jm-item-button a:hover {
	background: #3b3b3b;	
}
.first .jm-item-button {
	-webkit-transition: all 0.5s ease-in 0.5s;
	-moz-transition: all 0.5s ease-in 0.5s;
	-o-transition: all 0.5s ease-in 0.5s;
	transition: all 0.5s ease-in 0.5s;
	top: -50px;	
}
.first .jm-item-wrapper:hover .jm-item-button {
	/* top: 20%;	 */
	top: 35%;
}
.prodgalcontainer{
width: 48%;
float: right;
margin-left: -5px;}
.prodgalcontainersp {
width: 48%;
float: left;
margin-left: 223px;
/* left: 50%; */
}
/* fakher,maleka,.....
===========================*/
.details {
 font-size: 16px;
margin-bottom: 40px; 
/* width: 390px */
width: 745px;
}
.details ul li:before {
    content: "• ";
    color: red;
    dfont-size: 19px;
}
.details ul {
list-style: none;
}
.prodimagesdisplay {
width: 30% !important;
float: right;
border-bottom-left-radius: 18px;
border-bottom: solid rgba(227, 6, 19, 0.9) 4px;
padding: 11px;
margin: 6px;
/* border-right: solid rgba(227, 6, 19, 0.9) 5px; */
/* border-top-right-radius: 10px; */
margin-bottom: 50px;
border-bottom-right-radius: 18px;
}
.prodimagesdisplay img {
width: 100%;
}
span.text {
font-size: 16px;
display: block;
text-align: center;
font-weight: bold;
margin-top: 5px;
}
.prod-details {
margin-left: -16px;
}
/* prod gallery
===========================*/
.prod{
	/* padding-bottom:21px; */
 }
   
.view{
float: left;
position: relative;
text-align: center;
}
.view .mask, .view .content {
width: 300px;
height: 200px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.view-first img { 
    transition: all 0.2s linear;
	display: inline-block;
	margin-left: -14px;
}
.view-first .mask {
    opacity: 0;
    background-color: rgba(0,0,0, 0.7); 
    transition: all 0.4s ease-in-out;
	width: 100%;
    height: 100%;
}
.view-first h2 {
    transform: translateY(-100px);
    opacity: 0;
    transition: all 0.2s ease-in-out;
	color: #fff;
	font-size: 20px;
    margin-top: 70px;
}
 .view-first a.info{
     opacity: 0;
     transition: all 0.2s ease-in-out;
     color: #fff;
     font-size: 17px;
     border: 1px solid #fff;
     padding: 1px;
     font-weight: bolder;
     margin-top: 18px;
     display: block;
     width: 26px;
     margin: 25px auto;
    text-decoration: none;
}
.view-first:hover img { 
    /* transform: scale(1.1); */
} 
.view-first:hover .mask { 
    opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}
.view-first:hover p {
    transition-delay: 0.1s;
}
.view-first:hover a.info {
    transition-delay: 0.2s;
}
.prod-gallery {
      background: #fff !important; 
     /* min-height: 229px; */
	 min-height: 231px;
}
.prod-gallery  img{
   border-right: 2px solid #fff;
   border-bottom: 2px solid #fff
}
.prod-gallery.two {
background: #fff;
/* width: 945px; */
width: 942px;
min-height: 176px;
margin-bottom: 22px;
}
/* user guide
================*/
.usergidedetails {
margin-top: -12px;
}

.usergide{
    
	 background: rgba(255, 255, 255, 0.1);
	 direction: rtl;
}
.usergidedetails h2 {
     color: #ffb13e;
     /* font-family: 'proantiregular'; */
	font-family: 'hacen_casablanca';
}
.usergidedetails ul {
     list-style: none;
     color: #fff;
	 margin-right: -40px;
}
.usergidedetails ul li span {
  width: 42px;
	height: 40px;
	display: inline-block;
	text-align: center;
	font-family: "proantiregular";
	font-size: 30px;
	margin-left: 10px;
	position: relative;
	bottom: -7px;
	background: none repeat scroll 0% 0% #131313;
	border-radius: 50%;
	box-shadow: 1px 0px 4px #646464 inset;
	margin-left: 15px;
}
.usergidedetails ul li {
	
	 font-family: tahoma;
	font-size: 16px;
	float: right;
	font-weight: bold;
	padding-bottom: 9px;
	padding-left: 56px;
}
.usergidedetails ul li:nth-child(4){
    margin-right: 2px;
}
 .usergidedetails ul li:hover{
     color:#f00;
} 
.usergidedetails a{
     color: #ffb13e;
	 clear: both;
     float:left;
	 margin-top: -5px;
	 margin-bottom: 9px;
}
.usergidedetails a:hover {
color: #fff;
text-decoration: none;
  transition: all 2s ease;
}
.translate {
position: absolute;
top: 56px;
width: 25px;
left: -254px;
}
/* End of user guide
================*/

/* contact Info
================*/
.contactinfo{
	 min-height: 165px;
}
.contactinfo ul{
     list-style:none;
}
ul.c-data li {
 
	float: right;
	color: #FFF;
	min-width: 288px;
	display: inline-block;
	padding-bottom: 15px;
	font-family: tahoma;
	font-size: 14px;
	text-align: right;
	padding-left: 17px;
}
.social ul{
	 position: relative;
	 height: 45px;
}
.c-data li:nth-child(6){
margin-right: 3px;
padding-left: 0px;
}
.c-data li:nth-child(5){
/* margin-right: 38px; */
margin-right: 12px;
padding-left: 0px;
}
.social ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
}

.social ul li , .social ul a{
    height: 44px;
    display: block;
}

#facebook {
    left: 0px;
    width: 52px;
    background: url(../images/social_icons.png) 0 0;
}
li#facebook:hover {
  margin-top: 10px;
  transition: all .4s ease;
}
#tweeter {
     left: 52px;
     width: 42px;
     background: url(../images/social_icons.png) -53px 0;
}
li#tweeter:hover {
  margin-top: 10px;
  transition: all .4s ease;
}
#youtube {
    left: 91px;
    width: 43px;
    background: url(../images/social_icons.png) -94px 0;
}
#youtube:hover {
    margin-top:10px;
	transition: all .4s ease;
}
#linkedin{
    left: 133px;
    width: 51px;
    background: url(../images/social_icons.png) -139px 0;
}
#linkedin:hover{
  margin-top:10px;
  transition: all .4s ease;
}
.social {
     left: 45%;
     position: relative;
     top: 80px;
     width: 200px;
}
ul.c-data {
     margin-top: 35px;
}
/* End of contact Info
================*/


/* Footer
================*/
.footermenu ul{
     list-style:none;
	 margin-top: 24px;
	 margin-right: 67px;
}
.footer{
	 border-top: #e30613 solid 2px;
	 background: rgba(255, 255, 255, 0.09);
}
.footermenu ul li {
     float: right;
     color: #fff;
	font-family: 'droidkufi-regular';
	 font-size:11px;
	 padding: 8px 0px;
}
.footermenu ul li a{
     /* float: left;
     color: #fff;
	 font-family: "bein-ar-normal";
	 font-size:11px;
	 padding: 5px 2px !important;
     background-color: transparent; */
	 float: right;
	color: #FFF;
	font-family: 'droidkufi-regular';
	font-size: 12px;
	padding: 5px 3px !important;
	background-color: transparent;
	margin-right: 8px;
}
.footermenu ul li a:hover{
	background-color: transparent;
}
.copy {
      color: #fff;
      font-family:Arial;
      font-size:11px;
	  font-weight:bold;
}
.copy span,.copy h1{color:#f00; display:inline; font-family: 'square721_dmnormal';
	 }
 .copy span{
     font-family: 'square721_dmnormal';
	 font-size:20px;
}
.copy a{
          
          text-decoration: none;
           padding-right: 9px;
           padding-left: 4px;
           margin-top: 3px;
           display: inline-block;
		    color:#fff;
	   }
.copy a:hover{
   color:#ffb13e;
   transition: all 2s ease;
}
.onehoster {
margin-top: 25px;
}
/* Footer
================*/
div.mod-languages li {
    margin-left: 0px;
    margin-right: 4px;
}