@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: 'Roboto Condensed', sans-serif!important;
	overflow-x: hidden;
}

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 {width: 90%; margin: 0 auto; max-width: 1500px;}
.wrapper-width {width: 90%; margin: 0 auto; max-width: 1300px; }
.inventory-width {width: 95%; max-width: 1300px; margin: 0 auto;}


/***************************  HEADER STYLES  *************************************/
header .sticky {
  position: fixed;
  z-index: 999999;
  top: 0;
  width: 100%;
}

header {
	width: 100%;
	display: inline-block!important;
	margin: 0 auto;
	background: #afafaf url('/siteart/slanted-bg.png') no-repeat;
	z-index:99;
	position: relative;
	box-shadow: 0px 2px 8px rgba(0,0,0,0.5);
	text-align: right;
	background-position: right;
	background-size: contain;
}

a#logo {
	float: left;
	width: 50%;
	display: inline-block;
}

a#logo img {
	width: 100%;
	display: block!important;
	max-width: 500px;
	height: auto;
	margin-top: 25px;
}

.hdr-contact {
	float: right;
	/*max-width: 385px;*/
	color: #fff;
	margin: 15px 0;
	font-size: 15px;
	position: relative;
	z-index: 4;
	text-align: left;
}

.hdr-contact a {
	color: #fff!important;
	line-height: 24px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
}

.hdr-contact :hover {
	color: #ddd;
}

.hdr-contact .fas {
	color: #ad151d;
	margin-right: 3px;
}

.hdr-contact p {
	float: left;
	display: block;
}

.hdr-contact ul {
	float: left;
	display: block;
	border-left: .5px solid #ddd;
	padding-left: 50px;
	margin-left: 50px;
}

.hdr-contact ul span {
	color: #ad151d;
	font-weight: 900;
}

/*********************  HOMEPAGE STYLES **************************************/
.homepage-wrapper {
	width: 100%;
	display: inline-block;
	margin: 0 auto;
	/*margin-top: 175px;*/
}

.homepage-wrapper .welcome-wrap {
	width: 100%;
	display: inline-block;
	background: url('/siteart/main-hero.JPG') no-repeat center;
	background-size: cover;
	padding-top: 165px;
	margin-bottom: -4px;
}

.welcome-wrap h1 {
	display: block;
	float: left;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
	font-size: 50px;
	line-height: 40px;
	padding-bottom: 20px;
	text-shadow: 2px 2px 2px rgba(42,42,42,0.5);
}

.welcome-wrap h1 span {
	display: block;
	font-size: 28px;
	color: #ad151d;
	text-shadow:2px 2px 0 #aaa;
}

/* about section */
.about-wrap {
	width: 100%;
	display: inline-block;
	padding: 175px 0;
	background: url('/siteart/about-bg.png') no-repeat center;
	background-size: cover;
}

.about-wrap p span {
	font-size: 22px;
	color: #afafaf;
	letter-spacing: 2px;
	margin-right: 5px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.about-wrap p {
	float: left;
	width: 55%;
	color: #f4f4f4;
	line-height: 26px;
	font-size: 16px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.about-wrap p a {
	color: #fff;
	text-decoration: underline;
}

.about-wrap p a:hover {
	text-decoration: none;
}

.about-wrap img#map {
	width: 100%;
	float: right;
	max-width: 200px;
}

.inv-search-wrapper {
	float: right;
	width: 100%;
	padding: 135px 0;
	margin-left: 40px;
	position: absolute;
	display: inline-block;
	z-index: 3;
}

/* quick link CUTOUTS SECTION */
.quicklink-cutouts {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 2em 7%;
}

.quicklink-cutouts .col {
	width: calc(33.33% - 1em);
	margin: .5em;
	padding: 2em;
	display: block;
}

.quicklink-cutouts .col img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

/*********************  MANUFACTURERS STYLES **************************************/
/*===================== 
	hover box styles 
=======================*/
.quicklinks{display:flex;flex-wrap:wrap;justify-content:center; text-align:center;margin:0 auto;padding:3em 0;width:100%;}
.linkbox{zoom: 1;width:calc(25% - 2em);margin:1em;padding:1%;position:relative;text-align:left;height:230px;background:#ddd !important;-moz-box-shadow:5px 5px 5px rgba(0,0,0,0.4);-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.4);box-shadow:5px 5px 5px rgba(0,0,0,0.4);overflow:hidden;z-index:1;}
.linkbox > img{display:block;position:absolute;z-index:2;height:100%;max-width:100%;max-height:100%;}

.linkslider{width:100%;height:100%;position:absolute;z-index:100;bottom:0;left:0;background: rgba(173,21,29,.85);font-family:'Roboto Condensed', sans-serif;font-size:14px;
-webkit-transform:translateY(230px); -moz-transform:translateY(230px); -ms-transform:translateY(230px); -o-transform:translateY(230px); transform:translateY(230px);
-webkit-transition: transform 0.5s ease; -moz-transition: transform 0.5s ease; -o-transition: transform 0.5s ease; transition: transform 0.5s ease;
}
.linkslider a{display:block;font-size:14px;color:#fff;font-weight:700;padding:12px  10px;text-align: center;border-bottom: 1px solid #ddd;}
.linkslider a:hover{background:#ddd;color:#000;}

.linkbox:hover > .linkslider{-webkit-transform:translateY(30px); -moz-transform:translateY(30px); -ms-transform:translateY(30px); -o-transform:translateY(30px); transform:translateY(30px);}

#artsway {position:absolute;width:100%;height:100%;bottom:0;right:0;left:0;z-index:1;background:url("../siteart/manu-logos/Arts-Way-Logo.png") center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;display:block;}
#buhler {position:absolute;width:100%;height:100%;bottom:0;right:0;left:0;z-index:1;background:url("../siteart/manu-logos/buhler-farm-king.png") center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;display:block;}
#bush-hog  {position:absolute;width:100%;height:100%;bottom:0;right:0;left:0;z-index:1;background:url("../siteart/manu-logos/bush-hog-logo.png") center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;display:block;}
#grabtec  {position:absolute;width:100%;height:100%;bottom:0;right:0;left:0;z-index:1;background:url("../siteart/manu-logos/GrabTecLogo.png") center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;display:block;}
#harvest-international {position:absolute;width:100%;height:100%;bottom:0;right:0;left:0;z-index:1;background:url("../siteart/manu-logos/Harvest-international.png") center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;display:block;}
#hiniker {position:absolute;width:100%;height:100%;bottom:0;right:0;left:0;z-index:1;background:url("../siteart/manu-logos/hiniker-logo.png") center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;display:block;}
#jm {position:absolute;width:100%;height:100%;bottom:0;right:0;left:0;z-index:1;background:url("../siteart/manu-logos/jm-logo.png") center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;display:block;}
#kinze {position:absolute;width:100%;height:100%;bottom:0;right:0;left:0;z-index:1;background:url("../siteart/manu-logos/Kinze-Logo-2020.png") center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;display:block;}
#landoll  {position:absolute;width:100%;height:100%;bottom:0;right:0;left:0;z-index:1;background:url("../siteart/manu-logos/landoll-logo.png") center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;display:block;}
#loftness  {position:absolute;width:100%;height:100%;bottom:0;right:0;left:0;z-index:1;background:url("../siteart/manu-logos/loftness-logo.png") center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;display:block;}
#mathews-company   {position:absolute;width:100%;height:100%;bottom:0;right:0;left:0;z-index:1;background:url("../siteart/manu-logos/mathews-company-logo.png") center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;display:block;}
#meyers   {position:absolute;width:100%;height:100%;bottom:0;right:0;left:0;z-index:1;background:url("../siteart/manu-logos/meyers-logo.png") center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;display:block;}
#miller-farm-loaders  {position:absolute;width:100%;height:100%;bottom:0;right:0;left:0;z-index:1;background:url("../siteart/manu-logos/miller-farm-loaders-logo.png") center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;display:block;}
#peck  {position:absolute;width:100%;height:100%;bottom:0;right:0;left:0;z-index:1;background:url("../siteart/manu-logos/peck-logo.png") center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;display:block;}
#toro  {position:absolute;width:100%;height:100%;bottom:0;right:0;left:0;z-index:1;background:url("../siteart/manu-logos/toro-logo.png") center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;display:block;}
#westendorf  {position:absolute;width:100%;height:100%;bottom:0;right:0;left:0;z-index:1;background:url("../siteart/manu-logos/westendorf-logo.png") center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;display:block;}
#brent  {position:absolute;width:100%;height:100%;bottom:0;right:0;left:0;z-index:1;background:url("../siteart/manu-logos/Brent-logo.png") center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;display:block;}
#sunflower  {position:absolute;width:100%;height:100%;bottom:0;right:0;left:0;z-index:1;background:url("../siteart/manu-logos/sunflower-logo.png") center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;display:block;}
#krause  {position:absolute;width:100%;height:100%;bottom:0;right:0;left:0;z-index:1;background:url("../siteart/manu-logos/krause-logo.png") center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;display:block;}
#john-deere  {position:absolute;width:100%;height:100%;bottom:0;right:0;left:0;z-index:1;background:url("../siteart/manu-logos/johndeere-logo.png") center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;display:block;}
#tebben  {position:absolute;width:100%;height:100%;bottom:0;right:0;left:0;z-index:1;background:url("../siteart/manu-logos/tebben-logo.png") center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;display:block;}
#demco  {position:absolute;width:100%;height:100%;bottom:0;right:0;left:0;z-index:1;background:url("../siteart/manu-logos/demco-logo.png") center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;display:block;}
#hoelscher  {position:absolute;width:100%;height:100%;bottom:0;right:0;left:0;z-index:1;background:url("../siteart/manu-logos/hoelscher-logo.png") center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;display:block;}
#meyerink  {position:absolute;width:100%;height:100%;bottom:0;right:0;left:0;z-index:1;background:url("../siteart/manu-logos/MFS-logo.png") center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;display:block;}
#harvest-meridian  {position:absolute;width:100%;height:100%;bottom:0;right:0;left:0;z-index:1;background:url("../siteart/manu-logos/Harvest-meridian.png") center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;display:block;}
#case  {position:absolute;width:100%;height:100%;bottom:0;right:0;left:0;z-index:1;background:url("../siteart/manu-logos/CNH-IndustrialLogo.png") center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;display:block;}
#meyerFarm  {position:absolute;width:100%;height:100%;bottom:0;right:0;left:0;z-index:1;background:url("../siteart/manu-logos/meyersFarmEquipment-logo.png") center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;display:block;}
#brillion  {position:absolute;width:100%;height:100%;bottom:0;right:0;left:0;z-index:1;background:url("../siteart/manu-logos/brillion-logo.png") center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;display:block;}

/* title + content styles 
.linkbox:hover h2{margin-left:5px;-moz-transition:0.4s all ease;-webkit-transition:0.4s all ease;-ms-transition:0.4s all ease;-o-transition:0.4s all ease;transition:0.4s all ease;}
.linkbox:hover p{margin-left:5px;text-decoration:underline;-moz-transition:0.8s all ease;-webkit-transition:0.8s all ease;-ms-transition:0.8s all ease;-o-transition:0.8s all ease;transition:0.8s all ease;}
.linktitler{display:block;width:100%;height:100%;z-index:1;}
.linktitler h2{color:#fff;line-height:1.2em;font-weight:400;padding-bottom:0;}
.linktitler p{color:#a3a3a3;font-weight:700;padding-bottom:0;}*/


/*********************  CONTACT STYLES **************************************/
/** page wrapper **/
.page-wrapper {
	width: 100%;
	display: block;
	margin: 0 auto;
	/*margin-top: 175px;*/
	background: #f4f4f4;
	border-bottom: .5px solid #ddd;
}

.page-wrapper .title {
	width: 100%;
    padding: 3.5em;
    text-align: center;
    background: url("/siteart/page-hero.png") no-repeat top;
	background-size: cover;
	box-sizing: border-box;
}

.page-wrapper .title h1 {
	text-transform: uppercase;
	color: #f4f4f4;
	letter-spacing: 1px;
	display: block;
	font-size: 40px;
	text-shadow: 5px 5px 18px #222222;
    -webkit-text-shadow: 5px 5px 18px #222222;
    -moz-text-shadow: 5px 5px 18px #222222;
    -ms-text-shadow: 5px 5px 18px #222222;
}

.page-wrapper h2 .fas {
	padding: 10px;
	font-size: 15px;
}

.page-wrapper p {
	padding: 1em;
	text-align: center;
}

.contact-info {
	width: 100%;
	display: inline-block;
	margin: 2em 0;
}

.contact-info .left {
	float: left;
	width: 50%;
	padding: 1rem;
}

.contact-info .left p {
	margin: 20px 0;
	line-height: 24px;
	font-size: 18px;
	padding: 0;
	text-align: left;
	font-family: 'Roboto', sans-serif;
}

.contact-info .left a {
	color: #ad151d;
	font-weight: 700;
	font-size: 18px;
}

.contact-info .left p a:hover {
	color: #000;
	text-decoration: underline;
}

.contact-info .right {
	float: right;
	text-align: right;
	margin: 20px;
}

.contact-info .right img {
	width: 100%;
	height: auto;
	display: block;
	max-width: 210px;
}

/* thank you page styles */
p#thankyou {
	width: 100%;
	background: rgba(255,255,255,.85);
	display: inline-block;
	font-size: 18px;
	margin: 0 auto;
	line-height: 26px;
	padding: 3rem;
	/*box-shadow: 0px 3px 15px rgba(0,0,0,0.1)!important;*/
	border: 2px solid #eeeeee;
	font-weight: 500;
	color: #000;
}

p#thankyou a {
	text-decoration: none;
	color: #ad151d;
}

p#thankyou a:hover {
	color: #000;
	text-decoration: underline;
}

p#thankyou .fas {margin-right: 10px;}


/*********************  FOOTER STYLES **************************************/
/* map + skew overlay styles */
.map {
	width: 100%;
	display: inline-block;
	position: relative;
}

.location-skew {
	position: absolute;
	color: #fff;
	font-weight: 300;
	line-height: 26px;
    z-index: 3;
    width: 22%;
    left: 0;
    top: 0;
	bottom: 0;
    background: #ad151d;
    padding: 2% 2% 3% 5%;
	-moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
    box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
}

.location-skew:after {
	content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    background: #ad151d;
    transform-origin: bottom left;
    -ms-transform: skew(-15deg, 0deg);
    -webkit-transform: skew(-15deg, 0deg);
    transform: skew(-15deg, 0deg);
}

.location-skew h3 {
	text-transform: uppercase;
	color: #fff;
	font-size: 24px;
	letter-spacing: 1px;
	display: block;
	margin-bottom: 5px;
}

.location-skew h3 span {
	font-weight: 300;
	color: #afafaf;
}

/* footer starts */
footer {
	width: 100%;
	display: inline-block;
	margin: 0 auto;
	box-sizing: border-box;
	background: url('/siteart/footer-bg.png') no-repeat center;
	background-size: cover;
	padding-top: 65px;
	margin-top: -4px;
}

footer img#footer-logo {
	width: 100%;
	max-width: 350px;
}

footer ul#footer-nav {
	float: right;
	width: 50%;
	display: inline-block;
	margin: 5px 0 40px 0;
}

footer ul#footer-nav li {
	display: inline;
}

footer ul#footer-nav li a {
	display: block;
	float: left;
	padding: 10px;
	line-height: 18px;
	color: #fff;
	text-transform: uppercase;
}

footer ul#footer-nav li a:hover {
	text-decoration: underline;
}

.site-host {
	width: 100%;
	display: inline-block;
	margin: 0 auto;
	background: #838383;
	padding: 20px 0;
}

.site-host p {
	text-transform: uppercase;
	color: #ddd;
	letter-spacing: 1px;
	font-size: 10px; 
	line-height: 16px;
	padding: 0 10px;
	text-align: center;
	display: inline-block;
	width: 100%;
	font-family: 'Roboto Condensed', sans-serif;
	box-sizing: border-box;
}


/**********************  MEDIA QUERIES (RWD) ***************************************/
@media screen and (max-width: 1200px) {
/* HEADER */
	.hdr-contact a {line-height: 22px;}
	
/* HOMEPAGE */
	.welcome-wrap h1 {float: none; text-align: center;}
	
	.about-wrap p {width: 70%;}
	.location-skew {width: 30%; padding: 3% 2% 3% 5%;}
	
	.homepage-wrapper .welcome-wrap {margin-bottom: 0;}
	
/* MANUFACTURERS */
	.linkbox {width: calc(33.33% - 2em);}
	
/* FOOTER */
	footer ul#footer-nav {float: none; width: 100%; text-align: center;}
}

@media screen and (max-width: 900px) {
/* HEADER */
	header {background-size: auto; background-position: center; background: #afafaf;}
	.hdr-contact {display: none;}
	a#logo {float: none; width: 100%; margin: 0 auto; text-align: center; max-width: none;}
	a#logo img {margin: 10px 0; max-width: 525px;}
	
/* HOMEPAGE */
	.about-wrap {padding: 100px 0 75px 0;}
	.about-wrap p {float: none; width: 100%;}
	.about-wrap img#map {float: none; display: block; margin: 0 auto; margin-top: 40px; text-align: center;}
	
	.location-skew {width: 100%; position: relative; column-count: 2; padding: 1.5em 3em; box-sizing: border-box;}
	.location-skew:after {display: none;}
	.map iframe {width: 100%; height: 250px!important;}
	
	.welcome-wrap h1 {font-size: 36px; line-height: 32px;}
	
	.quicklink-cutouts .col {width: calc(100% - 1em);}
	.quicklink-cutouts .col img {max-width: 333px!important;}
	
/* CONTACT PAGE */
	.contact-info .left p, .contact-info .left a {font-size: 16px;}
	
/* MANUFACTURERS */
	.linkbox {width: calc(50% - 2em); height: 200px;}
	
/* FOOTER */
	footer {padding-top: 50px;}
	footer ul#footer-nav {margin: 5px 0 25px 0; line-height: 14px;}
}

@media screen and (max-width: 680px) {
/* MANUFACTURERS */
	.linkbox {height: 150px;}
	
/* CONTACT PAGE */
	.contact-info .left, .contact-info .right {float: none; width: 100%; text-align: left;}
}

@media screen and (max-width: 500px) {
/* HOMEPAGE */
	.welcome-wrap h1 {font-size: 30px; line-height: 30px;}
	.location-skew {column-count: 1;}
	
/* PAGE WRAPPER */
	.page-wrapper .title h1 {font-size: 30px;}
	
/* FOOTER */
	.location-skew {padding: 1.5em 2em;}
	.location-skew h3 {font-size: 18px;}
}

@media screen and (max-width: 420px) {
	.homepage-wrapper .welcome-wrap {padding-top: 75px;}
}