/***** BEGIN RESET *****/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

a {color:inherit;}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

button {background:none;border:none;color:#fff !important;font-size: 18px;}

h1,h3,h4,h5 {font-family: "Roboto Condensed", sans-serif;text-transform:uppercase;}
h2 {font-family: "Roboto", sans-serif;text-transform:uppercase;}

span.red {color: #C21015;font-weight: 900;font-size: 16px;font-family: "roboto condensed" sans-serif;}
/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {
line-height:1.8;
font-family:"Roboto", sans-serif;
font-size: 16px;
box-sizing: border-box;
width:100%;
Background:unset;
overflow-x: hidden;
}

button,a,input {cursor:pointer;}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

button.red-button,input.red-button  {background: #C21015;padding: 20px;width: 100%;border-radius: 50px;max-width:600px;font-size:16px !important;color:#fff;text-transform:uppercase;font-weight:600;border:none;}

button.red-button:hover,input.red-button:hover {background:#790b0f;}
button.clear-button:hover {background:rgba(255,255,255,0.4);}

button.clear-button {background: none;padding: 20px;width: 100%;border-radius: 50px;max-width:600px;font-size:16px !important;color:#fff;text-transform:uppercase;font-weight:600;border:2px #fff solid;}

input.red-button {max-width: 677px !important;display: flex;margin: 0 auto;}

.bold-red {color:#C21015;font-weight:800;}
/*--- HEADER STYLES ---------------------*/
header {}

.main-site-header {
font-family:"Roboto", sans-serif;position: absolute;display: flex;align-items: center;width: 100%;box-sizing:border-box;flex-direction: column;}
span.button,span.header-button {padding: 13px 13px;background: #C21015;border-radius: 100%;color: #fff;}

.main-site-header.colored .main-header-wrap {background:#000;}

.main-site-header.colored {position: relative;}

.gray-bar {padding: 10px 0;background: #202020;width: 100%;z-index:99999;display:flex;}
.gray-bar a{color:#fff;margin-left: 60px;}

.category {width: 100%;}
.header-icon button{color:#fff !important;}
.main-header-wrap {display: flex;width: 100%;margin: 0 40px;}
button.red-button.small {max-width: 230px;margin-top: 40px;}
/*---BODY--------------------------------*/


/*---WHAT WE OFFER-------------*/
.offer-category {display: flex;gap: 20px;justify-content: space-around;margin: 0 auto;width:90%;}
.category {display: flex;padding: 22px 23px;border: 2px #D9D9D9 solid;gap: 29px;border-radius: 11px;width: 100%;align-items: center;}
.category-image {width: 100%;text-align: center;max-width: 110px;}
.category img {width: 100%;text-align: center;max-width: 81px;}
section.what-we-offer {padding: 80px 0;}
.category-text h2 {text-transform:uppercase;font-stretch: condensed;}
.category-text p {font-weight:100;}
/*---About-------------*/
section.about-us {display: flex;align-items: center;width: 90%;margin: 0 auto;justify-content: space-between;gap: 300px;max-width: 1570px;position: relative;padding: 70px 0;}

.about-content .stripes-right{width: 72%;left: 47%;}


.about-us {position: relative;}
.pattern {width:100;}
.stripes-right {background-image: url("../siteart/pattern.jpg");padding: 30px 0;width: 81%;background-repeat: no-repeat;position: relative;right: -32%;}

.stripes-left {background-image: url("../siteart/pattern-left.jpg");padding: 30px;width: 100%;background-repeat: no-repeat;position: relative;left: -47%;top: 20px;}


.about-text {margin-top: 80px;}
.about-us .offer-category {position: relative;display: block;width: unset;}
.small-image {background-image: url("../siteart/6273.jpg");width: 100%;padding: 150px 110px; max-width: 0px;object-fit: cover;background-size: cover;background-repeat: no-repeat;border: 6px solid #fff;bottom: -90px;right: -26%;border-radius:20px;position: absolute;}
.about-content {width: 100%;max-width: 80%;}
.about-content h2{text-transform:uppercase;margin-bottom:15px;font-size: 26px;}
.about-image {display: flex;justify-content: flex-start;gap:30px;margin: 0 auto;flex-wrap: wrap;}
.about-image img {width: 100%;max-width: 380px;}
/*---OUR BRANDS-------------------*/
.our-brands {background: #F2F2F2;padding: 90px 0 160px;margin-top: 140px;}
.our-brands h3{text-transform: uppercase;text-align: center;margin-bottom: 50px;font-size: 27px;font-weight: 200;}
section.our-brands {display: flex;flex-direction: column;align-items: center;padding: 80px 110px;}
.slide-wrapper {width:1560px;;max-width:100%;}
/*---HERO-------------------*/
.hero {background-color: #000000;}
.hero-background {position: relative;height: 850px; background-color: #000000}
.hero-background img {background-color: #000000}
.hero-relative img{background-color: #000000; background-repeat: no-repeat;object-fit: cover;object-position:center;background-size: cover;position: relative;z-index:1; width: 100%;height: 850px;}
.hero-relative {background-color: #000000;}
.hero-text {width: 100%;text-align: center;max-width: 900px;}
.overlay {background: rgba(0,0,0,0.4);position: absolute;width: 100%;height: 100%; z-index: 10}
#hero {position:relative;}
.hero-content {position: relative;bottom: 60%;margin: 0 auto;display: flex;flex-direction: column;width: 70%;color: #fff;text-align: center;align-items: center;z-index: 9999;}
.hero-buttons {margin-top: 40px;width: 100%;justify-content: center;display:flex;gap:30px;}
.hero-content h1{font-size:60px;font-weight:100 !important;font-stretch: condensed;text-transform:uppercase;}
.bold {font-weight:800;}
.hero-buttons a {width:100%;max-width:300px;text-transform:uppercase;}
/*--------FORM STYLES--------------------*/
form.search-bottom {display: flex;justify-content: space-evenly;width: 90%;margin: 0 auto;align-items: center;}
.form-width {width: 100%;}
select#Category,select#Manufacturer,select#Condition {width:100%;padding: 20px 14px;}
.search-flex {padding: 30px 0;background:#C21015;}
form.search-bottom {gap: 50px;}
.clear-button.submit {display:flex;gap:20px;justify-content: center;}
.submit {width: 100%;max-width: 270px;}
.submit i {color:#fff !important;}

select{
  color: #000;
	opacity: 1;}
/*-------- ABOUT PAGE  ----------------*/
.about-header {position: relative;width: 100%;max-width: 43%;}
.about.stripes-left {left: -17%;top: 50px;}
.about .stripes-right.flipped {top: 48px;left: -77%;transform: scaleX(-1) scaleY(-1);background-image: url("../siteart/pattern.jpg");padding: 30px;width: 100%;background-repeat: no-repeat;position: relative;}
.about h1 {text-align:left;font-size: 40px;margin-bottom:10px;}
.about {padding: 60px 0 70px;width: 90%;margin: 0 auto;display: flex;justify-content: space-between;flex-direction: row-reverse;align-items: center;max-width: 1710px;}

.about-image-flex {width: 100%;flex-wrap:wrap;}

/*-------- PARTS PAGE  ----------------*/
.parts-page-header {position:relative;width: 43%;max-width: 44%;}
.parts-page.stripes-left {left: -17%;top: 50px;}
.parts-page h1 {text-align:left;font-size: 40px;margin-bottom:10px;}
.parts-page {padding: 60px 0 100px;width: 90%;margin: 0 auto;display: flex;justify-content: space-between;flex-direction: row-reverse;align-items: center;max-width: 1710px;}
.parts-page-teammates a {font-size:16px;color:#000;}
.team-flex {display: flex;gap: 40px;}
.team-column {display:flex;flex-direction:column;width: 100%;gap: 10px;align-items: center;margin: 0 auto;flex-wrap: wrap;}
section.parts-page-team {display: flex;flex-direction: column;width: 90%;margin: 0 auto;}
.parts-page-team {width: 46%;}
.parts-page-teammates {display: flex;flex-direction: column;align-items: center;padding: 20px 0px;border: 1px #D9D9D9  solid;border-radius: 17px;width: 100%;max-width: 480px;gap: 2px;}
.parts-page-teammates h2{font-size:19px;}
.parts-page-images { display: flex;
    width: 100%;justify-content: space-between;margin-top: 70px;}
.parts-page-images img{ max-width: 330px;}

/*-------- SALES PAGE  ----------------*/
.sales-header {position:relative;width: 43%;max-width: 44%;}
.sales.stripes-left {left: -17%;top: 50px;}
.sales h1 {text-align:left;font-size: 40px;margin-bottom:10px;}
.sales {padding: 60px 0 100px;width: 90%;margin: 0 auto;display: flex;justify-content: space-between;flex-direction: row-reverse;align-items: center;max-width: 1710px;}
.sales-teammates a {font-size:16px;color:#000;}
.team-flex {display: flex;gap: 40px;}
.team-column {display:flex;flex-direction:column;width: 100%;gap: 10px;align-items: center;margin: 0 auto;flex-wrap: wrap;}
section.sales-team {display: flex;flex-direction: column;width: 90%;margin: 0 auto;}
.sales-team {width: 46%;}
.sales-teammates {display: flex;flex-direction: column;align-items: center;padding: 20px 0px;border: 1px #D9D9D9  solid;border-radius: 17px;width: 100%;max-width: 480px;gap: 2px;}
.sales-teammates h2{font-size:19px;}
.sales-images { display: flex;
    width: 100%;justify-content: space-between;margin-top: 70px;gap: 20px;}
.sales-images img{ max-width: 330px;}
.sales-images img{width: 50%; max-width:100%;}
.sales button.red-button.small {margin-top: 0px;}

/*-------- SERVICE PAGE  ----------------*/
.service-header {position:relative;width: 43%;max-width: 44%;}
.service.stripes-left {left: -17%;top: 50px;}
.service h1 {text-align:left;font-size: 40px;margin-bottom:10px;}
.service {padding: 60px 0 100px;width: 90%;margin: 0 auto;display: flex;justify-content: space-between;flex-direction: row-reverse;align-items: center;max-width: 1710px;}
.service-teammates a {font-size:16px;color:#000;text-transform: uppercase;}
.team-flex {display: flex;gap: 40px;}
.team-column {display:flex;flex-direction:column;width: 100%;gap: 10px;align-items: center;margin: 0 auto;flex-wrap: wrap;}
section.service-team {display: flex;flex-direction: column;width: 90%;margin: 0 auto;}
.service-team {width: 46%;}
.service-teammates {display: flex;flex-direction: column;align-items: center;padding: 20px 0px;border: 1px #D9D9D9  solid;border-radius: 17px;width: 100%;max-width: 480px;gap: 2px;}
.service-teammates h2{font-size:19px;}
.service-images { display: flex;
    width: 100%;justify-content: space-between;margin-top: 70px;}
.service-images img{ max-width: 330px;}
.service-form {width: 90%;margin: 0 auto 80px;max-width: 1710px;}
input#Primary_Name,input#Last_Name,input#Phone,input#Email,input#Message,input#Location,textarea#Message {width: 100%;padding: 20px 10px;height:20px;}
.form-flex {display: flex;flex-direction: row;justify-content: space-between;}
.form-flex img{display: flex;flex-direction: row;justify-content: space-between;}
.service-teammates span.red {text-transform:uppercase;}
.form-field {width: 100%;display: flex;flex-direction: column;}

/*-------- 	CONTACT PAGE  ----------------*/

.contact-header {position:relative;width: 43%;}
.contact .stripes-right {top: 70px;right: -53%;width: 60%;}
.contact h1 {text-align:left;font-size: 40px;margin-bottom:40px;}
.contact {padding: 10px 0 100px;width: 90%;margin: 0 auto;display: flex;justify-content: space-between;flex-direction: row-reverse;}

.contact-form {width: 100%;margin: 0 auto;}
.contact-form input#Primary_Name,.contact-form input#Last_Name,.contact-form input#Phone,.contact-form input#Email,.contact-form input#Message,.contact-form input#Location,.contact-form textarea#Message {width: 80%;padding: 20px 10px;height: 20px;}

textarea#Message {font-family: "Roboto", sans-serif;}

.form-flex {display: flex;flex-direction: row;justify-content: space-between;margin-bottom: 30px;}
.form-field {width: 100%;display: flex;flex-direction: column;}
.formfield {width: 100%;max-width: 810px;}
.contact-map {width: 48%;}
.contact-information {width: 46%;}

.contact-flex p {color:#fff;}
.contact-flex {display: flex;width: 90%;margin: 0 auto;padding: 40px 0;}
.contact-flex i {color:red;}


.contact-info a {font-size:16px;color:#000;}
.contact-info-flex {display: flex;gap: 40px;align-items: center;}
.contact-column {display:flex;gap:40px;flex-direction:column;width: 100%;}
.contact-information {display: flex;flex-direction: column;width: 90%;margin: 50px auto;}
.contact-info{display: flex;flex-direction: column;align-items: center;padding: 30px 0px;border: 2px #D9D9D9 solid;border-radius: 17px;width: 100%;max-width: 1150px;gap:5px;justify-content: center;height: 70px;}
.contact-info h3{font-size:24px;}
.contact-info i{font-size: 34px;color:#C21015;margin-right:20px;}
.contact-info p{display: flex;align-items: center;}


/*-------- SERVICE STYLES ----------------*/
.parts-page-header {position:relative;width: 43%;max-width: 44%;}
.parts-page.stripes-left {left: -17%;top: 50px;}
.parts-page h1 {text-align:left;font-size: 40px;margin-bottom:10px;}
.parts-page {padding: 60px 0 100px;width: 90%;margin: 0 auto;display: flex;justify-content: space-between;flex-direction: row-reverse;align-items: center;max-width: 1710px;}
.parts-page-teammates a {font-size:16px;color:#000;}
.team-flex {display: flex;gap: 40px;}
.team-column {display:flex;flex-direction:column;width: 100%;gap: 10px;align-items: center;margin: 0 auto;flex-wrap: wrap;}
section.parts-page-team {display: flex;flex-direction: column;width: 90%;margin: 0 auto;}
.parts-page-team {width: 46%;}
.parts-page-teammates {display: flex;flex-direction: column;align-items: center;padding: 20px 0px;border: 1px #D9D9D9  solid;border-radius: 17px;width: 100%;max-width: 480px;gap: 2px;}
.parts-page-teammates h2{font-size:19px;}
.parts-page-images { display: flex;width: 100%;justify-content: space-between;margin-top: 20px;gap: 20px;}
.parts-page-images img{width: 50%; max-width:100%;}
.service-form {width: 90%;margin: 0 auto 80px;max-width: 1710px;}
input#Primary_Name,input#Last_Name,input#Phone,input#Email,input#Message,input#Location,textarea#Message {width: 100%;padding: 20px 10px;}
.form-flex {display: flex;flex-direction: row;justify-content: space-between;}
.form-flex img{display: flex;flex-direction: row;justify-content: space-between;}

.form-field {width: 100%;display: flex;flex-direction: column;}


.service-form .formfield {width: 48%;}



/*-------- FOOTER STYLES ----------------*/
footer{background:#202020;font-weight:100;}

.scrolling-wrap iframe {width:100%;}
.footer-category {max-width: 340px;width: 100%;}
.footer {display: flex;justify-content: space-between;margin: 0 auto;width: 90%;color:#fff;padding: 50px 0;}
.footer a{margin: 0 auto;;color:#fff;}
.footer-title {margin-bottom:20px;font-size:23px;font-weight:bold;text-transform:uppercase;}
.link-flex {display: flex;justify-content: space-between;}
.footer li {margin-bottom:15px;}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

.faceted-section-title,.faceted-section-title,.faceted-search-field i,button#share,button#parts-list-page-print-this,button#parts-list-page-share-this{color:#000 !important;}
.ground-bcrumbs,.parts-title-and-breadcrumbs {margin-top: 60px;}
.list-container-flexrow .view-listing-details-link,.view-listing-details-link {background:#C21015 !important;}

.list-content .listing-widgets .Currency a{background:#000 !important;}
/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1500px) {
	.about-image img {max-width: 310px;}
	.contact-info p {flex-direction: column; gap:10px;}
	.contact-info i {margin-right:0;}
	.contact-info {height: 93px;justify-content: center;}
}

@media only screen and (max-width: 1400px) {
	.slide-wrapper {max-width: 960px;}
	.about-image img {width: 100%;max-width: 400px;}
	.about-image {justify-content: center;}

}
@media only screen and (max-width: 1200px) {
	.hero-content {width: 90%;}
	.team-flex {flex-wrap:wrap;}
	

}

@media only screen and (max-width: 1100px) {
	.about h1,.contact h1,.parts-page h1,.service h1,.sales h1 {font-size:26px;}
	.contact-header,.contact-map {width: 100%;}
	input.red-button {max-width:100% !important;margin-bottom: 50px;}
	.form-flex {margin-bottom: 30px;gap: 30px;}
	.contact-form input#Primary_Name, .contact-form input#Last_Name, .contact-form input#Phone, .contact-form input#Email, .contact-form input#Message, .contact-form input#Location, .contact-form textarea#Message {width:100%;}
	section.contact {flex-direction: column;}
	.form-flex {flex-direction: column;}
	section.our-brands {padding: 80px 0px;}
	.contact .stripes-right {right: -45%;}
	input#Primary_Name, input#Last_Name, input#Phone, input#Email, input#Message, input#Location, textarea#Message {width:90%;}
	.service-form input#Primary_Name,.service-form input#Last_Name,.service-form input#Phone,.service-form input#Email,.service-form input#Message,.service-form input#Location,.service-form textarea#Message {width:100%;}
	.team-flex,.contact-info-flex {flex-direction: column;gap: 20px;}
	.contact-info p {flex-direction: row; gap:0px;}
	.contact-information {margin: 50px auto 30px;}
	.contact-info i {margin-right:20px;}
	.service-form .formfield {width: 100%;max-width:unset;}
	.contact-info {height: 20px;justify-content: center;}
	.service-team .team-flex {gap: 11px;}
}

@media only screen and (max-width: 1066px) {
	.slide-wrapper {max-width: 70%;}
	.hero-content h1 {line-height:1.3;}
	section.about-us {flex-direction: column-reverse;gap: 70px;}
}
	
@media only screen and (max-width: 1000px) {
	.offer-category {flex-wrap: wrap;}
	.stripes-left{display:none;}
	.about-content {width: 100%;max-width:unset;}
	.stripes-right {width: 68%;left: 37%;}
	.about-content .stripes-right {left: 32%;}
	.about-text {margin-top: 0;}
	.small-image {display:none;}
	form.search-bottom {flex-direction: column;align-items: center;}
	select#Category, select#Manufacturer {padding:20px 14px ;}
	.small-image {padding: 150px 49%;}
	.category {width: 90%;padding: 30px 16px;}
	.about-us .offer-category {width:100%;}
	.large-image img {width: 100%;}
	section.about,section.parts-page,.about-image,section.sales {flex-direction:column;gap: 60px;}
	.about-image img {max-width: 100%;}
	.footer {flex-direction: column;align-items: center;gap: 40px;}
	.link-flex {flex-direction: column;}
	.footer {text-align:center;}
	.footer a {display:block;text-align:center;}
	.service,.parts-page,.sales {flex-direction: column;}
	.service-header,.about-header,.parts-page-header,.sales-header{width: 100%;max-width: 100%;margin-bottom: 40px;}
	.service-content,.parts-page-content,.sales-content {margin-bottom: 50px;}
	.service-team,.parts-page-team,.sales-team{width: 100%;}
	.service-teammates,.parts-page-teammates,.sales-teammates  {max-width:unset;}
	.team-flex {gap: 8px;}
	.parts-page-images img,.sales-images img,.sales-images img {max-width: 48%;}
	section.about, section.parts-page{gap:0;}
	.about-image {gap:30px;}
	.service-content p {margin-bottom:30px;}
	.contact h1 {margin-bottom: 0;}
}


@media only screen and (max-width: 800px) {
	.stripes-right {display: none;}
	.team-flex{flex-wrap: wrap;justify-content: center;gap: 30px;}
	.parts-page-images img,.sales-images img{max-width: 100%;}
	.slide-wrapper {max-width: 350px;}
	.about-content .stripes-right {display:none;}
	section.what-we-offer {padding: 40px 0;}
	.main-header-wrap {justify-content: center;}
	
}


@media only screen and (max-width: 600px) {
	.gray-bar {flex-direction: column;align-items: center;gap: 10px;}
	.hero-content h1{font-size: 41px;line-height: 1.3;margin-bottom: 15px;}
	.hero-text {font-size:16px;}
	.gray-bar a {margin-left: 29px;}
	.our-brands {margin-top: 0;}
	.parts-page-images,.sales-images {gap: 30px;}
	
}

@media only screen and (max-width: 515px) {
	button.red-button.small {max-width:unset;margin-top:0px;margin-bottom: 20px;}
	.part-page-content p,.about-content p,.sales-content p  {margin-bottom:40px;}
	.service-content, .parts-page-content,.sales-content  {margin-bottom:10px;}
	.hero-buttons {flex-direction: column;}
	.hero-content {bottom: 70%;}
	.hero-buttons a {max-width:unset;}
	.hero-content h1 {font-size: 37px;}
	.parts-page-images,.sales-images {flex-wrap:wrap;}
	.mobile-hidden {display:none;}
	.parts-page-images img,.sales-images img {width:100%;}
	.submit {max-width:unset;}
	.parts-page-content button.red-button.small,.sales-content button.red-button.small{max-width: unset;margin-top: 30px;margin-bottom: 0px;}
}


@media only screen and (max-width: 500px) {
	.category {flex-direction: column;align-items: center;}
	.category-text {text-align: center; width: 90%;}
	.logo img {max-width: 240px;}
	.slide-wrapper {max-width: 66%;}
	.parts-page-images,.sales-images {margin-top: 20px;}
}