﻿/* BEGIN RESET */
* {background:transparent; border:0; margin:0; padding:0; font-family: 'Open Sans', sans-serif; font-style:normal; line-height:normal; -webkit-text-size-adjust: none;}
ol, ul, li {list-style: none; font-size:15px; line-height:20px;}
ul {padding:0 0;}
.clear {clear: both; height:0px; margin:0;}

h1 {font-size:32px; line-height:1.5em; text-transform:uppercase;}
h2 {font-size:30px; text-transform:uppercase; }
h3 {font-size:28px; margin-top:20px;}
h4 {font-size:24px; text-transform: uppercase;}
h5 {font-size:18px; text-transform: uppercase;}

p {font-size:16px; line-height:1.75em; margin-bottom:15px;}

a {text-decoration:none;}
hr {border-bottom:1px solid #fff; width:100%; margin:1% auto; padding:1% 0;}

/* BASIC STYLES */
body {overflow-x:hidden; background:#fff;}
#contentwrap {width:90%; margin:0 auto;}

.wrapper {background: url(../siteart/texture.jpg) no-repeat; background-size:cover; padding:2% 0 1%;}
.wrapper a {color:#166931!important;}
#pagewrap {width:75%; margin:1.75% auto 15px;}
#pagewrap a {color:#000;}

.colorwrap {background:#166931; color:#fff; padding:8px 0; width:100%; max-width:750px; text-align:right;}
.col_2 {display:inline-block; width:49%; vertical-align:top;}
.col_2_right img {width:60%;}
.col_2_right {display:inline-block; width:49%; vertical-align:top; text-align:right;}

/* HEADER */
.top {text-align:right; color:#166f35; padding:20px 0 0;}
.top a {color:#166f35; font-weight:600; font-size:22px;}
header {padding:15px 0 30px;}
.logo {position:absolute; z-index:120; width:32%; top:4%;}
.logo img {width:100%;}
.headerright {background:#166f35; width:75%; float:right; text-align:right; padding:5px 4% 5px 0;}

/* CONTENT STYLES */
#slider {float:left; Width:50%;}

#main {background: url(../siteart/5.jpg) no-repeat; background-size:cover; color:#fff; padding:4% 0; background-color: #000;}
.col_left {float:left; width:70%; color:#fff;}
.col_right {float:right; width:25%;}
.whitebtn {width:100%; border:1px solid #fff; color:#fff!important; padding:5px 0; text-align:center;}



/* ICON BUTTONS */
#cta {float:right; width:50%;}
.homeinventory {width:100%; float:left; background-color: #000;}
.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:15%; font-size:32px; font-weight:700; width:100%; height:100%; color:#fff; line-height:30px;}



/* SCROLLING INVENTORY */
.scrolling-wrap {width:100%; height:90px; overflow:hidden;}
.scrolling{width:100%; height:92px;}

   
/* FOOTER */
footer {background:#166931; padding:15px 0; color:#fff;}
footer a {color:#fff; font-size:14px;}
footer a:hover {color:#999999;}
.line {border-top:1px solid #fff; margin:5px 0;}
.foot_colum {float:left; width: 60%;}
.col_two {display:inline-block; width:49%; box-sizing:border-box; vertical-align:top; padding-bottom:20px;}
.foot {float:right; width:40%;}
.foot img {width:35%; float:right;}

.hosted-content img {display:inline-block!important; margin-right:10px!important;}

/* FACETED INVENTORY */




/************************************************ Responsive Styles **/
@media screen and (max-width: 1780px)  {
.logo {margin-top:1%;}
}

@media screen and (max-width: 1580px)  {
h2 {font-size:28px;}

.logo {width:33%; margin-top:1.5%;}
}

@media screen and (max-width: 1280px)  {	
h1 {font-size:28px;}
h2 {font-size:22px;}

.logo {width:38%; margin-top:1.35%;}

.hovereffect a.info {font-size:24px;}	

.colorwrap {text-align:left;}

.col_2_right img {width:75%;}
.headerright{padding: 5px 2% 5px 0;}
}

@media screen and (max-width: 1024px)  {
h1 {font-size:24px;}
h2 {font-size:19px;}

header {padding:15px 0 0;}
.logo {width:50%; margin-top:2.5%;}
	
#pagewrap {width:90%;}
.hovereffect a.info {font-size:18px;}	
	

.foot img {width:50%;}	
	
.hosted-content #listings-title {font-size:20px!important;}	
	
}


@media screen and (max-width: 738px)  {
h1 {font-size:18px;}
h2 {font-size:16px;}
p {font-size:14px; margin-bottom:5px;}
.top {font-size:12px;}
.top a {font-size:12px;}
.logo {position:relative; width:75%; margin:0 auto 10px;}	
.headerright {float:none; width:95%; padding:0 5% 0 0; }

#slider	{float:none; width:100%;}
#cta {float:none; width:100%;}
.homeinventory {width:50%;}	
.hovereffect a.info {font-size:14px; padding-top:10%;}	

.col_2 {display:block; width:100%;}	
.col_2_right {display:block; width:100%; text-align:center;}
.col_2_right img {width:75%;}
	
.foot_colum {float:none; width:100%;}
.foot {float:none; width:50%;}
.foot img {width:100%;}

.foot_colum .col_2 {display:inline-block; width:49%;}	
.foot_colum .col_2_right {display:inline-block; width:49%; text-align:center;}
footer .col_2_right {text-align:left;}

}

@media screen and (max-width: 500px)  {
h1 {font-size:18px;}
h2 {font-size:14px;}
	
.logo {width:100%;}	
	
.homeinventory {width:100%;}

.colorwrap {text-align:center;}

.col_2_right img {width:100%;}	
	
.col_left {float:none; width:100%; text-align:center;}
.col_right {float:none; width:100%;}
.whitebtn {font-size:14px; margin-top:10px;}	

}

@media screen and (max-width: 375px)  {
h1 {font-size:16px;}
h2 {font-size:14px;}

.hovereffect a.info {font-size:14px; padding-top:10%;}	

.foot {width:75%;}
.foot_colum .col_2 {display:block; width:100%; margin-bottom:10px;}	
.foot_colum .col_2_right {display:block; width:100%;}
	
	
}
