/* reset.css */

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-size:1em;
	clear: both;
	font-weight: normal;
}
ol, ul {
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

button, input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
	background: transparent;
	color: currentColor;
	border: none;
}

/* layout.css */

/*-----------------------------
		LAYOUT
-----------------------------*/

.clear {
clear:both;
}


section {
position: relative;
}


.fullscreen {
width:100vw;
height:100vh;
}
.fulldiv {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}


.v-centered {
position:relative;
top:50%;
left:0;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-ms-transform-origin: 50% 50%; /* IE 9 */
-webkit-transform-origin: 50% 50%; /* Chrome, Safari, Opera */
transform-origin: 50% 50%;
}

/*******************
 flex
*******************/

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex-w {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + (var(--g) * 2));
    margin: calc(var(--g) * -1);
}
.flex-w > * {
    padding: var(--g);
}
.flex__col {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.flex__sb {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.flex__wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex__no-wrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.flex__centerV {
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.flex__column {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.flex__row {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.flex__center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.flex__end {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
/*    justify-content: flex-end;
*/}
.flex__start {
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    align-items: flex-start;
}
.flex__stretch {
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    align-items: stretch;
}
.flex__expand {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.flex__c {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.col__3-4 {
flex: 0 0 75%;
width:75%;
}
.col__2-3 {
flex: 66.666%;
width:66.666%;
}
.col__1-2 {
flex: 50%;
width:50%;
}
.col__1-3 {
flex:33.333%;
width:33.333%;
}
.col__1-4 {
flex: 25%;
width:25%;
}

/*******************
 css columns
*******************/

.simpleCols.cols--2 {
    column-count: 2;
}

/*******************
 flex grid
*******************/

.grid {
  display: flex;
  flex-wrap: wrap;
  --g: 1em;
  margin-left: calc(var(--g) * -1);
  width: calc(100% + (var(--g) * 2));
}
.grid.no-gap { --g: 0; }
.grid.gap-small { --g: 0.5em; }
.grid.gap-plus { --g: 2em; }
.grid.gap-h-plus { --g: 1em 2em; }
.grid.gap-big { --g: 3em; }
.grid.gap-h-big { --g: 1em 3em; }
.grid.gap-bigger { --g: 4em; }
.grid.gap-h-bigger { --g: 1em 4em; }
.grid.gap-gutter { --g: calc(var(--gutter) * 1) }
.grid > * {
    position: relative;
    flex: 1;
    padding: var(--g);
}
.grid--2 > * {
    flex: 0 0 50%;
}
.grid--3 > * {
    flex: 0 0 33.333%;
}
.grid--4 > * {
    flex: 0 0 25%;
}
.grid--2.mainCol2 > *:nth-child(odd),
.grid--2.mainCol1 > *:nth-child(even) {
    flex: 0 0 40%;
}
.grid--2.mainCol2 > *:nth-child(even),
.grid--2.mainCol1 > *:nth-child(odd) {
    flex: 0 0 60%;
}
@media screen and (max-width: 1200px) {
    .grid.gap-bigger { --g: 3em; }
    .grid.gap-gutter { --g: calc(var(--gutter) * 1.5) }
}
@media screen and (max-width: 600px) {
    .grid.gap-bigger { --g: 2em; }
    .grid.gap-gutter { --g: calc(var(--gutter) * 1) }
}

@media screen and (max-width: 900px) {
    .grid.default-responsive > * {
        flex: 0 0 100%;
    }
}

/*******************
 flex columns
*******************/

.flex__2cols, .flex__4cols {
    margin: 0 -1em -2em -1em;
    width: calc(100% + 2em);
    flex-wrap: wrap;
}
.flex__2cols > div {
    position: relative;
    flex: 0 0 50%;
    padding: 0 1em;
    margin-bottom: 2em;
}
    .flex__2cols.more-gap {
        margin: 0 -3em -3em -3em;
        width: calc(100% + 6em);
    }
    .flex__2cols.more-gap > div {
        padding: 0 3em;
    }
    .flex__2cols.big-gap {
        margin: 0 -5em -5em -5em;
        width: calc(100% + 10em);
    }
    .flex__2cols.big-gap > div {
        padding: 0 5em;
    }
.flex__4cols > div {
    flex: 0 0 25%;
    padding: 0 1em;
    margin-bottom: 2em;
}
.flex__2cols.flex__mainCol2 > div:first-child, .flex__2cols.flex__mainCol1 > div:last-child {
    flex: 0 0 40%;
}
.flex__2cols.flex__mainCol2 > div:last-child, .flex__2cols.flex__mainCol1 > div:first-child {
    flex: 0 0 60%;
}
    @media screen and (max-width: 800px) {
        .flex__2cols > div,
        .flex__2cols.flex__mainCol2 > div:first-child,
        .flex__2cols.flex__mainCol2 > div:last-child,
        .flex__2cols.flex__mainCol1 > div:first-child,
        .flex__2cols.flex__mainCol1 > div:last-child,
        .flex__4cols > div {
            flex: 0 0 100%;
        }
        .flex__2cols.big-gap {
            margin: 0 -3em -3em -3em;
            width: calc(100% + 6em);
        }
        .flex__2cols.big-gap > div {
            padding: 0 3em;
        }
    }
    @media screen and (max-width: 450px) {
        .flex__2cols.more-gap,
        .flex__2cols.big-gap {
            margin-left: -2em;
            margin-right: -2em;
            width: calc(100% + 4em);
        }
        .flex__2cols.more-gap > div,
        .flex__2cols.big-gap > div {
            padding: 0 2em;
        }
    }


.deported-on-left {
    width: calc(var(--wrapper) + (100vw - var(--wrapper)) / 2 + var(--gutter));
    padding-right: calc(var(--gutter) * 2);
}
.deported-on-right {
    width: calc(var(--wrapper) + (100vw - var(--wrapper)) / 2 + var(--gutter));
    padding-left: calc(var(--gutter) * 2);
    margin: auto 0 auto auto;
}
@media screen and (max-width: 1200px) {
    .deported-on-left {
        width: 100%;
        padding-right: calc(var(--gutter) * 1.5);
    }
    .deported-on-right {
        width: 100%;
        padding-left: calc(var(--gutter) * 1.5);
    }
}
@media screen and (max-width: 850px) {
    .deported-on-left .grid > .content {
        padding-left: calc(var(--gutter) * 2);
    }
    .deported-on-right .grid > .content {
        padding-right: calc(var(--gutter) * 2);
    }
}
@media screen and (max-width: 600px) {
    .deported-on-left { padding-right: calc(var(--gutter) * 1); }
    .deported-on-right { padding-left: calc(var(--gutter) * 1); }
}

/* general.css */

/*-----------------------------
		GENERAL
-----------------------------*/
* {
box-sizing:border-box;
-moz-box-sizing:border-box;
min-height: 0;
min-width: 0;
}

html {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    height:100%;
    max-width: 100vw;
}

html, body {
width: 100%;
}

body {
background:#fff;
text-align:center;
}

.fixed-bg {
background-attachment:fixed;
background-position:center;
background-repeat:no-repeat;
background-size:110% auto;
}
	@media screen and (max-aspect-ratio: 1/1) {
		.fixed-bg { background-size: auto 110%; }
	}

.hero::after {
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.hero.hero-black::after {
background:#000;
opacity:0.75;
}
.hero > * {
position:relative;
z-index:3;
}


a {
cursor:pointer;
transition-duration:0.5s;
text-decoration:none;
color: currentColor;
}

a.noStyle {
	color: currentColor;
}
a.noStyle:hover {
	text-decoration: none;
}

.hide {
opacity:0;
}
.show {
opacity:1;
}

picture.fulldiv img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
picture.cover img {
    object-fit: cover;
    object-position: center;
}
picture.contain img {
    object-fit: contain;
    object-position: center;
}
picture.fulldiv.img-fixed {
    z-index: -1;
    clip: rect(0, auto, auto, 0);
    overflow:clip; 
}
picture.fulldiv.img-fixed img {
    position: fixed;
    height: 100vh;
    transform: perspective(0px);
    object-fit: cover;
}


.video-bg video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.iframe-wrapper {
    position: relative;
    overflow: clip;
}
.iframe-wrapper::after {
    content: '';
    display: block;
    padding-bottom: 66.67%;
}
.iframe-wrapper > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.strong, .bold {
font-weight:700;
}
.extraBold {
font-weight:900;
}

.op90 {
opacity:0.9;
}
.op80 {
opacity:0.8;
}
.op70 {
opacity:0.7;
}
.op60 {
opacity:0.6;
}
.op50 {
opacity:0.5;
}
.op40 {
opacity:0.4;
}
.op30 {
opacity:0.3;
}
.op20 {
opacity:0.2;
}
.op10 {
opacity:0.1;
}

.separator {
clear:both;
margin:1em auto;
background:currentColor;
height:3px;
}
.separator.no-margin {
margin:0 auto;
}
.separator.half {
width:50%;
}
.separator.large {
width:112px;
}
.separator.medium {
width:100px;
}
.separator.small {
width:70px;
}
.separator.smaller {
width:50px;
}
.separator.tiny {
width:30px;
}
.separator.thin {
	height:1px;
}
.separator.thinest {
    height:1px;
    opacity: 0.4;
}
.separator.left {
	margin-left: 0;
}

.spacer {
height:2em;
}
.spacer.smallest {
height:0.1em;
}
.spacer.tiny {
height:0.3em;
}
.spacer.small {
height:1em;
}
.spacer.plus {
height:3em;
}
	@media screen and (max-width:500px) {
		.spacer.plus { height:2.25em; }
	}
.spacer.big {
height:4em;
}
	@media screen and (max-width:500px) {
		.spacer.big { height:3em; }
	}
.spacer.bigger {
height:6em;
}
    @media screen and (max-width:500px) {
        .spacer.bigger { height:4em; }
    }
.spacer.huge {
height:8em;
}
    @media screen and (max-width:500px) {
        .spacer.huge { height:6em; }
    }
.spacer.neg-small {
height:0;
margin-top:-1em;
}
.spacer.vertical { height: 0; }
.spacer.vertical.regular { flex: 0 0 2em; }
.spacer.vertical.small { flex: 0 0 1em; }
.spacer.vertical.tiny { flex: 0 0 0.5em; }

img {
max-width:100%;
height: auto;
}
img.valign-middle {
	vertical-align: middle;
}

.aLeft {
text-align:left;
}
.aRight {
text-align:right;
}
.aCenter {
text-align:center;
}
.aJustify {
text-align:justify;
}

.fLeft {
float:left;
}
.fRight {
float:right;
}
.oAuto {
overflow:auto;
}

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

.filter-white {
  filter: brightness(0) invert(1);
}

@media screen and (min-width: 1000px) {
	.display-mobile-only { display: none; }
}
@media screen and (max-width: 1000px) {
	.display-desktop-only { display: none; }
}

.light { font-weight: 300; }
.regular { font-weight: 400; }
.medium { font-weight: 600; }
.strong { font-weight: 700; }
.stronger { font-weight: 800; }
.extraStrong { font-weight: 900; }

.f-tinyer { font-size: 0.6em; }
.f-tiny { font-size: 0.7em; }
.f-smaller { font-size: 0.75em; }
.f-small { font-size: 0.875em; }
.f-less { font-size: 0.933em; }
.f-tinyplus { font-size: 1.125em; }
.f-plus { font-size: 1.25em; }
.f-big { font-size: 1.375em; }
.f-bigger { font-size: 1.5625em; }
.f-huge { font-size: 2.1875em; }
	@media screen and (max-width: 1000px) {
		.f-plus { font-size: 1.1em; }
		.f-big { font-size: 1.2em; }
		.f-bigger { font-size: 1.3em; }
		.f-huge { font-size: 1.7em; }
	}

.lh-regular { line-height: 1.3em; }
.lh-plus { line-height: 1.5em; }
.lh-big { line-height: 1.625em; }
.lh-huge { line-height: 1.75em; }

.uppercase { text-transform: uppercase; }

.clear { clear: both; }

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

.p-relative {
	position: relative;
}
.full-width {
	width: 100%;
}
.full-height {
	height: 100%;
}

@media screen and (max-width: 700px) {
    .resp-nobr br {
        display: none;
    }
}


/*******************
 animations on load
*******************/

@media screen and (min-width: 1000px) {
    main > section:not(.no-reveal) .wrapper, sidebar > section:not(.no-reveal) .wrapper {
        opacity: 0;
        top: 100px;
        transition: ease-out 0.8s;
    }
    main > section.reveal .wrapper, sidebar > section.reveal .wrapper {
        opacity: 1;
        top: 0;
    }
    .reveal-left, .reveal-left-right-children > *:nth-child(odd) {
        position: relative;
        left: -150px;
        transition: ease-out 0.8s;
    }
    .reveal .reveal-left, .reveal .reveal-left-right-children > *:nth-child(odd) {
        left: 0;
    }
    .reveal-right, .reveal-left-right-children > *:nth-child(even) {
        position: relative;
        right: -150px;
        transition: ease-out 0.8s;
    }
    .reveal .reveal-right, .reveal .reveal-left-right-children > *:nth-child(even) {
        right: 0;
    }
    .reveal-blur {
        filter: blur(5px);
        transition: ease-out 1s;
    }
    .reveal .reveal-blur {
        filter: blur(0);
    }
    .reveal-cascade-children > * { transform: translateY(10vh); transition: ease-out 0.5s; }
    .reveal .reveal-cascade-children > * { transform: translateY(0); }
    .reveal-cascade-children > *:nth-child(1) { transition-delay: 0.2s; }
    .reveal-cascade-children > *:nth-child(2) { transition-delay: 0.4s; }
    .reveal-cascade-children > *:nth-child(3) { transition-delay: 0.6s; }
    .reveal-cascade-children > *:nth-child(4) { transition-delay: 0.8s; }
    .reveal-cascade-children > *:nth-child(5) { transition-delay: 1s; }
    .reveal-cascade-children > *:nth-child(6) { transition-delay: 1.1s; }
    .reveal-cascade-children > *:nth-child(7) { transition-delay: 1.2s; }
    .reveal-cascade-children > *:nth-child(8) { transition-delay: 1.3s; }
    .reveal-cascade-children > *:nth-child(9) { transition-delay: 1.4s; }
    .reveal-cascade-children > *:nth-child(10) { transition-delay: 1.5s; }
    .reveal-cascade-children > *:nth-child(11) { transition-delay: 1.6s; }

    .reveal-mask, .reveal-mask-child > * {
        clip-path: inset(0 100% 0 0);
        transition: 1.5s 1s;
    }
    .reveal-mask.right, .reveal-mask-child.right > * {
        clip-path: inset(0 0 0 100%);
        transition: 1.5s 1s;
    }
    .reveal-mask.top, .reveal-mask-child.top > * {
        clip-path: inset(0 0 100% 0);
        transition: 1.5s 1s;
    }
    .reveal-mask.bottom, .reveal-mask-child.bottom > * {
        clip-path: inset(100% 0 0 0);
        transition: 1.5s 1s;
    }
    .reveal-mask.from-h-center, .reveal-mask-child.from-h-center > * {
        clip-path: inset(50% 0 50% 0);
        transition: 1.5s 1s;
    }
    .reveal .reveal-mask, .reveal.reveal-mask,
    .reveal .reveal-mask-child > *, .reveal.reveal-mask-child > * {
        clip-path: inset(0);
    }
    .reveal-mask.speed {
        transition-delay: 0.5s;
    }

}




sub {
    position: relative;
    top: 0.5em;
    vertical-align: bottom;
    font-size: 0.5em;
}
sup {
    position: relative;
    top: -0.33em;
    vertical-align: bottom;
    font-size: 0.5em;
}

.back-to-top {
    z-index: 888;
    position: fixed;
    bottom: -10em;
    right: var(--gutter);
    width: 2.5em;
    height: 2.5em;
    background-color: #fff;
    background-image: url(../icons/icon-cart-up.svg);
    background-size: 75% auto;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    transition: 0.6s;
}
body.scrolled .back-to-top {
    bottom: 2.5em;
}

    @media screen and (max-width: 650px) {
        .back-to-top { right: 1em; }
    }



.swiper-container {
    position: relative;
}
.swiper.width-auto .swiper-slide {
    width: auto;
}
.swiper-button {
    --swiper-navigation-size: 18px;
    position: absolute;
    top: 50%;
    left: calc(var(--swiper-navigation-size) * -2.5);
    display: block;
    color: var(--textColor);
}
.swiper-button-next {
    left: auto;
    right: calc(var(--swiper-navigation-size) * -2.5);
}
.swiper-button::before {
    content: '';
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(var(--swiper-navigation-size) * 2);
    height: calc(var(--swiper-navigation-size) * 2);
    border-radius: 50%;
    background-color: var(--color1);
    transform: translate(-50%, -50%);
}
.swiper-button-next::after {
    padding-left: 1px;
}
.swiper-button-prev::after {
    padding-right: 1px;
}
@media screen and (max-width: 600px) {
    .swiper-button-prev {
        left: auto;
        right: calc(100% + var(--swiper-navigation-size));
    }
    .swiper-button-next {
        right: auto;
        left: calc(100% + var(--swiper-navigation-size));
    }
}

.slider-nav a {
    --s: 3.75em;
    display: inline-block;
    margin: 0 5px;
    width: var(--s);
    height: calc(var(--s) * 0.4);
    background-color: var(--textColor);
    border-radius: 9999px;
    background-image: url(../icons/arrow-white.svg);
    background-size: auto 70%;
    background-position: center;
    background-repeat: no-repeat;
}
.slider-nav a:active {
    transform: scale(0.9);
}
.slider-nav a.nav-prev {
    transform: scale(-1, 1);
}
.slider-nav a.swiper-button-disabled {
    opacity: 0.3;
}



.icon-size {
    position: relative;
    display: inline-block;
    top: 0.025em;
    height: 1.125em;
    width: auto;
    margin-left: 0.1em;
}



/*******************
 wrappers
*******************/
.wrapper {
width:100%;
max-width: calc(var(--wrapper) + (2 * (var(--gutter))));
padding:0 calc(var(--gutter) * 2);
margin:auto;
position:relative;
}
.wrapper.small-padding {
    padding:0 calc(var(--gutter) * 1);
}
@media screen and (max-width: 1200px) {
    .wrapper {
        padding:0 calc(var(--gutter) * 1.5);
    }
}
@media screen and (max-width: 600px) {
    .wrapper {
        padding:0 calc(var(--gutter) * 1);
    }
}
.wrapper.no-padding { padding: 0; }
.wrapper-full { max-width:100%; }
.wrapper-2000 { max-width:2000px; }
.wrapper-1800 { max-width:1800px; }
.wrapper-1700 { max-width:1700px; }
.wrapper-1600 { max-width:1600px; }
.wrapper-1500 { max-width:1500px; }
.wrapper-1400 { max-width:1400px; }
.wrapper-1300 { max-width:1300px; }
.wrapper-1200 { max-width:1200px; }
.wrapper-1100 { max-width:1100px; }
.wrapper-1000 { max-width:1000px; }
.wrapper-900 { max-width:900px; }
.wrapper-850 { max-width:850px; }
.wrapper-800 { max-width:800px; }
.wrapper-700 { max-width:700px; }
.wrapper-600 { max-width:600px; }
.wrapper-500 { max-width:500px; }
.wrapper-450 { max-width:450px; }
.wrapper-400 { max-width:400px; }
.wrapper-300 { max-width:300px; }
.wrapper-200 { max-width:200px; }


.bg-white {
    background-color: #ffffff;
    color: var(--textColor);
}
.bg-black {
    color: #ffffff;
    background-color: var(--black);
}
.bg-lightGrey {
    background-color: var(--lightGrey);
}


/* Contenus flexibles */

.box-default {
    text-align: left;
}

.ps-content .separator {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}
.ps-content .separator.light {
    border-color: #d9d9d9;
}
.ps-content:not(.no-margin) > *:not(:first-child) {
    margin-top: 0.5rem;
}
.ps-content.more-margin > *:not(:first-child) {
    margin-top: 1.5rem;
}
.ps-content.big-margin > *:not(:first-child) {
    margin-top: 2.5rem;
}
.ps-content:not(.aLeft) [class^='wrapper-'],
.ps-content:not(.aLeft) [class*='wrapper-'] {
    margin-left: auto;
    margin-right: auto;
}

.ps-content .ps-image img {
    object-fit: contain;
    object-position: center left;
    font-size: 0.9em;
}
.ps-content .ps-image.s-tiny img {
    height: 2.5em;
    width: 5em;
}
.ps-content .ps-image.s-small img {
    height: 4em;
    width: 8em;
}
.ps-content .ps-image.s-medium img {
    height: 6em;
    width: 12em;
}
.ps-content .ps-image.s-large img {
    height: 9em;
    width: 18em;
}
.ps-content .ps-image.s-full img {
    height: auto;
    width: 100%;
}
.ps-content .ps-image.w-tiny img {
    height: auto;
    width: 7em;
}
.ps-content .ps-image.w-small img {
    height: auto;
    width: 10em;
}
.ps-content .ps-image.w-medium img {
    height: auto;
    width: 15em;
}
.ps-content .ps-image.w-large img {
    height: auto;
    width: 23em;
}

@media screen and (max-width: 800px) {
    .ps-content .ps-image img { font-size: 1em; }
}

.ps-video iframe, .ps-video video {
    border-radius: var(--borderRadius);
}
.ps-video.full {
    position: relative;
    height: 100%;
    overflow: clip;
}
.ps-video.full video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.ps-video .iframe-wrapper {
    padding-bottom: 56%;
}
.ps-video .legend {
    padding: 1em 0.25em;
    font-size: 0.9em;
    text-align: center;
}


/* FAQ */

.faq-layout {
    position: relative;
    text-align: left;
}
.faq-layout .line {
    --s: 1em;
    position: relative;
    background-color: #fff;
    margin-bottom: 0.5em;
    transition: 0.3s;
}
.faq-layout .line.active {
    border-color: transparent;
}
.faq-layout .question {
    position: relative;
    padding: 1em 3.5em 1em 1.5em;
    cursor: pointer;
}
.faq-layout .question::before,
.faq-layout .question::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1em;
    width: var(--s);
    height: 2px;
    background-color: currentColor;
    transition: 0.3s;
}
.faq-layout .active .question::after {
    transform: rotate(90deg) scale(0);
}
.faq-layout .question::after {
    transform: rotate(90deg);
}

.faq-layout .question > * {
    line-height: 1.2em;
    font-family: var(--titleFont);
    font-size: 1.25em;
}
.faq-layout .line:not(.active) .answer {
    display: none;
}
.faq-layout .answer {
    position: relative;
    padding: 1em 1.5em 1.5em 1.5em;
    margin-bottom: 1em;
}


/* Scrollbar */
* {
/*  scrollbar-width: thin;
*/  scrollbar-color: var(--color1) var(--lightGrey);
}
*::-webkit-scrollbar {
/*  width: 12px;
*/}
*::-webkit-scrollbar-track {
  background: var(--lightGrey);
}
*::-webkit-scrollbar-thumb {
  background-color: var(--color1);
}


/* swiper-bundle.min.css */

/**
 * Swiper 11.0.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 27, 2024
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}

/* twentytwenty-no-compass.css */

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: #fff;
  position: absolute;
  z-index: 30; }

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  width: 3px;
  height: 9999px;
  left: 50%;
  margin-left: -1.5px; }

.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px;
  height: 3px;
  top: 50%;
  margin-top: -1.5px; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  transition-duration: 0.5s; }

.twentytwenty-before-label, .twentytwenty-after-label {
  transition-property: opacity; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  color: #fff;
  font-size: 13px;
  letter-spacing: 0.1em; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  line-height: 38px;
  padding: 0 20px;
  border-radius: 2px; }

.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 50%;
  margin-top: -19px; }

.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px; }

.twentytwenty-up-arrow, .twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px; }

.twentytwenty-container {
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none; }
  .twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block; }
  .twentytwenty-container.active .twentytwenty-overlay,
  .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: transparent; }
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
    .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
      opacity: 0; }
  .twentytwenty-container * {
    box-sizing: content-box; }

.twentytwenty-before-label {
  opacity: 0; }
  .twentytwenty-before-label:before {
    content: attr(data-content); }

.twentytwenty-after-label {
  opacity: 0; }
  .twentytwenty-after-label:before {
    content: attr(data-content); }

.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px; }

.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px; }

.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px; }

.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px; }

.twentytwenty-overlay {
  transition-property: background;
  background: transparent;
  z-index: 25; }
  .twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, 0.5); }
    .twentytwenty-overlay:hover .twentytwenty-after-label {
      opacity: 1; }
    .twentytwenty-overlay:hover .twentytwenty-before-label {
      opacity: 1; }

.twentytwenty-before {
  z-index: 20; }

.twentytwenty-after {
  z-index: 10; }

.twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border: 3px solid #fff;
  border-radius: 1000px;
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer; }

.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 22px;
  box-shadow: 0 3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px;
  box-shadow: 0 -3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 22px;
  box-shadow: 3px 0 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 22px;
  box-shadow: -3px 0 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-left-arrow {
  border-right: 6px solid #fff;
  left: 50%;
  margin-left: -17px; }

.twentytwenty-right-arrow {
  border-left: 6px solid #fff;
  right: 50%;
  margin-right: -17px; }

.twentytwenty-up-arrow {
  border-bottom: 6px solid #fff;
  top: 50%;
  margin-top: -17px; }

.twentytwenty-down-arrow {
  border-top: 6px solid #fff;
  bottom: 50%;
  margin-bottom: -17px; }


/* titles.css */

/*******************
  TITLES
*******************/

.title > * {
	font-weight: 400;
	font-family: var(--titleFont);
}
.f-title {
  font-family: var(--titleFont);
}
.title.huge > * {
	font-size: 5em;
	line-height: 1.1em;
	font-weight: 400;
}
.title.big > * {
	font-size: 3.5em;
	line-height: 1.1em;
	font-weight: 400;
}
.title.medium > * {
	font-size: 3em;
	line-height: 1.1em;
	font-weight: 400;
}
.title.small > * {
	font-size: 1.5em;
	line-height: 1.25em;
	font-weight: 400;
}
.title.tiny > * {
	font-size: 1.25em;
	line-height: 1.3em;
}
.title.thin > * {
	font-weight: 400;
}
.title.light > * {
	font-weight: 200;
}
.title.strong > * {
	font-weight: 700;
}


.title.boxed {
	display: inline-block;
	padding: 0.125em 1.5em 0.33em 1.5em;
	border-radius: 9999px;
	background-color: var(--color2);
}
.title.boxed.white-boxed {
	background-color: #fff;
}

.title.underlined > * {
	text-decoration: underline;
}

.title > * span {
	position: relative;
	color: var(--color1);
}
.title.animated > * span::before {
	content: '';
	position: absolute;
	top: calc(100% - 2px);
	left: 0;
	width: 0;
	height: 2px;
	background-color: currentColor;
	transition: 0.3s;
}
.title.animated > * span::before {
	width: 100%;
}

.pretitle > * {
	z-index: 1;
	position: relative;
	display: inline-block;
	font-family: var(--defaultFont);
	font-size: 1.2em;
	line-height: 1.2em;
	text-transform: uppercase;
	font-weight: 400;
}
.pretitle > *::after {
	content: '';
	z-index: -1;
	position: absolute;
	top: auto;
	bottom: -0.1em;
	left: -1em;
	right: 100%;
	height: 0.7em;
	width: auto;
	background-color: var(--color2);
	transition: 0.3s;
}
.reveal .pretitle > *::after {
	right: 0;
}


.pretitle + .text,
.text + .text,
.title + .text {
	margin-top: 1.5em;
}
.pretitle + .title,
.title + .title {
	margin-top: 1em;
}

@media screen and (max-width:1600px) {
	.title.huge > * { font-size: 4.75em; }
}
@media screen and (max-width:1400px) {
	.title.huge > * { font-size: 4.5em; }
	.title.big > * { font-size: 3em; }
}
@media screen and (max-width:1200px) {
	.title.huge > * { font-size: 4em; }
	.title.big > * { font-size: 3em; }
	.title.medium > * { font-size: 2.25em; }
}
@media screen and (max-width: 1000px) {
	.title > * { text-wrap: balance; }
	.title > * br { display: none; }
}
@media screen and (max-width:600px) {
	.title > * {
		hyphens: auto;
	}
	.title.huge > * { font-size: 3.75em; }
	.title.big > * { font-size: 2.75em; }
	.title.medium > * { font-size: 2em; }
	.title.small > * { font-size: 1.5em; }
	.title.tiny > * { font-size: 1.125em; }
}
@media screen and (max-width:400px) {
	.title.huge > * { font-size: 3.5em; }
	.title.big > * { font-size: 2.875em; }
	.title.medium > * { font-size: 1.875em; }
	.title.small > * { font-size: 1.375em; }
	.title.tiny > * { font-size: 1.1em; }
}

/* text.css */

/*-----------------------------
		TEXT & Gutenberg
-----------------------------*/


.text p, .text ul, .text ol {
	line-height: 1.4em;
}
.text.lh-plus p, .text.lh-plus ul, .text.lh-plus ol {
	line-height: 1.6em;
}
.text ul, .text ol {
	margin-left: 1em;
}
.text > *:not(:last-child) {
	margin-bottom: 18px;
}
.text h2 {
	font-size: 1.5625em;
	line-height: 1.15em;
	font-weight: 400;
}
.text h3 {
	font-size: 1.3em;
	line-height: 1.2em;
	font-weight: 400;
}
.text h4, .text h5 {
	font-size: 1.125em;
	line-height: 1.25em;
	font-weight: 400;
}
.text > h1:not(:first-child),
.text h2:not(:first-child),
.text h3:not(:first-child),
.text h4:not(:first-child),
.text h5:not(:first-child) {
	margin-top: 36px;
}

.text a {
	text-decoration: underline;
}
.text a:hover {
	color: var(--color1);
}

.text strong {
	font-weight: 700;
}

.gutenberg {
	text-align: left;
}
.gutenberg p, .gutenberg ul, .gutenberg ol {
	line-height: 1.6em;
}
.gutenberg ul, .gutenberg ol {
	margin-left: 1em;
}
.gutenberg li {
	margin-bottom: 0.2em;
}
.gutenberg p:not(:last-child),
.gutenberg ul:not(:last-child),
.gutenberg ol:not(:last-child) {
	margin-bottom: 1.75em;
}
.gutenberg > *:last-child {
	margin-bottom: 0 !important;
}
.gutenberg h1 {
	font-size: 2.5em;
	line-height: 1.15em;
	font-weight: 400;
	margin-bottom: 18px;
	font-family: var(--titleFont);
}
.gutenberg h2 {
	font-size: 1.75em;
	line-height: 1.15em;
	font-weight: 400;
	margin-bottom: 18px;
	font-family: var(--titleFont);
}
.gutenberg h3 {
	font-size: 1.35em;
	line-height: 1.2em;
	font-weight: 400;
	margin-bottom: 18px;
	font-family: var(--titleFont);
}
.gutenberg h4, .gutenberg h5 {
	font-size: 1.15em;
	line-height: 1.25em;
	font-weight: 400;
	margin-bottom: 12px;
}
.gutenberg h1:not(:first-child),
.gutenberg h2:not(:first-child),
.gutenberg h3:not(:first-child),
.gutenberg h4:not(:first-child),
.gutenberg h5:not(:first-child) {
	margin-top: 36px;
}

.gutenberg blockquote,
.gutenberg .wp-block-quote,
.gutenberg .wp-block-quote.is-large {
	border: none;
	border-left: var(--color1) 4px solid;
	padding: 2.5em var(--gutter);
	background-color: var(--lightGrey);
}
.gutenberg blockquote > p,
.gutenberg .wp-block-quote > p {
	font-size: 1.125em;
	margin-bottom: 0.5em;
}
.gutenberg blockquote > cite,
.gutenberg .wp-block-quote > cite {
	position: relative;
	font-size: 1.125em;
	padding-left: 2.15em;
	font-family: var(--titleFont);
	margin-top: 0.5em;
	display: inline-block;
}
.gutenberg blockquote > cite::before,
.gutenberg .wp-block-quote > cite::before {
	content: '';
	position: absolute;
	top: 0.65em;
	left: 0;
	width: 1.5em;
	height: 2px;
	background: currentColor;
}
.gutenberg img.alignright { float: right; margin: 0 0 1em 1em; }
.gutenberg img.alignleft { float: left; margin: 0 1em 1em 0; }
.gutenberg img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.gutenberg .alignright { float: right; padding: 5px 0 5px 5px; }
.gutenberg .alignleft { float: left; padding: 5px 5px 5px 0; }
.gutenberg .aligncenter { display: block; margin-left: auto; margin-right: auto; }

.gutenberg > p:blank {
	display: none;
}
.gutenberg .alignwide {
	width: calc(100% + (var(--gutter) * 2));
	margin-left: calc(var(--gutter) * -1);
}
.gutenberg .alignfull {
	width: 100vw;
	max-width: 100vw;
	overflow: hidden;
	margin-left: 49%;
	transform: translateX(-50%);
}

.gutenberg .wp-block-table {
	width: 100%;
}

.wp-element-button {
	background-color: var(--color1);
}
.wp-element-button:hover {
	background-color: var(--color2);
}

.gutenberg a:not(.wp-element-button) {
	text-decoration: underline;
}
.gutenberg a:not(.wp-element-button):hover {
	color: var(--color1);
}

.gutenberg iframe {
	width: 100%;
}

@media screen and (min-width: 1000px) {
    .gutenberg > .wp-block-group:not(.no-reveal) {
    	position: relative;
        opacity: 0;
        top: 10vh;
        transition: ease-out 1s;
    }
    .gutenberg > .wp-block-group.reveal {
        opacity: 1;
        top: 0;
    }
}




/* buttons.css */

/*******************
  BUTTONS
*******************/


.btn,
.btn-container a,
.wp-element-button {
  --s: 1.75em;
  z-index: 3;
  position: relative;
  display: inline-block;
  font-size: 1em;
  line-height: 1em;
  padding: 0.75em calc(1.5em + (var(--s) * 1)) 0.9em 1.5em;
  background-color: transparent !important;
  color: currentColor;
  border: currentColor 1px solid;
  font-weight: 400;
  border-radius: 9999px;
  transition: 0.3s;
}
.btn:hover,
.btn.active,
.btn-container a:hover,
.wp-element-button:hover {
  background-color: #fff;
  border-color: var(--textColor);
  color: var(--textColor);
}

.btn::before,
.btn-container a::before,
.wp-element-button::before {
  content: '';
  z-index: -1;
  position: absolute;
  top: 50%;
  right: calc(var(--s) * 0.5);
  margin-top: calc(var(--s) * -0.5);
  width: var(--s);
  height: var(--s);
  background-color: var(--color1);
  border-radius: 9999px;
  transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
}
.btn::after,
.btn-container a::after,
.wp-element-button::after {
  content: '';
  z-index: -1;
  position: absolute;
  top: 50%;
  right: calc(var(--s) * 0.5);
  margin-top: calc(var(--s) * -0.5);
  width: var(--s);
  height: var(--s);
  background-image: url(../icons/rarr.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: calc(var(--s) * 0.5) auto;
  transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
}
.btn:hover,
.btn.active,
.btn-container a:hover,
.wp-element-button:hover {
  border-color: transparent;
  color: #fff;
}
.btn:hover::before,
.btn.active::before,
.btn-container a:hover::before,
.wp-element-button:hover::before {
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin-top: 0;
}
.btn:hover::after,
.btn.active::after,
.btn-container a:hover::after,
.wp-element-button:hover::after {
  right: calc(var(--s) * 0.25);
}

.btn.light,
.btn-container.light a,
.wp-element-button.light {
  border: none;
  padding: 0 var(--s) 0 0;
}
.btn.simple-arrow::before,
.btn-container.simple-arrow a::before,
.wp-element-button.simple-arrow::before {
  display: none;
}
.btn.simple-arrow::after,
.btn-container.simple-arrow a::after,
.wp-element-button.simple-arrow::after {
  right: 0;
  background-image: url(../icons/rarr.svg);
}
.btn.simple-arrow:hover,
.btn-container.simple-arrow a:hover,
.wp-element-button.simple-arrow:hover {
  text-decoration: underline;
}
.btn.simple-arrow:hover::after,
.btn-container.simple-arrow a:hover::after,
.wp-element-button.simple-arrow:hover::after {
  right: calc(var(--s) * -0.25);
}

.btn.alt,
.btn-container.alt a,
.wp-element-button.alt {
  background-color: #fff;
  color: var(--textColor);
  border-color: var(--textColor);
}
.btn.alt:hover,
.btn-container.alt a:hover,
.wp-element-button.alt:hover {
  background-color: var(--color1);
  color: #fff;
  border-color: var(--color1);
}

.btn.simple {
  --s: 0.01em;
}
.btn.black {
  --color1: #000000;
}

.btn.small {
  font-size: 0.85em;
}
.btn.big {
  font-size: 1.25em;
  letter-spacing: 0.03em;
}
.btn.wide {
  padding: 1em 2.25em 1em 2.25em;
}
.btn.fat {
  font-size: 1.15em;
  padding: 1em calc(1.5em + (var(--s) * 1)) 1.15em 1.5em;
}
.btn.slim {
  padding-top: 0.6em;
  padding-bottom: 0.75em;
}
.btn.white,
.btn-container.white a {
  background-color: #fff;
  border-color: #fff;
  color: var(--textColor);
}
.btn.white:hover,
.btn-container.white a:hover {
  background-color: var(--color1);
  border-color: var(--color1);
  color: #fff;
}

.btn.special {
  border: none;
  background-color: rgba(255,255,255,0.15);
  color: #fff;
}
.btn.special:hover {
  background-color: var(--color1);
}


.btn.r-arr {
  --s: 2.5em;
  position: relative;
  padding-right: calc(1em + var(--s));
  text-align: left;
}
.btn.r-arr::after {
  content: '';
  z-index: 2;
  position: absolute;
  top: 30%;
  right: 1em;
  width: calc(var(--s) / 1.5);
  height: 40%;
  background-image: url(../icons/arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  filter: brightness(0) invert(1);
  transform: rotate(0);
  transition: 0.3s cubic-bezier(.81,.05,.57,.96);
}
.btn.r-arr:hover::after {
  filter: none;
  transform: rotate(45deg);
}

.btn.white.r-arr::after {
  filter: none;
}
.btn.white.r-arr:hover::after {
  filter: brightness(0) invert(1);
}


.btn-plus {
  display: inline-block;
  padding: 0.5em;
  line-height: 1.3em;
  border-radius: 10px;
  background-color: var(--grey) !important;
  border: none;
  color: var(--textColor);
}
.btn-plus::before {
  display: none;
}
.btn-plus::after {
  content: '+';
  position: relative;
  top: 0;
  right: 0;
  margin-top: 0;
  width: auto;
  height: auto;
  display: inline-block;
  padding-left: 1em;
  background: none;
  font-weight: 600;
}
.btn-plus:hover {
  background-color: var(--color1) !important;
  color: var(--textColor);
}
.btn-plus:hover::after {
  padding-left: 0.5em;
  padding-right: 0.5em;
  right: 0;
}

.text-link {
  font-weight: 700;
  font-size: 1.125em;
  text-decoration: underline;
  color: currentColor;
}
.text-link:hover {
  color: var(--color1);
}
.text-link + .btn-arrow {
  vertical-align: middle;
}

.buttons {
  --g: 0.5em;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + (var(--g) * 2));
    margin: calc(var(--g) * -1);
}
.buttons.right {
	flex-direction: row-reverse;
}
.buttons.center {
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.buttons > div {
	padding: var(--g);
}

.text + .action,
.title + .action {
  margin-top: 2em;
}

/* header.css */

/*******************
	HEADER
*******************/

header.nav-up {
	transform: translateY(-100%);
}

header {
	z-index: 901;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	transition: 0.5s;
	padding: 1rem var(--gutter);
}

.header-logo {
	padding: 0 1em 0 0;
	text-align: left;
	flex: 0 0 24em;
}
.header-logo img {
	width: 100%;
	max-height: 5.5em;
	object-fit: contain;
	transition: 0.5s;
}

.header-nav {
	z-index: 3;
	position: relative;
	flex: 1;
	padding: 0 0 0 1em;
	text-align: right;
	transition: 0.3s;
}
.main-nav {
	margin-right: 0;
	margin-left: auto;
}
.main-nav ul {
	list-style-type: none;
}
.main-nav > ul {
/*	padding-top: 0.75em;
*/}
.main-nav > ul > li {
	position: relative;
	display: inline-block;
	margin: 0 0.25em;
	transition: 0.3s;
}
.main-nav > ul > li:first-child {
	margin-left: 0;
}
.main-nav > ul > li:last-child {
	margin-right: 0;
}

.main-nav ul li a {
	position: relative;
	display: inline-block;
	padding: 0.5em;
}
.main-nav ul li a:hover {
	color: var(--color1);
}
.main-nav > ul > li.current-menu-item > a::before,
.main-nav > ul > li.current-menu-ancestor > a::before {
	content: '';
	position: absolute;
	top: calc(100% + 0.95rem);
	left: 0.5em;
	width: 1.33em;
	height: 2px;
	background-color: var(--color1);
}

.main-nav > ul > li.menu-item-has-children > a {
	position: relative;
}
.main-nav > ul > li.menu-item-has-children > a::after {
	content: ' +';
}
.main-nav > ul > li > ul {
	z-index: 3;
	position: absolute;
	left: 50%;
	min-width: 20em;
	transform: translateX(-50%);
	top: calc(100% + 6px);
	background: transparent;
	box-shadow: 0px 4px 3px 1px rgba(0,0,0,0.15);
	border-radius: 10px;
	text-align: center;
	font-size: 0.93em;
	display: none;
}
.header-light:not(.scrolled) .main-nav > ul > li > ul > li {
	color: var(--textColor);
}
.main-nav > ul > li:hover > ul {
	display: block;
}
.main-nav > ul > li > ul::before {
	content: '';
	position: absolute;
	top: -6px;
	left: 0;
	width: 100%;
	height: 16px;
}
.main-nav > ul > li > ul > li {
  border: none;
  padding: 0;
  background: var(--lightGrey);
  transition: 0.3s;
}
.main-nav > ul > li > ul > li:hover {
	background: var(--color1);
}
.main-nav > ul > li > ul > li:first-child {
	border-radius: 10px 10px 0 0;
}
.main-nav > ul > li > ul > li:first-child::before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 6px solid var(--lightGrey);
  transform: translateX(-50%);
}
.main-nav > ul > li > ul > li:first-child:hover::before {
  border-bottom-color: var(--color1);
  transition: 0.3s;
}
.main-nav > ul > li > ul > li:last-child {
	border-radius: 0 0 10px 10px;
}
.main-nav > ul > li > ul > li a {
  display: block;
  white-space: nowrap;
  padding: 1.25em 0.75em;
}
.main-nav > ul > li > ul > li a:hover {
	color: #fff;
	transition: 0.25s;
}






@keyframes move_top_bar {
	0% { width: 24px; }
	60% { width: 32px; }
	100% { width: 24px; }
}
@keyframes move_center_bar {
	0% { width: 38px; }
	40% { width: 28px; }
	100% { width: 38px; }
}
@keyframes move_bottom_bar {
	0% { width: 30px; }
	50% { width: 22px; }
	100% { width: 30px; }
}
.moving-button {
	position: relative;
	display: inline-block;
	width: 38px;
	height: 21px;
	color: var(--golden);
}
body.header-light:not(.scrolled) .moving-button {
	color: #fff;
}
.moving-button span {
	position: absolute;
	top: 9px;
	left: 0;
	width: 38px;
	display: inline-block;
	height: 3px;
	background: currentColor;
	animation-name: move_center_bar;
	animation-duration: 2.75s;
	animation-iteration-count: 3;
	transition: 0.3s;
}
.moving-button span::before {
	content: '';
	position: absolute;
	top: -7px;
	left: 0;
	width: 24px;
	display: inline-block;
	height: 3px;
	background: currentColor;
	animation-name: move_top_bar;
	animation-duration: 2.5s;
	animation-iteration-count: 3;
	transition: 0.3s;
}
.moving-button span::after {
	content: '';
	position: absolute;
	top: 7px;
	left: 0;
	width: 30px;
	display: inline-block;
	height: 3px;
	border-radius: 3px;
	background: currentColor;
	animation-name: move_bottom_bar;
	animation-duration: 3.5s;
	animation-iteration-count: 2;
	transition: 0.3s;
}
.moving-button:hover span::before,
.moving-button:hover span::after { width: 38px; }


@media screen and (max-width: 1400px) {
	.main-nav > ul > li {
		margin: 0 0.25em;
	}
}
@media screen and (max-width: 1200px) {
	.header-logo { flex: 0 0 12em; }
	.main-nav > ul > li {
		margin: 0;
	}
}
@media screen and (max-width: 1100px) {
	header { padding: 1em; }
	.header-logo { flex: 0 0 10em; }
	.main-nav .featured a { padding: 0.5em 1em; font-size: 0.9em; }
}
@media screen and (min-width: 601px) {
	.header-hamburger { display: none; }
}
@media screen and (max-width: 600px) {
	header > .flex {
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	}
	.header-nav { display: none; }
	.header-logo { flex: 1; padding: 0.4em 0; text-align: right; }
	.header-logo img { width: 12em; }
	.header-hamburger {
		order: 0;
		flex: 0 0 5em; 
		z-index: 3;
		position: relative;
		text-align: left;
	}
	.main-nav { display: none; }
}
@media screen and (max-width: 600px) {
	.header-logo img { width: 12em; }
}

/* mobile-menu.css */

/*******************
	MOBILE MENU
*******************/


.mobile-menu {
	z-index: 999;
	position: fixed;
	top: 0;
	right: -40em;
	width: 25em;
	max-width: 70%;
	height: 100%;
	max-height: 100%;
	overflow-y: hidden;
	background: #15213a;
	color: #fff;
	box-shadow: var(--lightBoxShadow);
	font-size: 1.125em;
	text-align: left;
	transition: 0.3s;
}
	.mobile-menu:hover {
		max-height: 4000%;
		overflow-y: auto;
	}
	.w-mobile-menu .mobile-menu {
		right: 0;
	}

.mobile-menu nav { max-width: 23.5em; margin-left: 0; padding: 2em 0; }
.mobile-menu nav ul { list-style-type: none; line-height: 1.4em; }
.mobile-menu nav > ul > li { position: relative; }
.mobile-menu nav > ul > li.has-sub-menu.active { padding-bottom: 0.25em; }
.mobile-menu nav > ul > li > ul { font-size: 0.9em; font-style:italic; }
.mobile-menu nav > ul > li > ul > li:not(:last-child) { margin-bottom: 0.25em; }

.mobile-menu nav a {
	display: block;
	padding: 0.5em 0.5em 0.5em 1.5em;
	background: rgba(255,255,255,0);
}
.mobile-menu nav a:hover {
	background: rgba(255,255,255,0.25);
}
.mobile-menu nav > ul > li > ul > li a {
	position:relative;
	padding: 0.5em 0.5em 0.5em 3.5em;
}
.mobile-menu nav > ul > li > ul > li a:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 2em;
	width: 1em;
	height: 1px;
	background-color: currentColor;
}

.mobile-menu nav > ul > li.current-menu-item::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0.4em;
	height: 100%;
	background: currentColor;
}
.mobile-menu nav > ul > li.has-sub-menu {
	padding-right: 2em;
}


.mm-news {
	padding: 1.5em;
}
.mm-news .inner {
	background: #fff;
	color: var(--textColor);
	padding: 1em;
	border-radius: 0.5em;
}

body .mobile-menu-overlay {
	z-index: 998;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	display: none;
}
body.w-mobile-menu .mobile-menu-overlay {
	display: block;
}

.mobile-menu .logo {
	text-align: center;
}
.mobile-menu .logo img {
	display: inline-block;
	margin: 2em auto;
	width: 12em;
}

/* footer.css */

/*******************
	FOOTER
*******************/

footer {
	position: relative;
	text-align: left;
	padding: calc(var(--gutter) * 1) 0;
	background: var(--color1);
	color: #fff;
	overflow: hidden;
}

.footer-cols {
	--g : 2em;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	width: calc(100% + (var(--g) * 1));
	margin-left: calc(var(--g) * -0.5);
}
.footer-cols > * {
	flex: 0 0 100%;
	padding: calc(var(--g) * 0.5);
}
.footer-logo img {
	width: 20em;
}
.footer-slogan > * {
	line-height: 1.3em;
	font-size: 2.5em;
	font-weight: 700;
}
.footer-title {
	margin-bottom: 1.75em;
}
.footer-title > * {
	font-size: 1.125em;
	line-height: 1.3em;
	text-transform: uppercase;
}
.footer-menu {
}
.footer-menu ul {
	list-style-type: none;
	line-height: 1.25em;
}
.footer-menu li {
	z-index: 2;
	position: relative;
	margin-bottom: 0.75em;
}
.footer-menu a {
	position: relative;
	font-size: 1.25em;
	font-weight: 700;
}
.footer-menu a:hover {
	text-decoration: underline;
}

footer .text a {
	text-decoration: underline;
}

footer .text a:hover {
	color: var(--color2);
}

footer .mentions {
	font-size: 14px;
	line-height: 1.4em;
	text-align: left;
}

footer .socials > * {
	background-color: var(--color2);
}
footer .socials > *:hover {
	background-color: #fff;
}


@media screen and (min-width: 1000px) {
	.footer-cols { --g: 3em }
	.footer-cols > *:nth-child(1) { flex: 0 0 45%; }
	.footer-cols > *:nth-child(2) { flex: 0 0 55%; }
	footer .wrapper .footer-cols:first-child {
		align-items: center;
	}
	.footer-slogan {
		position: relative;
		top: 5px;
	}
}
@media screen and (max-width:650px) {
	footer .grid--2 > * { flex: 0 0 100% }
}


/* blog.css */

/*******************
  BLOG
*******************/


.posts-layout > sidebar {
  position: relative;
  flex: 0 0 15em;
  padding: 0;
}
.posts-layout > .main {
  flex: 1;
  padding: 0 0 0 var(--gutter);
}

.posts-grid.masonry .grid-item,
.posts-grid.masonry .grid-sizer {
  width: calc(33.333% - 20px);
  margin-bottom: 30px;
}

.posts-grid {
  padding-bottom: var(--gutter);
}


.box-post {
  position: relative;
  margin-bottom: 1.5em;
  transition: 0.3s;
}
.box-post .ill {
  position: relative;
}
.box-post .ill img {
  height: auto;
  width: 100%;
  display: block;
}
.box-post .content {
  padding: 1em 0;
  text-align: left;
}
.box-post .categories {
  font-size: 0.95em;
  margin-bottom: 0.5em;
}
.box-post .categories span {
  display: inline-block;
  padding: 0.5em 1em;
  color: var(--color1);
  font-family: var(--titleFont);
  font-weight: 700;
  text-transform: lowercase;
  font-size: 0.9em;
  border: currentColor 2px solid;
  margin: 0 0.5em 0.5em 0;
}
.box-post .title > * {
  font-family: var(--baseFont);
  font-size: 1.125em;
  line-height: 1.25em;
}
.box-post .title a:hover {
  text-decoration: underline;
}
.box-post .excerpt {
  font-size: 0.95em;
  margin-top: 0.25em;
  line-height: 1.33em;
}
.box-post .meta {
  font-size: 0.95em;
  margin-top: 0.5em;
  line-height: 1.33em;
}

.box-blog {
  position: relative;
}
.box-blog img {
  display: block;
  width: 100%;
}
.box-blog .overlay {
  background-color: #2b2b3c;
  opacity: 0.28;
}
.box-blog .content {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 1em 10%;
  transform: translateY(-50%);
  font-size: 1.5em;
  color: #fff;
  line-height: 1.25em;
  font-family: var(--titleFont);
  font-weight: 700;
}



.posts-nav {
  text-align: center;
  margin-top: 1em;
}
.posts-nav a:hover {
  text-decoration: underline;
}
.posts-nav .current {
  color: var(--color1);
  font-weight: 600;
}


.nav-post-links {
  border-top: var(--lightGrey) 1px solid;
  padding: 1.5em 0; 
  margin-top: 3em;
}
.nav-post-links > * {
  flex: 0 0 calc(50% - 1em);
  line-height: 1.25em;
}

.nav-post-links .prev { text-align: left; }
.nav-post-links .next { text-align: right; }

.nav-post-links a:hover {
  text-decoration: underline;
}

.pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 1.125em;
}
.pagination .page-numbers {
  display: inline-block;
  padding: 0 0.125em;
  font-weight: 600;
}
.pagination span.current {
  color: var(--color1);
}
.pagination a:hover {
  text-decoration: underline;
}


.filters-btn {
  z-index: 998;
  position: fixed;
  bottom: 1em;
  left: 1em;
  background-color: var(--color1);
  padding: 0.5em 1em;
}
.filters-btn span::before {
  content: '';
  display: inline-block;
  width: 2.5em;
  height: 1.75em;
  vertical-align: middle;
  background-image: url(../icons/icon-filters.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center left;
  filter: brightness(0) invert(1);
}
body.w-filters .filters-btn span::before {
  background-image: url(../icons/icon-close.svg);
}

@media screen and (max-width: 1300px) {
  .posts-grid.masonry .grid-item,
  .posts-grid.masonry .grid-sizer {
    width: calc(50% - 15px);
  }
}
@media screen and (max-width: 1000px) {
  .posts-layout > sidebar { font-size: 0.875em; flex: 0 0 12.5em; }
}
@media screen and (max-width: 900px) and (min-width: 701px) {
  .posts-grid.masonry .grid-item,
  .posts-grid.masonry .grid-sizer {
    width: 100%;
  }
}
@media screen and (min-width: 701px) {
  .filters-btn { display: none; }
}
@media screen and (max-width: 700px) {
  .blog-page {
    width: 100vw;
    overflow: hidden;
  }
  .posts-layout {
    width: calc(100% + 15.5em);
    transition: 0.5s;
  }
  body:not(.w-filters) .posts-layout {
    margin-left: -15.5em;
  }
  .posts-layout > sidebar { flex: 0 0 15em; transition:0.5s; left: 0; }
  body:not(.w-filters) .posts-layout > sidebar {
    left: -10em;
    transition:0.5s;
  }
}
@media screen and (max-width: 500px) {
  .posts-grid.masonry .grid-item,
  .posts-grid.masonry .grid-sizer {
    width: 100%;
  }
}

.page-template-page-blog li[data-sf-field-input-type="select"] .sf-input-select {
  background-color: var(--lightGrey);
}

form.searchandfilter {
  font-size: 0.9rem;
  text-align: left;
}
form.searchandfilter > ul > li {
  margin-bottom: 2em;
  padding: 0;
}
form.searchandfilter > ul > li > h4 {
  font-family: var(--titleFont);
  font-weight: 700;
  font-size: 1.125em;
  line-height: 1.25em;
}
form.searchandfilter > ul > li > ul {
}
form.searchandfilter > ul > li > ul li {
  position: relative;
  padding: 0;
  margin-bottom: 0.33em;
  line-height: 1.25em;
}
form.searchandfilter .sf-input-checkbox {
  position: absolute;
  top: 0;
  left: 0;
  accent-color: var(--color1);
}
form.searchandfilter li[data-sf-field-input-type="checkbox"] label {
  padding-left: 26px;
  padding-top: 1px;
}
form.searchandfilter > ul > li > ul ul {
  margin-top: 0.5em;
}

.searchandfilter .sf-field-search input {
  color: var(--textColor);
  border-width: 0 0 2px 0;
  border-color: currentColor;
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 0.25em 1.5em 0.25em 0;
  font-family: var(--titleFont);
  font-size: 1em;
  font-weight: 700;
  background-image: url(../icons/loupe.svg);
  background-size: 1em auto;
  background-position: center right;
  background-repeat: no-repeat;
}


sidebar .box-sidebar:not(:last-child) {
  margin-bottom: 2em;
}
.box-sidebar .title {
  padding: 0.75em 0.125em;
  margin-bottom: 1em;
}
.box-sidebar.color1 .title {
  background-color: var(--color2);
  color: var(--textColor);
}
.box-sidebar.color2 .title {
  background-color: var(--color2);
  color: #fff;
}
.box-sidebar.color3 .title {
  background-color: var(--color3);
  color: var(--textColor);
}
.box-sidebar > ul {
  text-align: left;
  list-style-type: none;
  color: var(--textColor);
  font-size: 0.95em;
}
.box-sidebar > ul > li {
  line-height: 1.25em;
  margin-bottom: 0.5em;
}

.box-sidebar > ul.featured-offers > li {
  margin-bottom: 1em;
  line-height: 1.33em;
}

.box-sidebar .featured-offers + .action {
  font-family: var(--titleFont);
  font-size: 0.9em;
  font-weight: 700;
  margin-top: 1.5em;
  text-align: left;
  color: var(--textColor);
}
.box-sidebar .featured-offers + .action a {
  text-decoration: underline;
}

body.single-post .posts-layout .gutenberg > p:first-child::empty {
  display: none;
}

body.single-post .gutenberg img {
  height: auto;
}

/* start.css */

/*-----------------------------
		GENERAL
-----------------------------*/

@font-face {
  font-family: 'SpaceGrotesk';
  font-style: normal;
  font-weight: 100 300;
  font-display: swap;
  src: url(../fonts/SpaceGrotesk-Light.woff2) format('woff2');
}
@font-face {
  font-family: 'SpaceGrotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/SpaceGrotesk-Regular.woff2) format('woff2');
}
@font-face {
  font-family: 'SpaceGrotesk';
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url(../fonts/SpaceGrotesk-Medium.woff2) format('woff2');
}
@font-face {
  font-family: 'SpaceGrotesk';
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
  src: url(../fonts/SpaceGrotesk-Bold.woff2) format('woff2');
}

:root {
  --fontSize: 18px;
  --wrapper: 1400px;
  --gutter: 3em;
  --textColor: #000000;
  --black: #000000;
  --color1: #42C95F;
  --color2: #000000;
  --gradient: linear-gradient(180deg, rgba(173, 255, 191, 0.00) 0%, #689973 100%);
  --trueBlack: #000000;
  --lightGrey: #f0f0f0;
  --grey: #D9D9D9;
  --baseFont: 'SpaceGrotesk', sans-serif;
  --titleFont: "SpaceGrotesk", sans-serif;
  --borderRadius: 0.55em;
  --boxShadow: 0 0 10px 2px rgba(0,0,0,0.125);
  --lightBoxShadow: 0 0 20px 1px rgba(0,0,0,0.05);
  --veryLightBoxShadow: 0 0 10px 1px rgba(0,0,0,0.035);
  --headerHeight: 68px;
}
@media screen and (max-width: 1300px) {
  :root {
    --gutter: 2.5em;
  }
}
@media screen and (max-width: 1100px) {
  :root {
    --fontSize: 16px;
    --headerHeight: 64px;
  }
}
@media screen and (max-width: 600px) {
  :root {
    --fontSize:14px;
    --headerHeight: 61px;
  }
}
@media screen and (max-width: 450px) {
  :root {
    --gutter: 2em;
  }
}

html {
  overflow-x: clip;
  max-width: 100vw;
}
body {
  color: var(--textColor);
  font-family: var(--baseFont);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: 400;
  font-size: var(--fontSize);
  background-color: #fff;
  overflow-x: clip;
  max-width: 100vw;
}
body:not(.header-light) {
  padding-top: var(--headerHeight);
}
main {
	max-width: 100vw;
}





/*******************
	helpers
*******************/


.color1 { color: var(--color1); }
.color2 { color: var(--color2); }
.bg-color1 { background-color: var(--color1); color: #fff; }
.bg-color2 { background-color: var(--color2); color: #fff; }


.slider-nav a {
  --s: 5em;
  --sarrow: calc(var(--s) * 0.2);
  position: relative;
  width: calc(var(--s) * 0.7);
  height: calc(var(--s) * 0.3);
  background-image: none;
  background-color: transparent;
}
.slider-nav a::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--sarrow);
  height: var(--sarrow);
  margin-top: calc(var(--sarrow) * -0.5);
  margin-left: calc(var(--sarrow) * -0.5);
  transform: rotate(45deg);
  background-image: url(../icons/arrow.svg);
  background-size: 70% auto;
  background-position: center;
  background-repeat: no-repeat;
}
.slider-nav a:hover {
  background-color: var(--color1);
}
.slider-nav a:hover::after {
  background-image: url(../icons/arrow-white.svg);
}



.ps-heading_cta {
  --g: 1em;
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  text-align: left;
  width: calc(100% + (var(--g) * 2));
  margin: calc(var(--g) * -1);
}
.ps-heading_cta > * {
  padding: var(--g);
}
.ps-heading_cta > .heading {
  flex: 1;
}
.ps-heading_cta > .cta {
  flex: 0 0 25em;
}
@media screen and (max-width: 1100px) {
  .ps-heading_cta > .heading,
  .ps-heading_cta > .cta { flex: 0 0 50%; }
}
@media screen and (max-width: 800px) {
  .ps-heading_cta > .heading,
  .ps-heading_cta > .cta { flex: 0 0 100%; }
}

.ps-menu ul {
  list-style-type: none;
  line-height: 1.35em;
}
.ps-menu ul > li:not(:last-child) {
  margin-bottom: 0.65em;
}
.ps-menu a:hover {
  text-decoration: underline;
}

.back-to-top {
  background-image: url(../icons/rarr-red.svg);
  background-size: 50% auto;
  transform: rotate(-90deg);
}

.wrapper {
  padding: 0 var(--gutter) !important;
}
.wrapper.no-padding {
  padding: 0 !important;
}

.special-list ul {
  --s: 0.4em;
  list-style-type: none;
  margin-left: 0;
}
.special-list ul li {
  position: relative;
  padding-left: 1em;
}
.special-list ul li::before {
  content: '';
  position: absolute;
  top: 0.5em;
  left: 0;
  width: var(--s);
  height: var(--s);
  border-radius: 9999px;
  background-color: currentColor;
}
.special-list ul li:not(:last-child)::after {
  content: '';
  position: absolute;
  top: calc(0.5em + 2px);
  left: calc((var(--s) / 2) - 1px);
  width: 2px;
  height: 100%;
  background-color: currentColor;
}


/*******************
  HEADER & FOOTER
*******************/

header > .wrapper,
footer > .wrapper {
  padding: 0 var(--gutter);
}

header {
  padding-left: 0;
  padding-right: 0;
}
header {
  background-color: transparent !important;
}
body.scrolled header {
  filter: brightness(0) invert(1);
  mix-blend-mode: difference;
}
.header-logo {
  flex: 0 0 7em !important;
}

.main-nav > ul {
  font-size: 1.25em;
}
.main-nav > ul > li > a::before {
  content: '';
  position: absolute;
  top: 100% !important;
  left: 0.5em;
  width: 0;
  height: 1px !important;
  background-color: var(--color1);
  transition: 0.3s;
}
.main-nav > ul > li.current-menu-item > a::before,
.main-nav > ul > li.current-menu-ancestor > a::before {
  width: 0;
}
.main-nav > ul > li > a:hover::before {
  width: calc(100% - 1em);
}

footer {
  background: var(--gradient);
  color: var(--textColor);
}
footer .bacta-to-top {
  z-index: 3;
  position: absolute;
  top: 0;
  right: 0;
  padding: var(--gutter);
  cursor: pointer;
  opacity: 0.5;
}
footer .bacta-to-top:hover {
  filter: invert(82%) sepia(8%) saturate(4283%) hue-rotate(71deg) brightness(89%) contrast(73%);
  opacity: 1;
}
footer .grid {
  --g: 3em;
  margin-top: calc(var(--g) * -1);
  margin-bottom: calc(var(--g) * -1);
}
footer .grid.top > * {
  flex: 0 0 20em;
}
footer .grid.bottom > * {
  flex: 0 0 22em;
  color: #ffffff;
  margin-top: auto;
  margin-bottom: 0;
}
footer .grid.bottom > *.footer-col-logo {
  flex: 1;
  text-align: right;
}
footer .grid.bottom > *.footer-col-logo > * {
  display: block;
  width: 25em;
  max-width: 100%;
  height: auto;
  margin-left: auto;
}
footer .ps-menu ul li {
  position: relative;
}
footer .ps-menu ul li a::before {
  content: '+';
  position: absolute;
  top: 0;
  right: 0;
}
footer .ps-menu ul li a span {
  position: relative;
  display: inline-block;
  transition: 0.3s;
}
footer .ps-menu ul li a:hover span {
  color: var(--color1);
}
footer .ps-menu ul li a span::before {
  content: '';
  position: absolute;
  top: 100% !important;
  left: 0;
  width: 0;
  height: 1px !important;
  background-color: var(--color1);
  transition: 0.3s;
}
footer .ps-menu ul li a:hover span::before {
  width: 100%;
}
@media screen and (max-width: 800px) {
  footer .bacta-to-top {
    padding: var(--gutter) 1em;
    width: 5em;
  }
  footer .bacta-to-top > * {
    display: block;
    width: 100%;
    height: auto;
  }
  footer .grid.bottom {
    margin-top: 2em;
  }
  footer .grid.bottom > * {
    flex: 0 0 100% !important;
  }
  footer .grid.bottom > .footer-col-logo > * {
    width: 20em;
    max-width: 70%;
  }
}

.header-hamburger {
  flex: 1;
  text-align: right;
}
.mobile-menu {
  z-index: 9999;
  background: linear-gradient(180deg, #c7d9cb 0%, #699974 100%);
  color: var(--textColor);
}
.mobile-menu .logo img {
  width: 5em;
  text-align: right;
}
.mobile-nav ul li a {
  font-size: 1.25em;
}

/*******************
	  PAGES LAYOUTS
*******************/

.single-layout {
  margin: calc(var(--gutter) * 0.66) 0;
}
.single-layout .meta {
  margin-top: 1.5em;
}
.single-layout .page-content {
  position: relative;
  margin-top: 2em;
  padding-top: 4em;
}
.single-layout .page-content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 10em;
  height: 1px;
  background-color: currentColor;
  transform: translateX(-50%);
}

.team-layout {
  --g: 3em;
  text-align: left;
}
.team-section-title {
  margin: 2em 0 1em 0;
}
.team-section-title > * {
  font-style: 1.125em;
  text-transform: uppercase;
  line-height: 1.3em;
}
.team-section ul {
  list-style-type: none;
}
.team-section li {
  display: flex;
  justify-content: space-between;
  padding: 0.875rem 0;
  color: #9E9E9E;
  line-height: 1.25em;
  border-top: currentColor 1px solid;
  cursor: pointer;
  transition: 0.3s;
}
.team-section li.active,
.team-section li:hover {
  color: var(--color1);
}
.team-section.founders li {
  font-size: 1.25em;
  padding: 1.5rem 0;
}
.team-section li .position {
  padding-left: 1rem;
  text-align: right;
}

.team-layout .box-member {
  min-height: calc(100vh - var(--headerHeight) - (var(--g) * 2));
}
.box-member {
  justify-content: space-between;
}
.box-member .top {
  --g: 1em;
  margin-top: calc(var(--g) * -1);
  margin-bottom: auto;
  padding-bottom: 2em;
}
.box-member .top .ill .inner {
  position: relative;
}
.box-member .top .ill .inner::after {
  content: '';
  display: block;
  padding-bottom: 130%;
}
.box-member .top .ill img {
  border-radius: var(--borderRadius);
  overflow: clip;
}
.box-member .who {
  font-style: 0.92em;
  margin-top: 2rem;
  line-height: 1.3em;
}
.box-member .who span {
  opacity: 0.3;
}
.box-member .bottom {
  --g: 1em;
  margin-bottom: calc(var(--g) * -1);
  margin-top: auto;
}
.box-member .bottom > * {
  margin-top: auto;
  margin-bottom: 0;
}
.box-member .contacts {
  flex: 1;
  z-index: 2;
  position: relative;
}
.box-member .bottom .ill {
  z-index: 1;
  position: relative;
  flex: 0 0 8.125em;
}
.box-member .bottom .ill img {
  display: block;
  width: 100%;
}

@media screen and (max-width: 1400px) {
  .team-layout {
    --g: 2em;
  }
}
@media screen and (max-width: 1000px) {
  .box-member .top > * {
    flex: 0 0 100%;
  }
  .box-member .top .ill .inner {
    width: 18em;
    max-width: 100%;
  }
}
@media screen and (min-width: 701px) {
  .team-section li .box-wrapper {
    display: none;
  }
}
@media screen and (max-width: 700px) {
  .team-layout > * {
    flex: 0 0 100%;
  }
  .team-layout > .main {
    display: none;
  }
  .team-section li {
    flex-wrap: wrap;
  }
  .team-section li .box-wrapper {
    flex: 0 0 100%; 
  }
  .team-section li .box-member {
    display: none;
    padding-top: 1em;
    color: var(--textColor);
  }
}


.compare-layout {
  position: relative;
  background: linear-gradient(180deg, rgba(206, 255, 177, 0.20) 0%, rgba(20, 20, 20, 0.20) 100%);
}
.compare-layout .box-compare {
  z-index: 999;
  position: absolute;
  top: calc(var(--gutter) * 2);
  text-align: left;
  width: 28em;
  max-width: calc(50vw - (var(--gutter) * 4));
  opacity: 0.5;
  transition: 0.5s;
}
.compare-layout .compare-bacta {
  left: var(--gutter);
}
.compare-layout .compare-default {
  right: var(--gutter);
}
.compare-layout.isOnRight .compare-bacta {
  opacity: 1;
  transform: scale(1.15);
  transform-origin: top left;
}
.compare-layout.isOnLeft .compare-default {
  opacity: 1;
  transform: scale(1.15);
  transform-origin: top right;
}
.compare-layout .compare-images {
  width: 2000px;
  max-width: 100%;
  margin: auto;
}
.compare-layout .compare-images img {
  width: 100%;
}
.compare-layout .twentytwenty-handle {
  opacity: 0;
}
@media screen and (max-width: 750px) {
  .compare-layout {
    padding-top: 20vw;
  }
  .compare-layout .box-compare {
    max-width: calc(50vw - (var(--gutter) * 2));
  }
  .compare-layout .compare-bacta {
    left: 1em;
  }
  .compare-layout .compare-default {
    right: 1em;
  }
  .compare-layout .box-compare {
    top: 10vw;
  }
}
@media screen and (max-width: 500px) {
  .compare-layout {
    padding-top: 40vw;
  }
  .compare-layout .box-compare {
    max-width: calc(50vw - (var(--gutter) * 1.5));
    font-size: 0.8em;
  }
  .compare-layout.isOnRight .compare-bacta {
    transform: scale(1.1);
  }
  .compare-layout.isOnLeft .compare-default {
    transform: scale(1.1);
  }
  .compare-layout .box-compare {
    top: 10vw;
  }
}
@media screen and (max-width: 400px) {
  .compare-layout {
    padding-top: 50vw;
  }
}


.home-apps {
  padding: calc(var(--gutter) * 2) 0;
}
.sliders-apps {
  position: relative;
  margin: var(--gutter) auto;
}
.sliders-apps::after {
  content: '';
  display: block;
  padding-bottom: 25em;
}
.sliders-apps .swiper {
  height: 100%;
}
.slider-apps-images {
  mask-image: linear-gradient(to right, transparent 0, white 10%, white 90%, transparent 100%);
}
.slider-apps-images .swiper-wrapper {
  transition: 0.85s cubic-bezier(.47,1.24,.41,1) 0.05s;
}
.box-app {
  position: relative;
  width: 25em;
  max-width: 100%;
  margin: auto;
}
.box-app::after {
  content: '';
  display: block;
  padding-bottom: 100%;
}
.box-app img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.sliders-apps-nav {
  position: absolute;
  top: calc(100% + 1em);
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.ps-swiper-nav > * {
  --s: 1.8em;
  display: inline-block;
  width: var(--s);
  height: var(--s);
  border-radius: 50%;
  margin: calc(var(--s) * 0.25);
  background-color: var(--grey);
}
.ps-swiper-nav > *.active {
  background-color: var(--textColor);
}
.ps-swiper-nav.vertical > * {
  display: block;
}
.slider-apps-images .box-app {
  transform: scale(0.9);
}
@media screen and (max-width: 500px) {
  .sliders-apps {
    max-width: 80vw;
  }
  .slider-apps-images .box-app {
    transform: scale(0.8);
  }
}

.home-partners {
  padding: calc(var(--gutter) * 1.5) 0;
}
.slider-partners {
  mask-image: linear-gradient(to right, transparent 0, white 10%, white 90%, transparent 100%);
}
.slider-partners > .swiper-wrapper {
  transition-timing-function : linear;
}
.slider-partners .swiper-slide {
  text-align: center;
  max-width: fit-content;
}
.box-partner {
  width: 10.4em;
  height: 5.2em;
  padding: 0.6em;
  border-radius: 1em;
  background-color: var(--grey);
}
.box-partner img {
  height: 4em;
  width: 100%;
  object-fit: contain;
  object-position: center;
  filter: brightness(0);
}


.home-techno {
  padding: var(--gutter) 0;
}
.home-techno .grid {
  --g: 2em;
}
.techno-content {
  display: flex;
  flex-wrap: wrap;
}
.techno-nav-content {
  flex: 0 0 100%;
  padding-top: 4em;
  margin-top: auto;
  margin-bottom: 0;
}
.techno-nav-content > * {
  margin-top: 1em;
  cursor: pointer;
  transition: 0.3s;
}
.techno-nav-content > *:not(.active) {
  opacity: 0.5;
}
.sliders-techno {
  align-self: start;
  position: sticky;
  top: 0;
}
.swiper-techno,
.swiper-techno-content {
  height: 80vh;
}
.swiper-techno {
  mask-image: linear-gradient(to top, transparent 0, white 10%, white 90%, transparent 100%);
  overflow: visible;
}
.slider-techno-content {
  position: absolute;
  bottom: var(--g);
  left: var(--g);
  width: calc(100% - (var(--g) * 2));
  height: calc(100% - (var(--g) * 2));
}
.box-techno {
  position: relative;
  height: 100%;
}
.box-techno > .ill {
  z-index: 1;
}
.box-techno > .ill video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  overflow: clip;
}
.box-techno > .content {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 10%;
  width: 80%;
}
.swiper-techno-nav {
  z-index: 3;
  position: absolute;
  left: 0;
  bottom: var(--g);
  width: var(--s);
}
@media screen and (max-width: 700px) {
  .home-techno > .wrapper > .grid > * {
    flex: 0 0 100%;
  }
  .sliders-techno {
    margin-top: calc(var(--g) * -2);
  }
  .techno-nav-content > *:not(.active) {
    display: none;
  }
  .techno-nav-content > * > .ps-content.aLeft {
    text-align: center;
  }
  .techno-content > .ps-content.aLeft {
    text-align: center;
  }
  .techno-nav-content {
    padding-top: 2em;
  }
  .techno-content { z-index: 3; }
  .sliders-techno {
    z-index: 2;
    position: relative;
    margin-top: -18vw;
  }
}
@media screen and (max-width: 500px) {
  .swiper-techno,
  .swiper-techno-content {
    height: 110vw;
  }
  .swiper-techno {
    top: -10vw;
  }
}



.home-vision .grid {
  --g: 3em;
  width: calc(100% + var(--g));
  margin-left: 0;
}
.home-vision .grid > .ill {
  position: relative;
}
.home-vision .grid > .ill .overlay {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6em;
  height: auto;
  transform: translate(-50%, -50%);
}
.home-vision .grid > .ill .overlay svg {
  display: block;
  width: 100%;
  height: auto;
}
.home-vision .grid > .content {
  background-color: #D9D9D9;
}
.vision-ill {
  position: relative;
  width: 20em;
  margin: 2em auto;
  mask-image: url(../icons/vision-mask.png);
  mask-size: 20em;
  mask-repeat: no-repeat;
  mask-position: center;
}
.vision-ill::after {
  content: '';
  display: block;
  padding-bottom: 150%;
}
.vision-mask {
  display: none;
}
@media screen and (max-width: 1300px) {
  .home-vision .grid {
    --g: 2.5em;
  }
}
@media screen and (max-width: 700px) {
  .home-vision .grid {
    width: 100%;
  }
  .home-vision .grid > * {
    flex: 0 0 100%;
  }
  .home-vision .grid > .ill {
    height: 100vw;
  }
  .vision-ill {
    display: none;
  }
}


.home-intro {
  position: relative;
  margin-top: calc((var(--headerHeight) * -1) - 1px);
  min-height: 110vh;
  min-height: 110svh;
  padding: calc(var(--gutter) * 4) 0;
}
.home-intro > .video {
  z-index: 1;
  overflow: clip;
}
.home-intro > .video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-intro > .content {
  z-index: 2;
  position: relative;
  mix-blend-mode: difference;
  flex: 0 0 100%;
}
.home-intro .reveal-cascade-children > * {
  opacity: 0;
}
.home-intro.reveal .reveal-cascade-children > * {
  opacity: 1;
}
.home-intro .content .big-logo img {
  width: 26em;
  height: auto;
  opacity: 0;
  transition: 0.5s;
}
.home-intro.reveal .big-logo img {
  opacity: 1;
}
.home-intro .content .title.special {
  color: #ADFFBF;
}
.home-intro .content .separator.special {
  background: linear-gradient(to left, #000000, #DCFFC8);
}
@media screen and (max-width: 700px) {
  .home-intro .content .big-logo {
    max-width: 40vw;
    margin: auto;
  }
}


.home-news {
  padding: calc(var(--gutter) * 1.25) 0;
}
.home-news .swiper-wrapper {
}
.home-news .swiper-slide {
  height: auto;
}
.swiper-news-arr {
  display: inline-block;
  width: 2.5em;
  height: 2.5em;
  margin: 1.5em 0.5em;
  background-image: url(../icons/rarr.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.5;
}
.swiper-news-arr:hover {
  filter: invert(82%) sepia(8%) saturate(4283%) hue-rotate(71deg) brightness(89%) contrast(73%);
  opacity: 1;
}
.swiper-news-arr.swiper-button-disabled {
  opacity: 0.1;
}
.swiper-news-arr.swiper-news-prev {
  background-image: url(../icons/larr.svg);
}
.home-news .box-news {
  height: 100%;
}
.box-news {
  display: flex;
  flex-wrap: wrap;
  background-color: var(--lightGrey);
  padding: 1.5em 1.125em 0.5em 1.125em;
  border-radius: var(--borderRadius);
  text-align: left;
}
/*.box-news > * {
  flex: 0 0 100%;
}*/
.box-news > .action {
  margin-top: auto;
  margin-bottom: 0;
}
.box-news .btn-plus:not(:hover) {
  background-color: var(--lightGrey) !important;
}


.split > * {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}


/* Static clone refinements */
body.ready .home-intro .reveal-cascade-children > *,
body.ready .home-intro .content .big-logo img,
section.reveal .reveal-cascade-children > * { opacity: 1; }

header { will-change: transform; }
.header-hamburger a { cursor: pointer; }

.slider-partners .swiper-wrapper {
  width: max-content;
  gap: 20px;
  animation: partners-marquee 34s linear infinite;
}
.slider-partners:hover .swiper-wrapper { animation-play-state: paused; }
@keyframes partners-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.swiper-techno .swiper-wrapper {
  height: 100%;
  flex-direction: column;
  transition: transform 0.6s ease;
}
.swiper-techno .swiper-slide { height: 100%; }
.swiper-techno-content .swiper-wrapper { position: relative; height: 100%; display: block; }
.swiper-techno-content .swiper-slide,
.swiper-members .swiper-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.45s ease;
}
.swiper-techno-content .swiper-slide.is-active,
.swiper-members .swiper-slide.is-active {
  opacity: 1;
  pointer-events: auto;
}
.swiper-members, .swiper-members .swiper-wrapper { min-height: calc(100vh - var(--headerHeight) - 6em); }

.slider-apps-images .swiper-wrapper,
.slider-apps-bg .swiper-wrapper {
  transition: transform 0.85s cubic-bezier(.47,1.24,.41,1);
}
.slider-apps-bg .swiper-slide { flex: 0 0 100%; }
.slider-apps-images .swiper-slide { flex: 0 0 100%; }
.box-app video {
  position: absolute;
  top: -50px;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.box-app .app-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1.5em;
}

.swiper-news { overflow: hidden; }
.swiper-news .swiper-wrapper {
  gap: 30px;
  transition: transform 0.45s ease;
}
.swiper-news .swiper-slide { flex: 0 0 calc((100% - 60px) / 3); }
@media screen and (max-width: 999px) { .swiper-news .swiper-slide { flex-basis: calc((100% - 20px) / 2); } .swiper-news .swiper-wrapper { gap: 20px; } }
@media screen and (max-width: 699px) { .swiper-news .swiper-slide { flex-basis: 100%; } .swiper-news .swiper-wrapper { gap: 0; } }

.twentytwenty-container {
  --pos: 51%;
  position: relative;
  overflow: hidden;
  cursor: ew-resize;
}
.twentytwenty-container img {
  display: block;
  width: 100%;
  height: auto;
  user-select: none;
  pointer-events: none;
}
.twentytwenty-container img + img {
  position: absolute;
  inset: 0 auto auto 0;
  height: 100%;
  object-fit: cover;
  clip-path: inset(0 0 0 var(--pos));
}
.twentytwenty-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--pos);
  width: 2px;
  background: #000;
  transform: translateX(-50%);
  z-index: 3;
}
.twentytwenty-handle::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.3em;
  height: 2.3em;
  border-radius: 50%;
  background: var(--color1);
  border: #000 2px solid;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 700px) {
  .team-section li.active .box-member { display: flex; }
  .swiper-members, .swiper-members .swiper-wrapper { min-height: 0; }
}

footer .footer-menu a[href='#'] { pointer-events: none; }
img { max-width: 100%; }