@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: 'Open Sans', sans-serif!important;
	line-height: 1.42857;
	overflow-x: hidden;
	background: #111;
}

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

.main-wrapper {width: 94%; max-width: 1150px; margin: 0 auto; display: block; background: #fff; -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.6); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.6); box-shadow: 0px 0px 3px rgba(0,0,0,.6);}
.width {margin: 0 auto; max-width: 95%;}

/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
	border-top: 7px solid #b8b8b8;
	border-bottom: 7px solid #b8b8b8;
}
 
.scrolling{
    width:100%;
    height:92px;
}

/***************************  HEADER STYLES  *************************************/
header {
	width: 100%;
    margin: 0 auto;
    font-size: 15px;
	display: inline-block;
}

a.main-logo {
	padding: 20px 0;
	display: block;
}
a.main-logo img {
	width: 100%;
	max-width: 310px;
	height: auto;
}

img#hdr-hero {width: 100%; height: auto; margin: 0 auto; position: relative; z-index: 999;}

/*** MOBILE MENU ***/
#cssmenu{width: 100%; display: inline-block; position: relative; font-size: 0; z-index: 999; text-align: center; background: #f04f23; margin-top: -10px; border-top: 20px solid #33743a;}
#cssmenu ul li{display: inline-block; position: relative;}
#cssmenu ul li a{display: block; font-size: 14px; font-weight: 700; color: #fff; padding: 10px 1vw;}
#cssmenu ul li:hover > ul{left: auto;}
#cssmenu ul li.has-sub > a{padding-right: 30px;}
#cssmenu ul li.has-sub > a::after{position: absolute; top: 21px; right: 14px; font-family: FontAwesome; font-size: 10px; content: '\f078';}
#cssmenu ul ul{display: block; position: absolute; left: -9999px; text-align: left; border-bottom: 1px #ddd solid;}
#cssmenu ul ul li{border: 1px solid #ddd; border-bottom: none;}
#cssmenu ul ul li a{display: block; background: #111; width: 250px; font-size: 13px; text-transform: none; text-decoration: none; color: #ddd; padding: 15px 25px;}
#cssmenu ul li a:hover{background: #33743a;}
#cssmenu ul ul li a:hover, #cssmenu ul ul li:hover > a{color: #111;}
#cssmenu ul ul li.has-sub a::after{position: absolute; top: 18px; right: 8px; font-family: FontAwesome; font-size: 8px; content: '\f054';}
#cssmenu ul ul ul{margin-left: 100%; top: -1px;}
#cssmenu #menu-button{display: none;}

/*********************  HOMEPAGE STYLES **************************************/
.inner-wrapper {
	width: 100%;
    margin: 0 auto;
    padding: 25px;
    font-size: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: flex-start;
}
.inner-wrapper h2 {
	color: #000;
	border-bottom: 1px solid #000;
	margin: 0px 0px 10px;
}
.inner-wrapper a {
	color: #000;
	text-decoration: underline;
}
.inner-wrapper a:hover {
	text-decoration: none;
}
.inner-wrapper p {
	padding: 5%;
}
.inner-wrapper .left {
	width: 70%;
	padding-right: 25px;
}
.inner-wrapper .right {
	width: 30%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	background: #ddd;
}
.inner-wrapper img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
	max-width: 500px;
}
.inner-wrapper img#jet-logo {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	padding: 15px;
	max-width: 200px;
	margin-top: 30px;
	margin-bottom: 30px;
}

/*********************  FOOTER STYLES **************************************/
footer {
	width: 100%;
	margin: 0 auto;
	padding: 25px;
	box-sizing: border-box;
	color: #333;
	font-size: 11px; 
	line-height: 16px;
	text-align: center;
	display: block;
	font-family: 'Open Sans', sans-serif;
	border-top: 20px solid #33743a;
}
footer a {
	color: #333;
	text-decoration: underline;
}
footer a:hover {text-decoration: none;}


/**********************  MEDIA QUERIES (RWD) ***************************************/
@media screen and (max-width: 1000px) {
	.width {width: 95%;}
	
/* HEADER */	
	#cssmenu{float: none; width: 100%; text-align: center;}
	#cssmenu ul{width: 100%; display: none; background: #f04f23;}
	#cssmenu ul li{display: block;}
	#cssmenu ul li a{font-size: 14px; padding: 10px; width: 100%; box-sizing: border-box; color: #fff;}
	#cssmenu ul ul{display: none; position: relative; left: 0; right: auto; width: 100%; margin: 0;}
	#cssmenu ul ul li{width: 100%; border: none; border-top: 1px solid #555;}
	#cssmenu ul ul li a{background: #333; font-size: 13px; color: #eee; padding: 12px 20px; width: 100%; text-align: center;}
	#cssmenu ul ul ul{display: none; position: relative; top: 0; left: 0; right: auto; width: 100%; margin: 0;}
	#cssmenu ul ul ul li a{padding: 20px 40px; background: #555;}
	#cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul li.has-sub > a::after{display: none;}
	#cssmenu #menu-button{display: block; padding: 13px; font-size: 14px; font-weight: 700; text-align: center; text-transform: uppercase; color: #fff; cursor: pointer; background: #f04f23;}
	#cssmenu #menu-button.menu-opened:after{content: '\f00d';}
	#cssmenu #menu-button::after{position: absolute; top: 11px; color: #fff; font-weight: 700; right: 20px; font-family: FontAwesome; font-size: 16px; content: '\f0c9';}
	#cssmenu .submenu-button{position: absolute; z-index: 10; right: 0; top: 0; display: block; height: 55px; width: 100%; cursor: pointer;}
	#cssmenu .submenu-button::after{position: absolute; top: 11px; right: 20px; font-family: FontAwesome; font-size: 16px; content: '\f067'; color: #aaa;}
	#cssmenu .submenu-button.submenu-opened:after{content: '\f068';}
	#cssmenu ul li:hover > a{background: #f3f3f3; color: #000;}
	
/* HOMEPAGE */
	.inner-wrapper {flex-direction: column; flex-wrap: wrap; align-items: stretch; justify-content: space-between; text-align: center;}
	.inner-wrapper h2 {font-size: 20px;}
	.inner-wrapper .left {width: 100%; padding-right: 0;}
	.inner-wrapper .right {width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-items: center; align-content: stretch;}
	.inner-wrapper .right a {width: 33.33%; padding-top: 3%;}
}

@media screen and (max-width: 800px) {
	body {background-attachment: inherit;}
	
/* HEADER */
	header .width {width: 100%; max-width: none;}
	.top-bar {float: none; width: 100%; text-align: center; clear: both; margin: 0 auto; box-sizing: border-box; font-size: 11px;}
	
	a.main-logo {float: none; text-align: center; padding: 10px 0;}
	a.main-logo img {max-width: 275px; padding: 0 25px;}
}

@media screen and (max-width: 450px) {	
/* HOMEPAGE */
	.inner-wrapper .right a {width: 50%; padding-top: 3%;}
}