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

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address, img {  
    display: block;  
} 

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

/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

.center {
	text-align: center;
}

hr {
    margin: 30px 0;
    width: 90%;
    margin: 40px auto;
    border: none;
    height: 1px;
    background: #eee;
}

/* This stylesheet generated by Transfonter (https://transfonter.org) on September 8, 2016 2:07 PM */
@font-face {
	font-family: "Helvetica Neue Bold Condensed";
	src: url('../fonts/HelveticaNeueLTStd-BdCn.eot');
	src: url('../fonts/HelveticaNeueLTStd-BdCn.eot?#iefix') format('embedded-opentype'),
		url('../fonts/HelveticaNeueLTStd-BdCn.woff2') format('woff2'),
		url('../fonts/HelveticaNeueLTStd-BdCn.woff') format('woff'),
		url('../fonts/HelveticaNeueLTStd-BdCn.ttf') format('truetype'),
		url('../fonts/HelveticaNeueLTStd-BdCn.svg#HelveticaNeueLTStd-BdCn') format('svg');
	font-weight: bold;
	font-style: normal;
}

body {font-family:"Arial", "Helvetica"; font-size:13px; color: #234092; -webkit-text-size-adjust:none; background: #3a301a; margin: 0 auto!important; width: 975px; max-width: 100%;}

h1 {color: #143283; font-size: 18px; font-weight: bold; margin-bottom: 5px;}
h2 {color: #be0d0f; font-size: 16px; font-weight: bold; margin-bottom: 5px;}
p {
	line-height: 1.5;
}
.main-container a:link, .main-container a:visited, .main-container a:active {text-decoration:underline; color:#143283;}
.main-container a:hover {text-decoration:none; color:#143283;}

.header {
	width: 975px;
	max-width: 100%;
	background: #fff;
}

.header img{
	float: left;
	display: inline-block;
	max-width: 100%;
	height: auto;
}

.brand-logo {
	width: 160px;
}

.header-text {
	color: #234092;
	text-align: right !important;
	font-size: 16px;
}

.header-text a {
	color: #234092;
	text-decoration: none;
	transition: .3s all;
	margin-top: 30px !important;
}

.header-text a:hover {
	color: #d71d24;
	
}

.logo {
    display: flex;
    align-items: center;
    font-size: 27px;
    font-weight: 800;
    color: #DA2527;
}

.head-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 95%;
    margin: 0 auto;
}

.show-menu-for-mobile {display:none;}  /* At most larger screen widths, the burger icon for the mobile menu won't be displayed. */

.announcement-bar {
	background: #143283;
	color: #fff;
	padding: 20px;
	text-align: center;
	position:relative;
	cursor: pointer;transition:.3s all !important;
}
.announcement-bar:hover {background: #102869;}
.announcement-bar h2 {
	color: #fff;
}

.main-container {
	background: #fff;
	width: 775px;
	max-width: 100%;
	float: right;
	display: inline-block;
}

.container-left, .container-left:before {
	width: 200px;
}

.container-left {
	background: #515151 url(../siteart/background.png) repeat;
	width: 200px;
	max-width: 100%;
	float: left;
	display: inline-block;
	color: #fff;
}

.container-left:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    left: 0;
    background-color: #515151;
}

.container-left img{
	float: none;
	display: inline-block;
	padding: 5px 0px;
	max-width: 100%;
	height: auto;
}

.wrapper {
	max-width: 95%!important;
	width: 750px!important;
	margin: 0 auto;
	padding: 3% 0px;
}

.inv-wrapper {
	msx-width: 100%!important;
    width: 900px!important;
	margin: 0 auto;
	padding: 2% 0px;
}

.wrapper img {
	max-width: 100%;
	height: auto;
}

.brand-pg hr {
	margin: 50px auto;
}
/*
.brand-pg img {
	width: 300px;
	border: none !important;
	max-width: 100%;
}
*/
.vid-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 16 / 9;
}
.vid-wrap video {position:absolute; top:0;bottom:0;left:0;right: 0;height:100%;width: 100%;}
.news-pg img {max-width: 100%;width: 100%;margin: 0 auto;}
a.news-wrap {
    display: inline-block;
    width: 100%;
}
.brand-pg img {
	width: 510px;
	border: none !important;
	max-width: 100%;
}
.wrapper-left {
	width: 180px;
	max-width: 100%;
	margin: 0 auto;
	padding: 2% 0px;
	font-family:"Arial", "Helvetica";
	font-size:12px;
}

.container-left .wrapper-left a {
 	color: #fff;	
	line-height: 1.5;
}

.flex-air {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
}

.air-type {
    flex: 1;
    flex-basis: 40%;
	
    text-align: center;
}

.air-type img {
    width: 100% !important;
    margin: 0 auto;
	transition: .3s all;
}

.air-type img:hover {
	opacity: .6;
}
.air-type h3 {
    font-size: 18px;
    text-transform: uppercase;
}
.air-type p {
    font-weight: 800;
}

.air-type a.brochure-link {
   display: inline-block;
    margin-top: 15px;
    padding: 10px 0;
    background: #be0d0f;
    text-decoration: none !important;
    font-weight: 600;
    width: 100%;
    color: #fff !important;
	transition: .3s all;
}

.air-type a:hover {
	background: #eee;
	color:  #be0d0f !important;
}

.brand-pg h2 {
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    color: #333;
    margin: 10px 0;
    font-style: italic;
}

#left {
	width: 48%;
	max-width: 100%;
	display: inline-block;
}

#right {
	width: 48%;
	max-width: 100%;
	display: inline-block;
}

.aboutus {
    float: right;
    position: relative;
    text-align: center;
    margin:0 0 15px 20px !important;
	font-size: 12px;
	line-height: 16px;
}

.aboutus img {
	border: 1px #000 solid;
}

.about-sec {
	padding: 15px;
    background-color: black;
    color: white;
    display: flex;
    gap: 30px;
    align-items: flex-start;
}
.about-head {
	color: #ffcd67;
    font-size: 20px;
    line-height: 28px;
    padding: 20px 0;
}

img.about-hd-img {
    max-width: 100%;
    order: 1;
}

.brand-pg ul {
    font-size: 15px;
    line-height: 18px;
    list-style: disc;
    margin-left: 36px;
}

.brand-pg li {
    margin-bottom: 10px;
	font-size: 14px;
}

.fact-sheets table {
    width: 60%;
    margin: 30px auto;
}

td,th {
    text-align: left;
    border: 1px solid #ddd;
    padding: 10px;
}

::marker {
	color: #be0d0f
}
/******MAIN NAVIGATION same as used for CMS******/
/* This horizontal navigation has 4 dropdown levels, but you can change it to include more levels if necessary.*/
 
.box { /* container to center the nav within a standard width of 1020px, or adjust to width of your site. Links will always float left or right. */
    text-align:center;
    background:#434343;
    width: 975px;
    max-width: 100%;
    margin: 0 auto;
}
  
#nav {
    position:relative;
    display:inline-block;  
    z-index:9000;
    margin:0 auto 0 auto;
    padding:0 0 0 0;
    text-align:center;
	    width: 100%;
}
  
#nav ul, #nav li {
    list-style: none;  
    margin:0 0 0 0;
    padding:0 0 0 0;  
}

#nav ul {
	width: 100%;
    display: flex;
    align-items: center;
}
  
#nav ul li {
    display: block;
    position: relative;
    float:left;
    text-align:center;
	flex: 1;
    flex-grow: 1;
}
  
#nav li ul {
    display: none;
}
  
  
#nav ul li a { /* appearance of the first-level links */
	display: block;
	text-decoration: none;
	color: #fff;
	font-weight:bold;
	font-size: 15px;
    line-height: 18px;
    padding: 10px 14px;
	height: 1%;
	text-transform: uppercase;
	border-right: 1px dotted #6c6c6c;
	border-left: 1px dotted #6c6c6c;
	background:#434343;
	text-align:center;
	font-family: "HelveticaNeue-CondensedBold", "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif;
	font-stretch:condensed;
}
 
 
#nav ul li a:hover { /* appearance of the first-level links on hover */
    height: 1%; 
    color:#d71d24; 
}
  
  
  
#nav ul li li a { /* appearance of the sub-level links */
    width:215px;
    padding:8px 0 8px 15px;
    text-align:left;
    background:#090909;
    border-bottom:1px #333 solid;
    border-right: 1px solid #333;
    border-left: 1px solid #333;    
}
#nav ul li li a:hover { /* appearance of the sub-level links on hover */
    color:#fff; 
    background:#4b0000 url("../siteart/nav-ro-bg.jpg") repeat-x;     
}
  
  
  
/* Optional-use, Begin targeting styles of first and last links */
#nav ul li:last-child  { /* Optional-use, this targets last li */
    border-right: 1px dotted #6c6c6c;
}
#nav ul li:last-child a {
    border-right: 1px dotted #6c6c6c;
}
#nav ul li:first-child  { /* Optional-use, this targets first li */
    border-left: 1px dotted #6c6c6c;
}
  
/* Optional-use, cancells out border for subnav li containers*/
#nav ul li li:last-child  {
    border-left:0;
    border-right:0;
}
#nav ul li li:last-child a {
    border-right: 1px solid #333;
}
#nav ul li li:first-child  {
    border-left:0;
    border-right:0;
}
/* Optional-use, End targeting styles of first and last links */
  
  
  
/* Unless needing to do something extra or experimental, DON'T edit these positioning styles below! */
#nav ul ul {
    display: none;
    position: absolute; 
    top:100%;
    left:0;
}
  
#nav ul ul ul {
    position: absolute; 
    left: 100%;
    top:0; 
}
  
#nav ul li:hover > ul {  
    display: block;
    line-height:18px; /* make sure your line-height always matches that of your main link styles!*/
    z-index: 100;
    background:#4b0000; /* make sure your background color always matches your link styles!*/
}
  
#nav ul ul li {
    float: none; 
    position: relative;
}

.footer {
	background: #fff;
	width: 775px;
	max-width: 100%;
	text-align: center;
	float: right;
	border-top: #143283 solid 10px;
}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:Arial, Helvetica, sans-serif;font-size:13px;}
a.footerlink:hover {text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-size:13px;}

.footertext{font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#999999;}

.smallfootertext{font-family:Arial, Helvetica, sans-serif;font-size:10px; color:#999999;}

.divfooter {width:550px; max-width: 100%; text-align:center; margin:0 auto; padding: 47px 0px;}

/************************************************ Responsive Styles **/
@media screen and (max-width: 1024px) and (min-width:321px) {
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}
/******************styles for the main site navigation during mobile display*************/
#navicon {
	float: left;
	font-size: 32px;
	font-size: 2em;
	text-decoration: none;
	position: relative;
	z-index: 99999999999999999;
	margin: 0.25rem 0 0 0.5rem;
	color:#000;
}
#nav  {display:none;}

.header {width: 100%; text-align: center;}

.header img{
	float: none;
	display: inline-block;
	max-width: 100%;
	height: auto;
}

.header-text {
	float: none;
	display: inline-block;
	text-align: center;
	padding-right: 0px;
}
	
	.logo {
		flex-wrap: wrap;
    flex: 1;
    text-align: left;
		font-size: 22px;
	}
	
	.logo span,.logo a {
    flex-basis: 100%;
		
}
	
	span.header-text {
    flex: 1;
}
	
	.head-wrap {
		padding: 10px 0;
	}

.wrapper {
	max-width: 100%!important;
	width: 90%!important;
}


.wrapper img {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.wrapper-left {
	width: 90%;
	max-width: 100%;
	text-align: center;
}

	

.main-container {
	background: #fff;
	width: 100%;
	float: none;
	display: inline-block;
}

.container-left {
	background: #515151;
	width: 100%;
	float: none;
	display: inline-block;
	color: #fff;
}

.footer {
	background: #fff;
	width: 100%;
	text-align: center;
	float: right;
	border-top: #143283 solid 10px;
}

body {border:none;}

.divfooter {width:80%; max-width: 100%; text-align:center; margin:0 auto; padding: 47px 0px;}

}
 @media screen and (max-width: 730px){
	 
	 .about-sec {
		 flex-wrap: wrap;
		 justify-content: center;
	 }
	 
	 .about-head{
		 order: 1;
		 text-align: center;
	 }
	 
	 
	 }
 @media screen and (max-width: 580px){
	 .aboutus {
    display: block !important;
    float: none;
    margin: 0 auto 20px !important;
}
	 
	 .head-wrap{
		 flex-wrap: wrap;
	 }
	 
	 .logo,.header-text {
		 flex-basis: 100%;
		 text-align: center !important;
	 }
	 table {
		 width: 90% !important;
	 }
	
}


@media screen and (max-width: 320px){
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}
/******************styles for the main site navigation during mobile display*************/
#navicon {
	float: left;
	font-size: 32px;
	font-size: 2em;
	text-decoration: none;
	position: relative;
	z-index: 99999999999999999;
	margin: 0.25rem 0 0 0.5rem;
	color:#000;
}
#nav  {display:none;}

.header {width: 100%; text-align: center;}

.header img{
	float: none;
	display: inline-block;
	max-width: 100%;
	height: auto;
}
	
	.logo {
		display: block;
	}
.header-text {
	float: none;
	display: inline-block;
	text-align: center;
	padding-bottom: 10px;
}

.wrapper {
	max-width: 100%!important;
	width: 90%!important;
}

.wrapper-left {
	width: 90%;
	max-width: 100%;
	text-align: center;
}

#left {
	width: 100%;
	display: inline-block;
}

#right {
	width: 100%;
	display: inline-block;
}


.main-container {
	background: #fff;
	width: 100%;
	float: none;
	display: inline-block;
}

.container-left {
	background: #515151;
	width: 100%;
	float: none;
	display: inline-block;
	color: #fff;
}

.footer {
	background: #fff;
	width: 100%;
	text-align: center;
	float: right;
	border-top: #143283 solid 10px;
}

}