/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/


/*	Resets
	------	*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

a img {border: 0;}

.hidden {
	display: none;
}

/*	Typography presets
	------------------	*/

.gigantic {
	font-size: 110px;
	line-height: 120px;
	letter-spacing: -2px;
}

.huge, h1 {
	font-size: 32px;
	line-height: 38px;
	letter-spacing: -1px;
	color: #135B79;
	font-family:'Cinzel', Helvetica, Arial, sans-serif;
	font-weight:400;
	margin-bottom: 20px;
}

.large, h2 {
	font-size: 18px;
	line-height: 24px;
	color: #868787;
	font-family:'Cinzel', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	font-weight:400;
	margin-bottom: 10px;
}
.bigger, h3 {
	font-size: 13px;
	line-height: 17px;
	font-weight:400;
}


body {
	font: 16px/26px Helvetica, Arial, sans-serif;
    letter-spacing: 0.3px;
}

.small, small {
	font-size: 13px;
	line-height: 18px;
}
p {
	margin-bottom: 10px;
}
p#contactinfo {
	padding-left: 40px;
	text-indent: -20px;
}
p#contactinfo a:link, p#contactinfo a:visited {
	color: #FF6600;
	text-decoration:none;
}
p#contactinfo a:hover, p#contactinfo a:active {
	color: black;
	text-decoration:underline;
}



/* Selection colours (easy to forget) */

::selection 	 	{background: #c3e0ed;}
::-moz-selection 	{background: #c3e0ed;}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: #c3e0ed;}



/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

html {
	height: 100%;
}
body {
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
	height: 100%;
	color:#505050;
	background-color: #EEEEEE;
	
}
#container {
	margin:0 auto;
	overflow:hidden;
	position:relative;
	width: 100%;
}
#content {
	margin-top:35px;
	margin-bottom:35px;
	padding:0px 20px;
}
#content a{
	font-size:16px;
	font-family:'Cinzel', Helvetica, Arial, sans-serif;
	color: #135B79;
}
#content a:hover{
	color:#344F4A;
}
img.aircraftimg{
	width: 100%;
    display: block;
    margin: 0 auto;
}
/* ---------------------------------------------------------------------------- h e a d e r -------------------------------------- */
header{
	overflow: hidden;
	background-color: #fff;
}
header #headerText{
	color: #fff;
	position: relative
}
header #headerText p{
	position: absolute;
	width: 44%;
	right: 0;
	font-size: 25px;
	line-height: 30px;
	text-shadow: 2px 2px 5px #000;
	font-weight: lighter;
	padding: 20px 4%;
	display: flex;
	align-items: center;
	height: 400px;
}
header #headerText::after{
	content: "";
	background: url('../img/aircraft_banner_3.jpg') no-repeat center center;
	background-size: cover;
	height: 400px;
	width: 100%;
	display: block;
	border-bottom: 1px solid #aaaaaa;
	border-top: 1px solid #aaaaaa;
}
header a#logoimg{
	padding: 25px 3%;
	display: inline-block;
}
/* ---------------------------------------------------------------------------- n a v i g a t i o n -------------------------------------- */
#toggleNavBtn{
	display: none;
}
nav#mainNav{
	margin:25px auto;
	max-width: 1200px;
	display: table;
}
nav#mainNav ul{
	
}
nav li{
	list-style:none;
	display: table-cell;
	vertical-align: middle;
}
nav#mainNav li a{
	display:block;
	font-size:18px;
	font-family: Helvetica, Arial, sans-serif;
	color:#054d71;
	text-decoration:none;
	padding:10px 25px;
	text-transform: uppercase;
}
nav#mainNav li a:not(#logoimg):hover{
	color:#1D4673;
	background-color: #EFEFEF;
}
nav#mainNav li ul{
	display: none;
}
nav#mainNav li.dropdown{
	position: relative;
}
nav#mainNav li.dropdown:hover > ul, nav#mainNav li.subdropdown:hover > ul {
	display: block;
	position: absolute;
	z-index: 10;
}
nav#mainNav li.dropdown ul li{
	display: block;
	width: 300px;
	background: #fff;
}
nav#mainNav li.dropdown ul li.subdropdown li {
	padding-left: 50px;
	width: 250px;
}
nav#mainNav li.dropdown ul li a{
	font-size: 16px;
}
nav#mainNav li.dropdown ul li a:hover{
	background-color: #EFEFEF;
	color: #705A48;
}
/* ---------------------------------------------------------------------------- b r i e f   i n t r o -------------------------------------- */
#brief-intro{
	background-color: #1c426f;
	color: #fff;
}
#brief-intro ul{
	max-width: 1200px;
	padding: 20px;
	margin: 0 auto;
	list-style: none;
	overflow: hidden;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: auto;
}
#brief-intro ul li{
	display: flex;
	align-items: center;
}
#brief-intro img{
	width: 120px;
}
#brief-intro img.dollar{
	width: 70px;
}
/* ---------------------------------------------------------------------------- s i t e   c o n t e n t -------------------------------------- */
#content{
	overflow: hidden;
	max-width: 1200px;
	margin: 5% auto;
}
section.sitecontent{
	width:31%;
	float:left;
	margin: 1%;
}
section.sitecontent:first-child{
	margin-left: 0;
}
section.sitecontent.lastcontent h3{
	font-size:12px;
	font-weight:600;
	line-height:20px;
}
a.learnmore{
	text-decoration:none;
	float:right;
	padding:5px 10px;
}
#content a.learnmore:hover{
	background-color:#EFEFEF;
}
#pageContent{
	float: left;
	width: 70%;
	padding-right: 2%;
}
#pageImage{
	float: right;
	width: 28%;
}
#pageImage img{
	width: 100%;
}


.subpages {
	clear: both;
}
/* ---------------------------------------------------------------------------- homepage -------------------------------------- */
#intro{
	overflow: hidden;
}
#intro p{
}
#intro img{
	width: 22%;
	min-width: 250px;
	margin-left: 5%;
	float: right;
}
/* ---------------------------------------------------------------------------- aircraft leasing -------------------------------------- */
#airleasing .subcontent{
	margin-bottom: 40px;
}
/* ---------------------------------------------------------------------------- asset management -------------------------------------- */
body#asset ol li{
	margin-left: 15px;
}
body#asset ol li ol li{
	list-style: lower-alpha;
}
body#asset ol li ol li ol li{
	list-style: decimal;
}
/* ---------------------------------------------------------------------------- about -------------------------------------- */
#aboutus{
	display: block;
	overflow:hidden;
}
section.aboutcontent h3{
	margin-bottom:5px;
}
section.aboutcontent.lastabout{
	margin-right:0px;
}
section.aboutfeature{
	background-color:#f5f5f5;
	padding:3%;
	margin-top:40px;
	border: 1px solid #ccc;
	width: 42%;
	float: left;
}
section.aboutfeature:nth-child(3){
	margin-left: 2%;
}

.profilepicture{
	float: left;
	margin-right: 4%;
}
/* ---------------------------------------------------------------------------- c o n t a c t -------------------------------------- */
body#contactpage form, .contact-form-response-message {
	float:left;
	width:348px;
}
.contact-form-response-message h2{
	margin-top: 30px;
}
body#contactpage form div{
	width:350px;
	padding-bottom:6px;
	overflow:hidden;
}
body#contactpage form div input, body#contactpage form div textarea{
	float:left;
	border:1px solid #ddd;
	width:200px;
	padding:2px 3px;
}
body#contactpage form div input{
	height:20px;
}
body#contactpage form div textarea{
	resize:none;
	height:70px;
}
body#contactpage form div label{
	float:left;
	text-align:right;
	width:120px;
	padding-right:10px;
}
body#contactpage form div p{
	text-align:center;
	margin-bottom:5px;
}
body#contactpage form div.phone{
	xborder:1px solid #eee;
	padding-top:5px;
	border-bottom:none;
	background-color:#F7F7F7;
}
body#contactpage form div.email{
	margin-bottom:5px;
	border-top:none;
	background-color:#F7F7F7;
}
body#contactpage form div.andor{
	background-color:#F7F7F7;
}
body#contactpage section#maps{
	float:right;
	margin-bottom:35px;
}
body#contactpage .submit{
	margin-left:126px;
}
body#contactpage section#locations{
	clear:both;
	background-color:#f5f5f5;
	padding:10px 15px 0px;
	overflow:hidden;
}
body#contactpage section#locations div{
	width:263px;
	float:left;
	margin-right:20px;
}
body#contactpage section#locations div:nth-child(even){
	margin-right:40px;
}
/* ---------------------------------------------------------------------------- s i d e b a r -------------------------------------- */
aside{
	background-color:#eeeeee;
	float:left;
	width:263px;
	padding:10px 15px 0px;
}
/* ---------------------------------------------------------------------------- f o o t e r -------------------------------------- */
footer {
	color:#fff;
	background: #777;
	text-align:center;
	padding:30px 0;
	clear:both;
}

/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {

nav#mainNav li a{
	font-size: 16px;
}

#brief-intro ul{
	font-size: 16px;
}

#brief-intro ul img{
	width: 75px;
}

}
/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {
	
	nav#mainNav ul{
		width: 100%;
	}
	#logo img{
		max-width: 200px;
		height: auto;
	}
	header a#logoimg{
		padding: 15px 3%;
	}
	#toggleNavBtn{
		display: block;
		text-align: center;
		width: 100%;
		background-color: #142E4E;
	}
	nav#mainNav li#toggleNavBtn a, nav#mainNav li#toggleNavBtn a:hover, nav#mainNav li#toggleNavBtn a:active,
	nav#mainNav li#toggleNavBtn button, nav#mainNav li#toggleNavBtn button:hover, nav#mainNav li#toggleNavBtn button:active{
		background-color: #142E4E;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		color: #fff;
		width: 105px;
		margin: 0px auto;
		border: none;
		cursor: pointer;
		padding: 8px 12px;
		font-family: inherit;
		font-size: inherit;
	}
	#toggleNavBtn img{
		width: 25px;
		opacity: .9;
	}
	nav#mainNav{
		margin-bottom: 0px;
	}
	nav#mainNav li:not(#logo, #toggleNavBtn){
		background-color: #2a3f5f;
		display: none;
		width: 96%;
		padding: 2%;
		border-bottom: 1px solid #4a5f7f;
	}
	nav#mainNav li:not(#logo, #toggleNavBtn) a{
		color: #fff;
		font-weight: 500;
	}
	nav#mainNav li ul.show{
		display: block !important;
		width: 100%;
		position: relative;
	}
	nav#mainNav li.dropdown:not(#logo, #toggleNavBtn){
		background-color: #2a3f5f;
	}
	nav#mainNav li.dropdown:not(#logo, #toggleNavBtn) ul li{
		border-bottom: none;
		margin-left: 5%;
		background-color: #3a4f6f;
		width: 91%;
	}
	
	nav#mainNav li ul, nav#mainNav li ul li, nav#mainNav li ul {
	display: block !important;
}

	
	
	#intro img{
		display: none;
	}
	section.sitecontent{
		float: none;
		width: 100%;
		margin-bottom: 50px;
	}
	#content #aboutus, #content .aboutfeature{
		width: 100%;
		float: none;
		margin: 10px 0px;
	}
	#content .aboutfeature{
		width: 92%;
	}
	
	
	header #headerText:after, header #headerText p{
		height: 200px;
	}
	header #headerText p{
		width: 92%;
		font-size: 20px;
		padding: 0;
		font-weight: normal;
		padding: 0 4%;
	}
	
	
	
	#brief-intro ul{
		padding: 0;
		display: block;
		text-align: center;
		font-size: 16px;
	}
	#brief-intro ul li{
		display: block;
		
	}
	#brief-intro ul li:not(.title){
		width: 50%;
		float: left;
		padding-bottom: 20px;
		height: 120px;
	}
	#brief-intro ul li.title{
		padding: 30px 0;
		background-color: rgba(0,0,0,.3);
		text-transform: uppercase;
	}
	#brief-intro ul li:nth-child(3), #brief-intro ul li:nth-child(4){
		background-color: rgba(255,255,255,.1);
	}
	#brief-intro ul li:not(.partnered, .title){
		padding-top: 10px;
	}
	#brief-intro ul li br{
		display: none;
	}
	#brief-intro ul li img{
		width: 75px;
	}
	#brief-intro ul li img.dollar{
		width: 50px;
	}
	#brief-intro ul li img, #brief-intro ul li span{
		display: block;
		margin: 0 auto;
	}
}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	
} 