/***** 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;
}

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 {

}

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


hr{border:#000 1px solid;}

/*--- HEADER STYLES ---------------------*/
.mobileheaderinfo{
	display: none;
}
.heromobileimage{
	display: none;
}
.header {
    display: flex;
    background: #1f1f1f;
    align-items: center;
    padding: 10px 0px 10px 30px;
	border-bottom: 8px solid #d10000;
}
.headerleft {
    width: 30%;
}
.headerright {
    width: 70%;
}
.headertop {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.smredblock {
    clip-path: polygon(22% 0, 100% 0%, 100% 100%, 0% 100%);
    width: 8%;
    height: 40px;
    background: #d10000;
}
.headerinfosect {
    display: flex;
    justify-content: flex-end;
    width: 92%;
    background: #d10000;
    clip-path: polygon(0% 0, 100% 0%, 98% 100%, 0% 100%);
    height: 40px;
    padding: 0px 50px;
    box-sizing: border-box;
    align-items: center;
	font-family: "Barlow Condensed", sans-serif;
	color: #fff;
}
.headerinfo{
	padding: 0px 24px;
	transition-duration: 0.2s;
}
.headerinfo:hover{
	font-weight: 500;
}
.headerinfo i {
	padding: 0px 15px;

}
.headerinfo a {
    color: #fff;
}
.navsect {
    padding-right: 12%;
	margin-top: 10px;
}
.heroslides{
	height: 750px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.herotextsect {
    margin-right: 50px;
    width: 720px;
}
.herotext{
font-family: "Onest", sans-serif;
font-size: 72px;
text-transform: uppercase;
font-weight: 900;
line-height: 65px;
}
.herotext strong{
font-family: "Onest", sans-serif;
font-size: 72px;
text-transform: uppercase;
font-weight: 300;
color: #d10000;
}
.justifyleft{
	justify-content: flex-start!important;
}
.ltherotextsect{
	margin-left: 50px;
}
.heropara {
    font-family: "Onest";
    line-height: 28px;
    font-size: 20px;
    margin: 20px 0px;
}
.white{color: #fff;}
.redbtn {
    display: block;
    background: #d10000;
    color: #fff;
    padding: 12px;
    font-family: 'Onest';
    width: 260px;
	transition-duration: 0.5s;
}
.redbtn:hover {
 background: #000;
}
.blkbtn {
    display: block;
    background: #000;
    color: #fff;
    padding: 12px;
    font-family: 'Onest';
    width: 260px;
	transition-duration: 0.5s;
}
.blkbtn:hover {
    background: #2b2b2b;
}
.submit {
    display: block;
    background: #000;
    color: #fff;
    padding: 8px 12px;
    font-family: 'Onest';
    width: 210px;
	cursor: pointer;
	border: none!important;
}
.hp-cta-sect {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #1f1f1f;
    padding: 60px 45px;
    box-sizing: border-box;
	    border-bottom: solid 12px #c80000;
    border-top: solid 12px #c80000;
}
.hp-cta-right{
width: 34%;
	margin: 0px 50px;
	box-sizing: border-box;	
}
.hp-cta-left{
	    width:40%;
    display: flex;
    justify-content: flex-end;
	background: url("/siteart/lely-center.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	height: 445px;
	background-position: center;
}
.hp-cta-btn {
    width: 20%;
    margin: 0px 50px;
}
.hp-cta-img img {
    width: 100%;
}
.hp-cta-btm-sect{
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.redplussect {
    clip-path: polygon(100% 0, 100% 0%, 100% 100%, 0% 100%);
    background: #d10000;
    display: flex;
    justify-content: center;
    width: 50px;
    padding: 0px 0px 5px 14px;
    color: #fff;
    height: 50px;
    align-items: flex-end;
	font-size: 20px;
}
.hp-cta-text {
    padding: 20px;
}
.smheadertext {
    font-family: 'Onest';
    font-weight: 900;
    font-size: 22px;
	line-height: 16px;
	text-transform: uppercase;
}
.medheadertext {
    font-family: 'Onest';
    font-weight: 900;
    font-size: 28px;
	line-height: 32px;
	text-transform: uppercase;
}
.headertext {
    font-family: 'Onest';
    font-weight: 900;
    font-size: 36px;
	line-height: 36px;
	text-transform: uppercase;
}
.headertext strong {
    font-family: 'Onest';
    font-weight: 900;
    font-size: 50px;
	width: 100%;
	display: block;
}
.subhead {
    font-family: 'Barlow Condensed';
    font-size: 22px;
    font-weight: 300;
	text-transform: uppercase;
}
.paratext {
    font-family: 'Onest';
    font-weight: 300;
    line-height: 25px;
    font-size: 15px;
	margin: 10px 0px;
}
.underlinetextlink {
    font-size: 15px;
    font-weight: 400;
    font-family: 'Onest';
    text-decoration: underline;
    color: #d10000;
    border-bottom: 2px solid;
    padding-bottom: 1px;
	transition-duration: 0.2s;
}
.underlinetextlink:hover {
    border-bottom: 3px solid;  
	padding-bottom: 3px;
}
.hp-about-sect{
	display: flex;
	align-items: center;
	margin: 100px 0px;
}
.hp-about-left{
	width: 55%;
}
.hp-about-right{
	width: 45%;
	padding: 0px 50px;
}
.hp-about-left .headertext{
	padding: 0px 50px;
}
.hp-mission {
    background: url(/siteart/mission-statement-bkgd.png);
	background-color: #000;
    width: 70%;
    padding: 24px 50px;
    background-position: right;
	background-repeat: no-repeat;
    margin: 24px 0px;
}
.hp-mission p{
    width: 80%;
}
.hp-service-sect{
	display: flex;
	align-items: center;
}
.hp-service-right img{
width: 70%;
}
.hp-service-right {
    width: 60%;
    display: flex;
    justify-content: flex-end;
	background: url("/siteart/service-img.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	height: 550px;
	background-position: center;
}
.hp-service-left{
	width: 35%;
	margin: 0px 50px;
	box-sizing: border-box;
}
.pageheadersect {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 3%;
}
.pageheader {
    font-family: 'Onest';
    font-size: 45px;
    font-weight: 900;
    padding: 15px 0px;
	width: 100%;
	text-transform: uppercase;
}
.titleblock {
    width: 100%;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
}
.redtitleblock {
    height: 40px;
    width: 90%;
    background: #d10000;
    clip-path: polygon(0% 0, 100% 0%, 98% 100%, 0% 100%);
}
.smredtitleblock {
    height: 40px;
    width: 10%;
    background: #d10000;
    clip-path: polygon(18% 0, 100% 0%, 100% 100%, 0% 100%);
}
.pagepadding{
	padding: 20px 3%;
}
.twothirdwidth{
	width: 85%;
}
.red{
	color: #d10000!important;
}
/*---BODY--------------------------------*/
.teamheader {
    width: 50%;
    border-top: solid #000 1px;
    border-bottom: solid #000 1px;
    padding: 15px 30px;
}
.employeebox {
    display: flex;
    align-items: center;
    margin: 30px 10% 30px 0px;
    width: 40%;
}
.employeeimage{
	margin-right: 20px;
}
.employeename{
	font-weight: 700;
	width: 100%;
    margin: 0px;
	font-size: 16px;
	line-height: 25px;
	font-family: "Onest"
}
.employeetext {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	align-content: center;
}
.employeesect{
	display: flex;
	flex-wrap: wrap;
}
.blkunderline {
    width: 100%;
    background: #000;
    height: 1px;
    margin: 5px 0px 10px 0px;
}
.contactlink {
    width: 100%;
    color: #000;
    margin: 4px 0px;
	font-family: 'Onest';
}
.flex-box{
	display: flex;
	flex-wrap: wrap;
}
.newssect{
	width: 75%;
}
.eventsect{
	width: 25%;
	padding: 0px 40px;
	box-sizing: border-box;
	border-left: 1px solid #000;
	height: 500px;
}
.eventheader{
	background: #000;
	padding: 8px 20px;
}
.mapbox {
    width: 48%;
    padding: 30px 25px 30px 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.brandsect {
    width: 18%;
    margin: 1%;
    display: flex
;
    justify-content: center;
    flex-wrap: wrap;
}
.brandsect img {
    width: 100%;
    max-width: 250px;
	transition-duration: 0.5s;
	margin-top: 5px;
}
.brandsect img:hover {
	margin-top: 0px;
	margin-bottom: 5px;
}

.brandsect h2 {
    font-family: 'Barlow Condensed';
    width: 100%;
    display: block;
    color: #fff;
    background: #1f1f1f;
    text-align: center;
    padding: 5px 20px;
    box-sizing: border-box;
	transition-duration: 0.5s;
	font-size: 20px;
}
.brandsect h2:hover{
    background: #c80000; 
}
.contactteamsect {
    width: 25%;
    padding: 15px 5px 30px 5px;
    box-sizing: border-box;
}
.contactteamsect h3 {
    font-family: 'Barlow Condensed';
    font-size: 22px;
    margin-bottom: 5px;
    text-decoration: underline;
    text-decoration-color: #c80000;
}
.contactteamsect p {
    font-family: 'Onest';
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 8px;
	color: #c80000;
}
.contactteamsect a {
    width: 100%;
    display: block;
    color: #000;
    font-family: 'Onest';
    margin-bottom: 1px;
    font-weight: 300;
	transition-duration: 0.3s;
}
.contactteamsect a:hover {
 
    font-weight: 600;
}
.cpageform{
	margin-top: 30px;
}
/*--------FORM STYLES--------------------*/
.halfformfields {
    width: 49.8%;
    padding: 0px 10px;
    font-family: 'Onest';
    margin: 5px 0px;
    box-sizing: border-box;
	height: 40px;
}
.fullformfields {
    width: 100%;
    padding: 0px 10px;
    box-sizing: border-box;
    margin: 5px 0px;
	height: 40px;
}
.message {
    width: 100%;
    padding: 10px 10px;
    box-sizing: border-box;
    margin: 5px 0px;
	height: 120px;
	font-family: 'Onest';
}
.CaptchaMessagePanel{
	font-family: 'Onest'!important;
	font-size: 14px;
		
}
.CaptchaWhatsThisPanel a{
	font-family: 'Onest'!important;
	font-size: 14px;
	color: #000;
}
.center {
    display: flex;
    justify-content: center;
}
/*-------- FOOTER STYLES ----------------*/
.topfooter {
    display: flex;
    align-items: center;
    background: #d10000;
    padding: 15px 50px;
    justify-content: space-between;
	margin: 80px 0px 20px 0px;
}
.topfootmiddle {
    display: flex;
    align-items: center;
}

.topfooterlink:hover {
left: 1px;	
}

.topfooterlink {
	position: relative;
    margin: 15px;
    background: #000;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 25px;
    font-size: 20px;
	transition-duration: 0.3s;
}

.topfootright {
    display: flex;
    align-items: center;
}
.bottomfooter {
    display: flex;
    background: #1f1f1f;
    justify-content: space-between;
    align-items: flex-start;
    padding: 50px;
}
.footerheader {
    font-family: 'Barlow Condensed';
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
	padding-bottom: 10px;
}
.footerlink {
    font-family: 'Onest';
    font-size: 15px;
    font-weight: 100;
    color: #fff;
    width: 100%;
    display: block;
    padding-bottom: 6px;
	transition-duration: 0.5s;
}
.footerlink:hover {
    color: #b4b4b4;
}
.footerlogo{
	width: 275px;
	margin-top: 20px;
}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.inventorypadding{
	padding: 2% 0% 4% 0%;
	font-family: 'Barlow Condensed'!important;
}
.list-top-section .list-listings-count{
color: #d10000!important;	
}

.list-content .media-buttons .print-this, .list-content .media-buttons .email-this{
    background-color: #1f1f1f!important;
    color: #fff!important;
    cursor: pointer;
    font-size: 14px!important;
    font-weight: bold;	
	border: 0px solid #ffffff!important;
    border-radius: 0px!important;
}
h1.list-title{
font-family: 'Onest'!important;
}
.mobile-option-bar .mobile-option-bar-filter{
	color: #000!important;
}
.faceted-search-content .mobile-done-button-container .mobile-done-button{
	background: #000!important;
	border-radius: 0px!important;
}
.list-content .price-container .price{
    color: #d10000!important;	
}
.view-listing-details-link{
   background-color: #d10000!important;	
   border-radius: 0px!important;
}
.list-content .list-container .buy-btn, .list-content .list-container .contact-btn, .list-content .list-container .check-availability, .list-content .list-container .email-seller, .list-content .list-container .video-chat, .list-content .list-container .facebook-messenger, .list-content .list-container .whatsapp, .list-content .list-container .text, .list-content .list-container .request-a-quote-btn{
	background: #000!important;
	border-radius: 0px!important;
}
.faceted-search-content .selected-facets-container .selected-facet{
    background: #000000!important;
	border-radius: 0px!important;
}
.list-content .list-error-container .info button:not(.login-button){
	    background-color: #d10000!important;
		border-radius: 0px!important;

}
/*---------- RESPONSIVE STYLES ----------*/




@media only screen and (max-width: 1610px) {
.hp-cta-btn {
    width: 24%;
    margin: 0px 30px;
}
.mapbox {
	width: 45%;}
.hp-cta-right {
	width: 48%;
}
.hp-cta-left {
	width: 45%;}	
}

@media only screen and (max-width: 1420px) {
.brandsect {
	width: 31%;}
	.hp-cta-right {
	width: 40%;
}
	.contactteamsect
 {
	 width: 33%;}
.hp-cta-left {
	width: 58%;}
}
@media only screen and (max-width: 1380px) {
.hp-cta-btn {
    width: 28%;
    margin: 0px 30px;
}
.halfformfields {
	width: 49.7%;
}
.herotextsect {
    margin-right: 50px;
    width: 615px;
}
	.herotext strong{
	font-size: 68px;
	}
	.herotext{font-size: 62px;}
	.heroslides {height: 630px;}
	.herotextsect {margin-right: 5px;width: 610px;}
}

@media only screen and (max-width: 1250px) {
.topfooterlink { margin: 5px;}	
.eventsect {width: 40%;}	
.newssect {width: 60%;}
.hp-cta-left{ height: 300px; width: 55%;}

.hp-cta-right {
        width: 40%;
        margin: 0px 15px;
    }
}
@media only screen and (max-width: 1150px) {
.hp-cta-btn {
    width: 32%;
    margin: 0px 10px;
}
.ltherotextsect {
    margin: 0px;
}
.smheadertext{
line-height: 20px;	
}
.topfooter{
padding: 15px 12px;	
}
.headerinfo {
    padding: 0px 15px;
}
.teamheader{width: 100%; box-sizing: border-box;} 
.heroslides{background: transparent!important;}
.slick-initialized .slick-slide{ flex-wrap: wrap; height: auto;}
.heromobileimage {
    display: block;
    width: 100%;
    height: 480px;
}
    .herotextsect {
        margin-right: 5px;
        width: 100%;
        background: #fff;
        padding: 75px 35px;
    }
    .herotextsect .white {
 	color: #000;   
    }

}
@media only screen and (max-width: 1023px) {
.hp-cta-sect{
flex-wrap: wrap;		
}	
	.brandsect {
	width: 48%;}
.hp-cta-btn {
    width: 100%;
    margin: 10px;
    display: flex;
    align-items: flex-end;
}	
.hp-cta-img{
width: 30%;	
}
.hp-cta-btm-sect{
width: 70%;	
align-items: flex-end;
}
.hp-cta-text {
    padding: 90px 20px;
    width: 80%;
}
.hp-about-sect{flex-wrap: wrap;}
.hp-about-left { width: 100%;}
.hp-about-right { width: 100%; padding: 20px 50px;}
.hp-service-sect{flex-wrap: wrap-reverse;}
.hp-service-left {
    width: 100%;
    margin: 30px 50px 0px 50px;
    box-sizing: border-box;
}
.hp-service-right {width: 100%; margin: 0px 50px;}
.topfooter{
flex-wrap: wrap;	
}
.topfootleft {width: 100%;}
.topfootmiddle {width: 50%;}
.topfootright{margin: 8px 0px;}
.topfooterlink{height: 45px;}
.navsect {padding-right: 5%; display: flex; justify-content: flex-end;}

}

@media only screen and (max-width: 980px) {
.headertop{display: none;}
.header{flex-wrap: wrap; padding: 0px 0px 10px 0px;}	
.mobileheaderinfo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    padding: 15px;
    background: #d10000;
    justify-content: flex-end;
}
	.contactteamsect
 {
	 width: 48%;}
.headerinfo {
    font-family: 'Barlow Condensed';	
}
	.employeebox {
		width: 100%;
	}
	.medheadertext{
	font-size: 24px;
    line-height: 26px;	
	}
}
@media only screen and (max-width: 860px) {
    .hp-cta-img {
        width: 40%;
    }
	.hp-cta-btm-sect {
		width: 60%;
	}
	    .hp-cta-left {
        width: 100%;
        margin-bottom: 45px;
        background-size: contain;
    }
	.hp-cta-right {
    width:100%;
    margin: 0px;
		padding: 20px;
        box-sizing: border-box;
}
	.hp-cta-sect{
		    padding: 60px 0px;
	}
	.contactteamsect
 {
	 width: 100%;}
	.eventsect {width: 50%;}
	.newssect {width: 50%;}
	.heromobileimage{height: 400px;}
	.herotext {font-size: 50px; line-height: 50px;} 
	.herotext strong {font-size: 55px;}
	.herotextsect{padding: 20px 35px 60px 35px;}
	.heropara {font-size: 18px;}
	.slick-dots li button:before{width: 55px; height: 12px;}
	.slick-dots li{width: 55px; height: 10px;}
}
@media only screen and (max-width: 750px) {
	.hp-cta-img {
        width: 45%;
    }
	.brandsect {
	width: 100%;}
	.hp-cta-btm-sect{
	    width: 55%;	
	}
	.hp-cta-text {
        padding: 40px 20px;
        width: 90%;
    }
	.hp-about-right {
	padding: 20px 12px;
	box-sizing: border-box;
	}
	.hp-about-left{
	box-sizing: border-box;
	}
	.hp-mission{
	width: 94%;
    padding: 24px 12px;	
	}
	.hp-about-left .headertext {
    padding: 0px 12px;
	}
	.hp-service-left{
	margin: 20px 12px 0px 12px;	
	}
	.hp-service-right{
	margin: 0px 12px;	
	height: 430px;
	}
	.hp-about-sect{
	margin: 80px 0px;	
	}
	.locationsect{margin-top: 30px;}
	.bottomfooter{flex-wrap: wrap; padding: 50px 20px;}
	.btmfootersect { width: 50%;}
	.halfformfields {width: 100%;}
	.newssect {width:100%; margin-bottom: 60px;}
	.eventsect{width:100%; padding: 0px; border: none; height: 210px;}
	.mapbox {width: 100%;}
}
@media only screen and (max-width: 670px) {
.topfootmiddle {width: 100%;}	
.topfootmiddle .topfooterlink {display: none}	
.topfootright{width: 100%;}	
.topfooterlink {width: 45px;}
.pageheader {font-size: 38px; line-height: 36px;}	
.twothirdwidth {width: 100%;}

}
@media only screen and (max-width: 560px) {
	.hp-cta-btn{flex-wrap: wrap; width: 70%;}
	.hp-cta-btm-sect {width: 100%; }
	.hp-cta-img { width: 100%; }
	.headertext strong {font-size: 45px;}
	.headertext{font-size: 30px;}
	.hp-mission {background: #d10000; width: auto;}
	.hp-mission p {width: 98%;}
	.employeename{line-height: 18px;}
}

@media only screen and (max-width: 480px) {
	    .hp-cta-btn {width: 85%;}
		.hp-service-right{height:320px;}
		.topfootmiddle{flex-wrap: wrap;}
		.topfooter p{width: 100%;}
		.topfootright{flex-wrap: wrap;}
		.btmfootersect {width: 100%; margin-bottom: 18px;}
		.employeebox{margin: 30px 0% 30px 0px;}
		.contactlink {font-size: 14px;}
		.employeeimage { margin-right: 10px;}
	    .herotext strong {font-size: 42px;}
	    .herotext { font-size: 42px; line-height: 42px;}
		.redbtn {font-size: 15px;}

}

@media only screen and (max-width: 400px) {
	.hp-cta-btn { width: 100%; }
	.hp-cta-text {padding: 40px 10px 10px 10px; width: 100%;}
	.blkbtn{width: 95%; box-sizing: border-box;}
	.headerinfo {padding: 0px 2px;}
	.headerright {width: 15%;}
	.headerleft {width: 75%; padding: 14px 0px;}
	.headerleft img {width: 100%;}
	.employeeimage{width: 45%;}
	.employeeimage img{width: 100%;}
	.employeetext {width: 60%;}
	.herotextsect {padding: 20px 15px 30px 15px; }
	.heromobileimage { height: 320px;}
	.hp-cta-left{
		        background-size: contain;
        margin: 0px 20px;
        box-sizing: border-box;
		height: 250px;
	}
}
@media only screen and (max-width: 350px) {
	    .pageheader {
        font-size: 32px;
        line-height: 30px;
    }
	.teamheader{padding: 15px 0px;}
}
@media only screen and (max-width: 330px) {
	.employeebox{
		flex-wrap: wrap;
	}	
	.employeetext {
        width: 100%;
    }
	.herotext {
        font-size: 30px;
        line-height: 32px;
    }
	.herotext strong {
        font-size: 30px;
    }
	.heropara {
        font-size: 16px;
    }
	.redbtn {
        font-size: 14px;
        width: 90%;
    }
}