/*
	Theme Name: Equation Properties
	Theme URI: https://equationproperties.com
	Description: Hand Crafted theme
	Version: 1.0
	Author: Ben Kitching
	Author URI: http://wpdedicated.co.uk
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
body, .body {
	font:200 2.2vh/1.4 'brother-1816', sans-serif;
	color:#fff;
	padding:0;
	margin:0;
	overflow:hidden;
	background-color: #0f1d24;
}
body.loading {
	overflow:hidden;
}
#loader {
	background-color:#2a5161;
	width:100vw;
	height:100vh;
	position:fixed;
	top:0;
	left:0;
	z-index:9999999;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
	object-fit:cover;
}
a {
	color:#fff;
	text-decoration:none;
	transition:0.5s all;
}
a:hover {
	color:#fff;
	text-decoration:underline;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
a.btn {
  background-color: #4D707E;
  color: #fff;
  border: 1px solid #4D707E;
  padding: 2vh 3vh;
  margin-top: 1vh;
  width: fit-content;
  line-height: 1;
  font-weight: bold;
  pointer-events: all;
  white-space: nowrap;
  display: inline-block;
	font-size:1.5vh;
}
a.btn:hover, a.btn.active {
	background-color:transparent;
	text-decoration:none;
	color:#4D707E;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
h1, .h1 {
	font-weight: 200;
	font-size: 6.5vh;
	line-height: 1.1;
}
h2, .h2 {
	font-weight: 200;
	font-size: 4vh;
	line-height: 1.1;
	margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
h3, .h3 {
	font-size: 3vh;
	font-weight: 200;
}
h4, .h4 {
	font-size:2.2vh;
	font-weight: 700;
}

#dot-nav {
  position: fixed;
  bottom: 0;
  z-index: 99;
  padding: 1vh;
  border-radius: 1vh;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 50vw;
  transform: translateX(-50%);
}
#dot-nav:after {
	content:'';
	width:47vh;
	height: 2px;
	display: block;
	position: absolute;
	top:50%;
	left:2vh;
	transform:translateY(-50%);
	background:#4d707e;
}
#dot-nav a {
  background: #4d707e;
  width: 2vh;
  height: 2vh;
  margin: 0 1vh;
  border-radius: 50%;
  border: 1px solid #4d707e;
	position: relative;
	z-index: 2;
}
#dot-nav a.active, #dot-nav a:hover {
	background-color:#1A4759;
	border-color:#4d707e;
	width:3vh;
	height:3vh;
}

.hide {
	display:none !important;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

header {
  position: fixed;
  width: 100vw;
  top: 0;
  left: 0;
  padding: 2vh 6vh;
  z-index: 30;
}
.header-inner {
	display: flex;
	align-items: center;
}

#burger {
  position: relative;
  z-index: 100;
  width: 40px;
  height: 37px;
  margin-left: auto;
	cursor:pointer;
}

#burger span {
  display: block;
  position: absolute;
  height: 5px;
  width: 50%;
  background: #fff;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#burger span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}

#burger span:nth-child(odd) {
  left:0px;
  border-radius: 9px 0 0 9px;
}

#burger span:nth-child(1), #burger span:nth-child(2) {
  top: 0px;
  width:40%
}
#burger span:nth-child(1) {
  left:10%
}
#burger span:nth-child(2) {
  left:50%
}

#burger span:nth-child(3), #burger span:nth-child(4) {
  top: 15px;
}

#burger span:nth-child(5), #burger span:nth-child(6) {
  top: 30px;
  width:40%;
}
#burger span:nth-child(5) {
  left:10%;
}
#burger span:nth-child(6) {
  left:50%;
}

.burger #burger span:nth-child(1),.burger #burger span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width:50%;
}

.burger #burger span:nth-child(2),.burger #burger span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width:50%;
}

.burger #burger span:nth-child(1) {
  left: 5px;
  top: 5px;
}

.burger #burger span:nth-child(2) {
  left: calc(50% - 5px);
  top: 5px;
}

.burger #burger span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

.burger #burger span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

.burger #burger span:nth-child(5) {
  left: 5px;
  top: 20px;
}

.burger #burger span:nth-child(6) {
  left: calc(50% - 5px);
  top: 20px;
}

#nav-menu {
	opacity: 0;
	pointer-events: none;
	position:fixed;
	top:0;
	left:0;
	width: 100vw;
	height:100vh;
	background-color: #1A4759;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index:99;
	transition:1s all;
}
.nav-menu-inner {
	height:60%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.nav-menu-inner a {
	flex-basis:100%;
	text-align: center;
	font-size: 3vh;
}
.burger #nav-menu {
	opacity: 1 !important;
	pointer-events: all !important;
}


main {
	height:100vh;
	width:100vw;
	position: relative;
	background-color:#2a5161;
}
.text-right {
	text-align: right;
}
.fh {
	height:100vh;
	width:auto;
}
.bg-wrapper {
	margin-left:-10vh;
	position: relative;
	z-index: 5;
}
.bg-inner {
	position:absolute;
	top:1vh;
	left:10vh;
	width:100%;
}

#foreground .bg-wrapper {
	z-index: 0;
}
.w100 {
	width:200vh;
}
.row {
	display:flex;
	flex-wrap: wrap;
}
.col.full {
	width:100%;
	flex-basis:100%;
}
.col.half {
	width:50%;
	flex-basis:50%;
}
.col.third {
	width:33.33%;
	flex-basis: 33.33%;
}
.col.twothirds {
	width:66.66%;
	flex-basis:66.66%;
}
.col.sixty {
	width:60%;
	flex-basis: 60%;
}
.col.forty {
	width:40%;
	flex-basis: 40%;
}
.col.quarter {
	width:25%;
	flex-basis: 25%;
}
.col.fifth {
	width:20%;
	flex-basis:20%;
}
.col-inner {
	padding:10px 20px 0;
}
.col:nth-child(odd) .col-inner {
	padding-left:0;
}
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
.upper {
	text-transform:uppercase;
}
.m0 {
  margin: 0;
}
.mb0 {
	margin-bottom:0;
}
.mt0 {
	margin-top:0;
}
.big-text {
  font-size: 2.8vh;
}
.med-text {
	font-size: 1.5vh;
}
.small-text {
  font-size: 1.1vh;
}
.giant-text {
	font-size:8vh;
}
.nowrap {
	white-space: nowrap;
}
.right {
  float: right;
  clear: both;
	text-align: right;
}
.bold {
	font-weight: bold;
}
.fw500 {
	font-weight: 500;
}
.med {
	font-weight: 400;
}
.heavy {
	font-weight: 800;
}
.black {
	color:#000;
}
.light-blue {
	color:#83C5CB;
}
.red {
	color:#F94D59;
}
.underline {
	border-bottom:2px solid #ea4e5b;
	padding-bottom:1vh;
}
.underline p {
	margin:0;
	line-height: 1.2;
}

#background {
	position:relative;
	height:100vh;
	display: flex;
	width:max-content;
}

#foreground {
	width:max-content;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	display:flex;
	z-index: 20;
	pointer-events: none;
}

.popup {
	background-color:#fff;
	padding:2vh;
	position: absolute;
	color:#000;
	width:40vh;
	opacity: 0;
	transition:0.5s opacity;
}
.popup:hover {
	opacity: 1;
}
.popup .row {
	flex-wrap:nowrap;
	align-items: flex-end;
}
.popup .right {
	flex-grow:1
}
.popup p {
	margin:0;
	line-height: 1.2;
}
.popup .underline {
	padding:2vh 0;
}
.popup .small-text {
	padding-top:2vh;
	font-size:1.8vh;
	line-height: 1.6;
}
.popup .med-text {
	font-size:2vh;
	padding-top:2vh;
	line-height: 1.6;
}

table {
	width:100%
}
th {
	color:#F94D59;
}
th.white {
	color:#fff;
	border-bottom: none;
}
td, th {
	width:24%;
	text-align:center;
	border-bottom:1px solid #F94D59;
	padding:1vh 0;
}
td:first-child, th:first-child {
	width:30%;
	text-align:left;
	border-right:1px solid #F94D59;
}
td:last-child, th:last-child {
	border-left:1px solid #F94D59;
}


/*------------------------------------*\
    PAGES
\*------------------------------------*/

#intro {
	position: relative;
	z-index: 1;
}
#intro, #overview-wrapper, #unit-1-wrapper, #unit-2-wrapper {
	min-width:165vh;
}
#home-trigger {
	height:95vh;
	width:auto;
}

#unit-1-wrapper, #comparison-wrapper, #location-wrapper, #map-wrapper {
	margin-left:-20vh;
}
#unit-2-wrapper, #accom-wrapper {
	margin-left:-60vh;
}
#accom-2-wrapper {
	margin-left:-22vh;
}
#map-wrapper {
	z-index: 0;
}
#demographics-wrapper {
	margin-left:100vh;
}
#proven-wrapper {
	z-index: 0;
	margin-left: 100vh;
}
#contact-wrapper {
	margin-left:35vh;
}

#advanced .bg-inner {
	left:unset;
	right:32vh;
	width:50%;
}
#advanced .col.third {
	padding-right:5%
}
#advanced .img-container {
	height:9vh;
	margin-top:5vh;
}
#advanced .col img {
	width:60%;
	margin-left:10%;
}
#advanced-outer {
	height:94vh;
}
#advanced-intro {
  width: 60%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding-right: 4%;
}
#advanced-intro h1 {
  font-size: 3vh;
  text-align: right;
  position: relative;
  left:-10vh;
}
#advanced-info {
  width: 40%;
}
#advanced-info .row {
	width:120%

}
#overview-wrapper {
	margin-left:-10vh;
}
#overview-wrapper .bg-inner {
  left: unset;
  top: unset;
  bottom: 5vh;
  right: 10vh;
  width: 50%;
}

#unit-1 {
	width:13%
}
#unit-2 {
	width:14%;
}
#accom {
	width:25%;
}
#accom .underline {
	padding:1vh 0;
}

#unit-1-popup {
	bottom:24vh;
	left:69vh;
}
#unit-2-popup {
	bottom:24vh;
	right:22vh;
}
#unit-3-popup {
	bottom:24vh;
	left:94vh;
}

#comparison {
  width: 43%;
  left: 20vh;
}
#comparison table {
	margin-top:4vh;
}

#location {
	left:22vh;
	width:16%;
}

#map-fg {
	margin-left:1048vh;
}
#map-fg .bg-inner {
	width:60%;
	left:14vh;
}
#map-icons {
	margin-left:5vh;
	pointer-events: all;
}
#map-icons .col {
	text-align: center;
	margin-bottom: 2vh;
}
#map-icons svg {
	width:65%;
	height:auto;
}
#map-icons a {
	text-decoration:none !important;
}
#map-icons svg .outer, #map-icons svg .outer path {
	fill:#F94D59 !important;
	transition:0.5s all;
}
#map-icons svg:hover .outer, #map-icons svg:hover .outer path, #map-icons a.active svg .outer, #map-icons a.active svg .outer path {
	fill:#1a2a39 !important;
}
#drive-times {
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	margin-bottom:6vh;
	padding-right: 5vh;
}
#drive-times .btn {
	width:32%;
	text-align: center;
	padding:2vh 0;
}

#map {
	height:80vh;
	left:75vh;
	top:10vh;
	width:110vh;
}
#map-inner {
	width:100%;
	height:100%;
	border-radius: 2vh;
}

#demographics {
  left: 25vh;
  width: 73%;
}

#workforce, #workforce-desc  {
	margin-bottom:8vh;
}

#workforceThirty, #workforceFortyFive {
	height:6vh;
}

.chartBars {
    position: relative;
    max-width: 600px;
    height: 300px;
    margin: 2em auto 100px
}

.chartBars .bars {
    display: flex;
    justify-content: space-around;
    border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    width: 100%;
    height: 100%;
    padding: 0;
    padding: 0 1%;
    margin: 0
}

.chartBarsVertical .bars {
    width: 75%;
    align-items: flex-end
}

.chartBars .bars li {
    display: inline-block;
    flex: 0 1 24%;
    height: 100%;
    margin: 0;
    text-align: center;
    position: relative;
    font-size: 16px
}

.chartBars .bars li .bar {
    width: 100%;
    background: #49e;
    position: absolute;
    font-size: 1.5em;
    color: #fff;
    padding-top: 18px;
    bottom: 0;
    height: 0;
    overflow: hidden;
    font-weight: 700;
    outline: 2px solid transparent;
    transition: 1.5s height cubic-bezier(.6,.4,.4,1.1)
}

.chartBarsVertical .bars li {
    height: 100%;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    flex-basis: 40%
}

.chartBarsVertical .bars li .bar {
    padding-top: 0;
    overflow: visible
}

.chartBarsVertical .bars li p {
    position: relative;
    top: -4vh
}

.chartBarsWrap.chartBarsVertical {
    flex-direction: row
}

.chartBarsWrap.chartBarsVertical .chartBars {
    height: 24vh;
    margin: 3vh auto 0 0
}

.chartBarsWrap.chartBarsVertical .chartBars .bars .bar {
    height: 0;
    transition: 2s height cubic-bezier(.6,.4,.4,1.1);
    width: 100%;
    margin: auto
}

.chartBarsWrap.chartBarsHorizontal {
    flex-direction: column
}

.chartBarsWrap.chartBarsHorizontal .chartBars {
    height: 20vh;
    margin: 4vh auto 0
}
.chartBarsWrap.chartBarsHorizontal .chartGrid {
	height:115%;
}
.chartBarsWrap.chartBarsHorizontal .chartBars .bars {
	height:115%;
	position: relative;
	top:-1%;
}

.chartBarsWrap .chartBars .bars {
    border: 0
}

.chartBarsWrap.chartBarsHorizontal .chartBars .bars .bar {
    width: 0;
    padding-top: 5px;
    height: 100% !important;
    text-align: right;
    font-size: 1.5em;
    transition: 2s width cubic-bezier(.6,.4,.4,1.1)
}

.chartBarsWrap.chartBarsHorizontal .chartBars .bars .bar:after {
    font-size: .6em !important;
    margin-right: 20px
}

.bars li .bar.greenBarFlat {
    background-color: #292d1c
}

.bars li .bar.blueBarFlat {
    background-color: #9dced4;
}

.bars li .bar.orangeBarFlat {
    background-color: #faf8f6;
}

.chartBarsHorizontal .chartBars .bars {
    flex-direction: column
}

.chartBars .chartGrid {
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 12%
}

.chartBarsVertical .chartGrid {
    width: 77%
}

.chartBarsHorizontal .gridBar {
    position: absolute;
    bottom: 0;
    height: 112%;
    display: flex;
    align-items: flex-end
}

.chartBarsHorizontal .gridBar.one {
    left: 0;
}

.chartBarsHorizontal .gridBar.two {
    left: 20%;
}

.chartBarsHorizontal .gridBar.three {
    left: 40%;
}
.chartBarsHorizontal .gridBar.four {
    left: 60%;
}
.chartBarsHorizontal .gridBar.five {
    left: 80%;
}
.chartBarsHorizontal .gridBar.six {
    left:100%;
}

.chartBarsHorizontal .gridBar:before {
    content: '';
    position: absolute;
    height: 88%;
    background-color: #fff;
    width: 1px;
    bottom: 12%;
    left: 50%
}

.chartBarsHorizontal .gridBar.one:before {
    left: 4px
}

.chartBarsVertical .gridBar {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: flex-end
}

.chartBarsVertical .gridBar.one {
    bottom: 3.8vh
}

.chartBarsVertical .gridBar.two {
    bottom: calc(45% - 21px)
}

.chartBarsVertical .gridBar.three {
    bottom: calc(73% - 21px)
}

.chartBarsVertical .gridBar.four {
    bottom: calc(100% - 21px)
}

.chartBarsVertical .gridBar:before {
    content: '';
    position: absolute;
    width: 100%;
    background-color: #fff;
    height: 1px;
    bottom: 0;
    left: 0
}

#vertical-title {
    margin-top: 5vh
}

.chartBarsHorizontal .chartLabel {
    position: absolute;
    display: block;
    opacity: 0;
    transition-delay: 1.5s;
    transition: .5s opacity;
    left: 5%;
    top: 46%;
    transform: translateY(-50%);
    z-index: 2;
    line-height: 1;
    text-align: left;
    color: #3f6f78;
}

#vertical-bar p.med-text.yellow.barLabel {
    top: unset;
    bottom: -4vh;
    width: 100%
}

@media screen and (min-width: 600px) {
    .bar:before {
        font-size:2em !important
    }

    .chartBars3 .bar:before {
        font-size: 1.5em !important
    }
}

#proven {
	width:30%;
	left:15vh;
}

#media {
	margin-left:135vh;
}
#media .bg-inner {
	width:95%;
}
#media a {
	pointer-events:all;
	position: relative;
	display: block;
}
#dl-brochure {
	width:35vh;
	left:-17vh;
}
#dl-specs {
	width:45vh;
	left:17vh;
	top:-18vh;
}
#watch-vision {
	width:55vh;
	top:-18vh;
	left:-7vh;
}
#vision-popup {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.8);
    z-index: 99;
    display: none;
}
#progress-popup-inner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video-container {
    width: 100%;
    position: relative;
    padding-bottom: 42%;
}
#progress-popup-inner .video-container {
    width: 80vw;
    min-width: 300px;
}
.video-container video {
    position: absolute;
    width: 100%;
    height: 100%;
}
#closepop {
    position: absolute;
    right: 1%;
    top: 1%;
    font-size: 4vh;
    cursor: pointer;
}
#downloads {
  text-align: center;
  padding: 0 18vh;
}
#downloads a:last-child p.med-text {
	position: relative;
	top:-5vh;
}
#partners {
	padding: 0 23vh 0 17vh;
}
.dev-img {
  height: 4vh;
  width: auto;
}
#partners .margin {
	margin-top:6vh;
}
#partners .med-text {
	font-size:1.8vh;
}
#contact {
	width:35%;
	left:195vh;
}
.agent-logo {
	height:20vh;
	width:auto;
	margin:2vh 0;
}
#contact .row {
	width:85%;
}
#three-words {
  display: flex;
  align-items: center;
  margin: 10vh 0 2vh;
}
#three-words img {
	height:10vh;
	margin-right:4vh;
}
#three-words p {
	margin-bottom:1vh;
}


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

.show-for-portrait {
	display:none;
}
#landscape-cover {
  width: 100vw;
  height: 100vh;
  position: fixed;
  background: #020609;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 35px;
}

@media (pointer:coarse) and (orientation:portrait) {
	#landscape-cover {
		display:none;
	}
	.hide-for-portrait {
		display:none !important;
	}
}
@media (pointer:coarse) and (orientation:landscape) {
	#landscape-cover {
		display:flex;
	}
}
@media (orientation:portrait) {
	.hide-for-portrait {
		display:none !important;
	}
	.show-for-portrait {
		display:block;
	}
	.show-for-portrait.flex {
		display:flex;
	}
	.show-for-portrait.inline {
		display:inline;
	}

	body, .body {
		width:100vw;
		overflow-x:hidden;
		overflow-y:scroll;
		font-size: 4vw;
	}
	main {
		height: auto;
		padding-top:16vw;
	}
	header {
		background-color:#1a4759 !important;
		background-image:url('./img/mob-header-bg.png');
		background-size:contain;
		background-repeat: no-repeat;
    padding: 4vw;
    align-items: center;
	}
	h1, .h1 {
		font-size: 8vw;
	}
	h2, .h2 {
		font-size: 6vw;
	}
	h3, .h3 {
		font-size:5vw;
	}

	.w100 {
		width:100%;
	}
	.col-inner {
		padding:10px 0;
	}
	.mob-wrapper {
		width:100%;
		padding:5% 5% 0;
		background-size:cover;
		position: relative;
	}

	.hand-icon {
		position: relative;
		top:-2vw;
    width: 10vw;
    margin-left:auto;
		margin-right:10vw;
		display: block;
	}
	.scrolling-image, .scrolling-div {
		position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: scroll;
		overflow-y: hidden;
	}
	.scrolling-image img {
		height: 100%;
    width: auto;
    max-width: unset;
	}
	.triangle {
		width:100%;
		height:auto;
		position: relative;
	}
	.triangle.flipped {
		transform:scaleX(-1);
	}
	.triangle.vflipped {
		transform:scaleY(-1);
	}
	#mob-intro-text {
		bottom:0;
		left:4vw;
	}
	#mob-intro-text h1 {
		line-height: 0.4;
	}

	#mob-advanced .img-container {
		height:20vw;
	}
	#mob-advanced img {
		width: 40%;
		display: block;
		margin:auto;
	}
	#mob-advanced p {
		padding:0 3vw;
	}
	#mob-unrivalled {
		padding-bottom:375vw;
	}
	table {
		font-size:3.5vw;
	}
	td, th {
		padding:2vw;
		width:18%;
	}
	td:first-child, th:first-child {
		width:66%;
	}
	td:first-child, th:first-child, td:last-child, th:last-child {
    	border-right: 1px solid #F94D59;
		border-left: 1px solid #F94D59;
	}
	td:nth-child(2), th:nth-child(2) {
    	border-right: 1px solid #F94D59;
	}
	tr:first-child th {
		border-top:1px solid #F94D59;
	}
	thead tr:first-child th {
		border-bottom:none;
		padding-bottom:0;
	}
	thead tr:last-child th {
		padding-top:0;
	}
	thead tr:last-child th:nth-child(2), thead tr:first-child th:nth-child(2) {
		border-right:none;
	}
	th {
		color:#83C5CB;
	}
	#mob-comparison {
		padding-bottom:20vw;
	}
	#comparison-triangle {
		position: relative;
		top:-5vw;
	}
	#mob-gallery-img {
		z-index: 2;
	}
	#mob-specs {
		position: relative;
		top:-6vw;
		margin-bottom:-6vw;
	}
	#mob-location {
		height:120vh;
	}
	#mob-location .scrolling-image {
		top:unset;
		bottom:0;
		height:calc(100% - 20vh);
	}
	#mob-location .mob-wrapper {
		padding-top:20%;
	}
	#occupiers-inner {
		position: absolute;
		left:5%;
		top:5%;
		width:80vw;
	}
	#mob-sustainability .mob-wrapper {
		position: absolute;
	}
	#mob-demographics .col.half:first-child {
		padding-right:5vw
	}
	#mob-demographics .col.half:last-child {
		padding-left:5vw
	}
	#mob-demographics .center {
		text-align: center
	}
	#mob-demographics .center p {
		margin:5vw 0;
	}
	#mob-demographics .center img {
		width:60%;
		height:auto;
	}
	#mob-demographics .center img:last-child {
		width:80%;
	}
	#proven-mob .mob-wrapper {
		position: absolute;
	}
	#mob-downloads p {
		text-align: center
	}
	#mob-downloads a {
		display: block;
		margin:10vw 0;
	}
	#mob-downloads a:last-child p {
		position: relative;
		top:-10vw;
	}
	#mob-partners .small-text {
		margin:10vw 0;
	}
	#mob-contacts {
		padding-bottom:5vw;
	}
	.agent {
		margin-top: 10vw;
	}
	#three-words {
		margin-top: 100vw;
	}
}
/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}