/***** BEGIN RESET *****/
@import url("https://use.typekit.net/pqe5riq.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 {
  --dark-orange: #D04606;
  --orange: #F26522;
  --black: #101010;
  --grey: #FBF6F4;
}

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

/*---Headings---*/

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

#home p, #thankyou p, #about p, #contact p  {
	font-family: 'noto-sans', sans-serif;
	line-height: 35px;
	font-size: 20px;
	color: var(--black);
}

/*-------- BODY STYLES --------*/
a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

/*--- HERO STYLES ---------------------*/
.home-header .slide-content {position: relative;z-index: 2;max-width: 900px;width: 100%;box-sizing: border-box;}
.home-header .hero-slide-wrap {position: relative;overflow: hidden;}
.home-header .slide-hero div {height: 100%;}
.home-header .hero-image > a > img {display: block;width: 100%;height: 100%;object-position: center;object-fit: cover;}
.home-header .slick-slide img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.home-header .slide-hero {position: absolute!important;width: 100%;height: 100%;z-index: 1;}

.home-hero {background: url("/siteart/home-hero.jpg") no-repeat; background-size: cover; background-position: center; background-color: var(--black); height: auto;}
.home-header .width-height {padding-left: 4%; padding-right: 55px!important; padding-top: 180px!important; padding-bottom: 230px!important;background: rgba(242, 101, 34, .85);margin: 0;}
.home-header .btn-top {gap: 15px; flex-wrap: wrap;}
.home-header .btn-outline-dark:hover {background: var(--black)!important; border: 3px #101010 solid!important; color: #fff!important;}

.inner-hero {padding-top: 50px!important; padding-bottom: 50px!important;}
.inner-hero hr {margin: 0; border: #101010 solid 1px; height: 30px;}
.inner-hero .flex {gap: 30px; flex-wrap: wrap; align-items: center;}
.inner-hero a {color: var(--black)!important;transition: all .4s ease-out;font-size: 20px;font-family: 'noto-sans', sans-serif; font-weight: 700;}
.inner-hero a:hover {color: var(--orange)!important;}

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

/*---Image Right---*/
.img-right {justify-content: space-between; align-items: center; padding-top: 100px!important; padding-bottom: 100px!important;}
.img-right .content-left {max-width: 785px; width: 100%;  margin-right: 30px;}

/*--------Image SLIDER--------------------*/

.img-right .about-slide-wrap {
	position: relative;
	overflow: hidden;
}

.img-right .about-slide-hero {
	width: 100%;
	max-width: 910px;
	height: 870px;
	float: right;
}

.img-right .slick-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.img-right .about-slide-hero div {
	height: 100%;
}

/*--------SLIDER BUTTONS--------------------*/

.slick-prev:before {
	font-family: "Font Awesome 5 Free" !important;
    content: "\f053" !important;
    color: var(--black) !important;
    font-size: 35px !important;
    font-weight: 600;
	transition: all .4s ease-out;
}

.slick-next:before {
	font-family: "Font Awesome 5 Free" !important;
    content: "\f054" !important;
    color: var(--black) !important;
    font-size: 35px !important;
    font-weight: 600;
	transition: all .4s ease-out;
}

/*---col-3---*/
.col-3 {padding-bottom: 100px!important;}
.col-3 .heading-md {margin-bottom: 60px; text-align: center;}
.col-3 .btn-top {margin: 60px auto 0; text-align: center;}

.col-3 .flex {justify-content: center; gap: 20px;}
.col-3 .img-height {position: relative; border-radius: 10px; height:370px; max-width: 550px; width: 100%;transition: all .4s ease-out;}
.col-3 .img-height img {height: 100%; width: 100%; object-fit: cover; border-radius: 10px; }

.col-3 .heading-mdsm {padding: 25px 30px;}
.col-3 .arrow {
	display: inline-block;
	background: url("/siteart/arrow.png") no-repeat;
	background-position: center;
	background-size: cover;
	width: 100%;
	max-width: 400px;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all .4s ease-out;
}
.img-height .background-opacity {
	background: rgba(16, 16, 16, .2); 
	border-radius: 10px;
	height: 100%;
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	transition: all .4s ease-out;
}
.img-height:hover .background-opacity {background: rgba(242, 101, 34, 1)!important;}


/*---img-left---*/
.img-left {background: var(--grey);}
.img-left .wrapper {padding-top: 100px!important; padding-bottom: 100px!important; align-items: center;}
.img-left .img-height {height: 750px; max-width: 990px; width: 100%; border: solid 1px #6B6663;}

.img-left .content-right {margin-left: 100px;min-width: 500px;}
.img-left .content-right .heading-md {margin-bottom: 50px;}

.img-left .wrapper .flex {gap: 15px; flex-wrap: wrap;}
.img-left .wrapper .btn-last {margin-top: 15px;}
.btn-flexable {display: inline-block; background: var(--orange); padding: 30px 40px; font-size: 20px; color: var(--black); border: 3px #F26522 solid;font-family: 'noto-sans', sans-serif; font-weight: 700;transition: all .4s ease-out;}
.btn-flexable:hover {background: transparent; border: #101010 solid 3px;}

/*---col-2---*/

.col-2 {gap: 2px; justify-content: space-between;}

.col-2 .img-height:first-child {
	background: url("/siteart/financing-home.jpg") no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	height: 470px;
	max-width: calc(50% - 2px);
	width: 100%;
}

.col-2 .img-height:last-child {
	background: url("/siteart/auctions-home.jpg") no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	height: 470px;
	max-width: calc(50% - 2px);
	width: 100%;
}

.col-2 .img-height img {height: 100%; width: 100%; object-fit: cover;}
.col-2 .img-height .heading-md, .col-2 .img-height p {color: #fff!important;}

.col-2 .img-height > div {background: rgb(208, 70, 6, .8); height: 100%;}
.col-2 .img-height > div .col-2-text {position: absolute; top: 80px; left: 85px; max-width: 500px; margin-right: 85px;}
.col-2 .img-height > div .btn-top {position: absolute; bottom: 80px; left: 85px;}


/*--------PAGE STYLES--------------------*/
/*---thankyou---*/
.center-section {padding-bottom: 100px!important;}
.center-section .heading-lg {color: var(--black)!important; text-align: center; margin-bottom: 30px;}
.center-section p {text-align: center;max-width: 700px; margin: 0 auto;}
.center-section .btn-top {margin: 60px auto 0; text-align: center;}

/*---about---*/
.img-right-inner {justify-content: space-between; align-items: center; gap: 30px;}
.img-right-inner .content-left {max-width: 785px; width: 100%; min-width: 470px;}
.img-right-inner .content-left .flex {gap: 15px; flex-wrap: wrap;}
.img-right-inner .img-height {max-width: 910px; height: 630px; width: 100%;}
.img-right-inner .img-height img {width: 100%; height: 100%; object-fit: cover;}

.center-cards {padding-top: 100px!important; padding-bottom: 100px!important;}
.center-cards .heading-md {text-align: center; margin-bottom: 60px;}
.center-cards .flex {justify-content: center; gap: 20px; margin-bottom: 20px;}
.center-cards .card {border: #101010 solid 2px; max-width: 550px; width: 100%; display: flex; align-items: center;justify-content: center;}
.center-cards .card > div {padding: 50px 30px;}
.center-cards .card p {text-align: center;}
.center-cards .btn-top {margin: 60px auto 0; text-align: center;}
.center-cards .card-second-row .card div {padding: 70px 30px;}

#about h1 {font-size: 80px!important;}

/*---contact---*/

/*--------FORM STYLES--------------------*/
.form-all .heading-md {margin-bottom: 10px; font-size: 80px!important;}
.form-all p {max-width: 700px; margin: 15px auto 40px;}

.form-all {
	box-sizing: border-box;
	max-width: 1200px!important; 
	width: 100%;
	margin: 0 auto 100px!important;
	text-align: center;
	padding-bottom: 100px!important;
}

 .label {
	font-family: 'noto-sans', sans-serif;
	text-align: left!important;
	font-weight: 500;
	font-size: 19px;
}

.label-row {margin-bottom: 15px;color: #101010;}

.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 {
	padding: 15px;
	width: 100%;
	border: #101010 2px solid;
	font-family: 'noto-sans', sans-serif;
	box-sizing: border-box;
	background: transparent;
	font-size: 20px;
	color: #101010;
}

.form-2nd-row {margin-right: 0;}

.form-full textarea {
	width: 100%;
	padding: 15px;
	border: #101010 2px solid;
	box-sizing: border-box;
	margin-bottom: -8px;
	font-family: 'noto-sans', sans-serif;
	background: transparent;
	font-size: 20px;
	color: #101010;
}

.form-full {margin: 15px 0 30px 0;}

input::placeholder, textarea::placeholder {color: #101010;}
select {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

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

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





/*-------- FOOTER STYLES ----------------*/
.my-site-footer {background: var(--black); padding-top: 80px; padding-bottom: 55px;}
.my-site-footer .wrapper {justify-content: space-between;}

.my-site-footer .footer-left .flex {gap: 70px; margin-top: 50px;}
.my-site-footer .footer-left .flex a {color: #fff; font-family: 'noto-sans', sans-serif; font-size: 20px; transition: all .4s ease-out;}
.my-site-footer .footer-left .flex a:hover {color: var(--orange);}
.my-site-footer .footer-left .flex a i {margin-left: 20px;}

.my-site-footer .footer-right {gap: 110px;}
.my-site-footer .footer-logo img {max-width: 300px; width: 100%;}
.my-site-footer .footer-heading {font-family: 'protipo', sans-serif; font-size: 20px; font-weight: 700; margin-bottom: 50px; color: #fff;}
.my-site-footer li {color: #fff; font-family: 'noto-sans', sans-serif; font-size: 20px; margin-bottom: 25px;}
.my-site-footer li a {color: #fff; transition: all .4s ease-out;}
.my-site-footer li a:hover {color: var(--orange);}

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

/*---Headings Classes---*/
.heading-lg {font-size: 100px; font-weight: 700; color: var(--black);}
.heading-md {font-size: 60px; font-weight: 700; color: var(--black); margin-bottom: 30px;}
.heading-mdsm {font-size: 40px; font-weight: 700; color: var(--black);}

.h1-span {font-size: 40px!important; font-weight: 400!important;}
.h2-span {font-size: 35px!important; font-weight: 400!important;}

/*---Buttons---*/

.btn-orange, .btn-outline, .btn-outline-dark, .btn-full {
	display: inline-block;
	color: var(--balck);
	background: var(--orange);
	width: 220px;
	padding: 20px 0;
	font-family: 'noto-sans', sans-serif;
	font-size: 20px;
	font-weight: 700;
	transition: all .4s ease-out;
	border: 3px #F26522 solid;
	text-align: center;
}

.btn-full {background: var(--black)!important; color: #fff!important; border: 3px #101010 solid!important;}
.btn-outline {background: transparent!important; color: #fff!important;border: 3px #fff solid!important;}
.btn-outline-dark {background: transparent!important; color: var(--black)!important; border: 3px #101010 solid!important;}

.btn-orange:hover {background: transparent; color: var(--orange);}
.btn-outline:hover {background: #fff!important; color: var(--black)!important; border: 3px #fff solid!important;}
.btn-outline-dark:hover {background: var(--orange)!important; border: 3px #F26522 solid!important;}
.btn-full:hover {background: transparent!important; color: var(--black)!important;}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.list-top-section .list-listings-count, .list-content .price-container .price, .listing-prices__retail-price, .calc-button-wrapper button, .detail__machine-location a, .detail__search-results-text, .thumb-container .thumb .thumb-details .title {color: var(--dark-orange)!important;}

.dealer-contact__phone a, .dealer-contact__phone a span, .dealer-contact__videochat, .dealer-contact__videochat span {color: var(--black)!important;}

.list-container-flexrow .view-listing-details-link, .view-listing-details-link, .dealer-contact__button, .detail-contact-bar button, .list-content .list-error-container .info button:not(.login-button), .faceted-search-content .selected-facets-container .selected-facet {
	background: var(--orange)!important; 
	color: var(--black)!important; 
	transition: all .4s ease-out; 
	border: 3px #F26522 solid!important;
}
.list-container-flexrow .view-listing-details-link:hover, .view-listing-details-link:hover, .dealer-contact__button:hover, .detail-contact-bar button:hover, .list-content .list-error-container .info button:not(.login-button):hover {
	background: transparent!important; 
	border: 3px #101010 solid!important;
}

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

@media only screen and (max-width: 1900px) {
	.home-header .width-height {padding-left: 15px!important;}
}

@media only screen and (max-width: 1300px) {
	.col-3 .flex {flex-wrap: wrap;}
}

@media only screen and (max-width: 1200px) {
	.col-2 .img-height > div .col-2-text {top: 60px; left: 60px; margin-right: 60px;}
	.col-2 .img-height > div .btn-top {bottom: 60px; left: 60px;}
}

@media only screen and (max-width: 1165px) {
	.col-3 .img-height {max-width: 100%; height: 200px;}
}

@media only screen and (max-width: 1150px) {
	.img-right .content-left {max-width: 100%; margin-right: 0; margin-bottom: 60px;}
	.img-right {flex-wrap: wrap;}
	.img-right .about-slide-hero {height: 250px!important; max-width: 1100px;}
}

@media only screen and (max-width: 1130px) {
	.img-right .about-slide-hero {height: 900px;}
}

@media only screen and (max-width: 930px) {
	.home-header .width-height {padding-right: 15px!important; padding-top: 50px!important; padding-bottom: 80px!important;}
	.img-left .content-right {margin-left: 30px; min-width: 460px;}
	.my-site-footer .wrapper {flex-direction: column;}
	.my-site-footer .footer-right {margin-top: 60px;}
}

@media only screen and (max-width: 830px) {
	.col-2 .img-height > div .col-2-text {left: 15px; top: 40px; margin-right: 15px;}
	.col-2 .img-height > div .btn-top {left: 15px; bottom: 40px;}
	.col-2 {flex-direction: column;}
	.col-2 .img-height:first-child {max-width: 100%; height: 430px;}
	.col-2 .img-height:last-child {max-width: 100%; height: 350px;}
	.img-right-inner, .center-cards .flex {flex-wrap: wrap;}
	.img-right-inner .img-height {height: 200px;}
	.img-right-inner .content-left {min-width: 1px;}
	.center-cards .card-second-row .card div {padding: 50px 30px;}
	.center-cards .card {max-width: 100%;}
}

@media only screen and (max-width: 730px) {
	.heading-lg {font-size: 65px;}
	.heading-md, .form-all .heading-md, #about h1 {font-size: 50px!important;}
	.heading-mdsm {font-size: 30px;}
	.h1-span {font-size: 25px!important;}
	.h2-span {font-size: 25px!important;}
	.img-left .wrapper {flex-wrap: wrap;}
	.img-left .img-height {height: 200px;}
	.img-left .content-right {margin-left: 0; margin-top: 50px; min-width: 100px;}
}

@media only screen and (max-width: 600px) {
	.img-right, .img-left .wrapper, .center-cards {padding-top: 80px!important; padding-bottom: 80px!important;}
	.col-3, .center-section {padding-bottom: 80px!important;}
	.form-all {padding-bottom: 80px!important; margin: 0 auto 80px!important;}
	.flex-row {flex-wrap: wrap;}
	.form-half {width: 100%; margin: 15px 0;}
}

@media only screen and (max-width: 560px) {
	.my-site-footer .footer-right {gap: 30px;}
}

@media only screen and (max-width: 470px) {
	.col-3 .arrow {background: url("/siteart/arrow-mobile.png") no-repeat; max-width: 300px;}
	.col-3 .heading-mdsm {padding: 25px 0 25px 20px;}
	.btn-flexable {padding: 10px;}
	.img-left .content-right .heading-md {margin-bottom: 40px!important;}
	.my-site-footer .footer-right {flex-direction: column;}
	.center-cards .heading-md {margin-bottom: 40px;}
}

@media only screen and (max-width: 380px) {
	.heading-lg {font-size: 55px;}
	.heading-md, .form-all .heading-md, #about h1 {font-size: 43px!important;}
	.col-3 .img-height {height: 150px;}
	.btn-flexable {font-size: 18px;}
	.my-site-footer .footer-left .flex {gap: 40px;}
	.my-site-footer .footer-heading {margin-bottom: 40px;}
	.center-cards .card-second-row .card div, .center-cards .card > div {padding: 30px 20px;}
}

@media only screen and (max-width: 350px) {
	.col-3 .arrow {background: url("/siteart/arrow-mobile-2.png") no-repeat;}
}

@media only screen and (max-width: 340px) {
	.btn-flexable {font-size: 17px;}
	.my-site-footer .footer-left .flex a i {margin-left: 10px;}
}

@media only screen and (max-width: 330px) {
	.heading-lg {font-size: 53px;}
}