﻿/***** 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 ---------------------*/
.header {
	display: flex;
	align-items: center;
	background:#bf1e2e;
	color: #fff;
}
.logoheadersect{
	padding: 0px 28px;
	width: 13%;

}
.navheadersect{
	width: 74%;
}
.headericonsect{
	width: 7%;
}
.headericon{
	padding: 0px 12px;
}
.headerlogo{
	width: 175px;
}
/*---SLIDESHOW--------------------------------*/
* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 45%;
  position: relative;
  margin: 0px;
  border-right: solid #bf1e2e 80px;
	background: #bf1e2e;
}

/* Caption text */


/* Number text (1/3 etc) */


/* The dots/bullets/indicators */


.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 4.5s;
}

@keyframes fade {
  from {opacity: .9} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
.constructionslide{
	background: url("/siteart/velocityheroimage.jpg");
	background-size: cover;
	height: 650px;
	width: 600px;
}
.vehiclesslide{
	background: url("/siteart/velocity_hero4.jpg");
	background-size: cover;
	height: 650px;
	width: 600px;
	background-position: center;
}
.farmslide{
	background: url("/siteart/velocity_hero5.jpg");
	background-size: cover;
	height: 650px;
	width: 600px;
	background-position: center;
}
.semitruckslide{
	background: url("/siteart/velocity_hero2.jpg");
	background-size: cover;
	height: 650px;
	width: 600px;
}





/*---HOMEPAGE STYLES--------------------------------*/
.hpherosect{
	display: flex;
	width: 100%;
	height: 650px;
}
.heroimgsect {
    width: 35%;
    border-right: 60px solid #bf1e2e;
    background: url(/siteart/velocityheroimage.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.heroimage{
	width: 100%;
}
.herotextsect {
    width: 65%;
    padding: 0% 12% 0% 8%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.herotext {
    font-family: 'Saira Condensed', sans-serif;
    font-size: 75px;
    line-height: 68px;
}
.herosubhead{
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	padding: 20px 0px;
	line-height: 30px;
}
.redbutton{
	font-family: 'Montserrat', sans-serif;
	color: #fff;
	background: #bf1e2e;
	padding: 12px 35px; 
	font-size: 13px;
	font-weight: 600;
}

.blackbutton{
	font-family: 'Montserrat', sans-serif;
	color: #fff;
	background: #000;
	padding: 12px 40px; 
	font-size: 13px;
	font-weight: 600;
}
.smblkbutton{
	font-family: 'Montserrat', sans-serif;
	color: #fff;
	background: #000;
	padding: 12px 20px; 
	font-size: 13px;
	font-weight: 600;
}
.herobtnsect{
padding: 15px 0px;
display: flex;
}
.herobtn{
margin: 0px 15px 0px 0px;
}
.hpconsignsect{
	background: url("/siteart/trianglebkground.png");
	background-repeat: no-repeat;
	background-color: #242425;
	padding: 2% 6%;
	display: flex;
	background-size: cover;
	align-items: center;
	justify-content: space-between;
}
.whiteheader{
	color: #fff;
	font-family: 'Saira Condensed', sans-serif;
	font-size: 33px;
	font-weight: 700;
}
.hpconsignheader{
	width: 24%;
}
.hpconsignpara{
	width: 40%;
}
.whitepara{
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
}
.hpconsignbtn {
    width: 20%;
    text-align: right;
}
.hptestamonialsect {
    width: 95%;
    padding: 0% 0% 3% 5%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.hptestamonialleft{
	width: 50%;
}
.hptestamonialright{
	width: 50%;
}
.testamonialimage{
	width: 85%;
}
.triangleimg{
	text-align: right;
	width: 100%;
}
.redheader{
	color: #bf1e2e;
	font-family: 'Saira Condensed', sans-serif;
	font-size: 33px;
	font-weight: 700;
}
.blackpara{
	color: #000;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	line-height: 25px;
}
.testamonialsect {
    padding: 30px 0px;
    margin-bottom: 6px;
    width: 70%;
    line-height: 25px;
}
.testamonialpadding{
	padding: 15px 0px;
}
.hpbottomleft {
    width: 60%;
    padding: 6% 0% 0% 6%;
    background-color: #bf1e2e;
}
.hpbottomsection{
	display: flex;
	width: 100%;
	align-items: center;
}
.hpabouttext{
	width: 75%;
	 line-height: 24px;
}
.hpabouttriangles{
	width: 100%;
}
.missionstatement{
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	padding-top: 20px;
}
.hpbottomright{
	width: 40%;
	padding: 0% 8%;
}
.blackheader{
	color: #000;
	font-family: 'Saira Condensed', sans-serif;
	font-size: 33px;
	font-weight: 700;
}
.hpcontactsect {
    padding: 2% 0%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: space-between;
	margin-bottom: 28px;
}
.hpcontactinfosect {
    width: 100%;
    display: flex;
    padding: 14px 0px;
    margin-bottom: 11px;
    justify-content: flex-start;
}
.hpcontacticon {
    font-size: 24px;
    padding-right: 35px;
}
.hpcontactinfo a{
    text-align: left;
    font-size: 14px;
    color: #000;
	font-family: 'Montserrat', sans-serif;

}
.mobileheadericonsect{
	display: none;
}
/*--------AUCTION STYLES--------------------*/
.auctionpadding{
	padding: 5% 0%;
	width: 75%;
	text-align: center;
}
.auctionflex{
	display: flex;
	justify-content: center;
}


/*--------COMING SOON STYLES--------------------*/
.comingsoonpadding {
    padding: 13% 15% 13% 10%;
   	
}
.comingsoonbkg{
    background: url(/siteart/trianglesbackground.png);
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: bottom left;
    padding: 25px 0px 210px 0px;

}
.lgblackheader{
	color: #000;
	font-family: 'Saira Condensed', sans-serif;
	font-size: 50px;
	font-weight: 700;
}

.lgwhiteheader{
	color: #fff;
	font-family: 'Saira Condensed', sans-serif;
	font-size: 45px;
	font-weight: 700;
}
.blacklink{
	color: #000;
	font-weight: 600;
}
.comingsoontext{
	padding-bottom: 50px;

}

/*--------CONSIGNMENT STYLES--------------------*/

.consignmentpadding{
	background: #000;
	background-image: url("/siteart/trianglebkground.png");
	background-repeat: no-repeat;
    padding: 2% 6%;
    background-size: cover;
}

.contactpadding{
	background: #bf1e2e;
	background-image: url("/siteart/whitetrianglebkground.png");
	background-repeat: no-repeat;
    padding: 2% 6%;
    background-size: cover;
	border-top: solid 2px #de8a92;
}
.consignmentformsect{
	padding: 4% 10%;
}

.consigncomments {
    width: 1256px;
    height: 165px;
    margin: 15px 0px;
    padding: 8px;
    font-size: 14px;
    color: #000;
    font-family: 'Montserrat', sans-serif;
}

.lgconsignformfields {
    width: 600px;
    margin: 10px 30px 10px 0px;
    height: 26px;
    padding: 8px;
    font-size: 14px;
    color: #000;
    font-family: 'Montserrat', sans-serif;
}
.consignformfields {
    width: 395px;
    margin: 10px 10px 10px 0px;
    height: 26px;
    padding: 8px;
    font-size: 14px;
    color: #000;
    font-family: 'Montserrat', sans-serif;
}
.CaptchaPanel{
	text-align: left!important;
	    padding: 10px 0px!important;
}
.CaptchaImagePanel {
    padding: 5px 0px 10px 0px!important;
}
.CaptchaMessagePanel{
	 color: #000;
    font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	padding: 5px 0px 10px 0px!important;
}
.CaptchaWhatsThisPanel {
	padding: 5px 0px 10px 0px!important;

	
}
.CaptchaWhatsThisPanel a{
	color: #000;
    font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	padding: 5px 0px 10px 0px!important;

}
.CaptchaAnswerPanel {
    padding: 5px 0px 10px 0px!important;
}
.submit{
	font-family: 'Montserrat', sans-serif;
	color: #fff;
	background: #bf1e2e;
	padding: 10px 30px; 
	font-size: 13px;
	font-weight: 600;	
	border: none;
}
/*--------ABOUT STYLES--------------------*/
.aboutparasect {
    display: flex;
    padding: 5% 5% 2% 5%;
	flex-wrap: wrap;
}
.aboutpara {
    width: 53%;
    margin: 0px 150px 0px 0px;
	padding-bottom: 50px;
}
.missionstatesect {
   width: 83%;
    background: #bf1e2e;
    padding: 2% 4%;
    border-radius: 0px;
    display: flex;
    margin: 0% 5% 3% 5%;
}

.missionstatement {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    padding-top: 0px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
	align-items: center;
}
.missionheader{
	width: 35%;
}
.missiontext{
	width: 60%;
}
.ownersection{
	margin: 0% 5%;
    display: flex;
    background: #333333;
    align-items: center;
    width: 24%;
    flex-wrap: wrap;
    justify-content: center;
    padding: 3% 0% 0% 0%;
	margin-bottom: -4%;
}
.ownerpicturesect{
	width: 69%;
}
.ownerpicture{
	width: 100%;
}
.ownertextsect{
	padding: 5% 6%;
    color: #fff;
    width: 100%;
    text-align: center;
}
.ownertext{
	color: #fff;
    font-family: 'Saira Condensed', sans-serif;
    font-size: 28px;
    font-weight: 700;
	text-transform: uppercase;
}
/*--------CONTACT STYLES--------------------*/
.contactinfosect{
	display: flex;
	padding: 2% 6%;
	width: 100%;
    background: #bf1e2e;
	color: #fff;
	justify-content: center;
	align-items: center;
}
.contactsection{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.contactmap{
	    width: 45%;
    padding: 30px 45px;
}
.cpmap{
	width: 100%;
	height: 700px;

}
.contactformsect{
	width: 45%;
	padding: 2% 5%;
}

.contactinfo{
padding: 0px 20px;	
	
}
.contactinfo a{
	color: #fff;
	font-size: 18px;
	font-family: 'Montserrat', sans-serif;
}
.contactformfields{
	width: 80%;
	height: 30px;
	margin: 5px 0px;
		font-family: 'Montserrat', sans-serif;
}
.contactcomments{
	width: 80%;
	height: 120px;
		font-family: 'Montserrat', sans-serif;
}
.cpinfosect {
    display: flex;
}
.mobilecontact{
	display: none;
}
/*--------FORM STYLES--------------------*/




/*-------- FOOTER STYLES ----------------*/
.footer{     
	background: #000;
    background-image: url(/siteart/rotatedtrianglebkgd.png);
    display: flex;
    justify-content: space-between;
    background-repeat: no-repeat;
    background-position: left;
    padding: 50px 5%;
}
.whitesubhead{
	color: #fff;
	font-family: 'Saira Condensed', sans-serif;
	font-size: 22px;
	font-weight: 700;
}

.footericon{
padding: 0px 10px;	
}





/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.inventorypadding{
	padding: 5% 0%;
}
.list-content .list-listing-mobile .dealer-phone-container a{
	border: 2px solid #bf1e2e!important;
	height: 40px!important;
}
.list-top-section .list-title .list-listings-count{
color: #bf1e2e!important;	
}

.list-content .price-container .price {
	color: #bf1e2e!important;}

.view-listing-details-link{
    background-color: #bf1e2e!important;	
	margin: 10px 0 5px!important;
	padding: 13px!important;
}
.mobile-option-bar .mobile-option-bar-filter{
	color: #000!important;
}
.faceted-search-content .mobile-done-button-container .mobile-done-button{
	  background-color: #bf1e2e!important;	
	
}
.list-content .media-buttons .print-this, .list-content .media-buttons .email-this{
	font-family: 'Montserrat', sans-serif!important;
    color: #fff!important;
    background: #000!important;
    padding: 10px 40px!important;
    font-size: 12px!important;
    font-weight: 600!important;
	border-radius: 0px!important;
}
/*---------- RESPONSIVE STYLES ----------*/



@media only screen and (max-width: 1665px) {
	.comingsoonpadding {
    padding: 14% 7% 14% 10%;
}
	.consignmentformsect {
    padding: 8% 6%;
}
.consigncomments {
	width: 1000px;}	
	.consignformfields {
		width: 310px;}
	.aboutpara {
		width: 54%;}
	.ownersection {
		width: 26%;
		margin: 0% 2%;}
}
@media only screen and (max-width: 1533px) {
	.aboutpara {
    width: 48%;
	margin: 0px 115px 0px 0px;}

	.herotextsect {
    width: 65%;
		padding: 0% 8% 0% 7%;}
}
@media only screen and (max-width: 1476px) {
.headericonsect {
    width: 12%;
}
	.logoheadersect{
		width: 16%;
	}	
	.comingsoonpadding {
    padding: 18% 7% 18% 10%;
}
	.whiteheader {
    font-size: 33px;
    padding-bottom: 15px;
}

	
	.herotextsect{
	padding: 0% 4% 0% 4%;	
	}
}
@media only screen and (max-width: 1355px) {
	
	.comingsoonpadding {
    padding: 20% 5% 20% 5%;
}
}
@media only screen and (max-width: 1280px) {
	.hptestamonialsect {
    width: 97%;
		padding: 3% 0% 3% 3%;}
	.testamonialsect {
	width: 90%;	
	}
	.herotextsect {
    width: 50%;
    padding: 0% 2% 0% 2%;
}
	.heroimgsect {
    width: 48%;
		border-right: 45px solid #bf1e2e;}
	.herobtnsect {
    padding: 15px 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}
	.herobtn {
    margin: 0px 0px 30px 0px;
    width: 50%;
}
	.constructionslide{

	width: 450px;
}
.vehiclesslide{

	width: 450px;
}
.farmslide{

	width: 450px;
}
.semitruckslide{
	
	width: 450px;
}
	.herotextsect{
		width: 58%;}
	
	.slideshow-container {
		max-width: 44%;}
		.aboutpara {
    width: 58%;
    margin: 0px 50px 0px 0px;
	padding-bottom: 0px;
}
	.ownersection {
    width: 33%;
    margin: 0% 2%;
	padding: 3% 0% 0% 0%;
}
	.ownerpicturesect {
    width: 58%;
}
	.ownertext{
		font-size: 24px;
	}	
}
@media only screen and (max-width: 1180px) {
	.hpabouttext {
	width: 90%;}
	.missionstatement{
	    padding-top: 35px;	
	}
	.hpbottomright {
    width: 28%;
    padding: 0% 2%;
}
	.hptestamonialsect {
    width: 95%;
    padding: 3% 0% 3% 5%;
}
	.auctionpadding {
		width: 90%;
	}
	.comingsoonpadding {
    padding: 20% 5% 21% 5%;
}

}
@media only screen and (max-width: 1135px) {
.hpconsignbtn {
	width: 30%;}
.hpconsignpara {
    width: 40%;
}	
	.hpconsignsect{
		padding: 2% 4%;
	}
	.whiteheader{
		line-height: 30px;
	}
		.comingsoonpadding {
    padding: 22% 5% 25% 5%;
}
	.consigncomments {
    width: 810px;
}
	.consignformfields {
    width: 246px;
}
	.aboutpara {
		width: 50%;}
	.ownersection {
		width: 36%; align-content: center;}
}
@media only screen and (max-width: 1070px) {
	.footer{
		padding: 50px 10%;
	}
	.lgblackheader{
		line-height: 45px;
		padding-bottom: 10px;
	}
	.comingsoonpadding {
    padding: 20% 5% 25% 5%;
}
	.contactmap {
    width: 35%;
    padding: 30px 0px 30px 70px;
}
	.contactformsect {
    width: 48%;
    padding: 2% 3%;
}
	.slideshow-container {
    max-width: 48%;
}
}

@media only screen and (max-width: 1023px) {
	.mobileheadericonsect {
    display: inline-block;
    width: 100%;
    text-align: right;
    padding: 0px 2%;
    background: #bf1e2e;
	}
	.headericonsect{
		display: none;
	}
	.header{
		flex-wrap: wrap;
		align-items: flex-end;
		padding: 0px 45px;
	}
	.mobileheadericon {
    padding: 18px 32px 18px 0px;
}
.cpmap {
    width: 100%;
    height: 550px;
}
	.contactformsect {
    width: 48%;
    padding: 7% 3%;
}

	.navheadersect {
    display: none;
}
	.logoheadersect {
    width: 20%;
    margin-top: -60px;
	padding: 0px;
}
	.contactinfosect{
		padding: 2%;
	}
	.contactinfo a{
		font-size: 16px;
	}
	.contactinfo {
    padding: 0px 20px 0px 5px;
}
}
@media only screen and (max-width: 969px) {
	
	.consignformfields {
    width: 70%;
}
	.consigncomments {
    width: 70%;
}
	.constructionslide{

	width: 350px;
}
.vehiclesslide{

	width: 350px;
}
.farmslide{

	width: 350px;
}
.semitruckslide{
	
	width: 350px;
}
	.herotextsect{
		width: 60%;}
	
	.slideshow-container {
		max-width: 40%;}
		.hpbottomright {
    width: 35%;
    padding: 0% 3%;
}
	.hpbottomleft {
		width: 58%;}
	}
@media only screen and (max-width: 930px) {
.hptestamonialsect {
    width: 97%;
    padding: 5% 0% 5% 3%;
}	
.hptestamonialleft {
    width: 60%;
}	
	.redheader{
		line-height: 30px;
	}
	.testamonialsect {
    padding: 0px 0px 30px 0px;
    margin-bottom: 6px;
    width: 100%;
    line-height: 25px;
}
	.testamonialpadding {
    padding: 10px 0px;
}
	.hptestamonialright {
    width: 44%;
}

}
@media only screen and (max-width: 907px) {

		.hpherosect {
    height: auto;
    flex-wrap: wrap;
}
.heroimgsect {
    width: 100%;
    border-right: 45px solid #bf1e2e;
    height: 370px;
    background-position: 51% 76%;
}	
	.herotextsect {
    width: 100%;
    padding: 8% 2% 8% 2%;
}
	.herobtn {
    margin: 0px 15px 30px 0px;
    width: auto;
}
	.herobtnsect {
    padding: 15px 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    width: 100%;
}	
	.comingsoonpadding {
    padding: 28% 5% 28% 5%;
}
	.contactmap {
    width: 40%;
    padding: 30px 0px 30px 0px;
}
	.contactformfields {
		width: 95%;}
	.contactcomments {
		width: 95%;}
	.constructionslide{
height: 480px;
	width: 96vw;
	background-position: center;
}
.vehiclesslide{
height: 480px;
	width: 96vw;
	background-position: center;
}
.farmslide{
height: 480px;
	width: 96vw;
	background-position: center;
}
.semitruckslide{
	height: 480px;
	width: 96vw;
	background-position: center;
}
	.herotextsect{
		width: 100%;}
	
	.slideshow-container {
		max-width: 100%;}	

}
	@media only screen and (max-width: 820px) {
		.logoheadersect { width: 35%;}
		.blackheader{
			line-height: 30px;
			padding-bottom: 15px;
		}
}
	@media only screen and (max-width: 885px) {
	.hpbottomsection{
		flex-wrap: wrap;
	}
	.hpbottomleft {
		width: 100%;}
	.hpbottomright {
    width: 100%;
    padding: 4% 2% 8% 6%;
}
		.contactformsect {
			width: 52%;}
}

@media only screen and (max-width: 800px) {
	
	.contactinfosect {
    padding: 8% 0%;
	flex-wrap: wrap;
}
	.cpinfosect {
    display: flex;
    width: 100%;
    padding: 10px 0px;
    align-content: center;
    font-size: 16px;
    align-items: center;

}
	.contacticon {
    padding: 0px 16px;
}
	.contactinfo {
    padding: 0px 20px 0px 5px;
}
	.trianglebkground{
		width: 90%;
	}
	
	.trianglebkground img{
		width: 100%;
	}
	.missionstatement{
		padding-bottom: 25px;
	}
	
	}
@media only screen and (max-width: 770px) {
	.hpconsignsect {
    padding: 6% 4%;
	flex-wrap: wrap;
	}
	.hpconsignheader {
    width: 100%;
    padding-bottom: 10px;
}
	.hpconsignpara {
    width: 55%;
}
	.hpconsignbtn {
    width: 45%;
}
		.hptestamonialsect{
	background: url("/siteart/cranephotofullbkgrd.png");
	background-position: center;
	width: 97%;
    padding: 14% 0% 20% 3%;
	}
	.hptestamonialright{
		display: none;
	}
	.hptestamonialleft{
		width: 100%;
	}
	.comingsoonpadding {
    padding: 35% 5% 35% 5%;
}
	.lgwhiteheader{
	line-height: 40px;
    padding: 20px 0px;	
	}
	.contactformfields {
		width: 98%;}
	.contactcomments {
    width: 98%;
}
	.ownersection {
		width: 100%;
	    margin: 3% 2%;
    padding: 3% 0% 4% 0%;
	}
	.ownerpicturesect {
    width: 28%;
}
	.ownertextsect {
    padding: 5% 6%;
    color: #fff;
    width: 60%;
    text-align: center;
}
	.aboutpara {
    width: 100%;
}
	}
@media only screen and (max-width: 715px) {
	.aboutpara {
		width: 100%; margin: 0px 0px;}

	.trianglebkground {
    width: 75%;
}
	.trianglebkground{
		width: 100%;
	}
	.missionstatesect {
    width: 88%;
    line-height: 25px;
    padding: 4% 5%;
}
	.missionheader {
    width: 100%;
}
.missiontext {
    width: 100%;
}	
	
	.trianglebkground img{
		width: 100%;
	}
	.contactpadding{
	    padding: 4% 6%;	
	}
	.consignformfields {
    width: 90%;
}
	.consigncomments {
    width: 90%;
}
	.ownersection {
		width: 100%;
	margin: 8% 2%;
    padding: 3% 0% 0% 0%;
	}
}
@media only screen and (max-width: 665px) {
	.contactmap {
    width: 100%;
    padding:0px;
}
	.cpmap {
    width: 100%;
    height: 250px;
}
	.contactformsect {
    width: 95%;
    padding: 5% 3% 10% 3%;
}

	}
@media only screen and (max-width: 630px) {
	.logoheadersect {
    width: 35%;
}
.comingsoonpadding {
    padding: 38% 5% 38% 5%;
}	

}
@media only screen and (max-width: 580px) {
	.comingsoonbkg{
	    padding: 40px 0px 250px 0px;    background-size: 100%;	
	}
	.comingsoonpadding {
    padding: 42% 5% 42% 5%;
}
	.logoheadersect {
    width: 45%;
}
	.ownersection {
    margin: 8% 2%;
	padding: 3% 0% 4% 0%;}
	.ownerpicturesect {
    width: 30%;
}
	.ownertextsect {
    padding: 5% 6%;
    color: #fff;
    width: 58%;
    text-align: center;
}
	.ownertext {
    font-size: 22px;
}
	.ownerpicturesect {
    width: 40%;
}
}
@media only screen and (max-width: 500px) {
	.hpconsignbtn {
    width: 100%;
    text-align: left;
}
	.hpconsignpara {
    width: 100%;
    padding-bottom: 30px;
}
	.hpconsignheader {
    width: 100%;
    padding-bottom: 20px;
}
	.hpconsignsect {
		padding: 15% 4%;}
	.heroimgsect {
    width: 100%;
    border-right: 20px solid #bf1e2e;
    height: 285px;
    background-position: 51% 76%;
}
	.herotext {
    font-family: 'Saira Condensed', sans-serif;
    font-size: 50px;
    line-height: 46px;
}
	.herosubhead {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    padding: 18px 0px;
    line-height: 35px;
}
	.herobtnsect {
    padding: 5px 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    width: 100%;
}
	.herosubhead {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    padding: 25px 5px;
    line-height: 25px;
}
	.header{
		padding: 0px 45px 0px 10px;
	}
}
@media only screen and (max-width: 490px) {
	.footer{
		padding: 50px 20%;
		flex-wrap: wrap;
	}
	.footericon {
    padding: 0px 20px 0px 0px;
}
	.footericonsect{
		width: 100%;
	}
	.contactpadding {
    padding: 15% 5%;
}
.constructionslide{
height: 460px;
	width: 88vw;
}
.vehiclesslide{
height: 460px;
	width: 88vw;
}
.farmslide{
height: 460px;
	width: 88vw;
}
.semitruckslide{
	height: 460px;
	width: 88vw;
}
}
@media only screen and (max-width: 440px) {
	.whiteheader{
	line-height: 30px;
    padding-bottom: 20px;	
	}
	.hpabouttext {
    width: 95%;
	}
	.hpbottomleft {
	padding: 15% 0% 10% 6%;
	}

	.cpmap {
    width: 100%;
    height: 170px;
}	
	.ownerpicturesect {
    width: 75%;
}
	.ownertextsect {
		width: 100%;
	}
	.ownersection {
    margin: 8% 2%;
    padding: 10% 0% 8% 0%;
}
}
@media only screen and (max-width: 390px) {
	.header {
    flex-wrap: wrap;
    align-items: flex-end;
    padding: 0px 40px 0px 10px;
}
	.logoheadersect {
    width: 45%;
}
	.comingsoonbkg{
		background: none;
	}	
	.comingsoonpadding {
    padding: 50% 5% 50% 5%;
}
	.consignmentformsect {
    padding: 10% 6%;
}

}
@media only screen and (max-width: 348px) {
.footer {
    padding: 50px 0px 50px 23%;
    flex-wrap: wrap;
}
	.whitesubhead{
		line-height: 20px;
		padding-bottom: 10px;
	}	
	.mobileheadericonsect {
		padding: 25px 2%;}
	.email{display: none;}
	.mobilecontact a{
				color: #fff;

	}
	.mobilecontact{
		display: inline;
		font-family: 'Montserrat', sans-serif;
    font-size: 16px;
		color: #fff;
	}
}
@media only screen and (max-width: 314px) {
	.hpcontactinfosect{
		flex-wrap: wrap;
	}
	.hpcontactinfo{
		width: 100%;
		padding-top: 15px;
	}
	.redbutton{
	padding: 12px 11px;	
	}
	.headerlogo {
    width: 123px;
}
	.contactcomments {
    width: 90%;
}
	.contactformfields {
    width: 90%;
}
}

@media only screen and (max-width: 260px) {
	.blackbutton {
	padding: 12px 20px;	
	}
	.hpcontactinfo{
		display: none;
	}
	.hpcontactinfosect {
    width: 20%;
    display: flex;
    padding: 8px 0px;
    margin-bottom: 0px;
    justify-content: flex-start;
}
	.trianglebkground{
		display: none;
	}
}

  