html,body,button,input {font-family:'Overpass', sans-serif; font-size:16px;  }
html {transition: margin 0.5s; }
html.has-modal {overflow-y:hidden; }
html .off-canvas-content:after {content:""; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0); 
    transition:all 1s cubic-bezier(0,0.66,0.33,1); pointer-events: none; z-index:98;  }
.has-modal .off-canvas-content:after {background:rgba(0,0,0,0.5); pointer-events: all; }

body {min-height: 100vh; min-height: calc(var(--vh, 1vh) * 100);}

#app, .off-canvas-wrapper, .off-canvas-content {min-height:100vh;}
body * {color:inherit; word-wrap:normal !important; word-break:normal;}

main {width:100%;}

h1,h2,h3,h4,h5 {font-weight:200; text-transform: uppercase; margin:0; margin-left:-0.085em; line-height:0.9em; }
h1,h2 {font-family:'Overpass-Lotus', 'Overpass', sans-serif;}
h3,h4,h5,h6 {font-family:'Overpass', sans-serif;}
h6 {font-weight:500;}
h1 small {font-size:2rem; padding-left:0.5em;  }
@media screen and (max-width: 39.9375em) {
    h1,h2,h3,h4,h5 {line-height:1.1em; }
    h1 small {font-size:1rem; padding-left:0.25em;}
}

label {color:inherit; text-transform:uppercase; }

small {line-height:1.2em;}

ol.legal {counter-reset:top sub subsub; list-style: normal;}
ol.legal, ol.legal ol {list-style:none; margin-bottom: 5px;}
ol.legal > li > strong {font-size:2rem; font-weight:300; text-transform: uppercase; margin-top: 1rem; }
ol.legal > li:before {font-size:2rem; font-weight:300 !important; }
ol.legal ol {counter-reset:sub}
ol.legal ol ol{counter-reset:subsub; }
ol.legal ol ol ol{counter-reset:subsubsub; }
ol.legal li:before { counter-increment:top; content: counter(top) ". "; font-weight:bold; display: inline-block; padding-right: 10px; }
ol.legal ol li:before { counter-increment:sub; content: counter(top) "." counter(sub) ". "; }
ol.legal ol ol li:before { counter-increment:subsub; content: counter(top) "." counter(sub) "." counter(subsub) ". "; }
ol.legal ol ol ol li:before { counter-increment:subsubsub; content: counter(top) "." counter(sub) "." counter(subsub) "." counter(subsubsub) ". "; }


h1.page-title { font-size: 4rem; }
h2.page-title { font-size: 3rem; }
h3.page-title { font-size: 2.5rem; }
h4.page-title { font-size: 1.75rem; }
h5.page-title { font-size: 1.25rem; }
h6.page-title { font-size: 1.25rem; }

@media print, screen and (min-width: 40em) {
	h1.page-title { font-size: 6rem; }
	h2.page-title { font-size: 4.5rem; }
	h3.page-title { font-size: 3.5rem;  }
	h4.page-title { font-size: 3rem; }
	h5.page-title { font-size: 1.75rem; }
	h6.page-title { font-size: 1.75rem; } 
}
@media print, screen and (min-width: 64em) {
	h1.page-title { font-size: 8rem; }
	h2.page-title { font-size: 6rem; }
	h3.page-title { font-size: 5rem;  }
	h4.page-title { font-size: 3.5rem; }
	h5.page-title { font-size: 2rem; }
	h6.page-title { font-size: 2rem; } 
}



/*		COLOURS			*/
.yellow {color: #FFF200;}
.aero-grey {color: #F2F1F0; }
.pure-white {color:#FFF;}
.asphalt-grey {color:#4F4F4F;}
.carbon-black {color:#000;}
.maximum-blue-green {color:#14A5AF;}
.cinnabar {color:#EF3E36;}

.dark {color:#FFF;}
.dark .primary {color:#FFF200;}

.light {color:#4F4F4F;}
.light .primary  {color:#000;}

a {color:inherit; transition:color 0.5s;}
.dark a:hover {color:#FFF200;}
.light a:hover {color:#4F4F4F;}

body.theme-dark {background:#000; color:#FFF;}
body.theme-light {color:#4F4F4F;}


/*		HELPERS			*/
.hidden {display:none !important;}


.off-canvas-content {display:flex; flex-direction:column;}
.off-canvas-content .content {flex-grow:1;}
#content #inner-content {padding: 0;}



/*		MEDIA			*/
.video, .wp-block-video {position:relative;}
.video .mute-control {position:absolute; bottom:2em; left:50%; transform: translateX(-50%); font-size:2em; cursor:pointer;}
video+.fa-play, .video[data-minar] .fa-play, .wp-block-video .fa-play {position:absolute; top:50%; left:50%; color:#FFF200; padding:25px 27px; border:2px solid #FFF; border-radius: 50%; 
		 transform:translateX(-50%) translateY(-50%); transition: all 1s; pointer-events:none;}
video.playing+.fa-play, .video[data-minar].playing .fa-play, .wp-block-video.playing .fa-play {opacity: 0;}



/*		SCROLLBAR		*/
.lotus-scrollbar::-webkit-scrollbar { height: 5px; width:5px; }
.lotus-scrollbar::-webkit-scrollbar-track { background: transparent; }
.lotus-scrollbar::-webkit-scrollbar-thumb { background: #FFF200; }


/*		INPUTS			*/
.button {transition: all 0.35s cubic-bezier(0,0.66,0.33,1), background 1s; line-height: 1.4em; text-transform: uppercase; padding:1rem 0 0.8rem 2rem;
	position: relative; border:1px solid transparent; display: inline-block; cursor: pointer; white-space: nowrap; color:#000  }
.button:hover {padding-right:1rem; margin-right:0; color:#FFF200; }
.button:after {font: var(--fa-font-light); content: "\f061";
	opacity: 0; padding-left: 1.1rem; transition: all 0.5s cubic-bezier(0,0.66,0.33,1); }
.button:hover:after {opacity: 1;}

.button.dark {color:#FFF;}
.button.light {color:#000;}

.button.primary {margin-right: 1rem; }
.button.primary:before {content:""; position: absolute; top:0; left:0; right:0; bottom:0; z-index: 0; opacity: 0; transition: opacity 1s cubic-bezier(0,0.66,0.33,1);}
.button.primary:before:hover {opacity: 1;}

.button.primary.dark {background: #FFF200; color:#000; }
.button.primary.dark:before {background: radial-gradient(top left, rgba(255,255,255,0.75), rgba(255,255,255,0));
	background:-webkit-radial-gradient(top left, rgba(255,255,255,0.75), rgba(255,255,255,0));  }

.button.primary.light {background: #000; color:#FFF200; }
.button.primary.light:before {background: radial-gradient(top left, rgba(255,255,255,0.75), rgba(255,255,255,0));
	background:-webkit-radial-gradient(top left, rgba(255,242,0,0.75), rgba(255,242,0,0)); }


.button.secondary {background:transparent; transition: all 1s cubic-bezier(0,0.66,0.33,1); padding-right: 2em;}
.button.secondary:after {content:none;}
.button.secondary:hover { }

.button.secondary.dark {border-color:#FFF200; color:#FFF200}
.button.secondary.dark:hover {background:#FFF200; color:#000}
.button.secondary.dark.selected {background:#4F4F4F; color:#FFF}

.button.secondary.light {border-color:#000; color:#000}
.button.secondary.light:hover {background:#000; color:#FFF}
.button.secondary.light.selected {background:#FFF200; color:#000}


.button.text {background:transparent; padding:1em 0; font-size:0.875rem; margin-right: 0.7em;}
.button.text:hover {margin-right: 0em;  }
.button.text:after {opacity: 1; padding-left: 0.5em;  }
.button.text:hover:after {padding-left: 1.2em; margin-right: 0em;  }
.button.text.inline {padding: 0.25em 1em 0.25em 0;}

.button.text.dark {color:#FFF;}
.button.text.dark:after {color:#FFF200;}
.button.text.light {color:#000;}


.button.simple {padding-right: 2rem; margin-right: 0;}
.button.simple:after {content:none;}
.button.dark {color:#FFF;}
.button.light {color:#000;}
.button.active {background: #FFF200; color:#000;}
.button.disabled {border-color:#CCC !important; color:#CCC !important; pointer-events: none;}
.button.primary.disabled { background:#999 !important;}

button:focus {outline:0;}

@media screen and (max-width: 39.9375em) {
	.button {font-size:0.875em;}
	
}

.select {position:relative;}
.select:after {font: var(--fa-font-light); content: "\f061"; position:absolute; right:0; top:0; transform: translate(-50% -50%);
	transition: all 0.5s cubic-bezier(0,0.66,0.33,1); }

input[type=range]{ -webkit-appearance: none; }
input[type=range]::-webkit-slider-runnable-track { height: 10px; background: #fff200; border-radius: 5px; 
	box-shadow: none; }
input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none;
    height: 16px; width: 16px; border-radius: 50%; background: #000; margin-top: -3px;
}
input[type=checkbox]:checked { filter: invert(100%) hue-rotate(18deg) brightness(1.7); }

select:focus {background:#FFF;}

blockquote {border:none; margin-left: 0; padding: 2rem; background:rgba(242,241,240,0.2); margin-left: -2rem; margin-right: -2rem;}
blockquote cite:before {content:none;}
blockquote cite {font-style: normal; text-transform: uppercase; opacity: 0.75;}


.no-margin {margin:0 !important;}


/*		ELEMENTS			*/
hr.is-style-wide {width:100% !important; max-width: none; border-bottom: none; color:#4F4F4F;}


/*		FROSTED			*/
.frosted {backdrop-filter: blur(16px);}
.frosted.dark {background: rgba(0,0,0,0.5);}
.frosted.dark-25 {background: rgba(0,0,0,0.25);}
.frosted.dark-50 {background: rgba(0,0,0,0.5);}
.frosted.dark-75 {background: rgba(0,0,0,0.75);}
.frosted.light {background: rgba(255,255,255,0.25);}
.frosted.light-25 {background: rgba(255,255,255,0.25);}
.frosted.light-50 {background: rgba(255,255,255,0.5);}
.frosted.light-75 {background: rgba(255,255,255,0.75);}
.frosted-top { border-top:1px solid rgba(255,255,255,0.25);}
.frosted-right { border-right:1px solid rgba(255,255,255,0.25);}
.frosted-bottom { border-bottom:1px solid rgba(255,255,255,0.25);}
.frosted-left { border-left:1px solid rgba(255,255,255,0.25);}



/*		HEADER				*/
header.header {position:fixed; z-index: 50; top:0; left:0; right:0; transition: all 0.5s cubic-bezier(0,0.66,0.33,1);  }
header.header.hidden {transform:translateY(-100%);}
header .header-content-right {padding:1.5rem;}
header.header.short {background:#000; height:56px;}

.hamburger {position: relative; z-index: 21; background: transparent !important; transform:translateY(-2px); pointer-events: all; outline:none;
	padding:1.5rem;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {background-color:#EEE;}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after
	{background-color:#EEE;}
.hamburger-box, .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width:25px; height:2px;}
.hamburger--squeeze .hamburger-inner::before {top:-8px;}
.hamburger--squeeze .hamburger-inner::after {bottom: -8px;}
.hamburger--arrow.is-active .hamburger-inner::before {transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);}
.hamburger--arrow.is-active .hamburger-inner::after {transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);}
.hamburger--arrow .hamburger-inner::before {top:-6px;}
.hamburger--arrow .hamburger-inner::after {bottom: -6px;}


/*				OMNI					*/
.omni { top:0; right:0; background: transparent; cursor: pointer; position:fixed; display:inline-block; pointer-events: all; 
    z-index:999; width:80px; height:80px; padding:1.5rem; transition: all 0.5s cubic-bezier(0,0.75,0.25,1); }
.omni__content {width: 1.5rem; height:1.5rem; position:relative;}
.omni span {border:1px solid #FFF; display: block; position: absolute; transition: all 0.5s; left:0.75rem; top:0.75rem;}
.theme- .omni span, .theme-light .omni span, .omni.light span, .navigation-light .omni span {border-color:#000;}
.theme-dark .omni span, .omni.dark span, .navigation-dark .omni span {border-color:#FFF;}
.omni.light span {border-color:#000;}
.omni.dark span {border-color:#FFF;}
.omni span:nth-child(1) {transform: translate(-0.7rem,-0.5rem); width:1.4rem;}
.omni span:nth-child(2) {transform: translate(-0.7rem,0); width:1.1rem;}
.omni span:nth-child(3) {transform: translate(-0.7rem,0.5rem); width:0.8rem;}
.omni.normal:hover span {width:100% !important;}
.omni.back span:nth-child(1) {transform: translate(-0.7rem,-0.4rem) rotate(45deg); width:80%;}
.omni.back span:nth-child(2) {opacity: 0;}
.omni.back span:nth-child(3) {transform: translate(-0.7rem,0.4rem) rotate(-45deg);width:80%;}
.omni.close span:nth-child(1) {transform: translate(-0.9rem,0) rotate(-45deg); width: 1.75rem;}
.omni.close span:nth-child(2) {opacity: 0;}
.omni.close span:nth-child(3) {transform: translate(-0.9rem,0) rotate(45deg); width: 1.75rem;}
.omni.left span:nth-child(1) {transform: translate(-0.7rem,-0.4rem) rotate(-45deg); width:80%;}
.omni.left span:nth-child(2) {opacity: 0;}
.omni.left span:nth-child(3) {transform: translate(-0.7rem,0.4rem) rotate(45deg);width:80%;}

body.short-header .omni { padding:1rem; width:56px; height:56px;}
body.short-header:not(.has-modal) .omni {background:#FFF200;}
body.short-header .omni span {border-color:#000;}
body.short-header .omni:hover span {border-color:#000;}

@media screen and (max-width: 39.9375em) {
    body .omni { padding:1rem; width:56px; height:56px;}
}



/*		TEXT EFFECTS		*/
.lotus-title {position:relative;}
.lotus-title .intersect {position:absolute; top:0; left:0; bottom:0;  }
.lotus-title .intersect > * {color:#FFF;}



/*		BRANDING			*/
#branding a {display:inline-block; position: relative; margin: 1.5rem; transition: all 0.5s cubic-bezier(0,0.75,0.25,1); }
#branding svg.lotus-wordmark {width:auto; height:24px; pointer-events:all;}
#branding svg.lotus-monogram {position: absolute; top:-1px; left:100%; transform:translate(25%,0) ; width:auto; height:45%; pointer-events:all;}
body #branding svg {fill:#000;}
body.navigation-dark #branding svg, body.short-header #branding svg {fill:#FFF !important;}
body.short-header #branding a {margin:1rem; }
@media screen and (max-width: 39.9375em) {
    body #branding a {margin:1rem; }
}


/*				NAVIGATION				*/
#navigation {position:fixed; top:0; right:0; bottom:0; width:800px; max-width:100vw; z-index: 101; transform:translateX(100%); 
	transition: all 0.5s cubic-bezier(0,0.9,0.2,1);	overflow: hidden; background: #FFF200; display:flex; flex-direction:column;}
#navigation.active {transform: translateX(0);}
#navigation .primary-nav a {opacity: 0; transform: translateX(200px);}
#navigation.active .primary-nav a {transform: translateX(0) !important; opacity: 1;}

#navigation .nav {flex-grow:1; height:50%; display:flex; position:relative;}
#navigation a {display:block; font-size:1rem; transition:all 0.5s;   }
#navigation a[target="_blank"]:after {font-family: "Font Awesome 6 Pro"; font-weight: 400; content: "\f08e"; color:#FFF200; font-size:70%; 
	transform:translate(6px,-2px); display:inline-block; }
#navigation a:not(.button) {line-height: 2rem; color:#000;}
#navigation .margin-top {margin-top:1rem;}
#navigation .navigation__content {height: 100%; display:flex; flex-direction:column; justify-content: center; transition:transform 0.5s cubic-bezier(0,0.75,0.25,1);
    position: relative;}
/*#navigation .navigation__content {	background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), #66613B);}*/
#navigation .navigation__content .primary-nav a.label {text-transform: uppercase; font-weight: 300; font-size:1rem; margin-bottom: 0.5rem; pointer-events: none; }
#navigation .navigation__content .primary-nav a.large {text-transform: uppercase; font-weight: 100; font-size:4rem; line-height: 1em; margin-left:-0.1em; }
#navigation .navigation__content .primary-nav a.large + a:not(.large) {margin-top:2rem;}
#navigation .navigation__content .primary-nav a.large i {display:none;}
#navigation .navigation__content nav {padding: 4rem 4rem 8rem; background-position: 50% 50%; background-size: cover; pointer-events: all; display: flex; flex-direction: column;}
#navigation .navigation__content .primary-nav nav {font-size:1.5rem; position: relative;}

#navigation .hierarchy {display:flex; width:200%; transition:all 0.5s cubic-bezier(0,0.9,0.2,1);}
#navigation.isopen .hierarchy {transform:translateX(-50%); }
#navigation.isopen .primary-nav a {opacity: 0; transform: translateX(-200px) !important;}
#navigation .hierarchy > div {width:100%;}

#navigation .navigation__content .lotus-market-selector {position:absolute; top:0; left:0; width: 100%; height: 100%; overflow-y: auto;}

#navigation footer {flex-shrink:1; background:#000; color:#FFF; display:flex;}
#navigation footer i.fa-globe { font-size:1.25rem; pointer-events: all;z-index: 4; margin-right: 0.5rem; align-items: center; vertical-align: text-bottom;}
#navigation footer a.button {padding:0.75rem 1rem; color:#FFF; }


#navigation .lotus-market-selector {position:absolute; top:0; left:0; right:0; bottom: 0;}
#navigation .lotus-market-selector {transition: opacity 0.35s cubic-bezier(0,0.66,0.33,1); color:#000; opacity: 0; pointer-events: none;}
#navigation .lotus-market-selector.active {opacity: 1; pointer-events: all; }
#navigation .lotus-market-selector .lms-content .lms-market-groups {transform: translateY(50px); }
#navigation .lotus-market-selector.active .lms-content .lms-market-groups {transform: translateY(0); }
main .lotus-market-selector {display: flex; flex-direction: column; justify-content: center;}
.lotus-market-selector {visibility:visible; height: 100%; }
.lotus-market-selector .lms-market-group-title {display:flex; background:#F2F1F0; padding: 0.25rem 1rem; margin-top: 8px; }
.lotus-market-selector .lms-content {background: #FFF; min-height: 100%;}
.lotus-market-selector .lms-content .lms-market-groups {transition:all 0.5s cubic-bezier(0,0.75,0.25,1); max-width:800px; margin: 0 auto;}
.lotus-market-selector.active .lms-content .lms-market-groups {transform: translateY(0);}
.lotus-market-selector .lms-market-group-title {display: flex !important;}
.lotus-market-selector .lms-countries {margin: 0 1rem;}
.lotus-market-selector .lms-market-group-title + ol li {width:49%;}
main .lotus-market-selector .lms-content {display:flex; flex-direction: row; align-items: center; justify-content: center;
    transition: transform 0.75s cubic-bezier(0,0.85,0.5,1);  }
#navigation .lotus-market-selector .lms-content {padding: 4rem 0; display:flex; flex-direction: column; justify-content: center;}
.lotus-market-selector a {color:#000;}
.lotus-market-selector a:hover {color:#000;}
.lotus-market-selector a.lms-close {position:absolute; top:1rem; right:1.5rem; width:1.5rem; z-index: 2; }
.lotus-market-selector .lms-title {font-size:8vw; line-height: 1em; font-weight: 300; text-transform: uppercase; 
	padding-left:4rem; padding-right: 4rem; margin-bottom: 1rem; }
.lotus-market-selector .lms-title, .lotus-market-selector .lms-market-groups {width: 100%;}
.lotus-market-selector ol {list-style: none; margin: 0; padding: 0;}
.lotus-market-selector .lms-market-groups {overflow-y: auto; padding:2rem 4rem; max-height: 100%;}
.lotus-market-selector .lms-market-group-title {text-transform: uppercase; font-size:1.4rem; display:flex; justify-content: space-between; }
.lotus-market-selector .lms-market-group-title:hover img {transform: translateY(3px);}
.lotus-market-selector .lms-market-group-title > img {width:20px; transition: transform 0.5s cubic-bezier(0,0.66,0.33,1); pointer-events: none;}
.lotus-market-selector .lms-market-group-title + ol.lms-countries {display: none; padding: 0.5rem 0 1rem;}
.lotus-market-selector ol.lms-countries {display:flex; flex-direction: row; flex-wrap: wrap; gap:1.5rem;}
.lotus-market-selector ol.lms-countries > li {width:45%; flex-grow:1; min-width: 200px; display: inline-block; line-height: 2em;}
.lotus-market-selector ol.lms-countries > li.selected {font-weight:700;}
.lotus-market-selector ol.lms-countries > li figure {overflow: hidden; display: inline-block; margin-left: 5px; vertical-align: bottom; }
.lotus-market-selector ol.lms-countries > li a img {width:12px; transform: translateX(-100%); transition: transform 0.3s cubic-bezier(0,0.66,0.33,1); }
.lotus-market-selector ol.lms-countries > li a:hover img {transform: translateX(0);}
.lotus-market-selector .lms-market-group-title.active + ol {display:flex; flex-direction: row; flex-wrap: wrap; gap:1.5rem; }
.lotus-market-selector .lms-market-group-title.active > img {transform:rotate(180deg); }
.lotus-market-selector ul.languages {margin:0; display:flex; flex-wrap: wrap; list-style: none; }
.lotus-market-selector ul.languages li {width:50%;}
.lotus-market-selector ul.languages li a {text-transform: none; font-size:14px !important; color:#4f4f4f !important; position: relative;
    line-height: 1.6rem !important;}
.lotus-market-selector ul.languages li a:after {font-family: "Font Awesome 6 Pro"; font-weight: 900; content: "\f061";
	transform:translate(2px,0); display:inline-block; opacity: 0; transition: transform 0.3s cubic-bezier(0,0.66,0.33,1);   }
.lotus-market-selector ul.languages li:hover a:after {transform:translate(8px,0); opacity: 1; }
@media screen and (max-width: 63.9375em) {
	.lotus-market-selector .lms-content {padding-top: 5rem; flex-direction: column;}
}
@media screen and (max-width: 39.9375em) {
	.lotus-market-selector .lms-content {padding-top: 1.5rem; justify-content: flex-start;}
	.lotus-market-selector .lms-title {padding-left:1.5rem; padding-right: 30%; font-size:12vw; margin-bottom: 0; } 
	.lotus-market-selector .lms-market-groups {padding: 1.5rem;}
}


#navigation .navigation__content .secondary-nav {z-index: 2; flex-grow:1; position:relative;}
#navigation .navigation__content .secondary-nav label {margin-bottom: 1rem;}
#navigation .navigation__content .secondary-nav nav {font-size:1.4rem; opacity: 0; transition: all 0.5s cubic-bezier(0,1,0.25,1); 
	display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; 
	background-position: 0% 100%; background-size: 180% auto; background-repeat: no-repeat; 
	pointer-events: none; color:#FFF; position: absolute; padding-top:15vh; top:0; height:100%; left:0; width:100%; }
#navigation .navigation__content .secondary-nav nav.active  {opacity: 1; pointer-events: all;}
#navigation .navigation__content .secondary-nav nav > * {opacity: 0; transform: translateX(100px); }
#navigation .navigation__content .secondary-nav nav.active > * {opacity: 1; transform: translateX(0) !important; transition: all 0.5s cubic-bezier(0,1,0.25,1); }
@media screen and (max-width: 63.9375em) {
    #navigation .navigation__content nav {padding:4rem 3rem;}
}
@media screen and (max-width: 63.9375em) {
    #navigation .navigation__content nav {padding:4rem 3rem;}
}



/*				HELP				*/
header .show-help {font-size:1.5rem; position: relative; z-index: 10; color:#FFF; padding: 1.5rem; transition: all 0.5s cubic-bezier(0,0.75,0.25,1);}
body.short-header header .show-help { padding:1rem; }
@media screen and (max-width: 39.9375em) {
    body header .show-help { padding:1rem;}
}

#help {position:fixed; top:0; left:0; bottom:0; width:100%; z-index: 102; transform:translateX(-100%); color:#000; 
	transition: all 0.5s cubic-bezier(0,0.9,0.2,1);	background: #FFF200; display:flex !important; pointer-events: none;}
#help > * {flex-grow:1; width:25%;}
#help.active {transform: translateX(0); pointer-events: all;}
#help .faqs {display: flex; flex-direction: column; }
#help.active .faqs {min-width:400px;}
#help .faqs .content {flex-grow: 1; overflow-y: auto; height: 100%;}
#help .faqs ol {list-style: none; margin: 0;}
#help .faqs ol.topics {margin:2rem 0;}
#help .faqs ol.topics > li {margin-bottom: 1.5rem; position: relative;}
#help .faqs ol.topics > li > a {font-size:1.6rem; font-weight: 300; }
#help .faqs ol.topics > li > .marker {position:absolute; right:100%; bottom: 100%; margin-right: 0.25rem; margin-bottom: -0.75rem; overflow: hidden;}
#help .faqs ol.topics > li > .marker i {transform: translateX(-100%) translateY(-100%); transition: all 0.5s cubic-bezier(0,0.75,0.25,1);}
#help .faqs ol.topics > li.active > .marker i {transform: translateX(0) translateY(0); }
#help .faqs ol.subtopics {margin:0.5rem 0 1rem 1.5rem;}
#help .faqs ol.subtopics > li > .marker {overflow: hidden; position: relative; margin-left: 5px; height: 20px; display: inline-block;
    vertical-align: middle; font-size:0.875rem; }
#help .faqs ol.subtopics > li > .marker i {transform: translateX(-100%); transition: all 0.5s cubic-bezier(0,0.75,0.25,1); }
#help .faqs ol.subtopics > li.active > .marker i {transform: translateX(0); }
#help .faqs a {opacity: 0; transform: translateX(-200px);}
#help .faqs .search {display:flex; background: #000; color:#FFF; padding:5px ; height: 50px; }
#help .faqs .search span {width:4rem; text-align: center; color:#FFF200; font-size:1.5rem; }
#help .faqs .search span i {padding:5px;}
#help .faqs .search input {border:none;margin: 0; color:#FFF;}
#help .faqs .search input:focus {background: transparent;}
#help.active .faqs a {transform: translateX(0) !important; opacity: 1;}
#help .content {padding: 4rem; height: 100%; overflow-y: auto;}
#help .contact-chat {background:#FFF; position:relative; z-index: 1;}
#help .contact-chat hr {margin: 4rem 0;}
#help .contact {padding: 2rem 0 0;}
#help .answers {width:0; max-width: 0; transition: all 0.5s cubic-bezier(0,0.75,0.25,1); border-left:1px solid rgba(0,0,0,0); opacity: 0; background: #FFF;}
#help .answers h5 {transform:translateY(0); opacity:1; transition: all 0.5s cubic-bezier(0,0.75,0.25,1); }
#help .answers.loading h5 {transform:translateY(-50%); opacity:0; transition: none; }
#help .answers .content {padding-right: 0; padding-bottom: 0; display: flex; flex-direction: column; height: 100%; }
#help .answers.active {width:75%; max-width: 100%; opacity: 1;}
#help .answers ol.questions {margin: 1rem 0; padding-top: 2rem; padding-right: 4rem; padding-bottom: 2rem; list-style: none; overflow-y: auto; flex-grow: 1; height: 50%;}
#help .answers li.question-answer {padding: 2rem 0; transform:translateX(100px); border-bottom:2px solid #000;  }
#help .answers li.question-answer:last-child {border-bottom:none;  }
#help .answers.loading li.question-answer {transform:translateX(100px); opacity: 0;  }
#help .answers:not(.loading) li.question-answer {transform:translateX(0); transition: all 0.5s cubic-bezier(0,0.75,0.25,1); opacity:1;}
#help .answers li.question-answer label {font-size:0.75rem;}
#help .answers li.question-answer a.question {font-weight:700; display:flex; justify-content: space-between; }
#help .answers li.question-answer a.question i {font-size:1.2rem; transition: all 0.5s cubic-bezier(0,0.75,0.25,1);  }
#help .answers li.question-answer.active a.question i {transform: rotate(180deg); }
#help .answers li.question-answer p.answer { margin: 2rem 0;}
#help .answers li.question-answer p.answer a {font-weight: bold;}
#help.show-chat .faqs {height: 0; flex-grow:0;}
@media screen and (max-width: 63.9375em) {
    #help {flex-direction:column; height:100%;}
    #help.show-faqs {transform: translateX(-100%);}
    #help .content {padding: 2rem;}
    #help .faqs, #help .contact-chat {width:100%;}
    #help .faqs {order:2; flex-grow:2; height: 50%;}
    #help .faqs ol.topics > li {margin-bottom: 0.5rem;}
    #help .answers {width:100% !important; max-width: 100%; position: absolute; left: 100%; top:0; height: 100%; width: 100%; }
    #help .answers ol.questions {padding-right: 2rem; margin: 2rem -1.5rem;}
    #help .contact-chat .content {padding-bottom: 2rem;}
    #help .contact-chat .chat {max-height:0; overflow: hidden; flex-grow: 1;}
    #help.show-chat .contact-chat .chat {max-height:none; overflow: visible; flex-grow: 1;}
}


/*				FAQS				*/
.block-vue .faqs {display:flex; justify-content: space-between; }
.block-vue .faqs .content {flex-grow: 1; overflow-y: auto; height: 100%;}
.block-vue .faqs > .topics {width:45%;}
.block-vue .faqs ol {list-style: none; margin: 0;}
.block-vue .faqs ol.topics {margin:2rem 0;}
.block-vue .faqs ol.topics > li {margin-bottom: 0rem; position: relative;}
.block-vue .faqs ol.topics > li > a {font-size:1.6rem; font-weight: 300; }
.block-vue .faqs ol.topics > li > .marker {position:absolute; right:100%; bottom: 100%; margin-right: 0.25rem; margin-bottom: -0.75rem; overflow: hidden;}
.block-vue .faqs ol.topics > li > .marker i {transform: translateX(-100%) translateY(-100%); transition: all 0.5s cubic-bezier(0,0.75,0.25,1);}
.block-vue .faqs ol.topics > li.active > .marker i {transform: translateX(0) translateY(0); }
.block-vue .faqs ol.subtopics {margin:0.5rem 0 1rem 1.5rem;}
.block-vue .faqs ol.subtopics > li > .marker {overflow: hidden; position: relative; margin-left: 5px; height: 20px; display: inline-block;
    vertical-align: middle; font-size:0.875rem; }
.block-vue .faqs ol.subtopics > li > .marker i {transform: translateX(-100%); transition: all 0.5s cubic-bezier(0,0.75,0.25,1); }
.block-vue .faqs ol.subtopics > li.active > .marker i {transform: translateX(0); }
.block-vue .faqs .search {display:flex; padding:5px ; height: 50px; border:1px solid #000; max-width:400px; margin-bottom: 2rem;  }
.block-vue .faqs .search span {width:4rem; text-align: center; font-size:1.5rem; }
.block-vue .faqs .search span i {padding:5px;}
.block-vue .faqs .search input {border:none;margin: 0; }
.block-vue .faqs .search input:focus {background: transparent; box-shadow: none;}
.block-vue .faqs .content {padding: 4rem; height: 100%; overflow-y: auto;}
.block-vue .faqs .answers {width:0; max-width: 0; opacity: 0; transition: all 0.5s cubic-bezier(0,0.75,0.25,1);  }
.block-vue .faqs h3 {margin: 0.5em 0 0;}
.block-vue .faqs h5 {margin: 0.5em;}
.block-vue .faqs .answers h5 {transform:translateY(0); opacity:1; transition: all 0.5s cubic-bezier(0,0.75,0.25,1); margin: 0.25em 0;}
.block-vue .faqs .answers.loading h5 {transform:translateY(-50%); opacity:0; transition: none; }
.block-vue .faqs .answers .content {padding-right: 0; padding-bottom: 0; display: flex; flex-direction: column; height: 100%;
    background: #FFF; transition:  all 0.5s cubic-bezier(0,0.75,0.25,1); opacity: 0;}
.block-vue .faqs .answers {width:50%; max-width: 100%; opacity: 1; }
.block-vue .faqs.active .answers .content {opacity: 1; }
.block-vue .faqs .answers ol.questions {margin: 1rem 0; padding-top: 2rem; padding-right: 4rem; padding-bottom: 2rem; list-style: none; }
.block-vue .faqs .answers li.question-answer {transform:translateX(100px); padding:2rem 0; border-top:2px solid #000;  }
.block-vue .faqs .answers li.question-answer:first-child {border:none;}
.block-vue .faqs .answers.loading li.question-answer {transform:translateX(100px); opacity: 0;  }
.block-vue .faqs .answers:not(.loading) li.question-answer {transform:translateX(0); transition: all 0.5s cubic-bezier(0,0.75,0.25,1); opacity:1;}
.block-vue .faqs .answers li.question-answer label {font-size:0.75rem;}
.block-vue .faqs .answers li.question-answer a.question {font-weight:700; display:flex; justify-content: space-between; align-items: flex-start; }
.block-vue .faqs .answers li.question-answer a.question span {padding-right: 2rem;}
.block-vue .faqs .answers li.question-answer a.question i {font-size:1.2rem; transition: all 0.5s cubic-bezier(0,0.75,0.25,1);  }
.block-vue .faqs .answers li.question-answer.active a.question i {transform: rotate(180deg); }
.block-vue .faqs .answers li.question-answer p.answer { margin: 2rem 0;}
.block-vue .faqs .answers li.question-answer p.answer a {font-weight: bold;}
@media screen and (max-width: 63.9375em) {
    .block-vue .faqs .content {padding: 2rem;}
    .block-vue .faqs .answers ol.questions {padding-right: 2rem; margin: 0;}
}
@media screen and (max-width: 39.9375em) {
    .block-vue .faqs {flex-direction:column; }
    .block-vue .faqs .content {padding: 2rem;}
    .block-vue .faqs > .topics {order:2;}
    .block-vue .faqs, .block-vue .faqs > .topics {width:100%;}
    .block-vue .faqs {order:2; flex-grow:2; height: 50%;}
    .block-vue .faqs ol.topics > li {margin-bottom: 0.5rem;}
    .block-vue .faqs .answers {width:100% !important; font-size:1rem;  }
    .block-vue .faqs .answers ol.questions {padding-right: 2rem; margin: 0;}
}





/*				REVEAL				*/
.emerge {overflow:hidden;}
.emerge.up > .__content {transform: translateY(110%); transition: all 1s cubic-bezier(0,0.75,0.25,1); opacity: 0; padding-top:0.5rem;}
.emerge.down > .__content {transform: translateY(-110%); transition: all 1s cubic-bezier(0,0.75,0.25,1); opacity: 0; padding-bottom:0.5rem;}
.emerge.left > .__content {transform: translateX(110%); transition: all 1s cubic-bezier(0,0.75,0.25,1); opacity: 0; padding-left:0.5rem;}
.emerge.right > .__content {transform: translateX(-110%); transition: all 1s cubic-bezier(0,0.75,0.25,1); opacity: 0; padding-right:0.5rem; }
.emerge.active > .__content {transform: translateY(0); opacity:1; }

.appear.up > .__content {transform: translateY(2rem); transition: all 1s cubic-bezier(0,0.75,0.25,1); opacity: 0;}
.appear.down > .__content {transform: translateY(-2rem); transition: all 1s cubic-bezier(0,0.75,0.25,1); opacity: 0;}
.appear.left > .__content {transform: translateX(2rem); transition: all 1s cubic-bezier(0,0.75,0.25,1); opacity: 0;}
.appear.right > .__content {transform: translateX(-2rem); transition: all 1s cubic-bezier(0,0.75,0.25,1); opacity: 0; }
.appear.active > .__content {transform: translateX(0) translateY(0); opacity:1; }


/*				PANEL				*/
.panel .panel__content {position: relative;}
.panel.has-reflection {overflow: visible;}
.panel.has-reflection .reflection {position:absolute; top:100%; left:0; width:100%;}


/*		HEROES			*/
#heroes {min-height: 80px; position:relative; }
#heroes .tall .hero {min-height:400px;}
#heroes .screen .hero .height {height:100vh; height: calc(var(--vh, 1vh) * 100);}
#heroes .media .hero img, #heroes .media .hero video {width:100%;}
#heroes .height {width:100%; }
#-heroes .hero.loading {display:none !important;}
#scrolldown {position: absolute; bottom:35px; left:50%; transform: translateX(-50%); z-index: 22; stroke:#FFF; }


.navigation-light #heroes #scrolldown {stroke:#000;}
.hero .responsive-embed {margin-bottom: 0 !important; }


#heroes .hero {position: relative; z-index: 1; background-position: 50% 50%; background-size: cover;  }
#heroes .hero .imagery {position:absolute; top:0; left:0; width:100%; height:100%; }
#heroes .hero .imagery img {object-fit: cover; object-position: center;  width:100%; height:100%;}
.hero.dark .content {text-shadow: 0 0 30px rgba(0,0,0,0.5); color:#FFF; }
.hero.light .content {text-shadow: 0 0 30px rgba(255,255,255,1); color:#000000; }
.hero .content {position:absolute; left:0; right:0; transition: all 1.25s; transition-delay: 0.5s; text-align: center; top:25%; 
	letter-spacing:0.05em; padding:0; opacity: 0;}
.hero .grid-x, .hero .grid-x {text-align: center; justify-content:center;}
.hero.left .grid-x, .hero.west .grid-x {text-align:left; justify-content:flex-start;}
.hero.right .grid-x, .hero.east .grid-x {text-align: right; justify-content:flex-end;}
.hero.centre .content {transform: translateX(0) translateY(-1em); }
.hero.west .content {transform: translateX(-1em); text-align: left;}
.hero.east .content {transform: translateX(1em); text-align: right;}
.hero.north .content {transform: translateX(0) translateY(-1em); top:15%; }
.hero.south .content, .hero.bottom .content {transform: translateX(0) translateY(1em); bottom:20vh; top:auto; }
.hero label {font-size:2vw; font-weight:300;}
.hero h1 {font-size:12vw; line-height:1.1em;}
.hero h2 {font-size:6em; line-height: 1em; padding-bottom: 0em; margin: 0 0 0 0; color:inherit; font-weight:900;  }
.hero h3 {font-size:3em; line-height: 1em; padding-bottom: 0em; margin: 0 0 0 0; color:inherit; font-weight:900;  }
.hero small {font-size:2rem; padding-left: 0.15em; color:inherit; display: block; margin-bottom: 0.75em; }
.hero .holder p {text-transform: uppercase;}
.hero video {display:block;}
body.ready .hero .content {opacity: 1; transform: translateX(0) translateY(0) !important;}
.hero .button {position:absolute; bottom:6em; transform: translateX(-50%); }

#heroes i.fa {background:transparent; color:#FFF; font-size: 2.6em; font-weight: 100; padding:12px 15px; position: absolute; top:50%; 
		transition:all 0.5s; cursor: pointer; z-index:2; transform: translateY(-50%);  }
#heroes i.fa:hover {color:#FFF200;}
#heroes i.fa-chevron-left {left:0;}
#heroes i.fa-chevron-right {right:0;}

.home #awards {text-align: left; padding: 2em; position: absolute; bottom:0; left:0;}

@media screen and (min-width: 40em) {
	.hero .content {padding:0 2rem;}
}
@media screen and (min-width: 64em) {
	.hero .content {padding:0 4rem;}
}
@media screen and (max-width: 63.9375em) {
	#heroes .height {width:100%; padding-bottom: 65%;}
	.hero .row {top:33%;}
	.hero h2 {font-size:4em;}
	.hero h3 {font-size:2em;}
	.hero .holder p, .hero .holder a {font-size:1em;}
	.hero .holder a.button {font-size:1em;}
	
}
@media screen and (max-width: 39.9375em) {
.hero small {font-size:1.2rem;}
    #heroes .height {width:100%; padding-bottom: 75%;}
    .hero .row {top:20%;}
    .hero h2 {font-size:2.4em; display: inline-block;}
    .hero h3 {font-size:1.5em;}
    .hero .holder p, .hero .holder a.button {font-size:0.85em;}
    #heroes {min-height:85px;  }
    #heroes > .medium .hero {min-height:200px; }
    #heroes > .tall .hero {min-height:300px; }

    .hero .content {left:1.5em; right:1.5em; top:30%;}

    #awards img {max-height:75px; }
    .single-model #awards {display: none; }
    .home #awards {padding: 0.75em;}

    .hero .button {left:2em; right:2em; transform: none;}
    
    .hero.south .content, .hero.bottom .content {bottom:10vh;}
}





/*		PLAY				*/
.dark .play .stroke {stroke:#fff200; }
.dark .play .caret, .dark .play .fill {fill:#fff200; }
.dark .play .caret {transition: all 0.5s cubic-bezier(0,0.75,0.25,1); }
.play .fill {transform: translate(50%,50%) scale(0); transition: all 0.5s cubic-bezier(0,0.75,0.25,1); }
.play:hover .fill {transform:translate(0,0) scale(1); }
.play:hover .caret {fill:#000;}


/*		FIGURE				*/
.lotus-figure {overflow: hidden;}
.lotus-figure .lotus-figure__content {width:100%; height: 100%;}
.lotus-figure img {width:100%; height: 100%; object-fit: cover; object-position: 50% 50%; transform: scale(1); transition:all 2s cubic-bezier(0,0.66,0.33,1); opacity: 0;}
.lotus-figure.active img {transform: scale(1.2); opacity: 1; }


/*		FOOTER				*/
footer.footer {background:#FFF200; padding:2rem 4rem; z-index: 10; position: relative; }
footer.footer .roundel {width:75px; }
footer.footer .small {font-size:0.75rem;}
footer.footer a {color:#000;}
#footer-primary {margin: 5px 0 10px; }
#footer-primary li a {text-transform: uppercase; padding: 5px 10px 5px 10px; font-size:1rem;}
#footer-primary li:last-child a {border:none;}
#footer-secondary {margin: 5px 3px; }
#footer-secondary li a {text-transform: uppercase; padding: 3px 7px; border-right: 1px solid #000; font-size:0.75rem;}
footer.footer .menu a[target="_blank"]:after {font-family: "Font Awesome 6 Pro"; font-weight: 400; content: "\f08e"; font-size:70%; 
	transform:translate(4px,-2px); display:inline-block; padding-right: 5px; }
#footer-secondary li:last-child a {border:none;}
footer.footer ul.social {list-style:none; display:flex; justify-content: center; font-size: 1.5rem; margin:0;}
footer.footer ul.social a {padding: 0 0 0 20px;}
.copyright {font-size:0.75rem; text-transform:uppercase;}
@media screen and (max-width: 63.9375em) {
	footer.footer .roundel {width:60px; margin-bottom: 1.5rem; }
	footer.footer {padding:2rem 3rem;}
	#footer-secondary {margin:1rem 0;}
	#footer-primary, #footer-secondary {justify-content: center;}
	#footer-secondary li a {border-right:none;}
}
@media screen and (max-width: 39.9375em) {
	footer.footer {padding:2rem 2rem;}
}



/*				LOTUS CENTRES		*/
.lotus-centres-map .map-canvas {width: 100%; height: 100vh;}

.lotus-centre-search {position:absolute;  top:50%; transform:translateY(-50%); left:0; display:flex; align-items: center; 
    transition:all 0.5s cubic-bezier(0,0.8,0.2,1); pointer-events: none;}
.lotus-centre-search form {display:flex; align-items: center; transform: translateX(-100%); transition:all 0.5s cubic-bezier(0,0.8,0.2,1);
	background:#FFF200; pointer-events: all; }
.lotus-centre-search.active form {transform: translateX(0); box-shadow:-20px 10px 10px rgba(0,0,0,0.2);}
.lotus-centre-search i {line-height: 1em; }
.lotus-centre-search a {transition: all 0.5s; z-index: 2; position: relative; text-align:center; pointer-events: all;}
.lotus-centre-search a.showhide {padding:1rem; background:#FFF200;}
.lotus-centre-search fieldset {margin-right:1rem; position: relative; display:flex; height:68px; align-items: center;}
.lotus-centre-search fieldset a {padding:0 10px; display:block; color:rgba(0,0,0,0.75); margin-left: -40px;}
.lotus-centre-search fieldset a:hover {color:#000;}
.lotus-centre-search fieldset a i {font-size:1.5rem;}
.lotus-centre-search input {margin:0; max-width:300px; padding-right:40px;}
.lotus-centre-search input::placeholder {color:rgba(0,0,0,0.5); }
.lotus-centre-search input:focus {margin:0; background:transparent;}
.lotus-centre-search select {width:150px; margin:0;}
@media screen and (max-width: 39.9375em) {
}

#lotus-centre {z-index:101; position:fixed; top:0; right:0; height:100%; background:#222;
	transition: all 0.5s cubic-bezier(0,0.9,0.2,1); transform: translateX(100%);  	
	border-right:1px solid rgba(255,255,255,0.4); overflow: hidden; }
#lotus-centre .lotus-centre__content {height:100%; transition: all 0.5s cubic-bezier(0,0.9,0.2,1); width:80vw; display:flex; }
#lotus-centre.showcontact .lotus-centre__content {transform: translateX(-50%);}
#lotus-centre, #lotus-centre .lotus-centre__content > * {width:40vw;} 
#lotus-centre .lotus-centre-details { display:flex; flex-direction: column; height:100%; padding: 1rem 0 0; }
#lotus-centre .lotus-scrollbar {flex-grow: 1; overflow-y: auto;}
#lotus-centre.active {transform: translateX(0); box-shadow:0 0 20px rgba(0,0,0,0.5);}
#lotus-centre .texture {padding: 1rem 2rem;}
#lotus-centre .texture.header {padding-right: 4rem;}
#lotus-centre hr {border-color:#FFF;}
#lotus-centre .dealer-type {color:#FFF200; text-transform: uppercase;}
#lotus-centre .address {margin-top: 0.5rem;}
#lotus-centre .contact {display:flex; flex-wrap: wrap;}
#lotus-centre .contact > * {flex-grow: 1; min-width: 200px; background: #222; padding: 1rem;}
#lotus-centre p.phone {font-size: 1.4rem; margin: 0;}
#lotus-centre p.phone label {display:block;}
#lotus-centre .map-canvas {height: 300px; opacity: 0; transition:opacity 1s; transition-delay: 1s;}
#lotus-centre.active .map-canvas {height: 300px; opacity: 1; min-height: 200px; }
#lotus-centre .cta {display:flex; flex-wrap: wrap; margin-bottom: 2rem;}
#lotus-centre .cta > * {flex-grow: 1; margin-right:0 !important;}
#lotus-centre .opening-times {display:flex; flex-wrap: wrap;}
#lotus-centre .opening-times label {padding: 0 1rem;}
#lotus-centre .opening-times > * {flex-grow: 1; min-width: 200px; background: rgba(255,255,255,0.1); padding: 1rem;}
#lotus-centre table {font-size:0.9em; width:100%;}
#lotus-centre tr:nth-child(even) {background: rgba(255,255,255,0.05);}
#lotus-centre td {padding:6px 1rem 2px; line-height: 1.2em;}
#lotus-centre td:last-child {text-align:right;}

#lotus-centre-contact-form {z-index: 101; overflow: hidden; left:0; height: 100%; top:0;}
#lotus-centre-contact-form .form-content {width:100%; padding:2rem 2rem 2rem;  }
#lotus-centre-contact-form .v-item-group {width:100%;}
#lotus-centre-contact-form .v-item-group > * {flex-grow: 1;}

@media screen and (max-width: 63.9375em) {
	#lotus-centre, #lotus-centre .lotus-centre__content > * {width:80vw;} 
	#lotus-centre .lotus-centre__content {width:160vw}
}
@media screen and (max-width: 39.9375em) {
	#lotus-centre, #lotus-centre .lotus-centre__content > * {width:100vw;} 
	#lotus-centre .lotus-centre__content {width:200vw;}
}

.lotus-centre-searchbox .form {position:relative; margin:1rem 0;}
.lotus-centre-searchbox .form input {padding:1rem 4rem !important; margin:0; height:auto; color:inherit;}
.lotus-centre-searchbox .form input:focus {background: transparent; border-color:#FFF; }
.lotus-centre-searchbox .form a {position:absolute; top:0.75rem; left:0.75rem;}
.lotus-centre-searchbox .form i.fa-search {position:absolute; top:0.75rem; right:0.75rem;}
.lotus-centre-searchbox .lotus-centre {margin-bottom:1rem; padding:1.5rem 1.5rem 0; cursor: pointer; transition: all 0.5s;}
.lotus-centre-searchbox .lotus-centre.dark {background: #000; color:#FFF;}
.lotus-centre-searchbox .lotus-centre.light {background: #f2f1f0; color:#000;}
.lotus-centre-searchbox .lotus-centre:hover {background: #FFF200; color:#000;}
.lotus-centre-searchbox .lotus-centre a:after {color:inherit !important;}
.lotus-centre-searchbox .lotus-centre:hover a:after {color:#000 !important;}
.lotus-centre-searchbox .lotus-centre h6 {margin-top: 1rem;}
.lotus-centre-searchbox .lotus-centre p {margin:0;}
.lotus-centre-searchbox .closest {padding:1rem 0;}
@media screen and (max-width: 39.9375em) {
	.lotus-centre-searchbox  {padding:4rem 0;}
}


.lotus-centre-infobox {background: #F2F1F0; display:flex; }
.lotus-centre-infobox > * {width:100%; flex-grow: 1;}
.lotus-centre-infobox .lotus-centre-details {padding:2.5rem 0 0; }
.lotus-centre-infobox .address {margin-top: 0.5rem;}
.lotus-centre-infobox h3.dealer-name {margin:0;}
.lotus-centre-infobox .texture {padding:0 2rem;}
.lotus-centre-infobox .contact {display:flex;  flex-wrap: wrap; margin: 2rem 0 1rem;}
.lotus-centre-infobox .contact > * {flex-grow: 1; min-width: 200px; padding: 0;}
.lotus-centre-infobox p.phone {font-size: 1.4rem; margin: 0 0 0.5rem;}
.lotus-centre-infobox p.phone label {display:block;}
.lotus-centre-infobox .map-canvas {min-height: 300px;}
.lotus-centre-infobox .cta {display:flex; flex-wrap: wrap; margin-bottom: 2rem;}
.lotus-centre-infobox .cta > * {flex-grow: 1; margin-right:0 !important;}
.lotus-centre-infobox .opening-times {display:flex; flex-wrap: wrap;}
.lotus-centre-infobox .opening-times label {padding: 0 1rem;}
.lotus-centre-infobox .opening-times > * {flex-grow: 1; min-width: 200px; background: rgba(0,0,0,0.05); padding: 1rem;}
.lotus-centre-infobox table {font-size:0.9em; width:100%;}
.lotus-centre-infobox tr:nth-child(odd) {background: rgba(255,255,255,0.5);}
.lotus-centre-infobox td {padding:6px 1rem 2px; line-height: 1.2em;}
.lotus-centre-infobox td:last-child {text-align:right;}


/*				FORMS				*/
.form-content {padding:2rem; background:#FFF;}
.form-content label {text-align:left;}
.nf-form-content h4 {font-size:1.4rem;}

form .model_range_of_interest ul {white-space: nowrap; display:flex; flex-wrap:wrap;}
form .model_range_of_interest ul li {flex-grow:1; }
form .model_range_of_interest input {display:none;}
form .model_range_of_interest .nf-field-label {display: block; width:100%; margin-top: 1em; }
form .model_range_of_interest ul li label {border:2px solid transparent; border-radius: 0; margin-left:0 !important; margin-right: 1rem !important;
	border: 1px solid #000; transition:all 0.5s cubic-bezier(0,0.75,0.25,1); }
form .model_range_of_interest ul li label:hover {background-color: #F2F1F0;}
form .model_range_of_interest label h5 {margin: 0.5em 0;}
form .model_range_of_interest  ul li label.nf-checked-label {background-color: #FFF200; border-color:#FFF200;}
 
.single-dealer form .model_range_of_interest .nf-checked-label { }
.single-dealer form .button {border-color:#000000;}
@media screen and (max-width: 39.9375em) {
	form .model_range_of_interest ul {white-space:normal;}
	form .model_range_of_interest li {width:45%;}
}


/*				TEMPLATES				*/

.hide-title .page-title {display:none;}

.page-template-template-standard .top {padding-bottom: 4rem;}
.page-template-template-standard #heroes {min-height:16vh;}
.page-template-template-standard h1 {font-size:6rem; margin-bottom: 2rem;}
.page-template-template-standard h2 {font-size:4rem; margin:2rem 0 1rem;}
.page-template-template-standard h3 {font-size:3rem; margin:2rem 0 1rem;}
.page-template-template-standard h4 {font-size:2rem; margin:2rem 0 1rem;}
.page-template-template-standard h5 {font-size:1.5rem; margin:2rem 0 1rem;}
.page-template-template-standard h6 {font-size:1.5rem; margin:2rem 0 1rem;}
@media screen and (max-width: 39.9375em) {
    .page-template-template-standard #heroes {min-height:12vh;}
    .page-template-template-standard h1 {font-size:3rem;}
    .page-template-template-standard h2 {font-size:2rem;}
    .page-template-template-standard h3 {font-size:1.5rem;}
    .page-template-template-standard h4 {font-size:1.3rem;}
    .page-template-template-standard h5 {font-size:1.2rem;}
    .page-template-template-standard h6 {font-size:1.2rem;}
}


.page-template-template-fullwidth main h3 {margin:2rem 0 1rem;}
.page-template-template-fullwidth main h4 {margin:3rem 0 1rem;}
.page-template-template-fullwidth main h5 {margin:3rem 0 1rem;}
.page-template-template-fullwidth main h6 {margin:3rem 0 1rem;}






/*		VEHICLES				*/
.page-template-template-vehicle-search .top {padding-top:135px; }
.page-template-template-vehicle-search header.header {background: #000;}
.vehicle-grid {}
.vehicle-grid .vehicles {display: flex; flex-wrap:wrap; gap:1.5rem; justify-content: center; padding:0 1.5rem 1.5rem; }
.vehicle-grid .vehicle {width:30%; min-width: 300px; background: #F2F1F0; cursor:pointer; flex-grow:1; max-width:600px;}
.vehicle-grid .vehicle.approved {background: #FFF200;}
.vehicle-grid h6 {font-size:1.6rem;}
.vehicle-grid .imagery {position:relative;}
.vehicle-grid .imagery img.vehicle-image {width:100%; height:100%; object-fit:cover}
.vehicle-grid .details {padding:1.5rem; }
.vehicle-grid .details .specs {list-style:none; margin: 1rem -0.5rem; padding:0; display:flex; flex-wrap:wrap; font-size:0.875rem;}
.vehicle-grid .details .specs li {padding:0 0.5rem; border-right:1px solid #4F4F4F; }
.vehicle-grid .details .specs li:last-child {border-right:none;}
.vehicle-grid .pricing {display:flex; padding:0.75rem 1rem; background: #000; color:#FFF; justify-content: space-between;  }
.vehicle-grid .price {display: flex; flex-wrap:wrap; align-items: center;}
.vehicle-grid .price ul {font-size:1em; margin:0; list-style:none; display: flex; flex-wrap:wrap;}
.vehicle-grid .price ul li {margin-right: 5px; padding-right: 5px; border-right: 1px solid #CCC;}
.vehicle-grid .price ul li:last-child {border:none;}
.vehicle-grid .price .dealer-price {font-size:0.85em;}
.vehicle-grid .controls {display:flex; align-items: center; background: #F2F1F0; padding: 0.5rem 2rem 0.5rem 1.5rem; position: fixed; top:80px; left: 0; width: 100%;
    z-index: 50; transition:all 0.5s cubic-bezier(0,0.66,0.33,1); }
body.short-header .vehicle-grid .controls {top:56px; padding-right: 1rem;}
.vehicle-grid .controls select {width:150px; margin:0 0.5rem;}
.vehicle-grid .controls i.fa-light {font-size:1.6rem;}
.vehicle-grid ul.applied {list-style:none; margin:0 2rem; display:flex; justify-content:flex-end; flex-wrap:wrap;}
.vehicle-grid ul.applied li {background:#FFF200; color:#000; margin:5px; line-height:1em; padding: 5px 8px 5px 10px; border-radius: 100px;
    font-size:0.875rem;}
.vehicle-grid ul.applied li i {padding:2px;}
@media screen and (min-width: 40em) {
    .vehicle-grid {margin-top: 1.5rem; }
    .vehicle-grid .imagery {height: 30vw;}
}
@media screen and (min-width: 64em) {
    .vehicle-grid .imagery {height: 20vw;}
}
@media screen and (max-width: 63.9375em) {
    .vehicle-grid .vehicle {max-width:450px; min-width: 250px; width:45%;}
}
@media screen and (max-width: 39.9375em) {
    .page-template-template-vehicle-search .top {padding-top: 64px;}
    .vehicle-grid {padding:0;}
    .vehicle-grid .vehicles {padding-left: 0; padding-right: 0; gap: 0}
    .vehicle-grid .vehicle {width:100%; max-width: none;}
    .vehicle-grid .controls {padding:0.5rem 1rem; position: fixed; top:auto !important; bottom:0; left:0; right:0; background:#222; color:#FFF;
            margin:0; z-index: 3; flex-wrap: wrap;}
    .vehicle-grid .controls select {flex-grow: 1;}
    .vehicle-grid ul.applied {order:-1; width:100%; margin: 0 0 5px 0; justify-content: center;}
}

.vehicle-filter { position:fixed; top:0; bottom:0; width:100%; max-width:600px; right:0; z-index:101; transform:translateX(100%);
        transition: all 0.5s cubic-bezier(0,0.9,0.2,1); background:#222; display:flex; flex-direction:column; }
.vehicle-filter .sliders {padding:1.5rem;}
body.short-header .vehicle-filter .sliders {padding:0.8rem 1rem;}
.vehicle-filter i.fa-light {font-size:1.6rem;}
.vehicle-filter.active {transform:translateX(0);}
.vehicle-filter .filters {overflow-y: auto; flex-grow:1; }
.vehicle-filter .filters input {color:#FFF; margin-bottom: 0;}
.vehicle-filter .filters input:focus {background: transparent;}
.vehicle-filter .location {position: relative; }
.vehicle-filter i.fa-location {position: absolute; top:1.15rem; right:0.5rem; cursor: pointer;}
.vehicle-filter a {width:100%; border-top:1px solid rgba(255,255,255,0.5); padding-left: 1.5rem; }
.vehicle-filter a.active {background:#4F4F4F; color:#FFF; }
.vehicle-filter .panel {padding:1.5rem;}
.vehicle-filter .panel h5 {margin-bottom:1rem;}
.vehicle-filter .panel .grid-x {padding-bottom:2rem;}
.vehicle-filter .panel select {margin-bottom: 0; background:#222;}
.vehicle-filter .found { background:#FFF200; margin:0; padding:0.5rem 1rem; display:flex; justify-content:space-between; align-items:center;  }
.vehicle-filter .found p {margin:0; font-size:1.2rem;}
.vehicle-filter .found .button {width:auto;}


#vehicle-details {z-index:101; position:fixed; top:0; right:0; height:100%; background: #FFF;
	transition: all 0.5s cubic-bezier(0,0.9,0.2,1); transform: translateX(100%); width: 100%;
	border-right:1px solid rgba(255,255,255,0.4); display:flex; }
#vehicle-details .content {width:50%; overflow-y: scroll; flex-grow: 1;}
#vehicle-details.active {transform:translateX(0);}
#vehicle-details h6 {margin-bottom:2rem;}
#vehicle-details .header {background:#000; padding:3rem; }
#vehicle-details .header .title {display: flex; gap:2rem; justify-content: space-between;}
#vehicle-details .header .title img {max-width: 300px; margin-bottom: 2rem;}
#vehicle-details .header .title .image {position:relative;}
#vehicle-details .header .title .image .button {position:absolute; bottom:1.5rem; left: 1.5rem; z-index: 2;}
#vehicle-details .header .title .approved-used-badge {max-width:250px; }
#vehicle-details .header .title h4 {margin-bottom:0; text-transform: none; letter-spacing: 0; line-height: 1em;}
#vehicle-details .header .title p {font-size:1.2rem;}
#vehicle-details .header .figures {display:flex; gap:1.5rem; margin-top: 2rem; flex-wrap:wrap}
#vehicle-details .header .figures .figure {flex-grow:1;}
#vehicle-details .header .figures p {font-size:2em; font-weight:300; line-height: 0.8em; margin: 0;}
#vehicle-details .header .figures label {font-size:0.75rem;}
#vehicle-details .header .figures ul {list-style: none; margin: 0; font-size:2em; line-height: 0.8em;}

#vehicle-details .specification {background: #F2F1F0; padding-bottom: 4rem; position:relative;}
#vehicle-details .specification .details {padding:3rem;}
#vehicle-details .specification .copy {display: flex; flex-wrap: wrap; gap:3rem;}
#vehicle-details .specification .copy > div {width:40%; flex-grow:1; min-width:300px;}

#vehicle-details .emissions {margin: -3rem 0; display: flex; flex-direction: row-reverse; padding: 0 3rem; background: #FFF;}
#vehicle-details .emissions .texture {background: #222; padding: 2rem; font-size: 0.875rem;  position: relative; z-index: 5;
    right: 0; }
#vehicle-details .emissions .texture td:first-child {padding-right: 1rem;}

#vehicle-details .finance {background: #FFF200; padding: 6rem 3rem 4rem;}

#vehicle-details .approved {background:#FFF; }
#vehicle-details .approved .details {display:flex; gap:2rem; font-size:0.875rem; padding: 3rem; flex-wrap: wrap;}
#vehicle-details .approved .details div {width:250px;}
#vehicle-details .approved .details p {width:100%;}
#vehicle-details .approved .levels {padding:0 1rem 2rem;}
#vehicle-details .approved .levels label {font-weight:bold; margin-bottom: 1rem;}
#vehicle-details .approved .levels p {font-size:0.875rem;}

#vehicle-details .dealer {background:#FFF200; }
#vehicle-details .dealer .details {padding:5rem 3rem 3rem;}
#vehicle-details .dealer .opening-times {background:#4f4f4f; padding: 2rem 2rem; color:#FFF; display:flex; gap:2rem; flex-wrap:wrap; }
#vehicle-details .dealer .opening-time {flex-grow: 1;}
#vehicle-details .dealer .opening-time tr:nth-child(odd) {background:rgba(255,255,255,0.1); }
#vehicle-details .dealer .opening-times label, #vehicle-details .dealer th, #vehicle-details .dealer td {padding: 6px 1rem 2px;}
#vehicle-details .dealer td {font-size:0.875rem;}

#vehicle-details .imagery {display:flex; flex-wrap:wrap; width:50%; overflow-y: scroll;  flex-grow: 1; }
#vehicle-details .imagery a {display: block; width: 50%; position: relative;}
#vehicle-details .imagery a img {width: 100%; height: 100%; object-fit: cover;}
#vehicle-details .imagery a:nth-child(3n-2) {width:100%;}

#vehicle-details .regulatory {margin-top: 2rem; margin-bottom: -2rem;}

@media screen and (max-width: 39.9375em) {
    #vehicle-details {flex-direction: column;}
    #vehicle-details .content, #vehicle-details .imagery {width:100%;}
    #vehicle-details .content {height: 75%;}
    #vehicle-details .imagery {height:67vw; overflow: hidden; position: relative;}
    #vehicle-details .header, #vehicle-details .specification .details, #vehicle-details .approved .details,
        #vehicle-details .dealer .details {padding: 2rem;}
    #vehicle-details .finance {padding: 6rem 2rem 2rem;}
    #vehicle-details .header .figures p {font-size:1.4rem;}
    #vehicle-details .emissions {padding: 0; margin: 0;}
    #vehicle-details .emissions .texture {width: 100%;}
    #vehicle-details .approved .details {flex-direction: column;}
    #vehicle-details .approved .details p {width:100%;}
    #vehicle-details .imagery a {width: 100%; height: 100%; object-fit: cover;}
    #vehicle-details .imagery a:nth-child(n+2) {display:none;}
    #vehicle-details .expand {position: absolute; font-size:2rem; bottom:0; left:0; background: #FFF200; line-height: 1em;
        width:48px; height:48px; display: flex; justify-content: center; align-items: center; pointer-events:none;}
}


#vehicle-shortdetails {transition: all 0.5s cubic-bezier(0,0.9,0.2,1); display:flex; margin-bottom: 2rem; background:#f2f1f0; }
#vehicle-shortdetails .content {width:50%; overflow-y: auto; flex-grow: 1; padding:1rem 2rem 2rem;}
#vehicle-shortdetails .header .title {display: flex; gap:2rem; justify-content: space-between;}
#vehicle-shortdetails .header .title img {max-width: 300px; margin-bottom: 2rem;}
#vehicle-shortdetails .header .title .image {position:relative;}
#vehicle-shortdetails .header .title .image .button {position:absolute; bottom:1.5rem; left: 1.5rem; z-index: 2;}
#vehicle-shortdetails .header .title .approved-used-badge {max-width:250px; }
#vehicle-shortdetails .header .title h4 {margin-bottom:0; text-transform: none; letter-spacing: 0; line-height: 1em;}
#vehicle-shortdetails .header .title p {font-size:1.2rem;}
#vehicle-shortdetails .header .figures {display:flex; gap:1.5rem; margin-top: 2rem; flex-wrap:wrap}
#vehicle-shortdetails .header .figures .figure {flex-grow:1; margin-bottom: 1rem;}
#vehicle-shortdetails .header .figures p {font-size:2em; font-weight:300; line-height: 0.8em; margin: 0;}
#vehicle-shortdetails .header .figures label {font-size:0.75rem;}
#vehicle-shortdetails .header .figures ul {list-style: none; margin: 0; font-size:2em; line-height: 0.8em;}

#vehicle-shortdetails .imagery {display:flex; flex-wrap:wrap; width:50%; flex-grow: 1; }
#vehicle-shortdetails .imagery img {width:100%; height:100%; object-fit: cover;}


@media screen and (max-width: 63.9375em) {
    #vehicle-shortdetails {flex-direction: column;}
    #vehicle-shortdetails .content, #vehicle-shortdetails .imagery {width:100%;}
    #vehicle-details .content {height: 75%;}
    #vehicle-details .imagery {overflow: hidden; position: relative;}
    #vehicle-details .header, #vehicle-details .specification .details, #vehicle-details .approved .details,
        #vehicle-details .dealer .details {padding: 2rem;}
    #vehicle-details .finance {padding: 6rem 2rem 2rem;}
    #vehicle-details .header .figures p {font-size:1.4rem;}
    #vehicle-details .emissions {padding: 0; margin: 0;}
    #vehicle-details .emissions .texture {width: 100%;}
    #vehicle-details .approved .details {flex-direction: column;}
    #vehicle-details .approved .details p {width:100%;}
    #vehicle-details .imagery a {width: 100%; height: 100%; object-fit: cover;}
    #vehicle-details .imagery a:nth-child(n+2) {display:none;}
    #vehicle-details .expand {position: absolute; font-size:2rem; bottom:0; left:0; background: #FFF200; line-height: 1em;
        width:48px; height:48px; display: flex; justify-content: center; align-items: center; pointer-events:none;}
}


@keyframes color {
  0% { background-color: rgba(241,241,241,0.25); }
  50% { background-color: rgba(241,241,241,0.75); }
  100% { background-color: rgba(241,241,241,0.25); }
}
@keyframes coloroverlay {
  0% { background-color: rgba(241,241,241,0.5); }
  50% { background-color: rgba(241,241,241,1); }
  100% { background-color: rgba(241,241,241,0.5); }
}




/*		BLOCKS					*/


.wp-block-table th, .wp-block-table td {vertical-align: top;}
.wp-block-table tbody tr:nth-child(odd) {background-color: rgba(0,0,0,0.05);}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {background-color: rgba(0,0,0,0.05);}
.wp-block-table.is-style-stripes tbody tr:nth-child(even) {background-color: rgba(255,255,255,0.05);}
.wp-block-table.is-style-stripes {border-bottom: none;}

/*		BUILTIN:GALLERY			*/
.wp-block-gallery {margin: 4em 0;}
.wp-block-file a {text-transform: uppercase; font-size:1.2em; }
.wp-block-file .wp-block-file__button {font-size:1em; display: block; max-width: 200px; margin: 1em auto;}
.wp-block-file a.wp-block-file__button:active, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited
	{color:inherit;}
.blocks-gallery-grid {justify-content: center;}
.blocks-gallery-grid .blocks-gallery-item {margin-right: 0 !important; margin-bottom: 0 !important;}
.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption, .blocks-gallery-grid .blocks-gallery-image figcaption, 
	.blocks-gallery-grid .blocks-gallery-item figcaption {background: transparent; top:100%; bottom:auto; padding-top:0; overflow: hidden;}
@media (min-width:600px) and (max-width: 63.9375em) {
	.wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item, .blocks-gallery-grid.columns-8 .blocks-gallery-image, 
		.blocks-gallery-grid.columns-8 .blocks-gallery-item {width:25%; }
}
.wp-block-gallery.animate li {transform: scale(0); transition: all 1s;}
body.ready .wp-block-gallery.animate li {transform: scale(1);}
.wp-block-gallery.animate.complete li {transition:none;}
	
	
/*		BUILTIN:GROUP			*/
.wp-block-group.padding .wp-block-group__inner-container {padding:2rem;}
@media screen and (min-width: 40em) {
	.wp-block-group.padding .wp-block-group__inner-container {padding:3rem;}
}
@media screen and (min-width: 64em) {
	.wp-block-group.padding .wp-block-group__inner-container {padding:4rem;}
}


/*		BUILTIN:COLUMNS			*/
.wp-block-columns {margin-bottom: 0;}
.wp-block-columns.highlight {background:#EBEBEB; padding:0 0 1em 0; }
.wp-block-columns .wp-block-column {padding-bottom: 2rem;}
.wp-block-columns .wp-block-column:not(:first-child) {margin-left: 0 !important;}
.wp-block-columns .wp-block-column.is-vertically-aligned-bottom .wp-block-image, .wp-block-columns .wp-block-column.is-vertically-aligned-bottom .wp-block-image figure {margin-bottom: 0;}
.wp-block-columns .wp-block-column > *:not(.wp-block-cover):not(.wp-block-image):not(.wp-block-video):not(.wp-block-embed):not(.wp-block-media-text) 
	{padding-left: 2rem; padding-right: 2rem;}
.wp-block-columns .wp-block-column.nopadding, .wp-block-columns .wp-block-column.nopadding > * {padding: 0 !important;}
.wp-block-columns .wp-block-column .padded {padding-left: 15% !important; padding-right: 15% !important;}
.wp-block-columns .wp-block-buttons {margin-top:2em; margin-bottom: 2em;}
.entry-content > .wp-block-columns.has-background {padding: 0;}
@media (max-width: 781px) and (min-width: 600px) {
    .entry-content > .wp-block-columns > .wp-block-column { flex-basis: 100% !important; flex-grow: 0; }	
	.wp-block-column:not(:only-child) .wp-block-column:not(:only-child)  {flex-basis: inherit !important;}
}
@media (max-width: 599px) {
	.wp-block-column:not(:only-child) .wp-block-column:not(:only-child)  {flex-basis: inherit !important;}

}
@media screen and (min-width: 40em) {
	.wp-block-columns .wp-block-column {padding-bottom: 3rem;}
	.wp-block-columns .wp-block-column > *:not(.wp-block-cover):not(.wp-block-image):not(.wp-block-video):not(.wp-block-embed):not(.wp-block-media-text) 
		{padding-left: 3rem; padding-right: 3rem;}
}
@media screen and (min-width: 64em) {
	.wp-block-columns .wp-block-column {padding-bottom: 4rem;}
	.wp-block-columns .wp-block-column > *:not(.wp-block-cover):not(.wp-block-image):not(.wp-block-video):not(.wp-block-embed):not(.wp-block-media-text) 
		{padding-left: 4rem; padding-right: 4rem;}
}

/*		BUILTIN:COVER			*/
.wp-block-cover {min-height: 350px; height: auto;  }
.wp-block-cover p {margin: 1em 0 1em; transition: all 0.5s;}


/*		BUILTIN:IMAGE			*/
.wp-block-image figure.aligncenter {text-align: center;}
.entry-content > .wp-block-image:last-child {margin-bottom: 0;}

/*		BUILTIN:VIDEO			*/
.wp-block-embed {margin-bottom: 0;}
.wp-block-embed.wp-embed-aspect-16-9 .responsive-embed {padding-bottom:56.25%; margin-bottom: 0; }

/*		BUILTIN:BUTTONS			*/
.wp-block-button {margin: 8px 0;}
.entry-content .wp-block-buttons {margin-top: 1em; margin-bottom: 1em;}
.entry-content > .wp-block-buttons {margin-top: 4em; margin-bottom: 4em;}
.entry-content .wp-block-button__link:visited {color:inherit;}
.wp-block-button__link {border-radius:0;}


/*		BUILTIN:MEDIA-TEXT		*/
.wp-block-media-text.is-image-fill .wp-block-media-text__media img {visibility: hidden;}
.wp-block-media-text.is-image-fill figure a {display: block;}
p + .wp-block-media-text {margin-top: 3em;}
.wp-block-media-text .wp-block-media-text__content {padding: 2rem; font-size:0.95em;}
.wp-block-media-text .wp-block-media-text__content p {}
@media screen and (min-width: 40em) {
	.wp-block-media-text .wp-block-media-text__content {padding:3rem}
	.wp-block-media-text + p {margin-top: 3em;}
}
@media screen and (min-width: 64em) {
	.wp-block-media-text .wp-block-media-text__content {padding:4rem}
}
@media screen and (max-width: 600px) {
	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {grid-row:2 !important; margin: 1em 0 2em ;}
	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {grid-row:1 !important;}
}
@media screen and (max-width: 39.9375em) {
	.wp-block-media-text.hide-image-on-small .wp-block-media-text__media {display:none;}
}

/*		BUILTIN:ACCORDION		*/
.accordion .accordion-title, .accordion .accordion-content {padding: 1rem 4%; color:currentColor;}
.accordion .accordion-title::before {font-size:2em; right:4%;}
.accordion .accordion-title > * {margin: 0; line-height: 1em; padding-right:4rem;}
.accordion-title:hover, .accordion-title:focus {background: transparent;}
.accordion .accordion-content {background: #F3F3F3;}

/*		BUILTIN:VIDEO		*/
.wp-block-video video {display: block; width:100%; max-width: none;}
.wp-block-video {margin-bottom:0;}


/*		BUILTIN:VIDEO BLENDER   	*/
.lotus-video-blender {width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover; z-index:3;}
.lotus-video-blender video {width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover; z-index:3;}
.lotus-video-blender video {opacity: 0; transition: opacity 2s;}
.lotus-video-blender video.active {z-index:1; opacity: 1;}
.lotus-video-blender video.removing {z-index:0; opacity:1;}



/*		BLOCK: FILE GALLERY		*/
.entry-content > .filegallery {margin: 4em 0; }
.filegallery {display:flex; flex-wrap:wrap; flex-direction: column; row-gap:2rem; }
.filegallery .file {transition: all 0.5s cubic-bezier(0,0.7,0.2,1); display:flex; align-items:flex-start; min-width: 250px;}
.filegallery .file:hover {background:rgba(0,0,0,0.1); }
.filegallery .file .filesize {font-size:0.8em;}
.filegallery .file img {box-shadow: 0 3px 10px rgba(0,0,0,0.15); max-width:75px;}
.filegallery .file .details {order:2;}
.filegallery .file .details .__content {padding-top:2px; padding-right: 2rem;}
.filegallery .file .imagery {margin-right: 1.5rem;}
.filegallery .file .imagery i {font-size:4em;}
.filegallery > .grid-x > .cell {padding: 1rem;}
@media screen and (min-width: 40em) {
    .filegallery {flex-direction: row;}
    .filegallery.columns-0 .file {flex-grow: 1; }
    .filegallery.columns-1 {flex-direction: column; }
    .filegallery.columns-2 .file {flex-basis: 50%; }
    .filegallery.columns-3 .file {flex-basis: 33%; }
}


/*		BLOCK: IMAGE GALLERY		*/
.gallery-section {position: relative;}
.gallery-section img, .gallery-section picture {width:100%;}
.gallery-section .slick-arrow {position:absolute; bottom:4rem; cursor: pointer; color: #FFF200; transition: all 0.5s cubic-bezier(0,0.9,0.2,1); }
.gallery-section .slick-arrow.prev-arrow {position:absolute; left:2rem;}
.gallery-section .slick-arrow.prev-arrow:hover {transform: translateX(-5px);}
.gallery-section .slick-arrow.next-arrow {position:absolute; right:2rem;}
.gallery-section .slick-arrow.next-arrow:hover {transform: translateX(5px);}
.gallery-section.even-3 {padding:1rem;}
.gallery-section.even-3 a:hover {color:#FFF200;}
.gallery-section .cell {position:relative;}
.gallery-section .cell picture, .gallery-section .cell img {width:100%; height: 100%; object-fit: cover; object-position: center;}
.gallery-section .cell .download {position:absolute; bottom:1rem; right:1rem;}

@media screen and (min-width: 64em) {
    .gallery-section.even-3 {padding:3rem;}
	.gallery-section.odd > div:first-child {order:2;}
	.gallery-section.odd > div:last-child {order:1;}
}

.wp-block-column > .wp-block-image {margin-bottom:0;}


/*		BLOCK: IMAGE TEXT COMBO		*/
.block-image-text-combo {padding:4rem; display: flex; gap:4rem;}
.block-image-text-combo .part1 {width:55%; flex-grow: 1;}
.block-image-text-combo .part1 {position: relative;  }
.block-image-text-combo .part1 .lotus-figure {position: absolute; object-fit: cover; width: 100%; height: 100%; } 
.block-image-text-combo .part2 {width:45%; display: flex; flex-direction: column;}
.block-image-text-combo .part2 .content {padding:6rem 4rem;}
.block-image-text-combo .part2 .body {padding: 2rem 0;}
.block-image-text-combo .part2 .image2 {position: relative; height: 35vw;  }
.block-image-text-combo .part2 .lotus-figure {position: absolute; object-fit: cover; width: 100%; height: 100%; } 
@media screen and (min-width: 64em) {
    .block-image-text-combo.align-right .part1 {order:2;}
}
@media screen and (max-width: 63.9375em) {
    .block-image-text-combo {padding: 3rem; gap:3rem; flex-direction: column;}
    .block-image-text-combo .part1, .block-image-text-combo .part2 {width: 100%;}
    .block-image-text-combo .part2 .image2 {order:2;}
    .block-image-text-combo .part2 .content {padding:3rem 3rem;}
    .block-image-text-combo .part1 {height: 75vh; }
    .block-image-text-combo .image2 {height: 40vh; }
}
@media screen and (max-width: 39.9375em) {
    .block-image-text-combo {padding:0 0 2rem 0; gap:2rem;}
    .block-image-text-combo .part2 {padding: 0 2rem;}
    .block-image-text-combo .part2 .content {padding:2rem 2rem;}
    .block-image-text-combo .part2 .image2 {height:35vh;}
}



/*		BLOCK: TITLE PANEL		*/
.block-title-panel {min-height: 250px; height: auto; display: flex; justify-content:center; align-items: center;
	background-position: 50% 50%; background-size: cover; position: relative;}
.block-title-panel.has-image {min-height:350px;}
.block-title-panel.has-link {cursor: pointer;}
.block-title-panel h3 {transition: all 0.5s; line-height: 1em; }
.block-title-panel a {color:inherit;}
.block-title-panel:hover h3 {transform: translateY(-10px);}
.block-title-panel__inner-container {position: relative; z-index: 2;}
.block-title-panel.has-image:before {content:""; background: rgba(0,0,0,0.25); position: absolute; top:0; left:0; right:0; bottom:0;
	transition: all 0.5s;}
.block-title-panel.has-image:hover:before {background: rgba(0,0,0,0.1); }
/*.block-title-panel:not(:last-child) {margin-bottom: 2em;}*/
@media screen and (max-width: 63.9375em) {
	.block-title-panel {min-height: 200px;}
}
@media screen and (max-width: 39.9375em) {
	.block-title-panel {min-height: 150px;}
}

/*		BLOCK: CONTACT FORM		*/
.block-contact-form {padding:2em 0; max-width:1200px; margin: 0 auto;}
.page-template-template-fullwidth main .entry-content > div.block-contact-form {padding:2em; max-width:1200px; margin: 0 auto;}


/*		BLOCK: VIDEO		*/
.lotus-video {height:100vh; position: relative;}
.lotus-video.expanding {height:150vh; }
.lotus-video.expanding .holder {height:100vh; position:relative; margin:0 4rem; transition: all 0.5s cubic-bezier(0,0.75,0.25,1); left:0; right:0; }
.lotus-video.expanding.expanded .holder {margin:0; position: absolute; bottom:0;}
.lotus-video.expanding.fixed .holder {position:fixed; left:0; right:0;}
.lotus-video.expanding.reduced .holder {bottom:0; position: absolute;}
.lotus-video video {height:100%; width: 100%; object-fit: cover;  }
.lotus-video .volume {position:absolute; bottom:0; right:0; padding: 1.5rem 2rem; font-size:1.5rem;}
.lotus-video .volume a {color:#FFF200;}
.lotus-video .volume a:hover {color:#FFF;}
@media screen and (max-width: 63.9375em) {
	.lotus-video.expanding .holder {margin:0 3rem;}
}
@media screen and (max-width: 39.9375em) {
	.lotus-video.expanding .holder {margin:0 2rem;}
        .lotus-video .volume {padding:1rem 1.5rem;}
}


/*		BLOCK: FRAME-BY-FRAME	*/
.frame-by-frame {position:relative; pointer-events:none;}
.frame-by-frame canvas {opacity: 0; transition: opacity 0.5s;}
.frame-by-frame.loaded canvas {opacity: 1;}
.frame-by-frame.overlap { margin-bottom: -100vh;}
.frame-by-frame .holder {width:100%; left:0; position: relative; }
.frame-by-frame.fixed.top {z-index: 10 !important;}
.frame-by-frame.fixed.top .holder {position: fixed; bottom:0; }
.frame-by-frame.fixed.bottom .holder {position: fixed; bottom:0;  }
.frame-by-frame.fixed.scrollbottom.bottom .holder {position: absolute; bottom:0;  }
.frame-by-frame video, .frame-by-frame canvas {height:100%; width: 100%; object-fit: cover; position: absolute;}
.frame-by-frame .frame-by-frame__content {height: 100%; display:flex; z-index: 2; }
.frame-by-frame a {pointer-events:all;}


/*		BLOCK: COUNTTO	*/
.countto .countto__content {display:flex; gap:0.75rem; align-items: flex-end;}
.countto .countto__content .value {display: flex;}
.countto .countto__content span.digit {height:0.8em; line-height: 1em; display: block; width:0.6em; text-align: center; position: relative; overflow: hidden;  }
.countto .countto__content span.decimal {height:0.8em; line-height: 1em; display: block;  position: relative; }
.countto .countto__content span.digit span {display: block;}
.countto .countto__content span.digit {line-height: 1em; height:0.8em; display: block; }


/*		BLOCK: MODEL-FEATURES	*/
.model-features .imagery {display: flex; overflow:hidden; }
.model-features .imagery::-webkit-scrollbar { display: none;}
.model-features .imagery .feature {transition: all 1s cubic-bezier(0,0.75,0.25,1); width:75vw; height:50vh; flex:none; padding:0 0.5rem; }
.model-features .imagery .feature > * {width:100%; height:100%;  }
.model-features .imagery .lotus-video .holder {height:100%;}
.model-features__content {display: flex; justify-content: center; gap:2rem; text-align: center;}
.model-features nav {display:flex; gap:0.5rem; font-size: 1.2rem; align-items: center; justify-content:center; line-height: 1rem;
    padding: 2rem 4rem;}
.model-features nav ol {list-style: none; margin: 0; padding:0; display: flex; color:#000;}
.model-features nav ol li {width:5px; height: 5px; border-radius: 50%; background:#4f4f4f; margin: 0 5px; transition: all 0.5s; }
.model-features nav ol li.active {background:#fff200; }
.model-features nav a.disabled {color:#CCC; pointer-events: none;}
.model-features .copy {max-width:800px; margin: 0 auto;}
@media screen and (max-width: 39.9375em) {
    .model-features .imagery {padding:0;  }
    .model-features .imagery .feature {padding:0 1rem; width:100vw;}
}


/*		BLOCK: COPY SCROLLER	*/
.copy-scroller {}
.copy-scroller .content {display: flex; overflow:hidden; gap:0;  }
.copy-scroller .content .node {transition: all 0.75s cubic-bezier(0,0.75,0.25,1); flex:none; width:100%; }
.copy-scroller nav {display:flex; gap:0.5rem; font-size: 1.2rem; align-items: center; justify-content:flex-start; line-height: 1rem;
    padding: 2rem 0;}
.copy-scroller nav ol {list-style: none; margin: 0; padding:0; display: flex; color:#000;}
.copy-scroller nav ol li {width:5px; height: 5px; border-radius: 50%; background:#4f4f4f; margin: 0 5px; transition: all 0.5s; }
.copy-scroller nav ol li.active {background:#fff200; }
.copy-scroller nav a.disabled {color:#CCC; pointer-events: none;}
@media screen and (max-width: 39.9375em) {
    .copy-scroller .content .node {width:100% !important;}
    .copy-scroller nav {justify-content: center;}
}



/*		BLOCK: FLOWCHART	*/
.flowchart {display: flex; flex-direction: column; gap:2rem; margin-bottom: 2rem;}
.flowchart .nodes {display:flex; justify-content: space-between; gap:1rem;}
.flowchart .node {opacity: 0; transition: all 1s;}
.flowchart .node:not(.active) .node {transition-delay: 0s !important;}
.flowchart .node.active {opacity: 1; }
.flowchart .nodes .node {width:70%; text-align: center; padding: 1.5rem; position: relative; display:flex; justify-content: center; align-items: center; }
.flowchart .nodes .node.half {width:50%;}
.flowchart .nodes .node.primary {background: #FFF200;}
.flowchart .nodes .node.secondary {background: #4f4f4f; }
.flowchart .nodes .node.secondary span {color:#FFF;}
.flowchart .nodes .node.tertiary {background: rgba(0,0,0,0.1);}
.flowchart .nodes .node .connector {position: absolute; padding: 0.5rem; left:50%; top:50%; }
.flowchart .nodes .node .connector.south {top:100%; }
.flowchart .nodes .node .connector.east {left:100%; }
.flowchart .nodes .node .connector.west {right:100%; left:auto; }
.flowchart .nodes .node span h6 {margin-top:0.5rem;}
.flowchart .nodes.left {justify-content: flex-start;}
.flowchart .nodes.right {justify-content: flex-end;}
@media screen and (max-width: 39.9375em) {
    .flowchart .nodes .node {width: 65%;}
}
@media screen and (max-width: 29.9375em) {
    .flowchart .nodes .node {width: 75%;}
}






/*              SCROLLFIX               */
.scrollfix {position:relative;}
.scrollfix.expanded > div {position: absolute !important; bottom:0;}
.scrollfix.expanded.fixed > div {position: fixed !important; top:0; bottom:auto;}


/*		BLOCK: SLIDESHOW		*/
.block-slideshow.slick-dotted.slick-slider {margin: 0;}
.block-slideshow .slide {background-position: 50% 50%; background-size: cover;  max-height: 85vh; display: block !important;}
.block-slideshow .height {padding-bottom: 50%;}
.block-slideshow .slick-dots {position: absolute; bottom:2em; }
.block-slideshow .slick-dots li button:before {content:""; background: transparent; border:2px solid #FFF200;
	border-radius: 50%; opacity: 1; transition: all 0.5s;}
.block-slideshow .slick-dots li.slick-active button:before {background: #FFF200; opacity: 1;}
@media screen and (max-width: 39.9375em) {
	.block-slideshow .height {padding-bottom: 75%;}
}

/*		BLOCK: CHECKFRONT		*/
.block-checkfront {padding: 2rem;}
@media screen and (min-width: 40em) {
	.block-checkfront {padding: 3rem;}
}
@media screen and (min-width: 64em) {
	.block-checkfront {padding: 4rem;}
}


.padding-y {padding-top:2rem !important; padding-bottom:2rem !important;}
@media screen and (min-width: 40em) {
	.padding-y {padding-top:3rem !important; padding-bottom:3rem !important;}
}
@media screen and (min-width: 64em) {
	.padding-y {padding-top:4rem !important; padding-bottom:4rem !important;}
}
.padding-x {padding-left:2rem !important; padding-right:2rem !important;}
@media screen and (min-width: 40em) {
	.padding-x {padding-left:3rem !important; padding-right:3rem !important;}
}
@media screen and (min-width: 64em) {
	.padding-x {padding-left:4rem !important; padding-right:4rem !important;}
}



.feature-panel {width:50%; max-width: 100%; min-width: 600px; margin-top: 0; position: relative; z-index: 2; font-size:1.1rem;}
.feature-panel .wp-block-group__inner-container {}
.feature-panel.primary {background:#FFF200;}


.intro-copy {}
@media screen and (max-width: 39.9375em) {
    .intro-copy {padding: 4rem 2rem 0; margin-bottom: 6rem; }
    .intro-copy h2 {font-size:16vw;}
    .intro-copy h2.has-text-align-right {margin-right: -14vw;}
    .intro-copy h2.has-text-align-left, .intro-copy h2.has-text-align-right {font-size:24vw;}
}
@media screen and (min-width: 40em) {
    .intro-copy {padding:4rem 2rem 4rem;}
    .intro-copy .wp-block-group__inner-container > p {width:70%; margin-left: auto; margin-bottom:2rem;}
    .intro-copy blockquote {width:60%; margin-left: 10%; margin-bottom:2rem;}
    .intro-copy.wp-block-group {width:80%; margin:0 auto;}
}
@media screen and (min-width: 64em) {
    .intro-copy {padding:6rem 2rem 6rem;}
    .intro-copy .wp-block-group__inner-container > p {width:60%; margin-left: auto; margin-bottom:2rem;}
    .intro-copy blockquote {width:50%; margin-left: 30%; margin-bottom:2rem;}
    .intro-copy.wp-block-group {width:60%; margin:0 auto;}
    .intro-copy h2.has-text-align-right {margin-right: -4vw;}	
}
@media screen and (min-width: 80em) {
    .intro-copy h2.has-text-align-left, .intro-copy h2.has-text-align-right {font-size:16rem; margin-top: 12rem; margin-bottom: 0;}
}




/* page-template-template-foxtrotpapa */
.page-template-template-foxtrotpapa .video {height:100vh;}
.page-template-template-foxtrotpapa .video video {width:100%; height:100%; object-fit:cover;}




.newsletter-signup {z-index:101; position:fixed; top:0; right:0; height:100%; background:#F2F1F0; 
	transition: all 0.5s cubic-bezier(0,0.9,0.2,1); transform: translateX(100%);  color:#000;
	border-right:1px solid rgba(255,255,255,0.4); overflow: hidden; width:40vw; display:block !important; }
.newsletter-signup h4 {margin-bottom:2rem;}
.newsletter-signup.active {transform: translateX(0); box-shadow:0 0 20px rgba(0,0,0,0.5); }
.newsletter-signup .__content {padding: 2rem; overflow-y:auto; height: 100%;}
.newsletter-signup .nf-field-description p {line-height:1.2em; margin-bottom: 0.5rem !important;}
.newsletter-signup .nf-form-fields-required {display:none;}

@media screen and (max-width: 63.9375em) {
	.newsletter-signup {width:80vw;} 
}
@media screen and (max-width: 39.9375em) {
	.newsletter-signup {width:100vw;} 
}




/*			404					*/
.error404 .top {background-image:url('/content/media/404-2.jpg'); 
	background-size: cover; background-position: 50% 50%; }
.error404 #app main {padding:2rem; min-height:90vh;}
@media screen and (min-width: 40em) {
	.error404 #app main {padding: 3rem;}
}
@media screen and (min-width: 64em) {
	.error404 #app main {padding: 4rem;}
}


/*		TRANSITIONS		*/

.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}
.fade-enter, .fade-leave-to  {
  opacity: 0;
}

/*		TRANSITIONS		*/
.gallery-enter-active, .gallery-leave-active {
    transition: opacity 1s cubic-bezier(0,0.66,0.33,1), transform 0.5s cubic-bezier(0,0.66,0.33,1);
}
.gallery-enter-from {
    transform: scale(0.95);
}
.gallery-leave-to {
    transform: scale(1.05);
}
.gallery-enter-from, .gallery-leave-to {
    opacity: 0;
    z-index:2;
}
.gallery-leave-to {
    position: absolute !important;
    width:100%;
    opacity: 0;
}


.slide-enter-active, .slide-leave-active {
    transition: opacity 0.5s , transform 0.5s ; transform: translateX(0);
}
.slide-enter-from {
    transform: translateX(10.5rem);
}
.slide-leave-to {
    transform: translateX(-0.5rem);
}
.slide-enter-from, .slide-leave-to {
    opacity: 0;
    z-index:2;
}
.slide-leave-to {
    position: absolute !important;
    opacity: 0;
}


.slick-slide > div {
    display: flex;
}




/*		FONTS			*/
@font-face {
    font-family: "Overpass-Lotus";
    src: url("../fonts/Overpass-Lotus-Headlines.woff") format('woff'), 
		url("../fonts/Overpass-Lotus-Headlines.woff2") format('woff2');
}

@font-face {
    font-family: "Overpass";
    src: url("../fonts/Overpass-Black.ttf") format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: "Overpass";
    src: url("../fonts/Overpass-Bold.ttf") format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "Overpass";
    src: url("../fonts/Overpass-Medium.ttf") format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "Overpass";
    src: url("../fonts/Overpass-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Overpass";
    src: url("../fonts/Overpass-Light.ttf") format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "Overpass";
    src: url("../fonts/Overpass-ExtraLight.ttf") format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: "Overpass";
    src: url("../fonts/Overpass-Thin.ttf") format('truetype');
    font-weight: 100;
    font-style: normal;
}


@font-face {
    font-family: "Overpass";
    src: url("../fonts/Overpass-BlackItalic.ttf") format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Overpass";
    src: url("../fonts/Overpass-BoldItalic.ttf") format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Overpass";
    src: url("../fonts/Overpass-MediumItalic.ttf") format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Overpass";
    src: url("../fonts/Overpass-Italic.ttf") format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Overpass";
    src: url("../fonts/Overpass-LightItalic.ttf") format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Overpass";
    src: url("../fonts/Overpass-ExtraLightItalic.ttf") format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Overpass";
    src: url("../fonts/Overpass-ThinItalic.ttf") format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}