/*
	Theme Name: Hill Robinson adapted for Moravia Yachting
	Description: Custom theme for Hill Robinson adapted for Moravia Yachting
	Version: 1.1
	Author: Direction Forward (@direction4ward)
	Author URI: https://directionforward.com
*/

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

/* global variables */
:root {
	--headerheight: 160px;
}


/* global box-sizing */

*, *:after, *:before {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	font-smooth: antialiased;
	text-rendering: optimizeLegibility;
}

/* html element 62.5% font-size for REM use */

html {
	font-size: 62.5%;
	overscroll-behavior: none;
}

body {
	font-size: 18px;
	font-family: 'Graphik-Regular', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.5em;
	color: var(--black);
	overscroll-behavior: none;
}

/* debug */
* {
	/*outline: 1px solid rgb(255, 44, 216);*/
}
pre {
	margin: 0;
}
.hidden {
	visibility: hidden !important;
}


/* clear */

.clear:before, .clear:after {
	content: ' ';
	display: table;
}

.clear:after {
	clear: both;
}

.clear {
	zoom: 1;
}

img {
	max-width: 100%;
	vertical-align: bottom;
}

a {
	color: inherit;
	text-decoration: none;
}

a:hover {
	color: inherit;
}

a:focus {
	outline: 0;
}

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


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

/* wrapper */

.wrapper {
	max-width: 1632px;
	width: 95%;
	height: 100%;
	margin: 0 auto 0 auto;
	position: relative;
	/*padding: 10em 0 10em 0;*/
}
article section:not(.gridsystem):not(.cta),
article section.gridpadding {
	padding: 5em 0 5em 0;
}
body.category article section:not(.gridsystem):first-of-type {
	margin-top: 3.3333333333%;
}

body.page-template-template-pardot section.post .wrapper,
body.page-template-template-basic section.post .wrapper,
body.page-template-template-demo section.post .wrapper,
body.single section.post .wrapper {
	/*padding: 0 0 10em 0;*/
	max-width: 1218px;
}

/* header */

.header {
	position: fixed;
	left: 0;
	width: 100%;
	color: white;
	z-index: 100;
	top: 0;
    width: 100%;
	height: var(--headerheight);
	background-color: var(--white);
	/*transition: all 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);*/
	transition: height 250ms linear;
}
.header.sticky {
	position: fixed;
}
.header.collapse,
.sub-menu-holder.collapse {
	height: 0;
}
.header.notransition {
	transition: none;
}

.forcefullwidth {
	width: 100%;
}

.header-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* mobile menu */
.menu-toggle {
	background-color: var(--darkblue);
	font-family: 'Graphik-Regular';
	font-style: normal;
	font-weight: 400;
	writing-mode: vertical-lr;
	transform: rotate(180deg) translatey(50%);
	position: absolute;
	right: 0;
	top: 50%;
	width: 50px;
	height: 150px;
	vertical-align: middle;
	text-align: center;
	line-height: 50px;
	z-index: 100;
	display: none;
}
.menu-overlay {
	position: fixed;
	width: 100%;
	height: calc(100% - var(--headerheight));
	z-index: 100;
	background-color: var(--darkblue);
	display: none;
}





/* logo */

.logo {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
.logo img,
.logo svg {
	max-width: 208px;
	vertical-align: middle;
    height: 100%;
	width: 100%;
}
.logo a {
	height: 100%;
	border: none !important;
}
.logo-img {
	width: 100%;
	height: auto;
}

/* nav */

.nav-holder {

}
.nav {
	font-family: 'Graphik-Regular';
	font-style: normal;
	font-weight: 400;
    font-size: 1.075em;
    line-height: 1.3em;
	height: 100%;
}
.nav-inner {
    height: 100%;
}
.nav-content {
    height: 100%;
}
.nav ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 0 0 auto;
	padding: 0 0 0 0;
	list-style: none;
	height: 100%;
}
.nav ul li {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	height: 100%;
	padding: 0 1em 0 1em;
}
.nav .sub-menu-basic ul li {
	padding: 0 0 0 0;
}
.nav ul li.menuhome {
	background-image: url('../svg/logo-flag.svg');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 24px auto;
}
.nav ul li.menuhome a {
	opacity: 0;
}
.nav ul li.menuhome a:hover {
	opacity: 0;
}
.nav a {
	color: var(--black);
	transition: all 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
	font-family: 'Graphik-Regular';
	font-style: normal;
	font-weight: 400;
	font-size: 0.8em;
	padding: 0 1px 0 1px;
}
.nav li.current_page_item > a,
.nav li.current_page_ancestor > a,
.nav li.current_page_parent > a {
	font-family: 'Graphik-Medium';
	font-style: normal;
	font-weight: 500;
}
.sub-menu-basic {

}
.sub-menu-basic .sub-menu {
	left: unset !important;
}
.nav .sub-menu-basic .sub-menu a,
.nav .sub-menu-basic .sub-menu a:hover {
	font-family: 'Graphik-Regular';
	font-weight: normal;
	padding-left: 1em;
	position: relative;
}
.nav .sub-menu-basic .sub-menu a::before {
	content: "\2014";
	position: absolute;
	left: 0;
}



.sub-menu-holder {
	position: fixed;
	left: 0;
	width: 100%;
	background-color: var(--darkblue);
	top: var(--headerheight);
	box-shadow: 0 5px 6px rgba(0, 0, 0, 0.20);
	display: none;
	height: auto;
	/*transition: height 250ms linear;*/
	overflow: hidden;
}
.sub-menu-inner {
	display: flex;
	justify-content: start;
    flex-wrap: nowrap;
	align-items: stretch;
	padding: 2.5% 0 2.5% 0;
	height: 100%;
}
.sub-menu-title-holder {
	display: flex;
	flex-wrap: wrap;
    align-items: start;
	justify-content: space-between;
}
.sub-menu-title-holder > div {
	align-self: end;
}
.sub-menu-title {
	font-family: 'Graphik-Regular';
	font-style: normal;
	font-weight: 400;
    font-size: 1.666em;
    line-height: 1.1em;
	flex-basis: 100%;
}
.sub-menu-menu-holder {
	position: relative;
}
.nav ul.sub-menu {
	position: relative;
	width: 100%;
	display: block;
}
.nav ul.sub-menu li {
	height: auto;
	align-items: start;
	display: block;
}
ul.menu .menu-item a {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}
ul.menu .menu-item a::after {
	opacity: 0;
	overflow: hidden;
	user-select: none;
	pointer-events: none;
	font-family: 'Graphik-Medium';
	font-style: normal;
	font-weight: 500;
	position: absolute;
	color: var(--oldblue);
	transition: opacity 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.footer ul.menu .menu-item a::after {
	opacity: unset;
    transition: background-color 200ms linear;
}
ul.menu .menu-item a:hover {
	color: var(--white);
}
ul.menu .menu-item a:hover::after {
	opacity: 1;
}
ul.menu .sub-menu .menu-item a:hover::after {
	opacity: 0;
}
.nav .sub-menu a {
	font-family: 'Graphik-Semibold';
	font-style: normal;
	font-weight: 600;
	color: var(--white);
	padding: 0 0 0.5em 0;
}
/*
.nav .sub-menu li.current_page_item > a
.nav .sub-menu a:hover
*/



.nav-socials {
	max-width: 170px;
}
.nav-socials-holder {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
    column-gap: 1em;
}
.nav-socials a {
	flex: 1;
	text-align: center;
	opacity: 0.8;
    transition: opacity 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	align-items: start !important;
}
.nav-socials a::after {
	content: none !important;
}
.nav-socials a:hover {
	opacity: 1;
}
.nav-socials img {
	max-width: 25px;
	max-height: 25px;
	vertical-align: middle;
	width: 100%;
	height: auto;
}
.nav-holder > .nav-socials {
	display: none;
}


/* sidebar */


/* footer */

.footer {
	background-color: #ffffff;
	padding: 5% 10% 2.5% 10%;
	color: #383838;
	font-size: 16px;
}

.footer a {
	transition: color 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.footer ul.menu .menu-item a:hover,
.footer a:hover {
	color: #000000;
}

.footer-inner {
	display: flex;
	flex-wrap: nowrap;
}
.footer-base {
	color: #848484;
	font-size: 14px;
	margin: 2.5% 0 0 0;
	display: flex;
	flex-wrap: nowrap;
	column-gap: 2em;
}
.footer-base p {
	line-height: 1.25em;
}
.footer-base a {
	text-decoration: underline;
	white-space: nowrap;
}
.footer-base a:hover {
	color: #383838;
}


.footer-logo {
	flex: 1.2;
}
.footer-logo .logo-img {
	min-width: 140px;
	max-width: 180px;
}

.footer-socials {
	margin: 0 0 0 0;
}

.footer-socials a {
	display: block;
	margin-bottom: 2em;
}
.footer-socials a:last-of-type {
	margin-bottom: 0;
}
.footer-socials a img {
	max-width: 32px;
	vertical-align: middle;
	max-height: 32px;
	opacity: 0.78;
	transition: opacity 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.footer-socials a:hover img {
	opacity: 1;
}

.footer-spacer {
	flex: 0;
	padding-right: 2em;
}

.footer-links {
	flex: 1;
	padding-right: 2em;
}

.footer-follow {
	flex: 0.333;
	padding-right: 2em;
}

.footer-offices {
	flex: 2;
	padding-right: 2em;
}
.footer-offices > ul {
	column-count: 2;
	column-gap: 2em;
}
.footer-offices-group {
	line-height: 1.333em;
	font-size: 15px;
	flex-wrap: nowrap;
	display: flex;
	column-gap: 3em;
}
.footer-offices-group > div {
	margin-bottom: 2em;
}
.footer-offices-group img {
	max-height: 40px;
	margin-bottom: 2em;
}
.footer .footer-offices-group strong {
	font-family: 'Graphik-Medium';
	font-weight: normal;
}
.footer .footer-offices-group a {
	text-decoration: underline;
}

.footer-legal {
	flex: 1;
	min-width: 125px;
}

.footer-legal p {
	font-size: 0.85em;
	line-height: 1.33em;
}

.footer ul {
	list-style: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	white-space: nowrap;
}
.footer ul li {
	line-height: 1.5em;
	width: 100%;
}
.footer ul li a {
	position: relative;
	display: block !important;
	width: 100%;
	padding: calc(0.2em + 1px) 0 calc(0.2em - 1px) 0;
	border-bottom: 1px solid var(--oldblue);
}
.footer ul li a::after {
    height: 1px;
    width: 100%;
	left: 0;
    bottom: -2px;
    position: absolute;
    background-color: transparent;
}
.footer ul li a:hover::after {
	background-color: var(--primaryblue);
}

.footer-line {
	border: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.footer-top {
	height: 4px;
	background-color: var(--lightblue);
	border-bottom: 5px white solid;
}

.footer-middle {
	height: 13px;
	background-color: var(--darkblue);
}

.footer-bottom {
	height: 4px;
	background-color: var(--gold);
	border-top: 5px white solid;
}

.back-to-top {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 70;
	background-color: var(--deeperblue);
	width: 50px;
	height: 50px;
	text-align: center;
	padding: 15px 20px;
	display: none;
}

.back-to-top img {
	vertical-align: middle;
}

/*------------------------------------*\
    SECTIONS
\*------------------------------------*/

section {
	position: relative;
	font-family: 'Graphik-Regular';
	font-style: normal;
	font-weight: 400;
}

.section-intro {
	flex-basis: var(--twothirds);
}

.section-spacer,
.section-aside,
.section-content,
.section-list {
	max-width: 795px;
	margin: 0 auto 0 auto;
}
.section-images.yachtdetails,
.section-content.yachtdetails {
	max-width: 1214px;
}
.section-images.yachtdetails .section-image,
.section-content.yachtdetails .section-image {
	width: 100%;
}
img.yatco-about-image,
.section-images.yachtdetails img,
.section-content.yachtdetails img {
	width: 100%;
	height: auto;
}

img.yatco-about-image {
	border-radius: 8px;
	overflow: hidden;
	display: block;
}

.section-content p {
	line-height: 1.75em;
	letter-spacing: -0.015em;
}

.section-content ol,
.single-content ol,
.section-content ul,
.single-content ul {
	padding: 0 0 0 1.25em;
	margin: 0 0 1em 0;
}

section.contactform {
	text-align: center;
}
.form-instructions a {
    border-bottom: 1px solid;
	font-family: 'Graphik-Medium';
    font-weight: normal;
}
.overlay-forms h2.form-instructions,
section.contactform h2 {
	max-width: 875px;
	margin-left: auto;
	margin-right: auto;
}
.section-form {
	margin: 5em auto 5em auto;
	text-align: left;
	max-width: 875px;
	padding: 2.5%;
	border-radius: 8px;
}
section.contactform.primaryblue {
	background-color: var(--primaryblue);
	color: var(--white);
	transition: background-color 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
section.contactform.primaryblue .section-form {
	background-color: var(--darkblue);
	color: var(--white);
}
section.contactform.primaryblue .section-form .gfield.consent {
	color: #d87f90;
}
section.contactform.primaryblue input:focus,
section.contactform.primaryblue textarea:focus,
section.contactform.primaryblue select:focus {
	border: var(--lightblue) 1px solid;
}
section.contactform.primaryblue button[type="submit"],
section.contactform.primaryblue input[type="submit"] {
	border: none !important;
	background-color: var(--primaryblue);
}
section.contactform.primaryblue button[type="submit"]:hover,
section.contactform.primaryblue input[type="submit"]:hover {
	background-color: #9b0b28;
}


.overlay-forms-holder,
section.contactform.darkblue {
	background-color: var(--darkblue);
	color: var(--white);
}
.overlay-forms-holder .section-form,
section.contactform.darkblue .section-form {
	background-color: var(--primaryblue);
	color: var(--white);
}
.overlay-forms-holder .section-form .gfield.consent,
section.contactform.darkblue .section-form .gfield.consent,
section.contactform.darkblue .section-form .gform_fileupload_rules {
	color: #d87f90;
}
.overlay-forms-holder input:focus,
.overlay-forms-holder textarea:focus,
.overlay-forms-holder select:focus,
section.contactform.darkblue input:focus,
section.contactform.darkblue .gform_button_select_files:focus,
section.contactform.darkblue textarea:focus,
section.contactform.darkblue select:focus {
	border: var(--darkblue) 1px solid;
}
.overlay-forms-holder button[type="submit"],
.overlay-forms-holder input[type="submit"],
section.contactform.darkblue button[type="submit"],
section.contactform.darkblue input[type="submit"] {
	border: none !important;
	background-color: var(--darkblue);
}
.overlay-forms-holder button[type="submit"]:hover,
.overlay-forms-holder input[type="submit"]:hover,
section.contactform.darkblue button[type="submit"]:hover,
section.contactform.darkblue input[type="submit"]:hover {
	background-color: #600004;
}





/*copy links*/
section:not(.hero) p a {
	border-bottom: 1px solid;
	transition: border 100ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	font-family: 'Graphik-Medium';
	font-weight: normal;
}
section:not(.hero) p a:hover {

}


/*shortcode buttons*/
a.button {
	display: inline-block;
	border-radius: 8px;
	font-family: 'Graphik-Medium';
	font-weight: 500;
	text-align: center;
	width: auto;
	border: none;
	margin: 1em auto 1em auto;
	padding: 1.2em;
	min-width: 220px;
	color: white;
	transition: background-color 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
a.button.team-vcard {
	background-color: var(--white);
	color: var(--primaryblue);
}
a.button.team-vcard:hover {
	background-color: var(--lightgrey);
}
.darkwhite a.button {
	background-color: var(--primaryblue);
}
.darkwhite a.button:hover {
	background-color: #9b0b28;
}
.lightblue a.button {
	background-color: var(--primaryblue);
}
.lightblue a.button:hover {
	background-color: var(--darkblue);
}
.goldlight a.button {
	background-color: var(--textblue);
}
.goldlight a.button:hover {
	background-color: #0f1e3d;
}
.lightgrey a.button {
	background-color: var(--primaryblue);
}
.lightgrey a.button:hover {
	background-color: var(--darkblue);
}
.allwhite a.button {
	background-color: var(--primaryblue);
}
.allwhite a.button:hover {
	background-color: var(--darkblue);
}


/*------------------------------------*\
	CONSENT MANAGER
\*------------------------------------*/

#consent-banner {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: var(--primaryblue);
	color: var(--white);
    padding: 1.2em 0 1.2em 0;
	z-index: 9999;
	box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.2);
}
#consent-banner-holder {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	column-gap: 2em;
	row-gap: 1em;
}
#consent-banner-holder div {

}
#consent-banner-content {
	max-width: 700px;
}
#consent-banner-holder a {
	text-decoration: underline;
}
#consent-banner-buttons {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	column-gap: 1em;
}
#consent-banner-buttons button {
	display: inline-block;
	border-radius: 8px;
	text-align: center;
	font-size: inherit;
	width: auto;
	padding: 1.2em;
	transition: background-color 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19), border-color 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19), color 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
#consent-banner-buttons #accept-cookies {
	font-family: 'Graphik-Medium';
	font-weight: 500;
	border: 0.1rem solid var(--darkblue);
	color: white;
	background-color: var(--darkblue);
	min-width: 160px;
}
#consent-banner-buttons #accept-cookies:hover {
	background-color: #600004;
}
#consent-banner-buttons #reject-cookies {
	font-family: 'Graphik-Regular';
	font-weight: 400;
	border: 0.1rem solid var(--white);
	color: var(--white);
	background-color: transparent;
	min-width: 120px;
}
#consent-banner-buttons #reject-cookies:hover {
	background-color: rgba(255,255,255,0.1);
}
#consent-inline-buttons {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	column-gap: 1em;
	margin-bottom: 2em;
}
#consent-inline-buttons button {
	display: inline-block;
	border-radius: 8px;
	text-align: center;
	font-size: inherit;
	width: auto;
	padding: 1.2em;
	transition: background-color 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19), border-color 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19), color 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
#consent-inline-buttons #accept-cookies-inline {
	font-family: 'Graphik-Medium';
	font-weight: 500;
	border: 0.1rem solid var(--primaryblue);
	color: white;
	background-color: var(--primaryblue);
	min-width: 150px;
}
#consent-inline-buttons #accept-cookies-inline:hover {
	background-color: #9b0b28;
}
#consent-inline-buttons #reject-cookies-inline {
	font-family: 'Graphik-Regular';
	font-weight: 400;
	border: 0.1rem solid var(--darkblue);
	color: var(--white);
	background-color: var(--darkblue);
	min-width: 150px;
}
#consent-inline-buttons #reject-cookies-inline:hover {
	background-color: #600004;
}



/*------------------------------------*\
	SPLASH OVERLAY
\*------------------------------------*/
.splash-overlay {
	position: fixed;
	width: 100vw;
	height: 100vh;
	z-index: 999;
	top: 0;
	left: 0;
	background-color: #000000;
	color: white;
	display: none;
	overflow-y: scroll;
}
.splash-overlay-inner {
	position: relative;
	font-family: 'Graphik-Regular';
	font-weight: normal;
	width: 100%;
	height: auto;
	min-height: 100vh;
}
.splash-overlay-close {
	min-width: 132px;
	min-height: 43px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,0);
	background-color: #898888;
	color: white;
	text-transform: uppercase;
    font-family: 'Graphik-Medium';
	font-weight: normal;
	display: table;
	text-align: center;
}
.splash-overlay-close span {
	display: table-cell;
	vertical-align: middle;
}
.splash-overlay-holder {
	display: flex;
	width: 100%;
    height: 100%;
	margin: 0 auto 0 auto;
	min-height: 100vh;
}
.splash-overlay-image {
	flex: 7;
	position: relative;
	display: flex;
	align-items: flex-end;
}
.splash-overlay-image img {
	width: 100%;
	height: auto;
}
.splash-overlay-image small {
	position: absolute;
	bottom: 1em;
	left: 1em;
	opacity: 0.5;
}
.splash-overlay-spacer {
	flex: 0.5;
}
.splash-overlay-content {
	flex: 4;
	position: relative;
	display: flex;
	align-content: center;
	flex-wrap: wrap;
	padding: calc(43px + 3em) 0 calc(43px + 3em) 0;
}
.splash-overlay-content p {
	flex-basis: 100%;
	text-align: center;
	font-size: 1.125em;
	line-height: 1.333em;
}

.splash-overlay p.title {
	/*font-family: 'Signifier-Light';*/
	font-style: normal;
    font-size: 2.888em;
	margin: 0 0 0.25em 0;
}
.splash-overlay p.subtitle {
	/*font-family: 'Signifier-Regular';*/
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	font-size: 1em;
	margin: 0 0 3em 0;
}
.splash-overlay p.date {
	font-family: 'Graphik-Light';
	font-style: normal;
	font-size: 1.25em;
}
.splash-overlay p.copy {
	margin: 3em 0 0 0;
}

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

.privacy-table {
	margin: 1em 0 1em 0;
	padding: 0 0 0 0;
	border: none;
	border-collapse: collapse;
}
.privacy-table th,
.privacy-table td {
	vertical-align: top;
	text-align: left;
}
.privacy-table th {
    font-family: 'Graphik-Medium';
    font-style: normal;
    font-weight: 500;
	padding-bottom: 1em;
}
.privacy-table ul,
.privacy-table ol {
	margin: 0 0 1em 0;
	padding: 0 0 0 1em;
}
.privacy-table td:not(.spacer) {
    min-width: 10em;
	border: 1px solid var(--apimidgrey);
    border-collapse: collapse;
    padding: 0.5em;
    vertical-align: top;
}

.hero {
	height: calc(100dvh - 10dvh - var(--headerheight));
	margin-top: var(--headerheight);
	top: 0;
}

.hero-single {
	margin-top: var(--headerheight);
}
.hero-single .hero-content-holder {
	height: 100%;
}
.hero-single .hero-media {
	background-size: 0;
}

.hero-container {
	position: relative;
	height: 100%;
	border-radius: 8px;
	overflow: hidden;
}
body.error404 .hero-container {
	height: unset;
}
.hero-media.backgrounds-center {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.hero-media-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	position: relative;
}
.hero-media-overlay {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
    left: 0;
	background: linear-gradient(158.8deg, rgba(123, 0, 5, 0.1) 10%, rgba(123, 0, 5, 0) 40%);
	background: linear-gradient(158.8deg, rgba(0, 0, 0, 0.3) 10%, rgba(0, 0, 0, 0) 40%);
}
.hero-yatco {
	background-color: var(--apimidgrey);
}
.hero-content {
	position: relative;
	z-index: 1;
}


img.with-badge {
	max-width: 105px;
	height: auto;
	margin: 5vw;
}


.hero-content-table {
	display: table;
	height: 100%;
	width: 100%;
}

.hero-content-inner {
	display: table-cell;
	/*vertical-align: middle;*/
	vertical-align: top;
}

.hero-content-holder {
	padding: 5%;
	margin: 0 auto 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	/*flex-direction: column;*/
}

.hero-details {

}

.yacht-nav {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	margin: 0 auto 0.5em 0;
}

.yacht-index {
	border-radius: 100px;
	text-align: center;
	padding: 1em 1.25em 1em 1.25em;
}

.yacht-index,
.prevyacht,
.nextyacht,
.hero-details p strong {
	font-family: 'Graphik-Medium';
    font-weight: normal;
}
.yacht-index,
.prevyacht,
.nextyacht {
	position: relative;
	font-size: 0.666em;
    line-height: 1.0em;
    letter-spacing: 0.05em;
	color: white;
	display: block;
	min-width: 85px;
	background-color: var(--darkblue);
}
.prevyacht {
	text-transform: uppercase;
	border-top-left-radius: 100px;
	border-bottom-left-radius: 100px;
	padding: 1.6em 1em 1.6em calc(31px + 1.6em);
}
.nextyacht {
	text-transform: uppercase;
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
	padding: 1.6em calc(31px + 1.6em) 1.6em 1em;
}
.prevyacht img {
	position: absolute;
    left: 0;
    top: 50%;
    transform: translate(calc(31px/pi), -50%);
}
.nextyacht img {
	position: absolute;
    right: 0;
    top: 50%;
    transform: translate(calc(-31px/pi), -50%);
}
.yacht-index span,
.prevyacht span,
.prevyacht img,
.nextyacht span,
.nextyacht img {
	opacity: 0.6;
	transition: opacity 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.prevyacht.inactive,
.nextyacht.inactive {
	pointer-events: none;
}
.prevyacht.inactive span,
.prevyacht.inactive img,
.nextyacht.inactive span,
.nextyacht.inactive img {
	opacity: 0.1;
}
.yacht-index:hover,
.prevyacht:hover,
.nextyacht:hover {
	color: var(--white);
}
.yacht-index:hover span,
.prevyacht:hover img,
.prevyacht:hover span,
.nextyacht:hover span,
.nextyacht:hover img {
	opacity: 1;
}

.hero-content-holder h1 {
    font-size: 3.9em;
    line-height: 0.9em;
	margin: 0 auto 0 auto;
}
.hero-content-yatco .hero-content-holder h1 {
	font-family: 'FinancierDisplay-Regular';
}



/*------------------------------------*\
    POSTS
\*------------------------------------*/

.single-holder, .single-details {
	display: flex;
	margin: 0 0 3em 0;
}

.single-contact, .single-qualifications, .single-languages {
	flex: 4;
}


.single-contact {
	display: flex;
    flex-wrap: wrap;
}
.single-contact p,
.single-contact a,
.single-contact ul {
	flex-basis: 100%;
}
.single-contact ul {
	list-style: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.single-contact ul li {
	padding: 0.75em 0 0.75em 0;
	/*border-bottom: var(--darkblue) 1px solid;*/
}

.single-headshot,
.single-spacer {
	flex: 1.5;
}

.single-content {
	flex: 5.5;
	margin: 0 0 2.5em 0;
}

body.single section.post .single-content {
	margin: 0 0 0 0;
}

.single-content img {
	width: 100%;
	height: auto;
	border-radius: 8px;
	max-height: 620px;
    object-fit: cover;
}

.single-content h1 {
	margin: 0 0 0 0;
	font-family: 'Graphik-Regular';
    font-weight: normal;
    text-transform: none;
    line-height: 1.2em;
    font-size: 2.5em;
	letter-spacing: -0.01em;
}
.single-content h2 {
	margin: 0 0 1em 0;
	font-family: 'Graphik-Medium';
    font-weight: normal;
    text-transform: none;
    line-height: 1.5em;
    font-size: 1em;
	letter-spacing: -0.015em;
}
.single-content blockquote,
.single-content blockquote p {
    color: var(--darkblue);
	margin: 0;
}
.single-content form blockquote,
.single-content form blockquote p {
	color: var(--white);
}

.single-content p a {
	border-bottom: 1px solid;
}

.section-holder div p a {
	border-bottom: 1px solid;
}

section .section-aside a.external-link {
	margin: 0 0 1em 0;
}

section .section-aside a.external-link,
section .single-contact > a {
	font-family: 'Graphik-Medium';
	font-style: normal;
	font-weight: 500;
	border-radius: 8px;
	position: relative;
	display: inline-block;
    width: auto;
	color: white;
	border: none;
	padding: 1em 3em 1em 3em;
	/*background: linear-gradient(to left, white 50%, var(--darkblue) 50%) right;*/
	background-size: calc(200% + 1.5em);
	transition: all 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	background-position: calc(100% + 1px);
}
.section-aside a.external-link:hover,
.single-contact > a:hover {
	background-position: left !important;
}

section.allwhite .section-aside a.external-link,
section.lightgrey .section-aside a.external-link {
	background: linear-gradient(to left, var(--primaryblue) 50%, var(--darkblue) 50%) right;
	background-size: calc(200% + 1.5em);
}
section.darkblue .section-aside a.external-link {
	background: linear-gradient(to left, var(--primaryblue) 50%, white 50%) right;
	background-size: calc(200% + 1.5em);
}
section.darkblue .section-aside a.external-link:hover {
	color: var(--primaryblue);
}


.section-aside a.external-link .right-arrow,
.single-contact > a .right-arrow {
	margin-left: 1.5em;
	height: 14px;
	fill: var(--primaryblue);
	transition: fill 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.section-aside a.external-link:hover .right-arrow,
.single-contact > a:hover .right-arrow {
	fill: white;
}
section.darkblue .section-aside a.external-link .right-arrow {
	fill: white;
}
section.darkblue .section-aside a.external-link:hover .right-arrow {
	fill: var(--primaryblue);
}


.related-holder > p {
	letter-spacing: -0.015em;
	border-bottom: 1px solid #00000030;
	margin-bottom: 1em;
	padding-bottom: 0.25em;

}
.author-holder {
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	align-content: space-between;
	letter-spacing: -0.015em;
	line-height: 1.25em;
}

.author-holder>div {
	flex-basis: 100%;
}

.author img {
	margin: 0 0 1em 0;
	max-width: 115px;
	border-radius: 115px;
	height: auto;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

.related-news {
    display: block;
    margin: 0 0 2.5em 0;
    font-size: 0.8em;
    line-height: 1.35em;
}

.related-news-image {
	width: 100%;
	max-height: 150px;
	height: 20vh;
	margin: 0 0 0.5em 0;
	border-radius: 8px;
}

.related-date {
	color: var(--gold);
	font-family: 'Graphik-Medium';
	font-style: normal;
	font-weight: 500;
	margin: 0.5em 0 0.5em 0;
}

.single-qualifications ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.single-qualifications ul li {
	padding: 0.75em 0 0.75em 0;
	border-bottom: var(--darkblue) 1px solid;
}

.single-content blockquote {
	position: relative;
	margin: 1em 0 1em 0;
	padding: 1em 0 1em 0;
}






.post-navigation {
	display: flex;
	justify-content: space-between;
	font-family: 'Graphik-Semibold';
	font-style: normal;
	font-weight: 600;
	margin: 3em 0 0 0;
}

section .post-navigation a, section .post-navigation a:hover {
	border: none;
}

.post-navigation .previous a:hover img {
	animation-name: spinback;
	animation-iteration-count: 1;
	animation-duration: 0.5s;
}

@keyframes spinback {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(-360deg);
	}
}

.post-navigation .next a:hover img {
	animation-name: spinforward;
	animation-iteration-count: 1;
	animation-duration: 0.5s;
}

@keyframes spinforward {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

.post-navigation img {
	max-height: 12px;
	display: inline;
	width: auto;
	vertical-align: middle;
	line-height: 1.5em;
}

.post-navigation .previous img {
	margin-right: 10px;
}

.post-navigation .next img {
	margin-left: 10px;
}


.post-return {
	margin: 3em 0 3em 0;
}
.post-return.yatco-return {
	margin: 2em 0 0 0;
}
.post-return a {
	min-width: 300px;
	text-align: center;
	display: inline-block;
	background-color: var(--primaryblue);
	color: var(--white);
	border-radius: 8px;
	padding: 1em 6em;
	font-family: 'Graphik-Medium';
	font-weight: normal;
	transition: background-color 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.post-return a:hover {
	background-color: var(--darkblue);
}



/* team member details */
.team-languages,
.team-qualifications {
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
	display: flex;
	flex-wrap: wrap;
	column-gap: 2em;
	row-gap: 1em;
    align-items: center;
	overflow: hidden;
}
.team-qualifications {
	align-items: start;
}
.team-languages li:last-of-type span::after {
	content: none;
}
.team-qualifications li {
    flex-basis: calc(50% - 1em);
}
.team-qualifications.qualsingle li {
	flex-basis: 100%;
}
.person-languages {
	display: inline-block;
	vertical-align: sub;
}
.person-languages span {
	min-width: 25px;
	width: auto;
    height: 1em;
	border: 0.1rem #dadce3 solid;
	margin-right: 0.2em;
}
.person-languages span:last-of-type {
	margin-right: 0;
}









/*------------------------------------*\
    SEARCH SYSTEM
\*------------------------------------*/

.search-controls {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
    column-gap: 2vi;
    row-gap: 1vi;
	padding: 2em 0 0 0;
}
.search-controls > div {
	border: 1px solid var(--white);
}
section .search-controls>div>button,
section .search-controls>div>a,
section .search-controls>div>input {
	color: var(--black);
	line-height: 1.0em;
	position: relative;
	background-color: var(--white);
	display: block;
	padding: calc(1.5em - 1px) 1em calc(1.5em - 1px) 1em;
	/*font-size: 1.35em;
	line-height: 2.6em;*/
	transition: background-color 200ms ease, color 200ms ease;
	/*box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.35);*/
	border-radius: 0;
	border: none;
}
section .search-controls>div>button {
	z-index: 1;
	padding: calc(1.5em - 0px) 1em calc(1.5em - 0px) 1em;
}
.search-results>div {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
    column-gap: 2vi;
    row-gap: 2vi;
}
section .search-results>div a {
	background-color: rgba(226, 210, 154, 0.5);
	border-radius: 9px;
	display: block;
	padding: 1px 0.75em 0 0.75em;
	font-size: 1.35em;
	line-height: 2.6em;
	transition: background-color 200ms ease;
	border: none;
}
section .search-results>div a:hover {
	background-color: rgba(226, 210, 154, 1.0);
	border: none;
}

.put-search {
	position: relative;
}
/*
.put-search input:focus {
	border: 1px solid var(--oldblue);
	border-radius: 4px;
}
*/

#offices-filter:after,
.search-controls a:after,
.put-search:after {
	content: "";
	position: absolute;
	width: 19px;
	height: 19px;
	top: 50%;
	margin-top: -9.5px;
	right: 5%;
	transition: transform 200ms ease;
}

#offices-filter:after,
#show-offices:after,
#show-departments:after {
	background-image: url('../svg/plus.svg');
}

.put-search:after {
	background-image: url('../svg/search.svg');
}

/*
.search-open {
	background-color: var(--white) !important;
}
.put-search.search-open {
	background-color: transparent !important;
}
.put-search.search-open input {
	background-color: var(--white) !important;
}
*/
#offices-filter.search-open:after,
a.search-open:after {
	transform: rotate(45deg);
}


/*------------------------------------*\
    SOCIAL SHARE
\*------------------------------------*/

.crunchify-social {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
}

.crunchify-social a {
	display: inline-block;
	margin-right: 1em;
}

.crunchify-social a:last-of-type {
	margin-right: 0;
}

.crunchify-social img {
	max-width: 30px;
	vertical-align: middle;
}
section .share p {
	color: var(--darkblue);
	letter-spacing: -0.015em;
	border-bottom: 1px solid var(--apimidgrey);
	margin-bottom: 0.5em;
    padding-bottom: 0.25em;
}
section .share a {
	border: none;
	opacity: 0.5;
	transition: opacity 200ms ease;
}

section .share a:hover {
	border: none;
	opacity: 1;
}

.legal-side-menu ul {
	list-style: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	line-height: 1.25em;
}
.legal-side-menu ul li {
	margin: 0 0 0.5em 0;
}

/*------------------------------------*\
    COLOURS
\*------------------------------------*/

:root {
	--black: #000000;
	--textblue: #0F2A63;
	--deeperblue: #021848;
	--darkblue: #7B0005; /*#04306A;*/
	--oldblue: #B10023; /* #102A63; */
	/*--darkblue: #102A63;*/
	--primaryblue: #B10023; /* #0350A0; #0250A0;*/
	--lightblue: #5DC5EA;
	--softblue: #ddf3fb;
	/*--lightblue: #37BCE4;*/
	--gold: #C1A469;
	--oldgold: #C1A469;
	--white: #ffffff;
	--cream: #F9F5EF;
	--lightgrey: #F4F4F4; /*#f0f1f3;*/
	--fadedblue: #777777;
	--twothirds: 65.6666666666%;
	--onethird: 33.3333333333%;
	--threepc: 3.3333333333%;
	--apimidgrey: #cbcbcb;
	--apilightgrey: #f4f4f4;
	--apidarkgrey: #7e7e7e;
}

.primaryblue {
	background-color: var(--primaryblue);
	color: white;
}
.primaryblue h2 {
	color: var(--white);
}
.primaryblue h2.gold {
	color: var(--gold);
}
.primaryblue h3 {
	color: var(--lightgrey);
}
.primaryblue h6 { 
	color: var(--lightgrey);
}

.lightgrey {
	background-color: var(--lightgrey);
	color: var(--black);
}
.lightgrey h2 {
	color: var(--primaryblue);
}
.lightgrey h2.blue {
	color: var(--darkblue);
}
.lightgrey h3 {
	color: var(--primaryblue);
}
.category-broker .lightgrey h3 {
	color: var(--black);
}

.darkblue {
	background-color: var(--darkblue);
	color: white;
}
.darkblue h2 {
	color: var(--white);
}
.darkblue h2.gold {
	color: var(--gold);
}
.darkblue h3 {
	color: var(--primaryblue);
}
.darkblue h3.white {
	color: var(--white);
}

.softcream {
	background-color: var(--cream);
	color: var(--darkblue);
}
.softcream h2 {
	color: var(--gold);
}
.softcream h3 {
	color: var(--primaryblue);
}

.allwhite {
	background-color: white;
	color: var(--black);
}
.allwhite h2 {
	color: var(--black);
}
.allwhite h2.primaryblue {
	background-color: unset;
	color: var(--primaryblue);
}
.allwhite h2.white {
	color: var(--white);
}
.allwhite h3 {
	color: var(--primaryblue);
}
.allwhite h3.darkblue {
	background-color: unset;
	color: var(--darkblue);
}
.allwhite h3.white {
	color: var(--white);
}
.allwhite p.primaryblue {
	background-color: unset;
	color: var(--primaryblue);
}
.allwhite h6 {
	color: var(--primaryblue);
}
.allwhite h6.white {
	color: var(--white);
}
.allwhite h6.black {
	color: var(--black);
}


.category-holder {
	display: block;
	margin: 1em auto 2em auto;
}
.category-tag {
	display: inline-block;
	background-color: unset;
	color: white;
	min-width: 150px;
	font-family: 'Graphik-Medium';
	font-style: normal;
	font-size: clamp(12px,0.666em,16px);
	letter-spacing: 0.150em;
	text-transform: uppercase;
    padding: 0.75em 1.5em;
	text-align: center;
	border-radius: 4px;
	line-height: 1.0em;
}
.services-feed-holder .category-tag {
	background-color: transparent;
	padding: 0;
	text-align: left;
}
.category-00 {
	background-color: transparent;
	padding: 0;
	text-align: left;
}

.category-8 {
	color: var(--white);
	background-color: var(--primaryblue);
}
.category-7 {
	color: var(--primaryblue);
	background-color: var(--lightgrey);
}
.category-6 {
	color: var(--white);
	background-color: var(--darkblue);
}

/*------------------------------------*\
    IMAGES
\*------------------------------------*/

.backgrounds-center {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.backgrounds-portrait {
	background-position: center center;
}

.backgrounds-right {
	background-position: right center;
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
}

section .backgrounds-center a, section .backgrounds-center a:hover {
	border: none;
}

/*------------------------------------*\
    BLOCKS
\*------------------------------------*/

/*jobs*/
.jobs-grid-holder {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 2.5vi;
	row-gap: 2.5vi;
	margin: 5em auto 0 auto;
}
.jobs-grid-job {
	border-radius: 8px;
	overflow: hidden;
	color: var(--white);
	position: relative;
}
.jobs-grid-job img {
	width: 100%;
	height: auto;
	object-fit: cover;
	object-position: center center;
}
.jobs-grid-job > a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}
.jobs-grid-job-overlay {
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(#fff 0%, #808080 50%);
    mix-blend-mode: multiply;
}
.jobs-grid-job-content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 3em;
	display: flex;
	flex-wrap: wrap;
    align-content: space-between;
}
.jobs-grid-job-content > div {
	flex-basis: 100%;
}
.jobs-grid-job-content h3 {
	font-family: 'SharpSansNo1-Extrabold';
    font-style: normal;
    text-transform: uppercase;
    font-size: 2.5em;
    line-height: 1.0em;
    margin: 0.5em 0 0.25em 0;
    letter-spacing: 0.015em;
}
.jobs-grid-job-content p {
	font-size: 1.2em;
	line-height: 1.0em;
}
.jobs-grid-job-content small {
	text-transform: uppercase;
	letter-spacing: 0.15em;
}

/*offices*/

.team-persons-holder,
.office-locations-holder {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
    column-gap: 5vi;
    row-gap: 5vi;
	overflow: hidden;
	margin: 5em auto 5em auto;
}
#results-people {
	margin-top: 2.5em;
	margin-bottom: 7.5em;
}
section .team-persons-holder p,
section .team-persons-holder p a {
	font-family: 'Graphik-Regular';
}
.team-persons-holder>div.status-draft {
	display: none !important;
}
/*
.team-persons-holder>div:hover .team-person-image {
	opacity: 0.90;
}
*/

.team-person-profile {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.team-persons-holder .type-the-team {
	position: relative;
}
.team-persons-holder .type-the-team::after {
	content: "";
	position: absolute;
	width: 1px;
	height: 100%;
	right: calc(-5vi / 2);
	background-color: black;
	top: 0;
	opacity: 0.30;
}
.team-persons-holder .type-the-team:last-of-type::after {
	background-color: transparent;
}
.team-persons-holder .type-the-team h3 {
	font-size: 2em;
	font-family: 'FinancierDisplay-Regular';
	font-style: normal;
    margin: 0.5em 0 0.1em 0;
}
.team-persons-holder .type-the-team .jobtitle {
	font-size: 1.333em;
    margin: 0.1em 0 0.5em 0;
}
.team-persons-holder .type-the-team .jobrole {
	font-size: 0.8em;
    margin: 0 0 0.75em 0;
	color: var(--black);
}
.team-persons-holder .type-the-team .jobcontact {
	font-size: 1.15em;
    margin: 0 0 0 0;
	color: var(--black);
	line-height: 1.5em;
}
.team-persons-holder .type-the-team .jobcontact a {
	color: var(--primaryblue);
	white-space: nowrap;
	border-bottom: 1px solid var(--primaryblue);
}
.jobcontact img {
	max-height: calc(1.15em + 1px);
	margin-top: -0.5rem;
	display: inline-block;
	vertical-align: middle;
	opacity: 0.75;
	transition: opacity 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.jobcontact img:hover {
	opacity: 1;
}
section p.brokercontact a {
	font-family: 'Graphik-Regular';
}

.type-the-team,
.office-location {
	position: relative;
}
.office-location h2 {
	font-size: 2em;
	margin: 0.5em 0 0.25em 0;
}
.office-location.head-office h2 {
	margin: 0 0 0.25em 0;
}
.office-location h2 a:hover {
	color: var(--gold);
}
.office-location a {
	border-bottom: none !important;
}
.office-location p a {
	color: var(--primaryblue);
	text-decoration: underline;
}
.office-location::after {
	content: "";
	position: absolute;
	width: 1px;
	height: 100%;
	right: calc(-5vi / 2);
	background-color: var(--black);
	top: 0;
	opacity: 0.10;
}
.office-location-image {
	position: relative;
	aspect-ratio: 20 / 13;
	background-color: #E8E8E6;
	min-height: 220px;
	opacity: 1;
	border-radius: 8px;
	transition: opacity 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
/*
.office-locations-holder>div:hover .office-location-image {
	opacity: 0.90;
}
*/
.office-location-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	border-radius: 8px;
}

.team-person-image {
	position: relative;
	background-color: #E8E8E6;
	aspect-ratio: 98 / 57;
	border-radius: 8px;
	overflow: hidden;
	opacity: 1;
	transition: opacity 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.team-person-plus {
	position: absolute;
	width: 5em;
	max-width: 42px;
	height: 5em;
	max-height: 42px;
	top: 1em;
	right: 1em;
}
.team-person-plus img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center center;
	transform: scale(1);
	transition: transform 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.team-person-image:hover .team-person-plus img {
	transform: scale(1.15);
}

.services-feed-image a, .news-feed-image a, .charter-fleet-image a, .related-news-image a, .team-person-image a, .office-location-image a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-bottom: none !important;
}


.office-location.head-office {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 5vi;
	row-gap: 0;
	margin-bottom: 5em;
	grid-column: 1 / -1;
}
.office-location.head-office::after {
	content: unset;
}
.office-location.head-office .office-location-image {
	grid-column: 1 / span 2;
	min-height: 440px;
}
.office-location.head-office .office-location-content {

}

/*lists*/

.basic-list {
	margin: 3em 0 0 0;
	flex: 6;
}

.basic-list ul {
	margin: 0 0 0 0;
	padding: 0 0 0 1em;
}

.basic-list ul li {
	margin: 0 0 0.25em 0;
}

.section-list {
	margin-top: 2em;
	font-family: 'Graphik-Light';
	font-style: normal;
	font-weight: 300;
    font-size: 1.3em;
    line-height: 1.2em;
	position: relative;
}

.section-list ul {
	position: relative;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.section-list ul li {
	border-bottom: #8895b1 1px solid;
	padding: 0.75em 0.75em 0.75em 1.5em;
	position: relative;
	width: 100%;
}

/*
REMOVED, CHANGED TO DISCS
.list-bar {
	height: 1px;
	width: 1em;
	background-color: #8895b1;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	margin-top: -0.5px;
	left: 0;
}

section.softcream .list-bar {
	background-color: #9ca3b7;
}

section.allwhite .list-bar {
	background-color: #9fa9c0;
}

.list-bar-filler {
	width: 0;
	background-color: white;
	position: absolute;
	height: 1px;
	transition: width 2s linear;
}

section.softcream .list-bar-filler {
	background-color: var(--darkblue);
}

section.allwhite .list-bar-filler {
	background-color: var(--darkblue);
}

.list-bar-filler.animwidth {
	width: 100%;
}
*/



.list-circle {
	width: 0.75em;
	height: 0.75em;
	line-height: 1.25em;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	margin-top: -0.625em;
	left: 0;
}
.list-circle svg > g:nth-of-type(1) {
	stroke: #405582;
}
.list-circle svg > g:nth-of-type(2) {
	stroke: #b6bed0;
}
section.allwhite .list-circle svg > g,
section.softcream .list-circle svg > g {
	stroke: #b6bed0;
}
section.allwhite .list-circle svg > g.anim,
section.softcream .list-circle svg > g.anim {
	stroke: #405582;
}


.section-list ul {
	overflow: hidden;
}
.section-list ul:not(:first-of-type) {
	position: absolute;
	top: 0;
}
.section-list ul:not(:first-of-type) li {
	transform: translate(-300px, 0);
	opacity: 0;
}
svg .circle {
	stroke-dasharray: 20 100;
	stroke-dashoffset: 25;
}




/*quotes*/

.section-quote {
	flex: 6;
	display: flex;
	flex-wrap: nowrap;
	margin: 5em 0 5em 0;
	align-items: center;
}

.section-quote blockquote {
	margin: 0 0 0.75em 0;
	padding: 0 0 0 0;
}

.section-quote .quote-image {
	flex: 2;
	margin-right: var(--threepc);
	align-self: flex-start;
}

.section-quote .quote-details {
	flex: 8;
}

section.darkblue .section-quote blockquote {
	color: var(--lightblue);
}

/*image lockups*/

.section-images {
	margin: 7.5em auto 5em auto;
	display: flex;
	flex: 6;
}

.section-image-half-first {
	flex: 1;
	border-right: transparent 4px solid;
}

.section-image-half-second {
	flex: 1;
	border-left: transparent 4px solid;
}

.section-image-left {
	flex: 2;
	border-right: transparent 4px solid;
}

.section-image-right {
	flex: 1;
	border-left: transparent 4px solid;
	display: flex;
	flex-wrap: wrap;
}

.section-image-top {
	flex-basis: 100%;
	border-bottom: transparent 4px solid;
}

.section-image-bottom {
	flex-basis: 100%;
	border-top: transparent 4px solid;
}

.section-image-half-first div, .section-image-half-second div, .section-image-top div, .section-image-bottom div {
	width: 100%;
	height: 100%;
}

/*callouts*/

.section-callout .calltoaction {
	font-family: 'SharpSansNo1-Semibold';
	font-style: normal;
	font-weight: 600;
	font-size: 1.75em;
	line-height: 1.33em;
}

.section-callout .calltoaction p a {
	border-bottom: white 1px solid;
}

.section-holder.callout {
	display: block;
	padding: 0;
}

.section-callout {
	padding: 5em;
	background-color: var(--primaryblue);
	transition: background-color 250ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

/*.section-callout:hover {
	background-color: #1662b0;
}*/

.section-callout .section-quote {
	flex: unset;
	margin: 0 0 0 0;
}

.section-callout .name, .section-callout .role {
	color: var(--lightblue);
}

/*charter fleet*/
.charter-fleet-title {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	position: relative;
	z-index: 1;
	margin-bottom: 2em;
}
.charter-fleet-title h2 {
	margin-bottom: 0;
}
.charter-fleet-title p {
	font-size: 0.9em;
	opacity: 0.9;
	letter-spacing: -0.01em;
	margin: 0 1em 0 0;
}
#offices-filter {
	border-radius: 0;
	opacity: 1;
	transition: opacity 250ms linear;
	min-width: 300px;
    background-color: var(--white);
	position: relative;
}
#fleet-filter {
	border-radius: 8px;
	border: 1px solid var(--white);
	color: var(--white);
	opacity: 1;
	transition: opacity 250ms linear;
	min-width: 300px;
	position: absolute;
	z-index: 1;
	right: 0;
    background-color: var(--primaryblue);
}
#offices-filter .filterinactive,
#fleet-filter.filterinactive {
	position: relative;
}
#offices-filter .filterinactive button,
#fleet-filter.filterinactive button {
	opacity: 0.75;
}
#offices-filter ul {
    width: calc(100% + 1px* 2);
	list-style: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	display: none;
	top: 100%;
	left: -1px;
	z-index: 1;
	position: absolute;
	background-color: var(--primaryblue);
	border: 1px solid var(--white);
}
#fleet-filter ul {
	width: 100%;
	list-style: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	display: none;
	top: 100%;
	left: 0;
	z-index: 1;
}
#offices-filter ul button {
	color: var(--white);
	width: 100%;
	text-align: left;
	border: none;
	background-color: transparent;
	padding: 0;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	transition: background-color 250ms linear;
	padding: calc(1.15em - 1px) 1em calc(1.15em - 1px) 1em;
}
#offices-filter ul button.active {
	background-color: var(--darkblue);
}
#fleet-filter ul button {
	color: var(--white);
	width: 100%;
	text-align: left;
	border: none;
	background-color: transparent;
	border-top: 1px solid #ffffff80;
	padding: 0;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	opacity: 0.5;
	transition: opacity 250ms linear;
}
#fleet-filter ul button.active {
	opacity: 1;
}
#fleet-filter ul button.first {
	border-top: 1px solid #ffffff;
}
#fleet-filter ul button span {
	padding: calc(1em - 1px) 1em calc(1em - 1px) 1em;
	display: flex;
    align-items: center;
}
#fleet-filter ul span:last-of-type b {
    width: 22px;
    height: 12px;
    display: grid;
	grid-template-columns: 1fr;
	row-gap: 2px;
}
#fleet-filter ul span:last-of-type i {
	height: 1px;
	width: 100%;
	background-color: var(--white);
	transition: width 250ms linear;
}
#fleet-filter ul button.min span:last-of-type i:nth-of-type(4),
#fleet-filter ul button.max span:last-of-type i:nth-of-type(1) {
	width: 100%;
}
#fleet-filter ul button.min span:last-of-type i:nth-of-type(3),
#fleet-filter ul button.max span:last-of-type i:nth-of-type(2) {
	width: 75%;
}
#fleet-filter ul button.min span:last-of-type i:nth-of-type(2),
#fleet-filter ul button.max span:last-of-type i:nth-of-type(3) {
	width: 50%;
}
#fleet-filter ul button.min span:last-of-type i:nth-of-type(1),
#fleet-filter ul button.max span:last-of-type i:nth-of-type(4) {
	width: 25%;
}





#fleet-filter-open {
	color: var(--white);
	width: 100%;
	text-align: left;
	background-color: transparent;
	border: none;
	padding: calc(1.15em - 1px) 1em calc(1.15em - 1px) 1em;
}
#offices-filter-open {
	color: var(--black);
	width: 100%;
	text-align: left;
	background-color: transparent;
}






.charter-fleet-holder {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 3em;
	row-gap: 3em;
	overflow: hidden;
	position: relative;
	z-index: 0;
}
.yatco-fleet-holder {
	grid-template-columns: repeat(4, 1fr);
	column-gap: 3em;
}

section .charter-fleet-holder a {
	border-bottom: none !important;
}

.charter-fleet-holder > div {
	position: relative;
}
.charter-fleet-holder > div:last-of-type .charter-fleet-image::after {
	content: unset;
}
.charter-fleet-holder > div > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.charter-fleet-holder > div p {
	margin: 0 0 0.25em 0;
	line-height: 1.333em;
}

.charter-fleet-image {
	aspect-ratio: 29 / 19;
	/*min-height: 300px;
	min-height: 20vh;*/
	transition: opacity 250ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	position: relative;
}
.charter-fleet-image::after {
	content: "";
    position: absolute;
	right: calc(-3em / 2);
    top: 0;
	height: 100%;
	width: 1px;
	background-color: black;
	opacity: 0.3;
}
.yatco-fleet-holder > div:last-of-type .charter-fleet-image::after {
	content: unset;
}
.yatco-fleet-image {
	border-radius: 8px;
	background-color: var(--apimidgrey);
}
.yatco-fleet-image span {
	position: absolute;
	background-color: var(--primaryblue);
	color: var(--white);
	top: 0.5em;
	left: 0.5em;
	border-radius: 6px;
	padding: 5px 10px;
}
.yatco-fleet-image span img {
	width: 30px;
	vertical-align: middle;
	height: auto;
}
.yatco-fleet-image::after {
	right: calc(-3em / 2);
}
.charter-fleet-image > img {
	border-radius: 8px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.charter-fleet-holder > div:hover .charter-fleet-image {
	opacity: 0.8;
}

.charter-fleet-holder .yacht-name {
	font-family: 'FinancierDisplay-Regular';
	font-style: normal;
	font-weight: 400;
	font-size: 1.9em;
	line-height: 1.35em;
	margin: 10px 0 5px 0;
	position: relative;
	padding: 0 32px 0 0;
}
.charter-fleet-holder .yacht-name.yatco-name {
	padding: 0 0 0 0;
	line-height: 1.0em;
	/*white-space: nowrap;*/
}

.charter-fleet-holder .yacht-name:after {
	content: "";
	background-image: url("../svg/goforward-white.svg");
	width: 32px;
	height: 24px;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -12px;
	opacity: 0;
	transition: opacity 250ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.charter-fleet-holder>div:hover .yacht-name:after {
	opacity: 1;
}

/* yatco */
.grid-system.yatco-grid-system {
	padding: 0 0 5em 0;
}
.yatco-search-type {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	/*margin: 0 auto 2em auto;
	column-gap: 2em;*/
}
.yatco-search-type > div {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	column-gap: 1em;
}
/*.yatco-search-sliders {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	row-gap: 2em;
	column-gap: 2em;
}*/
.yatco-search-sliders > div > label {
	display: block;
	text-align: center;
}
.yatco-search-sliders .select2-selection,
.yatco-search-sliders > div > select {
	margin: calc(0.5em - 3px) auto 0 auto;
	padding-top: calc(0.5em + 3px);
	padding-bottom: calc(0.5em + 3px);
	line-height: 1.0em;
    height: calc(2.0em + 6px);
	border: 1px solid var(--white);
    border-radius: 3px;
	position: relative;
}
.yatco-search-sliders .select2-container--open .select2-selection {
	border: 1px solid var(--apidarkgrey);
}
.select2-dropdown {
	border: 1px solid var(--apidarkgrey);
	border-top: none;
}
.yatco-search-sliders .select2-selection__placeholder {
	color: var(--apidarkgrey) !important;
}
.yatco-search-sliders .select2-selection__rendered {
	line-height: unset !important;
	padding-right: calc(2em + 2px) !important;
	padding-left: 10px !important;
}
.yatco-search-sliders .select2-selection__arrow {
	right: 2px !important;
	top: 2px !important;
	height: 2em !important;
	width: 2em !important;
	cursor: pointer;
	border-radius: 3px;
	background-color: var(--primaryblue);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 0.5em auto;
	background-image: url('../svg/chevron-down-white.svg');
}
.yatco-search-sliders .select2-container--open .select2-selection__arrow {
	background-image: url('../svg/chevron-up-white.svg');
}
.yatco-search-sliders .select2-selection__arrow b {
	border: unset !important;
}
.yatco-search-sliders .select2-selection__clear {
	height: 2em !important;
    margin-right: 0 !important;
    width: 2em !important;
    top: 2px;
    float: none;
    position: absolute;
    right: calc(2em + 2px);
    border-radius: 3px;
    padding: 0 !important;
	font-weight: normal !important;
}


.yatco-search-buttons {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	margin: 2em 0 0 auto;
	row-gap: 2em;
	column-gap: 2em;
	max-width: 540px;
}
.yatco-search-buttons input {
	font-weight: 700;
}
.yatco-search-buttons input#reset {
	background-color: transparent;
	transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
	color: var(--apidarkgrey);
	border: 1px solid var(--apidarkgrey);
}
.yatco-search-buttons input#reset:hover {
	background-color: var(--apidarkgrey);
	color: var(--white);
}
.yatco-search-buttons input#search {
	background-color: var(--primaryblue);
	transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
	color: var(--white);
	border: 1px solid var(--primaryblue);
}
.yatco-search-buttons input#search:hover {
	background-color: var(--darkblue);
	border-color: var(--darkblue);
}

.slider-holder {
	position: relative;
	margin: 0.5em auto 1em auto;
	font-weight: 700;
	padding: 0 3px 0 3px;
}
.slider-container {
	position: relative;
	height: 2em;
	background-color: var(--white);
	border-radius: 3px;
	outline: 3px solid var(--white);
	width: 100%;
}
.slider-holder input[type="range"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	outline: none;
	position: absolute;
	margin: auto;
	padding: 0;
	top: 0;
	bottom: 0;
	border: none;
	background-color: transparent;
	pointer-events: none;
	color: var(--white);
}
.slider-track {
	width: 100%;
	height: 1px;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	border-radius: 1px;
	background-color: var(--primaryblue);
}
.slider-holder input[type="range"]::-webkit-slider-runnable-track {
	-webkit-appearance: none;
	height: 1px;
}
.slider-holder input[type="range"]::-moz-range-track {
	-moz-appearance: none;
	height: 1px;
}
.slider-holder input[type="range"]::-ms-track {
	appearance: none;
	height: 1px;
}
.slider-holder input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	height: 2em;
	width: 2em;
	background-color: var(--primaryblue);
	cursor: pointer;
	margin-top: calc((-2em/2) + (1px/2));
	pointer-events: auto;
	border-radius: 3px;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 0.5em;
}
.slider-holder input[type="range"]:first-of-type::-webkit-slider-thumb {
	background-image: url('../svg/chevron-right-white.svg');
}
.slider-holder input[type="range"]:first-of-type:active::-webkit-slider-thumb {
	background-image: url('../svg/chevron-right.svg');
}
.slider-holder input[type="range"]:not(#slider-cabinsmin-sales):last-of-type::-webkit-slider-thumb {
	background-image: url('../svg/chevron-left-white.svg');
}
.slider-holder input[type="range"]:not(#slider-cabinsmin-sales):last-of-type:active::-webkit-slider-thumb {
	background-image: url('../svg/chevron-left.svg');
}

.slider-holder input[type="range"]::-moz-range-thumb {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	height: 2em;
	width: 2em;
	cursor: pointer;
	margin-top: calc((-2em/2) + (1px/2));
	border-radius: 3px;
	background-color: var(--primaryblue);
	pointer-events: auto;
	border: none;
}
.slider-holder input[type="range"]:first-of-type::-moz-range-thumb {
	background-image: url('../svg/right-arrow-white.svg');
}
.slider-holder input[type="range"]:first-of-type:active::-moz-range-thumb {
	background-image: url('../svg/right-arrow.svg');
}
.slider-holder input[type="range"]:not(#slider-cabinsmin-sales):last-of-type::-moz-range-thumb {
	background-image: url('../svg/left-arrow-white.svg');
}
.slider-holder input[type="range"]:not(#slider-cabinsmin-sales):last-of-type:active::-moz-range-thumb {
	background-image: url('../svg/left-arrow.svg');
}

.slider-holder input[type="range"]::-ms-thumb {
	appearance: none;
	height: 2em;
	width: 2em;
	cursor: pointer;
	margin-top: calc((-2em/2) + (1px/2));
	border-radius: 3px;
	background-color: var(--primaryblue);
	pointer-events: auto;
}
.slider-holder input[type="range"]:first-of-type::-ms-thumb {
	background-image: url('../svg/right-arrow-white.svg');
}
.slider-holder input[type="range"]:first-of-type:active::-ms-thumb {
	background-image: url('../svg/right-arrow.svg');
}
.slider-holder input[type="range"]:not(#slider-cabinsmin-sales):last-of-type::-ms-thumb {
	background-image: url('../svg/left-arrow-white.svg');
}
.slider-holder input[type="range"]:not(#slider-cabinsmin-sales):last-of-type:active::-ms-thumb {
	background-image: url('../svg/left-arrow.svg');
}

input[type="range"]:active::-webkit-slider-thumb {
	background-color: var(--white);
	border: 1px solid var(--primaryblue);
}
.slider-values {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	margin: 0.5em 0 0 0;
}
.slider-values span i {
	font-style: normal;
	line-height: 1.0em;
}
.slider-values span b {
	font-style: normal;
	line-height: 1.0em;
}

.yatco-load-more {
	border: unset;
	margin: 5em auto 0 auto;
	padding: 1em 2em;
	background-color: var(--primaryblue);
	color: var(--white);
	border-radius: 3px;
	width: 100%;
}





/* home header */

.home-header {
	letter-spacing: -0.01em;
	position: relative;
}

.home-header>span {
	display: inline;
	overflow-y: hidden;
	overflow-x: visible;
	margin-left: -5px;
	min-height: 42px;
}

.home-header ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	/*font-family: 'Signifier-RegularItalic';
	font-style: italic;*/
	font-weight: 400;
	color: var(--lightblue);
    display: inline-block;
	position: relative;
	/*line-height: 1.5em;*/
}

.home-header ul li {
	white-space: nowrap;
	visibility: hidden;
}
.home-header ul li:not(:first-of-type) {
	position: absolute;
}




.home-scroll-holder {
	height: 30px;
	width: 30px;
	display: inline-block;
	overflow: hidden;
	position: relative;
}
.home-scroll-image {
	position: absolute;
	transition: top 250ms linear;
}

.home-scroll-holder:hover .home-scroll-image {
	animation: gotopscroll 1s infinite;
	transition: top 250ms linear;
}

@keyframes gotopscroll {
	0% {
		top: -100%
	}
	100% {
		top: 100%
	}
}

/* carousels */

.carousels-holder {
	display: flex;
	flex-wrap: nowrap;
	/*min-height: 810px;*/
	height: 72.5vh;
}

.carousels-holder>div {
	flex-basis: 50%;
	position: relative;
}

.carousels-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	padding: 5vw 7.5vw;
	display: none;
}

.carousels-slide:first-of-type {
	position: relative;
	display: block;
}

.carousels-navigation {
	position: absolute;
	bottom: 7.5%;
	width: 100%;
	text-align: center;
	z-index: 50;
}

.carousels-navigation a {
	opacity: 0.5;
	display: inline-block;
	padding: 2.5%;
	border: none !important;
	position: relative;
}

.carousels-navigation a.active-slide {
	opacity: 1;
}

.carousels-navigation a span {
	height: 11px;
	width: 11px;
	background-color: #102A63;
	border-radius: 30px;
	display: block;
	position: relative;
}
.carousels-navigation a svg {
    position: absolute;
    width: 23px;
    height: 23px;
    left: 50%;
    top: 50%;
    margin-top: -11.5px;
    margin-left: -11.5px;
	visibility: hidden;
}
.carousels-navigation a.active-slide svg {
	visibility: visible;
}




.carousels-slide-content {
	max-width: 275px;
}

.carousels-slide-content a {
	position: relative;
	display: block;
	width: 100%;
	padding: 0.75em;
}

.carousels-slide-content a:hover {
	background-position: left;
}

.carousels-slide-content a .down-arrow {
	position: absolute;
	top: 50%;
	margin-top: -6px;
	right: 5%;
	height: 12px;
	transition: fill 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

/*light*/

.carousels-slide-content.light h2 {
	color: var(--gold);
	line-height: 1.0em;
}

.carousels-slide-content.light p {
	color: white;
}

.carousels-slide-content.light a {
	color: white;
	border-bottom: white 1px solid;
	background: linear-gradient(to left, transparent 50%, white 50%) right;
	background-size: 200%;
	transition: all 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.carousels-slide-content.light a:hover {
	color: var(--darkblue);
	border-bottom: white 1px solid;
	background-position: left;
}

.carousels-slide-content.light a .down-arrow {
	fill: white;
}

.carousels-slide-content.light a:hover .down-arrow {
	fill: var(--darkblue);
}

/*dark*/

.carousels-slide-content.dark h2 {
	color: var(--darkblue);
	line-height: 1.0em;
}

.carousels-slide-content.dark p {
	color: var(--darkblue);
	text-shadow: 0 0 0 black;
}

.carousels-slide-content.dark a {
	color: var(--darkblue);
	border-bottom: var(--darkblue) 1px solid;
	background: linear-gradient(to left, transparent 50%, var(--darkblue) 50%) right;
	background-size: 200%;
	transition: all 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.carousels-slide-content.dark a:hover {
	color: white;
	border-bottom: var(--darkblue) 1px solid;
	background-position: left;
}

.carousels-slide-content.dark a .down-arrow {
	fill: var(--darkblue);
}

.carousels-slide-content.dark a:hover .down-arrow {
	fill: white;
}

/* services and news feeds */

.fleet-feed-title,
.services-feed-title,
.news-feed-title {
	text-align: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-family: 'Graphik-Regular';
    font-style: normal;
    font-weight: normal;
	text-transform: none;
	font-size: 1.5em;
    line-height: 1.3em;
}
section .fleet-feed-title a,
section .services-feed-title a,
section .news-feed-title a {
	border-bottom: 1px solid;
	transition: border-bottom 200ms ease-in-out;
}
section .fleet-feed-title a:hover,
section .services-feed-title a:hover,
section .news-feed-title a:hover {
	border-bottom: 2px solid;
}

.fleet-feed-overflow,
.services-feed-overflow,
.news-feed-overflow {
	overflow-x: scroll;
	/*overflow-x: hidden;*/
	overflow-y: hidden;
	padding: 5em 0 0 0;
	-ms-overflow-style: none;
	/* Hide scrollbar for IE and Edge */
	scrollbar-width: none;
	/* Hide scrollbar for Firefox */
	position: relative;
    z-index: 1;
}
.fleet-feed-overflow::-webkit-scrollbar,
.services-feed-overflow::-webkit-scrollbar,
.news-feed-overflow::-webkit-scrollbar {
	display: none;
	/* Hide scrollbar for Chrome, Safari and Opera */
}

.fleet-feed-holder,
.news-feed-holder,
.services-feed-holder {
	position: relative;
	width: 999999px;
	display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
}
.fleet-feed-holder>.post,
.news-feed-holder>.news,
.services-feed-holder>.post {
    width: 35vh;
	margin-right: 12.5vh;
	position: relative;
	min-width: 320px;
	background-color: var(--white);
	border-radius: 8px;
	color: var(--black);
	pointer-events: none;
	z-index: 60;
}
.fleet-feed-holder>.post {
	border-radius: 20px;
	background-color: var(--white);
	color: var(--black);
}
.fleet-feed-holder>.post::after,
.news-feed-holder>.news::after,
.services-feed-holder>.post::after {
	height: 100%;
    content: "";
    background-color: black;
    width: 1px;
    position: absolute;
    display: block;
    left: calc(100% + (12.5vh/2) - (1px/2));
    top: 0;
}
.fleet-feed-holder>.post.opacity20::after,
.news-feed-holder>.news.opacity20::after,
.services-feed-holder>.post.opacity20::after {
	opacity: 0.2;
}
.fleet-feed-holder>.post.opacity50::after,
.news-feed-holder>.news.opacity50::after,
.services-feed-holder>.post.opacity50::after {
	opacity: 0.5;
}
.fleet-feed-holder>.post.normargin,
.news-feed-holder>.news.normargin,
.services-feed-holder>.post.normargin {
	margin-right: 0;
}
.fleet-feed-holder>.post.normargin::after,
.news-feed-holder>.news.normargin::after,
.services-feed-holder>.post.normargin::after {
	content: unset;
}
.fleet-feed-holder>.post a,
.news-feed-holder>.news a,
.services-feed-holder>.post a {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
    align-content: start;
    height: 100%;
	border-bottom: none;
	border-radius: 8px;
    overflow: hidden;
	border-bottom: none !important;
}
.fleet-feed-holder>.post a {
	border-radius: 20px;
}
.fleet-feed-holder>.post a > div,
.news-feed-holder>.news a > div,
.services-feed-holder>.post a > div {
	/*flex-basis: 100%;*/
}
.services-feed-holder>.post a {
	transition: background-color 200ms ease-in-out;
}
.services-feed-holder>.post.special a {
	background-color: var(--lightblue);
}
.services-feed-holder>.post.special a:hover {
	background-color: #69b4cb;
}
.news-feed-holder>.news:nth-of-type(3n-2) {
	background-color: var(--primaryblue);
	color: var(--white);
}
.news-feed-holder>.news:nth-of-type(3n-2) .category-tag {
	color: var(--white);
}
.news-feed-holder>.news:nth-of-type(3n-1) {
	background-color: var(--primaryblue);
	color: var(--white);
}
.news-feed-holder>.news:nth-of-type(3n-1) .category-tag {
	color: var(--white);
}
.news-feed-holder>.news:nth-of-type(3n-0) {
	background-color: var(--primaryblue);
	color: var(--white);
}
.news-feed-holder>.news:nth-of-type(3n-0) .category-tag {
	color: var(--white);
}

/*
.services-feed-spacer {
	position: relative;
}
*/


.services-feed-holder button {
	position: absolute;
	top: calc(-2em - 25px);
	left: 4rem;
	width: 45px;
	height: 25px;
	border-radius: 12px;
	vertical-align: middle;
	border: var(--primaryblue) 2px solid;
	background-color: transparent;
	background-image: url('../svg/arrow-repeat.svg');
	background-repeat: no-repeat;
	background-position: center center;
	transition: background-position 500ms ease;
}


.services-feed-image {
	position: relative;
	/*overflow: hidden;*/
	width: 100%;
    height: auto;
	margin-top: auto;
}
.services-feed-image.sfiservices img {
	/*max-height: 245px;*/
	aspect-ratio: 54 / 35;
}
.services-feed-image.sfifleet img,
.services-feed-image.sfinews img {
	/*max-height: 275px;*/
	aspect-ratio: 189 / 136;
}
.services-feed-image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	object-position: center center;
}


.news-feed-image {
	min-height: 202px;
	height: 17.5vh;
	opacity: 0.9;
	transition: opacity 200ms ease;
}

.news-feed-date {
	font-family: 'Graphik-Medium';
	font-style: normal;
	font-weight: 500;
	margin: 10px 0 1em 0;
}

.services-feed-link {
	font-family: 'Graphik-Medium';
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-size: 0.8em;
	line-height: 1em;
	margin: 0;
	padding: 4rem 4rem 3em 4rem;
	color: var(--primaryblue);
}
.services-feed-link a {
	border-bottom: none !important;
}
.services-feed-link.special {
	color: var(--white);
}


.news-feed-link {
	font-family: 'Graphik-Regular';
	font-style: normal;
	font-weight: normal;
	font-size: 1.5em;
	line-height: 1.25em;
	margin: 0 0 0 0;
	text-transform: none;
	letter-spacing: 0;
	padding: 0 4rem 2em 4rem;
}
.news-feed-link a {
	border-bottom: none !important;
}

.fleet-feed-link {
	font-family: 'FinancierDisplay-Regular';
	font-style: normal;
	font-weight: 400;
	font-size: 2em;
	line-height: 1em;
	margin: 0 0 0 0;
	text-transform: none;
	letter-spacing: 0;
	padding: 0 4rem 0.2em 4rem;
	/*white-space: nowrap;*/
}
.fleet-feed-link a {
	border-bottom: none !important;
}
.fleet-feed-description {
	margin: 0;
	line-height: 1.666em;
	padding: 0 4rem 2em 4rem;
}
.news-feed-holder>.news .category-tag,
.fleet-feed-holder>.post .category-tag {
	display: block;
	padding: 4rem 4rem 3em 4rem;
    text-align: left;
    border-radius: unset;
    background: none;
}
.fleet-feed-holder>.post .category-tag {
	color: var(--primaryblue);
}


.services-feed-description {
	margin: 0;
	line-height: 1.2em;
	padding: 0 4rem calc(2em + 25px + 2em) 4rem;
}
.services-feed-description.special {
	color: var(--textblue);
	font-family: 'SharpSansNo1-Extrabold';
	font-weight: normal;
	letter-spacing: -0.015em;
	text-transform: uppercase;
	font-size: 2.5em;
	line-height: 1.0em;
	padding-bottom: calc(2em + 25px);
}

.news-index-item>a:hover .image-fader,
.fleet-feed-holder>.post:hover .image-fader,
.news-feed-holder>.news:hover .image-fader,
.services-feed-holder>.post:hover .image-fader {
	opacity: 0;
}

.services-feed-holder>.post:hover button {
	background-position: -30% center;
}

/* our people */

.people-holder {
	/*min-height: 810px;*/
	height: 72.5vh;
	position: relative;
}

.people-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	padding: 5% 7.5%;
	display: none;
}

.people-slide:first-of-type {
	position: relative;
	display: block;
}

.people-slide-holder {
	display: table;
	height: 100%;
	width: 50%
}

.people-slide-content {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.people-navigation {
	width: 50%;
	padding-left: 7.5%;
}

section .people-slide a {
	position: relative;
	display: inline-block;
	margin: 3em auto 0 auto;
	text-align: left;
	border-bottom: var(--darkblue) 1px solid;
	background: linear-gradient(to left, white 50%, var(--darkblue) 50%) right;
	background-size: 202%;
	transition: all 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	padding: 0.75em calc(3em + 16px) 0.75em 1em;
}

.people-slide a:hover {
	background-position: left;
	color: white;
}

.people-slide a .right-arrow {
	position: absolute;
	top: 50%;
	margin-top: -6px;
	right: 5%;
	height: 12px;
	fill: var(--darkblue);
	transition: fill 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.people-slide a:hover .right-arrow {
	fill: white;
}

.person-role {
	font-family: 'SharpSansNo1-Semibold';
	font-style: normal;
	font-weight: 600;
	font-size: 1.25em;
	line-height: 1.4em;
	letter-spacing: 0.025em;
	margin: 1em 0 0 0;
}

.people-slide-title {
	margin: 0 0 1.5em 0;
}

/* animation */

.animation-holder {
	display: flex;
	flex-wrap: nowrap;
	/*min-height: 810px;*/
	height: 72.5vh;
}

.animation-holder>div {
	flex-basis: 50%;
	position: relative;
	padding: 5vw;
}

.animation-left {
	background-color: #e7e9ed;
	position: relative;
	text-align: center;
}
.infographic-holder {
	display: table;
	width: 100%;
    height: 100%;
}
.infographic-inner {
	display: table-cell;
	vertical-align: middle;
}
.infographic-inner img {
	max-width: 382px;
}

.animation-right {
	color: white;
	text-align: center;
	position: relative;
}

.animation-right-fader {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
	background-color: #344a7a;
	background-blend-mode: multiply;
	opacity: 1;
}
.animation-right blockquote {
	margin: 0 0 1em 0;
}
.animation-right blockquote p {
	color: var(--gold);
}

.animation-right-holder {
	display: table;
	height: 100%;
	width: 100%;
	position: relative;
}

.animation-right-content {
	display: table-cell;
	vertical-align: middle;
}

/* transitions */

.detection-area {
	position: absolute;
	width: calc(100vw - 95%);
	height: 100%;
	top: 0;
	z-index: 50;
	background: none;
    border: none;
    appearance: none;
	padding: 5em 0 0 0;
    margin: 0;
}
.gallery-outer .detection-area {
	padding-top: 0;
}
.gallery-outer .detection-area span {
	display: none;
}
.detection-area.faded {
	transition: opacity 250ms ease-in-out;
	opacity: 0.5;
	pointer-events: none;
}
.detection-area > img {
	object-position: center;
    height: 100%;
    width: 100%;
    object-fit: scale-down;
}

.detection-area.left {
	left: 0;
}

.detection-area.right {
	right: 0;
}

.image-fader {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.20);
	transition: opacity 500ms ease;
}

/*------------------------------------*\
	DIALOG
\*------------------------------------*/

dialog {
	color: inherit;
}

form {
	font-family: 'Graphik-Regular';
	font-style: normal;
	font-weight: 400;
}

.overlay-forms {
	display: none;
	background-color: var(--darkblue);
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 300;
	height: 100%;
	padding: 0 0 0 0;
	border: none;
	outline: none;
	overflow-y: scroll;
}

.overlay-forms-holder {
	margin: 0 auto 0 auto;
	display: flex;
    flex-wrap: wrap;
	height: auto;
    align-content: center;
    justify-content: center;
    min-height: 100dvh;
	padding: 2em 0 2em 0;
}
.overlay-forms-holder .section-form {
	width: 100%;
	margin: 0 auto 0 auto;
}
.overlay-forms-holder .logo {
	text-align: right;
}

body.single-post .overlay-forms-holder {
	width: 100%;
}

.overlay-forms form {
	width: 100%;
}

.overlay-forms form .gform_footer input {
	min-width: 200px;
}

.overlay-forms>#close-dialog {
	position: absolute;
	width: 50px;
	height: 50px;
	z-index: 1;
	right: 2em;
	top: 2em;
}

.form-instructions {
	text-align: center;
	width: 100%;
}

form .gform_ajax_spinner {
	display: block;
	margin: 1em 0 1em 0;
}


/*------------------------------------*\
	CONTACT ICON
\*------------------------------------*/

.contact-icon {
	position: fixed;
	bottom: 2em;
    right: 2em;
    z-index: 200;
}
.contact-icon button {
	border: none;
	background-color: transparent;
	cursor: pointer;
	padding: 0;
	margin: 0;
	width: 72px;
	height: 72px;
	position: relative;
}
.contact-icon button img {
	width: 100%;
	height: 100%;
	vertical-align: middle;
}
.contact-icon button img:last-of-type {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	display: none;
}
.contact-icon dialog {
	display: none;
	position: absolute;
	transform: translate(calc(-100% + 72px), calc(-100% - 1em));
	border: none;
	background-color: #F0F0F0;
	color: var(--black);
	max-width: 340px;
	width: 100vw;
	height: auto;
	max-height: 400px;
	padding: 0;
    margin: 0;
	border-radius: 20px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    font-size: 0.85em;
}
.contact-icon-dialog-holder {
	border-radius: 20px;
	overflow: hidden;
	background-color: #F0F0F0;
	height: 100%;
	width: 100%;
	position: relative;
    z-index: 1;
}
.contact-icon dialog::after {
	content: url('../svg/speech.svg');
	position: absolute;
	height: 22px;
	width: 22px;
	bottom: -22px;
	right: 22px;
	transform: translate(-75%, -10px);
}
.contact-icon ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.contact-icon ul li {
	border-bottom: 1px solid rgba(15, 42, 99, 0.2);
}
.contact-icon ul li:last-of-type {
	border-bottom: none;
}
.contact-icon ul li a {
	padding: 1em 1.5em 1em 1.5em;
    display: block;
	background-color: #F0F0F0;
	transition: background-color linear 250ms;
}
.contact-icon ul li a:hover {
	background-color: #E0E0E0;
}
.contact-icon ul li img {
	max-width: 25px;
	max-height: 25px;
	vertical-align: middle;
	margin-right: 1em;
}
.contact-icon p {
	font-family: 'Graphik-Semibold';
	font-weight: 600;
	font-style: normal;
	background-color: #24D366;
	color: var(--white);
	margin: 0;
	padding: 1em 1.5em 1em 1.5em;
}

/*------------------------------------*\
	GRID SYSYTEM
\*------------------------------------*/

.grid-system {
	display: grid;
	width: 100%;
	column-gap: 2vi;
    row-gap: 2vi;
	padding: 2vi 0 2vi 0;
	/*grid-template-rows: max-content !important;*/
}
.grid-system.grid-system-padding {
	padding-bottom: 0;
}
.grid-system > div:not(:has(.yatco-search-container)) {
	border-radius: 8px;
	overflow: hidden;
}
.grid-system-yatco-inner {
	height: 100%;
    width: 100%;
	padding: 3em;
	position: relative;
}
.grid-system-yatco-about {
	height: 100%;
	width: 100%;
	padding: 0 3em 0 3em;
	position: relative;
}
.grid-system-wysiwyg {
	color: var(--white);
}
.grid-system-wysiwyg-inner {
	height: 100%;
    width: 100%;
	padding: 3em;
	position: relative;
}
.grid-system-wysiwyg-inner p,
.grid-system-wysiwyg-inner blockquote {
	font-size: 1.1em;
    line-height: 1.4em;
	letter-spacing: 0;
}
.grid-system-wysiwyg-inner ul,
.grid-system-wysiwyg-inner ol {
	margin: 0 0 2em 0;
	padding: 0 0 0 1.5em;

}



.contactbubble {

}
.contactbubble p {
	margin: 0;
	text-align: center;
	font-size: 1.5em;
	line-height: 1.1em;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
}
.contactbubble p br {
	flex-basis: 100%;
	display: block;
	height: 0;
}
.contactbubble p img {
	padding-bottom: 0.5em;
}
.contactbubble p span {
	flex-basis: 100%;
}
.contactbubble a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}


section.wysiwyg {

}
.wysiwyg-holder {
	max-width: 795px;
	margin: 0 auto 0 auto;
}
.wysiwyg-holder ul,
.wysiwyg-holder ol {
	margin: 0 0 2em 0;
	padding: 0 0 0 1.5em;

}
.wysiwyg-holder ul li,
.wysiwyg-holder ol li {
	position: relative;
	padding: 1em 0 1em 0;
    font-size: 1.3em;
    line-height: 1.3em;
    font-family: 'Graphik-Light';
	font-weight: 300;
	list-style: none;
	counter-increment: alist 1;
}
.wysiwyg-holder ul li::after,
.wysiwyg-holder ol li::after {
	position: absolute;
    content: "";
    height: 1px;
    width: calc(100% + 1.2em);
    bottom: 0;
    left: -1.2em;
    opacity: 0.5;
}
section.lightgrey .wysiwyg-holder ul li::after,
section.lightgrey .wysiwyg-holder ol li::after {
	background-color: var(--darkblue);
}
section.allwhite .wysiwyg-holder ul li::after,
section.allwhite .wysiwyg-holder ol li::after {
	background-color: var(--textblue);
}
section.softcream .wysiwyg-holder ul li::after,
section.softcream .wysiwyg-holder ol li::after {
	background-color: var(--textblue);
}
section.primaryblue .wysiwyg-holder ul li::after,
section.primaryblue .wysiwyg-holder ol li::after {
	background-color: var(--softblue);
}
section.darkblue .wysiwyg-holder ul li::after,
section.darkblue .wysiwyg-holder ol li::after {
	background-color: var(--softblue);
}
.wysiwyg h3 {
	font-family: 'FinancierDisplay-Regular';
	font-weight: 400;
	letter-spacing: -0.01em;
	font-size: 1.5em;
	color: inherit;
}

.wysiwyg-holder ul li::before {
    content: "•\00A0";
    position: absolute;
    left: -0.6666666666em;
    zoom: 2;
	transform: translate(0, 0.15em);
	top: 0;
}
.wysiwyg-holder ol li::before {
	content: counter(alist, decimal) ".\00A0";
    position: absolute;
    left: -1.3333333333em;
	zoom: 1;
}

.wysiwyg-box {
	margin: 5em auto 0 auto;
	width: 100%;
	border-radius: 8px;
	color: var(--white);
	padding: 2.5em;
	position: relative;
	display: flex;
	overflow: hidden;
}
.wysiwyg-box > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.wysiwyg-box > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
}
.wysiwyg-box > div {
	position: relative;
	z-index: 1;
	flex: 1;
}
.wysiwyg-box h6 {
	margin-bottom: 1em;
}
.wysiwyg-box h2 {
	color: var(--white);
	margin-bottom: 0.2em;
}
.wysiwyg-box button {
	display: block;
	margin: 2em auto 0 0;
    width: 45px;
    height: 25px;
    border-radius: 12px;
    border: var(--white) 2px solid;
    background-color: transparent;
    background-image: url('../svg/arrow-repeat-white.svg');
    background-repeat: no-repeat;
    background-position: center center;
    transition: background-position 500ms ease;
}
.wysiwyg-box:hover button {
	background-position: -30% center;
}


.grid-system > div.primaryblue {
	color: var(--primaryblue);
}
.grid-system > div.darkblue {
	color: var(--darkblue);
}
.grid-system > div.lightgrey {
	color: var(--lightgrey);
}
.grid-system > div.white {
	color: var(--white);
}


section.primarywhite,
.grid-system > div.primarywhite {
	background-color: var(--primaryblue);
	color: var(--white);
}
.grid-system > div.primarywhite h6 {
	color: var(--white);
}
.grid-system > div.primarywhite cite {
	color: var(--lightblue);
}
section.primarygold,
.grid-system > div.primarygold {
	background-color: var(--primaryblue);
	color: var(--gold);
}
.grid-system > div.primarygold h6 {
	color: var(--white);
}
.grid-system > div.primarygold cite {
	color: var(--lightblue);
}
section.primarylight,
.grid-system > div.primarylight {
	background-color: var(--primaryblue);
	color: var(--white);
}
.grid-system > div.primarylight h6 {
	color: var(--lightblue);
}
.grid-system > div.primarylight cite {
	color: var(--lightblue);
}
section.darkgold,
.grid-system > div.darkgold {
	background-color: var(--darkblue);
	color: var(--gold);
}
.grid-system > div.darkgold h6 {
	color: var(--white);
}
section.darkwhite,
.grid-system > div.darkwhite {
	background-color: var(--darkblue);
	color: var(--white);
}
.grid-system > div.darkwhite h6 {
	color: var(--white);
}
section.darkwhite h3,
.grid-system > div.darkwhite h3 {
	color: var(--primaryblue);
}
section.lightblue,
.grid-system > div.lightblue {
	background-color: var(--lightgrey);
	color: var(--black);
}
.grid-system > div.lightblue h6 {
	color: var(--darkblue);
}
section.softblue,
.grid-system > div.softblue {
	background-color: var(--softblue);
	color: var(--textblue);
}
.grid-system > div.softblue h6 {
	color: var(--gold);
}
.grid-system > div.softblue cite {
	color: var(--lightblue);
}
section.goldlight,
.grid-system > div.goldlight {
	background-color: var(--gold);
	color: var(--white);
}
.grid-system > div.goldlight h6 {
	color: var(--textblue);
}
section.lightgrey,
.grid-system > div.lightgrey {
	background-color: var(--lightgrey);
	color: var(--black);
}
.grid-system > div.lightgrey h6 {
	color: var(--primaryblue);
}
section.lightgrey .wysiwyg-holder h6 {
	color: var(--primaryblue);
}



.grid-system .grid-system-blockquote {
	background-color: transparent !important;
	border-radius: unset !important;
}
.grid-system-blockquote,
.grid-system-quote {
	position: relative;
}
.grid-system-quote-inner {
	height: 100%;
    width: 100%;
	padding: 5rem;
}
.grid-system-blockquote .grid-system-quote-inner {
	padding: 0;
}
.grid-system-quote blockquote,
.grid-system-quote cite {
	font-size: 1.2em;
    line-height: 1.3em;
	margin: 0 0 1em 0;
}
.grid-system-blockquote blockquote {
	font-size: 1.5em;
	line-height: 1.2em;
	font-family: 'FinancierDisplay-Light';
	font-weight: 300;
}




.grid-system-whywelove {
	position: relative;
}
.grid-system-whywelove-inner {
	height: 100%;
    width: 100%;
	padding: 5rem;
}
.whywelove-header {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
}
#animation-whywelove {
	margin-top: -25px;
	margin-right: -25px;
	width: 155px;
	height: 155px;
}
.grid-system-whywelove-content {

}
.grid-system-whywelove-content ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.grid-system-whywelove-content ul li {
	letter-spacing: -0.005em;
}
.grid-system-whywelove-content ul li small {
	display: block;
	font-size: 0.6em;
	font-family: 'Graphik-Medium';
	font-weight: normal;
	margin: 0 0 1em 0;
	letter-spacing: 0.15em;
}


.slick-arrows {
	margin: 2em auto 0 auto;
}
.slick-arrows .slick-arrow {
	appearance: none;
	font-size: 0;
	background-color: transparent;
	border: 2px solid var(--darkblue);
	width: 50px;
	height: 50px;
	border-radius: 50%;
	color: transparent;
	margin: 0 1rem 0 0;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0;
	opacity: 1;
	transition: opacity 250ms ease;
}
.newsindex .slick-arrows .slick-arrow {
	border: none;
}
.slick-arrows .slick-disabled {
	pointer-events: none;
	opacity: 0.3;
}
.slick-arrows .slick-next {
	background-image: url('../svg/slick-next.svg');
}
.slick-arrows .slick-prev {
	background-image: url('../svg/slick-previous.svg');
}
.grid-system-whywelove-content .slick-arrows .slick-next {
	background-image: url('../svg/slick-next-black.svg');
}
.grid-system-whywelove-content .slick-arrows .slick-prev {
	background-image: url('../svg/slick-previous-black.svg');
}
.grid-system-whywelove-content .slick-arrows .slick-arrow {
	border-color: var(--black);
}
.slick-arrows.news-index-arrows.industry .slick-next {
	background-image: url('../svg/slick-next-white.svg');
}
.slick-arrows.news-index-arrows.industry .slick-prev {
	background-image: url('../svg/slick-previous-white.svg');
}




.grid-system-introduction {
	position: relative;
}
.grid-system-introduction-inner {
	height: 100%;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.grid-system-introduction-inner > div {
	flex-basis: 100%;
}
.grid-system-introduction-content {
	padding: 7.5rem;
}
.grid-system-introduction-content p {
	font-size: 1.5em;
	line-height: 1.25em;
	letter-spacing: 0;
	margin-bottom: 0;
}
.grid-system-introduction-image {

}
.grid-system-introduction-image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	object-position: center center;
}


.grid-system-team_member {
	position: relative;
}
.grid-system-team_member-inner {
	height: 100%;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
    align-content: stretch;
}
.grid-system-team_member-inner > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.grid-system-team_member-inner > div {
	flex-basis: 100%;
	height: 50%;
}
.grid-system-team_member-content {
	height: auto;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	row-gap: 1em;
	align-content: space-between;
	padding: 5rem;
}
.grid-system-team_member-content > div {
	flex-basis: 100%;
}
.grid-system-team_member-video video {
	object-fit: cover;
	width: 100%;
	height: 100%;
	object-position: center center;
}
.grid-system-team_member img {
	object-fit: contain;
    width: 100%;
    height: 100%;
	background-color: var(--white);
	border: 0.1rem solid var(--lightgrey);
	border-radius: 0 0 8px 8px;
}


.grid-system-newsletter {
	color: var(--white);
}
.grid-system-newsletter form {
	width: 100%;
}
.grid-system-newsletter-inner {
	height: 100%;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}
.grid-system-newsletter-inner > div {
	flex-basis: 100%;
}
section.newsletter {
	background-image: url('../svg/newsletteredge.svg');
	background-repeat: no-repeat;
    background-position: right bottom;
	background-size: auto 50%;
}
section.newsletter.darkblue {
	background-image: url('../svg/newsletteredge-light.svg');
}
.newsletter-holder {
	max-width: 800px;
	margin: 0 auto 0 auto;
}
.newsletter-holder .newsletter-title,
.newsletter-holder .newsletter-form-holder {
	padding-left: 0;
	padding-right: 0;
}
.newsletter-title {
	flex-basis: 100%;
	font-size: 2.25em;
	padding: 7.5% 7.5% 0 7.5%;
    letter-spacing: 0.015em;
	margin: 0 0 0.25em 0;
	color: var(--white);
}
.newsletter-copy {
	flex-basis: 100%;
	padding: 0 7.5% 0 7.5%;
	font-size: 1.2em;
	line-height: 1.5em;
}
.newsletter-image {
	width: 100%;
	margin: auto auto 0 auto;
}
.newsletter-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}
.newsletter-form-holder {
	flex-basis: 100%;
	padding: 0 7.5% 7.5% 7.5%;
}
.newsletter-form {
	position: relative;
	width: 100%;
}
.newsletter-form input {
	border-radius: 6px;
}
.newsletter-form input[type="email"] {
	width: 100%;
	padding: 0.75em calc(0.75em + 65px) 0.75em 0.75em;
}
.newsletter-form input[type="submit"] {
	min-width: 65px;
	width: auto;
	padding: 0.5rem 1em 0 1em;
	height: 100%;
	position: absolute;
	right: 0;
	text-align: center;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background-color: var(--darkblue);
}
.newsletter-holder .newsletter-form input[type="submit"] {
	padding: 0 1.5em 0 1.5em;
}
section.darkblue .newsletter-holder .newsletter-form input[type="submit"] {
	background-color: var(--primaryblue);
}
section.darkblue .newsletter-holder .newsletter-form input[type="submit"]:hover {
	background-color: #600004;
}
#gform_10 fieldset .ginput_container>span {
	width: 100%;
	float: none;
}
#gform_10 fieldset .ginput_container>span:first-of-type {
	margin-bottom: 1em;
	display: inline-block;
}
#gform_10 span.gfield_required {
    display: unset;
}
#gform_10 .gfield--type-choice legend {
	font-family: 'Graphik-Medium';
	font-weight: normal;
	line-height: 1.25em;
}
#gform_10 .gfield_checkbox {
	grid-template-columns: repeat(4, 1fr);
}
#gform_10 .gfield_checkbox .gchoice {
    display: flex;
	align-items: center;
}
#gform_10 .gfield_choice_all_toggle {
	appearance: none;
    background: none;
    border: none;
    padding: 0;
    height: 1.5em;
    color: var(--white);
	position: relative;
}


.overlay-forms .form-instructions.newsletter,
.overlay-forms .section-form.newsletter {
	display: none;
}


.grid-system-read {
	position: relative;
	background: rgb(146,0,11);
	background: linear-gradient(135deg, rgba(146,0,11,1) 0%, rgba(90,0,4,1) 100%);
}
.grid-system-read > img:not(.broker-headshot-inner) {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: right center;
	z-index: 0;
}
.grid-system-read .broker-headshot {
	position: absolute;
    bottom: 2.5rem;
    right: 2.5rem;
    width: calc(50% - 5rem);
    height: calc(100% - 5rem);
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: end;
}
.grid-system-read .broker-headshot-inner {
    object-fit: cover;
    object-position: center center;
    border-radius: 100%;
    aspect-ratio: 1 / 1;
}
.grid-system-read > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.grid-system-read-inner {
	position: relative;
	height: 100%;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	padding: calc(5rem / 2);
}
.grid-system-read-inner > div {
	flex-basis: 100%;
}
.grid-system-read-inner h6 {
	margin: 0 0 0 0;
}
.grid-system-read-inner h3 {
	margin: 0.666em 0 0 0;
}
.grid-system-read button {
	display: block;
	margin: 2em auto 0 0;
    width: 45px;
    height: 25px;
    border-radius: 12px;
    border: var(--white) 2px solid;
    background-color: transparent;
    background-image: url('../svg/arrow-repeat-white.svg');
    background-repeat: no-repeat;
    background-position: center center;
    transition: background-position 500ms ease;
}
.grid-system-read:hover button {
	background-position: -30% center;
}






.grid-system-image {
	position: relative;
}
.grid-system-image-inner {
	height: 100%;
    width: 100%;
	position: relative;
	aspect-ratio: 199 / 136;
}
.headshot .grid-system-image-inner {
	aspect-ratio: 199 / 68 !important;
}
.scenic .grid-system-image-inner {
	aspect-ratio: 199 / 68 !important;
}
.grid-system-image-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40%;
	background: linear-gradient(#fff 0%, #808080 50%);
	mix-blend-mode: multiply;
}
.grid-system-image-inner > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.grid-system-image img {
	object-fit: cover;
    width: 100%;
    height: 100%;
	position: absolute;
	object-position: center center;
}
body.single-team .grid-system-image.dynamic img {
	position: relative;
}
.grid-system-image-content {
	height: 100%;
    width: 100%;
	padding: 5rem;
	position: relative;
	color: var(--white);
}
.grid-system-image-content-inner {
	height: 100%;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}
.grid-system-image-content-inner > div {
	flex-basis: 100%;
}
.grid-system-image h2 {
    margin-bottom: 0.333em;
}
.grid-system-image p {
	font-size: 1.2em;
    line-height: 1.3em;
	letter-spacing: 0;
}
.grid-system-image-inner.haslink .grid-system-image-content-inner p {
	text-decoration: underline;
}



.grid-system-video {

}
.grid-system-video-inner {
    width: 100%;
	height: 100%;
}
.grid-system-video-holder {
	border-radius: 8px;
    overflow: hidden;
	position: relative;
}
.grid-system-video-holder:hover .video-overlay {
	opacity: 0.5;
}
.grid-system-video video {
	object-fit: cover;
    width: 100%;
    height: 100%;
	display: block;
}
.video-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--black);
	transition: opacity 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	opacity: 0;
	z-index: 1;
	cursor: pointer;
}
.video-overlay img {
	position: relative;
	width: 112px;
	height: 26px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


.grid-system-weather {
	color: var(--white);
}
.grid-system-weather-inner {
	height: 100%;
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	padding: 10%;
	column-gap: 2em;
}
.grid-system-weather-inner.code116 {
	background: linear-gradient(31.27deg, #bae3ff 0%, #50aeed 38.42%, #0086e0 100%);
}
.grid-system-weather-inner.code248 {
	background: linear-gradient(31.27deg, #bae3ff 0%, #50aeed 38.42%, #0086e0 100%);
}
.grid-system-weather-inner > div {
    width: 100%;
}
.grid-system-weather-inner div img {
	width: 100%;
}
.grid-system-weather-inner div p {
	font-size: 2.5em;
    line-height: unset;
	letter-spacing: -0.015em;
	margin: 0 0 1rem 0;
    padding: 0 0 1rem 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.grid-system-weather-inner div p small {
    font-size: 0.55em;
	letter-spacing: 0;
}


.grid-system-animation {
	color: var(--white);
}
.grid-system-animation-inner {
	height: 100%;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 5rem;
	row-gap: 1em;
	align-content: space-between;
	position: relative;
}
.grid-system-animation-inner > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.grid-system-animation p {
	font-size: 1.2em;
    line-height: 1.3em;
    letter-spacing: 0;
}



.grid-system-team {
    overflow: visible !important;
}
.grid-system-team-inner {
	background-color: var(--primaryblue);
	position: relative;
	padding: 7.5rem;
	border-radius: 8px;
}
.team-search-holder {

}
hr.teamwithsearch {
	margin: 0 0 0 0;
	background-color: var(--primaryblue);
	border: none;
	height: 1px;
}


section.featured {
	overflow-x: hidden;
}
.featured-lower hr,
.testimonials-lower hr,
.recommendations-lower hr {
	display: none;
}
.featured-title {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
    justify-content: space-between;
}
.featured-lower .slick-arrows,
.featured-title .slick-arrows {
	margin: 0 0 0 0;
}
.featured-lower .slick-arrow,
.featured-title .slick-arrow {
	border: none;
	background-color: var(--white);
}
.featured-lower .slick-arrows .slick-next,
.featured-title .slick-arrows .slick-next {
	background-image: url('../svg/slick-next.svg');
}
.featured-lower .slick-arrows .slick-prev,
.featured-title .slick-arrows .slick-prev {
	background-image: url('../svg/slick-previous.svg');
}
.afeatured {
    flex-wrap: wrap;
    flex-direction: column;
	padding-bottom: calc(2em + 25px);
}
.afeatured > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.afeatured h3 {
	margin: 1em 0 0 0;
	min-height: calc(1.3em * 2);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.afeatured p {
	margin: 1em 0 0 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.afeatured-image {
	border-radius: 8px;
	aspect-ratio: 23 / 15;
	overflow: hidden;
	width: 100%;
    height: auto;
	margin: 0 0 0 0;
}
.afeatured-image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	object-position: center center;
}
.featured-inner .slick-list {
	display: flex;
	margin: 0 -2vw;
    overflow: visible;
}
.featured-inner .slick-track {
	display: flex;
}
.featured-inner .slick-slide {
	margin: 0 2vw;
	position: relative;
	display: flex;
}
.featured-inner .slick-slide::after {
	content: "";
	position: absolute;
	top: 0;
	right: -2vw;
	width: 1px;
	height: 100%;
	background-color: var(--darkblue);
	opacity: 0.5;
}
.featured-inner .slick-dots {
	list-style: none;
	margin: 4em auto 0 auto;
	padding: 0;
	display: flex;
	justify-content: center;
	column-gap: 0.5em;
}
.featured-inner .slick-dots button {
	border: none;
	width: 16px;
	height: 16px;
	border-radius: 16px;
	color: transparent;
	background-color: var(--darkblue);
	transition: background-color 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.featured-inner .slick-dots button:hover {
	background-color: #9b0b28;
}
.featured-inner .slick-dots .slick-active button {
	background-color: var(--white);
}
.featured-inner .afeatured button {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	margin: 2em auto 0 0;
    width: 45px;
    height: 25px;
    border-radius: 12px;
    border: var(--white) 2px solid;
    background-color: transparent;
    background-image: url('../svg/arrow-repeat-white.svg');
    background-repeat: no-repeat;
    background-position: center center;
    transition: background-position 500ms ease;
}
.featured-inner .afeatured:hover button {
	background-position: -30% center;
}



section.recommendations {
	overflow-x: hidden;
}
.recommendations-title {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
}
.recommendations-lower .slick-arrows,
.recommendations-title .slick-arrows {
	margin: 0 0 0 0;
}
.recommendations-lower .slick-arrow,
.recommendations-title .slick-arrow {
	border: none;
	background-color: var(--primaryblue);
}
.recommendations-lower .slick-arrows .slick-next,
.recommendations-title .slick-arrows .slick-next {
	background-image: url('../svg/slick-next-white.svg');
}
.recommendations-lower .slick-arrows .slick-prev,
.recommendations-title .slick-arrows .slick-prev {
	background-image: url('../svg/slick-previous-white.svg');
}
.arecommendation {
	border-radius: 8px;
	overflow: hidden;
	flex-wrap: wrap;
    flex-direction: column;
	padding-bottom: 1em;
}
.arecommendation > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.arecommendation h6 {
	margin: 2em 2.5rem 10px 2.5rem;
}
.arecommendation h3 {
	font-family: 'Graphik-Regular';
	font-weight: 400;
	margin: 0 2.5rem 0 2.5rem;
}
.arecommendation p {
	margin: 0 2.5rem 0 2.5rem;
}
.arecommendation h3.arecommendation-yacht {
    font-family: 'FinancierDisplay-Regular';
    font-weight: 400;
    font-size: 1.666em;
}
.arecommendation-image {
	aspect-ratio: 163 / 106;
	overflow: hidden;
	width: 100%;
    height: auto;
	margin: 0 0 0 0;
}
.arecommendation-image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	object-position: center center;
}
.arecommendation-play {
	height: 30px;
	width: auto;
	text-align: left;
	margin: 10px auto 10px 0;
}
.recommendations-inner .slick-list {
	display: flex;
	margin: 0 -2vw;
    overflow: visible;
}
.recommendations-inner .slick-track {
	display: flex;
}
.recommendations-inner .slick-slide {
	margin: 0 2vw;
	position: relative;
	display: flex;
	border: 1px solid #eeeeee;
}
.recommendations-inner .slick-slide::after {
	content: "";
	position: absolute;
	top: 0;
	right: -2vw;
	width: 1px;
	height: 100%;
	background-color: var(--darkblue);
	opacity: 0.5;
}
.recommendations-inner .slick-dots {
	list-style: none;
	margin: 4em auto 0 auto;
	padding: 0;
	display: flex;
	justify-content: center;
	column-gap: 0.5em;
}
.recommendations-inner .slick-dots button {
	border: none;
	width: 16px;
	height: 16px;
	border-radius: 16px;
	color: transparent;
	background-color: #AFAFAF;
	transition: background-color 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.recommendations-inner .slick-dots button:hover {
	background-color: var(--apidarkgrey);
}
.recommendations-inner .slick-dots .slick-active button {
	background-color: var(--primaryblue);
}





section.testimonials {
	overflow-x: hidden;
}
.testimonials-title {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
    justify-content: space-between;
}
.testimonials-lower .slick-arrows,
.testimonials-title .slick-arrows {
	margin: 0 0 0 0;
}
.testimonials-lower .slick-arrow,
.testimonials-title .slick-arrow {
	border: none;
	background-color: var(--primaryblue);
}
.testimonials-lower .slick-arrows .slick-next,
.testimonials-title .slick-arrows .slick-next {
	background-image: url('../svg/slick-next-white.svg');
}
.testimonials-lower .slick-arrows .slick-prev,
.testimonials-title .slick-arrows .slick-prev {
	background-image: url('../svg/slick-previous-white.svg');
}
.atestimonial {
	border-radius: 8px;
	text-align: center;
	padding: 5rem;
	background-color: var(--lightgrey);
}
.atestimonial-inner {
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	align-content: space-between;
	row-gap: 2em;
}
.atestimonial-inner p {
	flex-basis: 100%;
	margin-bottom: 0;
}
.atestimonial p:first-of-type {
	font-family: 'FinancierDisplay-Regular';
	font-size: 1.5em;
	line-height: 1.333em;
}

.testimonials-inner .slick-list {
	display: flex;
	margin: 0 -1vw;
    overflow: visible;
}
.testimonials-inner .slick-track {
	display: flex;
}
.testimonials-inner .slick-slide {
	margin: 0 1vw;
}
.testimonials-inner .slick-dots {
	list-style: none;
	margin: 4em auto 0 auto;
	padding: 0;
	display: flex;
	justify-content: center;
	column-gap: 0.5em;
}
.testimonials-inner .slick-dots button {
	border: none;
	width: 16px;
	height: 16px;
	border-radius: 16px;
	color: transparent;
	background-color: #AFAFAF;
	transition: background-color 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.testimonials-inner .slick-dots button:hover {
	background-color: var(--apidarkgrey);
}
.testimonials-inner .slick-dots .slick-active button {
	background-color: var(--primaryblue);
}



section.cta,
.grid-system-cta {
	text-align: center;
}
section.cta.gold,
.grid-system-cta.goldlight {
	background-color: var(--primaryblue);
	color: var(--white);
	transition: background-color 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
section.cta.gold.hovered,
.grid-system-cta.goldlight.hovered {
	background-color: var(--darkblue);
}
section.cta.gold h2,
.grid-system-cta.goldlight h2 {
	color: var(--white);
	margin-bottom: 0.666em;
	max-width: 875px;
	margin-left: auto;
	margin-right: auto;
}
section.cta.gold p,
.grid-system-cta.goldlight p {
	margin-bottom: 0;
}
.cta-holder {
	position: relative;
	padding: 5em 0 5em 0;
}
.cta-holder > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none !important;
}
.cta-holder > img {
	width: 100%;
	height: auto;
	margin: 0 auto 1em auto;
	max-width: 100px;
}



section.faq {

}
section.faq h3 {
	text-align: center;
	font-family: 'Graphik-Medium';
    font-weight: normal;
    text-transform: none;
    margin: 0 0 0 0;
}
.faq-holder {
	padding: 10rem;
	border-radius: 8px;
}
.faq-holder-inner {
	max-width: 795px;
	margin: 3em auto 3em auto;
}
section.faq .showmore {
	font-family: 'Graphik-Semibold';
	border: none;
	appearance: none;
	background: none;
	margin: 0 auto 0 auto;
	display: block;
	color: inherit;
	padding: 0 1.5em 0 0;
	position: relative;
}
section.faq .showmore span {
	font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	font-weight: 300;
	font-size: 1em;
	transform: rotate(90deg) scale(2,2);
	transform-origin: center center;
	display: inline-block;
	text-align: right;
	position: absolute; 
	right: 0;
}
.faq-item {
	border-bottom: 1px solid;
}
.faq-question {
	margin: 0 0 0 0;
    padding: 1em 2em 1em 0;
	cursor: pointer;
	position: relative;
	font-family: 'Graphik-Medium';
	font-weight: normal;
}

.faq-question::after {
	font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	font-weight: 200;
	font-size: 1em;
	transform: rotate(90deg) scale(2,2);
	transform-origin: center center;
	content: "›";
	display: inline-block;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -0.5em;
	transition: transform 250ms ease;
}
.faq-question.opened::after {
	transform: rotate(270deg) scale(2,-2);
}
.faq-hidden,
.faq-answer {
	display: none;
}
.faq-answer {
	margin: 0 0 1em 0;
}
.faq-holder ul,
.faq-holder ol {
	margin: 0 0 1em 0;
    padding: 0 0 0 1em;
}

section.faq.blueongrey {
	background-color: var(--lightgrey);
	color: var(--white);
} 
section.faq.blueongrey .faq-holder {
	background-color: var(--primaryblue);
}

section.faq.blueonwhite {
	background-color: var(--white);
	color: var(--white);
} 
section.faq.blueonwhite .faq-holder {
	background-color: var(--primaryblue);
}

section.faq.greyonwhite {
	background-color: var(--white);
	color: var(--primaryblue);
} 
section.faq.greyonwhite .faq-holder {
	background-color: var(--lightgrey);
}

section.faq.whiteonblue {
	background-color: var(--primaryblue);
	color: var(--primaryblue);
}
section.faq.whiteonblue .faq-holder {
	background-color: var(--white);
}
section.faq.whiteonblue .showmore {
	color: var(--primaryblue);

}

section.faq.whiteongrey {
	background-color: var(--lightgrey);
	color: var(--primaryblue);
}
section.faq.whiteongrey .faq-holder {
	background-color: var(--white);
} 
section.faq.whiteongrey .faq-answer {
	color: var(--black);
}

section.newsindex {
	border-radius: 8px;
	overflow: hidden;
	margin: 0 auto 2.5em 0;
	padding: 2% 0 2% 0;
}
section.newsindex:last-of-type {
	margin-bottom: 5em;
}
.news-index-date  {
	margin: 1.5rem 3rem 0.5em 3rem;
	font-size: 0.666em;
	text-transform: uppercase;
	font-family: 'Graphik-Medium';
	font-weight: normal;
	letter-spacing: 0.15em;
	color: var(--primaryblue);
}
.news-index-title {
	margin: 0 3rem 1em 3rem;
	font-family: 'Graphik-Regular';
	font-weight: normal;
	letter-spacing: normal;
	color: var(--black) !important;
}
.news-index-author {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	column-gap: 1em;
	margin: auto 3rem 3rem 3rem;
}
.news-index-author img {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
.news-index-author p {
	color: var(--black) !important;
	font-size: 0.666em;
	line-height: 1.2em;
	text-transform: uppercase;
	font-family: 'Graphik-Medium';
	font-weight: normal;
	letter-spacing: 0.15em;
	margin: 0;
}

.news-index-holder {

}
.news-index-holder .slick-list {
    margin: 0 -2vw;
	overflow: visible;
}
.news-index-holder .slick-track {
	margin-left: 0;
	display: flex;
}
.news-index-holder .slick-slide {
    margin: 0 2vw;
	display: flex;
	height: auto;
	flex-wrap: wrap;
	flex-direction: column;
	align-content: start;
}
.news-index-holder .slick-slide:last-of-type {
	margin: 0 0 0 2vw;
}
.news-index-holder:not(.slick-initialized) .news-index-item:not(:first-of-type) {
	/*display: none;*/
}
.news-index-holder:not(.slick-initialized) .news-index-item .news-index-image {
	max-width: 400px;
}


.news-index-item {
	background-color: var(--white);
	border-radius: 8px;
	box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.10);
	overflow: hidden;
}
.news-index-item > a {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
    height: 100%;
}
.news-index-image {
	width: 100%;
	height: auto;
	aspect-ratio: 163 / 106;
	overflow: hidden;
	position: relative;
}
.news-index-image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	object-position: center center;	
}



.news-index-arrows {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	column-gap: 0.5em;
	margin: 2.5em 0 1em 0;
}
.news-index-arrows.slick-arrows .slick-arrow {
	margin-top: 0;
}
.news-index-arrows-inner {
	display: flex;
    flex-wrap: nowrap;
}
.news-index-arrows-rule {
	width: 100%;
}
.news-index-arrows-rule hr {
	height: 1px;
	border: none;
	margin: 0;
	padding: 0;
}
.news-index-arrows.editorial hr {
	background-color: #b95566;
}
.news-index-arrows.editorial .slick-arrow {
	background-color: var(--white);
}
.news-index-arrows.industry hr {
	background-color: #f5f6f7;
}
.news-index-arrows.industry .slick-arrow {
	background-color: var(--primaryblue);
}
.news-index-arrows.company hr {
	background-color: #975252;
}
.news-index-arrows.company .slick-arrow {
	background-color: var(--white);
}


/*------------------------------------*\
	REGISTRATION
\*------------------------------------*/

/*
body.page-template-template-registration * {
	outline: 1px solid yellowgreen;
}
*/

/* cursors */
body.page-template-template-registration div.cursor,
body.page-template-template-registration canvas.cursor {
	display: none;
}
body.page-template-template-registration,
body.page-template-template-registration input,
body.page-template-template-registration textarea {
	cursor: auto;
}
body.page-template-template-registration select,
body.page-template-template-registration input[type="checkbox"]+label,
body.page-template-template-registration button,
body.page-template-template-registration input[type="button"],
body.page-template-template-registration input[type="submit"],
body.page-template-template-registration a {
	cursor: pointer;
}

body.page-template-template-registration .header,
body.page-template-template-registration .footer-links {
	display: none;
}

body.page-template-template-registration .back-to-top {
	z-index: 0;
}


body.page-template-template-registration {
	background-color: #F9F5F0;
}



.register #skip-1 {
	opacity: 0.1;
	display: none;
}
.register #content-2,
.register #back-2,
.register .allforms,
.register .gfield.hidedesc .gfield_description {
	display: none;
}

.register .gfield {
	opacity: 1;
	transition: height linear 250ms, opacity linear 250ms;
}
.register .gfield.conditional {
	opacity: 0;
	height: 0;
	margin: 0;
}

.register-buttons {
	width: 100%;
	margin: 0 auto 0 auto;
	display: grid;
}
.register-buttons button {
	appearance: none;
    font-size: 1.35em;
    line-height: 1.2em;
    padding: 0.75em;
	text-align: left;
	margin: 0 auto 2em auto;
	background-color: #CBB046;
	color: white;
    border: none;
    width: 100%;
	transition: background-color linear 250ms, color linear 250ms;
	box-shadow: 0 0 3px rgba(0, 0, 0, 35%);

}
.register-buttons button.firstload {
	background-color: var(--darkblue);
	color: white;
}
.r-menu .register-buttons button {
	background-color: var(--gold);
	color: white;
}
.r-menu .register-buttons button.firstload {
	background-color: white;
	color: var(--darkblue);
}

.register .gfield {
	margin: 0 0 2em 0;
}
.register button[type="submit"],
.register input[type="submit"] {
	margin-top: 0;
	width: 100%;
}

.register .gfield.rhidden {
	display: none;
	pointer-events: none;
}


.register p.larger {
	font-size: 1.35em;
    line-height: 1.4em;
    margin: 2em 0 0 0;
}

.register .gform_footer,
.register .gform_page_footer {
	margin: 2em 0 2em 0;
	position: relative;
}
.register .gform_page_footer {
	display: flex;
    flex-wrap: nowrap;
    column-gap: 2%;
}

.register .gform_ajax_spinner {
	position: absolute;
	bottom: -2em;
	left: 0;
	margin: 0;
}

.register .gfield--type-date > div {
	display: flex;
}
.register .gfield--type-date label,
.register .gfield.gfield--type-date legend {
	font-family: 'Graphik-Medium';
	font-style: normal;
	font-weight: 500;
}
.register .gfield.gfield--type-choice {
	font-size: 1.35em;
	line-height: 1.2em;
	margin: 0 0 1em 0;
}


#registerreset {
	border: none;
    border-radius: 3px;
    padding: 0.5em 1em;
    letter-spacing: 0.05em;
    font-family: 'Graphik-Regular';
    background-color: #ededed;
}


.r-header {
	position: relative;
    z-index: 1;
	padding: 5% 0 0 0;
	width: 100%;
}
.r-header.r-menuopen {
	position: fixed;
}
.r-header .wrapper {
	padding: 0;
}
.r-header-inner {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.r-menu {
	padding-top: calc(32px + 5%);
	background-color: transparent;
	position: fixed;
	width: 100%;
	height: 100vh;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: 1;
	visibility: hidden;
	transition: opacity 500ms linear, visibility 500ms linear, background-color 500ms linear;
}
.r-menu.r-menuopen {
	background-color: var(--darkblue);
	visibility: visible;
	opacity: 1;
}
.post.r-menuopen {
	padding-top: calc(32px + 5%);
}


.r-logo svg {
	max-width: 260px;
	width: 260px;
	height: 32px;
	vertical-align: bottom;
}
.r-logo svg #HillRobinson path {
	transition: fill 500ms linear;
}
.r-header.r-menuopen .r-logo svg #HillRobinson path {
	fill: white;
}

#registermenu {
	display: none;
}
.r-menubutton {
	cursor: pointer;
	margin: 4px 0 4px 0;
	height: 24px;
	width: 46px;
	position: relative;
}
.r-menubutton span {
	display: block;
	height: 2px;
	position: absolute;
	width: 100%;
	background-color: var(--deeperblue);
	border-radius: 2px;
	transition: opacity 250ms linear, transform 250ms linear, background-color 250ms linear;
}
.r-menubutton span:nth-of-type(1) {
	top: 0;
}
.r-menubutton span:nth-of-type(2) {
	top: 50%;
	margin-top: -1px;
}
.r-menubutton span:nth-of-type(3) {
	bottom: 0;
}
.r-header.r-menuopen .r-menubutton span:nth-of-type(1) {
	transform: rotate(45deg) translate(7px, 8px);
	background-color: white;
}
.r-header.r-menuopen .r-menubutton span:nth-of-type(2) {
	opacity: 0;
}
.r-header.r-menuopen .r-menubutton span:nth-of-type(3) {
    transform: rotate(-45deg) translate(8px, -8px);
	background-color: white;
}

#back-2 {
	border: none;
	background-color: transparent;
	margin: 4em 0 0 0;
	color: inherit;
}

/* date picker */
.ui-datepicker {
	font-family: "Graphik-Regular";
	background-color: #fff;
	box-shadow: 0 0px 6px rgba(0, 0, 0, 0.3);
}
.ui-datepicker a {
	text-decoration: none;
}
.ui-datepicker-header {
	display: flex;
}
.ui-datepicker-prev, 
.ui-datepicker-next,
.ui-datepicker-month,
.ui-datepicker-year {
	flex: 1 0 auto;
	border: 1px solid transparent;
	border-radius: 0;
	background-color: #ffffff;
	color: inherit;
	padding: 0.25em 0.5em 0.25em 0.5em;
	appearance: none;
	font-weight: 600;
	font-size: inherit;
	line-height: inherit;
	cursor: pointer;
	text-align: center;
	width: auto;
	box-shadow: 0 0 1px #b2b2b2;
	transition: border 250ms linear, background-color 250ms linear;
}
.ui-datepicker-prev:hover,
.ui-datepicker-next:hover,
.ui-datepicker-month:hover,
.ui-datepicker-year:hover {
	background-color: #f4f4f4;
}
.ui-datepicker-prev {
	order: -2;
	background-image: url('../svg/date-previous.svg');
	background-repeat: no-repeat;
	background-size: 100% 50%;
	background-position: center center;
}
.ui-datepicker-title {
	order: -1;
}
.ui-datepicker-month,
.ui-datepicker-year {
	background-image: url(../svg/r_down.svg);
    background-position: calc(100% - 0.5em) center;
	background-repeat: no-repeat;
	background-size: 14px auto;
	padding-right: calc(0.5em + 14px + 0.5em);
	text-align: left;
}
.ui-datepicker-next {
	background-image: url('../svg/date-next.svg');
	background-repeat: no-repeat;
	background-size: auto 50%;
	background-position: center center;
}
.ui-datepicker-prev,
.ui-datepicker-next {
	color: transparent;	
}
.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
	color: transparent;	
}
.ui-datepicker-calendar {
	background-color: #ffffff;	
	border: 0;	
	margin: 0;	
	max-width: 100%;	
	width: 100%;	
}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
	border: 0;
	padding: 0;
	width: calc(100% / 7);
	text-align: center;
}
.ui-datepicker-calendar th a,
.ui-datepicker-calendar td a {
	display: inline-block;
	padding: 0;
	width: 2em;
	height: 2em;
	line-height: 2em;
	border-radius: 100%;
	font-weight: 600;
}
.ui-datepicker-calendar th a:hover,
.ui-datepicker-calendar td a:hover {
	background-color: #f4f4f4;
}
.ui-datepicker-calendar th {
	font-weight: normal;
	padding: 0.25em 0.5em 0.25em 0.5em ;
	color: #b2b2b2;
}
.ui-datepicker-unselectable {
	opacity: 0.5;
}
.ui-state-disabled {
	cursor: not-allowed;
}



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

/* Aeonik */

@font-face {
	font-family: 'Aeonik-Medium';
	font-style: normal;
	font-weight: 500;
	src: url("../eot/aeonik-medium.eot");
	src: /*url("fonts/Aeonik-Medium.eot?#iefix") format("embedded-opentype"),*/ url("../woff/aeonik-medium.woff") format("woff"), url("../ttf/aeonik-medium.ttf") format("truetype"), url("../svg/aeonik-medium.svg#Aeonik-Medium") format("svg");
	text-rendering: optimizeLegibility;
	font-display: swap;
}

/* Graphik */

@font-face {
	font-family: 'Graphik-Light';
	font-style: normal;
	font-weight: 300;
	src: url("../eot/graphik-light.eot");
	src: /*url("fonts/Graphik-Light.eot?#iefix") format("embedded-opentype"),*/ url("../woff/graphik-light.woff") format("woff"), url("../ttf/graphik-light.ttf") format("truetype"), url("../svg/graphik-light.svg#Graphik-Light") format("svg");
	text-rendering: optimizeLegibility;
	font-display: swap;
}

@font-face {
	font-family: 'Graphik-Regular';
	font-style: normal;
	font-weight: 400;
	src: url("../eot/graphik-regular.eot");
	src: /*url("fonts/Graphik-Regular.eot?#iefix") format("embedded-opentype"),*/ url("../woff/graphik-regular.woff") format("woff"), url("../ttf/graphik-regular.ttf") format("truetype"), url("../svg/graphik-regular.svg#Graphik-Regular") format("svg");
	text-rendering: optimizeLegibility;
	font-display: swap;
}

@font-face {
	font-family: 'Graphik-Medium';
	font-style: normal;
	font-weight: 500;
	src: url("../eot/graphik-medium.eot");
	src: /*url("fonts/Graphik-Medium.eot?#iefix") format("embedded-opentype"),*/ url("../woff/graphik-medium.woff") format("woff"), url("../ttf/graphik-medium.ttf") format("truetype"), url("../svg/graphik-medium.svg#Graphik-Medium") format("svg");
	text-rendering: optimizeLegibility;
	font-display: swap;
}

@font-face {
	font-family: 'Graphik-Semibold';
	font-style: normal;
	font-weight: 600;
	src: url("../eot/graphik-semibold.eot");
	src: /*url("fonts/Graphik-Semibold.eot?#iefix") format("embedded-opentype"),*/ url("../woff/graphik-semibold.woff") format("woff"), url("../ttf/graphik-semibold.ttf") format("truetype"), url("../svg/graphik-semibold.svg#Graphik-Semibold") format("svg");
	text-rendering: optimizeLegibility;
	font-display: swap;
}

/* Sharp Sans No1 */

@font-face {
	font-family: 'SharpSansNo1-Medium';
	font-style: normal;
	font-weight: 500;
	src: url("../eot/sharpsansno1-medium.eot");
	src: /*url("fonts/SharpSansNo1-Medium.eot?#iefix") format("embedded-opentype"),*/ url("../woff/sharpsansno1-medium.woff") format("woff"), url("../ttf/sharpsansno1-medium.ttf") format("truetype"), url("../svg/sharpsansno1-medium.svg#SharpSansNo1-Medium") format("svg");
	text-rendering: optimizeLegibility;
	font-display: swap;
}

@font-face {
	font-family: 'SharpSansNo1-Semibold';
	font-style: normal;
	font-weight: 600;
	src: url("../eot/sharpsansno1-semibold.eot");
	src: /*url("fonts/SharpSansNo1-Semibold.eot?#iefix") format("embedded-opentype"),*/ url("../woff/sharpsansno1-semibold.woff") format("woff"), url("../ttf/sharpsansno1-semibold.ttf") format("truetype"), url("../svg/sharpsansno1-semibold.svg#SharpSansNo1-Semibold") format("svg");
	text-rendering: optimizeLegibility;
	font-display: swap;
}

@font-face {
	font-family: 'SharpSansNo1-Bold';
	font-style: normal;
	font-weight: 700;
	src: url("../eot/sharpsansno1-bold.eot");
	src: /*url("fonts/SharpSansNo1-Bold.eot?#iefix") format("embedded-opentype"),*/ url("../woff/sharpsansno1-bold.woff") format("woff"), url("../ttf/sharpsansno1-bold.ttf") format("truetype"), url("../svg/sharpsansno1-medium.svg#SharpSansNo1-Bold") format("svg");
	text-rendering: optimizeLegibility;
	font-display: swap;
}

@font-face {
	font-family: 'SharpSansNo1-Extrabold';
	font-style: normal;
	font-weight: 800;
	src: url("../eot/sharpsansno1-extrabold.eot");
	src: /*url("fonts/SharpSansNo1-Extrabold.eot?#iefix") format("embedded-opentype"),*/ url("../woff/sharpsansno1-extrabold.woff") format("woff"), url("../ttf/sharpsansno1-extrabold.ttf") format("truetype"), url("../svg/sharpsansno1-semibold.svg#SharpSansNo1-Extrabold") format("svg");
	text-rendering: optimizeLegibility;
	font-display: swap;
}

@font-face {
	font-family: 'SharpSansNo1-Black';
	font-style: normal;
	font-weight: 900;
	src: url("../eot/sharpsansno1-black.eot");
	src: /*url("fonts/SharpSansNo1-Black.eot?#iefix") format("embedded-opentype"),*/ url("../woff/sharpsansno1-black.woff") format("woff"), url("../ttf/sharpsansno1-black.ttf") format("truetype"), url("../svg/sharpsansno1-semibold.svg#SharpSansNo1-Black") format("svg");
	text-rendering: optimizeLegibility;
	font-display: swap;
}

@font-face {
	font-family: 'SharpSansNo1-Book';
	src: url('../eot/sharpsansno1-book.eot');
	src: /*url("fonts/SharpSansNo1-Book.eot?#iefix") format("embedded-opentype"),*/ url('../woff/sharpsansno1-book.woff') format('woff'), url('../ttf/sharpsansno1-book.ttf') format('truetype'), url('../svg/sharpsansno1-book.svg') format('svg');
	font-weight: 300;
	font-style: normal;
	text-rendering: optimizeLegibility;
	font-display: swap;
}

/* Financier */
@font-face {
	font-family: 'FinancierDisplay-LightItalic';
	src: url('../eot/financierdisplay-lightitalic.eot');
	src: /*url("fonts/FinancierDisplay-LightItalic?#iefix") format("embedded-opentype"),*/ url('../woff/financierdisplay-lightitalic.woff') format('woff'), url('../ttf/financierdisplay-lightitalic.ttf') format('truetype'), url('../svg/financierdisplay-lightitalic.svg') format('svg');
	font-weight: 300;
	font-style: normal;
	text-rendering: optimizeLegibility;
	font-display: swap;
}
@font-face {
	font-family: 'FinancierDisplay-Light';
	src: url('../eot/financierdisplay-light.eot');
	src: /*url("fonts/FinancierDisplay-Light?#iefix") format("embedded-opentype"),*/ url('../woff/financierdisplay-light.woff') format('woff'), url('../ttf/financierdisplay-light.ttf') format('truetype'), url('../svg/financierdisplay-light.svg') format('svg');
	font-weight: 300;
	font-style: normal;
	text-rendering: optimizeLegibility;
	font-display: swap;
}
@font-face {
	font-family: 'FinancierDisplay-Regular';
	src: url('../eot/financierdisplay-regular.eot');
	src: /*url("fonts/FinancierDisplay-Regular?#iefix") format("embedded-opentype"),*/ url('../woff/financierdisplay-regular.woff') format('woff'), url('../ttf/financierdisplay-regular.ttf') format('truetype'), url('../svg/financierdisplay-regular.svg') format('svg');
	font-weight: 400;
	font-style: normal;
	text-rendering: optimizeLegibility;
	font-display: swap;
}
@font-face {
	font-family: 'FinancierDisplay-Medium';
	src: url('../eot/financierdisplay-medium.eot');
	src: /*url("fonts/FinancierDisplay-Medium?#iefix") format("embedded-opentype"),*/ url('../woff/financierdisplay-medium.woff') format('woff'), url('../ttf/financierdisplay-medium.ttf') format('truetype'), url('../svg/financierdisplay-medium.svg') format('svg');
	font-weight: 500;
	font-style: normal;
	text-rendering: optimizeLegibility;
	font-display: swap;
}


/* Signifier */
/*
@font-face {
	font-family: 'Signifier-Light';
	font-style: normal;
	font-weight: 200;
	src: url("fonts/Signifier-Light.eot");
	src: url("fonts/Signifier-Light.woff") format("woff"), url("fonts/Signifier-Light.ttf") format("truetype"), url("fonts/Signifier-Light.svg#Signifier-Light") format("svg");
	text-rendering: optimizeLegibility;
	font-display: swap;
}
@font-face {
	font-family: 'Signifier-Regular';
	font-style: normal;
	font-weight: 400;
	src: url("fonts/Signifier-Regular.eot");
	src: url("fonts/Signifier-Regular.woff") format("woff"), url("fonts/Signifier-Regular.ttf") format("truetype"), url("fonts/Signifier-Regular.svg#Signifier-Regular") format("svg");
	text-rendering: optimizeLegibility;
	font-display: swap;
}
@font-face {
	font-family: 'Signifier-RegularItalic';
	font-style: italic;
	font-weight: 400;
	src: url("fonts/Signifier-RegularItalic.eot");
	src: url("fonts/Signifier-RegularItalic.woff") format("woff"), url("fonts/Signifier-RegularItalic.ttf") format("truetype"), url("fonts/Signifier-RegularItalic.svg#Signifier-RegularItalic") format("svg");
	text-rendering: optimizeLegibility;
	font-display: swap;
*/

h1 {
	font-family: 'FinancierDisplay-Light';
	font-style: normal;
	font-size: 4.0em;
	font-weight: 300;
	margin: 0 0 1em 0;
	line-height: 1.5em;
	letter-spacing: 0;
}
h1 em,
h1 i {
	font-family: 'FinancierDisplay-LightItalic';
	font-style: normal;
}
h1.title span {
	display: block;
	color: var(--white);
}
/*
body.home h1.title span:nth-of-type(1n) {
	color: var(--lightblue);
}
body.home h1.title span:nth-of-type(2n) {
	color: var(--white);
}
body.home h1.title span:nth-of-type(3n) {
	color: var(--gold);
}
body:not(.home) h1.title span {
	color: var(--white);
}
*/
.register-holder h1 {
	font-family: 'Graphik-Semibold';
	font-style: normal;
	font-weight: 500;
}
.teamholder h1 {
	font-size: 2.5em;
    line-height: 1.1em;
	margin-bottom: 0.25em;
}
h2 {
	font-family: 'FinancierDisplay-Regular';
	font-style: normal;
	font-weight: 400;
	margin: 0 0 1em 0;
	font-size: 2.5em;
	line-height: 1.1em;
	letter-spacing: 0.015em;
}
.teamholder h2 {
	font-size: 1.0em;
	line-height: 1.5em;
	font-family: 'Graphik-Regular';
	font-weight: normal;
	text-transform: none;
	margin: 0 0 3em 0;
}


h3 {
	font-family: 'Graphik-Medium';
	font-style: normal;
	font-weight: 500;
    margin: 2em 0 0.75em 0;
    font-size: 1.2em;
    line-height: 1.3em;
}

h4 {
	font-family: 'Aeonik-Medium';
	font-style: normal;
	font-weight: 500;
	margin: 0 0 0.66em 0;
	font-size: 16px;
	letter-spacing: 0.08em;
}

h5 {
	font-family: 'Graphik-Bold';
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.075em;
	margin: 0 0 1em 0;
	font-size: 1.5em;
	line-height: 1.4em;
}
h5 em {
	font-style: normal;
}

h6 {
	font-family: 'Graphik-Medium';
	font-style: normal;
	font-weight: 500;
	margin: 0 0 3em 0;
	font-size: clamp(12px,0.666em,16px);
	line-height: 1.0em;
	letter-spacing: 0.150em;
	text-transform: uppercase;
}




p {
	margin: 0 0 1em 0;
}
blockquote {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
section:not(.hero) blockquote p a {
	font-family: inherit;
}
p.large {
	font-size: 1.125em;
}
small {
	font-size: 0.7em;
    line-height: 1.3em;
	display: inline-block;
}
.small {
	font-size: 0.9em;
}
.vsmall {
	font-size: 0.7em;
}
.vsmall strong {
	font-family: 'Graphik-Medium';
	font-style: normal;
	font-weight: 500;
	opacity: 0.5;
}
.textbox {
    font-size: 1.5em;
    line-height: 1.25em;
}


span.book {
	font-family: 'SharpSansNo1-Book';
	font-style: normal;
	font-weight: 300;
}
p.bold {
	font-family: 'SharpSansNo1-Bold';
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.08em;
}
p.role {
	font-family: 'SharpSansNo1-Medium';
	font-style: normal;
	font-weight: 500;
}


.nospace {
	letter-spacing: unset;
}

.lightblue {
	color: var(--lightblue);
}
.oldblue {
	color: var(--oldblue);
}
.softblue {
	color: var(--softblue);
}

.textblue {
	color: var(--textblue);
}

.gold {
	color: var(--gold);
}

.white {
	color: var(--white);
}

.caps {
	text-transform: uppercase;
}

.counter {
	font-family: 'Aeonik-Medium';
	font-style: normal;
	font-weight: 500;
	width: 50px;
	display: inline-block;
	text-align: left;
}

.onthispage {
	margin-left: 60px;
	padding-left: 0.75em;
}

blockquote p {
	margin: 2em 0 2em 0;
	font-size: 1.5em;
	line-height: 1.1em;
	font-family: 'FinancierDisplay-Regular';
	font-weight: normal;
	color: var(--darkblue);
}
section.primaryblue blockquote p {
	color: var(--white);
}
cite {
	margin: calc(-1 * 1.5em) 0 calc(2 * 1.5em) 0;
	font-size: 1em;
	line-height: 1.25em;
	display: block;
	font-family: 'Graphik-Medium';
	font-weight: 500;
	font-style: normal;
}
cite span {
	font-family: 'Graphik-Regular';
	font-weight: 400;
}

b, strong {
	font-family: 'Graphik-Semibold';
	font-style: normal;
	font-weight: 600;
}

p b, p strong {
	font-family: 'Graphik-Medium';
	font-style: normal;
	font-weight: 500;
}

.footer b, .footer strong {
	font-family: 'FinancierDisplay-Semibold';
	font-weight: 600;
}

.footer .footer-header {
	font-family: 'FinancierDisplay-Medium';
	font-size: 1.15em;
	line-height: 1.5em;
	font-weight: 500;
	color: var(--primaryblue);
}

/*------------------------------------*\
    YACHTS
\*------------------------------------*/

body.single-yachts .section-holder {
	padding-right: 0;
}

a.yachts-go-back {
	display: inline-block;
	font-family: 'SharpSansNo1-Bold';
	font-size: 1.15em;
	font-weight: 700;
	color: #A0A0A0;
	border-bottom: 1px solid !important;
	margin: 3em 0 1em 0;
	font-size: 0.75em;
	letter-spacing: 0.08em;
}

a.yachts-go-back img {
	height: 11px;
	vertical-align: middle;
}

ul.specification,
ul.toysandtenders {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	column-count: 2;
	column-gap: 3em;
	font-size: 1.2em;
	line-height: 1.4em;
}
ul.specification li,
ul.toysandtenders li {
	padding: 1.25em 0 0.25em 0;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}
ul.specification.yatcospecification li {
	border-bottom: #b8b8b8 1px solid;
}
ul.specification li {
	border-bottom: #ffffff50 1px solid;
}
ul.toysandtenders li {
	border-bottom: #162B5F50 1px solid;
}
ul.toysandtenders.keyfeatures li {
	border-bottom: #ffffff50 1px solid;
}
section.allwhite ul.toysandtenders.keyfeatures li {
	border-bottom: #b8b8b8 1px solid;
}

ul.specification li div {

}

ul.specification li div:first-of-type {
	font-size: 0.75em;
	white-space: nowrap;
}

ul.specification li strong, ul.toysandtenders li strong {
	font-family: 'Graphik-Medium';
	font-style: normal;
	font-weight: 500;
}

body.single-yachts .section-image {
	z-index: 1;
	width: 100%;
}

body.single-yachts .section-image img {
	width: 100%;
	height: auto;
}

h2.key-info {
	font-size: clamp(26px,2.0em,36px);
	margin: 3em 0 0.333em 0;
}
h2.key-info.yatco-info {
	margin-top: 0;
}

.key-info-holder {
	font-family: 'Graphik-Regular';
	font-style: normal;
	font-weight: 400;
	font-size: 0.9em;
    line-height: 1.5em;
	display: flex;
	flex-wrap: wrap;
}

.key-info-holder>div {
	padding: 1.25em 0 0.25em 0;
	margin-right: var(--threepc);
	flex-basis: 31%;
	border-bottom: #bd8182 1px solid;
}
.yatco-info-holder>div {
	border-bottom: #b8b8b8 1px solid;
}

.key-info-holder>div:nth-of-type(3n) {
	margin-right: 0;
}

.key-info-holder strong {
	font-family: 'Graphik-Medium';
	font-style: normal;
	font-weight: 500;
    font-size: 1.333em;
	display: block;
	margin: 0.25em 0 0 0;
}

body.single .section-aside a.download-link {
	position: relative;
	display: block;
	width: auto;
	border: none;
	transition: all 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	padding: 1em;
	margin: 3em 0 0 0;
	border-radius: 8px;
	font-family: 'Graphik-Medium';
    font-weight: 500;
}

body.single .section-aside a.download-link:hover {
	background-position: left;
	color: white;
}

body.single .section-aside a.download-link.file {
	background-color: var(--black);
	color: white;
}
body.single .section-aside a.download-link.file:hover {

}
body.single .section-aside a.download-link.link {
	background-color: var(--black);
	color: white;
}
body.single .section-aside a.download-link.link:hover {

}


body.single .section-aside a.download-link .right-arrow {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	right: 5%;
	fill: white;
	height: 20px;
	width: 20px;
	transition: fill 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
body.single .section-aside a.download-link.file .right-arrow {
	width: 24px;
	height: 24px;
	margin-top: -12px;
}
body.single .section-aside a.download-link:hover .right-arrow {
	fill: white;
}

/*gallery*/

.gallery {
	height: 35vh;
	min-height: 200px;
	max-height: 330px;
	width: 100%;
	margin: 0 0 0 0;
	position: relative;
}

.gallery-scroller {
	overflow-x: scroll;
	/*overflow-x: hidden;*/
	overflow-y: hidden;
	height: 100%;
	position: relative;
    z-index: 1;
}

.gallery-holder {
	height: 100%;
	position: relative;
	width: 9999px; /*TEMP before JS*/
}

.gallery-scroller::-webkit-scrollbar {
	display: none;
}

.gallery-scroller {
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
}

.gallery-item {
	height: 100%;
	width: auto;
	float: left;
	margin-right: 3em;
	position: relative;
	z-index: 60;
	border-radius: 8px;
    overflow: hidden;
	cursor: pointer;
}
.gallery-item.slide {

}

.gallery-item:last-of-type {
	margin-right: 0;
}

.gallery-holder video,
.gallery-holder img {
	height: 100%;
	width: auto;
	object-fit: none;
	position: relative;
}

.gallery-item>div {
	position: absolute;
	top: 5%;
	right: 5%;
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: center center;
	width: 56px;
	height: 56px;
	z-index: 1;
}

.gallery-item .is-image {
	background-image: url('../svg/yacht-image.svg');
}

.gallery-item .is-video {
	background-image: url('../svg/yacht-video.svg');
}

.modal-gallery {
	position: fixed;
	z-index: 100;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
}

.modal-gallery-holder {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 5%;
	background-color: white;
}

.modal-gallery-item {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	display: none;
}

.modal-gallery-item-holder {
	display: table;
	width: 100%;
	height: 100%;
}

.modal-gallery-item-holder-inner {
	display: table-cell;
	vertical-align: middle;
}

.modal-gallery-item img, .modal-gallery-item video {
	max-width: 100%;
	display: table-cell;
	text-align: center;
	max-height: 80vh;
	margin: 0 auto 0 auto;
}

.modal-gallery-item video {
	max-height: 80vh;
	width: 100%;
}

.close-modal {
	position: absolute;
	width: 56px;
	height: 56px;
	z-index: 1;
	right: 2.5%;
	top: 5%;
}

.modal-prev {
	position: absolute;
	width: 56px;
	height: 56px;
	z-index: 1;
	left: 5%;
	top: 50%;
	margin-top: -28px;
	opacity: 1;
	transition: opacity 250ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.modal-prev.faded {
	opacity: 0.5;
	pointer-events: none;
}

.modal-next {
	position: absolute;
	width: 56px;
	height: 56px;
	z-index: 1;
	right: 5%;
	top: 50%;
	margin-top: -28px;
	opacity: 1;
	transition: opacity 250ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.modal-next.faded {
	opacity: 0.5;
	pointer-events: none;
}


/*------------------------------------*\
    EMBEDS
\*------------------------------------*/
.responsive-iframe {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%; /* 16:9 */
}
.responsive-iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}




/*------------------------------------*\
    FORMS
\*------------------------------------*/

.validation_message--hidden-on-empty,
.gform_required_legend,
.gform_drop_instructions,
.screen-reader-text,
.grecaptcha-badge,
.gform_validation_errors,
.gform_validation_container,
.gfield_visibility_hidden,
.hidden_label label,
.hidden_label legend,
span.gfield_required {
	display: none !important;
}

.gfield.readonly {
	cursor: not-allowed;
}
.gfield.readonly select,
.gfield.readonly textarea,
.gfield.readonly input {
	pointer-events: none;
	/*color: var(--darkblue);*/
}


.gfield_validation_message {
	color: #ffcbcb;
	margin: 5px 0 0 0;
	display: inline-block;
	font-size: 0.9em;
	line-height: 1.25em;
}
.section-callout .gfield_validation_message {
	color: #c7c7c7;
}
section.contactform.gold .section-form .gfield_validation_message {
	color: #ffcbcb;
}

.hidden_label label.gfield_consent_label {
	/*display: inline;*/
	display: inline-block;
}

form {
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

fieldset {
	border: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.overlay-forms label a,
.overlay-forms div.gfield_html a,
section:not(.hero) label a,
section:not(.hero) div.gfield_html a {
	border-bottom: 1px solid;
}


.gfield--width-half,
fieldset .ginput_container>span {
	float: left;
	width: 49%;
}

.gfield--width-half:nth-of-type(even),
fieldset .ginput_container>span:first-of-type {
	margin-right: 2%;
}

.gf_clear_complex {
	clear: both;
}
.gfield--width-full::before,
.gfield--width-full::after {
	content: "";
	display: block;
	clear: both;
}
.gform-ul-reset {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ginput_container_consent {
	margin: 0.5em 0 1em 0;
}
.gform_fileupload_rules,
.gfield.consent {
	font-size: 0.7em;
	line-height: 1.3em;
}




input, select, textarea {
	color: var(--darkblue);
}
input:-internal-edge-excel-like-autofill-previewed {
	background: var(--lightblue) !important;
}
input:-webkit-autofill,
input:-webkit-autofill:focus {
	color: var(--darkblue);
}
textarea {
	height: calc((1em * 2) + (1.3em * 5));
}
input:not([type="checkbox"], [type="submit"], [type="radio"]), select, textarea {
	appearance: none;
	font-size: 1em;
	line-height: 1.3em;
	padding: 1em;
	margin: 0 0 0 0;
	width: 100%;
	background: white;
	border: transparent 1px solid;
	border-radius: 8px;
	transition: border 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	color: var(--black);
}
select {
	cursor: pointer;
	color: var(--fadedblue);
	transition: color 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	background-image: url('../svg/r_down.svg');
	background-repeat: no-repeat;
	background-position: calc(100% - 0.75em) center;
	background-size: 20px auto;
	padding-right: calc(0.75em + 20px + 0.75em);
}
input:focus, textarea:focus, select:focus {
	outline: 0;
	border: var(--lightgrey) 1px solid;
}

.gfield {
	margin: 0 0 1em 0;
}

button[type="submit"],
input[type="submit"] {
	border-radius: 8px;
	font-family: 'Graphik-Medium';
	font-weight: 500;
	text-align: center;
	width: 100%;
	border: none;
	margin: 0 0 0 0;
	padding: 1.2em;
	color: white;
	background-color: var(--darkblue);
	transition: background-color 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
button[type="submit"]:hover,
input[type="submit"]:hover {
	background-color: #600004;
}

.gform_button_select_files {
	appearance: none;
	width: 100%;
	background: white;
	text-align: left;
    border: transparent 1px solid;
    border-radius: 8px;
    transition: border 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    cursor: pointer;
	color: var(--darkblue);
    background-image: url('../svg/file-upload.svg');
    background-repeat: no-repeat;
    background-position: calc(100% - 1.2em);
    background-size: 24px 19px;
	font-size: 1em;
    line-height: 1.3em;
    padding: 1em;
    margin: 0 0 0 0;
    padding-right: calc(1.2em + 1.2em + 24px);
}

.ginput_preview {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* Pardot forms */
#pardot-form {
	background-color: var(--primaryblue);
	color: var(--white);
	padding: 2em;
    border-radius: 8px;
}
#pardot-form .form-field {
	color: var(--black);
	margin-bottom: 1em;
}
#pardot-form .form-field a {
	color: var(--white);
}
#pardot-form .form-field:nth-of-type(2) {
	margin-top: 3em;
}
#pardot-form .form-field label {
	color: var(--white);
	cursor: pointer;
}
#pardot-form .form-field span.description {
	color: var(--white);
	opacity: 0.5;
	display: block;
	margin: 0 0 1em 0;
	padding-left: calc(40px + 0.75em + 0.5rem);
}
#pardot-form .form-field span.value {
	display: block;
	margin: 0.5em auto 0.5em auto;
}
#pardot-form .form-field span.value span {
	display: block;
	line-height: 1.25em;
    margin-bottom: 0.5em;
    min-height: calc(1.25em + 0.5em + 1em);
	cursor: pointer;
}
#pardot-form .form-field.pd-checkbox span.value span:last-of-type {
	margin-bottom: 0;
	min-height: calc(1.25em + 1em);
}
#pardot-form .form-field span.value label {
	color: var(--white);
}
#pardot-form .form-field.pd-radio span.value {
	display: flex;
	flex-wrap: wrap;
	column-gap: 1em;
	row-gap: 1em;
	margin: 0 auto 0 auto;
}
#pardot-form .form-field.pd-radio span.value span {
	display: flex;
	flex-wrap: nowrap;
	column-gap: 0.75em;
	align-items: center;
}
#pardot-form .errors {
    color: #ffcbcb;
}
#pardot-form .error.no-label {
    color: #ffcbcb;
	margin: calc(-1em + 5px) 0 1em 0
}


/* Base for label styling */

[type="radio"]:not(:checked), [type="radio"]:checked {
	appearance: none;
    width: 40px;
    height: 40px;
	background: white;
	border-radius: 50%;
	border: none;
	cursor: pointer;
	position: relative;
	outline: none;
	transition: background-color 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
[type="radio"]:checked::before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--primaryblue);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.01;
	width: 0;
    height: 0;
}

[type="checkbox"]:not(:checked)+label, [type="checkbox"]:checked+label {
	position: relative;
	padding-left: calc(40px + 0.75em);
    line-height: 1.25em;
}

/* checkbox aspect */

[type="checkbox"]:not(:checked)+label:before, [type="checkbox"]:checked+label:before {
	content: '';
	position: absolute;
	left: 0;
	/*top: calc(-50% + -2px);*/
	top: calc(50% + -20px);
	width: 40px;
	height: 40px;
	border: none;
	background: white;
	border-radius: 40px;
	/*box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);*/
	-webkit-transition: all .2s;
	transition: all .2s;
}

/* checked mark aspect */

[type="checkbox"]:not(:checked)+label:after, [type="checkbox"]:checked+label:after {
	content: '\2713';
	position: absolute;
    top: calc(50% + 2px);
    left: -2px;
    font-size: 2.5rem;
	color: var(--darkblue);
	line-height: 0;
	-webkit-transition: all .2s;
	transition: all .2s;
	width: 40px;
	height: 40px;
	text-align: center;
}

/* checked mark aspect changes */

[type="checkbox"]:not(:checked)+label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}

[type="checkbox"]:checked+label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

/* Disabled checkbox */

[type="checkbox"]:disabled:not(:checked)+label:before, [type="checkbox"]:disabled:checked+label:before {
	box-shadow: none;
	border-color: #bbb;
	background-color: #e9e9e9;
}

[type="checkbox"]:disabled:checked+label:after {
	color: #777;
}

[type="checkbox"]:disabled+label {
	color: #aaa;
}

input.cancel-button {
	text-align: left;
	color: #bababa;
	width: auto;
	transition: background-color 100ms linear;
	appearance: none;
	border-radius: 0;
	margin-right: 2em;
	background-color: transparent;
	position: relative;
	min-width: 200px;
}

.gfield--type-choice legend {
	margin: 0 0 1em 0;
}
.gfield--type-date legend {
	margin: 0 0 0.5em 0;
}
.gfield_checkbox {
    display: grid;
    justify-content: space-evenly;
    align-items: stretch;
    grid-template-columns: 1fr 1fr 1fr;
}
.gfield.checkboxlist .gfield_checkbox {
	display: unset;
}
.gchoice {
	min-height: 40px;
    margin: 0 1em 0 0;
}
.gchoice label {
	display: block;
}
.gchoice:last-of-type {
	margin: 0 0 0 0;
}




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

@supports (-webkit-touch-callout: none) {
	/*.hero {
		min-height: -webkit-fill-available !important;
	}*/
}

@media only screen and (max-width:1520px) {
	.charter-fleet-holder .yacht-name {
		font-size: 1.666em;
	}
	p.large {
		font-size: 1.05em;
	}
	.footer-offices-group {
		column-gap: 2em;
	}


}

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

	.footer-logo img,
	.logo img,
	.logo svg {
		max-width: 170px;
	}
	.nav ul li {
		padding: 0 0.5em 0 0.5em;
	}

	.grid-system-image-content {
		padding: 3rem;
	}
	.detection-area {
		overflow: hidden;
	}
	.detection-area > img {
		transform: scale(1.5);
	}

	.newsletter-title {
		padding: 3rem 3rem 0 3rem;
	}
	.newsletter-copy {
		padding: 0 3rem 0 3rem;
	}
	.newsletter-form-holder {
		padding: 0 3rem 3rem 3rem;
	}


	.news-feed-holder>.news .category-tag,
	.fleet-feed-holder>.post .category-tag {
		padding: 3rem 3rem 2em 3rem;
	}
	.fleet-feed-link {
		padding: 0 3rem 0.2em 3rem;
	}
	.services-feed-link {
		padding: 3rem 3rem 2em 3rem;
	}
	.news-feed-link {
		padding: 0 3rem 1em 3rem;
	}
	.fleet-feed-description {
		padding: 0 3rem 1em 3rem;
	}
	.services-feed-description {
		padding: 0 3rem calc(2em + 25px + 2em) 3rem;
	}
	.services-feed-holder button {
		left: 3rem;
	}

	.atestimonial,
	.faq-holder,
	.jobs-grid-job-content,
	.grid-system-introduction-content,
	.hero-content-holder,
	.grid-system-wysiwyg-inner,
	.grid-system-quote-inner,
	.grid-system-animation-inner,
	.grid-system-team-inner {
		padding: 3rem;
	}




	section.newsindex {
		padding: 3rem 0 3rem 0;
	
	}

	
}

@media only screen and (max-width:1330px) {
	.charter-fleet-holder {
		grid-template-columns: repeat(2, 1fr);
	}
}


@media only screen and (max-width:1280px) {
	.footer-links>ul {
		column-gap: 1em;
	}
	.footer-links,
	.footer-offices {
		padding-right: 1em;
	}
	.footer-inner {
		flex-wrap: wrap;
	}

	.sub-menu-title-holder {
		flex-basis: 40%;
	}
	.nav ul.sub-menu {
		left: 0 !important;
	}

	.footer {
		padding-left: 5%;
		padding-right: 5%;
	}

}
@media only screen and (max-width:1140px) { 
	.footer-offices > ul,
	.footer-links>ul {
		column-count: 1;
	}

}

@media only screen and (max-width:1080px) and (orientation: landscape) { 
	.hero-content-holder h1 {
		font-size: 2.25em;
	}
	.counter {
		width: 25px;
	}


	/* splash overlay */
	.splash-overlay {
		height: -webkit-fill-available;
	}
	.splash-overlay-inner {
		min-height: -webkit-fill-available;
	}
	.splash-overlay-holder {
		min-height: -webkit-fill-available;
	}
	.splash-overlay-content p {
		font-size: 0.888em;
	}

}

@media only screen and (max-height:1024px) {
	.people-navigation {
		bottom: 2.5%;
		padding-left: 5%;
	}
	.nav {

	}
	.logo {

	}
	.nav-holder {

	}
	.people-slide {
		padding: 5% 5%;
	}
	blockquote p {
		font-size: 1.5em;
	}




}



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

	:root {
		--headerheight: 84px;
	}

	/* consent */
	#consent-banner {
		padding: 0;
	}
	#consent-banner-holder {
		flex-wrap: wrap;
	}
	#consent-banner-content span {
		display: none;
	}
	#consent-banner-holder div {
		flex-basis: 100%;
	}
	#consent-banner-buttons button {
		flex: 1;
	}


	/* header */
	.logo svg #HillRobinson {
		display: none;
	}
	.header-inner {
		overflow: unset;
	}

	.hero {
		min-height: 47.5vh;
		height: 100px;
	}
	body:not(.home) .hero {

	}
	.hero-content-holder {
		flex-direction: row;
		width: 100%;
		height: 100%;
	}
	body:not(.home) .hero-content-holder {
		flex-wrap: wrap;
	}
	.hero-container {
		flex-wrap: wrap;
		flex-direction: column;
	}
	body.home .hero-container {
		flex-direction: column-reverse;
	}
	.hero-container > div {
		flex-basis: 100%;
	    flex: 1;
		height: 100%;
	}
	.hero-media-overlay {
		background: linear-gradient(158.8deg, rgba(123, 0, 5, 0.1) 20%, rgba(123, 0, 5, 0) 80%);
		background: linear-gradient(158.8deg, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0) 80%);
	}
	.hero-details {

	}
	body.home .hero-details {

	}
	body:not(.home) .hero-media {

	}
	body:not(.home) .hero-single .hero-media {

	}
	.counter {
		width: calc(1em + 10px);
	}
	.onthispage {
		margin: 1.5em 0 0 calc(1em + 10px);
	}
	.header-contents {
		align-self: end;
	}
	a.button {
		width: 100%;
	}


	.home-scroll-image {
		position: relative;
	}
	.home-header>span {
		display: block;
		position: relative !important;
		top: unset !important;
		left: unset !important;
		margin-left: 0;
	}
	.home-scroll-holder {
		position: fixed;
		top: 80vh;
		margin: 0 auto 0 auto;
		width: 90%;
		text-align: center;
	}
	.logo {
		position: fixed;
		width: 100%;
		background: white;
		margin: 0 0 0 0;
		left: 0;
		top: 0;
		z-index: 90;
		min-height: 50px;
		height: var(--headerheight);
		padding: 0 5% 0 5%;
		box-shadow: transparent 0 0 5px 0px;
	}
	.hero-single .logo {
		margin-top: 0;
	}
	.logo.menu-shadow {
		transition: box-shadow 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		box-shadow: #cbcbcb 0 0 5px 0px;
	}
	.logo.opened {
		background: transparent;
		z-index: 100;
		width: 75%;
		box-shadow: none;
	}
	.logo img,
	.logo svg {
		vertical-align: middle;
		max-width: 150px;
	}
	.back-to-top {
		display: none !important;
	}
	.footer .back-to-top {
		display: block !important;
		position: absolute;
		color: #D9DCE2;
		border-radius: 28px;
		line-height: 25px;
		font-size: 10px;
		padding: 0 0 0 0;
		height: 28px;
		width: 28px;
	}

	/* menu */
	.menu-toggle {
		display: unset;
		top: calc(var(--headerheight) / 2 - 25px);
		right: 5vw;
		height: 50px;
		width: 50px;
		line-height: 50px;
		border-radius: 50px;
		transform: unset;
		writing-mode: unset;
	}
	.menu-toggle span {
		display: none !important;
	}
	.nav {
		height: auto;
		padding: 5% 0 5% 0;
		margin: 0 auto 0 auto;
	}
	.nav-holder > .nav-socials {
		display: block;
		margin: 2em auto 2em 0;
	}
	.nav-socials-holder {
		column-gap: 2em;
	}
	.nav-socials a {
		flex: none;
		text-align: left;
		opacity: 0.25;
	}
	.nav-socials img {
		max-width: 35px;
		max-height: 35px;
	}
	.nav-downloads {
		display: none;
	}
	.nav-holder {
		display: none;
		margin: var(--headerheight) 0 0 0;
		height: calc(100dvh - var(--headerheight)) !important;
		overflow-y: scroll;
		-ms-overflow-style: none;
		/* Hide scrollbar for IE and Edge */
		scrollbar-width: none;
		/* Hide scrollbar for Firefox */
	}
	.nav-holder::-webkit-scrollbar {
		display: none;
		/* Hide scrollbar for Chrome, Safari and Opera */
	}
	.nav ul li {
		flex-basis: 100%;
		height: auto;
		padding: 0 0 0 0;
		flex-wrap: wrap;
	}
	.nav ul li.menuhome {
		display: none;
	}
	.nav a {
		color: var(--white);
		font-size: 1.333em;
    	line-height: 1.1em;
		width: 100%;
		align-items: start !important;
		border-bottom: 1px solid #ffffff30;
		padding: 0.666em 0 0.666em 0;
	}
	.nav .sub-menu a,
	.nav .sub-menu li.current_page_item > a,
	.nav .sub-menu a:hover {
		padding: 0.666em 0 0.666em 0;
		color: var(--lightblue);
		font-family: 'Graphik-Regular';
		font-weight: normal;
		font-size: 0.9em;
	}
	.nav .sub-menu li.current_page_ancestor > a {
		font-family: 'Graphik-Regular';
		font-weight: normal;
	}
	.nav .sub-menu li.current_page_item > a {
		font-family: 'Graphik-Semibold';
		font-weight: normal;
	}
	.nav .sub-menu-basic .sub-menu a,
	.nav .sub-menu-basic .sub-menu a:hover {
		padding-left: 1em !important;
	}
	ul.menu .menu-item a::after {
		content: none !important;
	}
	ul.menu > .menu-item.menu-item-has-children > a {
		position: relative;
	}
	ul.menu > .menu-item.menu-item-has-children > a::after {
		content: '' !important;
		background-image: url('../svg/menu-down.svg');
		background-repeat: no-repeat;
		background-size: 18px 9px;
		background-position: center center;
		position: absolute;
		right: 0;
		overflow: visible;
		width: 18px;
		height: 9px;
		opacity: 1;
		top: 50%;
		margin-top: -4.5px;
		transition: transform 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}
	ul.menu > .menu-item.menu-item-has-children > a.haschildren::after {
		transform: rotate(180deg);
	}

	.mobile-menu {
		height: 10px;
		margin: 20px 15px 20px 15px;
		position: relative;
	}
	.mobile-menu div {
		height: 1px;
		width: 100%;
		background: white;
		position: absolute;
		transition: transform 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}
	.mobile-menu-top {
		top: 0;
	}
	.mobile-menu-bottom {
		bottom: 0;
	}
	.mobile-menu.opened .mobile-menu-top {
		transform: translate(0, 4px) scaleX(1);
	}
	.mobile-menu.opened .mobile-menu-bottom {
		transform: translate(0, -4px) scaleX(1);
	}

	.sub-menu-inner {
		padding: 0 0 0 0;
	}
	.sub-menu-holder {
		position: relative;
		background: none;
		box-shadow: none;
		top: unset;
		height: auto !important;
		min-height: auto !important;
	}
	.sub-menu-holder .wrapper {
		width: 100%;
	}
	.sub-menu-title-holder {
		display: none;
	}
	.sub-menu-menu-holder {
		width: 100%;
	}
	.nav ul.sub-menu {
		left: 0 !important;
	}

	/* home */
	.infographic-inner img {
		max-width: 250px;
	}
	.carousels-holder,
	.animation-holder {
		display: unset;
	}
	.people-holder {
		height: auto;
	}
	.people-slide-holder {
		width: 100%;
	}
	.people-slide {
		padding: 5% 5% calc(50vh + 5% + 3em + 3em) 5%;
		background-position: center bottom;
	}
	.person-role {
		margin: 0 0 1em 0;
	}
	section .people-slide a {
		background-position: left;
		color: white;
	}
	.people-slide a .right-arrow {
		fill: white;
	}
	.people-slide-title {
		margin: 3em 0 1em 0;
	}
	.carousels-slide {
		padding: 5%;
		min-height: 55vh;
	}
	.carousels-navigation {
		text-align: left;
		padding: 0 0 0 5%;
	}
	.people-navigation {
		width: 100%;
    	padding: 0;
		text-align: center;
	}
	.carousels-slide-content a {
		width: auto;
		min-width: 160px;
		display: inline-block;
	}
	.carousels-slide-content.light a,
	.carousels-slide-content.dark a {
		background: white;
		color: var(--darkblue);
	}
	.carousels-slide-content.light a .down-arrow,
	.carousels-slide-content.dark a .down-arrow {
		fill: var(--darkblue);
	}

	.news-feed-holder,
	.fleet-feed-holder,
	.services-feed-holder {
		width: 70%;
    	margin: 0 0 0 15% !important;
	}
	.fleet-feed-holder>.post,
	.services-feed-holder>.post,
	.news-feed-holder>.news {
		min-width: 70vw;
		pointer-events: unset !important;
		margin: 0 2em 0 0;
		width: auto;
	}
	.fleet-feed-holder>.post.normargin,
	.news-feed-holder>.news.normargin,
	.services-feed-holder>.post.normargin {
		margin-right: 15vw !important;
	}

	.news-feed-overflow,
	.fleet-feed-overflow,
	.services-feed-overflow {
		padding: 3rem 0 3rem 0;
	}
	.detection-area.leftfleet,
	.detection-area.rightfleet,
	.detection-area.leftservices,
	.detection-area.rightservices,
	.detection-area.leftnews,
	.detection-area.rightnews {
		display: none;
	}
	.animation-holder>div {
		min-height: 75vh;
		height: 1px;
	}

	/* section blocks */
	.wrapper {
		width: 90%;
		padding: 3rem 0 3rem 0;
	}
	article section:not(.gridsystem):not(.cta),
	article section.gridpadding {
		padding: 3rem 0 3rem 0;
	}
	.hero .wrapper,
	.header .wrapper {
		padding: 0 0 0 0;
	}
	.section-quote {
		display: block;
		padding: 2em 0 2em 0;
		text-align: center;
	}
	.section-callout {
		padding: 1em 1em 3em 1em;
	}
	.section-quote .quote-image {
		margin-bottom: 2em;
		margin-right: 0;
	}
	.section-quote .quote-image img {
		max-width: 250px;
	}
	.section-holder {
		display: block;
		padding-right: 0;
	}
	section .section-aside a.external-link,
	section .single-contact>a {
		width: 100%;
		background-position: left;
		color: white;
		padding: 1.5em;
	}
	section .single-contact>a {
		margin: 3em 0 0em 0;
	}
	.section-aside a.external-link .right-arrow,
	.single-contact>a .right-arrow {
		fill: white;
	}
	.section-list {
		font-size: 1.125em;
	}
	.section-images {
		display: block;
		margin: 4em 0 2em 0;
	}
	.section-image-left,
	.section-image-right {
		flex: 1;
		flex-basis: 100%;
		border-right: none;
		border-left: none;
	}
	.section-image-top,
	.section-image-bottom {
		flex-basis: 50%;
		min-height: 20vh;
		border-bottom: none;
		border-top: transparent 8px solid;
	}
	.section-image-top {
		border-right: transparent 4px solid;
	}
	.section-image-bottom {
		border-left: transparent 4px solid;
	}
	.section-image-half-first {
		border-right: none;
	}
	.section-image-half-second {
		border-left: none;
		height: 22.5vh;
		border-top: transparent 8px solid;
	}
	section.newsletter {
		background-size: 25% auto;
	}

	/* yachts */
	#fleet-filter {
		flex-basis: 100%;
		width: 100%;
		top: 100%;
		margin-top: 1em;
	}
	#fleet-filter.filterinactive {
		position: absolute;
	}
	.charter-fleet-title p {
		margin: 0 0 0 auto;
	}
	.charter-fleet-title {
		align-items: end;
		margin-bottom: calc(3em + 1em + ((1.15em - 1px) + (1.15em - 1px)));
	}
	.charter-fleet-holder {
		grid-template-columns: 1fr;
	}
	.charter-fleet-holder>div {
		flex-basis: 100%;
	}
	.charter-fleet-image {
		min-height: 200px;
	}
	a.yachts-go-back {
		display: none;
	}
	.key-info-holder>div {
		flex-basis: 100%;
	}
	body.single .section-aside a.download-link {
		width: 100%;
		color: white;
		background-position: left !important;
		padding: 1.5em;
	}
	body.single .section-aside a.download-link .right-arrow {
		fill: white;
	}
	ul.specification,
	ul.toysandtenders {
		column-count: 1;
	}
	body.single .section-image {
		z-index: 1;
		position: relative;
	}
	.gallery {
		/*min-height: unset;
		max-height: unset;*/
	}
	.gallery-outer {
		position: relative;
		height: 100%;
		margin-bottom: calc(1em + 60px);
		width: 100%;
	}
	.detection-area.leftgallery,
	.detection-area.rightgallery {
		top: unset;
		bottom: calc(-2em + -60px);
		height: 60px;
		border: 1px solid white;
		border-radius: 8px;
		color: var(--white);
		padding: 0 5% 0 5%;
		opacity: 1;
		transition: opacity 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		width: calc(50% - 5vw - 2.5%) !important;
	}
	.detection-area.leftgallery img,
	.detection-area.rightgallery img {
		display: none;
	}
	.detection-area.leftgallery span,
	.detection-area.rightgallery span {
		background-repeat: no-repeat;
		background-size: auto 11px;
		display: block;
	}
	.detection-area.rightgallery span {
		text-align: left;
		background-image: url('../svg/right-arrow-white.svg');
		background-position: 95% center;
	}
	.detection-area.leftgallery span {
		text-align: right;
		background-image: url('../svg/goback-white.svg');
		background-position: 5% center;
	}
	.detection-area.leftgallery {
		margin-left: 5vw;
		text-align: right;
	}
	.detection-area.rightgallery {
		margin-right: 5vw;
		text-align: left;
	}

	.grid-system-yatco-inner,
	.grid-system-whywelove-inner {
		padding: 3rem;
	}
	#animation-whywelove {
		width: 105px;
		height: 105px;
		margin-right: -15px;
		margin-top: -15px;
	}
	h2.key-info {
		font-size: clamp(26px,1.5em,36px);
	}

	/* faq */
	.faq-question {
		padding-right: calc(1em + 10px);
	}

	/* cta */
	.cta-holder {
		overflow-x: scroll;
		padding: 3rem;
	}


	/* jobs */
	.jobs-grid-holder {
		grid-template-columns: 1fr;
		column-gap: 3em;
		row-gap: 3em;
	}
	body.single-jobs .grid-system-image.headshot {
		aspect-ratio: 98 / 57;
	}

	/* offices and team */
	.team-persons-holder {
		grid-template-columns: 1fr;
		column-gap: 3em;
		row-gap: 3em;
	}
	.office-locations-holder,
	.office-location.head-office {
		grid-template-columns: 1fr;
		margin: 0 0 0 0;
		column-gap: 5em;
		row-gap: 5em;
	}
	.office-location.head-office {
		row-gap: 0;
	}
	.office-location.head-office .office-location-image {
		min-height: 187px;
	}
	.office-location.head-office .office-location-content {
		padding-left: 0;
	}
	.type-the-team,
	.office-location {
		padding-right: 0;
		flex-basis: 100%;
	}
	.type-the-team .single-holder,
	.type-the-team .single-details {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.type-the-team .single-holder > div,
	.type-the-team .single-details > div {
		flex-basis: 100%;
		margin-bottom: 2em;
	}
	.type-the-team .single-holder > div.single-spacer,
	.type-the-team .single-details > div.single-spacer {
		display: none;
	}
	.office-location.head-office h2,
	.office-location.head-office h3 {
		margin-top: 0.5em;
	}
	.search-controls {
		grid-template-columns: 1fr;
		padding: 1em 0 0 0;
		row-gap: 1em;
		column-gap: 1em;
	}
	.search-results>div {
		grid-template-columns: 1fr;
		row-gap: 1em;
		column-gap: 1em;
	}
	section .search-results>div>div {
		padding-right: 0;
	}
	body.single-team .hero-single .hero-media {
		background-size: cover;
		flex-basis: 100%;
	}
	body.single-team .hero-single .hero-container {
		flex-direction: unset;
	}
	body.single-team .grid-system-image.headshot {
		aspect-ratio: 98 / 57;
	}
	body.single-team .single-headshot {
		display: none;
	}
	body.single-team .single-qualifications {
		order: 1;
	}
	.team-persons-holder .type-the-team .jobcontact a:first-of-type::after {
		content: "";
		display: block;
	}
	.team-persons-holder .type-the-team .jobcontact span:first-of-type {
		display: none;
	}

	/* forms */
	fieldset.gfield--width-half,
	div.gfield--width-half,
	fieldset .ginput_container>span {
		width: 100%;
		float: none;
		margin-right: 0 !important;
	}
	fieldset .ginput_container>span:first-of-type input {
		margin-bottom: 1em;
	}
	input[type="submit"],
	input.cancel-button {
		width: 100%;
		margin: 0 0 1em 0;
	}
	.form-instructions {
		margin-top: 50px;
	}
	.overlay-forms-holder {
		width: 100%;
	}
	.overlay-forms>#close-dialog {
		top: 1em;
		right: 1em;
	}
	.section-form {
		padding: 5%;
		margin: 3rem auto 3rem auto;
	}
	#pardot-form {
		padding: 2.5%;
	}
	#gform_10 .gfield_checkbox {
		grid-template-columns: repeat(2, 1fr);
		row-gap: 0.5em;
	}

	/* posts */
	.single-holder,
	.single-details {
		display: block;
	}
	.author-holder {
		margin: 2em 0 2em 0;
		font-size: 0.8em;
	}
	.author-holder .author {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		margin-bottom: 2em;
	}
	.author-holder .author p {
		margin: 0;
	}
	.author img {
		margin: 0 1em 0 0;
		max-width: 50px;
		max-height: 50px;
	}
	.post-navigation {
		font-size: 0.8em;
		margin: 4em 0 4em 0;
	}
	.related-news-image {
		max-width: unset;
		max-height: unset;
		height: 30vh;
	}
	body.page-template-template-pardot section.post .wrapper,
	body.page-template-template-basic section.post .wrapper,
	body.page-template-template-demo section.post .wrapper,
	body.single section.post .wrapper {
		padding: 0 0 2em 0;
	}

	/* footer */
	.footer {
		font-size: 12px;
		padding: 0 0 10% 0;
	}
	.footer-inner {
		flex-wrap: wrap;
	}
	.footer-follow,
	.footer-spacer {
		flex-basis: 100%;
		position: relative;
		padding-right: 0;
	}
	.footer-logo,
	.footer-spacer,
	.footer-links {
		display: none;
	}
	.footer-header {
		visibility: hidden;
	}
	.footer-base {
		flex-wrap: wrap;
		font-size: 0.85em;
		line-height: 1.33em;
	}
	.footer-logo > a {
		display: none;
	}
	.footer-legal {
		flex-basis: 40%;
	}
	.footer-offices {
		letter-spacing: -0.02em;
		padding-right: 0;
	}
	.footer-offices-group {
		font-size: 12px;
	}
	.footer-socials {
		flex-basis: 100%;
		padding-right: 0;
	}
	.footer-socials a {
        display: inline-block;
		margin-right: 2em;
	}
	.footer-socials a img {
		max-width: 28px;
		max-height: 28px;
	}
	.footer-legal>u26
	.footer-links>ul,
	.footer-offices>ul {
		column-count: unset;
		white-space: unset;
	}

	/*tables*/
	.privacy-table th,
	.privacy-table td {
		display: block;
	}

	/* typography */
	blockquote {

	}
	blockquote p {
		font-size: 1.4em;
	}
	.single-content h1,
	.hero-content-holder h1 {
		font-size: 2em;
	}
	h1.title span {
		display: unset;
	}
	.fleet-feed-title,
	.services-feed-title,
	.news-feed-title {
		font-size: 1.4em;
	}
	.jobs-grid-job-content small,
	.services-feed-link {
		font-size: clamp(12px,0.666em,16px);
	}
	.fleet-feed-link,
	.news-feed-link {
		font-size: clamp(28px,1.6em,34px);
	}
	.fleet-feed-description {
		font-size: clamp(14px,0.8em,18px);
	}
	.textbox,
	.newsletter-copy,
	.services-feed-description,
	.grid-system-animation p,
	.grid-system-wysiwyg-inner p,
	.grid-system-quote blockquote,
	.grid-system-quote cite,
	.grid-system-introduction-content p {
		font-size: 1em;
	}
	.jobs-grid-job-content p,
	.grid-system-image p {
		font-size: 0.8em;
	}
	.wysiwyg-holder ul li,
	.wysiwyg-holder ol li {
		font-size: 1.1em;
	}
	.jobs-grid-job-content h3 {
		font-size: 1.4em;
	}
	.wysiwyg-box {
		padding: 3rem;
	}
	.wysiwyg-box > div:last-of-type {
		flex: 0.25;
	}


	h1 {
		font-size: 2em;
	}
	h2 {
		font-size: 1.666em;
	}
	h3 {
		font-size: 1.2em;
	}
	h6 {
		font-size: clamp(12px,0.666em,16px);
	}


	/* splash overlay */
	.splash-overlay {
		height: -webkit-fill-available;
	}
	.splash-overlay-inner {
		min-height: calc(100% - 43px - 1em);
	}
	.splash-overlay-holder {
		min-height: calc(100% - 43px - 1em);
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.splash-overlay-holder > div {
		flex-basis: 100%;
	}
	.splash-overlay-image {
		margin-bottom: calc(43px + 1em);
	}
	.splash-overlay-close {
		bottom: 0;
		top: unset;
		width: 100%;
		position: fixed;
		min-height: calc(43px + 1em);
	}
	.splash-overlay-content {
		padding: 43px 5% 1em 5%;
	}
	.splash-overlay-content p {
		font-size: 0.888em;
		line-height: 1.275em;
	}
	.splash-overlay p.subtitle {
		font-size: 0.75em;
		margin: 0 0 2em 0;
	}
	.splash-overlay p.title {
		font-size: 1.75em;
	}
	.splash-overlay p.date {
		font-size: 1em;
	}
	.splash-overlay p.copy {
		margin: 1em 0 0 0;
	}


	/* Registration */
	#gform_13 .gfield_checkbox,
	.gfield_checkbox {
		grid-template-columns: 1fr;
	}
	.r-logo svg {
		max-width: 230px;
	}
	.r-menu,
	.register {
		font-size: 1.2em;
		line-height: 1.4em;
	}
	[type="checkbox"]:not(:checked)+label, [type="checkbox"]:checked+label {
		line-height: 1.4em;
	}
	#back-2 {
		font-size: 1.2em;
	}


	/* grid system */
	.grid-system {
		grid-template-columns: 1fr !important;
		grid-template-rows: max-content !important;
		padding: 0 0 0 0;
		row-gap: 3rem;
		column-gap: 3rem;
	}
	.grid-system > div {
		grid-column: auto !important;
		grid-row: auto !important;
	}

	/* contact icon */
	.contact-icon {
		bottom: 1em;
		right: 1em;
	}
	.contact-icon dialog {
		border-radius: unset;
		max-width: unset;
		left: 1em;
		top: 1em;
		height: calc(100dvh - var(--headerheight));
		max-height: unset;
		font-size: 1em;
		transform: translate(calc(-100% + 72px), calc(-100% + 72px));
		z-index: -1;
	}
	.contact-icon-dialog-holder {
		border-radius: unset;
	}
	.contact-icon ul {
		width: 90%;
		margin: 0 auto 0 auto;
	}
	.contact-icon ul li a {
		padding: 1.25em 0 1.25em 0;
	}
	.contact-icon ul li:last-of-type a {
		border-bottom: 1px solid rgba(15, 42, 99, 0.2);
	}

	/* yatco */
/*	.yatco-search-sliders {
		grid-template-columns: repeat(1, 1fr);
		column-gap: 1em;
		row-gap: 1em;
	}*/
	.yatco-search-buttons,
	.yatco-search-type {
		column-gap: 1em;
	}
	.yatco-search-type {
		margin-bottom: 1em;
	}
	.yatco-search-type > div {
		column-gap: 5px;
	}
	.slider-holder {
		padding: 0;
		margin-bottom: 0;
	}
	.grid-system-yatco-about {
		padding: 0;
	}
	.post-return a {
		padding: 1em 2em;
	}

	.featured-lower,
	.testimonials-lower,
	.recommendations-lower {
		padding: 1.5em 0 0 0;
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		column-gap: 0.5em;
	}
	.featured-lower .slick-arrows,
	.testimonials-lower .slick-arrows,
	.recommendations-lower .slick-arrows {
		display: flex;
		flex-wrap: nowrap;
	}
	.featured-lower hr,
	.testimonials-lower hr,
	.recommendations-lower hr {
		display: unset;
		width: 100%;
		border: none;
        height: 1px;
        background-color: var(--primaryblue);
	}
	.featured-lower hr {
		background-color: var(--white);
	}
	.atestimonial p:first-of-type {
		font-size: 1.2em;
	}
	

}


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

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

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

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

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

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

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background: var(--fadedblue);
	color: #FFF;
	text-shadow: none;
}

::-webkit-selection {
	background: var(--fadedblue);
	color: #FFF;
	text-shadow: none;
}

::-ms-input-placeholder {
	background: var(--fadedblue);
	color: #FFF;
	text-shadow: none;
}

::-moz-selection {
	background: var(--fadedblue);
	color: #FFF;
	text-shadow: none;
}

::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: var(--fadedblue);
}

::-moz-placeholder {
	/* Firefox 19+ */
	color: var(--fadedblue);
}

::-ms-input-placeholder {
	/* IE 10+ */
	color: var(--fadedblue);
}

::-moz-placeholder {
	/* Firefox 18- */
	color: var(--fadedblue);
}

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

.alignnone {
	margin: 2em auto 2em auto;
}

.aligncenter, div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	max-width: 100%;
	width: 100% !important;
}

.wp-caption.alignnone {
	margin: 2em auto 2em auto;
}

.wp-caption.alignleft {
	margin: 2em auto 2em 0;
}

.wp-caption.alignright {
	margin: 2em 0 2em auto;
}

.wp-caption img {
	max-width: 100%;
	width: 100%;
	border: none;
	height: auto;
	margin: 0;
	padding: 0;
}

.wp-caption .wp-caption-text, .gallery-caption {
	margin: 0;
	padding: 0.5em 0 0 0;
	font-family: 'Graphik-Semibold';
	font-weight: normal;
	letter-spacing: -0.02em;
	font-size: 0.9em;
}

.sticky {}

.bypostauthor {}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a, a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
		content: "";
	}
	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	}
	tr, img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	@page {
		margin: 0.5cm;
	}
	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}
	h2, h3 {
		page-break-after: avoid;
	}
}
.lightgrey a:not(.button),
.type-news .single-content a{
	color: var(--primaryblue);
}
.type-news .single-content .post-return a{
	color: #fff;
}
section.contactform.primaryblue [data-hsfc-id=Renderer] button[type="submit"].hsfc-Button,
section.contactform.darkblue [data-hsfc-id=Renderer] button[type="submit"].hsfc-Button,
[data-hsfc-id=Renderer] button.hsfc-Button,
#post-8455 section.contactform.darkblue [data-hsfc-id=Renderer] button[type="submit"].hsfc-Button{
	background-color: #fff;
	color: var(--primaryblue);
}
.grid-system-wysiwyg-inner:has(.newsletter-title){
	padding: 0;
}
.hsfc-DropdownOptions__Search{
	display: none;
}
[data-hsfc-id=Renderer] input.hsfc-CheckboxInput{
	opacity: 1;
}
.section-form div[data-hsfc-id=Renderer] .hsfc-Step{
	background-color: var(--primaryblue);
}
.grid-system-wysiwyg-inner:has(.hsfc-PostSubmit) .newsletter-title,
.grid-system-wysiwyg-inner:has(.hsfc-PostSubmit) .newsletter-copy,
.contactform:has(.hsfc-PostSubmit) > .wrapper > h2
{
	display: none;
}

button.hsfc-Button[type=submit],
.newsletter-form-holder [data-hsfc-id=Renderer] button.hsfc-Button{
	text-transform: none;
	letter-spacing: normal;
}
.newsletter-form-holder [data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content{
	padding: 0;
}

/*------------- New styles Yachts'search bars -------------*/

.yatco-search-sliders .yatco-search-type-option-container{
	display: none;
}
.yatco-search-sliders .yatco-search-type-option-container.yatco-search-displayed-options{
	display: flex;
	min-width: 320px;
	flex-direction: column;
	z-index: 999;
}
.yatco-search-sliders .yatco-search-container.yatco-search-type .yatco-search-type-option-container.yatco-search-displayed-options{
	min-width: 220px;
}
.yatco-search-sliders{
	display: flex;
	flex-direction: row;
	gap: 15px;
	flex-wrap: wrap;
}
.yatco-search-sliders > div.yatco-search-container {
	position: relative;
	background-color: white;
	border: 1px solid #aaaaaa;
	border-radius: 4px;
	padding: 10px;
	cursor: pointer;
	transition: border 0.3s ease-out;
	align-content: center;
	max-height: 49px;
}
.yatco-search-sliders > div.yatco-search-container .yatco-search-type-title{
	cursor: pointer;
	white-space: nowrap;
}
.yatco-search-sliders > div.yatco-search-container:hover{
	border: 1px solid #757575;
	transition: border 0.3s ease-out;
}
.yatco-search-type-option-container{
	position: absolute;
	left: 0;
	top: 57px;
	border: 1px solid #aaaaaa;
	padding: 19px;
	border-radius: 4px;
	background: #fff;
	margin: 0 auto;
}
.yatco-search-type-option{
	display: flex;
	flex-direction: column;
}
.yatco-search-type-option-container [type="radio"]:not(:checked),
.yatco-search-type-option-container [type="radio"]:checked{
	background: var(--lightgrey);
	border: 1px solid #aaaaaa;
}
.yatco-search-actions-container{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-top: 25px;
}
.yatco-search-actions-container #search,
.daterangepicker .cancelBtn,
.daterangepicker .applyBtn{
	background-color: var(--primaryblue);
	transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
	color: var(--white);
	border: 1px solid var(--primaryblue);
	max-width: 87px;
	padding: 0.7rem;
	text-transform: none;
	font-weight: 400;
	font-family: 'Graphik-Regular';
	letter-spacing: normal;
	border-radius: 5px;
}
.yatco-search-actions-container #search:hover{
	background-color: var(--darkblue);
	border-color: var(--darkblue);
}
.yatco-search-actions-container .yatco-search-action-clear{
	cursor: pointer;
	text-decoration: underline;
	font-weight: 400;
}
form.yatco-search{
	max-width: 100%;
}
form.yatco-search #reset{
	max-width: 110px;
	background-color: var(--primaryblue);
	border: 1px solid var(--primaryblue);
	border-radius: 4px;
	padding: 10px;
	cursor: pointer;
	color: #fff;
	transition: border 0.3s ease-out;
	align-content: center;
	text-transform: none;
	font-weight: 400;
	font-family: 'Graphik-Regular';
	letter-spacing: normal;
	font-size: 18px;
}
.charter-fleet-title > p:has(#yatco-current){
	margin-block-end: 0;
}
.charter-fleet-title{
	gap: 20px 0;
}
.daterangepicker .drp-buttons button.btn {
	font-size: 15px;
	padding: 7px 14px;
}

.yatco-search-container .slider-values > span:has(input){
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

.yatco-search-container .slider-values span input[type=number],
.yatco-search-container .slider-values span input[type=text]{
	padding: 0;
	font-weight: 600;
}
.yatco-search-container .slider-values span input[type=number]#slider-pricerangemin,
.yatco-search-container .slider-values span input[type=number]#slider-pricerangemax{
	min-width: 125px;
}
.yatco-search-container .slider-values span input[type=number]#slider-lengthrangemin,
.yatco-search-container .slider-values span input[type=number]#slider-lengthrangemax{
	max-width: 50px;
}
.yatco-search-container .slider-values span input[type=text]#slider-pricerangemin,
.yatco-search-container .slider-values span input[type=text]#slider-pricerangemax{
	max-width: 95px;
}
.yatco-search-container .slider-values span input[type=text]#slider-pricerangemax,
.yatco-search-container .slider-values span input[type=text]#slider-yearrangemax{
	text-align: right;
}
.yatco-search-container .slider-values span input[type=text]#slider-yearrangemin,
.yatco-search-container .slider-values span input[type=text]#slider-yearrangemax{
	max-width: 55px;
}
.yatco-search-container .slider-values span input[type=number]#slider-guestsrangemin,
.yatco-search-container .slider-values span input[type=number]#slider-guestsrangemax{
	max-width: 40px;
}

/*------------- END New styles Yachts'search bars -------------*/

/*------------- Styles Datepicker (Calendar) -------------*/

/*------------- END Styles Datepicker (Calendar) -------------*/


.hs-form-frame .responsive-iframe{
	height: 100%;
}