@charset "utf-8";
/* CSS Document */

html{padding:0px;margin:0px;width:100%; height: 100%; min-height:100% !important;position:relative !important;} 
body{ height: 100%;padding:0px;margin:0px;}
.container-fluid{padding:0px !important;width:100%; min-height:100% !important; position:relative; }


p{padding:0px; margin:0px;}
#container { padding:0px; margin:0px;} 

@font-face { font-family:font1; src:url(fonts/Lato-Light.ttf);} 
@font-face { font-family:font2; src:url(fonts/Lato-Black.ttf);} 


.space5{height:5px;}
.space10{height:10px;}
.space15{height:15px;}
.space20{height:20px;}
.space30{height:30px;}
.space60{height:60px;}  

.height0{ height:0px !important; font-size:0px !important; }

.colpad{padding:10px;}
.colpad1{padding:1px;} 
.colpad20{padding:20px;} 
.colpad30{padding:30px;} 
.colpadleft20{padding-left:20px;}
.colpadright20{padding-right:20px;}

.relative{ position:relative;}
.cursor{ cursor:pointer;}
.width100{ width:100%;} 
.bgblack{ background-color:rgba(0,0,0,0.8);}
.borderblack1px{ border:solid 1px #000;}
.drtl{ direction:rtl;}

*{outline:none;} 




.textfield::-webkit-input-placeholder {color: #001e38;}  
  
.bodygradiantgrey{background: rgba(255,255,255,1); 
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(66,66,66,0.83) 99%, rgba(64,64,64,0.83) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(99%, rgba(66,66,66,0.83)), color-stop(100%, rgba(64,64,64,0.83)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(66,66,66,0.83) 99%, rgba(64,64,64,0.83) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(66,66,66,0.83) 99%, rgba(64,64,64,0.83) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(66,66,66,0.83) 99%, rgba(64,64,64,0.83) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(66,66,66,0.83) 99%, rgba(64,64,64,0.83) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#404040', GradientType=1 );}

.containnavbar{ height:0px;}
.divnavbar-toggle{  position:relative;}
.icon-bar{background-color:#ffffff}
.navbar-toggle{float:right !important;margin:5px !important;padding: 5px !important;margin-right:0px !important;padding-bottom:0px !important}
.navbar-collapse{border-top:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;float:left !important;}  
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{margin-left:0px !important;margin-right:0px !important; }
.navbar-collapse.collapse{width:100% !important;}

/*................. TOP CSS....................*/  


.divmenuflag{position:absolute; width:1170px; height:50px;top:5px; left:50%; z-index:102; margin-left:-585px} 
.flag{float:right; margin-left:5px;}
.flagar{float:left; margin-right:5px;}
.flag img{width:50px;}
.flagar img{width:50px;}
 

.divmenu{position:absolute; width:100%; height:50px;top:75px; background-color:#001e38; left:0px; z-index:102;}
.logo{float:left;margin-top:-40px; padding:1px;overflow:auto; } 
.logoar{float:right;margin-top:-60px; padding:10px;overflow:auto; }
.menu1{float:left;overflow:auto; }  
.menu1ar{float:right;overflow:auto; }  
.menu{ font-family:font1; font-size:18px; color:#ffffff; cursor:pointer; line-height:50px; display:inline-block; vertical-align:top; padding:0px 0px 0px 30px;}
.menusel{font-family:font2; color:#539ed4; } 
 
.menufr{ padding:0px 0px 0px 20px;}
.menuar{font-size:22px;  }

.divsocial{float:right;}
.divsocialar{float:left;}
.social{ display:inline-block; vertical-align:top; width:26px; height:26px; padding:0px; margin:12px 5px; cursor:pointer;} 


/*................. slider CSS....................*/   
.textinput{height:40px;max-width:100%;}
.textfield{width:100%;height:100%;padding:0px;resize:none;border:solid 1px #000;font-size:14px; font-family:font1;color:#fff;background-color:#1f1e1e;padding-left:10px;}  
.textarea1{height:100px;}
.submit1{background-color:#ff8900;width:100%;height:40px; float:right;}
.submit1 input{border:solid 1px #d7bb00;padding:0px;background-color:#d7bb00;text-align:center;width:100%;height:100%;font-size:22px; font-weight:bold;font-family:font1; color:#FFF;line-height:40px;}
 
/*................. slider CSS....................*/ 
.hoverslider{ position:absolute;width:100%; height:100%; z-index:100;
background: rgba(130,125,130,0);
background: -moz-linear-gradient(top, rgba(130,125,130,0) 1%, rgba(130,125,130,0.49) 50%, rgba(6,35,60,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(1%, rgba(130,125,130,0)), color-stop(50%, rgba(130,125,130,0.49)), color-stop(100%, rgba(6,35,60,1)));
background: -webkit-linear-gradient(top, rgba(130,125,130,0) 1%, rgba(130,125,130,0.49) 50%, rgba(6,35,60,1) 100%);
background: -o-linear-gradient(top, rgba(130,125,130,0) 1%, rgba(130,125,130,0.49) 50%, rgba(6,35,60,1) 100%);
background: -ms-linear-gradient(top, rgba(130,125,130,0) 1%, rgba(130,125,130,0.49) 50%, rgba(6,35,60,1) 100%);
background: linear-gradient(to bottom, rgba(130,125,130,0) 1%, rgba(130,125,130,0.49) 50%, rgba(6,35,60,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#827d82', endColorstr='#06233c', GradientType=0 );}
.amazingslider-nav-1{z-index:101;}
.amazingslider-text-1{z-index:101;}
.amazingslider-title-1{ line-height:30px !important; font-size:24px !important; padding:0px !important;}
.amazingslider-description-1{line-height:30px !important;font-size:24px !important; padding:0px !important;}

/*................. home CSS....................*/ 
.bgtitle{ background-image:url(images/bgtitle.png); height:50px;background-size:50% 100%; background-repeat:no-repeat; background-position:left;}
.bgtitlear{ background-image:url(images/bgtitle.png); height:50px;background-size:50% 100%; background-repeat:no-repeat; background-position:right;}
.title{ font-family:font2; color:#fff; font-size:30px; line-height:50px; background-image:url(images/bgimagetitle.png); background-repeat:no-repeat; background-position:top right 10px; }
.titlear{ font-family:font2; direction:rtl; color:#fff; font-size:30px; line-height:50px; background-image:url(images/bgimagetitle.png); background-repeat:no-repeat; background-position:top left 10px; }
.text{ font-family:font1; font-size:18px; color:#001e38; line-height:26px; text-align:justify;}
.textar{ font-family:font1; font-size:18px; color:#001e38; line-height:26px; text-align:justify; direction:rtl;}

.amazingcarousel-image{ border-radius:50%; overflow:hidden; padding:0px;}


/*................. footer CSS....................*/ 
.titlecontactbold{font-family:font2; font-size:38px; color:#001e38; line-height:50px;}
.textcontactbold{ font-family:font1; font-size:28px; color:#001e38; line-height:40px; }
.titlecontactboldar{font-family:font2; font-size:38px; color:#001e38; line-height:50px; direction:rtl;}
.textcontactboldar{ font-family:font1; font-size:28px; color:#001e38; line-height:40px;direction:rtl; }


/*................. about CSS....................*/ 
.bgtitlesel{ background-image:url(images/bgtitlesel.png); height:50px;background-size:50% 100%; background-repeat:no-repeat; background-position:left;}
.bgtitleselar{ background-image:url(images/bgtitlesel.png); height:50px;background-size:50% 100%; background-repeat:no-repeat; background-position:right;}
.titlesel{background-image:none; }
.titleselar{background-image:none; }


/*................. products CSS ....................*/ 
.dropdown{display:inline-block; margin:1px; border:solid 1px #999; background-color:#ffffff; border-radius:5px; padding:5px 10px;font-family:font1; font-size:22px; color:#999;}
.dropdown a{  text-decoration:none; color:inherit;}
.dropdown li a{  text-decoration:none;font-family:font1; font-size:18px; color:#999;}

.productbox{position:relative; overflow:hidden;cursor:pointer;}
.productname{ height:44px; width:100%; line-height:44px;background-color:#001e38;font-family:font1; font-size:20px; color:#fff; padding-left:10px; position:absolute; bottom:0px;  text-align:left; margin-bottom:-45px; cursor:pointer; 
-webkit-transition: all  ease-in-out 0.5s;
-moz-transition: all  ease-in-out 0.5s;
-o-transition: all  ease-in-out 0.5s;
transition: all  ease-in-out 0.5s; }
.productbox:hover .productname{ margin-bottom:0px;
-webkit-transition: all  ease-in-out 0.5s;
-moz-transition: all  ease-in-out 0.5s;
-o-transition: all  ease-in-out 0.5s;
transition: all  ease-in-out 0.5s;}
.productnamear{ text-align:right; padding-right:10px; font-size:24px;}

.titleshowtext{font-family:font2; font-size:18px; color:#001e38; line-height:35px; background-image:url(images/undertitle.png); padding-bottom:5px; background-position:left bottom; background-repeat:no-repeat;}
.textshowtext{ font-family:font1; font-size:18px; color:#001e38; line-height:26px; text-align:justify; padding:10px 0px;}


.titleshowtextar{font-family:font2; font-size:18px; text-align:right;  color:#001e38; line-height:35px; background-image:url(images/undertitle.png); padding-bottom:5px; background-position:right 10px bottom; background-repeat:no-repeat; padding-right:10px;}
.textshowtextar{font-family:font1; font-size:18px; text-align:right;   color:#001e38; line-height:26px;   padding:10px 0px;padding-right:10px;}


/*................. contact CSS....................*/
.titlecontact{font-family:font2; font-size:22px; color:#ffffff; line-height:30px;}
.titlecontactar{font-family:font2; font-size:22px; color:#ffffff; line-height:30px; text-align:right; direction:rtl;}

.mapdiv{ height:320px; position:relative;} 
.iconmap{ position:absolute; width:88px; height:88px; left:50%; top:50%; margin-left:-44px; margin-top:-44px; z-index:100;}
.mapdiv:hover .iconmap{ display:none;}
.scrolloff {pointer-events:none;}
.mapdiv:hover #map_canvas1{ 
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
filter: blur(0px);} 
#map_canvas1{ border:0px; height:100% !important; width:100% !important;
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-o-filter: blur(2px);
-ms-filter: blur(2px);
filter: blur(2px);}


.textinput{height:40px;max-width:100%;}
.textfield{width:100%;height:100%;padding:0px;resize:none;border:solid 1px #001e38;font-size:16px; font-family:font2;color:#001e38;background-color:transparent;padding-left:10px;}  
.textarea1{height:100px;}
.submit1{background-color:#59a8e1;width:100%;height:50px; float:right;}
.submit1 input{border:solid 0px #001e38;padding:0px;background-color:#59a8e1;text-align:center;width:100%;height:100%;font-size:22px; font-family:font2; color:#fff;line-height:50px;}
 
 
	
@media screen and (max-width: 1200px){   

/*................. TOP CSS....................*/  
.menu{ font-size:16px; padding:0px 0px 0px 20px;}   
.social{ margin:12px 2px;} 

.menufr{ padding:0px 0px 0px 10px;}
.menuar{font-size:20px;  }

.divmenuflag{width:970px; height:40px;top:5px; margin-left:-485px}
.flag img{width:40px;}
.flagar img{width:40px;}

/*................. home CSS....................*/  
.title{font-size:26px;}
.titlear{font-size:26px;}

/*................. footer CSS....................*/ 
.titlecontactbold{ font-size:32px; line-height:42px;}
.textcontactbold{ font-size:22px;  line-height:32px; }
.titlecontactboldar{ font-size:32px; line-height:42px;}
.textcontactboldar{ font-size:22px;  line-height:32px; }

} 

			
@media screen and (max-width: 990px){  

/*................. TOP CSS....................*/
  
.menu{ font-size:14px; padding:0px 0px 0px 8px;}   
.social{ margin:12px 0px;}  

.logo{margin-top:-20px; padding:5px; }
.logo img{ width:80px;}
.logoar{margin-top:-20px; padding:5px; }
.logoar img{ width:80px;}
.menufr{  font-size:13px; padding:0px 0px 0px 3px;}
.menuar{font-size:18px;  }
	
	
.divmenuflag{width:750px; height:40px;top:5px; margin-left:-375px}
.flag img{width:40px;}
.flagar img{width:40px;}




/*................. slider CSS....................*/  
.amazingslider-title-1{ line-height:26px !important; font-size:18px !important; padding:0px !important; }
.amazingslider-description-1{line-height:26px !important;font-size:18px !important; padding:0px !important; } 

/*................. home CSS....................*/  
.title{font-size:22px;}
.titlear{font-size:22px;}

.productname{font-size:18px;}
.productnamear{ font-size:20px;}

/*................. footer CSS....................*/ 
.titlecontactbold{ font-size:26px; line-height:36px;}
.textcontactbold{ font-size:18px;  line-height:28px; }
.titlecontactboldar{ font-size:26px; line-height:36px;}
.textcontactboldar{ font-size:18px;  line-height:28px; }

} 




@media screen and (max-width: 767px){ 

.space0{ height:0px;}
.max300{ display:table; margin:auto; max-width:300px;}	 
.colpadleft20{padding:5px;}
.colpadright20{padding:5px;}

/*................. TOP CSS....................*/    

.containnavbar{ height:35px; position:absolute; right:0px; top:0px;} 
.navbar-collapse{float:none !important;}   

.divmenu{position:relative; height:auto; top:0px;}
.logo{float:none;margin-top:0px;display:table; margin:auto; }
.logoar{float:none;margin-top:0px;display:table; margin:auto; }
.menu1{float:none;}   
.menu1ar{float:none;}  
.menu{ display:block; padding:5px; border-bottom:solid 1px #fff; text-align:center; line-height:28px;} 


.menufr{  font-size:14px; padding:5px;}
.menuar{font-size:20px;  }

.divsocial{float:none; display:table; margin:auto;}
.divsocialar{float:none; display:table; margin:auto;}
.social{margin:5px 5px;} 
 
 
.divmenuflag{position:relative; width:auto; height:40px;top:0px; padding:5px; left:auto; z-index:102; margin-left:-585px;display:table; margin:auto;}
.flag{float:right; margin-left:5px;}
.flag img{width:30px;}
.flagar{float:left; margin-right:5px;}
.flagar img{width:30px;}
 
  
 
/*................. slider CSS....................*/  
.amazingslider-text-holding-1{ padding:48px 10px !important;}
.amazingslider-text-1{ padding:48px 10px !important;}
.amazingslider-title-1{ line-height:18px !important; font-size:14px !important; padding:0px !important; }
.amazingslider-description-1{line-height:18px !important;font-size:14px !important; padding:0px !important; }

/*................. home CSS....................*/ 
.title{font-size:20px; padding-left:10px;}
.bgtitle{background-size:100% 100%;} 
.text{  font-size:16px;   line-height:22px; padding:5px 10px;} 

.titlear{font-size:22px; padding-right:10px;}
.bgtitlear{background-size:100% 100%;} 
.textar{  font-size:16px;   line-height:22px; padding:5px 10px;}

/*................. about CSS....................*/  
.bgtitlesel{background-size:100% 100%;}
.bgtitleselar{background-size:100% 100%;}


/*................. footer CSS....................*/ 
.titlecontactbold{ font-size:20px; line-height:26px; padding:2px 10px;}
.textcontactbold{ font-size:16px;  line-height:20px;  padding:2px 10px;}
.titlecontactboldar{ font-size:22px; line-height:26px; padding:2px 10px;}
.textcontactboldar{ font-size:18px;  line-height:20px;  padding:2px 10px;}

}