@charset "UTF-8";
/* CSS Document */
/* Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap*/

img{
	image-rendering: -webkit-optimize-contrast;
}
.img-fluid{
	image-rendering: -webkit-optimize-contrast;
}
body{
	background-color: #3f4144;
	color: #7bafc8;
	font-size: 15px;
	font-family: 'Roboto', sans-serif !important;
}
h1{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	color: #7bafc8;
}
.masthead{
	background-color: #191919 !important;
}
 /* Style the video: 100% width and height to cover the entire window */
.masthead video {
	position: relative;
}
.vt-responsive {
    height: 500px;
}
.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;
}

hr {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    border: 0;
        border-top-color: currentcolor;
        border-top-style: none;
        border-top-width: 0px;
    border-top: 1px solid #FFF;
}
.fal, .far {
    font-family: "Font Awesome 5 Pro";
    font-size: 23px;
}
.masthead h1 {
    text-shadow: 0px 0px 20px #000;
    font-size: 1.5rem;
}
.masthead .fas {
    text-shadow: 0px 0px 20px #000;
}
/*.intro-text{
	padding: 100px;
	color: #3f4144;
}*/
section{
	padding-top: 100px;
	padding-bottom: 100px;
}

/*FOR DOWNLOAD BUTTON*/
.brochuredownload {
  background-color: #3f4144 !important;
  color: #7bafc8;
  padding: 10px 20px;
  border-radius: 0px;
  border-color: #7bafc8;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}
#mybutton {
  position: fixed;
  bottom: -4px;
  right: 10px;
  z-index: 999;
}
/*FOR DOWNLOAD BUTTON*/

/*#contact{
	padding-top: 0px !important;
	padding-bottom: 150px !important;
}*/
#spaceplanning a {
	color: #FFF;
}
.overlay {
   background:transparent; 
   position:relative; 
   width:100%;
   height:500px; /* your iframe height */
   top:500px;  /* your iframe height */
   margin-top:-500px;  /* your iframe height */
	z-index: 999;
}
.navbar-dark .navbar-nav .nav-link:active {
    color: #7bafc8;
}
.navbar-dark .navbar-nav .nav-link:hover {
    color: #7bafc8;
}
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
    color: #7bafc8;
}
.content{
	position: absolute;
	top: 160px;
	bottom: 0;
  left: 0;
  right: 0;
}
/*.vt-responsive{
	height:500px;
}*/
/*:target::before {
    content: '';
    display: block;
    height:      250px;
    margin-top: -200px;
}*/
.bg-dark {
	background-color: #191919 !important;
}

.navbar-brand {
	max-width: 30%;
}

.bg-lightblue {
	background-color: #7bafc8;	
}
.text-lightblue {	
	color: #7bafc8;	
}

.bg-green {	
	background-color: #94c123;
}
.text-green {	
	color: #94c123;
}
.bg-blue {
	background-color: #0b5e7b;	
}
.text-blue {
	color: #0b5e7b;	
}

.bg-lighterblue {
	background-color: #c9dfea;	
	color: #3f4144;	
}

.table {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
 
}
.table thead th {
    vertical-align: bottom;
    border-top: 0px solid #dee2e6;
}

h2{
	font-size: 22px;
}
h3{	
	font-size: 15px;
}

.d-xs-none {
	display: none;
}

.map iframe{
	height: 100%;
	width:100%;
}

#contact a {
	color: #FFF;
}
#contact img {
	margin-top: 20px;
}

/* CAROUSEL */
.carousel-thumbnails .carousel-indicators {
    margin-bottom: -80px;
    position: absolute;
}

.carousel-thumbnails .carousel-indicators li {
    height: auto;
    width: 6.25rem;
    max-width: 6.25rem;
    border: none;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
	display: inline-block;
    width: 50px;
    height: 50px;

}
.map{
	min-height: 300px;
}
header {
    position: relative;
    background-color: black;
	height: auto;
    /*height: 75vh;
    min-height: 25rem;*/
    width: 100%;
    overflow: hidden;
}
header video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 

.content{
	top: 300px;
}

h3{
	color: #b1ba62;	
	font-size: 20px;
}
.masthead h1 {
    text-shadow: 0px 0px 20px #000;
    font-size: 2.5rem;
}

}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 

	.navbar-brand {
	max-width: 10%;
} 
	
	.map {
		height:500px;
	}

	.content{
	top: 500px;
}
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 

}