/*===================== 
	CSS reset/normalize 
=======================*/

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%; 
    scroll-behavior: smooth;
}

body {
	font-family: 'montserrat', sans-serif !important; 
    margin: 0;
	padding:0;
    background-image:url("../siteart/background.jpg");
    background-color:#000 !important;
}

svg:not(:root){overflow:hidden}
.clear{clear:both}







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

h1, h2, h3, h4, h5, h6 {margin:0;padding:0}

h1{font-size:30px;color:#66213a!important;font-weight:700!important;margin-bottom:40px!important;text-transform:uppercase}
h2{font-size:20px!important;color:#000!important;font-weight:600;text-transform:uppercase;}
h3{font-size:20px;color:#000!important;font-weight:600;line-height:70px;text-transform:uppercase}
h4{}
h5{}
h6{}

p{margin:0;font-weight:500;font-size:16px;line-height:30px;color:#000}
a{text-decoration:none!important;font-weight:500;font-size:16px;transition:.3s ease}
strong{font-weight:800!important;line-height:40px}

.row:after{content:"";display:table;clear:both}









/*===================== 
	header styles 
=======================*/

.top-header{display:block;overflow:auto;padding:15px 30px;text-align:right;text-transform:uppercase;color:#fff}
.top-header i{background:#fff;color:#4d1425;border-radius:2px;margin:5px 0 5px 10px;font-size:12px}

.top-header a{color:#fff!important;font-size:17px;font-weight:bold}
.top-header a:hover{color:#4d1425!important}

.fa-facebook-f{padding:5px 8px}
.fa-phone{padding:5px}
.fa-map-marker-alt{padding:5px 7px}

.logo-wrap img{
    position:absolute;
    z-index:10;
    top:10px;
    left: 30px;
    padding:15px 20px;
    background:#fff;
    border-radius:3px;
    box-shadow:0 0 10px rgba(0,0,0,0.4);
    width:270px;
    transition:.3s ease
}

/*.logo-wrap img:hover{padding:20px 20px 15px 20px}*/

.nav-wrapper{background:#4d1425;padding:0 30px}

button.search-btn,
button.search-btn:focus {
    border-color:#fff!important;
    color:#fff!important;
    text-decoration:none!important;
    font-size:15px!important;
    font-weight:200!important;
    border-radius:2px!important;
    width:inherit!important;
    margin-top:0!important;
    margin-bottom:0!important;
    background-color:#fff!important;
    border:1px solid #fff!important;
    padding:0px 5px!important;
    transition:.3s ease!important;
    cursor: pointer!important;
}

button.search-btn:hover {
    background-color:#fff!important;
    color:#fff!important;
    text-decoration:none!important;
    font-size:15px!important;
    width:inherit!important;
    margin-top:0!important;
    margin-bottom:0!important;
    border:1px solid #fff!important;
    padding:0px 5px!important;
    transition:.3s ease!important;
    cursor: pointer!important;
}

input.search-row{background-color:#fff!important;padding:2px 5px!important;margin-right:5px;width:inherit!important}

.fa-search{padding:0!important;margin:0!important}
.header-form{margin-top:3px!important}


.emails{background:#000;padding:15px}
.emails a{color:#fff}
.emails a:hover{color:#ACACAC}
.sales-email{margin-right:30px}




/*===================== 
	nav styles 
=======================*/

#menu-button{display:none}
nav.mobile {display:none}

nav.primary ul li a .drop{
    cursor:pointer;
    z-index: 12;
    top:0;
    right:0;
    width:auto;
    height:auto
}

nav.primary {
	padding:0;
	display:block;
	width:100%;
    text-align:center;
	position:relative;
	background:transparent;
}

nav.primary ul {margin:0;padding:0}
nav.primary ul li {display:inline-block;list-style-type:none}

nav.primary ul li a {
    color:#fff!important;
    font-size:15px;
    font-weight:bold;
    text-transform:uppercase;
    text-decoration:none;
    display:block;
    margin:0;
    padding:35px 20px;
    font-family:'montserrat', sans-serif;
    text-align:center;
    transition:.3s ease
}	

nav.primary ul li a:hover {background:#66213a!important}

nav.primary ul.list {
    background: white;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    box-shadow: 1px 1px 10px -5px rgba(0,0,0,0.40);
    position: absolute; 
    z-index:99999999;
    margin-top:-2px;
    border:0px!important
}

nav.primary ul.list li {display:block;width:250px;list-style-type:none}

nav.primary ul li li a { 
    font-size:16px;
    line-height:16px;
    padding:20px 15px;
    color:#000 !important;
    display:list-item;
    text-align:left;
    border-right:none;
    border-left:none;
    border-top:#E7E7E7 solid 1px
}

nav.primary ul li li a:hover{color:#fff!important;border-top:#66213a solid 1px}

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}
nav.primary ul ul li{float:none;width:230px;position:relative}


/*===================== 
	PARTS&SERVICES
=======================*/
.service-form{font-size: 36px!important;
    color: #66213a !important;
    font-weight: 700 !important;
    margin-bottom: 40px !important;
    text-transform: uppercase;}



/*===================== 
	content styles
=======================*/

.page-wrapper{padding:130px 30px 100px 30px}
.btn-wrapper{padding:60px 30px 0 30px;text-align:center}
.text-wrapper{width:auto;max-width:1000px;margin:0 auto}

.content-wrapper{
    width:100%;
    max-width:1400px;
    margin:70px auto 100px auto;
    background:#fff;
    border-radius:5px;
    border:2px solid #000;
    padding:30px;
}

.content-wrapper h2{font-weight:700}
.content-wrapper a{color:#000!important}
.content-wrapper a:hover{color:#66213a!important}

.left-float{width:50%;float:left}
.right-float{width:50%;float:right;margin-top:30px}
.right-float img{width:80%;display:block;float:right;margin-bottom:20px;margin-right:20px}

.map{margin:30px 0 50px 0;border-radius:5px;width:90%;height:300px}

.accessory-text{float:left;width:43%;margin-top:30px}
.accessory-images{float:right;width:47%;margin-top:50px;margin-right:20px}
.image-col{float:right;width:50%;text-align:center}
.image-col img{width:95%;margin-bottom:20px}





/*===================== 
	default styles
=======================*/

/* button section */

.btn-section{margin:15px}
.btn-img{display:inline-block;margin-bottom:50px;width:20vw;text-align:left}

.btn-section a{
    color:#fff;
    height:40px;
    width:800px;
    background:#4d1425;
    border-top: 5px #A32A4E solid;
    border-left: 5px #370F1B solid;
    border-right: 5px #370F1B solid;
    border-bottom: 5px #17050B solid;
    transition:.2s ease;
    border-radius:2px;
    font-size:14px;
    padding:40px 0;
    position: relative;
    text-transform:uppercase;
    margin:10px
}

.btn-section img{
    width:80px;
    transition:.2s ease;
    margin:0 20px;
    border-bottom-right-radius:2px;
    border-top-right-radius:2px;
}

.btn-section a:hover{color:#fff!important;background:#66213a}

.btn-section a:after {
  content: '';
  position: absolute;
  top:-7px;
  left:-7px;
  right:-7px;
  bottom:-7px;
  background:#fff;
  z-index: -1;
}


/* about section */

.about-wrapper{display:block;overflow:auto;padding:100px 30px 130px 30px;background:rgba(0,0,0,0.3)}
.fb-page{width:500px;height:400px}







/*===================== 
	showroom styles
=======================*/


.showroom-btn img{
    margin:15px;
    background:#fff;
    padding:10px;
    width:100%;
    max-width:265px;
    border-radius:2px;
    border:1px solid #D9D9D9;
    transition:.3s ease
}

.showroom-btn img:hover{
    -ms-transform: scale(1.03); 
    -webkit-transform: scale(1.03);
    transform: scale(1.03); 
}

.inv-btn{
    margin:15px;
    background:#fff;
    padding:23px 0;
    width:100%;
    max-width:265px;
    font-size:16px!important;
    text-align:center;
    text-transform:uppercase;
    border-radius:2px;
    border:1px solid #D9D9D9;
    transition:.3s ease;
    color:#000!important;
    display:inline-block
}

.inv-btn:hover{
    -ms-transform: scale(1.03); 
    -webkit-transform: scale(1.03);
    transform: scale(1.03); 
}

.stock-section{display:block;overflow:auto;margin:30px 0 30px 0;overflow-x:hidden}





/*===================== 
	slider styles 
=======================*/

.customer-logos{
    padding:20px 0;
    border-bottom:5px solid #4d1425;
    background:#fff;
}

.slick-slide{margin:0px 0px}
.slick-slide img{width:100%;transition:.3s ease}
.slick-slide img:hover{opacity:.8}

.slick-slider{
    position:relative;
    display:block;
    box-sizing:border-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -khtml-user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
}

.slick-list{
    position:relative;
    display:block;
    overflow:hidden;
    margin:0;
    padding:0
}

.slick-list a:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}

.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:before,
.slick-track:after{display:table;content: '';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none}







/*===================== 
	footer styles 
=======================*/

.top-footer{display:block;oveflow:auto;padding:60px 30px;border-top:1px solid #fff; background: #4d1425;}
.top-footer h2{color:#fff!important;font-weight:bold;font-size:23px!important}
.top-footer p{color:#fff!important;text-transform:uppercase;font-size:19px!important}
.top-footer a{color:#fff!important;text-transform:uppercase;font-size:19px!important}
.top-footer i{background:#4d1425;color:#fff;border-radius:2px;margin:5px 10px;font-size:12px}
.fa-envelope{padding:5px}

.footer-col{float:left}
.footer-info1{width:20%}
.footer-info2{width:40%}
.footer-logo{width:40%;text-align:center}

.footer-logo img{width:100%;max-width:280px;margin-top:25px}

.bottom-footer{
    display:block;
    overflow:auto;
    background:#4d1425;
    padding:15px 15px 5px 15px;
    text-align:center;
}

.bottom-footer p, .bottom-footer a{font-size:10px!important;color:#fff!important}
.bottom-footer a:hover{color:#CB8298!important}







/*========================== 
	  responsive styles 
============================*/

@media screen and (max-width: 1600px){.small-txt{font-size:12px!important}.chemical img{width:60px!important}}
@media screen and (max-width: 1400px){.content-wrapper{width:auto;margin:80px 30px 100px 30px}}



@media screen and (max-width: 1300px) {
.btn-img{width:40vw}
.btn-section a{font-size:12px;padding:30px 0}
.btn-section img{width:60px}  
}





@media screen and (max-width: 1250px) {
    
/* fonts */  
    
h1,.service-form{font-size:19px!important;margin-bottom:20px!important}
h2{font-size:16px!important;line-height:20px!important}
p{font-size:11px;line-height:20px}
a{font-size:11px}
.top-footer a{font-size:12px!important}    
.top-footer p{font-size:12px!important}    
  
    
/* margins */    
    
.top-header{padding:5px 15px}    
.page-wrapper{padding:50px 15px}    
.btn-wrapper{padding:50px 15px}    
.about-wrapper{padding:50px 15px 70px 15px} 
.top-footer{padding:30px 15px}      
.customer-logos{padding:30px 0} 
.content-wrapper{margin:30px 30px 50px 30px;padding:30px 15px}
.map{margin:15px 0 30px 0;width:95%;height:200px}      
.accessory-images{margin-top:30px}
.image-col{width:40%;}
.image-col img{width:90%;margin-bottom:10px}   
.accessory-text{margin-top:0px}
.sales-email{margin-right:10px}
    
    
/* header */   
    
.top-header i{margin:2px 5px;font-size:10px}
.logo-wrap img{left:15px;max-width:210px;top:-5px}
.top-header{height:100px}
.mobile-hide{display:none}
    
button.search-btn,
button.search-btn:focus {
    border-color:#fff!important;
    color:#fff!important;
    text-decoration:none!important;
    font-size:15px!important;
    font-weight:200!important;
    border-radius:2px!important;
    width:inherit!important;
    margin-top:0!important;
    margin-bottom:0!important;
    background-color:#fff!important;
    border:1px solid #fff!important;
    padding:0px 5px!important;
    transition:.3s ease!important;
    cursor: pointer!important;
}

button.search-btn:hover {
    background-color:#fff!important;
    color:#fff!important;
    text-decoration:none!important;
    font-size:15px!important;
    width:inherit!important;
    margin-top:0!important;
    margin-bottom:0!important;
    border:1px solid #fff!important;
    padding:0px 5px!important;
    transition:.3s ease!important;
    cursor: pointer!important;
}

input.search-row{background-color:#fff!important;padding:2px 5px!important;margin-right:0px;width:inherit!important;font-size:10px!important;height:20px!important}

.fa-search{padding:0!important;margin:0!important}
.header-form{margin-top:2px!important;margin-right:5px}    
    
.top-header a{font-size:15px}    
    
    
/* footer */ 
    
.footer-logo img{margin-top:0px}    
.top-footer i{margin:0px 10px;font-size:10px}
    
  
    
    
/* mobile nav */	
    
nav.primary ul{display:none} 
.nav-wrapper{padding:20px 30px}    
#menu-button{display:block;position:relative;z-index:10;text-align:right}   
#menu-button a{color:#fff!important;font-size:15px;text-decoration:none;font-weight:normal;transition:.3s ease}
.mobile-search-wrapper{display: block;}  

nav.mobile{
    display:block;
    position: fixed;
    top: 0;
    left: -250px;
    width:250px;
    height: 100%;
    background:#fff;
    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
}
    
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:#000!important;
    text-decoration:none;
    top:2px;
    z-index:9999;
    right:10px;
}
    
nav.mobile ul{list-style:none;padding:0px!important;padding-inline-start:0px!important}
    
ul.mobile-list{background:#eee!important}
ul.mobile-list li a{transition:.3s ease;border-bottom:1px solid #E2E2E2!important}    
ul.mobile-list li a:hover{background:#66213a;border-bottom:1px solid #66213a!important} 
nav.mobile ul li {position:relative;padding:none!important;transition:.3s ease}
nav.mobile ul li a:hover{background:#66213a;color:#fff!important;border-bottom:1px solid #66213a}
nav.mobile ul li a:hover i{color:#fff!important}

nav.mobile ul li a {
    position:relative;
    display:block;
    font-size:13px;
    border-bottom:1px solid #eee;
    color:#000!important;
    text-transform:uppercase;
    text-decoration:none;
    font-family:'montserrat', sans-serif !important;
    padding:15px 10px;
}

nav.mobile ul li .fa-chevron-down{color:#000!important;font-size:11px;margin-top:-3px}     

.header-search-wrapper{
        position: absolute;
    z-index: 20;
    /* margin-top: auto; */
    top: 113px;
    right: 105px;
    display: block;
}
input.search-row { width: 110px !important; height: 24px !important;}
button.serach-btn{height: 24px !important;padding: 0px 6px !important;}



}



@media screen and (max-width: 880px){ 
.accessory-text{float:none;width:100%}
.accessory-images{float:none;width:100%;margin-top:0;margin-right:20px}
.image-col{float:left;width:25%;text-align:center}
.image-col img{width:95%;margin-bottom:0}
}



@media screen and (max-width: 850px){ 
.top-footer{padding:30px 8%}     
.footer-col{float:none}
.footer-info1, .footer-info2{width:auto}
.footer-info1{float:left}
.footer-info2{float:right}
.footer-logo{width:auto;text-align:center;margin-top:20px;border-bottom:1px solid #eee}
.footer-logo img{margin-top:0px;margin-bottom:30px;max-width:170px} 
.left-float{width:100%;float:none}
.right-float{width:100%;float:none;margin-top:0}
.right-float img{float:none;margin-bottom:20px;margin-right:0}    
}






@media screen and (max-width: 730px) {
.tractors, .tillage, .attachments, .trailers{margin-bottom:60px!important}    
.btn-img{width:70vw}
.btn-section a{font-size:12px;padding:30px 0}
.btn-section img{width:60px}   
}




@media screen and (max-width: 550px){.fb-page{width:400px;height:400px}}




@media screen and (max-width: 450px) {
.content-wrapper{margin:30px 15px 50px 15px}    
.btn-section{margin-bottom:-30px}    
.top-header i{margin:3px}    
.top-header span{display:none} 
.top-footer{padding:30px 15px} 
.fb-page{width:290px;height:200px}    
.footer-info1, .footer-info2{float:none;padding:0 15px}   
.bottom-footer p, .bottom-footer a{font-size:9px!important}  
/*.header-search-wrapper{display:none}*/
.sales-email{margin-right:0px}
        
}