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

/*
Blue bg #87a1a6

Blue elipse #cfdcd9

Dk Green elipse #47666b

stone #f8f7f5



*/

html {
  height: 100%;
  scroll-padding-top: calc(4.5rem - 1px);
}

body {
  width: 100%;
  height: 100%;
    font-family: itc-avant-garde-gothic-pro, sans-serif;
  font-weight: 300;
	font-size: 1.25rem;
	color: #85a1a5;
	background-color: #f8f7f5;
	overflow-x: hidden;

}

@media (min-width: 1400px) {
	body {
		font-size: 1.3rem;
	}
}

p {
	color: #85a1a5;
	line-height: 1.1;
}


h1, h2, h3, h4, h5, h6 {
	    font-family: itc-avant-garde-gothic-pro, sans-serif;
  font-weight: 300;
	letter-spacing: -1px;
}


a {
    color: #47666b;
    text-decoration: none;
}
a:hover {
    color: #47666b;
    text-decoration: underline;
}

strong {
	font-weight: 400;
}

figcaption {
	padding: 1rem 0 1rem 0;
	 font-size: 1rem;
	line-height: normal;
	margin: 0;
}


small, .small {
    font-size: 0.65em;
}

th {
	font-weight: 100;
	color: #47666b;
}

.balance {
  text-wrap: balance;
}

.txt-stone {
	color: #f8f7f5;
}
.txt-green {
	color: #85a1a5;
}

.txt-dk-green {
	color: #47666b;
}

.bg-dk-green {
	background-color: #47666b;
}

.bg-green {
background-color: #87a1a6;
}



.page-section {
  padding: 3rem 0;
}

.text-white-75 {
  color: rgba(255, 255, 255, 0.75) !important;
}


.dl-btn {
    background-color: #87a1a6;
    border: 2px solid #f8f7f5;
	color: #f8f7f5;
    border-radius: 6rem;
    height: 3rem;
    right: 20px;
    overflow: hidden;
    position: fixed;
    top: 20px;
    width: 220px;
    z-index: 100;
	font-size: 1rem;
}
	
	
.dl-btn-inner {
    align-items: center;
    display: flex;
    gap: .5rem;
    /*    height: 100%;*/
    height: 2.8rem;
    justify-content: center;
    left: 0;
    padding: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 2;
}





hr.divider {
  height: 0.2rem;
  max-width: 3.25rem;
  margin: 1.5rem auto;
  background-color: #f4623a;
  opacity: 1;
}

hr.divider-light {
  background-color: #fff;
}



header.masthead {
  width: 100%;
background-color: #87a1a6;
	z-index: 9999;
/*	height: 100vh;*/
}
header.masthead h1 {
  font-size: 1.6rem;
	font-weight: 300;
	padding: 2rem 0 0 0;
	
}

header.masthead a {
	text-decoration: none;
	color: #fff;
}

@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}




.bg-homepage {
	position: absolute;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	 background:  url("../img/bg-homepage.jpg");
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
	z-index: -1;
	
}

.logo-cont {
	position: absolute;
	width: 70%;
	height: 400px;
	top: 40px;
	right: 40px;
	transform-origin: top right;
}

.logo-cont-90 {
	width: 50%;
	position: absolute;
	top:0;
	left: 0;
}
.logo-cont-mp {
	width: 50%;
		position: absolute;
	top:0;
	right: 0;
}

.logo-intro {
	max-width: 520px;
	padding: 3rem 0 0 3rem;
}



.enter-btn {
	position: absolute;
	width: 100%;
	bottom: 00px;
	right: 0;
	left:0;
	font-size: 5rem;
	color: #fff;
	text-align: left;
	z-index: 9999;
	padding: 0 0 0 40px;
}


.details {
	position: relative;
	z-index: 100;
}

.elipse-bl {
	position: absolute;
	bottom: 0;
	width: 100px;
}


.pt-100 {
	padding-top: 10rem;
}
/*----SECTIONS-----*/

.box-title {
	max-width: 800px;
}


#section-intro {
	
}

/*

@media only screen and (min-width : 992px) {
.box-title {
	max-width: 800px;
}
}
*/

.txt-intro {
	position:relative;
	bottom: auto;
	right: auto;
}

.txt-intro h1 {
	font-family: maple-light;
	font-size: 2rem;
	color: #813733;
	text-align: right;
/*
	padding: 0 0 -1rem 0;
	margin: 0 0 -1rem 0;
*/
}

@media only screen and (min-width : 1200px) {
  .txt-intro {
    position: absolute;
    bottom: 40px;
    right: 40px;
  }
  .txt-intro h1 {
    font-size: 2rem;
  }
}
@media only screen and (min-width : 1300px) {
  .txt-intro h1 {
    font-size: 2.5rem;
  }
}
@media only screen and (min-width : 1600px) {
  .txt-intro h1 {
    font-size: 3.5rem;
  }
}

/*----AVAILABILITY-----*/

.tbl-soa {
	font-size: .8rem;
	color: #85a1a5;
}

@media only screen and (min-width : 768px) {
.tbl-soa {
	font-size: 1.1rem;
}
  }


.tbl-soa td {
	color: #85a1a5;
}
.nav {
	--bs-nav-link-padding-x: 0;
}

.nav-tabs {
    --bs-nav-tabs-border-width: none;
    --bs-nav-tabs-border-color: #dee2e6;
    --bs-nav-tabs-border-radius: 0.375rem;
    --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
    --bs-nav-tabs-link-active-color: #495057;
    --bs-nav-tabs-link-active-bg: #f8f7f5;
    --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}

.nav-item {
	padding-right: 2rem;
}

.nav-link {
	color: #85a1a5;
}

.nav-link:hover, .nav-link:focus {
  color: #47666b;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #47666b;
}


.nav-pills .pill-1 .nav-link:not(.active), .nav-pills .pill-2 .nav-link:not(.active), .nav-pills .pill-3 .nav-link:not(.active) {
  background: url("../img/arrow-right.svg");
  background-position: center left;
  background-repeat: no-repeat;
  opacity: .4;
  color: #000;
padding-left: 2rem;
}


/* active (faded) */
.nav-pills .pill-1 .nav-link, .nav-pills .pill-2 .nav-link, .nav-pills .pill-3 .nav-link {
  color: #A4874C;
  background: url("../img/arrow-down.svg");
  background-position: center left;
  background-repeat: no-repeat;
	padding-left: 2rem;
}


 /* make transform reliable + animate */
    .nav-tabs .nav-link .arrow {
      display: inline-block;       /* important so transform always applies */
      margin-left: 6px;
      transition: transform .25s ease;
      transform: rotate(0deg);
    }
    /* rotate when tab is active/selected */
    .nav-tabs .nav-link.active .arrow,
    .nav-tabs .nav-link[aria-selected="true"] .arrow {
      transform: rotate(90deg);
    }

.fully-furn {

  width: 100px;
  height: 100px;
}

/*----KEY FEATURES-----*/

#key-features {
	color: #666666;
	position: relative;
}


.elipse-kf {
	position: absolute;
	height: 600px;
	text-align: right;
	width: 600px;
	right: 0;
}

.list-bars ul {
 padding-left: 0;
  list-style: none;


/*
	list-style-image: url('../img/bullet-bars.png');
}
*/
}


.list-bars li {

background: url('../img/bullet-b.png') no-repeat 0 5px transparent;
	/*background-repeat: no-repeat;

    line-height:normal;
	list-style-image: url('../img/bullet-b.png');*/
	padding: 0 0 0 2rem;
	color: #85a1a5;
}

/*
.list-bars ul li:before {
	content: "";
  background-image: url('../img/bullet-b.png');
  background-repeat: no-repeat;
  background-size: cover;
 display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;

  top: 0px;
}
*/





/*
.list-bars li {
	padding: 0 0 0 2rem;	
}

.list-bars  ul li::before {
  margin-right: 5px;
  display: inline-block;
  width: 30px;
  height: 30px;
  content: "";
  background: url("../img/bullet-bars.png");
  background-size:30px 30px;

}
*/

li {
  display: list-item;
}

.fp-box {
	padding-top: 50px;
}

@media (min-width: 992px) {
.fp-box {
	padding-top: 300px;
}
}

/*----FLOOR PLANS-----*/

.cont-fp-info {
	max-width: 100%;
		
}

@media (min-width: 768px) {
.cont-fp-info {
	max-width: 420px;
		
}
}



.txt-size {
	font-size: 6rem;
	padding: 0;
	margin: 0 0 -1rem 0;
	line-height: normal;
}

.txt-details {
	font-size: 2rem;
		padding: 0;
	margin: 0 0 -1rem 0;
	line-height: normal;
}


@media (min-width: 1400px) {
	.txt-size {
	font-size: 7rem;

}
	
	.txt-details {
	font-size: 3rem;
}


}

.rotate {
  animation: rotation 6s infinite linear;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}


.dot {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: inline-block;
}
.dot-brown {
  background-color: #d9ab83;
  border: 1px solid #000;
}
.dot-grey {
  background-color: #908c89;
  border: 1px solid #000;
}
.dot-wheat {
  background-color: #f4f0e0;
  border: 1px solid #000;
}

/*----GALLERY-----*/
#carouselgalleryControls {
  z-index: 200;
}
#galleryCarousel .carousel-control-next, #galleryCarousel .carousel-control-prev {
  position: absolute;
  top: auto;
  bottom: -40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 1;
}
#galleryCarousel .carousel-control-next:hover, #galleryCarousel .carousel-control-prev:hover {
  opacity: .5;
}
/*change carousel icon*/
#galleryCarousel .carousel-control-prev-icon {
  width: 40px;
  height: 40px;
/*  background-image: url("../img/arrow-left.svg");*/
}
#galleryCarousel .carousel-control-next-icon {
  width: 40px;
  height: 40px;
/*  background-image: url("../img/arrow-right.svg");*/
}
#galleryCarousel .carousel-control-prev {
  border-bottom: 0;
  font-size: 35px;
  color: #47666b;
  width: 50px;
}
#galleryCarousel .carousel-control-next {
  border-bottom: 0;
  font-size: 35px;
  color: #47666b;
  width: 50px;
}
#galleryCarousel .carousel-indicators li {
  width: 16px;
  height: 16px;
  margin-left: 5px;
  margin-right: 5px;
  background-color: #c593d8;
  border-radius: 50%;
}
	
@media (min-width: 768px) {
  #galleryCarousel .carousel-control-next, #galleryCarousel .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
  }
  #galleryCarousel .carousel-control-prev {
    left: -50px;
  }
  #galleryCarousel .carousel-control-next {
    right: -50px;
  }
}
	
.carousel-caption {
  position: relative;
	
  right: auto;
  bottom: 0;
  left: auto;
  z-index: 10;
  padding-bottom: 20px;
  color: #000;
  text-align: left;
  text-shadow: none;
  padding: 0 0 1rem 0;
}
.carousel-caption p {
	font-size: 1rem;
  margin: 0;
  padding: .75rem 0 0 0;
  line-height: normal; /*text-align: left;*/
}

/*----AREA-----*/
.journey-times {
	font-size: 1.1rem;
	max-width: 650px;
}

.journey-times td {
	border-bottom: 1px solid #47666b;
}

.neighbours {
	font-size: 1.1rem;
}

.accordion {
    --bs-accordion-color: #454B57;
}
.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
	font-size: 1.3rem;
	font-weight: 300;
	color: #85a1a5;
    padding: 0;
    text-align: left;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}

.accordion-button:not(.collapsed) {
 color: #85a1a5;
/*
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
*/
}

.accordion-header {
    margin-bottom: 0;
    background-image: none;
	padding: .5rem 0;
	color: #0b3b55;
}

.accordion-item {
    background-color: transparent;
    border: none;
}

.accordion-body {
    padding: 0;
}


.accordion-button:not(.collapsed) {
   background-color: transparent; 
    box-shadow: none; 
}

/*
.accordion-button:after {
    order: -1; 
    margin-left: 0; 
    margin-right:0.5em; 
	  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230b3b55'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
*/


.accordion-button:not(.collapsed)::after {
/*
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230b3b55'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
*/
	display: none;
}

.accordion-button::after {
display: none;
}


.accordion-item:last-of-type {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}



/*
.accordion-button:not(.collapsed)::before {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
*/

.accordion-button:not(.collapsed)::before {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2347666b'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
    transform: rotate(-180deg);
}
.accordion-button::before {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: 0;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}


.el-area {
	position: absolute;
	right: 0;
	bottom: 0;
}

/*----AGENTS-----*/

#sectionAgents {
	padding: 8rem 0;
}

#sectionAgents a {
	color: #fff;
}

#sectionAgents a:hover {
	text-decoration: underline;
}

.elipse-agents {
	position: absolute;
	height: 500px;
	width: 500px;
	text-align: right;
	right: 0;
}



.mis-rep {
	max-width: 600px;
}

/*BACKGROUND COLOURS*/

.bg-section-orange {
	 background:  url("../img/bg-orange-shape-right.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left top;
	
}

.bg-section-green {
		 background:  url("../img/bg-green.jpg");
    background-repeat: no-repeat;
    background-position: left top;
  background-attachment: scroll;
  background-size: cover;
}

.bg-section-pattern {
		 background:  url("../img/bg-pattern.jpg");
		 background-repeat: no-repeat;
		 background-position: left top;
		 background-attachment: fixed;
		 background-size: cover;
}

.bg-section-agents {
	
}


@media (min-width: 768px) {

.bg-section-agents {
		 background:  url("../img/bars-agents.svg");
		 background-repeat: no-repeat;
		 background-position: right -100px top 40px;
	     background-size: 400px;
}
	
}

@media (min-width: 1200px) {

.bg-section-agents {

	background-size: 400px;
}
	
}

@media (min-width: 1400px) {

.bg-section-agents {

	background-size: 500px;
}
	
}



.res-box {
	position: fixed;
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
	z-index: 9999;
  background-color: aqua;
}

.list-dash ul {
	font-size: 18px;
	list-style: none;
		padding-left: 0;

}

.list-dash ul li  {
   padding-left: 1.28571429em;
   text-indent: -1.28571429em;
}

.list-dash ul li::before {
  content: "\2014";
	font-weight: 700;
}