*,:before,:after {
	box-sizing: border-box;
	outline: none;
	-webkit-tap-highlight-color: transparent;
}

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	position: relative;
	display: grid;
	align-content: start;
	font-family: 'Inter Light';
	font-size: 1.1rem;
	line-height: 1.4;
	color: var(--c-1);
	background-color: var(--c-0);
}
		@media (max-width: 1100px) {
			body {
				font-size: 1.1rem;
				line-height: 1.2;
			}
		}
input[type=text], input[type=email], input[type=password], input[type=number], input[type=date], input[type=checkbox], input[type=radio], input[type=file], textarea, select {
	font-family: 'Inter Light';
	font-size: 1.2rem;
	letter-spacing: .4px;
	border: none;
	padding: 0.5rem;
	border: solid 1px rgba(0,0,0,0.2);
	background-color: #fff;
}
input[type="radio"], input[type="checkbox"] {
	width: 1.1em;
	height: 1.1rem;
	accent-color: var(--c-1);
}
select {
	-moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none;
	background-color: #fff;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDQ1MS44NDcgNDUxLjg0NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZD0iTTIyNS45MjMgMzU0LjcwNmMtOC4wOTggMC0xNi4xOTUtMy4wOTItMjIuMzY5LTkuMjYzTDkuMjcgMTUxLjE1N2MtMTIuMzU5LTEyLjM1OS0xMi4zNTktMzIuMzk3IDAtNDQuNzUxIDEyLjM1NC0xMi4zNTQgMzIuMzg4LTEyLjM1NCA0NC43NDggMGwxNzEuOTA1IDE3MS45MTUgMTcxLjkwNi0xNzEuOTA5YzEyLjM1OS0xMi4zNTQgMzIuMzkxLTEyLjM1NCA0NC43NDQgMCAxMi4zNjUgMTIuMzU0IDEyLjM2NSAzMi4zOTIgMCA0NC43NTFMMjQ4LjI5MiAzNDUuNDQ5Yy02LjE3NyA2LjE3Mi0xNC4yNzQgOS4yNTctMjIuMzY5IDkuMjU3eiIgZmlsbD0iIzAwMDAwMCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCI+PC9wYXRoPjwvZz48L3N2Zz4=);
	background-position: center right 0.6rem;
	background-size: auto 1rem;
	background-repeat: no-repeat;
}
input[type=checkbox], input[type=radio] {
	margin: 0;
}
input[type=number] {
	appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    appearance: none;
    margin: 0;
}
input[name=h] {
	display: none;
}
label {
	display: grid;
	grid-auto-flow: column;
	align-items: start;
	font-size: 0.9rem;
	margin-bottom: 0.5rem;
	color: var(--c-1);
}
.button {
	text-align: center;
	font-size: 1rem;
	color: #fff;
	padding: .8rem 1.8rem;
	background-color: var(--c-1);
	background-image: url(../ico/next-fff.svg?3);
	background-position: center right 1.7rem;
	background-repeat: no-repeat;
	background-size: auto .8rem;
	border: none;
	transition: all .2s !important;
	cursor: pointer;
}
.button-s {
	font-size: .8rem;
	padding: .5rem 1rem;
	padding-right: 2.1rem !important;
	background-position: center right .8rem !important;
	background-size: auto .7rem !important;
}
.button:hover {
	color: #fff;
	background-color: var(--c-2);
	box-shadow: 0 0 2rem rgba(0,0,0,.2);
	outline: solid 1px #fff;
}
.button-fff {
	color: var(--c-1);
	background-color: #fff;
	background-image: url(../ico/next.svg?3);
}
.button2-fff {
	font-family: 'Inter Regular';
	color: #fff;
	background: none;
	border: solid 1px #fff
}
.button-6 {
	font-family: 'Inter Regular';
	color: var(--c-7);
	background-color: var(--c-6);
	font-weight: bold;
	padding-right: 3rem;
	background-position: right 1.1rem center;
	background-image: url(../ico/rarr-c7.svg?3);
}
		.button-6:hover {
			color: var(--c-7);
			background-color: #fff;
		}
.button-7 {
	color: #fff;
	background-color: var(--c-7);
	font-weight: bold;
	padding-right: 3rem;
	background-position: right 1.1rem center;
	background-image: url(../ico/rarr.svg?3);
}
		.button-7:hover {
			color: var(--c-7);
			background-color: #fff;
			background-image: url(../ico/rarr-c7.svg?3);
		}

h1 {
	font-family: 'Inter Semibold';
	font-size: 4rem;
	color: var(--c-1);
	line-height: .85;
	margin: 0;
	letter-spacing: -2.5px;
}
.h1-home {
	font-size: 4.5rem;
}
		@media (max-width: 1100px) {
			h1, .h1-home {
				font-size: 2.5rem;
				letter-spacing: 0;
			}
		}
h2 {
	font-family: 'Inter Semibold';
	font-size: 2.5rem;
	line-height: .85;
	letter-spacing: -1px;
}
		@media (max-width: 1100px) {
			h2, .h1-s {
				font-size: 2rem;
			}
		}
h3 {
	font-family: 'Inter Semibold';
	font-size: 1.5rem;
	color: #000;
	line-height: 1.2;
	margin: 0;
}

img {
	display: grid;
	max-width: 100%;
}
p {
	margin: 0;
	margin-bottom: 1rem;
}
p:last-child {
	margin-bottom: 0;
}
a {
	text-decoration: none;
	color: var(--c-1);
}
p a {
	text-decoration: none;
	border-bottom: solid 3px var(--c-6);
}
p b {
	font-family: 'Inter SemiBold';
	font-weight: normal;
}
ul, ol {
	display: grid;
	grid-gap: 0.5rem;
	padding-left: 0;
	margin-left: 1rem;
}
.p-accent {
	font-family: 'Inter Regular';
	font-weight: normal;
	font-size: 1.5rem;
	line-height: 1.1;
	color: var(--c-1);
	margin: 0;
}

.hp {
	position: absolute;
	top: 0;
	left: 0;
	translate: -1000% 0;
}

.video-embed {
	width: 100%;
	aspect-ratio: 16/9;
}


.hamb {
	position: absolute;
	z-index: 1000;
	top: 0;
	right: 0;
	height: 100%;
	width: 4rem;
	background-image: url(../ico/hamburger.svg?3);
	background-size: auto 1.6rem;
	background-repeat: no-repeat;
	background-position: right 1rem top 2.2rem;
}
.hamb-000 {
	background-image: url(../ico/hamburger.svg?3);
}

.main {
	display: grid;
	position: relative;
	justify-self: center;
	width: 100%;
	max-width: 1100px;
}
		@media (max-width: 1270px) {
			.main {
				padding-left: 1rem;
				padding-right: 1rem;
			}
		}
		
footer {
	color: #fff;
	background-color: var(--c-1);
}
footer a {
	color: #fff;
}


.home-skew-1 {
	height: 3rem;
	transform: skew(-12deg, 0);
}
.home-skew-1-m {
	position: absolute;
	top: 10rem;
	left: -2rem;
	width: 90%;
	height: 2rem;
	mix-blend-mode: multiply;
	transform: skew(-12deg, 0);
	background-color: var(--c-2);
}
.home-skew-2-m {
	position: absolute;
	top: 12rem;
	left: -2rem;
	width: 95%;
	height: 1rem;
	mix-blend-mode: multiply;
	transform: skew(-12deg, 0);
	background-color: var(--c-3);
}
.home-skew-2 {
	position: relative;
	display: grid;
	justify-self: right;
	width: calc(75% - 10rem);
	height: 1rem;
	background-color: var(--c-3);
}
.home-skew-2:before {
	position: absolute;
	top: 0;
	left: -1rem;
	content: '';
	width: 2rem;
	height: 1rem;
	background-color: var(--c-3);
	transform: skew(-25deg, 0);
}
.home-skew-3 {
	position: absolute;
	bottom: 30%;
	right: .5rem;
	width: calc(95% - 10rem);
	height: 2.5rem;
	mix-blend-mode: multiply;
	transform: skew(-12deg, 0);
	background-color: var(--c-2);
}
.home-skew-4 {
	position: absolute;
	top: -5rem;
	left: calc(50% - 22rem);
	height: 60%;
	width: 2.5rem;
	mix-blend-mode: multiply;
	transform: skew(0, 12deg);
	background-color: var(--c-3);
}
.home-skew-5 {
	position: absolute;
	bottom: 20%;
	right: .5rem;
	width: calc(95% - 10rem);
	height: 2.5rem;
	mix-blend-mode: multiply;
	transform: skew(-12deg, 0);
	background-color: var(--c-2);
}

.home-ig {
	height: 41rem;
	background-image: url(../images/ig.webp?1);
	background-size: 100% auto;
	background-repeat: no-repeat;
}


.form-contatto {
	background: url(../images/home-4.webp) bottom left no-repeat;
}
		@media (max-width: 1270px) {
			.form-contatto {
				background: none;
			}
		}

.mobile-menu {
	position: fixed;
	z-index: 1000;
	display: grid;
	grid-gap: 0.8rem;
	place-content: center;
	xtext-align: center;
	top: 0;
	right: 0;
	auto;
	height: 100%;
	width: 50vw;
	padding: 2rem;
	transform: translateX(100%);
	opacity: 1;
	overflow: auto;
	xbackground-color: rgba(38,4,68,0.95);
	xbackdrop-filter: blur(0.3rem);
	background-image: linear-gradient(to top right, var(--c-2), var(--c-1));
	animation-timing-function: ease;
	transition: all 0.3s;
}
.mobile-menu a {
	color: #fff;
	font-size: 1.3rem;
}
.mobile-menu-on {
	transform: translateX(0);
	box-shadow: -0.5rem 0 1rem rgba(0,0,0,0.4);
}
.mobile-menu-x {
	position: absolute;
	top: 0;
	right: 0;
	width: 3.5rem;
	height: 3.5rem;
	background-image: url(../ico/x-w.svg?3);
	background-size: auto 1rem;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0.2;
}


.nav-container {
	background-color: var(--c-3);
	transition: all .3s;
}

nav a {
	xcolor: #fff;
	font-family: 'Inter Regular';
	letter-spacing: .5px;
	font-weight: bold;
}
		body#home nav a {
			color: #fff;
			font-weight: normal;
		}
		body#home .ig-c-1 {
			display: none;
		}
		body:not(#home) .ig-fff {
			display: none;
		}
nav a:hover {
	text-decoration: underline;
	text-decoration-color: var(--c-2);
	text-decoration-thickness: 3px;
	text-underline-offset: 6px;
}
.nav-active {
	color: var(--c-2);
	text-decoration: underline;
	text-decoration-color: var(--c-2);
	text-decoration-thickness: 3px;
	text-underline-offset: 6px;
}
.nav-ico a {
	display: grid;
	align-content: center;
	border-left: solid 1px rgba(0, 0, 0, 0.1);
	padding: 1rem 2rem;
}
.nav-ico a:last-child {
	justify-self: right;
	border-right: solid 1px rgba(0, 0, 0, 0.1);
}
.nav-ico img {
	height: 1.6rem;
}
.nav-container-sticky {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	box-shadow: 0 0.3rem 1.5rem rgba(0, 0, 0, 0.15);
}
.nav-container-sticky a {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.pill {
	display: grid;
	font-size-adjust: 'Inter Regular';
	font-weight: bold;
	line-height: 1;
	background-color: #fff;
	border-radius: 0.3rem;
	padding: 0.4rem 0.6rem;
	font-size: 0.8rem;
	border: solid 1px rgba(0,0,0,0.05);
	border-left: solid 5px var(--c-2);
	text-transform: uppercase;
}
		
.home-tabs {
	margin-top: -8rem;
}
		@media (max-width: 1100px) {
			.home-tabs {
				margin-top: 3rem;
			}
		}

.home-card-a {
	display: grid;
	padding: 2rem;
	background-color: #fff;
	border: solid 1px rgba(0, 0, 0, 0.2);
	border-radius: 0.4rem;
	text-align: center;
}
		@media (max-width: 1100px) {
			.home-card-a {
				padding: 1rem;
			}
		}
.home-card-a img {
	justify-self: center;
	height: 3.5rem;
	margin-bottom: 2rem;
}
.home-card-b {
	display: grid;
	background-color: #fff;
	border: solid 1px rgba(0, 0, 0, 0.2);
	border-radius: .4rem;
	overflow: hidden;
}
.home-card-b img {
	width: 100%;
	height: 15rem;
	object-fit: cover;
}
	@media (max-width: 1100px) {

	}

.home-vision {
	background: url(../images/ai-hand2.jpg) center right no-repeat;
	background-size: auto 100%;
}
		@media (max-width: 1100px) {
			.home-vision {
				background-position: bottom center;
				background-size: 100% auto;
				background-image: url(../images/ai-hand2-m.webp);
				background-color: #1C2D40;
			}
		}

.servizi-1 {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 50%;
	translate: -50% 0;
	mix-blend-mode: multiply;
}
.servizi-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}
		@media (max-width: 1100px) {
			.servizi-grid {
				grid-template-columns: 1fr 1fr;
				grid-gap: 1rem;
			}
		}
.servizi-grid > a,
.servizi-grid > div {
	position: relative;
	display: grid;
	place-content: center;
	padding: 4rem 0;
	color: #000;
	font-size: 1.5rem;
	text-align: center;
	line-height: 1.1;
	transition: all .2s;
	border-bottom: solid 1px rgba(255,255,255,.5);
	border-right: solid 1px rgba(255,255,255,.5);
}
.servizi-grid > a:hover {
	background-color: rgba(255, 255, 255, .5);
	color: var(--c-2);
}
.servizi-grid > a:nth-child(3n),
.servizi-grid > div:nth-child(3n) {
	border-right: none;
}
		@media (max-width: 1100px) {
			.servizi-grid > a:nth-child(n),
			.servizi-grid > div:nth-child(n) {
				border: none;
				background-color: rgba(255, 255, 255, .5);
			}
			.servizi-grid:not(:is(.team-grid)) > a:last-child,
			.servizi-grid:not(:is(.team-grid)) > div:last-child {
				grid-column: 1/-1;
			}
		}
.servizi-grid:not(:is(.team-grid)) > a:nth-child(n+7),
.servizi-grid:not(:is(.team-grid)) > div:nth-child(n+7) {
	border-bottom: none;
}


.team-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	row-gap: 5rem;
}
		@media (max-width: 1100px) {
			.team-grid {
				row-gap: 2rem;
			}
		}

.team-grid b {
	display: grid;
	line-height: 1.1;
	padding-right: 1.5rem;
	margin-top: 2rem;
	margin-bottom: .3rem;
}
		@media (max-width: 1100px) {
			.team-grid b {
				padding-right: .5rem;
			}
		}
.team-grid span {
	display: grid;
	line-height: 1.1;
	padding-right: 1.5rem;
	display: grid;
}

.team-grid-foto {
	object-fit: cover;
	object-position: center top;
	width: 100%;
	aspect-ratio: 6/7;
	margin-bottom: 1rem;
	filter: grayscale(100%);
	transition: all .5s;
}
.team-grid-foto:hover {
	filter: none;
	transition: all .5s;
}


.servizio {
	padding-top: 0.8rem;
	padding-bottom: 0.6rem;
}
.servizio:not(:last-child) {
	border-bottom: solid 1px rgba(0, 0, 0, 0.2);
}
.servizio .collapsable-trigger {
	background: url(../ico/plus.svg?3) right center no-repeat;
	background-size: auto .7rem;
}
.servizio .collapsable-trigger:is(.clicked) {
	background: url(../ico/minus.svg?3) right center no-repeat;
	background-size: .7rem auto;
}
.servizio > div {
	padding-right: 3rem;
}
.servizio > div:nth-child(2) {
	font-size: 1.1rem;
	line-height: 1.2;
	color: #000;
}
.servizio > div:nth-child(2) p {
	margin-bottom: 0.5rem;
}

.il-metodo-punti {
	position: relative;
	height: 46rem;
	background: url(../images/il-metodo-1.webp) center center;
	background-size: contain;
	background-repeat: no-repeat;
}
		@media (max-width: 1100px) {
			.il-metodo-punti {
				display: grid;
				grid-template-columns: 1fr 1fr;
				grid-gap: 2rem;
				height: auto;
				background: #fff;
				padding-top: 3rem;
				padding-bottom: 3rem;

			}
		}

.il-metodo-punto {
	position: absolute;
	display: grid;
	align-content: start;
}
		@media (max-width: 1100px) {
			.il-metodo-punto {
				position: relative
			}
		}
.il-metodo-punto > b {
	font-size: 1.3rem;
	line-height: 1.1;
	
}
.il-metodo-punto > span {
	font-size: 1.2rem;
	line-height: 1.1;
}

.il-metodo-punto:nth-child(1) {
	left: 50%;
	translate: -50% 0;
	top: 5.5rem;
	text-align: center;
}
.il-metodo-punto:nth-child(2) {
	left: 4.5rem;
	top: 12rem;
	text-align: right;
}
.il-metodo-punto:nth-child(3) {
	left: 2.5rem;
	top: 23rem;
	text-align: right;
}
.il-metodo-punto:nth-child(4) {
	right: 4rem;
	top: 12rem;
	text-align: left;
}
.il-metodo-punto:nth-child(5) {
	right: 0;
	top: 23rem;
	text-align: left;
}
.il-metodo-punto:nth-child(6) {
	right: 4.5rem;
	top: 33rem;
	text-align: left;
}
		@media (max-width: 1100px) {
			.il-metodo-punto:nth-child(n) {
				text-align: left;
				top: auto;
				left: auto;
				right: auto;
				translate: none;
			}
		}
.partner-logo {
	position: absolute;
	top: 2rem;
	right: 2rem;
	width: 8rem;
	height: 3.5rem;
	object-fit: contain;
	object-position: top right;
}

.faq-q {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-gap: 0.5rem;
	font-size: 1.3rem;
	cursor: pointer;
	margin-bottom: 1rem;
	background-color: #fff;
	padding: 1rem;
	border-radius: 0.3rem;
}
.faq-a > *:first-child {
	padding: 1rem;
	padding-bottom: 3rem;
}

.outcome-download {
	display: grid;
	padding: 1rem;
	background: #fff url(../ico/download.svg?3) center right 1.2rem no-repeat;
	background-size: auto 1.5rem;
	box-shadow: 0 0 1rem rgba(0,0,0,0.1);
	border-radius: 0.3rem;
	margin-bottom: 0;
	margin-top: 1rem;
}

.partner-links {
	display: grid;
	grid-gap: 0.5rem;
	border-top: solid 1px rgba(0, 0, 0, 0.2);
	padding-top: 2rem;
	margin-top: 1rem;
}
.partner-links > div {
	display: grid;
	grid-auto-flow: column;
	grid-gap: 0.5rem;
	align-items: center;
	justify-self: left;
}
.partner-links img {
	height: 1.4rem;
}
.partner-links a {
	color: var(--c-3);
}

.news {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 3rem;
}
.news a {
	background-color: #fff;
	border: solid 1px rgba(0, 0, 0, 0.15);
}

			@media (max-width: 890px ) {
				.news {
					grid-template-columns: 1fr;
				}
			}

.grad {
	background: linear-gradient(#DADAE0, #80809F);
}
.grad2 {
	background: linear-gradient(#DADAE0, #555572);
}
.grad3 {
	background: linear-gradient(#fff, #F79759);
}
.grad4 {
	background: linear-gradient(#fff, #9B1FE8);
}

.whatsapp-fab {
	position: fixed;
	z-index: 10;
	height: 4rem;
	bottom: 1rem;
	right: 1rem;
	filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.3));
}

.home-intro {
	display: grid;
	align-content: center;
	background-image: url(../images/home.webp);
	background-position: top 1.5rem center;
	background-size: cover;
}

.home-intro2 {
	display: grid;
	width: 100%;
	height: 100svh;
	grid-template-rows: auto 1fr;
	background: none;
}
.home-intro2 video {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.home-intro2 h1 {
	margin: 0;
	margin-bottom: 3rem;
	font-family: 'Inter Semibold';
	color: #fff;
	font-size: 8rem;
	line-height: .8;
}
		@media (max-width: 1000px) {
			.home-intro2 h1 {
				font-size: 6rem;
				margin-bottom: 1rem;
			}
		}
		@media (max-width: 800px) {
			.home-intro2 h1 {
				font-family: 'Inter Bold';
				font-size: 3rem;
				margin-bottom: 1rem;
			}
		}

.home-intro2 h2 {
	margin: 0;
	margin-bottom: 4rem;
	font-family: 'Inter Light';
	font-size: 3rem;
}
		@media (max-width: 1270px) {
			.home-intro2 h2 {
				font-size: 1.8rem;
			}
		}
.tennis-masterclass h2 {

}
		@media (max-width: 1270px) {
			.tennis-masterclass h2 {
				font-size: 2.5rem;
			}
		}
.tennis-masterclass-contatti {
	background: url(../images/campo-da-tennis.webp) top center no-repeat;
	background-size: cover
}
		@media (max-width: 1270px) {
			.tennis-masterclass-contatti {
				background: none;
			}
		}
/*
======================================================================
*/

.collapsable-trigger {
	cursor: pointer;
}

.collapsable {
	display: grid;
	grid-template-rows: 0fr;
	transition: all .4s;
}

.collapsable-open {
	grid-template-rows: 1fr;
}

.collapsable>div {
	display: grid;
	overflow: hidden;
}

.nav-dropdown .collapsable>div>div {
	display: grid;
	padding-left: 1rem;
	padding-bottom: 1.5rem;
}

.expert-card {
	display: grid;
	grid-template-rows: auto 1fr;
	color: #fff;
}
.expert-foto {
	height: 18rem;
	width: 100%;
	object-fit: cover;
	object-position: 50% 15%;
	/*border-radius: 0.75rem 0.75rem 0 0;*/
}
.expert-info {
	display: grid;
	padding: 2rem;
	padding-bottom: 0;
	text-transform: uppercase;
	background-color: var(--c-7);
	/*border-radius: 0 0 0.75rem 0.75rem;*/
}
.expert2 .expert-info {
	background-color: #27475D90;
}
.expert-info > div:nth-child(1) {
	font-family: 'Inter Bold';
	font-style: italic;
	line-height: 2rem;
	font-size: 2.2rem;
	margin-bottom: 1rem;
}
.expert-info > div:nth-child(2) {
	font-size: 1rem;
	margin-bottom: 1.5rem;
}
.expert-card > a {
	display: grid;
	align-self: end;
	margin-left: 2rem;
	margin-bottom: 1.5rem;
}
.expert-card > a img {
	height: 2.5rem;
}

/*
======================================================================
*/

.modal {
	position: fixed;
	z-index: 100;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	width: calc(100vw - 3rem);
	max-width: 35rem;
	max-height: 60vh;
	background: #fff;
	box-shadow: 0 0 3rem rgba(0, 0, 0, 0.5);
	padding: 3rem 2.5rem;
	overflow: auto;
}
			@media (max-width: 890px ) {
				.modal {
					padding: 2rem 1.5rem;
					font-size: 1rem;
				}
			}
.modal-x {
	position: absolute;
	top: 0;
	right: 0;
	height: 3rem;
	width: 3rem;
	padding: 1.15rem;
	opacity: .5;
	cursor: pointer;
}
.modal h2 {
	font-size: 1.9rem;
	color: var(--c-1);
	margin: 0;
	margin-bottom: .25rem;
}
			@media (max-width: 890px ) {
				.modal h2 {
					font-size: 1.5rem;
				}
			}
.modal h3 {
	font-size: 1.2rem;
	font-weight: normal;
	color: var(--c-2);
	opacity: .8;
	margin-bottom: 2rem;
}
			@media (max-width: 890px ) {
				.modal h3 {
					font-size: 1.1rem;
					margin-bottom: 1.5rem;
					line-height: 1;
				}
			}
.modal ul {
	margin-bottom: 0;
}
.modal ul li {
	line-height: 1.4rem;
	margin-bottom: .25rem;	
}
			@media (max-width: 890px ) {
				.modal ul li {
					line-height: 1.3rem;
				}
			}
.modal ul li:last-child {
	margin-bottom: 0;
}

:root {
	--collapse-speed: 0.4s;
}
.collapsable {
	height: auto;
	transition: all var(--collapse-speed);
}
.collapsed {
	height: 0;
	overflow: hidden;
}


.pointer  { cursor: pointer }
.b        { font-weight: bold }
.i        { font-style: italic }

.block		{ display: block }
.posf		{ position: fixed }
.posa		{ position: absolute }
.posr		{ position: relative }
.hidden		{ display: none }

.tal { text-align: left }
.tar { text-align: right }
.tac { text-align: center }
.tuc { text-transform: uppercase }

.f-stk-2fff {
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #fff;
	color: transparent;
}
.f-stk-1c1 {
	-webkit-text-stroke-width: .8px;
	-webkit-text-stroke-color: var(--c-1);
	color: transparent;
}

@media (max-width: 1100px) {
	.m-tac {
		text-align: center;
	}
}

.ar-1    { aspect-ratio: 1 }
@media (max-width: 1100px ) {
			.m-ar-a    { aspect-ratio: auto }
		}
.ar-16-9 { aspect-ratio: 16/9 }

.w-100    { width: 100% }

.of-a     { overflow: auto; }
.of-h     { overflow: hidden; }
.of-h     { overflow: hidden; }

.br-0_3   { border-radius: .3rem;}

.sha-1 { filter:drop-shadow(0 0 0.5rem rgba(0,0,0,0.15)) }

@media (max-width: 1100px ) {
	.m-w-100  { width: 100% }
	.h-m-10  { height: 10% }
	.h-m-20  { height: 20% }
	.h-m-30  { height: 30% }
	.h-m-40  { height: 40% }
	.h-m-50  { height: 50% }
	.h-m-60  { height: 60% }
	.h-m-70  { height: 70% }
	.h-m-80  { height: 80% }
	.h-m-85  { height: 85% }
	.h-m-90  { height: 90% }
	.h-m-95  { height: 95% }
	.h-m-100 { height: 100% }
	.w-m-10  { width: 10% }
	.w-m-20  { width: 20% }
	.w-m-30  { width: 30% }
	.w-m-40  { width: 40% }
	.w-m-50  { width: 50% }
	.w-m-60  { width: 60% }
	.w-m-70  { width: 70% }
	.w-m-80  { width: 80% }
	.w-m-85  { width: 85% }
	.w-m-90  { width: 90% }
	.w-m-95  { width: 95% }
	.w-m-100 { width: 100% }
	.mw-m-10  { max-width: 10% }
	.mw-m-20  { max-width: 20% }
	.mw-m-30  { max-width: 30% }
	.mw-m-40  { max-width: 40% }
	.mw-m-50  { max-width: 50% }
	.mw-m-60  { max-width: 60% }
	.mw-m-70  { max-width: 70% }
	.mw-m-80  { max-width: 80% }
	.mw-m-85  { max-width: 85% }
	.mw-m-90  { max-width: 90% }
	.mw-m-95  { max-width: 95% }
	.mw-m-100 { max-width: 100% }
}
@media (min-width: 1100px ) {
	.h-d-10  { height: 10% }
	.h-d-20  { height: 20% }
	.h-d-30  { height: 30% }
	.h-d-40  { height: 40% }
	.h-d-50  { height: 50% }
	.h-d-60  { height: 60% }
	.h-d-70  { height: 70% }
	.h-d-80  { height: 80% }
	.h-d-85  { height: 85% }
	.h-d-90  { height: 90% }
	.h-d-95  { height: 95% }
	.h-d-100 { height: 100% }
	.w-d-10  { width: 10% }
	.w-d-20  { width: 20% }
	.w-d-30  { width: 30% }
	.w-d-40  { width: 40% }
	.w-d-50  { width: 50% }
	.w-d-60  { width: 60% }
	.w-d-70  { width: 70% }
	.w-d-80  { width: 80% }
	.w-d-85  { width: 85% }
	.w-d-90  { width: 90% }
	.w-d-95  { width: 95% }
	.w-d-100 { width: 100% }
	.mw-d-10  { max-width: 10% }
	.mw-d-20  { max-width: 20% }
	.mw-d-30  { max-width: 30% }
	.mw-d-40  { max-width: 40% }
	.mw-d-50  { max-width: 50% }
	.mw-d-60  { max-width: 60% }
	.mw-d-70  { max-width: 70% }
	.mw-d-80  { max-width: 80% }
	.mw-d-85  { max-width: 85% }
	.mw-d-90  { max-width: 90% }
	.mw-d-95  { max-width: 95% }
	.mw-d-100 { max-width: 100% }
}


@media (max-width: 1100px ) {
	.m-block		{ display: block }
	.m-fixed		{ position: fixed }
	.m-absolute	{ position: absolute }
	.m-relative	{ position: relative }
	.m-hidden		{ display: none }
}
@media (min-width: 1100px ) {
	.d-block		{ display: block }
	.d-fixed		{ position: fixed }
	.d-absolute	{ position: absolute }
	.d-relative	{ position: relative }
	.d-hidden		{ display: none }
}

.fs-0_8 { font-size: .8rem }
.fs-0_9 { font-size: .9rem }
.fs-1   { font-size: 1rem }
.fs-1_1 { font-size: 1.1rem }
.fs-1_2 { font-size: 1.2rem }
.fs-1_3 { font-size: 1.3rem }
.fs-1_4 { font-size: 1.4rem }
.fs-1_5 { font-size: 1.5rem }
.fs-1_6 { font-size: 1.6rem }
.fs-1_7 { font-size: 1.7rem }
.fs-1_8 { font-size: 1.8rem }
.fs-1_9 { font-size: 1.9rem }
.fs-2   { font-size: 2rem }
.fs-2_1 { font-size: 2.1rem }
.fs-2_2 { font-size: 2.2rem }
.fs-2_3 { font-size: 2.3rem }
.fs-2_4 { font-size: 2.4rem }
.fs-2_5 { font-size: 2.5rem }
.fs-2_6 { font-size: 2.6rem }
.fs-2_7 { font-size: 2.7rem }
.fs-2_8 { font-size: 2.8rem }
.fs-2_9 { font-size: 2.9rem }
.fs-3   { font-size: 3rem }
.fs-4   { font-size: 4rem }
.fs-5   { font-size: 5rem }
.fs-6   { font-size: 6rem }
.fs-8   { font-size: 8rem }
		@media (max-width: 1100px) {
			.m-fs-0_8 { font-size: .8rem }
			.m-fs-0_9 { font-size: .9rem }
			.m-fs-1   { font-size: 1rem }
			.m-fs-1_1 { font-size: 1.1rem }
			.m-fs-1_2 { font-size: 1.2rem }
			.m-fs-1_3 { font-size: 1.3rem }
			.m-fs-1_4 { font-size: 1.4rem }
			.m-fs-1_5 { font-size: 1.5rem }
			.m-fs-1_6 { font-size: 1.6rem }
			.m-fs-1_7 { font-size: 1.7rem }
			.m-fs-1_8 { font-size: 1.8rem }
			.m-fs-1_9 { font-size: 1.9rem }
			.m-fs-2   { font-size: 2rem }
			.m-fs-2_1 { font-size: 2.1rem }
			.m-fs-2_2 { font-size: 2.2rem }
			.m-fs-2_3 { font-size: 2.3rem }
			.m-fs-2_4 { font-size: 2.4rem }
			.m-fs-2_5 { font-size: 2.5rem }
			.m-fs-2_6 { font-size: 2.6rem }
			.m-fs-2_7 { font-size: 2.7rem }
			.m-fs-2_8 { font-size: 2.8rem }
			.m-fs-2_9 { font-size: 2.9rem }
			.m-fs-3   { font-size: 3rem }
			.m-fs-3_5 { font-size: 3.5rem }
		}

.lh-0_7 { line-height: .7 }
.lh-0_8 { line-height: .8 }
.lh-0_9 { line-height: .9 }
.lh-1   { line-height: 1 }
.lh-1_1 { line-height: 1.1 }
.lh-1_2 { line-height: 1.2 }
.lh-1_3 { line-height: 1.3 }
.lh-1_4 { line-height: 1.4 }
.lh-1_5 { line-height: 1.5 }

.b0     { bottom: 0 }
.r0     { right: 0 }

.g		  { display: grid }
.g-pcc    { place-content: center }
.g-gaf 	{ grid-auto-flow: column; justify-content: space-between }
.g-jil	{ justify-items: left }
.g-jic	{ justify-items: center }
.g-jir	{ justify-items: right }
.g-jcl	{ justify-content: left }
.g-jcc	{ justify-content: center }
.g-jcr	{ justify-content: right }
.g-jsc	{ justify-self: center }
.g-jsl	{ justify-self: left }
.g-jsr	{ justify-self: right }
.g-ass	{ align-self: start }
.g-asc	{ align-self: center }
.g-ase	{ align-self: end  }
.g-ais	{ align-items: start }
.g-aic	{ align-items: center }
.g-aie	{ align-items: end }
.g-acs	{ align-content: start }
.g-acc	{ align-content: center }
.g-ace	{ align-content: end }
.g-jss	{ justify-self: stretch }
			@media (max-width: 1100px ) {
				/*
				.g-gaf { grid-auto-flow: inherit }
				.g-gaf { grid-auto-flow: column; justify-content: space-between }
				*/
				.g-m-jil	{ justify-items: left }
				.g-m-jic	{ justify-items: center }
				.g-m-jir	{ justify-items: right }
				.g-m-jcl	{ justify-content: left }
				.g-m-jcc	{ justify-content: center }
				.g-m-jir	{ justify-content: right }
				.g-m-jsc	{ justify-self: center }
				.g-m-jsl	{ justify-self: left }
				.g-m-jsr	{ justify-self: right }
				.g-m-ass	{ align-self: start }
				.g-m-asc	{ align-self: center }
				.g-m-ase	{ align-self: end  }
				.g-m-ais	{ align-items: start }
				.g-m-aic	{ align-items: center }
				.g-m-aie	{ align-items: end }
				.g-m-acs	{ align-content: start }
				.g-m-acc	{ align-content: center }
				.g-m-ace	{ align-content: end }
				.g-m-jss	{ justify-self: stretch }
			}
			@media (min-width: 1100px ) {
				.g-d-jsc	{ justify-self: center }
				.g-d-jsl	{ justify-self: left }
				.g-d-jsr	{ justify-self: right }
				.g-d-ass	{ align-self: start }
				.g-d-asc	{ align-self: center }
				.g-d-ase	{ align-self: end  }
				.g-d-ais	{ align-items: start }
				.g-d-aic	{ align-items: center }
				.g-d-aie	{ align-items: end }
				.g-d-acs	{ align-content: start }
				.g-d-acc	{ align-content: center }
				.g-d-ace	{ align-content: end }
				.g-d-jss	{ justify-self: stretch }
			}

.gtc-1-1         { grid-template-columns: repeat(2,1fr) }
.gtc-1-1-1       { grid-template-columns: repeat(3,1fr) }
.gtc-1-1-1-1     { grid-template-columns: repeat(4,1fr) }
.gtc-2-2         { grid-template-columns: 4fr 3fr }
.gtc-3-2         { grid-template-columns: 3fr 2fr }
.gtc-2-3         { grid-template-columns: 2fr 3fr }
.gtc-2-4         { grid-template-columns: 2fr 4fr }
.gtc-4-3         { grid-template-columns: 4fr 3fr }
.gtc-5-2         { grid-template-columns: 5fr 2fr }
.gtc-a-1         { grid-template-columns: auto 1fr }
.gtc-1-a         { grid-template-columns: 1fr auto }
.gtc-a-a         { grid-template-columns: auto auto }
.gtc-1-a-1       { grid-template-columns: 1fr auto 1fr }
.gtc-1-a-1-a-1   { grid-template-columns: 1fr auto 1fr auto 1fr }
			@media (max-width: 1100px ) {
				.m-gtc-1-1 {
					grid-auto-flow: inherit;
					grid-template-columns: 1fr 1fr;
				}
				.m-gtc-1  {
					grid-auto-flow: inherit;
					grid-template-columns: 1fr;
					
				}
				.m-gtc-2  {
					grid-auto-flow: inherit;
					grid-template-columns: 1fr 1fr;
				}
			}
.gg-0      { grid-gap: 0 }
.gg-0_5    { grid-gap: 0.5rem }
.gg-1      { grid-gap: 1rem }
.gg-1_5    { grid-gap: 1.5rem }
.gg-2      { grid-gap: 2rem }
.gg-3      { grid-gap: 3rem }
.gg-4      { grid-gap: 4rem }
.gg-5      { grid-gap: 5rem }
.gg-6      { grid-gap: 6rem }
.gg-7      { grid-gap: 7rem }
.gg-8      { grid-gap: 8rem }
.gg-9      { grid-gap: 9rem }
.gg-10     { grid-gap: 10rem }
.gcg-0_5   { grid-column-gap: 0.5rem }
.gcg-1     { grid-column-gap: 1rem }
.gcg-2     { grid-column-gap: 2rem }
.gcg-3     { grid-column-gap: 3rem }
.grg-0     { grid-row-gap: 0 }
.grg-1     { grid-row-gap: 1rem }
.grg-2     { grid-row-gap: 2rem }
.grg-3     { grid-row-gap: 3rem }
.grg-4     { grid-row-gap: 4rem }
			@media (max-width: 1100px ) {
				.m-gg-0      { grid-gap: 0 }
				.m-gg-1      { grid-gap: 1rem }
				.m-gg-2      { grid-gap: 2rem }
				.m-gg-3      { grid-gap: 3rem }
				.m-gg-4      { grid-gap: 4rem }
				.m-gg-5      { grid-gap: 5rem }
				.m-gg-6      { grid-gap: 6rem }
				.m-gcg-1     { grid-column-gap: 1rem }
				.m-gcg-2     { grid-column-gap: 2rem }
				.m-gcg-3     { grid-column-gap: 3rem }
				.m-grg-1     { grid-row-gap: 1rem }
				.m-grg-2     { grid-row-gap: 2rem }
				.m-grg-3     { grid-row-gap: 3rem }
				.m-grg-4     { grid-row-gap: 4rem }
			}

.g-gsa      { grid-column: 1/-1 }

.padded {
	padding-left: 1rem;
	padding-right: 1rem;
}
			@media (max-width: 1100px ) {
				.m-padded {
					padding-left: 1rem;
					padding-right: 1rem;
				}
				.m-nopadded {
					padding-left: 0;
					padding-right: 0;
				}
			}


.mw-30 { max-width: 30% }
.mw-40 { max-width: 40% }
.mw-50 { max-width: 50% }
.mw-60 { max-width: 60% }
			@media (max-width: 1100px ) {
				.m-mw-30 { max-width: 30% }
				.m-mw-40 { max-width: 40% }
				.m-mw-50 { max-width: 50% }
				.m-mw-60 { max-width: 60% }
			}
			@media (min-width: 1100px ) {
				.d-mih-30 { min-height: 30rem }
				.d-mih-35 { min-height: 35rem }
				.d-mih-40 { min-height: 40rem }
				.d-mih-50 { min-height: 40rem }
				.d-mih-60 { min-height: 60rem }
			}

.p-0	 { padding: 0 }
.p-1	 { padding: 1rem }
.p-1_5	 { padding: 1.5rem }
.p-2	 { padding: 2rem }
.p-3	 { padding: 3rem }
.p-4	 { padding: 4rem }
.p-5	 { padding: 5rem }
.p-6	 { padding: 6rem }
.pt-0	 { padding-top: 0 }
.pt-0_5	 { padding-top: 0.5rem }
.pt-1	 { padding-top: 1rem }
.pt-1_5	 { padding-top: 1.5rem }
.pt-2	 { padding-top: 2rem }
.pt-3	 { padding-top: 3rem }
.pt-4	 { padding-top: 4rem }
.pt-5	 { padding-top: 5rem }
.pt-6	 { padding-top: 6rem }
.pt-7	 { padding-top: 7rem }
.pt-8	 { padding-top: 8rem }
.pt-9	 { padding-top: 9rem }
.pt-10 { padding-top: 10rem }
.pt-11 { padding-top: 11rem }
.pt-12 { padding-top: 12rem }
.pt-15 { padding-top: 15rem }
.pt-20 { padding-top: 20rem }
.pb-0	 { padding-bottom: 0 }
.pb-0_5	 { padding-bottom: 0.5rem }
.pb-1	 { padding-bottom: 1rem }
.pb-1_5	 { padding-bottom: 1.5rem }
.pb-2	 { padding-bottom: 2rem }
.pb-3	 { padding-bottom: 3rem }
.pb-4	 { padding-bottom: 4rem }
.pb-5	 { padding-bottom: 5rem }
.pb-6	 { padding-bottom: 6rem }
.pb-7	 { padding-bottom: 7rem }
.pb-8	 { padding-bottom: 8rem }
.pb-9	 { padding-bottom: 9rem }
.pb-10 { padding-bottom: 10rem }
.pb-11 { padding-bottom: 11rem }
.pb-12 { padding-bottom: 12rem }
.pb-13 { padding-bottom: 13rem }
.pb-14 { padding-bottom: 14rem }
.pb-15 { padding-bottom: 15rem }
.pb-20 { padding-bottom: 20rem }
.pl-1 { margin-left: 1rem }
.pl-2 { margin-left: 2rem }
.pl-3 { margin-left: 3rem }
.pl-4 { margin-left: 4rem }
.pl-5 { margin-left: 5rem }
			@media (max-width: 1100px ) {
				.m-p-0	{ padding: 0 }
				.m-p-1	{ padding: 1rem }
				.m-p-2	{ padding: 2rem }
				.m-p-3	{ padding: 3rem }
				.m-pt-0	{ padding-top: 0 }
				.m-pt-1	{ padding-top: 1rem }
				.m-pt-2	{ padding-top: 2rem }
				.m-pt-3	{ padding-top: 3rem }
				.m-pt-4	{ padding-top: 4rem }
				.m-pt-5	{ padding-top: 5rem }
				.m-pt-6	{ padding-top: 6rem }
				.m-pt-7	{ padding-top: 7rem }
				.m-pt-8	{ padding-top: 8rem }
				.m-pt-9	{ padding-top: 9rem }
				.m-pt-10	{ padding-top: 10rem }
				.m-pt-11	{ padding-top: 11rem }
				.m-pt-12	{ padding-top: 12rem }
				.m-pt-13	{ padding-top: 13rem }
				.m-pt-14	{ padding-top: 14rem }
				.m-pt-15	{ padding-top: 15rem }
				.m-pb-0	{ padding-bottom: 0 }
				.m-pb-1	{ padding-bottom: 1rem }
				.m-pb-2	{ padding-bottom: 2rem }
				.m-pb-3	{ padding-bottom: 3rem }
				.m-pb-4	{ padding-bottom: 4rem }
				.m-pb-5	{ padding-bottom: 5rem }
				.m-pb-6	{ padding-bottom: 6rem }
				.m-pb-7	{ padding-bottom: 7rem }
				.m-pb-8	{ padding-bottom: 8rem }
				.m-pb-9	{ padding-bottom: 9rem }
				.m-pb-10	{ padding-bottom: 10rem }
				.m-pb-11	{ padding-bottom: 11rem }
				.m-pb-12	{ padding-bottom: 12rem }
				.m-pb-16	{ padding-bottom: 16rem }
			}
.mt-0	  { margin-top: 0 }
.mt-0_25	  { margin-top: .25rem }
.mt-0_5	  { margin-top: .5rem }
.mt-0_75	  { margin-top: .75rem }
.mt-1	  { margin-top: 1rem }
.mt-1_5		{ margin-top: 1.5rem }
.mt-2	  { margin-top: 2rem }
.mt-3	  { margin-top: 3rem }
.mt-4	  { margin-top: 4rem }
.mt-5	  { margin-top: 5rem }
.mt-6	  { margin-top: 6rem }
.mt-7	  { margin-top: 7rem }
.mt-8	  { margin-top: 8rem }
.mt-9	  { margin-top: 9rem }
.mt-10  { margin-top: 10rem }
.mt-11  { margin-top: 11rem }
.mt-12  { margin-top: 12rem }
.mt-13  { margin-top: 13rem }
.mt-14  { margin-top: 14rem }

.ml-2   { margin-left: 2rem}

.mb-0	  { margin-bottom: 0 }
.mb-0_25  { margin-bottom: .25rem }
.mb-0_5	{ margin-bottom: 0.5rem }
.mb-1	  { margin-bottom: 1rem }
.mb-1_5	{ margin-bottom: 1.5rem }
.mb-2	  { margin-bottom: 2rem }
.mb-3	  { margin-bottom: 3rem }
.mb-4	  { margin-bottom: 4rem }
.mb-5	  { margin-bottom: 5rem }
.mb-6	  { margin-bottom: 6rem }
.mb-7	  { margin-bottom: 7rem }
.mb-8	  { margin-bottom: 8rem }
.mb-9   { margin-bottom: 9rem }
.mb-10  { margin-bottom: 10rem }
.mb-11  { margin-bottom: 11rem }
.mb-12  { margin-bottom: 12rem }
			@media (max-width: 1100px ) {
				.m-mt-0	  { margin-top: 0 }
				.m-mt-1	  { margin-top: 1rem }
				.m-mt-2	  { margin-top: 2rem }
				.m-mt-3	  { margin-top: 3rem }
				.m-mt-4	  { margin-top: 4rem }
				.m-mt-5	  { margin-top: 5rem }
				.m-mt-6	  { margin-top: 6rem }
				.m-mt-7	  { margin-top: 7rem }
				.m-mt-8	  { margin-top: 8rem }
				.m-mb-0	  { margin-bottom: 0 }
				.m-mb-0_5	{ margin-bottom: 0.5rem }
				.m-mb-1	  { margin-bottom: 1rem }
				.m-mb-2	  { margin-bottom: 2rem }
				.m-mb-3	  { margin-bottom: 3rem }
				.m-mb-4	  { margin-bottom: 4rem }
				.m-mb-5	  { margin-bottom: 5rem }
				.m-mb-6	  { margin-bottom: 6rem }
				.m-mb-7	  { margin-bottom: 7rem }
				.m-mb-8	  { margin-bottom: 8rem }
			}

.m-0	{ margin: 0 }
			@media (max-width: 1100px ) {
				.m-m-0	{ margin: 0 }
			}

.h-1    { height: 1rem }
.h-1_1  { height: 1.1rem }
.h-1_2  { height: 1.2rem }
.h-1_3  { height: 1.3rem }
.h-1_5  { height: 1.5rem }
.h-1_6  { height: 1.6rem }
.h-1_7  { height: 1.7rem }
.h-1_8  { height: 1.8rem }
.h-2    { height: 2rem }
.h-2_5  { height: 2.5rem }
.h-3    { height: 3rem }
.h-3_5  { height: 3.5rem }
.h-4    { height: 4rem }
.h-4_5  { height: 4.5rem }
.h-5    { height: 5rem }
.h-6    { height: 6rem }
.h-7    { height: 7rem }
.h-8    { height: 8rem }
.h-9    { height: 9rem }
.h-10   { height: 10rem }
.h-11   { height: 11rem }
.h-12   { height: 12rem }
.h-13   { height: 13rem }
.w-1    { width: 1rem }
.w-2    { width: 2rem }
.w-3    { width: 3rem }
.w-3_5  { width: 3.5rem }
.w-4    { width: 4rem }
.w-5    { width: 5rem }
.w-6    { width: 6rem }
.w-7    { width: 7rem }
.w-8    { width: 8rem }
.w-9    { width: 9rem }
.w-10   { width: 10rem }
			@media (max-width: 1100px ) {
				.m-h-1    { height: 1rem }
				.m-h-2    { height: 2rem }
				.m-h-3    { height: 3rem }
				.m-h-3_5  { height: 3.5rem }
				.m-h-4    { height: 4rem }
				.m-h-5    { height: 5rem }
				.m-h-6    { height: 6rem }
				.m-h-7    { height: 7rem }
				.m-h-8    { height: 8rem }
				.m-h-9    { height: 9rem }
				.m-h-10   { height: 10rem }
				.m-w-1    { width: 1rem }
				.m-w-2    { width: 2rem }
				.m-w-3    { width: 3rem }
				.m-w-3_5  { width: 3.5rem }
				.m-w-4    { width: 4rem }
				.m-w-5    { width: 5rem }
				.m-w-6    { width: 6rem }
				.m-w-7    { width: 7rem }
				.m-w-8    { width: 8rem }
				.m-w-9    { width: 9rem }
				.m-w-10   { width: 10rem }
			}
.o-1    { opacity: 1 !important }
.o-01  { opacity: 0.1 !important }
.o-02   { opacity: 0.2 !important }
.o-03   { opacity: 0.3 !important }
.o-04   { opacity: 0.4 !important }
.o-05   { opacity: 0.5 !important }
.o-06   { opacity: 0.6 !important }
.o-07   { opacity: 0.7 !important }

.nodesktop				{ display: none !important }
.nodesktop-br br	{ display: none !important }

@media (min-width: 1100px ) {
	.desktop-jsl { justify-self: left }
}

@media (max-width: 1100px ) {
	.nomobile			{ display: none !important  }
	.nomobile-br br		{ display: none }
	.m-nobr br			{ display: none }
	.nodesktop			{ display: grid !important  }
	.nodesktop-br br	{ display: grid}
	.d-nobr	br			{ display: grid}
	.m-order-invert		{ order: -1	}
}




.rt {
	position: relative;
	opacity: 0;
	translate: 0 2rem;
	transition: all 0.8s ease-in-out;
}
.rt-show {
	translate: 0 0;
	opacity: 1;
}
.ri {
	opacity: 0;
	transition: all 2s;
}
.ri-show {
	opacity: 1;
}


@keyframes dropDownOpen {
  from { opacity: 0; left: 50%; transform: translate(-50%, 0) }
  to   { opacity: 1; left: 50%; transform: translate(-50%, 1rem) }
}
.dropDownOpen {
  animation-name: dropDownOpen;
}
@keyframes dropDownClose {
  from { opacity: 1; left: 50%; transform: translate(-50%, 1rem) }
  to   { opacity: 0; left: 50%; transform: translate(-50%, 0) }
}
.dropDownClose {
  animation-name: dropDownClose;
}

.animate {
  animation-duration: var(--timer-fade);
  animation-fill-mode: forwards;
}
@media (max-width: 1100px ) {
	.animate {
		animation-duration: 0.5s;
	}
}

.galleggiante {
  float: up;
  animation: float 2.5s ease-in-out infinite;
}

@keyframes float {
  0% {
    transform: translateY(0);
	rotate: 0deg;
  }
  50% {
    transform: translateY(.5rem);
	rotate: 2deg;
}
100% {
	transform: translateY(0);
	transform-origin: -10rem -.2rem;
  }
}

:root {
	--slider-slides-total: 1;
	--slider-speed: 1s;
	--slider-slide-width: 350px;
	--slider-slide-scale: 0.8;
}

@keyframes scroll {
	0% {
		transform: translateX(0)
	}

	100% {
		transform: translateX(calc(-1*var(--slider-slide-width) * var(--slider-slides-total)))
	}
}

.slider {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.slider::before,
.slider::after {
	position: absolute;
	z-index: 1;
	content: '';
	background: linear-gradient(to right, #fff 0%, transparent 100%);
	height: 100%;
	width: 12rem;
}

.slider::after {
	right: 0;
	top: 0;
	transform: rotateZ(180deg);
}

.slider .slide-track {
	display: grid;
	grid-auto-flow: column;
	width: calc(var(--slider-slide-width) * var(--slider-slides-total)*2);
	animation: scroll var(--slider-speed) linear infinite;
}

.slide-track>div {
	text-align: center;
}

.slide-track>div img {
	height: 100%;
	width: 100%;
	transform: scale(0.8);
	object-fit: contain;
}

.slidetoggle-trigger {
	cursor: pointer;
	user-select: none;
}
.slidetoggle-trigger:not(:first-child) {
	margin-top: 1.5rem;
}
.slidetoggle-container {
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.2s ease-in-out;
}
.slidetoggle {
	width: 100%;
	max-width: 40rem;
	padding: 2rem;
	border-radius: 0.5rem;
	background-color: rgba(255,255,255,.05);
	color: #fff;
	margin-top: .5rem;
	margin-bottom: 1rem;
}
.hidden {
	display: none;
}