﻿/***** BEGIN RESET *****/

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 --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {

}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none; cursor: pointer !important;}
button:hover {cursor: pointer !important;}

hr{border:#000 1px solid;}

/*--- HEADER STYLES ---------------------*/
header {}
.header-top {background: #fff;}
.header-top-wrap {width: 1400px; margin: 0 auto; padding: 5px 0; display: flex; justify-content: space-between; align-items: center;}
.header-top-wrap img {width: 550px;}
.header-top-wrap a {font-family: 'barlow', sans-serif; font-size: 24px; line-height: 34px; color: #000;}
.header-top-wrap a:hover {color: #004777; transition: .8s;}
.header-top-wrap > div > a:first-child p {padding-bottom: 5px;}

.header-bottom {background: #065187; background: linear-gradient(0deg, #065187 0%, #004374 100%);}
.header-bottom-wrap {width: 1400px; margin: 0 auto;}

/*---BODY--------------------------------*/
/*---DEFAULT---*/
.hero-section { position: relative; height: 530px; /* adjust to your design */ overflow: hidden; }
.slide-1 {background: url("/siteart/hero-slides/slide-1-new.jpg") no-repeat; background-position: center; background-size: cover; height: 100%;}
.slide-2 {background: url("/siteart/hero-slides/slide-2-new.jpg") no-repeat; background-position: center; background-size: cover; height: 100%;}
.slide-3 {background: url("/siteart/hero-slides/slide-3-new.jpg") no-repeat; background-position: center; background-size: cover; height: 100%;}
.hero-overlay {background: rgba(0,0,0,0.22); position: relative; z-index: 2; height: 100%; display: flex; align-items: center;}
.hero-wrap {width: 1400px; margin: 0 auto;}
.hero-section .slick-slider, .hero-section .slick-list, .hero-section .slick-track {height: 100%;}
.hero-wrap p {font-family: 'barlow', sans-serif; color: #fff; text-transform: uppercase; font-size: 46px; line-height: 56px; background: rgba(12,12,12,.6); padding: 5px 24px; font-weight: bold;}
.adjust {margin: 5px 0 0 30px;}
.all-makes p {width: 236px;}
.and-models p {width: 267px;}
.quality p {width: 177px;}
.machinery-sales p {width: 388px;}
.hero-wrap button {margin-left: 30px; background: #004577; padding: 20px 30px; text-transform: uppercase; font-family: 'barlow', sans-serif; color: #fff; font-size: 14px; line-height: 24px; border-radius: 5px; display: flex; gap: 20px; align-items: center; border: none; letter-spacing: 1.3px; margin-top: 40px;}
.hero-wrap button:hover {background: #000; transition: .8s;}
.hero-wrap button:hover i {padding-left: 10px; transition: .8s;}

.cat-wrap {width: 1400px; margin: 0 auto; padding: 100px 0;}
.cat-wrap h1 {font-family: 'teko', sans-serif; font-size: 50px; line-height: 60px; color: #061C2D; text-align: center;}
.cat-flex {display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-top: 50px; margin-bottom: 25px;}
.cat-flex a {width: 24%; background: #F7F7F7;}
.cat-flex a div {display: flex; justify-content: space-between; padding: 10px 20px; background: #004577; align-items: center;}
.cat-flex a div p {color: #fff; font-family: 'teko', sans-serif; font-size: 24px; line-height: 34px;}
.cat-flex a div i {color: #fff; font-size: 18px;}
.cat-flex a img {width: 100%;}
.cat-flex a:hover div {background: #000; transition: .8s;}
.cat-wrap form {width: 98.5%; margin: 0 auto; display: flex;}
.cat-wrap form input {width: 100%; background: #F7F7F7; border: none; font-family: 'barlow', sans-serif; font-size: 16px; line-height: 26px; padding: 10px 0 10px 20px;}
.cat-wrap form button {display: flex; align-items: center; border: none; background: #004577; color: #fff; font-family: 'barlow', sans-serif; font-size: 16px; line-height: 26px; width: 150px; justify-content: space-between; padding: 10px 20px;}
.cat-wrap form button:hover {background: #000; transition: .8s;}

.about-wrap {width: 1400px; margin: 0 auto; display: flex; gap: 50px; padding-bottom: 100px; align-items: center;}
.about-wrap > div {width: 50%;}
.about-wrap h2 {font-family: 'teko', sans-serif; font-size: 50px; line-height: 60px; color: #061C2D; margin-bottom: 15px;}
.about-wrap p {font-family: 'barlow', sans-serif; color: #10285d; font-size: 16px; line-height: 28px; margin-bottom: 10px;}
.about-wrap button {background: #004577; padding: 20px 30px; text-transform: uppercase; font-family: 'barlow', sans-serif; color: #fff; font-size: 14px; line-height: 24px; border-radius: 5px; display: flex; gap: 20px; align-items: center; border: none; letter-spacing: 1.3px; margin-top: 40px;}
.about-wrap button:hover {background: #000; transition: .8s;}
.about-wrap button:hover i {padding-left: 10px; transition: .8s;}
.about-wrap img {border-radius: 5px; width: 100%;}

.question-bkgrd {background: url("/siteart/question-bkgrd-new.jpg") no-repeat; background-position: center; background-size: cover; background-attachment: fixed;}
.question-overlay {background: rgba(18,18,18,0.60);}
.question-wrap {padding: 100px 0; width: 1400px; margin: 0 auto; text-align: center;}
.question-wrap h3 {font-family: 'teko', sans-serif; font-size: 50px; line-height: 60px; color: #fff; margin-bottom: 15px;}
.question-wrap p {font-family: 'barlow', sans-serif; color: #fff; font-size: 16px; line-height: 28px; margin-bottom: 5px;}
.question-wrap button {background: #004577; padding: 20px 50px; text-transform: uppercase; font-family: 'barlow', sans-serif; color: #fff; font-size: 14px; line-height: 24px; border-radius: 5px; display: flex; gap: 20px; align-items: center; border: none; letter-spacing: 1.3px; margin: 0 auto; margin-top: 40px;}
.question-wrap button:hover {background: #000; transition: .8s;}

/*---WE BUY MACHINES---*/
.machinery-hero {background: url("/siteart/machinery-bkgrd.jpg") no-repeat; background-position: center; background-size: cover;}
.machinery-overlay {background: rgba(0,0,0,0.22);}
.machinery-wrap {width: 1400px; margin: 0 auto; padding: 100px 0;}
.machinery-wrap h1 {font-family: 'teko', sans-serif; font-size: 95px; line-height: 95px; color: #fff; font-weight: bold;}
.breadcrumbs {display: flex; gap: 10px; align-items: center;}
.breadcrumbs a, .breadcrumbs p {font-family: 'barlow', sans-serif; color: #DCDCDC; font-size: 18px; line-height: 28px;}
.breadcrumbs a:hover {letter-spacing: 1px; transition: .8s;}

.machinery-form {width: 1400px; margin: 0 auto; padding: 100px 0; text-align: center;}
.machinery-form h2 {font-family: 'teko', sans-serif; font-size: 40px; line-height: 50px; color: #061C2D; font-weight: 500; margin-bottom: 10px;}
.machinery-form p {font-family: 'barlow', sans-serif; color: #10285d; font-size: 16px; line-height: 30px;}
.machinery-form form {text-align: left; margin-top: 50px;}
form .form-flex > div {display: flex; gap: 10px; margin-bottom: 10px;}
.form-flex input {width: 100%; font-family: 'barlow', sans-serif; color: #64676c; font-size: 16px; line-height: 26px; border: 1px #AEB6BE solid; border-radius: 3px; padding: 8px 0 10px 15px;}
.form-flex input::placeholder, .form-textarea textarea::placeholder {color: #64676c;}
.machinery-form form h3 {color: #061C2D; font-family: 'teko', sans-serif; font-size: 32px; line-height: 42px; font-weight: 500; margin-top: 25px; margin-bottom: 10px;}
.form-textarea {display: flex;}
.form-textarea textarea {width: 100%; font-family: 'barlow', sans-serif; color: #64676c; font-size: 16px; line-height: 26px; border: 1px #AEB6BE solid; border-radius: 3px; padding: 8px 0 0 15px; height: 120px;}
.machinery-form form .submitselect {background: #004577; padding: 20px 30px; text-transform: uppercase; font-family: 'barlow', sans-serif; color: #fff; font-size: 14px; line-height: 24px; border-radius: 5px; align-items: center; border: none; letter-spacing: 1.3px; margin-top: 40px; width: 100px; display: flex; justify-content: center;}
.machinery-form form .submit {background: #004577; padding: 20px 30px; text-transform: uppercase; font-family: 'barlow', sans-serif; color: #fff; font-size: 14px; line-height: 24px; border-radius: 5px; align-items: center; border: none; letter-spacing: 1.3px; width: 150px; margin: 0 auto;}
.machinery-form form .submitselect:hover, .machinery-form form .submit:hover {background: #000; transition: .8s; cursor: pointer !important;}
.machinery-form form .CaptchaMessagePanel {font-family: 'barlow', sans-serif;}
.machinery-form form .CaptchaAnswerPanel input {font-family: 'barlow', sans-serif; color: #64676c; font-size: 16px; line-height: 26px; border: 1px #AEB6BE solid; border-radius: 3px; padding: 8px 0 10px 15px;}
.machinery-form form .CaptchaWhatsThisPanel a {font-family: 'barlow', sans-serif; color: #10285d; text-decoration: underline;}

/*---ABOUT US---*/
.about-us {width: 1400px; margin: 0 auto; padding: 100px 0;}
.about-us p {color: #64676c; font-family: 'barlow', sans-serif; font-size: 16px; line-height: 30px; margin-bottom: 10px;}
.about-us button {background: #004577; padding: 20px 50px; text-transform: uppercase; font-family: 'barlow', sans-serif; color: #fff; font-size: 14px; line-height: 24px; border-radius: 5px; display: flex; gap: 20px; align-items: center; border: none; letter-spacing: 1.3px; margin-top: 40px;}
.about-us button:hover {background: #000; transition: .8s;}
.about-us h2 {font-family: 'teko', sans-serif; font-size: 40px; line-height: 50px; color: #061C2D; font-weight: 500; margin-bottom: 10px;}
.about-page-wrap {display: flex; gap: 50px; align-items: center;}
.about-page-wrap > div {width: 50%;}
.about-page-wrap img {border-radius: 5px; width: 100%;}

/*---CONTACT---*/
.contact-flex {display: flex; gap: 50px; justify-content: space-between; width: 1400px; margin: 0 auto; padding: 100px 0;}
.contact-flex > div:first-child a div {background: #004577; border-radius: 5px; margin-bottom: 10px; padding: 30px 30px; width: 300px;}
.contact-flex > div:first-child a:hover div {background: #000; transition: .8s;}
.contact-flex h3 {font-family: 'teko', sans-serif; font-size: 28px; line-height: 38px; color: #fff; font-weight: 500;}
.contact-flex a p {font-family: 'barlow', sans-serif; font-size: 16px; line-height: 26px; color: rgba(255,255,255,0.50);}
.contact-form {width: 100%;}
.contact-form h2 {font-family: 'teko', sans-serif; font-size: 40px; line-height: 50px; color: #061C2D; font-weight: 500;}
.contact-form form {text-align: left; margin-top: 25px;}
.contact-form form .submitselect {background: #004577; padding: 20px 30px; text-transform: uppercase; font-family: 'barlow', sans-serif; color: #fff; font-size: 14px; line-height: 24px; border-radius: 5px; align-items: center; border: none; letter-spacing: 1.3px; margin-top: 40px; width: 100px; display: flex; justify-content: center;}
.contact-form form .submit {background: #004577; padding: 20px 30px; text-transform: uppercase; font-family: 'barlow', sans-serif; color: #fff; font-size: 14px; line-height: 24px; border-radius: 5px; align-items: center; border: none; letter-spacing: 1.3px; width: 150px; margin: 0 auto;}
.contact-form form .submitselect:hover, .contact-form form .submit:hover {background: #000; transition: .8s; cursor: pointer !important;}
.contact-form form .CaptchaMessagePanel {font-family: 'barlow', sans-serif;}
.contact-form form .CaptchaAnswerPanel input {font-family: 'barlow', sans-serif; color: #64676c; font-size: 16px; line-height: 26px; border: 1px #AEB6BE solid; border-radius: 3px; padding: 8px 0 10px 15px;}
.contact-form form .CaptchaWhatsThisPanel a {font-family: 'barlow', sans-serif; color: #10285d; text-decoration: underline;}

/*---PRIVACY POLICY---*/
.about-us h3 {font-family: 'teko', sans-serif; color: #061C2D; font-size: 28px; line-height: 38px; font-weight: 500; margin-top: 25px;}
.about-us ul {padding-left: 20px; margin-bottom: 25px;}
.about-us li {color: #64676c; font-family: 'barlow', sans-serif; font-size: 16px; line-height: 30px; margin-bottom: 5px; list-style: disc;}

/*--------FORM STYLES--------------------*/




/*-------- FOOTER STYLES ----------------*/
footer {background: #121212;}
.footer-wrap {width: 1400px; margin: 0 auto; padding: 100px 0; display: flex; justify-content: space-between; gap: 100px;}
.footer-wrap > div {width: 100%;}
.footer-wrap img {width: 300px;}
.footer-wrap p {font-family: 'barlow', sans-serif; font-size: 18px; line-height: 28px; color: #fff; text-transform: uppercase; font-weight: bold;}
.footer-wrap ul {margin-top: 38px;}
.footer-wrap li {margin-bottom: 15px;}
.footer-wrap li a {color: #868C98; font-family: 'barlow', sans-serif; font-size: 16px; line-height: 26px;}
.footer-wrap li a:hover {padding-left: 10px; transition: .8s;}


/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.inventory-wrap h2 {font-family: 'teko', sans-serif; font-size: 95px; line-height: 95px; color: #fff; font-weight: bold;}

.list-redesign, .detail-wrapper, .parts-redesign {padding: 50px 0 !important;}
.list-redesign, .list-top-section .list-title .list-title-text, .faceted-search-content .faceted-section-head .faceted-section-title, .faceted-search-content .faceted-section-box .faceted-search, .list-content .list-listing-title-link, .list-redesign .list-container-flexrow .list-listing-card-wrapper .listing-card-grid .list-listing-title .listing-category, .list-redesign .widget-container .listing-widgets a, .list-redesign .contact-container .shared .dealer-data, .list-redesign .contact-container .shared .email, .breadcrumbs__link, .schotsmanllccomhdev-1cuaq4u, .schotsmanllccomhdev-cvl3bv, .body-content, .options-popper-div .options-popper-btn, .schotsmanllccomhdev-18d81o8, .schotsmanllccomhdev-88jlbf, .schotsmanllccomhdev-9uiqsl, .schotsmanllccomhdev-9gup2g, .schotsmanllccomhdev-1gmgn39, .schotsmanllccomhdev-xxli94, .faceted-search-content .selected-facets-container .selected-header .filter-clear-all, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-error-container .info button:not(.login-button), .parts-redesign, .parts-list-content .parts-title-and-breadcrumbs .parts-title-text {font-family: 'barlow', sans-serif !important;}
.faceted-search-content .faceted-section-box .faceted-search {background: #000 !important;}
.ts-disclaimer span {font-size: 16px !important; line-height: 28px !important;}
.list-top-section .list-listings-count, .listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price, .parts-list-content .parts-title-and-breadcrumbs .parts-listings-count, .parts-list-content .error-message {color: #004577 !important;}
.list-container-flexrow .view-listing-details-link, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-error-container .info button:not(.login-button) {background: #004577 !important;}
.schotsmanllccomhdev-88jlbf, .listing-carousel .recommended-listings-section .view-all-link, .listing-carousel .recommended-auctions-section .view-all-link {background: #004577 !important;}

/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1550px) {
	.header-top-wrap, .header-bottom-wrap, .hero-wrap, .cat-wrap, .about-wrap, .question-wrap, .footer-wrap, .machinery-wrap, .machinery-form, .about-us, .contact-flex {width: 90%;}
}

@media only screen and (max-width: 1250px) {
	.header-top-wrap img {width: 500px;}
	.header-top-wrap a {font-size: 22px; line-height: 32px;}
	.footer-wrap {flex-wrap: wrap; gap: 0px;}
	.footer-wrap > div:first-child {text-align: center; margin-bottom: 50px;}
	.footer-wrap > div:nth-child(2), .footer-wrap > div:nth-child(3), .footer-wrap > div:last-child {width: auto;}
}

@media only screen and (max-width: 1050px) {
	.header-top-wrap {justify-content: center;}
	.header-top-wrap div {display: none;}
	.header-bottom:hover {background: #000;}
	.header-bottom-wrap {width: 100%;}
	.hero-section {height: 430px;}
	.hero-wrap p {font-size: 40px; line-height: 50px;}
	.all-makes p {width: 206px;}
	.and-models p {width: 234px;}
	.quality p {width: 156px;}
	.machinery-sales p {width: 338px;}
	.hero-wrap button {margin-top: 30px;}
	.cat-flex a {width: 32%;}
	.about-wrap, .about-page-wrap {flex-wrap: wrap;}
	.about-wrap > div, .about-page-wrap > div {width: 100%;}
	.machinery-wrap h1, .inventory-wrap h2 {font-size: 85px; line-height: 85px;}
	.contact-flex {flex-wrap: wrap;}
	.contact-flex > div:first-child {display: flex; gap: 10px; width: 100%;}
	.contact-flex > div:first-child a {width: 100%;}
	.contact-flex > div:first-child a div {width: 100%; padding: 30px 0; margin-bottom: 0px;}
	.contact-flex h3 {padding-left: 30px; padding-right: 30px;}
	.contact-flex a p {padding-left: 30px; padding-right: 30px;}
}
@media only screen and (max-width: 950px) {
	.contact-flex > div:first-child {flex-wrap: wrap;}
}

@media only screen and (max-width: 750px) {
	.cat-flex a {width: 49%;}
}

@media only screen and (max-width: 650px) {
	.footer-wrap {gap: 50px;}
	.footer-wrap > div:first-child {margin-bottom: 0px;}
	.footer-wrap > div:nth-child(2), .footer-wrap > div:nth-child(3), .footer-wrap > div:last-child {width: 100%; text-align: center;}
}

@media only screen and (max-width: 600px) {
	.header-top-wrap a {text-align: center;}
	.header-top-wrap img {width: 92%;}
	.hero-section {height: 330px;}
	.hero-wrap p {font-size: 35px; line-height: 45px;}
	.all-makes p {width: 180px;}
	.and-models p {width: 204px;}
	.quality p {width: 135px;}
	.machinery-sales p {width: 295px;}
	.hero-wrap button {margin-top: 20px; padding: 15px 30px}
	.cat-flex a {width: 48.5%;}
	.cat-wrap h1, .about-wrap h2, .question-wrap h3 {font-size: 45px; line-height: 55px;}
	.machinery-wrap h1, .inventory-wrap h2 {font-size: 75px; line-height: 75px;}
	.machinery-form h2, .about-us h2 {font-size: 35px; line-height: 45px;}
	form .form-flex > div {flex-wrap: wrap;}
}

@media only screen and (max-width: 450px) {
	.hero-section {height: 230px;}
	.hero-wrap p {font-size: 30px; line-height: 40px;}
	.all-makes p {width: 155px;}
	.and-models p {width: 176px;}
	.quality p {width: 116px;}
	.machinery-sales p {width: 254px;}
	.hero-wrap button {width: 100%; margin-left: 0px; justify-content: space-between; gap: 0px;}
	.hero-wrap button:hover i {padding-left: 0px;}
	.cat-flex a {width: 100%;}
	.cat-wrap form button p {display: none;}
	.cat-wrap form button {width: auto;}
	.machinery-wrap h1, .inventory-wrap h2 {font-size: 65px; line-height: 65px;}
	.breadcrumbs a, .breadcrumbs p {font-size: 16px; line-height: 26px;}
	.machinery-wrap, .machinery-form, .about-us, .contact-flex, .cat-wrap, .question-wrap, .footer-wrap {padding: 80px 0;}
	.about-wrap {padding-bottom: 80px;}
}

@media only screen and (max-width: 400px) {
	.hero-wrap p {font-size: 25px; line-height: 35px;}
	.all-makes p {width: 129px;}
	.and-models p {width: 146px;}
	.quality p {width: 97px;}
	.machinery-sales p {width: 211px;}
	.cat-wrap h1, .about-wrap h2, .question-wrap h3 {font-size: 40px; line-height: 50px;}
	.machinery-wrap h1, .inventory-wrap h2 {font-size: 55px; line-height: 55px;}
	.breadcrumbs a, .breadcrumbs p {font-size: 15px; line-height: 25px;}
	.machinery-form h2, .about-us h2 {font-size: 30px; line-height: 40px;}
	.machinery-form form h3 {font-size: 30px; line-height: 40px;}
	.about-us h3 {font-size: 25px; line-height: 35px;}
}

@media only screen and (max-width: 350px) {
	.hero-wrap p {font-size: 20px; line-height: 30px;}
	.all-makes p {width: 103px;}
	.and-models p {width: 118px;}
	.quality p {width: 78px;}
	.machinery-sales p {width: 169px;}
	.footer-wrap img {width: 100%;}
	.machinery-form h2 {font-size: 28px; line-height: 38px;}
}
