@charset "utf-8";
/***** BEGIN RESET *****/

* {
    border:0;
    margin:0;
    padding:0;
	box-sizing: border-box;
}

body {
	-webkit-text-size-adjust: none;
	background:#fff;
	overflow-x:hidden;
	line-height:1!important;
	font-family: 'Roboto', sans-serif;
}

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

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

/****************************************************************************hover easing style

			-webkit-transition: all .5s ease; /* Safari and Chrome */
  /*  		-moz-transition: all .5s ease; /* Firefox */
  /*  		-ms-transition: all .5s ease; /* IE 9 */
  /*  		-o-transition: all .5s ease; /* Opera */
  /*  		transition: all .5s ease;


/*========================
ALL PAGES
========================*/
p {font-family: 'Roboto', sans-serif;}
a {text-decoration: none;}

h1, h2, h3, h4, h5, h6 {font-family: 'Roboto Condensed', sans-serif;}

.wrap {width:95%;margin:0 auto;max-width:1400px;}

/*=======================
HEADER
=======================*/
.header.clone {position: fixed; top: -888px; left: 0; right: 0; z-index: 999; transition: 0.4s top cubic-bezier(.3,.73,.3,.74);}
body.down .header.clone {top: 0;}

header {width:100%;position:absolute; z-index: 1; box-shadow: 0 0 10px #000;}

.tophead {width:100%;float:left;background:url("/siteart/bluestripes.jpg");background-size:cover;padding:10px 0;}

.tophead a {color:#fff!important;text-decoration:none; font-family: 'Roboto Condensed', sans-serif;}

.tophead p {color:#fff;font-size:16px;font-family: 'Roboto Condensed', sans-serif;}

.leftop {width:33.33%;float:left;}

.rightop {width:66.66%;float:right;}

.mainhead {width:100%;float:left;background:rgba(255,255,255,.60);backdrop-filter: blur(10px);}

.logo {width:300px;float:left;}

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

.rightop p {text-align:right; text-transform:uppercase;}



/*========================
mainimg
========================*/

.mainimg {width:100%;float:left;background:url("/siteart/mainimg.jpg");background-size:cover;background-position:top;padding:134px 0 150px 0;position:relative;z-index:0;}

.tagline {width:100%;float:left;padding-top:80px;}
.tagline img {width:100%;max-width:800px;margin:0 auto;display:block;}

/*========================
WELCOME
========================*/

.welcomesection {
	width:100%;float:left;position:relative;z-index:1;margin-top:-75px;
}

.subwelcomesection {
	width:100%;float:left;position:relative;z-index:1;margin-top:-75px;
}

.blueangle {width:100%;float:left;}
.blueangle img {width:100%;float:left;}

.bluebg {width:100%;float:left;background:#075f9b;padding:50px 0;box-sizing:border-box;}

.textleft {width:calc(100% - 300px);float:left;padding-right:40px;box-sizing:border-box;}
.welcomesection h3 {width:100%;float:left;text-transform:uppercase;font-size:18px;color:#fff;font-weight:500;letter-spacing:10px;padding-left:10px;box-sizing:border-box;margin-bottom:10px;}

.welcomesection h1 {font-family: 'Yellowtail', cursive;color:#fff;font-size:55px;width:100%;float:left;}

.welcomesection p {width:100%;float:left;margin-top:20px;font-size:18px;line-height:27px;color:#fff;}

.imgright {width:300px;float:left;margin-top:50px;}

.imgright img {width:100%;float:left;padding:5px 0;}


.textleft2 {width:calc(100% - 400px);float:left;padding-right:40px;box-sizing:border-box;}
.imgright2 {width:400px;float:left;margin-top:60px;}

.imgright2 img {width:100%;float:left;padding:5px 0;}
.imghalves {width:50%;float:left;padding:20px 10px 0px;box-sizing:border-box;}
.imghalves img {width:100%;}

.follow {width:100%;float:left;}
.follow a h2 {width:100%;float:left;text-align:center;background:#034978;padding:10px;box-sizing:border-box;color:#fff;text-decoration:none;margin-top:20px;text-transform:uppercase;letter-spacing:3px;border:1px solid #fff;
-webkit-transition: all .5s ease; 
-moz-transition: all .5s ease; 
-ms-transition: all .5s ease; 
-o-transition: all .5s ease; 
transition: all .5s ease;}

.follow a h2:hover {background:#05548A}

/*========================
CTAS
========================*/

.ctas {width:100%;float:left;background:#075f9b;border-top:2px solid #fff;padding-top:10px;}
.ctathird {width:50%;float:left;}
.ctaoverlay {width:100%;float:left;background:rgba(0,0,0,0.60);padding:15px;box-sizing:border-box;-webkit-transition: all .5s ease; 
-moz-transition: all .5s ease; 
-ms-transition: all .5s ease; 
-o-transition: all .5s ease; 
transition: all .5s ease;}
.ctaborder {width:100%;float:left;box-sizing:border-box;border:1px solid #fff;padding:90px 10px;}
.ctas h3 {width:100%;float:left;color:#fff;text-transform:uppercase;font-size:18px;text-align:center;font-weight:500;}
.ctas h2 {width:100%;float:left;text-align:center;font-size:35px;text-transform:uppercase;letter-spacing:-2px;color:#fff;}

#brands {background:url("/siteart/grain.jpg"); background-size:cover;background-position:center;}
#newequip {background:url("/siteart/new.jpg");background-size:cover;background-position:center;}
#usedequip {background:url("/siteart/seed tender1.jpg");background-size:cover;background-position:center 26%;}
#size {background:url("/siteart/size.jpg");background-size:cover;background-position:center;}

.ctathird:hover .ctaoverlay {background:rgba(0,0,0,0.30)}

/*========================
map
========================*/
.abovemap {width:100%;float:left;padding:10px 0;background:url("/siteart/blackstripes.jpg");background-size:cover;}

.abovemap h2 {width:calc(100% - 250px);float:left;text-transform:uppercase;font-size:22px;color:#fff;font-weight:500;padding:5px 0;}

.abovemap a {width:250px;float:right;background:#075f9b;color:#fff;text-align:center;text-transform:uppercase;font-size:18px;font-weight:500;padding:10px;box-sizing:border-box;border:1px solid #fff;font-family: 'Roboto Condensed', sans-serif;text-decoration:none;}

.map {width:100%;float:left;height:300px;}



/*========================
FOOTER
========================*/
.wheat {width:100%;float:left;background:url("/siteart/wheat.jpg");background-attachment:fixed;}

.scroll {width:100%;float:left;background:rgba(255,255,255,.50);padding:0px 0;border-top:4px solid #000;border-bottom:4px solid #000;}

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

footer {width:100%;float:left;background:rgba(7,95,155,.80);padding-top:3em;padding-bottom:3em; font-family: 'Roboto', sans-serif;}

.footlogo {width:33.33%;float:left;}
.footlogo img {width:100%;float:left;max-width:250px;margin-top:30px;}

.quick {width:43.33%;float:left;}

.contactfoot {width:23.33%;float:left;}

.quickhalves {width:50%;float:left;}

footer h2 {color:#fff;text-transform:uppercase;font-size:30px;}

footer p {color:#fff;font-size:18px;text-transform:uppercase;line-height:27px;margin-top:10px;}

footer p a {color:#fff;text-decoration:none;width:100%;}

.fb {width:100%;float:left;border-top:1px solid rgba(122,122,122,1.00);padding:20px;margin-top:30px;box-sizing:border-box;}
.fb h2 {text-align:center;}

.fb .fa {margin-left:15px;}

.fb a {color:#fff;text-decoration:none;}

.bottomfoot {width:100%;float:left;padding:10px 0;background:#085487;border-top:1px solid #A2A2A2}

.bottomfoot p {color:#fff;width:50%;float:left;text-transform:uppercase;font-size:12px;}

/*========================
SUBPAGES
========================*/

.title {width:100%;float:left;background:url("/siteart/mainimg.jpg");background-size:cover;background-position:center;padding:210px 0 150px 0;position:relative;z-index:0;background-attachment:fixed;}

.title h1 {width:100%;float:left;text-align:center;font-family: 'Yellowtail', cursive;font-size:85px;text-shadow:0 0 5px #000;color:#fff;text-shadow: -3px 0 #075f9b, 0 3px #075f9b, 3px 0 #075f9b, 0 -3px #075f9b;}

.submain {width:100%;float:left;padding:40px 0;background:#fff;}


.aboutsec h3 {width:100%;float:left;text-transform:uppercase;font-size:18px;color:#000;font-weight:500;letter-spacing:10px;padding-left:10px;box-sizing:border-box;margin-bottom:10px;}

.aboutsec h2 {font-family: 'Yellowtail', cursive;color:#000;font-size:55px;width:100%;float:left;}

.aboutsec p {width:100%;float:left;margin-top:20px;font-size:18px;line-height:27px;color:#000;}
.aboutsec {width:100%;float:left;padding:20px 0 0px;}


.staff {width:100%;float:left;padding:30px 0;border-top:1px solid #aaa;}
.staffimg {width:300px;float:left;}
.staffimg img {width:100%;float:left;}

.staffinfo {width:calc(100% - 300px);float:left;padding-left:20px;box-sizing:border-box;}
.staffinfo h4 {width:100%;float:left;text-transform:uppercase;font-size:25px;}
.staffinfo p {width:100%;float:left;font-size:18px;}


/*Contact Form======================================================*/


.conform {
	width:100%;
	padding:20px;
	box-sizing:border-box;
	display:block;
	margin:0 auto;
	margin-top:0px;
	float:left;	
}

.conform h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:normal;
	font-size:25px;
}

#formpage {
width:100%;
float:left;
color:#000;	
font-family: 'Roboto', sans-serif;
font-size:16px;
margin:0px 0 0;
}

.halfform {
width:50%;
float:left;	
}

#formpage tr {
width:100%;
float:left;	

}

#formpage td {
width:50%;
float:left;
margin:0px 0 20px;
	padding:0 5px;box-sizing:border-box;
}

.fulltd {
width:98%!important;	
}

#formpage input {
	padding:10px;

	box-sizing:border-box;
	border:1px solid #414141;
	font-family: 'Roboto', sans-serif;
	color:#8e8d8d;
	font-size:12px;
	margin-top:3px;
	-webkit-transition: all .3s ease; /* Safari and Chrome */
    -moz-transition: all .3s ease; /* Firefox */
    -ms-transition: all .3s ease; /* IE 9 */
    -o-transition: all .3s ease; /* Opera */
    transition: all .3s ease;
}

#formpage textarea {
	padding:10px;

	box-sizing:border-box;
	border:1px solid #414141;
	font-family: 'Roboto', sans-serif;
	color:#8e8d8d;
	font-size:12px;
	-webkit-transition: all .3s ease; /* Safari and Chrome */
    -moz-transition: all .3s ease; /* Firefox */
    -ms-transition: all .3s ease; /* IE 9 */
    -o-transition: all .3s ease; /* Opera */
    transition: all .3s ease;
}
 
/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {
	box-sizing:border-box;
	border:1px solid #414141;
	font-family: 'Roboto', sans-serif;
	color:#8e8d8d;
	vertical-align:middle;
	font-size:12px;
	line-height:normal;
	padding:10px;
	width:100%;
}
   
#formpage input  {
    width:100%;	
}
 
#formpage input.larger  {
    width:100%;
}

#formpage textarea {
    width:100%;
    height:85px;
}

#formpage input.checkbox {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:13px;
    height:13px;
    display:inline;
    background-color:#fff;
 }

#formpage input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
    display:inline;
 }


/* focus states of various types of fields */

#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {

	border:1px solid #d80000;
   
	outline-style:none;
}
#formpage input.radio:focus,
#formpage input.checkbox:focus {
	background:none; 
	border:0;
	outline-style:none;
}
 

#formpage input.button,
#formpage input.button:focus {
    max-width:300px;
	width:100%; 
    padding:15px 0;
    background:#00358b;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:normal;
	font-size:22px;
	box-sizing:border-box;
	display:block;
	margin:0 auto;
	line-height:14px;
    color:#fff;
		-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
	float:none;
}
#formpage input.button:hover {
	background:#000;
	color:#fff;
	cursor: pointer
	
}

/* for plain text next to an input field, if not using a table structure */
#formpage label.basic {
    color:#212121;
    font-size:13px;
    text-align:left;
}
#formpage label.checkbox {
  /*  color:#212121;*/
    font-size:13px;
    text-align:left;
    display:inline;
    padding:0;
}
 

/*control the Captcha */

.CaptchaPanel {
margin:0 0 0 0 !important;
padding:0 0 0 0 !important;
text-align: center;
line-height:normal !important;
}

.CaptchaImagePanel {
margin:0 0 0 0;
padding:0 0 0 0;
}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
max-width:400px;
width:100%;
margin:0 auto;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 0 0;
	padding:8px 0 8px 0 !important;
	width:100%;
	float:left;
	margin-top:10px;
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 


.fulltd {
	width:100%!important;	}

.formthird {
	width:33.33%!important;
}


/**********************************************************************************************************************************************************************************************
***********************************************************************************************RESPONSIVE**************************************************************************************
***********************************************************************************************************************************************************************************************/

@media screen and (max-width: 1155px) { 
	.ctas h2 {font-size:30px;}
	.title, .wheat {background-attachment: inherit; background-position: top;}
}

@media screen and (max-width: 1000px) { 
	.ctathird {width:50%;}
	
	.imgright2 {width:100%;margin:30px 0 0;margin-top:30px;}
	.imgright2 img{width:100%;max-width:500px;margin:0 auto;display:block;float:none;}
	
	.textleft2 {width:100%;padding-right:0;}
	
}

@media screen and (max-width: 900px) { 
	.mainimg {padding:134px 0;}
	.textleft {width:100%;padding-right:0;padding-bottom:40px;}
	.imgright {width:100%;}
	.imgright img {float:none;width:100%;max-width:300px;margin:0 auto;display:block;}
	.welcomesection h3 {text-align:center;}
	.welcomesection h1 {text-align:center;}
	.welcomesection p {text-align:center;}
	
	.footlogo {width:100%;margin-bottom:40px;}
	.footlogo img {margin:0 auto;float:none;display:block;width:100%;max-width:250px;}
	
	.quick {width:66.66%;}
	.contactfoot {width:33.33%;}
	
}

@media screen and (max-width: 805px) { 
	.leftop {display:none;}
	.rightop {width:100%;}
	.rightop p {text-align:center;}
	.imghalves {width:100%;padding:10px 0;}
	.imghalves img{width:100%;max-width:500px;margin:0 auto;display:block;float:none;}
}
	
@media screen and (max-width: 700px) {
	.abovemap h2 {width:100%;text-align:center;}
	.abovemap a {width:100%;}
	
	.staffimg {width:100%;}
	.staffimg img {width:100%;float:none;margin:0 auto;display:block;max-width:300px;}
	.staffinfo {width:100%;padding-left:0;margin-top:20px;}
	.staffinfo h4 {text-align:center;}
	.staffinfo p {text-align:center;}
	.mobilecenter {text-align:center;}
	}
	
@media screen and (max-width: 550px) {
	.quick {width:100%;margin-bottom:40px;}
	.contactfoot {width:100%;}
	footer h2 {font-size:25px;}
	#formpage td {width:100%;}

}

@media screen and (max-width: 500px) {
	.mainimg {padding:100px 0 140px 0;}
	.title {padding: 140px 0;}
	.rightop p {font-size:14px;}
	.logo {width:100%!important;max-width:200px!important;}
	.ctathird {width:100%;}
	.bottomfoot p {width:100%;text-align:center!important;margin:3px 0;}
}