/***** 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 {
	background: #000;
	border-bottom: #dfdfdf solid 1px;
	box-sizing: content-box;
}
.mobileheaderinfo{
	display: none;
}
.bluelines{
	background: url("/siteart/blueline_bkgd.png");
	display: flex;
    background-size: cover;
    background-repeat: no-repeat;
    align-items: center;
}
.headerleft {
    width: 20%;
    padding: 1% 5%;
}
.headerleft img{
    width: 200px;
}
.headerright {
    width: 65%;
    text-align: right;
    padding: 1% 5%;
}
.headertop {
    display: flex;
    justify-content: flex-end;
	font-family: 'Montserrat', sans-serif;
    font-size: 13px;
	color: #dfdfdf;
    padding: 15px 0px;
}
.headerlink {
	color: #dfdfdf;
    padding: 0px 18px;
}
.headerlink:hover {
	color: #f1f1f1;
    padding: 0px 18px;
}

.heroslider1{
	background: url("/siteart/hero_img1.jpg");
	background-size: cover;
	background-repeat: no-repeat;
		background-position: 50% bottom;
}
.heroslider2{
	background: url("/siteart/hero_img2.jpg");
	background-size: cover;
	background-repeat: no-repeat;
		background-position: 66% bottom;
}
.heroslider3{
	background: url("/siteart/hero_img3.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 55% bottom;
}
.herotext{
	background: url("/siteart/hero-text-bkgd.png");
	background-size: cover;
	background-repeat: no-repeat;
	height: 700px;
	display: flex;
	flex-wrap: wrap;
	padding-left: 5%;
	align-content: center;
}
.herosubhead{
font-family: 'Teko', sans-serif;
color: #afb2b5;
font-weight: 900;
font-size: 28px;
}

.heroheader {
    font-family: 'Teko', sans-serif;
    color: #0296f2;
    font-weight: 800;
    font-size: 68px;
    line-height: 50px;
}
.smtextwrapper{
	width: 30%;
}
.whtpara{
	font-family: 'Montserrat', sans-serif;
	color: #fff;
	font-size: 15px;
	padding: 20px 0px 40px 0px;
}
.herobtn{
	background: #0077C1;
	font-family: 'Montserrat', sans-serif;
	padding: 12px 50px;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	transition-duration: 0.5s;
}
.herobtn:hover{
	background: #0296f2;
}
.hpaboutsect{
	padding: 2% 0% 0% 0%;

}
.hpaboutsect p{
	padding: 0% 25%;
}
.titlesect {
    border-left: 50px solid #0296f2;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	padding: 15px 0px;	
	margin: 2% 0%;
	text-align: center
}
.dkgreysubhead{
	color: #535353;
	font-family: 'Teko', sans-serif;
	width: 100%;
    font-weight: 700;
    font-size: 22px;
	line-height: 20px;
}
.blueheader{
	color: #0296f2;
	width: 100%;
	font-family: 'Teko', sans-serif;
    font-size: 40px;
	line-height: 28px;
}
.blkpara{
font-family: 'Montserrat', sans-serif;
font-size: 15px;
line-height: 25px;
color: #000;
}
.smbluelinebkgd{
	background: url(/siteart/sm_bluebkg.png);
    height: 150px;
	background-position: right top;
    background-repeat: no-repeat;
    width: 100%;
}
.ltgreysubhead{
	color: #afb2b5;

	font-family: 'Teko', sans-serif;
	width: 100%;
    font-weight: 700;
    font-size: 22px;
}
.titlesectright{
	border-right: 50px solid #0296f2;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
	padding: 10px 0px;
	margin: 15px 0px;

}
.hpcontactsect{
	display: flex;
}
.hpmapsect{
	width: 52%;
}
.hpmap{
	width: 100%;
	height: 100%;
}
.hpcontactright{
	width: 48%;
}
.hpcontacttop{
	background: url("/siteart/contact.jpg");
	height: 300px;
	background-position: center;
	background-size: cover;
}
.hpcontactbottom{
	background: #000;    
	padding: 2% 0% 5% 5%;
	border-top: solid 3px #afb2b5;
}
.hpcontactinfo{
font-family: 'Montserrat', sans-serif;
color: #fff;
display: flex;
}
.hpcontactinfo i{
font-size: 20px;	
}
.hplink{
	color: #fff;
	padding: 0px 15px;
}
.hplink:hover{
	color: #dfdfdf;

}
.cpcontactinfo{
	display: flex;
	flex-wrap: wrap;
}
.cpcontactright{
	background: #000;
	width: 25%;
    padding: 6% 0% 0% 3%; 
}
.cptitlesect{
	border-left: 50px solid #0296f2;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
	padding: 15px 30px;	
	margin: 2% 0%;
	text-align: left;
	width: 85%;
}
.center{
	text-align: center;
}
.cplink{
	width: 100%;
	color: #fff;
    padding: 15px 15px 30px 0px;
	font-family: 'Montserrat', sans-serif;
}
.cplink:hover{
	color:#dfdfdf;
}
.cplink i{
	color: #fff;
	padding-right: 15px;
}
.cpicon {
    color: #fff;
    padding: 0px 25px 0px 0px;
    font-size: 20px;
}
.cpicon:hover{
	color:#dfdfdf;
}
.cpcontactmiddle{
	width: 32%;
}
.cpmap{
	width: 100%;
	height: 100%;
}
.cpcontactleft {
    width: 36%;
    padding: 1% 2%;
}
.blkheader{
	color: #000;
    font-family: 'Teko';
    font-size: 32px;
	line-height: 30px;
	text-transform: uppercase;
}
.smblkheader{
	color: #000;
    font-family: 'Teko';
    font-size: 22px;
	text-transform: uppercase;
	font-weight: 500;
}
.formfields{
	width: 90%;
	padding: 12px 2%;
	margin: 8px 0px;
}
.comments{
	width: 90%;
	padding: 12px 2%;
	margin: 8px 0px;
	height: 100px;
}
.submit{
	background: #0077C1;
    color: #fff;
    font-family: 'Teko', sans-serif;
    padding: 5px 35px;
    font-weight: 500;
	border: none!important;
    font-size: 16px;
	text-transform: uppercase;
	cursor: pointer;
	transition-duration: 0.5s;
}
.submit:hover{
	background: #0296f2;
  
}
.CaptchaMessagePanel{
font-family: 'Montserrat', sans-serif!important;
font-size: 12px!important;
}
.CaptchaWhatsThisPanel a{
font-family: 'Montserrat', sans-serif!important;
color: #000!important;
font-size: 12px!important;
}
.CaptchaPanel {
    margin: 0px 0px 0px 0px!important;
    text-align: left!important;
    padding: 0px!important;
}
.cpauctioninfo {
    padding: 5% 3% 1% 3%;
}
.auctioninfosect {
    padding: 20px 0%;
}
.invpadding{
	padding: 2% 0%;
}
.typadding{
	padding: 0% 5.5%;
}
.thankyousect{
	width: 90%;
	padding: 7% 0%;
}
.padding50t{
	padding-top: 50px;
}
/*-------- FOOTER STYLES ----------------*/
.topfooter{
display: flex;
background: #2a2a2a;
align-items: center;
box-sizing: content-box;
}
.smfootersect{
width: 15%;
padding: 1% 4%;
}
.smfootersect img{
width: 150px;
padding-bottom: 10px;
}
.bluebtn{
background: #0077C1;
color: #fff;
font-family: 'Teko', sans-serif;
padding: 8px 55px;
font-weight: 500;
font-size: 18px;
text-transform: uppercase;
transition-duration: 0.5s;
}
.footerbtn{
background: #0077C1;
color: #fff;
font-family: 'Teko', sans-serif;
padding: 5px 35px;
font-weight: 500;
font-size: 16px;
transition-duration: 0.5s;
text-transform: uppercase;
}
.bluebtn:hover{
background: #0296f2;

}
.footerbtn:hover{
background: #0296f2;

}
.footerheader{
font-family: 'Montserrat', sans-serif;
color: #fff;
font-size: 14px;
}
.footerlinks{
font-family: 'Montserrat', sans-serif;
color: #fff;
font-size: 12px;	
}
.footerlinks:hover{
	color:#dfdfdf;
	
}
.lgfootersect{
width: 55%;
text-align: right;
color: #fff;
font-family: 'Montserrat', sans-serif;
padding-right: 5%;
}
.footersmtext{
font-size: 12px;
color: #fff;
}
.bottomfooter{
background: #0077c1;
padding: 5px 5%;
color: #fff;
text-align: right;
box-sizing: content-box;

}
.bottomfooter i{
color: #fff;
font-size: 18px;
padding: 0px 10px;
}
.bottomfooter i:hover{
	color:#dfdfdf;
}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

.list-top-section .list-title .list-listings-count{
color: #0077c1!important;	
}
.list-content .media-buttons .print-this, .list-content .media-buttons .email-this{
	background: #0077C1!important;
    color: #fff!important;
    font-family: 'Teko', sans-serif!important;
    padding: 5px 35px!important;
    font-weight: 500!important;
    font-size: 15px!important;
	border: none!important;
	border-radius: 0px!important;
}

.list-top-section .list-title .list-title-text{
	    font-family: 'Teko', sans-serif!important;
		font-size: 2.1em!important;
}

.view-listing-details-link{
	background-color: #0077c1!important;
}
.list-content .price-container .price {
	color: #0077c1!important;
}
.list-top-section .sticky-top-menu .listing-option-bar-content .list-listings-count{
color: #0077c1!important;	
}
.mobile-option-bar .mobile-option-bar-filter{
color: #0077c1!important;	
}
.faceted-search-content .mobile-done-button-container .mobile-done-button{
background-color: #0077c1!important;	
	
}
.list-content .list-error-container .info button{
background-color: #0077c1!important;	
}
.faceted-search-content .selected-facets-container .selected-facet{
background: #0077c1!important;	
}
.list-content .list-error-container .info .selected-facet button{
	background: transparent!important;
}
/*---------- RESPONSIVE STYLES ----------*/


@media only screen and (max-width: 1615px) {
.smtextwrapper {
    width: 46%;
}
.smtextwrapper p{
    width: 75%;
}
	}
@media only screen and (max-width: 1450px) {
.smfootersect {
    width: 25%;
    padding: 3% 1% 3% 4%;
}
	
}
@media only screen and (max-width: 1420px) {
	.herotext{
	background-position: 20%;	
	}
	.heroslider3{
	background-position: 50% bottom;	
	}
	.heroslider2{
	background-position: 83% bottom;	
	}
	.heroslider1{
	background-position: 63% bottom;	
	}
}
@media only screen and (max-width: 1265px) {
	.hpmapsect {
    width: 40%;
}
	.hpcontactright {
    width: 60%;
}
	.cpcontactleft {
    width: 96%;
    padding: 1% 2% 4% 2%;
}
.cpcontactmiddle {
    width: 50%;
}
.cpcontactright {
    width: 47%;
    padding: 6% 0% 7% 3%;
}
}
@media only screen and (max-width: 1120px) {
	.hpaboutsect p {
    padding: 0% 12%;
}
}
@media only screen and (max-width: 1015px) {
	.hpcontactsect {
    flex-wrap: wrap;
	}
	.hpmapsect {
    width: 100%;
    height: 310px;
}
	.hpcontactright {
    width: 100%;
}
	.hpcontacttop{
	    height: 195px;	
	}
	.hpcontactbottom {
	padding: 6% 0% 8% 5%;
	}
}
@media only screen and (max-width: 1000px) {
	.mobileheroimage{
		height: 470px;
		width: 100%;
	}
	.mobileimg1 {
		background: url(/siteart/hero_img1.jpg);
		background-size: cover;
		background-position: right;

	}	
	.mobileimg2 {
		background: url(/siteart/hero_img2.jpg);
		background-size: cover;
		background-position: 90%;
	}	
	.mobileimg3{
		background: url(/siteart/hero_img3.jpg);
		background-size: cover;
		background-position: 75%;
	}
	.heroslider3{
	background:none;	
	}
	.heroslider2{
	background:none;	
	}
	.heroslider1{
	background:none;	
	}
	.herotext{
	background: #000;
	height: 280px;
	padding: 0% 5% 10% 5%;
	}
	.smtextwrapper {
    width: 90%;
}
	.topfooter{
	flex-wrap: wrap;	
	}
	.lgfootersect {
    width: 90%;
    padding: 2% 5% 4% 4%;
}
	.smfootersect {
		width: 27%;}
}
@media only screen and (max-width: 775px) {
.mobileheroimage {
	height: 380px;
}
.herotext{
height: 395px;		
}
	.smtextwrapper p {
    width: 98%;
}
	.smtextwrapper {
    width: 100%;
}
.cpcontactright {
    width: 98%;
    padding: 6% 0% 7% 3%;
}
.cpcontactmiddle {
    width: 100%;
	height: 300px;
}
}
@media only screen and (max-width: 725px) {
	.headerinfo{
		display: none;
	}
	.mobileheaderinfo{
		display: inline-block;
		padding: 0px 15px;
		color: #dfdfdf;
		font-size: 20px;
	}
	.headerleft {
		width: 58%;
	}
	.headerright {
		width: 22%;}
	.headerleft img {
    width: 180px;
	}
	
}

@media only screen and (max-width: 620px) {
	.hpcontact {
    width: 100%;
    padding: 18px 0px;
	}
	.hpcontact i{
    padding: 0px 10px 0px 0px;
	}
	.hpcontactinfo{
		flex-wrap: wrap;
	}
	.hplink {
    padding: 0px 22px 0px 0px;
	}
}
@media only screen and (max-width: 600px) {
.smfootersect {
    width: 100%;
}	
.lgfootersect {
   text-align: left;	
	}
}
@media only screen and (max-width: 570px) {
.heroheader {
    font-size: 50px;
    line-height: 36px;
}	
.herosubhead {
font-size: 24px;	
	}
.herobtn {
padding: 12px 25px;	
}
}
@media only screen and (max-width: 480px) {
	.mobileimg2{
	    background-position: 78%;	
	}
	.mobileimg3{
	    background-position: 58%;	
	}
	.titlesect {
		border-left: 20px solid #0296f2
	}
	.hpaboutsect p {
    padding: 0% 8%;
}
	.hplink {
    padding: 0px 5px 0px 0px;
}
	.cptitlesect {
		border-left: 20px solid #0296f2;
		padding: 15px;
	}
	.titlesectright{
	border-right: 20px solid #0296f2;
		padding: 15px 5px;	
	}
}
@media only screen and (max-width: 315px) {
	.headerleft img {
    width: 150px;
	}
	.cplink{
	padding: 15px 0px 30px 0px;
	font-size: 1.5vh;
	}
	.blueheader{
		font-size: 15vw;
		line-height: 12vw;
	}
	.ltgreysubhead{
		font-size: 10vw;
		line-height: 10vw;
	}
}
@media only screen and (max-width: 260px) {
.herotext {
    height: 460px;
}
.herobtn {
font-size: 5vw;
padding: 12px 14px;
	}
.heroheader {
    font-size: 17vw;
    line-height: 13vw;
}
	.herosubhead{
		font-size: 10vw;
	}
	.whtpara{
		font-size: 14px;
	}
}
@media only screen and (max-width: 240px) {
.headerleft img {
    width: 100%;
}	
.headerleft {
    width: 44%;
}
	.headerright {
    width: 38%;
}
}