@charset "UTF-8";
/* CSS Document */

html {
	background: rgba(0, 0, 0, 0) url("../images/bodyBG.jpg") repeat scroll 0 0;		
	min-height: 100%;
    position: relative;
}

body {
	background: rgba(0, 0, 0, 0) url("../images/navBG.png") repeat-x;	
	font-family: "proxima-nova-condensed", Gotham, Calibri, sans-serif;
	color: #d0d0d0;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 5px;
}

::-moz-selection {
    text-shadow: none;
    background: #fbcf40;
	color: #444444;
}

::selection {
    text-shadow: none;
    background: #fbcf40;
	color: #444444;
}

nav {
	border-top: 10px solid rgba(0,0,0,1) !important;		
	background: url(../images/nav_top.png) top left repeat-x !important;
}


.avail {
	height: auto;
	max-height: 675px;
	margin-top: -35px !important;	
	background: url(../images/availabilities/availabilities.jpg) top left;
	background-size: 100%;
	background-position: 0 10px;
}

.text-sm {
    font-size: 16px;
}

.mbottom { margin-bottom: 25px; }
.mbottombig { margin-bottom: 45px; }
.mtop { margin-top: 25px; }
.mtopbig { margin-top: 45px; }

.splash {
	height: 750px;	
	margin-top: -35px ;
	padding-top: 15px;
}

.splashMargin {
	margin-top: 450px;	
	text-shadow: 2px 2px 1px #000;
}

.splashMargin p {
	color: #fff;	
}

body.contact .splash, body.project-photos .splash {
	height: auto;	
	min-height: 500px;
}

/* video */
.video {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%}
    
    .video iframe {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        }
    
    .video .vid-overlay {
        position: absolute;
        z-index: 2;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        }
	.overlay-text {
		position: absolute;
		bottom: 20%;
		left: 20%;
		width: 450px;
	}

.secondary-splash {
	height: 250px;	
	margin-top: -35px !important;
}

.secondary-splash-bts {
	height: 500px;	
	margin-top: -35px !important;
}

.secondary-splash-bts-2 {
	height: 500px;	
	margin-top: -35px !important;
}

.secondary-splash-features {
	height: auto;	
	margin-top: -35px !important;
	padding-top: 35px;
	padding-bottom: 35px;
}


.secondary-splash-features li {
	color: #313131;
	text-shadow: 2px 1px 2px #FFF;
	font-weight: 400;	
}

.secondary-splash-features h3, .splash h3, .secondary-splash h3 {
	text-shadow: 2px 1px 2px #444;	
}

.secondary-splash h3 {
font-size: 35px;
padding-top: 65px;
}

.location-splash {
	margin-top: -35px !important;	
	background: url(../images/location_section_bg.jpg) top left repeat;
}

.location-splash .container {
	background: url(../images/locationSplash.jpg) top center no-repeat;
	background-size: 100%;
}

.location-splash .row {
	height: 575px;
	margin: 0;
}

.location-splash-mobile {
	margin-top: -35px !important;	
}

.location-splash-mobile .row, .location-splash-mobile .container, .location-splash-mobile .col-md-12 {
	margin: 0;	
	padding: 0;
}

.location-secondary-mobile {
	height: auto;
	background: url(../images/location_bg_mobile.jpg) top left repeat;	
	padding: 65px 0 30px 0;
}



.messySecondaryBottom {
	background: url(../images/messyBtm_mobile.png) top left repeat-x !important;
	height: 60px;
	margin-top: -45px !important;
}

.messyTop {
	background: url(../images/content_top.png) top left repeat-x;
	margin-top: -40px !important;	
}

.messyTop .container {
	padding-top: 50px;	
}

.messyBtm {
	background: url(../images/content_btm.png) top left repeat-x !important;
	height: 60px;
	margin-top: -45px !important;
}

section.content {
	padding: 50px 0;
	
}

section.divide .container {
	
	border-bottom: 1px solid rgba(255,255,255,0.2);
	height: 1px;
}


section ul li {
	margin-bottom: 5px;	
}

.contactLogo {
	margin-bottom: 25px;	
}

.btn {
	margin-bottom: 15px;	
}

.building {
	cursor: pointer;	
}

.building > polygon {
	transition: all 0.25s ease 0s;	
}

.building > polygon:hover {
	fill: #FBCF40 !important;
	fill-opacity: 0.8 !important;
	transition: all 0.25s ease 0s;
	
}

.building:hover path {
	fill: #444444 !important;	
}

section.footer {
	background-color: #fbcf40;
    bottom: 0;
    height: 5px;
    position: absolute;
    width: 100%;	
}

p a:hover {
	border-bottom: 1px dotted #f0f0f0;	
}

h2 {
	text-transform: uppercase;
	font-size: 27px;
	text-shadow: 0 1px 2px #080808;
	color: #fbcf40;
	font-weight: 600;
	font-family: "proxima-nova-alt-ext-cond", Gotham, Calibri, sans-serif;
}

h3 {
	font-size: 30px;
	margin-bottom: 20px;
	font-family: "proxima-nova-alt-ext-cond", Gotham, Calibri, sans-serif;
	text-transform: uppercase;
	color: #fbcf40;
	font-weight: 500;
}

.img-border {
	border: 2px solid #999;	
}

.gallery {
	margin-bottom: 30px;	
}

table {
	color: #444444;	
	
	text-align: center;
}

.table > tbody > tr > td, .table > thead > tr > td {
     vertical-align: middle;
}

.table thead {
	background: #444444;
	color: #fbcf40;	
	text-transform: uppercase;
}

.table-striped > tbody tr {
	background-color: rgba(255,255,255,0.8);	
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: rgba(251,207,64, 0.7);
}

.table-bordered {
    border: 1px solid #000;
}

.table-bordered td {
	border: 1px solid #000 !important;
}

table a:link, table a:visited {
	color: #444444;	
}

table a:active, table a:hover {
	color: #FFF;	
}

.splash .well {
	background: rgba(0,0,0,0.5);
	border: 1px solid #FBCF40;
	margin-top: 35px;
	margin-bottom: 50px;	
}


@media only screen and (max-width: 766px) {
.navbar-collapse {
	background: url("../images/bodyBG.jpg") !important;	
}
.navbar {
	position: absolute;
	top: -10px;	
}
}
/* ----- RESPONSIVE SPECIFIC QUERIES ------ */

/* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
		.location-splash .row {
			height: 485px !important;
			margin: 0;
		}
    }
	
	@media (-ms-high-contrast: none), (-ms-high-contrast: active) and (max-width : 1200px) {
		.avail {
			height: 675px; 
		}
	}

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
		.location-splash .row {
			height: 375px !important;
			margin: 0;
		}
    }
	@media (-ms-high-contrast: none), (-ms-high-contrast: active) and (max-width : 992px) {
		.avail {
			height: 450px; 
		}
	}

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
		.location-splash .row {
			height: 400px;
			margin: 0;
		}
        .avail {
            margin-top: 95px !important;
        }
    }
	

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
		.textContainer {
			height: auto;
			line-height: 20px;
		}
        .secondary-splash-features {
            height: auto;	
            margin-top: 75px !important;
            padding-top: 35px;
            padding-bottom: 35px;
        }
        
    }
	
    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
       	.textContainer {
			height: auto;
			line-height: 20px;
		} 
    }
	
	
/* CUSTOM NAV BREAKPOINT */
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
		margin-top: 25px;
    }
    .navbar-collapse {
        
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
	
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}


@media (min-width : 991px) and (max-width : 1200px) {

	.navbar-nav>li>a {
		font-size: 21px !important;
	}
}

.mb20 {
	margin-bottom: 45px;	
}

.overlay {
   background:transparent; 
   position:relative; 
   width:100%;
   height:500px; /* your iframe height */
   top:500px;  /* your iframe height */
   margin-top:-500px;  /* your iframe height */
}

#map {
	width: 100%;
	height: 500px;	
}

/* DESKTOP / MOBILE HIDE
------------------------------ */

@media (min-width:768px) {
    .desktop-only {
        display:block !important;
    }
	.mobile-only {
		display: none !important;	
	}
	.desk-right {
		float: right !important;	
	}
	.table .desktop-only {
		display: table-cell !important;	
	}
}
 
@media (max-width: 767px) {
    .mobile-only {
        display:block !important;
    }
 	.table .mobile-only {
		display: table-cell !important;	
	}
    .desktop-only {
        display:none !important;
    }
	.desk-right {
		float: left !important;	
	}
	
	.splash {
		height: 350px;	
	}
	
	body.contact .splash, body.project-photos .splash {
		height: auto;
		margin-top: 75px;
	}
}