/***** BEGIN RESET *****/
@import url('https://fonts.googleapis.com/css2?family=Arimo:wght@400;500;600;700&display=swap');

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 --------

*/
#lbBottomNav{bottom:0!important;}
/***** 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 {
	font-family: 'Arial', 'Arimo', sans-serif;

}

.wrapper {
  height: auto;
}

.loader {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 0;
  height: 100vh;
  transition: width 0s 1.4s ease;
}
.loader .loader__tile {
  position: absolute;
  left: 0;
  width: 0;
  height: 20%;
  background-color: #b52b32;
  transition: width 0.6s ease;
}
.loader .loader__tile:nth-child(0) {
  top: calc(-1 * 20%);
  transition-delay: -0.2s;
}
.loader .loader__tile:nth-child(1) {
  top: calc(0 * 20%);
  transition-delay: 0s;
}
.loader .loader__tile:nth-child(2) {
  top: calc(1 * 20%);
  transition-delay: 0.1s;
}
.loader .loader__tile:nth-child(3) {
  top: calc(2 * 20%);
  transition-delay: 0.2s;
}
.loader .loader__tile:nth-child(4) {
  top: calc(3 * 20%);
  transition-delay: 0.3s;
}
.loader .loader__tile:nth-child(5) {
  top: calc(4 * 20%);
  transition-delay: 0.4s;
}
.loader--active {
  width: 100%;
  transition-delay: 0s;
}

.loader--active .loader__tile {
  width: 100%;
}
.loader--active .loader__tile:nth-child(0) {
  transition-delay: -0.2s;
}
.loader--active .loader__tile:nth-child(1) {
  transition-delay: 0s;
}
.loader--active .loader__tile:nth-child(2) {
  transition-delay: 0.2s;
}
.loader--active .loader__tile:nth-child(3) {
  transition-delay: 0.4s;
}
.loader--active .loader__tile:nth-child(4) {
  transition-delay: 0.6s;
}
.loader--active .loader__tile:nth-child(5) {
  transition-delay: 0.8s;
}

img.show{position:relative; opacity:0; transform:scale(70%); transition:1s all ease}
img.show.active{ opacity:1; transform:scale(100%);}

.showSecond{position:relative; transform: translateX(150px); opacity:0; transition:.5s all ease}
.showSecond.active{transform: translateX(0); opacity:1;}

.showThird{position:relative; transform: translateX(-150px); opacity:0; transition:1s all ease}
.showThird.active{ opacity:1; transform:translateX(0);}

.showFourth{position:relative; opacity:0; transform:scale(70%); transition:1s all ease}
.showFourth.active{ opacity:1; transform:scale(100%);}

.showFifth{position:relative; transform: translateY(20px); opacity:0; transition:1s all ease}
.showFifth.active{transform: translateY(0); opacity:1;}

.home-about{overflow-x:hidden!important;}

@keyframes shrink{
	0%{
		transform: scale(140%);;
	}
		100%{
			transform: scale(100%);;
		}
	}
.top{animation:1s ease-out 0s 1 shrink; animation-delay:.2s;}



a{text-decoration:none;}
a.red-btn{width:140px; font-size:15px; background-color:#b52b32; padding:12px; color:#fff; text-align:center; margin-top:60px; display:inline-block; margin-right:15px; transition:.3s ease;}
a.clear-btn{width:140px; font-size:15px; background-color:transparent; border: solid 1px #fff; padding:12px; color:#fff; text-align:center; margin-top:60px; display:inline-block; transition:.3s ease;}
a.red-btn:hover, a.clear-btn:hover{border-radius:15px;}
/*--- HEADER STYLES ---------------------*/
.top-wrapper{width:100%; background-color:#b52b32; padding:10px 0;}
.top-header{width:90%; margin:0 auto; display:flex; flex-direction:row; justify-content:space-between;}
.top-header-left a{color:#fff; padding:0 15px; font-size:15px; transition:.3s ease;}
.top-header-left a i{padding-right:5px;}
.top-header-right{color:#fff;}
.top-header-right a{padding:0 15px; color:#fff; font-size:15px; transition:.3s ease;}
.top-header a:hover{color:#000;}

header{width:90%; margin:0 auto; display:flex; flex-direction:row; justify-content:space-between;}
.logo{width:150px;}
.logo img{width:100%;}
/*---BODY--------------------------------*/
.hero{width:100%; position:relative; background: #000;}
.hero img{width:100%; position:relative; display: block;}

.hero-text{width:60%; position:absolute; left:5%; bottom:35%;}
.hero-text h1{font-size:60px; font-weight:800; color:#fff; padding-bottom:15px; text-shadow:3px 3px 6px rgba(0,0,0,.8);}
.hero-text p{font-size:15px; color:#fff; line-height:22px; width:70%; }

/*-----------Upcoming Auction----------------*/
.home-auction{width:100%; background:linear-gradient(to right, #b52b32 50%, Transparent 50%);margin:40px 0 140px 0;}
.home-auction-wrapper{width:65%; margin:0 auto; height:160px;}
.home-auction-wrapper h2{font-size:24px; color:#fff; text-transform:uppercase; padding:15px 0;}
.auction, .auction-mobile{width:100%; display:flex; flex-direction:row; color:#fff; }
.auction-left{width:70%; background-color:#000; display:flex; flex-direction:row; padding:10px; box-sizing:border-box;}
.auction-date{padding:25px;}
.auction-date a p{font-size:18px; font-weight:800; text-transform:uppercase; line-height:30px; padding:20px 30px;; border: solid 2px #b52b32; text-align:center; color:#fff;}
.auction-right{width:30%; background-color:#b52b32;}
.auction-info p.bold{padding-top:25px;}
.auction-info p span{font-weight:600;}
.auction-info p{line-height:26px; font-size:15px;}
.auction-btn{padding-top:18%;}
.auction-btn a{width:140px; font-size:15px; background-color:transparent; border: solid 2px #000; padding:12px; color:#fff; text-align:center; margin-top:60px; display:block; margin:0 auto; transition:.3s ease;}
.auction-btn a:hover{background-color:#000; border-radius:15px;}
.auction-mobile{display:none}
/*---------------About Home-----------------*/

.home-about{width:100%; display:flex; flex-direction:row;}
.home-about-left{padding:10% 5%; width:50%;}
.home-about-right{width:50%; background: linear-gradient(to right, #fff 50%, #000 50%); padding:80px 0;}
.home-about-right img{max-width:90%; width:100%;}
.home-about-left h2{font-size:36px; text-transform:uppercase; font-weight:800; line-height:30px;}
.home-about-left h2 span{font-size:18px; font-weight:400;}
.home-about-left p{padding:40px 0 20px 0; width:90%; line-height:22px; font-size:15px;}
.home-about-left hr{border:solid 3px #b52b32; width:100px; float:left;}
.home-services{padding-top:100px; display:flex; flex-direction:row; justify-content:flex-start; width:100%;}
.home-services a{padding-right:90px; text-align:center;}
.home-services a p{font-size:18px; text-transform:uppercase; font-weight:600; color:#000; padding-top:15px; width:100%;}
.home-services a i{font-size:55px; color:#b52b32; transition:.3s ease;}
.home-services a:hover i{transform:scale(115%);}

/*---------Auction Buttons--------------*/
.auction-btns{width:100%; display:flex; height:350px; flex-direction:row; padding-top:80px;}
.auction-btns a{width:50%;height:100%;}
.auction-services{background-color:#000;position:relative;height:100%;overflow:hidden;}
.upcoming-auctions{background-color:#86161C; position:relative;height:100%;overflow:hidden;}
.auction-services img{width:100%; height:100%; object-fit:cover; opacity:.2; transition:.3s ease-in-out;}
.upcoming-auctions img{width:100%; height:100%; object-fit:cover; opacity:.2; transition:.3s ease-in-out;}
.auction-services p, .upcoming-auctions p{text-align:center;position:absolute; bottom:45%; margin:0 auto; left:0px; right:0px; font-size:30px; text-transform:uppercase; color:#fff; font-weight:800; z-index:100; text-shadow:3px 3px 6px rgba(0,0,0.8);}
.auction-btns a:hover .auction-services img, .auction-btns a:hover .upcoming-auctions img{opacity:.6; transform:scale(110%);}
/*------------EF Page---------------*/

#ef-section{max-width:1200px; width:100%; padding:60px 5px; box-sizing:border-box; margin:0 auto;}

/*---------Pages---------------*/
.page-top{background:#000 url("/siteart/land.jpg") center center no-repeat; background-size:cover;padding:100px 0; text-align:center;}
.page-top h1{ text-align:center; color:#fff; text-transform:uppercase; font-size:40px; font-weight:800; text-shadow:3px 3px 6px rgba(0,0,0,.8);}

.page-top2{background:#000 url("/siteart/auction-page.jpg") center center no-repeat; background-size:cover;padding:100px 0;text-align:center;}
.page-top2 h1{ text-align:center; color:#fff; text-transform:uppercase; font-size:40px; font-weight:800; text-shadow:3px 3px 6px rgba(0,0,0,.8);}
.page-top p, .page-top2 p{color:#fff; font-size:16px;}

.not-found-top{background-position:center 30%;}
.not-found-wrap{max-width:1200px; width:100%; margin:0 auto; padding:70px 10px; box-sizing:border-box;}
.not-found-card{max-width:760px; width:100%; margin:0 auto; text-align:center; border-radius:15px; box-shadow:3px 3px 8px rgba(0,0,0,.2); padding:50px 30px; box-sizing:border-box;}
.not-found-code{font-size:90px; line-height:82px; font-weight:800; color:#b52b32; letter-spacing:2px;}
.not-found-card h2{font-size:36px; text-transform:uppercase; font-weight:800; padding:10px 0 15px 0; line-height:40px;}
.not-found-text{font-size:16px; line-height:24px;}
.not-found-actions{padding-top:20px;}
.not-found-actions a.red-btn{margin-top:10px;}
.not-found-actions a.not-found-clear{margin-top:10px; color:#000; border:solid 1px #000;}
.not-found-actions a.not-found-clear:hover{color:#fff; background-color:#000;}
.not-found-contact{padding-top:25px; font-size:15px;}
.not-found-contact a{color:#b52b32; font-weight:700;}
.not-found-contact a:hover{text-decoration:underline;}


.page-top3{background: #000 url("/siteart/McGinnis-team.jpg") center center no-repeat; background-size:cover;padding:300px 0; text-align:center;}
.page-top3 h1{ text-align:left; padding-left:5%; box-sizing:border-box; color:#fff; text-transform:uppercase; font-size:50px; font-weight:800; text-shadow:3px 3px 6px rgba(0,0,0,.8);}

/*----------Auction Services------------*/
.services{max-width:1200px; width:100%; display:flex; flex-direction:row; justify-content:center; margin: 0 auto; flex-wrap:wrap; padding-bottom:10px; padding-top:60px;}
.service{width:calc(33.33% - 20px); box-sizing:border-box; padding:40px 25px; margin:10px; box-shadow:3px 3px 6px rgba(0,0,0,.4); text-align:center; border-radius:15px;}
.service i{font-size:60px; margin:0 auto; padding:15px 0;} 
.service h2{font-size:24px; text-transform:uppercase; color:#b52b32; font-weight:800;}
.service p{padding:20px 0; font-size:15px; line-height:22px;}

/*-----------Coming sooon-------------*/
.coming-soon{max-width:1200px; width:100%; margin:0 auto; padding:60px 0;}

/*-------Real Estate--------*/
.real{max-width:1200px; width:100%; margin:0 auto; padding:60px 10px; box-sizing:border-box; display:flex; flex-direction:row;}
.real-left{width:50%; padding:20px; box-sizing:border-box;}
.real-left img{width:100%;}
.real-right{width:50%; padding:40px; box-sizing:border-box;}
.real-right h2{font-size:36px; text-transform:uppercase; padding-bottom:30px; font-weight:800; line-height:30px;}
.real-right h2 span{font-size:18px; font-weight:400; color:#b52b32;}
.real-right p{font-size:16px; line-height:24px;}



/*-------Contact page------------*/
.contact-page{max-width:1200px; width:100%; display:flex; flex-direction:row; margin:0 auto; padding:60px 0;}
.contact-left{width:60%; box-sizing:border-box;}
.contact-right{width:40%; box-sizing:border-box; padding:40px;}
.contact-left h2{font-size:30px; text-transform:uppercase; font-weight:800;}


.contact-info{width:100%; display:flex; flex-direction:row; padding:25px 0;}
.contact-info i{font-size:40px; color:#000; padding-right:20px; transition:.3s ease;}
.contact-info p.large{font-size:26px; font-weight:800; color:#b52b32; text-transform:uppercase;}
.contact-info p{font-size:16px; color:#000;}
.contact-right a:hover i{transform:scale(115%);}

/*---------Upcoming Auction---------------------*/
.upcoming{max-width:1200px; width:100%; margin:15px auto; padding:40px 20px; box-sizing:border-box; box-shadow:3px 3px 6px rgba(0,0,0,.3); border-radius:15px; text-align:center; }
.upcoming h2{padding-top:25px; font-size:26px; text-transform:uppercase; padding-bottom:5px;}
.upcoming p.red{color:#b52b32; font-weight:800;}
.upcoming a{margin-top:15px!important;}



/*--------Auction Gallery----------------*/
 #gal_container {padding:0 20px;margin:0 auto;text-align:center;}
#gal_container img{max-width:250px!important; height:auto!important; width:100%!important; margin:5px;}

.bread-crumbs{max-width:1200px; width:100%; padding:15px 0; margin:0 auto; color:#000; font-weight:600;}
.bread-crumbs a{color:#000; font-weight:600; transition:.3s ease;}
.bread-crumbs a:hover{color:#b52b32;}

/*--------FORM STYLES--------------------*/
.form-width{width:100%; margin: 0 auto; padding:10px 0;}
.flex-form{width:100%;text-align: left;margin: 0 auto;flex-direction: row;justify-content: flex-start;align-items: flex-start;font-size: 15px;}
.form-background{width:100%;margin: 0 auto;}
#formpage input, select {padding:14px 7px;border:none; background: #ebebeb; color: #777!important;font-size: 14px;margin-top: 5px;}
.flex-row{display:flex;flex-direction:row;width:100%;}
#formpage {width:100%;vertical-align: top;display:inline-block;text-align:left;padding: 30px 0px 20px 0;}
.form-half{width:50%;display: inline-block;vertical-align: middle;margin:0 5px;}
.form-whole{width:100%;display:block;vertical-align:middle;margin: 0 5px;}
.row-input{display:flex; flex-direction:row;}
input[type="text"], input[type="email"], input[type="date"], select, input[type="phone"]{width:100%;box-sizing:border-box;}

::placeholder{color:#444; font-family:'Arimo', sans-serif; font-size:15px;}
input[type="button"],
input[type="submit"] {
	-webkit-appearance: none;
}
#formpage textarea {box-sizing:border-box;padding: 6px 5px;border:none!important;color: #000;font-size: 16px;background: #ebebeb;width: 100%;height: 100px;border-radius:2px;margin-top:10px;}
#formpage textarea:focus{border: 1px solid #ccc; border-radius:2px} 

#formpage input.submit-button, #formpage input.submit-button:focus, #submit-btn button{background:#b52b32; color:#ffffff;padding:12px 20px;text-decoration:none;transition:ease-in .3s;width: 140px;border:none;height:auto; font-size:15px; font-weight:400; margin: 0 auto;}
#formpage input.submit-button:hover, #submit-btn button:hover{border-radius:15px; cursor:pointer;}
.submit-button, #submit-btn{padding:10px 0px 10px 0px;position:relative;width:100%;text-align:center;}
.captcha-button{width:140px; margin:0 auto;}
.include-captcha{display:none;}
#formpage input.submit-button{color:#fff!important;}
.CaptchaMessagePanel{font-family:'Arimo', sans-serif;}


/*----------Mailing------------------*/

.sub{width:100%; background-color:#000; padding:60px 0; text-align:center;}
p.bold{text-transform:uppercase; color:#fff; font-weight:600; font-size:24px; padding-bottom:20px;}

.email form{width:80%;}
.email{display:flex; flex-direction:row; justify-content:center; max-width:650px; width:100%; margin:0 auto; padding:0 5px; box-sizing:border-box;}
.home-submit-button{width:20%!important; color:#4b4b4b;}
.form-mail .submit-button{margin-top:0px; color:#fff; transition:.3s ease;}
#mailing-btn.button{width:20%!important; }
#mailing-btn button{width:100%;color:#fff;margin-top:0px; transition:.3s ease; padding:12px 0; background-color:#b52b32; border: solid 1px #b52b32; }
#mailing-btn button:hover{background-color:transparent; border: solid 1px #fff;}
.form-mail input{padding:12px; margin-top:-1px;}

.sub .CaptchaMessagePanel{color:#fff!important;}
.sub .captcha-button input.submit-button{ background-color:#b52b32; border:solid 1px #b52b32; transition:.3s ease;}
.sub .captcha-button input.submit-button:hover{background:transparent; border:solid 1px #fff;}


/*-------- FOOTER STYLES ----------------*/
footer{width:100%; display:flex; flex-direction:row;}
.footer-left{width:30%; background-color:#b52b32;}
.footer-left img{padding:10% 24%; max-width:240px; width:100%;}
.footer-right{width:70%;}
.footer-right-row{ display:flex; flex-direction:row;justify-content:space-around; width:90%; padding:60px 0;}
.footer-right-row p{font-size:16px; font-weight:800; text-transform:uppercase; padding-bottom:15px;}
.footer-right-row ul li a{color:#000; font-size:15px; text-transform:uppercase; line-height:26px; border-bottom:2px #fff solid;}
.footer-right-row ul li a i{padding-right:5px;}

.footer-right-bottom{width:100%; background-color:#000; padding:10px 0;}
.footer-right-bottom p{color:#c3c3c3; font-size:14px; padding-left:30px; box-sizing:border-box;}
.footer-right-bottom p a{color:#C3C3C3;}
.footer-right ul li a:hover{border-bottom: solid 2px #b52b32;}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/







/*---------- RESPONSIVE STYLES ----------*/


@media only screen and (max-width: 1700px) {
	.hero-text{width:auto;}
	.hero-text p{width:50%;}
	.auction-btn{padding-top:21%;}
	.home-auction-wrapper{width:75%;}
	.home-about-right img{max-width:100%;}
	.contact-left{padding:0 10px; box-sizing:border-box;}
}
@media only screen and (max-width: 1250px) {	
	.hero{height:420px;}
	.hero img{height:100%; object-fit:cover;}
	.hero-text h1{font-size:45px; line-height:42px;}
	.hero-text{bottom:25%;}
	.home-auction{background-color:#b52b32;}
	.auction-mobile{display:flex;}
	.auction{display:none;}
	.home-auction-wrapper{text-align:center; height:auto;}
	.home-auction{margin:0;}
	.home-about{flex-direction:column;}
	.home-about-left{width:100%;}
	.home-about-right{width:100%;}
	.home-about-right img{width:60%; float:right;}
	.footer-left img{padding:10% 14%; max-width:200px;}
	.page-top3{padding:200px 0;}
	.coming-soon{padding:80px 5px; box-sizing:border-box;}
	.hero{position:relative;}
	
	
	
}
@media only screen and (max-width: 950px) {	
	.auction-mobile{flex-direction:column;}
	.auction-left{width:100%;}
	.auction-right{width:100%;}
	.auction-btn{padding:20px 0;}
	.home-about-right img{width:70%;}
	.auction-btns{flex-direction:column; height:auto}
	.auction-btns a{width:100%;}
	.auction-services, .upcoming-auctions{height:220px;}
	footer{flex-direction:column;}
	.footer-left, .footer-right{width:100%;}
	.footer-left img{padding:30px 0; margin:0 auto; display:block;}
	.service{width:calc(50% - 20px);}
	.contact-page{flex-direction:column;}
	.contact-left{width:100%;}
	.contact-right{width:100%;}
	
}
@media only screen and (max-width: 850px) {	
	.hero-text h1{font-size:35px;}
	.hero-text p{line-height:20px; width:auto; padding-right:10px; box-sizing:border-box;}
	.hero img{filter:brightness(50%);}
	.top-header-left{display:none;}
	.top-header{justify-content:right;}
}

@media only screen and (max-width: 700px) {
	.footer-right-row{flex-direction:column; text-align:center; width:100%;}
	.footer-col{padding-top:15px;}
	.service{width:100%;}
	h1.top{font-size:32px; line-height:30px;}
	.flex-row{flex-direction:column;}
	.form-half{width:100%;}
	.page-top3{padding:120px 0;}
	.not-found-code{font-size:72px; line-height:66px;}
	.not-found-card h2{font-size:28px; line-height:32px;}
	
}

@media only screen and (max-width: 500px) {
	.auction-left{flex-direction:column; text-align:center;}
	.home-about-right img{width:90%;}
	.hero-text h1{font-size:26px; line-height:24px;}
	a.clear-btn{margin-top:15px;}
	.auction-services p, .upcoming-auctions p{font-size:24px;}
	.sub p.bold{font-size:20px;}
	.footer-col ul li{overflow-wrap:break-word;}
	.logo{max-width:130px; width:100%;}
	#menu-button a{padding-top:28px!important;}
	p.large{font-size:22px; line-height:22px;}
	.contact-info i{font-size:32px;}
	.contact-text p{overflow-wrap:break-word;}
	.contact-right{paddign:20px;}
	.page-top3{padding:80px 0;}
	.home-services a{padding-right:30px;}
	.upcoming-about h2{font-size:22px; line-height:20px;}
	
}
@media only screen and (max-width: 380px) {
	.hero{height:500px;}
	.hero-text{bottom:15%;}
}

@media only screen and (max-width: 350px) {
	.contact-text p{width:170px;}
	.page-top3{padding:60px 0;}
}