/***** BEGIN RESET *****/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap');

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

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {font-family: 'Open Sans', sans-serif;overflow-x: hidden;}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}
.drk-blue {background:#034B81; color:#fff; }
.drk-blue-2 {background:#034B81; color:#fff; display: inline-block; width: 100%; margin: 0 auto; }
.blue {background: #045999;  color:#fff;  width: 100%; display: inline-block;}
#blue {background: #045999; color:#fff;}
#blue-text {color:#045999;}
.yellow {background: #FFDE31;}
#yellow {background: #FFDE31;}
#yellow-text {color: #FFDE31;}
.gray {background: #454545;}
#white {background:#fff; color:#034B81;}
#white-text {color:#fff;text-shadow: 2px 2px 5px #000;}
h1, h2, h3, h4, h5 {letter-spacing: 1px; font-family: 'Open Sans', sans-serif;}
h1 {font-size:40px;}
h2 {font-size:32px; font-weight: 400; }
h3 {font-size: 25px;}
h4 {font-size:20px;}
h5 {font-size:18px; text-transform: uppercase; font-weight: 400;}
p {font-size:16px; line-height: 28px;}
#light {font-weight: 400;}
/*--- HEADER STYLES ---------------------*/
header {background: #045999;}
header .drk-blue {width: 100%; text-align: right;z-index: 99;}
header .blue-btn {display: inline-block; padding:10px 15px; margin:0 5px;background:#045999; position: relative; color:#fff; letter-spacing: 1px; text-transform: uppercaes; font-size:13px; font-family: 'Open Sans', sans-serif;}
.logo {position: absolute; top: 15px; z-index: 999; left: 13%;}
.logo-2 {position:absolute; background:#fff; z-index: 999; width: 31.2%; top:0;  text-align: center; padding:9px 0; margin: 0 auto;}
.logo-2 img {text-align: center; margin: 0 auto; width: 100%; max-width: 175px;}
/*---BODY--------------------------------*/
.width-50 {width: 50%; float: left; margin:25px 0;}
.winter-specials {display: flex; flex-direction: row;background:url(../siteart/servicespecials.jpg);}
.specials-70 {width:50%;  color:#fff;  justify-content: flex-start; background: #212121;}
.specials-30 {width: 35%; align-items: center;}
.specials-70 h1 {color:#FFDE31; font-size: 28px;}
.specials-70 h2 {color:#FFDE31; font-size: 24px;}
.specials-70 p {font-size: 17px; line-height: 28px;}
.specials-70 .fas {color:#045999;}
.yellow-btn {background:#FFDE31; padding:10px 15px; text-align: center; color:#000; text-transform: uppercase; letter-spacing: 1px; transition: .2s ease; box-shadow: 5px 5px 5px grey;font-weight: 700; display: inline}
.yellow-btn:hover {background: #034B81; color:#fff;}
.blue-btn {background:#045999; padding:10px 15px; text-align: center; color:#fff; text-transform: uppercase; letter-spacing: 1px; transition: .2s ease; }
.blue-btn:hover {background: #034B81;}
.service-specials img {max-width: 2000px; width: 100%;}
.service-specials2 {margin: 0 auto;}
.service-specials2 img {width: 60%; margin: 0 auto!important; display:block;}
.parts-specials img {width: 70%; margin: 0 auto!important; display:block;}
#padding25 {padding: 25px 0;}
#padding50 {padding: 50px 0;}
#padding100 {padding: 100px 0;}
.width-90 {width: 90%; margin: 0 auto;}
.width-70 {width: 70%; margin: 0 auto;}
.width-50 {width: 50%; margin: 0 auto;}

.angle-absolute {position: absolute;z-index: 9999;}
.angle-absolute img {height: 34vw;z-index: 9999;}
.hero {width: 100%; z-index: 9; float: right;}
.hero-text {position: absolute; z-index: 999; left: 5%; top:38%;}
.hero-text h2 {display: inline-block; vertical-align: middle; font-weight: 400; margin-left:15px;}
.hero-text img {display: inline-block; vertical-align: middle;}
.hero img {width: 100%;}
.hero-btn { text-align: center; width: 250px; padding:10px 0; margin:10px 0; transition: .2s ease; letter-spacing: .5px;}
.hero-btn#blue:hover {background:#FFDE31;color:#045999; letter-spacing: .75px;}
.hero-btn#white:hover {background:#FFDE31; letter-spacing: .75px;}
.blue h3 {font-weight: 400;}

.farm-bg-hp {background:url(../siteart/farmland.png) repeat; width: 100%;display: inline-block; margin: 0 auto; text-align: center;}
.farm-bg { width: 100%;display: inline-block; margin: 0 auto; text-align: center;}
.ql {float: left; width: 19.8%; border:1px solid #fff; padding:25px 0; transition: .2s ease; background: rgba(0,0,0,.40)}
.ql h3 {font-size:22px;}
.ql-text {width: 80%; margin: 0 auto; padding:20px 0;  }
.ql-text h5:hover {letter-spacing: 1.5px; transition: .2s ease;}
.ql:hover {background: #000;}

.pattern-bg {display: inline-block; background:url(../siteart/cubes.jpg) repeat;width: 100%;}
.pattern-bg p {text-align: left; font-size:16px; line-height: 28px;}
.white-bg {background:#fff; }
.white-bg h2 {color:#034B81; font-weight: bold; text-align: center;padding:15px 0; border-top:1px solid #212121; border-bottom:1px solid #212121;}

.flex-boxes {width: 100%; display: inline-block;}
.location {float: left; vertical-align: top; width: 20%; text-align: left; color:#fff;}
.location-title {width: 100%; display: inline-block; border-bottom:1px solid #fff; text-align: left; transition: .2s ease;}
.location-title .fas {display: inline-block; color:#000; background:#fff; padding:15px 22px; margin-right:5px;}
.location-title h4 {display: inline-block; color:#fff;}
.location .width-70 p {color:#fff; text-align: left; font-size:14px; line-height: 25px; letter-spacing: 1px; padding:25px 0;}
.location .width-70 p a{color:#fff; text-align: left; transition: .2s ease;}
.location .width-70 p a:hover{color:#FFDE31; }
#blue1 { background:#07548E;}
#blue2 { background:#075B9A;}
#blue3 { background:#045DA4;}
#blue4 { background:#065490;}
#blue5 { background:#045999;}
#blue6 { display: none;}

.location-title a h4:hover {color:#FFDE31;}
.gray-bg-pattern {background-color: #555; background-image: url(/siteart/gray-bg.jpg);background-repeat: repeat; height: 250px; width: 100%; display: inline-block;}
.blk-bg {height: 220px; background:#454545; margin-top:-150px; text-align: center;}
.gray-bg-pattern h4 {color:#fff; font-size:28px; font-weight: bold; letter-spacing: 1px;}
.video-hp {display: inline-block; width: 48%; padding:25px 10px;}
.gray-btn {width: 98%; padding:15px 0; background:#E7E7E7; text-align: center; color:#045DA4; font-size:18px; font-weight: 400; letter-spacing: 1px; margin: 0 auto; transition: .2s ease; vertical-align: middle;} 
.gray-btn:hover {background:#AAAAAA;}
.gray-btn .fab {color:#000; font-size:30px; display: inline-block; vertical-align: middle;}
#pf-logo {margin: 0 auto; text-align: center;padding: 15px 0;}
#pf-logo img {max-width: 200px; width: 100%; margin: 0 auto; text-align: center;}

/*LOCATION PAGES*/
.loc-left {width: 39%; display: inline-block; vertical-align: top; padding:25px 0; background:#fff; border-top:1px solid #ddd; height: 450px;}
.loc-left h1 {font-size:28px; letter-spacing: 1px; color:#aeaeae;}
.loc-left h4 {font-weight: 400; border-bottom: 1px solid #ddd;padding-bottom: 15px;color:#045DA4; }
.loc-left h5 {padding-top: 15px; color:#aeaeae; letter-spacing: 2px;}
.loc-left p {letter-spacing: 1px; font-size:15px; line-height: 24px;}
.loc-left a {color:#000;}
.loc-left a:hover {color:#045DA4;}
.off-white {background: #F5F5F5;margin-top:20px;display: inline-block; width: 100%;}
.loc-left img {width: 100%; padding:15px 0; } 
.loc-right {width: 60.5%; display: inline-block; vertical-align: top;}

.col-4 {display:inline-block; width:31%; vertical-align: top;padding:5px 0; margin: 10px 10px;}
.col-4 h5 {padding:10px 0; letter-spacing: 2px;}
.title-team-member .name, .title-team-member .title,.title-team-member .email {display: inline-block; vertical-align: top; text-transform: uppercase; letter-spacing: 1px; }
.name {width: 45%; padding: 0 2px;}
.title {width: 30%;}
.email {width: 15%;}
.title-team-member {background:#043A66; padding:2px 5px; }
.team-member {background:#045DA4 }
.team-member-2 {background:#05518E}
.name, .title, .email {font-size:13px; letter-spacing: 1px; display: inline-block; vertical-align: top;}
.email a {color:#fff;}

.text-left {display: inline-block; vertical-align: middle; width: 50%;text-align: center;}
.text-left h4 {color:#FFDE31;text-transform: uppercase; text-align: center;}
.careers-right {display: inline-block; vertical-align: middle; width: 40%;}

/*ABOUT PAGE*/
.about-left {float:left; width: 30%;padding-top:5%;}
.about-left img {width: 100%;}
.about-right {float:right; width: 65%; padding-bottom:5%; padding-top:5%;}
.about-right h1 {font-weight: 400;}


/*NEWS*/
.news-box {border:1px solid #ddd; margin: 15px 0; width: 98%;}
.news-box h3,.news-box h4, .news-box p {padding:0 2%;}

/*PRECISION FARMING*/
.farm-bg img {width: 100%;}
.farm-bg h1 { font-weight: 400;}
h5#pf {color: #FFDE31}
h5#pf a {color:#ddd; font-weight: 600;}
h5#pf a:hover {color:#fff;}
.pf-products {border-top:1px solid #000;margin: 0 auto; text-align: center;}
.pf-products img {display: inline-block; vertical-align: middle; max-width:400px; width: 100%; padding:15px 2%;}
.product-list h4 {text-transform: uppercase;}
.product-1 { width: 100%; background:#05518E;  color:#fff; font-size:14px;letter-spacing: .5px;}
.product-2 {width: 100%; background:#045DA4;  color:#fff;font-size:14px;letter-spacing: .5px;}
.product-3 {width: 100%; background:#0C62A7;  color:#fff;font-size:14px;letter-spacing: .5px;}
.product-4 {width: 100%; background:#185F96;  color:#fff;font-size:14px;letter-spacing: .5px;}
.product-5 {width: 100%; background:#4A799E;  color:#fff;font-size:14px;letter-spacing: .5px;}
.col-5 {display: inline-block; width: 30%; vertical-align: top; padding:0 10px;margin-bottom: 25px;}
.col-5 p b {letter-spacing: 1px; }
.col-5 p {line-height: 30px; letter-spacing: .5px;}
p#cust-support {color:#045DA4; font-weight: bold; letter-spacing: .5px;}
p#cust-support a{color:#05518E; font-weight: 800; letter-spacing: .5px; transition: .2s ease;}
p#cust-support a:hover{color:#4391D0}
.pf-col {width: 29%; margin: 2% 1%; display: inline-block; vertical-align: top; padding: 25px 15px;}
.pf-col img {max-width: 300px; width: 100%; padding: 10px 0;}
.pf-col p {padding: 15px 0; width: 95%; margin: 0 auto;}
#pf-logo {max-width: 300px; width: 100%;}
#pf-h1 {border-bottom: 1px solid #000; padding-bottom: 20px;}
/*EMPLOYMENT*/
.job-post {margin: 0 auto; }
.job-post a {color:#fff;transition: .2s ease;}
.job-post a:hover {font-weight: bold;}
.job-post p {margin-bottom:25px;padding:0 0 15px 0; border-bottom: 1px solid #fff; text-align: center;color:#FFDE31}
.job-post h2 {text-align: center; color:#fff;}
.job-post .col-5 {border-bottom:1px solid #4A799E; padding:0 0 25px 0; margin: 25px 15px;}
.job-post .col-5 a {color:#fff; transition: .2s ease; padding:15px 0;line-height: 30px;}
.job-post .col-5 a:hover {color:#FFDE31;}
.border-line {height: 1px; background: #ddd; width: 100%;  margin:2% 0;}

/*  SCROLLING INVENTORY

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


/*--------FORM STYLES--------------------*/
/*DETAILED SEARCH*/
.def-search .detailed-search-wrap {
	padding: 30px 0;
	font-family: 'Roboto Condensed', sans-serif;
}

.blue .width-90 h1 {font-size: 24px; font-weight: 500;}

.def-search .detailed-form {
	margin: auto;
}
.def-search input {width: calc(33.33% - 1em); margin: .5em; font-size: 18px;}

.clear {
	clear: both;
}
.def-search .detailed-row {font-size: 18px; display: flex; justify-content: center; flex-wrap: wrap;}
.def-search .column3 {
	width: 24%;
	float: left;
	padding-right: 20px;
	box-sizing: border-box;
}
.def-search .last {
	padding-right: 0px;
}
.def-search .detailed-search input[type='submit'] {
	font-size: 16px;
	background: #FFDE31;
	width: 100%;
	height: 40px;
	color: #045999;
	display: inline-block;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	outline: none;
	border: none;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-webkit-border-radius: 0;
	-webkit-appearance: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: 'Open Sans', sans-serif;
	cursor: pointer;
}
.def-search .detailed-search input[type='submit']:hover{
	background:#ddd;
	
}
.def-search .detailed-search input[type='text'] {
	padding: 0 8px;
	font-size: 15px;
	height: 40px;
	background-color: #f9f9f9;
	border: 1px solid #bebebe;
	box-sizing: border-box;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.def-search .detailed-search-wrap h3 span {
	color: #d7d7d7;
}

.def-search main {
  width:100%;
  padding: 50px;
  margin: 0 auto;
}

.def-search section {
  display: none;
}

.def-search .detailed-search-wrap label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 5px 0px !important;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
}

.def-search .detailed-search-wrap label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

/*label[for*='1']:before { content: '\f1cb'; }
label[for*='2']:before { content: '\f17d'; }
label[for*='3']:before { content: '\f16b'; }
label[for*='4']:before { content: '\f1a9'; }*/

.def-search .detailed-search-wrap label:hover {
  color: #888;
  cursor: pointer;
}

.def-search .detailed-search-wrap input:checked + label {
  color: #ddd;
	font-size:20px;
  border-bottom: 1px solid #fff;
}

.def-search #tab1:checked ~ #content1 {
  display: block;
}

@media screen and (max-width: 650px) {

  .def-search label:before {
    margin: 0;
    font-size: 18px;
  }
}

@media screen and (max-width: 400px) {
  .def-search label {
    padding: 15px;
  }
}

#slider-range {margin-top:10px !important;}
.searchfield h6 { color:#fff; display: inline-block;}
.noUi-pips-horizontal {padding:12px 0 !important; color:#fff;}
.noUi-marker.noUi-marker-horizontal {width:1px !important;}
.noUi-marker noUi-marker-horizontal noUi-marker-normal {left:20% !important;}
.label {margin-top:15px; float:left; width:33%; font-size:9px; color:#fff; letter-spacing: 1px;}
.labelmiddle {margin-top:15px; float:left; width:33%; text-align:center; font-size:9px; color:#fff; letter-spacing: 1px;}
.labellast {margin-top:15px; float:left; width:33%; text-align:right; font-size:9px; color:#fff; letter-spacing: 1px;}
.example-white { color:#fff; font-size:16px;}
.column3 .searchfield {width:90%; margin: 0 auto;}


/**---- SCROLLING MANU BAR -----------------------------*/
.brandbar{
	background:#fff;
	margin: 0 auto;
	text-align: center;
	padding:10px 0px;
	width: 85%;
	top:0;
	left: 0;
	right:0;
}
.manu-slider img{width:90%;  padding: 0px 15px; border:.5px solid #fff;}
.manu-slider img:hover {opacity:.7; border:.5px solid #ddd;-webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s;}


/*-------- FOOTER STYLES ----------------*/
footer{background: #E7E7E7; display: inline-block; padding:20px 0 0 0; width: 100%; text-align: left;}
.footer-col {display: inline-block; width: 22%; vertical-align: top; text-align: left; padding:10px 0;}
p#copyright {border-top:1px solid #FFFFFF; padding:10px 0;}
.footer-col h5 {font-weight: bold;}
.footer-col p a {color:#000; letter-spacing: 1px; transition: .2s ease; font-size:15px;}
.footer-col p a:hover {color:#000; letter-spacing: 1.5px;}
p#copyright {font-weight: bold; font-size:14px; letter-spacing: 1px;}



/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1880px) {
    
}

@media only screen and (max-width: 1800px) {
	.angle-absolute img {height: 36.3vw;}
	
	.video-hp {width: 47%;}
	.hero-text {top:32%;}

}
@media only screen and (max-width: 1790px) {
    .ql {width: 19.86%;}
    
    .ql-text h3 {font-size:19px;}
}

@media only screen and (max-width: 1604px) {
  
	.logo-2 {width: 27.2%;}
}


@media only screen and (max-width: 1500px) {
	.logo img {width: 275px;}
	.angle-absolute img {height: 36vw;}
	
	.ql-text h5 {font-size:16px;}
	header .drk-blue {text-align: right;margin: 0 auto;}
	header .blue {display: block;}
	.hero-text {top:24%;}
}
@media only screen and (max-width: 1440px) {
		.hero-text {top:21%;}
}
@media only screen and (max-width: 1416px) {
    .ql {
        width: 19.85%;
    }
    .ql-text h3 {font-size:18px;}
}
@media only screen and (max-width: 1350px) {
	.logo img {width: 275px;}
	.angle-absolute img {height: 34vw;}
	.location {width: 33.3%;}
	#blue6 {background:#000;display: inline-block; height: 322px; }
	#blue6 .width-70 h4 {padding-top:25px;}
	#blue6 .width-70 h5 {padding-bottom:25px;}
	.logo-2 {position: relative; width: 100%; text-align: center; background:#fff;}
	.loc-left {width: 50%;}
	.loc-right {width: 49%;}
	.col-5 {width: 45%;}
		.hero-text {top:21%;}
	.service-specials {display: none;}
	.winter-specials-mobile {display: block;}
	.specials-70 p {font-size: 16px; line-height: 25px;}
	.pf-col {width: 45%; }
}
@media only screen and (max-width: 1322px) {
    .ql{
        width:19.84%}
    .ql-text h3 {font-size:16px;}
}
@media only screen and (max-width: 1290px) {
	.angle-absolute{display: none;}
	.hero {width: 100%;}
	.logo {position: relative;margin: 0 auto; text-align: center; background:#F0F0F0; padding:10px 0; left: 0; top:0;z-index: 9;}
	header .drk-blue {text-align: center;}
	.blue {display: block;}
	.hero-btn {display: inline-block;}
	.column3 {width: 49%;}
	.column3.last {width: 46%;}
	.ql-text h3 {font-size:16px;}
	#padding100 {padding: 50px 0;}
	#padding50{padding: 25px 0;}
	#padding25{padding: 15px 0;}
	.location {width: 50%;}
	.video-hp {width: 100%; margin: 0 auto; padding:10px 0;}
	.gray-bg-pattern {height: 600px;}
	.footer-col {width: 45%;}
	.winter-specials {display: block;}
	.specials-70 {width: 97%; align-items: center; background:url(../siteart/servicespecials.jpg); color:#fff; border:10px solid #fff;}
	.specials-30 {width: 100%; align-items: center;}
	.specials-70 h1 {color:#FFDE31; font-size: 30px;}
	.specials-70 p {font-size: 18px; line-height: 35px;}
	.pf-col {width: 43%; padding: 25px 0;}


}
@media only screen and (max-width: 1240px) {
    .ql {
        width: 19.83%;
    }
    .ql-text {width: 95%;}
}
@media only screen and (max-width: 1175px) {
    .ql {
        width:19.8%}
}
@media only screen and (max-width: 1165px) {
	.angle-absolute img {height: 40vw;}
	.ql {width: 100%; padding:8px 0;}
	.ql-text {padding:0;}
	.width-50 {width: 85%;}
	.col-4 {width: 46%;}
	.hero-text {top:18%;}
    .ql-text h3 {
        font-size: 22px !important;
    }
    .ql-text h5 {
        font-size: 18px !important;
    }

}
@media only screen and (max-width: 1000px) {
	.specials-70 h1 {color:#FFDE31; font-size: 22px; line-height: 30px;}
	.specials-70 p {font-size: 16px; line-height: 25px;}

}


@media only screen and (max-width:800px) {
	.hero-text {position: relative; top:0; left:0; margin: 0 auto; text-align: center; padding:25px 0;display: inline-block;width: 100%; background:#000;}
	.width-70 {width: 90%;}
	.width-90 {width: 95%;}
	header .blue-btn {padding:10px 7px; margin: 0 2px; font-size:12px;}
	.gray-btn {font-size:16px;}
	h1 {font-size:28px;}
	h2 {font-size:25px;}
	.blue h3 {text-align: center;}
	.hero-btn {width: 80%;}
	.col-4 {width: 98%; margin: 0 auto;}
	.loc-left {width: 100%; text-align: center;height: auto;}
	.loc-right {width: 100%;}
	.text-left {width: 65%;}
	.careers-right {width: 34%; font-size:12px;}
	.about-left {width: 100%;}
	.about-right {width: 100%;}
	.product-list p {font-size:14px; line-height: 24px;}
	p {font-size:14px; line-height: 24px;}
	.pf-col {width: 100%; margin: 0 auto; padding: 25px 0;}


}
@media only screen and (max-width:600px) {
	.ql {width: 99%;}
	.farm-bg {background:#ddd}
	.column3 {width: 100%; padding:0px 10px;}
	.column3.last {width: 100%;}
	.width-50 {width: 90%;}
	.location {width: 100%;}
	#blue6 {height: auto; }
	#blue6 .width-70 {padding:20px 0;}
	.col-5 {width: 100%; padding:15px 0;}
	.text-left {width: 100%;}
	.careers-right {width: 100%; font-size:12px;}
	h5#pf {font-size: 14px;}
	.pf-products img {max-width: 200px; padding:15px 0;}
	p#cust-support {line-height: 18px;}
	header .blue-btn {margin: 0; padding:8px 4px; font-size: 11px;}
	.job-post .col-5 a {font-size: 14px;}
	
	.def-search input {width: calc(100% - 1em);}

}