@charset "UTF-8";


/* RESET 
------------------------------------------------*/
* {margin:0; padding: 0; border: 0; outline: 0; background: transparent;}
	

/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
html {scroll-behavior: smooth;}
body {font-size:100%; font-family:"muli", sans-serif !important; background:#f8faf6;}

/* SELECTION */	
::selection {color:#fff; background: #4e7e23;}
::-moz-selection {color:#fff; background: #4e7e23;}



@media screen and (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;}
}

/* CLEAR */
.clear {clear: both;}

/* HEADERS */
/*Remove or simplify font-weight and font-height */
h1, h2, h3, h4 ,h5 ,h6 {line-height: normal;}
h1 {font-size:40px; font-weight:600; color:#131e09; font-family: ivymode, sans-serif;}
h2 {font-size:26px; font-weight:300; color:#131e09; font-family: ivymode, sans-serif;}
h3 {font-size:38px; font-weight:700; font-family: ivymode, sans-serif;}
h4 {font-size:28px; font-weight:600; font-family: ivymode, sans-serif;}
h5 {font-size:36px; font-weight:700; font-family: ivymode, sans-serif;}
h6 {font-size:26px; font-weight:700; font-family: ivymode, sans-serif;}


/* PARAGRAPH/LIST/GENERAL TEXT */

/* LINKS */
a{-webkit-transition:.5s ease; -moz-transition:.5s ease; -o-transition:.5s ease; transition:.5s ease;}
a:link, a:visited {color:inherit; text-decoration:none;}
a:hover, a:active {color:inherit; text-decoration:none;}

a[href^="tel:"] {color:inherit;  text-decoration: none;}

/* IMAGES */
img {display:block;}
video {display:block;}

/* TEXT EMPHASIS */
em {font-style:italic;}
strong {font-weight: 700;}

/* TEXT STYLINGS */
.dark {color:#131313;}
.gray {color:#4F4F4F;}
.heavy {font-weight:800;}

/* ALIGNMENT */
.left {float:left;}
.right {float:right;}
.center {text-align:center;}


.green-farm-green {color:#4e7e23;}


/*
font-family: "muli", sans-serif;
font-weight: 400;
font-style: normal;

font-family: ivymode, sans-serif;
font-weight: 400;
font-style: normal;

*/



a.green-pill-button {display:inline-block; padding:20px 50px; font-size:20px; line-height:1; font-weight:600; color:#fff !important; border-radius:30px; background:#4f8024;}
a.green-pill-button strong {font-weight:800; }
a.green-pill-button:hover {letter-spacing:.5px; background:#749358;}


a.outline-pill-button {display:inline-block; margin:5px; padding:20px 50px; font-size:20px; line-height:1; font-weight:600; color:#232323 !important; border-radius:30px; border:1px #232323 solid;}
a.outline-pill-button strong {font-weight:800; }
a.outline-pill-button:hover {color:#4e7e23 !important; border:1px #4e7e23 solid; background:#ebebea;}

/* HEADER
------------------------------------------------*/	
.site-header {position:relative; z-index:10; display:flex; flex-flow:row wrap; align-items: center; justify-content:space-between; margin:0 0 1.85rem 0; padding:1.85rem 3.25%; border-bottom:1px #f1ac11 solid; background:#f8faf6;}	
	

/* LOGO
------------------------------------------------*/	
.site-header .logo {font-size:2vw; font-weight:700; color:#4e7e23; font-family: ivymode, sans-serif;}
.site-header .logo a {display:flex; flex-flow:row wrap; align-items: center;}
.site-header .logo span {font-weight:300;}
.site-header .logo img {width:100%; max-width:95px; margin:0 .6em 0 0;}

/*  NAVIGATION
------------------------------------------------*/
#menu-button{display:none;}
nav.mobile {display:none;}

nav.primary {z-index:500; position:relative; margin:0; padding:0;}

nav.primary ul {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-around; margin:0; padding:0;}
nav.primary ul li {margin:0; padding:0; list-style-type:none; }
				
nav.primary ul li a {
	position: relative; display:block; margin:0 10px; padding:12px 0;
    font-size:20px; line-height:1; font-weight:700; text-align:center; text-decoration:none; color:#222;
	-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;	
	
	
/*	display: inline-block;
	margin: 15px 25px;
	outline: none;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 1.35em;
	*/
	
}	

nav.primary ul li a:hover,
nav.primary ul li a:focus {
	outline: none;
}

nav.primary ul li a:hover {color:#999;}




/* Effect 12: circle */
/*nav.primary ul li a::before,*/
nav.primary ul li a::after {
	position: absolute;
	top: 55%;
	left: 50%;
	width: 60px;
	height: 60px;
	border: 2px solid rgba(79,128,36,0.1);
	border-radius: 50%;
	content: '';
	opacity: 0;
	transition: transform 0.3s, opacity 0.3s;
	transform: translateX(-50%) translateY(-50%) scale(0.2);
}

nav.primary ul li a::after {
	width: 50px;
	height: 50px;
	border-width: 3px;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
	transform: translateX(-50%) translateY(-50%) scale(0.8);
}

nav.primary ul li a:hover::before,
nav.primary ul li a:hover::after{opacity: 1; transform: translateX(-50%) translateY(-50%) scale(1);}


/*  SUB NAV
------------------------------------------------*/
nav.primary ul li li {  }
nav.primary ul li li a {
	box-sizing:border-box;  padding:15px 35px; font-size:.98em; line-height:18px; text-align:left; color:#fff; border:0; background: #535f48;
}
nav.primary ul li li:first-of-type a {border-top-right-radius: 30px;}
nav.primary ul li li:last-of-type a {padding:17px 35px;  border-bottom-left-radius:30px; border-bottom-right-radius: 30px;}
nav.primary ul li li a::after {content: none;}

nav.primary ul li li a:hover{line-height:18px; color:#fff; background:#4e7e23;}

/*  NAV DROPDOWNS
------------------------------------------------*/
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: 500;}
nav.primary ul ul li {float: none; position: relative; margin:0;}



.head-social-media {display:flex; flex-flow:row wrap; align-items:center; justify-content:center;}
.head-social-media a {display:inline-block; width:46px; height:46px; margin:12px; font-size:26px; line-height:46px; text-align:center; color:#fff; clip-path: circle(50% at 50% 50%); background:#4f8024;}
.head-social-media a:hover {background:#111;}



/*  HERO
------------------------------------------------*/	
.hero-container {width:100%; overflow-y: visible; overflow-x:hidden; }

.hero {
	position:relative;width:106.5%; height:485px;
	margin:65px -6.5% 0 0; /*padding:0 0 25% 0;*/ border-bottom:10px #b3ce9b solid; border-right: 10px #b3ce9b solid; border-top-left-radius: 300px; border-bottom-right-radius: 300px;
	background: url(/siteart/hero-forage-harvesting-combine.webp) no-repeat center; background-size: cover;
}

.hero-overlay {
	position:absolute; bottom:-4px; left:-95px; width:100%; max-width: 392px;
	-webkit-animation: scale-up-bl 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: scale-up-bl 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

/*.hero-overlay svg {}*/






/*  COMPANY INTRO
------------------------------------------------*/	
.company-intro {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-around; margin:3rem 2%;}
.company-intro-item {display:flex; flex-flow:row wrap; align-items:center; justify-content:center;}
.company-intro-item:nth-of-type(even) {margin:2rem;}
.company-intro-desc {margin:0 0 0 1.5rem; font-size:16px; line-height:1.5; }
.company-intro-desc strong {text-transform: uppercase; font-size:18px;}




/*  MAIN
------------------------------------------------*/	
.main {margin:8rem 8.5%;}
.home-main {overflow:hidden; margin:8rem 0; /*padding:0 8.5%;*/ background:url("/siteart/farm-solutions-logo-background.webp") no-repeat 150% 50%; }

.main h1, .main h2 {line-height:1.4; text-transform: uppercase;}
.main p {margin: 20px 0 auto 0; font-size: 20px; line-height: 28px; font-weight: 300;}
.main ul {margin: 20px 0 auto 0; font-size: 20px; line-height: 28px; font-weight: 300; list-style: inside;}

.main-heading {/*width:85%;*/ margin:0 0 3.5rem 0;}
.main-heading h1 {margin-bottom:.5rem; animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;}
.main-heading h2 {animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;}
/*.main-heading h1, .main-heading h2 {letter-spacing:1px; text-transform: uppercase;}*/

.main-body {animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;}
.main-body a {font-weight:600; color:#131e09;}

.sub-body-section {margin:0 0 3.5rem 0; padding:3rem 2.5rem;}
.sub-body-section:nth-of-type(odd) {margin:3.5rem 0;  background:#fff; border:1px #e7e7e7 solid; border-radius:40px;}

.main.split-layout {display:flex; flex-flow:row wrap; justify-content:center; margin:8rem 8.5%;}
.main.split-layout .main-body {width:48%; padding:3.5rem 0 4rem 0;}
.main.split-layout.form-layout .main-body {padding:0 0 2.5rem 0;}
.main.split-layout .side-photo {position:relative; width:40%; min-height:800px;  overflow: hidden; margin:0 5%; border-radius:40px;}
.main.split-layout .side-photo img {width:100%; height:100%; object-fit:cover;  /*position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);*/}
.main.split-layout .side-photo video {width:100%; height:100%; object-fit:cover;}
.main.split-layout .split-form {position:relative; width:40%; margin:0 5%;}

.full-form {margin:5rem 5%;}



/*  SERVICES GALLERY
------------------------------------------------*/	
.services-gallery {display:flex; flex-flow:row wrap; justify-content:center; margin:3rem 0 0 0;}

.services-item {flex:1; position:relative; margin: 0; padding: 2.5px;}
.services-item a {display:block; position:relative; overflow:hidden;  z-index:1; width:100%; height:100%;  transition: .6s all;}
.services-item a img {transition: .4s all;}
.services-item a video {transition: .4s all;}

.services-item a:after{
	content: "\f08e"; position: absolute;z-index: 2; top:50%; left:50%; transform: translate(-50%, -50%); font-size:3vw; color:rgba(255,255,255,0); transition: 1s all; font-family: FontAwesome;
}

.services-item a:hover:after{transform:translate(-50%, -50%); color:rgba(255,255,255,.95);}

.services-item img.services-thumbnail {width:100%; max-width:285px; margin: 0 auto; border-radius:40px;}
.services-item video.services-thumbnail {width:100%; max-width:285px; margin: 0 auto; border-radius:40px;}
.services-item a:hover img.services-thumbnail{opacity: 0.9; filter: blur(2px);}
.services-item a:hover video.services-thumbnail{opacity: 0.9; filter: blur(2px);}



/*  MAIN GALLERY
------------------------------------------------*/	
.main-gallery {display:flex; flex-flow:row wrap; justify-content:center; margin:3rem 5% 0 5%;}

.gallery-item {/*flex:1;*/ position:relative; margin: 0; padding: 2.5px;}
.gallery-item a {display:block; position:relative; overflow:hidden;  z-index:1; width:100%; height:100%;  transition: .6s all;}
.gallery-item a img {transition: .4s all;}

.gallery-item a:after{
	content: "\f08e"; position: absolute;z-index: 2; top:50%; left:50%; transform: translate(-50%, -50%); font-size:3vw; color:rgba(255,255,255,0); transition: 1s all; font-family: FontAwesome;
}

.gallery-item a:hover:after{transform:translate(-50%, -50%); color:rgba(255,255,255,.95);}

.gallery-item img.gallery-thumbnail {height:100%; max-height:250px; margin: 0 auto; border-radius:20px;}
.gallery-item a:hover img.gallery-thumbnail{opacity: 0.9; filter: blur(2px);}
.gallery-item a:hover video.gallery-thumbnail{opacity: 0.9; filter: blur(2px);}
.gallery-thumbnail {
    width: 100%;
    max-height: 250px;
    display: block;
    object-fit: cover;
    border-radius: 20px;
}

/*  COMPANY PREVIEW CONTENT
------------------------------------------------*/	
.company-preview-item {display:flex; flex-flow:row wrap; justify-content: center; margin:80px 0;}

.company-preview-item div:last-child {animation: slide-in-blurred-right 1.25s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;}
.company-preview-item div:first-child {animation: slide-in-blurred-left .85s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;}


.cpi-image {z-index:1; overflow:hidden; width:650px; height:505px; margin:75px -45px; border-radius:30px; box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.13);}
.cpi-image img {object-fit: contain;}
.cpi-image video {object-fit: contain;}

.cpi-desc {
	z-index:5; box-sizing: border-box;
	display:flex; flex-flow:column wrap;align-items:flex-start; justify-content:space-between;
	width:650px; height:540px; /*margin:-30px -80px 0;*/ padding:30px 45px; border-radius:30px; background:#fff;
	box-shadow: 5px 5px 38px 0px rgba(0,0,0,0.13); 
}

.cpi-desc p {margin:20px 0 auto 0;font-size:20px; line-height:28px; font-weight:300; }

.company-preview-item:nth-of-type(even) .cpi-desc {margin:0 -100px;}
.company-preview-item:last-of-type {margin:170px 0 80px 0;}
.company-preview-item:last-of-type .cpi-image {margin:-75px -45px;}


/*  SOCIAL MEDIA HIGHLIGHT
------------------------------------------------*/	
.social-media-highlight {display:flex; flex-flow:row wrap; align-items:center; justify-content:center;}
.social-media-highlight a {display:inline-block; width:60px; height:60px; margin:30px; font-size:35px; line-height:60px; text-align:center; color:#fff; clip-path: circle(50% at 50% 50%); background:#4f8024;}
.social-media-highlight a i {transition: all .35s ease-in-out;}
.social-media-highlight a:hover i{transform: scale(1.05) rotate(3deg);}


/*  COMPANY HIGHLIGHT
------------------------------------------------*/	
.company-highlight-section {padding:5rem 0;background:#fff;}

.company-highlight {display:flex; flex-flow:row wrap; align-items: center; justify-content: center; margin:0 10%;}
.company-highlight h4 {flex:100%; margin-bottom:1rem; text-transform: uppercase; letter-spacing:2px;}

.company-brand-highlight {margin-bottom:5rem;}
.company-brand-highlight.sub-highlight {margin-top:5rem;}
.company-brand-item {flex:1; box-sizing:border-box; margin:20px;  text-align:center;}
.company-brand-item a {display:block; padding:40px; font-size:26px; font-weight:800; color:#4f8024; border:1px #c0c8b9 solid; border-radius: 40px;}
.company-brand-item img {width:100%; max-width:285px; min-width:130px; margin:0 auto; transition: all .5s ease-in-out;}
.company-brand-item:hover a{color:#212121; background: #a3a3a3; background: linear-gradient(180deg, rgba(163, 163, 163, 1) 0%, rgba(217, 217, 217, 1) 100%);}
.company-brand-item:hover img {transform: scale(1.05); filter: grayscale(100%); }


.company-service-highlight {margin:5em 5% 0 5%;}
.company-service-highlight h4 {margin:0 5.5%;}
.company-service-item {position:relative; flex:1; min-width:400px; margin:20px;  }  

.company-service-item a {display:block; box-sizing:border-box; padding:40px; font-size:20px; font-weight:600; text-align:center; border:1px #c0c8b9 solid; border-radius: 40px; color:#6b6b6b;}
.company-service-item span {font-size:18px; line-height:30px; font-weight:700; text-transform:uppercase; color:#4e7e23; font-family: ivymode, sans-serif;}
.company-service-item strong {font-size:2vw; line-height:45px; font-weight:800; text-transform:uppercase; color:#222;}
.company-service-item img {width:100%; max-width:361px; margin:40px auto 0 auto; transition: all .75s ease-in-out;}

.company-service-item .arrow-button {
	position:absolute; bottom:-33px; right:40px; display:inline-block;
	width:46px; height:46px; margin:12px; font-size:26px; line-height:46px; text-align:center; color:#fff; clip-path: circle(50% at 50% 50%); background:#4f8024;
	transition: all .35s ease-in-out;
}

.company-service-item:hover a{color:#fff; background: #2F5B09; background: linear-gradient(180deg, rgba(47, 91, 9, 1) 13%, rgba(77, 107, 47, 1) 42%, rgba(155, 189, 126, 1) 100%);}
.company-service-item:hover span, .company-service-item:hover strong {color:#fff;} 
.company-service-item:hover .arrow-button {transform: scale(1.25) rotate(-90deg);}
.company-service-item:hover img {transform: scale(1.1); filter: drop-shadow(0px 3px 10px #00000);}


/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {overflow:hidden; width:100%; height:90px;}
.scrolling{width:100%; height:90px;}


/*  SOCIAL ICONS
------------------------------------------------*/
.social-icons {display:flex; flex-flow:row wrap; align-items: center; justify-content: center; margin:5rem 2.5%;}
.social-icons h5 {flex:100%;}
.social-icons a {display:inline-block; overflow:hidden; margin:35px; width:190px; height:190px; font-size:114px; line-height:182px; text-align:center; color:#fff; border-radius:65px;}
a.si-facebook {background:#111 url("/siteart/social-background-facebook.webp") no-repeat center; background-size: cover;}
a.si-instagram {background:#111 url("/siteart/social-background-instagram.webp") no-repeat center; background-size: cover;}
a.si-youtube {background:#111 url("/siteart/social-background-youtube.webp") no-repeat center; background-size: cover;}

.social-icons a i {transition: all .35s ease-in-out;}
.social-icons a:hover i{transform: scale(1.15) rotate(3deg);}


/*  INVENTORY LISTINGS
------------------------------------------------*/
.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 {color:#222 !important;}

.faceted-search-content .selected-facets-container .selected-facet,
.list-content .list-error-container .info button:not(.login-button),
.faceted-search-content button.faceted-search,
.list-container-flexrow .view-listing-details-link, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text {color:#f8faf6 !important; background-color:#2f5b09 !important;}


/*  HIGHLIGHT BANNERS
------------------------------------------------*/
.highlight-banner{
	display:flex; flex-flow:row wrap; align-items: center; justify-content: center;
	padding:25px 3.5%; font-size: calc(.9vw + 16px); font-weight:700; text-align:center; color:#f8faf6; background:#2f5b09; font-family: ivymode, sans-serif;
}
.highlight-banner a {margin:0 0 0 .35em; color:#f1ac11;}

/*  FOOTER
------------------------------------------------*/
.site-footer {display:flex; flex-flow:row wrap; /*align-items: center;*/ justify-content: space-between; padding:5rem 5%; background:#eeefea url("/siteart/footer-background-desktop.webp") no-repeat; background-size:cover;}

.footer-contact {padding:0 1rem 0 0;}

.footer-contact .logo {font-size:28px; font-weight:700; color:#4e7e23; font-family: ivymode, sans-serif;}
.footer-contact .logo a {display:inline-block;}
.footer-contact .logo span {font-weight:300;}
.footer-contact .logo img {width:100%; max-width:153px; margin:0 0 1rem 0;}

.footer-contact .social-media {justify-content: flex-start; margin:1rem 0 0 0;}
.footer-contact .social-media a{margin:2px; padding:8px; font-size:26px; line-height:1; color:#111; background:transparent; }

.footer-nav {padding:3rem 1.5rem 3rem 3.5rem;  font-size: 20px; line-height: 28px; border-left:2px #cfd1cc solid;}
.footer-nav li {list-style:none; }

.site-footer h6 {margin-bottom:3rem; color:#21291b;}




/************************************************ Responsive Styles **/
@media screen and (max-width: 1575px) {
	.cpi-image {margin:75px -45px 75px 0;}
	
	.footer-contact {order:2; width:100%; margin:4.5rem 0 0 0; text-align:center;}
	.footer-contact .logo img {width:100%; max-width:153px; margin:0 auto 1rem auto;}
}

@media screen and (max-width: 1400px) {
	.site-header .logo {font-size:20px;}
	.site-header .logo a {flex-flow:column wrap; justify-content:center;}
	.site-header .logo img {margin:0 auto .25rem auto;}
	nav.primary ul li a {margin:0 8px; padding:12px 0; font-size:18px;}
}

@media screen and (max-width: 1400px) {
	.main.split-layout {margin:8rem 3.5%;}
	.footer-nav {flex: 50%; box-sizing: border-box; margin: 1rem 0;}
}

@media screen and (max-width: 1100px) {	
	nav.primary{display:none;}
	#menu-button{display: block; margin: 0 1.5rem 0 auto; font-size: 1.25em; line-height:60px; position: relative; z-index:400; cursor:pointer;}
	#menu-button a{color:#233316; text-decoration: none; font-weight:700;}
	
	nav.mobile ul li a .fa{
		width:25px;
		font-weight:100;
		padding:8px 3px;
		margin:0 0 0 5px;
		text-align:center;
		background:#292929;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	
	nav.mobile ul li .fa-chevron-down {position:absolute; right:10px; margin:18px 0 0 0;}

	nav.mobile {
		display:block;
		position: fixed;
		top: 0;
		right: -285px;
		width: 285px;
		height: 100%;
		z-index: 500;
		overflow:auto;
		padding-bottom:40px;
		background:#333;
	}
	
	/* MENU HEADER SOCIAL MEDIA */
	nav.mobile .social-media {
		position: absolute;
		text-decoration: none;
		vertical-align: top;
		z-index:9999;
		display: inline-block;
		
		top: 15px;
		left: 15px;
		font-size:16px;
		word-spacing:13px;
		color: #ccc !important;
	}
	
	nav.mobile .social-media a{color:#ccc; text-decoration:none; background:transparent;}
	nav.mobile .social-media a:hover, nav.mobile .social-media a:active {color:#fff; text-decoration:underline;}
	
	/* MENU HEADER STYLES */
	nav.mobile .menu-header {	
		color: #ccc;
		padding: 23px 0;
		position: relative;
		font-size: 18px;
		background:#313131;
	}			
	nav.mobile .menu-title {position: absolute; vertical-align: top; top: 16px; right: 47px; text-transform:uppercase; font-size:12px; color: #ccc;}
		
	/* MENU CLOSE 'X' BUTTON */
	nav.mobile .menu-toggle {position: absolute; top: 8px; right: 10px; padding: 6px 9px 5px; display: inline-block; font-weight: 700; font-size: 18px; line-height: 1; color: #ccc; text-decoration: none; vertical-align: top; cursor:pointer; font-family: Arial, sans-serif;}
	nav.mobile .menu-toggle:hover {color: #fff;}
	
	/* MENU LIST STYLE */
	nav.mobile ul {list-style: none; font-weight: 300; margin:0; padding:0;}
	nav.mobile ul li {color: #999; font-size:15px; border-bottom: 1px solid #303030;}
	
	/* FIRST LEVEL */
	nav.mobile ul li a {
		color: #999;
		position: relative;
		display: block;
		font-size:15px;
		text-align:left;
		text-decoration: none;
		border-left:4px #333 solid;
		padding: 15px 35px 15px 20px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	nav.mobile ul li a:hover {background:rgba(45,45,45,0.5); color: #fff; border-left:4px #4f8024 solid;}
	
	/* SECOND LEVEL */
	nav.mobile ul li li:last-child {border:none;}
	nav.mobile ul li li a {color: #ccc; background: #444; border-left:4px #444 solid; padding: 15px 10px 15px 15px;}
	nav.mobile ul li li a:hover {background:rgba(65,65,65,0.5);}
	
	/* THIRD LEVEL */
	nav.mobile ul li li li:last-child {border:none;}
	nav.mobile ul li li li a {color: #ccc; background: #555; border-left:4px #555 solid;}
	nav.mobile ul li li li a:hover {background:rgba(85,85,85,0.5);}	
	
	.hero {background: url("/siteart/hero-forage-harvesting-combine-tablet.webp") no-repeat center; background-size: cover;}
}
	
@media screen and (max-width: 1024px) {	
	.main.split-layout {margin:6rem 3.5%; flex-flow:column wrap;}
	.main.split-layout .main-body {position:relative; order:1; width:100%; padding:0;}
	.main.split-layout .side-photo {order:2; position:relative; width:100%; height:400px; min-height:0; margin:4.5rem 0 0 0;}	
	.main.split-layout .split-form {order: 2; width:100%; margin:4.5rem 0 0 0;}
	.highlight-banner{display:flex; flex-flow:column wrap; align-items: flex-end; justify-content:center; font-size:33px; text-align:right;}
	.highlight-banner a {margin:0; color:#f1ac11;}
	
	.company-service-item strong {font-size:36px;}
}

@media screen and (max-width: 860px) {
	.company-highlight h4 {text-align:center;}
	.social-icons a {margin:25px; width:150px; height:150px; font-size:95px; line-height:148px; border-radius:45px;}
}

@media screen and (max-width: 768px) {    
	.hero {
		height:325px; margin: 25px -6.5% 0 0; border-bottom-right-radius: 150px;
		background: url("/siteart/hero-forage-harvesting-combine-mobile.webp") no-repeat center; background-size: cover;
	}
	.hero-overlay {bottom: -7px; left: -9px;}
	.hero-overlay svg{width:257px; height:350px;}
	
	.main-heading h1 {font-size:33px;}
	.main-heading h2 {font-size:20px;}

	h3 {font-size:30px;}
	h4 {font-size:26px;}
	h5 {font-size:24px;}
	h6 {font-size:24px;}
	
	.cpi-image {order:1; margin:0; width:100%; height:505px; border-radius:0; box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.05);}
	.cpi-desc {order:2; display:flex; height:auto; margin:-85px 7% 0 7% !important;}
	.cpi-desc p {margin:20px 0 30px 0;}
	.company-preview-item:last-of-type .cpi-image {margin:0;}
	
	
	
	.services-gallery {flex-flow:row wrap;}
	.services-item {flex:calc(50% - 10px); margin:0; padding:5px;}

	
	
	.site-footer {padding:5rem 12.5%;}
	.site-footer h6 {margin-bottom:1.25rem;}
	.footer-nav {flex:100%; padding:3rem 1.5rem; border-top:2px #cfd1cc solid; border-left:0;}
	.footer-nav:last-of-type {padding-bottom:0;}
	
}

@media screen and (max-width: 650px){
	.company-highlight {flex-flow:column wrap;}
	.company-service-highlight h4 {margin:0;}
	.company-service-item {margin:20px 0;}
}

@media screen and (max-width: 580px){
	.site-header {display:flex; flex-flow:column; padding:0 3.25% 1rem 3.25%;}
	.site-header .logo {order:2; font-size: 26px; margin:0 0 1.25rem 0;}
	.site-header .logo img {max-width:150px;}
	.site-header #menu-button{order:3;}
	.site-header .head-social-media{order:1; margin:0 0 1.85rem 0;}
	#menu-button{margin:0 auto;}
	
	.company-intro {flex-flow:column wrap; justify-content:center;}
	.company-intro-item {flex-flow:column wrap;}
	.company-intro-item:nth-of-type(even) {margin:3rem 2rem;}
	.company-intro-desc {margin:.5rem 0 0 0; text-align: center;}
}


@media screen and (max-width: 480px){
	a.green-pill-button {font-size:18px;}
	.cpi-image {height: auto;}
	.cpi-image img {object-fit:none; width:100%; margin:0 auto;}
	.cpi-desc {margin:-85px 3.5% 0 3.5% !important;}
	.cpi-desc h3 {font-size:28px;}
	.company-service-item {min-width:0; font-size:18px;} 
	.highlight-banner{font-size:26px;}
	
}
@media screen and (max-width: 320px){

}