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

html, body{
	font-family: 'Montserrat', sans-serif;
	color:#666666;
	-webkit-font-smoothing: antialiased;
	line-height: 1.6;
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
}

.icon::before {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  }

/* Links */
a{
	color:#333d72;
	text-decoration:none;
}

a:hover{
	color:#006761;
	text-decoration:none;
}

a img{
	border:0;
}

a.download{
	background-image:url(/archwayhomesimages/assets/download.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:30px 30px;
	padding:5px 0 5px 40px;
	font-family: minion-pro, serif;
	color:#666666;
	font-weight:normal;
	display:inline-block;
}

.right-download{
	padding:10px 0 10px 35px !important;
	position:absolute;
	right:20px;
	top:28px;
}

a.download:hover{
	background-image:url(/archwayhomesimages/assets/download-hover.png);
}

p span{
	text-transform:uppercase;
	font-weight:bold;
}


h1{
	color:#93092b;
	font-family: minion-pro, serif;
font-style: normal;
	font-size:3rem;
	padding:0;
	margin:0 0 20px 0;
	font-weight:normal;
	line-height: 1.4;
}

h1 span{
	font-family: 'Montserrat', sans-serif;
	color:#666666;
	font-weight:bold;
	font-size:1.4rem;
	text-transform:uppercase;
	display:block;
	-webkit-font-smoothing: antialiased;
}

h1.close-margin{
	margin:0 0 10px 0;
}

.h1-overlay span{
	font-family: 'Montserrat', sans-serif;
	color:#ffffff;
	font-weight:bold;
	font-size:1.4rem;
	text-transform:uppercase;
	display:block;
}

h2{
	font-weight:bold;
	font-size:1.6rem;
	padding:0;
	margin:10px 0 20px 0;
	text-transform:uppercase;
	-webkit-font-smoothing: antialiased;
	line-height: 1.4;
}	

.nhqb-details h2{
	margin:20px 0 10px 0;
}

h2 span{
	color:#d5b16c;
	margin-left:20px;
}

h3{
	color:#ffffff;
	font-weight:bold;
	font-size:1.4rem;
	margin:0;
	padding:10px 0;
	line-height: 1.6;
}

h3 a{
	color:#fff;
	font-family: minion-pro, serif;	

	font-weight: normal;
	margin-left:5px;
	transition: all 0.3s;
}

h3 a:hover{
	text-decoration: none;
}

h3 a:before{
	 content: "\00BB\00a0";
}

h4{
	color:#666666;
	font-weight:bold;
	font-size:1.4rem;
	padding:0;
	margin:-15px 0 20px 0;
	text-transform:uppercase;
}

.team h4{
	font-family: minion-pro, serif;	
	color:#93092b;
	font-weight:normal;
	font-size:2.6rem;
	padding:0;
	text-transform: none;
	margin: 20px 0 15px 0;
}

.sitemap-title{
	color:#d5b16c;
	font-weight:bold;
	font-size:1.4rem;
	padding:0;
	margin:10px 0;
	text-transform:uppercase;
}	

h5{
	font-family: 'Montserrat', sans-serif;
	color:#666666;
	font-weight:bold;
	font-size:1.4rem;
	text-transform:uppercase;
}

.col-md-8 ul li{
	font-size:1.6rem;
	padding:5px 0;
}

.bumpers{
	padding:30px !important;
}

.form{
	margin-top:40px;
}

textarea{
	resize: none;
}

label{
	text-transform:uppercase;
	margin-bottom:10px !important;
	font-weight: normal;
	display:block;
	font-size:1.6rem;
}

label span{
	color:#d5b16c;
}

.input-group-addon{
	padding:0;
	border:0;
	vertical-align:top;
	background-color:transparent !important;
}
	

.squared{
	box-shadow:none;
	-webkit-appearance: none;
    border-radius: 0;
}

input[type='checkbox'] {
    -webkit-appearance:none;
    width:20px;
    height:20px;
    background:white;
    border-radius:0px;
    border:1px solid #ccc;
	float:left;
}
input[type='checkbox']:checked {
    background: #d5b16c;
	padding:4px;
}

/* Buttons */
.btn{
	font-size:1.6rem;
	border:0;
	border-radius:0;
	background-color:#333d72;
	font-family: minion-pro, serif;

	padding:15px 40px;
	color:#ffffff;
	transition: all 0.3s;
	clip-path: polygon(0% 100%, 0% 0%, 47% 0%, 50% 10%, 53% 0%, 100% 0%, 100% 100%);
}

.btn:hover{
	background-color:#006761;
	color:#ffffff;
}

.btn:before{
	 content: "\00BB\00a0";
}

.btn:after{
	 content: "\00a0\00ab";
}

.ga-btn{
	background-color:white;
	color:#006761;
}

.ga-btn:hover{
	background-color:#318b59;
}

.block-btn{
	display:block;
	text-align:center;
	background-image:url(/images/assets/arrow-down.png);
	background-size:10px;
	background-position:top center;
	background-repeat:no-repeat;
	position:absolute;
	bottom:0;
	width:100%;	
}


/* News expander */
.expander{
	border-bottom:1px solid #cccccc;
	cursor:pointer;	
	padding:20px 0 10px 0;	
	margin-bottom:0;
	font-size:2.4rem;
}

.expander span{
	margin:10px 0;
	font-size:1.2rem;
}

.expander-arrow{
     height: 14px;
     width: 14px;
    margin-left:auto;
	margin-right:auto;
    margin-top:-7px;
    background:white;
    transform:rotate(45deg);
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

.expander-sml{
	border-bottom:1px solid #cccccc;
	background-repeat:no-repeat;
	background-position:right center;
	background-size:20px;
	cursor:pointer;	
	padding:15px 0;	
	margin:0 0 0 0 !important;
}


/* Colours */
.white-bg{
	background-color:#ffffff;
}
.red-bg{
	background-color:#93092b;
}
.yellow-dk-bg{
	background-color:#d5b16c;
}
.yellow-md-bg{
	background-color:#ddc189;
}
.yellow-lt-bg{
	background-color:#e6d0a7;
}
.blue-bg{
	background-color:#333d72;
}

.green-bg{
	background-color:#006761;
}


.for-sale{
	background-color:#333d72;
}
.legally-completed{
	background-color:#666666;
}
.exchanged{
	background-color:#93092b;
}
.reserved{
	background-color:#d5b16c;
}
.not-yet-released{
	background-color:#006761;
}



.white{
	color:#ffffff;
}
.red{
	color:#93092b;
}
.yellow-dk{
	color:#d5b16c;
}
.yellow-md{
	color:#ddc189;
}
.yellow-lt{
	color:#e6d0a7;
}
.blue{
	color:#333d72
}

.grey{
	color:#666666;
}
.green{
	color:#006761;
}

/* Text Options */
.txt-lg{
	font-size:4rem;
	margin-bottom:5px !important;
}

.txt-md{
	font-size:2.2rem;
}

.txt-sm{
	font-size:1.4rem;
}

.txt-srf{
	font-family: minion-pro, serif;
}

.txt-sans{
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
	font-weight:bold;
}

.caps{
	text-transform:uppercase;
}


/* Float clear */
.clearer{
	clear:both;
}

/* ---------- BOOTSTRAP ---------- */

/* Customise the carousel */
/* Carousel base class */
.carousel {
  height: 750px;
	min-height: 400px;
}

.slideshow {
	min-height: 400px;
	 height: 650px;
}

/* Since positioning the image, we need to help out the caption */
.banner-caption, .carousel-caption {
	 z-index: 10;
	text-shadow: none;
	text-align:center;
	bottom:40px;
	padding-top:0;
	min-width:33%;
	position:absolute;
}

.banner-caption{
	left:0;
	right:0;
	bottom:94px;
}

.carousel-indicators li{
	border:0;
	background-color:#fff;
	width:10px;
	height:10px;
	margin:10px;
	border-radius:5px;
}

.carousel-indicators li:hover{
	background-color:#ccc;
}

.carousel-indicators .active{
	background-image:none;
	width:10px;
	height:10px;
	margin:10px;
	background-color:#d5b16c;
}

/*Carousel a-rated logo*/
.carousel-a-rated{
	z-index: 10;
	position:absolute;
	right:40px;
	top:30px;
	width:150px;
	height:150px;
}

.carousel-a-rated img{
	width:150px;
	height:150px;
	}

/*Carousel badge*/
.carousel-award{
	z-index: 10;
	position:absolute;
	left:40px;
	top:30px;
	width:150px;
	height:150px;
}

.carousel-award img{
	width:150px;
	height:150px;
	}

.carousel-a-rated-spec{
	z-index: 10;
	position:absolute;
	right:20px;
	top:40px;
	width:150px;
	height:150px;
}

.carousel-a-rated-spec img{
	width:150px;
	height:150px;
	}

.carousel-a-rated-banner{
	z-index: 10;
	position:absolute;
	right:20px;
	top:20px;
	width:150px;
	height:150px;
}

.carousel-a-rated-banner img{
	width:150px;
	height:150px;
	}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 750px;
  background-color: #ccc;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}

.slideshow .item {
  height: 650px !important;
}

.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
 height: 750px;
}

.slideshow-inner > .item > img {
 height: 650px !important;
}

.banner-caption h1, .carousel-caption h1{
	color:#fff;
	font-size:4rem;
	border:1px white solid;
	padding:40px 40px;
	display:inline-block;
	box-sizing:border-box;
	
	min-width:440px;
}

.carousel-caption h1{
	clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 100%, 80% 100%, 80% 95%, 20% 95%, 20% 100%);
}

.banner-caption h1 span, .carousel-caption h1 span{
	margin-top:6px;
	font-family: 'Montserrat', sans-serif;
	color:#ddc189;
	font-weight:bold;
	font-size:2rem;
	text-transform:uppercase;
	display:block;
}

.carousel-btn-container{
	text-align:center;
	margin-top:-48px;
	margin-bottom:20px;
}


/* SEPARATORS */
#yellow-separator{
	width:100%;
	position:absolute;
margin-top:-80px;
}

#yellow-left{
	position:absolute;
	left:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 80px 0 0 50vw;
	border-color: transparent transparent transparent #d5b16c;
}

#yellow-right{
	position:absolute;
	right:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 80px 50vw;
	border-color: transparent transparent #d5b16c transparent;
}

#grey-separator{
	width:100%;
	position:absolute;
	margin-top:-320px;
	z-index:0;
	background-color: #fff;
}

#grey-separator-02{
	width:100%;
	position:absolute;
	margin-top:-320px;
	z-index:0;
	background-color: #fff;
}

#grey-left{
	position:absolute;
	left:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 80px 0 0 50vw;
	border-color: transparent transparent transparent #cccccc;
}

#grey-right{
	position:absolute;
	right:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 80px 50vw;
	border-color: transparent transparent #cccccc transparent;
}

#grey-filler{
	background-color: #ccc;
	margin-top:-240px;
	height:240px;
}

#grey-filler-02{
	background-color: #ccc;
	margin-top:-240px;
	height:240px;
}


#gold-separator{
	width:100%;
	position:absolute;
	margin-top:-380px;
	background-color: #fff;
	z-index: -1;
}

#gold-left{
	position:absolute;
	left:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 80px 0 0 50vw;
	border-color: transparent transparent transparent #e6d0a7;
}

#gold-right{
	position:absolute;
	right:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 80px 50vw;
	border-color: transparent transparent #e6d0a7 transparent;
}

#gold-filler{
	background-color: #e6d0a7;
	margin-top:-300px;
	height:270px;
}

#white-separator{
	width:100%;
	position:absolute;
	z-index:100;
	height:80px;
	background-color: #ffffff;
	clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
}

#white-separator-02{
	width:100%;
	position:absolute;
margin-top:-80px;
}

#white-left{
	position:absolute;
	left:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 80px 0 0 50vw;
	border-color: transparent transparent transparent #ffffff;
}

#white-right{
	position:absolute;
	right:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 80px 50vw;
	border-color: transparent transparent #ffffff transparent;
}

/* Navbar */
.nav>li {
	position:inherit;
}

.navbar{
	margin-bottom:0;
	border-radius:0;
	border:0;
	position:relative;
	min-height:40px;
}

.container>.navbar-header{
	margin-right:0;
	margin-left:0;
}

.navbar-collapse{
	padding-right:0;
	padding-left:0;
	text-align: center;
	
}

 .navbar-nav {
    width: 100%;
    text-align: center;
}
 .navbar-nav  > li {
      float: none;
      display: inline-block;
    }



.navbar-nav>li>a{
	padding: 10px 30px;
	font-size:12px;
	text-transform:uppercase;
	color:#93092b;
	font-weight:bold;
	transition: all 0.3s;
}

.navbar-nav>li>a:hover{
	background-color:#ddc189;
}

.icon-bar{
	background-color:#ffffff;
	height:3px !important;
	width:25px !important;
}

.navbar-toggle{
	float:left;
	margin:0;
	padding:10px;
}

.active{
	background-image:url(images/assets/arrow-down.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:10px;
	background-color:#ddc189;
}

.navbar-nav>li>active>a:hover{
	background-image:url(images/assets/arrow-down.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:10px;
}

.green-agenda{
	background-color:#006761;	
	color:#FFFFFF !important;
}

.navbar-nav>li>.green-agenda:hover{
	background-color: #0e7f77 !important;
}

.ga-active{
	background-image:url(images/assets/arrow-down.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:10px;
	background-color:#006761;	
	color:#FFFFFF !important;
}

.ga-active:hover{
	background-color:#318b59 !important;	
}

.secondary a:hover{
	
	background-color:#e6d0a7 !important;
}

.secondary .active{
	background-image:url(images/assets/arrow-dk-yellow.png);
	background-color:#e6d0a7 !important;
}

.secondary-sm{
	border-bottom:5px solid #fff;
}

.scndnav{
	text-align:center;
	text-transform:uppercase;
	font-size:1.2rem;
	background-color:#e6d0a7;
	padding:10px;
	color:#93092b;
}

.scndnav:hover{
	text-decoration:none;
	color:#93092b;
	background-color:#ddc189;
}

.topleft, .topmiddle, .topright, .bottomleft, .bottommiddle{
	border-right:1px solid #ffffff;
}

/* FYNH DROPDOWN */

#fynh-dropdown{
	z-index: 100;
	position:absolute;
	left:0;
	width:100%;
	text-align:center;
	max-height: 0; /* Hides the drop down */ 
    overflow: hidden;
	transition:all 0.5s;
	box-sizing: border-box;
		-webkit-box-shadow: 0 15px 15px -15px black;
	   -moz-box-shadow: 0 15px 15px -15px black;
	        box-shadow: 0 15px 15px -15px black;
}

#fynh-button{
	transition: all 0.3s;	
}

#fynh-button:hover{
	background-color:#ddc189;
}

#fynh-button:hover #fynh-dropdown{
	max-height:500px;
	box-sizing: border-box;
	z-index: 100;
	transition:all 0.5s;
}

#fynh-discover {
	padding:20px;
	box-sizing: border-box;
}

#fynh-developments{
	padding:35px 50px;
}

.fynh-development{
	margin:15px 30px;
	display:inline-block;
}

.fynh-development a{
	font-size:16px;
	font-weight:normal;
	font-family: minion-pro, serif;
	transition:0.3s all;
}

.fynh-development a:hover{
	text-decoration: none;
	color:#006761;
}

.fynh-development a:before{
	 content: "\00BB\00a0";
}

.fynh-development a:after{
	 content: "\00a0\00AB";
}

.fynh-development h3{
	color:#93092b;
	font-family: minion-pro, serif;
	font-size:3rem;
	padding:0;
	margin:0 0 20px 0;
	font-weight:normal;
}


/* END */

/* LATEST NEWS STRIP */
.latest-news-title{
	text-align:center;
}

.latest-news-title a{
	font-size: 1.6rem;
}

/* AVAILABLE PROPERTIES */
#available-properties{
	text-align: center;
	padding-top:100px;
	padding-bottom:130px;
}

.available-properties-row{
	margin-top:40px;
}

.available-property{
	max-width:300px;
	position:relative;
	display:inline-block;
	margin:0 15px;
	padding-bottom:30px;
}

#plot-image{
	width:100%;
	margin-bottom:30px;
	padding:0;
	overflow:hidden;
}

#plot-image img{
	outline: 2px solid white;
  	outline-offset: -25px;
	width:100%;
}

.plot-special-offer{
	position:absolute; 
	width:160px;
	background-color:#d5b16c;
	color:#ffffff;
	font-weight:bold;
	padding:10px;
	line-height:1.15;
	outline:1px solid white;
	outline-offset:-5px;
	top:179px;
	left:70px;
}

#plot-special-offer{
	background-color:#006761;
	outline: 1px solid #d5b16c;
  	outline-offset: -20px;
	margin:30px 0 60px 0;
	padding:40px;
}

#plot-special-offer h3{
	color:#d5b16c;
	font-weight: bold;
	font-size: 1.6rem;
	padding: 0;
	margin: 10px 0 5px 0;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	line-height: 1.4;
}

#plot-special-offer p{
	color:#ffffff;
}

.floorplans{
	text-align:center;
}

.floorplan-images{
	margin-top:40px;
}

.floorplan-images img{
	max-width:500px;
	/*max-height:600px;*/
	margin:0 auto;
	width:100%;
}

.floorplan-images h2{
	color:#d5b16c;
	margin-top:60px;
}

.floorplan-images  h3{
	color:#666;
	text-transform: uppercase;
	margin-top:10px;
	font-weight:700;
}

.plot-image{
	position:relative;
	transition: all 0.3s;
	width:100%;
	margin-bottom:30px;
	outline: 1px solid white;
  	outline-offset: -10px;
	overflow:hidden;
}



.plot-image img{
	width:100%;
}

.plot-image:hover{
	outline-offset: -25px;
	transform: scale(1.025);
	cursor:pointer;
	overflow:hidden;
}

.news-image{
	position:relative;
	transition: all 0.3s;
	width:100%;
	margin-bottom:30px;
	outline: 1px solid white;
  	outline-offset: -10px;
	overflow:hidden;
	max-width:410px; 
	margin-left:auto; 
	margin-right:auto;
}

.news-image img{
	width:100%;
}

.news-image:hover{
	outline-offset: -25px;
	transform: scale(1.025);
	cursor:pointer;
	overflow:hidden;
}

.news-image .after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    color: #FFF;
	transition:0.3s all;
	opacity: 0;
	padding:45px 40px;
}
.news-image:hover .after {
    display: block;
	opacity: 60;
	transition:0.3s all;
}

.plot-title{
	color:#93092b;
	font-family: minion-pro, serif;
	font-size:2.4rem;
}

.plot-meta{
	text-transform: uppercase;
	font-weight:bold;
}

.plot-data{
	padding:0;
	margin-top:5px;
	margin-bottom:30px;
	min-height:66px;
}

.plot-sash{
	position: absolute;
	top:152px;
	left:-60px;
	text-transform:uppercase;
	font-size:1.8rem;
	font-weight:bold;
	color:#fff;
	border-top:5px white solid;
	border-bottom:5px white solid;
	padding:10px 20px;
	width:300px;
	text-align:center;
	line-height:1;
	-ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
	transform-origin: top left;
}

#plot-image .plot-sash{
	position: absolute;
	top:213px;
	left:-70px;
	text-transform:uppercase;
	font-size:2.4rem;
	font-weight:bold;
	color:#fff;
	border-top:5px white solid;
	border-bottom:5px white solid;
	padding:15px 30px;
	width:400px;
	text-align:center;
	line-height:1;
	-ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
	transform-origin: top left;
}

#plot-image .plot-sash span{
	font-size:2rem;
}

/*AVAILABLE PLOTS CAROUSEL*/

.bx-wrapper{
	-webkit-box-shadow: none;
	box-shadow: none;
	border:none;
	margin:0 auto;
	margin-top:20px;
	background-color:transparent !important;
}

.bx-pager{
	padding-top:20px !important;
	bottom:auto !important;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background-color:#ccc;
	margin:10px;
	transition: all 0.3s;
}

.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{
	background-color:#d5b16c;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover{
	background-color: #666;
}

.bx-wrapper .bx-controls-direction a {
	top:63% !important;
	text-indent: 0 !important;
}

.bx-wrapper .bx-next{
	right:-20px;
}

.bx-wrapper .bx-prev{
	left:-20px;
}

.bx-wrapper .bx-prev, .bx-wrapper .bx-next{
	background: none;
	color:#ccc;
	transition: all 0.3s;
}

.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover{
	transform: scale(1.25);
	color:#d5b16c;
	transition: all 0.3s;
}

/* END */

/* SIGN UP */
.sign-up{
	padding:100px 0;
	text-align:center;
}

input::placeholder {
 	font-family: 'Montserrat', sans-serif;
}

.plots-nav{
	text-align:center;
	list-style:none;
	width:100%;
	background-color:#ddc189;
	padding:0;
	margin:0;
}

.plots-nav li{
	display:inline-block;
}

.plots-nav a{
	display:block;
	padding:15px;
}

.plots-nav li a:hover .nav-plot-number{
	box-shadow: 0 0 0 5px white;
}

.plots-nav .active{
	background-image:none;
}

.plots-nav .active .nav-plot-number{
	box-shadow: 0 0 0 5px white;
}

.form-inline{
	margin-top:40px;
}

.form-control{
	font-family: 'Montserrat', sans-serif;
	font-size:1.4rem;
	border:1px #ccc solid;
	border-radius: 0;
	height:auto;
	padding:15px;
	box-shadow:none;
	width:100% !important;
	margin-bottom:20px;
}

.ticklabel{
	padding-left:30px;
	padding-right:40px;
	padding-top:4px;
	text-align: left;
	text-transform: none;
	font-size:1.2rem;
}

#privacytick .form-control-feedback{
	top:-2px !important;
	right:24px;
}

.has-error .form-control-feedback{
	color:#93092b;
}

.has-success .form-control {
	border-color:#006761;
}

.has-success .form-control-feedback{
	color:#006761;
}

.sign-up .form-control, .sign-up .form-control:focus{
	border:none;
}

.form-control:focus{
	box-shadow:0px 0px 10px 1px #d5b16c;
	border:1px solid white;
}


#submit-btn{
	margin-top:15px;
}

.captcha{
	width:140px;
	max-height:40px;
	margin-right:10px;
}

.has-feedback label~.form-control-feedback{
	top:44px;
	right:24px;
}

#signupform .form-control-feedback{
	top:8px;
	right:23px;
}

#signupform .has-error .form-control-feedback {
	color:#93092b;
}

#signupform .has-success .form-control-feedback {
	color:#006761;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label{
	color:#93092b;
}

#budgetselect .form-control-feedback, #methodselect .form-control-feedback, #livingselect .form-control-feedback, #reasonselect .form-control-feedback{
	top:30px !important;
	right:24px;
}

.has-error .ticklabel{
	color:#93092b;
}

.help-block{
	margin-top:-10px;
	color:#93092b;
}

#captchacode .form-control-feedback{
	top:3px !important;
}

#captchaErr{
	display:none;
	font-style:italic;
	
}

#contact-sent{
	border: 1px solid transparent;
}

/* ABOUT US */
.about{
	padding:100px 0 0 0;
	margin-bottom:80px;
	text-align:center;
}

.about ul{
	padding:0 0 20px 0;
}

.about ul li{
	list-style: none;
}

.about ul li:first-child:before{
	content:none;
	display:block;
	padding:0;
}

.about ul li:before{
	font-family: 'FontAwesome';
	content:'\F04D';
	font-size:8px !important;
  	color: #d5b16c;
	display:block;
	padding:10px 0;
}

.nhqb-details{
	padding:100px 0 100px 0;
	text-align:center;
}

.nhqb-details .col-md-6{
	padding:0 40px;
}

.development-plan{
	text-align:center;
}

.development-intro {
	padding:100px 0 0 0;
	text-align:center;
}

.registration-form{
	text-align:center;
	padding:100px 0 0 0;
}

.plot-registration{
	padding-bottom:100px;
}

.contact-details{
	padding:60px 0 0 0;
	text-align:center;
}

.contact-details .features i{
	font-size:2.8rem;
}

.contact-details .features{
	font-size:1.6rem;
	margin-bottom:0;
}

.contact-details .feature{
	margin-bottom:0;
}



.contact-details .features span{
	font-size:1.2rem;	
}

.plot-details{
	padding:80px 15px 80px 15px;
	text-align:center;
}

.video-tour{
	text-align: center;
	padding:0 15px 70px 15px;
}
.video-tour h1{
	margin-bottom:50px;
}

.key-plots-container{
	margin: 20px 0 80px 0;
}

.key-plots{
	display:inline-block;
	margin:10px;
}

.key-title{
	text-transform: uppercase;
	margin-bottom:10px;
}

.key-plot{
	padding:4px 5px 5px 5px;
	border-radius:50%;
	color:#fff;
	font-weight:700;
	width:30px;
	height:30px;
	display:inline-block;
	margin:0 5px;
	text-align: center;
}

.development-intro p, .about p{
	font-size:1.6rem;
	margin:0 0 30px 0;
}

.about img{
	margin-bottom: 30px;
}

/*Green agenda*/
.ga-block{
	padding:100px 0 100px 0;
	text-align:center;
}

.ga-block .row{
	margin-bottom:40px;
}

.ga-block p {
	color:#fff;
	margin:0 0 30px 0;
}

.related-news p{
	margin:0 0 30px 0;
}

.our-developments-row p{
	margin: 0 0 10px 0;
}

.latest-news-row p{
	margin: 0 0 10px 0;
}

.ga-img {
	position:relative;
	margin:0 auto;
	width:100%;
	max-width:250px;
	aspect-ratio:1/1;
	background-size:contain;
	text-align: center;
	border-radius: 50%;
	overflow:hidden;
	transition:0.3s all;
}

.ga-img-border{
	width:calc(100% - 20px);
	height:calc(100% - 20px);
	margin:10px 0 0 10px;
	border:1px solid #fff;
	border-radius:50%;
	transition:0.3s all;
}

.ga-text{
	border:1px solid #fff;
	padding:40px;
	color:#fff;
	text-align: left;
}

.ga-text ul{
	padding-left:20px;
}

.ga-text ul li{
	margin-bottom:10px;
}

.news-archive, .related-news{
	padding:100px 15px 100px 15px;
	text-align:center;
}


.news-archive .news-image{
	max-width:350px;
}

.square-separator:after{
	margin-top:80px;
	font-family: 'FontAwesome';
	content:'\F04D \F04D \F04D';
	letter-spacing: 20px;
	font-size:12px !important;
  	color: #d5b16c;
	padding-left:20px;
	display:inline-block;
	text-align:center;
}

/* OUR DEVELOPMENTS */
#all-developments, #our-developments{
	text-align: center;
	padding-bottom:130px;
	z-index: 10;
	position:relative;
}

#all-developments{
	padding-top:100px;
}

.development{
	max-width:300px;
	position:relative;
	display:inline-block;
	margin:0 15px;
	background-color: #ffffff;
	padding-bottom:55px;
}

.latest-news-row{
	margin: 25px auto 0 auto;
}

.latest-news{
	max-width:350px;
	display:inline-block;
	margin:15px 15px;
	background-color: #ffffff;
	padding-bottom:55px;
	float: left;
	list-style: none;
	position: relative;
	width: 380px;
	min-height:610px;
	z-index: 10;
}

#our-developments .bx-wrapper .bx-pager.bx-default-pager a {
	background-color:#fff;
	margin:10px;
	transition: all 0.3s;
}


#our-developments .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{
	background-color:#d5b16c;
}

#our-developments .bx-wrapper .bx-pager.bx-default-pager a:hover{
	background-color: #666;
}

#all-developments .bx-wrapper .bx-pager.bx-default-pager a {
	background-color:#ccc;
	margin:10px;
	transition: all 0.3s;
}

#all-developments .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{
	background-color:#d5b16c;
}

#all-developments .bx-wrapper .bx-pager.bx-default-pager a:hover{
	background-color: #666666;
}

#our-developments .bx-wrapper .bx-prev, #our-developments .bx-wrapper .bx-next{
	background: none;
	color:#fff;
	transition: all 0.3s;
}

#our-developments .bx-wrapper .bx-prev:hover, #our-developments .bx-wrapper .bx-next:hover{
	transform: scale(1.25);
	color:#d5b16c;
	transition: all 0.3s;
}

.news-image, .development-image{
	position:relative;
	transition: all 0.3s;
	width:100%;
	margin-bottom:30px;
	outline: 1px solid white;
  	outline-offset: -10px;
	overflow:hidden;
}

.news-image img, .development-image img{
	width:100%;
}

.news-image:hover, .development-image:hover{
	outline-offset: -25px;
	transform: scale(1.025);
	cursor:pointer;
	overflow:hidden;
}

.news-title, .development-title{
	padding:0 20px;
	color:#93092b;
	font-family: minion-pro, serif;
	font-size:2.4rem;
}

.news-date, .development-meta{
	padding:0 20px;
	text-transform: uppercase;
	font-weight:bold;
}

.news-intro, .development-data{
	padding:0 15px;
	margin-top:5px;
	margin-bottom:10px;
}

.development-sash{
	position: absolute;
	top:152px;
	left:-60px;
	text-transform:uppercase;
	font-size:1.4rem;
	font-weight:bold;
	color:#fff;
	border-top:5px white solid;
	border-bottom:5px white solid;
	padding:10px 20px;
	width:300px;
	text-align:center;
	line-height:1;
	-ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
	transform-origin: top left;
}

.development-sash span{
	font-size:2.2rem;
}

.not-yet-released span{
	font-size:1.8rem;
}

.plot-sash span{
	font-size:1.4rem;
}

.development-details-row{
	text-transform: uppercase;
	padding:0;
}

.development-details{
	font-size:1rem;
	margin-bottom:30px;
}

.development-details i{
	color:#cccccc;
	margin-bottom:5px;
	
}

/* FYNH MAP */

#fynh-map{
	text-align: center;
}

#fynh-map img{
	margin-right:10px;
}

#map{
	height:780px;
}

/*CUSTOMER CHARTER*/
#customer-charter{
	padding:0 0 100px 0;
	margin-bottom:100px;
	text-align: center;
}

.archway-flag{
	background-color: #fff;
	padding:60px 15px 30px 15px;
	clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 50% 100%, 0% 90%);
	display:inline-block;
	margin-bottom: 30px;
}

.archway-flag-inverted{
	background-color: #fff;
	padding:30px 0 30px 0;
	clip-path: polygon(0% 10%, 50% 0%, 100% 10%, 100% 100%, 0% 100%);
	display:inline-block;
	margin-top:30px;
}

/*Back to top button*/
#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  left: 20px; /* Place the button 30px from the right */
  z-index: 999; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  background-color: #333d72; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 10px 15px; /* Some padding */
  font-size: 1.8rem; /* Increase font size */
transition:0.3s all;
	text-transform: uppercase;
	font-weight: 700;
	outline:1px solid white;
	outline-offset: -7px;
}

#myBtn:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 8px solid #333d72;
  border-right: 8px solid transparent;
  border-top: 8px solid #333d72;
  border-bottom: 8px solid transparent;
  left:calc(50% - 8px);
  top: -8px;
	transform: rotate(45deg);
	transition:0.3s all;
}

#myBtn:hover {
  background-color: #006761; /* Add a dark-grey background on hover */
	transition:0.3s all;
}

#myBtn:hover:before {
    border-left: 8px solid #006761;
  border-right: 8px solid transparent;
  border-top: 8px solid #006761;
  border-bottom: 8px solid transparent;
	transition:0.3s all;
}

/*DEVELOPMENT MAP*/
#development-map{
	padding-top:100px;
	text-align: center;
	font-size: 1.6rem;
}

.features{
	margin:40px 0 20px 0;
}

.feature{
	width:33.3%;
	float:left;
	margin-bottom:30px;
}

.feature i{
	color:#ccc;
	display:block;
	margin-bottom:5px;
}

/* FAQs */
#faqs{
	text-align: center;
	padding: 0 0 100px 0;
}

/*Acco*/
#faq {
  max-width: 700px;
  margin: auto;
  text-align: center;
	margin-top:40px;
}

section.faq {
  padding-top: 2em;
  padding-bottom: 3em;
}

#faq ul {
  text-align: left;
}
.transition, p, ul li i:before, ul li i:after {
  transition: all 0.3s;
}

#faq .no-select, #faq h2 {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  user-select: none;
}

#faq h2 {
  color: #666666;
  text-transform: uppercase;
  font-weight: bold;
  text-align: left;
  padding: 25px 45px 25px 15px;
  display: block;
  margin: 0;
  cursor: pointer;
  transition: .2s;
	line-height:1.6;
}

#faq .faq-answer {
  font-size: 1.6rem;
  text-align: left;
  position: relative;
  overflow: hidden;
  max-height: 750px;
  will-change: max-height;
  contain: layout;
  opacity: 1;
  transform: translate(0, 0);
  padding: 0 50px 0 15px;
  transition: .3s opacity, .6s max-height;
  hyphens: auto;
  z-index: 2;
  margin-bottom:15px;
}

#faq ul {
  list-style: none;
  perspective: 900;
  padding: 0;
  margin: 0;
}
#faq ul li {
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0;
  /*padding-bottom: 4px;*/
  /*padding-top: 18px;*/
  background: #fff;
  -webkit-tap-highlight-color: transparent;
  border:1px solid #ccc;
}
#faq ul li + li {
  margin-top: 15px;
}
#faq ul li:last-of-type {
  padding-bottom: 0;
}
#faq ul li i {
  position: absolute;
  transform: translate(-6px, 0);
  margin-top: 33px;
  right: 15px;
}
#faq ul li i:before, ul li i:after {
  content: "";
  position: absolute;
  background-color: #d5b16c;
  width: 3px;
  height: 9px;
}
#faq ul li i:before {
  transform: translate(-2px, 0) rotate(45deg);
}
#faq ul li i:after {
  transform: translate(2px, 0) rotate(-45deg);
}
#faq ul li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  touch-action: manipulation;
}

#faq ul li input[type=checkbox]:checked ~ .faq-answer {
  /*margin-top: 0;*/
  max-height: 0;
  transition: .3s;
  opacity: 0;
		margin-bottom:0;
  /*transform: translate(0, 50%);*/
}
#faq ul li input[type=checkbox]:checked ~ i:before {
  transform: translate(2px, 0) rotate(45deg);
}
#faq ul li input[type=checkbox]:checked ~ i:after {
  transform: translate(-2px, 0) rotate(-45deg);
}

/* FOOTER */
#green-agenda-footer{
	padding:30px;
	color:#fff;
}

#green-agenda-footer img{
	margin-top:-45px;
}

#green-agenda-footer h1{
	color:#fff;
	margin-bottom:10px;
	font-size:2.2rem;
}

#ga-footer-img{
	float:left;
	width:150px;
	margin-right:30px;
}

#ga-footer-txt{
	width:calc(100% - 180px);
	float:left;
	margin-bottom:30px;
}

#ga-footer-txt a{
	font-family: minion-pro, serif;
	color:#fff;
	font-size:1.6rem;
	font-weight:normal;
	transition:0.3s all;
}

#ga-footer-txt a:hover{
	color:#e6d0a7;
}

#ga-footer-txt a:before{
	content:"\00BB\00a0";
}

#footer{
	border-top:10px solid #ddc189;
	outline: 10px solid #e6d0a7;
	text-align: center;
	padding:20px 20px 0 20px;
}

#footer img{
	padding:0 5px;
}

#footer i{
	margin:0 5px;
	transition:all 0.3s;
}

#footer i:hover{
	color:#006761;
}

#footer a{
	transition:all 0.3s;
}

#footer a:hover{
	text-decoration: none;
}

#footer .row{
	padding:7px 0;
}

#footer ul{
	list-style: none;
	margin:0;
	padding:0 !important;
}

#footer ul li{
	display: inline;
	margin:0 7px;
}

.footer-nav-white{
	padding:2px !important;
	margin-top:50px;
}

.footer-nav-red{
	padding:2px !important;
}

.footer-nav-white a{
	color:#ffffff !important;
	transition:all 0.3s;
}

.footer-nav-red a{
	color:#93092b !important;
	transition:all 0.3s;
	text-transform: uppercase;
}

.footer-nav-white a:hover, .footer-nav-red a:hover{
	transition:all 0.3s;
	color:#006761 !important;
}

/* ---------- SITE SPECIFIC ---------- */
#contact-head{
	text-align:right;
}

/* Logo */
#logo{
	text-align:left;
}

#contact-icons{
	position:absolute;
	right:15px;
	margin-top:10px;
}

.icon{
	margin-right:5px;
	margin-left:10px;
}

.icon-xs{
	padding:10px;
}

.icon-main{
	margin-right:10px;
}

.contact-info{
	font-weight:bold;
}

.contact-info a{
	text-decoration:none;
	color:#666666;
}

.contact-info a:hover{
	color:#333d72;
}

#strap{
	text-transform:uppercase;
	color:#93092b;
	font-size:1.6rem;
	margin-top:6px;
	margin-bottom:0;
}

/*Banner*/
.banner{
	height:750px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.0)60%, rgba(0, 0, 0, 0.85)100%); 
	overflow: hidden;
}

/*News item*/
.news-item{
	padding:50px 0 0 0;
	text-align:left;
}

.news-item h2{
	font-family: minion pro, serif;
	font-weight:normal;
	color:#93092b;
	text-transform: none;
	font-size:2rem;
	margin-top:0;
}

.news-item h2 span{
	display:block;
	font-family: 'Montserrat', sans-serif;
	font-size:1.4rem;
	color:#666;
	margin-top:10px;
	font-weight:bold;
	margin-left:0;
}

.news-item p{
	margin:20px 0;
}

/* Teaser */
.teaser{
	text-align:center;
	padding-bottom:40px !important;
	line-height:1;
}

.teaser p{
	margin-bottom:0px;
}

.teaser-btn{
	text-align:center;
	margin-top:-20px;
	margin-bottom:20px;
}

.tsr-btn{
	background-image:url(../images/assets/arrow-teaser.png);
	background-size:10px;
	background-position:top center;
	background-repeat:no-repeat;
}

.tsr-pad{
	margin-bottom:10px !important;
}

/*Plot page*/
.btm-border{
	border-bottom:5px solid #d5b16c;
}

.plot-img{
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	height:100%;
	overflow:hidden;
}

.status-sash{
	text-transform:uppercase;
	font-size:1.8rem;
	font-weight:bold;
	color:#fff;
	border-top:5px white solid;
	border-bottom:5px white solid;
	margin-left:-80px;
	margin-top:30px;
	padding:15px 20px;
	width:300px;
	text-align:center;
	line-height:1;
	-ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
}

.plot-title span{
	font-family: 'Montserrat', sans-serif;
	font-size:1.4rem;
	text-transform:uppercase;
	font-weight:bold;
	position:absolute;
	top:45px;
	color:#666666;
	right:0;
	padding-right:20px;
}

#all-plots{
	margin:50px 0 0 0;
	padding:5px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.quick-plot{
	cursor:pointer;
	padding:4px 5px 5px 5px;
	border-radius:50%;
	color:#fff;
	font-size:1.4rem;
	font-weight:700;
	width:30px;
	height:30px;
	display:inline-block;
	margin:5px 20px;
	text-align: center;
	transition:0.3s all;
}

.quick-plot:hover{
	color:#fff !important;
	transform: scale(1.25);
	transition:0.3s all;
}

.plot-features{
	height:225px;
}

.plot-siteplan{
	width:100%;
	height:100%;
  	/* whatever width you want */
  	display: block;
  	position: relative;
}

.plot-siteplan:after {
  padding-top: 67%;
  /* 16:9 ratio */
  display: block;
  content: '';
}

.plot-siteplan-img{
	position: absolute;
  	top: 0;
 	bottom: 0;
  	right: 0;
  	left: 0;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}

.plan-icon{
	position:absolute;
	z-index:10;
}
	
.north{
	position:absolute;
	right:5px;
	top:5px;
	z-index:10;
}

.neast{
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

.nsouth{
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

.nwest{
	-ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
	
}

.disclaimer{
	font-size:1.2rem !important;
}

/*Development plan*/
.siteplan{
	position:relative;
}

.siteplan .siteplan-img{
	width:100% !important;
}

.siteplan-title{
	color:#93092b;
	font-family: minion-pro, serif;
	font-size:2rem;
	line-height:1;
	font-weight:normal;
}

.siteplan-plot{
	font-family: 'Montserrat', sans-serif;
	font-size:1.2rem;
	color:#666666;
	text-transform:uppercase;
	font-weight:bold;
}

.siteplan-listing{
	display:table;
	width:100%;
	cursor:pointer;
	margin-bottom:5px;
}

.siteplan-listing:hover{
	background-color:#f0f0f0;
	text-decoration:none;
}

.siteplan-listing-img{
	width:60px;
	display:table-cell;
	position:relative;
}

.siteplan-listing-details{
	width:auto;
	box-sizing:border-box;
	display:table-cell;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	padding:10px 10px 10px 25px;
	vertical-align:top;
	position:relative;
}

.siteplan-listing-arrow{
	position:absolute;
	right:10px;
	top:24px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:5px;
	width:5px;
	height:10px;
}

.siteplan-plot-number{
	position:absolute;
	right:-25px;
	top:14px;
}

.base-for-sale{
	border-bottom:5px solid #333d72;
}

.base-not-yet-released{
	border-bottom:5px solid #006761;
}

.base-reserved{
	border-bottom:5px solid #d5b16c;
}

.base-exchanged{
	border-bottom:5px solid #93092b;
}

.base-legally-completed{
	border-bottom:5px solid #666666;
}



/*Image map styles*/
.for-sale-plan{
	fill:#333d72;
	fill-opacity:0.4;
	stroke: #333d72;
   	stroke-width: 2;
}
	
.reserved-plan{
	fill:#d5b16c;
	fill-opacity:0.4;
	stroke: #d5b16c;
   	stroke-width: 2;
}
	
.exchanged-plan{
	fill:#93092b;
	fill-opacity:0.4;
	stroke: #93092b;
   	stroke-width: 2;
}
	
.legally-completed-plan{
	fill:#666666;
	fill-opacity:0.4;
	stroke: #666666;
   	stroke-width: 2;
}
	
.not-yet-released-plan{
	fill:#006761;
	fill-opacity:0.4;
	stroke: #006761;
   	stroke-width: 2;
}

/*Plots RHS*/
.nav-plot-number{
    border-radius: 50%;

    width: 30px;
    height: 30px;
    padding: 7px 6px 6px 6px;

    color: #fff;
    text-align: center;
	font-family: 'Montserrat', sans-serif;
    font-size: 16px;
	font-weight:bold;
	display:inline-block;
}
.plot-number {
    border-radius: 50%;

    width: 30px;
    height: 30px;
    padding: 7px 6px 6px 6px;

    color: #fff !important;
    text-align: center;

    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
	font-weight:bold !important;
	margin-right:10px;
	display:inline-block;
}

.plots-rhs a{
	font-family: minion-pro, serif;
	color:#93092b;
	font-weight:normal;
	font-size:1.6rem;
	display:block;
	margin-bottom:10px;
}

.plots-rhs a:hover{
	text-decoration:none;
}

.plots-rhs a:hover .plot-number{
	box-shadow: 0 0 0 5px white;
}


.plots-rhs a span{
	font-family: 'Montserrat', sans-serif;
	font-size:1.3rem;
	color:#666;
	font-weight:bold;
	margin-left:5px;
}

/* Features */

.features p img{
	margin-right:10px;
}

.features p:last-child{
	margin-bottom:0;
}

/* Mini map */
.map-icons{
	line-height:1;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
}

.map-icon{
	margin-left:20px;
}

.map-icons img{
	margin-right:5px;
}

#minimap{
    height: 300px;
    background-color:#ccc !important;
	background-image:url(/images/assets/loader.gif);
	background-repeat:no-repeat;
	background-size:75px;
	background-position:center;
}

/* Main map */
#mainmap{
	height: 500px;
	background-color:#ccc !important;
	background-image:url(/images/assets/loader.gif);
	background-repeat:no-repeat;
	background-size:75px;
	background-position:center;
	width:100%;
	border-bottom:5px solid #ddc189;
}

/* Med map */
#medmap{
	height: 700px;
	background-color:#ccc !important;
	background-image:url(/images/assets/loader.gif);
	background-repeat:no-repeat;
	background-size:75px;
	background-position:center;
	width:100%;
}
 
/* Map Tooltip */

.gm-style-iw-d {
    height:100px;
}

.map-head {
	font-family: minion-pro, serif;
	font-size:2.6rem;
	color:#93092b;
	margin:0;
	padding:10px 35px 5px 35px;
	line-height:1;
}
.map-foot{
	color:#666666;
	font-weight:bold;
	font-size:1.4rem;
	padding:0;
	margin:0 0 5px 0;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
}
.map-link{
	font-weight:normal;
	color:#333d72;
	font-family: minion-pro, serif;
	outline: 0;
	text-decoration: none !important;
	font-size:1.6rem;
}

.map-link:focus{
	outline:0;
}

.map-link:hover{
	text-decoration: underline;
}


.map-link:before{
	 content: "\00BB\00a0";
}

.map-link:after{
	 content: "\00a0\00AB";
}

/*FYNH listings*/
#fynhselect{
	margin-bottom:15px;
}
.listings{
	padding-bottom:40px;
	position:relative;
}

.listing{
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	margin-bottom:5px;
	height:116px;
	box-sizing:border-box;
	position:relative;
	cursor:pointer;
}

.listing:hover{
	background-color:#f0f0f0;
}

.listing:hover a{
	text-decoration:underline;
}


.listing a{
	margin-top:4px;
	font-family: minion-pro, serif;

	font-weight:normal;

	display:block;
	font-size:1.4rem;
}

.listing a:before{
	content: "\00BB\00a0";
}
	

.listing-title{
	background-color:#ddc189;
	border-top:2px white solid;
	border-right:2px white solid;
	border-bottom:2px white solid;
	position:absolute;
	top:3px;
	left:0;
	padding:1px 10px 1px 5px;
	color:#93092b;
	font-family: minion-pro, serif;
	font-size:2rem;
	min-width:50%;
}


.listing-location{
	text-transform:uppercase;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:right top;
	background-size:13px 22px;
	position:absolute;
	top:9px;
	right:10px;
	padding-right:18px;
	padding-top:3px;
}

.listing-img{
	height:111px;
	width:33%;
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:cover;
	margin-top:-1px;
	display:inline-block;
}

.listing-details{
	width:64%;
	display:inline-block;
	padding-left:10px;
	padding-top:40px;
	font-size:1.2rem;
	box-sizing:border-box;
	vertical-align:top;
	
}

.listing-features{
	display:block;
	margin-top:7px;
}

.listing-feature{
	display:inline-block;
	margin-right:5px;
}

.listing-feature img{
	margin-top:-3px;
	margin-right:5px;
}

.current{
	border-bottom:5px solid #333d72;
}

.future{
	border-bottom:5px solid #006761;
}

.price{
	
	float:right;
}

.housetype{
	font-family: minion-pro, serif;
	font-size:1.6rem;
}

/*Meet the team*/
.team{
	padding:100px 0 60px 0;
	text-align:center;
}

.team-members{
	padding:40px 0;
}

.team-members .col-md-4{
	margin-bottom:40px;
}

.team-img {
	position:relative;
	margin:0 auto;
	width:150px;
	height:150px;
	background-size:contain;
	text-align: center;
	border-radius: 50%;
	overflow:hidden;
	transition:0.3s all;
}

.team-img-border{
	width:130px;
	height:130px;
	margin:10px 0 0 10px;
	border:1px solid #fff;
	border-radius:50%;
	transition:0.3s all;
}

.team-img:hover{
	transform: scale(1.025);
	cursor:pointer;
	overflow:hidden;
	transition:0.3s all;
}

.team-img:hover .team-img-border{
	width:114px;
	height:114px;
	transition:0.3s all;
	margin:18px 0 0 18px;
}

/*Spec image*/

.specification .col-sm-4{
	margin-top:40px;
	margin-bottom:40px;
}

.spec-img {
	position:relative;
	margin:0 auto;
	width:200px;
	height:200px;
	background-size:contain;
	text-align: center;
	border-radius: 50%;
	overflow:hidden;
	transition:0.3s all;
}

.spec-img-border{
	width:180px;
	height:180px;
	margin:10px 0 0 10px;
	border:1px solid #fff;
	border-radius:50%;
	transition:0.3s all;
}

.spec-img:hover{
	transform: scale(1.025);
	cursor:pointer;
	overflow:hidden;
	transition:0.3s all;
}

.spec-img:hover .spec-img-border{
	width:164px;
	height:164px;
	transition:0.3s all;
	margin:18px 0 0 18px;
}

/*Development Link*/
.links{
	margin:0 0 50px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:5px 0;
}

.link{
	display:inline-block;
	padding:5px 15px;
	font-size:1.4rem;
	text-transform: uppercase;	
}

.link a{
	transition: 0.3s all;
}

.link a:hover{
	transition: 0.3s all;
}

/*News Archive*/
.archive {
	list-style:none;
	padding:0;
	margin:0;
}

.archive li{
	margin-bottom:5px;
}

.archive li a{
	font-family: minion-pro, serif;
	font-weight:normal;
}

.archive li a span{
	font-size:1.1rem;
	color:#666666;
	padding-left:10px;
}

.archive li a:before{
	content: "\00BB\00a0";
}

/*News Search*/
#search-box{
	display:table;
	width:100%;
	/*margin-bottom:10px;*/
}

#search-icon{
	cursor:pointer;
	display:table-cell;
	background-image:url(/images/assets/search.png);
	background-repeat:no-repeat;
	background-size:30px;
	background-position:right center;
	width:40px;
	height:30px;
}

#search-icon:hover{
	background-image:url(/images/assets/search-hover.png);
}

#search-input{
	vertical-align:top;
	display:table-cell;
	width:auto;
}

/*Directions*/
.form-group{
	margin-bottom:10px;
}

#directions-btn{
	margin-left:10px;
	width:calc(100% - 10px);
}
#directions{
	margin-top:20px;
	font-family: 'Montserrat', sans-serif;
	display:block;
}

.adp-directions{
	width:100%;	
}

.adp, .adp table{
	font-family: 'Montserrat', sans-serif;
	color:#666 !important;
}


/* Footer */
.footer-padding-left{
	padding-top:210px;
}
.footer-padding-right{
	padding-top:210px;
}

.footer {
  margin-top:-220px;
  padding-top:120px;
  background-image:url(<?php echo $root; ?>images/assets/footer.png);
  background-position: bottom left;
  background-size:1170px;
  background-repeat:no-repeat;
  position:relative;
}

.footer-nav{
	margin:10px 0 0 0;
	padding:0;
	text-transform:uppercase;
	font-weight:bold;
	list-style:none;
}

.footer-nav li{
	padding:0;
	display:inline;
	margin-right:10px;
}

.footer-nav li a:hover{
	text-decoration:none;
	color:#e6d0a7;
}

.copyright{
	text-transform:uppercase;
	text-align:right;
	font-weight:bold;
	margin-top:-20px;
}


/* News Banner */
#news-banner{
	padding:15px;
}

#news-teaser{
		margin-bottom:10px;
	}
	
/* Keywords */
.keywords{
	color:#333d72;
	font-size:1.6rem;
	padding:0;
	margin:20px 0 20px 0;
}

.keywords a{
	text-transform:capitalize;
	font-weight:normal;
	font-family: minion-pro, serif;
	color:#333d72;
	transition:0.3s all;
}

.keywords a:hover{
	color:#006761;
	transition:0.3s all;
}

/* Adjustment CSS */
.h1-overlay{
	background-color:#ddc189;
	border-top:5px white solid;
	border-right:5px white solid;
	border-bottom:5px white solid;
	position:absolute;
	top:20px;
	left:0;
	padding:10px 20px;
	min-width:33%;
}

.h2-no-margin{
	margin:0;
}

.h2-no-top{
	margin:0 0 20px 0;
}

.centred{
	text-align:center;
}

.laligned{
	text-align:left;
}

.raligned{
	text-align:right;
}

.sitepad{
	padding:30px 20px;
}

.sitepad-even{
	padding:20px 0;
}

.sitepad-thin{
	padding:10px;
}

.sitepad-narrow{
	padding:10px 20px;
}

.sitepad-no-btm{
	padding:30px 20px 0 20px;
}

.sitepad-sides{
	padding:0 20px;
}

.thin-pad-btm{
	padding-bottom:10px;
}

.no-padding{
	padding:0;
}

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

.padding-bottom{
	padding-bottom:20px !important;
}

.row-same-height {
  display: table;
  width: 100%;
  /* fix overflow */
  table-layout: fixed;
}

.col-md-height {
  display: table-cell;
  vertical-align:top;
  float: none !important;
  /*overflow:hidden;*/
}

/*AVAILABILITY LISTING*/

.availability-row{
	padding: 10px 0;
	border-bottom:1px solid #ccc;
	transition: 0.3s;
}

.availability-row:hover{
	transform:scale(1.03);
	transition: 0.3s;
}

.availability-plot{
	width:30px;
	margin:0 !important;
}

.availability-title{
	text-align:left;
	text-transform: uppercase;
	color:#666 !important;
}

.availability-title strong{
	margin-left:10px;
}

.availability-status{
	text-align:right;
	padding-top:4px;
	height:30px;
	color:#666 !important;
}

.availability-title:hover, .availability-status:hover{
	color:#666 !important;
}


@-webkit-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@-moz-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}


/* Responsive CSS */

@media (min-width: 1600px) {
	.banner, .carousel{
		height:900px;
	}
	.carousel .item{
		height:900px;
	}
	.carousel-inner > .item > img {
		height:900px;
	}
	
	.slideshow{
		height:650px !important;
	}
	.slideshow .item{
		height:650px !important;
	}
	.slideshow-inner > .item > img {
		height:650px !important;
	}
}

@media (min-width:1201px){
	.bumpers{
		padding:60px !important;
	}
	.font-bumper{
		font-size:115%;
	}
	
	#our-developments{
		width:1020px !important;
	}
	
	#available-properties{
		width:1020px !important;
	}
	
	#all-developments{
		width:1020px !important;
	}
	
}

@media (max-width: 1320px) {
	.navbar-nav>li>a{
		padding: 10px 15px;
	}
}

@media (max-width: 1200px) {
	
	#gold-separator{
		margin-top:-280px;
	}
	
	#gold-filler{
		height:170px;
		margin-top:-200px;
	}
	
	#our-developments{
		width:690px !important;
	}
	
	#available-properties{
		width:690px !important;
	}
	
	#all-developments{
		width:690px !important;
	}
	
	#latest-news{
		width:790px !important;
	}
	
	.bx-wrapper .bx-controls-direction a.disabled {
		display: block !important;
	}
	.navbar-nav>li>a{
		padding: 10px 15px;
	}
  .col-md-height {
     display: table-cell;
    float: none !important;
  }
  .footer-padding-left{
		padding-top:210px;
	}
	.footer-padding-right{
		padding-top:210px;
	}
	.footer{
		margin-top:-220px;
	}
	.listing-location{
		font-size:12px;
		top:10px;		
		padding-top:4px;
		padding-bottom:2px;
	}
	.floorplan-images img{
		/*width:100%;*/
	}
	
}

@media (min-width:992px){
	
	
	.carousel-caption p {
   	 margin-bottom: 20px;
  	}
}

@media (max-width: 991px) {
	
	#gold-separator{
		margin-top:-180px;
	}
	
	#gold-filler{
		height:70px;
		margin-top:-100px;
	}
	
	#our-developments{
		width:790px !important;
	}
	
	#available-properties{
		width:690px !important;
	}
	
	#all-developments{
		width:690px !important;
	}
	
	#latest-news{
		width:690px !important;
	}
	
	.banner, .carousel{
		height:600px;
	}
	
	.slideshow{
		height:650px !important;
	}
	
	.carousel .item{
		height:600px;
	}
	
	.slideshow .item{
		height:650px !important;
	}
	
	.carousel-inner > .item > img {
		height:600px;
	}
	
	.slideshow-inner > .item > img {
		height:650px;
	}
	
	.banner-caption{
		bottom: 60px;
	}
	
	.banner-caption h1, .carousel-caption h1{
	font-size:3.4rem;
	min-width:380px;
		
}
	
	.carousel-caption h1{
		clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 100%, 84% 100%, 84% 95%, 16% 95%, 16% 100%);
	}
	
	
.banner-caption h1 span, .carousel-caption h1 span{
	margin-top:6px;
	font-size:1.8rem;
}
	
	.ga-img {
		margin-bottom:40px;
	}
	
	.ga-text{
		margin:0 15px;
	}
	
	.bumpers{
		padding:30px !important;
	}
	
	.listing-location{
		font-size:14px;
		top:9px;
		padding-top:3px;
		padding-bottom:0;
	}
	
	.carousel-caption p {
   	 	margin-bottom: 20px;
  	}
	
	p span{
		display:block;
	}
	
	.footer{
		margin-top:0;
		padding-top:100px;
		background-position:top left;
	}
	
	.foot-white-bg{
		background-color:#ffffff;
	}
	
	.foot-yellow-lt-bg{
		background-color:#e6d0a7;
	}
	
	.col-md-height {
   	 	display: block;
  	}
	
	/* Med map */
	#medmap{
	height: 400px;
	}

	.h1-overlay{
		display:block;
		position:static;
		border-right:0;
		margin:0;
		padding-top:15px;
		padding-bottom:15px;
		text-align:center;
	}
	
	.copyright{
		text-transform:uppercase;
		text-align:left;
		font-weight:bold;
		margin-top:0;
	}
	
	.thin-pad-btm{
		padding-bottom:0;
	}
	
	.plot-img{
		height:400px;
	}
	
	.col-md-12 .og-grid li, .col-md-4 .og-grid li {
		width:calc(25% - 10px);	
	}
	
	.col-md-12 .og-fullimg {
		display:block; 
		width:100%;
	}
	.col-md-12 .og-details {
		display:block; 
		width:100%; 
	}
	
	.og-fullimg { display:block; width:100%; }
	.og-details { display:block; width:100%; }
	
	.teaser-btn{
		margin-bottom:0;
	}
	
	.listing{
		display:inline-block;
		width:calc(50% - 5px);
	}
	
	.listing-left{
		margin-right:10px;
	}
	
	#mainmap{
		height:400px;
	}
	
	.navbar-nav>li>a{
		padding:10px 15px;
		font-size:12px;
	}
	
	/* DEVELOPMENT PLAN */
	#planScroll{
		height:auto; 
		overflow:auto;
		max-height:none; 
	}
   
	#scrollNotice{
		display:none;
	}
	
}

@media (max-width: 1050px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
	  display:block;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
	/* FYNH DROPDOWN */
	#fynh-dropdown{
		display:none;
	}
	.navbar-nav>li>a{
		padding:15px 15px;
		font-size:14px;
	}
	
	.navbar-header{
		padding:0 15px !important;
	}
	
	/* Logo */
	#logo{
		text-align:center;
		padding-top:20px;
		padding-bottom:20px;
	}
	
	/* Navigation */
	.active{
		background-image:none;
		background-color:#ddc189;
	}
	
	#contact-icons{
		display:block !important;
	}
	.hidden-xs{
		display:none !important;
	}
	#logo-container{
		width:100% !important;
	}
	.sitepad-even{
		padding:10px;
	}
	.navbar-header{
		margin-right:-15px !important;
		margin-left:-15px !important;
	}
	
	.navbar-nav{
		margin:0;
		text-align:center;
	}	
	
	.navbar-nav li{
		border-top:1px solid white;
	}
	
	.navbar-collapse{
		margin-right:-15px !important;
		margin-left:-15px !important;
	}
	
	#plot-image .plot-sash{
	position: absolute;
	top:152px;
	left:-60px;
	text-transform:uppercase;
	font-size:1.8rem;
	font-weight:bold;
	color:#fff;
	border-top:5px white solid;
	border-bottom:5px white solid;
	padding:10px 20px;
	width:300px;
	text-align:center;
	line-height:1;
	-ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
	transform-origin: top left;
}
	.floorplan-images img{
		/*width:100%;*/
	}
}

@media (max-width: 767px) {

	
	/* DEVELOPMENT PLAN */
	#scrollNotice{
		display:none;
	}
	#planScroll{
		height:auto; 
		overflow:auto;
		max-height:none; 
	}
	
	
	.banner, .carousel{
		height:500px;
	}
	.carousel .item{
		height:500px;
	}
	.carousel-inner > .item > img {
		height:500px;
	}
	
	.carousel-caption h1{
	font-size:3.2rem;
	clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 100%, 84% 100%, 84% 95%, 16% 95%, 16% 100%);
	min-width:380px;
}
	
	.banner-caption h1{
	font-size:3.2rem;
	min-width:380px;
}
	
.banner-caption h1 span, .carousel-caption h1 span{
	margin-top:6px;
	font-size:1.6rem;
}
	
	.carousel-caption p {
		padding:0 40px; 
			width:100%;
   	 margin-bottom: 20px;
  	}
	
	.carousel-a-rated{
		top:20px !important;
		right:20px !important;
		width:100px !important;
		height:100px !important;
	}
	
	.carousel-a-rated img{
		width:100px !important;
		height:100px !important;
	}
	
	.carousel-award{
		top:20px !important;
		left:20px !important;
		width:100px !important;
		height:100px !important;
	}
	
		
	.carousel-award img{
		width:100px !important;
		height:100px !important;
	}
	
	
	.carousel-a-rated-spec{
		right:10px !important;
		top:10px !important;
		width:100px !important;
		height:100px !important;
	}
	
	.carousel-a-rated-spec img{
		width:100px !important;
		height:100px !important;
	}
	
	.carousel-a-rated-banner{
		right:10px !important;
		top:10px !important;
		width:100px !important;
		height:100px !important;
	}
	
	.carousel-a-rated-banner img{
		width:100px !important;
		height:100px !important;
	}
	
	
	
	/* Adjustment CSS */
	
	.right-download{
		position:static;
		display:block;
		
	}
	
	#news-teaser{
		text-align:center;
	}
	
	#directions-btn{
		margin-left:0;
		width:100%;
		margin-top:10px;
	}
	
	.expand-btn{
		position:relative;
		display:block;
		margin:auto;
		margin-top:10px !important;
		left:0;
		right:0;
	}
	
	.sitepad{
		padding:20px 10px;
	}
	
	.sitepad-sides{
		padding:0 10px;
	}
		
	
	
	.sitepad-narrow{
		padding:10px;
	}	
	
	.sitepad-no-btm{
		padding:20px 10px 0 10px;
	}
	
	.gallery-pad{
		padding:0 5px 20px 5px;
	}
	
	.plot-img{
		height:400px;
	}
	
	.floorplan-images img{
		/*width:100%;*/
	}
	
	.plot-title span{
		top:35px;
		padding-right:10px;
	}
	
	.plots-nav {
		padding-bottom:20px;
	}
	
	.plots-nav a{
		display:block;
		padding:20px 10px 0 10px;
	}
	
	.thin-pad-btm{
		padding-bottom:0;
	}
	
	.col-md-height {
		display: block;
	  }
	  
	 .h1-overlay{
		 
	 	padding:15px 10px;
	 }
	 
	 .topleft, .topmiddle, .topright{
		border-bottom:1px solid #ffffff;
	}
	 .topright{
		 border-right:0;
	 }
	  
	#ga-footer-img{
		display:block;
		margin:0 auto;
		width:150px;
		float:none;
	}
	
	#ga-footer-txt{
		float:none;
		text-align:center;
		width:100%;
		margin-top:30px;
		
	}
	
	.footer{
		margin-top:0;
		padding-top:150px;
		background-position:top left;
	}
	
	.footer-nav{
		text-align:center;
	}
	
	#social{
		text-align:center;
	}
	
	.copyright{
		text-transform:uppercase;
		text-align:center;
		font-weight:bold;
		margin-top:0;
	}
	
	.col-md-12 .og-grid li, .col-md-8 .og-grid li, .col-md-4 .og-grid li{
		width:calc(33.3% - 10px);	
	}
	

	.og-fullimg {
		display:block; 
		width:100%;
	}
	.og-details {
		display:block; 
		width:100%; 
	}
	
	
}

@media (max-width:790px){
	#available-properties{
		width:360px !important;
	}
	
	#our-developments{
		width:360px !important;
	}
	
	#all-developments{
		width:360px !important;
	}
	
}


@media (max-width: 767px) {
	.news-archive .news-item{
		text-align: center;
	}
	.news-archive .news-image{
		margin-left:auto;
		margin-right:auto;
	}
}

@media (max-width: 680px) {
	
	.contact-details .feature{
		width:100%;
		float:none;
		margin-bottom:30px;
	}
	
	.footer{
		padding-top:120px;
	}
	.listing{
		display:block;
		width:100%;
	}
}

@media (max-width: 520px) {

	.margin-btm{
		margin-bottom:5px;
	}
	.col-xxs-12{
		width:100%;
	}
	
	.footer{
		padding-top:100px;
	}
	
	
	
	#mainmap{
		height:300px;
	}
	
	.plot-img{
		height:300px;
	}
	.col-md-12 .og-grid li, .col-md-8 .og-grid li, .col-md-4 .og-grid li{
		width:calc(50% - 10px);	
	}
	
	.banner-caption, .carousel-caption {
		left:5% !important;
		right:5% !important;
	}
	
	.banner-caption h1, .carousel-caption h1{
		font-size:3rem;
		
		min-width:90%;
	}
	.carousel-caption h1{
		clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 100%, 84% 100%, 84% 95%, 16% 95%, 16% 100%);
	}
}

@media (max-width: 380px) {
	
	.availability-title{
	font-size:13px;

}
	.availability-plot{
		font-size:14px !important;
	}

.availability-status{
	font-size:13px;
	padding-top:5px;
	}
	
	.banner-caption, .carousel-caption {
		left:5% !important;
		right:5% !important;
	}
	
	.banner-caption h1,.carousel-caption h1{
		font-size:3rem;
		
		min-width:90%;
		padding:40px 20px;
	}
	.carousel-caption h1{
		clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 100%, 84% 100%, 84% 95%, 16% 95%, 16% 100%);
	}
	.footer{
		padding-top:80px;
	}
}