/***** BEGIN RESET *****/
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Arimo:wght@400;500;600;700&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 --------*/

.show{position:relative; opacity:0; transition:2s all ease}
.show.active{ opacity:1;}

.showSecond{position:relative; transform: translateX(-150px); opacity:0; transition:1s all ease}
.showSecond.active{transform: translateX(0); opacity:1;}

.showThird{position:relative; transition:1s all ease}
.showThird.active{animation:1s ease-out 0s 1 Open;}

@keyframes Open{
	0%{
		transform: ScaleY(-0%);
	}
		100%{
			transform: ScaleY(100%);
		}
	}

.hero-left h1, .hero-right a p, .page-top h1{animation:1s ease-out 0s 1 Open;}


body { font-family: 'arimo', sans-serif;

}
h1, h2, h3, h4, h5{font-family: 'Anton', sans-serif; letter-spacing:2px;}
a{text-decoration:none;}
a.red-btn{width:140px; padding:10px; color:#fff; display:block; text-align:center; margin-top:50px; background-color:#EA0615; transition:.3s ease;}
a.red-btn:hover{background-color:#004ba3;}

/*--- HEADER STYLES ---------------------*/
header{width:90%; margin:0 auto; display:flex; flex-direction:row; justify-content:space-between; padding-bottom:15px;}
.logo{max-width:280px; padding-top:20px; width:20%;}
.logo img{width:100%;}
.right-header{width:20%; text-align:right;}
nav.primary{width:60%;}
.right-header a{padding:15px 5px 5px 5px; background-color:#EA0615; margin: 0 2px; transition:.3s ease;}
.right-header a i{color:#fff; padding:15px 5px 5px 5px;}
.right-header a:hover{background-color:#004ba3;}
.header-mobile{display:none;}
/*---BODY--------------------------------*/
/*----------HERO----------------*/
.hero{width:100%; margin:0 auto; display:flex; flex-direction:row; height:540px;}
.hero-left{width:60%; margin-top:2px; background:#000; margin-right:2px; height:100%; position:relative;}
.hero-left img{width:100%; object-fit:cover; box-sizing:border-box; Height:100%; }
.hero-left h1{position:absolute; bottom:8%; left:5%; color:#fff; font-size:40px; letter-spacing:2px; text-transform:uppercase;}
.hero-right{width:40%; display:flex; flex-direction:row; height:100%;}
.hero-right a{width:50%; box-sizing:border-box; margin:2px; height:100%; position:relative; background-color:#004ba3;}
.hero-right a img{width:100%; object-fit:cover; height:100%; filter:brightness(40%); transition:.3s ease;}
.hero-right a p{position:absolute; font-size:40px; font-family:'anton', sans-serif; color:#fff; bottom:6%; left:5%; line-height:38px; text-transform:uppercase;}
.hero-link{height:100%; transition:.3s ease;}
.hero-link:hover img{opacity:.5;filter:brightness(100%);}
.hero-right a p i{padding-left:30px; transition:.3s ease;}
.hero-link:hover i{padding-left:50px;}

.equipment{width:90%; margin:0 auto; padding:70px 0;}
.equipment h2{font-size:30px; letter-spacing:2px; padding-bottom:10px; }
.equipment p{width:50%;}
.width{width:100%;}
.brandslider{display:flex; flex-direction:row; flex-wrap:wrap;width:100%;margin:0 auto; justify-content: center;}
.brands{display:block!important; width:88%; margin: 0 auto;}
.brands-slide{display:flex; flex-direction:row; width:90%;  padding:20px 0; }
.brandslider a{width:25%;}
.inv-brandslider a{max-width:270px;}
.brandbar{background:transparent;margin: 0 auto;text-align: center;padding:10px 0px;width: 100%;top:0;left: 0;right:0;display:block!important;}
.manu-slider img{width:100%; box-sizing:border-box; background-color:#fff; margin: 10px auto; position:relative; filter:brightness(40%); transition:.3s ease; }
.manu-slider p{text-transform:uppercase; z-index:300; position:absolute; color:#fff; font-size:35px; bottom:10%; left:10%; font-family: 'Anton', sans-serif;}
.manu-slider{position:relative; background-color:#EA0615;width:99.5%;}
.slick-prev {width:60px; display:block; color:#000; background-color:#fff; text-align:center; padding:15px 0; border-bottom-left-radius:10px;border-top-left-radius:10px;box-shadow:3px 3px 5px rgba(0,0,0,.6); cursor:pointer; transition:.3s ease-in-out;}


.manu-slider:hover img{opacity:.4; filter:brightness(100%);}

.slick-next {width:40px; display:block; color:#000; background-color:#fff; text-align:center; padding:15px 0; margin-left:10px;border-bottom-right-radius:10px;border-top-right-radius:10px;box-shadow:3px 3px 5px rgba(0,0,0,.4); cursor:pointer; transition:.3s ease-in-out;}
.slick-prev {width:40px; display:block; color:#000; background-color:#fff; text-align:center; padding:15px 0; margin-left:10px;box-shadow:3px 3px 5px rgba(0,0,0,.4); cursor:pointer; transition:.3s ease-in-out;}

.slick-prev:hover, .slick-next:hover{box-shadow:inset 3px 3px 5px rgba(0,0,0,.4);}
.slick-prev:before{font-family:"Font Awesome 5 Free"!important; content: "\f053"!important; color:#000!important; font-size:16px!important; font-weight:600;}
.slick-next:before{font-family:"Font Awesome 5 Free"!important; content: "\f054"!important; color:#000!important; font-size:16px!important; font-weight:600;}


.home-top-back{width:100%; padding:600px 0; background: url("/siteart/blue-square.png") no-repeat left ; background-size:contain; position:relative;}
.home-top{display:flex; flex-direction:row;width:90%; margin:0 auto; position:absolute; left:0px; right:0px; bottom:30%;}
.home-top img{width:40%; }
.home-text-right{width:60%; box-sizing:border-box; padding:4% 0 0 8%;}
.home-text-right p{line-height:26px; font-size:16px; width:90%;}
.home-text-right h3{font-size:30px; padding-bottom:15px;}

.home-bottom, .home-bottom2{display:flex; flex-direction:row; justify-content:space-around; width:90%; margin:0 auto; position:absolute; left:0px; right:0px; bottom:20%;}
.home-bottom-back{width:100%; margin-top:-600px; padding:600px 0; background: url("/siteart/blue-right.png") no-repeat right ; background-size:contain; position:relative;}
.home-bottom img{width:29%; }
.home-text-left{width:60%; box-sizing:border-box; padding:14% 0 0 8%;}
.home-text-left p{line-height:26px; font-size:16px; width:90%;}
.home-text-left h3{font-size:30px; padding-bottom:15px;}


.about-row{width:100%; background: url("/siteart/back.jpg") no-repeat center; background-color:#000; padding:60px 0 80px 0;}
.about-row-wrapper{width:90%; margin:0 auto; display:flex; flex-direction:row;}
.column{width:25%;}
.column img{width:40px;}
.column p.bold{font-size:25px; font-family:'anton', sans-serif; letter-spacing:2px; color:#fff; padding:10px 0;}
.column p{font-size:15px; color:#fff; width:80%;}


/*-------Pages-----------*/
.page-top{background: url("/siteart/contact.jpg") no-repeat center; padding:150px 0; background-color:#000;}
.page-top h1{font-size:40px; text-align:center; color:#fff; text-transform:uppercase;}

.home-text-right ul li a span{font-size:18px; font-weight:800;}
.home-text-right ul li{padding:5px 0;}
.home-text-right ul li a{color:#000; transition:.3s ease;}
.home-text-right ul li a:hover{color:#EA0615;}
.home-bottom2 {max-height:630px; }






/*--------FORM STYLES--------------------*/
.form-width{width:100%; margin: 0 auto; padding: 0;}
.flex-form{width:100%;text-align: left;margin: 0 auto;flex-direction: row;justify-content: flex-start;align-items: flex-start;font-size: 15px;}
.form-background{width:100%;margin: 0 auto;}
#formpage input, select {padding:14px 7px;border: 1px solid #ccc;color: #777!important;font-size: 14px;margin-top: 5px;}
.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:50%;display: inline-block;vertical-align: middle;margin:0 5px;}
.form-whole{width:100%;display:block;vertical-align:middle;margin: 0 5px;}
.row-input{display:flex; flex-direction:row;}
input[type="text"], input[type="email"], input[type="date"], select, input[type="phone"]{width:100%;box-sizing:border-box;}

input[type="button"],
input[type="submit"] {
	-webkit-appearance: none;
}
#formpage textarea {box-sizing:border-box;padding: 6px 5px;border: 1px solid #ccc!important;color: #000;font-size: 16px;background: #fff;width: 100%;height: 100px;border-radius:2px;margin-top:10px;}
#formpage textarea:focus{border: 1px solid #ccc; border-radius:2px} 

#formpage input.submit-button, #formpage input.submit-button:focus, #submit-btn button{background:#EA0615; color:#ffffff;padding:10px 20px;text-decoration:none;transition:ease-in .3s;width: 140px;border:none;height:auto; text-transform:uppercase; font-size:16px; font-weight:600; margin: 0 auto;}
#formpage input.submit-button:hover, #submit-btn button:hover{background-color:#004ba3; transition:ease-out .3s;}
.submit-button, #submit-btn{padding:10px 0px 10px 0px;position:relative;width:100%;text-align:center;}
.captcha-button{width:140px; margin:0 auto;}
.include-captcha{display:none;}
#formpage input.submit-button{color:#fff!important;}


/*-------- FOOTER STYLES ----------------*/

footer{padding:60px 0; width:90%; margin:0 auto; display:flex; flex-direction:row;}
.footer-logo{width:20%; max-width:280px;}
.footer-logo img{width:100%;}
.footer-links{width:60%; text-align:center; padding:20px 0;}
.footer-right{width:20%; text-align:right;}
.footer-links a{padding:0 10px; color:#000; font-family:'anton', sans-serif; transition: .3s ease;}
.footer-right a{padding:10px; background-color:#EA0615; color:#fff; margin:0 2px; transition:.3s ease;}
.footer-logo p{padding-top:20px;}
.footer-logo a{color:#000; transition:.3s ease;}
.footer-logo a:hover, .footer-links a:hover{color:#EA0615;}
.footer-right a:hover{background-color:#004ba3;}
/*----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: #EA0615 !important;
    color: #000 !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: #EA0615 !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: #004ba3 !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-----------------------*/
}






/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1650px) {
	.home-top-back, .home-bottom-back, .home-bottom-back2{padding:500px 0;}
	.home-bottom2{bottom:15%; max-height:580px;}
	.home-bottom2 img.show{width:600px; height:430px;}
	
}

@media only screen and (max-width: 1350px) {
	.hero{height:420px;}
	.hero-right a p, .hero-left h1{font-size:30px; line-height:29px;}
	.home-top-back, .home-bottom-back, .home-bottom-back2{padding:450px 0;}
	.home-bottom-back, .home-bottom-back2{margin-top:-400px;}
	.home-top, .home-bottom, .home-bottom2{width:98%;}
	.home-text-left{padding:14% 0 0 4%;}
	.column p.bold{font-size:23px;}
	.about-row-wrapper{width:95%;}
}
@media only screen and (max-width: 1200px) {	
	nav.primary{width:66%;}
	.right-header{width:14%;}
	nav.primary ul li a{font-size:14px!important; padding:10px!important;}
	.equipment p{width:80%;}
	.home-top{flex-direction:column;}
	.home-bottom, .home-bottom2{flex-direction:column-reverse;}
	.home-top{bottom:-20%;}
	.home-top img{width:600px;}
	.home-text-right{width:100%; padding:16% 0 0 8%;}
	.home-bottom, .home-bottom2{bottom:-10%;}
	.home-bottom-back{margin-top:100px;}
	.home-bottom2 img.show{width:800px; height:500px; margin-left:190px;}
	.home-bottom img{width:350px; margin-left:50%;}
	.home-text-left{width:90%; padding: 10% 0 0 4%;}
	.about-row{margin-top:150px;}
	.about-row-wrapper{justify-content:center; flex-wrap:wrap;}
	.column{width:300px; padding-top:15px;}
	#form{margin-top:300px;}
	#thankyou{margin-top:250px;}
}

@media only screen and (max-width: 1000px) {	
	.right-header{display:none;}
	.header-mobile{display:block;}
	header{flex-direction:column-reverse; width:100%;}
	.logo{width:100%; margin:0 auto;}
	.mobile{display:flex; flex-direction:row; width:100%;}
	.header-mobile{width:66.6%; background-color:#EA0615; display:flex; flex-direction:row; justify-content: space-around;}
	.header-mobile a i{color:#fff; font-size:20px; padding:16px 0;}
	.hero{flex-direction:column; height:auto;}
	.hero-left{width:100%;}
	.hero-right{width:100%; flex-direction:column;}
	.hero-right a{width:100%; height:200px; margin: 0 0 4px 0;}
	.hero-right a p{font-size:40px; line-height:39px;}
	.hero-left img{margin:0; padding-right:0;}
	footer{flex-direction:column;}
	.footer-logo{width:100%; margin:0 auto;}
	.footer-links{width:100%; display:flex; flex-direction:column; line-height:30px;}
	.footer-right{width:100%; text-align:center; padding-top:20px;}
	.home-bottom2 img.show{width:700px; height:450px; margin-left:100px;}
}

@media only screen and (max-width: 830px) {
	.home-top{bottom:-30%;}
	.home-text-right{padding:20% 0 0 5%;}
	.home-bottom-back{margin-top:200px;}
	.about-row{margin-top:240px;}
	.home-text-left{padding:20% 0 0 4%;}
	.home-bottom{bottom: -18%;}
	.home-bottom img{margin-left:40%;}
	.home-bottom2 img.show{width:600px; height:400px; margin-left:70px;}
	#thankyou{margin-top:300px;}
}


@media only screen and (max-width: 680px) {
	.equipment{padding:70px 0 100px 0;}
	.home-top img{width:500px;}
	.home-top-back{padding:350px 0;}
	.home-top{bottom: -45%;}
	.home-bottom-back {margin-top:250px; padding:350px 0;}
	.home-bottom{bottom:-45%;}
	.about-row{margin-top:400px;}
	.home-bottom img{margin:0 auto;}
	.home-text-left p{width:100%;}
	.home-top img{width:430px;}
	.home-text-right h3, .home-text-left h3{font-size:26px; line-height:26px;}
	.about-row-wrapper{flex-direction:column;justify-content: flex-start; width:90%;}
	.column{width:auto;}
	.equipment h2{font-size:28px; line-height:28px;}
	.hero-right a p{font-size:33px; line-height:33px;}
	.hero-right a{height:150px;}
	.hero-left{height:220px; margin-bottom:4px;}
	.home-bottom2 img.show{width:500px; height:350px; margin:0 auto;}
	.home-bottom2{bottom:-30%;}
	#form{margin-top:400px;}
	.flex-row{flex-direction:column;}
	.form-half{width:100%;}
	.page-top h1{font-size:35px;}
	#thankyou-top{bottom:-30%;}
}

@media only screen and (max-width: 530px) {
	.home-bottom2 img.show{width:400px; height:auto;}
	.home-bottom2{bottom:-40%;}
	#form{margin-top:500px;}
	.home-bottom2{max-height:auto;}
}

@media only screen and (max-width: 430px) {
	.home-top{bottom:-50%;}
	.home-top img{width:380px;}
	.home-bottom img{width:300px;}
	.logo, .footer-logo img{width:240px; display:block; margin:0 auto;}
	.home-text-left p, .home-text-right p{font-size:15px; line-height:22px;}
	.hero-right a{height:120px;}
	.equipment p{width:100%;}
	.home-bottom2 img.show{max-width:330px;}
	#contact-top{bottom:-30%;}
	#thankyou{margin-top:400px;}
}
@media only screen and (max-width: 330px) {
	.home-top{bottom:-40%;}
	.home-top img{width:280px;}
	.home-bottom img{width:250px;}
	.home-bottom2 img.show{max-width:280px;}
	#contact-top{bottom:-20%;}
}