/*This site is built using an Object Oriented CSS Methodology*/
/*----------------------*\
     Contents
\*----------------------*/
/*
Reset
Shared
Clearfix
Main
Header
Content
Footer
Media
Island
Type
Images
Tables
Misc (accessibilty and colours)
Flexslider
Mediaqueries
*/

/*-----------------------*\
     $reset
\*-----------------------*/
/*Thanks to CSS Wizardry*/
*{
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
}
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,
a,abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strong,sub,sup,tt,var,
b,u,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{
	margin:0;
	padding:0; 
}
article,aside,details,figcaption,figure,footer,
header,hgroup,main,menu,nav,section{
	display:block;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
strong,b,mark{
	font-weight:700;
	font-style:inherit;
    font-family: HurmeGeometricSans1-semibold;
}
em,i,cite,q,address,dfn,var{
	font-style:italic;
	font-weight:inherit;
}
abbr[title],dfn[title]{
	cursor:help;
	border-bottom:1px dotted;
}
ins{
	border-bottom:1px solid;
}
a,u,ins{
	text-decoration:none;
}
del,s{
	text-decoration:line-through;
}
pre,code,samp,kbd{
	font-family:monospace;
}
small{
	font-size:0.75em;
}
img{
	border:none;
	font-style:italic;
}
input,
select,option,optgroup,
textarea{
	font:inherit;
}

/*----------------------*\
     $shared
\*----------------------*/
h1,h2,h3,h4,h5,h6,
ul,ol,dl,
p,
table,
form,
pre,
hr,
.source{
	margin-bottom:10px;
	margin-bottom:1rem;
}
ul,ol,dd{
	margin-left:1.5em;
}
label,
.text-input,
textarea,
.btn{
	cursor:pointer;
}
.text-input:active,
.text-input:focus,
textarea:active,
textarea:focus{
	cursor:text;
}
.float-l{
	float:left;
}
.float-r{
	float:right;
}
.clear-l{
	clear:left;
}
.clear-r{
	clear:right;
}
.clear-b{
	clear:both;
}
.align-c{
	text-align:center;
}
.align-r{
	text-align:right;
}
.no-padding{
	padding:0;
}
.no-margin{
	margin:0;
}
.mobileMenu{
	width:100%;
}
/*----------------------*\
	$clearfix
\*----------------------*/
.cf:before,
.cf:after{
	content:"";
	display:table;
	overflow:hidden;
}
.ie8 .cf:before{
	display:inline;
}
.cf:after{
	clear:both;
}
.cf{
	zoom:1;
}
/*----------------------*\
     $main
\*----------------------*/
html{
	overflow-y:scroll;
	line-height:1.5;
	font-size:10px;
	letter-spacing:0;
	min-height:100%;
	background: rgb(50,65,75);
}
body{
	min-width:320px;
	font-family: HurmeGeometricSans2-Regular;
	font-weight: normal;
	font-style: normal;
	color:rgb(50,65,75);
	left:0;
	font-size:13px;
	font-size:1.3rem;
}
.content {
	background:rgb(255,255,255);
}
.container{
	width:90%;
	max-width:1100px;
	margin:0 auto;
}
.gallery .container{
	max-width:1380px;
}
.homeintro .container, .homespace .container, .homelocation .container {
	max-width:1100px;
}
.outercontainer {
    width: 100%;
    max-width: 1270px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}
.section {
	display:block;
	width:100%;
	padding:40px 0;
}
/*------------------------------------*\
	$type
\*------------------------------------*/
.HurmeGeometricSans1-Bold { 
	font-family: HurmeGeometricSans1-Bold;
	font-weight: normal;
	font-style: normal;
}
.HurmeGeometricSans2-Bold { 
	font-family: HurmeGeometricSans2-Bold;
	font-weight: normal;
	font-style: normal;
}
.HurmeGeometricSans1-Regular { 
	font-family: HurmeGeometricSans1-Regular;
	font-weight: normal;
	font-style: normal;
}
.HurmeGeometricSans2-Regular { 
	font-family: HurmeGeometricSans2-Regular;
	font-weight: normal;
	font-style: normal;
}
.HurmeGeometricSans1-SemiBold { 
	font-family: HurmeGeometricSans1-SemiBold;
	font-weight: normal;
	font-style: normal;
}
.HurmeGeometricSans2-SemiBold { 
	font-family: HurmeGeometricSans2-SemiBold;
	font-weight: normal;
	font-style: normal;
}

/* Large */
.giga{
	font-size:72px;
	font-size:7.2rem;
}
.mega{
	font-size:48px;
	font-size:4.8rem;
}
.kilo{
	font-size:33px;
	font-size:3.3rem;
}

h1,.h1{
	font-size:28px;
	font-size:2.8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: HurmeGeometricSans2-SemiBold;
	line-height: 1.2;
}
h2,.h2{
    font-size: 24px;
    font-size: 2.4rem;
    text-transform: uppercase;
    letter-spacing: 1px;
	font-family: HurmeGeometricSans2-SemiBold;
}
h3,.h3{
	font-size:22px;
	font-size:2.2rem;
}
h4,.h4{
	font-size:20px;
	font-size:2rem;
}
h5,.h5{
	font-size:18px;
	font-size:1.8rem;
}
h6,.h6{
	font-size:16px;
	font-size:1.6rem;
}
p,.para, li{
	font-size:14px;
	font-size:1.4rem;
	line-height:1.4;
}

/* Small */
small,.milli{
	font-size:12px;
	font-size:1.2rem;
}
.nano{
	font-size:10px;
	font-size:1rem;
}
/* Weights */
.light{
	font-weight:300;
}
.regular{
	font-weight:400;
}
.semi-bold{
	font-weight:600;
}
.bold{
	font-weight:700;
}
.capitals{
	text-transform:uppercase;
}
.letter-spacing{
	letter-spacing:1px;	
}

/*--- LINKS ---*/
a{
	color:rgb(119,197,182);	
}
a:hover{
	text-decoration:underline;
}

/*--- LISTS ---*/
li > ul,
li > ol{
	margin-bottom:0;
}
ul {
	margin:0 0 0 20px;
	padding:0;
}
/*--- QUOTES ---*/
q{ quotes:"‘" "’" "“" "”"; }

q:before{ content:"‘"; content:open-quote; }
q:after{ content:"’"; content:close-quote; }

q q:before{ content: "“"; content: open-quote; }
q q:after{ content: "”"; content: close-quote; }

blockquote{ quotes: "“" "”"; }
blockquote p:before{ content: "“"; content: open-quote; }
blockquote p:after{ content: ""; content: no-close-quote; }
blockquote p:last-of-type:after{ content: "”"; content: close-quote; }

blockquote{
	text-indent:-0.4em;
}

@font-face {
  font-family: 'hbp';
  src: url('../css/icons/font/hbp.eot?86472414');
  src: url('../css/icons/font/hbp.eot?86472414#iefix') format('embedded-opentype'),
       url('../css/icons/font/hbp.woff2?86472414') format('woff2'),
       url('../css/icons/font/hbp.woff?86472414') format('woff'),
       url('../css/icons/font/hbp.ttf?86472414') format('truetype'),
       url('../css/icons/font/hbp.svg?86472414#hbp') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'hbp';
    src: url('../font/hbp.svg?86472414#hbp') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before, a:before, a:after {
  font-family: "hbp";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: auto;
  margin-right: 0;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-logo:before { content: '\e800'; } /* '' */
.icon-bike:before { content: '\e801'; } /* '' */
.icon-building:before { content: '\e802'; } /* '' */
.icon-close:before { content: '\e803'; } /* '' */
.icon-menu:before { content: '\e804'; } /* '' */
.icon-download:before { content: '\e805'; } /* '' */
.icon-link:before { content: '\e806'; } /* '' */
.icon-video:before { content: '\e807'; } /* '' */
.icon-employment:before { content: '\e808'; } /* '' */
.icon-leisure:before { content: '\e809'; } /* '' */
.icon-wellbeing:before { content: '\e80a'; } /* '' */
.icon-walking:before { content: '\e80b'; } /* '' */
.icon-bus:before { content: '\e80c'; } /* '' */
.icon-rail:before { content: '\e80d'; } /* '' */
.icon-sun:before { content: '\e80e'; } /* '' */
.icon-reception:before { content: '\e80f'; } /* '' */
.icon-security:before { content: '\e810'; } /* '' */
.icon-plus:before { content: '\e811'; } /* '' */
.icon-minus:before { content: '\e812'; } /* '' */
.icon-parking:before { content: '\e813'; } /* '' */
.icon-railline:before { content: '\e814'; } /* '' */
.icon-footage:before { content: '\e815'; } /* '' */
.icon-car:before { content: '\e816'; } /* '' */
.icon-plane:before { content: '\e817'; } /* '' */
.icon-train:before { content: '\e818'; } /* '' */
.icon-star:before { content: '\e819'; } /* '' */
.icon-satnav:before { content: '\e81a'; } /* '' */
.icon-map:before { content: '\e81b'; } /* '' */
.icon-development:before { content: '\e81c'; } /* '' */
.icon-education:before { content: '\e81d'; } /* '' */
.icon-employers:before { content: '\e81e'; } /* '' */
.icon-family:before { content: '\e81f'; } /* '' */
.icon-festivals:before { content: '\e820'; } /* '' */
.icon-management:before { content: '\e821'; } /* '' */
.icon-professional:before { content: '\e823'; } /* '' */
.icon-retail:before { content: '\e824'; } /* '' */
.icon-population:before { content: '\e825'; } /* '' */

/*------------------------------------*\
	$images
\*------------------------------------*/
img{
	max-width:100%;
	width:auto;
	height:auto !important;
	display:block;
}
.inline-img-right, .inline-img-left{
	width:100%;
	margin:2em 0;	
}

/*----------------------*\
     $flexslider
\*----------------------*/
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;height: 100%;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { background: rgb(230,230,230); position: relative;  zoom: 1;z-index:0;margin: 0 auto;width:100vw;height: 100%;}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1;height: 100%; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0; position:static;}
.flex-direction-nav li {position:static;}
.flex-direction-nav a {width: 48px; height: 47px; margin: -20px 0 0; display: block; background: url(../img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity:1; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: 5%; }
.flex-direction-nav .flex-prev {left: 5%;}


/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {display:none;width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}
/*------------------------------------*\
  $bgstretcher
\*------------------------------------*/
.bgstretcher {
  overflow: hidden;
   width: 100%;
   z-index: 1;
}
.bgstretcher, .bgstretcher ul, .bgstretcher ul li {
  position: absolute;
  top: 0;
  bottom: 0;
}
.bgstretcher ul, .bgstretcher ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.bgstretcher img{
 max-width:100%;
}
.bgstretcher-area, .bgstretcher-page{
   height:100%;
}

/*------------------------------------*\
	$tables
\*------------------------------------*/
table{
	width:100%;
}

/*------------------------------------*\
	$misc
\*------------------------------------*/
.white-bg {
	background:rgb(255,255,255);
}
.green-bg {
	background:rgb(214,237,233);
}



/*------------------------------------*\
	$header / footer
\*------------------------------------*/
.header {
	padding: 0;
	width: 100%;
	position: fixed;
	z-index: 99;
	height: 85px;
	right: 0;
	background: rgb(255,255,255);
	-moz-transition: .3s ease;
	-webkit-transition: .3s ease;
	-o-transition: .3s ease;
}
.header-mov {
	height: 50px;
	-webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.4);
	box-shadow: 0 1px 5px 1px rgba(0,0,0,0.4);
}
.header__logo {
	text-align: center;
    text-transform: uppercase;
    font-family: HurmeGeometricSans2-Bold;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 2px;
    font-size: 12px;
    font-size: 12px;
    z-index: 9;
    width: 190px;
    display: block;
    margin: 10px 0 0 10%;
	-moz-transition: .3s ease;
	-webkit-transition: .3s ease;
	-o-transition: .3s ease;
}
.header__logo img  {
    margin-bottom: 3px;
}
.header__logo .location {
	opacity:1;
	margin: -10px auto 0 3px;
}

.header-mov .header__logo {
	width: 120px;
	margin: 10px 0 0 5%;
}
.header-mov .header__logo .location {
	opacity:0;
	margin-top:-10px;
	display:none;
}

.menu-icon {
	padding: 5px 5%;
	float: right;
	font-size: 40px;
	font-size: 4rem;
	z-index: 30;
	line-height:1;
	-moz-transition: .3s ease;
	-webkit-transition: .3s ease;
	-o-transition: .3s ease;
	text-decoration:none;
	clear: right;
	color:rgb(59,94,129);
	margin-top: -60px;
}
.header-mov .menu-icon {
	padding: 5px 5%;
	margin-top: -43px;
}
.menu-icon:hover, .menu-icon:active {
    text-decoration:none;
}
.header .icon-close {
    color:rgb(255,255,255);
}
.menu-icon.active {
    color: rgb(255,255,255);
    z-index: 10;
}
.header-nav {
	width: 290px;
	position: absolute;
	top: 0;
	right: -290px;
	background: rgb(50,65,75);
	height: 100vh;
	display: block;
	z-index: 9;
	padding: 60px 0;
	-moz-transition: .3s ease;
	-webkit-transition: .3s ease;
	-o-transition: .3s ease;
}
.header-nav.active {
	right: 0;
	transition: opacity .5s ease;
	-moz-transition: .3s ease;
	-webkit-transition: .3s ease;
	-o-transition: .3s ease;
}
.header-nav ul {
	width: 100%;
    padding: 0;
    list-style: none;
    max-width: 1240px;
    margin: 0 auto;
    text-align: left;
}
.header-nav ul li {
    margin: 22px 0;
}
.header-nav ul li a {
	color: rgb(255,255,255);
	font-size: 17px;
	font-size: 1.7rem;
	font-family: HurmeGeometricSans2-SemiBold;
	font-weight: normal;
	font-style: normal;
	line-height: 1.2;
	margin: 5px auto;
	letter-spacing: 1px;
	-moz-transition: .3s ease;
	-webkit-transition: .3s ease;
	-o-transition: .3s ease;
	-webkit-font-smoothing: antialiased;
	padding: 7px 20px 6px;
}
.header-nav ul li a:hover {
  text-decoration:none;
  color: rgb(119,197,182);
}

.subnav {
	float: right;
    text-align: left;
    margin: 10px 3% 0 0;
    padding: 0;
    display:none;
	-moz-transition: .3s ease;
	-webkit-transition: .3s ease;
	-o-transition: .3s ease;
}
.subnav a {
	display: block;
    width: 170px;
    padding: 6px 6px 6px 46px;
    text-align: center;
    border: 1px solid;
    color: rgb(119,197,182);
    font-size: 12px;
    font-size: 1.2rem;
    float: left;
    margin: 0 0 0 8px;
    color: rgb(255,255,255);
    background:rgb(119,197,182);
    text-transform: uppercase;
    line-height: 1.1;
	-moz-transition: .3s ease;
	-webkit-transition: .3s ease;
	-o-transition: .3s ease;
}
.subnav a:hover {
	text-decoration:none;
    background: rgb(255,255,255);
    color:rgb(119,197,182);
}
.subnav a.downloadbox {
    width: 155px;
}
.subnav a.videobox:before {
    content: '\e807';
    position: absolute;
    left: 6px;
    top: 0;
    font-size: 36px;
}
.subnav a.downloadbox:before {
    content: '\e805';
    position: absolute;
    left: 6px;
    top: 0;
    font-size: 36px;
}

footer {
    background: rgb(50,65,75);
    padding: 2em 5%;
    text-align: center;
}
footer ul {
    list-style:none;
    margin:0;
    padding:0;
}

footer p, footer a {
    color: rgb(255,255,255);
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 5px;
}
.footer__nav a {
    text-transform:uppercase;
    letter-spacing:1px;
    line-height: 1.8;
}
.footer__nav, .footer__logo, .footer__smallprint {
    display: block;
    width: 100%;
    margin: 0 auto 20px;
}
.footer__smallprint p, .footer__smallprint a {
    font-size: 11px;
    font-size: 1.1rem;
}
.footer__logo {
    width:200px;
    margin:0 auto 25px;
    display:block;
}
/*------------------------------------*\
	$hero
\*------------------------------------*/
.hero {
    height: 100%;
}
.homehero {
	width:100vw;
	height:70vh;
	margin-top:-100px;
}
.hero .text {
	width: 90%;
	max-width: 1240px;
	margin: 0 auto;
	text-align:left;
	top: 55%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	z-index:1;
}
.hero .text h2 {
	text-align:center;
	font-size: 40px;
	font-size: 4rem;
	margin-bottom: 0;
	color: rgb(255,255,255);
	text-shadow: 0 0 7px rgb(0,0,0);
	text-shadow: 0 0 7px rgba(0,0,0,0.7);
	line-height: 1;
	letter-spacing:3px;
	text-transform:uppercase;
    width: 280px;
    margin: 0 auto;
	font-family: HurmeGeometricSans2-regular;
}
.morebutton {
    width: 100%;
    display: block;
    position: absolute;
    bottom: 80px;
    left: 0;
    z-index: 9;
    text-align: center;
    font-size: 30px;
    color: rgb(255,255,255);
}
.hero .shade {
  width:100%;
  position:absolute;
  bottom:0;
  left:0;
  height:100%;
  z-index: 0;
}
.bounce {
 animation: bounce 2s infinite;
 -webkit-animation: bounce 2s infinite;
 -moz-animation: bounce 2s infinite;
 -o-animation: bounce 2s infinite;
}
.bounce:hover {
  text-decoration:none;
  color:rgb(192,209,43);
}
 
@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
 40% {-webkit-transform: translateY(-30px);}
 60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateY(-30px);}
 60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
 40% {-o-transform: translateY(-30px);}
 60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(-30px);}
 60% {transform: translateY(-15px);}
}
.flexslider .slides img.flash__disc {
    display: block;
    width: 110px;
    position: absolute;
    right: 20px;
    top: 110px;
}

.homespace, .homelocation, .reception {
	padding:0 0 20px 0;
}
.home__subimage {
	display:none;
}
.home__boxes {
    width: 288px;
    display: block;
    margin: -20px auto 30px;
}
.home__intro .home__boxes {
    margin: -70px auto 30px;
}
.home__box {
	width: 50%;
    float: left;
    margin: 0;
    text-align: center;
    padding: 20px 15px;
    background: rgb(119,197,182);
    font-size: 10px;
    font-size: 1rem;
}
.home__box i {
    font-size: 90px;
    font-size: 9rem;
    margin: -13px 0;
    line-height: 0;
    display: block;
}
.home__box h4 {
    font-size: 16px;
    font-size: 1.6rem;
    text-transform: uppercase;
	font-family: HurmeGeometricSans2-Bold;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 2px;
    line-height: 1;
    margin-bottom: 0;
}
.home__box-right.white {
    background: #FFF !important;
    padding: 37px 17px 30px;
}
.home__box-right.white img {
    width: 100% !important;
}
.home__box-right i {
	font-size: 80px;
    font-size: 8rem;
    margin: -13px 0 -4px 0;
}
.home__space .home__box:last-of-type, .home__location .home__box:last-of-type {
	line-height: 1.4;
}
.home__space .home__box:first-of-type h4 {
    font-size: 16px;
    font-size: 1.6rem;
}
.home__space .home__box h4 .small {
    font-size: 10px;
    font-size: 1rem;
    letter-spacing:1px;
}
.home__space .home__box:last-of-type h4 {
    font-size: 11px;
    font-size: 1.1rem;
    margin-bottom: 3px;
}
.home__space .home__box i {
    margin: -13px 0 0 0;
}
.home__location .home__box:last-of-type i {
    margin: -18px 0 -5px 0;
}
.home__space .home__box:last-of-type  i {
    font-size: 68px;
    font-size: 6.8rem;
}
.home__location .home__box:first-of-type i {
    font-size: 55px;
    font-size:5.5rem;
    margin: -10px 0 5px 0;
}
.home__intro .home__box:last-of-type, .home__space .home__box:first-of-type, .home__location .home__box:last-of-type {
	background:rgb(50,65,75);
	color:rgb(255,255,255);
}
.home__intro .home__box img {
	width:83.3%;
	margin:0 auto;
}
.home__image {
    display: block;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}
.home__spacetext, .home__locationtext {
	color: rgb(50,65,75);
    text-decoration: none;
    display: block;
}
.home__spacetext p , .home__locationtext p {
    padding-right: 20%;
}
.home__spacetext:hover, .home__locationtext:hover {
	color:rgb(50,65,75);
	text-decoration:none;
}
.home__spacetext:after, .home__locationtext:after {
    content: '\e806';
    font-size: 40px;
    font-size: 4rem;
    padding: 0;
    right: -5px;
    position: absolute;
    bottom: -5px;
	-moz-transition: .3s ease;
	-webkit-transition: .3s ease;
	-o-transition: .3s ease;
}
.home__spacetext:hover:after, .home__locationtext:hover:after {
	color:rgb(119,197,182);
}
/*------------------------------------*\
  $timelapse
\*------------------------------------*/
.timelapse {
	display:block;
	width:95%;
	margin:0 auto;
	max-width:1100px;
}
.timelapse h1 {
	text-align:center;
}

/*------------------------------------*\
  $inner general
\*------------------------------------*/
.innerhero {
	width:100vw;
	height:40vh;
}

.hero .text h3 {
    text-align: center;
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 0;
    color: rgb(255,255,255);
    text-shadow: 1px 1px 5px #000000;
    line-height: 1;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0 auto;
}
.introtext, .innertext {
    display: block;
    width: 100%;
    margin: 0 auto 20px;
    padding: 0;
}
.inner__image {
    display: block;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}
.introtext ul {
	margin-top:20px;
}
.introtext li {
	margin-bottom:10px;
}

/*------------------------------------*\
  $space
\*------------------------------------*/
.inner__boxes {
    width: 288px;
    display: block;
    margin: -60px auto 30px;
}
.inner__box {
	width: 50%;
    float: left;
    margin: 0;
    text-align: center;
    padding: 20px 15px;
    background: rgb(119,197,182);
    font-size: 10px;
    font-size: 1rem;
}
.inner__box:last-of-type, .inner__box-right {
	background:rgb(50,65,75);
	color:rgb(255,255,255);
}
.inner__box i {
    font-size: 90px;
    font-size: 9rem;
    margin: -13px 0;
    line-height: 0;
    display: block;
}
.inner__box h4 {
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: uppercase;
	font-family: HurmeGeometricSans2-Bold;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 2px;
    line-height: 1;
    margin-bottom: 0;
}
.space .inner__box:first-of-type i {
    margin: -28px 0 -15px 0;
}
.floorplans {
    display: block;
    width: 100%;
    margin: 0 auto;
}
.green-bg .floorplans {
    padding:10px;
}
.floorplan__header, .floorplan__footer {
	display: block;
    width: 100%;
    padding: 13px 10px 9px 10px;
    border-bottom: 1px solid;
    margin: 0 auto;
    background: rgb(50,65,75);
    color: rgb(255,255,255);
}
.floorplan__header h3, .floorplan__footer h3 {
	font-size: 13px;
    font-size: 1.3rem;
    text-transform:uppercase;
    letter-spacing: 1px;
	font-family: HurmeGeometricSans1-SemiBold;
	font-weight: normal;
	font-style: normal;
	margin-bottom:0;
}
.floorplan__header h3.left, .floorplan__footer h3.left  {
	float:left;
	width:25%;
}
.floorplan__header h3.right, .floorplan__footer h3.right {
	float:right;
	width:75%;
	text-align:right;
}
.floor__title {
    display: block;
    width: 100%;
    float:left;
    margin: 0 auto;
   	border-bottom:1px dotted;
	padding: 12px 5px 6px 25px;
	color: rgb(50,65,75);
}
.floor__title:before {
    content: '\e811';
    left: 5px;
    top: 35%;
    position: absolute;
}
.floor__title.active {
   	border-bottom:none;
   	background:rgb(214,237,233);
}
.floor__title.active:before {
	content: '\e812'
}
.floor__title:hover {
    text-decoration:none;
   	background:rgb(250,250,250);
}
.floor__title h4 {
	font-size: 12px;
    font-size: 1.2rem;
	margin-bottom:0;
    letter-spacing: 1px;
	font-family: HurmeGeometricSans1-regular;
	font-weight: normal;
	font-style: normal;
}
.floor__title h4 span {
	display:none;
}
.floor__title h4.left {
	float:left;
    text-transform:uppercase;
	width:45%;
}
.floor__title h4.right {
	float:right;
	font-size: 12px;
    font-size: 1.2rem;
    text-align:right;
    padding-top:0;
	width:55%;
}
.spaceplanning .floor__title h4.left {
	width:41%;
}
.spaceplanning .floor__title h4.right {
	width:59%;
}
.floor__container {
    display: block;
    width: 100%;
    float:left;
    margin: 0 auto 20px auto;
}
.floor__container img {
    width: 100%;
    margin: 0 auto;
    max-width: 870px;
}


/*------------------------------------*\
  $the building
\*------------------------------------*/
.building__spec {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.spec__title {
    display: block;
    width: 100%;
    float: left;
    margin: 0 auto;
    border-bottom: 1px dotted;
    padding: 12px 5px 6px 25px;
    color: rgb(50,65,75);
    letter-spacing:2px;
}
.spec__title:hover {
    text-decoration:none;
   	background:rgb(250,250,250);
}
.spec__title:before {
    content: '\e811';
    left: 5px;
    top: 35%;
    position: absolute;
}
.spec__title.active {
   	border-bottom:none;
   	background:rgb(214,237,233);
}
.spec__title.active:before {
	content: '\e812'
}
.spec__title h4 {
	font-size: 15px;
    font-size: 1.5rem;
	margin-bottom:0;
    letter-spacing: 1px;
	font-family: HurmeGeometricSans1-SemiBold;
	font-weight: normal;
	font-style: normal;
	text-transform:uppercase;
}
.spec__container {
    display: block;
    width: 100%;
    float:left;
    margin: 0 auto;
    padding:20px;
	background: rgb(241,254,253);
}
.spec__container p {
    margin: 0 auto 10px auto;
}
.spec__container ul {
    margin:0 0 10px 20px;
    padding:0;
}
.reception .inner__box:last-of-type i {
    font-size: 75px;
    font-size: 7.5rem;
    margin: -14px 0 3px 0;
}
.building .intro .inner__box:first-of-type i {
	margin: -19.5px 0;
}
.img__cluster {
	width:100%;
	display:block;
	margin:0 auto;
}
.img__cluster .image-1 {
	display:none;
}
.img__cluster .image-2 {
	width:49%;
	display:block;
	float:left;
	margin:0 0 10px 0;
}
.img__cluster .image-3 {
	width:49%;
	display:block;
	margin:0 0 10px 0;
	float:right;
}
.img__cluster .image-4 {
	width:100%;
	display:block;
	margin:0 0 10px 0;
	float:right;
}
.reception .inner__boxes {
	margin: -20px auto 30px;
}

/*------------------------------------*\
  $location
\*------------------------------------*/
.location .intro .inner__box:first-of-type i {
	margin: -13px 0 2px 0;
	font-size: 80px;
    font-size: 8rem;
}
.location .intro .inner__box:first-of-type {
	color: rgb(50,65,75);
}
.location .intro .inner__box:hover {
	text-decoration:none;
}
.access {
	display:block;
	width:100%;
	margin:0 auto 40px auto;
}
.distances {
	display:block;
	width:100%;
	margin: 0 auto;
    padding: 0 0 0 30px;
}
.innermap, .map {
    display: block;
    height: 350px;
    width: 100%;
    margin: 0 auto;
    padding:0;
}
.access__box {
    display: block;
    width: 100%;
    margin: 0 auto 10px auto;
    padding: 10px 0 0 0;
}
.access__box h3 {
    font-size: 19px;
    font-size: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: HurmeGeometricSans2-regular;
    margin-bottom:0;
}
.access__box i {
    font-size: 60px;
    font-size: 6rem;
    line-height: 1;
    float: left;
    margin: -10px 20px 10px 0;
}
.access__box-text {
	float: left;
    width: 70%;
}

/*------------------------------------*\
  $aerial
\*------------------------------------*/
.aerial {
	padding:0 0 40px 0;
}
.aerial__img {
	display: block;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto 40px auto;
}
.aerial__landmarks {
    display: block;
    width: 100%;
    max-width:800px;
    margin:0 auto;
}
.businesses {
	display: block;
    width: 100%;
    margin: 0 auto 40px auto;
}
.landmarks {
	display: block;
    width: 100%;
    margin: 0 auto;
}
/*------------------------------------*\
  $gallery
\*------------------------------------*/
.gallery__cluster .image-1, .gallery__cluster .image-8, .gallery__cluster .image-9 {
	display:none;
}
.gallery__cluster .image-2, .gallery__cluster .image-5, .gallery__cluster .image-11 {
	width:49%;
	display:block;
	float:left;
	margin:0 0 10px 0;
}
.gallery__cluster .image-3, .gallery__cluster .image-6, .gallery__cluster .image-12 {
	width:49%;
	display:block;
	margin:0 0 10px 0;
	float:right;
}
.gallery__cluster .image-4, .gallery__cluster .image-7, .gallery__cluster .image-10 {
	width:100%;
	display:block;
	margin:0 0 10px 0;
	float:right;
}


/*------------------------------------*\
  $information
\*------------------------------------*/
.main__left, .main__right {
    display: block;
    width: 100%;
    margin: 0 auto 40px auto;
}
.news__title {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 20px 5px 20px 30px;
    border-bottom: 1px dotted;
}
.news__title:before {
    content: '\e811';
    left: 5px;
    top: 35%;
    position: absolute;
}
.news__title.active:before {
	content: '\e812'
}
.news__title:hover {
    text-decoration:none;
   	background:rgb(250,250,250);
}
.news__title.active {
   	border-bottom:none;
   	background:rgb(214,237,233);
}
.news__title h2 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 0;
    letter-spacing: 1px;
    font-family: HurmeGeometricSans1-regular;
    font-weight: normal;
    font-style: normal;
	color: rgb(50,65,75);
}
.news__title h3 {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 0;
    letter-spacing: 1px;
    font-family: HurmeGeometricSans1-bold;
    font-weight: normal;
    font-style: normal;
	color: rgb(50,65,75);
	text-transform:uppercase;
}
.news__container {
	display:block;
	padding:20px;
	background: rgb(241,254,253);
}
.news__container img {
	display: block;
    width: 100%;
    margin: 0 auto 20px auto;
    border: 15px solid rgb(214,237,233);
}

.agents__img, .formal__img {
    display: block;
    width: 100%;
    max-width:180px;
    margin: 0 0 20px 0;
}

/*------------------------------------*\
  $why cheltenham
\*------------------------------------*/
.facts .inner__box:first-of-type i {
    font-size: 74px;
    font-size: 7.4rem;
    margin: -13px 0 5px 0;
}
.facts .inner__box:first-of-type h4 {
    font-size: 12px;
    font-size: 1.2rem;
}
.facts .inner__box-right{
    padding: 20px 15px 16px 15px;
}
.facts .inner__box-right i {
    font-size: 72px;
    font-size: 7.2rem;
    margin: -13px 0 3px 0;
    line-height: 0;
    display: block;
}
.facts .inner__box-right h4 {
    font-size: 11px;
    font-size: 1.1rem;
}
.fact {
    display: block;
    width: 100%;
    margin: 0 auto 30px auto;
    padding: 0 0 30px 0;
    border-bottom:1px solid;
}
.fact i {
    font-size: 65px;
    font-size: 6.5rem;
    padding: 0;
    margin: 0;
    line-height: 0;
    display: block;
    float: left;
    margin: 0 20px 0 0;
}
.fact .fact__text {
    width:70%;
    float: left
}
.fact h3 {
    font-size: 18px;
    font-size: 1.8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: HurmeGeometricSans2-SemiBold;
    margin-bottom:0;
}
.fact p {
    margin-bottom:0;
}
.fact h5, .listfact h5 {
	font-size: 12px;
    font-size: 1.2rem;
}

.facts .opening {
	display:block;
	width:100%;
	margin-bottom:40px;
}
.listfact {
    display: block;
    width: 100%;
    margin: 0 auto 30px auto;
    padding: 0 0 20px 0;
    border-bottom: 1px solid;
}
.listfact i {
    font-size: 55px;
    font-size: 5.5rem;
    padding: 0;
    margin: 0;
    line-height: 0;
    display: block;
    float: left;
    margin: 0 20px 0 0;
}
.listfact .fact__text {
    width:70%;
    float: left
}
.listfact h3 {
    font-size: 18px;
    font-size: 1.8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: HurmeGeometricSans2-SemiBold;
    margin-bottom:0;
}
.listfact p {
    margin-bottom:0;
}

.chelt__images {
    display: none;
    width: 100%;
    float: left;
    clear: both;
    margin: 30px 0;
}
.inner__box:last-of-type.chelt__box {
	background-image:url(../img/chelt-box.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	height: 194px;
}
.inner__box:last-of-type.chelt__box h4 {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:20px 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0.4) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 40%,rgba(0,0,0,0.4) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 40%,rgba(0,0,0,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
}

/*---------------------------*\
     $Cookie Consent Popup
\*---------------------------*/
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;}.cc-window.cc-banner{padding:1em 1.8em;width:100%;}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:0}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:5px 4px;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;}.cc-revoke.cc-right{right:3em;}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-compliance{display:block;width:35%;  margin: 0 auto;}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}
@media screen and (max-width:900px){.cc-btn{white-space:normal}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
.cc-message{
  margin-bottom: 7px;
  display: block;
}

.cc-banner.cc-bottom, .cc-revoke, .cc-window {
  background-color: rgb(255,255,255);
  background-color: rgba(255,255,255,0.95);
  padding: 10px !important;
  font-size: 14px !important;
  color: rgb(90,90,90) !important;
  width: 80% !important;
  margin: 0 10% 20px;
  line-height: 1.3 !important;
  border: 2px solid rgb(50,65,75);
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  left: auto !important;
  text-align:center;
}

.cc-banner .cc-btn:last-child {
  width: auto !important;
  background: rgb(50,65,75);
  color: rgb(255,255,255);
  min-width: 100px !important;

}
.cc-color-override-1020485029 .cc-link {
  color: rgb(90,90,90) !important;
  opacity: 1 !important;
  padding: 0 !important;
  font-weight: 300 !important;
}
.videobox {
	display:block;
	width:100%;
	margin: 0 auto 150px;
}

@media print{
	*{background:transparent !important;color:black !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important;} @page {margin:0.5cm;}h2,h3{orphans:3;widows:3;page-break-after:avoid;} p{orphans:3;widows:3;} pre,blockquote{border:1px solid #808080;page-break-inside:avoid;} abbr[title]:after{content:" (" attr(title) ")";} a,a:visited{color:#000000 !important;text-decoration:underline;} a[href]:after{content:" (" attr(href) ")";} a[href^="javascript:"]:after,a[href^="#"]:after{content:"";} img{max-width:100% !important;page-break-inside:avoid;} thead{display:table-header-group;} tr{page-break-inside:avoid;} .ir a:after{content:"";}}

@media only screen and (min-width: 375px){	

/*------------------------------------*\
  $new office space
\*------------------------------------*/
.floor__title {
    padding: 15px 10px 10px 30px;
}
.floor__title:before, .spec__title:before, .news__title:before {
    top: 35%;
    font-size: 17px;
    font-size: 1.7rem;
}
.floor__title h4 {
    font-size: 13px;
    font-size: 1.3rem;
}

}

@media only screen and (min-width: 414px){	
/*------------------------------------*\
  $header
\*------------------------------------*/
.header__logo {
    margin: 10px 0 0 18%;
}

/*------------------------------------*\
  $home
\*------------------------------------*/
.flexslider .slides img.flash__disc {
    width: 120px;
    right: 30px;
    top: 138px;
}
.home__boxes {
    width: 370px;
}
.home__boxes {
    width: 320px;
    display: block;
    margin: -40px auto 30px;
}
.home__box h4 {
    font-size: 21px;
    font-size: 2.1rem;
}
.home__box i {
    font-size: 100px;
    font-size: 10rem;
    margin: -14.6px 0;
}
.home__box-right i {
	font-size: 80px;
    font-size: 8rem;
    margin: -13px 0 -2px 0;
}
.home__space .home__box:first-of-type i {
    font-size: 99px;
    font-size: 9.9rem;
}
.home__space .home__box:first-of-type h4 {
    font-size: 19px;
    font-size: 1.9rem;
}
.home__space .home__box:last-of-type i {
    font-size: 77px;
    font-size: 7.6rem;
}
.home__space .home__box:last-of-type h4 {
    font-size: 13px;
    font-size: 1.3rem;
    margin-bottom: 3px;
}
.home__location .home__box:first-of-type i {
    font-size: 60px;
    font-size: 6rem;
    margin: -7px 0 7px 0;
}
/*------------------------------------*\
  $inner general
\*------------------------------------*/
.inner__boxes {
    width: 320px;
    display: block;
    margin: -40px auto 30px;
}
.inner__box h4 {
    font-size: 16px;
    font-size: 1.6rem;
}
.intro .inner__boxes {
    margin: -70px auto 30px;
}
/*------------------------------------*\
  $new office space
\*------------------------------------*/
.building .intro .inner__box:first-of-type i {
    margin: -26.5px 0 -16.5px 0;
}
.reception .inner__boxes {
	margin: -40px auto 30px;
}
}
@media only screen and (min-width: 480px){	
.floor__title h4 span {
	display:inline;
}
}

@media only screen and (min-width: 600px){	
/*------------------------------------*\
  $home
\*------------------------------------*/
.hero .text h2 {
    font-size: 60px;
    font-size: 6rem;
    width: 370px;
}

/*------------------------------------*\
  $footer
\*------------------------------------*/
footer li {
    display: inline;
    margin:0 10px;
}
/*------------------------------------*\
  $cookies
\*------------------------------------*/
.cc-banner.cc-bottom {
  width: 524px !important;
  margin: 0 30px 30px 27% !important;
  text-align: left;
}
.cc-window .cc-message {
    margin-bottom: 0;
    float: left;
    width: 75%;
}
.cc-compliance {
  width: 20% !important;
  float: right;
  margin-top: 5px;
}
}

@media only screen and (min-width: 768px){
p, .para, li  {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4;
}
/*------------------------------------*\
  $header
\*------------------------------------*/
.header {
    height: 135px;
}
.header-mov {
	height: 90px;
}
.menu-icon {
    display:none;
}
.header__logo {
    margin: 18px auto 12px auto;
}
.header-mov .header__logo {
    width: 160px;
    margin: 10px auto;
}
.header-nav {
    width: 100%;
    left:0;
	right: 0;
    background: transparent;
    position: relative;
    height: auto;
    clear: both;
	padding: 0;
}
.header-nav ul {
	width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.header-nav ul li {
    margin: 0;
    display: inline-block;
}
.header-nav ul li a {
    width: auto;
    margin: 0 3px;
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 0;
    padding: 7px 10px;
    color: rgb(50,65,75);
	font-family: HurmeGeometricSans2-Regular;
	-webkit-transition: all 350ms ease;
	-o-transition: all 350ms ease;
	-moz-transition: all 350ms ease;
}
.header-nav ul li:after {
	content: "\002F";
}
.header-nav ul li:nth-of-type(4):after {
	content: "";
}
.subnav {
    margin: 10px 15px 0 0;
}
.header-nav ul li.ph-nav {
	display:none;
}
/*------------------------------------*\
  $home
\*------------------------------------*/
.homehero {
	height: 60vh;
}
.hero .text h2 {
    font-size: 80px;
    font-size: 8rem;
    width: 500px;
}
.flexslider .slides img.flash__disc {
    width: 170px;
    right: 30px;
    top: 143px;
}
.home__intro .home__boxes, .home__location .home__boxes, .home__location .home__boxes {
    float: right;
}
.home__space .home__boxes {
    float: left;
}
.home__introtext{
    float: left;
    width: 50%;
    padding-top: 20px;
}
.home__spacetext {
    float: right;
    width: 50%;
    padding-top:40px;
}
.home__spacetext h2, .home__locationtext h2 {
    letter-spacing: 2px;
}
.home__locationtext {
    float: left;
    width: 50%;
    padding-top:40px;
}
.home__spacetext:after, .home__locationtext:after {
    font-size: 50px;
    font-size: 5rem;
	right: 5px;
    bottom: 5px;
}
.home__boxes, .inner__boxes {
    margin: -70px auto 30px;
}
/*------------------------------------*\
  $inner general
\*------------------------------------*/
.hero .text h3 {
    font-size: 50px;
    font-size: 5rem;
}
.inner__boxes {
    float: right;
}
.introtext, .innertext {
    float: left;
    width: 50%;
    padding-top: 20px;
}


/*------------------------------------*\
  $space
\*------------------------------------*/
.floorplan__header, .floorplan__footer {
    padding: 13px 10px 9px 10px;
}
.floorplan__header h3, .floorplan__footer h3 {
    font-size: 17px;
    font-size: 1.7rem;
}
.floor__title {
	padding: 12px 10px 6px 30px;
}
.floor__title h4 {
    font-size: 17px;
    font-size: 1.7rem;
}
.floor__title h4.right {
	float:right;
	font-size: 15px;
    font-size: 1.5rem;
}
.floor__title:before {
	font-size:20px;
	font-size:2rem;
    top: 29%;
}

/*------------------------------------*\
  $the building
\*------------------------------------*/
.spec__list {
    float: right;
    width: 320px;
    padding-top: 0;
    margin-top: -240px;
    background: rgb(255,255,255);
}
.spec__title {
    padding: 15px 0 10px 45px;
}
.spec__title:before {
    font-size: 20px;
	font-size: 2rem;
    top: 29%;
    left: 15px;
}
.img__cluster .image-1 {
    display: block;
    width: 32.7%;
    float: left;
    margin: 0 10px 0 0;
}
.img__cluster .image-2 {
    width: 32.2%;
    margin: 0 10px 11px 0;
}
.img__cluster .image-3 {
	width: 32.2%;
    margin: 0 0 11px 0;
}
.img__cluster .image-4 {
    width: 65.8%;
    float: right;
    margin: 0;
}

/*------------------------------------*\
  $location
\*------------------------------------*/
.access {
	float:right;
	width:40%;
	margin:0;
}
.access__box {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  margin: 0;
}
.access__box:after {
  content: '';
  display: block;
  height: 1px;
}
.access__box i {
    margin: 0px 20px 10px 0;
}
.distances {
	float:left;
	width:55%;
	margin:20px 0 0 0;
}

/*------------------------------------*\
  $aerial
\*------------------------------------*/
.businesses {
    width: 48%;
    float:left;
    margin: 0 auto;
}
.landmarks {
    width: 48%;
    float:right;
}
/*------------------------------------*\
  $gallery
\*------------------------------------*/
.gallery__cluster {
    width: 100%;
    max-width: 695px;
    margin:0 auto;
}
.gallery__cluster .image-1, .gallery__cluster .image-9 {
    display: block;
    width: 32.7%;
    float: left;
    margin: 0 10px 10px 0;
}
.gallery__cluster .image-2, .gallery__cluster .image-11 {
    width: 32.2%;
    margin: 0 7px 11px 0;
}
.gallery__cluster .image-3, .gallery__cluster .image-12 {
	width: 32.2%;
    margin: 0 0 11px 0;
}
.gallery__cluster .image-4, .gallery__cluster .image-10 {
    width: 65.6%;
    float: right;
    margin: 0 0 14px 0;
}
.gallery__cluster .image-5 {
    width: 32.7%;
    margin: 0 10px 11px 0;
}
.gallery__cluster .image-6 {
    width: 32.7%;
	float:left;
    margin: 0 0 11px 0;
}
.gallery__cluster .image-7 {
    width: 66.6%;
    float: left;
    margin: 0 0 10px 0;
}
.gallery__cluster .image-8 {
	display: block;
    width: 31.6%;
    float: right;
    margin: -215px 0 10px 0;
}


/*------------------------------------*\
  $information
\*------------------------------------*/
.agents h2 {
    margin-bottom:30px;
}
.news__title {
    padding: 20px 5px 20px 55px;
}
.news__title h2 {
    font-size: 17px;
    font-size: 1.7rem;
}
.news__title:before {
    font-size:25px;
    font-size:2.5rem;
	left: 15px;
}
.news__container {
    padding: 40px;
}
.news__container img {
    float: right;
    margin: 0 0 20px 20px;
    width: 50%;
}

/*------------------------------------*\
  $why cheltenham
\*------------------------------------*/
.fact {
	float: left;
    width: 50%;
    margin: 0;
    border-bottom: none;
    min-height: 200px;
    padding: 0 20px;
    border:1px dotted;
}

.fact__content {
    display: block;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}
.fact .fact__text {
    width:63%;
}

.facts .inner__box:first-of-type i {
    font-size: 83px;
    font-size: 8.3rem;
    margin: -8px 0 8px 0;
}
.facts .inner__box-right {
    padding: 18px 15px;
}
.facts .inner__box-right i {
    font-size: 82px;
    font-size: 8.2rem;
    margin: -10px 0 3px 0;
}
.facts .inner__box-right h4 {
    font-size: 11px;
    font-size: 1.2rem;
}
.listfact .fact__text {
    width: 84%;
}
.chelt__images {
    display: block;
}
/*------------------------------------*\
  $cookies
\*------------------------------------*/
.cc-banner.cc-bottom {
  width: 524px !important;
  margin: 0 30px 30px 27% !important;
  text-align: left;
}
.cc-window .cc-message {
    margin-bottom: 0;
    float: left;
    width: 75%;
}
.cc-compliance {
  width: 20% !important;
  float: right;
  margin-top: 5px;
}
}


@media only screen and (min-width: 960px){	
/*------------------------------------*\
  $header
\*------------------------------------*/
.subnav {
    margin: 10px 15px 0 0;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

/*------------------------------------*\
  $home
\*------------------------------------*/
.home__intro, .home__space, .inner__intro, .access {
	padding-bottom:150px;
}
.home__image, .aerial__img {
	margin-top:-130px;
}
.home__boxes {
    width: 380px;
}
.home__box i {
	font-size: 110px;
    font-size: 11rem;
    margin: -8px 0 0 0;
}
.home__box-right i {
    font-size: 110px;
    font-size: 10rem;
    margin: -8px 0 7px 0;
}
.home__box {
    font-size: 12px;
    font-size: 1.2rem;
}
.home__spacetext {
    float: right;
    width: 47%;
    padding-top: 40px;
}
.home__space .home__box:first-of-type h4 {
    font-size: 25px;
    font-size: 2.5rem;
}
.home__space .home__box:last-of-type h4 {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 3px;
}
.home__space .home__box:last-of-type i {
    font-size: 77px;
    font-size: 7.7rem;
}
.home__location .home__box:first-of-type i {
    font-size: 63px;
    font-size: 6.3rem;
    margin: -5px 0 7px 0;
}

/*------------------------------------*\
  $inner general
\*------------------------------------*/
.inner__boxes {
    width: 380px;
}
.inner__box i {
    font-size: 130px;
    font-size: 13rem;
}
.inner__box h4 {
    font-size: 19px;
    font-size: 1.9rem;
}
.inner__image {
    margin-top: -130px;
}
/*------------------------------------*\
  $building
\*------------------------------------*/
.spec__list {
    width: 380px;
    margin-top: -210px;
}
.space .inner__box:first-of-type i {
    margin: -31px 0 -18px 0;
}
.space_description {
    margin: -130px 0 0 4%;
}
.reception .inner__box:last-of-type i {
    font-size: 95px;
    font-size: 9.5rem;
    margin: -1px 0 10px 0;
}
.building .intro .inner__box:first-of-type i {
    margin: -33px 0 -16px 0;
}
/*------------------------------------*\
  $location
\*------------------------------------*/
.location .intro .inner__box:first-of-type {
    padding: 20px;
}
.location .intro .inner__box:first-of-type i {
    margin: -9px 0 6px 0;
}

/*------------------------------------*\
  $gallery
\*------------------------------------*/
.gallery__cluster {
    max-width: 905px;
}
.gallery__cluster .image-1 {
    width: 32.6%;
}
.gallery__cluster .image-8 {
    margin: -277px 0 0 0;
}


/*------------------------------------*\
  $why cheltenham
\*------------------------------------*/
.facts .inner__box:first-of-type h4 {
    font-size: 17px;
    font-size: 1.7rem;
}
.facts .inner__box-right i {
    font-size: 81px;
    font-size: 8.1rem;
}
.facts .inner__box-right h4 {
    font-size: 16px;
    font-size: 1.6rem;
}
}


@media only screen and (min-width: 1024px){	
/*------------------------------------*\
  $home
\*------------------------------------*/

.home__boxes {
    width: 450px;
}
.home__box {
    padding: 32.5px;
}


/*------------------------------------*\
  $inner general
\*------------------------------------*/
.inner__boxes {
    width: 450px;
}
.inner__box, .facts .inner__box-right{
    padding: 32.5px;
}
.location .intro .inner__box:first-of-type {
    padding: 32.5px 40px;
}


/*------------------------------------*\
  $the building
\*------------------------------------*/
.spec__list {
    width: 450px;
    margin-top: -150px;
}
.img__cluster .image-1 {
    margin: 0 14px 0 0;
}
.img__cluster .image-2 {
    margin: 0 0 14px 0;
}
.img__cluster .image-3 {
    margin: 0 0 14px 0;
}
.img__cluster .image-4 {
    margin: 0;
}

/*------------------------------------*\
  $gallery
\*------------------------------------*/
.gallery__cluster {
    max-width: 1020px;
}
.gallery__cluster .image-1 {
    margin: 0 14px 14px 0;
}
.gallery__cluster .image-2 {
    margin: 0 0 14px 0;
}
.gallery__cluster .image-3 {
    margin: 0 0 14px 0;
}
.gallery__cluster .image-4 {
    margin: 0 0 14px 0;
    width: 65.8%;
}
.gallery__cluster .image-5 {
    width: 32.6%;
    margin: 0 14px 14px 0;
}
.gallery__cluster .image-5 {
    margin: 0 14px 14px 0;
}
.gallery__cluster .image-7 {
    width: 66.8%;
}
.gallery__cluster .image-8 {
    margin: -310px 0 0 0;
}
.gallery__cluster .image-9 {
    margin: 0 15px 10px 0;
}
/*------------------------------------*\
  $information
\*------------------------------------*/
.main__left {
	float:left;
	width: 25%;
    margin: 0;
}
.main__right {
	float:right;
    width: 70%;
    margin: 0;
}
.formal__img {
    float:left;
    width:20%;
}
.formal__text {
    float:right;
    width:75%;
}

/*------------------------------------*\
  $why cheltenham
\*------------------------------------*/
.facts .inner__box-right {
    padding: 30.5px;
}

/*------------------------------------*\
  $location
\*------------------------------------*/
.inner__box:last-of-type.chelt__box h4 {
    padding: 20px 30px 30px;
}

}

@media only screen and (min-width: 1100px){
.section {
	padding:40px 0;
}
p, .para, li {
    font-size: 15px;
    font-size: 1.5rem;
}
/*------------------------------------*\
  $header
\*------------------------------------*/
.header {
    height: 150px;
}
.header-mov {
    height: 90px;
}
.header__logo {
    width: 230px;
}
.header__logo img {
    margin-bottom: 10px;
}
.header-nav ul li a {
    padding: 7px 20px;
}
.subnav {
    margin: 13px 15px 0 0;
}

.header-mov .subnav {
    margin: -50px 15px 0 0;
}
/*------------------------------------*\
  $location
\*------------------------------------*/
.innermap, .map {
    height:500px;
}
.aerial {
	padding:0 0 40px 0;
}
.access__box-text {
    width: 80%;
}
/*------------------------------------*\
  $why cheltenham
\*------------------------------------*/
.fact {
    width: 33.3%;
    min-height: 220px;
}

}

@media only screen and (min-width: 1150px){
.homehero {
	height: 80vh;
}
.flexslider .slides img.flash__disc {
    width: 200px;
    right: 10%;
    top: 173px;
}
/*------------------------------------*\
  $gallery
\*------------------------------------*/
.gallery__cluster {
    max-width: 1140px;
}
.gallery__cluster .image-4 {
    width: 66%;
}
.gallery__cluster .image-8 {
    margin: -347px 0 0 0;
}

}
@media only screen and (min-width: 1240px){
/*------------------------------------*\
  $home
\*------------------------------------*/
.hero .text h2 {
    letter-spacing: 6px;
}
.home__image {
    margin-top: -190px;
}
.home__boxes {
    width: 40%;
}
.home__box i {
    margin: -10px 0 -7px 0;
}
.home__box-right i {
    margin: -10px 0 0 0;
}
.home__subimage {
    display: block;
    width:60%;
    margin:-70px 0 0 0;
    float: left;
}
.home__introtext {
    padding-top: 10px;
}
.home__spacetext {
    float: right;
    width: 50%;
    padding-top: 50px;
}
.home__locationtext {
    float: right;
    width: 37%;
    padding-top: 20px;
}
.home__spacetext p {
    padding-right: 25%;
}
.home__locationtext p {
    padding-right: 35%;
}
.home__box, .inner__box {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 27px;
}
.home__box h4 {
	font-size: 24px;
	font-size: 2.4rem;
	letter-spacing: 4px;;
}
.home__space .home__box:first-of-type h4 {
    font-size: 29px;
    font-size: 2.9rem;
}
.home__space .home__box:last-of-type h4 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 5px;
	letter-spacing: 2px;
}
.home__space .home__box:first-of-type i {
    font-size: 113px;
    font-size: 11.3rem;
    margin: -9px 0 8px 0;
}
.home__space .home__box:last-of-type i {
    font-size: 92px;
    font-size: 9.2rem;
    margin: -13px 0 4px 0;
}
.home__location .home__box:first-of-type {
    padding: 27px 16px;
	font-size: 13px;
    font-size: 1.3rem;
}
.home__location .home__box:last-of-type {
    padding: 27px 32px;
}
.home__location .home__box:first-of-type i {
    font-size: 80px;
    font-size: 8rem;
    margin: -5px 0 14px 0;
}
.home__location .home__box:last-of-type i {
    margin: -20px 0 9px 0;
}

/*------------------------------------*\
  $inner general
\*------------------------------------*/
.inner__boxes {
    width: 40%;
}
.inner__image {
    margin-top: -190px;
}

/*------------------------------------*\
  $the building
\*------------------------------------*/
.floor__title {
    padding: 20px 10px 14px 55px;
}
.floor__title:before {
    font-size: 35px;
    font-size: 3.5rem;
    top: 20%;
}
.space_description {
    margin: -150px 0 20px 3%;
}
.spec__list {
    width: 40%;
    margin-top: -180px;
}
.spec__title {
    padding: 16px 10px 11px 60px;
}
.spec__title:before {
    font-size: 30px;
    font-size: 3rem;
    top: 20%;
}
.innertext {
    padding-top: 50px;
}
.building .intro .inner__box:first-of-type i {
    margin: -27px 0 -16px 0;
}
/*------------------------------------*\
  $location
\*------------------------------------*/
.location .intro .inner__box:first-of-type {
    padding: 30px 40px;
}
.location .intro .inner__box:first-of-type i {
    margin: -9px 0 5px 0;
    font-size: 80px;
    font-size: 10rem;
}
.inner__box:last-of-type.chelt__box h4 {
    padding: 30px 30px 29px;
}
/*------------------------------------*\
  $gallery
\*------------------------------------*/
.gallery__cluster {
    max-width: 1280px;
}
.gallery__cluster .image-1 {
    margin: 0 15px 14px 0;
}
.gallery__cluster .image-2 {
    margin: 0 0 16px 0;
}
.gallery__cluster .image-3 {
    margin: 0 0 16px 0;
}
.gallery__cluster .image-5 {
    margin: 0 16px 15px 0;
}
.gallery__cluster .image-6 {
    margin: 0 16px 15px 0;
}
.gallery__cluster .image-7 {
	margin: 0 0 15px 0;
}
.gallery__cluster .image-8 {
    margin: -392px 0 15px 0;
}
.gallery__cluster .image-9 {
	margin: 0 17px 15px 0;
}
.gallery__cluster .image-10 {
    margin: 0 0 18px 0;
}
.gallery__cluster .image-11 {
    margin: 0 0 14px 0;
}
.gallery__cluster .image-12 {
    margin: 0 0 16px 0;
}
.gallery__cluster .image-2 {
    margin: 0 0 16px 0;
}
/*------------------------------------*\
  $information
\*------------------------------------*/
.main__left {
}
.main__right {
}
.news__container img {
    margin: 0 0 40px 40px;
}

/*------------------------------------*\
  $why cheltenham
\*------------------------------------*/
.facts .inner__box:first-of-type i {
    margin: -6px 0 11px 0;
}
.facts .inner__box:first-of-type h4 {
    font-size: 19px;
    font-size: 1.9rem;
}
.fact {
    min-height: 160px;
}
.listfact i {
    margin: -5px 20px 0 0;
}
.listfact .fact__text {
    width: 70%;
}
.listfact .fact__text p {
    font-size: 17px;
    font-size: 1.7rem;
}
}
@media only screen and (min-width: 1400px){
/*------------------------------------*\
  $gallery
\*------------------------------------*/
.gallery__cluster {
    max-width: 1380px;
}
.gallery__cluster .image-1 {
    margin: 0 18px 14px 0;
}
.gallery__cluster .image-4 {
    width: 65.9%;
}
.gallery__cluster .image-5 {
    margin: 0 18px 15px 0;
}
.gallery__cluster .image-8 {
    margin: -421px 0 15px 0;
}
.gallery__cluster .image-9 {
    margin: 0 20px 0 0;
}
.gallery__cluster .image-11, .gallery__cluster .image-12 {
    margin: 0;
}
} 

@media only screen and (min-width: 1650px){

.flexslider .slides img.flash__disc {
    right: 22%;
}


/* Retina*/
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2) {
	
}