/*
==================================================
	Stylesheet for 8400 Website
==================================================
*/

/* Headings and Global Styles */

body { color: #5c5452; font-family: 'Klavika_Regular', Helvetica, sans-serif; }

p { font-family: 'Klavika_Regular', Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6 { font-family:'Klavika_Regular', Helvetica, sans-serif; }

h1.mega-headline { font-size: 46px; }

li { list-style-type:none; margin-bottom:7px; }


	/* Font Weights */

	.bold { font-family: 'Klavika_Bold', Helvetica, sans-serif; }

	.light { font-family: 'Klavika_Light', Helvetica, sans-serif; }

	.regular { font-family: 'Klavika_Regular', Helvetica, sans-serif; }

	.medium { font-family: 'Klavika_Medium', Helvetica, sans-serif; }


	/* Colours */

	.white { color: #FFFFFF; }

	.off-white { color: #fefefe; }

	.orange { color: #f79122;}

	.lt-orange { color: #fba91a; }

	.lt-gray { color: #e9e8e6; }

	/* Backgrounds */

	.dark-gray-block { background: #757576; }

	/* Links */

	a.lt-gray:hover { color: #BDBDBD; }

	a.lt-orange:hover { color: #FFBD49; text-decoration:none !important; }

	a.off-white:hover { color: #E7E7E7; text-decoration:none; }

	/* Forms */

	div.form-group.contact-form { margin-bottom: 8px !important; }

	.form-control { background-color: #757576 !important; color: #e9e8e6 !important; border-radius:0px !important; border: 1px solid #757576 !important; font-size:18px !important; }

	::-webkit-input-placeholder {
	   color: #e9e8e6 !important;
	}

	:-moz-placeholder { /* Firefox 18- */
	   color: #e9e8e6 !important;  
	}

	::-moz-placeholder {  /* Firefox 19+ */
	   color: #e9e8e6 !important;  
	}

	:-ms-input-placeholder {  
	   color: #e9e8e6 !important;  
	}

	/* Buttons */

	.btn { border-radius:0px !important; }

	.btn-primary, .btn-warning { background-image:none !important; border:none !important; }

	.btn-primary { background-color: #4175a4 !important; }

	.btn-warning { background-color: #f79122 !important; }

	.btn-primary:hover { background-color: #4d89be !important;}

	.btn-warning:hover { background-color: #ffa23d !important;}

/* Basic Structure */

body { margin: 0; }

.top-navigation-bar { width:100%; height:50px; background: #191919; color: #FFFFFF; }

.main-header { height:410px; top: 50px; background: transparent; margin-top:50px; /* background: url('../images/main-header.jpg') #F7F7F7 top center no-repeat; */ }

.main-callout { height:100%; background: url('../images/diagonal_pattern.png') #e9e8e7; }

.amenities { height:100%; background: #5c5452; }

.office-plans { height:100%; background: url('../images/concrete_wall.png') #30353b;  }

.image-gallery { height:100%; background: #7791a8; /* background: url('../images/tileable_wood_texture.png') #50341b; */ }

.pricing { height:100%; background: #e9e8e6; }

.location { height:100%; background: #7791a8; }

.map { height:280px; background: #e9e4db; }

.tenants { height:100%; background: #5c5452; }

.footer { height:100%; background: #404042; }

.section { width:100%; }

	/* Main Navigation */

	.top-navigation-bar { position:fixed; z-index: 500; }

	ul.main-navigation, ul.main-navigation li{ display:block; padding-left:0px; }

	ul.main-navigation li { float:left; margin-top:14px; }

	ul.main-navigation li a.mid { margin-left:10px; float:left; }

	ul.main-navigation li a:hover { text-decoration:none; }

	.nav-button { margin:5px; }

	.navbar-nav>li>a.nav-button { padding:13px 30px; }

	.navbar-nav>li>a.nav-phone { padding:15px 15px; }

	.nav-button h4 { margin:0px; }

	.navbar-default { background-color: #191919 !important; color: #FFFFFF !important; border:none !important; background-image:none !important; border-radius:0px !important; }

	.navbar-brand { padding:5px 10px !important;}

	.navbar-default .navbar-nav>li>a { color: #e9e8e6 !important; }

	.navbar-default .navbar-nav>li>a:hover { color: #BDBDBD !important; }

	.navbar-nav>li>a { line-height:10px !important; font-size:18px !important; padding: 20px 18px; }

	.navbar-nav > li { margin-bottom:0 !important; }

	.navbar { margin-bottom:0 !important;}

	.navbar-default .navbar-collapse { border-color: #333333 !important; }

		/* Toggle */

		.navbar-toggle { border-radius:0px !important; }

		.navbar-default .navbar-toggle { border-color: rgba(221, 221, 221, 0.57) !important; }

	/* Main Header */

	.main-logo { width:215px; height:340px; /* background: url('../images/8400_logo.png') bottom center no-repeat; */ z-index:10; margin-top: 35px; position:absolute; left: 0; right: 0; margin-left: auto; margin-right: auto;  }

	.orange-bar { height:55px; background: rgba(247, 145, 34, 0.55); z-index:9; position:absolute; top:367px; }

		/* Carousel Slideshow */


			.main-carousel.carousel-inner > .item {
				height:412px;
			}

			/* Imagery */
			.main-carousel.carousel-inner > .item:nth-child(1) { 
				background: url('../images/main-header_05.jpg') center no-repeat;
				background-size: cover;
			}

			.main-carousel.carousel-inner > .item:nth-child(2) { 
				background: url('../images/main-header_06.jpg') center no-repeat;
				background-size: cover;
			}

			.main-carousel.carousel-inner > .item:nth-child(3) { 
				background: url('../images/main-header_07-2.jpg') center no-repeat;
				background-size: cover;
			}

			.main-carousel.carousel-inner > .item:nth-child(4) { 
				background: url('../images/main-header_08.jpg') center no-repeat;
				background-size: cover;
			}

			/* Fade transition for carousel items */
			#main-slideshow.carousel .item, .carousel.main-slideshow .item  {
			    left: 0 !important;
			      -webkit-transition: opacity 0.5s ease-in-out; /* adjust timing here */
			         -moz-transition: opacity 0.5s ease-in-out;
			           -o-transition: opacity 0.5s ease-in-out;
			              transition: opacity 0.5s ease-in-out;
			}

			.main-slideshow .item { transition-property: opacity; }

			.carousel-control {
			    background-image: none !important; /* remove background gradients on controls */
			}
			/* Fade controls with items */
			.next.left,
			.prev.right {
			    opacity: 1;
			    z-index: 1;
			}
			.active.left,
			.active.right {
			    opacity: 0;
			    z-index: 2;
			    opacity: 0;
				filter: alpha(opacity=0);
			}

			.carousel-inner > .item > img, 
			.carousel-inner > .item > a > img {
				margin:auto;
			}

		/* .carousel { height:412px !important; } */

		.carousel-inner >.item > img, .carousel-inner > .item > img { width:auto !important; max-width:auto !important; }

		.carousel-control.left, .carousel-control.right { background-image:none !important; z-index:100; }

		.carousel-control, .icon-prev, .carousel-control .main-slide.glyphicon-chevron-left { margin-top:0px; }

	/* Main Callout */

	.org-circle { background: url('../images/half_circle.png') bottom center no-repeat; height:215px; margin-top:30px; }

	.main-paragraph { margin-bottom:30px; line-height:1.3em; }

	.vacant-bg { height:100%; background: url('../images/Suite-128-404-bg.png') center no-repeat; }

	.fourzerofour .main-paragraph { margin-bottom: 0px; }

	.fourzerofour.main-callout { margin-top: 50px; }

	.fourzerofour .container { padding-bottom: 130px; padding-top: 30px; }

	/* Amenities */

	.feat-amenities { text-shadow:2px 1px 70px rgba(245, 128, 0, 0.3); }
	
	.interior-icon { background: url('../images/interior_icon.png') center no-repeat; height:112px; }

	.exterior-icon { background: url('../images/exterior_icon.png') center no-repeat; height:112px; }

	.amenities-list { margin-top:10px; }

	.amenities-column { margin-bottom:30px; }

	ul.amenities { padding-left:0px; }

	ul.amenities li { margin-bottom:14px; line-height:1.3em; }

	/* Floor Plans */

	.floor-plan { margin: 15px 0px 40px 0px; }

	/* Image Gallery */

	.img-slideshow { margin:40px 0px 40px 0px; }

	.carousel { position:relative !important; }

	.small-carousel-control.left { position: absolute; top: 0; left: -25px; bottom: 0; width: 3%; opacity: .5; filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6); }

	.small-carousel-control.right { position: absolute; top: 0; right: -25px; bottom: 0; width: 3%; opacity: .5; filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6); }

	.small-carousel-control:hover, .small-carousel-control:focus { outline: 0; color: #ffffff; text-decoration: none; opacity: .9; filter: alpha(opacity=90); }

	.carousel-control, .icon-prev, .carousel-control .glyphicon-chevron-left { margin-top:50px; }

	.small-carousel-control .glyphicon-chevron-left { left:0; }

	.carousel-control, .icon-next, .carousel-control .glyphicon-chevron-right { }

	.carousel-control .glyphicon-chevron-right { margin-top:0px; }

	.small-carousel-control .glyphicon-chevron-right { right:0; }

	.carousel-control, .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { margin-top:0px; }

	.small-carousel-control .glyphicon-chevron-right, .small-carousel-control .glyphicon-chevron-left { margin-top:85px; }

	a.gallery-control, .gallery-control { display:block; visibility:visible; }

	.slider-image img { border: 2px solid #FFFFFF; }

		/* Image Modal */

		.image-modal { position:relative; padding:20px; }

		.image-modal img { margin-left:auto; margin-right:auto; left:0; right:0; }

	/* Pricing & Options */

	.option-block { margin-bottom:25px; }

	/* Location */

	.location-content { margin-bottom:30px; }

	.blue-tip { position: absolute; z-index: 500; left:0; right:0; margin-left: auto; margin-right: auto; width: 64px; height: 32px; }

	.location-paragraph { line-height:1.4em; }

	/* Icons */

	.options { margin:50px 0px 30px 0px; }

	.deposit-icon { background: url('../images/icons/deposit_icon.png') center no-repeat; height:118px; }

	.parking-icon { background: url('../images/icons/parking_icon.png') center no-repeat; height:118px; }

	.conference-icon { background: url('../images/icons/conference_icon.png') center no-repeat; height:118px; }

	.notary-icon { background: url('../images/icons/notary_icon.png') center no-repeat; height:118px; }

	.postage-icon { background: url('../images/icons/postage_icon.png') center no-repeat; height:118px; }

	/* Current Tenants */

	.tenant-logos-top { margin:10px 0px 20px 0px; }

	.tenant-logos-btm { margin:5px 0px 40px 0px; }

	/* Map */

	#map_canvas { height:280px; }

	.gm-style { font-family: 'Klavika_Bold', sans-serif !important; }

	/* Contact */

	.contact-title { margin-bottom: 30px; }

	.contact-icon { background: url('../images/icons/contact_icon.png') center no-repeat; height:66px; }

	.contact-content { margin-bottom:60px; }

	.contact-info h4 { font-size:20px; line-height: 1.2em; }

	/* Footer */

	.copyright-text { line-height: 1.3em; }

	.lost-cta { padding-top: 20px; }

/* Media Queries (Responsive Styles) */

@media (max-width: 1207px) and (min-width: 1110px) {

	.navbar-nav > li > a { padding: 20px 10px; }
}

@media (max-width: 1109px) and (min-width: 1070px) {

	.navbar-nav > li > a.nav-button { padding: 13px 15px; }

	.navbar-nav > li > a.nav-phone { padding: 15px 10px; }
}

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

	.carousel-indicators { bottom:0 !important; }
}

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

	.main-logo { width: 185px; height: 295px; margin-top: 105px !important; }
}

@media (min-width:992px) and (max-width:1199px) {

	.slider-image img { margin-bottom:30px !important; }

	/* a.gallery-control, .gallery-control { display:none !important; visibility:hidden !important; } */

	.mobile-hide { display:none !important; visibility:hidden !important; }

	.small-carousel-control.left { position: absolute; top: 0; left: 2%; bottom: 0; width: 9%; font-size: 30px; margin-bottom:10px; height:50px; }

	.small-carousel-control.right { position: absolute; top: 0; right: 2%; bottom: 0; width: 9%; font-size: 30px; margin-bottom:10px; height:50px; }

	.carousel-control, .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { margin-top:0px; }

	.small-carousel-control .glyphicon-chevron-right, .small-carousel-control .glyphicon-chevron-left { margin-top:0px; }

	.img-slideshow { margin: 50px 0px 40px 0px; }

	.small-carousel-control.right { text-align:right; }

	.small-carousel-control.left { text-align:left; }

}

@media (max-width:991px) {

	.orange-bar { top:346px; }

	.amenities-list { text-align:left !important; }

	.amenities-list ul { padding-left:75px !important; }

	.slider-image img { margin-bottom:30px !important; }

	.main-logo { width:185px; height:297px; margin-top:55px !important; }

	.pin-xs-padding { padding-right:15px !important; }

	.address-xs-padding { padding-left:15px !important; }

	.drop-pin { text-align:center !important; }

	.tenant-logo { margin-bottom:10px !important; }

	.tenant-logos-top { margin:10px 0px 0px 0px; }

	.tenant-logos-btm { margin:0px 0px 40px 0px; }

	.contact-content { margin-bottom:40px !important; }

	.contact-form-wrapper { margin-bottom:30px !important; }

	/* a.gallery-control, .gallery-control { display:none !important; visibility:hidden !important; } */

	.mobile-hide { display:none !important; visibility:hidden !important; }

	.small-carousel-control.left { position: absolute; top: 0; left: 3%; bottom: 0; width: 9%; font-size: 30px; margin-bottom:10px; height:50px; }

	.small-carousel-control.right { position: absolute; top: 0; right: 3%; bottom: 0; width: 9%; font-size: 30px; margin-bottom:10px; height:50px; }

	.carousel-control, .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { margin-top:0px; }

	.small-carousel-control .glyphicon-chevron-right, .small-carousel-control .glyphicon-chevron-left { margin-top:0px; }

	.img-slideshow { margin: 50px 0px 40px 0px; }

	.small-carousel-control.right { text-align:right; }

	.small-carousel-control.left { text-align:left; }
}

@media (max-width: 900px) {

}

@media (max-width: 767px) {

	.pin-xs-padding { padding-right:15px !important; }

	.address-xs-padding { padding-left:15px !important; }

	.navbar-nav > li > a { padding: 13px 18px !important; }
}

@media (max-width: 470px) {

	.map { height:210px !important; }

	#map_canvas { height:210px !important; }

	.orange-bar {  }
}


/* Custom Fonts */

@font-face {
    font-family: 'Klavika_Regular';
    src: url('../fonts/KlavikaWebBasicRegular.eot');
    src: url('../fonts/KlavikaWebBasicRegular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/KlavikaWebBasicRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Klavika_Regular_Italic';
    src: url('../fonts/KlavikaWebBasicRegularItalic.eot');
    src: url('../fonts/KlavikaWebBasicRegularItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/KlavikaWebBasicRegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Klavika_Medium';
    src: url('../fonts/KlavikaWebBasicMedium.eot');
    src: url('../fonts/KlavikaWebBasicMedium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/KlavikaWebBasicMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Klavika_Light';
    src: url('../fonts/KlavikaWebBasicLight.eot');
    src: url('../fonts/KlavikaWebBasicLight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/KlavikaWebBasicLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Klavika_Light_Italic';
    src: url('../fonts/KlavikaWebBasicLightItalic.eot');
    src: url('../fonts/KlavikaWebBasicLightItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/KlavikaWebBasicLightItalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Klavika_Bold';
    src: url('../fonts/KlavikaWebBasicBold.eot');
    src: url('../fonts/KlavikaWebBasicBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/KlavikaWebBasicBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}