/*!
 * Start Bootstrap - Scrolling Nav HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

body { width: 100%; height: 100%; font-weight: 300; color: #444745; font-family: 'Montserrat', sans-serif; }
html { width: 100%; height: 100%; }


.navbar .navbar-collapse {
  text-align: center; padding:0 0 1px; 
    margin: 0 -15px;
}
.navbar .navbar-nav {
display: block;
text-align: center;
}
.navbar-fixed-top-secondary ul.navbar-nav {
float: none;
margin: 0 auto;
display: block;
text-align: center;
}
.navbar-default {
  text-align: center;
}

.navbar-nav > li {
display: inline-block;
	float: none;}

.navRight { position: absolute; top:0; right: 20px;}
.navbar-brand { position: absolute; top:15px; left:15px; margin-left: 0px !important;}

@media screen and (max-width: 992px) {
.section { padding-top: 70px !important }
#myCarousel { margin-top: 0px;}
.navbar { max-height:70px !important }
.navbar-header {height:65px !important }
	.navbar-toggle {margin-top: 15px;}
}
/* NAVBAR */
.navbar-brand {
  padding: 0px;
}

.navbar-brand>img {
    max-height: 40px !important;
	height:40px !important;
    padding: 0 15px;
    width: auto;
    display: block;
}

.btn-primary { background-color: #B49770; color: #fff; border-color: #fff;}
.btn-success { background-color: #253746; color: #fff; border-color: #fff;}

/*.navbar-brand { display: inline-block }*/

.navbar-default .navbar-nav>li>a { color: #3b444f; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-size:12px; font-weight:400; }

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color: transparent !important;  color: #ccc; }

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #7f694f;
    background-color: transparent;
}
.navbar-default {
    border-color: rgba(189,206,227, 0.30); height: 70px;
}
.navbar-nav {
    margin: 10px 15px 0;
}



/* Secondary Nav */
.navbar-fixed-top-secondary { top: 70px !important; position: fixed; width: 100%; z-index: 1000; }
#main .navbar-nav { margin:0; padding-top: 0; }
#main .navbar {margin-bottom: 0}
#main .navbar .navbar-nav { float:none; margin:0 auto; display: block; text-align: center; }
#main .navbar-nav > li { display: inline-block; float:none; }
#main nav li { padding-bottom: 0px !important;}
#main nav li a {font-size: 12px;}

.dropdown-menu>li>a { color: #333 !important; white-space: nowrap; text-align: center; padding: 5px 25px 5px 25px; }



footer {
   /* background-color: #151515;*/
}
div.agent-band {
   /* border-top: 1px solid #c4cab4;
    background-color: #c4cab4;
    margin-top: 0px;*/
    padding-bottom: 40px;
}

.row-offcanvas { margin-top: 70px; }


/* SECTIONS */
.intro.section { height: 100%; padding-top: 70px; text-align: center;  background: #f7f7f7;}
.section { /*min-height: 100%;*/ padding-top: 50px; text-align: left;  background: #fff;}
.well {text-align: left; }

h2.blue { text-align: center}
h2.white {color: #fff; text-align: center}

.parallax {
    height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parralax_image01 { background-image: url("../images/uploads/slideshow8.jpg"); }
.parralax_image02 { background-image: url("../images/uploads/slideshow10.jpg"); }
.parralax_image03 { background-image: url("../images/uploads/slideshow12.jpg"); }
.parralax_image04 { background-image: url("../images/uploads/slideshow14.jpg"); }
.parralax_image05 { background-image: url("../images/uploads/slideshow15.jpg"); }

#overview { background-color: #FFF; color: #444745; padding: 60px 0 80px;}
#overview .well { background-color: #FFF; border: none; color: #444745;  -webkit-box-shadow: none;   box-shadow: none;  }

#overview h2 { text-align: left; }
#overview ul.bullets li:before {color: #7f694f;  }
#overview ul.bullets li { border-bottom: 1px solid rgba(189,206,227, 0.30); padding-bottom: 10px; }
#overview ul.bullets li:last-of-type {border-bottom: none; padding-bottom: 10px; }
/*#overview { background-color: #444745; color: #FFF; padding: 60px 0 80px;}
#overview .well { background-color: #444745; border: none; color: #FFF; }
#overview h2 { color: #FFF; }*/

#floorplans { background-color: #7F694F; color:#444745; padding:50px 0 50px;}
#floorplans a.tenants { box-shadow: none;  transition: box-shadow 400ms ease, transform 400ms ease, z-index 400ms ease; position:relative; top:0; left:0; height:30vw; width: 100%; display: block}
#floorplans a.tenants:hover { z-index: 60; transform: scale(1.03); box-shadow: 0px 28px 81px -7px rgba(0,0,0, 0.44); }
#floorplans a.tenants h4 { text-align: center; padding: 150px 20px 50px; font-size: 40px; color: #FFF }

.modal-dialog { width: 60%; }
#tenancy-schedule .modal-dialog { width: 80% !important; }
#key-investment .modal-dialog { width: 80%; }

#video { background-color: #fff; color: #444745; padding: 60px 0 80px;}


#description ul.bullets li:before {color: #7f694f;  }
#description ul.bullets li { border-bottom: 1px solid rgba(189,206,227, 0.30); padding-bottom: 10px; }
#description ul.bullets li:last-of-type {border-bottom: none; padding-bottom: 10px; }

#opportunity ul.bullets li:before {color: #7f694f;  }
#opportunity ul.bullets li { border-bottom: 1px solid rgba(189,206,227, 0.30); padding-bottom: 10px; }
#opportunity ul.bullets li:last-of-type {border-bottom: none; padding-bottom: 10px; }

#opportunity a.tenants { box-shadow: none;  transition: box-shadow 400ms ease, transform 400ms ease, z-index 400ms ease; position:relative; top:0; left:0; height:20vw; width: 100%; display: block}
#opportunity a.tenants:hover { z-index: 60; transform: scale(1.03); box-shadow: 0px 28px 81px -7px rgba(0,0,0, 0.44); }
#opportunity a.tenants h4 { text-align: center; padding: 100px 20px; font-size: 30px; color: #FFF }

#covenant {   padding:50px 0 50px;}

#location { background-color: #fff; color:#444745; padding:50px 0 50px;}

#aerial { background-color: #fff; color:#444745; padding:50px 0 50px;}

#outlook { background-color: #253746; color:#fff; padding:40px 0 60px;}

#times { background-color: #5E5D5D; color:#fff;  padding:50px 0;}
h5 {line-height: 24px; font-style: italic; font-weight: 300;}

#properties { background-color: #f5f5f5; color:#444745; padding:50px 0;}

#further-information { background-color: #333; color:#fff; padding:50px 0 50px;}


/* CUSTOMIZE THE CAROUSEL */
/* Declare heights because of positioning of img element */
.carousel .item { /* max-height used to stop images being squashed */ width: 100%; /*slider width*/ max-height: 100% !important; /*slider height*/ }

icon-scroll, .icon-scroll:before { position: absolute; left: 50%; }
.icon-scroll, .icon-scroll:before { position: absolute; left: 50%; }
.icon-scroll { width: 30px; height: 56px; margin-left: -15px; top: 50%; margin-top: -35px; box-shadow: inset 0 0 0 1px #FFF; border-radius: 25px; }
.icon-scroll:before { content: ''; width: 8px; height: 8px; background: #FFF; margin-left: -4px; top: 8px; border-radius: 4px; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: scroll; animation-name: scroll; }
 @-webkit-keyframes scroll {
 0% {
opacity: 1;
}
 100% {
opacity: 0;
-webkit-transform: translateY(46px);
transform: translateY(46px);
}
}
 @keyframes scroll {
 0% {
opacity: 1;
}
 100% {
opacity: 0;
-webkit-transform: translateY(46px);
transform: translateY(46px);
}
}
.carousel, .item, .active { height: 100%; }
.carousel-inner { height: 100%; }
/* Background images are set within the HTML using inline CSS, not here */
.fill { width: 100%; height: 100%; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; }

.w-100 { width: 100% !important; }
.h-100 { height: 100% !important; }
.mx-auto { margin-right: auto !important; margin-left: auto !important; }
.m-0 { margin: 0 0 !important; }
.mt-0 { margin-top: 0 !important; }
.mr-0 { margin-right: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
.ml-0 { margin-left: 0 !important; }
.mx-0 { margin-right: 0 !important; margin-left: 0 !important; }
.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.m-1 { margin: 1rem 1rem !important; }
.mt-1 { margin-top: 1rem !important; }
.mr-1 { margin-right: 1rem !important; }
.mb-1 { margin-bottom: 1rem !important; }
.ml-1 { margin-left: 1rem !important; }
.mx-1 { margin-right: 1rem !important; margin-left: 1rem !important; }
.my-1 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.m-2 { margin: 1.5rem 1.5rem !important; }
.mt-2 { margin-top: 1.5rem !important; }
.mr-2 { margin-right: 1.5rem !important; }
.mb-2 { margin-bottom: 1.5rem !important; }
.ml-2 { margin-left: 1.5rem !important; }
.mx-2 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; }
.my-2 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.m-3 { margin: 3rem 3rem !important; }
.mt-3 { margin-top: 3rem !important; }
.mr-3 { margin-right: 3rem !important; }
.mb-3 { margin-bottom: 3rem !important; }
.ml-3 { margin-left: 3rem !important; }
.mx-3 { margin-right: 3rem !important; margin-left: 3rem !important; }
.my-3 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.p-0 { padding: 0 0 !important; }
.pt-0 { padding-top: 0 !important; }
.pr-0 { padding-right: 0 !important; }
.pb-0 { padding-bottom: 0 !important; }
.pl-0 { padding-left: 0 !important; }
.px-0 { padding-right: 0 !important; padding-left: 0 !important; }
.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.p-1 { padding: 1rem 1rem !important; }
.pt-1 { padding-top: 1rem !important; }
.pr-1 { padding-right: 1rem !important; }
.pb-1 { padding-bottom: 1rem !important; }
.pl-1 { padding-left: 1rem !important; }
.px-1 { padding-right: 1rem !important; padding-left: 1rem !important; }
.py-1 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.p-2 { padding: 1.5rem 1.5rem !important; }
.pt-2 { padding-top: 1.5rem !important; }
.pr-2 { padding-right: 1.5rem !important; }
.pb-2 { padding-bottom: 1.5rem !important; }
.pl-2 { padding-left: 1.5rem !important; }
.px-2 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
.py-2 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.p-3 { padding: 3rem 3rem !important; }
.pt-3 { padding-top: 3rem !important; }
.pr-3 { padding-right: 3rem !important; }
.pb-3 { padding-bottom: 3rem !important; }
.pl-3 { padding-left: 3rem !important; }
.px-3 { padding-right: 3rem !important; padding-left: 3rem !important; }
.py-3 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.p-4 { padding: 4rem 4rem !important; }
.pt-4 { padding-top: 4rem !important; }
.pr-4 { padding-right: 4rem !important; }
.pb-4 { padding-bottom: 4rem !important; }
.pl-4 { padding-left: 4rem !important; }
.px-4 { padding-right: 4rem !important; padding-left: 4rem !important; }
.py-4 { padding-top: 4rem !important; padding-bottom: 4rem !important; }
.p-5 { padding: 5rem 5rem !important; }
.pt-5 { padding-top: 5rem !important; }
.pr-5 { padding-right: 5rem !important; }
.pb-5 { padding-bottom: 5rem !important; }
.pl-5 { padding-left: 5rem !important; }
.px-5 { padding-right: 5rem !important; padding-left: 5rem !important; }
.py-5 { padding-top: 5rem !important; padding-bottom: 5rem !important; }
@media only screen and (max-width : 992px) {
	.px-4 {padding-right: 1rem !important; padding-left: 1rem !important; }
	#covenant {padding-top:30px !important;}

    .top-nav-collapse div.container-fluid { padding:0;}
    
	.navbar-header { height:80px;width: 100%; float: none; }
	.navbar-toggle { display: block; }
	.navbar-collapse { border: none;} /* box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }*/
	.navbar-inverse .navbar-nav>li>a { color: #3b444f;}
	.navbar-inverse .navbar-nav>li>a:hover { color: #fff; background-color: #7F694F; }
	.navbar-collapse.collapse { display: none!important; }
	.navbar-nav { float: none!important; margin: 0; background-color: #DDDDDD; width: 100%; padding: 20px }
	.navbar-nav>li { float: none; display: block }
	.navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; text-align: center}
	/* since 3.1.0 */
	.navbar-collapse.collapse.in, .navbar-collapsing { display: block!important; width:100%; padding: 0; margin: 0; max-height: 100%;}
	.collapsing { overflow: hidden!important; }
	.navbar-static-top .navbar-collapse { max-height: inherit; }
	.navbar-brand>img { padding-left:25px; display: block; }
	/*.container-fluid>.navbar-header {	margin-right: -15px;    margin-left: -15px;    padding: 0 15px;}*/
	
	.dropdown-menu>li>a { color: #333 !important; white-space: nowrap; text-align: center; padding: 5px 25px 5px 25px; }

	.navbar .px-4 {     padding-right: 0rem !important;     padding-left: 0rem !important;}
	
	#floorplans a.tenants { box-shadow: none;  transition: box-shadow 400ms ease, transform 400ms ease, z-index 400ms ease; position:relative; top:0; left:0; height:200px; width: 100%; display: block}
	#opportunity a.tenants { box-shadow: none;  transition: box-shadow 400ms ease, transform 400ms ease, z-index 400ms ease; position:relative; top:0; left:0; height:200px; width: 100%; display: block}
	
	#floorplans a.tenants h4 { text-align: center; padding: 80px 20px; font-size: 30px; color: #FFF }
	#opportunity a.tenants h4 { text-align: center; padding: 80px 20px; font-size: 30px; color: #FFF }
}