@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,100,700,900,500);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
body {
	font-size: 1.6em;
	margin-top: 40px;
	background-color: #000;
}


/*when browser goes between this range, add left padding to accomodate for floating side bar nav
@media only screen and (max-width: 1490px) and (min-width: 992px)
{
		.container {padding-left:150px;}
}*/

/*when browser goes below 1300px wide, the top nav wraps - so add more padding on top to accomodate*/
@media (max-width: 1196px) {
	body {
		margin-top: 70px;
	}

}

/*when browser goes below 767px wide, the top nav wraps - so add more padding on top to accomodate*/
@media (max-width: 767px) {
	body {
		margin-top: 50px;
	}
	
}



.mobile-main-title {
	display: none;
}
.img-thumbnail {
	background-color: #5C5C5C;
	border: 1px solid #fff;
	border-radius: 6px;
	padding: 1px;
	margin: 15px;
}
.click-to-enlarge {
	font-weight: normal;
	font-style: italic;
	font-size: .9em;
}
p {
	font-family: "Open Sans";
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto';
}
h5 {
	font-size: 1.2em;
	padding-bottom: 10px;
	margin-top: 20px;
}
button, input, optgroup, select, textarea {
	color: #000;
}
a {
	color: #B4E0E3;
	text-decoration: underline;
}
a:focus, a:hover {
	color: #78BADB;
}
ul.special_bullet {
	list-style: none;
}
ul.special_bullet>li:before {
	font-family: 'FontAwesome';
	content: '\f00c ';
	padding-right: 10px;
}
ul.special_bullet li {
	text-indent: -25px;
	padding-left: 25px;
}
.bg-1 {
	background: url('../images/backgrounds/bg_1.png') no-repeat bottom center fixed;
	color: #fff;
	background-size: cover;
}
.bg-2 {
	background: url('../images/backgrounds/bg_2.png') no-repeat bottom center fixed;
	color: #fff;
	background-size: cover;
}
.bg-3 {
	background: url('../images/backgrounds/bg_3.png') no-repeat bottom center fixed;
	color: #fff;
	background-size: cover;
}
.bg-4 {
	background: url('../images/backgrounds/bg_4.png') no-repeat bottom center fixed;
	color: #fff;
	background-size: cover;
}
.bg-5 {
	background: url('../images/backgrounds/bg_5.png') no-repeat bottom center fixed;
	color: #fff;
	background-size: cover;
}
.bg-6 {
	background: url('../images/backgrounds/bg_6.png') no-repeat bottom center fixed;
	color: #fff;
	background-size: cover;
}
.bg-7 {
	background: url('../images/backgrounds/bg_7.png') no-repeat bottom center fixed;
	color: #fff;
	background-size: cover;
}
.bg-8 {
	background: url('../images/backgrounds/bg_8.png') no-repeat bottom center fixed;
	color: #fff;
	background-size: cover;
}
.bg-9 {
	background: url('../images/backgrounds/bg_9.png') no-repeat bottom center fixed;
	color: #fff;
	background-size: cover;
}
.bg-10 {
	background: url('../images/backgrounds/bg_10.png') no-repeat bottom center fixed;
	color: #fff;
	background-size: cover;
}
/************ START: FOR INVERSE THEME WHERE THERE IS DARK TEXT ON A LIGHT BACKGROUND ************/
.bg-light {
	background-color: #ececec;
}
.bg-white {
	background-color: #fff;
}
.bg-white a {
	color: #032F54;
	text-decoration: underline;
}
.bg-light p, .bg-light h1, .bg-light h2, .bg-light h3, .bg-light h4, .bg-light h5, .bg-light table, .bg-light li, .bg-white p, .bg-white h1, .bg-white h2, .bg-white h3, .bg-white h4, .bg-white h5, .bg-white table, .bg-white li {
	color: #333;
}
.bg-light .table-striped > tbody > tr:nth-child(2n+1) > td, .bg-light .table-striped > tbody > tr:nth-child(2n+1) > th, .bg-white .table-striped > tbody > tr:nth-child(2n+1) > td, .bg-white .table-striped > tbody > tr:nth-child(2n+1) > th {
	background-color: #cdcdcd;
}
/************ END: FOR INVERSE THEME WHERE THERE IS DARK TEXT ON A LIGHT BACKGROUND ************/

/************ START: FOR INVERSE THEME WHERE THERE IS LIGHT TEXT ON A DARK BACKGROUND ************/
.bg-medium-gray {
	background-color: #222;
}
.bg-black {
	background-color: #000;
}
.bg-medium-gray p, .bg-medium-gray h1, .bg-medium-gray h2, .bg-medium-gray h3, .bg-medium-gray h4, .bg-medium-gray h5, .bg-medium-gray table, .bg-medium-gray li, .bg-black p, .bg-black h1, .bg-black h2, .bg-black h3, .bg-black h4, .bg-black h5, .bg-black table, .bg-black li {
	color: #ececec;
}
.bg-medium-gray .table-striped > tbody > tr:nth-child(2n+1) > td, .bg-medium-gray .table-striped > tbody > tr:nth-child(2n+1) > th, .bg-black .table-striped > tbody > tr:nth-child(2n+1) > td, .bg-white .table-striped > tbody > tr:nth-child(2n+1) > th {
	background-color: #cdcdcd;
}
/************ END: FOR INVERSE THEME WHERE THERE IS LIGHT TEXT ON A DARK BACKGROUND ************/
/****** end TEMPLATE ******/






.navbar {
	background: rgba(0, 0, 0, 1) url(../images/backgrounds/bg_6.png) repeat scroll 0 0;
	border-bottom: #fff 1px solid;
}
.navbar-inverse .navbar-brand {
	color: #fff;
	font-family: 'Roboto';
	font-size: 1.7em;
	font-weight: bold;
	height: 20px;
}
.navbar-inverse .navbar-nav {
	margin-right: 10px;
}
.navbar-inverse .navbar-nav > li > a {
	padding-right: 2px;
	font-weight: bold;
	color: #fff;
	padding-top: 5px;
	padding-bottom: 2px;
	margin-bottom: 8px;
	text-decoration: none;
}
.navbar-inverse .navbar-nav > li.active > a {
	color: #ffab2c;
	border-bottom: 2px solid #fff;
}
.divider hr {
	height: 0px;
}
hr.divider-01 {
	height: 5px;
	border: 0;
	box-shadow: 0 8px 8px -8px #8c8b8b inset;
}
div.top-sub-nav {
	margin: 50px 0 50px;
}
div.top-sub-nav a {
	margin-bottom: 10px;
}
.divider hr {
	width: 20%;
	border-top: 1px dotted #fff;
	margin-top: 20px;
}
section {
	overflow: auto;
	padding: 50px 0 50px;
	border-bottom: 3px #373737 solid;
}
section#introduction {
	padding: 70px 0 0;
	text-align: center;
}
section h2.main {
	font-weight: 400;
	letter-spacing: -1px;
	text-transform: uppercase;
	text-align: center;
	font-size: 2.6em;
}
section h3 {
	font-size: 1.8em;
	opacity: .7;
	margin-bottom: 15px;
}
section div.feature-box h3 {
	font-size: 1.7em;
	margin: 0px;
	padding: 10px 10px 0px;
}
section div.feature-box p {
	margin: 0px;
	padding: 0px 10px 10px;
	color: #fff;
	font-size: .9em;
	background-color: #000;
}
section h3.main {
	font-weight: 500;
	letter-spacing: -1px;
	font-size: 2em;
}
section.bg-black h3.main, section.bg-medium-gray h3.main {
	text-shadow: 2px 2px 4px #000000;
}
section h4.main, section h4 {
	font-weight: bold;
	/*background-color:rgba(0, 0, 0, 0.2);
	border-bottom:#999 thin solid;*/
	font-size: 1.4em;
	
	padding: 10px;
	text-shadow: 2px 2px 4px #000000;
}
section.bg-black h2.main, section.main-intro h2.main {
	color: #ffab2c;
	text-shadow: 2px 2px 4px #000000;
}
section.main-intro h2.main {
	font-size: 3.5em;
}
section.bg-black h3.main, section.bg-black h4.main, section.main-intro h4.main {
	color: #fff;
	text-align: center;
}
section.bg-light h2.main, section.bg-white h2.main {
	color: #04345D;
}
section h3.just-the-facts, section h3.learn-more {
	opacity: .7;
	text-transform: uppercase;
	font-size: 1.5em;
}
.launch-details {
	margin: 50px;
	font-size: 1.5em;
}
.launch-countdown {
	color: #fff;
	font-size: 2.8em;
	opacity: 1;
	margin: 0 auto;
	text-shadow: 2px 2px 4px #000000;
	text-align: center;
	border: 1px #fff solid;
	max-width: 60vw;
	padding: 10px;
}
.btn-custom {
	background-color: hsl(13, 100%, 49%) !important;
	background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fe7b56", endColorstr="#f93600");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#fe7b56), to(#f93600));
	background-image: -moz-linear-gradient(top, #fe7b56, #f93600);
	background-image: -ms-linear-gradient(top, #fe7b56, #f93600);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe7b56), color-stop(100%, #f93600));
	background-image: -webkit-linear-gradient(top, #fe7b56, #f93600);
	background-image: -o-linear-gradient(top, #fe7b56, #f93600);
	background-image: linear-gradient(#fe7b56, #f93600);
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.29);
	-webkit-font-smoothing: antialiased;
	color: #fff !important;
	border: #9F1A02 2px solid;
}
.btn-custom:hover {
	background-color: hsl(13, 100%, 49%) !important;
	background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c95536", endColorstr="#f93600");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#c95536), to(#f93600));
	background-image: -moz-linear-gradient(top, #c95536, #f93600);
	background-image: -ms-linear-gradient(top, #c95536, #f93600);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c95536), color-stop(100%, #f93600));
	background-image: -webkit-linear-gradient(top, #c95536, #f93600);
	background-image: -o-linear-gradient(top, #c95536, #f93600);
	background-image: linear-gradient(#c95536, #f93600);
	border: #fe7b56 2px solid;
}
/*
.alert-infoX::before {
	content: "\00BB ";
	padding-right: 10px;
}
*/
#contact {/***for footer**/
	background-color: #000;
	color: #fff;
	border-top: #999 solid 4px;
	padding: 20px 0 20px;
}
.text-muted {
	color: #ddd;
}
.main-page-news {
	max-height: 250px;
	overflow: auto;
	color: #fff;
	padding: 15px;
	text-align: left;
	margin-top: 20px;
border-top:1px solid #999;
	/*border-radius: 10px;
	border: 1px rgba(255,255,255,.4) solid;
	 offset-x | offset-y | blur-radius | spread-radius | color */
	/*box-shadow: -2px 2px 5px 1px rgba(0,0,0,.5);*/
	/* webkit example */
	/*background-color:rgb(0,0,0,.4);*/
}
.main-page-news a {
	color: #fff;

}
.main-page-news h3 {
	margin: 0px;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 10px;
}

.captionBox {
	border: 1px #999 solid;
}
.captionBox p {
	font-size: .9em;
	margin: 5px;
	padding: 5px;
	font-style: italic;
}
#video-background {
	background-color: #000;
	position: fixed;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	opacity: .2;
	transition: 1s opacity;
}
.stopfade {
	opacity: .3;
}
video {
	display: block;
}/*With these in place, IE8 can at least style the <video> element with a background image. */
/*
@media (max-width: 467px) {
.main-intro {
	background: url('../includes/VAP-Intro-Thumb.png') center center / cover no-repeat;
}
#video-background {
	display: none;
}
}
*/
#vidpause {
	margin: 5px 10px;
	font-size: .9em;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}

/***********to make YouTube video embed responsive***********/
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}



.countdown-amount {
	margin-right: 10px;
	font-size: 1.1em;
}
.countdown-period {
	font-size: .8em;
	margin-right: 10px;
}
.main-box {
	background-color: #fff;
	opacity: .8;
	margin: 2px;
	padding: 5px;
	min-height: 160px;
}
.transToBlack {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0+0,1+100 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 75%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 75%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); /* IE6-9 */
}
/***************Main page: News Center***************************/
/*.newsCenter-contactBox {margin:0 0 10px;padding:10px; border:#fff dotted thin;min-height:170px;}*/
.featuredcontainer img {
	float: left;
	border: 1px solid #ccc;
	padding: 1px;
	margin: 10px;
}
#list {
	margin-top: 5px;
}
#side-a {
	float: left;
	margin: 5px;
}
#side-a img {
	border: 1px solid #ccc;
	padding: 1px;
}
.featuredcontainer .title {
	font-size: 1.1em;
	font-weight: bold;
}
#list ha3 {
	margin-top: -10px;
}
.ha3 {
	font-size: 1em;
	line-height: 1.2em;
}
.caption-text {
	font-style: italic;
	font-size: .8em;
}
/* ----------------------------------------------------- */
/* PORTFOLIO 
/* Portfolio carousel, portfolio list, single portfolio
/* ----------------------------------------------------- */
/* general portfolio item with hovered caption */
.portfolio-item {
	position: relative;
	/*border: 2px #fff solid;*/
	border: 1px #999 dotted;
}
.portfolio-item .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.7);
}
.portfolio-item .info {
	position: absolute;
	top: 50%;
	margin-top: -49px;
	width: 100%;
	text-align: center;
	color: #fff;
}
.portfolio-item .media-wrapper {
	overflow: hidden;
}
.portfolio-item .title {
	font-family: inherit;
	color: #fff;
}
.portfolio-item .brief-description {
	font-weight: 300;
}
.portfolio-item .overlay, .portfolio-item .info {
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	-webkit-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
}
.portfolio-item img {
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	max-width: 100%;
}
.portfolio-item:hover img {
	-moz-transform: scale(1.3, 1.3);
	-ms-transform: scale(1.3, 1.3);
	-webkit-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3);
}
.portfolio-item:hover .overlay, .portfolio-item:hover .info {
 filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	z-index: 1;
}
.portfolio-item a, .portfolio-item a:hover, .portfolio-item a:focus {
	color: #fff;
}
.portfolio-item .btn {
	background-color: #372939;
	border: 1px solid #7d5a73;
}
.portfolio-item .btn:hover, .portfolio-item .btn:focus {
	color: #fff;
	background-color: #7d5a73;
	border: 1px solid #fff;
}
/*shadow-content = the side boxes on the main page that need clear buttons*/
/* btn-cta is the top buttons on each subpage */
.shadow {
	margin-bottom: 15px;
}
.shadow-content .btn-default, .btn-cta {
	background-color: transparent;
	border-color: #fff;
	color: #fff;
	z-index: 100;
	padding: 10px 20px 10px;
}
.shadow-content .btn-default { /*for side buttons under "Learn More"*/
	font-size: 1.1em;
	padding-left: 5px;
}
.shadow-content .bg-black .btn {
	-moz-user-select: none;
	background-image: none;
	border: 1px solid #fff;
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;
	line-height: 1.42857;
	margin-bottom: 0;
	padding: 10px 20px 10px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
	white-space: nowrap;
}
.btn-sidenav {
	text-align: left;
	min-width: 200px;
	border: hidden;
	padding-left: 0px;
}
/**********inset shadow box**********/
div.shadow {
	box-shadow: inset 5px 5px 10px rgba(0,0,0,0.9);
	border: #fff 1px solid;
	padding: 0px 20px 10px;
	overflow: auto;
}
/*********** video playlist ********************/
#video_player {
	display: table;
	line-height: 0;
	font-size: 0;
	background: #000;
	max-width: 1000px;
	margin: 0 auto;
}
#video_container {
	position: relative;
}
#video_player div, #video_player figcaption {
	display: table-cell;
	vertical-align: top;
}
#video_container video {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
}
#video_player figcaption a {
	display: block;
}
#video_player figcaption a {
	opacity: .5;
	transition: 1s opacity;
	display: inline-block;
	width: 15%;
}
#video_player figcaption a img, figure video {
	width: 100%;
	height: auto;
}
#video_player figcaption a.currentvid, #video_player figcaption a:hover, #video_player figcaption a:focus {
	opacity: 1;
}
#video_player video, #video_player figcaption {
	display: table-row;
}
#video_container {
	padding-top: 56.25%;
}
/*********** datatables ********************/
.dataTable tbody a {
	color: #000;
}
.dataTable tbody a {
	text-decoration: underline;
}
/****************** modal styles *****************************/
.modal-title {
	font-size: 1.8em;
}
.modal-content {
	background-color: #000;
}
.modal .modal-dialog {
	width: 75%;
}
.modal .modal-dialog .modal-body p, .modal .modal-dialog .modal-body h4, .modal .modal-dialog .modal-body ul li {
	color: #000;
}
.modal .modal-content {
	border: #fff thin solid;
	color: #000;
	background-color: #cdcdcd;
}
.modal .modal-header {
	background-color: #3A3A3A;
	color: #fff;
	text-shadow: 2px 2px 4px #000000;
}
.modal .close {
	color: #fff;
	font-size: 2em;
}
.modal .caption {
	font-size: .8em;
	font-style: italic;
	line-height: 1.3em;
}
a.modal-popup {
	cursor: pointer;
}
.modal a {
	color: #000;
}
/*******floating menu on subpages*************/
#fl_menu {
	position: absolute;
	top: 90px;
	left: 0px;
	z-index: 9999;
	width: 140px;
	height: 50px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	background-color: #000;
}
#fl_menu .label {
	padding-left: 10px;
	line-height: 50px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 2px;
}
#fl_menu:hover {
	background: #333;
}
#fl_menu .menu {
	display: none;
}
#fl_menu .menu .menu_item {
	display: block;
	background: #000;
	color: #bbb;
	border-top: 1px solid #333;
	padding: 5px 10px;
	font-size: 12px;
	text-decoration: none;
}
#fl_menu .menu a.menu_item:hover {
	background: #333;
	color: #fff;
}
/************tooltip style*****************/
.vap-tooltip + .tooltip > .tooltip-inner {
	background-color: #ffab2c;
	font-weight: bold;
	font-size: 1.1em;
	color: #000;
}
.vap-tooltip + .tooltip > .tooltip-arrow {
	border-bottom-color: #ffab2c;
}
/**************accordian with arrow style **********************/
.panel-heading .accordion-toggle:after {
	/* symbol for "opening" panels */
	font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
	content: "\e114 ";    /* adjust as needed, taken from bootstrap.css */
	float: left;        /* adjust as needed */
	color: #fff;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
	/* symbol for "collapsed" panels */
	content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}
.panel-transparent {
	background: none;
	border-color: transparent;
}
.panel-transparent .panel-heading {
	background: rgba(122, 130, 136, 0.2)!important;
}
.panel-transparent .panel-body {
	background: rgba(46, 51, 56, 0.2)!important;
}
/*************for FEATURE BOX************************/
.feature-box {
	background-color: #000;
	border: 2px solid #666666;
	border-radius: 10px;
	margin: 5px;
	overflow: auto;
}
.feature-box h3 {
	margin: 10px 20px 0;
}
.feature-box p {
	font-size: 0.9em;
	margin: 10px 20px;
}
.feature-box a.btn {
	margin: 10px;
}
/*************for custom JWPLAYER Playlist sidebar************************/
.ListItems div {
	align-content: left;
	font-size: .8em;
	line-height: -10em;
	text-indent: 0px;
	background: #000000;
	text-decoration: none;
	list-style-type: none;
	list-style-position: inside;
	padding: 0 0 0 0px;
}
.ListItems div li {
	display: block;
	float: left;
	list-style-type: none;
	list-style: none;
}
.ListItems div a {
	text-indent: 0px;
	display: block;
	background: #000;
	margin: 0;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	margin: 0;
	list-style-type: none;
	list-style-position: inside;
	margin: 0;
	max-width: 125px;
}
.ListItems div a:hover {
	list-style-type: none;
	border: 1px solid #ff0046;
}


.main-news-box {color:#fff; line-height: 1.1em; background-color:rgb(0,0,0,.3);padding:20px;margin:10px;border-radius: 5px;border:rgb(255,255,255,.2) solid 1px;}
.main-news-box .date {font-style: italic;}
.main-news-box .title {font-weight:bold;}



.carousel-3d-slide {background-color:#000 !important;}
.carousel-3d-slide img{height:100% !important; width:auto !important;}