/*  
Theme Name: Wrkspace
Author: 3manfactory
Version: v2
*/

@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td, input, textarea{
border:0;
margin:0;
outline:0;
padding:0;
font-size:100%;
font-weight: 300;
border-radius: 0px;
background:transparent;
vertical-align:baseline;}

::selection {
background: #cdd4cf;}
::-moz-selection {
background: #cdd4cf;}

html{
scroll-behavior: smooth;}

body{
color: #000000;
font-size: 1.1rem;
line-height: 1.9rem;
font-family: 'PT Serif';}

.grid{
display: block;
overflow: hidden;
position: relative;}
	.grid .element{
	float: left;
	width: 100%;
	display: block;
	position: relative;}
	.grid .element.four-fifths{
	width: 80%;}
	.grid .element.three-quarters{
	width: 75%;}
	.grid .element.two-thirds{
	width: 66.6666%;}
	.grid .element.three-fifths{
	width: 60%;}
	.grid .element.half{
	width: 50%;}
	.grid .element.two-fifths{
	width: 40%;}
	.grid .element.third{
	width: 33.3333%;}
	.grid .element.quarter{
	width: 25%;}
	.grid .element.fifth{
	width: 20%;}
	.grid .element.sixth{
	width: 16.6666%;}
	.grid .element.eigth{
	width: 12.5%;}
		.grid .element .content{
		padding: 1rem;
		display: block;
		overflow: hidden;
		position: relative;
		box-sizing: border-box;}

.wrapper{
display: block;
max-width: 1440px;
padding: 1rem 5rem;
margin: 0 auto 0 auto;
box-sizing: border-box;}

bar{
display: block;
line-height: 3rem;
text-align: center;
background-color: #c7c8c8;}
	bar strong{
	font-weight: 700;}

/* Header */

header{
z-index: 99;
height: 5rem;
display: block;
line-height: 3rem;
text-align: right;}
	header .grid,
	header .grid .element .content{
	overflow: visible;}
	header .grid .element,
	header .grid .element .content{
	padding-top: 0;
	padding-bottom: 0;}
		header a#logo,
		header a#logo:visited{
		float: left;
		height: 3rem;
		width: 180px;
		display: block;
		overflow: hidden;
		text-indent: 999px;
		background-size: 180px auto;
		background-repeat: no-repeat;
		background-position: left center;
		background-image: url(resources/images/logo-wrkspace-tagline.png);}
	header nav{
	float: right;
	display: block;}
	header .menu-global-container{
	display: inline-block;
	font-family: 'PT Serif';}
		header .menu-global-container ul li{
		position: relative;
		margin: 0 1.5rem 0 0;
		display: inline-block;}
			header .menu-global-container ul li a:hover{
			text-decoration: none;}
		header .menu-global-container ul li.current_page_item a,
		header .menu-global-container ul li.current-page-ancestor a,
		header .menu-global-container ul li.current_page_parent a{
		opacity: .5;}
			header .menu-global-container ul li ul.sub-menu{
			margin: 0;
			width: 300px;
			display: none;
			text-align: left;
			position: absolute;
			white-space: normal;
			top: calc(3rem - 1px);
			background-color: #ffffff;
			border-top: .3rem solid #424845;}
				header .menu-global-container ul li ul.sub-menu li{
				width: 100%;
				line-height: 1.9rem;}
					header .menu-global-container ul li ul.sub-menu li a,
					header .menu-global-container ul li ul.sub-menu li a:visited{
					opacity: 1;
					padding: .5rem 0 .5rem 3rem;
					border-bottom: 1px solid #f0f0f0;}
						header .menu-global-container ul li ul.sub-menu li a .menu-sub-label{
						display: block;
						font-size: .6rem;
						line-height: 1rem;
						margin-top: -.25rem;}
					header .menu-global-container ul li.office-space-dropdown ul.sub-menu li a:before{
					left: 0;
					top: 50%;
					content: '';
					width: 2rem;
					height: 2rem;
					display: block;
					border-radius: 2px;
					position: absolute;
					background-size: cover;
					background-color: #9ca99f;
					transform: translateY(-50%);
					background-repeat: no-repeat;
					background-position: center center;}
					header .menu-global-container ul li.office-space-dropdown ul.sub-menu li.old-docks-house a:before{
					background-color: #cda363;
					background-image: url(resources/images/icons/old-docks-house-inverted.png);}
					header .menu-global-container ul li.office-space-dropdown ul.sub-menu li.derby-house a:before{
					background-color: #97c032;
					background-image: url(resources/images/icons/derby-house-inverted.png);}
					header .menu-global-container ul li.office-space-dropdown ul.sub-menu li.fulwood a:before{
					background-color: #919191;
					background-image: url(resources/images/icons/no3-fulwood-inverted.png);}
					header .menu-global-container ul li.office-space-dropdown ul.sub-menu li.the-watermark a:before{
					background-color: #43c7e7;
					background-image: url(resources/images/icons/the-watermark-inverted.png);}
					header .menu-global-container ul li.office-space-dropdown ul.sub-menu li.peters-house a:before{
					background-color: #14233a;
					background-image: url(resources/images/icons/st-peters-house-inverted.png);}

					header .menu-global-container ul li ul.sub-menu li a:hover{
					text-decoration: underline;}
					header .menu-global-container ul li ul.sub-menu li.old-docks-house a:hover{
					border-color: #cda363;}
					header .menu-global-container ul li ul.sub-menu li.derby-house a:hover{
					border-color: #97c032;}
					header .menu-global-container ul li ul.sub-menu li.fulwood a:hover{
					border-color: #919191;}
					header .menu-global-container ul li ul.sub-menu li.the-watermark a:hover{
					border-color: #43c7e7;}
					header .menu-global-container ul li ul.sub-menu li.peters-house a:hover{
					border-color: #14233a;}
					header .menu-global-container ul li ul.sub-menu li a:before{
					display: none;}
					header .menu-global-container ul li ul.sub-menu li a:hover:after{
					display: none;}
			header .menu-global-container ul li:hover ul.sub-menu{
			display: block;}
			header .menu-global-container ul li:hover ul.sub-menu{
			display: block;}
			header .menu-global-container ul li a,
			header .menu-global-container ul li a:visited{
			color: #9ca99f;
			display: block;
			font-size: .9rem;
			position: relative;
			text-decoration: none;
			text-transform: uppercase;}
			header .menu-global-container ul li.menu-item-has-children a:before{
			float: right;
			content: '\f103';
			font-weight: bold;
			margin-left: .5rem;
			display: inline-block;
			font-family: 'Font Awesome 6 Free';}
			header .menu-global-container ul li a:hover:after{
			left: 0;
			right: 0;
			content: '';
			height: 1px;
			bottom: 0rem;
			display: block;
			position: absolute;
			background: #424845;}

	header a.global-cta{
	float: right;
	color: #ffffff;
	display: block;
	padding: 0 1rem;
	font-weight: 600;
	margin-left: .25rem;
	text-decoration: none;
	font-family: 'Roboto';
	background-color: #424845;
	text-transform: uppercase;}
	header a.global-cta:last-child{
	margin-left: .5rem;}
	header a.global-cta:hover{
	text-decoration: underline;}
	header #toggle{
	width: 3rem;
	height: 3rem;
	float: right;
	display: none;
	cursor: pointer;
	overflow: hidden;
	font-weight: 600;
	font-family: 'Roboto';
	text-transform: uppercase;
	padding: 0 .5rem 0 2.5rem;
	background-color: #f0f0f0;
	background-size: auto 1.5rem;
	background-repeat: no-repeat;
	background-position: left .5rem center;
	background-image: url(resources/images/icons/icon-menu.svg);}

.bg-navy{
background-color: #14233a !important;}
.bg-gold{
background-color: #d9ab55 !important;}

/* Footer */

footer{
color: #ffffff;
display: block;
padding-bottom: 2rem;
font-family: 'Roboto';
background-color: #14233a;}
footer .wrapper{
padding-top: 0;}
footer .wrapper .grid{
padding-top: 7rem;}

	footer .grid .element.two-thirds{
	width: calc(66.6666% + 2rem) !important;}
	footer .grid .element.third{
	right: 0;
	position: absolute;}

	footer ul{
	list-style-type: none;}
	footer ul#menu-footer-column-1 li a,
	footer ul#menu-footer-column-1 li a:visited,
	footer ul#menu-footer-column-2 li a,
	footer ul#menu-footer-column-2 li a:visited{
	color: #d9ab55;
	text-decoration: none;}
	footer ul#menu-footer-column-1 li a:before,
	footer ul#menu-footer-column-2 li a:before{
	content: '\0005F';
	margin-right: .15rem;
	display: inline-block;}
	footer ul#menu-footer-column-1 li a:hover,
	footer ul#menu-footer-column-2 li a:hover{
	text-decoration: underline;}
	footer ul#menu-footer-social{
	overflow: hidden;}
		footer ul#menu-footer-social li{
		float: left;}
		footer ul#menu-footer-social li:before{
		content: '|';
		margin: 0 .5rem;
		display: inline-block;}
		footer ul#menu-footer-social li:first-child:before{
		display: none;}
			footer ul#menu-footer-social li a,
			footer ul#menu-footer-social li a:visited{
			color: #ffffff;
			position: relative;
			text-decoration: none;
			text-decoration: underline;}
			footer ul#menu-footer-social li a:hover:before{
			left: 0;
			bottom: 0;
			width: 100%;
			height: 1px;
			content: '';
			position: absolute;
			background-color: #ffffff;}

	footer .footer-links{
	line-height: 1.5rem;}
		footer .footer-links .element.half:last-child{
		text-align: right;}
			footer .footer-links .element.half:last-child a,
			footer .footer-links .element.half:last-child a:visited{
			color: #ffffff;
			text-decoration: none;}
			footer .footer-links .element.half:last-child a:hover{
			text-decoration: underline;}
	footer #inverted{
	left: 1rem;
	top: -.1rem;
	height: 8rem;
	display: block;
	position: absolute;
	width: calc(100% - 2rem);
	background-size: auto 5rem;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(resources/images/logo-wrkspace-tagline-inverted.png);}

	footer .element.footer-links{}
		footer .element.footer-links ul#menu-footer-social li{
		float: none;
		display: inline-block;}
		footer .element.footer-links p:first-child{
		font-weight: bold;
		margin-bottom: .5rem;}

footer-bar{
color: #ffffff;
display: block;
font-size: .9rem;
text-align: center;
background-color: #bf9f84;}
	footer-bar .grid .element .content{
	padding-top: 0;
	padding-bottom: 0;}
		footer-bar .grid .element .content span{
		float: left;
		display: block;
		width: 33.3333%;}
		footer-bar .grid .element .content span:nth-child(1){
		text-align: left;}
		footer-bar .grid .element .content span:nth-child(3){
		text-align: right;}
	footer-bar a,
	footer-bar a:visited{
	color: #ffffff;
	text-decoration: underline;}

.block{
width: 100%;
float: left;
display: block;
position: relative;}

office-spaces{
padding: 1.5rem 0;
background-color: #f8f8f8;}
	office-spaces a.frame,
	office-spaces a.frame:visited{
	display: block;
	color: inherit;
	padding: 1.5rem;
	overflow: hidden;
	line-height: 1.2rem;
	text-decoration: none;
	font-family: 'Roboto';
	background-color: #ffffff;
	box-shadow: 0 0 .2rem 0 rgba(0,0,0,.05);}
		office-spaces a.frame span{
		display: block;
		overflow: hidden;
		margin-top: .75rem;}
		office-spaces a.frame .image{
		margin: 0;}
			office-spaces a.frame .image img{
			height: 3rem;
			width: auto;}
		office-spaces a.frame .title{
		font-weight: bold;}
		office-spaces a.frame:hover .title{
		text-decoration: underline;}
		office-spaces a.frame .summary{
		font-size: .8rem;
		font-family: 'PT Serif';}
		office-spaces a.frame .excerpt{
		font-size: .8rem;}
		office-spaces .details{
		display: block;
		color: inherit;
		padding: 1.5rem;
		font-size: .8rem;
		overflow: hidden;
		position: relative;
		line-height: 1.1rem;
		font-family: 'Roboto';
		background-color: #eef0e7;}
		office-spaces .details:before,
		office-spaces .details:after{
		top: 0;
		left: 0;
		content: '';
		width: 100%;
		height: 50%;
		display: block;
		position: absolute;
		background-color: rgba(255,255,255,.3);}
		office-spaces .details:after{
		height: 100%;
		background-color: rgba(255,255,255,.9);}
		
			office-spaces .details .address,
			office-spaces .details .networks{
			z-index: 1;
			overflow: hidden;
			position: relative;}
			office-spaces .details a,
			office-spaces .details a:visited{
			color: inherit;
			font-weight: 600;
			text-decoration: none;}
			office-spaces .details a:hover{
			text-decoration: underline;}
			office-spaces .details .networks{
			right: 1.5rem;
			bottom: 1.5rem;
			position: absolute;}
				office-spaces .details .networks a,
				office-spaces .details .networks a:visited{
				float: left;
				width: .9rem;
				height: .9rem;
				display: block;
				margin-left: .5rem;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center center;}
				office-spaces .details .networks a.whatsapp{
				background-image: url(resources/images/icons/icon-whatsapp.png);}
				office-spaces .details .networks a.phone{
				background-image: url(resources/images/icons/icon-phone.png);}
				office-spaces .details .networks a.map{
				background-image: url(resources/images/icons/icon-map.png);}

solutions{
padding: 1.5rem 0;
background-size: auto 150%;
background-repeat: no-repeat;
background-position:  left 100% center;
background-image: url(resources/images/background-chevrons.png);}
	solutions .frame,
	solutions .frame:visited{
	display: block;
	color: inherit;
	padding: 1.5rem;
	overflow: hidden;
	line-height: 1.2rem;
	text-decoration: none;
	background-color: #f8f8f8;
	box-shadow: 0 0 .2rem 0 rgba(0,0,0,.05);}
		solutions .frame span{
		float: left;
		display: block;
		overflow: hidden;
		margin-top: .75rem;
		font-family: 'Roboto';}
		solutions .frame .image{
		width: calc(100% + 3rem);
		margin: -1.5rem -1.5rem 0 -1.5rem;}
			solutions .frame .image img{
			width: 100% !important;}
		solutions .frame .title{
		font-weight: 600;
		margin-top: 1rem;}
		solutions a.frame:hover .title{
		text-decoration: underline;}
		solutions .frame .summary{
		font-size: .9rem;
		line-height: 1.3rem;}
		solutions .frame .more{
		color: #9ca99f;
		font-weight: 600;
		text-transform: uppercase;}
		solutions .frame .more:hover{
		text-decoration: underline;}

	solutions #solutions-slider-wrapper{
	margin-top: -3rem;
	margin-bottom: 3rem;}

	solutions ul li{
	padding-top: 3rem;}

	solutions .lSSlideOuter .lSSlideWrapper .lSAction{
	width: 6rem !important;
	width: 10rem !important;
	display: block !important;
	overflow: hidden !important;
	background-color: teal !important;}
			solutions .lSAction a{
			margin: 0;
			top: 0;
			width: 2.5rem;
			height: 2.5rem;
			text-align: right;
			box-sizing: border-box;}
			solutions .lSAction a.lSPrev{
			left: auto;
			right: 4rem;}
			solutions .lSAction a.lSNext{
			opacity: 1;
			right: 1rem;}
				solutions .lSAction a i{
				font-size: 2rem;
				line-height: 2rem;}

gallery{}
gallery:after{
right: 0;
content: '';
bottom: 3rem;
width: 15rem;
opacity: .075;
height: 10rem;
display: block;
position: absolute;
background-size: auto 100%;
background-repeat: no-repeat;
background-position: left center;
background-image: url(resources/images/logo-wrkspace.svg);}
	gallery img{
	cursor: pointer;}

next-step{
text-align: center;
font-family: 'Roboto';
background-color: #f0f0f0;}
next-step .wrapper,
next-step .grid .element .content{
padding-bottom: 0 !important;}
next-step .wrapper{
padding-top: 3rem;}
	next-step img{
	right: 0;
	bottom: 0;
	width: 22.5rem;
	height: auto;
	position: absolute;}
		next-step #quote{
		margin: 0 auto;
		color: #424845;
		max-width: 900px;
		margin-top: 2rem;
		font-size: 1.6rem;
		position: relative;
		font-style: italic;
		line-height: 2.2rem;
		padding: 4.5rem 7.5rem;
		display: inline-block;
		box-sizing: border-box;
		background-color: #ffffff;}
		next-step #quote:after{
		left: 0;
		width: 0px;
		height: 0px;
		content: '';
		bottom: -2.9rem;
		display: block;
		position: absolute;
		border-style: solid;
		border-width: 3rem 3rem 0 0;
		border-color: #ffffff transparent transparent transparent;
		transform: rotate(0deg);}
		next-step #call{
		z-index: 1;
		color: #ffffff;
		display: block;
		overflow: hidden;
		position: relative;
		margin-top: -1.5rem;
		padding-bottom: 4.5rem;}
		next-step a:hover #call{
		text-decoration: underline;}
			next-step #call a,
			next-step #call a:visited{
			margin: 0;
			padding: .5rem;
			color: #ffffff;
			line-height: 2rem;
			text-decoration: none;
			display: inline-block;
			background-color: #d9ab55;}
			next-step #call a:first-child{
			font-weight: bold;
			padding: .5rem 2rem;
			text-transform: uppercase;}
			next-step #call a:first-child:hover{
			text-decoration: underline;}
			next-step #call a:last-child{
			width: 2rem;
			height: 2rem;
			background-size: 60% auto;
			background-repeat: no-repeat;
			background-position: center center;
			background-image: url(resources/images/icons/icon-whatsapp-white.png);}

location{}
	location .grid .element.half{}
		location .grid .element.half .content{}
			location .grid .element.half .content .frame{
			height: 30rem;
			display: block;
			padding: 3rem 5rem;
			background-size: cover;
			box-sizing: border-box;
			background-color: #f8f8f8;
			background-repeat: no-repeat;
			background-position: center center;}
				location .grid .element.half .content .frame span{
				display: block;}
				location .grid .element.half .content .frame .location-name{
				font-size: 2rem;
				font-weight: bold;
				line-height: 2.4rem;
				font-family: 'Roboto';}
				location .grid .element.half .content .frame .by-wrkspace{
				color: #9ca99f;
				font-size: 1.6rem;
				line-height: 2.2rem;}
				location .grid .element.half .content .frame a.address,
				location .grid .element.half .content .frame a.address:visited{
				color: inherit;
				display: block;
				margin: 1rem 0;
				text-decoration: none;}
				location .grid .element.half .content .frame a.directions,
				location .grid .element.half .content .frame a.directions:visited{
				color: #ffffff;
				line-height: 2rem;
				font-weight: bold;
				padding: .5rem 2rem;
				font-family: 'Roboto';
				display: inline-block;
				text-decoration: none;
				background-color: #14233a;
				text-transform: uppercase;}

reviews{
padding: 1.5rem 0;
margin-bottom: 1.5rem;}
	reviews h2{
	text-align: center;}
	reviews #reviews-slider{
	font-family: 'Roboto';}
		reviews #reviews-slider li{
		margin-bottom: 2rem;
		background-size: 2rem auto;
		background-repeat: no-repeat;
		background-position: right 2.5rem top 2.5rem;
		background-image: url(resources/images/icons/logo-reviews.svg);}
			reviews #reviews-slider li .frame{
			display: block;
			margin: 1.5rem;
			padding: 1.5rem;
			overflow: hidden;
			position: relative;
			box-shadow: 0 0 1px 0 #9ca99f;}
				reviews #reviews-slider li .frame h6{}
				reviews #reviews-slider li .frame .rating{
				color: #e3a628;
				display: block;
				overflow: hidden;
				line-height: 1rem;
				margin-bottom: .5rem;}
				reviews #reviews-slider li .frame p{
				line-height: 1.6rem;}
					reviews #reviews-slider li .frame .rating i{
					font-size: .6rem;}

	reviews #inline-cta{
	display: block;
	text-align: center;}
		reviews #inline-cta span{
		color: #9ca99f;
		font-size: 1.8rem;
		font-style: italic;}
			reviews #inline-cta span strong{
			text-decoration: underline;}
		reviews #inline-cta a,
		reviews #inline-cta a:visited{
		color: #ffffff;
		line-height: 2rem;
		font-weight: bold;
		margin-left: .5rem;
		padding: .5rem 2rem;
		font-family: 'Roboto';
		display: inline-block;
		text-decoration: none;
		background-color: #d9ab55;
		text-transform: uppercase;}

	reviews .lSAction{
	top: 0;
	right: 0;
	z-index: 1;
	width: 9rem;
	height: 100%;
	display: block;
	position: absolute;
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);}
		reviews .lSAction a.lSNext{
		opacity: 1;}
			reviews .lSAction a.lSNext i{
			width: 3rem;
			height: 5rem;
			font-size: 4rem;
			line-height: 5rem;
			text-align: center;
			padding-right: 1rem;
			box-sizing: border-box;}

latest-news{
margin-bottom: 1.5rem;}
	latest-news h2{
	text-align: center;}
	latest-news a.frame,
	latest-news a.frame:visited{
	display: block;
	color: #000000;
	position: relative;
	font-family: 'Roboto';
	text-decoration: none;
	margin-bottom: 1.15rem;
	padding: 3rem 3rem 0 3rem;
	background-color: #f8f8f8;}
	latest-news a.frame:after{
	right: 0;
	bottom: 0;
	content: '';
	display: block;
	height: .25rem;
	position: absolute;
	background-color: #9ca99f;
	width: calc(100% - 3.1rem);}
		latest-news a.frame img{
		width: calc(100% + 6rem);
		margin: -3rem -3rem 2rem -3rem;}
		latest-news a.frame span{
		display: block;
		position: relative;}
		latest-news a.frame .title,
		latest-news a.frame .title strong{
		font-weight: 600 !important;}
		latest-news a.frame .date{
		color: #424845;
		font-size: .9rem;
		margin-bottom: 1.5rem;
		padding-bottom: 1.5rem;
		font-family: 'PT Serif';}
			latest-news a.frame .date:after{
			left: 0;
			bottom: 0;
			content: '';
			width: 2rem;
			height: .25rem;
			display: block;
			position: absolute;
			background-color: #9ca99f;}
		latest-news a.frame .excerpt{
		margin-bottom: 2rem;}
		latest-news a.frame .more{
		z-index: 1;
		color: #ffffff;
		font-weight: 600;
		font-size: 1.2rem;
		position: relative;
		padding: .5rem 1rem;
		font-family: 'Roboto';
		display: inline-block;
		margin: 0 0 -1.15rem 0;
		text-transform: uppercase;
		background-color: #9ca99f;}
		latest-news a.frame:hover .more{
		text-decoration: underline;}
	latest-news #pagination{
	display: block;
	text-align: center;}
		latest-news #pagination a,
		latest-news #pagination a:visited{
		color: #ffffff;
		margin: 0 .25rem;
		font-weight: bold;
		padding: .5rem 2rem;
		font-family: 'Roboto';
		display: inline-block;
		text-decoration: none;
		background-color: #d9ab55;
		text-transform: uppercase;}
		latest-news #pagination a:hover{
		text-decoration: underline;}


a#whatsapp-chat,
a#whatsapp-chat:visited{
opacity: 0;
left: 2rem;
z-index: 99;
bottom: 2rem;
display: block;
width: 12.5rem;
position: fixed;
overflow: hidden;
border-radius: 10px;
pointer-events: none;
transform: translateY(10rem);
box-shadow: 0 0 .2rem 0 rgba(0,0,0,.15);}
a#whatsapp-chat.visible{
opacity: 1;
pointer-events: all;
transform: translateY(0);}

heading{
text-align: center;
margin-bottom: -1.5rem;}

banner{
z-index: 1;
display: block;
color: #ffffff;
font-family: 'PT Serif';}
banner.block-solutions{}
banner.block-page{}
	banner .wrapper{
	padding: 0;
	position: relative;
	background-size: cover;
	font-family: 'PT Serif';
	background-color: #14233a;
	background-repeat: no-repeat;
	background-position: center center;}
	banner.block-page .wrapper{
	padding: 3rem 0;}
		banner .wrapper .grid{
		z-index: 1;}
			banner .wrapper .grid .element .content{
			padding: 7rem 6rem 7rem 6rem;}
			banner.block-office-location .wrapper .grid .element .content{
			padding: 6rem 6rem 15rem 6rem;}
		banner .wrapper .overlay{
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 0;
		content: '';
		display: block;
		position: absolute;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url(resources/images/background-banner.png);}
		banner.block-solutions .wrapper .overlay,
		banner.block-page .wrapper .overlay{
		background-image: none;}
	banner h1#office-location-heading,
	banner h1#article-heading{
	font-size: 3rem;
	font-family: 'PT Serif';
	font-weight: normal !important;}
		banner h1#office-location-heading span{
		font-size: 1.3rem;
		margin-left: 2.5rem;
		position: relative;
		display: inline-block;}
		banner h1#office-location-heading span:before{
		content: '';
		bottom: 1rem;
		width: 1.5rem;
		height: .2rem;
		display: block;
		left: -2.75rem;
		position: absolute;
		background-color: #ffffff;}
	banner.block-page p{
	max-width: 50%;
	font-weight: 600;
	margin-top: 1.5rem;
	padding-top: .5rem;
	position: relative;
	font-family: 'Roboto';}
	banner.block-page .wrap-text{
	overflow: hidden;
	display: block;
	max-width: 50%;
	margin-top: 1.5rem;}
	banner h1#office-location-heading{
	color: #ffffff;
	display: inline;
	padding: .5rem;
	background-color: #14233a;}
	banner.block-page .wrap-text p{
	padding-right: 50%;
	color: #000000;
	display: inline;
	background: #ffffff;
	padding-left: .5rem;
	padding-right: .5rem;
	padding-bottom: .25rem;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;}
		banner.block-page p:before{
		left: 0;
		top: -.5rem;
		width: 5rem;
		content: '';
		display: none;
		height: .25rem;
		position: relative;
		background-color: #ffffff;}
	banner .space{
	display: block;
	font-size: 3rem;
	line-height: 3rem;
	margin-bottom: .75rem;}
	banner .space{
	margin: 0;
	padding: .5rem .5rem;
	position: relative;
	line-height: 3rem;
	display: inline-block;
	background-color: #14233a;}
	banner .blocked{
	clear: both;
	color: #000000;
	font-size: 2rem;
	padding: 0 .5rem;
	font-style: italic;
	line-height: 2.6rem;
	display: inline-block;
	background-color: #ffffff;}
	banner .blocked.nudge{
	margin-top: 1rem;}
		banner i.underline{
		width: 1rem;
		height: .2rem;
		margin: 0 .25rem;
		display: inline-block;
		background-color: #ffffff;}
		banner .blocked i.underline{
		background-color: #000000;}
	banner a#address,
	banner a#address:visited{
	bottom: 0;
	left: 6rem;
	color: #000000;
	font-style: italic;
	position: absolute;
	padding: .25rem 2rem;
	display: inline-block;
	text-decoration: none;
	background-color: #ffffff;}
	banner a#address:before{
	bottom: 0;
	left: -2rem;
	content: '';
	width: 1.5rem;
	height: .2rem;
	display: block;
	position: absolute;
	background-color: #ffffff;}

	banner small{
	opacity: .75;
	display: block;
	margin-top: 1rem;
	font-style: italic;}

options{
background-color: #14233a;}
	options .grid .element,
	options .grid .element .content{
	padding-top: 0;
	padding-bottom: 0;}
	options ul{
	overflow: hidden;
	margin-left: -2rem;
	list-style-type: none;}
		options ul li{
		float: left;
		margin-left: 2rem;}
			options ul li a,
			options ul li a:visited{
			color: #ffffff;
			display: block;
			font-weight: 600;
			position: relative;
			font-family: 'Roboto';
			text-decoration: none;
			padding: .25rem 0 .25rem 2rem;}
			options ul li a:before{
			top: 0;
			left: 0;
			width: 2rem;
			height: 2rem;
			content: '';
			display: block;
			position: absolute;
			background-size: 1.5rem auto;
			background-repeat: no-repeat;
			background-position: left center;}
			options ul li.call a:before{
			background-image: url(resources/images/icons/icon-phone-white.png);}
			options ul li.directions a:before{
			background-image: url(resources/images/icons/icon-directions-white.png);}
			options ul li.gallery a:before{
			background-image: url(resources/images/icons/icon-gallery-white.png);}

content{}
	content ul#amenities{
	overflow: hidden;
	margin-top: 1.5rem;
	list-style-type: none;}
		content ul#amenities li{
		width: 50%;
		float: left;
		padding: .75rem 0;
		line-height: 2rem;}
		content.block-custom ul#amenities li{
		width: 25%;}
			content ul#amenities li img{
			width: 2rem;
			height: auto;
			margin-right: 1rem;}

content.block-office-space,
content.block-coworking-and-virtual-office{
z-index: 99;
margin-top: -17.5rem;
pointer-events: none;}
content.block-page{}
	content.block-page .grid .element.two-thirds{
	margin-left: 16.6666%;}

content.block-office-space:after,
content.block-coworking-and-virtual-office:after{
right: 0;
content: '';
bottom: 3rem;
width: 15rem;
opacity: .075;
height: 10rem;
display: block;
pointer-events: none;
position: absolute;
background-size: auto 100%;
background-repeat: no-repeat;
background-position: left center;
background-image: url(resources/images/logo-wrkspace.svg);}
	content.block-office-space .grid .element.three-fifths,
	content.block-coworking-and-virtual-office .grid .element.two-thirds{
	margin-top: 17.5rem;
	pointer-events: all;}
	content.block-office-space .grid .element.third,
	content.block-coworking-and-virtual-office .grid .element.third{
	z-index: 2;
	float: left;
	pointer-events: all;}

content.block-solutions{}

pricing{
display: block;
background-color: yellow;}
	pricing .frame,
	pricing .frame:visited{
	display: block;
	color: #ffffff;
	overflow: hidden;
	position: relative;
	font-family: 'Roboto';
	padding: 1.5rem 2.5rem;
	background-color: #14233a;}
		pricing .frame .package{
		cursor: default;}
			pricing .frame .package span{
			display: block;}
			pricing .frame .package .package-title{
			font-weight: bold;}
			pricing .frame .package .package-content{
			margin: 1rem 0;}
			pricing .frame .package .package-cost{
			color: #ffffff;
			display: block;
			line-height: 2rem;
			font-weight: bold;
			text-align: center;
			padding: .5rem 2rem;
			text-decoration: none;
			font-family: 'PT Serif';
			background-color: #d9ab55;}
				pricing .frame .package .package-cost small{
				font-size: .8rem;
				font-style: italic;}
				pricing .frame .package .package-cost small:nth-child(1){
				margin: 0 .25rem -.5rem 0;}
				pricing .frame .package .package-cost small:nth-child(2){
				margin: -.5rem 0 0 .25rem;}

		.terms{
		display: block;
		color: #9ca99f;
		font-style: italic;}

ul#sidebar-locations{
margin-top: 1rem;
list-style-type: none;}
	ul#sidebar-locations li{}
		ul#sidebar-locations li a,
		ul#sidebar-locations li a:visited{
		display: block;
		color: inherit;
		position: relative;
		text-decoration: none;
		padding: .5rem 0 .5rem 3rem;}
		ul#sidebar-locations li a:hover{
		text-decoration: underline;}
		ul#sidebar-locations li a:before{
		left: 0;
		top: 50%;
		content: '';
		width: 2rem;
		height: 2rem;
		display: block;
		border-radius: 2px;
		position: absolute;
		background-size: cover;
		background-color: #9ca99f;
		transform: translateY(-50%);
		background-repeat: no-repeat;
		background-position: center center;}

		ul#sidebar-locations li.old-docks-house a:before{
		background-color: #cda363;
		background-image: url(resources/images/icons/old-docks-house-inverted.png);}
		ul#sidebar-locations li.derby-house a:before{
		background-color: #97c032;
		background-image: url(resources/images/icons/derby-house-inverted.png);}
		ul#sidebar-locations li.no3-fulwood a:before{
		background-color: #919191;
		background-image: url(resources/images/icons/no3-fulwood-inverted.png);}
		ul#sidebar-locations li.the-watermark a:before{
		background-color: #43c7e7;
		background-image: url(resources/images/icons/the-watermark-inverted.png);}
		ul#sidebar-locations li.st-peters-house a:before{
		background-color: #14233a;
		background-image: url(resources/images/icons/st-peters-house-inverted.png);}

ul#highlights{
padding-top: .5rem;
list-style-type: none;}
	ul#highlights li{
	margin-top: 1rem;
	position: relative;
	line-height: 1.5rem;
	padding-left: 1.25rem;}
	ul#highlights li:before{
	left: 0;
	top: .9rem;
	content: '';
	width: 1rem;
	height: .2rem;
	display: block;
	position: absolute;
	background-color: #000000;}
		ul#highlights li a,
		ul#highlights li a:visited{
		color: inherit;
		text-decoration: none;}
		ul#highlights li a:hover{
		text-decoration: underline;}

solution-availability.block{}
solution-availability.block a,
solution-availability.block a:visited{
color: inherit;
text-decoration: none;}
	solution-availability.block a .title{
	display: block;
	padding: 1rem 0;
	overflow: hidden;
	line-height: 1.5rem;
	position: relative;
	padding-left: 3rem;}
	solution-availability.block a:hover .title{
	text-decoration: underline;}
	solution-availability.block a .title:before{
	left: 0;
	top: 50%;
	content: '';
	width: 2rem;
	height: 2rem;
	display: block;
	border-radius: 2px;
	position: absolute;
	background-size: cover;
	background-color: #9ca99f;
	transform: translateY(-50%);
	background-repeat: no-repeat;
	background-position: center center;}
	solution-availability.block a.old-docks-house .title:before{
	background-color: #cda363;
	background-image: url(resources/images/icons/old-docks-house-inverted.png);}
	solution-availability.block a.derby-house .title:before{
	background-color: #97c032;
	background-image: url(resources/images/icons/derby-house-inverted.png);}
	solution-availability.block a.no3-fulwood .title:before{
	background-color: #919191;
	background-image: url(resources/images/icons/no3-fulwood-inverted.png);}
	solution-availability.block a.the-watermark .title:before{
	background-color: #43c7e7;
	background-image: url(resources/images/icons/the-watermark-inverted.png);}
	solution-availability.block a.st-peters-house .title:before{
	background-color: #14233a;
	background-image: url(resources/images/icons/st-peters-house-inverted.png);}

search{
z-index: 9;
position: relative;}
	search .wrapper,
	search .wrapper .grid,
	search .wrapper .grid .element,
	search .wrapper .grid .element .content{
	padding-top: 0;
	padding-bottom: 0;
	overflow: visible;}
	search .grid .element.third{
	right: 0;
	position: absolute;}
	search #search-frame{
	width: 100%;
	margin: 1rem 0;
	display: block;
	position: relative;}
		search #search-frame input[type=text]{
		width: 100%;
		height: 3rem;
		display: block;
		font-size: .9rem;
		text-indent: 1rem;
		line-height: 3rem;
		font-style: italic;
		box-sizing: border-box;
		border: 1px solid #9ca99f;}
		search #search-frame input[type=submit]{
		top: 0;
		right: 0;
		width: 3rem;
		height: 3rem;
		border: none;
		cursor: pointer;
		box-shadow: none;
		position: absolute;
		background-size: 50% auto;
		background-repeat: no-repeat;
		background-color: transparent;
		background-position: center center;
		background-image: url(resources/images/icons/icon-search.png);}
		search #search-frame #live-results{
		display: block;
		overflow: hidden;}
			search #search-frame #live-results a,
			search #search-frame #live-results a:visited{
			display: block;
			color: inherit;
			background-size: auto 1.5rem;
			background-repeat: no-repeat;
			padding: .5rem 0 .5rem 1.25rem;
			background-position: left -.25rem center;
			background-image: url(resources/images/icons/icon-chevron-right.svg);}

.widget-discover{
display: block;
color: #000000;
cursor: default;
overflow: hidden;
position: relative;
background-color: #f0f0f0;
padding: 1.5rem 2.5rem 2rem 2.5rem;}
search .widget-discover{
margin-top: -29.65rem;}
search .widget-discover .collapse{
height: 0;
display: block;
overflow: hidden;}
search .widget-discover .collapse ul{
opacity: 0;}

search .widget-discover .collapse{
height: auto;}
search .widget-discover .collapse ul{
opacity: 1;}

search .widget-overlay{
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
position: absolute;}

	.widget-discover h3{
	font-weight: 600;
	line-height: 2rem;
	font-style: italic;
	font-family: 'PT Serif';}
		.widget-discover h3 span{
		color: #9ca99f;
		display: block;}
	.widget-discover p{
	font-size: .9rem;
	margin-top: .75rem;}
	.widget-discover ul{
	list-style-type: none;}
		.widget-discover ul li{
		margin-top: .75rem;}
			.widget-discover ul li a,
			.widget-discover ul li a:visited{
			display: block;
			color: #14233a;
			overflow: hidden;
			position: relative;
			text-decoration: none;
			background-color: #ffffff;
			padding: .5rem .5rem .5rem 5rem;}
				.widget-discover ul li a img{
				top: 50%;
				width: 2rem;
				height: 2rem;
				left: 1.4rem;
				position: absolute;
				transform: translateY(-50%);}
				.widget-discover ul li a span{
				display: block;}
				.widget-discover ul li a span:first-child{
				color: red !important;
				font-weight: 700;}
				.widget-discover ul li a span:nth-child(2){
				line-height: 1.25rem;}
				.widget-discover ul li a:hover span:nth-child(2){
				text-decoration: underline;}
				.widget-discover ul li a span:last-child{
				font-size: .8rem;
				line-height: 1rem;
				margin-top: .25rem;
				font-family: 'PT Serif';}

	.gform_wrapper{
	float: left;
	width: 100%;
	padding: 3rem;
	display: block;
	overflow: hidden;
	box-sizing: border-box;
	background-color: #f0f0f0;
	box-shadow: 0 0 1px 0 #9ca99f;}
	#gf-popup .gform_wrapper{
	padding: 1rem;}
		.gform_wrapper .gfield_required{
		color: #9ca99f !important;}
		.gform_wrapper .gform_required_legend{
		display: none;}
			.gform_wrapper .gfield{
			width: 100%;
			float: left;
			display: block;
			margin-top: 1.5rem;}
			#gf-popup .gform_wrapper .gfield{
			margin: 0;
			padding-top: 1rem;
			position: relative;
			border-top: 1px solid #ffffff;}
			#gf-popup .gform_wrapper .gfield:first-child{
			border: none;
			padding-top: 0;}
			#gf-popup .gform_wrapper .gfield_label{
			float: left;
			display: block;}
			#gf-popup .gform_wrapper .gform_heading h2.gform_title,
			#gf-popup .gform_wrapper .gform_heading .gform_description{
			margin-bottom: .5rem;}
			#gf-popup .gform_wrapper .gform_heading .gform_description{
			line-height: 1.75rem;}
		.gform_wrapper .ginput_complex{
		margin: -.75rem;
		overflow: hidden;
		width: calc(100% + .75rem);}
			.gform_wrapper .ginput_complex .gform-grid-col{
			width: 50%;
			float: left;
			padding: .75rem;
			overflow: hidden;
			position: relative;
			box-sizing: border-box;}
			#gf-popup .gform_wrapper .ginput_complex .gform-grid-col{
			padding-top: 0;
			padding-bottom: 0;}
			#gf-popup .gform_wrapper .ginput_complex .gform-grid-col label{
			padding: 0;
			float: left;
			font-size: .75rem;
			display: inline-block;
			margin-bottom: .25rem;}
		.gform_wrapper input[type=submit]{
		margin: 0;
		padding: 0;
		width: 100%;
		color: #ffffff;
		text-indent: 0;
		cursor: pointer;
		font-weight: bold;
		font-size: 1.4rem;
		font-style: italic;
		line-height: 2.4rem;
		padding: 1.5rem 2rem;
		font-family: 'PT Serif';
		text-transform: uppercase;
		background-color: #d9ab55;}
		#gf-popup .gform_wrapper input[type=submit]{
		padding: .5rem 1rem;}
		.gform_wrapper input[type=text],
		.gform_wrapper input[type=email],
		.gform_wrapper input[type=tel],
		.gform_wrapper select,
		.gform_wrapper textarea{
		width: 100% !important;
		border: none;
		outline: none;
		display: block;
		color: inherit;
		padding: .75rem 0;
		text-indent: 1rem;
		font-size: inherit;
		font-family: inherit;
		line-height: inherit;
		box-sizing: border-box;
		background-color: #ffffff;
		box-shadow: 0 0 1px 0 #9ca99f;}
		#gf-popup .gform_wrapper input[type=text]{
		width: calc(100% - .75rem) !important;}
		#gf-popup .gform_wrapper .ginput_complex{
		width: calc(100% + 1.5rem);}
		.gform_wrapper textarea{
		text-indent: 0;
		padding: .75rem 1.75rem;}
		.gform_wrapper select,
		.ginput_container_date input{
		height: 3rem;}
		.gform_wrapper span.address{
		display: block;
		margin-top: -1rem;
		background-size: auto 1rem;
		background-repeat: no-repeat;
		padding: 1rem 1rem 1rem 2.5rem;
		background-position: left 1rem center;
		background-color: rgba(255,255,255,.5);
		background-image: url(resources/images/icons/icon-map.png);}
		.gform_confirmation_message{
		float: left;
		display: block;
		color: #ffffff;
		font-weight: bold;
		padding: 1.5rem 3rem;
		background-color: #14233a;}

	/* editable formatting */

	.editable p,
	.editable figure{
	margin-top: 1.5rem;}
	.editable p:first-child{
	margin: 0;}
	content.block-page .editable p:first-child,
	.editable p#summary{
	font-size: 2rem;
	font-weight: bold;
	line-height: 2.4rem;
	font-family: 'Roboto';}
	.editable figure{
	display: block;
	overflow: hidden;}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6{
	font-weight: 600 !important;}

	.editable strong{
	font-weight: bold;}

	h1{
	font-size: 2rem;
	line-height: 3rem;}
	h2{
	font-size: 1.8rem;
	line-height: 2.4rem;}
		h2.visual{}
		office-spaces h2.visual,
		next-step h2.visual{
		text-align: center;}
			h2.visual span{
			display: block;
			font-weight: 600;}
				h2.visual span i{
				color: #9ca99f;
				font-weight: 600;}
			h2.visual a,
			h2.visual a:visited{
			color: inherit;
			font-weight: inherit;}
	h3{
	font-size: 1.6rem;
	line-height: 2.6rem;}
	h4{
	font-size: 1.4rem;
	line-height: 2.4rem;
	font-family: 'Roboto';}
		h1.line,
		h4.line{
		position: relative;
		padding-bottom: 1rem;}
		h1.line:after,
		h4.line:after{
		left: 0;
		bottom: 0;
		content: '';
		width: 2.5rem;
		height: .3rem;
		display: block;
		position: absolute;
		background-color: #bf9f84;}
		h1.line:after{
		left: 50%;
		margin-left: -1.25rem;}
	h5{
	font-size: 1.2rem;
	line-height: 1.2rem;}
	h6{
	font-size: 1rem;
	line-height: 2rem;}

	.editable hr.wp-block-separator{
	float: left;
	width: 100%;
	height: 5px;
	border: none;
	margin: 3rem 0;
	box-shadow: none;
	background-color: #cdd4cf;}

	.editable ul,
	.editable ol{
	margin: 1.5rem 0 0 0;
	list-style-position: inside;}
		.editable ul ul,
		.editable ol ol{
		margin: 0 0 0 1.5rem;}

	.editable a,
	.editable a:visited{
	color: #424845;}

	.editable img{
	max-width: 100%;}

	img{
	float: left;
	width: 100%;
	height: auto;}

	.editable img.alignright {float:right; margin:0 0 1em 1em}
	.editable img.alignleft {float:left; margin:0 1em 1em 0}
	.editable img.aligncenter {display: block; margin-left: auto; margin-right: auto}
	.editable a img.alignright {float:right; margin:0 0 1em 1em}
	.editable a img.alignleft {float:left; margin:0 1em 1em 0}
	.editable a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

	.collapse,
	ul,
	a{
	-webkit-transition: 300ms ease-in-out;
	-moz-transition: 300ms ease-in-out;
	-o-transition: 300ms ease-in-out;
	-ms-transition: 300ms ease-in-out;
	transition: 300ms ease-in-out;}


.pulse {
  box-shadow: 0 0 0 1px rgba(20,35,58, 1);
  animation: pulse 2s infinite;
}
.pulse:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(20,35,58, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(20,35,58, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(20,35,58, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(20,35,58, 0.4);
    box-shadow: 0 0 0 0 rgba(20,35,58, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(20,35,58, 0);
      box-shadow: 0 0 0 10px rgba(20,35,58, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(20,35,58, 0);
      box-shadow: 0 0 0 0 rgba(20,35,58, 0);
  }
}

/* =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%; /* Image does not overflow the content area */
    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 p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

@media screen and (max-width:1329px){

header .menu-global-container ul li{
margin: 0 1rem 0 0;}
header a.global-cta{
padding: 0 .5rem;}

header nav .menu-global-container ul{
left: 1rem;
right: 1rem;
display: none;
position: absolute;
top: 6rem;
background-color: #f0f0f0;}
header nav #toggle{
display: block;}
header.selected nav .menu-global-container ul{
display: block;}
	header.selected nav .menu-global-container ul li{
	float: none;
	width: 100%;
	text-align: left;}
		header.selected nav .menu-global-container ul li:hover ul.sub-menu{
		display: none;}
		header.selected nav .menu-global-container ul li a,
		header.selected nav .menu-global-container ul li a:visited{
		color: #14233a;
		text-indent: 1rem;}
		header.selected nav .menu-global-container ul li:nth-child(n+2) a,
		header.selected nav .menu-global-container ul li:nth-child(n+2) a:visited{
		border-top: 1px solid #9ca99f;}
		header.selected nav .menu-global-container ul li a:hover{
		text-decoration: underline;}
		header.selected nav .menu-global-container ul li a:after,
		header .menu-global-container ul li.menu-item-has-children a:before{
		display: none;}

}


@media screen and (max-width:1199px){

next-step{}
	next-step #quote{
	text-align: left;
	padding: 3rem 15rem 3rem 2rem;}

office-spaces .grid .element.fifth{
width: 100%;}

solutions{
background-size: 100% auto;}
solutions .grid .element.fifth:nth-child(1){
width: 100%;}
solutions .grid .element.fifth:nth-child(n+2){
width: 50%;}
solutions .grid .element.third{
width: 50%;}

reviews #inline-cta a,
reviews #inline-cta a:visited{
margin-top: .75rem;}

footer .grid .element.two-thirds{
width: 100% !important;}
	footer .grid .element.two-thirds .element:first-child{
	display: none;}
	footer .grid .element.two-thirds .element.half:nth-child(3){
	text-align: right;}
footer .grid .element.third{
width: 100%;
position: relative;}

footer #inverted{
background-size: 66% auto;
background-position: center top;}

footer-bar{
padding-bottom: 6rem;}
	footer-bar .grid .element.third{}
		footer-bar .grid .element .content span{
		float: none;
		width: 100%;
		text-align: center !important;}

a#whatsapp-chat,
a#whatsapp-chat:visited{
left: 50%;
margin-left: -6.25rem;}

	.widget-discover ul li a,
	.widget-discover ul li a:visited{
	padding: .5rem .5rem .5rem .5rem;}
		.widget-discover ul li a img{
		display: none;}

}

@media screen and (max-width:1099px){

	h1{
	font-size: 1.5rem;
	line-height: 1.9rem;}
	h2{
	font-size: 1.4rem;
	line-height: 1.8rem;}
	h3{
	font-size: 1.3rem;
	line-height: 1.7rem;}
	h4{
	font-size: 1.2rem;
	line-height: 1.6rem;}
	h5{
	font-size: 1.1rem;
	line-height: 1.5rem;}
	h6{
	font-size: 1rem;
	line-height: 1.4rem;}

content.block.block-page{}
	content.block-page .grid .element.two-thirds{
	margin: 0;
	width: 100%;}

.gform_wrapper{
padding: 1.5rem 1rem 1rem 1rem;}
	.gform_wrapper .ginput_complex{
	width: calc(100% + .75rem);}
		.gform_wrapper .ginput_complex .gform-grid-col{
		padding-top: 0;
		padding-bottom: 0;}
	.gform_wrapper .gfield{
	margin-top: 0;}

.wrapper{
padding: 1rem;}

solutions .grid .element.fifth:nth-child(n+2),
latest-news .grid .element.half{
width: 100%;
margin: 0 !important;}

banner h1#office-location-heading,
banner h1#article-heading{
font-size: 2rem;
line-height: 3rem;}

latest-news a.frame,
latest-news a.frame:visited{
padding: 1rem;}
latest-news a.frame img{
width: calc(100% + 2rem);
margin: -1rem -1rem 1rem -1rem;}
latest-news a.frame .more{
margin: 0 0 -1rem -1rem;}

banner .wrapper .grid .element .content{
padding: 2rem;}
banner.block-office-location .wrapper .grid .element .content{
padding: 4rem 2rem 6rem 2rem;}

	banner.block-office-location a#address,
	banner.block-office-location a#address:visited{
	left: 2rem;
	font-size: .9rem;
	padding: .25rem 1rem;}
	banner.block-office-location  a#address:before{
	display: none;}
		banner.block-office-location h1#office-location-heading span:before{
		bottom: .5rem;}


	banner #copy{
	font-size: 1.4rem;}
		banner #copy .space{
		font-size: 2rem;
		line-height: 1.5rem;}
		banner #copy .blocked{
		font-size: 1rem;
		line-height: 1.6rem;}

search .grid .element.three-fifths,
search .grid .element.third{
width: 100%;}

search .grid .element.third{
position: relative;}

search .widget-discover{
margin-top: 0;
padding: 1.5rem;
margin-bottom: 1rem;}
search .widget-discover.selected{
opacity: 1;
margin-top: 0;}

search .widget-discover.selected .collapse{
height: auto;}
search .widget-discover.selected .collapse ul{
opacity: 1;}

content ul#amenities li{
width: 100%;}

location .grid .element.half{
width: 100%;}
location .grid .element.half:last-child{
display: none;}
location .grid .element.half .content .frame{
height: auto;
padding: 1rem;}

}

@media screen and (max-width:999px){

content.block-office-space,
content.block-office-space .grid .element.three-fifths{
margin-top: 0;}
content.block-office-space .grid .element.three-fifths,
content.block-office-space .grid .element.third{
width: 100%;}
content.block-office-space .gird .element.third,
.inner-wrapper-sticky,
content.block-office-space .gird .element.third .widget-discover{
display: none !important;}

	reviews .lSAction{
	left: 0;
	top: auto;
	bottom: 0;
	width: 100%;
	background: none;}
			reviews .lSAction a.lSNext i{
			font-size: 2rem;}

content.block-solutions .grid .element.two-thirds,
content.block-solutions .grid .element.third,
content.block-custom .grid .element.two-thirds,
content.block-custom .grid .element.third,
article .grid .element.two-thirds,
article .grid .element.third{
width: 100%;}
solution-availability .grid .element.third,
content.block-custom ul#amenities li{
width: 50%;}

}

@media screen and (max-width:899px){

next-step #quote{}
next-step #quote:after{
display: none;}
next-step #call{
margin-top: 1.5rem;}

pricing .element.half,
pricing .element.third{
width: 100% !important;}

footer .element.footer-links .element.half{
width: 100%;
text-align: center;}

solutions .grid .element.third{
width: 100%;}

}

@media screen and (max-width:799px){

header{
height: 7rem;}
header nav #toggle{
top: 0;
right: 1rem;
position: absolute;}

header #g-c{
width: 100%;
display: block;
overflow: hidden;}
	header #g-c a,
	header #g-c a:visited{
	margin: 0;
	width: 50%;
	float: left;
	text-align: center;
	box-sizing: border-box;}

next-step #quote{
padding: 1rem;
font-size: 1.2rem;
line-height: 1.6rem;
margin-bottom: 7rem;}
next-step #call{
margin-top: 5rem;
padding-bottom: 1rem;}

content.block-custom ul#amenities li{
width: 100%;}

}

@media screen and (max-width:640px){
	
.gform_wrapper .ginput_complex{
margin: 0;}

}