/* 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;} img{max-width: 100%; height: auto; image-rendering: -webkit-optimize-contrast;}


::-moz-selection{background: #3a7574; color: #fff; text-shadow: none;} ::selection{background: #3a7574; color: #fff; text-shadow: none;}

/* BASE TYPOGRPHY */

#header, #footer{font-family: urw-din, sans-serif; font-size: 14px; scroll-behavior: smooth;}
#header strong, #footer strong{font-weight: 700;}
#header hr, #footer hr{border: none; border-top: 1px #ddd solid;}

.theme-color{color: #3a7574;}
#header .black, #footer .black{color: #000;}
#header .white, #footer .white{color: #fff;}

#header .arrow-link, #footer .arrow-link{display: block;}
#header .underline, #footer .underline{display: inline-block;}

/* HEADERS */

#header h1, #footer h1{font-size: 26px; font-weight: 700; color: #3a7574; margin-bottom: 5px;}
#header h2, #footer h2{font-size: 24px; font-weight: 700;}
#header h3, #footer h3{font-size: 22px; font-weight: 700; margin-bottom: 5px;}
#header h4, #footer h4{font-size: 20px; font-weight: 700;}
#header h5, #footer h5{font-size: 18px; font-weight: 700;}
#header h6, #footer h6{font-size: 16px; font-weight: 700;}

/* PARAGRAGHS */

#header p, #footer p{font-family: urw-din, sans-serif; font-size: 15px; line-height: 26px;}

/* LINKS */

#header a, #footer a{color: inherit; text-decoration: none; cursor: pointer; transition: all .2s ease-in-out;} a:hover{color: #3a7574;}
#header a.underline, #footer a.underline{font-weight: 700; text-decoration: underline; margin-top: 2px;} a.underline:hover{text-decoration: none;}



/* PAGE STRUCTURE */

.column12, .column11, .column10, .column9, .column8, .column7, .column6, .column5, .column4, .column3, .column2, .column1{float: left; padding: 0 25px 0 0;} .column12{width: 100%;} .column11{width: 91.6666%;} .column10{width: 83.3333%;} .column9{width: 75%;} .column8{width: 66.6666%;} .column7{width: 58.3333%;} .column6{width: 50%;} .column5{width: 41.6666%;} .column4{width: 33.3333%;} .column3{width: 25%;} .column2{width: 16.6666%;} .column1{width: 8.3333%;} .last{padding: 0;} .cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;} *{box-sizing: border-box;}

.main-content{padding: 50px 0;}
.container{max-width: 1200px; padding: 0 20px; margin: 0 auto;}
.pad-tb{padding: 50px 0;}
.right{float: right;}
.middle{opacity: 0; position: absolute; top: 0; left: 0; height: 0; width: 0; z-index: -1;}

.teal-bg{background: #397675;} .teal-bg p{color:#fff;}
.grey-bg{background: #fafafa;}

.blue-title-bar{background: #DFE8EF; margin: 20px 0 50px; width: 100%; height: 5px;}
.blue-title-bar div{background: #2A6795; margin: 0 auto; width: 100px; height: 5px;}
.green-title-bar{background: #E2EBEA; margin: 20px 0 50px; width: 100%; height: 5px;}
.green-title-bar div{background: #3B7473; margin: 0 auto; width: 100px; height: 5px;}

/* HEADER */

.header-container{width: 100%; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1); top: -100px;}
.top-header{background: #333; padding: 5px 0; font-size: 12px; font-weight: 700;}
.top-header .address{display: inline-block; color: #aaa;}
.top-header .phone{display: inline-block; color: #fff; padding: 0 0 0 15px;}
.top-header .social{float: right; font-size: 14px; color: #fff;}
.top-header .social a{margin-left: 10px;} .top-header .social a:hover{color: #ddd;}
.header{width: 100%; background: #fff;}
.header .logo{float: left; width: 125px; padding: 10px 0;}

.stick{position: fixed; top: 0; width: 100%; z-index: 9999;}
.stick .top-header{display: none;}
.stick .header .logo{width: 90px; padding: 5px 0;}
.push{height: 100px;}

/* STYLES */

.grey-box{background: #fafafa; padding: 20px; border: 1px #ddd solid; margin-bottom: 10px;}
.grey-box p{font-size: 14px; line-height: 24px; color: #3F3F45}

/* FOOTER */

.footer-top{background:  url("/templates/auctionflex.com/siteart/footer.png") center center; background-size: cover; height: 120px;}
.footer{background: #3B7473; font-weight: 700; color: #fff;}
.footer .top-footer .address{display: inline-block; color: #fff; padding: 0 15px 0 0;}
.footer .top-footer .phone{display: inline-block; color: #fff; padding: 0 0 0 15px;}
.footer .top-footer .social{float: right; font-size: 14px; color: #fff;}
.footer .top-footer .social a{margin-left: 10px;}
.footer .top-footer .social a:hover{color: #ddd;}
.footer .top-footer{padding: 25px 0;}
.footer .mid-footer{display: flex; flex-wrap: wrap; border-top: 1px #9dbab9 solid; padding: 25px 0; color: #ddd; line-height: 25px;}
.footer .mid-footer h5{color: #fff; margin-bottom: 10px;}
.footer .mid-footer a{display: block;}
.footer .mid-footer a:hover{color: #fff;}
.footer .agreements{padding: 20px 0; text-align: center;}
.footer .agreements ul{margin: 5px 0;}
.footer .agreements ul li{border-right: 1px #fff solid; display: inline-block;}
.footer .agreements ul li:last-child{border-right: none;}
.footer .agreements ul li a{color: #ddd; padding: 10px;}
.footer .agreements ul li a:hover{color: #fff;}

/* RESPONSIVE */

/*.show{display: none;}*/
.show-mobile{display: none;}

@media screen and (max-width: 1024px){
    .header-container{position: relative; top: 0;}
    .push{display: none; height: 149px;}
    .header .container{padding: 0;}
    .header .logo{float: none; width: 100%; text-align: center;}
    .header .logo img{position: relative; left: -20px;}
    
	.hero .column6{padding: 0 15px;}
    .hibid{padding-bottom: 25px; text-align: center;}
    .hibid h2{font-size: 20px;}
    .hibid img{max-height: 150px;}
	.hibid .column6{padding: 0; text-align: center;}
	.hibid .hibid-icons{justify-content: center;}
	
    .video-thumbnail{width: calc(50% - 10px);}
}
@media screen and (max-width: 768px){
	.main-content{padding: 35px 0;}
    .column8, .column6, .column4{float: none; width: 100%; padding: 0; margin: 10px 0;}
    .column3{width: 50%; margin: 10px 0;}
    
    .hero{text-align: center; padding: 30px 0 190px;}
	.hero .column6{padding: 0;}
	.hero h1{font-size: 20px; line-height: 24px;}
    .hero img{max-height: 150px;}
    .signup .column6{float: none; width: 100%; margin: 10px 0;}
	.spotlight{padding: 35px 0;}
	.spotlight .column3{width: calc(50% - 10px);}
	.seller-info{padding: 35px 0;}
	.seller-info .container h2{width: 100%; margin-bottom: 10px; font-size: 24px; text-align: center;}
	.seller-info .container h2 span{font-size: 32px;}
	.seller-info .container .seller-btns{width: 100%;}
    
    .plan-container{width: 100%; margin: 10px 0;}
	.testimonials h2{font-size: 20px;}
    .testimonial-container{column-count: 1;}
    
    .table-container{max-width: 100%; overflow-x: scroll;}
    .table{width: 700px;}
}
@media screen and (max-width: 480px){
	.show-mobile{display: block;}
    .column3{float: none; width: 100%; padding: 0; margin: 10px 0;}
    .top-header{text-align: center;}
    .top-header .social{display: none;}
    
    .footer .top-footer{text-align: center; padding: 0;}
    .footer .top-footer .social{float: none; width: 100%; margin: 10px 0;}
    .footer .mid-footer{display: none;}
    .footer .agreements ul li{display: block; border: none; margin: 5px 0;}
    .footer .bottom-footer .copyright, .footer .bottom-footer .host{float: none; width: 100%; text-align: center; margin: 5px 0;}
    
    .portals p{display: block; width: 100%;}
    .video-thumbnail{width: 100%; margin: 5px 0;}
}