/***** 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 ---------------------*/
.topheader {display: flex; justify-content: space-between;}
.topheaderleft {
    display: flex;
    padding: 10px 30px;
    background: #000;
    width: 69%;
	box-sizing: border-box;
    justify-content: center;
}

.headerlocation {
	width: 20%;
	display: flex;
}
.headerlocation p{
	font-family: "Public Sans", sans-serif;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}
.headerlocation i{
	color: #0aadef;
	padding-right: 15px;
}
.topheaderright {
    background: #0aadef;
    width: 30%;
    display: flex;
    align-items: center;
    padding: 0px 20px;
    box-sizing: border-box;
}
.headercontact i{
	padding: 0px 5px;
}
.headercontact a{
font-family: "Public Sans", sans-serif;
color: #000;
font-size: 14px;
font-weight: 700;
padding: 0px 10px;
}
.headercontact {
    width: 50%;
	display: flex;
}
.bottomheader {
    display: flex;
    align-items: flex-end;
    padding: 10px 30px 20px 30px;
	justify-content: space-between;
}
.flexbox{display: flex;}
/*---BODY--------------------------------*/
.herosection {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 50px 30px;
	background: url("/siteart/hero-bkgd.jpg");
	background-size: cover;
	background-position: center;
}
.heroleft {
    width: 53%;
    display: flex;
}
.herobtn:hover {
width: 52%;
}
.herobtn {
    height: 700px;
    width: 49%;
    margin-right: 10px;
    display: flex;
    align-items: stretch;
    align-content: center;
    flex-wrap: wrap;
	border-radius: 5px;
	transition-duration: 0.8s;
}
.herobuttontext {
    display: flex;
    align-items: center;
    height: 510px;
}
.herobtnblock {
    width: 100%;
    height: 40px;
    background: #0aadef;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.herobuttontext:hover {
   letter-spacing: 1.5px;	
}
.herobuttontext {
    display: flex;
    align-items: center;
    height: 600px;
    justify-content: center;
    text-align: center;
    width: 100%;
    color: #fff;
    font-family: "Public Sans", sans-serif;
    font-size: 22px;
    flex-wrap: wrap;
    align-content: center;
    margin-top: 60px;
	transition-duration: 0.5s;
}

.herobuttontext strong {
    width: 100%;
    color: #fff;
    font-family: "Public Sans", sans-serif;
    font-size: 38px;
    font-weight: 900;
}
.heroheader {
    font-family: "Public Sans", sans-serif;
    font-size: 55px;
    font-weight: 900;
	line-height: 52px;
}
.heroright {
    width: 42%;
    padding-left: 5%;
}
.herosubtext {
    font-family: 'Public Sans';
    font-size: 32px;
    font-weight: 600;
	padding-top: 10px;
}
.italictext {
    font-family: 'PUBLIC SANS';
    font-style: italic;
    font-size: 22px;
    color: #094b66;
}
.lgparatext {
    font-family: 'Public Sans';
    font-size: 21px;
}
.heroright .lgparatext {
   padding: 20px 0px;
   width: 80%;
}
.main-btn{
	font-family: 'Public Sans';
	font-weight: 600;
	color: #000000;
	transition-duration: 0.5s;
}
.main-btn:hover{
	font-weight: 800;
	letter-spacing: 0.6px;
}
.main-btn i{
	color: #0aadef;
	padding-left: 5px;
}
.bold-main-btn{
	font-family: 'Public Sans';
	font-weight: 600;
	color: #000000;
	transition-duration: 0.5s;
}
.bold-main-btn:hover{
	font-weight: 800;
}
.bold-main-btn i{
	color: #0aadef;
	padding-left: 5px;
}
.lg-main-btn {
    font-family: 'Public Sans';
    font-weight: 800;
    color: #000000;
    text-transform: uppercase;
    font-size: 16px;
    background: #0aadef;
    padding: 12px 60px;
	transition-duration: 0.5s;
	cursor:pointer!important;
}
.lg-main-btn:hover {
     background: #4acbff;
}
.lg-main-btn i{
	color: #0aadef;
	padding-left: 5px;
}

.lgheader{
    font-family: 'Public Sans';
    font-size: 36px;
    font-weight: 900;
}

.medheader{
    font-family: 'Public Sans';
    font-size: 28px;
    font-weight: 600;
}

.smheader{
    font-family: 'Public Sans';
    font-size: 20px;
    font-weight: 600;
}

.paratext {
    font-family: 'Public Sans';
    font-size: 18px;
	line-height: 28px;
	padding: 15px 0px;
}
.hp-consign-sect {
    display: flex;
    align-items: center;
}
.hp-consign-left {
    background: url(/siteart/black-wave-texture.jpg);
    background-size: cover;
    width: 70%;
    padding: 5%;
    height: 545px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    border-bottom-right-radius: 20px;
    box-sizing: border-box;
}
.hp-consign-left p{
   width: 70%;
 padding: 20px 25% 40px 0%;
}
.hp-consign-left h2{
   width: 100%;
}
.hp-consign-right{
	padding-left: 50px;
	width: 20%;
}
.hp-consign-right .paratext{
	padding: 20px 0px;
}
.blueunderline {
    width: 100%;
    background: #0aadef;
    height: 10px;
    border-radius: 20px;
    margin: 30px 0px;
}
.white{color: #fff;}
.headertext {
    font-family: 'Public Sans';
    font-weight: 900;
    line-height: 25px;
    font-size: 28px;
}
.headertext strong {
    font-family: 'Public Sans';
    font-weight: 900;
    line-height: 45px;
    font-size: 40px;
	width: 100%;
	display: block;
}
.imgbreak-banner{
	background: url("/siteart/blueimgbreak-banner.jpg");
	background-size: cover;
	background-position: right;
	background-repeat: no-repeat;
	height: 260px;
    margin: 85px 0px;
}
.hp-about-sect {
   padding: 0px 5% 85px 5%;
}
.hp-about-header {
    padding-bottom: 20px;
    width: 50%;
}
.hp-cat-box {
    width: 23%;
    height: 245px;
    display: flex;
    align-content: center;
    align-items: flex-end;
    flex-wrap: wrap;
    margin: 10px;
    justify-content: space-between;
	cursor: pointer;
	transition-duration: 0.8s;
	transition-timing-function: ease-in-out;
	background-size: cover!important;
}
.hp-cat-textbox {
    width: 23%;
    height: 245px;
    display: flex;
    align-content: center;
    align-items: flex-end;
    flex-wrap: wrap;
    margin: 10px;
    justify-content: space-between;
	cursor: pointer;
	transition-duration: 0.8s;
	transition-timing-function: ease-in-out;
	background-size: cover!important;
}
.hp-cat-box:hover {
     background-size: 105% !important;
}
.overlay:hover {
background: #000000a8;	
}
.overlay {
    background: #00000061;
    width: 100%;
    height: 245px;
    display: flex;
    align-items: flex-end;
    padding: 10px 20px;
    box-sizing: border-box;
	transition-duration: 0.5s;
}
.hp-cat-inv {
    display: flex;
    padding: 85px 5% 20px 5%;
    flex-wrap: wrap;
}

.subtext {
    font-family: 'Public Sans';
    font-weight: 700;
    font-size: 22px;
    color: #fff;
    padding-bottom: 5px;
}
.hp-cat-link {
    font-family: 'Public Sans';
    color: #fff;
    font-weight: 200;
	transition-duration: 0.5s;
}
.hp-cat-link:hover {
 
    font-weight: 600;
}
.bold{font-weight: 800;}
.hp-cat-link i{
padding-left: 5px;
color: #0aadef;
}
.textpadding{
	padding: 20px;
}
.smblueunderline {
    width: 25%;
    background: #0aadef;
    height: 10px;
    border-radius: 20px;
    margin: 20px 0px;
}
.pageheadersect {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 60px 20px 40px 20px;
}
.pageheader {
    width: 100%;
    text-align: center;
    font-family: 'Public Sans';
    font-weight: 900;
    font-size: 42px;
}
.pagepadding{padding: 25px 5%;}
.linktext {
    color: #000;
    font-weight: 600;
	font-family: 'Public Sans';
	transition-duration: 0.2s;
}
.linktext:hover {
    font-weight: 700;
}
.cplinktext {
    color: #000;
    font-weight: 600;
	font-family: 'Public Sans';
	font-size: 18px;
	transition-duration: 0.2s;
}

.cplinktext:hover {
    font-weight: 700;
}
.cp-right {
    width: 52%;
}
.cp-left {
    width: 48%;
}
.flex-box{display: flex; flex-wrap: wrap;}
/*--------FORM STYLES--------------------*/
.cpformflex {
    display: flex;
    flex-wrap: wrap;
}
.halfformfields {
    width: 50%;
    font-family: 'Public Sans';
    line-height: 26px;
}
.cpformflex input {
    width: calc(100% - 20px);
    margin-right: 20px;
    height: 28px;
    margin-bottom: 15px;
}
.cpformflex select {
    width: calc(100% - 20px);
    margin-right: 20px;
    height: 34px;
    margin-bottom: 15px;
}
.cpformflex textarea {
    width: calc(100% - 10px);
    margin-right: 20px;
    height: 150px;
    margin-bottom: 15px;
    padding: 10px;
    box-sizing: border-box;
}
.thirdformfields {
    width: 33.3%;
	font-family: 'Public Sans';
	line-height: 26px;
}
.fullformfield {
    width: 100%;
	font-family: 'Public Sans';
	line-height: 26px;
}
.message {
    width: 100%;
	font-family: 'Public Sans';
	line-height: 26px;	
}
.CaptchaPanel {
    width: 100%;
    font-family: 'Public Sans';
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}
.CaptchaMessagePanel {
    font-weight: 500!important;
	width: 100%;
}
.CaptchaImagePanel{
	width: 100%;
}
.CaptchaWhatsThisPanel{
		width: 100%;

}
.CaptchaWhatsThisPanel a{
    font-family: 'Public Sans';
	color: #000;
	font-weight: 600!important;
}
.center {
    width: 100%;
    justify-content: center;
    display: flex;
}
.submit {
    font-size: 15px;
    width: 240px!important;
    background: #0aadef;
    border: none;
    height: 40px!important;
    font-weight: 700;
    text-transform: uppercase;
	cursor: pointer;
	margin: 0px!important;
	transition-duration: 0.5s;
}
.submit:hover {
   
    background: #4acbff;

}
input[type="button"],
input[type="submit"] {
	-webkit-appearance: none;
}
#formpage input.submit-button, #formpage input.submit-button:focus, #submit-btn button {
    background: #0aadef;
    border: none;
    padding: 4px 65px;
    font-weight: 600;
    cursor: pointer;
    color: #000 !important;
    border-radius: none !important;
    animation-timing-function: ease-in;
    font-family: 'Public Sans';
    font-size: 15px;
    text-transform: uppercase;
    height: 35px;
}
#formpage input.submit-button:hover, #submit-btn button:hover{ background:#4acbff; color:#000; cursor:pointer;}
#submit-btn {
    padding: 0px;
    position: relative;
    text-align: right;
    background: #ffffff;
    font-family: 'Public Sans';
    display: flex;
    justify-content: center;
}
.submit-button {
    padding: 3px 0px;
    position: relative;
    text-align: center;
    background: #0aadef;
    font-family: 'Public Sans';
    border: none !important;
    cursor: pointer;
    width: 200px !important;
    justify-content: center;
    display: flex;
    align-items: center;
    height: 34px !important;
	margin: 0px!important;
	text-transform: uppercase;
	font-weight: 600;	
}
.submit-button:hover{background: #4acbff;}
.captcha-button{width:100%; margin:0 auto; display: flex; justify-content: center;}
.include-captcha{display:none; width: 100%;}
#formpage input.submit-button{color:#fff!important;}
/*-------- FOOTER STYLES ----------------*/

iframe.scrolling {
    height: 85px;
    border-bottom: 35px #000 solid;
    width: 100%;
}
.footer {
    padding: 85px 5%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.footerheader {
    font-family: 'Public Sans';
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 20px;
}
.footerloc {
    font-family: 'Public Sans';
    width: 100%;
    display: block;
    padding-bottom: 8px;
    color: #000;
    font-size: 14px;
}
.footerlink {
    font-family: 'Public Sans';
    width: 100%;
    display: block;
    padding-bottom: 8px;
    color: #000;
    font-size: 14px;
	transition-duration: 0.5s;
}
.footerlink:hover {
 font-weight: 600;
}
.footerlinksect {
    width: 15%;
}






/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.list-top-section .list-listings-count{
color: #077dbf!important;	
}
.list-content .media-buttons .print-this, .list-content .media-buttons .email-this{
background-color: #ffffff!important;
	
}
.list-content .media-buttons .print-this, .list-content .media-buttons .email-this{
	padding: 11px 35px!important;
    border-bottom: 2px solid #0aadef!important;
    border-radius: 0px!important;
    background-color: #ffffff!important;
    margin: 0px 5px!important;
    color: #555!important;
	border-left: none!important;
	border-right: none!important;
	border-top: none!important;
}
.invpadding{padding: 20px 0px;}

.list-content .price-container .price{color: #077dbf!important;}
.list-container-flexrow .contact-options a, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text{background-color: #000!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-color: #000!important;}
.list-container-flexrow .view-listing-details-link, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text{background-color: #077dbf!important;}
.mobile-option-bar .mobile-option-bar-filter{color: #077dbf!important;}
.faceted-search-content .mobile-done-button-container .mobile-done-button{background-color: #000!important;}

.list-content .list-error-container .info button:not(.login-button){
background-color: #0aadef!important; color: #000!important;	
}
.faceted-search-content .selected-facets-container .selected-facet{background-color: #000!important;}
/*---------- RESPONSIVE STYLES ----------*/


@media only screen and (max-width: 1580px) {
.heroright {
    width: 36%;
    padding-left: 3%;
}
.heroleft {width: 60%;}	
.heroright .lgparatext {
    width: 98%;
}
.hp-cat-box { width: 31%;}
	.hp-cat-box:hover {
        background-size: 106% !important;
    }
	.hp-cat-textbox {
        width: 50%;
    }
}
@media only screen and (max-width: 1465px) {
	.headerlocation i {padding-right: 8px;}
	.topheaderleft{width: 58%; padding: 10px 0px;}
	.headerlocation {width: auto; padding: 0px 8px;}
	.topheaderright{width: 42%;}
}

@media only screen and (max-width: 1380px) {
	.heroheader{ font-size: 45px; line-height: 42px;}	
	.herosubtext { font-size: 28px; padding-top: 5px;}
	.hp-consign-left{width: 60%; }
	.hp-consign-right{width: 30%;}
	
	
}
@media only screen and (max-width: 1300px) {
.footerlogosect {
    width: 20%;
}
.footerlogosect img {
    width: 100%;
}	
.footerlinksect {
    width: 18%;
}
.hp-cat-inv {padding: 70px 2% 5px 2%;}
.hp-cat-box { width: 32%; margin: 5px; }
.hp-cat-box:hover {background-size: 110% !important;}
.hp-cat-textbox {width: 60%;}
.hp-about-header {
    width: 75%;
}
}
@media only screen and (max-width: 1250px) {
.logosect {
    width: 38%;
}	
.logosect img {
    width: 270px;
}	
.navsect {
	width: 78%;        
	display: flex;
    justify-content: flex-end;
}
.bottomheader {
	padding: 10px 12px 20px 12px;
}
.thirdformfields {width: 50%;}
.cpformflex select {
    width: calc(100% - 10px);
	margin-right: 10px;
}
.heroleft {
 width: 100%;
}
	.herobtn {height: 430px;}
	.herobuttontext{height: 330px;}
    .heroright {
        width: 100%;
        padding-left: 2%;
        padding-top: 5%;
        padding-bottom: 3%;
    }
	
}
@media only screen and (max-width: 1125px) {
	.headercontact a{font-size: 12px;}	
	.headerlocation p{font-size: 12px;}
	.logosect img {
    width: 225px;
}
	.logosect {
    width: 22%;
}	
}

@media only screen and (max-width: 1024px) {
    .topheaderleft {
        width: 24%;
        padding: 20px 0px;
    }	
	.headerlocation {
        display: none;
    }
	.topheaderright {
        width: 75%;
		padding: 0px 30px;
		justify-content: flex-end;
    }
	.headercontact {
    width: 43%;
    text-align: end;
}
	.headercontact a {
        font-size: 14px;
    }
	.footer {padding: 85px 2%;}
	
}

@media only screen and (max-width: 980px) {
	.footer{flex-wrap: wrap; align-items: center; justify-content: flex-start;}	
	.footerlinksect {
        width: 28%;
        padding: 16px;
    }
	.footerlogosect {
        width: 28%;
        padding-left: 40px;
    }
	.hp-consign-left p {
    width: 98%;
    padding: 20px 0% 40px 0%;
	}
	.hp-consign-left{
	 height: 480px;	
	}
	.hp-consign-right {
    padding-left: 30px;
    width: 32%;
}
.hp-about-header {
    width: 100%;
}
}
@media only screen and (max-width: 880px) {
.pageheadersect{padding: 40px 20px 20px 20px;}
.pageheader{font-size: 38px;}
.cp-left {
    width: 100%;
    padding-bottom: 30px;
}
.cp-right {
    width: 100%;
}
.halfformfields {width: 100%;}
	.thirdformfields {width: 100%;}
.hp-consign-sect{flex-wrap: wrap;}
.hp-consign-left{width: 100%; height: 395px;}
.hp-consign-right {
    padding-left: 30px;
    width: 90%;
    padding-top: 55px;
}
.hp-cat-box {width: 48%;}
    .hp-cat-textbox {
        width: 35%;
    }
.hp-cat-box:hover {background-size: cover!important;}
.imgbreak-banner{height: 210px; margin: 24px 0px; background-position: center;}
}
@media only screen and (max-width: 720px) {
	    .headercontact {
        width: auto;
        text-align: end;
        padding: 0px 5px;
    }
	.textpadding {
    padding: 6px;
}
}
@media only screen and (max-width: 650px) {
    .footerlinksect {
        width: 38%;
        padding: 16px;
    }	
	    .footer {
        padding: 40px 2%;
    }
	.footerlogosect {
        width: 48%;
        padding-left: 15px;
    }
	.lg-main-btn{font-size: 14px;}
	.heroleft{flex-wrap: wrap;}
	.herosection{padding: 50px 12px;}
	.herobtn {height: 185px; margin-bottom: 18px; width: 100%; }
	.herobuttontext{height: 145px; margin-top: 15px; font-size: 18px;}
	.herobtn:hover {width: 100%;}
	.herobtnblock{height: 25px;}
	.herobuttontext strong{font-size: 34px;}
	.headertext strong{line-height: 36px; font-size: 34px;}
}
@media only screen and (max-width: 590px) {
	.topheaderleft {
        width: 5%;
        padding: 20px 0px;
    }
	 .topheaderright {
        width: 94%;
		padding: 0px 15px;
	}
	.footerlinksect {width: 100%; padding: 8px;}
	 .footerlogosect {
        padding-left: 15px;
        padding-top: 14px;
    }
 	.footerlogosect img {
        width: 250px;
    }
	.pageheader{font-size: 34px;}
	.lgparatext{font-size: 17px;}
	.cplinktext{font-size: 15px;}
	.smblueunderline {margin: 12px 0px;}
	.lg-main-btn{    
	width: 268px;
    display: block;
    text-align: center;
    margin: 10px 0px;}
	.paratext{font-size: 16px;}
	.hp-cat-box {
        width: 100%;
        height: 160px;
    }
	.overlay{height: 160px; padding: 10px;}
	.hp-cat-textbox {
        width: 100%;
		margin: 5px;
		height: 160px;
    }
	.textpadding {
    padding: 5px;
}
}
@media only screen and (max-width: 470px) {
	.lg-main-btn{padding: 12px 5px; width: 100%; display: block; text-align: center;
    margin: 10px 0px; box-sizing: border-box;}	

}
@media only screen and (max-width: 430px) {
	.headercontact p{display: none;}
	.headercontact i {font-size: 20px;}
	.topheaderleft {width: 9%;}
	.topheaderright {width: 90%;}
	.logosect img {width: 240px;}
	.logosect{width: 85%;}
	.bottomheader {padding: 10px 16px 20px 16px;}
	.footer {padding: 22px 2%;  }
	.footerlogosect {width: 100%;}
	.pageheader {font-size: 40px; line-height: 38px; }
	.cpformflex select{border-radius: 0px !important;}
	.heroheader {
        font-size: 35px;
        line-height: 35px;
    }
	.herosubtext {
        font-size: 22px;
        padding-top: 5px;
    }
	.italictext{font-size: 20px;}
	 .heroright .lgparatext {
        width: 100%;
        padding: 12px 0px;
    }
	.hp-consign-left{
	width: 100%;
    padding: 40px 5%;
    height: auto;
	}
	.hp-consign-right {
		padding-left: 15px;}
}
@media only screen and (max-width: 330px) {
.logosect img {
        width: 100%;
    }	
    .logosect {
        width: 98%;
		text-align: center;
    }
	.bottomheader{flex-wrap: wrap;}
	 .footerlogosect img {
        width: 92%;
    }
	.pageheadersect {
        padding: 12px 20px 10px 20px;
    }
}