@charset "utf-8";
/* CSS Document */

/***** 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;}
.clear {clear: both; height:0px; margin:0;}

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

* {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	font-family: urw-din, sans-serif!important;
	overflow-x: hidden;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

button,
input { /* 1 */
  overflow: visible;
}

button,
select { /* 1 */
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

a {
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all.3s ease-in-out;
}

.width {width: 1250px; margin: 0 auto; max-width: 95%;}
.wrapper-width {width: 95%; margin: 0 auto; max-width: 1080px; }
.inventory-width {width: 95%;  max-width: 1250px; margin: 0 auto;}

/***************************  HEADER STYLES  *************************************/
.header .sticky {
  position: fixed;
  z-index: 999999;
  top: 0;
  width: 100%;
}

.header {
	width: 100%;
	display: inline-block!important;
	height: auto;
	position: relative;
	margin: 0 auto;
	background-size: cover;
	background: url('/siteart/carbon-bg.jpg') no-repeat center;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}
a.main-logo {
	float: left;
	width: 60%;
}
a.main-logo img {
	width: 100%;
	position: absolute;
	z-index: 999999;
	margin: 0 auto;
	display: block;
	max-width: 380px;
}
.hdr-contact {
	float: right;
	width: 50%;
	padding: 12px;
}
.hdr-contact .left {
	float: left;
	width: 48%;
	margin: 1%;
}
.hdr-contact .right {
	float: right;
	width: 48%;
	margin: 1%;
}
.hdr-contact a {
	font-size: 14px;
	color: #000;
	text-decoration: none;
}
.hdr-contact a:hover {
	color: #333333!important;
}

/*********************  HOMEPAGE STYLES **************************************/
.hero-wrapper {
	width: 100%;
	display: inline-block;
	margin: 0 auto;
}
.hero-wrapper .left {
	float: left;
	width: 60%;
	padding: 6em;
	height: 525px;
	background: url('/siteart/hero1.jpg') no-repeat;
	background-size: cover;
}
.hero-wrapper .right {
	float: right;
	width: 40%;
	height: 525px;
	padding: 6em 2em;
	background: #497a39;
	border-left: 1px solid #fff;
}
.welcome-txt {
	background: #fff;
    padding: 3em;
    position: absolute;
    right: 5%;
    max-width: 775px;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
}
.welcome-txt h1 {
	color: #497a39;
	display: block;
	margin-bottom: 10px;
}
.welcome-txt p {
	line-height: 26px;
}
.welcome-txt a {
	color: #497a39;
}

/*********************  CONTACT STYLES **************************************/
/** page wrapper **/
.page-wrapper {
	width: 100%;
	display: inline-block;
	margin: 0 auto;
}
.page-wrapper h2 {
    border-bottom: 2px solid #ccc;
	padding-bottom: 10px;
    padding-left: 10px;
    line-height: 30px;
    margin-top: 50px;
}
.page-wrapper .title h1 {
	display: block;
	text-align: center;
	text-transform: uppercase;
	padding: 3em .5em;
	color: #fff;
	font-size: 50px;
	font-style: italic;
	background: url('/siteart/title-hero.jpg') no-repeat top;
	background-attachment: fixed;
	background-size: cover;
	text-shadow: 5px 5px 18px #222222;
    -webkit-text-shadow: 5px 5px 18px #222222;
    -moz-text-shadow: 5px 5px 18px #222222;
    -ms-text-shadow: 5px 5px 18px #222222;
	font-family: urw-din, sans-serif;
	/*box-shadow: 0px 2px 4px rgba(0,0,0,0.5);*/
}
.page-wrapper p {
	padding: 2.5em .5em;
	line-height: 26px;
}
.page-wrapper p a {
	color: #333333;
	font-weight: 700;
}
.page-wrapper p a:hover {
	text-decoration: underline;
}

.contact-info {
	width: 100%;
	display: inline-block;
	margin: 15px 0;
}

.contact-info .left {
	float: left;
	width: 50%;
	padding: 1rem;
}

.contact-info .left p {
	margin: 20px 0;
	line-height: 24px;
	font-size: 16px;
	padding: 0;
	text-align: left;
	font-family: 'Roboto', sans-serif;
}

.contact-info .left a {
	color: #6e0200;
	font-weight: 700;
}

.contact-info .left p a:hover {
	color: #000;
	text-decoration: underline;
}

.contact-info .right {
	float: right;
	width: 50%;
}



/*********************  FOOTER STYLES **************************************/

.footer {
	width: 100%;
	display: inline-block;
	margin: 0 auto;
	box-sizing: border-box;
	background: url('/siteart/footer-hero.jpg') no-repeat center;
	background-size: cover;
	padding-top: 5em;
	border-top: 7px solid #497a39;
}
img#map {
	width: 100%;
	max-width: 200px;
	display: block;
	margin: 0 auto;
	text-align: right;
}
.footer h2 {
	color: #497a39;
	font-family: urw-din, sans-serif;
}
.footer .fas, .footer .fab {
	color: #000;
    font-size: 42px;
    position: absolute;
    margin-left: -110px;
	vertical-align: middle;
	border: 1px solid #000;
    border-radius: 50%;
    padding: 25px;
}
.footer-logo {
	float: left;
	width:55%;
}
.footer-contact {
	float: right;
	width: 45%;
}
.footer-contact a {
	color: #000;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 25px;
    display: block;
	text-decoration: none;
	font-size: 16px;
}
.footer-contact a:hover {
	color: #333333;
}
.site-host {
	width: 100%;
	display: inline-block;
	margin: 0 auto;
	background: #000;
	padding: 20px 0;
	margin-top: 5em;
	border-top: 7px solid #497a39;
}

.site-host p {
	text-transform: uppercase;
	color: #777777;
	letter-spacing: .75px;
	font-size: 10px; 
	line-height: 18px;
	padding: 0 10px;
	text-align: center;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	font-family: urw-din, sans-serif;
}
/* -------------------------------- 
Popup style

-------------------------------- */
	.img-replace {display: inline-block; overflow: hidden; text-indent: 100%; color: transparent; white-space: nowrap;}
    
    .bts-popup {position: absolute; left: 0; top: 3%; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 999999999999999999;}
	.bts-popup.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; z-index: 999999999999999999;}
	.bts-popup-container {
	position: relative;
	width: 800px;
	max-width: 95%;
	margin: 0 auto;
	background-color: #f6de20; 
	text-align: center;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	-webkit-transform: translateY(-40px);
	-moz-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	-o-transform: translateY(-40px);
	transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
	z-index: 999999999;
	box-sizing: border-box;
	padding: 2.5em;
	/*border:1px solid #eee;*/
	}
	.bts-popup-container img {width: 95%; max-width: 400px; display: inline-block; margin: 1.25em auto 0;transition: transform 0.3s ease, box-shadow 0.3s ease;}
	.bts-popup-container img:hover {
    transform: scale(1.05);}
	.bts-popup-container h2 {display: block; margin-bottom: 10px;}
	.bts-popup-container p {color: #000; font-size: 18px; font-family: urw-din, sans-serif; font-weight: bold; line-height: normal;}
	.bts-popup-container a {color: #000;}
	.bts-popup-container .bts-popup-button {padding: 5px 25px; display: inline-block;}

	.bts-popup-container .bts-popup-close {position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; z-index: 999999; background: #000;}
	.bts-popup-container .bts-popup-close::before, .bts-popup-container .bts-popup-close::after {content: ''; position: absolute; top: 13px; width: 16px; height: 3px; background-color: white; z-index: 9999;}
	.bts-popup-container .bts-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px; z-index: 9999;}
	.bts-popup-container .bts-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 6px; top: 13px; z-index: 9999;}
	.is-visible .bts-popup-container {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}


/**********************  MEDIA QUERIES (RWD) ***************************************/
@media screen and (max-width: 1500px) {
/* HOMEPAGE */
	.hero-wrapper .left {width: 75%;}
	.hero-wrapper .right {width: 25%; padding: 5%;}
	.welcome-txt {max-width: none; width: 55%;}
}

@media screen and (max-width: 1180px) {
/* HOMEPAGE */
	.hero-wrapper .left {float: none; width: 100%; padding: 25%; height: auto;}
	.hero-wrapper .right {float: none; width: 100%; border-left: none; height: auto; padding: 5%; border-top: 1px solid #fff;}
	.welcome-txt {width: 100%; right: 0; position: relative; margin-top: -125px;}
	
	.page-wrapper .title h1 {font-size: 40px;}
	
	.footer .fas, .footer .fab {font-size: 24px; margin-left: -95px;}
	img#map {max-width: 180px;}
}

@media screen and (max-width: 1020px) {
/* HEADER */
	a.main-logo img {max-width: 325px;}
	.hdr-contact {padding: 7px;}

}

@media screen and (max-width: 800px) {	
/* HEADER */
	.hdr-contact .left {display: none;}	
	a.main-logo {float: none; width: 100%;}
	.hdr-contact .right, .hdr-contact {text-align: center; float: none; width: 100%; display: none;}
	a.main-logo img {position: relative;}
	.hdr-contact {padding: 0;}
	
	.welcome-txt {padding: 2em; margin-top: -75px;}
	
/* PAGES */
	.page-wrapper .title h1 {font-size: 28px; background-attachment: inherit; padding: 2em .5em;}
	
/* FOOTER */
	.footer-contact, .footer-logo {width: 50%;}
	.footer .fas, .footer .fab {display: none;}
	.footer-contact a {margin-bottom: 15px;}
	img#map {max-width: 150px;}
	footer h2 {font-size: 20px;}
}


@media screen and (max-width: 500px) {
/* FOOTER */
	.footer-contact, .footer-logo {float: none; width: 100%; text-align: center;}
	.footer-contact {margin-top: 30px;}
	img#map {max-width: 110px;}
	.footer-contact a {margin-bottom: 0;}
}