@charset "utf-8";

/* CSS Document */

body { width:100%; margin:0;  padding:0; font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:22px; background:#FFF; color:#5a5a5a; }

html, body, div, span, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

abbr, address, cite, code,

del, dfn, em, img, ins, kbd, q, samp,

small, sub, sup, var,

b, i,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, figcaption, figure,

footer, header, hgroup, menu, nav, section, summary,

time, mark, audio, video { margin:0; padding:0; border:0; outline:0;vertical-align:baseline; font-weight:normal;

/*  -webkit-text-size-adjust:85%; */

}

.container { width:100%; margin:0;  padding:0; }

#header {  width:100%; overflow:hidden !important;z-index:200; background: #1c1c1a; padding:15px 0 0 0; height:130px; }

/*#header {  width:100%; position:fixed; overflow:hidden !important;z-index:200; background: #1c1c1a; padding:20px 0 0 0; height:141px; }

*/.header { width:955px; margin:0 auto;}

.content { width:950px; margin:0 auto;}

.logo { width:300px; float:left;}

.language { width:140px; float:right; color:#FFF; font-size:13px;}

.language ul { list-style:none;}

.language ul li { display:block; float:left; padding-left:8px; }

.language ul li.select img { border:1px solid #FFF;}



.clear { clear:both;}



/*Nav*/

nav {  float:left; width:650px;}

nav ul { padding:0 15px; margin:0; list-style:none; margin:54px 0 0 -5px;}

nav ul li { float: left;  font-weight:bold; color:#FFF; display:block; padding:0 8px 2px 8px; font-weight:bold; border-right:2px #FFF solid; font-size:14px; line-height:13px; height:12px; margin:10px 0 0 0;}

nav ul li a {  text-decoration:none; color:#FFF; }

nav ul li a { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

nav ul li a:hover, nav ul li a:focus {  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

nav ul li a.current { color:#FFF !important;}

nav ul li a:hover {color:#FFF !important; text-decoration: none;}

nav ul li a:hover.current {color:#FFF !important;}





/*end Nav*/

p { margin:10px 0;}

h1 { font-size:18px ; font-weight:bold; line-height:25px;}

h2 { font-size:19px ; font-weight:bold; line-height:25px; text-align:center;}

h3 {  font-size:13px ; font-weight:bold; margin:15px 0 5px 0;}

h4 {  font-size:14px ; font-weight:bold; margin:15px 0 5px 0;}

h6 { font-size:20px ; font-weight:bold; line-height:25px; color:#040404;}

a { text-decoration:none;}

a.pro { font-weight:bold; text-decoration:underline; color:#5a5a5a;}

a:hover.pro { font-weight:bold; text-decoration:none;}



.spaced_content {width:950px; margin:0 auto; padding:20px 0;}



.column { width:303px; float:left; margin:0 10px;}

.column_four { width:222px; float:left; margin:0 10px; padding:0 0 20px 0;}

.column ul { margin:20px 0 0 17px;}

.column ul li { padding:5px;}



.column_L { width:460px; float:left; margin:0 20px 0 0;}

.column_R { width:460px; float:right;}





table tr td { padding:5px; border:1px solid #FFF;}



.bar  { margin:4px 0; padding:9px 30px; list-style:none; background: url(../images/icon/bullet.png) no-repeat left top #3a3a3a; color:#cccccc;  border-radius:4px; 

  }

.bar:hover { background:url(../images/icon/bullet_over.png) no-repeat left top #3a3a3a; color:#797979; }  

.barShow { margin:4px 0;padding:9px 30px; list-style:none; background: url(../images/icon/bullet-de.png) no-repeat left top#3a3a3a; color:#cccccc; border-radius:4px;  

  }





/*.line { border-top:1px solid #aaaaaa; height:1px; margin-top:-5px;}*/



.btn { margin:30px 0 0 0; } 



ul.list_all { margin:10px 0 10px 15px; color:#5a5a5a;}

ul.list_all li:nth-child(1) { padding-top:0;} 



ul.list_content { padding:20px  30px ; color:#5a5a5a }

ul.list_content li { padding:2px 0; list-style:none; }

ul.list_content li:nth-child(1) { padding-top:0;} 



.wrap_Engine_guard{ background:#FFF; border-radius:4px;}

.Engine_guard  { margin:0 0 50px 0;}





ul.Img_inline  { margin:20px 0;}

ul.Img_inline li { list-style:none; display:block; float: left; margin:0 24px 0 0;}



.model { margin:30px 0;}

ul.model_ { padding:20px 0 0 0;}

ul.model_ li { list-style:none; display:block; float:left ; width:185px; padding:0 30px 15px 30px;}

ul.model_ li img { margin:10px 0;}

.model_list { margin:0; padding:0;}



.modelBox { margin:30px 0;}

.modelBox ul { margin-left:-20px;}

.modelBox ul li { list-style:none; display:block; float:left; width:460px; margin-left:20px; padding:0 0 20px 0; height:150px;}



.vdo { width:100%; margin:40px 0;} 



.youtube { margin:40px 0 0 0;}

.youtube ul { margin-right:-30px;}

.youtube ul li { width:460px; list-style:none; display:block; float:left; margin-right:30px; margin-bottom:30px;}



ul.Download_pdf  { margin:30px 0 0 0;}

ul.Download_pdf li { list-style:none; background:url(../images/icon/pdficon_large.png) no-repeat top left; width:177px; display:block; float:left; height:32px; padding:5px 20px 0 40px;}

ul.Download_pdf li a { color:#5a5a5a; text-decoration:underline;}

ul.Download_pdf li a:hover { color:#5a5a5a; text-decoration:none;}



ul.social { margin:120px 0 0 0; float:right; }

ul.social li { list-style:none; display:block; float:left; padding-left:5px; }





/*footer*/

#footer { width:100%; background:#cccccc; margin:60px 0 0 0; }

.footer { padding:20px 0 10px 0; margin:0 auto; width:950px;}

.footer a { text-decoration:none; color:#5a5a5a;}

.footer a:hover { text-decoration:underline;}



 



/*Id Paralax*/

#Vehicle_protection, #Hand_protectors, #Crash_bars, #Engine_guard { width:100%; margin:40px 0 0 0; padding-top:60px;  }



#menusticky {  padding:10px 0;}

.menusticky {  float:left; width:650px;}

.menusticky ul { padding:0 15px; margin:0; list-style:none; margin:18px 0 0 0;}

.menusticky ul li { float: left;  font-size:13px; font-weight:bold; color:#FFF; display:block; padding:0 12px; font-weight:bold; border-right:2px #FFF solid; margin:0 0 7px 0; line-height:12px}

.menusticky ul li a {  text-decoration:none; color:#FFF; }

.menusticky ul li a { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.menusticky ul li a:hover, nav ul li a:focus {  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

.menusticky ul li a.current { color:#FFF !important;}

.menusticky ul li a:hover {color:#FFF !important; text-decoration: none;}

.menusticky ul li a:hover.current {color:#FFF !important;}



.logo_s { float:left; width:50px; margin:0 0 0 20px}









/* Main elem */

#bannerTop {

	 z-index: 9999; position: fixed; top: -200px; 

  background:url(../images/bg_overlay.png) repeat top left; width:100%;

}



#toscrollDown {

  position:  absolute;;

  display: inline;

  top: 650px;

  right: 50px; z-index:1000;

}





#totop {

  position: fixed;

  display: none;

  bottom: 50px;

  right: 50px; color:#111

}

#totop a {

  opacity: 0.6;

  width: 100px;

  height: 100px;

  display: block; color:#111;

  text-align: center;

  text-decoration: none;

  -webkit-transition: 1s;

  -moz-transition: 1s;

  transition: 1s;

}

#totop a:hover {

  opacity: 1;

}

#totop a span {

  background: url(../images/totop2.png)  no-repeat center center;

  width: 100px;

  height: 100px;

  display: block; color:#111;

  margin-bottom: 10px;

  -webkit-border-radius: 15px;

  -moz-border-radius: 15px;

  border-radius: 15px;

  -webkit-transition: 1s;

  -moz-transition: 1s;

  transition: 1s;

}



.f-nav { opacity:1}