/*===================== 
	Color information	
	-red: #e40000;
=======================*/
/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small { font-size: 80%;}

/*===================== 
		Fonts

font-family: 'Josefin Sans', sans-serif;
font-family: 'Source Sans Pro', sans-serif;

=======================*/


/*===================== 
	base styles 
=======================*/

html {
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
	}

body {
	font-family: 'Work Sans', sans-serif;	
    margin: 0;
	padding:0;
	background:#000 !important;
	overflow-x:hidden;
	}

svg:not(:root) {overflow: hidden;/*reset*/}
	
/* clear floats */ 
.group:before,
.group:after {content: ""; display: table;} 
.group:after {clear: both;}
.group {zoom: 1;}	
.clear { clear: both;}

img { border: 0;} 

/*===================== 
	Inventory 
=======================*/

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, .list-container-flexrow .view-listing-details-link, .modal-content .form-bottom .captcha-and-submit .captcha-placeholder button, .contact-options a, .fin-calc-mobile>a {background:#e40000 !important; }
.list-content  .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {font-size: 22px; line-height: 26px;}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {background: #e40000 !important;text-transform: uppercase; letter-spacing: 1px;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button {background: #000 ;}

.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn {float:none;}

.search-results, .payments-as-low-as-link a {color:#e40000!important}
.page-nav{background-color:#e40000!important} .dealer-btns-bottom a {background: #e40000 !important;} .list-content .faceted-search-content {background: white!important;} .contact-information span,.contact-information i, .field-value, .contact-info-heading {color: white!important;} .listing-widget__shipping span, .compare-checked span  {color:black!important;} .media-buttons i, .media-buttons span {color: #555!important} .compare-container {background: white;} .compare-button-list span, .des-compare-button span {color:black!important;} .list-top-section h1 {color:white!important;} .list-content {margin: 41px auto!important;}

.list-content .list-listing-title-link, .listing-category, .phone-link, .seller a, .linking-buttons a, .dealer-contact__phone a, .dealer-contact__whatsapp a {color: #000 !important;}

.detail__search-results, .options-popper-btn, .detail__category, .listing-prices__retail-price, .payments-as-low-as-route, .detail__machine-location-label-text, .derksenimpcomhdev-18d81o8, .currency-select, .breadcrumbs__link, .detail__specs-value, .list-listings-count {color: #fff !important;}

.derksenimpcomhdev-88jlbf {color: #000 !important; background-color: #ccc !important;}
.linking-buttons a.active {background-color: #ccc !important;}
.mc-thumb-toggles .mc-btn {color: #ccc !important;}
.extra-space .options-popper-btn {color: #000 !important;}

/*===================== 
	typography 
=======================*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
h1 {
	font-size: 33px;
	font-weight:300;
	color:#d52027;
	padding:2% 0 3% 0;
	text-transform: uppercase;
	font-family: 'Work Sans', sans-serif;	
	letter-spacing: 4px;
}
h2 {
	font-size: 28px;
	font-family: 'Work Sans', sans-serif;	
}
h3{	font-size: 24px;
	font-weight:500;
	color:#e40000;
	text-transform: uppercase;
	font-family: 'Work Sans', sans-serif;	
}
h4 {
	font-size: 18px;
	font-weight:600;
	color:#b20b10;
	font-family: 'Work Sans', sans-serif;	
	padding-right: 1%;
}

p {
	margin: 0;
	padding:0;
	font-size:16px;
	font-weight:400;
	line-height:30px;
	padding:0 0 2% 0;
	color:#fff;
	font-family: 'Work Sans', sans-serif;	
}

::-moz-selection {
    background: #e40000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #e40000;
    color: #fff;
    text-shadow: none;
}

	
.se-container #se-about span{color:#000; font-size: 18px;}

.bold{
    font-weight: bold;
	}
div.banner_text{
	background:#000;
	color:#fff;
	font-size:32px;
	text-align:center;
	padding:1% 0;
}
/*===================== 
	link styles 
=======================*/

a:focus {outline: thin dotted; color:#e40000 !Important;/*reset*/
	}
	
a.link,
a.link:link, 
a.link:visited, 
a.link:active {
	outline: 0;/*reset*/
    color:inherit; 
     text-decoration: none;
	}
	a.link:hover  {
		outline: 0;/*reset*/
		text-decoration: none;
		color: #e40000;
		}  
a{text-decoration: none; color: #fff !important;}
a:hover {color: #e40000;}
/*===================== 
	header styles 
=======================*/

.logo {text-align:center;}
.logo img {padding:2% 0 5px 0; width:40%; margin: 0 auto; text-align:center;}
.logo h4 {font-weight: 500; text-align:center; padding-bottom:2%; }
.logo h4 a {color:#fff !Important;}
.head_right {background:#2a2a2a; width: 100%; margin: 0 auto; text-align: center;}
/*===================== 
	layout styles 
=======================*/
.top-bg {background:url(../siteart/top-bg.jpg) no-repeat; background-size:cover;  width: 100%;}
.callouts {margin: 0 auto; text-align:center; width: 100%; display:inline-block; padding: 2% 0;}
.quicklinks-text{
	position:absolute;
	text-align:center;
	display:flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 100%;
	height: 100%;
	color:#fff;
	font-size:30px;
	line-height: 30px;
	text-transform:uppercase;
	font-weight: 300;
}
.quicklinks-text a {color:#fff;}

#quicklinks{
	position:relative;
	display:inline-block;
	width: 30%;
	height:246px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover; 
	background-size: cover;
	-webkit-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
}
#quicklinks:hover {
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
}
.tractorpic{background:#000 url(../siteart/tractor2.jpg) center center no-repeat;}
.tractorpic:hover{background:url(../siteart/tractor.jpg) center center no-repeat;}
.tillagepic{background:#000 url(../siteart/tillage2.jpg) center center no-repeat;}
.tillagepic:hover{background:url(../siteart/tillage.jpg) center center no-repeat;}
.harvestpic{background:#000 url(../siteart/harvest2.jpg) center center no-repeat;}
.harvestpic:hover{background:url(../siteart/harvest.jpg) center center no-repeat;}
.combinespic{background:#000 url(../siteart/combines2.jpg) center center no-repeat;}
.combinespic:hover{background:url(../siteart/combines.jpg) center center no-repeat;}
.constructionpic{background:#000 url(../siteart/construction2.jpg) center center no-repeat;}
.constructionpic:hover{background:url(../siteart/construction.jpg) center center no-repeat; }
.agpic{background:#000 url(../siteart/ag2.jpg) center center no-repeat;}
.agpic:hover{background:url(../siteart/ag.jpg) center center no-repeat;}

.home-bg {width: 100%; background:#1B1B1B; border-top: #e40000 4px solid; display:inline-block; padding-bottom:5%;}
.content {width: 60%; margin: 0 auto; padding:3% 0;}
.col-one {width:55%; float:left;}
.col-one h1 {color: #fff; font-weight:300; padding-bottom:2%; text-transform: none; letter-spacing: 0px; font-size: 28px;}

.col-two {width:35%; float:right;}

.col-two h2 {font-size: 24px; font-weight: 500; color: #e40000; text-transform: uppercase;}

 /* Form styles */

form {padding-bottom: 0; padding-top:3%;}
#formpage {
	vertical-align:top;
	width:100%; 
	margin: 0 auto;
}

#formpage div {
	vertical-align:top;
	padding:5px 5px;
	color: #fff;
	margin: 0 auto;
}

#formpage input {
	padding:6px 5px 10px;
	border:1px solid #fff;
	font-family: 'Work Sans', sans-serif;	
	color:#000;
	font-size:13px;
	background-color: #C4C4C4;
}

#formpage textarea {
	padding:6px 5px;
	border:1px solid #fff;
	font-family: 'Work Sans', sans-serif;	
	font-weight: 700;
	color:#000;
	font-size:12px;
	background:#C4C4C4;
	margin-top: 5px;
}

/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {
	border:2px solid #000;
	font-family: 'Work Sans', sans-serif;	
	color:#000;
	vertical-align:middle;
	font-size:12px;
	line-height:normal;
	padding:5px;
	width:100%;
}

.formfield {
	width:95%; 
	float:left; 
	margin-right: 10px; 
	margin-top: 10px;
	color: #000;
	
}
#formpage input  {
    width:100%;
	margin-top: 5px;
}
 
#formpage input.larger  {
    width:100%;
}

#formpage textarea {
    width:97%;
    height:65px;
}

#formpage input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
    display:inline;
	
 }

/* focus states of various types of fields */
#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
	background:#B1B1B1; 
	color:#000;
	font-weight:500;
	font-family: 'Work Sans', sans-serif;	
	border:2px solid #000;
	outline-style:none;
}
#formpage input.radio:focus,
#formpage input.checkbox:focus {
	background:none; 
	border:0;
	outline-style:none;
}

#formpage input.button,
#formpage input.button:focus {
    width:200px;
    margin:0;
    padding:12px 0;
    background: #e40000; /* For browsers that do not support gradients */
    border: 3px solid #e40000;
    font-size:20px;
    line-height:14px;
    font-weight:400;
    color:#fff;
	font-family: 'Work Sans', sans-serif;	
    text-transform:uppercase;

}
#formpage input.button:hover {
	background: none;;
	font-weight:400;
	color:#fff;
	text-shadow:none;
	border: none;
	font-family: 'Work Sans', sans-serif;	
    text-transform:uppercase;
	padding:12px 0;
	border: 3px solid #e40000;
}

/* for plain text next to an input field, if not using a table structure */
#formpage label.basic {
    color:#212121;
    font-size:13px;
    text-align:left;
} 

/*control the Captcha */

.CaptchaPanel {margin:0 auto !important;padding:0 0 0 0 !important;line-height:normal !important;color:#000;margin: 0 auto;}

.CaptchaImagePanel {
margin:0 auto;
padding:0 0 0 0;
width:60%;
margin: 0 auto;
}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
text-align: center;
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 0 0;
	padding:10px 0 10px 0 !important;
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 




/*control the Captcha */

.CaptchaPanel {
    margin:0 0 5px 0 !important;
    padding:0 0 0 0 !important;
    text-align: center;
    line-height:normal !important;
}

.subscribe-box form .CaptchaPanel img {width:60%; height:auto;}
.CaptchaPanel img {width:60%; height:auto;}

.CaptchaImagePanel {
    margin:0 0 0 0;
    padding:0 0 0 0;
}

.CaptchaMessagePanel {
    padding:0 0 0 0 !important;
    margin:0 0 0 0 !important;
    font-weight:normal !important;
    font-size:12px;
    line-height:14px;
}

.CaptchaAnswerPanel {
    margin:0 0 0 0;
    padding:2px 0px 2px 0px !important;
	width:60%;
	margin:5px 20%;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 0 0;
	padding:8px 0 8px 0 !important;
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}


.about-bg {background:#1B1B1B;padding:3% 0;}
.about-text {width:60%; margin: 0 auto;}
.about-bg h1 {
	text-align:center;	
	font-size: 33px;
	font-weight:300;
	color:#d52027;
	text-transform: uppercase;
	font-family: 'Work Sans', sans-serif;	
	letter-spacing: 4px;}

.thankyou-bg {background:#1B1B1B;padding:3% 0;}
.thankyou-bg h1 {
	text-align:center;	
	font-size: 33px;
	font-weight:300;
	color:#d52027;
	text-transform: uppercase;
	font-family: 'Work Sans', sans-serif;	
	letter-spacing: 4px;}
.thankyou-bg p {text-align:center;}

/*===================== 
	contact styles 
=======================*/
.contact-pg h1 {
	text-align:center;	
	font-size: 33px;
	font-weight:300;
	color:#d52027;
	text-transform: uppercase;
	font-family: 'Work Sans', sans-serif;	
	letter-spacing: 4px;
}
	
 /* Form styles */

form-2 {padding-bottom: 0; padding-top:3%;}
#formpage {
	vertical-align:top;
	width:100%; 
	margin: 0 auto;
}

#formpage-2 div {
	vertical-align:top;
	padding:5px 5px;
	color: #fff;
	margin: 0 auto;
}

#formpage-2 input {
	padding:6px 5px 10px;
	border:1px solid #fff;
	font-family: 'Work Sans', sans-serif;	
	color:#000;
	font-size:13px;
	background:#C4C4C4;
}

#formpage-2 textarea {
	padding:6px 5px;
	border:1px solid #fff;
	font-family: 'Work Sans', sans-serif;	
	font-weight: 700;
	color:#000;
	font-size:12px;
	background:#C4C4C4;
	margin-top: 5px;
}

/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage-2 select {
	border:2px solid #000;
	font-family: 'Work Sans', sans-serif;	
	color:#000;
	vertical-align:middle;
	font-size:12px;
	line-height:normal;
	padding:5px;
	width:100%;
}

.formfield-2 {
	width:31%; 
	float:left; 
	margin-right: 10px; 
	margin-top: 10px;
	color: #000;
	margin-right:5px;
	
}
#formpage-2 input  {
    width:100%;
	margin-top: 5px;
}
 
#formpage-2 input.larger  {
    width:100%;
}

#formpage-2 textarea {
    width:97%;
    height:65px;
}

#formpage-2 input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
    display:inline;
	
 }

/* focus states of various types of fields */
#formpage-2 input:focus,
#formpage-2 textarea:focus,
#formpage-2 select:focus {
	background:#B1B1B1; 
	color:#000;
	font-weight:500;
	font-family: 'Work Sans', sans-serif;	
	border:2px solid #000;
	outline-style:none;
}
#formpage-2 input.radio:focus,
#formpage-2 input.checkbox:focus {
	background:none; 
	border:0;
	outline-style:none;
}

#formpage-2 input.button,
#formpage-2 input.button:focus {
    width:200px;
    margin:0;
    padding:12px 0;
    background: #e40000; /* For browsers that do not support gradients */
    border: 3px solid #e40000;
    font-size:20px;
    line-height:14px;
    font-weight:400;
    color:#fff;
	font-family: 'Work Sans', sans-serif;	
    text-transform:uppercase;

}
#formpage-2 input.button:hover {
	background: none;;
	font-weight:400;
	color:#fff;
	text-shadow:none;
	border: none;
	font-family: 'Work Sans', sans-serif;	
    text-transform:uppercase;
	padding:12px 0;
	border: 3px solid #e40000;
}

/* for plain text next to an input field, if not using a table structure */
#formpage-2 label.basic {
    color:#212121;
    font-size:13px;
    text-align:left;
} 

/*control the Captcha */

.CaptchaPanel {margin:0 auto !important;padding:0 0 0 0 !important;line-height:normal !important;color:#000;margin: 0 auto;}

.CaptchaImagePanel {
margin:0 auto;
padding:0 0 0 0;
width:60%;
margin: 0 auto;
}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
text-align: center;
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 0 0;
	padding:10px 0 10px 0 !important;
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 




/*control the Captcha */
.captcha-2 img {width:30% !important;}

.CaptchaPanel {
    margin:0 0 5px 0 !important;
    padding:0 0 0 0 !important;
    text-align: center;
    line-height:normal !important;
}

.subscribe-box form .CaptchaPanel img {width:60%; height:auto;}
.CaptchaPanel img {width:50%; height:auto;}

.CaptchaImagePanel {
    margin:0 0 0 0;
    padding:0 0 0 0;
}

.CaptchaMessagePanel {
    padding:0 0 0 0 !important;
    margin:0 0 0 0 !important;
    font-weight:normal !important;
    font-size:12px;
    line-height:14px;
}

.CaptchaAnswerPanel {
    margin:0 0 0 0;
    padding:2px 0px 2px 0px !important;
	width:60%;
	margin:5px 20%;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 0 0;
	padding:8px 0 8px 0 !important;
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}

/*===================== 
	Inventory styles 
=======================*/
body .full .inner-wrap {background: #CDCDCD !important;}
.hosted-content .listings-detail-wrapper .listing-details a.email-seller {color:#000 !Important;}
.hosted-content .machinelocation {color: #000 !important;}
.hosted-content .left h5 {color:#000 !Important;}
.hosted-content .listings-wrapper .listings-list .listing-name a {color: #e40000 !important;}
.hosted-content .options li a span {color: #000 !important;}
.hosted-content .underline {color: #000 !important;}
.listings-wrapper .listing-boxed .listing-boxed-details h2 a {color: #000 !important;}
/*===================== 
	footer styles 
=======================*/
.footer-bg {background:url(../siteart/site-bg.jpg) center center no-repeat; margin:0 auto; width: 100%; margin-top:-5px; }
.footer a {color:#fff !important}
.footer-width {width:70%; margin: 0 auto; padding-top:6%; padding-bottom:20%;}
.col-1-4 {width:30%; float:left; padding-right:10%;}
.col-1-4 span {padding-bottom:8%; font-size: 33px; color: #d52027; font-weight: 300; letter-spacing: 4px;}
.col-2-4 {width: 20%; float:left;}
.col-2-4 span {color:#fff;letter-spacing:1px; font-size: 18px; font-weight: 600;}
.col-2-4 span a{color:#e40000;letter-spacing:1px;}
.col-3-4 {width:20%; float:left;}
.col-3-4 span {color:#fff; letter-spacing:1px; font-size: 18px; font-weight: 600;}
.col-3-4 span a{color:#e40000; letter-spacing:1px;}
.col-4-4 {width:20%; float:left;}
.col-4-4 span {color:#fff; letter-spacing:1px; font-size: 18px; font-weight: 600;}
.col-4-4 span a{color:#e40000; letter-spacing:1px;}



/*===================== 
   Responsive Styles
=======================*/
@media screen and (max-width: 1550px){
.content {width:70%;}
.footer-width {width:90%;}
}

@media screen and (max-width: 1243px) {	
.footer-width {width:90%;}
.footer-bg {height:600px;}
.col-1-4 {padding-right:3%;}
.col-2-4 {width:18%;}
.col-3-4 {width:18%;}
.col-4-4 {width:30%;}


}

@media screen and (max-width: 1120px) {
.content {width:90%;}
.col-1-4 { text-align:center; border-bottom:1px solid #434343; margin-bottom:2%;}

}


@media screen and (max-width: 900px) {
.logo img {width:90%;}	
#quicklinks{ width:45%;}
.col-one {width:100%; float:none; margin: 0 auto;}
.col-two {width:100%; float:none; margin: 0 auto;}
.footer-width {width:90%; margin: 0 auto; margin-left:15%;}
.col-1-4 {padding-right:3%; width:80%;}
.col-2-4 {width:25%;}
.col-3-4 {width:25%;}
.col-4-4 {width:50%;}
.formfield-2 { width:95%;}
.CaptchaPanel img {width:80%;}
.captcha-2 img {width:80% !important;}





}


@media screen and (max-width:760px) {
.footer-width {width:90%; margin: 0 auto; }
	
.col-1-4 {text-align:center; width: 100%;}

.col-2-4 {width:100%; text-align:center; padding-top:2%;}
.col-3-4 {width:100%; text-align:center; padding-top:2%;}
.col-4-4 {width:100%; text-align:center; padding-top:2%;}

.about-text {width:85%;}
}
@media screen and (max-width:630px) {
	#quicklinks{ width:90%;}

}


@media screen and (max-width: 475px){

}
@media screen and (max-width: 375px) {
}
@media screen and (max-width: 320px) {
	
}