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

/*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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block;}
body {line-height: 1.3; overflow-x: hidden;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}
/*Reset*/

a {text-decoration: none; color: white;}

h1 {color: black; font-family: Calibri; font-size: 1em; line-height: 150%;}
h2 {color: white;  font-family: Calibri; font-size: 2em;}
h3 {font-family: Calibri; font-size: 1em; color: white; line-height: 150%;}
h4 {font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; color: white; font-size: 6em; text-align: center;}

.bold { font-weight: bold; font-size: 16px;}
.clear {clear:both; height:0px; margin:0;}

/*HEADER*/
.top_bar {width: 100%; padding-top: 20px; background-color: #363636;}

.header{width: 100%; background-color: white; box-sizing: border-box; padding: 20px;}
	.inner-header {width: 100%; max-width: 1100px; margin: 0 auto; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
		.header-left {width: 350px; text-align: center;}
			.header-left img {}
		.header-middle {width: 350px;}
			.middle-text {width: 305px; margin: 4vw auto;}
				.middle-text a {color: black; text-decoration: underline;}
		.header-right {width: 350px;}
		
.nav-bar {width: 100%; background: #019a48; padding: 1em; box-sizing: border-box;}
	.inner-nav-bar {width: 100%; max-width: 1100px; margin: 0 auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.nav {
    padding: 10px 7px;
    background: #019a48;
	text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px white;
    transition-duration: 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: Calibri;
}
.inner-nav-bar a {color: white !important; font-family: Calibri; font-size: 1.2em; width: calc(20% - 1em); margin: .5em;}

.nav:hover {
    background: #02783c;
    text-decoration: none;
}
.nav:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #02783c;
    border: solid 1px black;
}
/*HEADER*/


/*HOME*/
.banner {	
	background:url(../siteart/background4.jpg) no-repeat center center fixed; 
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
	margin:0;
	padding:0;
	width: 100%;
	height: 650px;}
.banner h1 {color: #fff; font-size: 2em; line-height: 1.2;}
	
.banner-top {width: 100%; height: 300px;}
.banner-bottom {width: 100%; height: 300px;}	
	.banner-bar {width: 100%; max-width: 500px; background: url(../siteart/black.png); float: left; margin-top: 150px; text-align: center; padding: 10px 1.5em; line-height: 1.3; box-sizing: border-box;}
/*HOME*/
	
	
/*THANK YOU*/
.thankyou-outer {width: 100%; height: 600px; 
	background:url(../siteart/background5.jpg) no-repeat center center fixed; 
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
	margin:0;
	padding:0;
}
	.thankyou-inner {width: 100%; max-width: 1100px; height: 300px; margin: 0 auto; padding: 150px 0 0 0;}
		.thankyou-inner h3 {text-align: center; font-size: 2em;}
	.navigate-home {width: 350px; height: 50px; background: green; margin: 20px auto 0 auto; border: solid 3px white;}
	.navigate-home h3 {font-size: 1.5em; padding-top: 6px;}


	
/*INVENTORY*/
.inventory_banner {	
	background: #000 url(../siteart/background4-1.jpg) no-repeat center center fixed; 
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
	margin:0;
	padding:0;
	width: 100%;
	height: 595px;
	text-align: center;
	}
	
.inventory-title {width: 100%; height: 200px;}
	.inner-title { margin: 0 auto; padding-top: 125px;}
		.inner-title h1 {color: white; font-size: 2em;}	

.inventory_banner-inner {width: 100%; padding: 0 10%; display: flex; justify-content: center; align-items: center; margin: 0 auto; box-sizing: border-box;}
	.inventory-box {width: calc(33.33% - 1em); border-radius: 4px; margin: .5em; padding: 1em; background: #019A48; border: 1px solid #fff;}
	.inventory-box:hover {transition: .3s ease-in-out all; background: #363636;}
	.inventory-box h1 {color: white; font-size: 18px; font-weight: 600;}
	.inventory-box i {float:right; margin: 3px 10px 0px 0px;}
	 
	
/*CONTACT*/
.outer-contact {	
	background:url(../siteart/background4.jpg) no-repeat center center fixed; 
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
	margin:0;
	width: 100%;
	padding: 50px 0px;}

	
.inner-contact {width: 100%; max-width: 1100px; box-sizing: border-box; background: #414042; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center;}
.inner-contact form {width: 100%; display: flex; justify-content: center; flex-wrap: wrap; margin: 0 auto; padding: 2em;}
	
	.contact-left {width: 50%;}
		.contact-title {width: 100%; text-align: center; color: #fff; font-family:'Calibri', sans-serif;}
			.contact-title h1 {font-size: 2.5em; color: white;}				
				.inner-contact h1 {font-size: 2.5em; color: white; text-align: center; width: 100%;}


/*FORM*/
.form_left { width: 100%; box-sizing: border-box; padding: 0 10%;}
.form_left h2 {font-size: 16px; width: 100%;}
	
.form_title {width: 100%; padding-top: 15px; color: #fff; font-family:'Calibri', sans-serif;}
.form_name {color: #fff; font-family:'Calibri', sans-serif;}

.form_name, .form_email, .form_phone, .form_comments textarea {width: 100%;}

.form_name input {
	width: 100%;
	padding:10px;
	font-family:'Calibri', sans-serif;
	color:#000;
	font-size:16px; 
	box-sizing: border-box;}
	
.form_email input {
	width: 100%;
	padding:10px;
	font-family:'Calibri', sans-serif;
	color:#000;
	font-size:16px; 
	box-sizing: border-box;}
	
.form_phone input {
	width: 100%;
	padding:10px;
	font-family:'Calibri', sans-serif;
	color:#000;
	font-size:16px; 
	box-sizing: border-box;}

.form_comments {width: 100%;}

.form_comments textarea {
	width: 100%;
	height: 111px;
	padding:10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid none;
	font-family:'Calibri', sans-serif;
	color:#000;
	font-size:16px; 
	box-sizing: border-box;}

.form_left-captcha {width: 100%; padding-top: 20px;}
.form_left-send {width: 100%; text-align: center; padding-top: 50px;}

input.button {border: none; font-size: 16px; background: #019a48; color: #fff; font-weight: 600; outline: none; display: block; margin: 0 auto; padding: 1em; cursor: pointer;}
input.button:hover {transition: .3s ease-in-out all; background: #02783c;}

/*control the Captcha */
.CaptchaPanel {
	margin:0 0 0 0 !important;
	padding:0 0 0 0 !important;
	text-align: center;
	line-height:normal !important;
font-family:'Calibri', sans-serif;
}

.CaptchaImagePanel {
	margin:0 0 0 0;
	padding:0 0 0 0;}

.CaptchaMessagePanel {
	padding:10px !important;
	margin:0 0 0 0 !important;
	font-weight:normal !important;
	color: white;
	font-size:16px;
	line-height:14px;}

.CaptchaAnswerPanel {
	margin:0 0 0 0;}

.CaptchaAnswerPanel input {padding: 10px!important; font-size: 16px;}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 0 0;
	padding:20px 0 8px 0 !important;}
	
.CaptchaWhatsThisPanel a {color: white;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 
	/*control the Captcha */
/*FORM*/
	
	
	.contact-right {width: 50%;}
		.info {width: 100%; margin: 0 auto; padding: 1em 5%; text-align: center; box-sizing: border-box;}
			.info h1 {font-size: 2.5em; color: white; text-align: center; box-sizing: border-box;}
			.info a {color: white; text-decoration: underline;}
		.map {width: 100%; height: auto; text-align: center; margin: 0 auto;}
	.map iframe {max-width: 400px!important;}
	
/*CONTACT*/
	
	
	

.footer {width: 100%; background: white; display: block;}
.inner-footer {width: 90%; max-width: 425px; margin: 2em auto; display: block; text-align: center; color: #666; font-family: Arial, sans-serif; box-sizing: border-box;}
.inner-footer p {font-size: 13px; line-height: 20px;}
.inner-footer span {font-size: 10px;}
.inner-footer a {color: #666; text-decoration: underline;}


/*--------Scrolling Inventory--------*/

.scrolling-wrap {width:100%; height:90px; overflow:hidden; border-top: 15px solid #363636; border-bottom: 15px solid #019a48;}
.scrolling {width:100%; height:92px;}

.mobilecontainer { 
	overflow:hidden; /* must have this property for mobile phones and tablet display! */
	width:100%; 
	margin:0;
	height:150px; 
	padding:0;
}

iframe.banner {
	width:100%;
	height:200px;
	background:black;
	margin-top:32px;
}	



@media screen and (max-width: 1000px) {
	.inner-nav-bar a {width: calc(33.33% - 1em);}
	
	.inventory_banner-inner {flex-wrap: wrap;}
	.inventory-box {width: calc(100% - 1em);}
	
	.contact-left, .contact-right, .map{width: 100%;}
	.contact-right {padding: 40px 0;}
}

@media screen and (max-width: 767px) {
	.nav {padding: 7px;}
	.inner-nav-bar a {width: calc(100% - .5em); margin: .25em;}
	.banner {height: 500px;}
	.banner-top {height: 200px;}
	.banner h1 {font-size: 22px;}
}