/***** 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;font-family:'Roboto Condensed', sans-serif;
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, img {
display: block;
}
/* Clearfix */
.cf:before, .cf:after {content:" ";display:table;}
.cf:after {clear:both;}
.cf {*zoom:1;}
body {font-weight:400;-webkit-text-size-adjust:none;font-size:18px;line-height:26px;overflow-x:hidden;}
h1, h2, h3, h4 {font-weight:700;margin-bottom:5px;line-height:normal;}
strong {font-weight:700;}
a:link, a:visited, a:active {text-decoration:none; color:#4d1818;font-weight:700;}
a:hover {text-decoration:underline; color:#4d1818;font-weight:700;}
.divfooter {width:450px; text-align:center; margin:0 auto;}
.logo {float:left;max-width:100%;width:25%;height:auto;}
.logo img {max-width:100%;height:auto;}
.header {background:url("../siteart/concrete.jpg");background-position:center;margin:0px auto;height:auto;width:100%;background-repeat:no-repeat;padding:2% 0px;border-top:5px solid #4d1818;border-bottom:2px solid #4d1818;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;}
.auction-banner {background: url(../siteart/auction-banner-logo-hover2.jpg) no-repeat; transition: .3s ease; box-shadow: 0px 1px 5px #333; position: relative; z-index: 99;background-position: center center; padding: 25px 0; text-align: center;}
.auction-banner:hover {background: url(../siteart/auction-banner-logo.jpg) no-repeat;background-position: center center}
.auction-banner:hover > p{color:#000}
.auction-banner:hover > .auction-banner .at-btn{background: #A3090B}
.auction-banner p {color:#fff; font-weight: 700; text-align: center; letter-spacing: 1px; text-transform: uppercase; font-size: 30px; line-height: 35px;}
.auction-banner .at-btn {background: #000; color:#fff; padding: 10px 0px; width: 300px; line-height: 30px; text-align: center; text-transform: uppercase; margin-top:30px;display: inline-block}
.footer .wrapper, .header .wrapper {max-width:85%;width:100%;height:auto;margin:0 auto;padding:0;}
.wrapper {max-width:85%;width:100%;height:auto;margin:0 auto;padding:3% 0;}
img#homepage-hero {width: 100%; height: auto;}
.footer {background:url("../siteart/footer.png");background-position:center;margin:0px auto;height:auto;width:100%;background-repeat:no-repeat;padding:2% 0px;color:#fff;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;}
.threecols {float:left;display:block;width:100%;max-width:33%;vertical-align:top;}
.footer a:link, .footer a:visited, .footer a:active {text-decoration:none; color:#fff;font-weight:400;}
.footer a:hover {text-decoration:underline; color:#fff;font-weight:400;}
/* Style tab links */
.tablink {
background-color: #555;font-family:'Roboto Condensed', sans-serif;
color:#fff;
float:left;
border:1px solid #ccc;
outline:none;
cursor:pointer;
padding:14px 16px;
font-size:16px;text-transform:uppercase;
width:25%;box-sizing:border-box;}
.tablink:hover {background-color:#777;}
/* Style the tab content (and add height:100% for full page content) */
.tabcontent {display:none;padding:100px 20px;height:100%;}
#Agriculture, #Construction, #Trucks, #Trailers{background-color:#eee;}
.detailed-search {padding: 25px; box-sizing: border-box;}
.detailed-search input, .detailed-search select {width:49%;float:left;display:block;padding: 8px 10px;background-color: #fff;color: #555; margin: .5%; box-sizing: border-box; outline: none; border-radius: 0; border:1px solid #afafaf; -webkit-appearance: none;font-family:'Roboto Condensed', sans-serif;}
.detailed-search input[type='submit'] {display:inline-block; border:none; background: #4d1818; font-size: 18px; color: #fff; width: 99%; outline: none; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; cursor: pointer; position: relative; padding: 10px; vertical-align:top; margin-bottom: 8px; text-align:center;font-family:'Roboto Condensed', sans-serif;}
.detailed-search input[type='submit']:hover {color:#fff; background:#555; text-shadow:none; box-shadow:1px 1px 5px #AFAFAF;}
.CTA {overflow:hidden;width:100%;max-width:25%;display:block;float:left;position:relative;height:auto;}
.CTA img {transition:transform .5s ease;width:100%;}
.CTA:hover img {transform:scale(1.5);cursor:pointer;}
.CTA h2 {position:absolute;z-index:2;left:0;color:#fff;width:100%;text-align:center;text-shadow:2px 2px 8px rgba(0,0,0,.8); display: flex; justify-content: center; height: 100%; align-items: center;}
/************************************************ Responsive Styles ************************************************/
@media screen and (max-width: 1100px){
.logo {float:left;width:50%;}
.CTA h2{
font-size: 24px;
}
}
@media screen and (max-width: 920px){
.detailed-search input, .detailed-search select {width:100%;}
.detailed-search input[type='submit'] {width:100%;}
.threecols {float:none;max-width:100%;font-size:16px;}
.tablink {width:50%;}
.CTA {max-width:50%;}
.tabcontent h2{
padding-top: 5%;
}
}
@media screen and (max-width:500px){
.auction-banner {background-position: center left; }
.auction-banner:hover {background-position: left center; }
.auction-banner p a {width: 95%; padding: 6px 0 ; margin: 10px auto;display: inline-block;}
.auction-banner p a:hover {width: 95%; padding: 6px 0 ; margin: 10px auto;display: inline-block;}
}
@media screen and (max-width: 425px){
.CTA h2{
font-size: 18px;
}
.wrapper h1{
font-size: 30px;
padding-top: 7%;
}
.tabcontent h2{
padding-top: 5%;
}
}