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

/*
colors: 
dark blue: #003663;
gray: #dededd
red: #a12b3a;
*/



/* PARAGRAPH/LIST/GENERAL TEXT */
p, ul, li {font-size: 15px;}


h1, h2, h3, h4 ,h5 ,h6 {font-weight: 400;}
h1 {font-size:32px; color:#003663; text-transform:uppercase; text-align:center; padding: 10px 0px; line-height: 32px;}
h2 {font-size:25px; color:#dededd;  text-transform: uppercase; padding: 10px; text-align:center;}
h3{ font-size: 18px; color: #003663; font-weight: 700; text-align:left;}
h4 {font-size:16px; color: #fff; font-weight: 700;text-align:left;}
h5{color:#003663; font-size:16px; font-weight: 700;}

span{font-weight: 700; }
strong{font-weight:700;}
strong a{color:#003663;}

.clear {clear: both;}
.left {float:left;}
.right {float:right;}

.bold { font-weight: 700;}
body {
	margin:0;
	line-height:18px;
	font-weight:300;
  	font-family: 'Montserrat', sans-serif !important;
	width: 100%;
	text-align: center; 
	overflow-x:hidden;
	color: #003663;
	-webkit-text-size-adjust: none;
}
p{padding: 15px 0px; text-align:center;}
B{font-weight: 400;}
a{color:#003663;}
a:hover{ text-decoration:underline;}

hr{border: 1px solid #f3f3f3; width:30%;}



/*---Header------------------------------------*/

.header-top{ background: #003663; color:#aa8b58; text-align: right; padding:10px 0px;}
.header-top p{color:#fff !important; text-align: right; display: inline-block; padding: 0px 5px; font-size: 15px; border-right: 1px solid #fff;}
.header-top p a{color:#fff !important;}

.header {width: 100%; background-color: rgb(114 159 196 / 60%); position: fixed; z-index: 9999999; box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.4);}
.header-inner{ width: 95%; margin: 0 auto;}

.invheader {width: 100%; background-color: rgba(0,54,99, 0.6); position: absolute; z-index: 9999999; box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.4);}


.header-left{display: inline-block; vertical-align: middle; width: 20%; text-align: left; float: left;}
#logo {float:left; width:100%;}

.header-right {display: inline-block;  text-align: right; float: right; margin-top: 30px;}


.header .fa, .invheader .fa {color:#fff;}


/*---Slideshow Styles----------------------*/
.cycle-slideshow {width: 100%; line-height: 0; z-index: 10; position: relative;}
.cycle-slideshow img{width: 100%; z-index: 5 !important; position: relative;}
.cycle-slideshow .cycle-pager {text-align: center; width: 100%; z-index: 25 !important; position: absolute; bottom: 12px; overflow: hidden;}
.cycle-slideshow .cycle-pager span {margin: 0; padding: 0; font-family: arial; font-size: 30px; line-height: 30px; width: 16px; height: 16px; display: inline-block; color: #fff; cursor: pointer;}
.cycle-slideshow .cycle-pager span.cycle-pager-active {color: #a12b3a;}
.cycle-slideshow .cycle-pager > * {cursor: pointer;}


.slide {width: 100%; z-index: 5 !important;}
.slide img {width: 100%; z-index: 5 !important;}

.slide .slide-overlay{position: absolute; width: 100%; max-width: 500px; background: rgba(255,255,255, 0.85); padding: 25px 15px; box-sizing: border-box; color: #003663; top: 22vw; z-index: 30; line-height: normal; text-align: left; border: 1px solid #fff; box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.4);}

.slide-overlay .overlay-text{text-align: left; color: #003663;}
.slide-overlay .overlay-text p{text-align: left; line-height: 22px; padding: 0 0 8px 0; font-size: 14px;}
.slide-overlay .overlay-text h4{text-align: left; color: #003663 !important; font-size: 15px;}

/*---LAYOUT-------------------------------------*/
.wrapper {
	width: 100%;
	background:#fff;
}
.wrapper-inner{width:90%; max-width: 1020px; margin: 0 auto; text-align:center; padding: 30px 0px 40px 0px;}
.wrapper-large{width:95%; max-width: 1235px; margin: 0 auto; text-align:center; padding: 10px 0px 40px 0px;}
.wrapper-2{width:90%; margin: 0 auto; text-align:center; padding: 30px 0px 40px 0px;}

#pad{padding: 20px 0;}

.contact-wrapper {width: 100%; background: url(../siteart/background.jpg) repeat;}

#button { color: #003663; border: 2px solid #003663; padding: 10px; font-size:15px;}
#button:hover { color: #fff; border: 2px solid #003663; background: #003663; text-decoration:none; padding: 10px;}

.callout{width: 100%;margin: 0 auto;background:#fff;z-index: -9999;padding: 20px 0px 40px 0px;}
.callout-cols{ 
	display: inline-block; 
	background: #fff;
	box-shadow: 2px 7px 13px -4px rgba(0,0,0,0.45);
	margin: 10px; 
	font-size: 22px; 
	width: 21%; 
	line-height: 30px;
	vertical-align: top; 
	padding: 5px 0px;
	z-index: -999999;
 }
.callout-cols h3{ padding-left: 15px;color:#003663;}
.callout-cols img{ width: 100%; padding:0px;}

.block{background: #003663; padding: 100px 0; margin-top: -205px; }

.col-3{text-align:center; width: 33%; display: inline-block; padding:15px 0px;}
.col-3 h3{text-align:center;} 

.two-cols{ width:45%; display:inline-block; vertical-align:top; padding-top: 30px;text-align:left; padding-right: 20px;}
.two-cols p{ text-align:left;}
.two-cols img{width:60%; padding-bottom: 20px;}

.three-cols{display: inline-block; text-align:center; vertical-align: top; width:33%; padding: 30px 0px;}
.three-cols img{ width:10%;}
.three-cols .fa{color:#003663; font-size: 40px; padding:0px 0px 20px 0px;}


#express{width:100%; max-width: 200px; padding-top:20px;}

/*--------Search Inventory Styles--------*/
#searchparts {width:100%; margin:20px auto;}
#searchkeyword {width:100%; margin:10px auto;}

#searchinventory {text-align:left; padding:60px 10px;  background: #a0a0a0;}

.searchfieldtopwrap {float:left; width:80%;}
.searchfieldtop {width:49%; float:left; margin-right:11px; background:#fff; padding:11px 0;}
.searchfieldwrap {float:left; width:65%; }

.searchfield {background:#fff; padding:11px 8px; border:2px solid #fff; color: #fff; text-align:left;}
#searchform input.text {color:#262262; padding:11px 10px; width:91%;}
#searchform select {color:#fff; padding:10px 10px; width:97%;}
.search-box{border:none;font-family: 'Montserrat', sans-serif; font-weight:300; text-transform:uppercase;}
#searchform input.button,
#searchform input.button:focus {
	background: #003663; /* For browsers that do not support gradients */
	color:#fff; 
	text-transform:uppercase;
	text-decoration:none; 
	font-weight:700; 
	width:195px;
	font-size:14px;
	text-align:center;
	margin:0 auto;
    padding:15px 0;
    border: none;
    line-height:14px;
}

#searchform input.button:hover {
	background: #376998; /* For browsers that do not support gradients */
	color:#fff;
}
.radio{text-align:left; color: #003663;}
.closest-box {display:hidden;}

/*---FUEL PAGE -------------------------------*/
.fuel-row{display: flex;}
.fuel-col{flex: 1; text-align:left;border: 1px solid #003663; margin: 10px;}

.module{padding: 0px 0px; text-align:center;}
table tr td{padding: 11.5px 28px 12px 28px;}
td img{border:1px solid #003663; padding: 5px 10px;}
/*.AirNav-Widget{border-right: 1px solid #003663; width:25%; }*/
.fuel-col ul{padding: 10px 0;}
.fuel-col li{padding: 5px 10px;}
.fuel-col a {font-size: 13px;}
.fuel-col .fa{color:#003663;}
.blue{background: #003663; padding:5px 10px; text-align:left; font-size: 18px;font-weight:400; color: #fff;}

.fuel-col.red{border: 1px solid #a12b3a;}
.red2{background: #a12b3a; padding:5px 10px; text-align:left; font-size: 18px;font-weight:400; color: #fff;}
.indent{padding-left: 40px;}


/*--ramp chart--*/
.chart-wrapper{width: 95%; margin: 25px auto !important; border: 1px solid #f5f5f5;}
.chart-wrapper .title-row{background: #a12b3a; color: #fff; font-weight: 700;}
.chart-wrapper .row{background: #f5f5f5}
.chart-wrapper .row:nth-child(odd){background: #fff; color: #003663}

.chart-row{padding: 20px 0; font-size: 15px;}
.chart-row strong.hide-mobile{display:none; margin: 10px 0 5px 0;}

.aircraft-class{display: inline-block; width: 40%; padding-left: 10px; vertical-align: middle;}
.fuel-fee{display: inline-block; width:20%; vertical-align: middle;}
.ramp-fee{display: inline-block; width:16%; vertical-align: middle;}
.hangar-fee{display: inline-block; width:16%; vertical-align: middle;}



#flightbridge{font-family: Arial, Tahoma, Verdana;display: inline-block;position: relative;vertical-align: top;font-size: 16px;font-weight: bold;color: #fff;text-align: center;text-decoration: none;text-shadow: 0 -1px rgba(0, 0, 0, 0.4);background-color: #005288;border: 1px solid #005288;border-radius: 4px;padding: 10px 20px;line-height: 20px;}
#flightbridge:hover{background-color: #003663;border: 1px solid #003663;}



/*---GILLESPIE PAGE -------------------------------*/
.tables{display: inline-block; text-align:center; vertical-align: top; width:33%; padding: 30px 0px 10px 0px;}
.tables h2{font-size: 20px;}
#specsheet{ width:100%; padding:10px 0px;}

.spec_list{float:left; font-size: 14px; width:50%;}

#specsheet2{ width:90%;}
.spec_list2{float:left; font-size: 14px;}

.spec {
	padding:5px 0.9em;
	border:1px solid #f3f3f3;
	text-align:left;
}
.graywrap{background: #dededd; padding:5px 0px; text-align:center; font-size: 14px;}
/*---ABOUT PAGE -------------------------------*/

.about-inner{width:90%; max-width: 1300px; margin: 0 auto; padding: 30px 0px 40px 0px;}
.about-left{float:left; display:inline-block; width:64%; padding-top: 20px;}
.about-right{float:right; display:inline-block; width:30%; padding-top: 20px;}
.about-inner h3{text-align:left; padding-bottom:10px;}
.about-left p{text-align:left;}

#about-button{background: #003663; color: #fff; padding:8px 10px; font-size: 14px; margin: 5px 0px 0px 10px; float: left; width:100%; max-width: 200px; text-align:left;text-transform: uppercase;}
#about-button:hover{background: #dededd ; color:#003663; text-decoration: none;}
#about-button .fa{padding-right: 20px;}


/*---TEAM MEMBER PROFILES-----------------------*/
.team-profile {
	width:100%;
	padding:25px 0% 25px 20px !important; 
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,1);
	-moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,1);
	box-shadow: 0px 1px 0px 0px rgba(255,255,255,1);
}
.team-profile h3{font-size:15px;}
.profile {float:left;position:relative;}
.profile img{
	float:left;
	position:relative;
	width:100%;
	max-width:160px;
	max-height:190px;
	margin:0 20px 5px 0 !important;
	-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.4);
	border: 5px solid #f3f3f3;
}

.profile-name {
	font-size: 15px;
	line-height:18px;
	padding:0px 0 20px 0;
	text-align:left;
}

.left-1{display:inline-block; float:left;}
.right-1{display:inline-block; float:right; width:75%;}

.gray{background:#f8f8f8; }

.left-indent{margin-left: 8%;}

/*---PARTS PAGE -------------------------------*/
.left-parts{float:left; display:inline-block; text-align:left;width: 40%; padding:1% 1% 0% 4%; height:100%; min-height: 350px; }
.left-parts p, .left-parts h1, .right-parts p, .right-parts h1{text-align:left;}
.right-parts{float:right; display:inline-block; width:40%; background: #a0a0a0; padding: 1% 3%;  height:100%; min-height: 350px;}

.manu-logos{ width: 100%; background:#fff; padding:10px 0px;}
.manu-logos h2{color:#003663;}

.manu-logos img{ 
	max-width: 140px; 
	padding: 15px 15px;
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	width:100%;
	vertical-align: middle
}



/*---FOOTER---------------------------------------*/
.gray-bar{background:#a0a0a0; padding: 3px 0px;}

#gray-details{display:inline-block; margin: 1% 2%; vertical-align: middle;text-align:left;}
#gray-details p{padding: 10px 0; text-align:left; font-size:14px;}
#gray-details .fa{color:#fff; font-size: 18px; padding: 0px 5px;}
#gray-details #button{background:#003663; border: 2px solid #003663; color:#fff;}
#gray-details #button:hover{background:none; border: 2px solid #fff; }


.map-overlay{color:#fff; background-color: rgba(0,54,99, 0.8); width:100%; max-width: 470px; position: absolute; margin-top: -450px; right: 0;} 
.map-overlay-inner{padding: 18px 0px 10px 40px;}
.map-overlay p, .map-overlay a{color:#fff;text-align:left;}
.map-overlay a:hover{text-decoration: underline;}

.footer {background:#003663; width:100%; margin:0 auto; text-align: center;}
#footercontent {padding: 10px 0px; width:95%; margin:0 auto; color:#fff; font-size: 12px; text-align: center;}

#footercontent a{color: #fff; display: inline-block; margin: 5px 10px;}
#footercontent a:hover{ text-decoration: underline;}
#footercontent p{font-size: 12px;}

/*---FORM STYLES--------------------------------------*/
#formpage {
	vertical-align:top;
	padding: 15px 0px 40px 0px;
}
#formpage h2{ color: #ed1e23;}

#formpage div {
	vertical-align:top;
	padding:5px 5px;
	position: relative;
	
}

#formpage input {
	padding:6px 5px 10px;
	border:1px solid #8e8d8d;
	color:#000;
	font-size:13px;
	background:#fff;
}

#formpage textarea {
	padding:6px 5px;
	border:1px solid #8e8d8d;
	color:#003663;
	font-size:12px;
	background:#fff;
	margin-top: 5px;
}

 
/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {
	border:1px solid #8e8d8d;
	color:#000;
	vertical-align:middle;
	font-size:12px;
	line-height:normal;
	padding:5px;
	width:100%;
}

.formfield {
	width:31%; 
	float:left; 
	margin-right: 10px; 
	margin-top: 10px;
	color: #003663;
	min-width: 175px;
	
}
#formpage input  {
    width:100%;
	margin-top: 5px;
}
 
#formpage input.larger  {
    width:100%;
}

#formpage textarea {
    width:97%;
    height:85px;
}

#formpage input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
    display:inline;
	
 }

/* focus states of various types of fields */
#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
	background:#abacac; 
	color:#FFF;
	border:1px solid #abacac;
	outline-style:none;
}
#formpage input.radio:focus,
#formpage input.checkbox:focus {
	background:none; 
	border:0;
	outline-style:none;
}

#formpage input.button,
#formpage input.button:focus {
    width:200px;
    margin:0;
    padding:12px 0;
    background: #376998; /* For browsers that do not support gradients */
    border: none;
    font-size:14px;
    line-height:14px;
    font-weight:bold;
    color:#fff;
    text-transform:uppercase;
}
#formpage input.button:hover {
	background: #003663; /* For browsers that do not support gradients */
	color:#fff;
	text-shadow:none;
	border: none;
}

/* for plain text next to an input field, if not using a table structure */
#formpage label.basic {
    color:#212121;
    font-size:13px;
    text-align:center;
}

/*control the Captcha */
.CaptchaPanel {
	margin:0 0 0 0 !important;
	padding:0 0 0 0 !important;
	line-height:normal !important;
	color:#003663;
	margin: 0 auto; 
}
.CaptchaImagePanel {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.CaptchaMessagePanel {
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
	font-weight:normal !important;
	font-size:12px;
	line-height:14px;
}
.CaptchaAnswerPanel {
	margin:0 auto;
	padding:2px 0px 2px 0px !important;
	width: 30%;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 0 0;
	padding:10px 0 10px 0 !important;
}
.CaptchaWhatsThisPanel a {color:#003663;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 




/*---RESPONSIVE STYLES--------------------*/


@media screen and (max-width: 1600px)  {
.inner-header{width:95%;}
	
.tables{width:100%;}

 .searchfieldwrap {width: 50%;}
}

@media screen and (max-width: 1280px) {

.header{position:absolute;}

.header-top{text-align:center;}
.header-top p{ text-align: center; float:none;}
	
.header-left{float:none; width: 100%; text-align: center;}
#logo{float:none; margin:0 auto; width: 100%; max-width: 300px;}
	
	
.header-right p{ font-size:15px;}

.slide .slide-overlay{top: 19vw;}
	
	
.fuel-col{width:100%;}
.left, .right{float:none;}

.right-1{width:100%; padding-top: 10px;}

.left-parts{float:none; width:90%;}
.right-parts{float:none; width:100%;}
 .searchfieldwrap {width: 65%;}
}


@media screen and (max-width: 980px)  {
.slide .slide-overlay{top: 17.5vw;}
.slide-overlay .overlay-text p{font-size: 13px; line-height: 20px;}	
	
/*--------Form Styles----------*/

#formpage textarea {
	padding: 6px 0px;
	border:1px solid #8e8d8d;
	font-weight: 700;
	font-size:12px;
	background:#fff;
	margin-top: 5px;
}

/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {
	padding:5px;
	width:100%;
}
#comments{text-align:left;}
.formfield {
	width: 97%;
	float:left;
	text-align:left;
	/* margin-right: 10px; */
	/* margin-top: 10px; */
}
#formpage input  {
    width: 95%;
    margin-top: 5px;
}
#formpage textarea {
    width: 95%;
    height:85px;
}


/*control the Captcha */
.CaptchaPanel {margin:0 auto !important; padding:0 0 0 0 !important; line-height:normal !important; width: 95%;}
}

@media screen and (max-width: 918px){

.callout-cols{width: 42%;}
.callout-cols h3{padding-left: 5px; font-size: 22px;}

.fuel-cols{width:90%;}	
}

@media screen and (max-width: 857px){
	.map-overlay{position: relative; width: 100%; max-width: 100%; margin-top: 0; text-align: center; margin: 0 auto;}
	.map-overlay-inner{padding: 20px 0; text-align: center;}
	.map-overlay p, .map-overlay a, .map-overlay h4{text-align: center;}
	
	#footercontent br{display: none;}
	#footercontent a{display: none;}

.about-left, .about-right{width:95%; float:none;}

.col-3{width: 90%; float:none;}
	
	
.cycle-slideshow .cycle-pager{bottom: 130px}
.slide .slide-overlay{top: 0; position: relative; width: 100%; background: #f3f3f3; border: none; max-width: 100%; margin-bottom: 20px; box-shadow: 0px 6px 11px -4px rgba(0,0,0,0.2); text-align: center; padding: 25px 10px;}
.slide-overlay .overlay-text p{font-size: 13px; line-height: 20px; text-align: center;}
.slide-overlay .overlay-text h4{text-align: center;}
	

/*---FUEL PAGE -------------------------------*/
.fuel-row{display: block;}
.fuel-col{flex: 1; margin: 20px auto; width: 100%; display: block}
	
	
}



@media screen and (max-width: 649px) {
.header-right p{ font-size:15px;}
.header{position:relative; background-color: rgba(0,54,99, .85);}
.header-left{float:none; text-align:center;}

.header-top{text-align:center;}
.header-top p{ text-align: center; float:none; font-size: 13px;}


.spec_list, .spec_list2{width: 100%;}

.two-cols{width: 95%;}
.two-cols p, h5{text-align:center;}

.col-3{width: 90%;}

.wrapper-large{max-width: 1020px; text-align:center;}

.callout-cols{width: 95%; margin: 0px; margin-bottom: 15px;}

.block{display: none;}

.three-cols{width:90%; padding-top:20px;}

.team-profile {width:100%; }

.fuel-col{width:100%;}
 .left, .right{float:none;}
.fuel-col a{font-size:11px;}

.right-1{width:100%; padding-top: 10px;}	

.left-parts{float:none; width:90%;}
.right-parts{float:none; width:100%;}
 .searchfieldwrap {width: 50%;}
.radio{text-align:center; font-size:14px;}

.gray-bar{ padding:20px 0px;}
#gray-details{width:100%; text-align:center; margin: 10px auto;}
#gray-details p{text-align:center;}

	

/*--fuel chart--*/
	.chart-wrapper .title-row{display: none}
	.aircraft-class,.fuel-fee,.ramp-fee,.hangar-fee{display: block; width:100%; padding-left: 10px;}
	.chart-row strong.hide-mobile{display:block;}

}
@media screen and (max-width: 590px) {	

.container{padding-top: 20%;margin-top: 20px;}

	
}

@media screen and (max-width: 482px){


.callout-cols{width: 95%; margin: 0px; margin-bottom: 15px;}

.team-profile {width:60%; text-align:center; margin: 0 auto; }
.team-profile h3{text-align:center;}
.profile, .profile img {float:none; }
.profile-name{text-align:center;}
.left-1, .right-1{width:100%; padding-top: 10px; float:none;}

.right-1 p{text-align:center;}

.cycle-slideshow .cycle-pager{bottom: 150px}	
	
}

@media screen and (max-width: 320px){
.header{position:relative; background-color: rgba(0,54,99, .85);}
.header-right p{ font-size:15px;}
.header-top{text-align:center;}
.header-top p{ text-align: center; float:none; font-size: 13px;}

.wrapper p{font-size: 14px;}

.two-cols{width: 95%;}
.two-cols p, h5{text-align:center;}

.col-3{width: 90%;}

.wrapper-large{max-width: 1020px; text-align:center;}

.callout-cols{width: 95%; margin: 0px; margin-bottom: 10px;}

.left-parts{float:none; width:90%;}
.right-parts{float:none; width:100%;}
 .searchfieldwrap {width: 90%;}
.radio{text-align:center; font-size:14px;}
.fuel-col{width:100%;}
.left, .right{float:none;}

}