 @charset "utf-8";
/* CSS Document */

html{padding:0px; margin:0px; width:100%; min-height:100% !important;position:relative !important;}

body {/* Margin bottom by footer height */margin-bottom: 90px !important;}

.container-fluid{margin:0px !important;padding:0px !important;}

.showsmall { display:none}
.showbig {display:block}

@media screen and (max-width: 768px){
.container-fluid{margin:2px !important;}
.showsmall { display:block}
.showbig {display:none}
}

p{padding:0px; margin:0px;}
#container { min-height:100%;padding:0px; margin:0px; position:relative;}
a {text-decoration:none;color:inherit;}
a:hover {text-decoration:none;color:inherit;}




@font-face { font-family:"grand Hotel"; src:}

.inputform::-webkit-input-placeholder {color: ;}

.font19m{font-family:"Myriad Pro";font-size:19px;color:#fff;}




/*................. Index CSS....................*/

.rowi1{background-color:#13141c;position:relative;min-height:135px;top:0px;width:100%;z-index:10000;display:table;}
.coli1{height:135px;border-bottom:solid 5px #e8b529}
.coli2{height:135px;border-bottom:solid 5px #51426d;}
.rowi2{position:relative;z-index:1;margin:7%}
.logoi1{display:table;margin:10px}
.topouteri1{position:relative}
.languagei1{display:block;margin:20px;}
.earthi1{width:20px;height:20px;display:inline-block;vertical-align:top;background-image:url(images/home/earth.png);;cursor:pointer}
.langi1{display:inline-block;vertical-align:top;padding:0px 15px; color:#e8b529}
.langi1 a{color:#ffffff !important;cursor:pointer}
.langi1 a:hover{color:#e8b529 !important;cursor:pointer}
.langi2{display:inline-block;vertical-align:top;padding:0px 15px; color:#e8b529  !important}
.langi2 a{color:#000 !important;cursor:pointer}
.langi2 a:hover{color:#e8b529 !important;cursor:pointer}
.bi1{border-right:solid 2px #e8b529;}
.outermenui1{margin-top:30px;}
.menutexti1{font-size:25px;font-family:"Myriad Pro";color:#fff;display:inline-block;vertical-align:top;margin:0px 10px ;cursor:pointer;}
.menutexti1:hover{border-bottom:solid 2px #e8b529}

.amazingslider-nav-1{top:90% !important; }
.titlei1{font-size:70px;font-family:"Myriad Pro";color:#fff;margin:20px 0px;}
.desci1{font-size:40px;font-family:"Myriad Pro";color:#fff;}


.topmenusmall{position:relative;z-index:1;display:none;}


@media screen and (max-width: 1500px){
.titlei1{font-size:50px;font-family:"Myriad Pro";color:#fff;}
.desci1{font-size:30px;font-family:"Myriad Pro";color:#fff;}	
}

@media screen and (max-width: 1200px){
	
.menutexti1{font-size:17px;margin:0px 7px}
.titlei1{font-size:40px;font-family:"Myriad Pro";color:#fff;}
.desci1{font-size:20px;font-family:"Myriad Pro";color:#fff;}	
	
}


@media screen and (max-width: 990px){
.coli1{height:90px;}	
.logoi1{display:table;margin:3px auto;}
.logoi1 img{width:70%;display:table;margin:auto}
.outermenui1{margin-top:10px;}	
.coli2{height:80px;}
.titlei1{font-size:30px;font-family:"Myriad Pro";color:#fff;}
.desci1{font-size:18px;font-family:"Myriad Pro";color:#fff;}	
	
}



@media screen and (max-width: 768px){
.languagei1{display:table;margin:8px auto;}	
.titlei1{font-size:25px;font-family:"Myriad Pro";color:#fff;}
.desci1{font-size:14px;font-family:"Myriad Pro";color:#fff;}	
.rowi1{display:none;}	
.topmenusmall{display:block;background-color:#000}
.menutexti1{display:table;margin:7px auto;}

	
}


/*................. TOP CSS....................*/

.top .logoi1{margin-left:0px;}
.top .languagei1{margin-right:0px;}
.top .earthi1{background-image:url(images/top/earth.png);}
.top .font19m{color:#000}
.top .font19m:hover{color:#e8b529}
.rowt1{min-height:60px;background-color:rgba(0,0,0,0.76);margin:30px 0px;}
.menuouter{display:table;margin:auto;}
.menutext{font-size:19px;font-family:verdana;text-align:center;display:inline-block;vertical-align:top;line-height:60px;margin:0px 5px;color:#fff;padding:0px 20px;cursor:pointer;}
.menutext:hover{background-color:#e8b529;}
.menutextsel{background-color:#e8b529;}
@media screen and (max-width: 1200px){
.menutext{padding:0px 12px;font-size:17px;}	
}
@media screen and (max-width: 990px){
.menutext{padding:0px 4px;font-size:15px;}	
}
@media screen and (max-width: 768px){
.rowt1{margin:5px 0px;;}	
.menutext{display:table;margin:6px auto;line-height:20px;}	
}



/*................. FOOTER CSS....................*/
.footer {position: absolute;bottom: 0;width: 100%;box-sizing:border-box;left:0px;
		/* Set the fixed height of the footer here */
		min-height: 40px;background-color:#51426d;
		padding:5px 0px;box-sizing:border-box}

.copyrights{font-size:20px;color:#fff;font-family:Helvetica;text-align:right;line-height:40px;}			
.horizon{display:table;vertical-align:top;margin:0px 25px 0px;}
@media screen and (max-width: 1200px){
.copyrights{font-size:17px;}

	}
		
@media screen and (max-width: 990px){
.copyrights{font-size:14px;}
	

}

@media screen and (max-width: 768px){
	
.copyrights{text-align:center;line-height:40px;}
.horizon{display:table;margin:7px auto}	
body {margin-bottom:100px !important;}

.footer{padding:5px 0px;}
}


/*................. INDEX CSS....................*/

.font30{font-size:28px;font-family:"Myriad Pro" ;color:#fff}
.font30ar{font-size:28px;font-family:"Myriad Pro" ;color:#fff;}
.font26{font-size:20px;font-family:"Myriad Pro" }
.font26ar{font-size:18px;font-family:"Myriad Pro" }
.font23{font-size:20px;font-family:"Myriad Pro"}
.font23ar{font-size:20px;font-family:"Myriad Pro"; direction:rtl;}
.font15{font-size:15px;font-family:"Myriad Pro"}


.rowa1{margin:20px 0px;}
.cola1{height:50px;text-align:center;padding-top:10px; line-height:30px;}
.rowa1 .font30{;padding-left:10px;}
.rowa1 .col-sm-10 .font30{text-align:right;padding-right:10px;}

.outera3{display:table;margin:7px auto;}
.outera1{color:#fff;background-color:#e8b529;text-align:center;padding:15px 0px 7px;;}
.outera2{border:solid 1px #e8b529;    padding: 15px;}

.innera1{text-align:center;color:#000;margin:7px 0px;}
.imga1{display:table;margin:7px auto;}

.innera2{text-align:center;color:#000;margin:15px 0px;}
.morea1{display:table;margin:3px auto;padding:7px;background-color:#e8b529;color:#fff;cursor:pointer;padding-top:13px;}

.brands{margin-top:20px;}
.brandi1{border:solid 1px #e8b529;border-top:none;padding:15px;cursor:pointer;}

.desca1{padding-left:20px;color:#000;line-height:26px;text-align:justify; 
.desca1ar{padding-right:20px;color:#000;line-height:30px;text-align:justify;direction:rtl;}
}


@media screen and (max-width: 1200px){
.font30{font-size:27px;}
.font26{font-size:25px;}
}

@media screen and (max-width: 990px){
.font30{font-size:24px;}
.font26{font-size:22px;line-height:25px;}
.cola1{height:50px;;}
}


@media screen and (max-width: 768px){
.cola1{min-height:40px;;}	
.desca1{padding:2px;}
.font30{font-size:20px;}
.font26{font-size:18px;line-height:21px;}

	
.amazingslider-bullet-wrapper-1{display:none !important;}
.amazingslider-car-left-arrow-1{display:none !important;}
.amazingslider-car-right-arrow-1{display:none !important;}
.brands{;}
.brandi1{}
}





/*................. PRODUCTS CSS....................*/

.rowp1 .desca1{padding-left:0px;margin:10px 0px;}
.colp1{padding-top:20px;padding-left:20px;}
.colp1 .titlei2{color:rgba(0,0,0,0.76);margin-top:10px;margin-left:10px;}
.outerp1{border:solid 1px #545454;padding:10px;display:table;margin:auto;cursor:pointer;}
.innerp1{display:table;margin:auto;padding:3px 0px;}
.inlinep1{display:inline-block;vertical-align:top;padding:3px 10px;}
.borderl{border-left:solid 1px #e8b529;}
.imgp1{display:table;margin:auto;overflow:hidden;}
.innerp2{text-align:center;margin-top:20px ;;}
.paddingp1{padding:10px;}
.outerp1 .imgp1 img{transition:all 1s;}
.outerp1:hover .imgp1 img{transform:scale(1.1);}

.select1{ width:145px; height:30px; border:solid 1px #333; float:right; margin-right:5px;font-size:15px;font-family:"Myriad Pro" ;}
.select2{ width:145px; height:30px; border:solid 1px #333; float:left; margin-right:5px;font-size:15px;font-family:"Myriad Pro" ;}


/*................. PRODUCTS INSIDE CSS....................*/

.outerpi1{min-height:45px;position:relative;}
.prodmenuouter{display:table;position:absolute;top:0px;right:0px;z-index:1}
.prodmenu{background-color:#e8b529;color:#fff;border:solid 1px #e8b529;padding:12px 40px 8px 8px;background-image:url(images/products/arrow.png);background-position:center right 7px;background-repeat:no-repeat;cursor:pointer;;}
.prodmenu2{display:none;width:100%;}

.prodsubmenu{background-color:#fff;border:solid 1px #e8b529;padding:12px 0px;text-align:center;cursor:pointer;}
.prodsubmenu:hover{color:#e8b529;}

.specpi1{font-size:34px;font-family:"Myriad Pro";color:#51426d;border-bottom:solid 1px #51426d;padding:3px 0px;display:table;font-weight:bold;margin:20px 0px;}
.textpi1{color:#000;margin:20px 0px;}
.textpi1 font{color:#e8b529}


@media screen and (max-width: 768px){
.prodmenuouter{position:relative;margin:7px 0px}	
	
}

/*................. Services   CSS....................*/

.rowa1 .cola1{}
.cola2{border-bottom:solid 1px #000;min-height:40px;color:#000;font-size:19px;text-align:center;padding:15px 0px;}
.paddri1{padding-right:10px}
.paddli1{padding-left:10px}
.outera4{margin-bottom:30px;}


@media screen and (max-width: 1200px){
.cola2{font-size:15px;}
	
}
@media screen and (max-width: 990px){
.cola2{font-size:12px;}
	
}


/*................. Services   CSS....................*/

.rown1 .font30{color:#e8b529}
.rown1 .font30ar{color:#e8b529 ; text-align:right;}
.rown1 .desca1{margin:20px 0px;padding-bottom:30px;}
.rown1 .desca1ar{margin:20px 0px;padding-bottom:30px; direction:rtl;}

.paginationn1 .font30{color:#000;}
.paginationn1 .font30 font{cursor:pointer;}


/*................. REQUEST   CSS....................*/


.rowr1 .desca1{padding:0px;padding-bottom:50px;}
.rowr1 .font23{color:#000;border:solid 1px #e8b529;padding:7px;height:45px;}
.inputformr1{width:100%;height:100%;border:none;font-family:"Myriad Pro";font-size:20px;color:#000;outline:none;resize:none;}
.paddingr1{padding:0px 3px;}
.spacedivr1{height:7px;}
.textareadiv{height:175px !important;}
.finaldivr1{display:inline-block;vertical-align:top;height:45px;width:125px;margin:3px 0px 3px 4px}
.finaldivr1 .inputformr1{background-color:#E8B529;color:#fff;text-align:center}

@media screen and (max-width: 1200px){
.font23{font-size:20px;}
.inputformr1{font-size:18px;}
}

@media screen and (max-width: 990px){
.font23{font-size:18px;}
.inputformr1{font-size:16px;}
.finaldivr1{width:120px;height:35px;}
}


@media screen and (max-width: 768px){
.finaldivr1{width:90px;}
.paddingr1{margin:5px 0px;}
.spacedivr1{height:0px;}
.inputformr1{font-size:13px;}
.font23{font-size:15px;}
	
	
}
/*................. CONTACTS CSS....................*/

.rowc1 .font30{color:#E7B527;margin-bottom:7px;}
.rowc1 .font23{color:#000;}
.spacedivc1{height:40px;}
.colc1{padding-left:40px;}
.colc1 .font23{color:#000;border:solid 1px #e8b529;padding:7px;height:45px;}

.outerc1{display:table;margin:50px auto }
.innerc1{display:inline-block;vertical-align:top;margin:0px 40px;}

.outerc1 .font30{text-align:center;margin-top:7px;}
@media screen and (max-width: 768px){
.outerc1{margin:10px auto }
.innerc1{display:table;;margin:8px auto;}
	
}
















