body {
  font-family:"museo-sans-condensed";
  font-size:16px;
  color:#4B5259;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    background-color:#FFFFFF;
}

a:hover {
	color:#4B5259;
}

.container-fluid {
	padding-left:0px;
	padding-right:0px;
}

.row-fluid .noGutter {
	padding-left:0;
	padding-right:0;
}

.homefill, .planfill {
	min-height: 100%;
	height:100%;
	overflow-x: hidden;
}

.container-fluid.planfill {
	padding-left:0px;
	padding-right:0px;
}

.planfill .header {
	padding:0 15px;
}

.homepage {
	background:url(/images/uploads/main/spaceportBackground1.jpg) no-repeat 0 0 / cover;
	height:100%;
	position:relative;
}

.homepage .header, .secondarypage .header, .gallerypage .header, .videopage .header, .video360page .header {
	padding:0 30px;
}

.homepage .pageSection {
	height:100%;
}

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

.pageSection {
	position: relative;
}

.pagedown {
	position:fixed;
	bottom:-19px;
	margin-left:-28px;
	left:50%;
	text-align: center;
	color:#FFFFFF;
	font-size: 42px;
	cursor:pointer;
	z-index: 500;

}

.mainLogoDark {
	width:367px;
}

.mainLogoDarkSmall {
	width:258px;
}

.planpage, .secondarypage {
	min-height: 100%;
	position:relative;
}

.secondImage {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

.secondImage h3 {
	font-family:"proxima-nova", sans-serif;
	font-weight: 900;
	color:#FFF;
	font-size: 7vw;
	max-width:1024px;
	padding:0 75px;
	margin:40px auto 0 auto;
	z-index: 10;
	text-transform: uppercase;
	line-height: 95%;
}

.smallMenu {
	padding-right: 25px;
}

.breadcrumb {
	padding:8px 70px;
	margin-bottom: 0;
	background-color:#FFFFFF;
}

.newspage .breadcrumb {
	padding-left:15px;
}

.hometext {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	color:#FFF;
	font-size: 22px;
	line-height: 125%;
	padding-top:50px;
}

.hometext p {
	font-weight:200;
	line-height: 110%;
	width:60%;
	padding:8px 8px 8px 5px;
}

.hometext p a {
	color:#FFF;
	text-decoration: underline;
}

.hometext p a:hover {
	text-decoration: none;
}

.galleryContent .addthis_inline_share_toolbox {
	margin-top:25px;
}

.addthis_inline_share_toolbox {
	margin-top:-9px;
	margin-bottom:18px;
}

.realText {
	float:left;
	width:26.3%;
	max-width: 344px;
}

.spaceText {
	float:left;
	margin:0;
	padding:0;
	width:73.6%;
	max-width: 962px;
	position:relative;
	list-style-type: none;
}

.spaceText li img {
	position: absolute;
	top:0;
	left:0;
}

.spaceText li {
	display: none;
	background-color: transparent;
}

.spaceText li.active {
	display: block;

}

.newspage .row-fluid.header {
	background:transparent;
	z-index: 50;
	padding:0;
}

.newspage .row-fluid {
	padding-left:100px;
	padding-right:100px;
}

.socialnews, .featurednews {
	padding:20px 100px;
}

.socialnews img {
	margin-right:5px;
	width:30px;
}

.newsSection {
	max-width:250px;
	margin-right:20px;
	float:left;
}

.imageCaption {
	font-size: 16px;
}

.nav {
	position:fixed;
	top:0;
	right:-245px;
	width:245px;
	height:100%;
	background-color:#666666;
	padding-top:64px;
	z-index: 90;
	text-align: right;
}

.nav > li > a {
	color:#FFF;
	text-decoration: none;
	font-size:16px;
	padding:0 43px 0 0;
}

.nav > li > ul.subnav a {
	color:#FFF;
}

.nav li {
	margin:0 0px 25px 0;
	padding:0;
	position: relative;
}

.nav ul.subnav {
	margin-top:20px;
	padding:25px 43px 1px 0;
	list-style-type: none;
	display:none;
	background-color:#898989;
}

.nav ul.subnav a {
	font-size: 16px;
}

.nav li img {
	display:block;
	position: absolute;
	top:5px;
	right:7px;
}

.nav>li>a:focus, .nav>li>a:hover {
	background-color: #666666;

}

.nav li a:hover, .nav li a:focus, .nav > li > ul.subnav li a:hover {
	color:#62A9E7;
	text-decoration: none;
}


ul.nav-stacked>li+li {
    margin-top: 25px;
    margin-left: 0;
}

.smallMenu {
	position: absolute;
	top:32px;
	right:0px;
	z-index: 60;
	cursor:pointer;
	padding-right: 0;
}

.closeMenu {
	position:absolute;
	top:12px;
	right:7px;
	cursor:pointer;
	z-index: 20
}

/* Squares */

.square {
	position:relative;
	padding-left: 0;
	padding-right:0;
	text-transform: uppercase;
	color:#FFFFFF;
	font-weight:900;
}

.squareNormal {
	font-family:"proxima-nova", sans-serif;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:50%;
	margin-left:-150px;
	width:300px;
}

.square h1 {
	font-size: 72px;
	font-weight:900;
	margin:0;
	text-align: center;

}

.square h3 {
	font-size: 36px;
	font-weight:900;
	margin:-15px 0 0 0;
	text-align: center;
}

.square p {
	font-size: 20px;
	font-weight:900;
	margin:0;
	line-height: 100%
}

.squareHover {
	display:none;
	position:absolute;
	top:0%;
	left:0;
	width:100%;
	height:100%;
}

.squareHover .squareText {
	position:absolute;
	top:50%;
	left:50%;
	transform:translateY(-50%);
	width:84%;
	margin-left:-42%;
}

.squareText p {
	text-align: center;
}

.squareHover .squareImage {
	width:100%;
}

.squareHover .squareText img {
	margin:10px auto;
	display: block;
}

.squareOpacity {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.5)
}

/* End Squares */

/* Timeline */

#timeline {
	width:100%;
	overflow:hidden;
}

#timeline h3 {
	text-align: center;
	font-size: 36px;
}

.blacktri {
	position:absolute;
	left:50%;
	bottom:-50px;
	margin-left:-70px;
	z-index: 50;
	width: 0; 
  	height: 0; 
  	border-left: 70px solid transparent;
  	border-right: 70px solid transparent;
  	border-top: 50px solid #0096d8;
}

#slider {
	width:100%;
	height:198px;
	position:relative;
	background-color:#0096d8;

}

.leftFade {
	position:absolute;
	left:0;
	top:0;
	width:250px;
	height:198px;
	z-index: 100;
	/*background:url(/images/uploads/main/leftFade.png) 0 0 no-repeat;*/
	background: linear-gradient(to right, #0096d8 50%, rgba(255,255,255,0));
}

.rightFade {
	position:absolute;
	right:0;
	top:0;
	width:250px;
	height:198px;
	z-index: 100;
	/*background:url(/images/uploads/main/rightFade.png) 0 0 no-repeat;*/
	background: linear-gradient(to left, #0096d8 50%, rgba(255,255,255,0));
}

#history {
	position:absolute;
	left:50%;
	width:3720px;
	margin:0 0 0 -718px;
	padding-left:960px;
	border-bottom:1px dotted #FFF;
	bottom:50px;
	overflow:hidden;
	list-style-type: none;
	height:120px;
	padding-top: 40px;
}

#slider ul#history li {
	display:block;
	float:left;
	width:150px;
}

#history li a {
	float:left;
	font-weight:200;
	display:block;
	font-size:20px;
	color:#333333;
	height:74px;
	margin-top:10px;
	width:235px;
	padding-bottom:57px;
	text-align: center;
	background:url(/images/uploads/main/bullet.png) no-repeat center 66px;
	text-decoration:none;
}

#history li a.active {
	font-size: 40px;
	height:125px;
	padding-bottom:53px;
	color:#EDECF2;
	margin-top:-38px;
	background-position-y:114px;
	line-height: 110%;
	padding-top:15px;
}

#history li a .month {
	font-size: 16px
}

#history li a.active .month {
	font-size: 30px
}

#history li a.active:hover {
	color:#EDECF2;
	text-decoration: none;
}

#history li a:hover {
	color:#EDECF2;
	text-decoration: none;
}

.detail h1 {
	font-weight: 700;
	text-align:center;
	text-transform: uppercase;
	font-size: 24px;
	color:#0096d8;
}

.detailBody {
	font-weight: 200;
	text-align: left;
	margin-left: 18px
}

#sliderDetail {
	width:100%;
	height:250px;
	margin:0 auto;
	position:relative;
	background-color:#EDECF2;
}

.sliderOverlayLeft {
	position:absolute;
	width:50%;
	top:50px;
	left:-270px;
	height:200px;
	background-color:#EDECF2;
	z-index: 10
}

.sliderOverlayRight {
	position:absolute;
	width:50%;
	top:50px;
	right:-270px;
	height:200px;
	background-color:#EDECF2;
	z-index: 10
}

.detail {
	width:500px;
	float:left;
	margin:60px 20px;
}

#detailHolder {
	overflow:hidden;
	width:10000px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-2428px;
}

/* End Timeline */

.discoverSection {
	position: relative;
}

.discoverTitle {
	background-color: #0099CC;
	padding:17px 0 15px 0;
	position: relative;
}

.featured {
	position:absolute;
	top:-20px;
	left:21%;
	background-color: #FF0000;
	padding:3px 8px;
}


.featuredTri {
	position:absolute;
	bottom:-6px;
	left:50%;
	margin-left:-12px;
	width: 0; 
  	height: 0; 
  	border-top:6px solid #FF0000;
  	border-left:12px solid transparent; 
  	border-right:12px solid transparent; 
  	z-index: 50
}

.smallImage {
	margin:0 auto;
	text-align: center;
}

.smallItem p {
	margin:5px 0;
	font-size: 14px;
	text-transform: uppercase;
}

div.discoverTitle h3 {
	font-size: 18px;
	color:#FFFFFF;
	text-align:center;
	font-weight:700;
	margin:0;
	padding:0;
	height:auto;

}

.downTri {
	position:absolute;
	bottom:-12px;
	left:50%;
	margin-left:-25px;
	width: 0; 
  	height: 0; 
  	border-top:12px solid #0099CC;
  	border-left:25px solid transparent; 
  	border-right:25px solid transparent; 
  	z-index: 50
}

.discoverSet {
	display:none;
}
.discoverSet a {
	color:#FFFFFF;
	text-decoration: underline;
}

.discoverSet a:hover {
	color:#337ab7;
}

.carousel-control {
	width:2%;
}

.discoverData {
	padding:20px 7%;
	background-color: #000;
	color:#FFF;
	position:relative;
}

.discoverData .credit {
	position:absolute;
	top:2px;
	right:6px;
	font-style:italic;
}

.discoverTop {
	margin-bottom:20px;
}

ul.carousel-indicators {
	margin-left:-60px;
	bottom:5px;
	clear:both;
}

.carousel-indicators li {
    display: block;
    width: 30px;
    height: 20px;
    margin: 0;
    text-indent: 0;
    cursor: pointer;
    background:none;
    border:none;
    float:left;
}

.discover {
	margin-top:0px;
}

.plan {
	display: none;
}

.news h3, .plan h3{
	font-size: 32px;
	font-weight: 700;
}

.discoverSet h3 {
	text-transform: uppercase;
}

.discoverData h3 {
	margin-top:0;
	margin-bottom:5px;
}

.exhibition {
	display: block;
	position:absolute;
	top:0;
	right:0;
	height:100%;
}

.exhibitionTenant {
	display: block;
	position:absolute;
	top:0;
	right:0;
}

.thumbnails {
	padding-bottom: 50px;
}

.thumbnails h3, .tenant h3 {
	margin:4px 4px 0px 5px;
	font-size: 20px;
	font-weight:700;
}

.thumbnails .discoverTitle {
	margin-bottom: 30px
}

.nav li > :last-child { margin-bottom: 0px; }

.smallItem {
	text-align: center;
	padding-bottom: 5px;
	line-height: 125%;
}

.titleLink {
	color:#0099CC;
	font-size: 18px
}

.blackText {
	color:#000;
}

.caption {
	color:#AAAAAA;
	font-size: 14px;
	margin:5px 0;
}

.facebookLink {
	width:50%;
	float:left;
	text-align: right;
	padding-right:2px;
}

.twitterLink {
	width:50%;
	float:left;
	text-align: left;
	padding-left:2px;
}

.smallText {
	font-size: 15px;
	margin-left: 5px;
	line-height: 120%;
}

.smallCaption {
	font-size: 12px;
	color:#111;
	font-style: italic;
	margin-left: 5px;
	margin-bottom:10px;
}

.smallItem.noBorder {
	border:none;
}

.discoverSet p {
	min-height:36px;
}

.tenant {
	padding-bottom: 50px
}

.tenant2container {
	position: relative;
	float:left;
}

.tenantSection {
	margin:0 auto 15px auto;
}

.tenantPadding {
	padding-left:15px;
	padding-right:0;
}
.content {
	max-width:1024px;
	margin:0 auto;
}

.plans {
	padding:15px 45px 15px 75px;
}

.galleryContent {
	padding:15px 75px;
}

.plans h3, .galleryContent h3 {
	margin-top:10px;
	font-size: 32px;
	font-weight: 700;
}

.footer {
	height:110px;
	background-color: #454748;
	width:100%;
	text-align: right;
	padding:40px 75px 0 75px;

}

.footer a {
	color:#FFFFFF;
	font-size: 16px;
}

.footer a:hover {
	color:#62a9e7;
}

ul.footerNav {
	float:left;
	width:310px;
	list-style-type: none;
	margin:0;
	padding:0;
}

li.hidePriv {
	float:left;
	width:150px;
	text-align: left;
}

li.hidePriv a {
	font-size:18px;
}

li.fly2houston {
	float:left;
	width:150px;
	height:31px;
}

li.fly2houston a {
	display:block;
	color:transparent;
	background:url("/images/uploads/main/fly2houston.png") no-repeat 0 0;
	margin-top:-2px;
	width:100%;
	height:100%;
}

li.fly2houston a:hover {
	color:transparent;
	background:url("/images/uploads/main/fly2houston.png") no-repeat 0 -31px;
}

#socialLinks {
    width: 128px;
    float:right;
    padding:0 0 0 5px;
}

#socialLinks ul {
    list-style-type:none;
    padding: 0px;
    margin: 0px;
    width:100%;
}

#socialLinks li {
    float:left;
    margin-left: 4px;
    padding-top: 6px;
    width: 36px;
    height: 36px;
    background-color:#1E1F21;
    line-height: 0;
    text-align:center;
}

#socialLinks a {
    font-family: 'EntypoSocial';
    font-weight: normal;
    font-size: 24px;
    text-decoration: none;
    color: #62A9E7;

}

#socialLinks a:hover {
    color: #1B6AAF;
}

/* fly2houston.com footer */

.footer2 {
	background-color: #FFFFFF;
	font-size: 14px;
	color:#4B5259;
	height:60px;
}

.footer2 a {
	color:#4B5259;
}

.footer2 ul.footerNav2 {
	list-style-type: none;
	margin:12px 20px 0 87px;
	padding:0;
}

.footer2 ul.footerNav2 li {
	float:left;
	padding:0 15px;
	margin-bottom: 10px;
	border-right:1px solid #4B5259;
}

.footer2 ul.footerNav2 li.visitHouston {
	border:none;
	margin-top:-1px;
}

.visitHouston img {
	width:95px;
}

.footerSocial {
	background-color:#dce4ed;
	color:#4b5529;
	font-size: 18px;
	padding:20px 12px 16px 0;
	text-align:center;
}

.footerSocial .facebookImage {
	width:30px;
	margin-left:7px;

}

.footerSocial .twitterImage {
	margin-left: 2px;
}

.footerSocial .imageMargin {
	margin: 8px 0 0 0;
}

/* end fly2houston.com footer */

/* Gallery Carousel */

.thumbs.carousel-indicators, .videoThumbs {
	height:195px;
	overflow:hidden;
	width:auto;
	position:static;
	bottom:0;
	left:0;
	margin-left:0;
	margin-top:15px;
	width:10000px;
	padding-top:10px;
}

.thumbs.carousel-indicators li, .videoThumbs li {
	float:left;
	width:200px;
	height:175px;
	margin:0 10px;
	transform: scale(1);
  	transition: transform 400ms ease;
  	-webkit-transform: scale(1);
  	-webkit-transition: transform 400ms ease;
}

.thumbs.carousel-indicators li.current, .thumbs.carousel-indicators li:hover, .videoThumbs li.current, .videoThumbs li:hover {
	transform: scale(1.18);
  	transition: transform 400ms ease;
  	-webkit-transform: scale(1.18);
  	-webkit-transition: transform 400ms ease;
}

#galleryCarousel a.carousel-control.left {
	position:absolute;
	left:0;
	top:50%;
	margin-top:-16px;
	background:none;
	width:32px;
	height:32px;
}

#galleryCarousel a.carousel-control.right {
	position:absolute;
	right:0;
	top:50%;
	margin-top: -16px;
	background:none;
	width:32px;
	height:32px;
}

.galleryData, .videoData {
	padding:10px 75px 5px 75px;
}
/* End of Gallery Carousel */

/* Videos */

.videoPlayer {
	float:none;
	clear:both;
	width:100%;
	position: relative;
	padding-bottom:56.25%;
	height:0;
	padding-top:15px;

}

.videoItem {
	display:none;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.videoData {
	text-align: center;
}

.videoData h3 {
	margin-top:0px;
}

.videoThumbs {
	list-style-type: none;
	margin:0;
	padding:0;
}

.videopage h3, .video360page h3 {
	font-size: 32px;
	font-weight: 700;
}

.videopage .content, .video360page .content {
	padding-left: 30px;
	padding-right: 30px;
}

/* 360 Video Player */

.video360Player {
	float:none;
	clear:both;
	width:100%;
	position: relative;
	padding-bottom:56.25%;
	height:0;
	padding-top:15px;

}

.video360 {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* Contact Form */

.contact {
	background-color: #4B5259;
	padding:25px 40px;
	color:#FFF;
}

.contactText p {
	max-width:540px;
	width:75%;
	font-size: 24px;
	color:#FFF;
	margin:0 0 10px 0;
}

.contactComplete {
	display:none;
}

.contactComplete p {
	font-size: 24px;
	color:#FFF;
	margin:0;
}

.contactInput {
	max-width: 575px;
	width:80%;
	height:55px;
	background-color: #727272;
	font-size: 24px;
	color:#FEFEFE;
	border:none;
	float:left;
	text-indent: 10px;
}

.continueArrow {
	cursor: pointer;
	float:left;
	margin:8px 0 0 20px;
}

#submitContactForm {
	display:none;
}

/* End of Contact Form */

/* Accordion */
.accordion {
   color:#4B5259;
}

.accordion h3 {
   font-size: 18px;
   color: #0099CC;
   cursor:pointer;
}

.accordion h3.current {
   color: #4B5259;
}

.accordion h3:hover {
   color:#4B5259;
}

.accordion div.pane {
   display:none;
   font-size: 16px;
   margin-bottom:30px;
}

.accordion div.pane img {
	margin:0px 0 15px 20px;
	max-width: 60%;
}

/* End Accordion */

/* News Sidebar */

.newsSidebar {
	padding:0 30px 0 0;
}

.newsSidebar .discoverTitle {
	margin-bottom: 20px;
}

.newsSidebar .smallItem p {
	height:auto;
}

/* End of News Sidebar */

@media only screen and (min-width: 1220px) {

	.squareHover .squareText {
		width:540px;
		margin-left:-270px;
		font-size:32px;
	}

	.smallItem p {
		height:42px;
	}

}

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

	.tenantPadding {
		padding-left:0;
		padding-right:0;
	}

}

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

	.hometext {
		font-size: 18px
	}

	.secondarypage .plans {
		padding-right:30px;
	}

	.plans, .galleryData, .videoData, .galleryContent, .breadcrumb {
		padding-left:30px;
		padding-right:30px;
	}

	.plans {
		padding-top:5px;
	}

	.newspage .row-fluid {
		padding-left:20px;
		padding-right:20px;
	}

	.socialnews, .featurednews {
		padding:50px 30px;
	}

	.homepage .header, .secondarypage .header, .gallerypage .header, .planpage .header, .videopage .header, .video360page .header {
		padding-left:0px;
		padding-right:0px;
	}

	ol.thumbs, ol.videoThumbs {
		display:none;
	}

	.galleryContent {
		padding-top:0px;
	}

	.footer2 ul.footerNav2 {
		margin-left:0px;
	}

	.smallMenu {
		padding-right:25px;
	}

	.secondImage h3 {
		padding:0 30px;
	}

	.addthis_inline_share_toolbox {
		margin-top:5px;
		margin-bottom:25px;
	}

}

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

	.hideLast {
		display:none;
	}

	.borderThird {
		border:none;
	}

}

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

	.plans {
		padding-right:75px;
	}
}

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

	.footer {
		height:140px;
		padding:30px 10px 10px 10px;
	}

	ul.footerNav {
		padding-bottom:20px;
	}

	#socialLinks {
		float:left;
		padding:5px 5px 20px 0;
	}

	.galleryContent h3, .plans h3, .accordion h3, .videopage h3, .video360page h3 {
		font-size: 22px
	}

	.secondImage h3 {
		font-size:12vw;
	}

	.smallImage {
		width:180px;
	}

}

@media only screen and (max-width: 640px) {
	
	#timeline {
		display:none;
	}

	.header {
		padding-left:0;
		padding-right: 10px
	}

	.hometext {
		font-size: 16px;
	}

	.hometext p {
		margin-top:25px;
		width:78%;
	}

	.realText {
		width:125px;
	}

	.spaceText {
		width:325px;
		margin-top:5px;
		clear:both;
	}

}

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

	.discoverTitle {
		font-size: 14px;
		padding-bottom: 10px;
	}

	.smallMenu {
		top:18px;
		padding-right:10px;
	}

	.secondImage h3 {
		margin-top:20px;
	}

	.headerImage {
		padding-top: 10px;
	}

}

@media only screen and (max-height: 480px) {

	.hometext img {
		max-width:60%;
	}
}