@charset "utf-8";
/* App.css */

:root{
	--background-color: #192431;
	--background-color-warm: #2d3640;
	--background-color-rgb: 25, 36, 49;

	--accent-color: #e43d2f;
	--accent-color-rgb: 228, 61, 47;
	--accent-color-hover: #CC2E21;
	--accent-color-rgb-hover: 204, 46, 33;
	--accent-dull: #BF4237;
	--accent-navy: #04222c;
	--accent-navy-rgb: 4, 34, 44;
	--theme-color: #e43d2f;
	--base-color: #394c56;

	--mid-blue: #3F4D5E;
	--mid-blue-rgb: 63, 84, 94;
	--navy: #1F364D;
	--blue: #3698d9;
	--sky: #56B7E6;
	--white: #FFFFFF;

}

html{
	overflow-y:scroll;
}
html, body{
	width: 100%;
/*	height:100%;*/
}
body{
/*	background: #1F364D;*/
	background: var(--background-color);
	font-family: 'Mont', 'Roboto', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 17px;
	line-height: 1.6;
	color: var(--base-color);

	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	text-rendering:optimizeLegibility;
	font-variant-numeric: lining-nums;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'Mont', Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.1;
/*	color: #192431;*/
	color: #192b31;
	text-transform: uppercase;
	letter-spacing: 0.024em;
	font-variant-numeric: lining-nums;
}
h1{
	font-family: 'Mont Light', Helvetica, Arial, sans-serif;
	font-size: 2.75rem;
}
h2{
	font-family: 'Mont Light', Helvetica, Arial, sans-serif;
	font-size: 2.5rem;
}
h3{font-size: 1.5rem;}
h4{font-size: 1.25rem;}
h5{font-size: 1.15em;}
h6{font-size: 1rem;}

h1 span, h2 span, h3 span, h4 span, h5 span, 
h1 b, h2 b, h3 b, h4 b, h5 b, 
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong {
	/*font-family: 'Mont Light', 'Roboto', Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 94%;*/

/*	font-family: 'Athelas', 'Roboto', Helvetica, Arial, sans-serif;*/
	font-family: 'Athelas Bold', 'Roboto', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 107%;
}
h3 span, h4 span, h5 span, 
h3 b, h4 b, h5 b, 
h3 strong, h4 strong, h5 strong{
	font-family: 'Athelas', 'Roboto', Helvetica, Arial, sans-serif;
	font-weight: normal;
}
/*h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, 
h1 b, h2 b, h3 b, h4 b, h5 b{
		font-family: 'Athelas Bold', 'Roboto', Helvetica, Arial, sans-serif;
}*/

.heading--light{
	font-weight: 400;
}
.heading--bold{
	font-weight: 600;
}

.mont-light{font-family: 'Mont Light', Helvetica, Arial, sans-serif;}
.mont-regular{font-family: 'Mont', Helvetica, Arial, sans-serif;}
.mont-semibold{font-family: 'Mont Semibold', Helvetica, Arial, sans-serif;}
.mont-bold{font-family: 'Mont Bold', Helvetica, Arial, sans-serif;}

p{
	letter-spacing: -0.5px;
	line-height: 1.5;
	margin-bottom: 0.5rem;
}
p.large{
	font-size: 1.25rem;
	margin-bottom: 1.25rem;
}
em, i{
	
}
small{
	font-size: 90%;
	line-height: 1.4em;
	display: inline-block;
}
strong, b{
	font-family: 'Mont Bold', Helvetica, Arial, sans-serif;
	font-weight: normal;
}
.font--medium{
	font-weight: 500;
}
.font--bold{
	font-weight: 600;
}

.uppercase{
	text-transform: uppercase;
	letter-spacing: 0.05em;
/*	font-size: 95%;*/
}

.theme--color {
	color: #e43d2f;
}
.primary-background{
	background-color: #e43d2f;
}

a{
	font-weight: 500;
	color: var(--accent-color);
	border-bottom: 1px solid transparent;
	transition: all .2s ease-out;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	user-select: none;
}
a:hover,
a:focus{
	color: var(--accent-color);
}
a.no_link{
	cursor: default;
}
p a{
	font-weight: 500;
}


ul{
	margin-left: 2rem;
	line-height: inherit;
}
ul li{
/*  font-size: 1.2em;*/
/*   list-style-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23808"><g transform="scale(0.5) translate(0, 15)" transform-origin="center"><path d="M18 4c-4-1-6 3-6 3s-2-4-6-3-4 6-2 8l8 8 8-8c2-2 2-7-2-8z"></path></g></svg>');*/
  list-style-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23.07 30.35"><path d="M.13 8.55C-.59 5.33 1.75 1.14 4.78.01 2.3 2.4 3.06 6.43 5.8 8.33c3.05 2.25 8 1.91 11.36 3.84 8.5 4.89 6.93 14.13 1.01 18.1 1.69-1.44 1.72-5.07.87-7.09-2.46-5.87-9.19-5.37-13.85-7.92C2.63 13.93.8 11.53.13 8.55m15.59 21.73c.97-2.26 1.54-4.23 1.27-5.49-.43-2.03-1.85-2.81-3.1-3.53-3.56-2.04-9.02-1.64-11.42-5.64-.84 2.12-.15 6.9 4.63 8.48 2.28.84 4.07 1.42 5.63 3.57.3.42.32 1.55.15 2.68" style="fill:%23e43d2f"/></svg>');

}
ul li::marker{
  font-size: 2.5rem;
  line-height: 1rem;
	color: var(--accent-color);
}

ul.clean{
	margin: 0;
	list-style: none;
}
ul.hex{
	list-style: none;
	margin-left: 1rem;
	margin-right: 2rem;
}
ul.hex li{
	margin-left: 1rem;
	margin-bottom: 0.5rem;
	line-height: 1.6;
}
ul.hex li:before{
	margin-left: -2rem;
	margin-right: 1rem;
	font-family: 'Font Awesome 5 Duotone';
	content: '\f312';
	color: var(--accent-color);
	font-size: 0.8rem;
	/*font-weight: 900;*/
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
ul.checks{
	list-style: none;
	margin-left: 1rem;
	margin-right: 2rem;
}
ul.checks li{
	margin-left: 1rem;
	margin-bottom: 0.5rem;
	line-height: 1.6;
}
ul.checks li:before{
	margin-left: -2rem;
	margin-right: 1rem;
	content: '\f00c';
	font-family: 'Font Awesome 5 Pro';
	color: var(--accent-color);
}

.text--white{
	color: #FFF;
}
.text--accent{
	color: var(--accent-color);
}
.text--green{
/*	color: #00a786;*/
}
.text--green-bright{
/*	color: var(--accent-color);*/
}
.text--gradient{
	background: -webkit-linear-gradient(45deg, #ffb638, #fc5c3c 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.fill--white{
	fill:#FFF;
}
.fill--accent{
	fill: var(--accent-color);
}
.fill--green{
	fill:#00a786;
}


.stroke--orange{
	fill:none;
	stroke:var(--accent-color);
	stroke-width:2.5;
	stroke-linecap:round;
	stroke-miterlimit:10;
}



hr{
	max-width: none;
	border-width: 1px;
	border-color: rgba(var(--accent-color-rgb), 0.75);
	margin: 2.5rem 0;
}
.block--light hr{
	border-color: rgba(var(--mid-blue-rgb), 0.33);
}
hr.light{
	border-color: rgba(var(--mid-blue-rgb), 0.25);
}
.hr--vertical{
	height: initial;
}
.hr--25{
	width: 25%;
	margin: 1.5rem 0;
}
.hr--33{
	width: 33%;
	margin: 1.5rem 0;
/*	text-align: center;*/
}
.hr--mini{
	max-width: 90px;
}
.hr--center{
	margin-left: auto;
	margin-right: auto;
}
.hr--grey{
	border-color: rgba(var(--mid-blue-rgb), 0.15);
}
.hr--orange{
	border-color: var(--accent-color);
}

.icon{}
.icon--large{
	font-size: 3rem;
	text-align: center;
}






/*
** ---------------------- Buttons ---------------------
*/
.button {
	position: relative;
	display: inline-block;
	padding: 15px 30px;
	/*padding: 15px 40px;*/
	background-color: #192431;
	border: none;
	border-radius: 2px;
	/*box-shadow: 0 0 1px 1px rgba(255,255,255, 0.3), 0 2px 8px -2px rgba(0,0,0, 0.5);*/
/*	box-shadow: 0 0 10px -4px rgba(4,69,102, 0.25);*/
	font-family: inherit;
	font-size: 1em;
	line-height: 1rem;
	color: #FFF;
	text-align: center;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
	white-space: nowrap;
	transition: all .2s ease-out;
}
.button:hover{
	/*padding: 15px 40px !important;*/
	background-color: var(--accent-color);
	/*outline: 1px solid rgba(255,255,255, 0.5);*/
	/*box-shadow: 0 0 1px 1px rgba(255,255,255, 0.5), 0 2px 10px -4px rgba(0,0,0, 0.5);*/
}
.button:active, .button:focus{
	background-color: var(--accent-color);
}
.button--full{
	width: 100%;
}
.button--small{
	font-size: 0.875rem;
	padding: 8px 15px 10px;
}
.button--round{
	border-radius: 300px;
	padding: 15px 30px;
}
.button--round.button--small{
/*	padding: 10px 20px 12px;*/
	padding: 8px 15px 10px;
}

.button.uppercase{
	font-size: 0.9em;
	letter-spacing: 0.05em;
}
.button--stroke{
	/*background-color: rgba(20,22,26, 0.15);*/
	background: none;
	border: 1px solid rgba(255,255,255,0.15);
	border: 1px solid rgba(var(--accent-color-rgb),0.75);
	border-radius: 4px;
	box-shadow: 0 2px 10px -4px rgba(0,0,0, 0.25);
	color: var(--accent-color);
	/*padding: 10px 15px 10px;*/
}
.button--stroke:hover{
/*	background-color: rgba(4,69,102, 0.66);*/
	/*background-color: var(--accent-color);*/
	/*background-color: var(--accent-color);*/
	background-color: rgba(var(--accent-color-rgb), 0.5);
	box-shadow: none;
}
.button--stroke:focus{
	background: none;
}
.button--stroke.button--dark{
	color: #FFF;
}
.button--stroke.button--dark:hover{
/*	color: var(--accent-color);;*/
}

.button + .button{
	/*margin-left: 15px;*/
}
.button--orange{
	/*background-color: #fc5c3c;*/
	background-color: var(--accent-color);
	background-image: linear-gradient(135deg, #ffb638 0%, #fc5c3c 74%);
	color: #FFF;
}
.button--orange:hover, 
.button--orange:focus{
	background-color: #ffb638;
	background-image: linear-gradient(135deg, #ffb638 25%, #fc5c3c 100%);
}
.button--bold{
	font-weight: 500;
}
.button i{
	margin-left: 3px;
	margin-right: 3px;
	transition: all .2s ease-out;
}
.button:hover i,
.button:focus i{
	margin-right: 0;
	margin-left: 6px;
}
.header_contact .button i,
.header_contact .button i{
	margin-left: 0;
	margin-right: 3px;
}
.header_contact .button:hover i,
.header_contact .button:focus i{
	margin-left: 0;
	margin-right: 3px;
}
i.svg{
	display: inline-block;
	max-width: 24px;
}
.button svg{
	margin: 0 5px 0 0;
	float: left;
	display: block;
}
.button:hover i{
	/*margin-left: 0.35em;*/
}



.button_stroke {	
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight: normal;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	padding: 0.25rem 1rem;
	margin: 0 0 1rem;
	cursor: pointer;
	border-style: solid;
	border-width: 2px;
	border-width: 1px;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
	white-space: nowrap;
	transition: all .2s ease-out;
	/*background-clip: text;*/
	/*-webkit-background-clip: text;*/
	/*color: rgba(255, 255, 255, 0);*/
	-o-border-image: linear-gradient(155deg, #ffb638 0%, #fc5c3c 100%) 1 round;
	border-image: linear-gradient(155deg, #ffb638 0%, #fc5c3c 100%) 1 round;
	background: linear-gradient(155deg, #ffb638 0%, #fc5c3c 100%);
	background: linear-gradient(155deg, rgba(255, 182, 56, 0.25) 0%, rgba(252, 92, 60, 0.25) 100%);
	background: transparent;
}
.button_stroke:hover {
	color: #FFF;
	color: rgba(255, 255, 255, 1);
	background: linear-gradient(155deg, rgba(255, 182, 56, 0.5) 0%, rgba(252, 92, 60, 0.5) 100%);
}


.button_stroke.green {
	-o-border-image: linear-gradient(155deg, #06e5de 0%, #AAFFA9 100%) 1 round;
	border-image: linear-gradient(155deg, #06e5de 0%, #AAFFA9 100%) 1 round;
	background: linear-gradient(155deg, #06e5de 0%, #AAFFA9 100%);
}
.button_stroke.green:hover {
	box-shadow: 0 0 0px 1px rgba(255, 255, 255, 0.5), 2px 2px 6px rgba(170, 255, 169, 0.4), -2px -2px 6px rgba(6, 229, 222, 0.4);
}




/*
** Multiple line gradient
** https://css-tricks.com/multi-line-inline-gradient/
*/
.gradient-multiline {
	position: relative;
	width: 300px;
	margin: 40px auto;
	background-color: #fff;
	text-align: center;
	line-height: 1.5em;
	overflow: hidden;
}

.gradient-multiline span {
	color: #fff;
	background-color: #000;
	padding: 0.225rem 0.5rem;
	/* Needs prefixing */
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

@supports (mix-blend-mode: lighten) {
	.gradient-multiline::after {
		position: absolute;
		content: '';
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		pointer-events: none;
		background: linear-gradient(60deg, #3629a2, #00ceff);
		mix-blend-mode: lighten;
	}
}






.link {
  cursor: pointer;
  position: relative;
  white-space: nowrap;
  color: var(--color-text);
}
.link::before,
.link::after {
  position: absolute;
  width: 100%;
  height: 1px;
  background: currentColor;
  top: 100%;
  left: 0;
  pointer-events: none;
}
.link::before {
  content: '';
  /* show by default */
}
.link--metis {
/*    font-family: bely-display, sans-serif;*/
/*    text-transform: lowercase;*/
}
.link--metis::before {
  transform-origin: 100% 50%;
  transform: scale3d(0, 1, 1);
  transition: transform 0.2s;
}
.link--metis:hover::before {
  transform-origin: 0% 50%;
  transform: scale3d(1, 1, 1);
}


















/*
** Background / Foreground
*/
.background{
	width: 100%;
	height: 100%;
	max-height: 100%;
	margin: 0;
	padding: 0;
	position: fixed;
	/*position: absolute;*/
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	/*background-color: #000;*/
	background-color: #FFF;
	background-size: cover;
	/*background-size: 100%;*/
	background-repeat: no-repeat;
	background-position: center;
	/*background-position: 75% center;*/
	background-position: 50% center;
	/*box-shadow: 400px 0 250px -300px rgba(19,24,26, 0.75) inset, -400px 0 250px -300px rgba(19,24,26, 0.75) inset;*/
	box-shadow: 0 150px 100px -100px rgba(0,0,0, 0.75) inset, 0px -100px 400px -100px rgba(0,0,0, 0.75) inset;
	transition: all .2s ease-out;
	-webkit-animation: fadeinbg 600ms;
	-moz-animation: fadeinbg 600ms;
	-ms-animation: fadeinbg 600ms;
	-o-animation: fadeinbg 600ms;
	animation: fadeinbg 600ms;
}
.home .background{
	background-position: bottom center;
}
.background__overlay{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background: #192431;
	background: rgba(31, 33, 38, 0.75);
}
.background img{
	/*width: 100%;*/
	/*min-height: 100%;*/
	max-width:100%;
	max-height:100%;
	height: auto;
	/*object-fit: fill;*/
}


/*
** Ken Burns single image:
** https://codepen.io/hkfoster/pen/kechC
*/
.background0 {
	transform: translate3d(0,0,0) scale(1);
}
.loaded .background0 {
/*	transform-origin: top right;*/
/*	transform-origin: bottom right;*/
	/*transform-origin: 80% 66%;*/
/*	transform-origin: 25% 50%;*/
	transform-origin: 50% 50%;
	transform: scale(2.5);

	/**/
	transition: transform ease-in-out;

	/*easeOutCubic*/
/*	transition: transform cubic-bezier(0.215, 0.61, 0.355, 1);*/

	/*easeInOutCubic*/
	/*-webkit-transition: 45s transform cubic-bezier(0.645, 0.045, 0.355, 1);*/
	/*transition:         45s transform cubic-bezier(0.645, 0.045, 0.355, 1);*/

	/* easeOutQuad */
	/*-webkit-transition: 45s transform cubic-bezier(0.25, 0.46, 0.45, 0.94);*/
	/*transition:         45s transform cubic-bezier(0.25, 0.46, 0.45, 0.94);*/

	/* easeInOutSine */
	/*-webkit-transition: 30s transform cubic-bezier(0.445, 0.05, 0.55, 0.95);*/
	/*transition:         30s transform cubic-bezier(0.445, 0.05, 0.55, 0.95);*/
}

@keyframes kenburns {
	from {
		transform: translate3d(0,0,0) scale(1);
	}
	to {
		transform-origin: 50% 75%;
/*		transform-origin: bottom right;*/
		transform: scale(1.15);
		transition: transform ease-out;
	}
}

/*.loaded #bg,*/
.loaded #slider_home .background,
.loaded #slider_home .rsMainSlideImage {
	animation-name: kenburns;
	animation-duration: 20s;
	/*animation-iteration-count: 1;*/
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

/* Turn it off for Edge browser - come on Microsoft! */
@supports (-ms-ime-align:auto) {
	.loaded .background,
	.loaded .rsMainSlideImage {
		animation-name: none;
	}
}

.foreground{
	position: relative;
	z-index: 1;
}
.off-canvas-content{
	position: relative;
	z-index: 1;
}
.page{
	width: 100%;
	float:left;
	clear: both;
	position: relative;
	z-index: 9;
}


/*
** Background / Foreground
*/
#bg {
	position:fixed;
	top:-50%;
	left:-50%;
	width:200%;
	height:200%;
	z-index:1;

	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center;
/*	opacity:0.66;*/
/*	opacity:0.75;*/
	transition: all .5s ease-out;
}
#bg_img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	min-width:50%;
	min-height:50%;
	z-index:1;
}
.bgwidth{
	width:100%;
}
.bgheight{
	height:100%;
}
.bg_blur{
/*	filter: blur(8px);*/
}

#bg img {
	display: block;
}
#bg.portrait img {
	width: 100%;
}
#bg.landscape img {
	height: 100%;
}
span.overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	opacity: 1;
	background: linear-gradient(330deg, 
		rgba(255,255,255,1) 0%, 
		rgba(255,255,255,0) 100%);
}
.project #bg span.overlay{
	opacity:0.85;
}
.homepage #bg span.overlay{
	background:#1f364d;
	background:rgba(31, 54, 77, 1);
	opacity:0.7;
}
#fg{
	width:100%;
	height:100%;
	position:relative;
	z-index:2;
}






.main{
	background: #FFF;
	position: relative;
	margin-top: 25vh;
	margin-top: 20vh;
	margin-top: 12vh;
	margin-top: 140px;
	padding-bottom: 60px;
}
.hero + .main{
	background: #FFF;
	/*margin-top: 100vh;*/
	margin-top: 0;
	/*padding-top: 60px;*/
}
.main > .block:first-child{
/*	padding-top: 60px;*/
	padding-top: 120px;
}





/*
** ---------------------- Grid ---------------------
*/
.container{
	width: 100%;
	max-width: 75rem;
	clear: both;
	margin: 0 auto;
	position: relative;
	/*z-index: 2;*/
	transition: all .2s ease-out;
}
.container_project{
	max-width: 75vw;
	margin: 15px auto;
}
.row{
	clear: both;
	margin: 0 auto;
	max-width: 90vw;
}
.row.full{
	max-width: inherit;
}
.off-canvas-content{
	position: relative;
	z-index: 1;
}








/*
** ---------------------- Header ---------------------
*/
.header{
	width: 100%;
	position: relative;
	z-index: 99;
/*	background: rgba(var(--background-color-rgb), 0.075);*/
/*	border-bottom: 1px solid rgba(255, 255, 255, 0.15);*/
	transition: all .2s ease-out;
	/*-webkit-backdrop-filter: blur(5px);*/
	/*-moz-backdrop-filter: blur(5px);*/
	/*backdrop-filter: blur(5px);*/
}
.header .container{
	display: flex;
	justify-content: space-between;
}
.header.fixed{
	position: fixed;
	top: 0;
	left: 0;
/*	background: #192431;*/
}
body:not(.home) .header{
	background: #192431;
}
.header.logged_in{
/*	top: 30px;*/
}
.header.scrolling{
/*	background: rgba(var(--background-color-rgb), 0.15);*/
	background: rgba(var(--background-color-rgb), 0.9);
	border-bottom: none;
	-webkit-backdrop-filter: blur(5px);
	-moz-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}
.header.scrolling nav{
	/*opacity: 0.66;*/
	/*transition: all .2s ease-out;*/
}
.header.scrolling:hover nav{
	/*opacity: 1;*/
}
.header:hover{
	/*background: rgba(4,69,102, 0.1);*/
}
.header.scrolling:hover{
/*	background: rgba(var(--accent-navy-rgb), 0.85);*/
}





.top-header{
	/*position: relative;
	top: 0;
	left: 0;
	width: 100%;*/
	z-index: 9999;
	font-size: 13px;
	border-bottom: 1px solid rgba(255,255,255,0.075);
	position: absolute;
	top: 0;
	right: 0;
	transition: all 200ms ease-out;
	color: rgba(255,255,255,0.25);
}
body:not(.home) .top-header{
/*	background: #192431;*/
}
.top-header nav{
  float: right;
}
.top-header ul{
	margin: 2px 0 4px;
}
.top-header li{
/*	padding: 0 0 0 5px;*/
	display: inline-block;
}
.top-header li:not(:first-child) {
	padding: 0 0 0 5px;
}
.top-header li > a{
	color: rgba(255,255,255,0.25);
	transition: all 200ms ease-out;
}
.scrolling .top-header{
	top: -30px;
}
.top-header li > a:hover{
	color: rgba(255,255,255,0.5);
}








/*
** ---------------------- Logo ---------------------
*/
.logo{
	position: relative;
	transition: all .2s ease-out;
}
.logo a{
	display: block;
	height: 100%;
	outline: none;
	text-align: center;
	display: flex;
	align-items: center;
}
.logo--header{
	position: relative;
	max-width: 180px;
	background-color: var(--background-color);
	transition: all .2s ease-out;
	z-index: 2;
}
.scrolling .logo--header{
/*	margin: 20px 20px 20px 60px;*/
	max-width: 120px;
}
.scrolling .cls-2{
/*	width: 0px;*/
/*	display: none;*/
}
.logo--header:hover,
.logo--header:focus{
/*	opacity: 0.66;*/
}
.logo--footer{
/*	-webkit-filter: grayscale(1);*/
/*	filter: grayscale(1);*/
/*	opacity: 0.66;*/
	max-width: 100px;
	margin: 1rem 0 1rem;
}
/*.logo img,*/
.logo svg{
	display: inline-block;
	width: 200px;
	max-width: 80%;
	margin: 0 auto;
	height: auto;
}

/* 40th year anniversary logo */
/* Transition in on load? */
.logo span {
	position: absolute;
	/*top: 50px;
	right: -70px;
	top: 60px;*/
	top: 60px;
	right: -50px;
	opacity: 0;
	transition: all .3s ease-out;
}
.home.loaded .logo span{
	top: 60px;
	right: -60px;
	opacity: 1;
}
.logo span img{
	opacity: 0;
	transition: all .2s ease-out;
}
.loaded .logo span img{
	opacity: 0.75;
}
.logo span img{
	width: 45px;
	transition: all .2s ease-out;
	/*opacity: 0.75;*/
}
.home.loaded .scrolling .logo span{
	top: 18px;
	right: -40px;
}
.home.loaded .scrolling .logo span img{
	width: 30px;
	opacity: 0.25;
}
body:not(.home) .logo span img{
	opacity: 0.5;
}



.header_contact{
	position: relative;
	z-index: 3;
	float: right;
	display: inline-block;
	/*width: 50px;*/
	margin: 2px 0 0;
	transition: all .2s ease-out;
}
.scrolling .header_contact{
/*	margin: 10px 30px;*/
}
.header_contact a{
/*	display: block;*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	text-align: center;*/
/*	padding: 30px 15px 0;*/
/*	color: var(--accent-color);*/
}
.header_contact .tel i{
	margin: 0;
}




/*
** ---------------------- Navigation ---------------------
*/
nav{

}
nav#main-nav{
	transition: all .2s ease-out;
	margin: 55px 0 40px;
	z-index: 1;
}
nav#main-nav ul{
/*	width: 40%;*/
/*	margin: 0;*/
/*	text-align: center;*/
	transition: all .2s ease-out;
}
.scrolling nav#main-nav{
	margin: 40px 0 20px;
	margin: 10px 0 0;
}
.scrolling nav#main-nav ul{
/*	margin: 10px 0;*/
}

nav#main-nav ul.menuLeft{

}
nav#main-nav ul.menuRight{

}
nav#main-nav ul li{
	padding: 0 12px;
	display: inline-block;
}
nav#main-nav ul.menuLeft li{
	float: right;
}
nav#main-nav ul.menuRight li{
	float: left;
}

nav#main-nav > ul > li > a{
	position: relative;
	margin-bottom: 1rem;
	padding: 12px 0;
	border: none;
/*	font-size: 15px;*/
/*	font-size: 14px;*/
/*	font-weight: 500;*/
	color: #FFF;
	text-decoration: none;
	transition: all .2s ease-out;
	opacity: 0.8;

	font-family: 'Mont', 'Roboto', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 15px;
/*	text-transform: uppercase;*/
/*	letter-spacing: 0.025em;*/
}
nav#main-nav > ul > li > a:hover,
nav#main-nav > ul > li.current > a{
	opacity: 1;
}
.scrolling nav#main-nav > ul > li > a{
	font-size: 13px;
/*	padding: 12px 0 6px;*/
	padding: 12px 0 8px;
}
nav#main-nav > ul > li > a > span{
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: transparent;

	display: none;
}
/*nav#main-nav ul li:hover span,*/
nav#main-nav ul li.current span{
	background-color: var(--accent-color);
	display: block;
}
.nav--header{
	/*float: right;*/
	/*display: inline;*/
	/*display: flex;*/
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
}
.tel_hide{
	white-space: nowrap;
	display: inline-block;
}
.tel_show{
	white-space: nowrap;
	display: none;
}
.menuLeft{
	float: left;
}
.menuRight{
	float: right;
}
.menuRight li{
	float: left;
}



nav#main-nav .submenu{
	background: rgba(var(--background-color-rgb), 0.925);
	border-radius: 4px;
	border: 0;
	margin: 0;
	-webkit-backdrop-filter: blur(5px);
	-moz-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}
nav#main-nav .submenu a{
	font-size: 14px;
/*	font-size: 15px;*/
	padding: 10px 0;
	transition: all 50ms ease-out;
}
nav#main-nav .submenu li{
	padding: 0 20px;
	border-left: 0 solid transparent;
	transition: all 50ms ease-out;	
}
nav#main-nav .submenu li:hover{
/*	border-left: 2px solid var(--accent-color);*/
	background-color: rgba(var(--accent-color-rgb), 0.25);
}
nav#main-nav .submenu li:hover a{
	padding-left: 2px;
}
nav.menu > ul:not(.submenu) > li:not(.current) > a:before {
	content:"";
	position:absolute;
	width:100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color:var(--accent-color);
	visibility:hidden;-webkit-backdrop-filter: blur(5px);
	-moz-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	transform-origin: center;
	-webkit-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s;
	text-align: left;
}
nav.menu ul:not(.submenu) li:not(.current) > a:hover:before,
nav.menu ul:not(.submenu) li:not(.current).is-active > a:hover:before{
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
nav.menu ul:not(.submenu) li:not(.current) > a:hover{
	color: #FFF;
}






/*
** ---------------------- Menu ---------------------
*/
.main-nav{
	width: 100%;
	display: inline-block;
	list-style-type: none;
	text-align: center;
	margin: 0;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
}
.main-nav li{
	float: none;
	display: inline-block;
	height: 100%;
	position: relative;
	margin: 0 15px;
}
.main-nav li.tel{
	position: absolute;
	top: 0;
	right: 0;
}
.main-nav li span{
	width: 100%;
	height: 3px;
	height: 4px;
	position: absolute;
	left: 0;
	bottom: 0;
	/*background-color: #BFFFBF;*/
	/*background-color: inherit;*/
	display: none;
}
.main-nav li.current span{
	display: block;
}
.main-nav > li > a{
	display: block;
	padding: 20px 15px;
	padding: 20px 0;
	color: #DBDBDB;
	font-size: 15px;
	line-height: inherit;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	transition: all .2s ease-out;
}
.main-nav a:hover{
	color: #FFFFFF;
}
.main-nav > .current > a{
	/*color:#BFFFBF;*/
	color: inherit;
}

.main-nav li.social{

}
.main-nav li.social a{
	float: left;
	display: inline-block;
	margin: -2px 10px 0 0;
}

.submenu > li > a.no_link{
	cursor: pointer;
}
.menu > li > a img, .menu > li > a i, .menu > li > a svg{
/*	vertical-align: text-top;*/
/*	color: var(--accent-color);*/
	font-size: 0.875rem;
	float: right;
	opacity: 0.5;
}
.main-nav.menu i svg{
	vertical-align: top;
}

.menu > li > a i.fa-angle-right{
	margin-right: 12px;
	opacity: 0;
	transition: all 200ms ease-out;
}
.menu > li:hover > a i.fa-angle-right{
/*	color: var(--accent-color);*/
	opacity: 0.66;
	margin-right: 6px;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a{
	/*padding-right: 15px;*/
	/*padding-right: 0;*/
}
.submenu,
.dropdown.menu > li.opens-right > .is-dropdown-submenu{
	min-width: 300px;
	left: -10px;
	padding: 10px 0 15px;
	/*border: 0;*/
	/*background: rgba(16,18,20, 0.85);*/
	box-shadow: 0 10px 20px -10px rgba(0,0,0, 0.85);
	-webkit-backdrop-filter: blur(5px);
	-moz-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);

	top: 45px;
}
.submenu li{
	width: 100%;
	/*min-width: 240px;*/
	float: left;
	margin: 0;
}
.submenu a{
	width: 100%;
	float: left;
	display: inline-block;
	text-align: left;
	padding: 5px 15px;
	font-size: 0.9em;
	font-weight: 500;
	color: #DBDBDB;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
	display: block;
	width: 0;
	height: 0;
	border: inset 4px;
	content: '';
	border-bottom-width: 0;
	border-top-style: solid;
	border-color: #62666A transparent transparent;
	right: 46%;
	margin-top: 10px;
	transition: all .2s ease-out;

	display: none;
}
.dropdown.menu > li.is-dropdown-submenu-parent:hover > a::after{
	margin-top: 12px;
	border-color: var(--accent-color) transparent transparent;
}
.submenu > .current > a{
	color:var(--accent-color);
	/*color: inherit;*/
}

.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu{
	margin-top: -10px;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after{
	border: inset 4px;
	border-color: transparent transparent transparent #62666A;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right:hover > a::after{
	border-color: transparent transparent transparent #FF6633;
}



/*
** ------------------ Offcanvas ---------------------
*/
.js-off-canvas-overlay{
	background: none;
}
.offcanvas-full-screen {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	transition: -webkit-transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
	transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(200%);
	-ms-transform: translateX(200%);
	transform: translateX(200%);
	overflow-y: auto;
	background: var(--background-color);
	background: rgba(var(--background-color-rgb), 0.99);
/*	background: linear-gradient(0deg, rgba(var(--background-color-rgb),0.9) 20%, rgba(var(--background-color-rgb),1) 80%);*/
	-webkit-backdrop-filter: blur(5px);
	-moz-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}

[data-whatinput='mouse'] .offcanvas-full-screen {
	outline: 0;
}

.offcanvas-full-screen.is-transition-overlap {
	z-index: 10;
}

.offcanvas-full-screen.is-transition-overlap.is-open {
/*	box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);*/
}

.offcanvas-full-screen.is-open {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

.offcanvas-full-screen.is-open ~ .off-canvas-content {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
}

.offcanvas-full-screen.is-transition-push::after {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 1px;
	box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
	content: " ";
}

.offcanvas-full-screen.is-transition-overlap.is-open ~ .off-canvas-content {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

.offcanvas-full-screen-inner {
	/*padding: 1rem;*/
	/*padding: 20px;*/
	/*text-align: center;*/
}

.offcanvas-full-screen-menu {
	padding: 0 25px 90px;
	list-style-type: none;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.offcanvas-full-screen-menu > li {
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	padding: 0;
}

.offcanvas-full-screen-menu > li:first-child{
	/*border-top: 1px solid rgba(255,255,255, 0.125);*/
}

.offcanvas-full-screen-menu > li:last-child{
	/*border-bottom: 1px solid rgba(255,255,255, 0.125);*/
}

[data-whatinput='mouse'] .offcanvas-full-screen-menu > li {
	outline: 0;
}

.offcanvas-full-screen-menu li a {
	display: block;
/*	line-height: 1.1rem;*/
	line-height: 1.5rem;
	padding: 0.875rem;
	border-bottom: 1px solid rgba(255,255,255, 0.125);
	border-left: 2px solid transparent;
/*	*/
	font-size: 20px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.9);

/*	text-transform: uppercase;*/
/*	letter-spacing: 0.024em;*/

	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.offcanvas-full-screen-menu a:hover,
.offcanvas-full-screen-menu li.current a {
	/*color: #BFFFBF;*/
}
.offcanvas-full-screen-menu > li.current > a,
.offcanvas-full-screen-menu li.active > a{
	padding-left: 0.875rem;
	background: rgba(255,255,255, 0.05);
	border-left-color: var(--accent-color);
/*	font-weight: 600;*/
/*	text-transform: uppercase;*/	
/*	font-family: 'Athelas Bold', 'Roboto', Helvetica, Arial, sans-serif;*/
	color: #FFF;
}
.offcanvas-full-screen-menu .active > a{
	background-color: rgba(255,255,255, 0.05);
}
.offcanvas-submenu li.current > a{
	color: #FFF;
	border-left-color: var(--accent-color);
}
.offcanvas-full-screen-menu > li:last-child a{
	border-bottom: none;
}
.offcanvas-full-screen-menu input,
.offcanvas-full-screen-menu select,
.offcanvas-full-screen-menu a,
.offcanvas-full-screen-menu button {
	margin-bottom: 0;
}
.offcanvas-full-screen-menu li a{
	/*margin-right: 5px;*/
}
.offcanvas-full-screen-menu li {
	-webkit-flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	position: relative;
}
.offcanvas-full-screen-close {
	color: #FFF;
	font-family: Times, serif;
	font-size: 2.5rem;
	float: right;
	padding: 35px 32px 60px 25px;
	padding: 30px 32px 60px 25px;
	cursor: pointer;

	position: absolute;
  top: 0;
  right: 0;
}
.offcanvas-full-screen-close:hover {
	/*color: #BFFFBF;*/
}

.offcanvas-full-screen-menu .accordion_toggle i{
	font-size: 1.25rem;
	transition: all .2s ease-out;
}
.offcanvas-full-screen-menu .accordion_toggle.active i{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}



.offcanvas-submenu{
	margin: 0;
	padding: 0;
	box-shadow: none !important;
}
.offcanvas-submenu > li:last-child a{

}
.offcanvas-submenu > li > a{
	padding-left: 30px;
	font-family: inherit;
	/*font-size: 0.9em;*/
	font-size: 0.875rem;
	line-height: 1;
	color: #BCCBD6;
	/*padding: 12px 15px;*/
	/*padding: 12px 0 12px 15px;*/
	border-left: 2px solid transparent;
}
.offcanvas-submenu > li > ul > li > a{
	/*padding-left: 20px;*/
	color: var(--accent-color);
}

.offcanvas-full-screen-menu i.dot {
	float: right;
	font-size: 4px;
	line-height: 100%;
	padding-top: 6px;
	display: none;
}
.offcanvas-full-screen-menu li.current > a i.dot {
	/*display: inline-block;*/
}
.offcanvas-full-screen-menu .social{
	padding-top: 0.575rem;
}
.offcanvas-full-screen-menu .social a{
	display: block;
	clear: both;
	padding: 0.575rem 0;
}










.offcanvas-toggle{
	width:75px;
	/*height:75px;*/
	float:right;
	display:inline-block;
	position:relative;
	background:none;
	background-image:none;
	border:0;
	transition:all .2s ease-out;
}
.offcanvas-toggle button{
	float: right;
	background:none;
	cursor:pointer;
/*	margin: 36px 15px 15px;*/
/*	margin: 30px 15px 20px;*/
	margin: 30px 15px 25px;
	padding: 8px 15px;
	border-radius: 2px;
	/*background: rgba(255,255,255,0.075);*/
	/*border: 1px solid rgba(255,255,255,0.05);*/
/*	border-left: 1px solid rgba(30,25,50,0.05);*/
	transition: all .2s ease-out;
}
.offcanvas-toggle button i{
	font-size:21px;
	color:#FFF;
}
.offcanvas-toggle button svg{
	width: 24px;
}
.offcanvas-toggle button:after{
	background-color:none;
	box-shadow:none;
}
.offcanvas-toggle:hover button:after{
	background-color:none;
	box-shadow:none;
}
.offcanvas-toggle:hover button,
.offcanvas-toggle:focus button{
	/*background:none;*/
	/*background: rgba(255,255,255,0.075);*/
	outline:none;
}
.offcanvas-toggle .i-close{
	display:none
}





.tel i{
/*	width: 20px;*/
/*	height: 20px;*/
/*	float: left;*/
/*	margin-right: 5px;*/
/*	margin-top: -4px;*/
}
.offcanvas-full-screen-menu .tel{
	/*font-size: 1.1rem;*/
}
.offcanvas-full-screen-menu .tel i{
	margin-top: -1px;
	/*margin-top: -2px;*/
}
i svg{
	max-width: 100%;
}
.icon--svg{
	vertical-align: top;
}









/* Sticky tabs magellan */
.projects_magellan{
	margin: 0;
	padding: 0;
/*	background: none;*/
	
	width: 100%;
	position: relative;
	background: #3F4D5E;
	tansition: all 200ms ease-out;
	z-index: 1;
}
.projects_magellan.scrolling{
	position: fixed;
	top: 42px;
	left: 0;
}
.projects_magellan .container{
	margin-top: 15px;
	border-top: 1px solid rgba(255,255,255,0.15);
}
.projects_magellan .top-bar{
	background: none;
}
.projects_magellan .top-bar-left{

}
.projects_magellan .top-bar-left .menu-text{
	padding: 0;
	font-size: 0.875rem;
	font-weight: normal;
}
.projects_magellan .top-bar-left ul.menu{
	background: none;
}
.projects_magellan .top-bar-left ul.menu li{

}

.projects_magellan .top-bar-right{

}
.projects_magellan .top-bar-right ul.menu{
	background: none;
	text-align: center;
	margin-bottom: 5px;
}
.projects_magellan .top-bar-right ul.menu li{
	display: inline-block;
}
.projects_magellan .top-bar-right ul.menu li:after{
	content: "|";
	font-weight: 300;
	font-size: 0.875rem;
	margin-left: 5px;
	opacity: 0.33;
}
.projects_magellan .top-bar-right ul.menu li:last-child:after{
	display: none;
}
.projects_magellan .top-bar-right ul.menu li a{
	display: inline-block;
	font-size: 0.875rem;
  padding: 0;
/*  color: #394c56;*/
  color: rgba(255,255,255,0.75);
  transition: all 200ms ease-out;
  border-bottom: 1px solid transparent;
  padding-bottom: 4px;
  transition: all 50ms ease-out;
}
.projects_magellan .top-bar-right ul.menu li a:hover{
/*	text-decoration: underline;*/
	color: #FFF;
	border-color: rgba(255,255,255,0.75);
}
.projects_magellan .top-bar-right ul.menu li a.active{
	color: var(--accent-color);
	border-color: var(--accent-color);
}






.page_children{
	margin: 0;
}
.page_children li{
	margin: 0 0 1rem;
	/*float: left;*/
	list-style-type: none;
}
.page_children a{
	position: relative;
	height: 100%;
	min-height: 120px;
	display: block;
	color: #FFF;
	text-decoration: none;
	/*font-weight: 500;*/
	
	/*font-weight: 600;*/
	transition: all .2s ease-out;
	background-size: cover;
	background-position: center;
	filter: grayscale(75%);
}
.page_children a:hover{
	filter: grayscale(0);
}
.page_children_text{
	width: 100%;
	padding: 30px 20px;
	position: absolute;
	/*text-transform: uppercase;*/
	/*letter-spacing: 0.025em;*/
	z-index: 2;
}
.page_children_overlay{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,255,255, 0.075);
	z-index: 1;
	transition: all .2s ease-out;
}
.page_children a:hover .page_children_overlay,
.page_children a:focus .page_children_overlay{
	background: rgba(255,255,255, 0.125);
}
ul.page_children i{
	font-size: 1.5rem;
	color: var(--accent-color);
	float: right;
}



/*.page_siblings{

}
.page_siblings a{
	min-height: ;
}
*/



/*
** ------------------------------- Accordion ----------------------------
*/
.accordion{
	position: relative;
	background: none;
}
.accordion h3{
	font-size:13px;
	line-height:34px;
	padding:0 10px;
	cursor:pointer;
	/*fallback for browsers not supporting gradients
	background:#003040;
	background:linear-gradient(#003040, #002535);*/
}
.accordion h3:hover{
	text-shadow:0 0 1px rgba(255, 255, 255, 0.7);
}
/*iconfont styles*/
.accordion h3 span{
	font-size:16px;
	margin-right:10px;
}
/*list items*/
.accordion > li{
	list-style-type:none;
	width:100%;
	display:block;
}
/*links*/
.accordion ul .dropdown li a{
	display:block;
	color:#869cb2;
	text-decoration:none;
	display:block;
	/*padding:0 15px;*/
	/*transition:all 0.1s;*/
}
.accordion ul .dropdown li a:hover{
	/*color:#FFF;*/
}
.accordion ul .dropdown li a.current{
	/*border-left:2px solid #4D6680;*/
	background:#003366;
	color:#56B7E6;
}
.accordion ul .dropdown{
	display:none;
}
.accordion ul li.current .dropdown{
	/*display:block;*/
}




.accordion_toggle{
	position: relative;
	margin: 0;
	/*padding: 10px 25px 12px;*/
	cursor: pointer;
	-moz-user-select:-moz-none;
	-webkit-user-select:none;
	user-select:none;
	/*background: rgba(255,255,255, 0.04);*/
	/*transition:all .2s ease-out;*/
}
.accordion_toggle.border{
	border-radius:2px;
	border:1px solid #666f78;
}
.accordion_toggle.border_bottom{
	border-bottom:1px solid #666f78;
}
.accordion_toggle:hover{
	/*background:#4D565F;*/
	/*color:#f5e6df;*/
}
.accordion_toggle.arrow{
	padding:10px 0px 10px 30px;
}
.accordion_toggle.arrow:after{
	content:"\f107";
	font-family:FontAwesome;
	color:#FFFFFF;
	position:absolute;
	top:15px;
	right:15px;
}
.accordion_toggle.arrow.active:after{
	content:"\f106";
}
.accordion_content{
	/*display:none;*/
}
.accordion_content.closed{
	display:none;
}

.accordion_link{
	width: 100%;
	float: left;
	display: inline-block;
	position: relative;
}
.offcanvas-full-screen-menu .accordion_toggle{
	position: absolute;
	top: 0;
	right: 0;
	padding: 13px 20px 12px;
	color: var(--accent-color);
	/*background: rgba(10, 56, 102, 0.25);*/
	transition: all .2s ease-out;
}
.accordion_toggle.active{
	/*padding: 10px 25px 12px;*/
}
.accordion_toggle.active i{
	transform: rotate(180deg);
}

















/*
--------------------------- Vertical cell ----------------------------------
*/
.vertical_cell_wrap{
	display:block;
	height:100%;
	position:relative;
}
.vertical_cell{
	box-sizing:border-box;
	display:table-cell;
	vertical-align:middle;
}

.vcell{
	/*display: flex;
    flex-direction: column;
    align-items: center; 
    justify-content: center;*/
    
    /*width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);*/
}

.valign{
	display: flex;
	align-items: center; /* Vertical center alignment */
	justify-content: center; /* Horizontal center alignment */
}




/*
---------------------- Testimonials ----------------------
*/
.testimonials{

}
.testimonials h5{
	/*font-size: 90%;*/
	font-size: 1.1em;
	letter-spacing: 0.05em;
	/*margin-top: -10px;*/
	margin-bottom: 30px;
	margin-bottom: 15px;
}
.testimonials p{
	/*margin: 60px 0 -15px;*/
}
.testimonial{
	position: relative;
}
.testimonial__quote{
	margin: 0 0 15px;
	padding: 0 15px;
	font-size: 1.75rem;
	font-weight: normal;
	line-height: 1.33em;
	text-align: center;

	font-size: 1.5em;
	text-align: justify;	
	padding: 0;
}
.quote{
	/*margin: 0 5px;*/
	display: inline-block;
	line-height: 1em;
	line-height: 0;
	/*vertical-align: top;*/
	/*vertical-align: middle;*/
	/*vertical-align: baseline;*/
}
.quote--open{

}
.quote--close{

}
.testimonial__author{
	text-align: center;
	/*font-weight: 300;*/
	opacity: 0.66;
}
.testimonials h5{
	color: #FFF;
	opacity: 0.66;
}
.quote{
	margin: 0;
}
.quote--open{
	/*position: absolute;
	top: 15px;
	left: 0;*/
}
.quote--close{
	/*display: none;*/
}
.quote_name{
	font-weight: 300;
	padding-bottom: 15px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.testimonials--list{}
.testimonials--list .testimonial{
	margin: 0 0 3rem;
	padding: 0 0 2rem;
	border-bottom: 1px solid #E2E6E8;
}
.testimonials--list .testimonial:first-child{
	margin-top: 2rem;
	padding-top: 2rem;	
	border-top: 1px solid #E2E6E8;	
}
.block.testimonials--teal{
	background: #20738e;
	/*background: rgb(252,92,60);*/
	background: linear-gradient(120deg, rgba(32,115,142,1) 0%, rgba(72,187,204,1) 100%);
	color: #FFF;
	text-align: center;
	/*padding-bottom: 60px;*/
}
.testimonials--teal .quote{
	/*font-size: 1rem;*/
	/*white-space: nowrap;*/
}
.testimonials--teal .testimonial{

}
.testimonials--teal .testimonial__quote{
	text-align: center;
	font-size: 1.25rem;
	margin: 0 30px 15px;
	margin: 0 10% 15px;
	margin: 0 0 1rem;
}

/* 
.testimonials{
	background: #fc5c3c;
	background: rgb(252,92,60);
background: linear-gradient(120deg, rgba(255,182,56,1) 0%, rgba(252,92,60,1) 100%);
	color: #FFF;
	text-align: center;
}
.testimoninal{

}
.testimonial__quote{
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.025em;
	font-weight: normal;
	font-size: 1.5em;
	font-size: 2em;
	margin: 0 0 1rem;
}
.testimonial__author{

} */




























/*
** ---------------------- Page ---------------------
*/
.page{
	width: 100%;
	float: left;
	clear: both;
	/*padding: 60px 0;*/
	/*font-size: 16px;*/
	font-size: 1em;
}
.page--white{
	background: #FFF;
}

.page h1{
	/*background: -webkit-linear-gradient(45deg, #ffb638, #fc5c3c 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;*/
}
.page a{
	/*text-decoration: underline;*/
}
.page a:not(.button):hover{
	padding-bottom: 2px;
	border-color: inherit;
}
.page figure a:hover{
	border-color: transparent;
}



.masthead{
	background: #3F4D5E;
	padding: 40px 0;
	color: #FFF;
}
.home .masthead{
	background: var(--accent-dull);
	padding: 60px 0;
}
.masthead h1{
	color: #FFF;
/*	font-size: 26px;*/
	line-height: 1.25;
}
.home .masthead h1{
	font-size: 30px;
	line-height: 1.25;
	text-align: center;
}

.masthead hr{
	border-color: transparent;
}

.breadcrumbs,
.breadcrumb{
	/*display: none;*/
/*	margin: 0;*/
}
.masthead.breadcrumbs a,
.masthead.breadcrumb a{
	font-weight: 400;
	color: var(--accent-color);
	font-size: 0.875rem;
}
.breadcrumbs .delimiter,
.breadcrumb .delimiter{
	font-size: 90%;
	margin: 0 2px;
}







.block{
	position: relative;
/*	padding: 60px 15px 15px;*/
	padding-top: 45px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 45px;
}
#main > .block:last-child{
	padding-bottom: 60px;
}
.block--large{
	padding-top: 60px;
	padding-bottom: 60px;
}
.block--tight{
	padding-top: 0;
	padding-bottom: 0;
}
.block--slim{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.block_gallery{
	padding-top: 10px !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 0 !important;
}
.block--white{
	background: #FFF;
} 
.block--dark{
	background: #192431;
}
.block--dark2{
	background: #28394D;
}
.block--mid{
/*	background: #3F4D5E;*/
	background: #3F4D5E;
	color: #c5d2d8;
}
.block--light{
	background: #F4F6F8;
}


.block_image{
  width: 100%;
/*  height: 0;*/
/*	padding: 0 !important;*/
  padding-top: 20vh !important;
	padding-bottom: 20vh !important;
  background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.block_image img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.block_image_image{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	opacity: 0.33;
}
.block_image_overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: linear-gradient(0deg, rgba(var(--background-color-rgb), 0.98) 5%, rgba(var(--background-color-rgb),0) 50%);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.block_image_container{
	position: relative;
	z-index: 2;
}
.block_image_text{
	/*position: absolute;
	top: 33%;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;*/
}



.block_grid{
	padding: 0;
}
.block_grid .row{
	max-width: none;
}
.block_grid_inner{
	display: block;
	height: 100%;
}
.block_grid__text{
	padding: 60px;
	max-width: 640px;
	margin: 0 auto;
}
.block_grid__image{
	height: 100%;
	overflow: hidden;
	position: relative;
/*	background: #192431;*/
}
.home .block_grid__image{
	background: #192431;
}
.block_grid__image a{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
  /*text-align: center;
	padding: 32%;*/
}
figure{
/*	border-radius: 2px;*/
/*	overflow: hidden;*/
}
figcaption{

}
.block_grid__image figcaption{
/*	background: #192431;*/
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	z-index: 1;
	text-align: center;
  margin: 0 auto;
  padding: 0;
  color: #FFF;
  font-size: 1.5rem;
  transition: all .2s ease-out;
  text-transform: uppercase;
  letter-spacing: 0.025em;
	opacity: 0;
}
.block_grid__image:hover figcaption{
	opacity: 1;
}

.block_right .block_grid__image{

}
.block_grid__text{
	margin: 0;
}
.block_right .block_grid__text{
	float: right;
}





.case_study.container{
/*	max-width: 90%;*/
	width: 90%;
  max-width: 1680px;
}
.case_study{
	margin-bottom: 3rem;
}













.group_capabilities{
	
}







.land_requirements{}
.land_requirements .box{
	margin-bottom: 3rem;
	border-bottom: 5px solid;
}
.land_requirements .box.liberty_props{
	border-color: var(--accent-color);
}
.land_requirements .box.liberty_care{
	border-color: #6aabe4
}
.land_requirements .box.liberty_living{
	border-color: #06B78D
}
.land_requirements .box.liberty_land{
	border-color: #d6b44f
}
.land_requirements .box_logo{
	background: var(--background-color);
	margin-top: -45px;
	margin-bottom: 1rem;
	padding: 30px;
	text-align: center;
}
.land_requirements .box_logo svg{
	max-width: 50%;
	margin: 0 auto;
}
.land_requirements ul{
	width: 69%;
	margin: 0 auto;
}
.land_requirements li{
	font-size: 0.875rem;
}












/*
aspect ratio  | padding-bottom value
--------------|----------------------
    16:9      |       56.25%
    4:3       |       75%
    3:2       |       66.66%
    8:5       |       62.5%
    IMAX 1.90 |				52.6%
    IMAX 1.43 | 			69.9%    
    21:9 	    | 			42.8%
*/
.aspect_ratio{
	width: 100%;
	margin: 0;
	position: relative;
	overflow: hidden;
/*	background: #CCC;*/
	
	/* Fix (1/1): For child image with object-fit;  */
	/* 100% creates a 1px line gap at the top of element */
	/* 101% zooms image with a blur */
	/* 102% seems ok */
	min-height: 100%;
}
.aspect_ratio--16-9 {
	padding-top: 56.25%;
}
.aspect_ratio--3-2 {
	padding-top: 66.666%;
}
.aspect_ratio--4-3 {
	padding-top: 75%;
}
.aspect_ratio--1-1 {
	padding-top: 100%;
}
.aspect_ratio img {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 101%;
	width: 101%;
	max-width: 101%;
	transform: translate(-50%, -50%);
	transition: all .2s ease-out;
	/*opacity: 0.9;*/
	/* Fix (2/2): For child image with object-fit; */
	min-height: 100%;
	object-fit: contain;
}
.aspect_ratio.image_cover img{
	object-fit: cover;
}
.case_study .aspect_ratio img{
  /*object-fit: contain;
  top: 0;
  transform: none;
  left: 0;
  position: relative;*/
}
.aspect_ratio:hover{
	/*overflow: hidden;*/
}

.home .aspect_ratio img{
	object-fit: cover;
}
.home .aspect_ratio:hover img {
	/*transform: scale(1.1);*/
	opacity: 0.25;
}


.aspect_ratio--1-1.aspect_ratio img{
	max-width: 105%;
	min-width: 105%;
}



/*
** ------------------- Vertical cell ---------------
*/
.vertical_cell_wrap {
	display: table;
	width: 100%;
	height: 100%;
	position: relative;
}
.vertical_cell {
	display: table-cell;
	box-sizing: border-box;
	vertical-align: middle;
}














/*
** ------------------- Hero -----------------
*/
.hero{
	width:100%;
	background: var(--background-color);
/*	position: fixed;*/
	position: relative;
	top:0;
	left:0;
	padding:0;
	overflow:hidden;
	z-index: 0;

	max-height: 72vh;
	max-height: 80vh;
}
.hero--home{
}
.hero p{
	font-size: 1.2rem;
	margin-bottom: 2rem;
}



/*
** ------------------ Hero Slider ---------------------
*/
.royalSlider{
	width: 100%;
	overflow: hidden;
	z-index: 1;
}
#slider_home{
/*	display: block;*/
/*	height: 100vh;*/
	height: 90vh;
}
#slider{
	height: 72vh;
	height: 80vh;
}
.royalSlider .rsSlide{
	/*background: #044566 url(/assets/img/loaders/Spinner-fc5c3c-200px.gif) center no-repeat;*/
}
.royalSlider .slide{
/*	background: var(--background-color-warm);*/

/*	background: #26394c;*/
	/*box-shadow: 0 0 200px 50px #26394c inset;*/
	/*box-shadow: 0 0 200px 50px #044566 inset;*/
	/*box-shadow: inset 0 0 100px #000, inset 0 0 100px #000;*/
	/*box-shadow: 400px 0 250px -300px rgba(19,24,26, 0.75) inset, -400px 0 250px -300px rgba(19,24,26, 0.75) inset;*/
}
.slide_overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	user-select: none;
	/*opacity: 0.75;*/
	/*background: linear-gradient(24deg, 
		rgba(255,255,255,0.75) 24%, 
		rgba(255,255,255,0) 100%);*/
	/*background: linear-gradient(-15deg, 
		rgba(var(--background-color-rgb),0.5) 20%, 
		rgba(var(--background-color-rgb),0) 60%);*/
	/*background: linear-gradient(-5deg, 
		rgba(var(--background-color-rgb),1) 10%, 
		rgba(var(--background-color-rgb),0) 33%);*/
		background: linear-gradient(0deg, 
			rgba(var(--background-color-rgb),1) 5%, 
			rgba(var(--background-color-rgb),0) 75%);
}
.hero--home .royalSlider .slide img{
	opacity: 0.66;
}
.royalSlider .slide img{
	opacity: 0.875;
}

/*.royalSlider > .rsContent {
  visibility:hidden;
}

.rsContent {
  color: #FFF;
  font-size: 24px;
  line-height: 32px;
  float: left;
}
.bContainer {
  position: relative;
}
.rsABlock {
  position: relative;
  display: block;
  left: auto;
  top: auto;
}*/

.rsControls{
	width: 100%;
	/*max-width: 960px;*/
	margin: 0 auto;
	position: absolute;
	left: 0;
	bottom: 0;
	bottom: 15px;
	bottom: 33vh;
	/*bottom: 45vh;*/
}
.royalSlider .rsBullets{
	bottom: 15px;
	bottom: -30px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 86%;
	max-width: calc(75% - 15px);
	/*transform: translateX(12.5%);*/
}
#slider_home .rsBullets{
	/*width: 86%;*/
	max-width: 1080px
}
.royalSlider .rsBullet{
	/*background: var(--accent-color);*/
}
.royalSlider .rsBullet span{

}
.royalSlider .rsBullet:before{
	/*content: "\2B22";*/
	/*color: orange;*/
}

.royalSlider .rsArrow{
	/*width: 12.5%;*/
	width: 10.55%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	/*opacity: 0.25;*/
	/*background: #044566;*/
	/*color: #FFF;*/
}
.royalSlider .rsArrowLeft{ 
	/*top:auto;*/
	/*left:10px;*/
}
.royalSlider .rsArrowRight{
	left: auto;
	right: 0;
}
/*.royalSlider .rsArrow:after{
	font-family: FontAwesome;
	font-size: 3rem;
	font-weight: 300;
	color: #FFF;
}
.royalSlider .rsArrowLeft:after{
	content: '\f053';
}
.royalSlider .rsArrowRight:after{
	content: '\f054';
}*/
.royalSlider .rsArrowIcn{
	/* top:50%;
	background-image:url("/assets/plugins/royal/skins/default/rs-default.png");
	background-color:#000;
	background-color:transparent; */
	/*position: relative;*/
	/*padding: 10px;*/
	/*background: rgba(38, 57, 76,0.66);*/
	text-align: center;
	height: 100%;
	transition: all .2s ease-out;
	opacity: 0.75;
}
.rsArrowLeft .rsArrowIcn{
	/*background: linear-gradient(-90deg, rgba(38,57,76,0.5) 0%, rgba(38,57,76,0.75) 50%);*/
}
.rsArrowRight .rsArrowIcn{
	/*background: linear-gradient(90deg, rgba(38,57,76,0.5) 0%, rgba(38,57,76,0.75) 50%);*/
}
.royalSlider .rsArrowIcn:hover{
	opacity: 1;
}
.royalSlider .rsArrowIcn i{
	font-size: 4rem;
	padding-top: 24vh;
}
.royalSlider .rsArrow:hover .rsArrowIcn{
	background: rgba(38, 57, 76, 0);
}
.royalSlider .rsArrow:hover .rsArrowIcn{
	color: #FFF;
}
/*.royalSlider .rsArrowIcn:after{
	font-family:FontAwesome;
	color:#FFFFFF;
	position:absolute;
	top:15px;
	left:15px;	
}
.royalSlider .rs .rsArrowLeft .rsArrowIcn:after{
	content:"\f124";
}
.royalSlider .rs .rsArrowRight .rsArrowIcn:after{
	content:"\f125";
}*/

.royalSlider div.rsImg{
	display: none;
}
.royalSlider img.rsImg{
	/*margin-top: 0 !important;*/
	/*max-width: 100%;*/
}

.royalSlider .bContainer{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index: 2;
	box-shadow:200px 0 200px -300px rgba(var(--background-color-rgb), 0.875) inset, -200px 0 200px -300px rgba(var(--background-color-rgb), 0.875) inset;
}
.royalSlider .cContainer{
	position:absolute;
	bottom:0;
	left:0;
	/*height:100%;*/
	width:100%;
	z-index:2;
}
.royalSlider .container{
	position:relative;
	height: 100%;
/*	width: 86%;*/
/*margin-top: 33vh;*/
}
.royalSlider .vertical_cell{
	/*padding:0 15px*/
}
.slide_text{
	width:100%;
	/* position:absolute;
	top:33%; */
}
.slide_text.w_link{
	/*margin-top:8%;*/
}

.hero h1.rsABlock{
	/*top:auto;*/
	/*bottom:40px;*/
}
.hero a.rsABlock{
	top:auto;
	bottom:20px;
}
.hero .vertical_cell{
	vertical-align: bottom;
}
.rsBottom{
	width: 100%;
	position: absolute;
	top: auto;
	bottom: 0;
	text-align: left;
}
.rsABlock{
	/*Hide on initial pageload*/
	display: none;
}
.royalSlider h1{
	/*float: left;*/
	/*clear: both;*/
	/*margin:0 15px 30px;*/
	/*font-size:2rem;*/
	/*line-height:1.33em;*/
	/*color:#FFF;*/
	/*text-align: center;*/
}
.royalSlider h1 span{
	line-height:1.3em;
	color:#FFF;
	padding: 12px 15px;
	/*background: #56B7E6;*/
	background: #fc5c3c;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}
.royalSlider p{
/*	width: 90%;*/
/*	font-size: 1em;*/
/*	line-height: 1.4em;*/
/*	margin-bottom: 1.5rem;*/
	/*color: #FFF;*/
	/*color: rgba(255, 255, 255, 0.66);*/
	/*color: rgba(255, 255, 255, 0.75);*/
	/*text-align: left;*/
	opacity: 0.75;
}
.royalSlider .button{
/*	width:auto;*/
/*	line-height:1.33em;*/
/*	margin: 0;*/
/*	padding: 10px 15px;*/
}
.royalSlider .link{
	float: left;
	margin: 0 15px 20px;
	padding: 0 0 2px;
	/*background: rgba(0,0,0, 0.25);*/
	border-bottom: 1px solid transparent;	
	transition: all .2s ease-out;
}
.royalSlider .link:hover, .royalSlider .link:focus{
	color: #FFF;
	border-bottom: 1px solid #FFF;
}



.play_pause{
	width: 40px;
	height: 40px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	padding: 15px;
	text-align: center;
	transition: all .2s ease-out;
	background: rgba(0,0,0, 0.25);
	cursor: pointer;
	/*opacity: 0 !important;*/
	/*display: none;*/
}
.rsNavSelected .play_pause{
	display: block;
	opacity: 0.5 !important;
}
.rsNavSelected .play_pause:hover{
	opacity: 1 !important;
	background-color:#555
}




.hero_text{
	position: absolute;
	width: 100%;
	bottom: 12%;
	text-align: center;
}
.hero_text h1{
	color: #FFF;
	font-size: 3.5rem;
}
.hero_text ul{
	text-align: center;
}
.hero--home .hero_text{
	position: absolute;
	/*width: 75%;*/
/*	width: 92%;*/
	left: 0;
	top: 33%;
/*	bottom: 20%;*/
/*	bottom: 50%;*/
}
.hero--home .hero_text h1{
/*	text-align: left;*/
}


.hero_text--left{
	top: 0;
	left: 0;
	bottom: 2rem;
	/*padding: 0 15px;*/
}
.hero_text--left ul,
.hero_text--left h1{
	text-align: left;	
}






.hero_link{
	width: 33%;
	width: auto;
	color: #FFF;
	padding: 0;
	position: absolute;
	top: auto;
	bottom: 30px;
	right: 0;
	/*display: none;*/
	line-height: 1.25;
}
.hero_link:before{
	content: "";
	background: var(--accent-color);
	background: rgb(73,187,204);
	background: linear-gradient(120deg, rgba(73,187,204,1) 0%, rgba(4,69,102,1) 100%);
	background-size: cover;
	border-radius: 2px 0 0 2px;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0.75;
	transition: all .2s ease-out;
}
.hero_link:hover:before{
	opacity: 0.9;
}
.hero_link.button{
	border: 0 !important;
}
.hero_link.grandparent{
	/*background: #56B7E6;*/
	opacity: 0.7;
}
.hero_link.grandparent:hover, .hero_link.grandparent:focus{
	opacity: 0.8;
}
.hero_link.parent{
	margin-bottom: 8px;
	background: #fc5c3c;
	/*opacity: 0.9;*/
}
.hero_link.parent:hover, .hero_link.parent:focus{
	/*opacity: 1;*/
}
.hero_link a{
	width: 100%;
	height: 100%;
	position: relative;
	float: left;
	display: block;
	/*padding: 30px;*/
	color: #FFF;
}
.hero_link span{
	float: left;
	clear: both;
	margin: 0 90px 24px 24px;
	font-size: 1.1rem;
}
.hero_link span.note{
	margin: 20px 0 0 24px;
	font-size: 0.875rem;
}
.hero_link i{
	/*vertical-align: middle;*/
	/*margin: -1px 0 0 1px;*/
	transition: all .2s ease-out;
	font-size: 2rem;
	/*margin: -10px 30px 0;*/
	margin: 0 15px;
	color: #FFF;
	float: right;

	position: absolute;
	top: 24px;
	right: 24px;
}
.hero_link:hover{
	border-color: transparent;
	/*padding: 0 0 3px;*/
	/*border-color: inherit;*/
	color: #FFF;
}
.hero_link:hover i{
	color: inherit;
	/*margin-left: 10px;*/
	margin-right: 10px;
}




/*
** Hero Scroll
*/
/*@-webkit-keyframes move-bar{
	0%		{-webkit-transform:translateY(-100%);	transform:translateY(-100%)}
	30%,90%	{-webkit-transform:translateY(0);		transform:translateY(0)}
	100%	{-webkit-transform:translateY(100%);	transform:translateY(100%)}
}*/
@keyframes move-bar{
	0%		{-webkit-transform:translateY(-100%);	transform:translateY(-100%)}
	20%,60%	{-webkit-transform:translateY(0);		transform:translateY(0)}
	100%	{-webkit-transform:translateY(100%);	transform:translateY(100%)}
}
.hero_scroll{
	/*width: 30px;*/
	position: absolute;
	bottom: 60px;
	top: auto;
	left: 50%;
/*	margin-left: -40px;*/
	z-index: 1;
}
.hero_scroll .goto{
/*	width: 100%;*/
/*	position: relative;*/
/*	top: 33px;*/
/*	left: 15px;*/
	cursor: pointer;
	white-space: nowrap;
	transition: all .2s ease-out;
	/*transform: rotateZ(-90deg);*/
	/*transform-origin: 1.25% 50%;*/
	font-size: 90%;
	font-weight: 300;
	color: var(--accent-color);
	margin-left: -36px;
	margin-top: 15px;
	opacity: 0.5;
}
.hero_scroll .bar{
	width: 2px;
	height: 40px;
	position: relative;
	overflow: hidden;
	left: 0;
	border-radius: 3px;
	background: rgba(var(--accent-color-rgb-hover), 0.25);
}
.hero_scroll .bar_inner{
	width: 100%;
	height: 49%;
	position: absolute;
	background: var(--background-color);
	border-radius: 3px;
	/*-webkit-transform: translateY(-100%);*/
	/*transform: translateY(-100%);*/
	-webkit-animation: 3s infinite move-bar;
	animation: 3s infinite move-bar;
}








.hero_logos_container{
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
.hero_logos{
	width: 80%;
	/*height: 130px;*/
	position: relative;
	z-index: 1;
	margin: 0 auto;
	background: #192833;
	background: rgba(25, 40, 51, 0.5);
	border-radius: 3px 3px 0 0;
	-webkit-backdrop-filter: blur(5px);
	-moz-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}
.hero_logos h6{
	margin: 1.5rem 0 0;
	font-size: 13px;
}
.hero_logos .flickity{
	height: 100%;
	margin-top: -5px;
}
.hero_logos .flickity-viewport{
	height: 100%;
}
.hero_logo{
	float: left;
	display: inline-block;
	width: 20%;
	/*height: 100px;*/
	/*width: 150px;*/
	/*margin: 10px 2.5%;*/
	margin: 15px;
}
.hero_logo img{
	/*opacity: 0.66;*/
	opacity: 0.85;
}











.breadcrumbs--hero{

}
.breadcrumbs--hero a{
	display: inline-block;
	margin: 0 auto;
	padding: 6px 12px 4px;
	/*color: #FFF;*/
	text-transform: uppercase;
	letter-spacing: 0.125em;
	/*font-size: 0.8em;*/
	font-size: 0.8em;
	line-height: 1rem;
	background: rgba(255, 255, 255, 0.05);
	transition: all .2s ease-out;
}
.breadcrumbs--hero i{
	float: left;
	margin-right: 5px;
	/*font-size: 1rem;*/
	font-size: 0.9em;
}
.breadcrumbs--hero a:hover{
	background: rgba(255, 255, 255, 0.1);
	text-decoration: none;
}










/*.hero_accordion{
	width: 100%;
	position: absolute;
	bottom: 0;
}
.hero_accordion ul,
.hero_accordion ul li > div {
	width: 100%;
}
.hero_accordion ul a,
.hero_accordion li .accordion_item_inf {
	transition: all .3s ease-out;
}
.hero_accordion {
	overflow: hidden;
}
.hero_accordion ul {
	display: table;
	margin: 0;
}
.hero_accordion a {
	display: table-cell;
	border-left: 5px solid transparent;
}
.hero_accordion li {
  display: block;
  height: 300px;
  background-position: center center;
  background-size: cover;
  background-color: var(--background-color);
}
.hero_accordion li > div {
  position: relative;
  width: 100%;
  height: 100%;
}
.hero_accordion li .accordion_item_inf {
  position: absolute;
  right: 0; bottom: 0; left: 0;
  padding: 50px 20px 20px;
  background: linear-gradient(0deg, rgba(0,0,0,1) 5%, rgba(0,0,0,0));
  color: #fff;
  opacity: 0;
}
.hero_accordion a:hover .accordion_item_inf {
	opacity: 1;
}
.hero_accordion .accordion_item_inf_title {
  font-size: 30px;
  font-weight: bold;
}
.hero_accordion .accordion_item_inf_text {
	font-size: 15px
}
*/



.hero_accordion {
	display: flex;
	width: 100%;
/*	position: absolute;*/
/*	bottom: 5%;*/
/*bottom: 45px;*/
}
.hero_accordion > div {
	height: 200px;
	width: 25%;
/*	margin: 0 1%;*/
/*padding: 1%;*/
	flex: 1;
/*	border: 1px solid magenta;*/
	-webkit-transition: all .5s;
	transition: all .5s;
	cursor: pointer;
	position: relative;
	background-color: var(--background-color);
	margin: 0 5px;
	padding: 0 10px;
/*	border-bottom: 5px solid;*/
	border-radius: 5px;

/*	opacity: 0.75;*/
}
.hero_acc_border{
	position: absolute;
	bottom: -2px;
	width: 25%;
	height: 3px;
	border-radius: 4px;
	left: 38%;
	transition: all .5s;
}
.hero_accordion > div:hover .hero_acc_border{
	width: 50%;
	left: 25%;
}

.hero_accordion > div:hover {
/*	flex: 2;*/
	flex: 1.75;
/*	flex: 1.5;*/
/*	flex: 1.25;*/

	opacity: 1;
}
.hero_accordion .hero_acc_title{
	font-size: 1.175rem;
	opacity: 0.5;
	transition: all 0.25s ease-out;
}
.hero_accordion p{
	font-size: 0.875rem;
}
.hero_accordion .hero_acc_logo{
	/*position: absolute;
	top: -50px;
	left: 50%;
	margin-left: -45px;*/
	width: 60px;
	width: 40px;
	margin: 0 auto 0;
	transition: all 0.25s ease-out;
}
.hero_accordion .hero_acc_logo img{
	opacity: 0.75;
}
.hero_accordion > div:hover .hero_acc_title,
.hero_accordion > div:hover .hero_acc_logo img{
	opacity: 1;
}
.hero_accordion > div:hover .hero_acc_logo{
	margin: -60px auto 0;
	width: 60px;
}

.hero_acc_link{
}








.hero_box{
	min-height: 200px;
	background: var(--background-color);
	padding: 5px;
	margin: 5px;
	border-radius: 2px;
	position: relative;
}
.hero_box .hero_acc_title{
	font-size: 1.175rem;
	opacity: 0.5;
	transition: all 0.25s ease-out;
}
.hero_box p{
	font-size: 0.875rem;
}
.hero_box .hero_acc_logo{
	width: 60px;
	width: 40px;
	margin: 0 auto 0;
	transition: all 0.25s ease-out;
}
.hero_box .hero_acc_logo img{
	opacity: 0.75;
}
.hero_box:hover .hero_acc_title,
.hero_box:hover .hero_acc_logo img{
	opacity: 1;
}
.hero_box:hover .hero_acc_logo{
	margin: -60px auto 0;
	width: 60px;
}
.hero_box a{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.hero_acc_border{
	position: absolute;
	bottom: -2px;
	width: 25%;
	height: 3px;
	border-radius: 4px;
	left: 38%;
	transition: all .5s;
}
.hero_box:hover .hero_acc_border{
	width: 50%;
	left: 25%;
}









.gallery-grid-dense{
	display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: 200px;
  grid-gap: 5px;
  grid-auto-flow: dense;

  overflow: hidden;
}
.gallery-grid-dense div{

}
.gallery-grid-dense a{

}
.gallery-grid-dense img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.gallery-grid-dense .horizontal{
	grid-column: span 2;
}
.gallery-grid-dense .vertical {
	grid-row: span 2;
}
.gallery-grid-dense .big{
	grid-column: span 2;
	grid-row: span 2;
}






/*
** ------------------- Image -----------------
*/
.image{
	width: 100%;
	min-height: 300px;
	float: left;
	clear: both;
	position: relative;
	z-index: 1;
}
.image > img{
	min-width: 100%;
}









































/*
** ------------------- Projects -----------------
*/
.projects_link{
	/*font-weight: 400;*/
	opacity: 0.75;
	transform: all .2s ease-out;
}
.projects_link:hover{
	opacity: 1;
}
.projects_title{
	position: relative;
}
.projects_title .accordion_toggle{
	position: absolute;
	top: 5px;
	right: 0;
	font-size: 13px;
}
.projects_grouped{
	position: relative;
	/*background:#2e3d4d;*/
	margin-bottom: 5rem;
	padding: 5rem 0 0;
	border-top: 1px solid rgba(255,255,255, 0.075);
}
.projects_grouped_title{
	margin: 1rem 0 3rem;
	border-bottom: 1px solid rgba(0,0,0, 0.25);
/*	padding-top: 6rem;*/
/*	padding-top: 9rem;*/
}
.projects_grouped_title:first-child{
/*	padding-top: 3rem;*/
}
.projects_group_name{
	/*background:#2e3d4d;*/
	/*border-radius: 2px;*/
	/*padding: 30px 15px;*/
	/*margin: 2rem 0 0;*/
	font-size: 1rem;
	font-size: 2.275rem;
}
.projects_group{
	margin-bottom: 5rem;
}
.category_projects{
	padding:0 0 1.875rem;
	padding:0 0.55rem 1.875rem;
}
.category_projects .column{
	padding-left:0.46875rem;
	padding-right:0.46875rem;
}
.category_project_wrap, .project_image_wrap{
	position:relative;
/*	background:#2e3d4d;*/
	height:100%;
	margin-bottom:0.9375rem;
	/*padding-bottom:0.9375rem;*/

	/*max-height: 320px;*/
	/*overflow: hidden;*/
}
.category_project_wrap{
	/*margin-bottom:1.875rem;*/
}
.project_image{
	/*height:100%;*/
	/*min-height:200px;*/
/*	background: #FFF;*/
/*	background: #192833;*/
}
.project_image img{
	/*Don't use eith of these - causes Chrome to have a hissy-fit and not load images */
	/*min-height:100%;*/
	/*max-height:100%;*/
	border-radius: 2px;
}
.project_image span{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 15px;
	text-align: center;
	font-size: 0.825rem;
	line-height: 1.15;
	opacity: 0.75;

}
.project_cover_bg_blue, .project_cover_bg_red{
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	background:#2e3d4d !important;
	z-index:1;
	opacity:0;
	transition: all .2s ease-out;
	display:none;
}
.project_cover_bg_red{
	background:#45a3e5 !important;
}
/* .category_project_cover_bg a{
	height:100%;
	display:block;
} */

.category_project_wrap:hover .project_cover_bg_blue{
	opacity: 0.75;
}
.category_project_wrap:hover .project_cover{
	display: block;
}

.category_project_item:hover .project_image_bg{
	z-index:4;
}

.project_cover{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;

	opacity:0;
	display:none;
	z-index:3;
}
.project_cover a{
	height:100%;
	display:block;
	color:#A2A4A8;
	position:relative;
}
.project_cover_pad{
	padding:0;
	display:block;
	position:absolute;
	bottom:30px;
	left:30px;
	bottom:8%;
	left:7%;
	width:86%;
}
.project_cover_pad h2, .project_cover_pad h5{
	margin:0;
	line-height:1.2em;
}
.project_cover_pad h2{
	font-size: 1.25rem;
}
.project_cover_pad h5{
	/*opacity:0.75;*/
	font-size: 0.875rem;
	font-weight: 500;
}
.project_cover_pad h5 em{
	color:#FFF;
	letter-spacing:0;
	text-transform:none;
	font-size:1.25em;
}

.project_cover_pad hr{
	width:15px;
	border-color:#FFF;
	border-width:1px 0 0;
	opacity:0.66;
	margin-top:0.9875rem;
}
.project_cover_pad .info{
	float:left;
	clear:both;
	margin:0;
	color:#FFF;
	opacity:0.86;
}

.project_cover_name{
	width:100%;
	position:relative;
	color: #FFF;
}
.project_cover_status{
	font-size: 0.9rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.86rem;
}

.project_cover_arrow{
	width:16px;
	height:28px;
	position:absolute;
	right:0;
	bottom:8%;
	/*margin-top:-12px;*/
	background:url(/assets/img/arrows/arrows.png) -560px 0 no-repeat;
	opacity:0.8
}

.project_cover span.plus{
	width:32px;
	height:32px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-16px;
	margin-left:-16px;
	background:url(/assets/img/plus-32-2.png) center no-repeat;
	/*background: transparent;*/
	/*content: "+";*/
}
.project_cover span.plus.large{
	width:48px;
	height:48px;
	margin-top:-24px;
	margin-left:-24px;
	background:url(/assets/img/plus-48-2.png) center no-repeat;
	/*background: transparent;*/
	/*content: "+";*/
}

.project_cover span.plus_text{
	width:100%;
	height:30px;
	text-align:center;
	position:absolute;
	left:0;
	top:75%;
	margin-top:-15px;
}
.project_cover span.plus_text em{
	color:#FFF;
	font-size:20px;
}



.tags{
/*	width: 100%;*/
	/*margin: 10px 0 0;*/
	/*padding: 5px 0 0;*/
	/*border-top: 1px solid rgba(255,255,255,0.05);*/
}
.tag{
	display: inline-block;
	background: rgba(255,255,255,0.075);
	border-radius: 1px;
	margin: 5px 2px 0 0;
	padding: 2px 4px;
	font-size: 13px;
	line-height: 1;
	color: #BCCBD6;
	opacity: 0.75;
	text-transform: uppercase;
	letter-spacing: 0.025em;
	transition: all 100ms ease-out;
}
.tag--clear{
	background: transparent;
	color: white;
	padding-left: 0;
}
.tag--white{
	background: rgba(255,255,255,0.75);
}
.tag--grey{
	background: rgba(150,150,150,0.25);
	color: white;
}
.tag--red{
	background: rgba(var(--accent-color-rgb),0.75);
	color: white;
}
.tag:hover{
	opacity: 1;
}
.tag a{
	display: block;
	height: 100%;
/*	padding: 0 8px;*/
	padding: 6px 8px 4px;
/*	color: inherit;*/
}
.tag--full{
	width: 100%;
	margin: 0 0 0.5rem;
	padding: 5px;
	font-size: 1em;
}
.tag input{
	margin: 0;
}





.project_title{
	text-align: center;
}
.project_title hr{
	margin-top: 1rem;
	max-width: 60px;
	border-width: 2px;
}


.hero_project_nav{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	display: none;
}
.hero_project_nav_prev{
	float: left;
}
.hero_project_nav_next{
	float: right;
}
.hero_project_nav a{
	font-size: 0.875rem;
	display: block;
	height: 100%;
	padding: 15px 20px;
	color: rgba(255, 255, 255, 0.5);
	transition: all 200ms ease-out;
}
.hero_project_nav a:hover{
/*	color: rgba(255, 255, 255, 0.75);*/
	color: var(--accent-color);
}













.client_logos_banner{

}
.client_logos_banner .row{
	max-width: 90%;
}
.client_logos_banner .slick-prev{
	left: -50px;
}
.client_logos_banner .slick-next{
	right: -50px;
}






/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
	margin: 0 0 1.5rem;
  background-color: transparent;
  width: 100%;
  height: 250px;
/*  height: 200px;*/
/*  border: 1px solid #f1f1f1;*/
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;

  border-radius: 4px;
	box-shadow: 0 10px 30px -20px rgba(0, 0, 0, 0.25);
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
	padding: 10% 15%;
  background-color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
}
.flip-card-front img{
	display: block;
	height: 100%;
	object-fit: contain;
}

/* Style the back side */
.flip-card-back {
/*	padding: 1rem 2.5rem;*/
	padding: 1rem 1.5rem;
	background-color: #F4F6F8;
  background-color: rgba(244, 246, 248, 0.95);
/*  color: white;*/
  transform: rotateY(180deg);
}

.flip-card h3{
	margin: 0.5rem 0 1rem;
}






.project{
	position: relative;
	margin: 0 0 2rem;
/*	padding: 1rem 1.5rem;*/
/*	background: rgba(255, 255, 255, 1);*/
/*	border: 1px solid transparent;*/
	border-radius: 4px;
	overflow: hidden;
/*	box-shadow: 0 10px 15px -20px rgba(0, 0, 0, 0.25);	*/
	transition: all .2s ease-out;
}
.project:hover{
/*	background: rgba(255, 255, 255, 0.8);*/
/*	border-color: var(--accent-color);*/
	/*border-color: rgba(255, 255, 255, 0.1);*/
	/*box-shadow: 0 0 8px -2px var(--accent-color);*/
/*	box-shadow: 0 10px 30px -20px rgba(0, 0, 0, 0.5);*/
}
.project_image{
	transition: all .2s ease-out;
}
.project_image figure{
	overflow: hidden;
	min-height: auto;
	background: var(--accent-color);
/*background: #DDD;*/
	border-radius: 4px;
}
.project_image figure a{
	display: block;
	height: 100%;
background: #DDD;
}
.project:hover .project_image{
	/*opacity: 0.8;*/
}
.project:hover .project_image img{
	opacity: 0.66;
}
.project:hover .project_image.no_link img{
	opacity: 1;
}
.project_details{
	width: 100%;
	padding: 10px 5px;
	transition: all .2s ease-out;
}
.project:hover .project_details{
	/*background: linear-gradient(0deg, rgba(16, 44, 64,1) 0%, rgba(16, 44, 64,0) 100%);*/
	/*padding-top: 75px;*/
}
.project_details h4, 
.project_details h6{
	margin: 0 0 0.25rem;
	font-size: 1rem;
	transition: all 200ms ease-out;
}
.project:hover h4{
	color: var(--accent-color);
}
.project_details h6{
/*	color: #FFF;*/
/*	color: var(--accent-color);*/
	font-size: 0.875rem;
	opacity: 0.5;
}
.project_details a{
	text-decoration: none;
	width: 100%;
	display: block;
/*	padding: 15px;*/
/*	padding: 10px 5px;*/
}
.project_details a:hover{
	/*padding: 0 !important;*/
	/*border: none;*/
}
.project_details span{
	font-size: 0.875rem;
}
.project_details span small{
	color: inherit;
}
.project_link{
	color: var(--accent-color);
}
.project--dark{
	background: rgba(0,0,0, 0.2);
	/*color: #FFF;*/
}
.project--dark h5{
	color: #FFF;
}

.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }




.project_images{

}
.project_images .column.size-1of1{
/*	padding-right: 0.9375rem;*/
/*	padding-left: 0.9375rem;*/
}
.project_images .column{
	float: left;
	padding-left: 0.46875rem;
	padding-right: 0.46875rem;
}



.project_date{
	margin: 0 0 0.25rem;
}
.project_date:before{
	content: "Date: ";
	color: var(--accent-color);
	font-weight: 600;
}
.project_description,
.project_info{
/*	border-top: 1px solid rgba(255,255,255, 0.075);*/
/*	border-bottom: 1px solid rgba(255,255,255, 0.075);*/
/*	padding-top: 15px;*/
/*	padding-bottom: 15px;*/
}
.project_info{
	display: flex;
	justify-content: center;
	align-items: baseline;
	margin-bottom: 0.75rem;
}
/*.project_info p{
	color: #FFF;
	padding: 0 15px;
}*/
.project_info_block{
	color: #FFF;
	padding: 0 15px;
/*	border-right: 1px solid rgba(255, 255, 255, 0.15);*/
}
.project_info_block + .project_info_block{
	border-left: 1px solid rgba(255,255,255,0.15);
}


.project_info span{
/*	width: 100%;*/
/*	float: left;*/
	text-transform: uppercase;
	letter-spacing: 0.025em;
	font-size: 12px;
	font-weight: 500;
	color: var(--accent-color);
}

.project_sector:before{
	content: "Sector: ";
	color: var(--accent-color);
	font-weight: 600;
}
.project_content ul{
	list-style: none;
	/*margin-left: 30px;*/
}
.project_content li{
	width: 100%;
	margin-left: 1rem;
	margin-bottom: 0.5rem;
	/*padding-left: 30px;*/
	/*line-height: 2rem;*/
	color: #FFF;
}
.project_content li:before{
	margin-left: -2rem;
	margin-right: 1rem;
	/*content: '\f105';*/
	content: '\f00c';
	font-family: 'FontAwesome';
	font-weight: 300;
	color: var(--accent-color);
}





.project.project--style1{
	border-radius: 2px;
}
.project.project--style1 .project_image{

}
.project.project--style1 .project_image figure{
	border-radius: 2px;
}
.project.project--style1 .project_details{
  padding: 15px;
	position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  
/*  top: auto;*/
  bottom: 0;
  padding: 5px 15px;
  border: 1px solid;
/*  background: linear-gradient(180deg, rgba(var(--background-color-rgb),0.5) 0%, rgba(var(--background-color-rgb),0) 75%);*/
	background: linear-gradient(180deg, rgba(var(--background-color-rgb),0.75) 10%, rgba(var(--background-color-rgb),0) 75%);

  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  border: 1px solid rgba(255,255,255, 0.25);
  border: 0;

  padding: 10px 20px;
}
.project.project--style1 .project_details h4{
	font-size: 1.05rem;
	margin: 0.75rem 0 0;
}
.project.project--style1 .project_details hr{
	border-color: rgba(255,255,255, 0.25);
	margin: 10px 0;

	display: none;
}
.project.project--style1 .project_link{
	position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transition: all 200ms ease-out;
/*  background: linear-gradient(180deg, rgba(var(--background-color-rgb),0.75) 10%, rgba(var(--background-color-rgb),0) 75%);*/
}
.project.project--style1 .project_link a{
	display: block;
	height: 100%;
}
.project.project--style1:hover .project_link{
	-webkit-box-shadow:inset 0 0 0 1px var(--accent-color);
	-moz-box-shadow:inset 0 0 0 1px var(--accent-color);
	box-shadow:inset 0 0 0 1px var(--accent-color);
}
.project.project--style1:hover h4{
	color: #FFF;
}
.project.project--style1 .aspect_ratio--1-1.aspect_ratio img{
	transition: all 300ms ease-out;
}
.project.project--style1:hover .aspect_ratio--1-1.aspect_ratio img{
	transform: scale(1.025) translate(-49%, -49%);
/*	transform: scale(1.01) translate(-50%, -50%);*/
}

/*.project.project--style1 .hr--bottom{
	position: absolute;
	bottom: 5px;
	left: 5px;
}
.project.project--style1 .tag--count{
	position: absolute;
	bottom: 5px;
	left: 5px;
}*/

























.features{
	width: 100%;
	margin: 0 auto;
	/*text-align: center;*/
}
.features ul{
	/*margin: 0 auto;*/
	/*text-align: center;*/
	margin-left: 1rem;
	margin-right: 2rem;
}
.features li{
	/*float: left;*/
	display: inline-block;
}
.feature{
	float: left;
	display: inline-block;
	border-right: 1px solid #304451;
	border-color: rgba(178, 226, 255, 0.15);
	padding: 0 15px;
}
.features li:first-child .feature{
	border-left: 1px solid #304451;
}




.client_logos{
	padding: 45px 0;
}
.client_logo{
	width: 15%;
	max-width: 180px;
	margin: 15px 10px;
	float: left;
	display: inline-block;
	text-align: center;
	/*padding: 30px 0;*/
	/*min-height: 75px;*/
/*	opacity: 0.75;*/
	transition: opacity ease-out .2s;

	height: 100%;
	display: flex;
  justify-content: center;
  align-items: center;
}
.client_logo img{
	transition: all .2s ease-out;
/*	filter: grayscale(0.75) contrast(110%);*/
}
.client_logo.client_logo_link:hover{
	opacity: 1;
}
.client_logo_image{
	width: 150px;
	object-fit: contain;
}





.square_grids{
	width: 100%;
	float: left;
	clear: both;
	border-top: 1px solid #304451;
	/*border-left: 1px solid #304451;*/
	/*border-right: 1px solid #304451;*/
	border-color: rgba(178, 226, 255, 0.1);
}
.square_grid{
	float: left;
	width: 50%;
	padding: 25px 0 15px;
	text-align: center;
	border-right: 1px solid #304451;
	border-bottom: 1px solid #304451;
	border-color: rgba(178, 226, 255, 0.1);
}
.square_grids div:nth-child(2n) {
	border-right: none;
}
.square_grids div:nth-child(4) ~ div {
	border-bottom: none;
}
.spec_number{
	font-size: 30px;
	font-weight: 600;
	color: #FFF;
}
.spec_name{
	color: #FFF;
	/*font-size: 1.1em;*/
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.025em;
}
.spec{
	clear: both;
	display: block;
	color: rgba(178, 226, 255, 0.33);
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}











.team{

}
.team_member{
	margin: 0 0 30px;
	padding: 30px;
	background: #f0f0f0;
	border-radius: 4px;
}
.team_member h2, .team_member h5{
	margin:0;
	/*line-height:1em;*/
}
.team_member h2{
	
	font-size: 1.33rem;
}
.team_member h2 small{
	font-size:55%;
	text-transform:none;
}
.team_member h5{
	font-size: 0.875rem;
	text-transform: capitalize;
	letter-spacing: 0;
/*	color: #53655c;*/
}
.team_member p{
	clear: both;
/*	margin-top: 0.875rem;*/
	margin-top: 0.5rem;
}
.contact_info{
/*	float: left;*/
	font-size: 15px;
}
.contact_info a{
/*	color: #53655c;*/
	color: var(--base-color);
}
.contact_info a:hover{
	text-decoration: underline;
	color: var(--accent-color);
}
.contact_info i{
	width: 24px;
	font-size: 0.8rem;
	color: var(--accent-color);
}
.contact_info span{
/*	float: left;*/
/*	clear: both;*/
}

.team_image{
	position: relative;
	width: 50%;
	height: 200px;
	max-height: 200px;
	margin: 0 auto;
	margin-bottom: 1rem;
}
.team_image img{
	/*position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	min-width:50%;
	min-height:50%;
	z-index:1;*/
	
	/*-webkit-filter: grayscale(1);
	filter: grayscale(1);*/
	object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 9px;
}
.team_image span.overlay{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	background:#192431;
	opacity: 0;
	transition: all .2s ease-out;
	display: none;
}
.team_image:hover span.overlay{
	opacity: 0.33;
}

.team_member .bio p{
	font-size: 0.875rem;
	line-height: 1.4rem;
	margin-top: 0.75rem;
	opacity: 0.75;
}


















#slider_gallery{
	/*max-height: 64vh;*/
/*	max-height: 66vh;*/
	max-height: 75vh;
	overflow: visible;
}
.visibleNearby {
	width: 100%;
}
.visibleNearby img,
.visibleNearby .rsSlide {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: transform;
/*	background: #26394c;*/

	/*cursor: initial;*/
}
/* default link color is blue */
.visibleNearby .rsSlide {
	/*background: blue;*/
	transform: scale(0.75);
	transition: all 200ms ease-in-out;
}
.visibleNearby :hover .rsSlide {
	cursor: wait;
}
.visibleNearby .rsSlide:hover,
.visibleNearby .rsSlide:hover ~ .rsSlide {
	cursor: pointer;
}

.visibleNearby .rsSlide:first-of-type{
	/*background: green;*/
}
.visibleNearby .rsSlide:last-of-type{
	/*background: red;*/
}
.visibleNearby .rsSlide.rsActiveSlide{
	/*background: blue;*/
	cursor: default;
	transform: scale(1);
}
/*previous:has(+ next) {}*/


.visibleNearby .rsGCaption {
	font-size: 13px;
	line-height: 2.5rem;
	padding: 0 15px;
	background: linear-gradient(90deg, rgba(38,57,76,0) 50%, rgba(38,57,76,0.66) 100%);
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	/*bottom: -50px;*/
	text-align: right;
	margin: 0 auto;
	max-width: calc(75% + 1px);
}
.visibleNearby .rsGCaption span {
	display: block;
	clear: both;
	color: #bbb;
	font-size: 15px;
	line-height: 22px;
}
.royalSlider > .rsImg {
	visibility:hidden;
}

/* Scaling transforms */
.visibleNearby .rsSlide img {
	opacity: 0.33;
	/*opacity: 0.5;*/
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	transition: all .2s ease-out;

	/*-webkit-transform: scale(0.9);  */
	/*-moz-transform: scale(0.9); */
	/*-ms-transform: scale(0.9);*/
	/*-o-transform: scale(0.9);*/
	/*transform: scale(0.9);*/
}
.visibleNearby .rsSlide:not(.rsActiveSlide):hover img {
	opacity: 0.66;
}
.visibleNearby .rsActiveSlide img {
	opacity: 1;
	/*-webkit-transform: scale(1);  */
	/*-moz-transform: scale(1); */
	/*-ms-transform: scale(1);*/
	/*-o-transform: scale(1);*/
	/*transform: scale(1);*/
	cursor: url(/assets/img/cursors/zoom-21.png), pointer;
}

/* Non-linear resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 900px) { 
	#gallery-1 {
		padding: 12px 0 12px;
	}
	#gallery-1 .rsOverflow,
	.royalSlider#gallery-1 {
		height: 400px !important;
	}
}
@media screen and (min-width: 0px) and (max-width: 500px) { 
	#gallery-1 .rsOverflow,
	.royalSlider#gallery-1 {
		height: 300px !important;
	}
}


#slider_gallery .rsBullets{
	text-align: center;
}
#slider_gallery .rsBullet{
	margin: 0 6px;
	background-color: var(--accent-color);
	background-color: rgba(73, 187, 204, 0.33);
	width: 16px;
	height: 9px;
	/*border: 1px solid var(--accent-color);*/
	/*border: 1px solid rgba(73, 187, 204, 0.75);*/
	border: none;
	border-radius: 1px;
	border-radius: 9px;
	transition: all .2s ease-out;

	width: 10px;
	height: 10px;
	border: 2px solid transparent;
}
#slider_gallery .rsBullet:hover,
#slider_gallery .rsBullet:focus{
	background-color: rgba(73, 187, 204, 1);
	/*border: 1px solid rgba(73, 187, 204, 1);*/
}
#slider_gallery .rsBullet.rsNavSelected{
	background-color: var(--accent-navy);
	border-color: var(--accent-navy);

/*	background: none;*/
	/*border-color: var(--accent-color);*/
}









.photoswipe-gallery {
	/*margin-bottom: 60px;*/
	/*margin-bottom: 10px;*/
	/*padding: 0 30px;*/
}
.slick-track{
	margin: 0 auto;
}
.slick-slide{

}
.slick-slide div{
/*	margin: 15px;*/
/*	min-height: 120px;*/
/*	max-height: 120px;*/
}
.slick-slide a{
/*	background: var(--accent-color);*/
	border: 0;
	transition: all 200ms ease-out;
}
.slick-slide img{
/*	min-height: 90px;*/
/*	max-height: 90px;*/
	max-height: 60px;
/*  border-radius: 4px;*/
	border: 0;
/*  object-fit: cover;*/
}
.slick-gallery .slick-slide div{
	margin: 5px;
}
.slick-gallery .slick-slide a:hover{
	opacity: 0.75;
}
.slick-gallery .slick-slide img{
	min-height: 90px;
	max-height: 90px;
/*	max-width: 60px;*/
  border-radius: 4px;
  border-radius: 1px;
	border: 0;
  object-fit: cover;
}









.mixitup_filters{
	width: 100%;
	float: left;
	clear: both;
	padding: 10px 15px;
	font-size: 13px;
}
.mixitup_filter,
.mixitup_label{
	float: left;
	display: inline-block;
	margin-bottom: 5px;
	margin-right: 5px;
	line-height: 1.5;
}
.mixitup_filter{
	background: rgba(0, 0, 0, 0.075);
	border-radius: 2px;
}
.mixitup_filter a{
	display: inline-block;
	position: relative;
	padding: 4px 8px;
	padding-left: 24px;
}
.mixitup_filter a:before{
	content: "\f0c8";
	font-family: 'FontAwesome';
	position: absolute;
	top: 4px;
	left: 8px;
	color: var(--accent-color);
	font-size: 13px;
}
.mixitup_label{
	padding: 4px 8px;
	padding-left: 24px;
	width: 100%;
	color: #FFF;
	opacity: 0.66;
	/*margin-left: 30px;*/
}
.mixitup_filter a.mixitup-control-active{
	/*padding-bottom: 3px;*/
	/*border-color: inherit;*/
	/*border-bottom-width: 1px;*/
	color: #FFF;
}
.mixitup_filter a.mixitup-control-active:before{
	content: "\f14a";
	color: #FFF;
	/*font-weight: 900;*/
}


.mixitup_container {
	position: relative;
	display: grid;
	/*grid-template-columns: 1fr 1fr;
	column-gap: 30px;
	row-gap: 15px;*/
}
.mix{

}
.mixitup_container .column:last-child:not(:first-child), 
.mixitup_container .columns:last-child:not(:first-child){
	float: left;
}










/*
** ---------------- Columns ------------------
*/
.content_columns{
	/*column-gap: ;*/
	/*column-rule-style: ;*/
	/*column-rule-width: ;*/
	/*column-rule-color: ;*/
	/*column-rule: ;*/
	/*column-span: ;*/
	/*column-width: ;*/
}
.content_column-2{
	column-count: 2;
	column-width: 50%;
}
.content_column-3{
	column-count: 3;
	column-width: 33%;
}







.pages_content{
	position: relative;
}
.pages_content_menu{
	position: absolute;
	top: 0;
	left: 0;

}








.swiper {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
.swiper-container-free-mode > .swiper-wrapper{
  transition-timing-function: linear;
}
.swiper-container{
	overflow: hidden;
}
.swiper-wrapper{
	padding: 0;
  
}
@media only screen and (min-width:63em){
	.swiper-wrapper{
		align-items: center;
	  justify-content: center;	
	}
}
.swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	height: auto;
	user-select: none;
}
.swiper-slide img{
	max-width: 100%;
}


/*.gallery-slider{
	height: 100%;
}
.gallery-slider .swiper-slide{
	height: 100%;
}*/
.gallery-thumbs{
	width: 100%;
	padding-bottom: 0.5rem;
}
.gallery-thumbs .swiper-slide{
	overflow: hidden;
	height: 80px;
	width: 80px;
}
.gallery-thumbs .swiper-slide a{
	height: 100%;
	/*background-position: center;*/
	/*background-size: cover;*/
	/*background-repeat: no-repeat;*/
	display: flex;
	justify-content: center;
	align-items: center;
}
.gallery-thumbs .swiper-slide img{
	min-height: 100%;
	min-width: 100%;
	object-fit: cover;
	border-radius: 2px;
}









.boxes{
	margin-bottom: 1.5rem;
}
.box{
	display: inline-block;
	position: relative;
	margin: 0 auto 1rem;
	padding: 30px;
	background: rgba(0,0,0, 0.075);
	border-radius: 4px;
	box-shadow: 0 2px 4px -2px rgba(0,0,0,0.25);
	transition: all .2s ease-out;
}
.box--small{}
.box--full{
	width: 100%;
}
.box--link{
	padding: 0;
}
.box--link a{
	width: 100%;
	height: 100%;
	/*position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;*/
	display: block;
	padding: 20px 30px;
	font-size: 1rem;
}
.box--link i{
	margin-left: 10px;
	transition: all .2s ease-out;
}
.box--link:hover i{
	margin-left: 15px;
}
.box--link:hover i:before{
	/*content: '\f061';*/
}
.box--link.box--small a{
	padding: 10px 18px;
	font-size: 0.875rem;
}
.box--office{
	padding: 20px 15px 10px;
	margin: 0 0 1rem;
	min-height: 100%;
	background: rgba(255,255,255,0.075);
	background: rgba(0,0,0,0.2);
	border-radius: 2px;
}





.box--sector{
	min-height: 240px;
	background: var(--background-color);
	border-radius: 4px;
/*	border: 1px solid rgba(0,0,0,0.15);*/
	overflow: hidden;
}
.sector_image{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: 0;
}
.sector_image_overlay{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(var(--background-color-rgb),1) 0%, rgba(var(--background-color-rgb),0) 100%);
	transition: all 200ms ease-out;

	top: auto;
	height: 50%;
}
.sector_image img{
  width: 100%;
  height: 100%;
	object-position: center;
  object-fit: cover;
	opacity: 0.875;
	transition: all 200ms ease-out;
}
.sector_info{
	position: absolute;
	bottom: 1.5rem;
/*	bottom: 0;*/
	left: 1.5rem;
	right: 5rem;
	z-index: 1;
	transition: all 200ms ease-out;
}
.sector_title{

}
.sector_title h3{
	font-size: 1.33rem;
}
.sector_link{
	color: var(--accent-color);
	transition: all 200ms ease-out;	
/*	opacity: 0;*/
}
.sector_link_href{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	cursor: pointer;
}
.box--sector:hover .sector_info{
/*	bottom: 1.5rem;*/
}
.box--sector:hover .sector_image_overlay{
/*	background: linear-gradient(0deg, rgba(var(--background-color-rgb), 1) 33%, rgba(var(--background-color-rgb), 0) 100%);*/
/*	background: linear-gradient(0deg, rgba(var(--background-color-rgb),1) 25%, rgba(var(--background-color-rgb),0.5) 100%);*/
	height: 75%;
/*	height: 100%;*/
/*	top: auto;?*/
/*	opacity: 0.875;*/
}
.box--sector:hover .sector_image img{
/*	opacity: 1;*/
}
.box--sector:hover .sector_link{
	opacity: 1;
}











.values{

}
.values .heading{
	text-align: center;
	margin: 2.5rem 0 5rem;
}
.value{
	min-height: 300px;
}
.value i{
	color: var(--accent-color);
}










.process_flow{
	width: 75%;
	max-width: 720px;
	position: relative;
/*	display: flex;*/
/*	align-items: center;*/
	background-color: #FFF;
	box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.25);
}
.process_flow:first-child{
/*	margin-top: 3rem;*/
}
.process_flow:last-child{
/*	margin-bottom: 3rem;*/
}
.process_flow > div{
/*	outline: 1px solid;*/
}
.process_flow .column{
/*	height: 100%;*/
}
.process_number{
/*	flex: 0 0 150px;*/
	position: relative;

	position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.process_number .number{
	background: var(--background-color);
	color: white;
	font-size: 4rem;
  padding: 5px 15px;
/*  margin: 0 auto;*/
/*  width: 75%;*/
  display: block;
  text-align: center;
}
/*.timeline{
	width: 2px;
  height: 100%;
  background: var(--accent-color);
  margin: 0 auto;
  display: block;
  position: absolute;
  left: 50%;
  left: 40%;
}
.timeline--up{}
.timeline--down{
	top: -100%;
}*/

.process_image{
	flex: 1;
	flex: 0 0 33%;
/*margin: 1rem 0;*/
}
.process_text{
	flex: 1;
/*	padding: 45px 30px;*/
	padding: 30px 30px;
}
.process_title{

}

#swiper--process{
	padding: 0 0 60px;
}
#swiper--process .swiper-button-prev,
#swiper--process .swiper-button-next{
/*	top: auto;*/
/*	bottom: 0;*/
/*	top: 0;*/
/*	height: 100%;*/
/*	width: 20%;*/

	top: auto;
	bottom: 0;
}
#swiper--process .swiper-button-prev::after,
#swiper--process .swiper-button-next::after{
/*	content: "";*/
	font-size: 32px;
	font-weight: 700;
}
#swiper--process .swiper-scrollbar{
	bottom: -28px;
	left: 0;
}

#swiper--process::before{
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	border-bottom: 3px dotted rgba(0, 0, 0, 0.15);
/*	background: rgba(0, 0, 0, 0.15);*/
	position: absolute;
	top: 36%;
}
#swiper--process .swiper-slide{
	cursor: pointer;
	opacity: 0.875;
	transform: scale(0.875);
	transition: all 0.4s ease-in-out;
}
#swiper--process .swiper-slide::after{
	/*content: "";
	display: block;
	width: 100%;
	height: 2px;
	border-bottom: 2px solid rgba(0, 0, 0, 0.15);*/
}
#swiper--process .swiper-slide:hover{
	opacity: 0.925;
/*	transform: scale(0.9);*/
}
#swiper--process .swiper-slide-active{
	cursor: default;
	transform: scale(1) !important;
	opacity: 1 !important;
}

#swiper--process .swiper-pagination-bullet{
	width: 12px;
	height: 12px;
}
#swiper--process .swiper-pagination-bullet-active{

}


#swiper--process .swiper-scrollbar{
	height: 30px;
	background: transparent;
	cursor: pointer;
}
#swiper--process .swiper-scrollbar::after{
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	border-bottom: 2px solid rgba(0, 0, 0, 0.05);
}
#swiper--process .swiper-scrollbar-drag{
	position: absolute;
	height: 4px;
}
#swiper--process .swiper-scrollbar-markers{
	width: 66%;
	/*position: absolute;
	bottom: 0;*/
	position: relative;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
#swiper--process .swiper-scrollbar-marker{
/*	width: 1px;*/
	height: 15px;
/*	background: magenta;*/

	width: 19%;
	text-align: center;
	opacity: 0.25;
}
#swiper--process .swiper-scrollbar-marker:before{}
#swiper--process .swiper-scrollbar-marker:nth-child(1):before{
	content: "1";
}
#swiper--process .swiper-scrollbar-marker:nth-child(2):before{
	content: "2";
}
#swiper--process .swiper-scrollbar-marker:nth-child(3):before{
	content: "3";
}
#swiper--process .swiper-scrollbar-marker:nth-child(4):before{
	content: "4";
}
#swiper--process .swiper-scrollbar-marker:nth-child(5):before{
	content: "5";
}



/*.swiper-bg-line{
	width: 100%;
	height: 50%;
	border-bottom: 3px dotted rgba(0, 0, 0, 0.1);
}*/



























.contact_box{
	padding-bottom: 60px;
}

/*
** ------------- Forms ------------------
*/
[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea{
	
	box-shadow: none;
	border: 2px solid;
	border-color: #EEE;
	/*border-radius: 2px;*/
	height: 2.75rem;
	/*padding: 1rem 0.5rem;*/
	
	/*border: none;*/
	/*box-shadow: inset 0 0 0 2px #EEE;*/
}
[type="text"]:focus, [type="password"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus, [type="email"]:focus, [type="number"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="url"]:focus, [type="color"]:focus, textarea:focus{
	
	box-shadow: none;
	border: 2px solid;
	border-color: var(--accent-color);

	/*border: none;*/
	/*box-shadow: inset 0 0 0 2px var(--accent-color);*/
}
[type="file"], [type="checkbox"], [type="radio"]{
	margin-bottom: 0.5rem;
	margin-left: 0.25rem;
}

span.required{
	color: var(--accent-color);
}
.note{
	opacity: 0.66;
	font-weight: 300;
	/*font-style: italic;*/
}
span.error{
	float: left;
	margin-top: -1rem;
	margin-bottom: 1rem;
	margin-left: 2px;
	font-size: 85%;

	/*color: var(--accent-color);*/
	/*background: rgba(8,8,8, 0.9);*/
	color: #FFF;
	background: #dc143c;
	background: rgb(220, 20, 60);
	background: rgba(220, 20, 60, 0.75);
	padding: 0 8px;
}


#feedback p{
	text-align: center;
}



.contact_box{}
.contact_box h1{
	text-align: center;
}
.contact_box--dark{

}
.contact_box--dark label{
	font-size: 1em;
	color: rgba(255, 255, 255, 0.66);
	margin-left: 0.25rem;
	/*color: var(--accent-color);*/
	/*opacity: 0.33;*/
}
.contact_box--dark input[type=text],
.contact_box--dark input[type=password],
.contact_box--dark input[type=email],
.contact_box--dark input[type=tel],
.contact_box--dark textarea {
	background: none;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
/*	border-bottom: 2px solid rgba(255, 255, 255, 0.15);*/
	box-shadow: none;
/*	padding: 15px 0;*/
/*	color: #FFF;*/
}
.contact_box--dark input:hover,
.contact_box--dark textarea:hover{
/*	border: 0;*/
/*	border-bottom: 2px solid var(--accent-color);*/
}
.contact_box--dark input:active,
.contact_box--dark input:focus,
.contact_box--dark textarea:active,
.contact_box--dark textarea:focus {
	background: none;
	box-shadow: none;
/*	border: 0;*/
/*	border-bottom: 2px solid var(--accent-color);*/
	border: 1px solid var(--accent-color);
/*	color: #FFF;*/
}

#feedback{
	padding: 30px 15px;
	margin: 0 0 1rem;
	min-height: 100%;
	background: #F4F6F8;
	border-radius: 2px;
}








/*
** ---------------------- Captcha ---------------------
*/
.captcha_image,
.captcha_refresh,
.captcha_code{
	float: left;
}
.captcha_image{
	
}
.captcha_refresh{
	width: 50px;
}
.captcha_refresh button{
	height: 40px;
	display: block;
	margin-left: -1px;
	padding: 12px;
	/*background: #FFF;*/
	border: 1px solid #cacaca;
	cursor: pointer;
}
.captcha_code{ 
	width: 120px;
}






/*
** --------------------- Reveal ----------------------
*/
.reveal{
	border-radius:2px;
}
.reveal:focus{
	outline:none;
}
.reveal_footer{

}
.reveal_footer .close{
	/*padding:5px;*/
	/*font-family:'calluna-sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
}
.reveal .close-button{
	top:0;
	right:0;
	margin:0;
	padding:10px 20px;
	background:none;
	height:auto;
}
.close-button span{

}
.reveal.dark{
	background:#044566;
	border:0;
	box-shadow:0 50px 100px -50px #000000;
}
.reveal.dark .close-button:hover, .reveal.dark .close-button:focus{
	color:#FFF;
}



.button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus{
	background:none;
}
input.disabled{
	opacity:0.33;
	cursor:default;
}









#ajax_form form{
	margin:30px 0 0;
}






















.privacy .block{
	font-size: 0.875rem;
}
.privacy table{

}
.privacy tbody{

}
.privacy th{

}
.privacy td{

}


/*
** ---------------------- Footer ---------------------
*/
.footer{
	width: 100%;
	float: left;
	clear: both;
	padding: 90px 0;
	background: #192431;
	color: #798286;
	font-size: 15px;
}
.footer .border{
	padding: 0 0 30px;
	border-bottom: 3px solid;
	-o-border-image: linear-gradient(155deg, #ffb638 0%, #fc5c3c 100%) 1 round;
	border-image: linear-gradient(155deg, #ffb638 0%, #fc5c3c 100%) 1 round;
}
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5{
	color: #FFF;
}
.footer a{
	color: #c4d4cc;
}
.footer a:hover{
	color: var(--accent-color);
}
.footer ul{
	list-style: none;
	margin-left: 0;
}
.footer ul li{
	list-style-image: none;
}
address{
	font-style: normal;
	margin: 0 0 0.5rem;
}
.footer > .container > .row > .column{
	margin-bottom: 30px;
}
.footer hr{
	border-color: hsla(150, 75%, 75%, 0.1);
}


address li{
	list-style: none;
}



.social{
	float: right;
}
.social li{
	float: left;
	display: inline-block;
	margin-right: 15px;
}



.subfooter{
	width: 100%;
	float: left;
	clear: both;
	padding: 60px 0;
	background: #edf0f2;

}
.subfooter--dark{
	background: #2D3136;
	color: #FFF;
}
.gradient--orange{
	background: rgb(255,182,56);
	background: linear-gradient(120deg, rgba(255,182,56,1) 0%, rgba(252,92,60,1) 100%);
}
.trustpilot{
	display: none;
}









/*.stat{
	padding: 0 15px;
	font-size: 40px;
	font-weight: 600;
	color: #FFF;
}
.stat span{
	display: block;
	clear: both;
	font-size: 0.875rem;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.025em;
	color: rgba(178, 226, 255, 0.33);
}*/
.stats{

}
.stats h5{
	text-align: center;
	font-size: 1.25rem;
	color: #798286;
}
.stats .stat{
	font-size: inherit;
	padding: 2rem 0;
/*	margin: 0 0 1rem;*/
/*	border-bottom: 1px solid rgba(var(--mid-blue-rgb), 0.5);*/
	color: inherit;
	transition: all .2s ease-out;
}
.stat:last-child{
	border: none;
}
.stats .stat:hover{
/*	background-color: rgba(var(--mid-blue-rgb), 0.25);*/
}
.stat i{
	float: right;
	opacity: 0.6;
	transition: all .33s ease-out;
}
.stat:hover i{
	opacity: 1;
}
.stat_number{
	font-family: 'Mont', 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 50px;
  letter-spacing: -0.025em;
  font-feature-settings: "cv01" 1, "ss00";
}
.stat_caption{
	font-family: 'Mont', 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 40px;
/*	color: #798286;*/
	opacity: 0.33;
	margin-left: 5px;
}
.stat p{
	margin: 0;
}
.stat small{
/*	color: rgba(255,255,255,0.5);*/
	opacity: 0.66;
}
.counter {

}





































.project_categories{
	list-style:none;
	margin-left:0;
}
.project_categories ul{
	list-style:none;
	margin-left:15px;
	margin-bottom:10px;
}
.project_categories ul a{
	color:#869CB2
}
.project_categories ul a:hover{
	color:#A6BCD2
}







.category_projects{
	padding:0 0 1.875rem;
	padding:0 0.55rem 1.875rem;
}
.category_projects .column{
	padding-left:0.46875rem;
	padding-right:0.46875rem;
}
.category_project_wrap, .project_image_wrap{
	position:relative;
/*	background:#2e3d4d;*/
	height:100%;
	margin-bottom:0.9375rem;
	/*padding-bottom:0.9375rem;*/

	/*max-height: 300px;*/
	/*overflow: hidden;*/
}
.category_project_wrap{
	/*margin-bottom:1.875rem;*/
}
.project_image{
/*	height:100%;*/
	/*min-height:200px;*/
}
.project_image img{
	/*Don't use eith of these - causes Chrome to have a hissy-fit and not load images */
	/*min-height:100%;*/
	/*max-height:100%;*/
}
.project_cover_bg_blue, .project_cover_bg_red{
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	background:#2e3d4d !important;
	z-index:1;
	/*opacity:0.8;*/
	opacity:0;
	display:none;
}
.project_cover_bg_red{
	background:#C63F33 !important;
}
/* .category_project_cover_bg a{
	height:100%;
	display:block;
} */

.category_project_item:hover .project_image_bg{
	z-index:4;
}

.project_cover{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;

	opacity:0;
	display:none;
	z-index:3;
}
.project_cover a{
	height:100%;
	display:block;
	color:#A2A4A8;
    position:relative;
}
.project_cover_pad{
	padding:0;
	display:block;
	position:absolute;
	bottom:30px;
	left:30px;
	bottom:8%;
	left:7%;
	width:86%;
}
.project_cover_pad h2, .project_cover_pad h5{
	margin:0;
	line-height:1.2em;
}
.project_cover_pad h2{
	/*font-family:'FreightSansSemibold';*/
}
.project_cover_pad h5{
	opacity:0.75;
}
.project_cover_pad h5 em{
	color:#FFF;
	letter-spacing:0;
	text-transform:none;
	font-size:1.25em;
}

.project_cover_pad hr{
	width:15px;
	border-color:#FFF;
	border-width:1px 0 0;
	opacity:0.66;
	margin-top:0.9875rem;
}
.project_cover_pad .info{
	float:left;
	clear:both;
	margin:0;
	color:#FFF;
	opacity:0.86;
}

.project_cover_name{
	width:100%;
	position:relative;
}
.project_cover_arrow{
	width:16px;
	height:28px;
	position:absolute;
	right:0;
	bottom:8%;
	/*margin-top:-12px;*/
	background:url(/assets/img/arrows/arrows.png) -560px 0 no-repeat;
	opacity:0.8
}



.project_cover span.plus{
	width:32px;
	height:32px;
	background:url(/assets/img/plus-32-2.png) center no-repeat;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-16px;
	margin-left:-16px;
}
.project_cover span.plus.large{
	width:48px;
	height:48px;
	background:url(/assets/img/plus-48-2.png) center no-repeat;
	margin-top:-24px;
	margin-left:-24px;
}

.project_cover span.plus_text{
	width:100%;
	height:30px;
	text-align:center;
	position:absolute;
	left:0;
	top:75%;
	margin-top:-15px;
}
.project_cover span.plus_text em{
	color:#FFF;
	font-size:20px;
}



.project_images{

}
.project_images .column{
	float:left;
	padding-left:0.46875rem;
	padding-right:0.46875rem;
}

#project_image_cover{
	/*padding-left:0.46875rem;
	padding-right:0.46875rem;*/
	margin-bottom:0.9375rem;
}
#project_images_grid{
	position:relative;
}
#project_images_grid[data-columns]::before {
	content:'2 .column.size-1of2';
}
.size-1of1{
	width:100%;
}
.size-1of2{
	width:50%;
}
.size-1of3{
	width:33.333%;
}

#project_images_grid .project_image{
	margin-bottom:0.9375rem;
	/*margin-bottom:1.875rem;*/
}

.project_image img{
	min-width:100%;
}

/*@media only screen and (min-width:40.063em) { /* min-width 641px, medium screens */
@media only screen and (min-width:64.063em) { /* min-width 1025px, large screens */

	#project_images_grid[data-columns]::before {
		content:'3 .column.size-1of3';
	}

}





.project_card{
	width: 100%;
	margin-top: -150px;
	padding: 15px 0;
/*	background: rgba(var(--background-color-rgb), 0.95);*/
/*	backdrop-filter: blur(4px);*/
/*	border-radius: 6px;*/
/*	border: 1px solid rgba(255, 255, 255, 0.15);*/
	position: relative;
	z-index: 1;
}


.project_text{
	margin: 0 0 30px;
}
.project_text h5{
	clear:both;
	color:#8ca1b6;
    opacity:0.8;
}


.project_clients_container{
	display: flex;
	gap: 1rem;
	justify-content: center;
}
.project_clients{
	margin: 0 0 1rem;
	padding: 1rem 1rem 0;
/*	background: rgba(255, 255, 255, 0.05);*/
	border-radius: 9px;
	text-align: center;
}
.project_clients h5{
	text-transform: uppercase;
  letter-spacing: 0.025em;
  font-size: 12px;
  font-weight: 500;
  color: var(--accent-color);
  border-bottom: 1px solid rgba(255,255,255,0.1);
  padding-bottom: 0.5rem;
}

.project_client_block{}
.project_client{
/*	float: left;*/
	display: inline-block;
}
.project_client img{
	max-width: 120px;
/*	max-width: 150px;*/
	margin: 0;
}

.project_client{
	/*margin-bottom: 0.875rem;*/
}
.project_client a{
	display:block;
	height:100%;
	min-height:66px;
	text-align:center;
	/*background-color:rgba(205, 218, 229, 0.025);*/
	/*background-color:rgba(46, 61, 77, 0.025);*/
}
.project_client a:hover{
	/*background:#FFF*/
}
/*.project_client a img{
	margin:0 auto;
}*/
.project_client_block{
	border: none;
}
.project_client_block span{
	margin-right: 15px;
}

.client-logo{
	width:160px;
	background:url(/static/img/client-logo-shadow.png) bottom center no-repeat;
	border:none;
}
.client-logo img{
	position:absolute;
	top:50%; left:50%;
	margin-top:-40px; margin-left:-85px;
}
.client-popup{
	-moz-border-radius:1px 1px 1px 1px;
	-moz-box-shadow:0 1px 4px #111111;
	-webkit-border-radius:1px 1px 1px 1px;
	-webkit-box-shadow:0 1px 4px #111111;
	background:url("/static/img/tooltip-trans.png") repeat scroll 0 0 transparent;
	color:#EEEEEE;
	display:none;
	font-size:11px;
	padding:6px 18px 8px 10px;
	text-shadow:0 1px 0 #111111;
	/*width:180px;*/
	z-index:9999;
}
.client-popup span{
	border-bottom:1px solid #999999;
	clear:both;
	display:block;
	margin:2px 0 4px;
	padding-bottom:4px;
	font-weight:bold;
	color:#FFF;
}
.client-popup a{
	color:#EEE;
}
.client-popup a:hover{
	color:#FF002A;
}




span.no_logo{
	display:block;
	font-size: 0.725rem;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#869cb3;
	padding:12% 0;
}









.client_list{
	/*margin-top:0.9875rem;*/
	margin-top:1.875rem;
	margin-bottom:1.875rem;
}

.client a{
	display:inline-block;
	/*min-width:150px;*/
	margin:0 0 5px;
	color:#e1e6eb;
}
.client a:hover{
	color:#FFF;
}
.client.no_tipsy a:hover{
	color:#e1e6eb;
	cursor:default;
}

.client a span{
	color:#C63F33;
}
.client_logo{
/*	padding-bottom:10px;*/
/*	margin-bottom:10px;*/
/*	border-bottom:1px solid #DDD;*/
}








.food_client{
	margin-bottom:20px !important;
	padding-bottom:20px;
	border-bottom:1px dotted #4D6680;

	margin-left:0 !important;
	margin-right:0 !important;
}
.food_client ul{
	font-size:1em;
	margin-top:10px;
}
































/*
** ------------------ Cookie -----------------------
*/
.cookie_banner_wrap{
	position: fixed;
	left: 0;
	top: auto;
	right: 0;
	bottom: 0;
	z-index: 999;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	color: #fff;
}
.cookie_banner{
	z-index: 1000;
	position: absolute;
	bottom: 15px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 8px 9px 8px 24px;
	padding: 11px 0 12px 20px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 100px;
	background: #044566;
	background-color: rgba(4, 69, 102, 0.8);
	font-size: 13px;
}
.cookie_banner.bottom{
	/*width: 90%;	*/
	/*padding: 10px 0;*/
	top: auto;
	left: auto;
	bottom: 0;
	padding: 10px 0;
	/*background:rgba(26, 51, 64, 0.88);*/
	/*background: linear-gradient(-10deg, rgba(47,62,70,0.9) 0%, rgba(47,62,70,0.6) 100%);*/
	/*border: 1px solid rgba(255,255,255, 0.08);*/
	/*box-shadow: 0 5px 10px -5px rgba(10, 25, 30, 0.75);*/
}
.cookie_banner:hover{
	opacity: 1;
}
.cookie_banner p{
	/*font-size: 0.875rem;*/
	text-align: center;
	font-size: 13px;
	margin: 0;
	margin-right: 10px;
}
.cookie_banner a{
	margin: 0;
	white-space: nowrap;
	font-weight: normal;
	/*text-decoration: underline;*/
}
.cookie_button{
	margin-left: 2px;
	padding-left: 6px;
	background: none;
	border-left: 1px solid rgba(255,255,255,0.25);
	color: var(--accent-color) !important;
}
.button.cookie_button{
	margin-left: 5px;
	padding: 6px 15px;
	color: #FFF;
	font-weight: 600;
	text-decoration: none;
	background: var(--accent-color);
	border: none;
	border-radius: 100px;
	box-shadow: none;
}
.button.cookie_button:hover{
	/*color: #ff6619;*/
	background: #52cccc;
}
.cookie_banner p span{
	display:inline !important;
}

.cookie_banner.cookie--light{
	background: #F2F3F4;
	box-shadow: 0 1px 6px -2px #929394;
	color: #828688;
}
.cookie_banner.cookie--light .cookie_button{
	/*background: #000;*/
}

.cookie_banner.cookie--corner{
	bottom: 20px;
	/*left: -30px;*/
	/*padding-left: 45px;*/
}

.cookie a:not(.cookie_button) {
	color: inherit;
/*	border-bottom: 1px dotted;*/
/*	padding-bottom: 2px;*/
	transition: all .33s ease-out;
}
.cookie a:not(.cookie_button):hover{
	color: #C4CDD4;
}










/*
-------------------- Dashboard ----------------
*/
.dashboard_header{
	width:100%;
	height: 20px;
	float: left;
	position: fixed;
	top: 0;
	z-index: 999;
/*	background: #192431;*/
	/*border-bottom: 1px solid #525c66;*/
/*	color:#FFF;*/
	font-size: 12px;
	padding: 0 10px;
	opacity: 0.66;
	transition: all .2s ease-out;

	top: auto;
	bottom: 0;
	background: #192431;
}
.dashboard_header:hover, .dashboard_header:focus{
	opacity: 1;
	background: rgba(0, 0, 0, 0.75);
}
.dashboard_header a{
	display: inline-block;
	/*padding: 12px 15px;*/
	padding: 0 5px;
/*	color:#FFF;*/
	opacity: 0.75;
	transition: all .2s ease-out;
}
.dashboard_header a:hover, .dashboard_header a:focus{
	opacity: 1;
/*	color: var(--accent-color);*/
}


.preview{
	position: relative;
	/*opacity: 0.33;*/
	transition: all .2s ease-out;
	/*background: rgba(255,255,255,0.1);*/
	border: 1px dashed var(--accent-color);
}
.preview:hover{
	opacity: 1;
}
.preview_label{
	position: absolute;
	top: 0;
	left: 0;
	background: var(--accent-color);
	background: rgba(73, 187, 204, 0.33);
	color: #FFF;
	font-size: 11px;
	line-height: 1.2;
	padding: 5px 10px;
	border-bottom-right-radius: 3px;
}










/*--------------------------------------------------------------------------
--------------------------- Media Queries ----------------------------------
--------------------------------------------------------------------------*/



/*--------------------------- Small screens ---------------------------*/
@media only screen{

}
@media only screen and (max-width:40em) {
	/* max-width 640px, mobile-only styles, use when QAing mobile issues */

	body:not(.home) .section:not(.section--slides) .section__container{
		padding-top: 90px;
	}
	hr{
		margin: 1rem auto;
	}
	.row{
/*		max-width: 86vw;*/
	}
	.main{
		margin-top: 92px;
	}
	h1{
		font-size: 2rem;
	}
	h2{
		font-size: 1.75rem;
	}
	p.large{
		font-size: 1.25rem;
		line-height: 1.25;
	}
	.text-center-small{
		text-align: center;
	}
	.text-left-small{
		text-align: left;
	}

	.button.full--small{
		width: 100%;
	}

	.header_buffer{
		min-height: 125px;
	}
	.logo--header{
		max-width: 120px;
		margin: 0 0 0 15px;
		left: 0;
	}
	.offcanvas-full-screen .logo{
		margin-top: 25px;
		margin-bottom: 0;
	}
	.scrolling .logo--header{
		max-width: 110px;
/*		margin: 0 0 10px 25px;	*/
	}
	.logo img, .logo svg{
/*		margin: 0;*/
	}

	.header .top-header{
		display: none;
	}
	.top-header--mobile{
		display: inline-block;
		margin: 0px 32px 0 0;
	}
	.home.loaded .logo span{
		top: 32px;
		right: -50px;
	}
	.home.loaded .logo span{
		top: 32px;
		right: -50px;
	}

	#slider{
		height: 50vh;
	}
	#slider_home{
		height: 88vh;
	}
	.royalSlider .slide img{
		opacity: 0.5;
	}
	.visibleNearby .rsActiveSlide img{
		opacity: 1;
	}

	.hero--home h1{
		font-size: 1.85rem;
	}
	.hero--home p{
		font-size: 1rem;
	}
	.hero--home .hero_text{
		width: 85%;
		bottom: 30%;
		margin: 0 30px;
	}
	.hero--home .hero_scroll{
		bottom: 30px;
		left: 30px;
		margin: 0;
	}
	.hero--home .hero_scroll .goto{
		margin: -16px  0 0 12px;
	}
	.home .hero-links{
		/*display: inline-block;*/
	}
	.home .hero-link{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		padding: 8px 30px 6px 12px;
	}
	.royalSlider p{
/*		display: none;*/
	}
	.hero_text h1{
		font-size: 2.5rem;
	}
	.hero h1.large{
		font-size: 5rem;
		font-size: 4rem;
	}
	.rsControls{
		bottom: 25vh;
	}
	.royalSlider .rsBullets{
		width: 90%;
		max-width: inherit;
	}
	.hero_link{
		max-width: 64vw;
		/*width: 83%;*/
		/*bottom: 20px;*/
	}
	.hero_link span{
		margin: 10px 40px 10px 15px;
		/*margin-right: 45px;*/
		font-size: 0.875rem;
	}
	.hero_link span.note{
		display: none;
	}
	.hero_link i{
		top: 16px;
		top: 32%;
		right: 0;
		font-size: 1.1rem;
	}
	.visibleNearby .rsGCaption{
		max-width: 64%;
		max-width: 86%;
		font-size: 11px;
		line-height: 1.75rem;
	}
	.royalSlider .rsArrowIcn i{
		display: none;
	}
	
	.page__header p{
		font-size: 1.5em;
	}

	.block > .projects{
		padding: 0 12px;
	}
	.row.projects_grouped .column .column{
		padding-left: 0;
		padding-right: 0;
	}


	.map--page{
		height: 33vh;
	}
	.map_listing{
		display: none;
	}
	#mapbox .mapboxgl-ctrl-top-right, 
	#mapbox .mapboxgl-ctrl-bottom-left{
		/*bottom: 90px;*/
		bottom: 50px;
	}
	#mapbox .mapboxgl-ctrl-top-right .mapboxgl-ctrl{
		margin-bottom: 30px;
	}
	#mapbox .mapboxgl-ctrl-bottom-right{
		display: none;
	}

	.team_image{
		margin-bottom: 1rem;
	}

	figure{
		margin: 0 0 1rem;
	}

	.footer__logos{
		margin: 0 0 1.5rem;
	}

	#hero .rsText{
		top: 36%;
	}
	#hero .rsBullets{
		bottom: 120px;
	}

	.client_logos{
/*		padding-left: 0;*/
/*		padding-right: 0;*/
	}
	.client_logo{
/*		width: 33%;*/
/*		margin: 15px 0;*/
	}
	.flickity-prev-next-button{
		display: none;
	}

	.footer > .container > .row > .column{
		margin: 0;
	}


	.hero_accordion{
		display: none;
	}
	.project_clients_container{
		flex-wrap: wrap;
	}
	.project_clients{
		margin: 0;
	}
	.project_clients:last-child{
		margin-bottom: 1rem;
	}

	.hero{
		max-height: 90vh;
	}
	.hero_text{
		bottom: 0%;
	}
	.hero_project_nav{
		display: none;
	}
	#slider-gallery{
		max-height: 100vh;
		max-height: 55vh;
	}
	.project_card .project_info, 
	.project_card .project_tags	{
		display: none;
	}



}




/*
** --------------------- Medium Screen ----------------------
*/
@media only screen and (min-width:40em) {
	/* Medium Screens, min-width 641px*/

	.offcanvas-toggle button{
		margin: 36px 15px 50px;
	}
	.scrolling .offcanvas-toggle button{
		margin: 36px 15px 25px;
	}
	.offcanvas-full-screen-close{
		padding: 26px;
	}
	.row{
		/*max-width: 720px;*/
	}
	.container{
		max-width:90%;
	}
	.block{
		padding-left: 40px;
		padding-right: 40px;
	}

	.medium-text-right{
		text-align:right;
	}

	ul.page_children li{
		width: 48%;
		margin: 0 2% 2% 0;
		float: left;
	}
	ul.page_children a{
		/*min-height: 300px;*/
		font-size: 1.15rem;
	}

	.royalSlider .container, 
	.rsNav{
		/*width: 75%;*/
	}

	.hero{
/*		text-align: center;*/
	}
	.hero--home{
/*		min-height: 80vh;*/
		min-height: 90vh;
		/*max-height: 50vh;*/
	}
	.hero--page{
		/*min-height: 50vh;*/
		/*max-height: 50vh;*/
	}
	.home .hero--page{
		min-height: 60vh;
	}
	.hero-title--home{
		font-size: 3em;
	}
	.hero--home .hero_text{
/*		left: 4%;*/
	}
	.hero_text{
/*		top: 44%;*/
	}
	.hero_text h1{
/*		font-size: 50px;*/
/*		line-height: 1;*/
	}

	.hero_text--left{
		/*padding: 0 60px;*/
	}

	.slide_exode{
		max-width: 50vw;
		max-width: 420px;
		margin: 0 auto;
		margin-bottom: 1rem;
	}	

	.content__text{
		/*max-width: 90%;*/
	}
	.content__text{
		max-width: 80%;
	}
	.content__text--full{
		max-width: 100%
	}
	.home .hero .content__text{
		/*padding-top: 20vh;*/
	}
	
	.hero-links{
		margin: 15vh auto 5vh;
		margin: 0 auto;
	}
	.home .hero-links{
		margin: 5vh auto;
	}
	.hero-link{
		margin-bottom: 0.75rem;
		/*padding: 15px 20px;*/
		/*padding: 15px 35px 15px 15px;*/
	}

	.hero_logo{
		height: 100px;
	}

	.logo--header{
/*		max-width: 180px;*/
/*		margin-left: -90px;*/
	}
	.logo--hero{
		/*width: 500px;*/
		max-width: 100%;
		bottom: -2px;
		right: 0;
	}

	.project{
/*		margin: 0 0.5rem 1rem;*/
		margin: 0 0 1.5rem;
	}
	.projects_grouped .project{
		margin: 0 0 1rem;
	}

	.map{
		/*height: 85vh;*/
		/*padding-top: 10vh;*/
		/*padding-top: 120px;*/
	}
	.map--page{
		height: 66vh;
	}
	
	.testimonials--orange .testimonial__quote{
		font-size: 1.5rem;
	}
	.testimonials--orange .quote{
		font-size: 1.75rem;	
	}

	.team_columns{
		height: 50vh;
		-webkit-columns: 2 200px;
		-moz-columns: 2 200px;
		columns: 2 200px;
		-webkit-column-gap: 4em;
		-moz-column-gap: 4em;
		column-gap: 4em;
	}
	.team{
		/*width: 90%;*/
		/*max-width: 400px;*/
		margin: 0 auto;
	}

	.slick-slider{
/*		width: 90%;*/
	}
	.slick-slide{
/*		padding:0 5vw;*/
	}


	.client_logos{

	}
	.client_logo{
		margin: 0px 30px;
	}

	.mixitup_container{
		grid-template-columns: 1fr 1fr;
		column-gap: 30px;
		row-gap: 15px;
	}


	.footer__logos ul{
		/*text-align: left;*/
	}
	.footer__logos img{
		width: 80px;
	}

	
	.cookie_banner.bottom.middle{
		width: 60%;
	}

	.masthead .row{
/*		max-width: 64%;*/
	}

	.block_image_aspect_aspect{
  	padding-top: 52.6% !important;
	}
	.block_image_text{
		top: 52.6%;
	}

	.value{
/*		min-height: 400px;*/
	}

	.process_flow{
		width: 90%;
	}

	.gallery-thumbs{
		width: 66vw;
		/*width: 360px;*/
		margin: 0 auto;
	}

	
}
/*
** ------------------- Medium Only -----------------------
*/
@media only screen and (min-width:40em) and (max-width:62.9375em) {

	#fp-nav{
		display: none;
	}
	.map_listing{
		display: none;
	}

}




/*
** ------------------- Large Up -----------------------
*/
@media only screen and (min-width:63em){
/* Large Screens, min-width 1025px */

	.header_buffer{
		height: 150px;
		min-height: 150px;
	}
	.logo--header{
/*		max-width: 200px;*/
/*		margin-left: -100px;*/
	}

	/*nav#main-nav ul li{
		padding: 0 15px;
	}*/

	.page{
		margin: 0;
	}

	.row{
		/*max-width: 720px;*/
/*		max-width: 75vw;*/
		max-width: 1080px;
	}
	.container, 
	.rsNav{
		/*max-width:90%;*/
/*		max-width: 960px;*/
		max-width: 1040px;

	}


	.block{
		/*padding-top: 60px;*/
		padding-left: 60px;
		padding-right: 60px;
		/*padding-bottom: 60px;*/
	}

	ul.page_children a{
		/*min-height: 400px;*/
		font-size: 1.25rem;
	}

	.hero--home{
		min-height: 100vh;
		min-height: 90vh;
		/*max-height: 64vh;*/
	}
	.hero--page{
		/*min-height: 70vh;*/
		/*max-height: 60vh;*/
	}
	.home .hero--page{
		min-height: 70vh;
	}
	.hero_text{
/*		top: 48%;*/
	}
	.hero--home .hero_text{
/*		width: 720px;*/
	}
	.hero_text h1{
		/*font-size: 60px;*/
	}

	.content__text{
		max-width: 1000px;
		/*max-width: 66%;*/
	}
	.content__text--full{
		max-width: 100%
	}
	.home .hero .content__text{
		/*padding-top: 25vh;*/
		max-width: 66%;
		max-width: 75%;
		max-width: 100%;
		margin: 0 auto;
	}

	.slide_exode{
		max-width: 33vw;
		max-width: 480px;
	}	

	.hero-links.map-gallery .hero-link h4{
		margin: 20px;
		font-size: 30px;
	}
	.hero-links.map-gallery .hero-link em{
		width: 48px;
		max-width: 48px;
		margin: 10px;
	}
	.hero-links.map-gallery .hero-link figure,
	.hero-links.map-gallery .hero-link i{
		width: 48px;
		max-width: 48px;
		/*margin: 10px;*/
	}

	
	#hero .quotation{
		font-size: 6rem;
	}
	#hero .quotation.quotation--small{
		font-size: 3rem;
	}

	/* ul.columns-two{
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
	}
	ul.columns-three{
		columns: 3;
		-webkit-columns: 3;
		-moz-columns: 3;
	} */
	.project{
/*		margin: 0 0.5rem 1.5rem;*/
	}
	.projects_grouped .project{
		margin: 0 0 1.5rem;
	}

	ul.columns-two{
		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
		-webkit-column-gap: 60px;
		-moz-column-gap: 60px;
		column-gap: 60px;
	}
	ul.columns-three{
		-webkit-columns: 3;
		-moz-columns: 3;
		columns: 3;
		-webkit-column-gap: 60px;
		-moz-column-gap: 60px;
		column-gap: 60px;
	}
	ul.columns-two li,
	ul.columns-three li{
		width: 100%;
		display: inline-block;
	}


	.mixitup_container{
		grid-template-columns: 1fr 1fr 1fr;
		column-gap: 30px;
		row-gap: 15px;
	}
	.mixitup_container.technology,
	.mixitup_container.acquisitions{
		grid-template-columns: 1fr 1fr;
		width: 75%;
		margin: 0 auto;
	}


	.reveal.large{
		width: 75%;
	}

	.map{
		/*height: 90vh;*/
		/*padding-top: 10vh;*/
	}
	.map--page{
		height: 50vh;
	}

	.slick-slider{
/*		width: 80%;*/
	}
	.slick .slick-slide{
/*		padding:0 10vw;*/
	}

	.testimonials--orange .testimonial__quote{
		/*font-size: 1.75rem;*/
	}


	.pswp__caption small{
		float: right;
	}


	.map{

	}
	.map_contact{
		position: absolute;
		width: 320px;
		top: -60px;
		left: 15px;
		left: 5%;
	}
	.map_contact .button--directions{
		position: absolute;
		bottom: -30px;
		right: -15px;
	}

	
	.footer__logos ul{
		/*text-align: right;*/
	}

	.pswp__thumbs{
		display: inline-block;
	}


	.swiper-slide img {
/*		width: 100%;*/
/*		max-width: 200px;*/
	}


	.large-align-right{
		text-align: right;
	}
	.large-align-left{
		text-align: left;
	}


	.block_image_aspect{
  	padding-top: 42.8% !important;
	}
	.block_image_text{
/*		top: 75%;*/
/*		top: 90%;*/
	}

	.values{
/*		margin: 0 3rem;*/
	}
	.value{
		margin: 0 0 3rem;
	}

	.process_flow{
/*		width: 100%;*/
	}


	.projects_magellan .top-bar-right ul.menu{
		padding: 0 30px;
	}

}





/*
** ------------------- XLarge Up -----------------------
*/
@media only screen and (min-width:90em) {
/* min-width 1441px, xlarge screens */

#fp-nav{
	/*display: none;*/
	display: block;
}

.cookie_banner.bottom{
	/*width:25%;*/
}

.container, 
.rsNav{
	max-width: 1000px;
	max-width: 1080px;
}
.row{
	/*max-width: 1000px;*/
}

.header{
	padding: 0 30px;
}
.logo--header{
	/*top: 40px;*/
	/*left: 40px;*/
	/*max-width: 200px;*/
}

.main-nav li{
	min-width: 180px;
}
.submenu,
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
	/*min-width: 180px;*/
/*	left: 0;*/
/*	left: -15px;*/
	/*padding-top: 100px;*/
}

.main-nav > li > a{
	/*padding-top: 45px;*/
}
.header .social{
	top: 25px;
	right: 40px;
}


.hero-links{
	margin: 5vh auto 0;
}
.hero-link{
	min-width: 240px;
}
h1.large{
	font-size: 8rem;
}

.slick .slick-slide{
/*	padding:0 5vw;*/
}


.tel_hide{
	white-space: nowrap;
	display: none;
}
.tel_show{
	white-space: nowrap;
	display: inline-block;
}


}
/*
** ------------------- XLarge Only -----------------------
*/
@media only screen and (min-width:90em) and (max-width:120em) {
/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

.royalSlider .container{

}	

}





/*
** -------------------- XXLarge up ----------------------
*/
@media only screen and (min-width:120em) {
/* min-width 1921px, xxlarge screens */



}