html,body, {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}
body {
	font-family: 'Raleway', sans-serif;
	background-color: #fff;
	background-image: url('../images/');
	background-repeat: repeat;
	color: #121212;
	font-weight: 300;
	font-size: 18px;
	margin-top: 58px;
}
h1, h2, h3 {
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	color: #1796C9;
}
h1 {
	font-size: 3.1em;
	font-weight: 900;
	margin-bottom: 15px;
}
h2 {
	font-size: 1.2em;
	margin-bottom: 15px;
}
h3 {
	font-size: 1.1em;
	margin-bottom: 15px;
}
a, a:hover {
	text-decoration: none;
	color: #565656;
}
.desc {
	font-size: .9em;
	color: #343434;
}
.vertical-center {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.fa {
	color: #ffffff;
}
.fa-facebook {
	padding-left: 20px;
}
.fa-facebook:hover, .fa-facebook-square:hover {
	color:  #D72D36;
	cursor: pointer;
}
.fa-phone, .fa-envelope-o, .fa-clock-o, .fa-user-o, .fa-bicycle {
	color: #121212;
}
.fa-wrench, .fa-heartbeat, .fa-sticky-note-o, .fa-thermometer-full, .fa-quote-left, .fa-quote-right, .fa-car, .fa-bed, .fa-camera {
	color: #1796C9;
}
.color-white {
	color: #fff;
}
.fa-angle-double-right:hover {
	color: #4c95b2;
}
.fa-angle-double-right {
	color: #fff;
}
.fa-li {
	color: #fff;
}
.video-height
{
	height: 500px;
}
/* This is added to fix issue with menu only working once on mobile */
.collapse {
  position:relative;
  height:0;
  overflow:hidden;
  -webkit-transition:height 0.35s ease;
  -moz-transition:height 0.35s ease;
  -o-transition:height 0.35s ease;
  transition:height 0.35s ease;
}
.collapse.in {
  height:auto;
}
/* End mobile menu fix */

.navbar {
	background-color: #fff;
	border-bottom-width: 8px;
	border-bottom-color: #D72D36;
	border-radius: 0px;
	padding-left: 20px;
	padding-top: 20px;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 1px 4px rgba(0,0,0,.3);
	box-shadow: 0px 1px 4px rgba(0,0,0,.3);
}
.navbar .nav > li > a:hover {
	color:  #D72D36;
}
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-brand {
	color: #1796C9;
}
.navbar-default .navbar-brand {
	padding: 0;
	margin: 0;
}
.navbar-collapse  {
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  
  color: #fff;
  background-color: #D72D36;
}
.navbar-collapse  {
	padding-right: 10px;
}
.navbar-default .navbar-nav > .active > a:hover {
	color:  #121212;
	background-color: inherit;
}
.offcanvas {
	background-color:#1796C9;
}
.offcanvas a {
	color: #fff;
}
.navmenu-default {
	border-color: #1796C9;
}
.navmenu-default .navmenu-nav > .active > a {
	background-color:#1796C9;
	color: #fff;
}
.navmenu-default .navmenu-nav > li > a {
	color: #cdcdcd;
}
.navmenu-default .navmenu-nav > li > a:hover {
	color: #1e1e1e;;
}
.navbar-default .navbar-toggle {
	border-color: #fff;
}
.navbar-default .navbar-toggle:hover {
	background-color: #31c3d9;
	border-color: #D72D36;
}
.btn-default{
	background-color: transparent;
	border-color: #121212;
	color: #121212;
}
.btn-default:hover {
	background-color: #D72D36;
	color: #fff;
}

.btn-default-white {
	background-color: transparent;
	border-color: #fff;
	color: #fff;
}

.widSSPnarrow {
	width: 100% !important;
}
.widCOE .widCOEImg {
	text-align: left;
}
.blue-color {
	color: #1796C9;
}
.white-color {
	color: #fff;
}
.hero {
	width: 100%;
	height: 450px;
	padding: 0;
	background-image: url(../images/hero-biplane.jpg);
	background-size: cover;
	background-repeat: no-repeat;
    background-position: 50% 50%; 
}
.hero-tours {
	width: 100%;
	height: 500px;
	padding: 0;
	background-image: url(../images/hero-tours.jpg);
	background-size: cover;
	background-repeat: no-repeat;
    background-position: 50% 50%; 
}
.hero-flight-school {
	width: 100%;
	height: 500px;
	padding: 0;
	background-image: url(../images/hero-flight-school.jpg);
	background-size: cover;
	background-repeat: no-repeat;
    background-position: 50% 50%; 
}
.full-width {
	width: 100%;
}
.row-white {
	background-color: #fff;
	padding: 20px 40px 20px 40px;
}
.row-sm {
	padding: 15px 60px 15px 60px;
}
.row-photos {
	padding: 0;
	background-color: #fff;
}
.row-banner {
	background-color: #1796C9;
	padding: 20px 60px 30px 60px;
	font-family: 'Raleway', sans-serif;
	font-size: 1.2em;
	color: #fff;
}
.row-banner .btn-default {
	background-color: transparent;
	border-color: #fff;
	color: #fff;
}
.left-border {
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #e4e6e8;
}
.container {
	margin: 0;
}
.footer {
    background: #1796C9;
    padding: 30px 60px 30px 60px; 
    color: #fff;
    padding-bottom: 30px;
    margin: 0;
}
.footer a:hover {
    color: #efefef;
}
.footer .btn-default {
	background-color: transparent;
	border-color: #fff;
	color: #fff;
}
.footer .btn-default:hover {
	background-color: #fff;
	border-color: #fff;
	color: #1796C9;
}
.rounded-corners {
	border-radius: 10px;
}
/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -130px;
  /* Pad bottom by footer height */
  padding: 0 0 130px;
}

.bottom-pull {
	position:absolute;    /*added*/
    bottom: 0px;          /*added*/
    right: 5px; 
}
.bubble {
  margin-bottom: 30px;
  padding: 25px;
  position: relative;
  background-color: #f4f4f4;
  border-radius: 4px;
  border-color: #efefe4;
  font-size: 1.1em;
  font-weight: 300;
}
.bubble:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 20px;
  border-top: 15px solid;
  border-top-color: #f4f4f4; 
  border-left: 15px solid transparent;
  border-right: 15px solid transparent; 
}
.bubble p {
	margin: 0;
	font-size: 1.1em;
}
blockquote {
	border-left-color: #787878;
}
.school-text-box {
	height: 700px;
}
@media (max-width: 991px) {
	body {
		font-size: 15px; 
	}
	.video-height
{
	height: 350px;
}
	.hero {
		height: 400px;
	}
	.navbar-collapse  {
		padding-right: 0;
	}
	.footer, .footer h3 {
		text-align: center;
	}
	.sections-small {
		min-height: 240px;
	}
}
@media (max-width: 769px) {
	body {
		margin-top: 40px;
	}
	.video-height
{
	height: 230px;
}
.row-white {
	background-color: #fff;
	padding: 20px 30px 15px 30px;
}
	.navbar  {
		padding: 5px;
	}
	.hero {
		height: 300px;
	}
	.hero-tours {
	width: 100%;
	height: 300px;
	}
	.left-border {
	border-left-style: none;
	}
}