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

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

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

/*============================
ALL PAGES
============================*/
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

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

.smwrap {width:95%;margin:0 auto;max-width:1200px;}

h1, h2, h3, h4, h5 {font-family: 'Open Sans', sans-serif;text-transform:uppercase;}

a {transition: all .5s ease;}

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

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

-webkit-transition: all .5s ease; 
-moz-transition: all .5s ease; 
-ms-transition: all .5s ease; 
-o-transition: all .5s ease; 
transition: all .5s ease;

======================================*/

/*============================
HEADER
============================*/

header {width:100%;float:left;background:#fff;border-top:4px solid #388025;box-shadow:2px 2px 10px #000;position:relative;z-index:2;}

.tophead {width:65%;float:right;}
.greenangle {width:0;height:0;float:left;border-top:65px solid #388025;border-left:50px solid transparent;}

.fullgreen {width:calc(100% - 50px);float:right;height:65px;background:#388025;}
.fullgreen h3 {width:100%;float:right;padding-right:0px;box-sizing:border-box;color:#fff;font-size:18px;padding-top:20px;text-align:right;letter-spacing:3px;text-align:center;}
.margs {margin:0 20px;}

.fullgreen h3 a {color:#fff;text-decoration:none;}
.fullgreen h3 a:hover {text-decoration:underline;}

.middlehead {width:100%;float:left;}
.mainlogo {width:300px;float:left;margin-top:-65px;}
.mainlogo img {width:275px;float:left;margin:5px 0 0px}


/*============================
SLIDESHOW
============================*/
.slide-contain {
	width:100%;
	float:left;
	position:relative;
	z-index:1;
}

.cycle-slideshow {
	width:100%;
	overflow:hidden;
	float:left;
	display:block;
}
.cycle-slideshow img {display:block; width:100%; float:left}

/* pager */
.pager { 
    text-align:center; width:100%; margin:-50px 0 -2px; position:relative; z-index:999; float:left;
}
.pager span { 
    font-family:arial; font-size:40px; width:16px; height:16px; display:inline-block; color:rgba(255,255,255,0.8); cursor:pointer; 
}
.pager span.cycle-pager-active { color:#000;}
.pager > * { cursor:pointer;}

/*============================
USED BUTTON
============================*/

.usedbutton {width:100%;float:left;background:url("../siteart/wheat.jpg");background-size:cover;background-attachment:fixed;border-top:5px solid #388025}
.whiteoverlay {width:100%;float:left;background:rgba(255,255,255,.75);}

.usedbutton h2 {width:100%;float:left;padding:30px 0;}
.usedbutton h2 a {width:100%;float:left;background:rgba(0,0,0,0.50);color:#fff;text-decoration:none;letter-spacing:3px;font-size:25px;border:3px solid #388025;padding:15px;box-sizing:border-box;text-align:center;

-webkit-transition: all .5s ease; 
-moz-transition: all .5s ease; 
-ms-transition: all .5s ease; 
-o-transition: all .5s ease; 
transition: all .5s ease;}

.usedbutton h2 a:hover {background:#388025}

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

.welcome {width:100%;float:left;background:#fff;padding:30px 0 60px}

.welcome h3 {width:100%;float:left;text-align:center;color:#000;font-weight:600;letter-spacing:7px;}
.welcome h1 {width:100%;float:left;text-align:center;font-size:55px;color:#388025;font-style:italic;}
.blackbar {width:100%;max-width:500px;margin:20px auto;background:#000;height:3px;}
.welcome p {width:100%;float:left;text-align:center;color:#000;font-size:18px;line-height:35px;}

/*============================
FOOTER
============================*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}
.scrolls {width:100%;float:left;background:#388025;padding:15px 0;}

footer {width:100%;float:left;background:url("../siteart/wheat.jpg");background-size:cover;background-attachment:fixed;}

.topfoot {width:100%;float:left;background:rgba(255,255,255,0.75);padding:30px 0;}
.foothalves {width:50%;float:left;}

.foothalves h2 {width:100%;float:left;color:#388025;letter-spacing:3px;margin-bottom:10px;}
.foothalves p {width:50%;float:left;color:#000;line-height:25px;font-weight:700;}
.foothalves p a {color:#000;text-decoration:none;line-height:32px;}
.lrgheight {line-height:32px!important;}

.foothalves p a:hover {color:#388025;text-decoration:underline;}

.footlogo {width:100%;float:left;background:rgba(255,255,255,0.85);padding:40px 0;border-top:1px solid #aaa;}
.footlogo img {width:100%;max-width:300px;margin:0 auto;display:block;}

.bottomfoot {width:100%;float:left;background:#efefef;border-top:1px solid #aaa;padding:10px 2.5%;box-sizing:border-box;}
.bottomfoot p {width:50%;float:left;color:#999;font-size:10px;letter-spacing:2px;padding:3px 0;text-transform:uppercase;}
.bottomfoot a {color:#999; text-decoration: none;}
.bottomfoot a:hover {color: #388025; transition: all .2s ease-in-out;}

/*============================
SEARCH
============================*/
.subsearch {background:#f4f4f4;width:100%;float:left;}

.quicksearch {background:url("../siteart/squares_@2X.png") repeat;width:100%;float:left;border-top:5px solid #388025;}
.detailedSearch {
width:100%;
float:left;
padding:33px 0 10px;	
background:#fff;
	background:url(../siteart/topography.png) repeat;
}

.subsearch .detailedSearch {padding:0 0 10px 0;}

.detailedSearch h2 {
margin-bottom:10px;	
font-family: 'Open Sans', sans-serif;
font-size:35px;
color:#388025;
}
.subsearch .detailedSearch h2 {color:#fff;}

.detailedSearch form {
width:100%!important;
max-width:none!important;	
}



.detailedSearchtwo {
width:100%;
float:left;
padding:50px 0 40px;	
background:#fff;
box-shadow:0 -4px 10px #000;
}

.detailedSearchtwo h1 {
margin-bottom:20px;	
color:#fff!important;
font-size:35px;
}

.detailedSearchtwo form {
width:100%!important;
max-width:none!important;	
}



.cd-tabs{position:relative;width:100%}
.cd-tabs:after{content:"";display:table;clear:both}
.cd-tabs::after{position:absolute;top:0;right:0;z-index:1;pointer-events:none;background:-webkit-linear-gradient(right,#f8f7ee,rgba(248,247,238,0));background:linear-gradient(to left,#f8f7ee,rgba(248,247,238,0));visibility:visible;opacity:1;-webkit-transition:opacity .3s 0s,visibility 0 0;-moz-transition:opacity .3s 0s,visibility 0 0;transition:opacity .3s 0s,visibility 0 0}
.no-cssgradients .cd-tabs::after{display:none}
.cd-tabs.is-ended::after{visibility:hidden;opacity:0;-webkit-transition:opacity .3s 0s,visibility 0 .3s;-moz-transition:opacity .3s 0s,visibility 0 .3s;transition:opacity .3s 0s,visibility 0 .3s}
.cd-tabs-navigation{width:100%}
.cd-tabs-navigation:after{content:"";display:table;clear:both}
.cd-tabs-navigation li{float:left;width:33.33%;list-style-type:none!important}
.cd-tabs-navigation a{position:relative;display:block;text-align:center;font-size:20px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;color:#fff;padding:10px!important;text-decoration:none;background-color:none;font-family: 'Open Sans', sans-serif; text-transform:uppercase;}
.no-touch .cd-tabs-navigation a:hover{color:#fff;background-color:#ACACAC;}
.cd-tabs-navigation a.selected{background-color:#388025!important;color:#fff}

.subsearch .cd-tabs-navigation a.selected{background-color:#000!important;color:#fff}

.cd-tabs-navigation a::before{position:absolute;top:12px;left:50%;margin-left:-10px;display:inline-block;height:20px;width:20px;background-image:url(../img/vicons.svg);background-repeat:no-repeat}
.cd-tabs-navigation a[data-content='equipment']::before{background-position:0 0}
.cd-tabs-navigation a[data-content='parts']::before{background-position:-20px 0}
.cd-tabs-navigation a[data-content='equipment'].selected::before{background-position:0 -20px}
.cd-tabs-navigation a[data-content='parts'].selected::before{background-position:-20px -20px}
.cd-tabs-content{background:none;border-top:3px solid #388025; display:inline-block;width:100%;padding:20px;height:auto!important;box-sizing:border-box}

.subsearch .cd-tabs-content{background:none;border-top:3px solid #000; display:inline-block;width:100%;padding:20px;height:auto!important;box-sizing:border-box}

.cd-tabs-content li{display:none}
.cd-tabs-content li.selected{display:block;-webkit-animation:cd-fade-in .5s;-moz-animation:cd-fade-in .5s;animation:cd-fade-in .5s}
.cd-tabs-content li p{font-size:14px;font-size:.875rem;line-height:1.6;color:#8493bf;margin-bottom:2em}
@-webkit-keyframes cd-fade-in{0%{opacity:0}100%{opacity:1}}
@-moz-keyframes cd-fade-in{0%{opacity:0}100%{opacity:1}}
@keyframes cd-fade-in{0%{opacity:0}100%{opacity:1}}



.detailed-form h2 {
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	font-weight:500;
	font-size:34px;
}

/*============================

============================*/



/*============================
SUB PAGES
============================*/

.toptitle {width:100%;float:left;background:url("../siteart/wheat.jpg");background-size:cover;background-attachment:fixed;}
.toptitle h1 {width:100%;float:left;text-align:center;color:#388025;font-size:45px;font-style:italic;text-align:center;padding:30px 0;}

.submain {width:100%;float:left;background:#fff;padding:30px 0 60px;}
.submain p {color:#000;font-size:18px;line-height:28px;}

.infoleft {width:320px;float:left}
.mapright {width:calc(100% - 340px);float:right;}

.breaker {width:100%;float:left;margin:30px 0;border-top:1px solid #aaa;}

/*EQUIPMENT BOXES===============================*/
.equipment-contain {
		padding:0 0 30px 0;	
		width: 100%;
		float: left;
		background-size: 100%;
		background:white;
	}
		
/* Category Box */
	.categorybox {
		background-color: #000;
		float:left;
		width: 30%;
		margin: 0 0 0 0;
		box-sizing: border-box;
		height:300px;
		margin: 1%;
		position:relative;
		overflow:hidden;
		background-position:center center;
		background-repeat:no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		border:1px #000 solid;
	}
	
	.categorybox .categorybox-title {
		text-align:center;
		width:90%;
		position:absolute;
		top:50%;
		left:50%;
		transform: translate(-50%,-50%); 
		-webkit-transform: translate(-50%,-50%); 
		-ms-transform: translate(-50%,-50%);
		font-size:20px;
		color:#fff;
		font-family: 'Montserrat', sans-serif;
		font-weight:700;
		
		margin:0 0 0 0;
		text-transform:capitalize;
		z-index:99;
	}
	
	.categorybox:after { 
		content: " ";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #000;
		opacity: 0.3; 
		transition: .3s all;
		display:block;
	}
	.categorybox:hover:after {
		opacity: .5;
		background:#000;
	}
	
	a .categorybox {
		color:#fff;
		-webkit-transition:all .3s ease;
		-ms-transition:all .3s ease;
		transition:all .3s ease;
	}
	

/*SPANS*/ 
	.underline { text-decoration:underline; color:#388025;}
	
/* HOVER CATEGORY BOXES */	
	.invlinkbox {
		float:left;
		width:100%;
		height:300px;
		margin: 0 0 0 0;
		background-position:center center;
		background-repeat:no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		-webkit-transform:translateZ(0);
		transform:translateZ(0);
		z-index:1000;
		position:relative;
		overflow:hidden;
		box-sizing:border-box;
		cursor:pointer;
		font-family: 'Montserrat', sans-serif;
	}
	.invlinkbox a {
		color:#fff;
		font-size:14px;
	}
	.invlinkbox a:hover { 
		color:#388025;
	}
	.invlinkbox p a { 
		text-decoration:underline;
	}
	.invlinkbox::before{
		content:' ';
		position:absolute;
		top:100%;
		right:0;
		bottom:0;
		left:0;
		background:rgba(0,0,0,1);
	}
	.invlinkbox:hover::before{
		background:rgba(0,0,0,1);
		top:0;
	}
	.caption__media{
		display:block;
		min-width:100%;
		max-width:100%;
		height:auto;
	}
	.caption__overlay{
		position:absolute;
		top:0;
		right:0;
		left:0;
		padding:5px 0 10px 10px;
		color:#fff;
		-webkit-transform:translateY(300px);
		transform:translateY(300px);
		transition:-webkit-transform .35s ease-out;
		transition:transform .35s ease-out;
		line-height:1.2 !important;
	}
	.invlinkbox:hover .caption__overlay{
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}
	.caption__overlay__title{
		transition:-webkit-transform .35s ease-out;
		transition:transform .35s ease-out
	}
	.invlinkbox:hover .caption__overlay__title{
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}

/*==================================
FORMS
==================================*/

#quotes {
width:100%;
display:block;
margin:20px auto;
font-size:16px;
color:#000;
}

#quotes tbody {width:100%;float:left;}

#quotes tr {
width:50%;
float:left;
padding:7px;
box-sizing:border-box;
}


#quotes td {
width:100%;
float:left;
font-size:14px;
}

#quotes td p {
font-size:14px;	
}


.fulltd2 {
width:100%!important;
float:none!important;
max-width:500px!important;
display:block!important;
margin:0 auto!important;	
}



#quotes input {
	padding:12px 10px;
	box-sizing:border-box;
	background:#fff;
	border:1px solid #B4B4B4;
	font-weight:300;
	color:#000;
	font-size:12px;
	font-family: 'Open Sans', sans-serif;
}

#quotes textarea {
	padding:12px 10px;
	border:1px solid #b4b4b4;
	font-weight:300;
	color:#000;
	font-size:12px;
	background:#fff;
	box-sizing:border-box;
	font-family: 'Open Sans', sans-serif;
}

#quotes .CaptchaMessagePanel {
color:#000;
}

#quotes .CaptchaWhatsThisPanel a {
color:#000;	
}

 
/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#quotes select {
	padding:12px 10px;
	box-sizing:border-box;
	background:#fff;
	border:1px solid #B4B4B4;
	font-weight:300;
	color:#000;
	font-size:12px;
	width:100%;
}
   
#quotes input  {
    width:100%;
}
 
#quotes input.larger  {
    width:100%;
}

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


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

#quotes p {
	text-align:left;
	
	width:auto;
}

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

#quotes input.radio:focus,
#quotes input.checkbox:focus {
	background:none; 
	border:0;
	outline-style:none;
}
 

#quotes input.button,
#quotes input.button:focus {
    width:300px; 
    margin:0;
    padding:20px 5px;
    background:#000;
	 font-weight:600;
	 font-size:14px;
	text-transform:uppercase;
	border-radius:0px;
	border-bottom:none!important;
	line-height:14px;
	letter-spacing:2px;
	text-align:center;
	border:0!important;
    color:#fff;
	margin-top:10px;
	cursor: pointer;
	transition: all .2s ease-in-out;
}
#quotes input.button:hover {
	background:#aaa;
}

#quotes label.basic {
    color:#212121;
    font-size:13px;
    text-align:left;
}
#quotes label.checkbox {
  /*  color:#212121;*/
    font-size:13px;
    text-align:left;
    display:inline;
    padding:0;
}
 
#quotes .fulltd {
width:100%!important;
margin-right:0;	
}

.mobilehead {display:none;}

/*==============================================
================================================
RESPONSIVE
================================================
==============================================*/


@media screen and (max-width: 1550px) { 
	.tophead {width:73%;}
	.fullgreen h3 {padding-right:2.5%!important;text-align:right;}
}

@media screen and (max-width: 1450px) { 
	
	.fullgreen h3 {font-size:16px;letter-spacing:1px;}
}


@media screen and (max-width: 1350px) { 
	.categorybox {width:31.33%;height:265px;}
	.invlinkbox {height:265px;}
}

@media screen and (max-width: 1100px) { 
	.mobilehead {display:block;width:100%;float:left;}
	.tophead {display:none;}
	.mainlogo {width:200px;margin-top:0px;padding-left:2.5%;box-sizing:border-box;}
	.mainlogo img {width:100%;}
	header {border-top:none;}
	.mobileangle {width:0;height:0;float:right;border-top:115px solid #388025;border-left:50px solid transparent;display:block;}
	#mobilenone {display:none;}
	
	.foothalves {width:100%;margin-bottom:20px;}

	.invlinkbox::before {background:rgba(0,0,0,.65);top:0;}
	.caption__overlay {transform:none;}
}


@media screen and (max-width: 800px) { 
	.infoleft {width:100%;}
	.infoleft p {text-align:center;}
	.mapright {width:100%;margin-top:20px;}
	
	.categorybox {width:48%;height:275px;}
	.invlinkbox {height:275px;display:block;}
	.cd-tabs-navigation a {font-size: 14px;}
}

@media screen and (max-width: 500px) { 
	.foothalves h2 {text-align:center;}
	.foothalves p {width:100%;text-align:center;}
	.bottomfoot p {width:100%;text-align:center!important;}
	
	#quotes tr {width:100%;}
	.categorybox {width:100%;height:275px;margin:1% 0;}
	.invlinkbox {height:275px;}
	
	.welcome h1 {font-size:45px;}
}

@media screen and (max-width: 350px) { 
	.mainlogo {width:150px;}
	.mobileangle {border-top:87px solid #388025}
}