/***** 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; 
	font-family: 'Open Sans', sans-serif;
}

ol, ul, li {list-style: none;}

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

header, nav, article, footer, address, img {  display: block; } 

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

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

h1, h2, h3, h4, h5 {font-weight:700;line-height:normal;margin-bottom:5px; text-transform:uppercase;}
h1 {font-size:30px;}
h3 {font-size:22px; color:#fff;}
h4 {font-size:18px; color:#faa95f; margin-top:10px;}
strong {font-weight:700;}
p, ul li {font-weight:300;font-size:1em;line-height:1.9em;}

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

#sitewidth {width:90%; margin:0 auto;}
.wrapper {width:75%; text-align:left; margin:0 auto;}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, .list-container-flexrow .view-listing-details-link, .modal-content .form-bottom .captcha-and-submit .captcha-placeholder button, .contact-options a, .fin-calc-mobile>a, .page-nav {background:#be1d27 !important; }
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {font-size: 22px; line-height: 26px;}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {background: #be1d27 !important;text-transform: uppercase; letter-spacing: 1px;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button {background: #000 !important;}

.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn {float:none;}
.modal-content .modal-top .modal-title, .listing-description, .list-content .listing-portion-title, .list-content .list-title .list-title-text, .detail-content .dealer-info h3, .dealer-info, .detail-content-mobile .dealer-info h3, .fin-calc p, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {color:#000 !important;}

/* HEADER */
header {max-width:100%;background:#fff; position: relative; text-align:right;overflow-x: hidden; border-bottom:1px solid #ccc;}

.headerright {float:right; width:75%;}

#header-skew {position:absolute; 
    box-sizing: unset;width: 50%; height: 30px; padding:10px 0 10px 0; top:0; z-index:999999999999; right: 0; background:#000; transform-origin: top left; -ms-transform: skew(40deg, 0deg); -webkit-transform: skew(40deg, 0deg); transform: skew(40deg, 0deg); }

.headercontact {display:inline-block; margin:0 auto; font-size:18px; font-weight:400; width:100%; height:100%; color:#fff; line-height:30px; transform-origin: top left; -ms-transform: skew(-40deg, 0deg); -webkit-transform: skew(-40deg, 0deg); transform: skew(-40deg, 0deg); z-index:99999999999999;}
.headercontact a {font-size:18px; color:#fff;}

.logo {padding:30px 0 0; width:33%; float:left;}
.logo img {max-width:100%;height:auto;}


/* MAIN IMAGE */
.main {width:100%;}
.main img {width:100%;}
.tagline {position:absolute; top:40%; width:100%; text-align:center; color:#fff;}
.tagline h1 {font-weight: 400!important; font-size:46px; line-height: 60px;}


/* CTA */
.contactwrap {background:#000 url("../siteart/Killbros-seed-tender.jpg") no-repeat; background-size: cover; padding:5% 0; color:#fff; text-align:left; margin-top:-2%;}


/* ICON BUTTONS */
.homeinventory {width:30%; float:left; margin:.25%}
.homeinventory img {width:100%;}

.hovereffect {width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default;}
.hovereffect .overlay {width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0;}

.hovereffect img {display: block; position: relative; -webkit-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.hovereffect:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
  filter: grayscale(1) blur(3px);
  -webkit-filter: grayscale(1) blur(3px);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.hovereffect a.info {display:inline-block; margin:0 auto; padding-top:25%; font-size:32px; font-weight:400; width:100%; height:100%; color:#faa95f; line-height:30px;}


/* MANU */
.manuleft {float:left; width:15%; background:#be1d27; transform-origin: top left; -ms-transform: skew(40deg, 0deg); -webkit-transform: skew(40deg, 0deg); transform: skew(40deg, 0deg); height:75px; margin:10px 0 10px -5%; padding: 20px 0 0 8%;}
.manuright {float:right; width:77%;}

.manutitle {display:inline-block; margin:0 auto; font-size:24px; font-weight:400; width:100%; height:100%; color:#fff; line-height:30px; transform-origin: top left; -ms-transform: skew(-40deg, 0deg); -webkit-transform: skew(-40deg, 0deg); transform: skew(-40deg, 0deg); z-index:99999999999999;}


/* PRODUCT PAGE */
.prodline {border:1px solid #ccc; padding:1%; margin:.5%; display:inline-block; width:21%; text-align:center;}
.prodline:hover {border:1px solid #be1d27;}
.prodline img {width:80%; margin:0 auto;}


/* FOOTER */
#colorblock {background:#be1d27; color:#fff; font-size:14px; padding:10px 0;} 
#colorblock a {font-size:14px; color:#fff;}
.col_four {display:inline-block; vertical-align:top; width:33%;}

#blackblock {background:#000; color:#fff; font-size:14px; padding:10px 0; margin-top:-5px;}
#blackblock a {color:#fff;}

footer {background:#be1d27; color:#fff;}
footer p {font-weight:300;font-size:14px;line-height:1.4em;}
footer a:link, footer a:active, footer a:visited {text-decoration:none;color:#fff;}
footer a:hover {text-decoration:none;color:#98999a;}

.footleft {float:left; padding:0 0; width:60%;}
.col-3 {display:inline-block; width:23%; margin-right:7%; vertical-align:top;}
.footright {float:right; width:40%; text-align:center;}
.footerskew {width:100%; height: auto;
-webkit-transform: skewX(40deg) skewY(0deg);
-moz-transform: skewX(40deg) skewY(0deg);
-o-transform: skewX(40deg) skewY(0deg);
transform: skewX(40deg) skewY(0deg);
transform-origin:bottom left;
background:#be1d27;
overflow: hidden;
position: relative;
}

.footerweather {
padding:0 0% 0 25%;max-width:100%;height:275px;
-webkit-transform: skewX(-40deg) skewY(0deg);
-moz-transform: skewX(-40deg) skewY(0deg);
-o-transform: skewX(-40deg) skewY(0deg);
transform: skewX(-40deg) skewY(0deg)

}

.foot {float:left; width:50%;}
.footcopy {float:right; width:50%: text-align:right;}


/************************************************ Responsive Styles **/
@media screen and (max-width: 1325px){
	.logo {width:35%;}
	
	.hovereffect a.info {font-size:26px;}
	
	.manuleft {margin-left:-7%;}
	.manutitle {font-size:20px;}
	
}

@media screen and (max-width: 1180px){
	.wrapper {width:90%;}
	
	.logo {width:30%;}
	#header-skew{
		width: 64%;
	}
	.tagline h1 {font-size:32px; line-height:46px;}
	
	.homeinventory {width:32%;}
}

@media screen and (max-width: 1100px){
	.footleft {float:none; width:100%;}
	.footright {float:none; width:100%; height:auto;}
	.footerweather {height:auto; padding:1% 0 3% 0%;}
	
	.footerskew {-webkit-transform: skewX(0deg) skewY(0deg);
	-moz-transform: skewX(0deg) skewY(0deg);
	-o-transform: skewX(0deg) skewY(0deg);
	transform: skewX(0deg) skewY(0deg);
	}

	.footerweather {
	padding:1% 0% 3% 0%;height:auto;
	-webkit-transform: skewX(0deg) skewY(0deg);
	-moz-transform: skewX(0deg) skewY(0deg);
	-o-transform: skewX(0deg) skewY(0deg);
	transform: skewX(0deg) skewY(0deg)

	}
}

@media screen and (max-width: 1024px){
	h1 {font-size:24px;}
	p {font-size:1em;}
	
	.logo {width:45%; margin:40px auto 0;}	
	#header-skew {width:75%;}
	.headercontact {position:relative; z-index:99999999999;}

	.hovereffect a.info {font-size:24px;}
	
	.manuleft {margin-left:-10%; padding-left:12%;}
	.manutitle {font-size:16px; line-height:24px;}
	
	.prodline {width:29%;}
}


@media screen and (max-width: 768px){
	body {overflow-x:hidden;}
	h4 {font-size:14px;}
	
	.logo {padding:30px 0 10px;}
	.tagline h1 {font-size:26px; line-height:36px;}
	
	.hovereffect a.info {font-size:20px;}
	
	.manuleft {margin-left:-12%; padding: 15px 0 0 14%;}
	.manutitle {font-size:13px; line-height:24px;}
	.manuright {width:75%;}
}
 
 

@media screen and (max-width: 680px){
	p {font-size:.75em;}
	
	#header-skew {width:90%;}
	.headercontact {font-size:14px!important;}
	.headercontact a {font-size:14px;}
	
	.logo {display:block; width:65%; margin:30px auto 0;}	
	
	.tagline h1 {font-size:22px; line-height:26px;}
	
	.hovereffect a.info {font-size:15px;}
	
	.manuleft {padding: 30px 0 0 14%;}
	.manutitle {font-size:12px; line-height:16px;}
	
	.prodline {width:45%;}
	}


@media screen and (max-width: 500px){
	h1 {font-size:19px;}
	
	#header-skew {width:100%;}
	.headercontact {font-size:12px;}
	.headercontact a {font-size:12px;}
	
	.tagline h1 {font-size:17px; line-height:22px;}
	
	.manuleft {display:none;}
	.manuright {float:none; width:100%;}
	
	.col_four {width:49%; margin-bottom:10px;}
	
	.foot {float:none; width:100%;}
	.footcopy {float:none; width:100%; text-align:left;}
	

}

@media screen and (max-width: 350px){
	h1 {font-size:18px;}
	
	#header-skew {height:40px;}
	.logo {margin-top:50px;}
	
	.tagline h1 {font-size:14px; line-height:18px;}
	
	.homeinventory {width:100%;}
	
	.prodline {display:block; width:98%; margin:0 auto;}
	
	.col_four {display:block; width:100%;}
}