/* reset -------------------------- */
html,
body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
dfn,
del,
p,
blockquote,
fieldset,
input,
textarea,
select,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
button,
canvas,
video {
    margin: 0;
    padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
address,
caption,
cite,
code,
th,
dfn,
del {
    font-weight: normal;
    font-style: normal;
}
ul,
ol {
  
}
fieldset,
img {
    border: none;
}
caption,
th {
    text-align: left;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
button {
    cursor: pointer;
    line-height: normal;
}
button,
input {
    line-height: normal;
}
input[type="hidden"],
[hidden],
.hidden {
    display: none;
}
textarea {
    overflow: auto;
    resize: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
.clearfix {
    display: block;
}
audio,
canvas,
video {
    display: inline-block;
}
a > img {
    vertical-align: bottom;
}
strong,
b {
    font-weight: bold;
}
em,
i {
    font-style: italic;
}
del {
    text-decoration: line-through;
}
:focus {
    outline: none;
}


/* tools -------------------------- */
.clear {
    clear: both;
    display: block;
    line-height: 0;
    height: 0;
    font-size: 0;
}
.clearfix:after,
.wrap:after,
aside:after,
section:after,
article:after,
.text:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    font-size: 0;
}
.align-left {
    float: left !important;
}
.align-right {
    float: right !important;
}
.overflow-hidden {
    overflow: hidden;
    display: block;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}


.page_success_message {background-color:#DFF2BF; color:#4F8A10; padding:14px; margin-bottom:20px; border: 1px solid #b3ca8b; }
.page_error_message {background-color:#FFBABA; color:#D8000C; padding: 14px; margin-bottom:20px; border:1px solid #e67e7e;}
.page_error_message ul {margin-bottom:0; list-style:disc; list-style-image:none; padding-left:20px; margin-top:10px;}
.page_error_message ul li {margin-bottom:0px;}



@font-face {
    font-family: 'archivo_narrowregular';
    src: url('../fonts/archivonarrow-regular-webfont.eot');
    src: url('../fonts/archivonarrow-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/archivonarrow-regular-webfont.woff2') format('woff2'),
         url('../fonts/archivonarrow-regular-webfont.woff') format('woff'),
         url('../fonts/archivonarrow-regular-webfont.ttf') format('truetype'),
         url('../fonts/archivonarrow-regular-webfont.svg#archivo_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'archivo_narrowbold';
    src: url('../fonts/archivonarrow-bold-webfont.eot');
    src: url('../fonts/archivonarrow-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/archivonarrow-bold-webfont.woff2') format('woff2'),
         url('../fonts/archivonarrow-bold-webfont.woff') format('woff'),
         url('../fonts/archivonarrow-bold-webfont.ttf') format('truetype'),
         url('../fonts/archivonarrow-bold-webfont.svg#archivo_narrowbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotolight';
    src: url('../fonts/Roboto-Light-webfont.eot');
    src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Light-webfont.woff') format('woff'),
         url('../fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/Roboto-Medium-webfont.eot');
    src: url('../fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Medium-webfont.woff') format('woff'),
         url('../fonts/Roboto-Medium-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotobold';
    src: url('../fonts/Roboto-Bold-webfont.eot');
    src: url('../fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('../fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}




/* common -------------------------- */
html {
    height: 100%;
    background: #372410;
    
}
body {
    height: 100%;
    font-family: 'robotolight';
    color: #744d1f;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
}
.main {
    min-height: 100%;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.wrap {
    margin: 0 auto;
    max-width: 1000px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
   padding:0;
}
a {
    color: #26a6d1;
    cursor: pointer;
    -moz-transition: color 0.15s linear;
    -o-transition: color 0.15s linear;
    -webkit-transition: color 0.15s linear;
    transition: color 0.15s linear;
}


h1, h2, h3, h4, h5, h6 {
    color: #492f11;
}
h1, h2, h3 {
    margin: 0 0 12px;
}
h1 {font-size: 38px; line-height:40px; margin-bottom:30px; font-family: 'archivo_narrowbold'; text-transform:uppercase;}
h2 {font-size: 26px; line-height:28px; font-family: 'robotomedium';}
h3 {font-size: 21px; line-height:23px; font-family: 'robotomedium';}
img {
    max-width: 100%;
    height: auto;
}
p {padding-bottom:12px; font-size:16px;}

ul, ol {padding-left:20px; margin-left:0;}

strong {font-family: 'robotobold'; font-weight:normal;}

/* header -------------------------- */
header {
    position:relative;
    z-index:100;
	padding: 0;
    background-color:#fff;
    height:87px;
}

header .wrap {position:relative;}
header .logo {
 
    margin: 18px 0;
}
header .logo a {
    display: inline-block;
}

header .logo a img {position:relative; z-index:99999;}
.search-form {
position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    background-color: #fff;
    height: 1px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    overflow:hidden;
}
.search-form .wrap {padding:0; height:0; position:relative;}
.search-form.opened {
    opacity: 1;
    z-index: 100000;
    height: 87px;
}

.search-form.opened input[type="text"] {height:87px; color:#a2a2a2; border:0; padding-right:45px; box-sizing:border-box; outline:0; width:100%; font-size:40px; font-family: 'archivo_narrowregular';}
.search-form input[type="submit"] {display:none;}

.search-form .close {
    position: absolute;
    right: 0;
    top: 28px;
    background: transparent url('../images/icon-close.png') no-repeat right center;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
}



.header-top {position:absolute; top:0px; right:0;}
    .header-top p {float:left; color:#6eba4d;  margin-right:12px; font-size:15px; line-height:15px; margin-top:11px;}
    .header-top a {float:left; display:block; background-color:#6eba4d; color:#fff; line-height:15px; font-size:15px;text-decoration:none; padding: 11px 14px 10px;
    border-radius: 0px 0px 3px 4px;
-moz-border-radius: 0px 0px 3px 4px;
-webkit-border-radius: 0px 0px 3px 4px;}
    .header-top .search-icon {background-color:transparent!important; background: transparent url('../images/icon-search.png') no-repeat right center;}
    .header-top form {float:left;}
.navigation {
	float:right;
	position:absolute; bottom:0; right:0;
	z-index:9999;
}
.menu-link {
  display: none;
  float: right;
  text-decoration: none;
  padding: 19px 10px;
  outline:0;
  }
.menu { 
  float: right; max-width: 60em;
  -webkit-transition: all 0.3s ease-out;  
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; 
  }
.menu ul { 
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: relative;
  /*display: inline-table;*/
  }
.menu > li > ul.sub-menu {
  min-width: 10em;
  padding: 4px 0;
  background-color: #f4f4f4;
  border: 1px solid #CCC;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  }
.menu ul:after {
  content: ""; clear: both; display: block;
  }
.menu ul li {
  padding: 0px;
  margin-left:24px;
  }
 .menu ul li.mobile-only {display:none;}
.menu > ul > li { 
  display: inline-block;
  *display:inline;
  *zoom:1;
  }
.menu ul li a { 
  display: block;
  text-decoration: none;
  color: #828282;
  font-size: 17px;
  padding-bottom:15px;
  }
 .menu ul li a:hover, .menu ul li a.active {color:#33aae1;}
.menu ul ul { 
 opacity:0;
  display:none;
  position: absolute; 
  z-index:99999;
  top:-100%;
  min-width: 160px;
  background-color: #fff;
  border:1px solid #c9c9c9; border-top:0;
  margin-top:-1px; margin-left:-10px;
  padding-bottom:8px;
  -webkit-transition: all 0.1s ease-out;  
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  }
  
  .ie .menu ul ul {margin-top:-6px;}
  
  .index-nav .menu ul ul {border:0;}
.menu ul li:hover > ul {
  display: block;
 opacity:1;
  top:100%
  }
.menu ul ul > li {
  position: relative;
  margin-left:0;
  }
.menu ul ul > li a {
  padding: 5px 15px 5px 10px;
   }
.menu ul ul > li a:hover {
  color: #6eba4d;
  }
.menu ul ul ul {
  position: absolute; 
  left: 100%; 
  top:0;
  }

  .has-submenu:hover .top-level {color:#33aae1;}


/* content -------------------------- */
.promo {
	background: #3189d0 url(/images/background.jpg) no-repeat bottom;
	background-size:100% auto;
    color: #ffffff;
}
.promo .wrap {
    position: relative;
    min-height: 450px;
}
.promo-text {
    padding-top:170px;
    font-size: 18px;
    line-height: 30px;
}
.promo-text p {
    padding: 35px 0 0;
}
.promo .wrap img {
    position: absolute;
    bottom: 105px;
    right: 18px;
}
.promo-title {
    font-size: 35px;
    line-height: 45px;
    font-weight: bold;
    font-style:italic;
    text-shadow:0px 0px 12px #000;
}
.promo-title span {font-size:65px;display:block;margin-left:50px; font-family: 'robotobold';}
.promo-button {
    display: inline-block;
    white-space: nowrap;
    height: 52px;
    line-height: 52px;
    font-weight: bold;
    font-size: 20px;
    text-decoration: none;
    padding: 0 30px;
    background: #ffffff;
    text-transform: uppercase;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    -webkit-transition: all 0.15s linear;
    transition: all 0.15s linear;
}
.promo-button:hover {
    background-color: #e2f9f5;
    color: #26a5d1;
}
.promo-button:active {
    color: #188bb2;
    background-color: #e2f9f5;
    -moz-box-shadow: inset 0 2px 0 rgba(0,0,1,.1);
    -webkit-box-shadow: inset 0 2px 0 rgba(0,0,1,.1);
    box-shadow: inset 0 2px 0 rgba(0,0,1,.1);
}
.promo-link {
    color: #ffffff;
    font-size: 20px;
    line-height: 52px;
    font-weight: bold;
    margin: 0 0 0 35px;
    text-transform: uppercase;
    white-space: nowrap;
}
.promo-link:hover {
    color: #c9f9f0;
    
}
.features {
    margin: 0;
    background-color:#fff;
}
.features-columns {
    margin: 0 -25px;
}
.feature {
    float: left;
    width: 25%;
    text-align: center;
    font-size: 14px;
    line-height: 21px;
    padding: 0 25px 30px;
    margin: -60px 0 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.feature h4 {
    font-family: 'archivo_narrowbold';
    padding-top:12px;
	font-size: 28px;
    line-height: 26px;
    color: #492f11;
    font-weight: bold;
    position: relative;
    margin: 0 0 42px;
}
.feature h4.line:after {
    position: absolute;
    bottom: -22px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 22px;
    height: 2px;
    background-color: #ccc;
    content: "";
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    -webkit-transition: all 0.15s linear;
    transition: all 0.15s linear;
}
.feature:hover h4.line:after {
    background-color: #6cba4b;
}

.feature a {text-decoration:none;}

.used-inventory-title {
	text-align:center;
	background-color:#6cba4b;
	padding:25px 0 0;
}
.used-inventory-title h2 {color:#fff;font-size:38px; line-height:42px;font-family: 'robotomedium'; margin-bottom:30px;}

.used-inventory {background-color:#744d1f;padding-bottom:5px;}
.used-inventory .feature {
	width:33%;
	color:#fff;
    margin-top:0;
}
.used-inventory .feature img {
	width:198px;
	height:40px;
}
.used-inventory .feature h4 {
	color:#fff;
	margin-bottom:12px;
}
.used-inventory .feature p {
	padding-bottom:25px;	
}

.about-block-title {
    font-size: 30px;
    line-height: 40px;
    margin: 0 0 12px;
    font-family: 'archivo_narrowbold';
}
.about-block {
    background: #5d3d18 url('../images/about-bg.jpg') no-repeat center bottom;
    background-size: 100% auto;
    text-align: center;
    color: #ffffff;
    text-align: center;
    padding: 50px 0 50px;
    border-top:10px solid #493015;
}
.about-block-button {
	margin:0 auto;
    display:block;
    text-decoration:none;  
    border: 0;
    width: 160px; 
    padding: 18px 0;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    line-height:16px;
    color: #fff;
    background-color: #6cba4b;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.about-block-button:hover {background-color:#539936;}
.about-block-note {
    clear: both;
	padding-bottom:25px;
}

.about-block .about-block-button {background-color:#fff; color:#372410;}
.about-block p {width:80%; margin: 0 auto;}



.main-content {
    background-color:#fff;
    border-top:1px solid #c9c9c9;
}

.main-content .wrap {
    padding:30px 0;
}

.sidebar {width:23%;float:left;}

.product-category-list {border-top:1px solid #e5eae7; padding:0; margin:0; list-style:none;}


.product-category-list li ul li a {display:block;color:#6cba4b;text-decoration:none; font-family: 'robotobold'; font-size:15px;}
.product-category-list li ul li a:hover {color:#744d1f;}
.product-category-list li ul {margin-top:20px; list-style:none; padding-left:0; margin-left:0;}
.product-category-list li ul {border-bottom:1px solid #e5eae7; padding-bottom:30px;}
.product-category-list li ul li ul {margin-top:0; border-bottom:0; margin-bottom:10px; padding-bottom:0;}
.product-category-list li ul li ul li {text-indent:8px; margin-top:4px;}
.product-category-list li ul li ul li a {color:#85929c; font-family: 'robotolight'; font-size:14px;}
.product-category-list li ul li ul li a:before {content:'- ';}
.product-category-list li ul li ul li a:hover {color:#744d1f;}

.product-category-main {padding:0;margin:0; border-bottom:1px solid #e5eae7; display:block;font-size:23px!important;text-transform:uppercase; text-decoration:none; color:#85929c!important;padding:17px 0;margin:0;text-indent:45px; font-family: 'archivo_narrowbold';}
.product-category-main:hover {color:#66737e!important;}

.cat-irrigation {background:transparent url('/images/product-category-icon-irrigation.png') no-repeat left center;}
.cat-farm-supply {background:transparent url('/images/product-category-icon-spade.png') no-repeat left center;}
.cat-fertilizer {background:transparent url('/images/product-category-icon-fertilizer.png') no-repeat left center;}
.cat-pvc  {background:transparent url('/images/product-category-icon-pvc.png') no-repeat left center;}

.product-category-title {font-family: 'archivo_narrowbold';background-color:#956c3c;padding:12px 10px 10px;color:#fff;text-transform:uppercase;line-height:42px; margin-bottom:12px;}

.title-icon {display:block;height:40px;width:40px;margin-right:15px;border-radius:20px;background-color:#fff;float:left;}

.product-blocks {margin:0; padding:0; list-style:none;}
        .product-blocks li {float:left; width:23.5%; box-sizing:border-box; margin-right:2%; margin-bottom:20px; }
        .product-blocks li:nth-child(4n) {margin-right:0;}
        .product-blocks li a, .related-slider div a {display:block; text-decoration:none;}
        .product-blocks li a img, .related-slider div a img {width:100%; border-bottom:2px solid #6cba4b; float:none; }
        .product-blocks li a div, .related-slider div a div {position:relative;}
        .product-blocks li a div p, .related-slider div a div p {font-size:15px; line-height:16px; padding-bottom:7px; color:#6cba4b; font-family: 'robotomedium'; padding-top:7px; padding-right:35px;}
        .product-blocks li a div span, .related-slider div a div span {background:#6cba4b url(../images/icon-plus.png) no-repeat center center; position:absolute; top:0; right:0; height:30px; width:30px;}
.product-blocks li a:hover img, .related-slider div a:hover img {border-bottom: 2px solid #539936;}
.product-blocks li a:hover div p, .related-slider div a:hover div p {color:#539936;}
.product-blocks li a:hover div span, .related-slider div a:hover div span {background-color:#539936;}

.product-category-description {width:48%;margin:0 1% 25px;float:left;text-align:center;}

.product-button {
	margin:0 auto;
    display:block;
    text-decoration:none;  
    border: 0;
    width: 160px; 
    padding: 18px 0;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    line-height:16px;
    color: #fff;
    background-color: #6cba4b;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.product-button:hover {background-color:#539936;}

.related-slider {margin-bottom:30px; margin-top:30px;  border:1px solid #c9c9c9; padding:20px 20px 30px;}
.related-slider h2 {border-bottom:1px dotted #c9c9c9; padding-bottom:10px;}
.slick-slider { position: relative; display: block; box-sizing:border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list {position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff;}
.slick-list.dragging { cursor: pointer; cursor: hand;}

.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; margin: 0 12px;}
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }


.slick-prev {display:block; text-indent:-9999px; outline:0; border:0;position:absolute; top:20px;  right:55px;background: #6cba4b url('../images/nav-arrow-left.png') no-repeat center top; width:32px; height:32px;}
.slick-next {display:block; text-indent:-9999px; outline:0; border:0; position:absolute;  top:20px; right:20px; background: #6cba4b url('../images/nav-arrow-right.png') no-repeat center top; width:32px; height:32px;}
.slick-prev:hover {background-color:#539936;}
.slick-next:hover {background-color:#539936;}

        
.content {width:74%;float:right;}

.content-wide {width:100%;}


.product-wrap .product-main-image {float:left; width:40%;margin-bottom:40px;}
.product-wrap .product-details {float:right; width:60%; box-sizing:border-box; padding-top:100px;padding-left:50px; margin-bottom:40px;}


#form_add {margin:35px 0 0 0;}
    #form_add select {padding:8px; font-size:17px;border: 1px solid #c9c9c9; outline:0; box-sizing:border-box; height:40px; margin-right:4px;}
    #form_add input[type="submit"] {padding:8px 14px; box-sizing:border-box;font-size:17px;border: 1px solid #6cba4b; height:40px;background-color:#6cba4b; color:#fff;outline:0;}
    #form_add input[type="text"] {    padding: 8px; font-size: 17px; border: 1px solid #c9c9c9; outline: 0; box-sizing: border-box; height: 40px; margin-right: 4px; width: 50px;}
    
.contact-left {width:70%; float:left; box-sizing:border-box; padding-right:50px;}
#form_contact {margin-top:20px;}
#form_contact div, #form_quote div {margin-bottom:25px;}
#form_contact div.contact-50, #form_quote div.contact-50 {float:left; width:48%;}
#form_contact div.contact-50:first-of-type, #form_quote div.contact-50:first-of-type {margin-right:4%;}
#form_contact div h4, #form_quote div h4 {margin-bottom:5px;}
#form_contact input[type="text"], #form_contact input[type="email"], #form_contact textarea, #form_quote input[type="text"], #form_quote input[type="email"], #form_quote textarea {padding:12px; border:1px solid #c9c9c9; width:100%; box-sizing:border-box;
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;}
#form_contact textarea, #form_quote textarea {height:250px; width:100%;}
#form_contact input[type="submit"], #form_quote input[type="submit"] {    display: block;
    text-decoration: none;
    border: 0;
    width: 160px;
    padding: 18px 0;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    background-color: #6cba4b;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;}
#form_contact input[type="submit"]:hover, #form_quote input[type="submit"]:hover {background-color:#539936;}
.contact-right {float:right; width:30%;}



table {width:100%;}
table tr {border-bottom:1px solid #e5eae7;}
table thead tr {border-bottom:0;}
table th {background-color:#6cba4b; color:#fff; padding:8px;}
table td {padding:8px;}
table td:last-of-type {width:100px; text-align:center;}
table td a {text-decoration:none;}

.used-images {margin:0; padding:0; list-style:none;}
.used-images li {display:block; float:left; width:24%; margin-right:1%;}
.used-images img {width:100%;}

ul.selected-items {margin-bottom:25px;}
ul.selected-items li {margin-bottom:6px;}

.total-wrapper {background-color: #6cba4b; padding:20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;}
.total-wrapper h3 {margin:0; color:#fff;}


footer p {color:#fff; font-size:14px; margin:0; font-family: 'archivo_narrowregular'; padding: 10px 0;}
footer p a {color:#fff; text-decoration:none;}
footer p a:hover {text-decoration:underline;}
footer .left {float:left;}
footer .right {float:right;}



/* Responsive -------------------------- */
@media (max-width: 1020px){
    
    .header-top {right:2%;}
    .navigation {right:2%;}
    
    .wrap {padding: 0 2%;}
    .main-content .wrap {padding:40px 2%;}
    
    .promo .wrap {min-height:350px;}
    .promo .wrap img {
       display:none;
    }
    .promo-text {
        text-align: center;
        display: block;
        height:auto;
        width:auto;
        padding: 85px 0 0 0;
    }
    .promo-title {
        font-size: 40px;
        line-height: 50px;
    }
    .promo-title span {margin-left:0;}
    .promo-link,
    .promo-button {
        margin: 0 15px 15px;}
    
        
        
    .sidebar {width:23%;}
    .content {width:74%;}
    .content-wide {width:100%;}

    
    .product-blocks li {float:left; width:31.333333%; box-sizing:border-box; margin-right:3%; margin-bottom:20px; }
        .product-blocks li:nth-child(4n) {margin-right:3%;}
        .product-blocks li:nth-child(3n) {margin-right:0;}
    
    
}
@media (max-width: 850px){
    
    
    .about-block {
    background: #5d3d18 url('../images/about-bg.jpg') no-repeat center bottom;
    background-size: cover;}
    
    
    .sidebar {position:absolute; left:4%; top:128px; width:200px;}
    .content {width:100%; float:none; padding-left:230px; box-sizing:border-box;}
    
    
   .product-wrap .product-details {width:50%;}
    .product-wrap img {width:50%;}
    
    footer {padding:7px 0;}
    footer .left, footer .right {float:none; text-align:center; display:block; padding:3px;}
    
    
    
    
    
    
    
    
}
@media (max-width: 767px){
    
    .header-top {display:none;}
    .navigation {right:0; top:-60px; position:relative;}
    
    .wrap {padding: 0 4%;}
    .main-content .wrap {padding:40px 4%;}
    
    header .wrap {padding: 0;}
    
    header {
      
    }
    header .logo {
       margin-left:4%;
    }
    
	.navigation {width:100%;}
    .feature {
        width: 50%;
    }
    .used-inventory {padding:45px 0 0;}
	.used-inventory .feature {width:100%;}
	.used-inventory .feature img {display:none;}
    .subscribe-email {
        width: 200px;
    } 
    
a.menu-link {
display: block;
color: #fff;
position:absolute;
margin-bottom:30px;
top: 2px;
right: 4%;
z-index:9999;
}
.menu {
clear: both;
min-width: inherit;
float: none;
}
#menu.active{
position:absolute; top:60px; right:0; left:0;
}

.menu, .menu > ul ul, .menu ul li:hover > ul {
overflow: hidden;
position:relative;
top:0;
margin-top:0; margin-left:0; padding-bottom:0;
max-height: 0;
background-color: #ffffff;
border-bottom:0;
}


.menu > li > ul.sub-menu {
padding: 0px;
border: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.menu.active, .menu > ul ul.active, .menu ul li:hover ul.active {
    display:block!important;
    opacity:1!important;
max-height: 55em;
border:0;
}
.menu ul {
text-align: left;
}
.menu ul.links {
    text-align: left;
}
.menu > ul {
    
}
.menu li, .menu > ul > li {
display: block;
}
.menu > ul.links > li {
display: block;
margin: 0 10px;
border-bottom: solid 1px #e4e4e4;
}
.menu > ul.links > li:first-of-type {
border-top: solid 1px #e4e4e4;
}

.menu ul li {margin-left:0;}
.menu ul li.mobile-only {display:block;}
.menu ul li a, .menu ul ul > li a {
color: #7b7b7b;
display: block;
padding: 14px 4%;
position: relative;
border-bottom:1px solid #c9c9c9;
}
.menu ul ul > li a {background-color:#EFEFEF;}

.menu li.has-submenu > a:after {
content: '+';
position: absolute;
top: 0;
right: 0;
display: block;
font-size: 1.5em;
padding: 8px 4%;
}
.menu li.has-submenu > a.active:after {
content: "-";
}
.menu ul.links ul > li a {
padding: 0.5em 1.5em;
}
.menu ul.links ul, .menu ul.links ul ul {
display: inherit;
position: relative;
left: auto; top:auto;
box-shadow: none; 
border:none;
} 
.menu ul.links ul.active {
border-top: solid 1px #e4e4e4;
}

#nav-toggle { cursor: pointer; padding: 10px 35px 16px 0px;}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  background: #6eba4d;
  position: absolute;
  display: block;
  content: '';
}
#nav-toggle span:before {
  top: -10px; 
}
#nav-toggle span:after {
  bottom: -10px;
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
   -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
    -webkit-transform: translateY(-10px) rotate(-45deg);
  -moz-transform: translateY(-10px) rotate(-45deg);
  -ms-transform: translateY(-10px) rotate(-45deg);
  -o-transform: translateY(-10px) rotate(-45deg);
  transform: translateY(-10px) rotate(-45deg);
  top: 10px;
}

.mobile-search {border-bottom:1px solid #ccc;}
.mobile-search form input[type="text"] {width:100%; border:0; padding:14px 7% 14px 4%; box-sizing:border-box; font-size:17px; background:#EFEFEF url('../images/icon-search.png') no-repeat 97% center;}
.mobile-search form input[type="submit"] {display:none;}

.tel {background-color:#33aae1;}
.tel a {color:#fff!important; border-bottom:0!important;}
	 

 .promo-text {  padding: 105px 0 0 0;}

.features-columns {padding-top:50px;}
.feature {margin-top:0;}

.product-blocks li {float:left; width:48.5%; box-sizing:border-box; margin-right:3%; margin-bottom:20px; }
        .product-blocks li:nth-child(4n) {margin-right:3%;}
        .product-blocks li:nth-child(3n) {margin-right:3%;}
        .product-blocks li:nth-child(even) {margin-right:0;}

 .contact-left {float:none; width:100%; padding-right:0; margin-bottom:35px;}
 .contact-right {float:none; width:100%;}
 
    #form_add select {width:100%; margin-bottom:10px;}
    #form_add input[type="submit"] {width:100%;}
    
    table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	table {border-bottom:1px solid #d9d9d9;}
	table tr { border: 1px solid #d9d9d9; border-bottom:0; }
    table td:last-of-type {text-align:left;}
	
	td { 
		/* Behave  like a "row" */
		border: none;
		 
		position: relative;
		padding-left: 50%!important; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
                font-weight:bold;
	}
	
	td:nth-of-type(1):before { content: "Manufacturer"; }
	td:nth-of-type(2):before { content: "Model"; }
	td:nth-of-type(3):before { content: "Qty Available"; }
        

}
@media (max-width: 650px){
    
    
 .promo-title {font-size:32px;}   
  .promo-title span {font-size:58px;}
 
 .product-wrap .product-main-image {width:100%; float:none;}
 .product-wrap .product-details {width:100%; float:none; padding:0;}
    
  
 .sidebar {float:none; width:100%; position:relative; top:0; left:0; margin-bottom:25px;}
 .content {float:none; width:100%; padding-left:0;}
  
 .product-category-list li ul {display:none;}
#form_contact div.contact-50, #form_quote div.contact-50 {float:none; width:100%; margin-right:0!important;}

.used-images li {width:32.33333%;}
    
    
}
@media (max-width: 479px){
  
    .promo-text {padding-top:75px;}
    .promo-title {font-size:21px; line-height:34px;}
    .promo-title span {font-size:40px;}
    
  header .logo {float:left; margin-left:4%;}  
    
   .feature {width:100%; float:none;} 
   
   .used-inventory-title h2 {font-size:32px;}
   
.used-images li {width:49%;}

#form_contact input[type="submit"], #form_quote input[type="submit"] {width:100%;}

    
}
@media (max-width: 400px){
    
    h1 {font-size:33px;}
    
    

    
    
    
    
}

/* Retina -------------------------- */
@media only screen and (-webkit-min-device-pixel-ratio:2), 
only screen and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx){
    
    
    
    
    
    
    
    
    
}



@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
	
	header, .promo, .features, .used-inventory-title, .used-inventory, .sidebar, footer, form {display:none!important;}

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
	/* kill urls printing after links in FF */
	a:link:after,
    a:visited:after {
        content: "" !important;
    }
}