/***** 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;	
}

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;  
} 

* {
	box-sizing: border-box;
}

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

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

body {overflow-x: hidden; font-family: 'Open Sans', sans-serif; font-weight: 500; font-size:14px; line-height: 24px; -webkit-text-size-adjust:none; margin: 0px auto !important; height:auto !important; width:100% !important; background-repeat:no-repeat !important; background-position:center center !important; background-attachment:fixed !important; -webkit-background-size:cover !important; -moz-background-size:cover !important; -o-background-size:cover !important; background-size:cover !important; background-image: url('../siteart/bg.jpg') !important; background-color: #000!important;}

h1 {font-family: 'Open Sans', sans-serif; font-weight: 600; color: #1f6944; font-size: 18px;}
h2 {font-family: 'Open Sans', sans-serif; font-weight: 600; color: #398027; font-size: 16px;}

strong {font-family: 'Open Sans', sans-serif; font-weight: 600;}
a:link, a:visited, a:active {text-decoration:none; color:#1f6944;}
a:hover {font-family: 'Open Sans', sans-serif; font-weight: 600; text-decoration: underline;}

/*  BODY STYLES
------------------------------------------------*/

.body-wrapper {width: 90%; margin: 0 auto;}
.body-wrapper.inv {width: 95%; margin: 0 auto;}
.wrapper {width: 90%; margin: 0 auto; padding: 30px 0px;}
.contain {width: 75%; max-width: 100%; margin: 0px auto; -moz-box-shadow: 0 0 20px #000;-webkit-box-shadow: 0 0 20px #000;box-shadow: 0 0 20px #000; padding: 1%; background: #fff; float: right; display: inline-block;}
.contain.inv {max-width: 100%; margin: 0px auto; -moz-box-shadow: 0 0 20px #000;-webkit-box-shadow: 0 0 20px #000;box-shadow: 0 0 20px #000; padding: 0; background: rgba(255, 255, 255, 0.7); display: inline-block;}

.show-menu-for-mobile {display:none;}

.header {background: rgba(255, 255, 255, 0.7); text-align: center; margin-bottom: 20px;}
.three-cols {vertical-align: top; width:33%; max-width: 100%; box-sizing: border-box; display: inline-block; color: #1f6944; font-size: 14px;}
.three-cols img {max-width: 100%; height: auto; display: inline-block;}

.right {text-align: right;}

.four-cols {vertical-align: top; width:24%; max-width: 100%; display: inline-block; color: #fff;}

.mobile-wrapper .four-cols {vertical-align: top; width:24%; max-width: 100%; display: inline-block; color: #000;}

.cf {width: 100%;}
.attachment-search .search-header {width: 100%;}

.bullet-list {
	list-style: disc;
	padding-inline-start: 20px;
}

.bullet-list ::marker {
	color: #1f6944;
}

/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {width:100%;height:90px;overflow:hidden; -moz-box-shadow:  0 0 20px #000;-webkit-box-shadow: 0 0 20px #000;box-shadow: 0 0 20px #000; margin-top: 100px;}
.scrolling{width:100%;height:92px;}


.hero-slider img {width: 100%; height: auto; padding: 10px;}

.sold-slider img {width: 100%; height: auto; padding: 10px;}
.export-slider img {width: 100%; height: auto; padding: 10px;}


/*  FORMS
------------------------------------------------*/
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
form#formpage > div {clear: both; overflow: hidden; padding: 1px; margin: 0 0 10px 0;}
form#formpage > div > fieldset > div > div {margin: 0 0 5px 0;}
form#formpage > div > label, legend {width: 25%; float: left; padding-right: 10px;}
form#formpage > div > div, form > div > fieldset > div {width: 75%; float: right;}
form#formpage > div > fieldset label {font-size: 90%;}
form#formpage fieldset {border: 0; padding: 0;}
form#formpage input[type=text], form#formpage input[type=email], form#formpage input[type=url], form#formpage input[type=password], form#formpage textarea {width: 100%; border: 1px solid #000; padding: 5px;}
form#formpage input[type=text], form#formpage input[type=email], form#formpage input[type=url], form#formpage input[type=password] {width: 100%;}
form#formpage input[type=text]:focus, form#formpage input[type=email]:focus, form#formpage input[type=url]:focus, form#formpage input[type=password]:focus, form#formpage textarea:focus {outline: 0;border-color: #1f6944;}

/*control the Captcha */
.CaptchaPanel {margin:0 0 0 0 !important;padding:0 0 0 0 !important;text-align: center;line-height:normal !important;}
.CaptchaPanel img{margin: 0 auto;}
.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;}
.CaptchaWhatsThisPanel {line-height:0;margin:0 0 0 0;padding:8px 0 8px 0 !important;}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 

#formpage input.button, #formpage input.button:focus {width:75%; text-align: center;margin:0;float: right;padding:7px 0;background:#62cf51;border:none;font-size:14px;line-height:14px;font-weight:700;color:#000;font-family: 'Open Sans', sans-serif; font-weight: 600;}
#formpage input.button:hover {background:#1f6944;color:#fff;text-shadow:none;border:none;cursor: pointer;transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}



/*  FOOTER STYLES
------------------------------------------------*/
.footertext{font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#fff;}
.smallfootertext{font-family:Arial, Helvetica, sans-serif;font-size:10px; color:#fff;}
.divfooter {text-align:right; width: 90%; margin:0 auto;}
.footer {background: #333; color: #fff !important; font-size: 12px; margin-top: 30px;}
.footer strong {font-size: 14px;}
.footer a:link, .footer a:visited, .footer a:active {text-decoration:none; color:#fff;}
.footer a:hover {text-decoration:underline; color:#fff;}

/************************************************ Responsive Styles **/
@media screen and (max-width: 1500px){
.contain {width: 70%; max-width: 100%;}

}

@media screen and (max-width: 1280px){
.contain {width: 64%; max-width: 100%;}
.mobile-wrapper .four-cols {width:49%; text-align: center;}

}

@media screen and (max-width: 1024px){
.contain {width: 100%; padding: 0; float: none;}
.body-wrapper {width: 90%; margin: 0 auto;}
.mobile-wrapper {width: 90%; margin: 0 auto; padding: 20px 0px;}

.manu img {width: 25%;}

.three-cols {width:30%;}

form#formpage > div > label, form#formpage legend {width: 100%;float: none;padding-right: 0px;}
form#formpage > div > div, form#formpage > div > fieldset > div {width: 100%;float: none;}
#formpage input.button, #formpage input.button:focus {width:100%; margin:0 auto;float: none;}

}



@media screen and (max-width: 568px) {
.three-cols {width:100%;font-size: 14px; text-align: center;}
.three-cols img {margin: 0 auto;}
.hide {display: none;}

.four-cols, .mobile-wrapper .four-cols {width:100%; text-align: center;}
.divfooter {text-align:center;}


}