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

a:hover{
	text-decoration:none;
}
body{
	color:#697A80;
	font-family: 'Lato', arial, sans-serif;
	font-weight:300;
	font-size:16px;
	line-height:24px;
}

.intro{
	font-size:20px;
	line-height:28px;
	margin-bottom:20px;
}

.row {
    margin-right:0 !important; 
    margin-left:0 !important; 
}

.nopadding{
	padding:0;
}
.nopaddingright{
	padding-right:0;
}
.nopaddingleft{
	padding-left:0;
}
.nomargin{
	margin:0 !important;
}
.margin-top{
	margin-top:20px;
}

.nobottommargin{
	margin-bottom:0;
}

.contactTop{
	font-size:12px; letter-spacing:0.1em;
}

.offsetmargin{
	margin:60px 0 0 0;
}

.uppercase{
	text-transform:uppercase;
}

.navbar, h1, h2, h3, h4, h5, .button{
	font-family:'Questrial', 'Lato', arial, sans-serif !important;
	text-transform:uppercase;
	letter-spacing:0.09em;
}

h2{
	font-size:26px;
	margin:80px 0 10px 0 !important;
}
h3{
	font-size:20px;
	margin:0 0 10px 0;
}

h3.floorheader{
	font-size: 24px;
    text-align: center;
    margin: 20px 0 60px 0;
    padding: 20px;
    border-bottom: 1px solid #697A80;
}

h4{
	font-size:16px;
	margin:0 0 10px 0;
}
	
.navbar .navbar-nav {
    display: inline-block;
    float: none;
	text-transform:uppercase;
}

.navbar .navbar-collapse {
    text-align: center;
}

ol.maplist{
	margin:0 0 20px 15px;
	padding:0;
	line-height:1.4em;
	font-size:14px;
}
ol.maplist li{
	margin-left:0;
}


.notes{ font-size:12px; line-height:18px; }


.navbar-default{
	border:none;
	background-color:#fff;
	margin-bottom:50px;
	font-size:14px;
}

.venture-logo-container{
	text-align:center;
	padding:20px;
	border-bottom:1px #697A80 solid;
}


.divider{
	display:block;
	height:1px;
	background-color:#697a80;
	margin:20px 0;
}

.venture-divider{
	height:30px;
	background-color:#697A80;
	margin:0 0 30px 0;
}

.venture-pic{
	width:100%; height:auto;
	margin-bottom:30px;
}

.venture-corner-topleft{
	position:absolute; left:-44px; top:-30px;	
}
.venture-corner-topright{
	position:absolute; right:-44px; top:-30px;	
}

.venture-corner-bottomleft{
	position:absolute; left:-54px; bottom:-44px;	
}
.venture-corner-bottomright{
	position:absolute; right:-44px; bottom:-30px;	
}

footer{
	border-top:1px solid #697A80;
	padding:10px;
	margin-top:100px;
	font-size:12px;
}

.button{
	height:40px;
	display:table;
}
.button a{
	background-color:#697A80;
	text-transform:uppercase;
	color:#fff;
	padding:5px 15px;
	display:table-cell;
	vertical-align:middle;
}
.button a:hover{
	opacity:0.75;
}

.padded{
	padding:20px;
}
.paddedTop{
	padding-top:20px;
}
.paddedBottom{
	padding-bottom:20px;
}
.paddedTopBottom{
	padding:20px 0;
}

.grey{	background-color:#697a80 }
.beige{ background-color:#d6cbc8 }
.lbeige{ background-color:#E7E0DE; }
.lgrey{ background-color:#afb8bb }
.brown{ background-color:#664b44 }
.lbrown{ background-color:#E6E4E4; }
.llgrey{ background-color:#efefef; }
.lblue{ background-color:#DEE2E3; }
.floorcol{ background-color:#e7e7e9; }




.photo, .floorplan{ width:100%; height:auto; }

section{
	margin-bottom:20px;
}

.gap{
	display:block; 
	height:60px;
}

/*------modal fix--------*/

.modal-content {
	border:none; border-radius:0;
}

.modal-body{
	padding:0;
}

.modal-header{
	width: 30px;
    height: 30px;
    position: absolute;
    top: -40px;
    right: -40px;
    background: #fff;
    padding: 5px 9px;
    border-radius: 100%;
}

.modal-backdrop {
   background-color:#697A80;
   opacity:0.9 !important;
}

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
	background-color:#ffffff;
}

.lb-container {
    padding: 0px !important;
}

.lb-outerContainer{
	border-radius:0 !important;
}
.lightboxOverlay {
	background-color:#697A80 !important;
	opacity:0.8 !important;
}

.clear{
	display:block; clear:both;
}

a{
	color:#697A80;
	font-weight:400;
}

/*----FORMS----*/

input, textarea {
	font-weight:200;
    color: #697A80 !important;
    background-color: #f2f2f2 !important;
    background-image: none;
    border: none !important;
    border-radius:0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
label{
	color: #697A80 !important;
	font-weight:200 !important;
	font-size:14px !important;
}

.btn-send{
	color:#fff !important;
	background-color:#697A80 !important;
	text-transform:uppercase;
	font-weight:200;
}
.btn-send:hover{
	opacity:0.8;
}
.help-block{
	font-size:12px !important;
}
.alert{
	border:none !important;
	border-radius:0 !important;
	margin:15px;
}

.navbar-toggle {
    padding: 10px 20px !important;
    margin:0 !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    border-radius:0 !important;
}


/*---custom fixed columns---*/


/*----NAV HIGHLIGHTING---*/

@media (min-width: 768px) {

.navbar-nav li > a{
 background-image: linear-gradient(#697A80 6px, #ffffff 6px);
 background-size: auto 56px;
 background-position: 0 100%;
 background-repeat:no-repeat;
 -webkit-transition: background-position 0.5s;
 transition: background-position 0.5s;
}

.navbar-nav li > a:hover{
    background-position: 0 0;
	-webkit-transition: background-position 0.08s;
 	transition: background-position 0.08s;
}

body.apartments li.apartments-nav a,
body.floorplans li.floorplans-nav a,
body.location li.location-nav a,
body.charterhouse li.charterhouse-nav a,
body.enquiries li.enquiries-nav a{
background-image: -webkit-linear-gradient(#697A80 6px, #ffffff 6px);
background-image: -moz-linear-gradient(#697A80 6px, #ffffff 6px);
background-image: -o-linear-gradient(#697A80 6px, #ffffff 6px);
background-image: linear-gradient(#697A80 6px, #ffffff 6px);
background-position: 0 0;
}

}

@media (max-width: 768px) {
	
	body.apartments li.apartments-nav a,
	body.floorplans li.floorplans-nav a,
	body.location li.location-nav a,
	body.charterhouse li.charterhouse-nav a,
	body.enquiries li.enquiries-nav a{
		background:#f2f2f2;	
	}
	
	h2 {
    margin: 20px 0 10px 0 !important;
	}
	
}

/*----NAV HIGHLIGHTING---*/

.customfixed-half{
	display:block;
	width:100%;
}

@media (min-width: 768px) {
  .customfixed-half{
    /*width: 375px;*/
	width:100%;
  }
}
@media (min-width: 992px) {
  .customfixed-half{
    width: /*485*/405px;
  }
}
@media (min-width: 1200px) {
  .customfixed-half{
    width: /*585*/495px;
  }
}