@charset "UTF-8";


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

/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
body {font-size:100%; font-family: 'Montserrat', sans-serif !important; background:#fff;}

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

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

/* HEADERS */
h1, h2, h3, h4 ,h5 ,h6 {line-height: normal;}
h1 {font-size:26px; font-weight:normal;}
h2 {font-size:24px; font-weight:normal;}
h3 {font-size:20px; font-weight:normal;}
h4 {font-size:18px; font-weight:normal;}
h5 {font-size:16px; font-weight:normal;}
h6 {font-size:14px; font-weight:normal;}


/* PARAGRAPH/LIST/GENERAL TEXT */

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

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

a {
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

a.sitebutton {text-decoration:none;}
.sitebutton {
	display:flex; align-items:center; justify-content:center; cursor:pointer; white-space:nowrap;	
	height:50px; margin:15px 0 0 0; padding: 0 30px; font-size:.9375em; font-weight:400; font-style: normal; text-align:center; text-transform:uppercase; letter-spacing:1px;
	color: #fff !important;  border:none !important; transition:0.3s !important;
	-webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px;
	background: rgb(195,31,42);
background: linear-gradient(232deg, rgba(195,31,42,1) 0%, rgba(158,20,29,1) 100%);
}

.sitebutton i {
	margin-right: 10px;
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.sitebutton:hover i {
	-webkit-transform:translateX(4px); -moz-transform:translateX(4px); -ms-transform:translateX(4px); -o-transform:translateX(4px); transform:translateX(4px);
}


.pagebutton {width:fit-content; margin-left:auto; margin-right:auto;}

.blackbutton {background:#0e0e0e;}





/* IMAGES */
img {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;}





/* SITE FORM
------------------------------------------------*/
form.site-form {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; margin:0 auto;}
.site-form h2 {width:100%; margin:0; font-size:1.75em; font-weight:700; text-transform: uppercase;}
.site-form h6 {width:calc(100% - 6px); margin:18px 0 4px 6px; font-size:1.15em; letter-spacing:.05em; text-transform: uppercase;}
.site-form h6 .instructions {font-size:.8em; color:#737373; margin:6px 0; text-transform:capitalize;}

.site-form .note {width:100%; font-size:1em; font-style:italic; color:#737373; text-align:center; margin:8px 0 0 0;}

.site-form input[type="text"], .site-form input[type="email"], .site-form input[type="tel"], .site-form input[type="number"], .site-form input[type="time"], .site-form input[type="date"], .site-form select {
	box-sizing: border-box; width:32.3%; margin:6px .5% 9px .5%; padding:12px 0;
    font-size:.9em; text-indent:12px; color:#757575; border:1px #e4e4e4 solid; background-color: #fff; 
	-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
}

.site-form input[type="text"]:focus, .site-form input[type="email"]:focus, .site-form input[type="tel"]:focus, .site-form input[type="number"]:focus, .site-form input[type="time"]:focus, .site-form input[type="date"]:focus, .site-form select:focus {background-color:#f9f9f9;}

.site-form textarea {
	box-sizing: border-box; width:calc(100% - 12px); height:150px; margin:2px 0; padding:4px 8px; font-size: 15px; border:1px #e4e4e4 solid; background-color: #fff; 
	-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
}

.site-form textarea:focus {background-color:#f9f9f9;}

.site-form .check-field {display:flex; flex-flow:row wrap; align-items:center; justify-content:flex-start; width:33.3%; margin:0 0 12px 0;}
.site-form .check-field .label-title {width:100%; margin:0 0 4px 8px; font-size:1.05em; letter-spacing:.05em;}
.site-form .check-field input[type="checkbox"] {margin:0 8px 0px 8px; padding:0; color:#4D4D4D;}
.site-form .check-field label {margin:-5px 0 0 0;}
.site-form .check-field input[type="text"] {width:100%;}

.site-form .single-input {margin: 6px auto 9px .5% !important;}
.site-form .full-input {width:99% !important;}

.site-form .label-wrap {width:49%; margin:6px .5% 9px .5%;}
.site-form .label-wrap input, .site-form .label-wrap select {width:100%; margin:6px 0 9px 0 !important;}

.site-form input[type="submit"] {
	margin:10px 0 0 0; padding:0 35px; height:50px; font-size:13px; text-transform:uppercase; color:#fff; border:1px #333 solid; background: rgb(195,31,42);
background: linear-gradient(170deg, rgba(195,31,42,1) 0%, rgba(167,20,29,1) 100%);
	transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;
	-webkit-appearance:none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.site-form input[type="submit"]:hover {color:#fff; background:#730b12;cursor:pointer; -webkit-appearance: none;}


/* FORM CAPTCHA
------------------------------------------------*/	
.CaptchaPanel {width:100%; margin:12px auto 0 auto !important; padding:10px 0 !important;}
.CaptchaImagePanel {padding:5px 0 10px 0 !important;}
.CaptchaMessagePanel {font-weight:100;}

img.CaptchaImage {margin:0 auto;}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaAnswerPanel input {padding:12px 0; text-indent:12px; box-sizing: border-box; border:1px #e4e4e4 solid; background-color: #fff;}



/* ANNOUNCEMENT
------------------------------------------------*/	
.announcement {position:relative; padding:18px 5%; font-size:1.25em; text-align:center; text-transform:uppercase; color:#fff; background:#1e1e1e;}
.announce-close {
	position:absolute; top:15px; right:15px; z-index:2; cursor:pointer;
	width:30px; padding:5px 0 3px 0; font-size:.9em; text-align:center; color:#fff; background:rgba(255,255,255,.2);
	-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;
}


/* CONTACT BAR
------------------------------------------------*/	
.hd-contact-bar {
	display:flex; flex-flow:row wrap; align-items:center; justify-content:flex-end;
	padding:18px 5%; font-size:1.125em; color:#fff; background:#a62a32;
}
.hd-contact-bar a {font-weight:300; text-decoration:none; color:#fff;}
.hd-contact-bar a[href^="tel:"] {color:#fff;}
.hd-contact-bar a:nth-last-of-type(2) {margin:0 5%;}
.flexbox{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.flexhalf{width: 48%;}
.flexhalf img{width: 100%;}

/*----- FINANCING -----*/

.financing.flex {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 80px;
}


.finance.sitebutton {
	max-width: 350px !important;
	display: flex !important;
	align-content: center !important;
	margin: 15px auto 0;
}

.finance-type {
	text-align: center;
	line-height: 24px;
}

.finance-type h1 {
	color: #a62a32;
	font-size: 2.5em;
	margin-bottom: 30px;
}

.finance-type .flex {
	display: flex;
	flex-direction: column;
	margin-top: 5px;
	gap: 5px;
}

.financing img {
	width: 100%;
	margin: 0 auto;
}

img.northland {
	width: 85%!important;
	margin: 0 auto;
}

.finance.sitebutton:hover,
.finance.sitebutton:focus,
.finance.sitebutton:active {
	font-size: 16px;
	letter-spacing: 2px;
	transition: all .5 ease-in-out;
}


.strong {
	font-weight: 700;
}

.red {
	color: #a62a32;
}

/* HEADER
------------------------------------------------*/	
.site-header {
	display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; padding:30px 3.5%;
	-webkit-box-shadow: 0px 8px 26px 0px rgba(0,0,0,0.04); -moz-box-shadow: 0px 8px 26px 0px rgba(0,0,0,0.04); box-shadow: 0px 8px 26px 0px rgba(0,0,0,0.04);
}

.hd-logo {display:flex; flex-flow:column wrap; align-items:center;}

/* LOGO
------------------------------------------------*/	
.logo {font-size:1.5em; font-weight:700; text-transform:uppercase;}
.logo a {text-decoration:none; color:#c31f2a;}
.logo span {font-weight:500; color:#282828; }
.logo img {width:100%; max-width:346px;}
.logo-tagline {font-size:.75em;color:#505050;}


/* BRAND LOGO
------------------------------------------------*/	
.hd-brand {display:flex; flex-flow:row wrap; align-items:flex-end; margin:0 auto;}
.hd-brand img.pottinger {width:100%; max-width:160px; padding:5px 15px 0 0;}
.hd-brand img.reiter {width:100%; max-width:70px; margin:0 15px 5px 0;}
.hd-brand img.farmet {width:100%; max-width:80px; margin:0 15px 0 0;}
.hd-brand img.bearclaw {width:100%; max-width:93px; margin:0 15px 4px 0;}
.hd-brand img.rohrer {width:100%; max-width:60px; margin:0 0 3px 0;}
.hd-brand img.vermeer {width:100%; max-width:75px; margin:0 0 1px 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 {
	display:block; position: relative; margin:0 2px; padding:12px 4px; cursor:pointer;
    font-size:1em; line-height:1; text-align:center; font-weight:700; text-decoration:none; text-transform:uppercase; color:#8e8e8e;
	-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;		
	cursor: pointer; white-space: nowrap;
}	

nav.primary ul li a.highlightlink {color:#a62a32;}

nav.primary ul li a::before,
nav.primary ul li a::after {
    position: absolute; top:100%; left:0; width:100%; height:1px; /*background:currentColor;*/ pointer-events:none;
}

nav.primary ul li a::before {content:''; opacity:0; top: 100%; height: 10px;}
nav.primary ul li a::after {content:''; opacity:0; transition: opacity 0.3s; transition-delay: 0s;}

nav.primary ul li a:hover::after {opacity:1; transition-delay:0.3s;}
nav.primary ul li a:hover::before {opacity:1; color:#c31f2a; animation:lineUp 0.3s ease forwards;}

nav.primary ul li a .fa-caret-down {font-size:.55em;  color:#c31f2a;}


/*  SUB NAV
------------------------------------------------*/
nav.primary ul li li {width: 250px;}
nav.primary ul li li a:link, nav.primary ul li li a:visited{
	width: 250px; padding:15px 0; font-size:.94em; line-height:18px; text-indent:20px; text-transform:capitalize; text-align:left; color:#fff; border:0; background: #181818;
}

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

/*  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;}


/*  HERO
------------------------------------------------*/	
.hero {position:relative; width:97%; margin:1.5%;}

.hero .cycle-slideshow, .hero .cycle-slideshow * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index:5;}
.hero .cycle-slideshow {width:100%; margin:0; padding:0; position:relative; z-index:2; height: 70vh;}

.hero .cycle-pager {overflow:hidden; position:absolute; bottom:26%; width:100%; z-index:500; text-align:center;}
.hero .cycle-pager span {display:inline-block; width:16px; height:16px; margin:0 2px; font-size:50px; color:#fff; font-family:arial; cursor:pointer;}
.hero .cycle-pager span.cycle-pager-active {color:#c31f2a;}
.hero .cycle-pager > * {cursor:pointer;}


/*  HERO SLIDE
------------------------------------------------*/	
.heroSlide {position:relative; z-index:2; overflow:hidden; width:100%; }
.heroSlide img {width:100%; height: 74vh; object-fit: cover;}
.video-wrapper{
	position: relative;
    height: 74vh;
    overflow: hidden;
}
.video-wrapper video{    position: absolute;   width: 100%;}


/*------slick---------*/
ul.slick-dots{
	display: none !important;
}
.slides-button{
	left: 0;
    top: 36%;
    width: 100%;
    position: absolute;
    display: flex !important;
    justify-content: space-between;
    z-index: 10000 !important;
}
.slick-prev{
	width: 50px;
    background-color: #a62a32;
    height: 50px;
    /* padding: 2%; */
    /* align-self: center; */
    font-size: 23px;
	cursor: pointer;
	color: #fff;
	
}

.slick-next{
	width: 50px;
    background-color: #a62a32;
    height: 50px;
    /* padding: 2%; */
    /* align-self: center; */
    font-size: 23px;
	cursor: pointer;
	color: #fff;
	
}
/*  HERO OVERLAY
------------------------------------------------*/	
.hero-overlay {
	display:flex; flex-flow:row wrap; align-items:center; justify-content:center;  
	position:absolute; z-index: 10; top: 33%; left:0; right:0; margin:auto; -ms-transform: translateY(-50%); transform: translateY(-50%);
}
.overlay-title {
	font-size:3.125em; line-height:.85; font-weight:900; text-align:right; text-transform:uppercase; color:#fff;
	text-shadow: -3px 4px 5px rgba(0, 0, 0, 0.35);
}


/*  HERO OVERLAY LINK
------------------------------------------------*/	
.overlay-link {
	display:flex; flex-flow:column wrap; justify-content:center;
	margin:0 0 0 30px; text-align:center; line-height:1; background:#0e0e0e;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;
}
.overlay-link a {display:block; padding:10px 30px; font-weight:400; font-size:1.15em; text-align:center; color:#fff;}
.overlay-link a span {font-weight:500; font-style:normal; font-size:1.5em}


/*  QUICK LINKS 
------------------------------------------------*/	
.quick-links {position:relative; z-index: 15; display:flex; flex-flow:row wrap; justify-content:space-between; width:97%; margin:-1.5% 1.5% 0 1.5%;}

.links-categories {
	display:flex; flex-flow:column wrap; justify-content:space-between; 
	flex:.5; margin:0 0 0 20px; padding:.5% 1%; border:2px #c5c5c5 solid; background:#a62a32;
	-webkit-border-radius: 3px; -moz-border-radius:3px; border-radius: 3px;
	-webkit-box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.75); box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.75);
}

.links-categories:first-of-type {margin:0;}
.links-categories a {font-size:1.125em; line-height:1.5; text-decoration:none; font-style:italic; color:#fff;}
.links-categories a:hover {letter-spacing:1px; color:#ffffff;}

.links-title {margin:0 0 8px 0; font-size:1.5em; line-height:1; font-style:italic; font-weight: 900; color:#fff;}
.links-title-alt {width:95%; margin:12px 0 12px 5%; font-size:1.05em; line-height:1; font-style:italic; font-weight:500; color:#fff;}
.links-title-alt::after {content: ""; display:inline-block; position:relative; top:-4px; left:5%; width:60%; height:1px; background:rgba(255,255,255,.1);}

.focus-links a {font-size:1.25em; text-transform:uppercase;}

.focus-spread {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-around; padding:6px 0 12px 0;}
.focus-spread a {
	width:calc(19% - 30px); padding:15px 15px 4px 15px; font-size:.65em; line-height:1.85; text-align:center; color: #FFFFFF /*--- background:rgba(255,255,255,.95) ---*/;
	-webkit-border-radius: 3px; -moz-border-radius:3px; border-radius: 3px; font-weight: 600;
}
.focus-spread.ag-focus a{width:calc(20% - 30px);}
.focus-spread img {width:100%; max-width:262px;}




.spread-alt { padding:0; background:transparent !important;}
.spread-alt a {width:40%; padding:0; font-size:1.125em; line-height:1;  color:#fff; background:transparent;}


/*  COMPANY HIGHLIGHT
------------------------------------------------*/	
.company-highlight {display:flex; flex-flow:row wrap; margin:3% 0 0 0;}

.company-ctas {display:flex; flex-flow:row wrap; align-items: flex-start; width:50%; padding:0 1% 35px 1%; background:#a62a32;  /*background: url("/siteart/red-topo-background.jpg") repeat;*/}
.cta-service {width:31.3%; margin:-6.5% 1% 0 1%; font-size:1.125em; text-transform:uppercase; font-style:italic; text-align:center; color:#fff;}
.cta-service a {color:#fff;}
.cta-service a:hover {color:#ccc;}
.cta-service strong {font-size:1.33em;}
.cta-service img {
	width:calc(100% - 24px); max-width:265px; margin:0 auto 20px auto; border:12px #fff solid;
	-webkit-transition:.5s ease; -moz-transition:.5s ease; -o-transition:.5s ease; transition:.5s ease;
}

.cta-service a:hover img {width:calc(100% - 8px); margin:8px auto 28px auto; border:4px #fff solid;}

.company-details {position:relative; /*width:42%;*/ width:94%; padding:25px 3% 35px 3%; font-size:1.0625em; line-height:1.45; background:#f4f4f4; margin-bottom: 29px;}
.co-details-title {/*margin:0 0 18px 0; */font-size:1.5em; line-height:1.1; font-style:italic; text-align: center; font-weight:700; color:#434343;}
.co-details-title span {text-transform:uppercase; color:#c31f2a;}

.brand-highlight {position:relative; /*left:0; right:0;*/ margin:0 auto; margin-top:25px; text-align:center;}
.brand-highlight a {display:inline-block;}
.brand-highlight img {padding:20px 18px;  border:2px #e9e9e9 solid;  background:#fff;  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-right: 30px; width: 70%;}


/*  MAIN
------------------------------------------------*/	
.main {padding:5%}

.home-content h1 {text-align:center;}
.home-content h2 {text-align:center;}
.home-content article {max-width:1036px; margin:0 auto;}

.sub-content {max-width:1250px; margin:0 auto;}

.lower-content {margin:5% 0 0 0;}
.framed-content {margin:3.5% 0 0 0;}


/*  ARTICLE
------------------------------------------------*/
article {}
article h1 {font-size:2.375em; font-weight:500; text-transform:uppercase; color:#c8272d;}
article h2 {margin:0 0 12px 0; font-size:1.25em; font-weight:500; font-style:italic; color:#252525;}

article a,
article a[href^="tel:"] {font-weight:700; text-decoration:none;}

article p {font-size:1.105em; line-height:1.5;}

.dividerline {width:50%; max-width:434px; margin:0 auto 16px auto; border-top:1px #303030 solid;}
.dividerline:nth-of-type(2) {width:40%; max-width:300px; border-top:1px #303030 solid;}


/*  CONTACT SECTION
------------------------------------------------*/
.contact-section {display:flex; flex-flow:row wrap; justify-content:space-between; margin:1% 0;}

.ct-details {position:relative; margin:0 1% 0 0; padding:30px 5% 35px 5%; color:#333; background:#f1f1f1;}
.ct-title {margin:0 0 22px 0; font-size:1.5em; font-weight:700; text-align:center; text-transform:uppercase;}

.ct-contact {position:relative; margin:0 0 28px 20%; font-size:1.125em; line-height:1.5;}
.ct-contact a:hover {color:#333;}

.ct-contact::before {position:absolute; top:2px; left:-10%; font-style:normal; color:#c31f2a; font-family: "Font Awesome 5 Free";}
.ct-address::before {content:"\f3c5"; font-weight:900;}
.ct-hours::before {content:"\f017"; font-weight:normal;}
.ct-phone::before {content:"\f879"; font-weight:900;}

.contact-map {flex:1; height:auto;}


/*  FOOTER
------------------------------------------------*/
.site-footer {
	padding:3.5% 5% 2% 5%; border-bottom:8px #730b12 solid;
	background:#a41d22 url("/siteart/tillage-background.jpg") no-repeat center center; background-size:cover; 
}

.ft-logo {margin:0 0 2% 0; font-size:1.875em; line-height:1; font-weight:700; text-align:center; text-transform:uppercase; color:#fff;}
.ft-logo span {font-size:1.925em; font-weight:400; letter-spacing:0;}

.ft-copyright {font-size:.875em; font-weight:300; text-align:center; color:#fff;}



/************************************************ Responsive Styles **/


@media screen and (max-width: 1700px) {
	.logo {font-size:1.35em;}
	.logo-tagline {font-size:.65em;}
	.hd-brand img.pottinger {max-width:115px;}
	.hd-brand img.reiter {max-width:55px;}
	.hd-brand img.bearclaw {max-width:63px;}
	.hd-brand img.vermeer {max-width:78px;}
	nav.primary ul li a {margin:0 4px; font-size:.78em;}
}

@media screen and (max-width: 1600px) {
	.cta-service {margin:-3.5% 1% 0 1%;}
	.hero .cycle-pager {bottom:32%;}
}
@media screen and (max-width: 1482px){
	.brand-highlight{bottom: none;}
}

@media screen and (max-width: 1450px) {
	.site-header {flex-flow: column wrap;}
	.hd-brand {align-items: center; margin:1em auto;}
	.company-ctas {display:flex; flex-flow:row wrap; align-items:center; justify-content: space-between; width:50%; padding:1%;}
	.cta-service {width:31.3%; margin:0 1%; font-size:1.125em; text-transform:uppercase; font-style:italic; text-align:center; color:#fff;}
}
	
	@media screen and (max-width: 1482px) {
	.site-header {padding:30px 1.5% 10px 1.5%;}
	
	nav.primary ul li a {margin:0 6px; font-size:.9em;}
	.hero {width:100%; margin:1.5% 0 7.5% 0;}
	.hero .cycle-pager {bottom:15px;}	
	.hero-overlay {flex-flow:column; align-items:center; top:30%;}
	.overlay-title {font-size:3.125em; line-height:.85; text-align:center;}
	.overlay-title span {font-size:.6em;}
	.overlay-link {margin:20px 0 0 0;}
	
	.company-highlight {display:flex; flex-flow:column-reverse wrap; align-items:center; justify-content: space-between;}
	.company-details {/*width:auto;*/ margin:0 0 12.5% 0; padding:25px 3% 35px 3%;}
/*	.brand-highlight {margin-bottom: 30px; bottom: 0;}*/
	.brand-highlight img {/*-- width:100%; --*/ max-width:156px; /*-- padding:20px 18px; --*/}
	.company-ctas {width:99%; padding:1% .5%;}
	.cta-service {position:relative; width:32.3%; margin:.5%;}
	.cta-service img {
		width:100%; max-width:none; margin:0 auto; border:0;
		-webkit-transition:.5s ease; -moz-transition:.5s ease; -o-transition:.5s ease; transition:.5s ease;
	}
	.cta-service a:hover img {width:100%; margin:0 auto; border:0;}
	.cta-service span {
		position:absolute; z-index:10; top: 50%; left:0; right:0; margin:auto; text-shadow:-3px 4px 5px rgba(0, 0, 0, 0.35); 
		-ms-transform: translateY(-50%); transform: translateY(-50%);
	}
}

@media screen and (max-width: 1200px) {	
	nav.primary{display:none;}
	
	#menu-button{display: block; font-size: 1.25em; line-height:60px; position: relative; z-index:400;}
	#menu-button a{color:#282828; text-decoration: none; cursor:pointer;}
	#menu-button .fas {color:#c31f2a;}
	
	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;
		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:link, nav.mobile .social-media a:visited {color:#ccc; text-decoration:none;}
	nav.mobile .social-media a:hover, nav.mobile .social-media a:active {color:#fff; text-decoration:underline;}
	
	/* MENU HEADER STYLES */
	nav.mobile h3 {	
		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;
		cursor:pointer;
		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 #C8102E 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);}
	
	.nav-footer {color:#777; position:relative; text-align:center; font-size:15px; line-height:1; padding:15px 0;}
	
	.hero {width:100%; margin:1.5% 0;}
	.hero-overlay {top:50%;}
	.quick-links {position: relative; margin:3%;}
	.links-categories {flex:auto; margin:0;}
	.links-categories:first-of-type {margin:0 0 25px 0;}

	/*slick*/
	.slides-button{top: 25%;}
	
	/*.quick-links {position:relative; bottom:0; width:100%; margin:1.5% 0 0 0;}*/
	
	/*.links-categories {flex:auto; width:44.5%; margin:0; padding:2%; background:#c31f2a;}
	.links-categories:nth-of-type(1) {flex:auto; width:96%; margin:0 0 1.5% 0;}
	.links-categories:last-of-type {margin:0 0 0 1.5%;}
	.links-categories a {font-size:1.125em; line-height:1.5; text-deocration:none; color:#fff;}*/	
}

@media screen and (max-width: 1134px) {
	.company-details {
		padding: 25px 3% 35px 3%;
	}
}

@media screen and (max-width: 1024px) {	
	.hero-overlay {flex-flow:column; align-items:center; top:50%;}
	.overlay-title {font-size:4.75vw; line-height:.85; text-align:center;}
	.overlay-title span {font-size:.6em;}
	.main {
		padding-top: 4%;
        padding-bottom: 7.5%;
        padding-left: 5%;
        padding-right: 5%;}
	.links-title {text-align:center;}
	.video-wrapper{height: 40vh;}
	.heroSlide img{height: 40vh;}
	.slides-button{top:24%;}

	
}

@media screen and (max-width: 885px) {
	.hero .cycle-pager {display:none;}
	.main {padding:8.5% 5%;}
	.ct-details {display:flex; flex-flow:column wrap; align-items:center; width:90%; margin:0 0 1% 0;}
	.ct-contact {margin:0 0 28px 0;}
	.ct-contact::before {top:2px; left:-26px;}
	.contact-map {width:100%; height:415px;}
}

@media screen and (max-width: 768px) {
	.site-form input[type="text"], .site-form input[type="email"], .site-form input[type="number"], .site-form input[type="time"], .site-form input[type="date"], .site-form select {width:100%;}
	.hd-contact-bar {justify-content:space-between; padding:12px 5%; font-size:1em;}
	.hd-contact-bar a:nth-last-of-type(2) {margin:0 5%;}
	.site-header {flex-flow:column;}
	.hd-brand {display:none;}
	.logo {font-size:1.5em; text-align: center;}
	.logo-tagline {font-size:.75em; text-align: center;}
	.cta-service {overflow:hidden; width:99%; height:150px; font-size: 1.35em;}
	.cta-service img {margin:-25% auto 0 auto;}
	.spread-alt a {width:100%; margin:6px 0;}
	.main {padding:10% 7.5%;}
	article h1 {font-size:1.875em;}
	.site-footer {padding:5.5% 5% 3.5% 5%; background:#a41d22 url("/siteart/tillage-background-sm.jpg") no-repeat center center; background-size:cover;}
	.ft-logo {margin:0 0 3.5% 0; font-size:1.5em;}
	.slides-button{top: 20%;}
	
}
@media screen and (max-width:820px){
	.slides-button{top:20%}
}
@media screen and (max-width: 675px) {
	.brand-highlight {
		display: flex; 
		flex-direction: column;
		gap: 5px;
		width: 100%;
		position: relative;
	}
		.flexhalf{width: 100%;}

	.brand-highlight img {/*-- width:100%; --*/ max-width:200px; /*-- padding:20px 18px; --*/margin:0 auto; width: 90%;}
	
	.company-details {
		padding: 25px 3%;
	}
}

@media screen and (max-width: 550px){
	.overlay-link a {font-size:.9em;}
	.heroSlide img { margin:0 auto;}	
	.links-title {font-size:1.25em;}
	.inv-content {display:none;}
	.focus-spread a {width:calc(48% - 30px); margin:3px 0;}
	.focus-spread.ag-focus a{width:calc(48% - 30px);}
	.focus-spread img {width: 60%; margin:0 auto;}
	.slides-button{top: 13%;}

}

@media screen and (max-width: 450px){
	.logo {font-size:1.35em;}
	.logo-tagline {font-size:.65em;}
	.heroSlide img {width:175%;}
	.links-categories {width:93%; margin:0 0 1.5% 0; padding:3.5%}
	.links-categories:nth-of-type(1) {width:93%;}
	.links-categories:last-of-type {margin:0;}
	.company-details {margin:0 0 12.5% 0;}
	.video-wrapper{height: 26vh;}
	.heroSlide {padding-bottom: 17%;}
	.heroSlide img{ width: 100%; height: 26vh;}
	.slides-button{justify-content: flex-end; gap: 10px; top: 25%;}
}
@media screen and (max-width:375px){
	.slides-button{top:21%;}
}