@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 */;}
.container-fluid{margin:0px !important;padding:0px !important;}


p{padding:0px; margin:0px;}
#container { min-height:100%;padding:0px; margin:0px; position:relative;}
a {text-decoration:none;color:#23407a;}
a:hover {text-decoration:none;color:#23407a;} 
@font-face { font-family:Akzib; src:url(fonts/AkzidenzGrotesk-BoldCond.otf)}
@font-face { font-family:Akzi; src:url(fonts/AkzidenzGrotesk-Cond.otf)}


.space5{height:5px;}
.space10{height:10px;}
.space15{height:15px;}
.space20{height:20px;}
.space30{height:30px;}
.space40{height:40px;}
.space100{height:100px;}
.space187{height:55px;}   

.pad5{padding:5px}
.colpad{padding:10px}
.colpad1{padding:5px}
.colpad2{padding:0px 10px;}

.padleftnews{ padding-left:30px;}
.line200{ width:200px;  height:1px; background-color:#4c4c4e; margin:auto; margin-top:20px; }
.pointer{ cursor:pointer;}


*{outline:none}

 .fieldletter::-webkit-input-placeholder {color: #fff}
.textfield::-webkit-input-placeholder {color: #211f1f}
.textsearch1::-webkit-input-placeholder {color: #fff}
.bggrey{ background-color:#000;}

.icon-bar{background-color:#3a231c}
.navbar-toggle{float:none !important;margin-top:10px !important;padding:0px 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}

.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{margin-left:0px !important;margin-right:0px !important}


/*................. TOP CSS....................*/
  
.social{padding-top:55px;display:inline-block;vertical-align:top; float:right;}
.socialimg{display:inline-block;vertical-align:top;border-radius:0px;}
.socialimg img{border-radius:0px;cursor:pointer}
.searchtopform{height:36px; margin:0px;}
.searchtop{width:232px;height:30px;background-color:#49494b;display:inline-table;border-radius:0px;margin-top:55px;margin-left:10px;float:right;}
.textsearch{height:100%;width:200px;display:inline-block;vertical-align:top}
.textsearch1{height:100%;width:100%;background-color:transparent;border:none;padding-left:10px;font-family:Akzi;font-size:17px;color:#fff;}
.searchlogo{display:inline-block;vertical-align:top;width:25px;height:100%}
.searchlogo1{width:100%;height:100%;background-image:url(images/top/search.png);background-repeat:no-repeat;background-position:center;background-color:transparent;border:none}


/*................. INDEX CSS....................*/

.menutitle{font-family:Akzib;font-size:22px;color:#fff;background-position: top 0px left -50px;background-image:url(images/home/1.png);background-repeat:no-repeat;
height:49px;line-height:49px;padding-left:28px;cursor:pointer; margin-bottom:10px;
-webkit-transition: all ease 0.2s;
-moz-transition: all ease 0.2s;
-o-transition: all ease 0.2s;
-ms-transition: all ease 0.2s;
transition: all ease 0.2s;
} 
.menutitle:hover{background-position:top 0px left 0px;}
.menutitlesel{background-position:top 0px left 0px;}

.titleimg{font-family:Akzib;font-size:17px;color:#706f70;border:solid 1px #49494b; padding:5px;text-align:center;height:50px;line-height:20px;}
.linestyle{line-height:31px;}
.textimg{font-family:Akzi;font-size:16px;color:#706f70;text-align:justify; padding:5px; line-height:17px;}
.bordabout{border-bottom:solid 1px #49494b;max-width:561px;}
.video{height:542px;width:100%}
.titlevideo{font-family:Akzib;font-size:19px;color:#706f70;}
.textvideo{font-family:Akzi;font-size:19px;color:#4c4c4e;text-align:justify}
.video1{height:151px;}


/*................. menu CSS....................*/ 

.menutitle2{font-family:Akzi;font-size:21px;color:#212121; height:30px;line-height:30px;padding:1px 5px;cursor:pointer; display:inline-block; vertical-align:top;}
.menutitle2sel{color:#666;}
.menulineverti{display:inline-block; vertical-align:top;font-family:Akzi;font-size:21px;color:#212121; height:30px;line-height:30px;}

 



/*................. ABOUT CSS....................*/ 
.titleabout{font-family:Akzib;font-size:22px;color:#706f70; font-weight:bold;line-height:60px;}
.textabout{font-family:Akzi;font-size:17px;color:#706f70;text-align:justify; padding-right:30px; border-right:solid 1px #706f70;}
.titlemission{font-family:Akzib;font-size:22px;color:#706f70; font-weight:bold;line-height:40px; padding-left:00px;}
.textmission{font-family:Akzi;font-size:17px;color:#706f70;text-align:justify; padding-left:00px;} 

/*................. PRODUCTS CSS....................*/
.category{font-family:Akzib;font-size:20px;color:#fff;background-position: top 0px left -40px;background-image:url(images/products/1.png);background-repeat:no-repeat;
background-size:contain;height:30px;line-height:30px;padding-left:25px;cursor:pointer; margin-bottom:5px;
-webkit-transition: all ease 0.2s;
-moz-transition: all ease 0.2s;
-o-transition: all ease 0.2s;
-ms-transition: all ease 0.2s;
transition: all ease 0.2s;}
.category:hover{background-position:top 0px left 0px;}
.categorysel{background-position:top 0px left 0px;}

.categorytitle{font-family:Akzib;font-size:28px;color:#706f70;padding-left:40px;}
.border1px{ border:solid 1px #333;}
.proddesc{font-family:Akzi;font-size:14px;color:#706f70; text-align:justify; line-height:18px;}
.description{font-family:Akzi;font-size:18px;color:#706f70; text-align:justify; line-height:26px;}
 


/*................. PRODUCTS CSS....................*/
.titletrolleys{font-family:Akzib;font-size:25px;color:#706f70; line-height:35px; padding:5px 10px; text-align:center; border:solid 1px #333;}
.texttrolleys{font-family:Akzi;font-size:17px;color:#706f70;text-align:justify;padding:0px 10px;}





/*................. accessories CSS....................*/
.accessoriestitle{font-family:Akzi;font-size:17px;color:#706f70;text-align:center;padding:5px 10px;}
.imgp1{overflow:hidden;} 
.imgaccessa .imgp1 img{transition:all 1s; cursor:pointer;}
.imgaccessa:hover .imgp1 img{transform:scale(1.1);}


/*................. CONTACT CSS....................*/ 

.mapdiv{height:300px;}
.scrolloff {pointer-events:none;} 


.textfield{width:100%;height:100%;padding:0px;resize:none;border:solid 1px #211f1f;font-size:18px;font-family:Akzi;color:#211f1f;background-color:#c6c4be;padding-left:10px;}
.textinput{height:32px;max-width:100%; margin:3px 0px;}
.textarea1{height:90px;}
.sumbitheight{height:76px;}
.submit1{background-color:transparent;width:103px;height:31px;display:inline-block;}
.submit1 input{border:solid 1px #211f1f;padding:0px;background-color:#c6c4be;text-align:center;width:100%;height:100%;font-size:20px;font-family:Akzi;color:#211f1f; font-weight:bold;line-height:30px; letter-spacing:1px;}

.contactoffice{font-family:Akzi;font-size:18px;color:#484849;text-align:left; padding:1px 25px; background-image:url(images/officeword.jpg); background-position:top left; background-repeat:no-repeat;}
.contactsales{font-family:Akzi;font-size:18px;color:#484849;text-align:left; padding:0px 15px; background-image:url(images/sales.jpg); background-position:top left; background-repeat:no-repeat;}
.contactwork{font-family:Akzi;font-size:18px;color:#484849;text-align:left; padding:0px 15px; background-image:url(images/work.jpg); background-position:top left; background-repeat:no-repeat;}
.linegreycontact{ width:280px; display:table; margin:auto; height:1px; background-color:#484849; font-size:0px;}


/*................. FOOTER CSS....................*/ 

.bgfooterhome{ background-image:url(images/footer/footerbottom.png); background-position:bottom -20px right; background-repeat:no-repeat;}

.footer {position: absolute;bottom: 0;width: 100%; /*Set the fixed height of the footer here*/ min-height: 50px;background-color:transparent;left:0px;}	
.horizont1{float:right;margin-top:10px; margin-right:10px;}

.rfooter{/*background: rgba(147,149,152,1);
background: -moz-linear-gradient(left, rgba(147,149,152,1) 0%, rgba(31,26,26,1) 56%, rgba(15,6,6,1) 61%, rgba(5,2,2,1) 71%, rgba(23,4,2,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(147,149,152,1)), color-stop(56%, rgba(31,26,26,1)), color-stop(61%, rgba(15,6,6,1)), color-stop(71%, rgba(5,2,2,1)), color-stop(100%, rgba(23,4,2,1)));
background: -webkit-linear-gradient(left, rgba(147,149,152,1) 0%, rgba(31,26,26,1) 56%, rgba(15,6,6,1) 61%, rgba(5,2,2,1) 71%, rgba(23,4,2,1) 100%);
background: -o-linear-gradient(left, rgba(147,149,152,1) 0%, rgba(31,26,26,1) 56%, rgba(15,6,6,1) 61%, rgba(5,2,2,1) 71%, rgba(23,4,2,1) 100%);
background: -ms-linear-gradient(left, rgba(147,149,152,1) 0%, rgba(31,26,26,1) 56%, rgba(15,6,6,1) 61%, rgba(5,2,2,1) 71%, rgba(23,4,2,1) 100%);
background: linear-gradient(to right, rgba(147,149,152,1) 0%, rgba(31,26,26,1) 56%, rgba(15,6,6,1) 61%, rgba(5,2,2,1) 71%, rgba(23,4,2,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939598', endColorstr='#170402', GradientType=1 );*/ background-image:url(images/footer/footerbottom.png); background-position:bottom -20px center; background-repeat:no-repeat;height:181px; position:relative;}
.imgfooter{position: absolute;bottom: 0; right:0px;}
.imgfooterleft{position: absolute;bottom: 0; left:20px;font-family:Akzib;font-size:30px;color:#FFFFFF;text-align:left; letter-spacing:1px;}
.imgfooterleft span{ font-family:Akzi;font-size:20px;  }

.newsletter{ display:table; margin:20px auto;}
.titlefooter{font-family:Akzi;font-size:18px;color:#706f70;text-align:center}
.textletter{height:26px;max-width:296px;margin:auto;}
.submit2{background-color:transparent;width:296px;height:26px;margin:auto}
.submit2 input{border:none;padding:0px;background-color:#666666;text-align:center;width:100%;height:100%;font-size:15px;font-family:Akzi;color:#ffffff !important;line-height:30px;}
.fieldletter{width:100%;height:100%;padding:0px;resize:none;border:none;font-size:15px;font-family:Akzi;
color:#ffffff;background-color:#333333;text-align:center;}
.space60{height:60px;}


@media screen and (max-width: 1200px){
	
	
/*................. TOP CSS....................*/
 
.social{padding-top:72px;}
.searchtop{width:204px;margin-left:0px;margin-top:72px;}
.textsearch{width:175px;}



/*................. menu CSS....................*/ 


.menutitle{font-size:20px; background-position: top 0px left -80px; 
height:36px;line-height:36px;padding-left:20px;  
}  
.menutitle:hover{background-position:top 0px left -50px;}
.menutitlesel{background-position:top 0px left -50px;}
 

/*................. HOME CSS....................*/
 

.titleimg{font-size:16px;}
.textimg{font-size:16px;}
.bordabout{max-width:460px;}

.titlevideo{font-size:18px;}
.textvideo{font-size:17px;}


/*................. PRODUCTS CSS....................*/
.category{font-size:18px;background-position: top 0px left -27px; height:30px;line-height:28px;padding-left:20px;} 



/*................. Footer CSS....................*/

.space60{height:20px;}



}


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




/*................. TOP CSS....................*/
  
.social{padding-top:38px;} 
.searchtop{width:112px;margin-top:38px;}
.textsearch{width:82px;}
.textsearch1{font-size:13px;}


/*................. menu CSS....................*/ 


.menutitle{font-size:16px; background-position: top 0px left -120px; 
height:30px;line-height:30px;padding-left:10px;  
}  
.menutitle:hover{background-position:top 0px left -105px;}
.menutitlesel{background-position:top 0px left -105px;}
 
 
/*................. HOME CSS....................*/
 
.titleimg{font-size:15px;height:50px;line-height:20px;}
.linestyle{line-height:25px;}
.textimg{font-size:13px;}
.bordabout{max-width:347px;}
.video{height:406px;}
.titlevideo{font-size:17px;}
.textvideo{font-size:15px;}


/*................. news CSS....................*/ 
.padleftnews{ padding-left:00px;}
.line200{  margin-left:30px; }





/*................. PRODUCTS CSS....................*/
.category{font-size:14px;background-position: top 0px left -20px; height:25px;line-height:20px;padding-left:12px;}
.category:hover{background-position:top 0px left 0px;}
.categorysel{background-position:top 0px left 0px;}




/*................. CONTACT CSS....................*/


}


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

.max300{ display:table; margin:auto; max-width:300px;}

/*................. TOP CSS....................*/ 
.logo{display:table;margin:auto} 
.social{display:table;margin:auto;padding-top:10px;}
.socialimg{margin:0px 3px;}
.searchtop{width:205px;display:table;margin:10px auto}
.textsearch{width:173px;}

/*................. INDEX CSS....................*/

.menuouter{display:table;margin:auto}
.menutitle{height:35px;line-height:35px;font-size:15px;margin-bottom:5px; padding-left:20px; background-size:cover; width:195px; background-position: top 0px left -40px; } 
.menutitle:hover{background-position:top 0px left 0px;}
.menutitlesel{background-position:top 0px left 0px;}
.imgabout{display:table;margin:auto}
.titleimg{max-width:276px;margin:auto}
 
 
 
 

/*................. menu CSS....................*/
.menuouter2{display:table;margin:auto}  
.menutitle2{display:table; text-align:center; } 
.menulineverti{display:none;}


/*................. ABOUT CSS....................*/

.titleabout{font-size:20px;line-height:30px;}
.textabout{font-size:15px;padding:5px; border-right:solid 0px #706f70;}
.titlemission{font-size:20px; line-height:30px; padding:0px;}
.textmission{font-size:15px;  padding-left:5px;} 


/*................. news CSS....................*/  
.line200{  margin-left:10px; }
 

/*................. PRODUCTS CSS....................*/
.category{font-size:16px;background-position: top 0px left -20px; height:25px;line-height:25px;padding-left:15px;}
.category:hover{background-position:top 0px left 0px;}
.categorysel{background-position:top 0px left 0px;}



/*................. FOOTER CSS....................*/
.bgfooterhome{ background-position:bottom -120px left; }
.footer {width:auto; top:0px;}	
.space60{height:40px;}

.rfooter{ background-position:top -1px left 0px; height:100px; }

/*.outerf2{display:block;height:auto}	
.horizon img{width:70%;display:table;margin:5px auto}*/

}

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

.video {height: 293px;}

}