/*---
	Site Developed By Karoline Dassie
	
	Main Colors:
	- Green: #134f17
	- Yellow: #ffdd00
	- Black: #1d1d1d

---*/

/* 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 { 
    margin: 0;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent; 	
	-webkit-text-size-adjust:none;
}

a {
	color:#000;
	text-decoration:none;}

a:hover{
	text-decoration:none;
}

/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {text-align:left;}
.right {float:right;}

*{box-sizing:border-box;}

body { 
	background:#134f17;
	font-family: 'Roboto Condensed', sans-serif!important;
}

.wrapper {
	max-width:1300px;
	margin:0 auto;
	padding:20px;
	position:relative;
}

::selection {
	color:#000;
	background: #ccc;
}
::-moz-selection {
	color:#000;
	background: #ccc;
}

p{font-size:18px}


/*.column1 {width:100%;}
.column2 {width:47%; *width: 47%; float:left; margin-right:6%; box-sizing: border-box;}
.column3 {width:31%; *width: 31%; float: left; margin-right:3.4%;  box-sizing: border-box; padding: 0;}
.column4 {width:25%; *width: 25%; float:right;  box-sizing: border-box;}
.column5 {width:20%; float:left; padding-right:1%; box-sizing: border-box;}
.column6 {width:16.66666%; *width: 14%; float:left; padding-right: 20px; box-sizing: border-box; margin: 0 0 20px 0;}*/

.onethird{width:29%; *width: 29%; float: left; margin-left:1%; box-sizing: border-box; padding: 0;}
.twothird{width:70%; *width: 70%; float: left; box-sizing: border-box; padding: 0;}

.last{padding-right:0; margin-right:0!important;}

/* HEADER 
----------------------------------------------*/

header.fixed{
  position:fixed;
  width:100%;
  top:0;
  left:0;
  background:#fff;
  box-shadow:1px 1px 3px #6A6A6A;
  z-index:999999;
  
}

.height{height:118px;}

/*END STICKY NAV*/


.header{
	width:100%;
	display:inline-block;
	text-align:right;
	margin:0 auto;
	background:#fff url(../siteart/cream_pixels.png) repeat;
}

.logo{
	text-align:left;
	width:20%;
	margin:0 auto;
	display:inline-block;
	z-index:999999;
	left:10%;
}

.logo img{
	width:100%;
}

.logo.reduce{
	margin-right:60px;
	top:0 !important;
	left:191px;
	margin:0;
}
.logo img.reduce{
	width:300px;
	padding:10px;
	 -webkit-transition: width 1s, height 1s,-webkit-transform 1s;
    transition: width 1s, height 1s, transform 1s;
}

/* HOME PAGE STYLES
-----------------------------------------------*/

/*--cat bar--*/

.cat-bar{
	background:#1d1d1d;
	width:100%;
	margin:0 auto;
	padding:2em 0;
	
	-webkit-transition:.2s ease-in;  
	-moz-transition:.2s ease-in;  
	-o-transition:.2s ease-in;  
	transition:.2s ease-in;	
}

.cat{
	position:relative;
	margin:0 auto;
	display:inline-block;
	width:14.25%;
	padding:5px;
	float:left;
	
	-webkit-transition:.2s ease-in;  
	-moz-transition:.2s ease-in;  
	-o-transition:.2s ease-in;  
	transition:.2s ease-in;	
}

.cat img{
	width:100%;
	display:block;
	margin:0 auto;
	
	-webkit-transition:.2s ease-in;  
	-moz-transition:.2s ease-in;  
	-o-transition:.2s ease-in;  
	transition:.2s ease-in;	
}

.cat h3{
	position:absolute;
	bottom:5px;
	left:5px;
	right:5px;
	color:#1d1d1d;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	background:#ffdd00;
	width:90%;
	padding:10px 0;
	margin:0 auto;
	-webkit-transition:.2s ease-in;  
	-moz-transition:.2s ease-in;  
	-o-transition:.2s ease-in;  
	transition:.2s ease-in;	
	
}
.cat h3:hover{
	height:90%;
	padding-top:30%;
	font-size:24px;
	transition-property: height;
    transition-duration: 2s;
    transition-timing-function: linear;
    transition-delay: 1s;
	-webkit-transition:.2s ease-in;  
	-moz-transition:.2s ease-in;  
	-o-transition:.2s ease-in;  
	transition:.2s ease-in;	
}





/*--INV TILES ON INVENTORY--*/

.catINV{
	position:relative;
	margin:0 auto;
	display:inline-block;
    width: 13.6%;
    padding: 0.33%;
	float:left;
	
	-webkit-transition:.2s ease-in;  
	-moz-transition:.2s ease-in;  
	-o-transition:.2s ease-in;  
	transition:.2s ease-in;	
}

.catINV img{
	width:100%;
	display:block;
	margin:0 auto;
	-webkit-transition:.2s ease-in;  
	-moz-transition:.2s ease-in;  
	-o-transition:.2s ease-in;  
	transition:.2s ease-in;	
}

.catINV h3{
	position:absolute;
	bottom:5px;
	left:5px;
	right:5px;
	color:#1d1d1d;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	background:#ffdd00;
	width:90%;
	padding:10px 0;
	margin:0 auto;
	-webkit-transition:.2s ease-in;  
	-moz-transition:.2s ease-in;  
	-o-transition:.2s ease-in;  
	transition:.2s ease-in;	
	
}

.catINV h3:hover{
	height:70%;
	font-size:24px;
	transition-property: height;
    transition-duration: 2s;
    transition-timing-function: linear;
    transition-delay: 1s;
	-webkit-transition:.2s ease-in;  
	-moz-transition:.2s ease-in;  
	-o-transition:.2s ease-in;  
	transition:.2s ease-in;	
}


/*--contact bar--*/

.contact-bar{
	background:#ffdd00;
	width:100%;
}

.contact-info{
	display:inline-block;
	width:33%;
	margin:0 auto;
	vertical-align:middle;
}

.contact-info img{
	width:70px;
	display:inline-block;
	margin:0 auto;
	vertical-align:middle;
}

.contact-caption{
	display:inline-block;
	width:69%;
	margin:0 auto;
	vertical-align:middle;
	padding:15px 0px;
}

.contact-caption h3{
	color:#333;
	text-transform:uppercase;
	font-weight:100;
	font-size:30px;
	text-align:left;
	display:block;
	
	padding-bottom:0;
}

.contact-caption p{
	display:block;
	color:#333;
	font-weight:bold;
	text-align:left;
	font-size:16px;
	padding:0;
}


.manu-bar{
	position:relative;
	margin:0 auto;
	width:100%;
}

.manu-bar video{
	opacity:.6;
	display:block;
	background:url(../siteart/pause-img.jpg) no-repeat;
}
.maurer {
	width:100%;
	top:20%;
	position:absolute;
	text-align:center;
}

.maurer img{
	width:20%;
	display:inline-block;
	vertical-align:top;
	margin:0 auto;
	padding:0 15px;
	text-align:left;
	position:relative;
}

.maurer h3{
	width:25%;
	display:block;
	color:#000;
	text-shadow:1px 1px 1px #000;
	font-size:18px;
	vertical-align:top;
	margin:0 auto;
	text-align:center;
	position:relative;
	padding:20px 0;
}

/*--side tabs--*/

.side {
    background: #fff;
    width: 300px;
    height: 500px;
    position: fixed;
    z-index: 100;
}

#commodity {
     top: 100px; 
    height: auto;
    z-index: 99999;
	right: -410px;
	width:410px;
}

#commodityTab {
    display: block;
	height: 45px;
	width: 50px; 
	background:url(../siteart/commodity-icon.png);
    position: absolute;
    left: -50px;
    top: 0px;
}

#weather {
     top: 150px; 
    height: auto;
    z-index: 998;
	right: -300px;
	width:300px
}

#weatherTab {
    display: block;
	height: 45px;
	width: 50px; 
	background:url(../siteart/weather-icon.png);
    position: absolute;
    left: -50px;
    top: 0px;
}

#invsearch {
    top: 340px; 
    height: auto;
    z-index: 997;
	right: -340px;
	width:340px;
    box-sizing:content-box;
}

#invsearchTab {
    display: block;
	height: 200px;
	width: 50px; 
	background:url(../siteart/searchinv-icon.png);
    position: absolute;
    left: -50px;
    top: 0px;
}	

.active {
	right: 0 !important;
}



/* SUB PAGE STYLES
------------------------------------------------*/
.sub-page{
	background:#fff;
	width:100%;
	min-height:200px
}

.sub-header{
	background:#134f17;
	width:100%;
}

.sub-header h1{
	color:#fff;
	text-transform:uppercase;
	text-align:center;
}

.fin{width:50%;margin-left:25%;}

h5 {
    color:#fff;
    font-size:2em;
    font-weight:normal;
    margin-bottom:0;
}


/* INVENTORY
------------------------------------------------*/
.hosted-content .listings-wrapper .currency-box{text-align:left!important}

.hosted-content .listings-wrapper .listings-list .category-banner h3{font-size:20px; color:#134f17}


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

	CONTACT PAGE FORM
	
============================================*/

#comment-input {margin:1% AUTO; }
	
#author.input-name, #lastname.input-name{
    border: 1px solid #d2d2d2;
    width: 30%;
    font-size: 14px;
	font-family: 'Open Sans', sans-serif;
    color: #747474;
    -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
    padding: 8px 1%;
    float: left;
    margin-right: 1%;
	}
	#author.input-name, #lastname.input-name{
		outline-color:#25c1f0;
	}

#email.input-email {
    border: 1px solid #d2d2d2;
    width: 31.2%;
    font-size: 14px;
	font-family: 'Open Sans', sans-serif;
    color: #747474;
    -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
    padding: 8px 1%;
    float: left;
	}
	#email.input-email:focus{
		outline-color:#25c1f0;
	}

#inquiry.textarea-comment {
    border: 1px solid #d2d2d2;
    width: 98%;
    height:180px;
    font-size: 14px;
	font-family: 'Open Sans', sans-serif;
    color: #747474;
    -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
    padding: 8px 1%;	
	}
	#inquiry.textarea-comment {
		outline-color:#25c1f0;
	}

#comment-submit {
    text-align: center;
	width:235px;
	margin:0 auto;
}


#form input {
	width: 100%;
	padding: 5px 10px;
	border:1px solid #DFDFDF;
	margin: 5px 0 15px;
	box-sizing: border-box;
}


#form textarea {
	width: 100%;
	padding: 10px;
	border:1px solid #DFDFDF;
	margin: 5px 0 15px;
	height: 70px;
	box-sizing: border-box;
}

.CaptchaPanel {
	margin:0 0 0 0 !important;
	padding:0 0 0 0 !important;
}

.CaptchaAnswerPanel input {
	width: 200px !important;
	border: 1px solid #d2d2d2;
	-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
    padding: 8px 1%;
	margin:10px auto;
	}
	.CaptchaAnswerPanel input:focus{outline-color:#25c1f0;}

.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;
	color:#8f979d
}

.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:#8f979d;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 

.contactbtn{
	margin:10px auto 0 auto;
	text-align:center;
}

.contactbtn input[type="submit"] {
    font-size: 15px;
	font-weight:900;
	padding:8px 0;
    line-height:normal;
    background: #000;
    width: 220px;
    color: #fff;
    display: inline-block;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    outline: none;
    border: none;
	transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out; 
	-webkit-transition: all .2s ease-in-out;
	cursor: pointer;
	position: relative;
}
.contactbtn input[type="submit"]:hover {
	background: #134f17;
	color: #fff;
	outline:none;
}


/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:110px;
    overflow:hidden;
	padding:10px 0;
	background:#fff;
}
 
.scrolling{
    width:100%;
    height:92px;
}

/* FOOTER
------------------------------*/
.footer{
	width:100%;
	color:#fff;
	font-size:11px;
	text-align:center;
	background:#134f17;
	padding: 2em 0;
	line-height:1.8em
}

.footer a{
	color:#fff;
	text-decoration:underline;
}

.footer a:hover{
	color:#fff;
	text-decoration:none;
}
.divfooter{
	width:90%;
	margin:20px auto;
	max-width:600px
}


@media screen and (max-width:1700px){
	.logo img{width:100%;}
}

@media screen and (max-width:1670px){
	.logo{width: 15%}
}

@media screen and (max-width:1550px){
	.logo{width:100%;text-align:center;position:relative;left:0;box-shadow:1px 1px 3px #6a6a6a}
	.logo img{width:100%; max-width:300px;margin:0 auto;}
	.logo img.reduce{width:30%;}
	header.fixed{position:inherit;}
}


@media screen and (max-width:1212px){
	.cons-half:nth-child(3){margin-top:-168px;}
}

@media screen and (max-width:1024px){
	.cons-img{display:none;}
	.welcome-message p{margin-bottom:15%;}
	.consignments-page .sub-page{height:auto;}
    .catINV{width:31%;padding: 1%;}
}

@media screen and (max-width:950px){
	.cat{width:32%;}
	.fin{width:40%;}
	.contact-info{width:100%;text-align:center;padding:20px 0;}
	.maurer{top:10%;}
	.maurer h3{width:55%;}
}

@media screen and (max-width:900px){
	.side {display:none;}
	.welcome-message p{margin-bottom:6%;}
	.contact-loc{width:100%;height:150px}
	.contact-loc p{padding-top:60px;}
	.contact-phone{width:100%;height:150px}
	.contact-phone p{padding-top:60px;}
	.contact-email{width:100%;height:150px}
	.contact-email p{padding-top:60px;}
	
	.onethird, .twothird{width:100%; float:none; padding-right:0; margin:0 auto}
	#email.input-email {
		width: 98%;
		padding: 8px 1%;
		float: none;
	}
	#author.input-name, #lastname.input-name {
		width: 98%;
		padding: 8px 1%;
		float: none;
		margin:0 auto 1% auto;	
	}
}
@media screen and (max-width:850px){
	.green-bg{position:relative;}
	.welcome-message{position:absolute;top:40px;left:0; width:100%;z-index:9999;}
	.home-welcome img{width:100%;}
	.welcome-message h1{text-shadow:1px 1px 3px #000;}
	.welcome-message p{text-shadow:1px 1px 3px #000;}
	.half{width:100%;}
	.financial-calc{height:400px;}
	.welcome-map{display:none;}
	.fin-page{background-position:center center;}
	.cons-half{width:100%;}
	.cons-half:nth-child(3){margin-top:10px;}
	
}

@media screen and (max-width:645px){
	.welcome-message{top:20px;}
	.welcome-button{padding:10px 10px;}
	.welcome-message p{margin-bottom:0;}
	.fin{width:50%;}
	.maurer h3{display:none;}
	.maurer img{width:50%;}
}

@media screen and (max-width:550px){
	.logo img{width:45%;}
	.cat{width:49%;}
    .catINV {
        width: 47.9%;
        padding: 1%;
    }
}

@media screen and (max-width:450px){
	.welcome-message{top:0;}
	.welcome-message h1{font-size:30px;}
	.welcome-button{font-size:18px;}
}

@media screen and (max-width:390px){
	.logo img{width:55%;}
	.welcome-message p{padding:0 0 20px 0;}
	.fin{width:60%;}
	.home-welcome img{overflow-x:hidden;}
}