/**
 * 
 * Custom Stylesheet for Alexandria Auctions
 * 
 * Colors:
 * 
 * Blue: 			#33435d		rgba(51, 67, 93, 1)
 * Pink: 			#b8938d		
 * Yellow: 			#e3cda4		rgba(227, 205, 164, 1);
 * Light Yellow: 	#f8f3e8;
 * 
 * Black: 		#2b2b2b
 * 
 **/

@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@400;700&family=Playfair+Display:wght@400;700&display=swap');
@import url("https://use.typekit.net/xvc0ovz.css");

html, body, p, ul, ol, blockquote, a, input, cite{
	font-family: 'Libre Franklin', sans-serif;
	font-weight: 400;
}

h1, .h1{
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	font-size: 4rem;
	line-height: 4rem;
	margin-bottom: 30px;
}

h2, .h2{
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	font-size: 3.5rem;
	line-height: 3.2rem;
	margin-bottom: 30px;
}

h2 span{
	font-weight: 400;
}

h3, .h3{
	font-family: 'Arboria', sans-serif;
	font-weight: 700;
}

h4, .h4{
	font-family: 'Arboria', sans-serif;
	font-weight: 300;
}

h1, h2, h3, h4, h5, h6{
	hyphens: auto;
}

p, ul, ol{
	font-size: 110%;
	margin-bottom: 40px;
  overflow-wrap: initial;
}

ol p, ul p{
	font-size: 100%;
}

p.lead, ul.lead, ol.lead{
	font-size: 125%;
	margin-bottom: 50px;
}

ul{
	margin-left: 2.5rem;
}

ul li{
	margin-bottom: 5px;
}

ul li::marker {
	color: #e3cda4; 
	font-size: 140%;
}

a, a:visited{
	color: #33435d;
	text-decoration: underline;
}

[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea{
	height: 3.2rem;
	border-radius: 7px;
}

a.btn, .gform_button.button{
	padding: 20px 26px;
	text-transform: uppercase;
	border-radius: 7px;
	letter-spacing: 1px;
	background: #33435d;
	color: #FFF;
	font-size: 80%;
	line-height: 1;
	white-space: nowrap;
	margin-right: 30px;
	opacity:1;
	transition: all .5s ease;
	text-decoration: none;
  display: inline-block;
  margin-top: 10px;
}

a.btn:hover, .gform_button.button:hover, a.btn:focus, .gform_button.button:focus{
    transition: all .5s ease;
    background: #b8938d !important;
    color: #33435d;
    font-weight: 600;
}

a.btn:last-child{
	margin-right: 0;
}

.grid-x:last-child{
  margin-bottom:0 !important;
}

.newsletter-container .gform_button.button, .center-form .gform_button.button{
	width: 100%;
	margin: 0;
}

a.btn.btn-secondary{
	background: #b8938d;
}

a.btn.btn-secondary:hover{
    color: #33435d;
    background: #e3cda4 !important;
    transition: all .5s ease;
    font-weight: 600;
}

a.btn.btn-light{
	background: #e3cda4;
	color: #33435d;
	font-weight: 700;
}

.img-circle{
	border-radius: 50%;
	border: 5px solid #e3cda4;
}

.featured-list .single-feature-image{
	width:400px;
}

.single-feature-image{
	margin-top: 30px;
    padding-top: 30px;
    padding-left: 30px;
    text-align: right;
    max-width: 90%;
    border-bottom-right-radius: 100px;
    overflow-x: hidden;
    background: transparent;
}

.single-feature-image img{
	box-shadow: -30px -30px 0 rgba(227, 205, 164, .25);
	border-radius: 7px;
	border-bottom-right-radius: 100px;
}

.single-feature-image.single-feature-image-right{
	margin-top: 30px;
    padding-top: 30px;
    padding-right: 30px;
    text-align: left;
    max-width: 90%;
    border-bottom-right-radius: 7px;
    overflow-x: hidden;
    background: transparent;
}

.single-feature-image.single-feature-image-right img{
	box-shadow: 30px -30px 0 rgba(227, 205, 164, .25);
	border-radius: 7px;
	border-bottom-left-radius: 100px;
}

.grid-container{
	width: 1600px;
	max-width: 85%;
	position: relative;
}

.content-section:first-child{
	padding-top: 100px;
}

.content-section{
	padding: 55px 0;
}

.content-section.paragraph p:last-child{
	margin-bottom: 0;
}

.content-section.stacked-image .stacked-image-left, .content-section.stacked-image .stacked-image-right{
	position: relative;
	min-height: 550px;
}

.content-section.stacked-image img{
	border-radius: 7px;
}

.content-section.stacked-image h2{
	margin-top: 30px;
}

.content-section h2.header-with-image{
	margin-top:60px;
}

.content-section.stacked-image .stacked-image-left .stacked-bottom-image{
	padding-right: 100px;
	position: relative;
}

.content-section.stacked-image .stacked-image-left .stacked-bottom-image .image-border{
	left: 30px;
    top: 30px;
    position: absolute;
    width: calc(100% - 100px);
    height: 100%;
    z-index: -1;
    border: 3px solid #f8f3e8;
}

.content-section.stacked-image .stacked-image-left .stacked-top-image{
	position: absolute;
	top: 150px;
	right: 30px;
	width: 300px;
	height: 350px;
	text-align: right;
	border-bottom-right-radius: 100px;
	overflow: hidden;
}

.content-section.three-column-feature{
	position: relative;
}

.content-section.three-column-feature h2{
	padding-top: 50px;
	padding-bottom: 120px;
}

.content-section.three-column-feature .feature-background{
	content: '';
	background: rgba(227, 205, 164, .25);
	width: 90%;
	border-radius: 7px;
	height: 80%;
	z-index: -1;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	position: absolute;
}

.content-section.three-column-feature .feature{
	background: #33435d;
	height: 100%;
	padding: 20px 30px 20px 30px;
	border-radius: 7px;
}

.content-section.three-column-feature .feature h3{
	color: #FFF;
	margin-top: 30px;
}

.content-section.three-column-feature .feature p{
	color: #FFF;
}

.content-section.three-column-feature .feature img{
	margin-top: -100px;
	width:200px;
	max-width: 50%;
}

.content-section.three-column-feature .service-columns .cell{
	margin-bottom: 100px
}

.home .content-section.featured-list {
	padding: 5px 0;
	}

.content-section.featured-list ol{
	position: relative;
	margin-left: 3rem;
	counter-reset: item;
    list-style-type: none;
    margin-top: 30px;
}

.content-section.featured-list ol li{
	position: relative;
	padding-left: 3rem;
}

.content-section.featured-list ol li:before{
	position: absolute;
    top: 0;
    color: #FFF;
    font-weight: 700;
    font-size: 1.6rem;
    left: -30px;
    text-align: center;
    width: 46px;
    padding-top: 2px;
    height: 46px;
    border-radius: 50%;
    background: #b8938d;
    content: counter(item) " ";
    counter-increment: item;
}

.content-section.featured-list ol li:after{
	position: absolute;
    content: '';
    width: 2px;
    background: #e3cda4;
    top: 40px;
    height: 100%;
    z-index: -1;
    left: -8px;
}

.content-section.featured-list ol li:last-child:after{
	display: none;
}

.content-section.gallery-background, .content-section.cta{
	background: rgba(227, 205, 164, .25);
	background-image: url(../images/mid-century-pattern.png);
	background-repeat: repeat;
	background-position: top center;
	margin: 50px 0;
}

.content-section.tabbed-feature .tabs{
	border:none;
	position: relative;
	z-index: 5;
}

.content-section.tabbed-feature .tabs .tabs-title{
    float: left;
    margin-right: 10px;
    margin-bottom: -1px;
    border-bottom: none;
    text-align:center;
}

.content-section.tabbed-feature .tabs .tabs-title:last-child{
	margin-right:0;
}

.content-section.tabbed-feature .tabs .tabs-title > a{
	font-family: 'Arboria', sans-serif;
	font-weight: 700;
	font-size:1.6rem;
	color:#AAA;
	border: 1px solid #DDD;
	border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    background:#EEE;
}

.content-section.tabbed-feature .tabs .tabs-title>a:focus, .content-section.tabbed-feature .tabs .tabs-title>a[aria-selected=true]{
	color:#2b2b2b;
	background:#f8f3e8;
	border-bottom:1px solid #f8f3e8;
}

.content-section.tabbed-feature .tabs-content{
	border-bottom-left-radius:7px;
	border-bottom-right-radius:100px;
	border:1px solid #DDD;
	overflow:hidden;
	position: relative;
	z-index: 1
}

.content-section.tabbed-feature .tabs-content h2{
	font-size:2.3rem;
	margin-bottom:10px;
}

.content-section.tabbed-feature .tabs-panel.is-active{
	background:#f8f3e8;
	padding: 60px 30px 60px 30px;
}

.content-section.faq-feature {
  padding-top:0;
}

.content-section.faq-feature .tabs{
	border:none;
	text-align:center;
	padding:30px 0;
}

.content-section.faq-feature .tabs .tabs-title{
	float:none;
	display: inline-block;
	background:none;
	padding:0 10px;
}

.content-section.faq-feature .tabs .tabs-title > a{
	font-size:1.25rem;
	padding:0 0 10px 0;
	border-bottom:2px solid #FFF;
	color:#2b2b2b;
	background:none;
	text-decoration: none;
}

.content-section.faq-feature .tabs .tabs-title>a:focus, .content-section.faq-feature .tabs .tabs-title>a[aria-selected=true]{
	border-bottom:2px solid #e3cda4;
	text-decoration: none;
}

.content-section.faq-feature .tabs-content{
	padding:0;
	border:none;
}

.content-section.faq-feature .accordion{
	background:none;
}

.content-section.faq-feature .accordion-item{
	margin: 0;
    border-bottom: 1px solid #DDD;
    margin-bottom: 30px;
}

.content-section.faq-feature .accordion-title, :last-child:not(.is-active)>.accordion-title, .content-section.faq-feature .accordion-title:focus, .content-section.faq-feature .accordion-title:hover{
	border:none;
	font-size:1.25rem;
	font-weight:700;
	color:#2b2b2b;
	background:none;
	padding:0 50px 30px 0;
	text-decoration: none;
}

.content-section.faq-feature .accordion-title::before{
	position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -1.6rem;
    background: #e3cda4;
    display: block;
    width: 25px;
    padding-top: 3px;
    height: 25px;
    text-align: center;
    border-radius: 50%;
    color:#2b2b2b;
}

.content-section.faq-feature .is-active>.accordion-title::before{
	padding-top: 1px !important;
}

.content-section.faq-feature .accordion-content{
	border:none;
	padding:0;
}

.content-section.faq-feature .accordion-content p{
	margin-bottom:30px;
}

.content-section.process-guide{
  padding-top:0;
}

.content-section.process-guide .single-feature-image{
	margin-top: 0;
    padding-top: 0;
    padding-left: 0;
    text-align: left;
    border-bottom-right-radius: 7px;
}

.content-section.process-guide .single-feature-image img{
	box-shadow:none;
	border-bottom-left-radius: 100px;
	border-bottom-right-radius: 7px;
}

.content-section.process-guide .process-item-text{
	position: relative;
	padding: 50px 50px 50px 150px;
    margin-left: -150px;
}

.content-section.process-guide .process-item-text:before{
	width: 100%;
    height: 100%;
    border-radius: 7px;
    border-bottom-right-radius: 100px;
    background: #f8f3e8;
    content: '';
    display: block;
    left: 0;
    top: 30px;
    position: absolute;
    z-index: -1;
    min-height: 360px;
}

.content-section.process-guide .single-feature-image.single-feature-image-right{
	margin-top: 0;
    padding-top: 0;
    padding-right: 0;
    margin-left:10%;
    text-align: right;
    border-bottom-right-radius: 7px;
}

.content-section.process-guide .single-feature-image.single-feature-image-right img{
	box-shadow:none;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 100px;
}

.content-section.process-guide .process-item-text.process-text-right{
	position: relative;
	padding: 50px 150px 50px 50px;
    margin-right: -150px;
    margin-left:0;
}

.content-section.process-guide .process-item-text.process-text-right:before{
	width: 100%;
    height: 100%;
    border-radius: 7px;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 7px;
    background: #f8f3e8;
    content: '';
    display: block;
    left: 0;
    top: 30px;
    position: absolute;
    z-index: -1;
    min-height: 360px;
}

.content-section.process-guide .grid-x{
	margin-bottom:150px;
/* 	min-height: 500px; */
}

.content-section.process-guide .grid-x.no-min-height{
	margin-bottom: 50px;
	min-height: initial;
}

.content-section.cta{
	padding:50px 0;
}

.content-section.testimonials h2{
	margin-bottom: 100px;
}

.content-section.featured-quote .featured-quote-container{
	position: relative;
	background: #33435d;
	padding: 100px 120px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.content-section.featured-quote .featured-quote-container p{
	color: #FFF;
	font-family: 'Arboria', sans-serif;
	font-weight: 700;
	font-size: 1.5rem;
}

.content-section.featured-quote .featured-quote-container cite{
	color: #CCC;
	font-family: 'Arboria', sans-serif;
	font-weight: 300;
	font-size: 1.5rem;
}

.content-section.featured-quote .featured-quote-container .left-quote{
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	height: 80px;
   	background: #e3cda4;
}

.content-section.featured-quote .featured-quote-container .right-quote{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 80px;
	height: 80px;
   	background: #e3cda4;
}
.content-section.featured-quote .featured-quote-container .right-quote svg, .content-section.featured-quote .featured-quote-container .left-quote svg{
	width: 80px;
	height: 80px;
	fill: #FFF;
}
.content-section.featured-quote .featured-quote-container:after{
	content: '';
	border: 2px solid #e3cda4;
	width: calc(100% - 156px);
	height: 120%;
	position: absolute;
	top: -10%;
	left: 78px;
	z-index: -1;
}

.content-section.team .team-member{
	padding-left: 30px;
}

.content-section.team .team-member h3{
	margin: 30px 0 0 0;
}

.content-section.team .team-member h4{
	border-bottom: 2px solid #b8938d;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.content-section.contact .sidebar-contact{
	background: #33435d;
	border-radius: 7px;
	padding: 30px;
	color: #FFF;
}

.content-section.contact .sidebar-contact h3{
	color: #FFF;
}

.content-section.contact .sidebar-contact p{
	margin: 0;
}

.content-section.contact .sidebar-contact ul{
	padding: 30px 0;
	margin: 0;
}

.content-section.contact .sidebar-contact ul li{
	list-style-type: none;
	padding: 3px 0;
	color:#FFF !important;
	white-space: nowrap;
}

.content-section.contact .sidebar-contact ul li a, .content-section.contact .sidebar-contact ul li a:visited, .content-section.contact .sidebar-contact ul li a[href^=tel], .content-section.contact .sidebar-contact ul li a[href^=tel]:hover{
	color:#FFF;
}

.content-section.contact .sidebar-contact ul li svg{
	width: 18px;
	height: 18px;
	fill: #e3cda4;
	margin-right: 20px
}

.content-section.contact .sidebar-contact .btn{
	width: 100%;
	display: block;
	text-align: center;
}

.content-section.about .single-feature-image{
	width: 100%;
	margin-top: 0;
	padding-top: 0;
	padding-left: 0;
	max-width: 100%;
}

.content-section.about .single-feature-image img{
	box-shadow: none;
}

.content-section.about .about-intro{
	padding: 50px 70px 50px 50px;
	position: relative;
	margin-top: 50px;
}

.content-section.about .about-intro:before{
	background: #f8f3e8;
	content: '';
	width: calc(100% + 50px);
	height: 100%;
	margin-left: -50px;;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 7px;
	z-index: -1;
}
.content-section.about .about-quote{
	padding-right: 100px;
	font-size: 1.5rem;
	line-height: 2rem;
	font-weight: 700;
	margin-top: 30px;
}
.content-section.about .about-quote .quotes svg{
	width: 70px;
	height: 70px;
	fill: #ddcdcb;
	margin: 0 -10px;
}

.content-section.what-sets-apart .stacked-image-right{
	position: relative;
}

.content-section.what-sets-apart .stacked-image-right .stacked-bottom-image{
	padding-left: 100px;
	position: relative;
	margin-bottom: 150px;
}

.content-section.what-sets-apart .stacked-image-right .stacked-bottom-image .image-border{
	right: 30px;
    top: 30px;
    position: absolute;
    width: calc(100% - 100px);
    height: 100%;
    z-index: -1;
    border: 3px solid #f8f3e8;
}

.content-section.what-sets-apart .stacked-image-right .stacked-top-image{
	position: absolute;
	top: 150px;
	left: 30px;
	width: 300px;
	height: 350px;
	text-align: left;
	border-bottom-left-radius: 100px;
	overflow: hidden;
}

.content-section.vlog{
	padding-top: 0;
}

.content-section.vlog-section {
  padding:0;
}

.content-section.vlog-section .page-navigation{
	margin: 30px auto;
	width: 100%;
	display: block;
}

.content-section.vlog-section .page-navigation .pagination{
	text-align: center;
}

.content-section.vlog-section .pagination .current, .content-section.vlog-section .pagination a, .content-section.vlog-section .pagination button{
	padding: 10px 15px;
	border-radius: 7px;
	text-decoration: none;
}

.content-section.vlog-section .pagination .current{
	background: #33435d;
}

#youtube-player.reveal{
	background: transparent;
	padding: 0;
	border: none;
	overflow: visible;
}

#youtube-player.reveal .close-button, #youtube-player.reveal .close-button.medium{
	right: -30px;
	top: -30px;
	color: #FFF;
}

.content-section.vlog header.article-header{
    background: #33435d;
    padding: 50px;
    margin-top: -50px;
    margin-bottom: 50px;
}

.content-section.vlog header.article-header h1{
	color: #FFF;
	font-size: 3rem;
}

.content-section.vlog header.article-header h4 a{
	color: #EEE;
	font-size: 1rem;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.content-section.vlog header.article-header p{
	color: #EEE;
	margin-bottom: 0;
}

.content-section .youtube-profile{
	background: #f8f3e8;
	padding: 70px 30px 30px 30px;
	border-radius: 7px;
	position: relative;
	margin-top: 50px;
}

.content-section .youtube-profile .thumbnail-image{
	margin: -50px auto 0 auto;
	width: 100px;
	border: 2px solid #FFF;
	border-radius: 100%;
	position: absolute;
	top: 0;
	left: 50%;
    transform: translate(-50%, 0);
}

footer.article-footer{
	border: none;
}

.content-section-wrapper{
	padding:30px 0;
}

#feature-bar{
	width: 100%;
	padding: 10px;
	background: #b8938d;
	color: #FFF;
	position: relative;
	z-index: 15;
}

#feature-bar p{
	margin: 0;
}

#feature-bar p span{
	font-size: 1.2rem;
	margin-right: 20px;
}

#feature-bar p .btn{
	line-height: 1rem;
}

#feature-bar .close-bar{
	position: absolute;
	top: 32px;
	right: 30px;
	color: #FFF;
	width: 28px;
	height: 28px;
	text-align: center;
	border-radius: 100%;
	background: rgba(255,255,255,0.3);
}

#feature-bar.hide{
	display: none;
}

/* body.home #header-nav{
	background: none;
} */

#header-nav{
	background: #33435d;
	background: rgba(51, 67, 93, 0.9);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 90px;
	padding: 20px 0;
	z-index: 20;
}

#header-nav .logo img{
	max-height: 50px;
}

.nav-desktop-menu{
	display: none;
}

.off-canvas{
	background: #33435d;	
}

#off-canvas .menu-button svg path{
	fill:#000;
	filter: none;
}

#off-canvas span.site-logo a{
	color:#FFF;
	outline:none;
	text-shadow:none;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none;
}

.off-canvas.position-top{
  height:100vh;
  -webkit-transform: translateY(-100vh);
  -ms-transform: translateY(-100vh);
  transform: translateY(-100vh);
}
.off-canvas.is-open {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
}

.off-canvas-content.is-open-top.has-transition-push{
	-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.off-canvas .logo{
	margin-top: 50px;
	margin-bottom: 50px;
}

#offcanvas-nav li a{
	color: #FFF;
	display: inline-block;
	font-size: 1.2rem;
}

#offcanvas-nav.accordion-menu .is-accordion-submenu a {
    color: #e3cda4 !important;
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after{
	border-color: #FFF transparent transparent;
	right: -5px;
}

#offcanvas-nav.menu .active>a{
	background: none;
}

.off-canvas h3{
	color: #f8f3e8;
	margin-top: 50px;
	font-size: 1.5rem;
}

.submenu-toggle::after{
	border-color: #FFF transparent transparent;
}

.has-submenu-toggle>a{
	margin-right: 0;
}

#header-nav #main-nav{
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

/* body.home #header-nav #main-nav li > a{
	color: #33435d;
	font-weight: 700;
}

body.home #header-nav #main-nav li a:hover{
	color: #4b4b4b;
}

body.home #header-nav #main-nav.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after{
	border-color: #2b2b2b transparent transparent;
} */

#header-nav #main-nav li a{
	color: #FFF;
}

#header-nav #main-nav li a:hover{
	color: #FFF;
}

#header-nav #main-nav.menu .active>a{
	background: none;
}

#header-nav #main-nav.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after{
	border:none;
	content: url("../images/chevron-down-white.svg");
	width: 10px;
	height: 10px;
	margin-top: -10px;
}

/* body.home #header-nav #main-nav.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after{
	content: url("../images/chevron-down.svg");
}
 */

#header-nav .header-menu-icon a{
	display: block;
}

#header-nav .header-menu-icon a svg{
	height: 30px;
	width: 30px;
	fill: #FFF;
}

body.home #header-nav .header-menu-icon a svg{
	fill: #33435d;
}

#header-nav #main-nav .is-dropdown-submenu{
	background: #f9f5ed;
	border-radius: 7px;
	top: 110%;
}

#header-nav #main-nav .is-dropdown-submenu li{
	margin: 0;
}

#header-nav #main-nav .is-dropdown-submenu a{
	color: #33435d;
	font-size: 1.1rem;
	padding: 1rem;
	transition: ease .5s all;
	font-weight: 400;
}

header.header{
	position: relative;
}

body.home #header-nav #main-nav .is-dropdown-submenu a{
	font-weight: 400;
}

#header-nav #main-nav .is-dropdown-submenu a:hover{
	color: #33435d;
	padding-left: 1.3rem;
	transition: ease .5s all;
}


#hero.homepage{
	background-image:  url('../images/hero-image-min.webp');
	background-size: cover;
	background-position: center center;
	min-height: 100vh;
	position: relative;
}

#hero.homepage .hero-gradient:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgb(227,205,164);
	background: linear-gradient(180deg, rgba(227,205,164,1) 0%, rgba(227,205,164,0) 40%);
	z-index: 1;
}

#hero.homepage:before{
	height: 100vh;
	width: 40vw;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(51, 67, 93, 0.8);
	content: '';
	z-index: 5;
}

#hero.homepage:after{
	height: 120vh;
	width: 150px;
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
	background: rgba(51, 67, 93, 0.8);
	content: '';
	position: absolute;
	top: 0;
	left: 40vw;
	margin-top: -10vh;
	z-index: 5;
}

#hero.homepage .cell{
	position: relative;
	z-index: 10;
}

#hero.homepage .medium-grid-frame{
	min-height: 100vh;
}

#hero.homepage .hero-content{
	color: #FFF;
	padding-top: 30px;
}

#hero.subpage{
	background-image: url('../images/hero-image-min.webp');
	background-size: cover;
	background-color:#FFF;
	background-position: center center;
	height:100%;
	position: relative;
}

#hero.subpage .hero-gradient:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	background: rgb(227,205,164);
	background: linear-gradient(90deg, rgba(227,205,164,.75) 0%, rgba(227,205,164,0) 75%);
	z-index: 2;
}

#hero.subpage .hero-gradient:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	background: rgba(255,255,255,0.3);
	background: linear-gradient(90deg, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0) 75%);;
	z-index: 1;
}

#hero.subpage .cell{
	position: relative;
	z-index: 10;
}

#hero.subpage .hero-content{
	margin-top: 250px;
	color: #33435d;
	padding-bottom:30px;
}

#hero.subpage.vlog .hero-content{
	height: 80vh;
	color: #000;
	margin-top: 40px;
	padding-bottom:30px;
	position: relative;
}

#hero.subpage.vlog .hero-gradient:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	background: rgba(255,255,255,0.3);
	background: linear-gradient(90deg, rgba(255,255,255,0) 40%, rgba(255,255,255,.9) 90%);
	z-index: 2;
}

#hero.subpage.vlog .hero-gradient:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	background: rgba(255,255,255,0.3);
	background: linear-gradient(90deg, rgba(255,255,255,.9) 10%, rgba(255,255,255,0) 60%);
	z-index: 1;
}

#hero.subpage.vlog .hero-content .play-button{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#hero.subpage.vlog .hero-content .play-button svg{
	width: 100px;
	height: 100px;
	fill: #FFF;
}

#main-content{
	position: relative;
	z-index: 10;
	background: #FFF;
}

.auction-items-gallery .auction-item{
	border-radius: 7px;
	overflow: hidden;
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
	margin: 20px;
}

.auction-items-gallery .auction-item img{
	border-bottom: 5px solid #e3cda4;
	width: 100%;
}

.auction-items-gallery .auction-item .item-description{
	background: #FFF;
	padding: 15px;
	min-height: 150px;
}

.auction-items-gallery .auction-item h5{
	color: #999;
}

.auction-items-gallery .auction-item h6{
	font-weight: 700;
	font-size: 2rem;
}

.testimonial{
	position: relative;
}

.testimonial .testimonial-image img{
	width: 100%;
	border-radius: 7px;
}

.testimonial .testimonial-content{
	font-size: 125%;
	padding: 70px 60px;
	margin-top: 100px;
	position: relative;
}

.testimonial .testimonial-content:before{
	width: calc(100% + 50px);
	height: 100%;
	content: '';
	background: rgba(227, 205, 164, .25);
	position: absolute;
	left: 0;
	top: 0;
	margin-left: -50px;
	z-index: -1;
	border-radius: 7px 7px 100px 7px;
}

.testimonial .testimonial-content cite{
	font-weight: 700;
	font-size: 100%;
	color: #2b2b2b;
}

.vlog-item{
	position: relative;
	border-radius: 7px;
	overflow: hidden;
	background-position: center;
	background-size: cover;
	height: 450px;
	width: 100%;
	transition: all 1s ease;
}

.vlog-item .item-description{
	position: absolute;
	bottom: -60px;
	left: 0;
	width: 100%;
	padding: 100px 20px 20px 20px;
	transition: all .5s ease;
}
.vlog-item:before{
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(0deg, rgba(184,147,141,.50) 50%, rgba(184,147,141,0) 80%);
}

.vlog-item .item-description h5{
	color: #FFF;
	font-size: 1.6rem;
	line-height: 1.8rem;
	margin-bottom: 30px;
	font-weight: 700;
}

.vlog-item .item-description h6{
	text-transform: uppercase;
	letter-spacing: 2px;
	display: inline-block;
	color: #FFF;
	border-bottom: 3px solid transparent;
	padding-bottom: 5px;
	transition: all 1s ease;
	font-weight: 700;
}

.vlog-item:hover .item-description h6{
	border-bottom: 3px solid #e3cda4;
	transition: all 1s ease;
}

.vlog-item:hover .item-description{
	bottom: 0;
	transition: all .5s ease;
}

footer{
	border-top: 2px solid rgba(227,205,164,.3);
	position: relative;
	margin-top: 150px;
}

footer .newsletter-container{
	background: #f8f3e8;
	padding: 30px;
	border-radius: 7px;
	margin-top: -100px;
	margin-bottom: 90px;
}

footer .newsletter-container .gform_wrapper.gravity-theme .gform_footer, footer .newsletter-container .gform_wrapper.gravity-theme .gform_page_footer{
	padding: 8px 0 0 0;
}

footer .newsletter-container h2{
	font-size: 2rem;
	margin-bottom: 10px;
}

footer .newsletter-container p{
	margin: 0;
}

footer img{
	margin-bottom: 30px;
}

footer h6{
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
}

footer ul.menu{
	margin: 0;
	padding: 0;
	flex-direction: column;
	margin-top: 20px;
}

footer ul.menu li{
	display: block;
	padding: 0;
}

footer ul.menu li a{
	color: #4b4b4b;
	padding: 2px 0;
    font-size: 1rem;
}

footer ul.menu li a:hover{
  text-decoration: underline;
}

footer ul.menu .active>a{
	background: none;
	color: #4b4b4b;
}

footer ul.social-links{
	margin: 0;
	padding: 0;
	text-align: right;
}

footer ul.social-links li{
	list-style-type: none;
	display: inline-block;
	padding: 0 5px;
}

footer ul.social-links li a svg{
	width: 30px;
	height: 30px;
	fill: #2b2b2b;
}

footer ul.social-links li a:hover svg{
  fill: #d0181e;
}


footer .footer-copyright{
	background: #33435d;
	color: #FFF;
	padding: 20px 0;
	font-size: 80%;
	margin-top: 50px;
}

footer .footer-copyright p{
	margin: 0;
}
footer .footer-copyright p a, footer .footer-copyright p a:visited{
	color: #f8f3e8;
	text-decoration: none;
}
footer .footer-copyright p a:hover{
	color: #f8f3e8;
	text-decoration: underline;
}
footer .footer-copyright ul.social-links li a svg{
	width: 20px;
	height: 20px;
	fill: #FFF;
}

footer .footer-copyright ul.social-links li{
	margin-bottom: 0;
	margin-top: 5px;
}

/** Slick Slider **/

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -50px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 15px;
    height: 15px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}

.slick-dots li:only-child {
        display: none;
}

.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 15px;
    height: 15px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 15px;
    height: 15px;

    content: '';
    text-align: center;

    opacity: 1;
    background: #CCC;
    border-radius: 50%;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: 1;
    background: #e3cda4;
}

/** Responsive **/

/* Small only */
@media screen and (max-width: 39.9375em) {
	#hero.homepage:after{
		display: none;
	}
	h1, .h1{
		font-size: 3rem;
		line-height: 3rem;
    overflow-wrap: inherit;
	}

	#hero.homepage:before {
		width: 100vw;
		height: 100%;
	}
	h2, .h2{
		font-size: 2.4rem;
		line-height: 2.4rem;
	}
	.content-section.stacked-image .stacked-image-left, .content-section.stacked-image .stacked-image-right{
		min-height: 40px;
		margin-top: 30px;
	}
  
	.content-section:first-child {
	padding-top: 40px;
	}

	.home .content-section.featured-list {
	padding: 5px 0;
	}

	.content-section.about .about-quote{
	padding-right:0;
	}

	.content-section.about .about-intro {
	padding: 50px 20px 50px 0px;
	}

	.testimonial .testimonial-content {
	padding: 70px 20px;
	}

	.content-section.testimonials, .content-section.what-sets-apart, .content-section.three-column-feature, .content-section.form{
	 padding: 5px 0;
	}
  
	.testimonial .testimonial-content{
		margin-top: -40px;
	}
	body.home #header-nav .header-menu-icon a svg{
		fill: #FFF;
	}

	.vlog-item{
		height: 350px;
		margin-bottom: 30px;
	}

	footer .newsletter-container p{
		margin-bottom: 30px;
	}
	.footer-logo, footer h6, footer ul.menu li, footer .footer-copyright{
		text-align: center
	}
	footer ul.menu{
		margin-bottom: 30px;
		margin-top: 10px;
	}
	footer ul.social-links{
		text-align: center;
		margin-top: 20px;
	}
	#feature-bar p .btn{
		white-space: nowrap;
		line-height: 80px;
		margin-left: 0;
	}
	#feature-bar{
		padding: 10px 70px 10px 20px;
	}

	#feature-bar .text-center{
		text-align: left;
	}
	#feature-bar .close-bar{
		top: 40%;
	}
	.content-section.process-guide .single-feature-image.single-feature-image-right{
		margin-top: -20px;
	}
	.content-section.process-guide .process-item-text{
		margin-top: -70px;
	}
	.content-section.cta, .content-section.cta .text-right{
		text-align: center;
	}
	#hero.subpage.vlog .hero-content{
		height: 50vh;
	}
	.content-section .youtube-profile{
		margin-top: 100px;
	}
	.content-section.featured-quote .featured-quote-container{
		padding: 120px 40px;
	}
	.content-section.featured-quote .featured-quote-container:after{
		height: 114%;
		top: -7%;
	}
	.content-section.contact .sidebar-contact{
		margin-top: 50px;
	}
	#hero.homepage .hero-content{
		padding-top: 140px;
		padding-bottom: 50px;
	}
	.content-section.featured-quote .featured-quote-container:after{
		display: none;
	}
	#hero.subpage .hero-gradient:before{
		background: linear-gradient(90deg, rgba(227,205,164,.75) 0%, rgba(227,205,164,.75) 100%);
	}
	.content-section.stacked-image .stacked-image-left .stacked-top-image{
		width: 180px;
		height: 190px;
		top: 80px;
   		right: 0px;
	}
	.content-section.stacked-image .stacked-image-left, .content-section.stacked-image .stacked-image-right{
		min-height: 320px;
		margin-top: 50px;
	}
	.content-section.what-sets-apart .stacked-image-right .stacked-top-image {
	    top: 70px;
	    left: 0px;
	    width: 180px;
	    height: 190px;
	}
	.content-section.what-sets-apart .stacked-image-right{
		margin-top: 50px;
		min-height: 320px;
	}
}

/* Medium and up 640 */
@media screen and (min-width: 40em) {

}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	h1, .h1{
		font-size: 3rem;
		line-height: 3rem;
	}
	h2, .h2{
		font-size: 2.8rem;
		line-height: 2.8rem;
	}
	.testimonial .testimonial-content{
		margin-top: -40px;
	}
	.vlog-item{
		height: 350px;
		margin-bottom: 30px;
	}
	footer .newsletter-container p{
		margin-bottom: 30px;
	}
	#hero.homepage:before {
		width: 60vw;
	}
	#hero.homepage:after{
		left: 60vw;
	}
	.content-section.stacked-image .stacked-image-left .stacked-top-image{
		width: 220px;
		height: 240px;
		top: 80px;
   		right: -50px;
	}
	.content-section.stacked-image .stacked-image-left, .content-section.stacked-image .stacked-image-right{
		min-height: 350px;
		margin-top: 50px;
	}
	.featured-list .single-feature-image{
		width: 80%;
		margin-bottom: 30px;
	}
	.content-section.cta, .content-section.cta .text-right{
		text-align: center;
	}
	#hero.subpage.vlog .hero-content{
		height: 50vh;
	}
	.content-section .youtube-profile{
		margin-top: 100px;
	}
	.content-section.what-sets-apart .stacked-image-right .stacked-top-image {
	    top: 70px;
	    left: -50px;
	    width: 230px;
	    height: 250px;
	}
	.content-section.what-sets-apart .stacked-image-right{
		margin-top: 50px;
		min-height: 350px;
	}
	.content-section.about .single-feature-image{
		text-align: left;
	}
	.content-section.about .single-feature-image img{
		max-width: 80%;
	}
	.content-section.contact .sidebar-contact{
		margin-top: 50px;
	}
	.content-section.about .about-quote{
		padding-right: 0;
	}
	#hero.homepage .hero-content{
		padding: 110px 0 50px;
	}
}

/* Large and up 1024 */
@media screen and (min-width: 64em) {

}


/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
	h1, .h1{
		font-size: 3.3rem;
		line-height: 3.3rem;
	}
	h2, .h2{
		font-size: 2.8rem;
		line-height: 2.8rem;
	}
	#hero.homepage:before {
		width: 50vw;
	}
	#hero.homepage:after{
		left: 50vw;
	}
	#hero.homepage .hero-content{
		padding-top: 80px;
	}
}


@media screen and (min-width: 70em) {
	.nav-desktop-menu{
		display: block;
	}
	.nav-mobile-menu{
		display: none;
	}
}

/* XLarge and up 1200 */
@media screen and (max-width: 70em) {
      body.home #header-nav {
    background: none;
  }
}

/* XLarge only */
@media screen and (min-width: 75em) and (max-width: 89.9375em) {
	h1, .h1{
		font-size: 3.4rem;
		line-height: 3.4rem;
	}
	h2, .h2{
		font-size: 3rem;
		line-height: 3rem;
	}
	#hero.homepage:before {
		width: 50vw;
	}
	#hero.homepage:after{
		left: 50vw;
	}
	#hero.homepage .hero-content{
		padding-top: 60px;
	}
}

/* XXLarge and up 1440 */
@media screen and (min-width: 90em) {
	#hero.homepage .hero-content{
		padding-right: 10vw;
	}
  
}

@media screen and (min-width: 90em) and (max-width: 119.9375em) {
  body.home #header-nav {
    background: none;
  }
  body.home #header-nav #main-nav li > a{
	  color: #33435d;
	  font-weight: 700;
  }
  body.home #header-nav #main-nav li a:hover{
    color: #4b4b4b;
  }
  body.home #header-nav #main-nav.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after{
    border-color: #2b2b2b transparent transparent;
  }
    body.home #header-nav #main-nav.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after{
    content: url("../images/chevron-down.svg");
  }
}

/* XXLarge only */
@media screen and (min-width: 90em) and (max-width: 119.9375em) {

}



/* XXXLarge and up 1920 */
@media screen and (min-width: 120em) {

}