﻿/***** BEGIN RESET *****/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

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;
}

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;  
} 

/*-------- 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 {
	font-family:'Montserrat', sans-serif;
	overflow-x: hidden;
}
a{text-decoration:none;}
h1, h2, h3, h4{font-family:'Montserrat', sans-serif;}
.red{color:#ef2328!important;}
.red-btn{background:#E0181d; font-size:16px; color:#fff; text-align:center; display:block; padding:14px; width:180px; box-sizing:border-box; transition:.3s ease;box-shadow: 1px 1px 4px 2px rgba(0,0,0,.15);
	&:hover{box-shadow:inset 1px 1px 4px 2px rgba(0,0,0,.3);}
}
.white-btn{background:#fff; font-size:16px; font-weight:600; color:#000; text-align:center; display:block; padding:14px; width:180px; box-sizing:border-box; height:50px;transition:.3s ease;box-shadow: 1px 1px 4px 2px rgba(0,0,0,.15);
	&:hover{box-shadow:inset 1px 1px 4px 2px rgba(0,0,0,.5);}
}
.black-btn{background:linear-gradient(#ef2328, #B71014); font-size:18px; text-transform:uppercase; color:#fff; text-align:center; font-weight:600; display:block; padding:16px; box-sizing:border-box; transition:.3s ease;box-shadow: 1px 1px 4px 2px rgba(0,0,0,.15);
	&:hover{background:#000;}
}
/*--------Animation---------*/

.grey-back{position:sticky; top:0;}
.white-back{position:sticky; top:0; }
footer{position:relative;}

.manu-wrap{width:100%; background:#fff; position:relative;}

/*--- HEADER STYLES ---------------------*/
.top-wrapper{width:100%; background:#000;}
.top-header{max-width:1600px; width:100%; margin:0 auto; display:flex; flex-direction:row; justify-content: space-between;}
.top-left{display:flex; flex-direction:row; 
	& a{color:#fff; font-size:16px; padding:10px; 
		& i{padding-right:10px;}
	}
}
.top-right{display:flex; flex-direction:row; justify-content: flex-end;
	& a i{color:#fff; font-size:18px; padding:10px 15px;}
}
header{width:100%; display:flex; flex-direction:row;}
.logo{width:320px; border:solid 1px #ccc;
	& img{margin:0 auto; display:block; padding:3px 0;}
}
#top-search{width:60px;
	& a{color: #fff;  font-size: 26px; transition:.3s ease;	background:#ef2328;	width:100%;height:100%;display:flex; justify-content: center;
		& i{display:flex; color:#fff; flex-wrap:wrap; align-content:center; justify-content: center;}
		&:hover{background:#000;}
	}
}
#searchbar {  position: absolute;  display: none; float: left;  width: 100%;  z-index: 350; box-sizing: border-box;  height: 100px;  border-bottom: 1px #e5e5e5 solid;  background: #ef2328;

 #searchform {
	 .keywords {  width: 100% !important;  text-align: center !important; border:none!important;  outline: none !important; padding: 34px 25px !important;  font-size: 20px !important; line-height: 28px !important;  color: #fff !important;  background: #ef2328 !important;  font-family: 'Montserrat', sans-serif!important;font-weight: 900!important; color:#fff;}
	.keywords::placeholder{color:#fff;}
	}
}
.kaw{max-width:250px; width:100%;}
.kaw img{width:100%;}
.kaw p{text-align:center; padding:0 10px; color:#111; font-size:12px;}
/*---BODY--------------------------------*/
/*-------------Hero------------------*/
.cycle-slideshow{width:100%;}
.slide{position:relative; width:100%; height:100%;
	& img{width:100%; height:100%; object-fit:cover;}
}

.slide-links{position:absolute; border-bottom:solid 1px #ccc; z-index:150; left:0; bottom:0; display:flex; flex-direction:row;}
.next{width:60px; height:60px; display:flex; background:#ef2328; justify-content: center; transition:.3s ease;
	& i{color:#fff; font-size:20px; display:flex; align-content:center; flex-wrap:wrap;}
}
.prev{width:60px; height:60px; display:flex; background:#fff; justify-content: center; transition:.3s ease;
	& i{color:#000; font-size:20px; display:flex; align-content:center; flex-wrap:wrap;}
}

.prev:hover, .next:hover{cursor:pointer; background:#000;}
.prev:hover i{color:#fff;}


.hero-over{position:absolute; z-index:150; bottom:18%; left:0; right:0; margin:0 auto; max-width:1200px; width:100%;}
.hero-text{padding-bottom:40px;
	& h1{font-size:50px; text-transform:uppercase; text-shadow:1px 1px 3px rgba(0,0,0,.8); line-height:65px; font-weight:600; color:#fff; text-align:center; padding-bottom:30px;
	}
	& p{color:#fff; font-size:17px; text-align:center; padding-bottom:10px;}
	& ul li{color:#fff; text-align:center; font-size:18px; font-weight:700;}
}
.hero-search{width:100%; background:rgba(0,0,0,.6); padding:30px; box-sizing:border-box; 
	& h2{font-size:20px; font-weight:600; color:#fff; text-transform:uppercase; text-align:center; padding-bottom:30px;}
}
.hero-mobile{display:none;}
.search-row{display:flex; flex-direction:row; width:100%;
	& button{width:50px; transition:.3s ease; height:45px; box-sizing:border-box; margin:5px; background:#ef2328; border:none;
		& i{color:#fff; font-size:16px;}
	}
	& button:hover{cursor:pointer; background:#000;}
}
.formfield{width:calc(50% - 40px); margin:5px;
	& select, & input{padding:14px; background:transparent; border:solid 1px #fff; color:#fff;}
	& select::placeholder, input::placeholder{color:#fff!important;}
}



/*---------Brands---------*/

.inv-brandslider a{max-width:270px;}
.brandbar .width{width:98%; margin:0 auto;}
.brandbar{background:transparent;margin: 0px auto;text-align: center;padding:10px 0px;width: 100%; max-width:1700px;top:0;left: 0;right:0;display:block!important;}
.manu-slider img{width:70%;  padding:0 0 2px 0; box-sizing:border-box; background-color:#fff; margin: 15px auto; background: #fff; transition:.3s ease;}
.slick-list{max-width:1700px!important;margin:0 auto!important;}

/*---------Pump Page---------------*/
.pump-header{font-size:40px; text-transform:uppercase; color:#C5050A; padding:40px 0;}
.pump-page{width:100%; height:1000px; padding:60px 10px; box-sizing:border-box; position:relative;}
.main{position:absolute; bottom:15%; left:0; right:0; margin:0 auto; width:45%;}
.drive{position:absolute; top:2%; right:15%; width:15%;}
.drive img{width:100%;}
.rear-shaft{position:absolute; top:25%; right:0; width:24%;}
.rear-shaft img{width:100%;}
.Aux{position:absolute; bottom:26%; right:15%; width:10%;}
.Aux img{width:100%;}
.shaft{position:absolute; bottom:0; right:10%; width:29%;}
.shaft img{width:100%;}
.side{position:absolute; bottom:20%; left:8%; width:12%;}
.side img{width:100%;}
.regulator{position:absolute; left:0; top:30%; width:25%;}
.regulator img{width:100%;}
.module{position:absolute; left:12%; top:2%; width:24%;}
.module img{width:100%;}

.hover{}
.hov:hover .hover-text{opacity:1;}
.hover-text{position:absolute; width:auto; max-width:none; bottom:0px; z-index:300; transition:.3s ease; right:5px; background:#fff; box-shadow:1px 1px 3px 2px rgba(0,0,0,.15); padding:30px; box-sizing:border-box; opacity:0;}
.hover-text h3{font-size:18px; text-align:center;}

#video{max-width:1700px; width:100%; margin:0 auto; padding:50px 10px;}
#video h2{font-size:25px; font-weight:600; text-transform:uppercase; text-align:center;}


/*----------About Home--------------*/
.grey-back{width:100%; background:#f0f0f0;}
.wrap{max-width:1600px; width:100%; margin:0 auto; padding:0 10px; box-sizing:border-box;}
.home-about{width:100%; display:flex; flex-direction:row; padding:100px 0;}
.home-about-left{width:50%; padding:40px 80px 40px 0; box-sizing:border-box;
	& h2{font-size:40px; text-transform:uppercase; color:#000; padding-bottom:20px;
		span{color:#ed2328; font-size:20px;}
	}
	& p{font-size:16px; line-height:22px; color:#000;}
	& a{color:#000; font-weight:600;}
	& a:hover{color:#ef2328;}
}

.home-about-right{width:50%;
	img{width:100%; }
}
.about-bar{width:100%; margin-top:30px; background:#fff; padding:40px 30px 30px; box-sizing:border-box; border-left:solid 5px #ef2328; border-right:solid 5px #ef2328; display:flex; flex-direction:row; justify-content: space-between; text-align:center;
	.large{font-size:30px; text-align:center; text-transform:uppercase; font-weight:600; padding-bottom:8px;}
	& i{font-size:30px; margin:0 auto; padding-bottom:8px;}
}
/*------Parts Home-----------*/
.white-back{background:#fff; width:100%;}
.parts-sec{width:100%; display:flex; flex-direction:row; padding:100px 0;}

.parts-right{width:35%; text-align:right; padding-left:20px; box-sizing:border-box;
	& h2{font-size:40px; text-transform:uppercase; color:#000; padding-bottom:20px;
		& span{color:#ed2328; font-size:20px;}
	}
	& p{font-size:16px; line-height:22px; color:#000;}
	& a{float:right; margin-top:60px;}
}
.parts-left{width:65%; padding-right:20px; box-sizing:border-box; display:flex; flex-direction:row; flex-wrap:wrap; justify-content: center;
	& a{width:calc(33.33% - 20px); justify-content: center; color:#000; align-content:center; display:flex; flex-wrap:wrap; margin:10px; height:80px; box-sizing:border-box; font-size:18px; text-transform:uppercase; font-weight:700; transition:.3s ease; text-align:center; box-shadow:1px 1px 4px 2px rgba(0,0,0,.15);
		&:hover{box-shadow:inset 1px 1px 4px 2px rgba(0,0,0,.15);}
	}
}
.row{width:100%; display:flex; flex-direction:row;
	.half{width:50%; padding:20px; box-sizing:border-box;
		img{width:100%; transition:.3s ease;
			&:hover{transform:translateY(-10px);}
		}
	}
}
/*--------service-----------*/
.services{width:100%; padding:100px 0 0;
	& h2{font-size:40px; text-transform:uppercase; color:#000; padding-bottom:20px;}
	& p{font-size:16px; line-height:22px; color:#000; padding-bottom:30px;}
}
.service-cards{width:100%; display:flex; flex-direction:row; padding-bottom:100px;}
.card{width:calc(50% - 20px); margin:10px; display:flex; box-shadow:1px 1px 4px 2px rgba(0,0,0,.15); flex-direction:row; background:#fff;
	& img{width:35%; object-fit:contain; padding:10px; box-sizing:border-box;}
}
.card-text{width:65%; padding:45px; box-sizing:border-box;
	& h3{font-size:22px; text-transform:uppercase; padding-bottom:20px;}
	& p{font-size:16px; line-height:22px; color:#000; padding-bottom:30px;}
}

/*------Contact----------*/
.home-contact{width:100%; padding:20px 0; display:flex; flex-direction:row; }
.cont-left{width:55%;
	& img{width:100%; height:600px; object-fit:contain;}
}
.cont-right {width:45%; padding:160px 20px 160px 0px; box-sizing:border-box; text-align:right;
	& h2{font-size:40px; text-transform:uppercase; color:#000; padding-bottom:20px;}
	& p{font-size:16px; line-height:22px; color:#000; padding-bottom:30px;}
	& a{float:right; margin-top:40px;}
}
.hours-row{width:100%; display:flex; flex-direction:row;
	& span{width:33.33%; padding:15px 10px; box-sizing:border-box; border-right:solid 2px #ccc; text-align:center;
		& p{font-size:16px; line-height:22px; padding-bottom:0px;
			& span{font-weight:700; font-size:18px; border-right:none;}
		}
	}
}

/*-------Quote---------*/
.red-back{background:url("/siteart/cn-back.jpg") center center repeat-x; width:100%;}
.quote{padding:120px 0; width:100%; display:flex; flex-direction:row; justify-content: space-between;
	& a{margin-top:40px;}
}
.quote-text{text-align:left;
	& h2{font-size:40px; text-transform:uppercase; color:#fff; padding-bottom:20px;}
	& p{font-size:18px; line-height:22px; color:#fff; padding-bottom:30px;}
}


/*--------Pages---------*/
.page-top-back{width:100%; background:url("/siteart/page-back.jpg") center center no-repeat; background-size:cover;}
.page-top{max-width:1600px; width:100%; margin:0 auto; padding:160px 10px; box-sizing:border-box;
	h1{font-size:50px; color:#fff; cont-weight:900; text-transform:uppercase;}
}
.bread{color:#fff; font-size:16px; padding-top:10px; letter-spacing:2px;
	a{color:#fff;}
}
.halfs{padding:100px 0; width:100%; display:flex; flex-direction:row;
	span{width:50%; padding:40px; box-sizing:border-box;
		img{width:100%; max-height:500px; object-fit:contain;}
		h2{font-size:40px; text-transform:uppercase; color:#000; padding-bottom:20px;}
		p{font-size:16px; line-height:22px;}
		a{margin-top:40px;}
	}
}
.contact-cards{width:100%; display:flex; flex-direction:row; padding:80px 0 0;
	.cards{width:calc(25% - 20px); margin:10px; padding:50px; box-sizing:border-box; text-align:center; box-shadow:1px 1px 4px 2px rgba(0,0,0,.15); background:#fff;
		i{font-size:28px; color:#D51216; padding-bottom:20px;}
		h2{font-size:20px; text-transform:uppercase; font-weight:800; padding:15px 0;}
		p{font-size:16px;}
		a{font-size:16px; color:#000;}
	}
}

.parts-page{padding:10px 0; width:100%;
	h2{font-size:40px; text-transform:uppercase; color:#000; padding-bottom:20px;}
	p{font-size:16px; line-height:22px;}
	a{margin-top:40px; }
	ul{margin-left:20px;
		li{list-style:disc; line-height:24px; 
			a{font-weight:600;font-size:16px; color:#000; transition:.3s ease;
				&:hover{color:#ed2328;}
			}
		}
	}

}
.pumps h3{font-size:28px; text-transform:uppercase; text-align:center; padding-bottom:15px;}
.pumps p{text-align:center; font-size:18px; font-weight:500;}

.codes{text-align:center;}
.codes .halfs span h2{font-size:24px; text-align:center; padding:20px 0;}
.codes .halfs span a{font-weight:600; padding-bottom:15px; text-decoration: underline; text-align:center;}
.third{width:100%; display:flex; flex-direction:row;}
.third section{width:33%; padding:30px; box-sizing:border-box; text-align:center;}
.third section h3{font-size:18px; padding-bottom:10px;}
.third section img{max-width:120px; margin:0 auto;}
.output h3{font-size:22px; padding-bottom:10px;}
.output p{font-size:16px; padding-bottom:15px;}
.output img{max-width:350px; width:100%;}
/*--------FORM STYLES--------------------*/

.flex-form{width:100%;text-align: left;margin: 0 auto;flex-direction: row;justify-content: flex-start;align-items: flex-start;font-size: 15px;}
#formpage input, select {padding:14px;border: 1px solid #ccc;color: #888!important;font-size: 14px;}
.flex-row{display:flex;flex-direction:row;width:100%;}
#formpage {width:100%;vertical-align: top;display:inline-block;text-align:left;padding: 30px 0px 20px 0;}
.form-half{width:calc(50% - 10px);display: inline-block;vertical-align: middle;margin:5px;}
.form-whole{width:calc(100% - 10px);display:block;vertical-align:middle;margin:5px;}
input[type="text"], input[type="email"], input[type="date"], select, input[type="phone"]{width:100%;box-sizing:border-box;}

select::placeholder{color:#fff!important;}
#formpage textarea {font-family:'Arial', sans-serif; font-size:14px; box-sizing:border-box;padding: 14px;border: 1px solid #ccc!important;color: #000;background: #fff;width: 100%;height: 100px;border-radius:2px;}
#formpage textarea:focus{border: 1px solid #ccc; border-radius:2px} 

#formpage input.submit-button, #formpage input.submit-button:focus, #submit-btn button{background:#E0181D; color:#ffffff;padding:12px 20px;text-decoration:none;transition:ease-in .3s;width: 170px;border:none;height:auto; font-size:16px; font-weight:600;}

#formpage input.submit-button:hover, #submit-btn button:hover{transition:ease-out .3s;}
.submit-button, #submit-btn{padding:10px 0px 10px 0px;position:relative;width:100%;}
.captcha-button{width:170px; }
.include-captcha{display:none;}
#formpage input.submit-button{color:#fff!important;}

.CaptchaImage{width:auto!important;}
.CaptchaPanel{text-align:left!important;}


/*-------- FOOTER STYLES ----------------*/
footer{width:100%; background:#000;}
.footer{max-width:1600px; width:100%; margin:0 auto; display:flex; flex-direction:row; padding:120px 10px 80px 10px; box-sizing:border-box;}
.foot-col{width:25%; padding:0 15px; box-sizing:border-box;
	& img{width:100%; max-width:190px;}
	& p.small{color:#fff; max-width:220px; padding:15px 0;}
}
p.header{font-size:22px; text-transform:uppercase; color:#fff; font-weight:600; border-bottom:solid 3px #E0181D; padding-bottom:3px; margin-bottom:20px;}

.link-row{width:100%; max-width:300px; display:flex; flex-direction:row; justify-content: space-between;}
.link-col ul li a{color:#fff; font-size:15px; line-height:30px;}
.icon-row{display:flex; flex-direction:row; justify-content: flex-start;
	& a i{color:#fff; font-size:18px; padding:10px 15px;}
}
.foot-col a{color:#fff; transition:.3s ease; font-size:15px; line-height:28px;}
.bottom-footer{width:100%; max-width:1600px; border-top:solid 1px #ccc; margin:0 auto; display:flex; padding-bottom:40px; flex-direction:row; justify-content: center;
	a{color:#ccc; font-size:16px; text-transform:uppercase; padding:20px 12px; box-sizing:border-box;}
}
.foot-col a:hover{color:#ef2328;}




/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .buy-now-link,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .check-availability-link,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .email-seller-link,
.body-wrapper>div:not(.detail-wrapper) .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button,
.body-wrapper>div:not(.detail-wrapper) button.page-nav {
    background: #E0181D!important;
    color: #fff !important;
}

.body-wrapper>div:not(.detail-wrapper) .view-listing-details-link,
.body-wrapper>div:not(.detail-wrapper) .contact-options a,
.body-wrapper>div:not(.detail-wrapper) .fin-calc-mobile>a,
.body-wrapper>div:not(.detail-wrapper) button.g-recaptcha.button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .apply-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .nuf-button,
.body-wrapper>div:not(.detail-wrapper) .list-error-container .info button,
.body-wrapper>div:not(.detail-wrapper) .mobile-done-button-container .mobile-done-button,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.gtm-buynow.des-buy-now,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.des-buy-now,
.body-wrapper>div:not(.detail-wrapper) button.selected-facet.ts-button,
.body-wrapper>div:not(.detail-wrapper) .detail-contact-bar .contact-bar-btn {
    background: #E0181D!important;
    color: #fff !important;
}

.body-wrapper>div:not(.detail-wrapper) .view-listing-details-link:hover,
.body-wrapper>div:not(.detail-wrapper) .contact-options a:hover,
.body-wrapper>div:not(.detail-wrapper) .fin-calc-mobile>a:hover,
.body-wrapper>div:not(.detail-wrapper) button.g-recaptcha.button:hover,
.body-wrapper>div:not(.detail-wrapper) .email-seller-link:hover,
.body-wrapper>div:not(.detail-wrapper) .mc-nav-controls .mc-icon-navarrow span,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.gtm-buynow.des-buy-now:hover,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.des-buy-now:hover,
.body-wrapper>div:not(.detail-wrapper) .detail-contact-bar .contact-bar-btn:hover {
    background: #000 !important;
    color: #fff !important;
    /*----Border----*/
}

.body-wrapper>div:not(.detail-wrapper) .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .back-button,
.body-wrapper>div:not(.detail-wrapper) .parts-listing-container .mobile-parts-detail-container .dealer-phone-container a {
    color: #000 !important;
    border: 1px solid #000 !important;
    /*-----------------------OTHER TEXT STYLES-----------------------*/
    /*----Page Title----*/
}

.body-wrapper>div:not(.detail-wrapper) .list-title .list-title-text,
.body-wrapper>div:not(.detail-wrapper) .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-title-text span,
.body-wrapper>div:not(.detail-wrapper) .title-media-buttons-heading h1 {
    color: #000 !important;
    line-height: 28px !important;
}

.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info .dealer-name,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .fin-calc,
.body-wrapper>div:not(.detail-wrapper) .list-listing-mobile .listing-dealer-info .spec-value,
.body-wrapper>div:not(.detail-wrapper) .fin-calc,
.body-wrapper>div:not(.detail-wrapper) .fin-calc p,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-error .info,
.body-wrapper>div:not(.detail-wrapper) .parts-bottom-section .parts-list-view .parts-list-content .error-message,
.body-wrapper>div:not(.detail-wrapper) .info,
.body-wrapper>div:not(.detail-wrapper) .list-title .list-listings-count,
.body-wrapper>div:not(.detail-wrapper) .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count,
.body-wrapper>div:not(.detail-wrapper) .list-top-section .listing-option-bar .list-listings-count,
.body-wrapper>div:not(.detail-wrapper) span.part-list-price.bold,
.body-wrapper>div:not(.detail-wrapper) .dealer-company-header,
.body-wrapper>div:not(.detail-wrapper) .dealer-info h3,
.body-wrapper>div:not(.detail-wrapper) .listing-description-text,
.body-wrapper>div:not(.detail-wrapper) .paging-container .list-page-number,
.body-wrapper>div:not(.detail-wrapper) .paging-container .page-number,
.body-wrapper>div:not(.detail-wrapper) .listing-main-stats .price,
.body-wrapper>div:not(.detail-wrapper) .list-container-flexrow .price-container .price,
.body-wrapper>div:not(.detail-wrapper) h2.listing-portion-title,
.body-wrapper>div:not(.detail-wrapper) .list-listing-mobile .price-container .price,
.body-wrapper>div:not(.detail-wrapper) .compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title,
.body-wrapper>div:not(.detail-wrapper) .compare-listings-container .compare-container .compare-price,
.body-wrapper>div:not(.detail-wrapper) .rent-title,
.body-wrapper>div:not(.detail-wrapper) .rent-title-details,
.body-wrapper>div:not(.detail-wrapper) span.list-title-text,
.body-wrapper>div:not(.detail-wrapper) a.search-results-link,
.body-wrapper>div:not(.detail-wrapper) h3.listing-portion-title {
    color: #000 !important;
}

.body-wrapper>div:not(.detail-wrapper) .mobile-option-bar .mobile-option-bar-filter,
.body-wrapper>div:not(.detail-wrapper) span.listing-prices__retail-price,
.body-wrapper>div:not(.detail-wrapper) span.parts-listings-count {
    color: #000 !important;
    /*-----------------------MEDIA QUERIES-----------------------*/
}


.mobile-footer{display:none;}



/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1700px) {
	.hero-over{bottom:12%;}
}
@media only screen and (max-width: 1500px) {
	.logo{width:200px;}
	nav.primary{width:calc(100% - 280px)!important;}
	.hero-text{padding:0 10px 40px 10px; box-sizing:border-box;}
	.cont-left{width:45%;}
	.cont-right{width:55%;}
	.pump-page{height:800px;}
	.cycle-slideshow{min-height:700px;}
}
@media only screen and (max-width: 1250px) {
	.logo{width:300px;}
	.hero-text h1{font-size:45px; line-height:45px;
	}
	.home-about{flex-direction:column;}
	.home-about-left{width:100%; padding:40px 0;}
	.grey-back{position:relative; top:0;}
	.white-back{position:relative; top:0; }
	.parts-sec{flex-direction:column-reverse;}
	.parts-left{width:100%;}
	.parts-right{width:100%; text-align:left;
		a{float:left;}
	}
	.service-cards{flex-direction:column;}
	.card{width:calc(100% - 20px);}
	.foot-col{width:50%; padding:20px;}
	.footer{flex-wrap:wrap;}
	.parts-page h2{font-size:32px; line-height:35px;}
	.contact-cards{flex-wrap:wrap;
		.cards{width:calc(50% - 20px);}
	}
	.halfs{flex-direction:column; padding:60px 0;
		span{width:100%;
			iframe{height:350px!important;}
		}
	}
	.pump-page{height:750px;}
}
@media only screen and (max-width: 1100px) {	
	.cont-left{display:none;}
	.cont-right{width:100%; padding:80px 0;}
	.pump-page{height:650px;}
}

@media only screen and (max-width: 1000px) {	
	.hero-text h1{font-size:45px; line-height:45px;
		span{font-size:26px; }
	}
	.home-about-right{width:100%; height:350px;
		img{height:100%; object-fit:cover;}
	}
	.flex-row{flex-direction:column;}
	.form-half{width:calc(100% - 10px);}
	.pump-page{height:550px;}
	.pump-header{font-size:32px;}
}
@media only screen and (max-width: 800px) {	
	.top-wrapper{display:none;}
	header{flex-wrap:wrap;}
	.logo{width:100%;}
	#menu-button{width:calc(100% - 250px)!important;}
	.hero-text h1{font-size:35px; line-height:35px;
		span{font-size:24px; }
	}
	.halfs span{padding:20px;}
	.halfs span h2{font-size:30px; line-height:32px;}
	.hero-desktop{display:none;}
	.hero-mobile{display:block;}
	.hero-search{background:#000;}
	.search-row{flex-direction:column;}
	.formfield{width:calc(100% - 10px);}
	.search-row button{width:100%; margin:0; color:#fff;}
	.home-about-right{height:250px;}
	.about-bar{flex-direction:column; border:none; padding:0; background:transparent; justify-content: flex-start; text-align:left;
		.large{text-align:left;}
	}
	.pump-page{height:450px;}
	.about-icon{padding:10px 0;}
	.home-about-left h2{font-size:34px;
		span{font-size:18px;}
	}
	.card-text{padding:30px;width:60%;}
	.card img{width:40%;}
	.parts-left{padding-top:30px;}
	.parts-left a{width:calc(50% - 12px); margin:6px;}
	.quote{flex-direction:column; justify-content: center; }
	.bottom-footer{flex-wrap:wrap;}
	.page-top{padding:100px 10px;}
	.contact-cards{flex-wrap:wrap;
		.cards{width:calc(100% - 20px); padding:30px;}
	}
	.home-about{padding:0;}
	.parts-sec{padding:30px 0;}
	.hover-text{width:160px; opacity:1; position:relative; padding:5px; }
	.hover-text h3{font-size:12px; font-weight:400; text-align:center;}
	.cycle-slideshow{min-height:500px;}
	#video iframe{height:500px!important;}
}
@media only screen and (max-width: 650px) {	
	.card{flex-direction:column;}
	.card img{width:100%;}
	.card-text{width:100%;}
	.parts-left a{width:calc(100% - 12px); font-size:17px; height:60px;}
	.cont-right {text-align:left;
		a{float:left;}
	}
	.hours-row{flex-wrap:wrap;
		span{width:50%; border-right:0; text-align:left;
			span{padding:0;}
		}
	}
	.third{flex-direction:column;}
	.third section{width:100%;}
	.pump-header{font-size:28px;}
	.pump-page{height:380px;}
	.cycle-slideshow{min-height:500px;}
	.quote-text{text-align:center;}
	.quote{text-align:center;
		a{margin:0 auto;}
	}
	.desktop-footer{display:none;}
	.mobile-footer{display:block; margin:0 auto;}
	.foot-col{width:100%; text-align:center;}
	.foot-col p{margin:0 auto; width:auto!important; font-size:20px;}
	.foot-col p i{padding-left:10px;}
	.icon-row{justify-content: center;}
	.cont-right h2, .quote-text h2, .services h2, .parts-right h2{font-size:30px;}
	.parts-page h2{font-size:30px; line-height:33px;}
	.page-top h1{font-size:45px;}
	.hero-text h1{font-size:30px; line-height:33px;}
	.hero-text h1 span{ font-size:20px;}
	.mobile-footer{width:100%;}
	.footer{padding:60px 10px 40px 10px;}
}
@media only screen and (max-width: 500px) {
	.pump-page{height:340px; overflow:hidden;}
.main{width:42%;}
.drive{width:18%;}
.rear-shaft{width:26%;}
.Aux{ width:12%;}
.shaft{width:33%;}
.side{width:14%;}
.regulator{width:30%;}
.module{width:30%;}
	.pump-header{font-size:24px;}
	.hover-text{width:120px; left:-10px;}
	.hero-over{bottom:7%;}
	.next, .prev{width:45px; height:45px;}
	#menu-button{width:100% !important;}
	.kaw{width:100%; max-width:300px; margin:0 auto;}
	
}
@media only screen and (max-width: 380px) {
	.parts-page h2{font-size:28px; line-height:30px;}
	.page-top h1{font-size:40px; line-height:42px;}
	.pump-header{font-size:20px;}
	.pump-page{height:300px;}
	.hero-text p{font-size:16px;}
	.hero-text u li{font-size:16px;}
}





