@charset "UTF-8";
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on April 10, 2018 */
@import url("//hello.myfonts.net/count/3670d4");
@font-face { font-family: 'futurademi'; src: url("../fonts/futura-dem-webfont.woff2") format("woff2"), url("../fonts/futura-dem-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }

/*  Client:  Author: Silk Pearce */
/** @license MyFonts Webfont Build ID 3567828, 2018-04-26T05:55:44-0400 The fonts listed in this notice are subject to the End User License Agreement(s) entered into by the website owner. All other parties are  explicitly restricted from using the Licensed Webfonts(s). You may obtain a valid license at the URLs below. Webfont: Futura-Boo by URW URL: https://www.myfonts.com/fonts/urw/futura/t-book/ Copyright: Copyright 2010 URW++ Design & Development Hamburg Webfont: Futura-Dem by URW URL: https://www.myfonts.com/fonts/urw/futura/t-demi/ Copyright: Copyright 2010 by (URW)++ Design & Development GmbH Webfont: Futura-BooObl by URW URL: https://www.myfonts.com/fonts/urw/futura/t-book-oblique/ Copyright: Copyright 2010 by (URW)++ Design & Development GmbH Webfont: Futura-DemObl by URW URL: https://www.myfonts.com/fonts/urw/futura/t-demi-oblique/ Copyright: Copyright 2010 by (URW)++ Design & Development GmbH License: https://www.myfonts.com/viewlicense?type=web&buildid=3567828 Licensed pageviews: 10,000 © 2018 MyFonts Inc */
/* @import must be at top of file, otherwise CSS will not work */
@font-face { font-family: 'Futura-Boo'; src: url("../fonts/webfonts/3670D4_0_0.eot"); src: url("../fonts/webfonts/3670D4_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/webfonts/3670D4_0_0.woff2") format("woff2"), url("../fonts/webfonts/3670D4_0_0.woff") format("woff"), url("../fonts/webfonts/3670D4_0_0.ttf") format("truetype"); font-display: swap; }

@font-face { font-family: 'Futura-Dem'; src: url("../fonts/webfonts/3670D4_1_0.eot"); src: url("../fonts/webfonts/3670D4_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/webfonts/3670D4_1_0.woff2") format("woff2"), url("../fonts/webfonts/3670D4_1_0.woff") format("woff"), url("../fonts/webfonts/3670D4_1_0.ttf") format("truetype"); font-display: swap; }

@font-face { font-family: 'Futura-BooObl'; src: url("../fonts/webfonts/3670D4_2_0.eot"); src: url("../fonts/webfonts/3670D4_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/webfonts/3670D4_2_0.woff2") format("woff2"), url("../fonts/webfonts/3670D4_2_0.woff") format("woff"), url("../fonts/webfonts/3670D4_2_0.ttf") format("truetype"); font-display: swap; }

@font-face { font-family: 'Futura-DemObl'; src: url("../fonts/webfonts/3670D4_3_0.eot"); src: url("../fonts/webfonts/3670D4_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/webfonts/3670D4_3_0.woff2") format("woff2"), url("../fonts/webfonts/3670D4_3_0.woff") format("woff"), url("../fonts/webfonts/3670D4_3_0.ttf") format("truetype"); font-display: swap; }

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on April 26, 2018 */
@font-face { font-family: 'futurademi'; src: url("../fonts/webfonts/futura-dem_final-webfont.woff2") format("woff2"), url("../fonts/webfonts/futura-dem_final-webfont.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }

/* 

	normalize.css v1.1.3 | MIT License | git.io/normalize 
	
*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; height: 0; }

[hidden] { display: none; }

html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; }

body { margin: 0; }

a { text-decoration: none; }

a:focus { outline: none; }

a:active, a:hover { outline: 0; }

h1 { font-size: 2em; margin: 0.67em 0; }

h2 { font-size: 1.5em; margin: 0.83em 0; }

h3 { font-size: 1.17em; margin: 1em 0; }

h4 { font-size: 1em; margin: 1.33em 0; }

h5 { font-size: 0.83em; margin: 1.67em 0; }

h6 { font-size: 0.67em; margin: 2.33em 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

/* hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } */
mark { background: #ff0; color: #000; }

p, pre { margin: 1em 0; }

code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }

q:before, q:after { content: ''; content: none; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

dl, menu, ol, ul { margin: 1em 0; }

dd { margin: 0 0 0 40px; }

menu, ol, ul { padding: 0 0 0 40px; }

nav ul, nav ol { list-style: none; list-style-image: none; }

img { border: 0; -ms-interpolation-mode: bicubic; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; }

button[disabled], html input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; }

table { border-collapse: collapse; border-spacing: 0; }

html { box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }

/*

$outline: 'Futura-dem';
$sansDemi: 'Futura-dem';
$sans: 'Futura';
$sansBold: 'Futura-Bold';
*/
.borderBottom, header.mainHeader { border-bottom: 14px solid #8acbc1; }

@media (max-width: 790px) { .borderBottom, header.mainHeader { border-bottom-width: 10px; } }

html { overflow-y: scroll; }

html { box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }

.centreWrap { width: 100%; max-width: 1700px; margin: 0 auto; padding: 0 9%; }

@media (max-width: 1300px) { .centreWrap { padding: 0 4%; } }

@media (max-width: 790px) { .centreWrap { padding: 0 8%; } }

.flexbox { display: flex; flex-wrap: wrap; }

.flexbox.justify { justify-content: space-between; }

@media (max-width: 790px) { .flexbox:not(.staffBlock) { display: block; } }

.unit1 { width: 100%; float: left; }

.unit2 { width: 47%; text-align: left; }

@media (max-width: 790px) { .unit2 { width: 100%; } }

.unit3 { width: 29%; }

@media (max-width: 790px) { .unit3 { width: 100%; } }

.unit4 { width: 20%; }

@media (max-width: 790px) { .unit4 { width: 46%; } }

.unit6 { width: 16.6666666666666666%; }

.unit5 { width: 20%; }

.unit2-3 { width: 66.6666666666666666%; }

.unit3-4 { width: 75%; }

.unit2-5 { width: 40%; }

.unit3-5 { width: 60%; }

.unit4-5 { width: 80%; }

.unit5-6 { width: 83.3333333333333333%; }

/* 
	Typography

*/
body { font-family: "Futura-Boo", Arial, sans-serif; font-size: 18px; color: #002e3b; }

@media (max-width: 790px) { body { font-size: 18px; } }

html, html a { -webkit-font-smoothing: antialiased  !important; }

a { -webkit-transition: color 0.4s linear; -moz-transition: color 0.4s linear; -o-transition: color 0.4s linear; transition: color 0.4s linear; color: #002e3b; }

a:focus { outline: none; }

strong { font-weight: normal; font-family: "Futura-Dem"; }

strong em { font-family: "Futura-DemObl"; }

em { font-style: normal; font-family: "Futura-BooObl"; }

em strong { font-family: "Futura-DemObl"; }

p { font-size: 1.3em; line-height: 1.4em; margin-bottom: 1em; margin-top: 0; }

p a { border-bottom: 1px solid #002e3b; padding-bottom: 1px; -webkit-transition: border-color 0.4s linear; -moz-transition: border-color 0.4s linear; -o-transition: border-color 0.4s linear; transition: border-color 0.4s linear; }

p a:hover { border-color: #8acbc1; }

.unit4 p { font-size: 1.1em; }

h1 { font-size: 4rem; line-height: 1.1em; margin-top: 0; margin-bottom: 1em; text-transform: uppercase; font-family: "Futura-Dem"; letter-spacing: 2px; font-weight: normal; }

@media (max-width: 790px) { h1 { font-size: 2.8em; } }

.blueBg h1 { color: #8acbc1; }

h2 { font-size: 2.8em; line-height: 1em; margin-bottom: 0em; margin-top: 0em; text-transform: uppercase; font-family: "Futura-Dem"; font-weight: normal; letter-spacing: 2px; }

@media (max-width: 790px) { h2 { font-size: 2.4em; } }

h3 { font-size: 2.1em; line-height: 1.1em; margin-bottom: 0; margin-top: 0; font-family: "Futura-Dem"; font-weight: normal; border-bottom: 2px solid #8acbc1; margin-bottom: .5em; }

@media (max-width: 790px) { h3 { font-size: 1.6em; } }

h4 { font-size: 1.4rem; line-height: 1.3em; margin-top: 0; margin-bottom: 0; font-weight: normal; }

h5 { font-size: 1rem; line-height: 1.3em; margin-bottom: 0; margin-top: 0; }

h6 { font-size: .9rem; line-height: 1.3em; margin-bottom: .6em; }

ul { padding-left: 1em; margin-bottom: .6em; list-style: disc; }

ol { padding-left: 1.2em; margin-bottom: .6em; }

li { font-size: 1.3em; line-height: 1.3em; }

li a { border-bottom: 1px solid #999; }

li a:hover { border-color: #e16622; }

blockquote { position: relative; }

blockquote:before { content: "\201c"; position: absolute; top: -10px; left: -44px; font-size: 3em; font-weight: 700; }

/* 
	Client: Mantle Business Centres
	
		 		
			
*/
.aboutStaffList li img { opacity: .7; }

.aboutStaffList li h4 { color: #fff; }

.aboutStaffList li p { color: #fff; }

/* 
	Client: Mantle Business Centres
	
	// 1. GLOBAL ELEMENTS 
	// 2. POSITIONING
	// 3. OUTLINE TEXT
	// 4. BACKGROUNDS	
	// 5. COMPONENTS
		// 5a. ALT HEADERS
		// 5b. SOCIAL MEDIA
		// 5c. TEXT MODS & CALL-OUTS
	// 6. FOOTER 	 		
			
*/
.preload * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; }

html, body { height: 100%; }

body { background-color: #002e3b; }

.pageWrap, footer { display: none; width: 100%; }

.pageWrap.hide, footer.hide { display: none !important; }

img { width: 100%; height: auto; display: block; }

figure { margin-bottom: 22px; }

figure img { margin-bottom: 10px; }

figure figcaption { font-size: 1em; margin-bottom: 1em; }

a[data-filetype="image"] { border-bottom: none; }

hr { border: none; background-color: #8acbc1; height: 2px; width: 100%; display: block; margin-bottom: 28px; }

.greenBg hr { background-color: #002e3b; }

.whiteBg hr { background-color: #8acbc1; }

.blueBg hr { background-color: #8acbc1; }

.marginTop { margin-top: 180px; }

@media (max-width: 790px) { .marginTop { margin-top: 120px; } }

.blockPadding { padding: 60px 0; }

@media (max-width: 790px) { .blockPadding { padding: 20px 0; } }

.blockPaddingTop { padding: 60px 0 0; }

@media (max-width: 790px) { .blockPaddingTop { padding: 30px 0; } }

.blockPaddingBottom { padding: 0 0 60px; }

.centredBlock { margin: 40px auto 0 auto; }

@media (max-width: 790px) { .centredBlock { margin-top: 20px; } }

.centredTitle { text-align: center; margin-top: 2em; }

.centredTitle h1 { font-size: 2.4em; }

@media (max-width: 790px) { .centredTitle h1 { font-size: 2em; } }

.outline, .outlineSubTitle h2 { font-family: "futurademi"; }

.outline.whiteOutline, .outlineSubTitle h2.whiteOutline { color: #fff; }

.whiteBg { background-color: #fff; }

.greenBg { background-color: #8acbc1; }

.greenBg p a { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.greenBg p a:hover { color: #fff; border-bottom-color: #fff; }

.blueBg { background-color: #002e3b; color: #8acbc1; }

.blueBg p a { color: #8acbc1; border-bottom-color: #8acbc1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.blueBg p a:hover { color: #fff; border-bottom-color: #fff; }

.shapeBlockOne { background-image: url(../images/graphics/shape-1.svg); background-repeat: no-repeat; background-size: 140px; background-position: right center; }

@media (max-width: 790px) { .shapeBlockOne { background-size: 110px; } }

.shapeBlockTwo { background-image: url(../images/graphics/shape-2.svg); background-repeat: no-repeat; background-size: 110px; background-position: right bottom; }

.shapeBlockTwo.events { padding-top: 41px; }

@media (max-width: 790px) { .shapeBlockTwo { background-size: 80px; background-position: right center; } }

.shapeBlockThree { background-image: url(../images/graphics/shape-3.svg); background-repeat: no-repeat; background-size: 110px; background-position: left center; }

@media (max-width: 790px) { .shapeBlockThree { background-size: 90px; background-position: left top; } }

.shapeBlockFour { background-image: url(../images/graphics/shape-4.svg); background-repeat: no-repeat; background-size: 110px; background-position: right top; }

@media (max-width: 790px) { .shapeBlockFour { background-image: none; } }

.shapeBlockFive { background-image: url(../images/graphics/shape-5.svg); background-repeat: no-repeat; background-size: 110px; background-position: left bottom; }

@media (max-width: 790px) { .shapeBlockFive { background-position: left center; } }

.shapeBlockSix { background-image: url(../images/graphics/shape-6.svg); background-repeat: no-repeat; background-size: 110px; background-position: left bottom; }

.shapeBlockSeven { background-image: url(../images/graphics/shape-11.svg); background-repeat: no-repeat; background-size: 110px; background-position: left center; }

@media (max-width: 790px) { .mobileShapeBlockOne { background-image: url(../images/graphics/shape-8.svg); background-repeat: no-repeat; background-size: 110px; background-position: right top; } .mobileShapeBlockTwo { background-image: url(../images/graphics/shape-9.svg); background-repeat: no-repeat; background-size: 110px; background-position: left center; } .mobileShapeBlockThree { background-image: url(../images/graphics/shape-10.svg); background-repeat: no-repeat; background-size: 110px; background-position: right center; } }

.sectionHeader h1 { margin: 0; line-height: 1.1em; }

.sectionHeaderTwo { margin-top: 80px; margin-bottom: 40px; }

@media (max-width: 790px) { .sectionHeaderTwo { margin-top: 24px; margin-bottom: 0; } }

.sectionHeaderTwo h1 { font-family: "Futura-Dem"; text-transform: none; font-size: 2em; letter-spacing: 0; }

@media (max-width: 790px) { .sectionHeaderTwo h1 { font-size: 1.8em; } }

.sectionHeaderThree { margin-top: 60px; margin-bottom: 40px; }

@media (max-width: 790px) { .sectionHeaderThree { margin-top: 30px; margin-bottom: 0; } }

.sectionHeaderThree h1 { margin-bottom: 16px; }

.sectionHeaderFour h1 { font-size: 2em; }

.whiteBg .sectionHeaderFour h1 { color: #8acbc1; }

@media (max-width: 790px) { .sectionHeaderFour h1 { font-size: 1.6em; margin-bottom: 0; } }

.sectionHeaderFour h2 { font-size: 2em; }

@media (max-width: 790px) { .sectionHeaderFour h2 { font-size: 1.6em; margin-bottom: 0; } }

.sectionHeaderFour h2 a { color: #8acbc1; }

.sectionHeaderFour h2 a:hover { color: #002e3b; }

.sectionHeaderFive h2 { color: #fff; font-size: 1.6em; line-height: 1.2em; }

@media (max-width: 790px) { .sectionHeaderFive h2 { font-size: 1.4em; margin-bottom: .5em; } }

.unit2 .sectionHeaderFour {padding-top: 40px;}

.sectionHeaderFour h3 { font-size: 1.4em; color: #fff; }

.sectionHeaderFour h3 a { color: #fff; border-bottom: solid #fff 1px; transition: ease-in-out .3s; }

.sectionHeaderFour h3 a:hover { color: #002e3b; border-bottom: solid #002e3b 1px;}

.sectionHeaderFive h3 { text-transform: uppercase; letter-spacing: 1px; font-size: 3.2em; }

.centredHeader { text-align: center; }

@media (max-width: 700px) { .centredHeader { text-align: left; } }

.centredHeader .headerImg { width: 33%; margin: 50px auto 50px auto; }

@media (max-width: 790px) { .centredHeader .headerImg { width: 60%; margin-bottom: 30px; } }

@media (max-width: 700px) { .centredHeader .headerImg { width: 90%; margin-bottom: 30px; } }

.centredHeader h1 { font-size: 3.4em; border-top: 2px solid #002e3b; border-bottom: 2px solid #002e3b; display: inline-block; padding-top: 0em; padding-bottom: .15em; }

@media (max-width: 790px) { .centredHeader h1 { font-size: 2.6em; } }

.intro p:first-of-type { font-family: "Futura-Dem"; font-size: 1.5em; line-height: 1.35em; }

@media (max-width: 790px) { .intro p:first-of-type { font-size: 1.3em; } }

.detailList ul { margin: 0 0 0; padding: 0 0 3em; }

.detailList ul li { list-style: none; border-bottom: 2px solid #89CCC1; margin-bottom: .6em; padding-bottom: .6em; }

ul.staffList { padding: 0; display: flex; flex-wrap: wrap; }

ul.staffList li { list-style: none; width: 22%; margin-right: 4%; }

@media (max-width: 790px) { ul.staffList li { width: 44%; margin-right: 10%; } ul.staffList li:nth-child(even) { margin-right: 0; } }

ul.staffList li:nth-child(4n) { margin-right: 0; }

ul.staffList li h4 { font-family: "Futura-Dem"; font-size: .9em; color: #002e3b; margin-top: .5em; }

@media (max-width: 790px) { ul.staffList li h4 { font-size: .8em; } }

ul.staffList li p { font-size: .9em; line-height: 1em; color: #002e3b; }

@media (max-width: 790px) { ul.staffList li p { font-size: .8em; } }

.socialMedia { padding: 0; margin-bottom: 38px; margin-top: 0; }

.socialMedia li { list-style: none; display: inline-block; width: 36px; margin-right: 16px; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }

.socialMedia li.emailIcon { width: 44px; }

.socialMedia li.phoneIcon { width: 46px; }

.socialMedia li a { border-bottom: none; }

.socialMedia li:last-of-type { margin-right: 0; }

.socialMedia li:hover { opacity: .6; cursor: pointer; }

.unit4 h4 { text-transform: uppercase; font-family: "Futura-Dem"; font-size: .9em; letter-spacing: 1px; margin-top: 2.6em; }

.textBlock { margin-bottom: 40px; }

.textBlock h2 { border-bottom: 2px solid #002e3b; padding-bottom: .3em; margin-bottom: .5em; }

.textBlock h3 { font-size: 1.4em; margin-bottom: 0; }

.callOut { padding: 0 22%; text-align: center; }

@media (max-width: 790px) { .callOut { padding: 8%; } }

.callOut .quote { padding-bottom: 48px; }

.callOut .quote p { font-size: 1.8em; font-family: "Futura-Dem"; margin-bottom: .2em; }

@media (max-width: 790px) { .callOut .quote p { font-size: 1.4em; } }

.callOut .quote p.small { font-size: 1.2em; font-family: "Futura-Boo"; }

.greenBg .callOut .quote p.small { color: #fff; }

.textCallOut { border-top: 2px solid #8acbc1; border-bottom: 2px solid #8acbc1; padding: .4em 0 .6em 0; }

.textBlock .textCallOut { margin-top: 15em; }

@media (max-width: 790px) { .textBlock .textCallOut { margin-top: 2em; } }

.textBlock .textCallOut h2 { border-bottom: none; font-size: 9em; margin-bottom: 0; line-height: .4em; letter-spacing: 0; }

@media (max-width: 790px) { .textBlock .textCallOut h2 { font-size: 5em; } }

.textBlock .textCallOut p { color: #fff; }

.callOutList ul { padding: 0; }

.callOutList ul li { list-style: none; color: #fff; font-family: "Futura-Dem"; margin-bottom: 2em; border-bottom: 2px solid #002e3b; padding-bottom: 1em; line-height: 1.4em; }

.callOutList ul li:first-of-type { border-top: 2px solid #002e3b; padding-top: 2em; }

.callOutList ul li strong { font-size: 4em; text-transform: uppercase; font-family: "futurademi"; color: #002e3b; }

.callOutList:first-of-type ul li:last-of-type { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }

article { margin-bottom: 42px; }

article p { font-size: 1.2em; }

article h2 { text-transform: none; letter-spacing: 0; font-size: 1.8em; margin-bottom: .5em; }

article h3 { text-transform: none; letter-spacing: 0; font-size: 1.4em; margin-bottom: 0; border-bottom: none; }

article ul { margin-bottom: 1.8em; }

article ul li { font-size: 1.2em; }

article img { margin-bottom: 16px; }

article .video-container { margin-bottom: 16px; }

.smallerText { margin-top: 42px; }

.smallerText p, .smallerText ol, .smallerText li { font-size: 1em; line-height: 1.3em; }

.generalText h2 { text-transform: none; letter-spacing: 0; font-size: 1.8em; line-height: 1.1em; margin-bottom: .5em; font-family: "Futura-Boo"; }

.generalText h3 { text-transform: none; letter-spacing: 0; font-size: 1.6em; line-height: 1.1em; margin-bottom: .5em; }

.generalText h4 { text-transform: none; letter-spacing: 0; font-size: 1.4em; line-height: 1.1em; font-family: "Futura-Dem"; }

footer { background-color: #002e3b; padding-top: 80px; padding-bottom: 30px; }

footer p { color: #8acbc1; font-family: "Futura-Dem"; font-size: .95em; }

footer p.titleText { text-transform: uppercase; }

footer p.smallText { font-size: .9em; font-family: "Futura-Boo"; }

@media (max-width: 790px) { footer { padding-top: 30px; } footer .flexbox { display: flex !important; } }

@media (max-width: 790px) { footer .unit2:first-of-type { order: 2; } }

footer .unit2:last-of-type { text-align: right; }

@media (max-width: 790px) { footer .unit2:last-of-type { text-align: left; order: 1; margin-bottom: 20px; } }

footer .unit2:last-of-type .footerNav { margin-top: 0; padding: 0; }

footer .unit2:last-of-type .footerNav li { list-style: none; display: inline-block; text-transform: uppercase; font-family: "Futura-Dem"; font-size: 1em; margin-left: 14px; color: #8acbc1; position: relative; }

@media (max-width: 790px) { footer .unit2:last-of-type .footerNav li { text-align: left; margin-left: 0; padding-right: 22px; margin-right: 12px; margin-bottom: .4em; } }

footer .unit2:last-of-type .footerNav li a { border-bottom: none; color: #8acbc1; }

footer .unit2:last-of-type .footerNav li a:hover { color: #fff; }

/* 
	Client: Mantle Business Centres
	
*/
.contactForm { background-color: #fff; min-height: 1600px; position: absolute; top: 0; left: 0; z-index: 6000; display: none; }

@media (max-width: 790px) { .contactForm { height: auto; padding-bottom: 80px; border-bottom: 8px solid #8acbc1; } .contactForm input[type="submit"] { margin-bottom: 38px; } }

.contactForm .logo { width: 50px; margin-top: 16px; margin-bottom: 42px; float: left; }

.contactForm .close { float: right; display: block; width: 30px; margin-top: 20px; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; cursor: pointer; }

.contactForm .close:hover { opacity: .5; }

.contactForm header { margin-top: 22px; }

.contactForm header p { font-family: "Futura-Dem"; color: #8acbc1; font-size: 1.8em; line-height: 1.1em; }

.contactForm p { font-size: 1em; }

.contactForm p.telNo { font-family: "Futura-Dem"; color: #8acbc1; font-size: 1.4em; position: relative; padding-left: 32px; }

.contactForm p.telNo a { color: #8acbc1; border-bottom: none; }

.contactForm p.telNo:before { content: ""; display: block; width: 24px; height: 24px; background-image: url(../images/icons/phone-icon-green.svg); background-repeat: no-repeat; position: absolute; top: 7px; left: 0; }

.contactForm.locations .unit3:first-of-type img { margin-bottom: 30px; }

.contactForm.locations .unit3:first-of-type img + hr { display: none; }

@media (max-width: 790px) { .contactForm.locations .unit3:first-of-type img + hr { display: block; } }

.inColForm { background-color: rgba(255, 255, 255, 0.5); padding: 22px 4%; }

.inColForm form input[type="text"], .inColForm form input[type="password"], .inColForm form input[type="search"], .inColForm form input[type="email"], .inColForm form input[type="tel"], .inColForm form textarea { border: 1px solid rgba(0, 46, 59, 0.3); background: none; padding: 8px; margin-bottom: 10px;}

.inColForm form input[type=submit]:disabled { opacity: .4; cursor: default; }

.inColForm form input[type="checkbox"] { display: inline-block; margin-right: 6px; }

.inColForm form label { display: block; }

.inColForm form input[type=submit]:hover:disabled { color: #002e3b; border-color: #002e3b; }

.inColForm form p { font-family: "Futura-Dem"; font-size: 1em; margin-bottom: 0; }

.inColForm .freeform-form-has-errors { font-family: "Futura-Dem"; margin-bottom: 1em; font-size: 1.2em; background-color: #fff; padding: .4em .6em .3em; }

.inColForm ul.errors { padding: 0; margin: 0 0 22px; }

.inColForm ul.errors li { list-style: none; font-size: 1em; font-family: "Futura-Dem"; background-color: #fff; padding: .4em .6em .3em; }

.formCheckboxes label { margin-top: 6px; font-family: "Futura-Boo"; }

.formCheckboxes label:first-of-type { font-family: "Futura-Dem"; }

/* 
	Client: Mantle Business Centres
	
*/
header.mainHeader { height: 180px; position: fixed; z-index: 1000; -webkit-transition: height 0.3s linear; -moz-transition: height 0.3s linear; -o-transition: height 0.3s linear; transition: height 0.3s linear; background-color: #002e3b; }

@media (max-width: 790px) { header.mainHeader { height: 120px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } header.mainHeader.active { z-index: 3000; } }

header.mainHeader .logo { width: 8%; margin-top: 26px; float: left; }

@media (max-width: 1200px) { header.mainHeader .logo { width: 8%; } }

@media (max-width: 1100px) { header.mainHeader .logo { width: 8%; } }

@media (max-width: 790px) { header.mainHeader .logo { width: 60px; margin-left: 2px; margin-top: 14px; } }

header.mainHeader .logo img { display: block; width: 80px; -webkit-transition: width 0.3s linear; -moz-transition: width 0.3s linear; -o-transition: width 0.3s linear; transition: width 0.3s linear; }

@media (max-width: 790px) { header.mainHeader .logo img { width: 55px; } }

header.mainHeader .navBlock { width: 92%; float: left; padding-top: 60px; -webkit-transition: padding-top 0.3s linear; -moz-transition: padding-top 0.3s linear; -o-transition: padding-top 0.3s linear; transition: padding-top 0.3s linear; }

@media (max-width: 1200px) { header.mainHeader .navBlock { width: 92%; } }

@media (max-width: 1100px) { header.mainHeader .navBlock { width: 92%; } }

header.mainHeader.transformHeader { z-index: 5000; height: 110px; }

@media (max-width: 790px) { header.mainHeader.transformHeader { height: 94px; } }

header.mainHeader.transformHeader .logo img { width: 50px; }

header.mainHeader.transformHeader .logo img.type { display: none; }

header.mainHeader.transformHeader .navBlock { padding-top: 30px; }

/* header.mainHeader.transformHeader { z-index: 5000; height: 110px; @media only (max-width: $mobile) {	 height: 100px; }			 .logo { width: 50px; margin-top: 16px; img { width: 50px; @media only (max-width: $mobile) {	 width: 48px; } }					 img.type { display: none; } } nav.mainNav { margin-top: 30px; }	 }	 */
nav.mainNav { float: right; -webkit-transition: margin 0.3s linear; -moz-transition: margin 0.3s linear; -o-transition: margin 0.3s linear; transition: margin 0.3s linear; width: 80%; }

@media (max-width: 1200px) { nav.mainNav { width: 78%; } }

@media (max-width: 790px) { nav.mainNav { background-color: #8acbc1; margin-top: 0; position: fixed; z-index: 3000; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../images/logos/logo-symbol-blue.svg); background-repeat: no-repeat; background-size: 40px; background-position-x: 30px; background-position-y: 30px; display: none; } }

nav.mainNav ul { text-align: right; margin: 0; }

@media (max-width: 790px) { nav.mainNav ul { padding: 0 34px; margin-top: 5em; width: 100%; position: relative; text-align: left; /* &:after { content: ""; display: block; background-image: url(../images/graphics/work-grow-meet-blue.svg); background-repeat: no-repeat; position: absolute; left: 30px; bottom: -130px; width: 110px; height: 110px; } */ } }

nav.mainNav ul li { display: inline-block; font-family: "Futura-Dem"; font-size: 1.2em; margin-left: 14px; }

@media (max-width: 1400px) { nav.mainNav ul li { margin-left: 8px; } }

@media (max-width: 1300px) { nav.mainNav ul li { margin-left: 8px; } }

@media (max-width: 1200px) { nav.mainNav ul li { font-size: 1.1em; margin-left: 0; margin-right: 8px; } }

@media (max-width: 1100px) { nav.mainNav ul li { font-size: .8em; margin-right: 4px; } }

@media (max-width: 790px) { nav.mainNav ul li { display: block; border-bottom: 1px solid #fff; padding: .06em 0 0; font-size: 1.8em; text-transform: uppercase; letter-spacing: 1px; } nav.mainNav ul li:first-of-type { border-top: 1px solid #fff; } }

nav.mainNav ul li a { color: #8acbc1; border-bottom: none; }

@media (max-width: 790px) { nav.mainNav ul li a { -webkit-text-fill-color: #8acbc1; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #002e3b; } }

nav.mainNav ul li a:hover { color: #fff; }

.contactLink { margin-top: -2px; float: right; width: 154px; font-family: "Futura-Dem"; font-size: 1.3em; color: #fff; position: relative; text-align: right; }

@media (max-width: 1200px) { .contactLink { width: 130px; font-size: 1.1em; padding-left: 18px; margin-left: 0; margin-top: 0; } }

@media (max-width: 1100px) { .contactLink {margin-top:2px; width: 114px; font-size: .98em; } }

@media (max-width: 790px) { .contactLink { position: absolute; top: 12px; right: 50px; width: 60px; text-align: left; text-indent: -3000px; } }

.contactLink a { color: #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.contactLink a:hover { color: #8acbc1; cursor: pointer; }

.contactLink a:hover:before { background-image: url(../images/icons/22/chat-icon-green.svg); }

.contactLink a:before { content: ""; display: block; width: 28px; height: 28px; background-image: url(../images/icons/22/chat-icon-white.svg); background-repeat: no-repeat; position: absolute; top: 6px; left: 10px; }

@media (max-width: 1100px) { .contactLink a:before { top: 2px; left: 3px; } }

@media (max-width: 950px) { .contactLink a:before { top: 3px; left:8px; width: 25px; height: 25px; } }

@media (max-width: 790px) { .contactLink a:before { background-image: url(../images/icons/22/chat-icon-green.svg); top: 4px; width: 54px; height: 54px; background-size: 36px 36px; } }

/* 
	Client: Mantle Business Centres
	
*/

/* .homeSlider { width: 100%; height: 100%; padding-top: 180px; border-bottom: 14px solid #8acbc1; } */
/* amended – no border bottom, made trasnparent to not affect spacing */
.homeSlider { width: 100%; height: 100%; padding-top: 180px; border-bottom: 0px solid transparent; }

@media (max-width: 790px) { .homeSlider { padding-top: 119px; } }

.homeSlider .contentArea { height: 100%; width: 100%; position: relative; }

.homeSlider .imageArea { height: 100%; width: 100%; position: absolute; }

.homeSlider .captionFullScreen { height: 80%; width: 60%; margin-top: 6%; margin-left: 9%; position: absolute; background-repeat: no-repeat; background-size: contain; background-image: url(../images/graphics/work-grow-meet.svg); /*			 @media only (min-width: $mobile) AND (max-height: 600px)  { margin-top: 2%; }			 */ }

@media (min-width: 790px) and (max-height: 800px) { .homeSlider .captionFullScreen { margin-top: 3%; } }

@media (min-width: 790px) and (max-height: 700px) { .homeSlider .captionFullScreen { margin-top: 2%; } }

@media (min-width: 1700px) { .homeSlider .captionFullScreen { width: 1014px; } }

@media (max-width: 790px) { .homeSlider .captionFullScreen { background: none; } }

.homeSlider .content { position: absolute; height: 100%; }

.homeSlider .content .centreWrap { padding-top: 6%; }

@media (min-width: 790px) and (max-height: 800px) { .homeSlider .content .centreWrap { padding-top: 3%; } }

@media (min-width: 790px) and (max-height: 700px) { .homeSlider .content .centreWrap { padding-top: 2%; } }

@media (max-width: 790px) { .homeSlider .content .centreWrap { padding: 0; } }

.homeSlider .content .centreWrap .caption { width: 68%; float: left; display: none; }

@media (max-width: 790px) { .homeSlider .content .centreWrap .caption { display: block; width: 90%; } }

.homeSlider .content .centreWrap .caption img { width: 100%; height: auto; }

@media (max-width: 790px) { .homeSlider .content .centreWrap .caption img { width: 100%; margin: 24px 18px 0; } }

.homeOptionsMenu { background-color: #8acbc1; width: 30%; float: left; margin-left: 72%; padding: 2% 2.5% 3%; /*	 @media only (min-width: $desktop)  { width: 24%; margin-left: 78%; }	*/ }

@media (min-width: 790px) { .homeOptionsMenu { -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.3); -o-box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.3); box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3); } }

@media (max-width: 790px) { .homeOptionsMenu { width: 100%; margin-left: 0; padding: 20px 6% 38px 6%; position: absolute; top: 86%; z-index: 2000; } }

.homeOptionsMenu h4 { font-family: "Futura-Dem"; font-size: 1.6em; border-bottom: 2px solid #fff; padding-bottom: .5em; margin-bottom: .4em; }

@media (max-width: 790px) { .homeOptionsMenu h4 { font-size: 1.3em; padding-bottom: .8em; color: #fff; } }

.homeOptionsMenu p { font-family: "Futura-Dem"; position: relative; border-bottom: 2px solid #fff; padding-bottom: .8em; margin-top: .8em; margin-bottom: 0; font-size: 1.1em; }

@media (max-width: 1300px) { .homeOptionsMenu p { font-size: 1em; } }

@media (max-width: 790px) { .homeOptionsMenu p { font-size: 1.1em; margin-top: .4em; padding-bottom: .4em; } }

.homeOptionsMenu p:after { content: ""; background-image: url(../images/icons/down-arrow.svg); background-repeat: no-repeat; display: block; height: 20px; width: 18px; position: absolute; top: 4px; right: 0; }

.homeOptionsMenu p:hover { cursor: pointer; }

.homeOptionsMenu p.active:after { background-image: url(../images/icons/up-arrow.svg); }

.homeOptionsMenu ul { padding: 0; display: none; }

.homeOptionsMenu ul.active { display: block; }

.homeOptionsMenu ul li { list-style: none; text-transform: uppercase; letter-spacing: 2px; font-size: 1.8em; line-height: 1.2em; }

@media (max-width: 1300px) { .homeOptionsMenu ul li { font-size: 1.6em; } }

@media (max-width: 790px) { .homeOptionsMenu ul li { font-size: 2.6em; } }

.homeOptionsMenu ul li a { border-bottom: none; color: #002e3b; font-family: "futurademi"; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }

.homeOptionsMenu ul li a:hover { opacity: .6; }

.homeMainContent { padding-top: 100px; background-image: url(../images/graphics/shape-home-bg.svg); background-repeat: no-repeat; background-size: cover; }

@media (max-width: 790px) { .homeMainContent { padding-top: 170px; } }

.homeMainContent h3, .homeMainContent p { width: 80%; }

@media (max-width: 790px) { .homeMainContent h3, .homeMainContent p { width: 100%; } }

.homeMainContent p { margin-bottom: 2em; }

.homeMainContent .unit2:first-of-type img { width: 90%; margin-top: 60px; margin-bottom: 60px; }

.homeMainContent .unit2:last-of-type img:first-of-type { margin-bottom: 60px; }

.homeMainContent .unit2:last-of-type img.portrait { width: 50%; margin: 60px 25% 0; }

@media (max-width: 790px) { .homeMainContent .unit2:last-of-type img.portrait { width: 100%; margin: 0 0 60px; } }

.videoPromo { padding-bottom: 40px; }

@media (max-width: 790px) { .videoPromo { padding-top: 70px; } }

.videoPromo .centreWrap { margin-top: 62px; }

.videoPromo p.preHead, p.preHead { font-family: "Futura-Boo"; font-size: .9em; margin-bottom: .2em; text-transform: uppercase; font-size: 1.3em; line-height: 1.4em; }

.videoPromo h3 { border-bottom: 2px solid #002E3B; margin-bottom: 1em; }

.videoPromo p.videoCaption { font-size: .9em; margin-top: .5em; }

.videoPromo a.button, .videoPromo a.pillLeft, .videoPromo a.pillRight, .videoPromo a.fill, .videoPromo a.roundCorner, .videoPromo a.oval, .videoPromo a.small, .videoPromo a.medium, .videoPromo a.large { margin-bottom: 15px; }

.navyPromo { padding: 80px 0 79px; }

.navyPromo+.navyPromo { padding: 0 0 79px; }

@media (max-width: 790px) { .navyPromo { padding: 40px 0 39px; } .navyPromo+.navyPromo { padding: 0 0 39px; } }

.navyPromo h3 { color: #fff; margin-bottom: 1em; }

.navyPromo p { color: #fff; }

/*.navyPromo p a.button, .navyPromo p a.pillLeft, .navyPromo p a.pillRight, .navyPromo p a.fill, .navyPromo p a.roundCorner, .navyPromo p a.oval, .navyPromo p a.small, .navyPromo p a.medium, .navyPromo p a.large { background-color: #8acbc1; color: #002e3b; }

.navyPromo p a.button:hover, .navyPromo p a.pillLeft:hover, .navyPromo p a.pillRight:hover, .navyPromo p a.fill:hover, .navyPromo p a.roundCorner:hover, .navyPromo p a.oval:hover, .navyPromo p a.small:hover, .navyPromo p a.medium:hover, .navyPromo p a.large:hover { border-color: #8acbc1; }*/

.homeListing { padding-top: 68px; padding-bottom: 68px; border-bottom: 12px solid #8acbc1; }

.homeListing h2 { font-size: 3.5em; margin-bottom: .8em; }

.homeListing ul { padding: 0; margin: 0; margin-bottom: 2.2em; }

.homeListing ul li { list-style: none; font-family: "Futura-Dem"; line-height: 1.5em; margin-bottom: 1em; padding-bottom: 1.1em; border-bottom: 2px solid #8acbc1; }

.homeListing ul li a { border: none; color: #fff; }

.homeListing ul li a strong { text-transform: uppercase; font-size: 1.3em; letter-spacing: 3px; color: #8acbc1; -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; }

.homeListing ul li a:hover strong { color: #fff; }

.businessPerksPromo { background-color: #8acbc1; background-image: url(../images/graphics/homepage-background-pattern.svg); background-repeat: no-repeat; background-size: cover; }


.businessPerksPromo .centreWrap { display: flex; justify-content: space-between; margin-top: 62px; margin-bottom: 62px; }

@media (max-width: 790px) { .businessPerksPromo .centreWrap { display: block; } }

.businessPerksPromo .centreWrap .unit2 { width: 48%; padding: 0 38px; }

@media (max-width: 790px) { .businessPerksPromo .centreWrap .unit2 { width: 100%; padding: 0 28px; } }

.businessPerksPromo .centreWrap .unit2 p.button { border: 4px solid #002e3b; display: inline-block; padding: 14px 22px; border-radius: 10px; font-family: "Futura-Dem"; margin-bottom: 0; }

.businessPerksPromo .centreWrap .unit2 p.button a { border: none; }

.businessPerksPromo .centreWrap .unit2 p.button a:hover { cursor: default; }

.businessPerksPromo .centreWrap .unit2:first-of-type { background-color: #002e3b; border-radius: 12px; padding: 12px 4% 0; display: flex; flex-direction: column; justify-content: center; }

@media (max-width: 790px) { .businessPerksPromo .centreWrap .unit2:first-of-type { padding: 28px 28px; margin-bottom: 32px; } }

.businessPerksPromo .centreWrap .unit2:first-of-type h2 { color: #fff; font-size: 1.7em; line-height: 1.5em; text-transform: none; letter-spacing: 0; margin-bottom: .6em; }

@media (max-width: 790px) { .businessPerksPromo .centreWrap .unit2:first-of-type h2 { font-size: 1.5em; line-height: 1.3em; } }

.businessPerksPromo .centreWrap .unit2:first-of-type hr { background-color: #8acbc1; margin-bottom: 18px; }

.businessPerksPromo .centreWrap .unit2:first-of-type p { color: #8acbc1; margin-bottom: 1em; font-size: 1.7em; }

@media (max-width: 790px) { .businessPerksPromo .centreWrap .unit2:first-of-type p { font-size: 1.5em; line-height: 1.3em; } }

.referAFriend {background-image: url(../images/graphics/refer-background-pattern.svg); background-repeat: repeat; background-size: 100px;}

.referAFriend .centreWrap .unit2 p a.button { border: 4px solid #002e3b; display: inline-block; padding: 14px 22px; border-radius: 10px; font-family: "Futura-Dem"; margin-bottom: 0; color: #002e3b; }

.referAFriend .centreWrap .unit2 p a.button:hover { color: #fff; border: 4px solid #fff; cursor: pointer;}

.referAFriend .centreWrap .unit2:first-of-type { background-color: transparent; border-radius: 0; padding: 0; display: block; }

@media (max-width: 790px) { .referAFriend .centreWrap .unit2 { width: 100%; padding: 0; } }


/* 
	Client: Mantle Business Centres
	
*/
.locMenu { padding: 0; margin: 0; display: flex; flex-wrap: wrap; }

.locMenu li { list-style: none; padding: 0; position: relative; border-bottom: 10px solid #8acbc1; width: 50%; height: 375px; }

@media (max-width: 790px) { .locMenu li {width: 100%; height: auto; } }

.locMenu li.promoBlock {
	background-color: #8acbc1; background-image: url(../images/graphics/homepage-background-pattern.svg); background-repeat: no-repeat; background-size: cover; color: #002e3b; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; padding: 10px 5% 0;
}

.locMenu li.promoBlock h2 { font-size: 1.5em; margin-bottom: 1em; }

.locMenu li.promoBlock p { margin-bottom: 0;}

.locMenu li.promoBlock p a.button { border: 4px solid #002e3b; color: #002e3b; }

.locMenu li.promoBlock p a.button:hover { border: 4px solid #fff; color: #fff; }

@media (max-width: 790px) { .locMenu li.promoBlock { padding: 5%; }}

@media (max-width: 790px) { .locMenu li.promoBlock h2 { font-size: 1.3em; margin-bottom: .8em; } }

@media (max-width: 790px) { .locMenu li.promoBlock p { font-size: 1em; }}


.locMenu li a.officeLocation { border-bottom: none; width: 100%; }

.locMenu li a.officeLocation img.locationImage { opacity: .3; width: 100%; height: auto; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; object-fit: cover; height: 100%; }

.locMenu li a.officeLocation .officeGraphic { width: 400px; position: absolute; top: 50%; margin-top: -90px; left: 50%; margin-left: -200px; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }

@media (max-width: 790px) { .locMenu li a.officeLocation .officeGraphic { width: 350px; margin-top: -90px; margin-left: -175px; } }

@media (max-width: 700px) { .locMenu li a.officeLocation .officeGraphic { width: 250px; margin-top: -60px; margin-left: -125px; } }

.locMenu li a.officeLocation:hover img.locationImage { opacity: .1; }

.locMenu li .locationPin { position: absolute; border-bottom: 0; width: 34px; height: 40px; top: 12%; right: 7%; z-index: 200; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }

.locMenu li .locationPin:hover { opacity: .5; }

@media (min-width: 1228px) { .locMenu li .locationPin { right: 10%; } }

@media (min-width: 1900px) { .locMenu li .locationPin { right: 20%; } }

@media (max-width: 790px) { .locMenu li .locationPin { width: 24px; } }

.locMapHeader { position: relative; padding-top: 20px; }

@media (max-width: 790px) { .locMapHeader { padding-top: 0; } }

.locMapHeader img { width: 100%; margin: 0 auto; }

@media (max-width: 790px) { .locMapHeader img { width: 80%; } }

.locMapPrev, .locMapNext { position: absolute; top: 10px; text-indent: -3000px; width: 30px; height: 186px; background-repeat: no-repeat; background-position: center center; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }

@media (max-width: 790px) { .locMapPrev, .locMapNext { width: 20px; height: 128px; } }

.locMapPrev:hover, .locMapNext:hover { opacity: .6; cursor: pointer; }

.locMapPrev { left: -120px; background-image: url(../images/icons/arrow-green-thin-left.svg); }

@media (max-width: 790px) { .locMapPrev { left: -20px; } }

.locMapNext { right: -120px; background-image: url(../images/icons/arrow-green-thin-right.svg); }

@media (max-width: 790px) { .locMapNext { right: -20px; } }

.locButtons { padding: 0 25%; }

@media (max-width: 790px) { .locButtons { padding: 0; margin-bottom: 44px; } }

.locButtons .locExploreButton { float: left; width: 60%; margin-left: 8%; }

.locButtons .locExploreButton a.button, .locButtons .locExploreButton a.pillLeft, .locButtons .locExploreButton a.pillRight, .locButtons .locExploreButton a.fill, .locButtons .locExploreButton a.roundCorner, .locButtons .locExploreButton a.oval, .locButtons .locExploreButton a.small, .locButtons .locExploreButton a.medium, .locButtons .locExploreButton a.large { height: 46px; width: 100%; padding-left: 0; padding-right: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.locButtons .locExploreButton a.button:hover, .locButtons .locExploreButton a.pillLeft:hover, .locButtons .locExploreButton a.pillRight:hover, .locButtons .locExploreButton a.fill:hover, .locButtons .locExploreButton a.roundCorner:hover, .locButtons .locExploreButton a.oval:hover, .locButtons .locExploreButton a.small:hover, .locButtons .locExploreButton a.medium:hover, .locButtons .locExploreButton a.large:hover { border-color: #fff; color: #fff; }

.locButtons .locLocationsButton { width: 20%; display: block; float: left; margin-left: 4%; }

.locButtons .locLocationsButton a.button, .locButtons .locLocationsButton a.pillLeft, .locButtons .locLocationsButton a.pillRight, .locButtons .locLocationsButton a.fill, .locButtons .locLocationsButton a.roundCorner, .locButtons .locLocationsButton a.oval, .locButtons .locLocationsButton a.small, .locButtons .locLocationsButton a.medium, .locButtons .locLocationsButton a.large { width: 100%; background-color: #8acbc1; height: 46px; padding: 0; background-image: url(../images/icons/location-pin-icon-blue.svg); background-repeat: no-repeat; background-position: center center; background-size: 20px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.locButtons .locLocationsButton a.button:hover, .locButtons .locLocationsButton a.pillLeft:hover, .locButtons .locLocationsButton a.pillRight:hover, .locButtons .locLocationsButton a.fill:hover, .locButtons .locLocationsButton a.roundCorner:hover, .locButtons .locLocationsButton a.oval:hover, .locButtons .locLocationsButton a.small:hover, .locButtons .locLocationsButton a.medium:hover, .locButtons .locLocationsButton a.large:hover { border-color: #fff; background-color: #fff; }

#map_canvas { width: 100%; height: 600px; }

@media (max-width: 700px) { #map_canvas { height: 200px; } }

@media (max-width: 700px) { #map_canvas.locEntryMap { height: 400px; } }

.locRevealButton { display: none; }

@media (max-width: 700px) { .locRevealButton { display: block; } }

@media (max-width: 700px) { .locHiddenContent { display: none; } }

@media (max-width: 790px) { .flexbox.locLocationDetails { display: flex; } .flexbox.locLocationDetails .locDetailsLocation { order: 1; } .flexbox.locLocationDetails .locDetailsAmenities { order: 2; } .flexbox.locLocationDetails .locDetailsOptions { order: 3; } }

.locTravelDetail { display: none; padding: 0; }

@media (max-width: 790px) { .locTravelDetail { display: block; } }

.locTravelDetail li { list-style: none; font-family: "Futura-Dem"; margin-bottom: 1em; padding-left: 62px; position: relative; }

.locTravelDetail li:before { content: ""; display: block; width: 50px; height: 50px; position: absolute; left: 0; background-repeat: no-repeat; }

.locTravelDetail li.road:before { background-image: url(../images/icons/direction-arrow-icon.svg); }

.locTravelDetail li.rail:before { background-image: url(../images/icons/rail-icon.svg); }

/* 
	Client: Mantle Business Centres
	
*/
@media (max-width: 790px) { .newsContent .unit4:last-of-type { margin-bottom: 80px; } }

@media (max-width: 700px) { .newsContent .unit4 { width: 100%; } }

@media (max-width: 790px) { .newsFilterMenu, .eventsFilterMenu { display: none; } }

.newsFilterMenu ul, .eventsFilterMenu ul { padding: 0; }

.newsFilterMenu ul li, .eventsFilterMenu ul li { list-style: none; text-transform: uppercase; font-family: "Futura-Dem"; font-size: 1em; line-height: 1.89em; }

.newsFilterMenu ul li a, .eventsFilterMenu ul li a { color: #8acbc1; border: none; }

.greenBg .newsFilterMenu ul li a, .greenBg .eventsFilterMenu ul li a { color: #fff; }

.newsFilterMenu ul li a:hover, .eventsFilterMenu ul li a:hover { color: #002e3b; }

.eventsFilterMenu h4 { position: relative; }

.eventsFilterMenu h4:before { content: ""; display: block; width: 24px; height: 24px; position: absolute; top: -32px; background-image: url(../images/icons/location-pin-icon-green-solid.svg); background-repeat: no-repeat; }

ul.newsItemListing { padding: 0; }

ul.newsItemListing li { list-style: none; border-bottom: 2px solid #002e3b; margin-bottom: 26px; padding-bottom: 18px; }

ul.newsItemListing li:first-of-type { border-top: 2px solid #002e3b; padding-top: 22px; }

ul.newsItemListing li p { font-family: "Futura-Dem"; font-size: .9em; margin-bottom: 0; }

ul.newsItemListing li p.summary { font-family: "Futura-Dem"; margin-bottom: .5em; }

ul.newsItemListing li h3 { border-bottom: none; text-transform: uppercase; margin-bottom: .2em; letter-spacing: 1px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; font-family: "futurademi"; }

ul.newsItemListing li h3 a { border-bottom: none; color: #8acbc1; }

.greenBg ul.newsItemListing li h3 a { color: #fff; }

ul.newsItemListing li h3 a:hover { color: #002e3b; }

ul.newsItemListing li img { width: 36%; margin: 18px 0; }

p.newsEntryLocation { text-transform: uppercase; letter-spacing: 1px; position: relative; padding-left: 20px; }

ul.newsItemListing li p.newsEntryLocation { font-family: "Futura-Dem"; font-size: .8em; }

.newsEntryArticle header p.newsEntryLocation { font-size: 1.05em; padding-bottom: 1.5em; }

p.newsEntryLocation a { border: none; -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; }

p.newsEntryLocation a:hover { color: #8acbc1; }

p.newsEntryLocation:before { content: ""; position: absolute; top: 2px; left: 0; background-image: url(../images/icons/location-pin-icon-blue-solid.svg); background-repeat: no-repeat; display: block; width: 18px; height: 18px; }

.newsPagination { border-top: 1px solid #8acbc1; border-bottom: 1px solid #8acbc1; margin-top: 32px; margin-bottom: 42px; }

.newsPagination p { text-transform: uppercase; font-family: "Futura-Dem"; font-size: .9em; margin-top: .8em; margin-bottom: .8em; letter-spacing: 1px; }

.newsPagination p a { border: 1px solid #green; margin-left: .4em; color: #8acbc1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.newsPagination p a:hover { color: #002e3b; border-color: #002e3b; }

.greenBg .newsPagination p a { color: #fff; border-color: #fff; }

.greenBg .newsPagination p a:hover { color: #002e3b; border-color: #002e3b; }

.newsEntryArticle { margin-top: 32px; }

.newsEntryArticle p.entryDate { font-family: "Futura-Dem"; font-size: 1.3em; margin-bottom: .4em; }

.newsEntryArticle h1 { margin-bottom: .4em; color: #8acbc1; letter-spacing: 1px; }

.newsEntryArticle .eventEntryText img { width: 50%; }

/* 
	Client: Mantle Business Centres
	
*/
.optionsSliderWrap { width: 100%; max-width: 1700px; margin: 68px auto 0 auto; padding: 0 8%; }

@media (max-width: 1200px) { .optionsSliderWrap { margin-top: 84px; } }

.optionsPageMenu .menuItem { border: 2px solid #8acbc1; padding: 16px; margin: 0 16px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; }

.optionsPageMenu .menuItem img { -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }

.optionsPageMenu .menuItem img:hover { opacity: .7; }

@media (max-width: 790px) { .optionsPageMenu .menuItem { margin: 0; } }

.optionsPageMenu .menuItem:focus { outline: none; }

.optionsPageMenu .menuItem h2 { font-size: 2em; margin-top: .6em; margin-bottom: .6em; }

.optionsPageMenu .menuItem h2 a { color: #8acbc1; }

.optionsPageMenu .menuItem h2 a:hover { color: #fff; }

@media (min-width: 2000px) { .optionsPageMenu .menuItem h2 { font-size: 1.9em; } }

@media (max-width: 1663px) { .optionsPageMenu .menuItem h2 { font-size: 1.9em; } }

@media (max-width: 1555px) { .optionsPageMenu .menuItem h2 { font-size: 1.8em; } }

@media (max-width: 1500px) { .optionsPageMenu .menuItem h2 { font-size: 1.7em; } }

@media (max-width: 790px) { .optionsPageMenu .menuItem h2 { font-size: 2em; } }

.intro.optionsIntro p { font-family: "Futura-Dem"; font-size: 1.5em; line-height: 1.35em; }

.optionsCallOut { -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; padding: 18px 26px 4px; margin: 42px 0 42px; background-image: url(../images/graphics/stars-graphic-green.svg); background-repeat: no-repeat; background-position: bottom right; background-size: 120px 120px; }

.optionsCallOut h3 { font-family: "futurademi"; text-transform: uppercase; border: none; font-size: 2.4em; margin-bottom: .5em; }

.optionsCallOut p:last-of-type { margin-right: 80px; font-family: "Futura-Boo"; }

/* 
	Client: Mantle Business Centres
	
*/
.vacanciesBlock header { margin: 42px 0 32px; }

.vacanciesBlock header h2 { font-size: 1.6em; }

.vacanciesBlock h3 { font-size: 1.6em; border: none; }

.vacanciesBlock .unit1 { border-bottom: 2px solid #8acbc1; padding-bottom: 22px; margin-bottom: 32px; }

.vacanciesBlock .unit1:last-of-type { border: none; }

.vacanciesBlock .unit2.description {
	max-height: 200px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to bottom, black 150px, transparent 100%);
  mask-image: linear-gradient(to bottom, black 150px, transparent 100%);
  transition: max-height ease-in-out 1s;
  }
  
.vacanciesBlock .unit2.description.show {
	max-height: none;
	-webkit-mask-image: none;
	mask-image: none;
}
  
.vacanciesBlock .unit2.buttonWrap {
	margin-left: 53%;
  padding-top: 20px;  
}
@media (max-width: 790px) {
	.vacanciesBlock .unit2.buttonWrap {
	margin-left: 0;
	}
}

.vacanciesBlock .unit2.buttonWrap button {
	border: none;
	font-family: "Futura-Dem";
	color: #8acbc1;
	padding: 0;
	background: none;
	transition: all ease-in-out 1s;
	}
	
.vacanciesBlock .unit2.buttonWrap button span:last-of-type, .vacanciesBlock .unit2.buttonWrap button.activated span:first-of-type {
	display: none;
}

.vacanciesBlock .unit2.buttonWrap button.activated span:last-of-type {
	display: block;
}

	
.vacanciesBlock .unit2.buttonWrap button:hover {
	color: #002e3b;
}
  

/* 
	Client: Mantle Business Centres
	
*/
.cafeBlock .unit2 { width: 47%; margin-right: 6%; border: 4px solid #8acbc1; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; padding: 28px; text-align: center; }

@media (max-width: 790px) { .cafeBlock .unit2 { width: 100%; margin-bottom: 22px; } }

.cafeBlock .unit2 img.logo { height: 140px; width: auto; margin: 0 auto 0 auto; }

@media (max-width: 790px) { .cafeBlock .unit2 img.logo { height: 100px; } }

.cafeBlock .unit2 img.foodImg { margin-bottom: 22px; }

.cafeBlock .unit2 h3 { border: none; font-size: 1.6em; margin-bottom: 1em; color: #8acbc1; }

@media (max-width: 790px) { .cafeBlock .unit2 p { font-size: 1.2em; } }

.cafeBlock .unit2 ul { text-align: left; border-top: 1px solid #002e3b; padding: .4em 0 0 0; }

.cafeBlock .unit2 ul li { list-style: none; border-bottom: 1px solid #002e3b; line-height: 1.4em; font-size: 1.1em; margin-bottom: .4em; padding-bottom: .4em; }

.cafeBlock .unit2:nth-child(even) { margin-right: 0; }

a.button, a.pillLeft, a.pillRight, a.fill, a.roundCorner, a.oval, a.small, a.medium, a.large { margin: .2em 0; }

a.button, a.pillLeft, a.pillRight, a.fill, a.roundCorner, a.oval, a.small, a.medium, a.large { color: #8acbc1; border: 3px solid #8acbc1; display: inline-block; padding: 8px 46px 9px 46px; font-family: "Futura-Dem"; text-align: center; font-size: 1.1em; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

@media (max-width: 790px) { a.button, a.pillLeft, a.pillRight, a.fill, a.roundCorner, a.oval, a.small, a.medium, a.large { font-size: 1em; width: 100%; } }

.greenBg a.button, .greenBg a.pillLeft, .greenBg a.pillRight, .greenBg a.fill, .greenBg a.roundCorner, .greenBg a.oval, .greenBg a.small, .greenBg a.medium, .greenBg a.large { border-color: #002e3b; color: #002e3b; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.greenBg a.button:hover, .greenBg a.pillLeft:hover, .greenBg a.pillRight:hover, .greenBg a.fill:hover, .greenBg a.roundCorner:hover, .greenBg a.oval:hover, .greenBg a.small:hover, .greenBg a.medium:hover, .greenBg a.large:hover { border-color: #fff; color: #fff; }

.whiteBg a.button, .whiteBg a.pillLeft, .whiteBg a.pillRight, .whiteBg a.fill, .whiteBg a.roundCorner, .whiteBg a.oval, .whiteBg a.small, .whiteBg a.medium, .whiteBg a.large { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.whiteBg a.button:hover, .whiteBg a.pillLeft:hover, .whiteBg a.pillRight:hover, .whiteBg a.fill:hover, .whiteBg a.roundCorner:hover, .whiteBg a.oval:hover, .whiteBg a.small:hover, .whiteBg a.medium:hover, .whiteBg a.large:hover { border-color: #002e3b; color: #002e3b; }

a.button.solid, a.solid.pillLeft, a.solid.pillRight, a.solid.fill, a.solid.roundCorner, a.solid.oval, a.solid.small, a.solid.medium, a.solid.large { background-color: #8acbc1; color: #002e3b; border: none; }

a.button.solid:hover, a.solid.pillLeft:hover, a.solid.pillRight:hover, a.solid.fill:hover, a.solid.roundCorner:hover, a.solid.oval:hover, a.solid.small:hover, a.solid.medium:hover, a.solid.large:hover { background-color: #fff; color: #002e3b; }

.blueBg a.button.solid:hover, .blueBg a.solid.pillLeft:hover, .blueBg a.solid.pillRight:hover, .blueBg a.solid.fill:hover, .blueBg a.solid.roundCorner:hover, .blueBg a.solid.oval:hover, .blueBg a.solid.small:hover, .blueBg a.solid.medium:hover, .blueBg a.solid.large:hover { color: #002e3b; }

a.button.wide, a.wide.pillLeft, a.wide.pillRight, a.wide.fill, a.wide.roundCorner, a.wide.oval, a.wide.small, a.wide.medium, a.wide.large { width: 100%; }

a.button:hover, a.pillLeft:hover, a.pillRight:hover, a.fill:hover, a.roundCorner:hover, a.oval:hover, a.small:hover, a.medium:hover, a.large:hover { color: #002e3b; border-color: #002e3b; }

.blueBg a.button:hover, .blueBg a.pillLeft:hover, .blueBg a.pillRight:hover, .blueBg a.fill:hover, .blueBg a.roundCorner:hover, .blueBg a.oval:hover, .blueBg a.small:hover, .blueBg a.medium:hover, .blueBg a.large:hover { color: #fff; border-color: #fff; }

a.large { font-size: 2em; }

a.medium { font-size: 1.6em; }

a.small { font-size: .8em; }

a.oval { -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; }

a.roundCorner { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }

a.fill { background: #607783; color: #fff; border: 0; }

a.fill:hover { background: #e16622; color: #fff; border: 0; }

a.pillRight { -webkit-border-radius: 40px 0 0 40px; -moz-border-radius: 40px 0 0 40px; -ms-border-radius: 40px 0 0 40px; -o-border-radius: 40px 0 0 40px; border-radius: 40px 0 0 40px; }

a.pillLeft { -webkit-border-radius: 0 40px 40px 0; -moz-border-radius: 0 40px 40px 0; -ms-border-radius: 0 40px 40px 0; -o-border-radius: 0 40px 40px 0; border-radius: 0 40px 40px 0; }

/* 
	Client: Mantle Business Centres
	
	Careers page
	
	Created: 23/1/20
	
*/
.careersPage h2 { font-size: 2.4em; letter-spacing: 0; }

@media (max-width: 790px) { .careersPage h2 { font-size: 1.8em; } }

.careersPage h3 { color: #fff; text-transform: uppercase; letter-spacing: 6px; font-size: 1em; line-height: 1.4em; margin-bottom: 2em; border-bottom: none; }

.careersPage h4 { font-family: "Futura-Dem"; font-size: 1.8em; margin-bottom: .4em; }

@media (max-width: 790px) { .careersPage h4 { font-size: 1.4em; } }

@media (max-width: 790px) { .careersPage p { font-size: 1.1em; } }

.careersPageHeader { position: relative; }

.careersPageHeader .careersPageHeaderTitle { position: absolute; top: 0; width: 100%; text-align: center; height: 100%; display: flex; flex-direction: column; justify-content: space-around; }

.careersPageHeader .careersPageHeaderTitle h1 { color: #fff; text-transform: uppercase; letter-spacing: 0; font-family: "futurademi"; margin-bottom: 0; line-height: 1em; font-size: 8em; }

.careersPageHeader .careersPageHeaderTitle h1 br { display: none; }

@media (max-width: 790px) { .careersPageHeader .careersPageHeaderTitle h1 { font-size: 4em; } .careersPageHeader .careersPageHeaderTitle h1 br { display: block; } }

.careersPageHeaderImage img { opacity: .8; }

.careersPageSubHeader { text-align: center; padding: 38px 0; }

@media (max-width: 790px) { .careersPageSubHeader { padding: 28px 0; } }

.careersPageSubHeader h2 { color: #8acbc1; text-transform: none; }

.careersPageIntro { background-color: #8acbc1; padding: 82px 0; }

@media (max-width: 790px) { .careersPageIntro { padding: 42px 0; } }

.careersPageIntro .centreWrap { display: flex; justify-content: space-between; }

@media (max-width: 790px) { .careersPageIntro .centreWrap { display: block; } }

.careersPageFirstQuote { background-image: url(../images/careers/careers-kings-court.jpg); background-position: center center; background-size: cover; padding: 84px 0; }

.careersPageFirstQuote .centreWrap { display: flex; justify-content: flex-end; }

@media (max-width: 790px) { .careersPageFirstQuote .centreWrap { display: block; } }

.careersPageQuoteBox { background-color: #8acbc1; width: 40%; border-radius: 16px; padding: 42px 62px; }

@media (max-width: 790px) { .careersPageQuoteBox { width: 100%; padding: 32px 42px; } }

.careersPageQuoteBox img { width: 220px; margin-bottom: 32px; }

@media (max-width: 790px) { .careersPageQuoteBox img { width: 160px; } }

.careersPageQuoteBox p:first-of-type { font-family: "Futura-Dem"; position: relative; font-size: 1.7em; line-height: 1.3em; }

@media (max-width: 790px) { .careersPageQuoteBox p:first-of-type { font-size: 1.4em; } }

.careersPageQuoteBox p:first-of-type:before { content: "\201c"; position: absolute; left: -22px; font-size: 1.4em; }

.careersPageQuoteBox p:first-of-type:after { content: "\201d"; font-size: 1.4em; }

.careersPageQuoteBox p:last-of-type { font-size: 1.1em; }

.careersPageValues { background-color: #fff; }

.careersPageValues .centreWrap h3 { color: #002e3b; text-align: center; font-size: 1.4em; margin-top: 2em; }

.careersPageValues .centreWrap ul { padding: 44px 42px; display: flex; justify-content: space-between; flex-wrap: wrap; }

@media (max-width: 790px) { .careersPageValues .centreWrap ul { display: block; padding: 0px 42px; } }

.careersPageValues .centreWrap ul li { width: 27%; list-style: none; margin-bottom: 44px; }

@media (max-width: 790px) { .careersPageValues .centreWrap ul li { width: 100%; } }

.careersPageValues .centreWrap ul li img { width: 180px; }

.careersPageValues .centreWrap ul li h4 { position: relative; font-size: 1.4em; margin: .5em 0; }

.careersPageValues .centreWrap ul li h4:before { content: ""; position: absolute; display: block; width: 32px; height: 32px; background-image: url(../images/careers/tick-icon.svg); background-size: contain; left: -42px; }

.careersPageValues .centreWrap ul li p { font-size: 1em; }

.careersPageSecondQuotes { background-color: #fff; }

.careersPageSecondQuotes .centreWrap { display: flex; justify-content: space-between; margin-bottom: 44px; }

@media (max-width: 790px) { .careersPageSecondQuotes .centreWrap { display: block; } }

.careersPageSecondQuotes .centreWrap .careersPageQuoteBox { width: 47%; }

@media (max-width: 790px) { .careersPageSecondQuotes .centreWrap .careersPageQuoteBox { width: 100%; margin: 24px 0; } }

.careersPagePerks .centreWrap h3 { color: #8acbc1; text-align: center; font-size: 1.4em; margin-top: 2em; }

@media (max-width: 790px) { .careersPagePerks .centreWrap h3 { margin: 1em 0; } }

.careersPagePerks .centreWrap .unit1:first-of-type { display: block; }

.careersPagePerks .centreWrap .unit1 { display: flex; flex-wrap: wrap; margin-bottom: 44px; }

@media (max-width: 790px) { .careersPagePerks .centreWrap .unit1 { display: block; margin-bottom: 0; } }

.careersPagePerks .centreWrap .unit1.leftAlign { justify-content: flex-end; }

.careersPagePerks .centreWrap .unit1.leftAlign .unit2:first-of-type { order: 2; display: flex; justify-content: flex-start; }

.careersPagePerks .centreWrap .unit1 .unit2 { width: 33%; }

@media (max-width: 790px) { .careersPagePerks .centreWrap .unit1 .unit2 { width: 100%; } }

.careersPagePerks .centreWrap .unit1 .unit2:first-of-type { display: flex; justify-content: flex-end; }

@media (max-width: 790px) { .careersPagePerks .centreWrap .unit1 .unit2:first-of-type { display: block; } }

.careersPagePerks .centreWrap .unit1 .unit2 img { width: 280px; padding: 0 44px; }

@media (max-width: 790px) { .careersPagePerks .centreWrap .unit1 .unit2 img { width: 180px; padding: 34px 0; } }

.careersPagePerks .centreWrap .unit1 .unit2 h4 { color: #fff; }

.careersPagePerks .centreWrap .unit1 .unit2 p { color: #fff; }

.careersPagePerks .centreWrap .unit1 .unit2 hr { background-color: #8acbc1; width: 80%; margin-left: 0; margin-top: 44px; }

.careersPageStaffMontage { position: relative; margin-top: 44px; }

.careersPageStaffMontage h3 { text-align: center; position: absolute; width: 400px; left: 50%; margin: 44px 0 0 -200px; font-size: 1.6em; }

@media (max-width: 790px) { .careersPageStaffMontage h3 { position: relative; margin-bottom: 1em; width: auto; left: 0; margin: 44px 0 44px; } }

.careersPageStaffMontage .unit1 { display: flex; flex-wrap: nowrap; }

@media (max-width: 790px) { .careersPageStaffMontage .unit1 { display: block; } }

.careersPageStaffMontage .unit1 img { width: 50%; height: auto; }

@media (max-width: 790px) { .careersPageStaffMontage .unit1 img { width: 100%; } }

.careersPageVacancies { background-color: #fff; }

.careersPageVacancies .centreWrap { padding: 0 26% 64px; }

@media (max-width: 790px) { .careersPageVacancies .centreWrap { padding: 0 10% 64px; } }

.careersPageVacancies .centreWrap h3 { color: #8acbc1; text-align: center; font-size: 1.6em; margin: 44px 0 22px; }

.careersPageVacancies .centreWrap p { font-size: 1.6em; }

@media (max-width: 790px) { .careersPageVacancies .centreWrap p { font-size: 1.2em; } }

.careersPageVacancies .centreWrap .cta { text-align: center; margin-top: 2em; }

/* 
	Client: Mantle Business Centres
	
	Covid page
	
	Created: 11/6/20
	
*/
.covidPageSubheader { text-align: center; padding: 38px 0; }

@media (max-width: 790px) { .covidPageSubheader { padding: 28px 0; } }

.covidPageSubheader h2 { color: #8acbc1; text-transform: none; font-size: 2.3em; letter-spacing: normal; }

@media (max-width: 790px) { .covidPageSubheader h2 { font-size: 1.6em; line-height: 1.4em; padding: 0 4%; } }

.covidPageInfo { padding: 80px 0; }

@media (max-width: 790px) { .covidPageInfo { padding: 40px 0; } }

.covidPageInfo .unit2:first-of-type p { font-size: 2em; line-height: 1.4em; font-family: "Futura-Dem"; }

@media (max-width: 790px) { .covidPageInfo .unit2:first-of-type p { font-size: 1.4em; line-height: 1.2em; } }

.covidPageInfo .covidPageBox { background-color: #002e3b; border-radius: 16px; padding: 42px 52px; }

@media (max-width: 790px) { .covidPageInfo .covidPageBox { width: 100%; padding: 18px 22px 22px; } }

.covidPageInfo .covidPageBox h3 { color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 1.1em; line-height: 1.4em; margin-bottom: 1.4em; border-bottom: none; }

.covidPageInfo .covidPageBox p { color: #8acbc1; font-size: 1.7em; font-family: "Futura-Dem"; margin-bottom: .8em; }

@media (max-width: 790px) { .covidPageInfo .covidPageBox p { font-size: 1.4em; line-height: 1.2em; } }

.covidPageInfo .covidPageBox h4 { color: #8acbc1; font-size: 1.2em; }

.covidPageContent { background-color: #dcf0ed; padding: 100px 0 40px; }

@media (max-width: 790px) { .covidPageContent { padding: 40px 0 30px; } }

.covidPageContent .threeColItemList { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0; margin-top: 50px; }

@media (max-width: 790px) { .covidPageContent .threeColItemList { display: block; } }

.covidPageContent .threeColItemList li { list-style: none; padding: 0; width: 26%; }

@media (max-width: 790px) { .covidPageContent .threeColItemList li { width: 100%; } }

@media (max-width: 790px) { .covidPageContent .threeColItemList li img { width: 60%; font-size: 1.4em; } }

.covidPageContent .threeColItemList li h4 { font-family: "Futura-Dem"; font-size: 1.5em; line-height: 1.2em; margin-bottom: .4em; letter-spacing: normal; }

@media (max-width: 790px) { .covidPageContent .threeColItemList li h4 { font-size: 1.2em; } }

@media (max-width: 790px) { .covidPageContent .threeColItemList li p { font-size: 1.1em; line-height: 1.2em; } }

.covidPageContent .ctaLink { margin-top: 40px; }

.covidPageContent .ctaLink p { font-family: "Futura-Dem"; font-size: 1.7em; }

@media (max-width: 790px) { .covidPageContent .ctaLink p { font-size: 1.5em; line-height: 1.5em; } }

.optionsRev { background-image: url(../images/options/options-bg-icon_bottom-right.svg), url(../images/options/options-bg-icon_top-right.svg); background-position: bottom right, top right; background-size: 220px, 220px; background-repeat: no-repeat; }

@media (max-width: 600px) { .optionsRev { background-image: url(../images/options/options-bg-icon_top-right.svg); background-position: top right; } }

.optionsRevIntro { margin-top: 80px; width: 66%; }

@media (max-width: 768px) { .optionsRevIntro { width: 100%; } }

@media (max-width: 600px) { .optionsRevIntro { margin-top: 40px; } }

.optionsRevIntro h2 { color: #8acbc1; text-transform: none; margin-bottom: .4em; letter-spacing: 0; line-height: 1.1em; }

.optionsRevIntro p { font-family: "Futura-Dem"; font-size: 1.5em; }

@media (max-width: 600px) { .optionsRevIntro p { font-size: 1.2em; } }

.optionsRevMenu ul { display: flex; padding: 0; justify-content: space-between; flex-wrap: wrap; }

.optionsRevMenu ul::after { content: ""; flex: 0 0 31%; }

@media (max-width: 768px) { .optionsRevMenu ul::after { flex: 0 0 48%; } }

.optionsRevMenu ul li { width: 31%; list-style: none; padding: 0; margin-bottom: 30px; }

@media (max-width: 870px) { .optionsRevMenu ul li { width: 48%; } }

@media (max-width: 600px) { .optionsRevMenu ul li { width: 100%; } }

.optionsRevMenu ul li a { width: 100%; height: 100%; display: block; border: 0; border: 3px solid #8acbc1; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; overflow: hidden; display: flex; justify-content: space-between; flex-direction: column; }

.optionsRevMenu ul li a:hover .optionsRevMenu_image img:first-of-type { opacity: 1; }

.optionsRevMenu ul li a:hover .optionsRevMenu_image img:last-of-type { opacity: 0; }

.optionsRevMenu ul li a:hover .optionsRevMenu_text .optionsRevMenu_text_top h3 { color: #8acbc1; }

.optionsRevMenu ul li a .optionsRevMenu_image { position: relative; background-color: #002e3b; }

.optionsRevMenu ul li a .optionsRevMenu_image img:first-of-type { opacity: .2; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }

.optionsRevMenu ul li a .optionsRevMenu_image img:last-of-type { position: absolute; top: 0; left: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }

.optionsRevMenu ul li a .optionsRevMenu_text { padding: 20px 20px 0; display: flex; justify-content: space-between; flex-direction: column; flex: 1; }

.optionsRevMenu ul li a .optionsRevMenu_text p { font-family: "Futura-Dem"; font-size: 1.1em; }

@media (max-width: 600px) { .optionsRevMenu ul li a .optionsRevMenu_text p { font-size: 1em; line-height: 1.3em; } }

.optionsRevMenu ul li a .optionsRevMenu_text .optionsRevMenu_text_top h3 { font-size: 1.4em; padding-bottom: .2em; }

.optionsRevMenu ul li a .optionsRevMenu_text .optionsRevMenu_text_top h4 { font-family: "Futura-Dem"; position: relative; padding: 0 0 .5em 32px; border-bottom: 2px solid #8acbc1; margin-bottom: 12px; }

.optionsRevMenu ul li a .optionsRevMenu_text .optionsRevMenu_text_top h4:before { content: ""; display: block; width: 23px; height: 23px; position: absolute; background-image: url(../images/options/person-icon.svg); background-repeat: no-repeat; left: 0; }

.optionsRevMenu ul li a .optionsRevMenu_text .optionsRevMenu_text_bottom p { color: #999; margin-bottom: .6em; font-size: 1em; line-height: 1.3em; }

@media (max-width: 600px) { .optionsRevMenu ul li a .optionsRevMenu_text .optionsRevMenu_text_bottom p { font-size: .9em; line-height: 1.2em; } }

.optionsRevContent { padding: 100px 0 140px; background-image: url(../images/options/options-bg-icon_top-left.svg); background-position: top left; background-size: 320px; background-repeat: no-repeat; }

@media (max-width: 870px) { .optionsRevContent { padding: 60px 0 80px; } }

.optionsRevContent h2 { text-transform: none; color: #fff; line-height: 1.1em; margin-bottom: .7em; margin-top: 0; letter-spacing: 0; line-height: 1.1em; }

.optionsRevContent p { font-family: "Futura-Dem"; font-size: 1.5em; }

@media (max-width: 600px) { .optionsRevContent p { font-size: 1.2em; } }

.optionsRevContent p a.button, .optionsRevContent p a.large, .optionsRevContent p a.medium, .optionsRevContent p a.small, .optionsRevContent p a.oval, .optionsRevContent p a.roundCorner, .optionsRevContent p a.fill, .optionsRevContent p a.pillRight, .optionsRevContent p a.pillLeft { font-size: inherit; }

@media (max-width: 600px) { .optionsRevContent p a.button, .optionsRevContent p a.large, .optionsRevContent p a.medium, .optionsRevContent p a.small, .optionsRevContent p a.oval, .optionsRevContent p a.roundCorner, .optionsRevContent p a.fill, .optionsRevContent p a.pillRight, .optionsRevContent p a.pillLeft { padding-left: 0; padding-right: 0; } }

.optionsRevContent > .unit1:first-of-type { position: relative; }

@media (min-width: 1200px) { .optionsRevContent > .unit1:first-of-type { margin-bottom: 40px; } }

.optionsRevContent > .unit1:first-of-type > .unit1:first-of-type { position: relative; z-index: 100; }

@media (max-width: 870px) { .optionsRevContent > .unit1:first-of-type > .unit1:first-of-type { margin-bottom: 40px; } .optionsRevContent > .unit1:first-of-type > .unit1:first-of-type .unit2 { width: 100%; } }

.optionsRevContent > .unit1:first-of-type .unit1:last-of-type { display: flex; justify-content: flex-end; position: absolute; top: 0; z-index: 1; }

@media (max-width: 870px) { .optionsRevContent > .unit1:first-of-type .unit1:last-of-type { display: block; justify-content: flex-start; padding: 0 4%; margin-bottom: 40px; position: static; } .optionsRevContent > .unit1:first-of-type .unit1:last-of-type .unit2 { width: 100%; } }

.optionsRevContent > .unit1:first-of-type .unit1:last-of-type img { width: 44%; max-width: 640px; }

@media (max-width: 870px) { .optionsRevContent > .unit1:first-of-type .unit1:last-of-type img { width: 100%; max-width: none; } }

.optionsRevContent .centreWrap .unit1 { margin-top: 100px; display: flex; justify-content: space-between; }

@media (max-width: 870px) { .optionsRevContent .centreWrap .unit1 { margin-top: 60px; flex-wrap: wrap; } }

.optionsRevContent .centreWrap .unit1 .unit2:first-of-type { display: flex; justify-content: space-around; flex-direction: column; padding-bottom: 1em; }

@media (max-width: 870px) { .optionsRevContent .centreWrap .unit1 .unit2:first-of-type { width: 100%; order: 2; } }

.optionsRevContent .centreWrap .unit1 .unit2:last-of-type { width: 40%; }

@media (max-width: 870px) { .optionsRevContent .centreWrap .unit1 .unit2:last-of-type { width: 100%; order: 1; margin-bottom: 40px; } }

input { margin-bottom: .8em; }

input[type="text"], input[type="password"], input[type="search"], input[type="email"], input[type="tel"], textarea { background: none; border: none; border-bottom: 1px solid #8acbc1; padding: 5px 0 3px 0; width: 98%; background: #fff; -webkit-border-radius: 0; -webkit-transition: border 0.2s linear; -moz-transition: border 0.2s linear; -o-transition: border 0.2s linear; transition: border 0.2s linear; font-family: "Futura-Boo"; color: #002e3b; }

.greenBg input[type="text"], .greenBg input[type="password"], .greenBg input[type="search"], .greenBg input[type="email"], .greenBg input[type="tel"], .greenBg textarea { background-color: #8acbc1; }

input[type="file"] { color: #e16622; }

input[type="text"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus, input[type="file"]:focus { outline: none; border-color: 1px solid #002e3b; }

textarea { resize: none; overflow: auto; margin-bottom: .8em; height: 80px; }

select { margin: 6px 0 14px  0; width: 98%; font-size: .95em; }

input[type="submit"] { width: 100%; margin: 3px 0 4px 0; background: none; border: 3px solid #8acbc1; color: #8acbc1; padding: 9px 26px 10px 26px; -webkit-appearance: none; font-weight: normal; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; font-family: "Futura-Boo"; font-family: "Futura-Dem"; font-size: 1.2em; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; }

@media (max-width: 790px) { input[type="submit"] { font-size: 1.2em; } }

.greenBg input[type="submit"] { border-color: #002e3b; color: #002e3b; }

input[type="submit"]:hover { cursor: pointer; border-color: #002e3b; color: #002e3b; }

.greenBg input[type="submit"]:hover { border-color: #fff; color: #fff; }

input[type="submit"]:focus { outline: none; }

label { font-size: 1em; font-family: "Futura-Dem"; }

select { font-family: "Futura-Boo"; }

select:focus { outline: none; }

::-webkit-input-placeholder { color: #002e3b; font-family: "Futura-Boo"; font-size: 1em; }

:-moz-placeholder { color: #002e3b; font-family: "Futura-Boo"; font-size: 1em; }

::-moz-placeholder { color: #002e3b; font-family: "Futura-Boo"; font-size: 1em; }

:-ms-input-placeholder { color: #002e3b; font-family: "Futura-Boo"; font-size: 1em; }

.signUp { margin-bottom: 40px; }

.signUp input[type="text"], .signUp input[type="password"], .signUp input[type="search"], .signUp input[type="email"], .signUp input[type="tel"] { border-color: #002e3b; }

.signUp input[type="text"]:focus, .signUp input[type="password"]:focus, .signUp input[type="search"]:focus, .signUp input[type="email"]:focus, .signUp input[type="tel"]:focus { border-color: #8acbc1; }

.greenBg .signUp input[type="text"]:focus, .greenBg .signUp input[type="password"]:focus, .greenBg .signUp input[type="search"]:focus, .greenBg .signUp input[type="email"]:focus, .greenBg .signUp input[type="tel"]:focus { border-color: #fff; }

.signUp ::-webkit-input-placeholder { color: #002e3b; }

.signUp :-moz-placeholder { color: #002e3b; }

.signUp ::-moz-placeholder { color: #002e3b; }

.signUp :-ms-input-placeholder { color: #002e3b; }

.mce_inline_error { font-family: "Futura-Dem" !important; font-size: .8em !important; background: #002e3b !important; color: #8acbc1 !important; padding: 2px 8px !important; margin-bottom: 6px !important; font-weight: normal !important; }

#mc_embed_signup input.mce_inline_error { border-color: #fff !important; background: none !important; }

.whiteBg .mce_inline_error { color: #fff !important; }

.whiteBg #mc_embed_signup input.mce_inline_error { border-color: #002e3b !important; background: #fff !important; }

#mce-success-response { font-weight: 700; margin-bottom: 20px; background-color: #8acbc1; padding: 8px; }

.optInForm { background-color: #e2e3e4; padding: 22px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; }

.optInForm input[type="text"], .optInForm input[type="email"], .optInForm input[type="tel"] { background: none; border-bottom-color: #002e3b; padding-left: 8px; }

.optInForm input[type="text"]:focus, .optInForm input[type="email"]:focus, .optInForm input[type="tel"]:focus { border-bottom-color: #fff; }

.optInForm ul { padding: 0; }

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

.optInForm ul li input[type="checkbox"] { display: inline-block; margin-right: 6px; }

.optInForm input[type="submit"] { border: 3px solid #002e3b; color: #002e3b; }

.optInForm input[type="submit"]:hover { border: 3px solid #8acbc1; color: #8acbc1; }

/*
jQuery FlexSlider v2.6.4
http://www.woothemes.com/flexslider/
Copyright 2012 WooThemes
Free to use under the GPLv2 and later license.
http://www.gnu.org/licenses/gpl-2.0.html
Contributing author: Tyler Smith (@mbmufffin)
*/
.flex-container a:hover, .flex-slider a:hover { outline: none; }

.slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }

.flexslider { margin: 0; padding: 0; }

.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }

.flexslider .slides img { width: 100%; display: block; }

.flexslider .slides:after { background-color: red; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .flexslider .slides { display: block; }

* html .flexslider .slides { height: 1%; }

.no-js .flexslider .slides > li:first-child { display: block; }

.flexslider { margin: 0; background: #fff; position: relative; zoom: 1; }

.flexslider .slides { zoom: 1; }

.flexslider .slides img { height: auto; -moz-user-select: none; }

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.loading .flex-viewport { max-height: 300px; }

.carousel li { margin-right: 5px; }

.flex-direction-nav { *height: 0; }

.flex-direction-nav a { text-decoration: none; background-color: red; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); }

.flex-direction-nav a.flex-next:before { content: '\f002'; }

.flex-direction-nav .flex-prev { left: -50px; }

.flex-direction-nav .flex-next { right: -50px; text-align: right; }

.flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; }

.flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; }

.flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; }

.flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; }

.flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; z-index: -1; }

.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'; }

.flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center; z-index: 2000; }

.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: #fff; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: none; }

.flex-control-paging li a:hover { background: #002e3b; }

.flex-control-paging li a.flex-active { background: #002e3b; 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; } }

#nav-toggle { position: absolute; right: 18px; top: 18px; display: none; z-index: 4000; width: 30px; height: 36px; cursor: pointer; padding: 10px 0 16px 0px; }

#nav-toggle:hover { cursor: pointer; }

@media screen and (max-width: 790px) { #nav-toggle { display: block; } }

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { cursor: pointer; border-radius: 1px; height: 4px; width: 30px; background: #8acbc1; position: absolute; display: block; content: ''; }

#nav-toggle span:before { top: -10px; }

#nav-toggle span:after { bottom: -10px; }

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { transition: all 500ms ease-in-out; }

#nav-toggle.active span { background-color: transparent; }

#nav-toggle.active span:before, #nav-toggle.active span:after { top: 0; background: #fff; }

#nav-toggle.active span:before { transform: rotate(45deg); }

#nav-toggle.active span:after { transform: rotate(-45deg); }

.unit1.video { margin-bottom: 1em; }

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden; }

p.videoCaption { font-size: 1em; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.iframeContainer { position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden; }

@media (max-width: 790px) { .iframeContainer { height: 400px; } }

.iframeContainer .overlay { width: 100%; height: 100%; position: absolute; z-index: 2000; }

.iframeContainer iframe, .iframeContainer object, .iframeContainer embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media (max-width: 790px) { .iframeContainer iframe, .iframeContainer object, .iframeContainer embed { height: 400px; } }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; }

.slick-arrow.slick-hidden { display: none; }

/* Slider */
.slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 30px; width: 30px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: -50px; padding: 0; border: none; outline: none; background-repeat: no-repeat; background-position: right top; }

@media (max-width: 790px) { .slick-prev, .slick-next { top: -60px; } }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; color: transparent; opacity: .7; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { /* content: ""; display: block; background-color: red; width: 20px; height: 40px; background-repeat: no-repeat; */ }

.slick-prev { right: 60px; background-image: url(../images/icons/left-arrow.svg); }

[dir="rtl"] .slick-prev { left: auto; right: -25px; }

.slick-prev:before { content: ""; /* background-image: url(../images/icons/left-arrow.svg);*/ }

[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: 15px; background-image: url(../images/icons/right-arrow.svg); }

[dir="rtl"] .slick-next { left: -25px; right: auto; }

.slick-next:before { content: "→"; }

[dir="rtl"] .slick-next:before { content: "←"; }

.slick-dots { text-align: center; padding: 0; display: none; }

.slick-dots li { text-indent: -3000px; background-color: #8acbc1; width: 10px; height: 10px; display: inline-block; margin: 0 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }

.slick-dots li.slick-active { background-color: #fff; }

.grecaptcha-badge { visibility: visible; z-index: 6000; }
.grecaptcha-badge.show { visibility: visible; z-index: 6000; }
.contactForm p.telNo { font-size: 1.2em; }
.contactForm p.telNo:before { top: 3px; }
.contactForm p.telNo.email:before { background-image: url(../images/icons/email-icon.svg); }
.contactForm p.telNo.email a:hover {color: #002e3b;}
.unit3.breakWord { overflow-wrap: break-word; word-wrap: break-word; }