/* RESET 
------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
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 { 
     
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent; 	
	-webkit-text-size-adjust:none;
	font-family: 'Montserrat', sans-serif;
}



a {
	color:#fff;
	text-decoration:underline;
	
}

a:hover{
	color:#AD1115;
	text-decoration:none;
}

p{
	padding:20px 0;
}



 
/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {text-align:left;}
.right {text-align:right;}
.none{display:none;}

*{
	box-sizing:border-box;
}

body { 
	background:url(../siteart/rocky-wall.png) !important;

}

.wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	padding:20px;
	position:relative;
}

.no-pad-wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	position:relative;
}

.header-wrapper {
	width:100%;
	max-width:1400px;
	margin:0 auto;
	padding:20px;
	position:relative;
}


::selection {
	color:#fff;
	background: #356088;
}
::-moz-selection {
	color:#fff;
	background: #356088;
}



/* HEADER 
----------------------------------------------*/
.header-contact{
	background:#585858;
	color:#fff;
	text-align:center;
}
.header-contact p{padding:20px 0;}

.head-one-third{
	width:30%;
	display:inline-block;
	margin:0 auto;
	vertical-align:middle;
	font-size:14px;
	text-align:center;
}

.head-one-third a{color:#fff;text-decoration:underline;}
.head-one-third a:hover{color:#fff;text-decoration:none;}

.header{
	width:100%;
	display:inline-block;
	text-align:right;
	margin:0 auto;
}

.header-half{
	width:49%;
	display:inline-block;
	margin:0 auto;
	vertical-align:middle;
}


.logo{
	text-align:left;
	width:100%;
	margin:0 auto;
	display:inline-block;
	padding:20px 0 0 0;
}
.logo img{
	width:320px;
}

.mccormick{
	width:250px;
	margin:0 auto;
	text-align:right;
	display:inline-block;
	vertical-align:middle;
}

.deutz{
	width:250px; 
	display:inline-block;
	vertical-align:middle;
	margin:0 auto;
	text-align:right;
	padding:0 20px;
}




/* HOME PAGE STYLES
-----------------------------------------------*/
header {
	background:url(../siteart/bg-option.png) no-repeat;
	background-size:cover;
}

/*--side tabs--*/

.side {
    background: #fff;
    width: 300px;
    height: 500px;
    position: fixed;
    z-index: 100;
}

#facebook {
     top: 285px; 
    height: auto;
    z-index: 998;
	right: -20px;
	width:20px
}

#facebookTab {
    display: block;
	height: 45px;
	width: 80px; 
	background:url(../siteart/facebook.jpg);
    position: absolute;
    left: -50px;
    top: 0px;
}



.cat-bar{
	width:100%;
	padding:40px 0;
	background:url(../siteart/rocky-wall.png) #eaeaea;
	text-align:center;
	margin:0 auto;
}

.cat{
	width:23%;
	margin:10px 5px;
	text-align:center;
	display:inline-block;
	vertical-align:top;
	border:3px solid #000;
	border-radius:10px;
	position:relative;
	overflow:hidden;
	background:#fff;
}

.cat-title{
	padding:20px;
	background:#ad1115;
	width:100%;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
}

.cat-title a{
	color:#fff;
	text-decoration:none;
}
	
.cat img{
	width:80%;
	display:block;
	padding-top:55px;
	margin: 0 auto;
}


.conditionslide{background:#9A9A9B;width:100%;padding:0 0 5px 0;position:absolute;z-index:999;left:0;-webkit-transition:.5s all ease;-moz-transition:.5s all ease;-o-transition:.5s all ease;transition:.5s all ease;
	box-shadow:1px 1px 3px #606062;}
.conditionslide a{display:block;text-align:center;color:#fff;padding:4px 0;font-size:14px;text-decoration:none;}
.conditionslide a:hover{color:#0054a6;background:#fff;border-top:1px solid #0054a6;border-bottom:1px solid #0054a6; text-decoration:none;}

#all_used{top:-79px;}
.cat:hover #all_used{top:0px;}

#tractors{top:-150px;}
.cat:hover #tractors{top:0px;}

#hay_forage{top:-150px;}
.cat:hover #hay_forage{top:0px;}

#tillage{top:-150px;}
.cat:hover #tillage{top:0px;}

#planting{top:-105px;}
.cat:hover #planting{top:0px;}

#trucks{top:-32px;}
.cat:hover #trucks{top:0;}

#harvest{top:-129px;}
.cat:hover #harvest{top:0px;}

#attachments{top:-56px;}
.cat:hover #attachments{top:0;}


.welcome{	
	 background:url(../siteart/texture.png) #606062;
	 padding:40px 0;
	 color:#fff;
}

.welcome h1{
	text-align:left;
	font-size:36px;
	text-transform:uppercase;
	font-weight:700;
	color:#fff;
}

.welcome .thin{
	text-transform:none;
	font-weight:300;
}

.home-contact{
	background:url(../siteart/contact-bg.png) no-repeat;
	background-size:cover;
	padding:100px 0;
}

.contact-left{
	display:inline-block;
	width:56%;
	vertical-align:top;
	margin:0;
}

.contact-right{
	width:44%;
	display:inline-block;
	vertical-align:top;
	margin:0;
	padding:20px;
	background:rgba(0,0,0,0.69);
	color:#fff;
	height:250px;
}

.contact-right h4{
	text-transform:uppercase;
	font-weight:700;
	font-size:20px;
	padding-bottom:10px;
}
.contact-half{
	width:49%;
	text-align:left;
	display:inline-block;
	vertical-align:top;
}

.manu-bar{
	background:#fff;
	border-top:6px solid #AD1115;
	border-bottom:6px solid #AD1115;
	padding:30px;
}

/*===================== 
	brandbar styles 
=======================*/
.brandbar{background:#fff;width:100%;margin:0 auto;padding:1% 0;text-align:center;}
.brandbar h2{padding-bottom:5px;color:#20608e;}
.manulogo{margin:0 8%;}


/*--form--*/
.contact-info{
	width:35%;
	display:inline-block;
	vertical-align:top;
	margin:0 auto;
}

.contact-info h4{
	text-transform:uppercase;
	font-weight:bold;
	font-size:20px;
	padding:5px 0 0 0;
}

.contact-info p{padding:5px 0 20px 0;}

.contact-info a{color:#333;}
.contact-form{
	width:60%;
	display:inline-block;
	vertical-align:top;
	margin:0 auto;
}

#formpage {
	width:100%;
	vertical-align: top;
	display:inline-block;
	text-align:left;
}

#formpage p{
	text-align:left;
}
.formfield {
	width: 70%;
	display:inline-block;
	margin-right: 10px;
	margin-top: 10px;
	color: #333;
	min-width: 175px;
	text-align:left;
}
#formpage div {
	vertical-align: top;
	padding: 5px 5px;
	position: relative;
}
#formpage input {
	padding: 6px 5px 10px;
	border: 1px solid #ababab;
	font-family: "Source Sans Pro", sans-serif;
	color: #333;
	font-size: 16px;
	background: #e4e4e4;
	width: 100%;
	margin-top: 5px;
	-webkit-appearance: none;
     border-radius: 2px;
}

#formpage input.button, #formpage input.button:focus {
	width: 150px;
	display:inline-block;
	position:relative;
	margin: 0;
	background: #E01E26;
	font-size: 16px;
	line-height: 0;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	padding:20px;
}

#formpage input.button:hover{
	box-shadow:1px 1px 4px #000;
	background:#9E151A
}

input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 0;
}

#formpage textarea {
	padding: 6px 5px;
	border: 1px solid #ababab;
	font-family: "Source Sans Pro", sans-serif;
	color: #333;
	font-size: 16px;
	background: #e4e4e4;
	margin-top: 5px;
	width: 70%;
	height: 85px;
	border-radius:2px
}

.CaptchaPanel{width:70%; margin: 0 auto;}
.CaptchaWhatsThisPanel a{color:#333;}
.CaptchaMessagePanel{color:#333;}
.CaptchaAnswerPanel{
	width:250px;
	margin:0 auto;
}

.submit-button{
	padding:10px 0px 10px 0px;
	position:relative;
	width:52%;
	margin:0 auto;
}

/* INVENTORY
------------------------------------------------*/

.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .buy-now-link,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .check-availability-link,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .email-seller-link,
.body-wrapper>div:not(.detail-wrapper) .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button,
.body-wrapper>div:not(.detail-wrapper) button.page-nav {
    background: #AD1115 !important;
    color: #000 !important;
}

.body-wrapper>div:not(.detail-wrapper) .view-listing-details-link,
.body-wrapper>div:not(.detail-wrapper) .contact-options a,
.body-wrapper>div:not(.detail-wrapper) .fin-calc-mobile>a,
.body-wrapper>div:not(.detail-wrapper) button.g-recaptcha.button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .apply-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .nuf-button,
.body-wrapper>div:not(.detail-wrapper) .list-error-container .info button,
.body-wrapper>div:not(.detail-wrapper) .mobile-done-button-container .mobile-done-button,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.gtm-buynow.des-buy-now,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.des-buy-now,
.body-wrapper>div:not(.detail-wrapper) button.selected-facet.ts-button,
.body-wrapper>div:not(.detail-wrapper) .detail-contact-bar .contact-bar-btn {
    background: #AD1115 !important;
    color: #fff !important;
}

.body-wrapper>div:not(.detail-wrapper) .view-listing-details-link:hover,
.body-wrapper>div:not(.detail-wrapper) .contact-options a:hover,
.body-wrapper>div:not(.detail-wrapper) .fin-calc-mobile>a:hover,
.body-wrapper>div:not(.detail-wrapper) button.g-recaptcha.button:hover,
.body-wrapper>div:not(.detail-wrapper) .email-seller-link:hover,
.body-wrapper>div:not(.detail-wrapper) .mc-nav-controls .mc-icon-navarrow span,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.gtm-buynow.des-buy-now:hover,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.des-buy-now:hover,
.body-wrapper>div:not(.detail-wrapper) .detail-contact-bar .contact-bar-btn:hover {
    background: #585858 !important;
    color: #fff !important;
    /*----Border----*/
}

.body-wrapper>div:not(.detail-wrapper) .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .back-button,
.body-wrapper>div:not(.detail-wrapper) .parts-listing-container .mobile-parts-detail-container .dealer-phone-container a {
    color: #000 !important;
    border: 1px solid #000 !important;
    /*-----------------------OTHER TEXT STYLES-----------------------*/
    /*----Page Title----*/
}

.body-wrapper>div:not(.detail-wrapper) .list-title .list-title-text,
.body-wrapper>div:not(.detail-wrapper) .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-title-text span,
.body-wrapper>div:not(.detail-wrapper) .title-media-buttons-heading h1 {
    color: #000 !important;
    line-height: 28px !important;
}

.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info .dealer-name,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .fin-calc,
.body-wrapper>div:not(.detail-wrapper) .list-listing-mobile .listing-dealer-info .spec-value,
.body-wrapper>div:not(.detail-wrapper) .fin-calc,
.body-wrapper>div:not(.detail-wrapper) .fin-calc p,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-error .info,
.body-wrapper>div:not(.detail-wrapper) .parts-bottom-section .parts-list-view .parts-list-content .error-message,
.body-wrapper>div:not(.detail-wrapper) .info,
.body-wrapper>div:not(.detail-wrapper) .list-title .list-listings-count,
.body-wrapper>div:not(.detail-wrapper) .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count,
.body-wrapper>div:not(.detail-wrapper) .list-top-section .listing-option-bar .list-listings-count,
.body-wrapper>div:not(.detail-wrapper) span.part-list-price.bold,
.body-wrapper>div:not(.detail-wrapper) .dealer-company-header,
.body-wrapper>div:not(.detail-wrapper) .dealer-info h3,
.body-wrapper>div:not(.detail-wrapper) .listing-description-text,
.body-wrapper>div:not(.detail-wrapper) .paging-container .list-page-number,
.body-wrapper>div:not(.detail-wrapper) .paging-container .page-number,
.body-wrapper>div:not(.detail-wrapper) .listing-main-stats .price,
.body-wrapper>div:not(.detail-wrapper) .list-container-flexrow .price-container .price,
.body-wrapper>div:not(.detail-wrapper) h2.listing-portion-title,
.body-wrapper>div:not(.detail-wrapper) .list-listing-mobile .price-container .price,
.body-wrapper>div:not(.detail-wrapper) .compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title,
.body-wrapper>div:not(.detail-wrapper) .compare-listings-container .compare-container .compare-price,
.body-wrapper>div:not(.detail-wrapper) .rent-title,
.body-wrapper>div:not(.detail-wrapper) .rent-title-details,
.body-wrapper>div:not(.detail-wrapper) span.list-title-text,
.body-wrapper>div:not(.detail-wrapper) a.search-results-link,
.body-wrapper>div:not(.detail-wrapper) h3.listing-portion-title {
    color: #000 !important;
}

.body-wrapper>div:not(.detail-wrapper) .mobile-option-bar .mobile-option-bar-filter,
.body-wrapper>div:not(.detail-wrapper) span.listing-prices__retail-price,
.body-wrapper>div:not(.detail-wrapper) span.parts-listings-count {
    color: #000 !important;
    /*-----------------------MEDIA QUERIES-----------------------*/
}


/* FOOTER
------------------------------*/
.footer{
	width:100%;
	color:#eaeaea;
	font-size:11px;
	text-align:center;
	background:#606062;
	padding:40px 0;
}

.foot-left{
	width:57%;
	display:inline-block;
	margin:0 30px 0 0;
	vertical-align:top;
	text-align:left;
	border-right:3px solid #404041;
}
.foot-left a{font-size:12px;}

.foot-one-third{
	width:30%;
	display:inline-block;
	margin:0 auto;
	vertical-align:top;
}

.foot-one-third h5{
	font-size:16px;
	text-transform:uppercase;
	font-weight:700;
	padding-bottom:10px;
}

.foot-right{
	width:39%;
	display:inline-block;
	margin:0 auto;
	text-align:right;
	vertical-align:top;
}

.foot-half{
	width:49%;
	display:inline-block;
	vertical-align:middle;
	padding:20px;
	text-align:center;
	margin:0 auto;
}

.foot-half img{
	width:100%;
	display:block;
}

.footer a{
	color:#eaeaea;
	text-decoration:none;
}

.footer a:hover{
	color:#eaeaea;
	text-decoration:underline;
}
.divfooter{
	width:100%;
	font-size:8px;
}





@media screen and (max-width:1250px){
	.contact-half p{font-size:14px;}
	.cat-title{font-size:14px;}
}

@media screen and (max-width:1130px){
	.cat{width:26%;}
}
@media screen and (max-width:1056px){
	.contact-left{width:100%;}
	.contact-right{width:100%;height:auto;}
}

@media screen and (max-width:1020px){
	.cat{width:30%;}
}

@media screen and (max-width:975px){
	.foot-left{width:51%;}
	.foot-one-third:nth-child(1){width:100%;}
	.foot-one-third{width:49%;}
}

@media screen and (max-width:930px){
	.cat{width:33%;}
	.cat-title{font-size:16px;}
	
	.contact-form{width:100%;text-align:center;}
	#formpage{text-align:center;}
	.CaptchaPanel{width:100%;}
	
	.contact-info{width:100%;padding-top:30px;border-top:1px solid #333;margin-top:30px;text-align:center;}
	.contact-info h4{font-size:18px;}
	.contact-info p{font-size:14px;}
	.ci-content{
		width:30%;
		display:inline-block;
		vertical-align:top;
		text-align:left;
	}
}

@media screen and (max-width:875px){
	.cat-title{font-size:14px;}
}

@media screen and (max-width:800px){
	.cat{width:40%;}
}

@media screen and (max-width:734px){
	.head-one-third{font-size:12px;}
	.cat{width:44%;}
	.foot-left{width:100%;border-right:none;margin:0;}
	.foot-one-third:nth-child(1){width:30%;}
	.foot-one-third{width:30%;}
	.foot-right{width:70%;border-top:3px solid #404041;}
	.divfooter{text-align:center;}
}

@media screen and (max-width:630px){
	.logo img{width:280px;margin:0 auto;}
	.cat{width:47%;}
	.foot-one-third:nth-child(1){width:100%;}
	.foot-one-third{width:49%;}
	.welcome h1{font-size:30px;}
	
	.formfield{width:100%;}
	#formpage textarea{width:100%;}
	
	.ci-content{width:100%;text-align:center;}
}

@media screen and (max-width:611px){
	.head-one-third{width:100%;font-size:14px;}
	.head-one-third p{padding:5px 0;}	
}

@media screen and (max-width:580px){
	.logo{text-align:center;}
	.mccormick{margin:auto !important;}
	.header-half{width:100%;text-align:center;}
	
	
	.cat-title{font-size:12px;}
	.conditionslide a{font-size:12px;}	
	
	#all_used{top:-70px;}
	#tractors{top:-117px;}
	#hay_forage{top:-139px;}
	#tillage{top:-139px;}
	#planting{top:-93px;}
	#trucks{top:-24px;}
	#harvest{top:-116px;}
	#attachments{top:-47px;}
}

@media screen and (max-width:510px){
	.cat{width:70%;}
	.cat-title{font-size:14px;}
	.welcome h1{font-size:26px;}
	.contact-half{width:100%;}
	.foot-right{width:100%;}
}


@media screen and (max-width:430px){
	.welcome h1{font-size:24px;}
	.welcome p{font-size:14px;}
	.foot-left{margin:0;}
}