/* Homepage */
.clear {clear:both;}
header {width:980px; margin:0 auto; padding:0;}
header .logo {width:265px; float:left; margin:45px 0;}
header .logo img {width:100%;}
header .menu-icon {display:none;}
header nav ul {float:right; margin:7px 0 0 0;}
header nav ul li {float:left;}
header nav ul li a {display:block; font-size:17px; color:#333; text-transform:uppercase; text-decoration:none; margin:0 0 0 40px; padding:45px 0; -o-transition:.25s; -ms-transition:.25s; -moz-transition:.25s; -webkit-transition:.25s; transition:.25s;}
header nav ul li:first-child a {margin:0;}
header nav ul li a:hover {color:#e59f30;}
body.engine header ul li.engine a, body.drivetrain header ul li.drivetrain a, body.clutch header ul li.clutch a, body.why-upgrade header ul li.why-upgrade a, body.contact header ul li.contact a {color:#e59f30; border-bottom:7px solid #e59f30;}
.introduction {background:url(/images/bgd-introduction-hero.jpg) center; background-size: cover; height:550px;}
.introduction .mission {width:370px; padding:160px 0 0 610px; margin:0 auto; color:#FFF;}
.introduction .mission h1 {font-size:30px; text-transform:uppercase; margin:0 0 18px 0; line-height:30px;}
.introduction .mission h1 span {color:#e59f30;}
.introduction .mission p {line-height:22px;}
.introduction .mission p a {color:#FFF; text-decoration:none; text-transform:uppercase; background:rgba(229,159,48,.45); padding:10px 15px; margin:30px 0 0 0; display:inline-block; -o-transition:.25s; -ms-transition:.25s; -moz-transition:.25s; -webkit-transition:.25s; transition:.25s;}
.introduction .mission p a:hover {background:rgba(229,159,48,.65);}
.introduction .mission p.call-us {display:none;}
.performance-parts {text-align:center; margin:80px 0 80px 0;}
.performance-parts h2 {font-size:23px; text-transform:uppercase; color:#333;}
.performance-parts h2 span {color:#e59f30;}
.performance-parts .product-container {width:330px; display:inline-block; text-align:center;}
.performance-parts .product-container .product-image {width:200px; display:inherit; margin:55px 0 25px 0;}
.performance-parts .product-container .product-image img {width:100%;}
.performance-parts .product-container h3 a {font-size:17px; color:#333; text-decoration:none; margin:0 0 6px 0; display:block; -o-transition:.25s; -ms-transition:.25s; -moz-transition:.25s; -webkit-transition:.25s; transition:.25s;}
.performance-parts .product-container h3 a:hover {color:#999;}
.performance-parts .product-container p a {font-size:14px; color:#e59f30; text-decoration:none; -o-transition:.25s; -ms-transition:.25s; -moz-transition:.25s; -webkit-transition:.25s; transition:.25s;}
.performance-parts .product-container p a:hover {color:#999;}
.about-us {width:900px; margin:0 auto; padding:90px 0 60px 0; background:url(/images/bgd-section-divider.png) top center no-repeat;}
.about-us p {font-size:15px; line-height:22px; text-align:center; margin:0 0 20px 0;}
footer {background:#ededed; text-align:center; padding:70px 0;}
footer ul.social li {display:inline-block; width:30px;}
footer ul.social li img {width:100%;}
footer ul#footer-navigation {margin:20px 0 10px 0;}
footer ul#footer-navigation li {display:inline-block;}
footer ul#footer-navigation li a {text-decoration:none; padding:0 10px; color:#333; -o-transition:.25s; -ms-transition:.25s; -moz-transition:.25s; -webkit-transition:.25s; transition:.25s;}
footer ul#footer-navigation li a:hover {color:#CCC;}
footer p {font-size:14px;}

/* Interior */
.section-header {height:343px; background-size: cover; background-position:center; position:relative; margin:0 auto 80px auto;}
.section-header .page-title {background:rgba(0,0,0,.75); padding:35px 0; position:absolute; bottom:0px; width:100%;}
.section-header .page-title h1 {width:980px; color:#FFF; margin:0 auto; font-size:30px; text-transform:uppercase;}
.section-header .page-title h1 span {color:#e59f30;}
.section {width:980px; margin:0 auto; font-size:15px; line-height:22px; padding:0 0 60px 0;}
.section p {margin:0 0 15px 0;}
.section a {color:#e59f30; -o-transition:.25s; -ms-transition:.25s; -moz-transition:.25s; -webkit-transition:.25s; transition:.25s;}
.section a:hover {color:#333;}
.section a.button {text-decoration:none; text-transform:uppercase; background:rgba(229,159,48,.45); padding:10px 15px; color:#000; display:inline-block; -o-transition:.25s; -ms-transition:.25s; -moz-transition:.25s; -webkit-transition:.25s; transition:.25s;}
.section a.button:hover {background:rgba(229,159,48,.65);}
.section h2 {font-size:23px; text-transform:uppercase; color:#333; margin:0 0 50px 0;}
.section h2.featured-partners-header {margin:0 0 30px 0;}
.section h2 span {color:#e59f30;}
.section h3 {font-size:19px; font-weight:400; margin:0 0 30px 0;}
.section h4 {font-size:16px; font-weight:400; margin:0 0 20px 0;}
.section ul {margin:0 0 15px 40px;}
.section ul.partners {columns: 4; -webkit-columns: 4; -moz-columns: 4; list-style-position:inside;}
.section ul.featured-partners {margin:0 0 15px 0;}
.section ul.featured-partners li {list-style-type:none; display:inline-block;}
.section .product-image {width: 200px; float:left; margin:0 60px 60px 0;}
.section .product-image.multiple {margin:0 60px 10px 0;}
.section .product-image.pdp {width:350px;}
.section .product-image img {width:100%;}
.section #accordion {border-bottom:1px solid #CCC;}
.section #accordion h4 {font-size:15px; font-weight:400; padding:15px 30px; margin:0; display:block; border-top:1px solid #CCC; cursor:pointer;}
.section #accordion div {padding:0 30px 15px 30px;}
.section #accordion div h5 {font-size:15px; color:#e59f30; margin:0 0 10px 0;}
.section #accordion div ul {margin:0 0 10px 20px; columns: 2; -webkit-columns: 2; -moz-columns: 2;}
.section #accordion div ul li {list-style-position:inside;}
.section.divider {background:url(/images/bgd-section-divider.png) top center no-repeat; padding-top:90px;}
.form-wrap {margin:0 0 0 5px;}
.form-wrap label {margin:0 0 5px 0; display:block;}
.form-wrap input, .form-wrap textarea {padding:8px; border:1px solid #000; margin:0 0 15px 0; width:300px;}
.form-wrap input.form_button {text-decoration:none; text-transform:uppercase; background:rgba(229,159,48,.45); padding:10px 15px; color:#000; display:inline-block; -o-transition:.25s; -ms-transition:.25s; -moz-transition:.25s; -webkit-transition:.25s; transition:.25s; border:none; cursor:pointer; display:inherit; width:auto; font-size:15px;}
.form-wrap .form_error {color:#F00;}

/* Responsive */
@media only screen and (max-width: 767px) {
html {-webkit-text-size-adjust: none;}
body {touch-action:auto !important;}
.mobile-hide {display:none;}
header {width:100%; padding:30px 20px; box-sizing:border-box;}
header .logo {width:200px; float:left; margin:0;}
header .menu-icon {float:right; width:30px; display:block;}
header .menu-icon img {width:100%;}
.introduction {background-size: cover; background-position:left; text-align:center; padding:50px 0; height:auto;}
.introduction .mission {width:100%; color:#FFF; padding:0;}
.introduction .mission h1 {font-size:28px; text-transform:uppercase; margin:0 0 10px 0; padding:10px 20px; box-sizing:border-box; line-height:25px; background:rgba(0,0,0,.45);}
.introduction .mission p a {background:rgba(229,159,48,.75); margin:10px 0 0 0; font-size:20px;}
.introduction .mission p.call-us {display:block;}
.performance-parts {text-align:center; margin:50px 0 50px 0; padding:0 20px; box-sizing:border-box;}
.performance-parts h2 {font-size:23px; text-transform:uppercase; color:#333;}
.performance-parts h2 span {color:#e59f30;}
.performance-parts .product-container {width:100%;}
.about-us {width:100%; margin:0 auto; padding:70px 20px 50px 20px; box-sizing:border-box;}
.about-us p {font-size:14px;}
footer {background:#CCC; text-align:center; padding:0;}
footer ul.social {display:none;}
footer ul#footer-navigation {margin:20px 0 10px 0; border-top:1px solid #999; border-bottom:1px solid #FFF;}
footer ul#footer-navigation li {display:block;}
footer ul#footer-navigation li a {display:block;text-decoration:none; padding:25px 0; color:#333; font-size:20px; text-transform:uppercase; border-bottom:1px solid #999; border-top:1px solid #FFF;}
footer ul#footer-navigation li a:hover {color:#000;}
footer p {font-size:14px; padding:20px 0 30px 0;}

.section-header {height:auto; background-size: cover; background-position:center; position:inherit; margin:0 auto 30px auto; box-sizing:border-box;}
.section-header .page-title {padding:0; position:inherit; width:100%; padding:20px; box-sizing:border-box;}
.section-header .page-title h1 {width:100%; color:#FFF; margin:0 auto; font-size:30px; text-transform:uppercase;}
.section {width:100%; padding:0 20px 50px 20px; box-sizing:border-box;}
.section h2 {margin:0 0 20px 0;}
.section ul.partners {columns: inherit; -webkit-columns: inherit; -moz-columns: inherit; list-style-position:inherit;}
.section .product-image {width: 200px; float:none; margin:10px 0;}
.section .product-image.multiple {margin:50px 0 0 0;}
.section .product-image.pdp {width:100%;}
.section #accordion h4 {padding:15px 10px;}
.section #accordion div {padding:0 10px 15px 10px;}
.section #accordion div ul {margin:0 0 10px 20px; columns:inherit; -webkit-columns:inherit; -moz-columns:inherit;}
.section #accordion div ul li {list-style-position:inside; text-indent:hanging;}
.section #accordion div.upgrades img {width:100%;}
.form-wrap input, .form-wrap textarea {padding:8px; border:1px solid #000; margin:0 0 15px 0; width:100%;}

}