﻿/***** 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: 'Archivo Narrow', sans-serif;
}

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, img {  
    display: block;  
} 



.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 {background:#337137 !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: #337137 !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;}

.dealer-btns-bottom a {background: #337137 !important;}
.page-nav{background-color:#337137!important}
.view-listing-details-link i, .view-listing-details-link span,.view-listing-details-link span:hover {color:white !important;}
.search-results {color:#337137!important}
.return-links span, .return-links i {color:#337137!important;}





/***** END RESET *****/

/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}
*, *::after, *::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.9rem;
  font-family: 'Archivo Narrow', sans-serif;
  color: #2c343b;
  background-color: #f2f2f2;-webkit-text-size-adjust:none;
}

a {
  color: #d44457;
  text-decoration: none;
}

img, video {
  max-width: 100%;
}

strong {font-weight:700;}
a:link, a:visited, a:active {text-decoration:none; color:#337137;}
a:hover {text-decoration:underline; color:#337137;}

/** Header **/
header {width:100%;max-width:100%;height:auto;margin:0 auto;background:rgba(255,255,255,1) url("../siteart/dots.png") repeat;}
header.home {width:100%;max-width:80%;height:max-content;max-height:15% /*ie fix*/;margin:0 auto;background:rgba(255,255,255, .5);position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;}
.logo {display:inline-block;max-width:25%;height:auto;width:100%;}
.logo img {max-width:100%;height:auto;}

header.home .wrapper {margin:0 auto;max-width:90%;width:100%;padding:2% 0;}
.wrapper {margin:0 auto;max-width:70%;width:100%;padding:2% 0;}
section.bordertext {border-top:5px solid #337137;border-bottom:5px solid #337137;background:url("../siteart/field.png");margin:0px auto;
    height:auto;
    width:100%;
    background-repeat:no-repeat;
    background-position:center center;background-attachment:fixed;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;}

.grid {position:relative;margin:0 auto;padding:0 0 0 0;box-sizing:border-box;max-width:100%;list-style:none;text-align:center;}
.grid figure {position:relative;display:block;float:left;overflow:hidden;margin:0 0 0 0;max-width:25%;height:auto;width:100%;background:#3085a3;text-align:center;cursor:pointer;box-sizing:border-box;}
.grid figure img {position:relative;display:block;min-height:100%;max-width:100%;opacity:0.8;}
.grid figure figcaption {padding:2em;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.grid figure figcaption::before,
.grid figure figcaption::after {pointer-events: none;}
.grid figure figcaption,
.grid figure figcaption > a {position:absolute;top:0;left:0;width:100%;height:100%;}

/* Anchor will cover the whole item by default */
.grid figure figcaption > a {z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0;}
.grid figure h2 {font-weight:400;}
.grid figure h2 span {font-weight: 800;}
.grid figure h2, .grid figure p {margin: 0;}
.grid figure p {font-size:68.5%;}

figure.effect-bubba {background:#000;}
figure.effect-bubba img {opacity: 0.7;-webkit-transition: opacity 0.35s;transition:opacity 0.35s;}
figure.effect-bubba:hover img {opacity:0.4;}
figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {position:absolute;top:30px;right:30px;bottom:30px;left:30px;content:'';-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;}
figure.effect-bubba figcaption::before {border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1);}
figure.effect-bubba figcaption::after {border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0);}
figure.effect-bubba h2 {padding-top:30%;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);}
figure.effect-bubba p {padding:20px 2.5em;opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);}
figure.effect-bubba:hover figcaption::before, figure.effect-bubba:hover figcaption::after {opacity:1;-webkit-transform:scale(1);transform:scale(1);}
figure.effect-bubba:hover h2, figure.effect-bubba:hover p {opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}

.divfooter {width:100%;background:#000;text-align:left;color:#fff;}
footer {background:#303030;max-width:100%;height:auto;color:#fff;font-size:1.6rem;line-height:2.5rem;}
.threecols {display:inline-block;width:100%;max-width:33%;vertical-align:top;height:auto;padding:0px 10px;box-sizing:border-box;}
.threecols a:link, .threecols a:visited, .threecols a:active {text-decoration:none; color:#fff;font-weight:400;}
.threecols a:hover {text-decoration:underline; color:#fff;}

.twocols {display:inline-block;width:100%;max-width:50%;vertical-align:top;height:auto;box-sizing:border-box;}


.divfooter a:link, .divfooter a:visited, .divfooter a:active {text-decoration:none; color:#fff;font-weight:400;}
.divfooter a:hover {text-decoration:underline; color:#fff;}

.hosted-content .listings-wrapper .listings-list {font-size:initial!important;}
.hosted-content label {font-family: 'Archivo Narrow', sans-serif !important;}
.hosted-content #main-search label, .hosted-content .listings-detail-wrapper .information-box .row .spec-name {font-family: 'Archivo Narrow', sans-serif !important;}
.hosted-content .listings-wrapper .listings-list .col {line-height:26px !important;}
.hosted-content .listings-detail-wrapper .information-box {font-size:16px !important;line-height:26px !important;}
.currency-capital-price-container img {display:inline !important;padding:5px !important;}

.scrolling-wrap {width:100%;height:130px;overflow:hidden;box-sizing:border-box;}
.scrolling {width:100%;height:130px;padding:10px 0px;background:#337137;}

/** Responsive Styles **/
@media screen and (max-width: 1280px){
    header.home {max-height:12% /*ie fix*/}
}



@media screen and (max-width: 1024px){
    .grid figure {max-width:50%;}
    .wrapper {padding:4% 0;}

}



@media screen and (max-width: 768px){
    .twocols {max-width:100%;padding:0px 10px;}
    .threecols {max-width:100%;padding:0px 10px;}
    .grid figure figcaption {font-size:1em;}
    
    header.home {max-height:7% /*ie fix*/}
}
 
 

@media screen and (max-width: 465px){
    .grid figure {max-width:100%;}
    .grid figure figcaption {font-size:.8em;}
    
    header.home {max-height:5% /*ie fix*/}
}
