﻿@charset "UTF-8";


/* RESET 
------------------------------------------------*/
* {margin:0; padding: 0; border: 0; outline: 0; background: transparent;}
	

/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
body {font-size: 14px; line-height: 1.5;  background:#fff; font-family: 'Open Sans', sans-serif !important;}

/* SELECTION */	
::selection {color:#fff; background: #ff0000;}
::-moz-selection {color:#fff; background: #ff0000;}

@font-face {
	font-family: 'osp-dindin';
	src: url('/webfonts/osp-din-webfont.eot');
	src: url('/webfonts/osp-din-webfont.eot?#iefix') format('embedded-opentype'),
		url('/webfonts/osp-din-webfont.woff') format('woff'),
		url('/webfonts/osp-din-webfont.ttf') format('truetype'),
		url('/webfonts/osp-din-webfont.svg#osp-dindin') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* CLEAR */
.clear {clear: both;}

/* HEADERS */
h1, h2, h3, h4, h5, h6{line-height:1.15; text-transform: uppercase; font-family: 'osp-dindin', sans-serif;}
h1 {font-size:36px; font-weight:normal;}
h2 {font-size:30px; font-weight:normal;}
h3 {font-size:24px; font-weight:normal;}
h4 {font-size:18px; font-weight:normal;}
h5 {font-size:16px; font-weight:normal;}
h6 {font-size:14px; font-weight:normal;}




p{font-size: 16px; line-height: 1.5;}



/* PARAGRAPH/LIST/GENERAL TEXT */

/* LINKS */
a {transition: all .2s ease-in-out;}
a:link, a:visited {font-weight:700; text-decoration:none; color:#ff0000;}
a:hover, a:active {color:#f30601; text-decoration:none;}

a[href^="tel:"] {color:inherit;  text-decoration: none;}

/* IMAGES */
img {display:block;}

/* TEXT EMPHASIS */
em {font-style:italic;}
strong {font-weight: 700;}

/* TEXT STYLINGS */
.dark {color:#131313;}
.gray {color:#4F4F4F;}
.heavy {font-weight:800;}
.red-text {color:#e41a24;}

/* ALIGNMENT */
.left {float:left;}
.right {float:right;}
.center {text-align:center;}





hr {border-bottom:1px #010 solid;}






.wrap {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
}



a.linkbtn {
	padding:1em 1.5em; font-size:1em; line-height:2; font-style: italic;  font-weight:700; color:#b99332; background:#000;
	-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;
}

a.linkbtn:hover {color:#efe4c7; background:#222;}



/* HEADER
------------------------------------------------*/	
.site-header{box-sizing:content-box; position:fixed; z-index: 999; top: 0; left: 0; width:calc(100% - 40px); padding: 10px 20px; border-bottom: 5px #D6B15D solid; background: #000;}
.site-header .wrap{position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; max-width:1200px; padding:0;}
.header-clear {display:block; height: 115px;}
ul.breadcrumbs__list {padding-top: 70px;}


/* LOGO
------------------------------------------------*/	
.logo {}	
.logo img {display: block; width:100%;}

.tagline {position:absolute; top:5px; right:10px; font-size:22px; line-height:.5; font-style:italic; text-transform:uppercase; color:#D6B15D; font-family: 'osp-dindin', sans-serif;}

/*  NAVIGATION
------------------------------------------------*/
#menu-button{display:none;}
nav.mobile {display:none;}

nav.primary {z-index:500; align-self:flex-end;  position:relative; margin:0; padding:0;}

nav.primary ul {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-around; margin:0; padding:0;}
nav.primary ul li {margin:0; padding:0; list-style-type:none;}
				
nav.primary ul li a {
	display:block; margin:0; padding: 13px 10px;
    font-size:20px; line-height:1; font-weight:400; text-align:center; text-decoration:none; text-transform:uppercase; color: #fff !important; font-family: 'osp-dindin', sans-serif;
	-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;
}	

nav.primary ul li a:hover {background: #DF393B;}

/*  SUB NAV
------------------------------------------------*/

nav.primary ul ul {border-right: 1px #D6B15D solid; border-left: 1px #D6B15D solid;}
nav.primary ul li li {
	display: block;
    width: 250px;
    position: relative;
    margin: 0;
    border-bottom: 1px #D6B15D solid;
	
}
nav.primary ul li li a:link, nav.primary ul li li a:visited{
	padding: 13px 10px; font-size:12px; line-height:1.5; font-weight: 700; text-align:left; color:#fff; border:0; background: #222;
	font-family: 'Open Sans', sans-serif;    
}

nav.primary ul li li a:hover,nav.primary ul li li a:active {background: #333;}

/*  NAV DROPDOWNS
------------------------------------------------*/
nav.primary ul ul {display: none; position: absolute;} 
nav.primary ul ul ul {position: absolute; left: 100%; top:0;}
nav.primary ul li:hover > ul {display: block; line-height:18px; z-index: 500;}
nav.primary ul ul li {float: none; position: relative; margin:0;}








/*  MAIN
------------------------------------------------*/	
.main {padding:50px 0;}

/*  WRAP
------------------------------------------------*/	
.wrap{max-width:1240px; margin:0 auto; padding:0 20px;}


.main .wrap .col-sm-11, .main .wrap .col-sm-10, .main .wrap .col-sm-9, .main .wrap .col-sm-8, .main .wrap .col-sm-7, .main .wrap .col-sm-6, .main .wrap .col-sm-5, .main .wrap .col-sm-4, .main .wrap .col-sm-3, .main .wrap .col-sm-2, .main .wrap .col-sm-1{padding-right: 20px !important;}



ul.duel-list {column-count:2;}

ul.link-list {margin:0 0 0 20px}
ul.link-list li {line-height:1.85;}
ul.link-list a{text-decoration:underline; color:#000;}




.heading-lowercase{text-transform: none;}
.heading-underline{display: block; padding: 15px 0; border-bottom: 1px #ccc solid;}

.bullet-list li{margin: 5px 0 5px 20px;}
.bullet-list li a{font-size: 16px; font-weight: 700; color: #DF393B;}
.bullet-list li a:hover{text-decoration: underline;}







/*  SLIDESHOW
------------------------------------------------*/
.hero{box-shadow: 0px 1px 5px 0px #4a4a4a;}

.cycle-slideshow {margin:0 auto; line-height:0; position:relative; display:flex; flex-flow:row wrap; align-items:center; justify-content:center;}
.cycle-slideshow img{width:100%;}

.cycle-pager {text-align: center; width:100%; z-index: 500; position: absolute; bottom:10px; overflow: hidden;}
.cycle-pager span {display:inline-block; font-size:60px; line-height:20px; width:20px; height:20px; color:#ccc; cursor: pointer;}
.cycle-pager span.cycle-pager-active {color:#D6B15D;}
.cycle-pager > * {cursor: pointer;}

.cycle-prev, .cycle-next {
	position:absolute; top:0; width:5%; opacity:0; filter: alpha(opacity=0); z-index: 800; height:100%; cursor: pointer;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}
.cycle-prev {left:20px; background:rgba(0,0,0,0.5) url("/siteart/slider/left.png") 50% 50% no-repeat;}
.cycle-next {right:20px; background:rgba(0,0,0,0.5)  url("/siteart/slider/right.png") 50% 50% no-repeat;}
.cycle-prev:hover {opacity:1; filter: alpha(opacity=100); top:40%; height:20%; background:rgba(0,0,0,0.5) url("/siteart/slider/left.png") 50% 50% no-repeat;}
.cycle-next:hover {opacity:1; filter: alpha(opacity=100); top:40%; height:20%; background:rgba(0,0,0,0.5)  url("/siteart/slider/right.png") 50% 50% no-repeat;}


.tagline-banner {padding:30px 25px;font-size:4.1875vw; text-align:center; line-height:1; letter-spacing:-1px; font-weight:700 !important;
	color:#fff; background:#b99332; font-family:'oswald', 'osp-dindin';}



/* QUATER SECTION
------------------------------------------------*/
.quarterSection {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:space-between;}
.quarterSection:nth-of-type(n+2) {margin:5% 0 0 0;}

.onequarterSection {width:25%;}
.onequarterSection img {width:100%;}
.threequarterSection {width:calc(75% - 20px); margin:0 0 0 20px;}
  
/* SERVICE SECTION
------------------------------------------------*/
.serviceSection {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:center; margin:30px 0 0 0;}
.service-box {width:calc(33.3% - 15px); text-align: center;}
.service-box:nth-of-type(2) {margin:0 20px;}
.service-box strong{font-family: 'osp-dindin'; font-size:24px; font-weight: 400;}
.service-box img {width:100%; max-width:165px; display: block; padding: 0px; margin: auto; float: none; clear: both;}

/* FINANCE SECTION
------------------------------------------------*/
.financeSection {display:flex; flex-flow:row wrap;justify-content:space-between; margin:0 0 2.25% 0;}
.finance-box{display: block; width:calc(49% - 32px); padding: 15px; border: 1px #ddd solid; text-align:center;}
.finance-box img{display: block; margin: 20px auto; max-height: 50px;}
.finance-box h3{display: block; margin: 10px 0;}
.finance-box a{font-weight: 700; color: #DF393B;}

/* GALLERY SECTION
------------------------------------------------*/
.gallerySection {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:space-between;}
.galleryimage {width:calc(16.67% - 5px); margin:2.5px 0;}
.galleryimage img {width:100%;}

.homebody {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between;}
.homeintro {margin:0 5% 0 0;}
.homeintro img {width:100%; max-width:250px;}

.homecopy {width:calc(95% - 250px); }


.hangarPreview {float:right; width:50%; margin:0 0 20px 20px}
.hangarPreview img {width:100%;}

.highlightSection{padding:20px 20px 65px 20px;background:#efe4c7;}

ul.highlight-list {margin:10px 0 0 20px; font-style: italic;}
ul.highlight-list li {font-size:1.2em; line-height:1.9;}


.linkBox{
	width:285px; margin:-45px 25px 0 auto; padding:15px 0; font-size:1.5em; line-height: 1.2; font-style:italic; text-align:center; color:#fff;
	-webkit-clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
    		clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
	background: rgb(135,34,29); background: linear-gradient(180deg, rgba(135,34,29,1) 0%, rgba(192,54,51,1) 100%);
}
.linkBox a {font-size:1.5em; font-style:normal; color:#fff;}

/*.contactForm h1{display: none;}
.contactForm .btn-success, .contactForm .btn-success:focus, .contactForm .btn-success:hover{background-color: #D6B15D !important; border-color: #D6B15D !important; font-weight: 700; text-transform: uppercase; color: #fff;}
.contactForm .contactFormLabel{font-size: 14px;}
.contactForm .form-control{height: auto; margin-top: 5px; padding: 10px;}*/



/* SITE FORM
------------------------------------------------*/
.site-form {margin:0 auto; padding:0;}
.site-form form {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:center; margin:0 auto;}
.site-form h2 {width:100%; margin:0; font-size:1.75em; font-weight:700;}
.site-form h5 {width:100%; margin:12px 0 4px 6px; font-size:24px; font-weight:400; font-style:italic; color:#D6B15D; font-family: 'osp-dindin', sans-serif;}
.site-form h6 {width:100%; margin:2px 0 4px 6px; font-size:20px; font-weight:400; font-style:italic; color:#222; font-family: 'osp-dindin', sans-serif;}
.site-form hr {width:90%; margin:12px 0 20px 0; border-top:1px #c7c7c7 solid;}

.site-form label {margin:0 0 0 4px; font-size:1em; font-weight:700; font-style:italic;  color:#353535;}

.fieldsWrap {margin:0 .5%;}
.fieldsFlex {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:center;}
.singleFields {width:99%;}
.dualFields {width:49%;}
.thirdFields {width:32.3%;}

.site-form .red {color:#C90003;}

.site-form .instructions {font-size:14px; color:#777; margin:6px 0 6px 0;}
.site-form .note {width:100%; font-size:12px; font-style:italic; color:#777; text-align:center; margin:8px 0 0 0;}

.site-form input[type="text"], .site-form input[type="email"], .site-form input[type="number"], .site-form input[type="time"], .site-form input[type="date"], .site-form input[type="month"], .site-form select {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;   width:100%; margin:6px 0 12px 0; padding:12px 10px; font-size:14px; color:#555; border:1px #ccc solid; background-color:#fff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
	vertical-align:top;
    height:43px;
	font-family: 'Open Sans', sans-serif !important;
}

.site-form input[type="text"]:focus, .site-form input[type="email"]:focus, .site-form input[type="number"]:focus, .site-form input[type="time"]:focus, .site-form input[type="date"]:focus, .site-form input[type="month"]:focus, .site-form select:focus {border:1px #a5a5a5 solid; background-color:#f5f5f5;}

.site-form textarea {
	box-sizing: border-box; width:100%; padding:10px 12px; height:100px; margin:2px 0;  font-size: 15px; border:1px #ccc solid; background-color:#fff; 
	-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
}

.site-form textarea:focus {background-color:#f9f9f9;}

.site-form .check-field {display:flex; flex-flow:row wrap; justify-content:space-around;}
.site-form .check-field .checkbox {margin:0 8px 8px 8px; padding:0; color:#4D4D4D;}

.site-form input[type="submit"] {
	margin:20px auto; padding:13px 35px; font-size:22px; font-weight:400; text-transform:uppercase; text-align:center;
	color:#fff; border:none; background:#000; font-family: 'osp-dindin', sans-serif;
	transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -webkit-appearance: none;
	-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
}

.site-form input[type="submit"]:hover {color:#000; background:#D6B15D; letter-spacing:.5px; transform:scale(1.01,1.01); cursor:pointer; -webkit-appearance: none;}

/* FORM CAPTCHA
------------------------------------------------*/	
.CaptchaPanel {width:100%; margin:12px auto 0 auto !important; padding:10px 0 !important;}
.CaptchaImagePanel {padding:5px 0 10px 0 !important;}
.CaptchaMessagePanel {font-weight:100;}

img.CaptchaImage {margin:0 auto;}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaAnswerPanel input {padding:12px 0; text-indent:12px; box-sizing: border-box; border:1px #ccc solid;  background-color: #eee;}





/*  FOOTER
------------------------------------------------*/
.footer-contact {
    padding:50px 0; font-size: 30px;text-align: center;
	color: #fff; border-top: 5px #D6B15D solid; background: #000 url('/siteart/map-bg.png') no-repeat;
	font-family:'osp-dindin', sans-serif;
}
.footer-contact a {font-weight:400; color:#fff !important;}

.quickSection {margin:20px 0;}
.footer-contact .quickbtn{
	
	width:auto !important; background-color: #000; margin:20px 0; padding:15px 35px; font-size: 24px; line-height: 1.42857143; font-weight: 400;
	border-radius:0; font-family:'osp-dindin', sans-serif;
}
.footer-contact .social-btn{display:inline-flex; justify-content: center; align-items: center; margin:0 10px; width: 60px; height: 60px; border-radius: 50px;}
.footer-contact .social-btn:hover{box-shadow: 0 3px 15px rgba(0, 0, 0, 0.25);}
.footer-contact .social-btn.fb{background: #0362B6;}
.footer-contact .social-btn.twitter{background: #00A7E7;}

.site-footer {padding: 25px 0; line-height: 1.75; text-align: center; color: #fff; border-top: 5px #D6B15D solid; background: #000;}
.site-footer a {color: #DF393B;}
.site-footer .fttagline {font-size:18px; text-transform:uppercase; font-family: 'osp-dindin', sans-serif; color:#fff;}



/************************************************ Responsive Styles **/

@media screen and (max-width: 1091px) {
	.site-header .tagline {position:relative; top:auto; right:auto;}
	ul.breadcrumbs__list {padding-top: 50px;}
	
	nav.primary{display:none;}
	#menu-button{display: block; font-size: 1.25em; line-height:60px; position: relative; z-index:400; border:1px #333 solid;}
	#menu-button:hover {background:#222;}
	#menu-button a{color:#fff; text-decoration: none; padding:0 20px; font-weight:400; font-family: 'osp-dindin', sans-serif; }
	
	nav.mobile ul li a .fa{
		width:25px;
		font-weight:100;
		padding:8px 3px;
		margin:0 0 0 5px;
		text-align:center;
		background:#292929;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	
	nav.mobile ul li .fa-chevron-down {position:absolute; right:10px; margin:18px 0 0 0;}

	nav.mobile {
		display:block;
		position: fixed;
		top: 0;
		right: -285px;
		width: 285px;
		height: 100%;
		z-index: 500;
		overflow:auto;
		background:#333;
	}
	
	/* MENU HEADER SOCIAL MEDIA */
	nav.mobile .social-media {
		position: absolute;
		text-decoration: none;
		vertical-align: top;
		z-index:9999;
		display: inline-block;
		
		top: 15px;
		left: 15px;
		font-size:16px;
		word-spacing:13px;
		color: #ccc !important;
	}
	
	nav.mobile .social-media a:link, nav.mobile .social-media a:visited {color:#ccc; text-decoration:none;}
	nav.mobile .social-media a:hover, nav.mobile .social-media a:active {color:#fff; text-decoration:underline;}
	
	/* MENU HEADER STYLES */
	nav.mobile h3 {	
		color: #ccc;
		padding: 23px 0;
		position: relative;
		font-size: 18px;
		background:#313131;
	}			
	nav.mobile .menu-title {position: absolute; vertical-align: top; top: 16px; right: 47px; text-transform:uppercase; font-size:12px; color: #ccc;}
		
	/* MENU CLOSE 'X' BUTTON */
	nav.mobile .menu-toggle {position: absolute; top: 8px; right: 10px; padding: 6px 9px 5px; display: inline-block; font-weight: 700; font-size: 18px; line-height: 1; color: #ccc; text-decoration: none; vertical-align: top; font-family: Arial, sans-serif;}
	nav.mobile .menu-toggle:hover {color: #fff;}
	
	/* MENU LIST STYLE */
	nav.mobile ul {list-style: none; font-weight: 300; margin:0; padding:0;}
	nav.mobile ul li {color: #999; font-size:15px; border-bottom: 1px solid #303030;}
	
	/* FIRST LEVEL */
	nav.mobile ul li a {
		color: #999;
		position: relative;
		display: block;
		font-size:15px;
		text-align:left;
		text-decoration: none;
		border-left:4px #333 solid;
		padding: 15px 35px 15px 20px;
	}
	nav.mobile ul li a:hover {background:rgba(45,45,45,0.5); color: #fff; border-left:4px #D6B15D solid;}
	
	/* SECOND LEVEL */
	nav.mobile ul li li:last-child {border:none;}
	nav.mobile ul li li a {color: #ccc; background: #444; border-left:4px #444 solid; padding: 15px 10px 15px 15px;}
	nav.mobile ul li li a:hover {background:rgba(65,65,65,0.5);}
	
	/* THIRD LEVEL */
	nav.mobile ul li li li:last-child {border:none;}
	nav.mobile ul li li li a {color: #ccc; background: #555; border-left:4px #555 solid;}
	nav.mobile ul li li li a:hover {background:rgba(85,85,85,0.5);}
	
	.nav-footer {color:#777; position:relative; text-align:center; font-size:13px; line-height:13px; padding:15px 0;}
	

	
	.galleryimage {width:calc(33.3% - 5px);}
}

@media screen and (max-width: 1200px){
	.logo img{display: block;width: 100%;max-width: 240px !important;}
}

@media screen and (max-width: 1100px){
	.header-clear{height:115px;}
}

@media screen and (max-width: 980px){
	.site-header{position:relative;width: calc(100% - 40px) !important;}
	.header-clear{display: none;}
	
	
	.homebody {display:flex; flex-flow:column wrap; align-items:center; justify-content:space-between;}
	.homeintro {margin:0 5% 35px 0;}
	.homeintro img {width:100%; max-width:250px;}

	.homecopy {width:100%;}

}
	
@media screen and (max-width: 800px){
	.fieldsWrap {margin:0;}
	.singleFields {width:100%;}
	.dualFields {width:100%;}
	.thirdFields {width:100%;}
	
	.hangarPreview {float:none;}
	.hangarPreview {float:none; width:100%; margin:0 0 40px 0;}
}

@media screen and (max-width: 768px){
	.site-header .logo{text-align: center;}
	.site-header .logo img {margin:0 auto;}
	
	.tagline {width:150px; text-align: center;}
	
	.tagline-banner {padding:30px 25px;font-size:5.8vw;}
	
	.cycle-prev, .cycle-next {width:10%;}
	.cycle-prev:hover {top:30%; height:40%;}
	.cycle-next:hover {top:30%; height:40%;}
	
	.main .wrap .col-sm-11, .main .wrap .col-sm-10, .main .wrap .col-sm-9, .main .wrap .col-sm-8, .main .wrap .col-sm-7, .main .wrap .col-sm-6, .main .wrap .col-sm-5, .main .wrap .col-sm-4, .main .wrap .col-sm-3, .main .wrap .col-sm-2, .main .wrap .col-sm-1{margin-bottom: 15px; padding-right: 0 !important;}
	.main{padding: 35px 0;}
	
	ul.duel-list {column-count:1;}
	
	.serviceSection {flex-flow:column wrap;}
	.service-box {width:calc(100% - 20px); text-align: center;}
	.service-box:nth-of-type(2) {margin:30px 0;}
	
	.quarterSection {flex-flow:column wrap; align-items:center;}
	.onequarterSection {width:100%; margin:0 0 10px 0;}
	.onequarterSection img {width:100%; max-width:300px;}
	.threequarterSection {width:100%; margin:0;}
	
	.financeSection {flex-flow:column wrap; margin:0;}
	.finance-box{width:calc(99% - 32px); margin:0 0 3.5% 0;}
	
	.footer-contact{font-size: 24px;}
	.footer-contact .quickbtn{display: block; width:calc(100% - 70px) !important;  margin: 2px 0; font-size: 20px;}
}

@media screen and (max-width: 480px){
	.tagline {width:120px; font-size:18px;}
	
	.column-padding-finance-options{width: 100%; margin: 5px 0;}	
	.galleryimage {width:calc(50% - 5px);}
	
	a.linkbtn {display:block; box-sizing: border-box; width:100%; margin:0 0 5px 0}

}

@media screen and (max-width: 400px){
	.tagline {display:none;}
	
	.linkBox{width:225px; margin:-45px 25px 0 auto; padding:15px 0; font-size:1.15em; }
}