/***** 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 --------*/
* {box-sizing: border-box;}
body {
}
a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none; cursor: pointer !important;}
button:hover {cursor: pointer !important;}
hr{border:#000 1px solid;}
html {font-family: 'Poppins', sans-serif;}
/*--- HEADER STYLES ---------------------*/
header {background: #000;}
.header {width: 83%; max-width: 1300px; margin: 0 auto; display: flex; justify-content: space-between; padding: 12px 0;}
.header ul {display: flex; font-family: 'Montserrat', sans-serif; font-size: 14px; gap: 30px;}
.header ul a {color: #fff;}
.header ul:first-child i {padding-right: 10px;}
.header ul:last-child i {font-size: 18px;}
.header ul:last-child a:hover i {color: #ce1212; transition: .5s;}
.header-logo {
max-width: 180px;
}
.header-logo img {
width: 100%;
}
/*---BODY--------------------------------*/
/*---DEFAULT---*/
.bidding-hero {background: url("/siteart/bidding-hero.jpg") no-repeat; background-position: center; background-size: cover;}
.hero-overlay {background: rgba(48,48,48,0.65); padding: 130px 0 70px 0;}
.hero-overlay h1 {text-align: center; color: #fff; font-size: 65px; font-family: 'Poppins', sans-serif; font-weight: 600;}
/*--------FORM STYLES--------------------*/
/*-------- FOOTER STYLES ----------------*/
.auction-bkgrd {background: url("/siteart/auction-bkgrd.jpg") no-repeat; background-position: center; background-size: cover;}
.auction-overlay {background: rgba(244,244,244,0.92);}
.auction-wrapper {width: 83%; margin: 0 auto; display: flex; justify-content: space-between; padding: 40px 0; align-items: center;}
.auction-wrapper img {margin-bottom: 10px;}
.auction-wrapper p {color: #1B1717; font-size: 16px;}
.auction-wrapper button {background: #BA0021; border-radius: 3px; width: 230px; font-size: 16px; color: #fff; font-weight: 400; padding: 12px 0; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border: 1px #BA0021 solid; font-family: 'Poppins', sans-serif;}
.auction-wrapper button:hover {background: #303030; border: 1px #303030 solid;}
.currency-bkgrd {background: url("/siteart/currency-bkgrd.jpg") no-repeat; background-size: cover; background-position: center;}
.currency-overlay {background: rgba(48,48,48,0.90);}
.currency-width {width: 95%; margin: 0 auto; padding: 40px 0;}
.currency-bkgrd p {text-align: center; color: #fff; font-size: 45px; font-family: 'Poppins', sans-serif; font-weight: 600;}
.currency-bkgrd button {text-align: center; background: none; border-radius: 3px; width: 230px; font-size: 16px; color: #fff; font-weight: 400; padding: 12px 0; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border: 1px #fff solid; font-family: 'Poppins', sans-serif; margin-top: 20px;}
.currency-bkgrd button:hover {background: #BA0021; border: 1px #BA0021 solid;}
.currency-bkgrd a {display: flex; justify-content: center;}
footer {border-top: 5px solid #000;}
/*.footer-bkgrd {background: #303030;}*/
.footer-wrapper {width: 83%; max-width: 1300px; margin: 0 auto; padding: 10px 20px; display: flex; justify-content: center; background-color: #000; gap: 0 3%;}
.footer-wrapper div {width: 100%;}
.footer-wrapper a {color: #fff;}
.footer-wrapper div:first-child img { width: 200px;}
.footer-wrapper p {color: #fff; font-size: 18px; line-height: 28px; font-weight: 300;}
.footer-wrapper div:last-child a {color: #fff; font-size: 18px;}
.footer-wrapper div:last-child i {color: #fff; font-size: 18px;}
.footer-wrapper div:last-child div {display: flex; gap: 20px;}
.footer-wrapper a:hover {color: #ce1212; transition: .5s;}
.footer-flex {display: flex; justify-content: space-between;}
.footer-flex div:first-child {width: auto !important;}
.footer-flex {width: 40%;}
.footer-flex p {margin-top: 0px !important;}
.footer-auction {display: flex; gap: 20px; flex-wrap: wrap;}
.footer-center p {font-size: 24px; font-weight: 500; text-align: center; margin-top: 20px;}
.useful-links {text-align: center;}
.useful-links h3 {color: #fff; font-size: 24px; font-weight: 500;}
.footer-wrapper div.footer-center {width: 150%;}
footer .licenses {
padding: 70px 20px;
text-align: center;
}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1410px) {
.footer-flex {width: 42%;}
}
@media only screen and (max-width: 1280px) {
.footer-flex {width: 44%;}
}
@media only screen and (max-width: 1200px) {
.footer-flex {flex-wrap: wrap; width: 215px;}
.footer-flex div {width: 100% !important;}
.footer-flex div:last-child {margin-top: 20px;}
}
@media only screen and (max-width: 1024px) {
.hero-overlay h1 {font-size: 45px;}
.auction-wrapper, .footer-wrapper, .currency-width {width: 90%;}
.auction-wrapper button, .currency-bkgrd button {font-size: 14px;}
.footer-wrapper p {font-size: 16px;}
.footer-center p {font-size: 18px;}
.currency-bkgrd p {font-size: 35px;}
.footer-auction a {width: 100%; display: flex; justify-content: flex-end;}
.footer-auction {width: 100%; justify-content: flex-end; gap: 12px;}
}
@media only screen and (max-width: 767px) {
.hero-overlay h1 {font-size: 35px; width: 90%; margin: 0 auto; line-height: 40px;}
.auction-wrapper button, .currency-bkgrd button {width: 180px;}
.auction-wrapper p {font-size: 14px; line-height: 18px;}
.auction-wrapper img {width: 250px;}
.hero-overlay {padding: 110px 0 60px 0;}
.footer-wrapper {flex-wrap: wrap; justify-content: center;}
.footer-wrapper div:first-child {width: 100%; text-align: center;}
.footer-flex {width: 100%; justify-content: center; margin-top: 20px;}
.footer-flex div {text-align: center;}
.footer-wrapper div:first-child img {width: 50%;}
.footer-wrapper div:first-child p:last-child {margin-top: 10px;}
.useful-links {text-align: center; margin-top: 30px;}
.footer-wrapper div:last-child div {justify-content: center;}
.currency-bkgrd p {font-size: 28px; line-height: 34px;}
}
@media only screen and (max-width: 530px) {
.auction-wrapper {flex-wrap: wrap; gap: 25px;}
.auction-wrapper > div {width: 100%; text-align: center;}
.auction-wrapper button, .currency-bkgrd button {width: 100%;}
}
@media only screen and (max-width: 320px) {
.auction-wrapper img {width: 90%;}
}