/*----- Reset -----*/
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, strong, 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; font-size:100%; vertical-align:baseline; background:transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
nav ul { list-style:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none;}
table { border-collapse:collapse; border-spacing:0;}
*, *:after, *:before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/*----- Common -----*/
html{ font-family:sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html, body{ font:14px/22px Arial, Helvetica, sans-serif; color:#333333; margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; overflow-x:hidden;}
img{ height:auto; max-width:100%;}
ul li{ list-style:none;}
p{ margin:0 0 15px;}
.clearfix:before, .clearfix:after{ content:" "; display:table;}
.clearfix:after{ clear:both;}
.maB30{ margin-bottom:30px;}
a{ text-decoration:none;}

/*----- Header -----*/
.logo{ margin:5px 0;}
.logo, .banner{ line-height:0;}
.container{ max-width:1000px; margin:0 auto;}

/*----- Navigation -----*/
nav{ background:#f9f9f9; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;}
nav ul{ border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
nav ul li{ float:left; border-right:1px solid #cccccc; width:16.6666%; text-align:center; line-height:14px;}
nav ul li.last{ border:none;}
nav ul li a{ display:block; padding:15px 0; color:#333333;}
nav a:hover{ color:#ff8329;}

/*----- Content -----*/
.content{ background:#f5f5f6; padding:30px 0; border-bottom:1px solid #ccc;}
.content img{ background:#fff; padding:10px; -webkit-box-shadow:1px 1px 3px 0 rgba(0,0,0,0.6); -moz-box-shadow:1px 1px 3px 0 rgba(0,0,0,0.6); box-shadow:1px 1px 3px 0 rgba(0,0,0,0.6);}
h1{ font-size:14px; color:#ff8329; margin:0 0 10px; text-transform:uppercase;}
h2{ font-size:14px; color:#ff8329; margin:0 0 10px;}
h3{ font-size:15px; font-weight:normal; color:#e86439; margin:5px 10px;}
footer h3{ font-size:15px; font-weight:bold; color:#fff; margin:0 0 25px;}
.subtitle{ display:inline-block; font-size:14px; color:#ff8329; margin:0 0 10px;}
.products a{ display:inline-block; font-size:15px; color:#e86439; margin:5px 10px;}
.products a:hover{ color:#333;}

/*----- Footer -----*/
footer{ }
footer .sec1{ background:#424242; padding:20px 0; color:#ccc;}
footer .sec1 .inner-wrapper{ border-right:1px dashed #666; min-height:160px !important;}
footer .sec1 .span4:last-child .inner-wrapper{ border:none;}
footer .sec2{ background:#333; padding:15px 10px; color:#999;}
footer .sec2 a{color:#999;}
footer .sec2 a:hover{ color:#CCC;}
footer .inner-wrapper{ padding-right:10px;}

/*----- Form -----*/
input[type=text], input[type=email], textarea{ background:#FFF; padding:6px 5px; height:40px; border:1px solid #CCC; resize:none; width:100%; margin:0 0 10px; font:14px/22px Arial, Helvetica, sans-serif; color:#333333;}
textarea{ height:200px;}
.action{ text-align:center;}
button[type=submit]{ background:#222; font:14px/22px Arial, Helvetica, sans-serif; color:#FFF; padding:5px 20px; border:none; cursor:pointer;}
button[type=submit]:hover{ background:#555;}
button[type=submit]:active{ background:#111;}

@media screen and (max-width: 600px) {
footer .inner-wrapper{ padding:10px;}
footer .sec1 .inner-wrapper{ border:none;}
}