﻿@import url("https://use.typekit.net/dbf0yot.css");
/*===================== 
	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%;}


/*===================== 
	base styles 
=======================*/

html {
    -ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; 
    overflow-x: hidden!important;
  scroll-behavior: smooth;
	}

body {
	font-family: 'Gnuolane', sans-serif !important; 
    margin: 0;
	padding:0;
    overflow-x:hidden!important;
    letter-spacing:1px;
    font-weight:100
	}

svg:not(:root) {overflow: hidden;}
	
.clear {clear: both;}




/*===================== 
	typography 
=======================*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	}
	h1 {}
	h2 {}
	h3 {}
	h4 {font-size:19px;}
	h5 {font-size:18px}
	h6 {font-size:15px;}

p {margin: 0;}

a{text-decoration:none}

body{
    background-image:url("../siteart/bg.jpg");
    background-size: cover;
    background-attachment: fixed;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/*===================== 
	header styles 
=======================*/

.header-wrap {
	width: 100%;
	margin: 0;
    background:#fff;
}

.main-header{
   padding:20px 30px;
    display:block;
    overflow:auto
}

.logo-wrap{
    float:left;
    margin-top:0px
}

.tractor{
    width:100%;
    max-width:100px;
    margin-left:10px;
}

.header-info{
    float:right;
    text-align:right
}

.header-nav{
    width:100%;
    background:#0F8A15
}

.number-head{
    font-size:35px;
    font-weight:800;
    color:#0F8A15!important;
    transition:.2s ease
}

.number-head:hover{color:#12AD1A!important;}

.location-head{
    font-size:23px;
    font-weight:500;
    color:#000;
    transition:.2s ease
}

.location-head:hover{color:#333333}

.button-section{
    margin:30px
}

.button-column{
    float:left;
    width:25%
}

.invbtn{
    text-align:center;
    color:#fff;
    background:#191919;
    padding:10px 0px;
    width:95%;
    margin:5px 0px;
    text-decoration:none;
    transition:.2s ease
}

.invbtn:hover{background:#363636;}

/*===================== 
	nav styles 
=======================*/


#menu-button{display:none;}

nav.mobile {display:none;}

nav.primary ul li a .click{
    cursor:pointer;
    z-index: 12399994;
    top:0;
    right:0;
    width:auto;
    height:auto;
}

nav.primary {
	padding:0;
	display:block;
	width:100%;
	position:relative;
	background:transparent;
}

nav.primary ul {
    margin:0; 
    padding:0;
}

nav.primary ul li {
    display:inline-block;
    list-style-type:none; 
    margin-right:-5px
}

nav.primary ul li a {
    color:#fff!important;
    font-size:18px;
    text-decoration:none;
    display:block;
    margin:0;
    border-left: 1px solid #05630C;
    padding:10px 20px;
    font-weight:500;
    font-family:'Gnuolane', sans-serif;
    text-align:center;
    -webkit-transition:.4s ease-in;  
    -moz-transition:.2s ease-in;  
    -o-transition:.2s ease-in;  
    transition:.2s ease-in;	
}	

nav.primary ul li a:hover {background:#05630C}

			/* Appearance of the sub-level links */
			nav.primary ul.list {
				background:#05630C;
			}
			nav.primary ul.list li {
				display:block;
				width:250px;
				background: #05630C;
				list-style-type:none;
			}
			nav.primary ul li li a { 
				font-size:16px;
				line-height:16px;
				padding:13px 0px 13px 15px;
				color:#fff !important;
				display:list-item;
				text-align:left;
				border-right:none;
				border-left:none;
				border-bottom:#0F8A15 solid 1px;
			}
			/* Appearance of the sub-level links on hover */
			nav.primary ul li li :hover { 
				background:#05730E;
                box-shadow:none !important;
			}


nav.primary ul ul {
    display: none;
    position: absolute; 
}
nav.primary ul ul ul {
    position: absolute; 
    left: 100%;
    top:0; 
}
nav.primary ul li:hover > ul {  
    display: block;
    line-height:18px; 
    z-index: 100;
}
nav.primary ul ul li {
    float: none; 
	width: 230px;
    position: relative;
}



/*===================== 
	default styles
=======================*/

.default-page-wrapper{
    background:#fff;
    width:100%;
    max-width:90%;
    margin:30px 0px;
}

.hero-img{
    display:block;
    overflow:auto
}

.hero-img img {
    width: 100%;
    height: 100%;
}

.heading-section{margin:30px 10px}

.heading-section h2{font-size:30px!important}
.heading-section h1{color:#000;font-size:60px!important;text-transform:uppercase}

.inv-section{margin:30px 10px;}

.inv-column{
    float:left;
    width:24%;
    margin:5px;
    transition:.3s ease
}

.inv-column:hover{opacity:.8}

.inv-column img{width:100%;}

.inv-title{
    width:100%;
    padding:10px 0px;
    text-align:center;
    background:#0F8A15;
    color:#fff;
    font-size:25px;
    font-weight:800;
    margin-top:-5px;
}

.inv-title2{
    width:100%;
    padding:10px 0px;
    text-align:center;
    background:#0F8A15;
    color:#fff;
    font-size:20px;
    font-weight:800;
    margin-top:-5px;
}


.inv-col{
    float:left;
    width:31%;
    margin:5px;
    border:1px solid #CBCBCB;
    transition:.3s ease
}

.inv-col:hover{opacity:.8}

.inv-col img{width:100%;}


/*===================== 
	about page 
=======================*/

.about-info{margin:20px;}

.about-info p{font-weight:300;text-align:left!important}

.about-info a{
    font-weight:600;
    color:#0F8A15;
    transition:.3s ease
}

.about-info a:hover{
    color:#35B73C;
}



/*===================== 
	contact page 
=======================*/

.page-wrapper{
    background:#fff;
    padding:20px;
    width:100%;
    max-width:70%;
    margin:30px 0px;
}

.contact-info{margin:20px;}

.contact-info p{font-weight:300;}

.contact-info a{
    font-weight:600;
    color:#0F8A15;
    transition:.3s ease
}

.contact-info a:hover{
    color:#35B73C;
}

.map{width:90%}


/*===================== 
	gallery page 
=======================*/

.gallery{max-width:100%}

.gallery-row{
    float:left;
    width:33.33%;
    margin:10px 0px;
}

.gallery-row img{
    width:90%
}

/*===================== 
	manu page 
=======================*/

.manu-logo{margin-top:20px}

.manu-col{
    float:left;
    width:33.33%;
    margin:15px 0px;
}

.manu-col img{
    width:50%;
    transition:.3s ease
}

.manu-col img:hover{opacity:.7}

.manu-col-two{
    float:left;
    width:25%;
    margin:45px 0px 15px 0px;
}

.manu-col-two img{
    width:50%;
    transition:.3s ease
}

.manu-col-two img:hover{opacity:.7}

.tubular{width:40%!important;margin-top:-20px}

.clear-hide{display:block}




/*===================== 
	inventory styles 
=======================*/

.cf-wrapper{margin:30px 0px}


#parts-content {
    background: #fff!important;
    padding: 30px!important;
}

.list-content{background:#fff;padding:15px}
.legal-text-container{background:#fff;padding:0px 15px!important}

.list-content .list-top-section .sticky-top-menu{display:none}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .check-availability-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .video-chat-link {background:#0F8A15!important}

#parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count{color:#0F8A15!important}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .error-message{color:#000!important}

.list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price {color:#000!important}

.list-content .list-title .list-listings-count{color:#0F8A15!important}

.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, .list-content .list-listing-mobile .video-chat-link{background-color:#0F8A15!important}

.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-call, .list-content .list-listing-mobile .dealer-phone-container .dealer-phone-text{color:#0F8A15!important;border:1px solid #0F8A15!important}

.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn{background-color:#0F8A15!important}

.detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .detail-main-body .main-detail-data .alternate-retail-price{color:#0F8A15!important}

.detail-content .detail-additional-data .data-row .data-label{background-color:#0F8A15!important}

.detail-content .search-results{color:#0F8A15!important}

.faceted-search-content .selected-facets-container .selected-facet{background-color:#0F8A15!important}

.detail-content .dealer-info .phone-and-email .send-email-btn {color:#0F8A15!important;border:#0F8A15!important}

.list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .contact-btn, .list-content .list-listing-mobile .check-availability, .list-content .list-listing-mobile .email-seller, .list-content .list-listing-mobile .video-chat, .list-content .list-listing-mobile .facebook-messenger, .list-content .list-listing-mobile .whatsapp, .list-content .list-listing-mobile .text{background-color:#0F8A15!important}

.fin-calc{color:#000!important}
.dealer-name{color:#000!important}
.dealer-company-header{color:#000!important}
.address{color:#000!important}
.spec-value{color:#000!important}

.contact-options a, .fin-calc-mobile>a{background-color:#0F8A15!important}
.detail-content-mobile .share-listing{color:#000!important}

.list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .contact-btn, .list-content .list-main-section .list-container .list-listing .listing-top-right .check-availability, .list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller, .list-content .list-main-section .list-container .list-listing .listing-top-right .video-chat, .list-content .list-main-section .list-container .list-listing .listing-top-right .facebook-messenger, .list-content .list-main-section .list-container .list-listing .listing-top-right .whatsapp, .list-content .list-main-section .list-container .list-listing .listing-top-right .text{background-color:#0F8A15!important}

.detail-content-mobile .detail-main-body .main-detail-data .detail-price, .detail-content-mobile .detail-main-body .main-detail-data .alternate-retail-price{color:#000!important}

.detail-content-mobile .detail-contact-bar .contact-bar-btn{background-color:#0F8A15!important}

.detail-content-mobile .detail-additional-data .data-row .data-label{background-color:#0F8A15!important}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{background-color:#0F8A15!important}

.detail-content-mobile .detail-main-body .main-detail-data .buy-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile{background-color:#0F8A15!important}

.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{background-color:#0F8A15!important}

.button{background-color:#0F8A15!important}


/*===================== 
	footer styles 
=======================*/

.footer-wrap{
    width:100%;
    background:#0F8A15;
    padding:30px;
}

.bottom-footer{width:80%}

.bottom-footer p{
    color:#fff!important;
    font-weight:500;
}


.bottom-footer a{
    color:#fff;
    text-decoration:none;
    transition:.4s ease
}

.bottom-footer a:hover{
    color:#C1C1C1
}

/*========================== 
	  Responsive styles 
============================*/


@media screen and (max-width: 1400px)  {  
    
/* mobile nav */	
    
nav.primary ul{display:none;}
    
#menu-button{ 
    width: 100%;
    display: block;
    font-size: 24px;
    position: relative;
    line-height:40px;
    z-index: 400;
}
    
#menu-button a{
    color:#fff;
    text-decoration: none;
    font-weight:normal;
}
    
nav.mobile {
    display:block;
    position: fixed;
    top: 0;
    left: -270px;
    width:270px;
    height: 100%;
    background:#0F8A15;
    z-index: 500;
    overflow:auto;
}

nav.mobile .mobile_top {
    position: relative;
    display:block;
    padding: 0;
    margin:15px 0px 10px 0px;
    color: #999;
    font-size: 18px;
    font-weight: 400;
}

/* menu 'x' button */
    
nav.mobile .menu-toggle {
    position: absolute;
    padding: 3px 8px 3px;
    font-family: Arial, sans-serif;
    font-size:25px;
    font-weight: thin;
    line-height: 1;
    color: #fff;
    text-decoration: none;
    top:2px;
    z-index:9999;
    right:10px;
	}
    

/* menu list */
    
nav.mobile ul {
    list-style: none;
    font-weight: 300;
    padding:0px !important;
    margin:0px !important;
    padding-inline-start: 0px !important;
}
    
.list{
    border-top:1px solid #05630C;
    background:#05630C
}
    
    
ul.list li{
    border-bottom:1px solid #0F8A15 !important;
}
    
ul.list li a{
    transition:.3s ease
}    
    
ul.list li a:hover{
    background:#05730E;
}
     
nav.mobile ul li {
    position:relative;
    padding:none !important;
    border-bottom:1px solid #05630C;
    transition:.3s ease
}
    
nav.mobile ul li:hover{
     background:#05630C;
}

nav.mobile ul li a {
    position: relative;
    display: block;
    font-size:17px;
    color: #fff;
    text-decoration: none;
    font-family:'Gnuolane', sans-serif !important;
    font-weight:500;
     padding: 10px 10px;
}

nav.mobile ul li .fa-chevron-down {
    color:#fff;
    font-size:12px;
    margin-top:-3px
}
    
    
    
.header-wrap {
	margin:0 auto
}
    
.main-header{
   padding:20px 0px;
   margin-bottom:0px
}

.logo-wrap{
    float:none;
    text-align:center;
}

.logo{
    width:90%;
    max-width:700px;
    margin:0 auto;
}    
    
.header-info{
    float:none;
    text-align:center
}
    
.button-column{
    float:left;
    width:50%
}
    
.page-wrapper{
    background:#fff;
    padding:20px;
    width:100%;
    max-width:90%;
    margin:30px 0px;
}

.default-page-wrapper{
    background:#fff;
    width:100%;
    max-width:96%;
    margin:30px 0px;
}
    
    
 .map{width:100%}  
       
}

@media screen and (max-width: 1160px){

.heading-section h2{font-size:20px!important;}   
.heading-section h1{font-size:40px!important;}
.inv-title{font-size:17px;}
.inv-title2{font-size:13px}    
}


@media screen and (max-width: 700px)  {
.inv-col{width:95%}    
.manu-col img{width:80%}
.manu-col-two img{width:80%}   
.tubular{width:70%!important}    

.footer-wrap{font-size:11px}
    
.button-column{
    float:none;
    width:100%
} 
.gallery-row{margin:5px 0px;}    
}


@media screen and (max-width: 400px){.inv-column{width:46%;}}
