/****** FONTS ******/

@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=650fd4d0-fe68-4537-bb5c-3108f455013a");
    @font-face{
        font-family:"Avenir LT W01_45 Book1475508";
        src:url("/fonts/710789a0-1557-48a1-8cec-03d52d663d74.eot?#iefix");
        src:url("/fonts/710789a0-1557-48a1-8cec-03d52d663d74.eot?#iefix") format("eot"),url("/fonts/065a6b14-b2cc-446e-9428-271c570df0d9.woff2") format("woff2"),url("/fonts/65d75eb0-2601-4da5-a9a4-9ee67a470a59.woff") format("woff"),url("/fonts/c70e90bc-3c94-41dc-bf14-caa727c76301.ttf") format("truetype"),url("/fonts/0979215b-3a1b-4356-9c76-e90fa4551f1d.svg#0979215b-3a1b-4356-9c76-e90fa4551f1d") format("svg");
    }
    @font-face{
        font-family:"Avenir LT W01_85 Heavy1475544";
        src:url("/fonts/6af9989e-235b-4c75-8c08-a83bdaef3f66.eot?#iefix");
        src:url("/fonts/6af9989e-235b-4c75-8c08-a83bdaef3f66.eot?#iefix") format("eot"),url("/fonts/d513e15e-8f35-4129-ad05-481815e52625.woff2") format("woff2"),url("/fonts/61bd362e-7162-46bd-b67e-28f366c4afbe.woff") format("woff"),url("/fonts/ccd17c6b-e7ed-4b73-b0d2-76712a4ef46b.ttf") format("truetype"),url("/fonts/20577853-40a7-4ada-a3fb-dd6e9392f401.svg#20577853-40a7-4ada-a3fb-dd6e9392f401") format("svg");
    }

body {font-size:14px;line-height:18px}


h1, h2, p {
/*	color: #1d1d1b;*/
	text-align: left;
}


h1 {
	font-family: 'Avenir LT W01_85 Heavy1475544', serif;
/*	text-transform: uppercase;*/
	font-weight: normal;
	line-height: 1em;
	margin-top: 80px;
	margin-bottom:20px;
	letter-spacing:0em;
	font-size:60px;
	/*text-decoration:underline;*/
}

@media only screen and (max-width: 767px) {/**991**/
h1 {font-size:48px}
}

h2 {
	font-family: 'Avenir LT W01_85 Heavy1475544', serif;
	text-transform: uppercase;
	line-height: 1em;
}
h3 {
	text-align: left;
	font-family:'Avenir LT W01_85 Heavy1475544';
	text-transform:uppercase;
}

b {font-weight:700}

ul {
	text-align: left;

}

ul.inline {
	list-style: circle;
	margin-top: 30px;
}
ul.inline li {
	margin-left: 25px;
}


.textwrap {
	padding-bottom: 30px;
}
.bold {
	font-weight: bold;
}
.gold {
	color: #d7d3cf;
}
.small {
	font-size: 12px;
}

.resizeimg {width:100%;height:auto}


.floating {
	animation-name: floating;
	-webkit-animation-name: floating;

	animation-duration: 2s;	
	-webkit-animation-duration: 2s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;

	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
}

@keyframes floating {
	0% {
		transform: translateY(-10%);	
	}
	50% {
		transform: translateY(30%);	
	}	
	100% {
		transform: translateY(-10%);
	}			
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(-10%);	
	}
	50% {
		-webkit-transform: translateY(30%);	
	}	
	100% {
		-webkit-transform: translateY(-10%);
	}			
}

.scrolldown {
	position: absolute;
	bottom: 0;
	left: 50%;
}

.north {
	position: absolute;
	bottom: 0;
	left: calc(50% - 65px);
}






/****** NAV *****/

ul.nav li {
	text-transform: uppercase;
}
ul.nav li {
	padding: 0 10px 0 10px;
}
.navigation .navbar-brand {
	height: 80px;
}
.nav_border {
	display: none !important;
}


.animated_nav ul.nav li {
	margin: 0;
	padding: 0;
}
.animated_nav ul.nav li a {
	display: block;
	border-right: #30302e 1px solid;
	padding: 0 20px 0 20px;
}
.animated_nav ul.nav li:last a {
	border: none !important;
}
.navigation.animated_nav .navbar-brand {
	/*padding: 0 0 0 20px;*/
	padding: 0 0 0 0;
}
.navigation .nav > li > a {
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
}
.navigation .nav > li:last-child > a {
	border: 0;
}

.navigation.animated_nav .subnav ul {
	float: right;
}
.navigation.animated_nav .subnav ul li {
	display: inline-block;
	padding: 0;
	min-height: 40px;
}
.navigation.animated_nav .subnav ul > li > a {
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FFF;
	border: none;
}
.navigation.animated_nav li > a.active {
	font-weight: bold;
	color: #FFF;
}
.navigation.animated_nav .nav > li > a {
	line-height: 40px;
}

@media only screen and (max-width: 767px) {/**991**/
.navicon {float:left}
.navigation.animated_nav .nav > li > a {
	line-height: 26px;
	padding-top:8px;padding-bottom:8px
}

.navigation {background:#1d1d1b}
.navigation .navbar-brand {
    padding-top: 0px;
}
.navigation .nav > li > a, .navigation .nav > li > a i {
    color: #666;
}
}


/****** HOME *****/

.flexmiddle {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column;
   flex-direction: column;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
}

.home1 {background:#30302e url(images/home/homehero.jpg) no-repeat top center;background-size:cover;color:#fff;position:relative;min-height:100%}

.home2 {background:#fff url(images/home/entrance.jpg) top left;background-size:cover;color:#36ac88;position:relative;min-height:100%}

.home3 {color:#fff;background:url(images/home/reception.jpg) 50% 50% no-repeat;background-size:cover;position:relative;min-height:100%}

.home4 {color:#fff;background:url(images/home/floor.jpg) 50% 50% no-repeat;background-size:cover;position:relative;min-height:100%}

.icontext {font-size:14px;line-height:20px;font-family:'Avenir LT W01_45 Book1475508'}
.icontext img {vertical-align:middle;margin-right:5px}

.home5 {background:url(images/home/slough.jpg) 50% 50% no-repeat;background-size:cover;position:relative;min-height:100%;color:#fff}

.hometext {font-size:18px;line-height:24px;text-shadow: 0 0 10px black;}

.darktexture {width:100%;height:100%;position:absolute;background:url(/images/textures/darktexture.jpg) no-repeat 50% 50%;background-size:cover;opacity:0.23;mix-blend-mode:screen}
.blendopacity {opacity:0.65}
.blendmultiply {mix-blend-mode:multiply}
.blenddifference {mix-blend-mode:difference}

.greentext {color:#36ac88;}
.redtext {color:#4a338a}
.yellowtext {color:#ebc300}
.bluetext {color:#98b5d6}

.bluetext2 {color:#009ee3}
.yellowtext2 {color:#cfc60c}
.purpletext {color:#922a7f}
.turqouisetext {color:#18727c}
.browntext {color:#d06346}
.lightbrowntext {color:#e8b49d}

.introtext {font-family:'Avenir LT W01_45 Book1475508', Arial, Helvetica, sans-serif;letter-spacing:0.02em;font-size:18px;line-height:24px}

@media only screen and (max-width: 767px) {/**991**/
.homelogo {display:none}
.home.fullscreen {padding-top:80px}
#chameleon .blendmultiply {mix-blend-mode:normal;background:rgba(255,255,255,0.8);padding:0 20px}

.home3bgleft {display:none}
.home3bgright {width:100%;left:0}
.home3 .animated {mix-blend-mode:normal;padding:20px}

.home4 {padding:20px 0 !important}
.home4sun {width:100%}
.home6 {padding:20px 0 !important}

.shoe1 {margin-left:0} 
.shoe2 {margin-left:-100px}
}



/******* THE BUILDING ******/

#building {
	background: #1d1d1b;
}
#building h1, #building p {
	color: #FFFFFF;
}

#building #specification p {color:#333}

#building .navigation.animated_nav .subnav {
	background: #4a338a;
	width: 100%;
}

#elevation {background:#fff}

.elevationholder {position:relative}
.elevationspecholder {width:40px;height:40px;position:absolute;top:0;left:0}
.elevationbutton {border:10px solid #36ac88;width:40px;height:40px;border-radius:100%;-webkit-border-radius:100%;display:block;position:absolute;top:0;left:0;cursor:pointer;cursor:hand;z-index:500}

.infoholder {position:relative}
.infoholder .info {background:rgba(0,0,0,0.8);color:#fff;padding:20px 30px 20px 40px;position:absolute;top:20px;left:20px;display:none;font-size:14px;line-height:20px;font-family:'Avenir LT W01_45 Book1475508';white-space:nowrap}
.elevationspecholder:hover {z-index:1000}
.elevationspecholder:hover .elevationbutton {border-color:#4a338a;background:#fff}
.elevationspecholder:hover .infoholder .info {display:block}

.mobilespec {display:none;list-style-type:disc}

@media only screen and (max-width: 767px) {/**991**/
.elevationspecholder {display:none}
.mobilespec {display:block}
}

/**** WELL ****/
#wellintro, #wellintro2 {background:url(images/well/wellbanner.jpg);background-size:cover;color:#fff;position:relative;min-height:100%;background-attachment:fixed}

#wellboxes {background:#f6eff0;min-height:100%;color:#493f42}
.wellbox {text-align:center;padding:20px;background:#e7d3d9;margin-bottom:30px;min-height:500px}
.wellbox.alt {background:#dbc1c7}
.wellbox p {text-align:center}
.wellbox .bignum {font-size:30px;line-height:30px;font-family:'Avenir LT W01_85 Heavy1475544'}
.wellbox .bigtext {text-transform:uppercase}
.wellicon {background:50% 50% no-repeat;background-size: contain;width:100px;height:100px;margin:0 auto 20px auto}
.wellbox .source {font-size:12px;margin:20px 0 0 0}

.logobox {display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column;
   flex-direction: column;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;}

.wellbox .welllogo {max-width:200px;margin-bottom:20px}

@media only screen and (max-width: 991px) {/**991**/
.welllogo {width:150px;margin-top:50px}
}

/****** SLOUGH ******/

#slough .navigation.animated_nav .subnav {
	background: #36ac88;
	width: 100%;
}

#sloughintro {background:url(images/slough/windows.jpg);background-size:cover;color:#fff;position:relative;min-height:100%}

#sloughtext {background:#3c3c3b;color:#fff}

#people {background:#a7d7c6;color:#493f42}
.sloughquote {color:#fff;background:#493f42;border-radius:20px;padding:15px;position:relative;margin-bottom:20px}
.sloughquote p:last-child {margin:0}
.sloughquote.leftquote:before {content:'';display:block;width:20px;height:20px;position:absolute;bottom:0px;left:-10px;background:url(/images/slough/people/leftquote.svg) bottom left no-repeat}
.sloughquote.rightquote:before {content:'';display:block;width:20px;height:20px;position:absolute;bottom:0px;right:-10px;background:url(/images/slough/people/rightquote.svg) bottom right no-repeat}

.quotename {color:#fff;background:#36ac88;border-radius:20px;padding:15px;position:relative;display:inline-block;float:left;font-family:'Avenir LT W01_85 Heavy1475544';margin-bottom:20px}
.quotename p:last-child {margin:0}

#living {background:url(images/slough/living.jpg);background-size:cover;color:#fff;position:relative;min-height:100%}

#aerial {text-align:center;background:#a7d7c6}
#aerial img {margin:0 auto}

#demographics {background:#a7d7c6;color:#493f42}
.stat {background:#36ac88;color:#fff;padding:20px;text-align:left;margin-bottom:20px;min-height:175px}
.stat span {font-size:30px;line-height:40px}
.stat p:last-child {margin:0}

#healthy {background:url(/images/textures/lighttexture.jpg) 50% 50% no-repeat;background-size:cover;position:relative}
.healthypink {width:100%;height:100%;position:absolute;top:0;left:0;background:#4a338a;mix-blend-mode:multiply;opacity:0.8}
.healthybox {background:rgba(255,255,255,0.8);color:#3c3c3b;padding:30px;margin-bottom:30px;height:300px}
.healthybox .healthypic {float:left;margin-right:20px;display:inline-block;width:140px;padding-top:40px}
.healthybox .healthytext {float:left;width:calc(100% - 160px)}
.healthybox .introtext {color:#4a338a}

@media only screen and (max-width: 767px) {/**991**/
.healthybox {height:400px}
}
@media only screen and (max-width: 479px) {/**991**/
.healthybox .healthypic {width:70px}
.healthybox .healthytext {float:left;width:calc(100% - 90px)}
.healthybox {height:500px}
}

/******* ACCESS ******/
#access .navigation.animated_nav .subnav {
	background: #493f42;
	color:#fff;
	width: 100%;
}

@media only screen and (max-width: 767px) {/**991**/
.connectionsmap {display:none}
}



.accessintro, #traveltimes {}
.accesspink {width:100%;height:100%;position:absolute;top:0;left:0;background:#36ac88}
.accesspink2 {width:100%;height:100%;position:absolute;top:0;left:0;background:#36ac88;opacity:0.8}

.bigger {font-size:20px;line-height:24px}

#traveltimes {color:#fff;background:#a7d7c6}
#traveltimes .stat {background-position:bottom 20px right 20px;background-repeat:no-repeat;background-size:50px;padding-right:60px}
.traveltable {color:#fff;text-align:left}
.traveltable td {border-bottom:1px solid #fff;padding:5px 0}
.traveltable .num {text-align:right}

#elizabethline {color:#fff;background:#a7d7c6;padding-bottom:40px}
.greenbox {background:#36ac88;color:#fff;padding:20px;margin:20px 0 0 0}
.darkbox {background:#493f42;color:#fff;padding:20px;margin:20px 0 0 0 }
.whitebox {background:#fff;color:#493f42;padding:20px;margin:20px 0 0 0}
.greenbox p:last-child,
.darkbox p:last-child,
.whitebox p:last-child {margin:0}


#map_canvas {
	height: 550px;
	border: none;
}

#planner {background:url(images/textures/lighttexture.jpg) 50% 50% no-repeat;background-size:cover;position:relative}

/******* THE SPACE *******/

#spaceintro {background:url(images/space/terrace.jpg) 50% 50% no-repeat;background-size:cover}

#accommodation, #specification {position:relative}
#accommodation {background:#e7d3d9}
.accommodationbox {background:#e7d3d9;height:100%;color:#493f42;padding:30px;text-align:left;margin-bottom:30px;height:480px}
.accommodationbox td {padding:5px 0}
.accommodationbox .introtext {color:#757ebc}

.availabletable td {border-bottom:1px solid #fff}
.availabletable .total td {border-bottom:2px solid #fff;border-top:2px solid #fff;font-weight:bold}
.availabletable .heading td {border-bottom:2px solid #fff;font-weight:bold}
.availabletable .let td {color:rgba(0,0,0,0.3)}

.num {text-align:right}

#floorplans {background:#fff}
.planspurple {width:100%;height:100%;position:absolute;top:0;left:0;background:#e7d3d9}
.planspurple2 {width:100%;height:100%;position:absolute;top:0;left:0;background:#e7d3d9}

.planslider h4 {color:#e7395d;margin:0 0 5px 0}
.planslider p {text-align:center}

#specification {background:#e7d3d9;color:#493f42}
#specification .stat {background:#e7395d;font-size:16px;line-height:22px;text-align:center}
#specification .stat .pic {margin:20px auto;width:100px;overflow:hidden;border:1px solid #493F42;border-radius:50%;background:rgba(255,255,255,1);}
.specitem {padding:0 10%;margin-bottom:20px}
.specitem img {margin-bottom:10px}
.specitem p {text-align:center}

.specpic {margin:0 auto;padding:0 30px;position:relative;z-index:100}
.speccol {width:50%;float:left}
@media only screen and (max-width: 767px) {/**991**/
.speccol {width:100%}
.accommodationbox {padding:0}
.availabletable {width:100%}
}

.bx-wrapper .bx-pager {position:absolute;bottom:0px;left:-5px;padding-top:10px}
.bx-pager-link {display:block;width:8px;height:8px;border:1px solid #fff;border-radius:0 !important;background:transparent !important}
.bx-pager-link.active {background:#fff !important}
.bx-prev {left:-7px !important}
.bx-next {right:4px !important}
.bx-wrapper .bx-viewport {background:transparent}

#thespace .navigation.animated_nav .subnav {
	background: #e7395d;
	width: 100%;
}


/******* FURTHER INFO *******/
#furtherinfo .navigation.animated_nav .subnav {
	background: #18727c;
	width: 100%;
}


#further-overview h1, #further-overview p {
	color: #FFF;
}
#furtherinfo h1 {font-size:50px;text-transform:uppercase}

@media only screen and (max-width: 767px) {/**991**/
#furtherinfo h1 {font-size:40px}
}

#furtherinfo h2, #furtherinfo h1, #furtherinfo a.mail, #furtherinfo b, .downloads a {
	color: #fff;
}

#furtherinfo b {font-weight:700}

#agent-details {
	padding: 40px 0 40px 0;
}
.contactus {
	padding-top: 40px;
}
.contactus img {
	margin-bottom: 40px;
}
.contactus p, #landid p {
	margin-top: 20px;
	line-height: normal;
	color:#fff;
}

.downloads a {
	padding-left: 5px;
}
.downloads h3 {
	margin-top: 30px;
}

footer {
	background: #1d1d1b;
	font-size: 10px;
	padding: 25px 0 10px 0;
}
footer p {
	color: #CCC;
}


/**** cardboard page ****/
html {height:100%}
#cardboard {font-family:'Avenir LT W01_45 Book1475508', serif;background:#3c3c3b;height:100%}

.view360 {color:#fff;display:block;background:url(../images/cardboard/icon.png) #575756 no-repeat 60px 50%;height:90px;line-height:100px;font-size:36px;padding-left:130px;border-top:1px solid #000}