/***** BEGIN RESET *****/
@import url("https://use.typekit.net/szs3gyo.css");
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 --------*/
:root {
  --light-red: #E12336;
  --dark-red: #BF1E2E;
  --dark-grey: #1D1D1D;
  --grey: #F6F6F6;
}

/***** 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;
}

h1, h2, h3 {
	font-family: 'realist', sans-serif;
}

#home p, #thankyou p, #contact p, .map-section a, #sell-with-us p, .img-left-inner a, #valuation p, #want-to-buy p  {
	font-family: 'figtree', sans-serif;
	font-size: 17px;
	line-height: 35px;
	color: var(--dark-grey);
}

/*-------- BODY STYLES --------*/

body {

}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

/*--- HERO STYLES ---------------------*/
.home-hero {
	background: url("/siteart/home-hero.jpg") no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 0 0 40px 40px;
	background-color: var(--dark-grey);
}
.home-hero > div {background: rgba(29, 29, 29, .6); border-radius: 0 0 40px 40px;}
.home-hero .heading-lg {max-width: 1000px;}
.home-hero .wrapper {padding-top: 190px!important; padding-bottom: 190px!important;}
.home-hero .flex {margin-top: 60px; gap: 20px; flex-wrap: wrap;}


#contact .inner-hero {
	background: url("/siteart/contact-hero.jpg") no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 0 0 40px 40px;
	background-color: var(--dark-grey);
}
#sell-with-us .inner-hero {
	background: url("/siteart/consign-hero.jpg") no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 0 0 40px 40px;
	background-color: var(--dark-grey);
}
#want-to-buy .inner-hero {
	background: url("/siteart/want-to-buy.jpg") no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 0 0 40px 40px;
	background-color: var(--dark-grey);
}
#valuation .inner-hero {
	background: url("/siteart/valuation-hero.jpg") no-repeat;
	background-size: cover;
	background-position: 50% 75%;
	border-radius: 0 0 40px 40px;
	background-color: var(--dark-grey);
}
#thankyou .inner-hero {
	background: url("/siteart/thankyou-hero.jpg") no-repeat;
	background-size: cover;
	background-position: 50% 45%;
	border-radius: 0 0 40px 40px;
	background-color: var(--dark-grey);	
}

.inner-hero > div {background: rgba(29, 29, 29, .6); border-radius: 0 0 40px 40px;}
.inner-hero .wrapper {padding-top: 190px; padding-bottom: 100px;}
.inner-hero .flex {align-items: center; flex-wrap: wrap; gap: 30px; margin-top: 15px;}
.inner-hero a {color: #fff; font-weight: 700; transition: all .4s ease-out; font-size: 17px; font-family: 'figtree', sans-serif;}
.inner-hero hr {margin: 0; border: #fff solid 1px; height: 30px;}
.inner-hero p {color: #fff!important;}

/*---BODY--------------------------------*/

/*---img-right---*/
.img-left {padding-top: 100px; padding-bottom: 100px; align-items: center; gap: 90px;}
.img-left .img-height {max-width: 900px; height: 830px; width: 100%; min-width: 400px;}
.img-left .img-height img {width: 100%; height: 100%; object-fit: cover; border-radius: 0 500px 500px 0;}
.img-left .content-right {max-width: 870px; padding-right: 15px; position: relative}
.img-left .content-right > div {position: relative; z-index: 1;}

.img-left .words-behind {font-size: 128px!important; color: rgba(29, 29, 29, .05)!important;position: absolute; top: -20px;left: -430px; z-index: 0;}

/*---center-section---*/
.center-section {
	background: url("/siteart/auction-consignment.jpg") no-repeat;
	background-color: var(--dark-grey);
	background-size: cover;
	background-position: center;
	position: relative;
}
.center-section > div {background: rgba(29, 29, 29, .7);}
.center-section .wrapper {max-width: 1035px; padding-top: 230px!important; padding-bottom: 230px!important;}
.center-section .wrapper > div {position: relative; z-index: 1;}
.center-section .wrapper .flex {gap: 20px; justify-content: center; flex-wrap: wrap;}

.center-section .heading-md {color: #fff!important; text-align: center;}
.center-section p {color: #fff!important;text-align: center;}
.center-section .words-behind {font-size: 120px!important; line-height: 130px!important; color: rgba(29, 29, 29, .09)!important;position: absolute; top: 180px;left: 0px; z-index: 0; text-align: left!important;}

/*---col-3---*/
.col-3 {background: linear-gradient(to right, #fff 50%, #F6F6F6 50%); padding-top: 100px; padding-bottom: 100px;}
.col-3 .wrapper {position: relative;}
.col-3 .wrapper > div:first-child {position: relative; z-index: 1;}
.col-3 .wrapper > .flex {gap: 20px; justify-content: center;}
.col-3 .heading-md {text-align: center; max-width: 1000px; margin: 0 auto;}
.col-3 p {text-align: center; margin-bottom: 60px;}
.col-3 .words-behind {font-size: 120px!important; line-height: 130px!important; color: rgba(29, 29, 29, .05)!important;position: absolute; bottom: 630px;left: 0px; right: 0; z-index: 0; text-align: center;}

.col-3 .flex a:after {
	background: rgba(191, 30, 46, .7); 
	position: absolute; 
	content:""; 
	z-index: 1; 
	border-radius: 300px 300px 0 0; 
	top: 0; 
	bottom: 0; 
	width: 100%; 
	height: 100%;
	transition: all .4s ease-out;
}
.col-3 .flex a:nth-child(2):after, .col-3 .flex a:last-child:after {background: rgba(29, 29, 29, .4); border-radius: 0;}
.col-3 .flex a:hover:after {background: rgba(29, 29, 29, .4)!important; border-radius: 0!important;}
.col-3 .flex a:nth-child(2):hover:after, .col-3 .flex a:last-child:hover:after {background: rgba(191, 30, 46, .7)!important; border-radius: 300px 300px 0 0!important;}

.col-3 a {position: relative;}
.col-3 .img-height {max-width: 590px; width: 100%; height: 630px;}
.col-3 .img-height img {width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 0;}
.col-3 .img-height > div {position: absolute; bottom: 25px; left: 30px; right: 30px; justify-content: space-between; z-index: 3; align-items: center; gap: 15px;}
.col-3 .img-height > div i {color: #fff; font-size: 40px;}
.col-3 .btn-top {display: flex; justify-content: center;}

/*---door-on-image---*/
.door-on-image {background: url("/siteart/finance.jpg") no-repeat; background-size: cover; background-position: center; background-color: var(--dark-grey); position: relative; padding-top: 160px; padding-bottom: 240px;}
.door-on-image .wrapper > div {background: #fff; max-width: 750px!important; padding: 80px 120px 80px 80px; border-radius: 20px 600px 600px 20px;}
.door-on-image .flex {flex-wrap: wrap; gap: 20px;}

.door-on-image .heading-md {position: relative; z-index: 1; color: var(--dark-grey)!important;}
.door-on-image .words-behind {font-size: 120px!important; line-height: 130px!important; color: rgba(29, 29, 29, .09)!important;position: absolute; top: 180px;left: 220px; z-index: 0; text-align: left!important;}

/*---center-contact---*/
.center-contact {padding-top: 80px; background: var(--dark-grey); padding-bottom: 50px;}
.center-contact .wrapper {text-align: center; max-width: 815px;}
.center-contact .heading-md {color: #fff!important;}
.center-contact p {color: #fff!important;}

/*--------PAGE STYLES--------------------*/
/*---thankyou---*/
#thankyou .center-white {margin: 0 auto; max-width: 900px; padding-top: 130px!important; padding-bottom: 130px!important;}
#thankyou .center-white .heading-md {text-align: center;}
#thankyou .center-white p {text-align: center;}
#thankyou .center-white .btn-top {margin: 60px auto 0; text-align: center;}

/*---contact---*/
.map-section {position: relative;}
.map-section .img-height {height: 850px; width: 100%;}
.map-section .white-door {background: #fff; max-width: 750px; padding: 100px 200px 75px 80px; border-radius: 20px 600px 600px 20px; position: absolute; bottom: 100px; left: 2%;}
.map-section .white-door .heading-md {color: var(--dark-grey)!important;}
.map-section .white-door ul {margin-top: 50px;}
.map-section .white-door ul li {margin-bottom: 25px;}
.map-section .white-door a {transition: all .4s ease-out;}
.map-section .white-door a:hover {color: var(--dark-red)!important;}
.map-section .white-door ul li i {margin-right: 15px;}

.center-inner {background: var(--dark-grey); padding: 80px 0 50px;}
.center-inner .heading-md {color: #fff!important; text-align: center;}
.center-inner p {text-align: center; max-width: 840px; margin: 0 auto; color: #fff!important;}
.center-inner .btn-top {justify-content: center; gap: 15px; flex-wrap: wrap;}

/*---valuation---*/
#valuation .center-inner-img {background: url("/siteart/valuation-cows.jpg") no-repeat; background-position: center; background-size: cover;}

/*---Want to Buy---*/
#want-to-buy .center-inner-img {background: url("/siteart/want-to-buy-equipment.jpg") no-repeat; background-position: center; background-size: cover;}

/*---sell-with-us---*/
.center-inner-img {background: url("/siteart/consign-horses.jpg") no-repeat; background-position: center; background-size: cover;}
.center-inner-img > div {background: rgba(29, 29, 29, .7);}
.center-inner-img .wrapper {padding-top: 130px!important; padding-bottom: 130px!important; max-width: 845px; margin: 0 auto;}
.center-inner-img .heading-md, .center-inner-img p {color: #fff!important; text-align: center;}
.center-inner-img .btn-top {margin: 60px auto 0; text-align: center;}

.img-left-inner {padding-top: 130px; padding-bottom: 130px; align-items:center; gap: 100px;}
.img-left-inner .content-right {padding-right: 15px; min-width: 500px;}
.img-left-inner .heading-md {color: var(--dark-grey)!important;}
.img-left-inner .img-height {height: 800px; max-width: 940px; width: 100%;}
.img-left-inner .img-height iframe {border-radius: 0 800px 800px 0;}
.img-left-inner ul li {margin-top: 30px;}
.img-left-inner ul i {margin-right: 15px;}
.img-left-inner ul a {transition: all .4s ease-out;}
.img-left-inner ul a:hover {color: var(--dark-red)!important;}
.img-left-inner .btn-top a {color: #fff!important;}

/*--------FORM STYLES--------------------*/
.form-all .heading-md {margin-bottom: 10px; color: var(--dark-red);}
.form-all .heading-sm {color: var(--dark-grey)!important; text-align: left; margin-bottom: 20px; margin-top: 40px;}
.form-all p {max-width: 900px; margin: 15px auto 40px;}
#valuation .form-all p {max-width: 1000px;}

.form-bg {background: #fff; padding-top: 130px;}
.form-all {
	box-sizing: border-box;
	max-width: 1200px!important; 
	width: 100%;
	margin: 0 auto!important;
	text-align: center;
	padding-bottom: 200px!important;
}

 .label {
	font-family: 'figtree', sans-serif;
	text-align: left!important;
	font-weight: 500;
	font-size: 17px;
	color: var(--dark-grey);
}

.label-row {margin-bottom: 15px;color: #050727;}
.flex-form {width: 100%;max-width: 1205px;padding: 15px;margin: 52px auto;}
.flex-row {display: flex;width: 100%;}

.form-half {display: inline-block;width: calc(50% - 8px);margin: 15px 15px 15px 0;}
.form-half input, .form-half select {
	padding: 15px;
	width: 100%;
	border: none;
	font-family: 'figtree', sans-serif;
	box-sizing: border-box;
	background: var(--grey);
	font-size: 17px;
	color: var(--dark-grey);
}

.form-2nd-row {margin-right: 0;}
.form-half select {color: var(--dark-grey);}

.form-third {display: inline-block;width: 33.3%;margin: 15px 15px 15px 0;}
.form-third input {
	padding: 15px;
	width: 100%;
	border: none;
	background: var(--grey);
	font-family: 'figtree', sans-serif;
    box-sizing: border-box;
	font-size: 17px;
	color: var(--dark-grey);
}

.form-third-last {margin-right: 0;}

.form-full textarea {
	width: 100%;
	padding: 15px;
	border: none;
	box-sizing: border-box;
	margin-bottom: -8px;
	font-family: 'figtree', sans-serif;
	background:  var(--grey);
	font-size: 17px;
	color: var(--dark-grey);
}

.form-full {margin: 15px 0 30px 0;}
input::placeholder, textarea::placeholder {color: var(--dark-grey);}

.checkbox {text-align:left; margin-bottom:0!important;margin-top: 25px!important;}

.checkbox > label > .label-row {display: inline-block;}

/*--------Captcha--------------------*/

.include-captcha{display:none;}
#submit-btn {float: right;}
.CaptchaWhatsThisPanel > a:hover {text-decoration: underline;}
.CaptchaWhatsThisPanel > a, .CaptchaMessagePanel {color: var(--dark-grey);font-family: 'figtree', sans-serif;}
.CaptchaPanel {text-align: right!important;}
.captcha-button {float: right;}

/*-------- FOOTER STYLES ----------------*/
.my-site-footer {background: var(--dark-grey); position: relative;}
.my-site-footer .wrapper {position: relative; z-index: 1;}
.my-site-footer a {color: #fff!important; font-family: 'figtree', sans-serif; font-size: 18px; transition: all .4s ease-out;}
.my-site-footer a:hover {color: var(--light-red)!important;}
.my-site-footer .img-height img {max-width: 180px;}
.my-site-footer .wrapper > div {justify-content: space-between; gap: 40px; align-items: center; margin-bottom: 80px; padding-top: 50px;}
.my-site-footer .wrapper > div ul {gap: 50px; flex-wrap: wrap; justify-content: flex-end;}
.my-site-footer .wrapper > ul {justify-content: flex-end; gap: 50px; border-top: 1px solid #fff; padding-top: 30px; padding-bottom: 30px; flex-wrap: wrap;}
.my-site-footer .wrapper > ul i {margin-right: 15px;}
.my-site-footer .cicle {height: 430px; width: 840px; background: #272727; border-radius: 1100px 1100px 0 0; position: absolute; bottom: 0; right: 0; z-index: 0;}

/*-------- UNIVERSAL STYLES ----------------*/
.wrapper {
	padding: 0 15px; 
	margin: 0 auto;
	max-width: 1830px;
}

.flex {display: flex;}

.btn-top {margin-top: 60px;}
.p-top {margin-top: 20px;}
.words-behind {pointer-events: none;}

/*---Headings---*/
.heading-lg {font-size: 95px; color: #fff; font-weight: 400;}
.heading-md {font-size: 75px; color: var(--dark-red); margin-bottom: 20px; font-weight: 400;}
.heading-sm {font-size: 45px; color: #fff; font-weight: 400;}

.sub-h1 {font-size: 30px; text-transform: uppercase; font-weight: 500;}
.h1-span {font-size: 105px; font-weight: 700;}

/*---Buttons---*/

.btn-light-red, .btn-dark-red {
	display: inline-block;
    width: 230px;
    color: #fff;
    background: var(--light-red);
    padding: 20px 0;
    font-weight: 600;
    font-size: 17px;
    font-family: 'figtree', sans-serif;
    border-radius: 10px;
    border: none;
    text-align: center;
    transition: all .4s ease-out;
}
.btn-light-red:hover {background: var(--dark-red);}
.btn-dark-red {background: var(--dark-red)!important;}
.btn-dark-red:hover {background: var(--light-red)!important;}


/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.container.cf {margin-top: 100px!important;}
#styles-inventory .my-site-footer .wrapper > ul {padding-bottom: 110px!important;}

.list-top-section .list-listings-count {color: var(--dark-red)!important;}

.view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-error-container .info button:not(.login-button) {background: var(--dark-red)!important; transition: all .4s ease-out;}
.view-listing-details-link:hover, .list-content .list-error-container .info button:not(.login-button):hover, .dealer-contact__button:hover, .collapsible-contact-wrapper button:hover, .detail-contact-bar button:hover {background: var(--light-red)!important;}


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

@media only screen and (max-width: 1556px) {
	.col-3 .words-behind {bottom: 500px;}
	.img-left-inner {gap: 40px;}
}

@media only screen and (max-width: 1300px) {
	.img-left {gap: 40px;}
}

@media only screen and (max-width: 1220px) {
	.col-3 .wrapper > .flex {flex-wrap: wrap;}
	.col-3 .words-behind {bottom: 670px;}
	.col-3 .img-height {max-width: 100%; height: 250px;}
	.col-3 .flex a {width: 100%;}
}

@media only screen and (max-width: 1120px) {
	.door-on-image .words-behind {left: 0;}
}

@media only screen and (max-width: 1000px) {
	.col-3 .words-behind {font-size: 14.5vw!important; bottom: 540px;}
}

@media only screen and (max-width: 950px) {
	.img-left, .img-left-inner {flex-wrap: wrap;}
	.img-left .img-height, .img-left-inner .img-height {height: 250px; min-width: 100px;}
	.img-left .content-right, .img-left-inner .content-right {padding-left: 15px; min-width: 100px;}
	.img-left .words-behind {left: 0; right: 0; top: -35px;}
}

@media only screen and (max-width: 900px) {
	.door-on-image .words-behind {font-size: 13vw !important; white-space: nowrap;}
	.door-on-image .wrapper > div {padding: 80px 90px 80px 30px;}
}

@media only screen and (max-width: 850px) {
	.my-site-footer .cicle {max-width: 840px; width: 100%; left: 0;}
}

@media only screen and (max-width: 800px) {
	.center-section .words-behind {font-size: 14.5vw!important;}
	.map-section .white-door {padding: 60px 130px 35px 30px;}
	.map-section .white-door ul {margin-top: 30px;}
}

@media only screen and (max-width: 730px) {
	.heading-lg {font-size: 50px;}
	.heading-md {font-size: 45px;}
	.heading-sm {font-size: 30px;}
	.col-3 .img-height > div i {font-size: 30px;}
	.sub-h1 {font-size: 25px;}
	.h1-span {font-size: 55px;}
	.center-section .wrapper {padding-top: 180px!important; padding-bottom: 180px!important;}
	.center-section .words-behind {top: 120px;}
	.col-3 .words-behind {line-height: 80px !important; bottom: 660px;}
}

@media only screen and (max-width: 650px) {
	.center-section .words-behind {line-height: 80px!important;}
	.my-site-footer .wrapper > div {flex-direction: column; justify-content: center;}
	.my-site-footer .wrapper > div ul, .my-site-footer .wrapper > ul {justify-content: center;}
	.my-site-footer li {text-align: center;}
}

@media only screen and (max-width: 600px) {
	.home-hero .wrapper {padding-top: 90px!important; padding-bottom: 80px!important;}
	.center-section .wrapper {padding-top: 100px!important; padding-bottom: 100px!important;}
	.door-on-image {padding-top: 80px; padding-bottom: 100px;}
	.col-3, .center-inner-img .wrapper, .img-left-inner, #thankyou .center-white {padding-top: 80px!important; padding-bottom: 80px!important;}
	.form-bg {padding-top: 80px;}
	.form-all {padding-bottom: 180px!important;}
	
	.home-hero .flex {margin-top: 30px;}
	.center-section .words-behind {top: 80px;}
	.door-on-image .words-behind {top: 95px;}
	.flex-row {flex-wrap: wrap;}
	.form-half, .form-third {width: 100%; margin: 15px 0 0 0;}
	.map-section .img-height {height: 250px;}
	.map-section .white-door {position: relative; padding: 0px 15px 30px; bottom: 0; left: 0; }
}

@media only screen and (max-width: 560px) {
	.img-left .words-behind {font-size: 22.5vw!important; white-space: nowrap;}
	.center-section .words-behind {line-height: 60px!important;}
	.door-on-image .wrapper > div {padding: 55px 15px; border-radius: 20px;}
	.door-on-image .words-behind {top: 70px;}
}

@media only screen and (max-width: 540px) {
	.my-site-footer .wrapper > div ul, .my-site-footer .wrapper > ul {flex-direction: column; gap: 30px;}
	.my-site-footer .wrapper > ul a {display: flex; flex-direction: column; gap: 15px;}
}

@media only screen and (max-width: 400px) {
	.home-hero .wrapper {padding-top: 60px!important; padding-bottom: 80px!important;}
	.col-3 .img-height > div {left: 20px; right: 20px;}
	.inner-hero .wrapper {padding-top: 130px;}
}

@media only screen and (max-width: 355px) {
	.col-3 .words-behind {line-height: 50px!important; bottom: 740px;}
}

@media only screen and (max-width: 370px) {
	.heading-lg {font-size: 47px;}
	.sub-h1 {font-size: 22px;}
	.h1-span {font-size: 52px;}
	.heading-md {font-size: 42px;}
}