@charset "utf-8";
/* CSS Document */

/***** BEGIN RESET *****/

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 {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
}

ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

/***** END RESET *****/

* {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	font-family: 'Montserrat', sans-serif!important;
	overflow-x: hidden;
	line-height: 1.42857;
	background: #f4f5f0;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
button,
input { /* 1 */
  overflow: visible;
}
button,
select { /* 1 */
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

a {
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all.3s ease-in-out;
}

.width, .inventory-width {width: 92%;  max-width: 1400px; margin: 0 auto;}
.wrapper-width {width: 92%; margin: 0 auto; max-width: 1150px;}

.gray-bg {background: #e4e6e3;}

/***************************  HEADER STYLES  *************************************/
header {
	width: 100%;
	display: inline-block!important;
	height: auto;
	margin: 0 auto;
	background: linear-gradient(#e9c035, #d5af2f);
	margin-bottom: -2px;
}
a.main-logo {
	float: left;
	width: 30%;
}
a.main-logo img {
	width: 100%;
	max-width: 180px;
	height: auto;
	margin: 20px 0;
	display: block;
}
.hdr-right {
	float: right;
	width: 70%;
	text-align: right;
	padding-top: 25px;
}
.hdr-right a {
	color: #fff!important;
}
.hdr-right a:hover {
	text-decoration: underline;
}

/* search */
.keyword-search {
	width: 75%;
	margin: 0 auto;
	padding: 10px 0;
	display: inline-block;
	text-align: right;
}
.keyword-search h4 {
	color: #fff;
	display: inline-block;
	margin-bottom: 10px;
}
form.detailed-search input::placeholder {
	letter-spacing: .5px!important;
}
form.detailed-search input {
	padding: 15px!important;
	line-height: 22px!important;
	border: none!important;
	border-radius: 0!important;
	background: #000!important;
	height: auto!important;
	width: 80%!important;
	color: #fff!important;
}
form.detailed-search input#keywords {
	line-height: 22px!important;
}
form.detailed-search input#submit {
	background: #000!important;
	color: #fff!important;
	padding: 10px 22px!important;
	cursor: pointer;
	border: none!important;
	-webkit-transition: .4s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
	border-radius: none;
}
form.detailed-search input#submit:hover {
	background: #f1f1f1!important;
	color: #fff!important;
	font-weight: bold!important;
}
form.detailed-search button {
	vertical-align: middle;
    padding: 6px 10px!important;
    background: #000!important;
    border: none;
	cursor: pointer;
	height: auto;
    line-height: 40px;
}
form.detailed-search button:hover {
	background: #1e1e1e;
}

/* MOBILE HDR SEARCH */
.searchbar{display: none; position: relative; background: #000; width: 100%; border-bottom: 1px #fff solid; z-index: 9999; text-align: center;}
.searchbar ::-webkit-input-placeholder{color: #ccc;}
.searchbar :-moz-placeholder{color: #ccc;}
.searchbar ::-moz-placeholder{color: #ccc;}
.searchbar :-ms-input-placeholder{color: #ccc;}
.mobile-search {display: none;}

/*** MOBILE MENU ***/
#cssmenu{width: 100%; display: inline-block; background: #000; position: relative; font-size: 0; text-align: center; z-index: 9999; border-top: 1px solid #777; border-bottom: 1px solid #777;}
#cssmenu ul li{display: inline-block; position: relative; border-left: 1px solid #777;}
#cssmenu ul li:last-child {border-right: 1px solid #777;}
#cssmenu ul li a{display: block; font-size: 15px; font-weight: 500; text-transform: uppercase; color: #aaa; padding: 18px 1.5vw;}
#cssmenu ul li:hover > ul{left: auto;}
#cssmenu ul li.has-sub > a{padding-right: 30px;}
#cssmenu ul li.has-sub > a::after{position: absolute; top: 21px; right: 14px; font-family: FontAwesome; font-size: 10px; content: '\f078';}
#cssmenu ul ul{display: block; position: absolute; left: -9999px; text-align: left; column-count: 2; background: #231F20; box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 15%);}
#cssmenu ul ul li{border: none;}
#cssmenu ul ul li a{width: 222px; font-size: 13px; text-transform: none; text-decoration: none; color: #ddd; padding: 15px 20px; border-left: 4px solid transparent;}
#cssmenu ul li a:hover {background: #444; color: #fff;}
#cssmenu ul ul li a:hover, #cssmenu ul ul li:hover > a{background: #333; border-left: 4px solid #e5b923;}
#cssmenu ul ul li.has-sub a::after{position: absolute; top: 18px; right: 8px; font-family: FontAwesome; font-size: 8px; content: '\f054';}
#cssmenu ul ul ul{margin-left: 100%; top: -1px;}
#cssmenu #menu-button{display: none;}



/*********************  HOMEPAGE STYLES **************************************/
.homepage-wrapper {
	width: 100%;
	margin: 0 auto;
	display: inline-block;
	padding: 50px 25px;
	line-height: 26px;
}
.homepage-wrapper .col2, .page-wrapper .col2, .fb-wrapper .col2 {
	float: left;
	width: 46%;
	margin: 2%;
}
.homepage-wrapper h2, .homepage-wrapper .col2 h2, .page-wrapper .col2 h2 {
	display: block;
	margin-bottom: 10px;
}
.page-wrapper .col2 img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

/*===================== 
	category slider styles 
=======================*/
/*.cathero{margin:0 auto !important;}*/
.catslide{position:relative;}
.cattitler{
	position: absolute;
    left: 0;
    top: 0;
	width: 100%;
	max-width: 650px;
    z-index: 2;
    display: inline-block;
    margin: 0 auto;
    color: #fff;
	background: rgba(0,0,0,.75);
	padding: 2em;
	margin-top: 7%;
	margin-left: 7%;
	box-sizing: border-box;
	line-height: 30px;
}
.titleblock {
	max-width: 100%; left: 0; position:relative;top:0;width:100%;-moz-transform:none;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;padding: 0; 
	/*-ms-transform: skewX(-30deg);
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);  */
    display: inline-block;
}
.titleblock p {
	line-height: 24px;
	margin-top: 10px;
}

/* equipment slides section */
.equipment-wrapper {
	width: 100%;
	display: inline-block;
	margin: 0 auto;
	padding-top: 1em;
	padding-bottom: 4em;
}
.equipment-wrapper h1 {
	color: #1e1e1e;
	font-size: 24px;
	margin: 0 auto;
	display: block;
	margin-bottom: 40px;
}
.equipment-wrapper .heading {
	width: 100%;
	display: inline-block;
	margin: 0 auto;
	text-align: center;
}

/* fb section */
.fb-wrapper {
	width: 100%;
	margin: 0 auto;
	display: inline-block;
	background: #fff;
	padding: 2em 0;
	text-align: center;
}

/*********************  OTHER STYLES **************************************/
/** page wrapper **/
.page-wrapper {
	width: 100%;
	display: inline-block;
	margin: 0 auto;
}
.page-wrapper .title {
	background: #000 url('/siteart/title-hero3.jpg') no-repeat center;
	background-size: cover;
	padding: 6em 2em;
}
.page-wrapper .title h1 span {
	font-size: 16px;
	display: block;
	font-weight: 500;
	padding-top: 10px;
	letter-spacing: normal;
	text-transform: none;
	max-width: 975px;
	margin: 0 auto;
	line-height: 26px;
}
.page-wrapper .title h1 {
	display: block;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-weight: 600;
	font-size: 40px;
	letter-spacing: 3px;
	text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -webkit-text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -moz-text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -ms-text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
	font-family: 'Montserrat', sans-serif;
	/*box-shadow: 0px 2px 4px rgba(0,0,0,0.5);*/
}
.page-wrapper .title.krone {
	background: #000 url('/siteart/brands/krone/_MG_2577_124303.jpg') no-repeat center;
	background-size: cover;
}
.page-wrapper .title.hesston {
	background: #000 url('/siteart/brands/hesston/hesston-hero.jpg') no-repeat center;
	background-size: cover;
	background-position: top;
}
.page-wrapper p {
	line-height: 26px;
	padding: 3em 5%;
	font-weight: 500;
}
.page-wrapper p a {
	color: #e9c035;
	text-decoration: underline;
	font-weight: 600;
}
.page-wrapper p a:hover {
	text-decoration: none;
	color: #333;
}
.page-wrapper h4 {
	color: #555;
	text-align: center;
}
.page-wrapper img#logo {
	width: 100%;
	max-width: 275px;
	display: block;
	margin: 0 auto;
	padding: 10px;
}
.page-wrapper .col4 {
	float: left;
	width: 46%;
	margin: 2%;
	height: 200px;
	display: inline-block;
}
.page-wrapper .col4 img {
	width: 100%;
	height: auto;
	max-width: 375px;
	margin: 0 auto;
	display: block;
}
a#cta-btn {
    display: block;
    margin: 25px 0;
    color: #1e1e1e;
    background: #e5b923;
    width: 100%;
	max-width: 350px;
    text-align: center;
    text-decoration: none;
    padding: 1em;
    font-weight: 700;
}
a#cta-btn3 {
    display: block;
    margin: 0 auto;
	margin-top: 25px;
    color: #1e1e1e;
    background: #e5b923;
    width: 100%;
	max-width: 350px;
    text-align: center;
    text-decoration: none;
    padding: 1em;
    font-weight: 700;
}
a#cta-btn:hover, a#cta-btn3 {
	background: #e9c035;
}
a#cta-btn .fas, a#cta-btn3 .fas {
    float: right;
    position: relative;
    vertical-align: middle;
    display: block;
    font-size: 20px;
    padding-top: 2px;
	padding-right: 10px;
}
p#about {
	font-size:18px; 
	line-height:30px; 
	font-weight: 400;
	background: #fff; 
	box-shadow: 2px 2px 4px rgba(0,0,0,0.25);
}
p#about span {
	font-size: 24px;
	display: block;
	margin-bottom: 15px;
	color: #1e1e1e;
	font-weight: 600;
}
.timeline-wrapper {
	width: 100%;
	margin: 0 auto;
	display: inline-block;
	padding: 6em 0;
	background: #c0c0c0;
}
.timeline-wrapper h2 {
	text-transform: uppercase;
	padding-bottom: 5px;
	border-bottom: 2px solid #333;
	margin: 0 30px;
}
.timeline-wrapper ul li {
	margin: 15px;
	padding: 15px 30px;
}
.timeline-wrapper ul li span {
    background: #333;
    color: #fff;
    padding: 15px;
    float: left;
    margin-right: 30px;
	margin-bottom: 10px;
    display: block;
	width: 80px;
	text-align: center;
}
.timeline-wrapper ul li:hover span {
	background: #e9c035;
	color: #000;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all.3s ease-in-out;
}
.pdf-wrapper {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 30px;
	display: inline-block;
	font-size:20px; 
	line-height:30px; 
	font-weight: 400;
	padding: 2em 4em;
	/*background: #ddd;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.25);*/
}
.pdf-wrapper h2 {
	display: block;
	margin: 15px 0;
	color: #1e1e1e;
	font-weight: 600;
	border-left: 10px solid #e5b923;
    padding-left: 15px;
}
img#haukaas {
	width: 100%;
	margin: 0 auto;
	height: auto;
	display: block;
	padding: 0;
}
a#cta-btn2 {
    display: inline-block;
    margin: 25px 0;
    color: #ddd;
	width: 49%;
    background: #777;
    text-align: center;
    text-decoration: none;
    padding: 1em;
    font-weight: 500;
}
a#cta-btn2:hover {
	background: #1e1e1e;
}
a#cta-btn2 .fas {
    float: right;
    position: relative;
    vertical-align: middle;
    display: block;
    font-size: 20px;
    padding-top: 2px;
	padding-right: 10px;
}

/* mf/baler parts page */
.flex-content {display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.parts-wrapper {width: 100%; display: block;}
.parts-wrapper .col2 {width: calc(50% - 10px); padding: 2em; margin: 0;}
.parts-wrapper h3 {padding: 15px 20px; background: #e4e6e3; display: block; font-size: 22px; border-bottom: 2px solid #e9c035;}
.parts-wrapper strong {letter-spacing: 1px; margin: 15px 0; display: block;}
.parts-wrapper ul {margin: 1em 2em; list-style-type: disc;}
.parts-wrapper ul li {padding: 5px; line-height: 1.6;}
.parts-wrapper img {width: 100%; height: auto; max-width: 250px!important; padding: 15px!important;}

/* brands banner */
.banner-wrapper {
	width: 100%;
	display: inline-block;
	margin: 0 auto;
	padding: 1.5em 0;
	background: #e4e6e3;
}
.page-wrapper .col2 h1 {
	margin: 10px 0;
	padding: 1em 0;
	font-size: 26px;
}
.banner-wrapper .col3 {
	float: left;
	width: 29.33%;
	margin: 2%;
	line-height: 26px;
	text-align: center;
	padding: 2em;
}
.banner-wrapper .col3 .fas, .banner-wrapper .col3 .far {
	font-size: 30px;
	color: #e9c035;
	margin-bottom: 10px;
}
.banner-wrapper .col3 span {
	display: block;
	font-size: 20px;
	margin-bottom: 5px;
}
.banner-wrapper .col3 p {
	padding: 0;
}

/** tabs tart here **/
.tabs h3 {
	margin-bottom: 15px;
	border-left: 5px solid #e5b923;
    padding-left: 15px;
}
.tabs ul {
}
.tabs ul li {
	padding: 5px 25px;
	line-height: 26px;
}
.tabs p {
	line-height: 24px;
	font-size: 14px;
}
.tabs img {
	width: 100%;
	height: auto;
}
.aside {
	float: left;
	width: 50%!important;
	max-width: none!important;
}
.tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.tabs label {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
display: block;
padding: 1rem 2rem;
width: 33.33%;
cursor: pointer;
background: #999;
color: #fff;
font-size: 14px;
letter-spacing: .5px;
text-align: center;
font-weight: 600;
-webkit-transition: background ease 0.2s;
transition: background ease 0.2s;
border: 1px solid #ccc;
}
.tabs label:hover {
  background: #000;
  color: #fff;
  -webkit-transition: .4s ease-in;
  -moz-transition: .2s ease-in;
  -o-transition: .2s ease-in;
  transition: .2s ease-in;
}
.tabs .tab {
  -webkit-box-ordinal-group: 100;
  -webkit-order: 99;
  -ms-flex-order: 99;
  order: 99;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%;
  display: none;
  padding: 3rem;
  background: #fff;
  box-shadow: 2px 2px 4px rgba(0,0,0,0.25);
}
.tabs input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.tabs input[type="radio"]:checked + label {background: #e5b923; color: #000;}
.tabs input[type="radio"]:checked + label:after {font-family: FontAwesome; content: '\f107'; margin-left: 5px;}
.tabs input[type="radio"]:checked + label + .tab { display: block; }


/* tabs end */



/*********************  FOOTER STYLES **************************************/
footer {
	width: 100%;
	display: inline-block;
	margin: 0 auto;
	box-sizing: border-box;
	background: #1e1e1e;
	padding: 50px 0px;
}
footer .col3 {
	float: left;
	width: 33.33%;
	color: #aaa;
	line-height: 26px;
}
footer .col3 h2 {
	color: #fff;
	display: block;
	margin-bottom: 10px;
}
footer .col3 a {
	color: #aaa;
}
footer .col3 a:hover {
	color: #fff;
}
.site-host {
	width: 100%;
	display: inline-block;
	margin: 0 auto;
	background: #333;
	padding: 20px 0;
	margin-top: 50px;
}
.site-host p {
	text-transform: uppercase;
	color: #aaa;
	font-size: 10px; 
	line-height: 16px;
	box-sizing: border-box;
	padding: 0 10px;
	text-align: center;
	display: inline-block;
	width: 100%;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
}


/**********************  MEDIA QUERIES (RWD) ***************************************/
@media screen and (max-width: 1400px) {
	#cssmenu ul li a {padding: 18px 15px; font-size: 13px;}
}

@media screen and (max-width: 1050px) {
	#cssmenu{width: 100%; text-align: center;}
	#cssmenu ul{width: 100%; display: none;}
	#cssmenu ul li{display: block; border-top: 1px #555 solid; border-left: none;}	
	#cssmenu ul li:last-child{border-right: none;}
	#cssmenu ul li a{font-size: 14px; padding: 15px; width: 100%;}
	#cssmenu ul ul{display: none; position: relative; left: 0; right: auto; width: 100%; margin: 0; column-count: 1; box-shadow: none;}
	#cssmenu ul ul li{width: 100%; border: none; border-top: 1px solid #555;}
	#cssmenu ul ul li a{background: #333; font-size: 13px; color: #eee; padding: 12px 20px; width: 100%; text-align: center;}
	#cssmenu ul ul ul{display: none; position: relative; top: 0; left: 0; right: auto; width: 100%; margin: 0;}
	#cssmenu ul ul ul li a{padding: 20px 40px; background: #555;}
	#cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul li.has-sub > a::after{display: none;}
	#cssmenu #menu-button{display: block; background: #000; padding: 20px; font-size: 14px; font-weight: 500; text-align: center; text-transform: uppercase; color: #aaa; cursor: pointer;}
	#cssmenu #menu-button.menu-opened:after{content: '\f00d';}
	#cssmenu #menu-button::after{position: absolute; top: 21px; color: #aaa; font-weight: 700; left: 20px; font-family: FontAwesome; font-size: 16px; content: '\f0c9';}
	#cssmenu .submenu-button{position: absolute; z-index: 10; right: 0; top: 0; display: block; height: 55px; width: 100%; cursor: pointer;}
	#cssmenu .submenu-button::after{position: absolute; top: 15px; right: 20px; font-family: FontAwesome; font-size: 16px; content: '\f067'; color: #aaa;}
	#cssmenu .submenu-button.submenu-opened:after{content: '\f068';}
	#cssmenu ul li:hover > a{background: #444; color: #fff;}
	
	.tabs label {width: 50%;}
	.page-wrapper .col4 {height: 250px;}
	
	.titleblock {position: relative; left: 0; bottom: 0; padding: 0;}
	.cattitler {padding: 75px 50px; position: relative; background: #333; margin-top: 0; margin-left: 0; max-width: none;}
	.homepage-wrapper .col2, .page-wrapper .col2, .fb-wrapper .col2, a#cta-btn2, .banner-wrapper .col3 {float: none; width: 100%; margin: 0 auto; margin-top: 10px; margin-bottom: 10px;}

}

@media screen and (max-width: 900px) {
	a.main-logo {width: 40%;}
	a.main-logo img {max-width: 160px;}
	.hdr-right {width: 60%; padding-top: 10px;}
	.hdr-right a {font-size: 14px;}
	
	.pdf-wrapper h2 {font-size: 24px;}
	.pdf-wrapper {padding: 2em; font-size: 16px;}
	
	.timeline-wrapper ul li span {margin-right: 20px;}
	.page-wrapper .col4 {width: 100%; float: none; padding: 15px; height: auto;}
}

@media screen and (max-width: 700px) {
	a.main-logo img {max-width: 120px;}
	.hdr-right {padding-top: 5px;}
	.mobile-search {display: block;}
	.mobile-search a {font-size: 24px;}
	.mobile-hide a, .keyword-search {display: none;}
	
	.page-wrapper .title h1 {font-size: 30px; background-attachment: inherit;}
	.page-wrapper .title h1 span {font-size: 14px; line-height: 22px;}
	a#cta-btn, a#cta-btn3 {max-width: none;}
	
	.tabs .tab {padding: 3em 2em;}

	footer .col3 {float: none; width: 100%; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; text-align: center;}
	footer .col3 h2 {font-size: 18px;}
	.equipment-wrapper h1 {font-size: 20px;}
}

@media screen and (max-width: 500px) {
	.page-wrapper .col4 {float: none; width: 100%; height: auto; margin: 0 auto; margin-bottom: 10px; margin-top: 10px;}
	.parts-wrapper img {max-width: none!important;}
	.flex-content {flex-direction: column;}
	
	.parts-wrapper h3 {font-size: 20px;}
}