@charset "UTF-8";

* {margin:0; padding: 0; border: 0; outline: 0; background: transparent;}
	
/*@media screen and (prefers-reduced-motion: reduce) {
  * {animation: none !important; transition: none !important;
	animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
	}
}*/

:root {
	--white:#fff;	
	--nearwhite: #f7f7f7;
	--offwhite:#f2f2f2;	
		
	--lightgray: #e8e8e8;
	--gray:#dbdbdb;
	
	
	--gold:#efac2d;
	
	/*f9b93f*/
	/*--gold:#be9c4a;*/
	--drkgold:#a88b45;
	
	--offblack: #282828;
	--nearblack: #121212;	
	--black: #000;
}


/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
html {scroll-behavior: smooth;}
body {font-size:100%; font-family:"halcom", sans-serif !important; color:var(--nearwhite); background:var(--nearblack);}

/* SELECTION */	
::selection {color:#fff; background:var(--gold);}
::-moz-selection {color:#fff; background:var(--gold);}


/* CLEAR */
.clear {clear: both;}

/* HEADERS */
/*Remove or simplify font-weight and font-height */
h1, h2, h3, h4 ,h5 ,h6 {line-height: normal;}
h1 {font-size:26px; font-weight:normal;}
h2 {font-size:24px; font-weight:normal;}
h3 {font-size:20px; font-weight:normal;}
h4 {font-size:18px; font-weight:normal;}
h5 {font-size:16px; font-weight:normal;}
h6 {font-size:14px; font-weight:normal;}


/* PARAGRAPH/LIST/GENERAL TEXT */

/* LINKS */
a{transition:.5s ease-in;}
a:link, a:visited {color:inherit; text-decoration:none;}
a:hover, a:active {color:inherit; text-decoration:none;}

a[href^="tel:"] {color:inherit; text-decoration: none;}

/* IMAGES */
img {display:block;}

/* TEXT EMPHASIS */
em {font-style:italic;}
strong {font-weight: 700;}

.gold-text {color:var(--gold);}





/* VISIBLE FOCUS
------------------------------------------------*/	
/*a:focus,
button:focus,
input:focus {
  outline: 2px solid #005fcc;
  outline-offset: 2px;
}
*/


/*

font-family: "modesto-text", serif;
300, 300i, 400, 500i, 700, 700i

font-family: "modesto-expanded", serif;
font-style: normal;
font-style: italic;

font-family: "modesto-poster", serif;
font-style: normal;
font-style: italic;

font-family: "halcom", sans-serif;
200, 200i, 300, 300i, 400, 400i, 500, 500i, 700, 700i, 800, 800i, 900, 900i

*/


/* COLUMN CONTAINER
------------------------------------------------*/
.col-tainer {position:relative; z-index:1; display:flex; flex-flow:row wrap; gap:50px 3%;}

.inner-wrap {margin:calc(15px + 3%) 0 calc(25px + 3.75%) 0;}

.col-1-1 {width:100%; margin:0;}
.col-1-2 {width:48.5%; margin:0 auto;}

.col-1-3 {width:31.7%; margin:0;}
.col-2-3 {width:65.1%; margin:0;}

.col-1-4 {width:23.5%; margin:0;}
.col-3-4 {width:73.5%; margin:0;}

.col-border {border:1px var(--white) solid;}

.col-image {display: inline-flex !important; overflow: hidden; margin:0 0 25px 0; border-radius:30px;}
.col-image img, .col-image iframe{width: 100%; height: 100%; object-fit: cover;}

.col-video {position: relative;}
.col-video video{position: sticky; top:35px; align-self: flex-start;}



.col-right {margin:0 0 0 auto;}

.col-center {text-align:center; margin:0 auto;}

.col-border-left {position:relative;}
.col-border-left::before {content:''; position:absolute; z-index: 1; top:0; left:-20px; width:6px; height:117px; background: #FD7C00; background: linear-gradient(180deg, rgba(253, 124, 0, 1) 0%, rgba(251, 149, 0, 1) 100%); transition:.5s ease;}
.col-border-left:hover::before {height:80px; transition:.5s ease;}







/*  BUTTONS
------------------------------------------------*/
a.solid-button::before,
button.solid-button::before {content:""; position:absolute; top:0; left:0; z-index:-1; width: 100%; height:100%; background:var(--gold); background: linear-gradient(270deg,rgba(133, 82, 25, 1) 0%, rgba(189, 132, 58, 1) 22%, rgba(191, 169, 55, 1) 52%, rgba(179, 122, 37, 1) 83%, rgba(122, 70, 18, 1) 100%); opacity:.5; transition:.5s ease;}

a.solid-button,
button.solid-button{position:relative; z-index:5; overflow:hidden; display:inline-flex; margin:5px; padding:17px 50px 19px 50px; line-height:1; font-weight:800; text-decoration: none; color:var(--black); border-radius:25px; background:var(--gold); transition:.5s ease; cursor:pointer;}
a.solid-button::after,
button.solid-button::after {content:""; position:absolute; top:0; left:0; z-index:-2; width: 100%; height:100%; background:#121212 url("/siteart/metal-texture.jpg") no-repeat center; background-size: cover;}



a.solid-button:hover::before,
button.solid-button:hover::before {opacity:0;}

a.solid-button:hover,
button.solid-button:hover {color:var(--offblack);}






a.outline-button,
button.outline-button{position:relative; display:inline-flex; margin:5px; padding:16px 50px; line-height:1; font-weight:800; text-decoration: none; color:var(--white); border:2px var(--gold) solid; border-radius:25px; background:transparent; transition:.5s ease;}
a.outline-button:hover,
button.outline-button:hover{color:var(--black); background:var(--gold);}




a.solid-alt-button {position:relative; display:inline-block; margin:5px; padding:16px 50px; line-height:1; font-weight:800; text-decoration: none; color:var(--white); border-radius:30px; background:var(--nearblack); transition:.5s ease;}
a.solid-alt-button:hover {color:var(--gold); background:var(--offblack);}










/* HEADER
------------------------------------------------*/	
.global-header {position:relative; z-index:10; display:flex; flex-flow:row wrap; align-items:center; justify-content: space-between; padding:0 1%; background:var(--black); box-shadow: 0 0 9px 0px rgba(0,0,0,.85);}	
	
.global-header a.solid-button {margin:0; padding:15px 25px 16px 25px;transition:.5s ease;}	


/* LOGO
------------------------------------------------*/	
.head-logo {/*margin:15px 0 -15px 0;*/ margin:15px 0}
.head-logo img {max-width:100%; width:108px; height:123px;}


/*  NAVIGATION
------------------------------------------------*/
#menu-button{display:none;}
nav.mobile {display:none;}

nav.primary {z-index:500; position:relative; margin:0 0 0 3%; padding:0;}

nav.primary ul {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-around; margin:0; padding:0;}
nav.primary ul li {position:relative; margin:0; padding:0; list-style-type:none; }

nav.primary ul li.drop-icon::before {content: "\2b"; position:absolute; z-index:5; top: 4px; right: -6px; margin:auto; font-size:10px; color:var(--white); font-family: FontAwesome; transform: translateX(-50%);transition: transform 0.8s ease;}
nav.primary ul li:hover.drop-icon::before {content:"\f068"; position:absolute; /*top:4px; right:-6px;*/ font-size:10px; color:var(--white); font-family: FontAwesome;}

nav.primary ul li a {
	display:block; z-index:105; margin:0 10px; padding:12px 0;
    font-size:20px; line-height:1; font-weight:800; text-align:center; text-decoration:none; text-transform:uppercase; color:var(--white); cursor:pointer; transition:.5s ease-in;	
}	

nav.primary ul li a:hover {color:var(--gold);}

/*  SUB NAV
------------------------------------------------*/
nav.primary ul li li {width:max-content;}
nav.primary ul li li a {margin:0; padding:12px 18px; font-size:20px; line-height:1.5; font-weight:500; text-align:left; text-transform: none; color:var(--offwhite); border:0; transition: .25s ease-in-out;}
nav.primary ul li li a:hover {color:var(--gold); background: transparent;}
nav.primary ul li li a::before,
nav.primary ul li li a::after {content:none;}

/*  NAV DROPDOWNS
------------------------------------------------*/
nav.primary ul ul {display: none; position: absolute; box-sizing:content-box; min-width:185px; padding:12px 15px; border-bottom-right-radius:20px; border-bottom-left-radius: 30px; background:var(--offblack); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); }
nav.primary ul ul ul {position: absolute; left: 100%; top:0;}
nav.primary ul li:hover>ul {display: block; z-index: 100; animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;}







/*  HERO
------------------------------------------------*/	
.hero::before {content:""; position:absolute; top:0; left:0; z-index:-1; width: 100%; height:100%; background: #121212; background: linear-gradient(90deg,rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.35) 70%);}
.hero {position:relative; z-index:5; overflow:hidden; display:flex; flex-flow:row; align-items:center; justify-content: space-between; gap: 30px; padding:40px 4.5% 50px 4.5%;}
.hero::after {content:""; position:absolute; top:0; left:0; z-index:-2; width: 100%; height:100%; background:#121212 url("/siteart/gold-hero-background.jpg") no-repeat center; background-size: cover; animation: kenburns-top 5s ease-out both;}


.hero-auction-details {align-self:flex-start; margin-top: 20px; color:var(--offwhite);}

/*.hero-auction-details > .ha-dates {font-size:20px; font-weight:900; color:var(--gold);}*/
.hero-auction-details > .ha-header {display:flex; flex-flow:row; margin:16px 0; font-size:33px; line-height:1; text-transform: uppercase;}
/*.hero-auction-details > .ha-header > .ha-calendar {position: relative; margin-right:30px;}
.hero-auction-details > .ha-header > .ha-calendar::after {content:""; position: absolute; top:50%; right:-15px; height:90%; border-right:2px var(--offwhite) solid; transform: translateY(-50%);}*/

/*.hero-auction-details > .ha-auction-type {position:relative; display:inline-block; margin:5px; padding:5px 15px; line-height:1.2; font-weight:800; text-decoration: none; text-transform:uppercase; color:var(--drkgold); border:2px var(--drkgold) solid; border-radius:10px; background:transparent; transition:.5s ease;}*/
.hero-auction-details > .ha-start::before {content: "\f017"; position:absolute; z-index:5; top:50%; left:-14px; font-size:10px; color:var(--drkgold); font-family: FontAwesome; transform: translateY(-50%);}
.hero-auction-details > .ha-start {position:relative; margin:25px 0 0 25px; font-size:22px;}
.hero-auction-details > .ha-location::before {content: "\f3c5"; position:absolute; z-index:5; top:50%; left: -14px; font-size:10px; color:var(--drkgold); font-family: FontAwesome; transform: translateY(-50%);}
.hero-auction-details > .ha-location {position:relative; margin-left:25px; font-size:20px; text-transform: uppercase;}
.hero-auction-details > .ha-links {margin-top: 45px;}


.hero > .hero-gallery {
	display: grid; grid-template-columns: repeat(2, auto); grid-template-rows: repeat(2, auto); gap:15px;
	width:500px;
	height:380px;
	margin:0 0 0 auto;
}
.hero > .hero-gallery img{width: 100%; max-width:100%; height: 100%; object-fit: cover;}

.hero > .highlight-item {margin-left:-2.25%; animation: vibrate-1 4s linear infinite both;}
.hero > .highlight-item img {width: 100%; max-width:100%; height: 100%; object-fit: cover;}




/*  AUCTIONS SECTION
------------------------------------------------*/	
.auctions-section {display:flex; flex-flow:row wrap; justify-content: center; gap:40px; padding:40px 5%;}

.auctions-section  > .auction-item {
 padding:28px; color:var(--offwhite); background:var(--offblack);
}
.auctions-section  > .auction-item a{
	display: grid; grid-template-columns: repeat(2, auto); grid-template-rows: repeat(2, auto); gap:10px 15px; 
}
.auctions-section  > .auction-item .ai-calendar {}
.auctions-section  > .auction-item .ai-calendar .ai-cal-month {font-size:23px; line-height:1; font-weight:700; text-transform:uppercase;}
.auctions-section  > .auction-item .ai-calendar .ai-cal-date {font-size:50px; line-height:1; font-weight:800;}

.auctions-section  > .auction-item .ai-details {}
.auctions-section  > .auction-item .ai-details .ai-title {font-size:28px; line-height:1; text-transform:uppercase;}
.auctions-section  > .auction-item .ai-details .ai-type {margin-top:8px; font-size:17px; line-height:1.1; font-weight:600; text-transform:uppercase; color:var(--gold);}

.auctions-section  > .auction-item .ai-date {grid-column: span 2 / span 2; font-size:22px; line-height:1.1; font-weight:300;}

.auctions-section  > .auctions-bottom {width:100%; font-size:22px; line-height:1.1; font-weight:600; text-align:center;  color:var(--white);}



/*  CTA SECTION
------------------------------------------------*/	
.cta-section {position:relative; z-index:10; padding:calc(15px + 1.5%) 5%;}

.cta-wrapper {display:flex; flex-flow:row wrap; justify-content:center; gap:30px; width:95%; margin:0 auto;}

.cta-item {
	position:relative; z-index:1; overflow:hidden; flex:1; display:flex; flex-flow:column wrap; align-items:center; justify-content:center;  color:var(--nearblack); border:2px var(--offblack) solid; border-radius:30px; transition:.5s ease;
	background:var(--gold);background: linear-gradient(275deg, rgb(212 151 49) 52%, rgb(150 95 26) 83%, rgb(154 94 44) 100%);
} 

.cta-item:hover {border:2px var(--white) solid; transition: ease-out 0.4s;}
.cta-item a {position:relative; z-index:3; display:block; width: 100%;height:auto; box-sizing: border-box; padding:25px 8.5%; text-align:center;}
.cta-item span.cta-title {position:relative; z-index:1; font-size: 26px; line-height:1.2; text-align:center; font-weight:700; font-family: "modesto-text", serif;}
.cta-item p {position:relative; z-index:1; text-align:center; font-weight:300;font-style: italic; }

.cta-item::before {
	content: ''; inset:0; position: absolute; background:var(--gold); background: linear-gradient(120deg,rgba(133, 82, 25, 1) 0%, rgba(189, 132, 58, 1) 22%, rgba(191, 169, 55, .1) 52%);
	transition: transform .35s cubic-bezier(.4,0,.2,1); opacity:.95; z-index: 0; transform: translateX(-100%);
}
.cta-item:hover::before {transform: translateX(0);}

.cta-item:active {transform: scale(.97);}


.cta-item::after {content:""; position:absolute; top:0; left:0; z-index:-2; width: 100%; height:100%; opacity:.5; background:#121212 url("/siteart/metal-texture.jpg") no-repeat center; background-size: cover;}



/*  BUY NOW SECTION
------------------------------------------------*/
.buy-now-section {max-width:1200px; margin:0 auto; padding:calc(15px + 3.5%) 5%;}
.buy-now-section > .buy-now-intro {}
.buy-now-section > .buy-now-intro h3{margin-bottom:20px; font-size:35px;line-height:1; font-weight:800; text-transform:uppercase; /*font-family: "halcom", sans-serif;*/}
.buy-now-section > .buy-now-intro p {font-size:18px; line-height:30px; font-weight:400;}

.buy-now-section > .buy-now-lower {display:flex; flex-flow:row wrap; align-items: center; justify-content: space-between;}
.buy-now-section > .buy-now-lower h4{font-size:28px; line-height:1.2; font-weight:600; color:var(--gold);}
.buy-now-section > .buy-now-lower em {color:var(--offwhite);}
.buy-now-section .buy-now-section > .buy-now-lower a.solid-button {padding:16px 35px;}

.buy-now-section > .buy-now-icons {display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(1, 1fr); gap:15px; margin-top:40px; margin-bottom:calc(15px + 7.5%);}
.buy-now-section > .buy-now-icons a {display:inline-block; flex:1; padding:60px 20px 50px 20px; font-size:20px; line-height:1; font-weight:800; text-align:center; border-radius:32px; background:var(--offblack); }
.buy-now-section > .buy-now-icons img {max-width:100%;margin:0 auto 8px auto;}







/*  MAIN
------------------------------------------------*/	
.global-main {color:var(--offwhite);}
.inv-main {padding:calc(30px + 1.5%) 2%; color:var(--nearblack);}
.inv-main .container,
.inv-main #inventory-wrapper .container{color:var(--nearblack);}
.sub-main {box-sizing:content-box; max-width:1100px; margin:0 auto; padding:0 5%;}

.subhero {overflow:hidden; width:100%; height:auto; margin-top:10px; border:2px var(--gold) solid; border-radius:2px;}
.subhero img {width: 100%; max-width:100%; height: 100%; object-fit: cover;}


/*  ARTICLE
------------------------------------------------*/
article {}
article h1 {margin-bottom:10px; font-size:40px; line-height:1; font-weight:800; text-transform: uppercase; }
article h2 {margin-top:10px; margin-bottom:30px; font-size:33px; line-height:1; font-weight:600; font-style: italic; color:var(--gold);}
article h3 {margin-top: 20px; margin-bottom: 17px;font-size:28px; line-height:1.1; font-weight:700;}
article h4 {margin-top: 30px; margin-bottom: 20px; font-size:26px; font-weight:500;}
article h5 {font-size:24px; font-weight:700;}

article p {margin-bottom:20px; font-size:22px; line-height:30px; font-weight:300;}

article p a {font-weight:600;}

article ul,
article ol {margin-bottom: 20px; margin-left:15px; font-size: 20px; line-height:33px; font-weight:300; list-style:inside;}

article ul.split-list {column-count: 2; column-fill: balance;}


p.small-text {font-size: 18px; line-height:26px;}
.center-text {text-align:center;}


/*  SERVICE WRAPPER - 4 COLUMN GRID / NO LINKS
------------------------------------------------*/
.service-wrapper {display:grid; grid-template-columns: repeat(4, 1fr); gap:30px; width:95%; margin:0 auto;}
.service-item {padding:15px 35px; border:2px var(--gold) solid; border-radius:30px; transition:.5s ease;} 
.service-item img {max-width:95%; margin:0 auto; filter: brightness(0) saturate(100%) invert(83%) sepia(47%) saturate(896%) hue-rotate(331deg) brightness(91%) contrast(90%); transition:.1s ease;}
.service-item:hover {border:2px var(--white) solid;}
.service-item:hover img {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(284deg) brightness(103%) contrast(106%);}
.service-item  .link-title {margin-bottom:10px; font-size: 23px; line-height:1.2; text-align:center; font-weight:700; font-family: "modesto-text", serif;}


/*  LINKS WRAPPER - 3 COLUMN GRID / LINKS
------------------------------------------------*/
.links-wrapper {display:grid; grid-template-columns: repeat(3, 1fr); gap:30px; width:90%; margin:0 auto;}
.link-item {border:2px var(--gold) solid; border-radius:30px; transition:.5s ease;} 
.link-item > a {display:block; padding:25px 50px;}
.link-item img {max-width:90%; margin:0 auto; filter: brightness(0) saturate(100%) invert(83%) sepia(47%) saturate(896%) hue-rotate(331deg) brightness(91%) contrast(90%); transition:.1s ease;}
.link-item:hover {border:2px var(--white) solid;}
.link-item:hover img {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(284deg) brightness(103%) contrast(106%);}
.link-item  .link-title {margin-bottom:20px; font-size: 23px; line-height:1.2; text-align:center; font-weight:700; font-family: "modesto-text", serif;}







/*  LIST BLOCKS SECTION
------------------------------------------------*/
.list-blocks {display: grid; grid-template-columns: repeat(2, auto);  grid-template-rows: repeat(2, auto); gap:15px; margin:55px 0; padding:20px; color:var(--nearblack); border-radius:30px; background:var(--gold);}
.list-title {grid-column: span 2 / span 2; padding:10px; font-size: 28px; line-height: 1.1; font-weight:800; text-align: center;}
.list-item {grid-row-start: 2; padding:15px; color:var(--offwhite); border-radius:20px; background:var(--offblack);}
.list-item ul {list-style:none; margin-left:5px; line-height:28px;}
.list-item ul li::before {content: "\25A2"; position:absolute; z-index:5; top:50%; left:-5px; font-size:15px; font-weight:400;  color:var(--white); font-family: FontAwesome; transform: translateY(-50%);transition:.35s ease;}
.list-item ul li {position:relative; padding:25px; transition:.35s ease;}
.list-item ul li:hover {color:var(--white); border-radius:20px; background:rgba(190,156,74,.25); cursor: default;}
.list-item ul li:hover::after {content: "\2713"; position:absolute; z-index:5; top:48%; left: -3px; font-size:15px; color:var(--white); font-family: FontAwesome; transform: translateY(-50%); transition:.35s ease;}
.list-item ul li:last-of-type { border-bottom:0;}






/*  STAFF SECTION
------------------------------------------------*/
.staff-section {display:grid; grid-template-columns: repeat(4, 1fr); gap:40px; margin:55px 0;}
.staff-item {min-width:200px; height:100%;}
.staff-top {text-align:center;}
.staff-profile { overflow:hidden; width:100%;/*width:160px; border-radius:50%; */}
.staff-profile img {width: 100%; max-width:100%; height: 100%; object-fit: cover;}

.pc-04__card {
  /*width:25%;*/height:100%; 
  border-radius: 24px;
  overflow: hidden;
  background:var(--offblack);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 30px 70px -28px rgba(0,0,0,.8);
}
.pc-04__card:hover {box-shadow: 0 10px 70px 20px rgba(168,139,69, .1);}


.pc-04__portrait {
  position: relative;
  aspect-ratio: 1;
  overflow: hidden;
	background:var(--black); 
}

.pc-04__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 12px;
  padding-bottom: 24px;
}

.pc-04__overlay a{
  width: 44px;
  height: 44px;
  border-radius: 13px;
  display: grid;
  place-items: center;
  cursor: pointer;
  font-size: 1.05rem;
  background: rgba(0,0,0,.12);
  border: 1px solid rgba(255,255,255,.18);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  transform: translateY(80px);
  opacity: .5;
  transition: transform .5s cubic-bezier(.2,.9,.2,1),opacity .4s,background .25s;
  transition-delay: calc(var(--i) * .06s);
}

.pc-04__card:hover a {transform: translateY(0); opacity: 1;}
.pc-04__card a:hover {background: rgba(0,0,0,.26);}

.staff-title {padding: 20px 22px; text-align: center;}
.staff-title > .staff-name {font-size:24px; font-weight:700;}
.staff-title p {margin-top: 3px; font-size:16px; font-weight:300; font-style:italic;}





/*  RETIRE SECTION
------------------------------------------------*/
.retire-section {padding:calc(20px + 5%) 0;}
.retire-banner {position: relative;}
.retire-section figure {margin:0 0 0 8.5%;}
.retire-section figure img {max-width:100%; margin:0 0 0 auto;}

.retire-overlay {position: absolute; right:12.5%; bottom:12.5%;}
.retire-overlay > .retire-title {font-size:72px; font-style:italic; text-transform: uppercase; font-family: "modesto-expanded", serif;}
.retire-overlay > .retire-subtitle {font-size:36px; font-weight:700;  text-transform: uppercase;}
.retire-overlay > .retire-subtitle > .subtitle-services > .subtitle-initial {font-size:67px; color:var(--gold); font-family: "modesto-text", serif;}


/*  INTRO SECTION
------------------------------------------------*/
.intro-section::before {content:""; position:absolute; top:0; left:0; z-index:-1; width: 100%; height:100%; background: #121212; background: linear-gradient(270deg, rgba(18, 18, 18, 0.27) 0%, rgba(18, 18, 18, .87) 70%);}
.intro-section {position:relative; z-index:5; overflow:hidden; padding:calc(20px + 3.5%) 0 calc(35px + 3.5%) 0; background:var(--offblack);}
.intro-section::after {content:""; position:absolute; top:0; left:0; z-index:-2; width: 100%; height:100%; background:url("/siteart/gold-diamonds-background.jpg") no-repeat center; background-size: cover; animation: kenburns-top-left 10s ease-in-out 1s reverse both;}

.intro-section > .intro-body {max-width:850px; margin: 0 auto}
.intro-section > .intro-body h1 {margin-bottom:15px; font-size:55px; font-weight:700; text-align:center;  font-family: "modesto-text", serif;}
.intro-section > .intro-body p {font-size:20px; line-height:30px; font-weight:200;}
.intro-section > .intro-body p > strong {font-weight:400;}

.intro-advertisements {margin:3.5% auto;}
.intro-advertisements > .intro-promo-item {z-index:1; max-width:100%; margin:0 auto;}
.intro-advertisements > .intro-promo-item.intro-mobile {display: none;}
.intro-advertisements > .intro-promo-item img {max-width:100%; margin:0 auto;}


/*  BENEFITS SECTION
------------------------------------------------*/
.benefits-section {display:flex; flex-flow:column; gap:calc(3% + 50px); padding:calc(35px + 8.5%) 7.5% calc(15px + 8.5%) 7.5%; background:var(--nearblack); background: linear-gradient(287deg, rgba(35, 35, 35, 1) 0%, rgba(20, 20, 20, 1) 70%);}

.benefits-item {display:flex; flex-flow:row wrap; align-items: center; gap:50px 3%; margin-right:2.5%;}
.benefits-item:nth-of-type(even) {flex-flow:row-reverse wrap; margin-right:0%; margin-left:2.5%;}
.benefits-item h3 {margin-bottom:5px;font-size:28px; font-weight: 800;}
.benefits-item p {font-size:22px; line-height:30px; font-weight:300;}

.benefits-item > .benefits-body {width:73.5%;}
.benefits-item > .benefits-icon {flex:1;}
.benefits-item > .benefits-icon img {max-width:100%; margin:0 auto;}


/*  HIGHER RESULTS SECTION
------------------------------------------------*/
.higher-results-section::before {content:""; position:absolute; top:0; left:0; z-index:-1; width: 100%; height:100%; background:var(--gold); background: linear-gradient(90deg, rgba(133, 82, 25, 1) 0%, rgba(189, 132, 58, 1) 22%, rgb(145 125 19) 52%, rgba(179, 122, 37, 1) 83%, rgba(122, 70, 18, 1) 100%); opacity:.5;}
.higher-results-section{position:relative; z-index:5; padding:calc(3.5% + 30px) 0;}
.higher-results-section::after {content:""; position:absolute; top:0; left:0; z-index:-2; width: 100%; height:100%; background:#121212 url("/siteart/large-metal-texture-background.jpg") no-repeat center; background-size: cover;}

.hr-body {position:relative; box-sizing:border-box; display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; gap:3.5%; width:92.5%; border-top-right-radius: 80px; border-bottom-right-radius: 80px; margin:0 auto 0 0; padding:40px 5% 40px 0; background:var(--nearblack);}
.hr-media {z-index:10;flex:1; margin:-155px 0 -160px -26px; }
.hr-media img {max-width:100%;}
.hr-logo {margin:0 0 0 auto;}
.hr-logo img {max-width:100%;}
.hr-tagline {font-size:54px; line-height:1.1; font-weight:800; font-style:italic; text-transform: uppercase; text-align: right;}


/*  BIG DIFFERENCE SECTION
------------------------------------------------*/
.big-difference-section::before {content:""; position:absolute; top:0; left:0; z-index:-1; width: 100%; height:100%; background: #202020; background: linear-gradient(267deg, rgba(32, 32, 32, 0.8) 0%, rgba(26, 26, 26, 0.27) 70%);}
.big-difference-section {position:relative; z-index:5; overflow:hidden; display:flex; flex-flow:row; justify-content:flex-end; padding:10% 0; border-bottom:1px var(--offblack) solid;}
.big-difference-section::after {content:""; position:absolute; top:0; left:0; z-index:-2; width: 100%; height:100%; background:url("/siteart/gold-lines-background.jpg") no-repeat center; background-size: cover; animation: kenburns-bottom-right 10s ease-in-out 2s reverse both;}
.big-difference-section > .bd-body {align-self: flex-start; max-width:630px; margin:0 0 0 3.5%;}
.big-difference-section > .bd-body h2 span{font-size:.58em; line-height:1; font-weight:300; font-style: italic;font-family: "modesto-text", serif;}
.big-difference-section > .bd-body h2 {margin-bottom:25px; font-size:calc(3vw + 16px); line-height:1; font-weight:400; font-family: "modesto-poster", serif;}
.bd-billboard {position:relative; align-self: flex-end; margin:8.5% 0 0 60px;}
.billbaord-cutout img {max-width:100%;}


/*  QUICK SUPPORT SECTION
------------------------------------------------*/
.quick-support-section {width:95%; max-width:1045px; margin:0 auto; padding:calc(10% + 30px) 0;}
.quick-support-section h3 {font-size:38px; font-weight:400; font-family: "modesto-poster", serif;}
.quick-support-section p {font-size:20px;}


/*  CONSIGNMENT SECTION
------------------------------------------------*/
.consignment-banner::before {content:""; position:absolute; top:0; left:0; z-index:-1; width: 100%; height:100%; background:var(--offwhite); background: linear-gradient(90deg, rgba(133, 82, 25, 1) 0%, rgba(189, 132, 58, 1) 22%, rgb(145 125 19) 52%, rgba(179, 122, 37, 1) 83%, rgba(122, 70, 18, 1) 100%); opacity:.5;}
.consignment-banner {overflow:hidden; position:relative; display:flex; flex-flow:column wrap; align-items: center; gap:10px; padding:calc(25px + 1%) 2.5%; font-size:18px; text-align:center; color:var(--nearblack); }
.consignment-banner::after {content:""; position:absolute; top:0; left:0; z-index:-2; width: 100%; height:100%; background:var(--offwhite) url("/siteart/large-metal-texture-background.jpg") no-repeat center; background-size: cover; transform: rotate(180deg); opacity:1; }

.consignment-banner h3 {font-size:48px; line-height:1; font-style:italic; font-family: "modesto-poster", serif;}
.consignment-banner p {font-size:28px; line-height:1.25; font-style:italic;}



/*  FAQ SECTION
------------------------------------------------*/
.faq-section {max-width:1225px; margin:0 auto; padding:calc(5% + 30px) 10%; color:var(--nearwhite);}
.faq-section h3 {margin:0 0 12px 0; font-size:43px; font-weight:700; color:var(--gold); font-family: "modesto-text", serif;}
.faq-section p {font-size:20px; line-height:30px; font-weight:300;}
.faq-section p a {text-decoration:underline;}

.accordion {margin:60px auto; }
 
.accordion-item {border-bottom:1px var(--offwhite) solid;}
.accordion-item:first-child {overflow:hidden;}
.accordion-item:last-child {overflow:hidden; border-bottom: none;}
 
.accordion-header {display:flex;justify-content:space-between;align-items:center;gap:8px; width:100%; padding:25px 0;font-size:33px; line-height:1.1; font-weight:700; text-align:left; text-transform:capitalize; color:var(--nearwhite); border:none; font-family:"halcom", sans-serif; cursor:pointer; transition:background 0.3s ease;}
.accordion-header:hover {color:var(--gold); /*background:var(--ltbrown);*/}
.accordion-header::after {content: "\2b"; font-size:15px; font-family: FontAwesome; transition: transform 0.3s ease;}
.accordion-header.active::after {content: "\f068";}
 
.accordion-panel {overflow: hidden; max-height: 0; /* Collapsed by default */ padding:0 10% 0 6.5%; font-size:23px; line-height:33px; font-weight:300; color:var(--nearwhite); transition: max-height 0.3s ease, padding 0.3s ease;}
.accordion-panel.active {max-height: max-content; padding:25px 10% 25px 6.5%;}


/*  FOOTER
------------------------------------------------*/
.global-footer {box-sizing: content-box; padding:25px 0; color:var(--nearwhite); background:var(--black);}

.foot-main {display:flex; flex-flow:row wrap; justify-content:space-between; gap:40px; max-width:1150px; margin:0 auto; padding:60px 5%;}

.foot-head {display:flex; flex-flow: column; align-items:center;}
.foot-logo {}
.foot-logo img {max-width:100%; width:170px; height:178px;}
.foot-social {display:flex; flex-flow:row; justify-content:space-around; gap:10px; margin-top:40px;}
.foot-social a {font-size:28px;}

.foot-nav {}
.foot-nav strong {font-size:22px; font-weight:600;}
.foot-nav ul {margin-top:10px; list-style:none;}
.foot-nav ul li {margin:16px 0;}
.foot-nav ul li a {padding:12px 0; font-size:20px; font-weight:300;}

.foot-copyright::before {content:""; position:absolute; top:-20px; right:0; left:0; width:85%; max-width:840px; margin:auto; padding: 30px 0 0 0; border-top:1px var(--nearwhite) solid;}
.foot-copyright {position:relative; margin-top:40px; font-weight:200; text-align: center;}
.foot-copyright a::before {content:"|"; position: relative; margin:0 0 0 8px; padding:0 10px 0 0; font-weight:300; }
.foot-copyright a {text-decoration: underline;}

.foot-service-links {display:flex; flex-flow:row wrap; justify-content:center; gap:10px; width:100%; max-width:1150px; margin:10px auto 0 auto; padding:30px 0 0 0; box-sizing:border-box;}
.foot-service-links a {font-size:15px; font-weight:300;}
.foot-service-links a::after {content:"|"; position: relative; padding:0 0 0 10px; font-weight:300;}
.foot-service-links a:last-of-type::after {content:none;}



/************************************************ Responsive Styles **/

@media screen and (max-width: 1650px) {
	.hero > .hero-gallery {width:400px; height:auto;}
	.hero > .highlight-item {margin-left:-3.5%;}
}

@media screen and (max-width: 1600px) {
	nav.primary ul li a {margin: 0 8px; font-size:18px;}
	.retire-overlay {right:5%;}
	.retire-overlay > .retire-title {font-size:62px;}
	.retire-overlay > .retire-subtitle {font-size:30px;}
	.retire-overlay > .retire-subtitle > .subtitle-services > .subtitle-initial {font-size:50px;}
	.intro-section {display:flex; flex-flow: column; justify-content:space-between; }
	.intro-section > .intro-body {max-width:100%; margin:0 7.5%;}
	.intro-advertisements {/*display:flex; flex-flow:row; align-self:flex-end;*/ margin:5% auto 0 auto; /*float: none;*/}
	/*.intro-advertisements > .intro-media {align-self:flex-end; margin-right:-180px; z-index: 5;}*/
	.intro-advertisements > .intro-promo-item { z-index: 1; max-width:100%; margin:5%;}
	.intro-advertisements > .intro-promo-item img {max-width: 100%; margin: 0 auto;}
}

@media screen and (max-width: 1550px) {
	.hero {justify-content: space-evenly;}
	.hero > .hero-gallery {display:none;} 
	.hero > .highlight-item {margin-left:0;}
}
	
@media screen and (max-width: 1500px) {
	nav.primary ul li a {margin: 0 6px; font-size:17px;}
}

@media screen and (max-width: 1400px) {
	nav.primary ul li a {margin: 0 5px; font-size:16px;}
	.hr-media {flex:2;}
	.hr-logo {flex:.85; }
	.hr-logo img {margin:0 0 0 auto;}
	.hr-tagline {font-size:45px;}
}

@media screen and (max-width: 1300px){
	nav.primary{display:none;}
	#menu-button{position:relative; z-index:400; display:block; margin:0 auto 0 5%;}
	#menu-button a{font-size:30px; line-height:60px; color:#fff; text-decoration: none; padding:0; cursor:pointer;}
	
	nav.mobile ul li a .fa{
		width:25px;
		font-weight:100;
		padding:8px 3px;
		margin:0 0 0 5px;
		text-align:center;
		background:#292929;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	
	nav.mobile ul li .fa-chevron-down {position:absolute; right:10px; margin:18px 0 0 0;}

	nav.mobile {
		display:block;
		position: fixed;
		top: 0;
		right: -285px;
		width: 285px;
		height: 100%;
		z-index: 500;
		overflow:auto;
		padding-bottom:40px;
		background:var(--offblack);
		cursor:pointer;
	}
	
	
	/* MENU HEADER STYLES */
	nav.mobile .menu-header {	
		position:relative; 
		color:var(--nearblack);
		height:50px; 
		padding:12px 0;
		font-size: 18px;
		background:var(--gold);
	}			
	
	/* MENU HEADER SOCIAL MEDIA */
	nav.mobile .social-media {
		position: absolute;
		text-decoration: none;
		vertical-align: top;
		z-index:9999;
		display: inline-block;
				
		top: 50%;
		left: 15px;
		font-size:16px;
		word-spacing:13px;
		transform: translateY(-50%);
	}
	
	nav.mobile .social-media a {text-decoration:none; cursor:pointer;}
	nav.mobile .social-media a:hover, nav.mobile .social-media a:active {text-decoration:underline;}
	
	nav.mobile .menu-title {/*position: absolute; vertical-align: top;*/ top: 16px; right: 47px; text-transform:uppercase; font-size:12px;}
		
	/* MENU CLOSE 'X' BUTTON */
	nav.mobile .menu-toggle {position: absolute; top: 50%; right: 15px; /*padding: 6px 9px 5px;*/ display: inline-block; font-weight: 700; font-size: 18px; line-height: 1; text-decoration: none; vertical-align: top; cursor:pointer; transform: translateY(-50%); /*font-family: Arial, sans-serif;*/}
	nav.mobile .menu-toggle:hover {color: #fff;}
	
	/* MENU LIST STYLE */
	nav.mobile ul {list-style: none; font-weight: 300; margin:0; padding:0;}
	nav.mobile ul li {color: #999; font-size:15px;}
	
	/* FIRST LEVEL */
	nav.mobile ul li a {
		color: #999;
		position: relative;
		display: block;
		font-size:15px;
		text-align:left;
		text-decoration: none;
		padding: 15px 35px 15px 20px;
		cursor:pointer;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	nav.mobile ul li a:hover {background:rgba(45,45,45,0.5); color: #fff;}
	
	/* SECOND LEVEL */
	nav.mobile ul li li:last-child {border:none;}
	nav.mobile ul li li a {color: #ccc; background: #444; padding: 15px 10px 15px 15px;}
	nav.mobile ul li li a:hover {background:rgba(65,65,65,0.5);}
	
	/* THIRD LEVEL */
	nav.mobile ul li li li:last-child {border:none;}
	nav.mobile ul li li li a {color: #ccc; background: #555;}
	nav.mobile ul li li li a:hover {background:rgba(85,85,85,0.5);}
	
	.big-difference-section {flex-flow:column;}
	.big-difference-section > .bd-body {align-self: flex-start; max-width:100%; margin:0 5%;}
	.big-difference-section > .bd-body h2 {font-size:calc(5vw + 16px);}
	.big-difference-section > .bd-billboard {margin:5% 0 0 5%; max-width: 75%;}
}

@media screen and (max-width: 1250px) {
	.retire-section::before {content:""; position:absolute; top:0; left:0; z-index:-1; width: 100%; height:100%; background: #000; background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.35) 70%);}
	.retire-section {position:relative; z-index:1;  margin:calc(20px + 5%) 0;  padding:calc(20px + 5%) 5%; background:url("/siteart/retire-farm-sunset-background.jpg") no-repeat center; background-size: cover;}
	.retire-banner > figure {display:none;}
	.retire-overlay {position: relative; right:auto; bottom:auto;}
	.retire-overlay > .retire-subtitle {margin-top: 5%;}
	.retire-overlay > .retire-subtitle > .subtitle-services {display:block;}
	.staff-section {grid-template-columns: repeat(3, 1fr);}
}

@media screen and (max-width: 1100px) {
	.col-tainer {flex-flow: column wrap; gap: 35px;}
	.col-1-2,
	.col-1-3,
	.col-2-3,
	.col-1-4,
	.col-3-4{width:auto;}
	article ul.split-list {column-count:1;}
	.intro-section {padding:calc(20px + 7.5%) 0 calc(35px + 20%) 0; clip-path: polygon(0 0, 100% 0, 100% 97.5%, 0% 100%);}
	.intro-advertisements > .intro-promo-item.intro-desktop {display: none;}
	.intro-advertisements > .intro-promo-item.intro-mobile {display: block;}
	.benefits-section {gap:calc(5% + 50px); clip-path: polygon(0 2.5%, 100% 0, 100% 100%, 0% 100%);}
	.benefits-item {display:flex; flex-flow:column wrap; align-items: center; margin:0;}
	.benefits-item:nth-of-type(even) {flex-flow:column wrap; margin:0;}
	.benefits-item > .benefits-body {width: auto;}
}

@media screen and (max-width: 1024px) {
	.buy-now-section > .buy-now-icons {grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr);}
	.retire-overlay > .retire-title {font-size:55px;}
	.retire-overlay > .retire-subtitle {font-size:30px;}
	.retire-overlay > .retire-subtitle > .subtitle-services > .subtitle-initial {font-size:50px;}
	.hr-media {display: none;}
	.consignment-banner {padding:calc(25px + 5%) 3.5%;}
	.consignment-banner h3 {font-size:40px;}
	.list-blocks {grid-template-columns: repeat(1, auto);grid-template-rows: repeat(3, auto);}
	.list-title {grid-column:1;}
	.list-item {grid-row-start:auto;}
	.service-wrapper {grid-template-columns: repeat(2, 1fr);}
	.foot-head {flex:100%; margin-bottom:40px;}
	.foot-social {display:flex; flex-flow:row; justify-content:center;}
	.foot-nav {flex:1; text-align: center;}
}

@media screen and (max-width: 925px) {
	.links-wrapper {grid-template-columns: repeat(2, 1fr); width:85%;}
	.link-item {border-radius:25px;} 
	.link-item > a {display:flex; flex-flow:column-reverse; padding:15px 35px 25px 35px;}
	.link-item  .link-title {margin-top:20px; margin-bottom:0; font-size:22px; font-family: "halcom", sans-serif;}
	.staff-section {grid-template-columns: repeat(2, 1fr);}
}

@media screen and (max-width: 768px) {
	.hero > .highlight-item {display:none;}
	.cta-item {flex:100%;} 
	.retire-overlay > .retire-title {font-size:calc(16px + 5vw);}
	.retire-overlay > .retire-subtitle {font-size:30px;}
	.retire-overlay > .retire-subtitle > .subtitle-services > .subtitle-initial {font-size:50px;}
	.buy-now-section > .buy-now-lower {flex-flow:column wrap; align-items:center; justify-content:space-between; gap:20px;}
	.buy-now-section > .buy-now-lower > .buy-now-title {text-align:center;}
	.hr-body {width: 95%; border-top-right-radius: 65px; border-bottom-right-radius: 65px; padding:25px 5% 25px 0;}
	.hr-logo {flex:.65;}
	.hr-tagline {font-size: calc(16px + 3vw);}
	.quick-support-section {width:90%;}
	.subhero {height:240px; border-radius:30px;}
	.subhero img {width: 100%; max-width:100%; height: 100%; object-fit: cover;}
	.foot-nav {flex:100%; text-align: center;} 	
	.foot-copyright a::before {content:none;}
}

@media screen and (max-width: 550px){
	#menu-button{margin:0 auto;}
	.hero-auction-details > .ha-header {flex-flow: row wrap;}
	.hero-auction-details > .ha-header > .ha-calendar {margin-right:0; margin-bottom:30px;}
	.hero-auction-details > .ha-header > .ha-calendar::after {content:""; position: absolute; top:auto; right:auto; bottom:-15px; left:50%; width:100%; border-right:none; border-bottom:2px var(--offwhite) solid; transform: translateX(-50%);}	
	.big-difference-section > .bd-billboard {max-width:95%;}
	.service-wrapper {grid-template-columns: repeat(1, 1fr); width:90%;}
	.links-wrapper {grid-template-columns: repeat(1, 1fr); width:80%;}
	.staff-section {grid-template-columns: repeat(1, 1fr); width:90%; margin:0 auto;}
}

@media screen and (max-width: 450px){
	.subhero {height:200px;}
	article h1 {word-break: break-word;}
	.buy-now-section > .buy-now-icons a {padding: 60px 15px 50px 15px; font-size: 15px;}
}

@media screen and (max-width: 380px){
	.retire-overlay > .retire-subtitle {font-size:24px;}
	.retire-overlay > .retire-subtitle > .subtitle-services > .subtitle-initial {font-size:40px;}
	.hr-body {justify-content: center; width: 95%; padding:25px 5%; border-top-right-radius: 35px; border-bottom-right-radius:35px;}
	.hr-logo{display:none;}
	.big-difference-section > .bd-body h2 {font-size:calc(6vw + 16px);}
}

@media screen and (max-width: 333px){
	.buy-now-section > .buy-now-icons {grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(4, 1fr);}
}

@media screen and (max-width: 300px){
	.intro-section,
	.benefits-section{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
}