*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}



p { 
  margin-bottom: 0; 
  white-space: normal;
}

:root {
	--text-color-white:#FFF;
	--text-color-black:#000;

	--c-0:rgba(215, 9, 38,1);
	--c-0_0:rgba(215, 9, 38,0);

	--grey:#444443;
	--black:#333332;
	--white:#FFFFFF;
	--yellow:#DEDC00;
	--red:#DE7800;

	--level-1:#444443;
	--level-2:#B4B4B4;
	--level-3:#C17400;
	--level-4:#DEC800;

	/* spacings */
	--spacing-5: 0.5rem;
	--spacing-10: 1rem;
	--spacing-15: 1.5rem;
	--spacing-20: 2rem;
	--spacing-30: 3rem;
	--spacing-35: 3.5rem;
	--spacing-40: 4rem;
	--spacing-50: 5rem;
	--spacing-60: 6rem;
	--spacing-70: 7rem;
	--spacing-80: 8rem;
	--spacing-90: 9rem;
	--spacing-100: 10rem;
	--spacing-120: 12rem;
	--spacing-150: 15rem;
	--spacing-180: 18rem;
	--spacing-200: 20rem;
	--spacing-240: 24rem;
}

/* —————————————————— COLORS —————————————————— */
.c-grey{ color:var(--grey); }
.c-black{ color:var(--black); }
.c-white{ color:var(--white); }
.c-yellow{ color:var(--yellow); }
.c-red{ color:var(--red); }

.c-level-1{ color:var(--level-1); }
.c-level-2{ color:var(--level-2); }
.c-level-3{ color:var(--level-3); }
.c-level-4{ color:var(--level-4); }


/* —————————————————— BACKGROUNDS —————————————————— */
.bc-grey{ background-color:var(--grey); }
.bc-black{ background-color:var(--black); }
.bc-white{ background-color:var(--white); }
.bc-yellow{ background-color:var(--yellow); }
.bc-red{ background-color:var(--red); }


/* —————————————————— FONTS —————————————————— */

/* FONT REM SETTINGS */

html{ font-size: calc((100vw / 1920)*10); }

@media only screen and (max-width: 1023px) {
	html{ font-size: calc((100vw / 390)*10); }
}

.f-w-100{ font-weight:100; }
.f-w-200{ font-weight:200; }
.f-w-300{ font-weight:300; }
.f-w-400{ font-weight:400; }
.f-w-500{ font-weight:500; }
.f-w-600{ font-weight:600; }
.f-w-700{ font-weight:700; }
.f-w-800{ font-weight:800; }
.f-w-900{ font-weight:900; }

.t-lh-05 { line-height: 0.5 }
.t-lh-06 { line-height: 0.6 }
.t-lh-07 { line-height: 0.7 }
.t-lh-08 { line-height: 0.8 }
.t-lh-09 { line-height: 0.9 }
.t-lh-1 { line-height: 1 }
.t-lh-11 { line-height: 1.1 }
.t-lh-12 { line-height: 1.2 }
.t-lh-125 { line-height: 1.25 }
.t-lh-13 { line-height: 1.3 }
.t-lh-14 { line-height: 1.4 }
.t-lh-15 { line-height: 1.5 }
.t-lh-16 { line-height: 1.6 }
.t-lh-17 { line-height: 1.7 }
.t-lh-18 { line-height: 1.8 }
.t-lh-19 { line-height: 1.9 }

@media only screen and (max-width: 1023px) {
  .t-m-lh-05 { line-height: 0.5 }
  .t-m-lh-06 { line-height: 0.6 }
  .t-m-lh-07 { line-height: 0.7 }
  .t-m-lh-08 { line-height: 0.8 }
  .t-m-lh-09 { line-height: 0.9 }
  .t-m-lh-1 { line-height: 1 }
  .t-m-lh-11 { line-height: 1.1 }
  .t-m-lh-12 { line-height: 1.2 }
  .t-m-lh-125 { line-height: 1.25 }
  .t-m-lh-13 { line-height: 1.3 }
  .t-m-lh-14 { line-height: 1.4 }
  .t-m-lh-15 { line-height: 1.5 }
  .t-m-lh-16 { line-height: 1.6 }
  .t-m-lh-17 { line-height: 1.7 }
  .t-m-lh-18 { line-height: 1.8 }
  .t-m-lh-19 { line-height: 1.9 }
}

.fs-10{ font-size:1.0rem; }
.fs-11{ font-size:1.1rem; }
.fs-12{ font-size:1.2rem; }
.fs-13{ font-size:1.3rem; }
.fs-14{ font-size:1.4rem; }
.fs-16{ font-size:1.6rem; }
.fs-18{ font-size:1.8rem; }
.fs-20{ font-size:2rem; }
.fs-21{ font-size:2.1rem; }
.fs-22{ font-size:2.2rem; }
.fs-23{ font-size:2.3rem; }
.fs-24{ font-size:2.4rem; }
.fs-25{ font-size:2.5rem; }
.fs-26{ font-size:2.6rem; }
.fs-30{ font-size:3rem; }
.fs-31{ font-size:3.1rem; }
.fs-32{ font-size:3.2rem; }
.fs-33{ font-size:3.3rem; }
.fs-40{ font-size:4rem; }
.fs-42{ font-size:4.2rem; }
.fs-48{ font-size:4.8rem; }
.fs-50{ font-size:5rem; }
.fs-70{ font-size:7rem; }
.fs-80{ font-size:7rem; }
.fs-100{ font-size:10rem; }
.fs-130{ font-size:13rem; }
.fs-150{ font-size:13rem; }

@media only screen and (max-width: 1023px) {
  .fs-m-10{ font-size:1.0rem; }
  .fs-m-11{ font-size:1.1rem; }
  .fs-m-12{ font-size:1.2rem; }
  .fs-m-13{ font-size:1.3rem; }
  .fs-m-14{ font-size:1.4rem; }
  .fs-m-15{ font-size:1.5rem; }
  .fs-m-16{ font-size:1.6rem; }
  .fs-m-18{ font-size:1.8rem; }
  .fs-m-20{ font-size:2rem; }
  .fs-m-25{ font-size:2.5rem; }
  .fs-m-30{ font-size:3rem; }
  .fs-m-40{ font-size:4rem; }
  .fs-m-50{ font-size:5rem; }
  .fs-m-70{ font-size:7rem; }
  .fs-m-80{ font-size:7rem; }
  .fs-m-100{ font-size:10rem; }
  .fs-m-130{ font-size:13rem; }
}



/* —————————————————— MARGINS / PADDINGS —————————————————— */
.p-0 { padding: 0; }
.p-5 { padding: var(--spacing-5); }
.p-10 { padding: var(--spacing-10); }
.p-15 { padding: var(--spacing-15); }
.p-20 { padding: var(--spacing-20); }
.p-30 { padding: var(--spacing-30); }
.p-40 { padding: var(--spacing-40); }
.p-60 { padding: var(--spacing-60); }
.p-80 { padding: var(--spacing-80); }
.p-90 { padding: var(--spacing-90); }
.p-100 { padding: var(--spacing-100); }
.p-120 { padding: var(--spacing-120); }
.p-150 { padding: var(--spacing-150); }
.p-180 { padding: var(--spacing-180); }
.p-200 { padding: var(--spacing-200); }
.p-240 { padding: var(--spacing-240); }


.py-0 { padding-top: 0; padding-bottom: 0; }
.py-5 { padding-top: var(--spacing-5); padding-bottom: var(--spacing-5); }
.py-10 { padding-top: var(--spacing-10); padding-bottom: var(--spacing-10); }
.py-15 { padding-top: var(--spacing-15); padding-bottom: var(--spacing-15); }
.py-20 { padding-top: var(--spacing-20); padding-bottom: var(--spacing-20); }
.py-30 { padding-top: var(--spacing-30); padding-bottom: var(--spacing-30); }
.py-35 { padding-top: var(--spacing-35); padding-bottom: var(--spacing-35); }
.py-40 { padding-top: var(--spacing-40); padding-bottom: var(--spacing-40); }
.py-60 { padding-top: var(--spacing-60); padding-bottom: var(--spacing-60); }
.py-80 { padding-top: var(--spacing-80); padding-bottom: var(--spacing-80); }
.py-100 { padding-top: var(--spacing-100); padding-bottom: var(--spacing-100); }
.py-120 { padding-top: var(--spacing-120); padding-bottom: var(--spacing-120); }
.py-240 { padding-top: var(--spacing-240); padding-bottom: var(--spacing-240); }


.px-0 { padding-right: 0; padding-left: 0; }
.px-5 { padding-right: var(--spacing-5); padding-left: var(--spacing-5); }
.px-10 { padding-right: var(--spacing-10); padding-left: var(--spacing-10); }
.px-15 { padding-right: var(--spacing-15); padding-left: var(--spacing-15); }
.px-20 { padding-right: var(--spacing-20); padding-left: var(--spacing-20); }
.px-30 { padding-right: var(--spacing-30); padding-left: var(--spacing-30); }
.px-40 { padding-right: var(--spacing-40); padding-left: var(--spacing-40); }
.px-50 { padding-right: var(--spacing-50); padding-left: var(--spacing-50); }
.px-60 { padding-right: var(--spacing-60); padding-left: var(--spacing-60); }
.px-80 { padding-right: var(--spacing-80); padding-left: var(--spacing-80); }
.px-100 { padding-right: var(--spacing-100); padding-left: var(--spacing-100); }
.px-120 { padding-right: var(--spacing-120); padding-left: var(--spacing-120); }
.px-240 { padding-right: var(--spacing-240); padding-left: var(--spacing-240); }


.pb-0 { padding-bottom: 0; }
.pb-5 { padding-bottom: var(--spacing-5); }
.pb-10 { padding-bottom: var(--spacing-10); }
.pb-15 { padding-bottom: var(--spacing-15); }
.pb-20 { padding-bottom: var(--spacing-20); }
.pb-30 { padding-bottom: var(--spacing-30); }
.pb-40 { padding-bottom: var(--spacing-40); }
.pb-50 { padding-bottom: var(--spacing-50); }
.pb-60 { padding-bottom: var(--spacing-60); }
.pb-80 { padding-bottom: var(--spacing-80); }
.pb-90 { padding-bottom: var(--spacing-90); }
.pb-100 { padding-bottom: var(--spacing-100); }
.pb-120 { padding-bottom: var(--spacing-120); }
.pb-150 { padding-bottom: var(--spacing-150); }
.pb-180 { padding-bottom: var(--spacing-180); }
.pb-200 { padding-bottom: var(--spacing-200); }
.pb-240 { padding-bottom: var(--spacing-240); }

.pt-0 { padding-top: 0; }
.pt-5 { padding-top: var(--spacing-5); }
.pt-10 { padding-top: var(--spacing-10); }
.pt-15 { padding-top: var(--spacing-15); }
.pt-20 { padding-top: var(--spacing-20); }
.pt-30 { padding-top: var(--spacing-30); }
.pt-40 { padding-top: var(--spacing-40); }
.pt-60 { padding-top: var(--spacing-60); }
.pt-80 { padding-top: var(--spacing-80); }
.pt-90 { padding-top: var(--spacing-90); }
.pt-100 { padding-top: var(--spacing-100); }
.pt-120 { padding-top: var(--spacing-120); }
.pt-150 { padding-top: var(--spacing-150); }
.pt-180 { padding-top: var(--spacing-180); }
.pt-200 { padding-top: var(--spacing-200); }
.pt-240 { padding-top: var(--spacing-240); }


.pl-0 { padding-left: 0; }
.pl-5 { padding-left: var(--spacing-5); }
.pl-10 { padding-left: var(--spacing-10); }
.pl-15 { padding-left: var(--spacing-15); }
.pl-20 { padding-left: var(--spacing-20); }
.pl-30 { padding-left: var(--spacing-30); }
.pl-40 { padding-left: var(--spacing-40); }
.pl-60 { padding-left: var(--spacing-60); }
.pl-80 { padding-left: var(--spacing-80); }
.pl-100 { padding-left: var(--spacing-100); }
.pl-120 { padding-left: var(--spacing-120); }
.pl-240 { padding-left: var(--spacing-240); }

.pr-0 { padding-right: 0; }
.pr-5 { padding-right: var(--spacing-5); }
.pr-10 { padding-right: var(--spacing-10); }
.pr-15 { padding-right: var(--spacing-15); }
.pr-20 { padding-right: var(--spacing-20); }
.pr-30 { padding-right: var(--spacing-30); }
.pr-40 { padding-right: var(--spacing-40); }
.pr-60 { padding-right: var(--spacing-60); }
.pr-80 { padding-right: var(--spacing-80); }
.pr-100 { padding-right: var(--spacing-100); }
.pr-120 { padding-right: var(--spacing-120); }
.pr-240 { padding-right: var(--spacing-240); }


.my-0 { margin-top: 0; margin-bottom: 0; }
.my-5 { padding-top: var(--spacing-5); padding-bottom: var(--spacing-5); }
.my-10 { padding-top: var(--spacing-10); padding-bottom: var(--spacing-10); }
.my-15 { margin-top: var(--spacing-15); margin-bottom: var(--spacing-15); }
.my-20 { margin-top: var(--spacing-20); margin-bottom: var(--spacing-20); }
.my-30 { margin-top: var(--spacing-30); margin-bottom: var(--spacing-30); }
.my-40 { margin-top: var(--spacing-40); margin-bottom: var(--spacing-40); }
.my-60 { margin-top: var(--spacing-60); margin-bottom: var(--spacing-60); }
.my-80 { margin-top: var(--spacing-80); margin-bottom: var(--spacing-80); }
.my-100 { margin-top: var(--spacing-100); margin-bottom: var(--spacing-100); }
.my-120 { margin-top: var(--spacing-120); margin-bottom: var(--spacing-120); }
.my-240 { margin-top: var(--spacing-240); margin-bottom: var(--spacing-240); }

.mx-0 { margin-right: 0; margin-left: 0; }
.mx-5 { margin-right: var(--spacing-5); margin-left: var(--spacing-5); }
.mx-10 { margin-right: var(--spacing-10); margin-left: var(--spacing-10); }
.mx-15 { margin-right: var(--spacing-15); margin-left: var(--spacing-15); }
.mx-20 { margin-right: var(--spacing-20); margin-left: var(--spacing-20); }
.mx-30 { margin-right: var(--spacing-30); margin-left: var(--spacing-30); }
.mx-40 { margin-right: var(--spacing-40); margin-left: var(--spacing-40); }
.mx-60 { margin-right: var(--spacing-60); margin-left: var(--spacing-60); }
.mx-80 { margin-right: var(--spacing-80); margin-left: var(--spacing-80); }
.mx-100 { margin-right: var(--spacing-100); margin-left: var(--spacing-100); }
.mx-120 { margin-right: var(--spacing-120); margin-left: var(--spacing-120); }
.mx-240 { margin-right: var(--spacing-240); margin-left: var(--spacing-240); }

.mx-auto { margin-left: auto; margin-right: auto; }

.mb-0 { margin-bottom: 0; }
.mb-5 { margin-bottom: var(--spacing-5); }
.mb-10 { margin-bottom: var(--spacing-10); }
.mb-15 { margin-bottom: var(--spacing-15); }
.mb-20 { margin-bottom: var(--spacing-20); }
.mb-30 { margin-bottom: var(--spacing-30); }
.mb-40 { margin-bottom: var(--spacing-40); }
.mb-50 { margin-bottom: var(--spacing-50); }
.mb-60 { margin-bottom: var(--spacing-60); }
.mb-80 { margin-bottom: var(--spacing-80); }
.mb-100 { margin-bottom: var(--spacing-100); }
.mb-120 { margin-bottom: var(--spacing-120); }
.mb-150 { margin-bottom: var(--spacing-150); }
.mb-180 { margin-bottom: var(--spacing-180); }
.mb-200 { margin-bottom: var(--spacing-200); }
.mb-240 { margin-bottom: var(--spacing-240); }


.mt-0 { margin-top: 0; }
.mt-5 { margin-top: var(--spacing-5); }
.mt-10 { margin-top: var(--spacing-10); }
.mt-15 { margin-top: var(--spacing-15); }
.mt-20 { margin-top: var(--spacing-20); }
.mt-30 { margin-top: var(--spacing-30); }
.mt-40 { margin-top: var(--spacing-40); }
.mt-50 { margin-top: var(--spacing-50); }
.mt-60 { margin-top: var(--spacing-60); }
.mt-80 { margin-top: var(--spacing-80); }
.mt-100 { margin-top: var(--spacing-100); }
.mt-120 { margin-top: var(--spacing-120); }
.mt-200 { margin-top: var(--spacing-200); }
.mt-240 { margin-top: var(--spacing-240); }

.ml-0 { margin-left: 0; }
.ml-5 { margin-left: var(--spacing-5); }
.ml-10 { margin-left: var(--spacing-10); }
.ml-15 { margin-left: var(--spacing-15); }
.ml-20 { margin-left: var(--spacing-20); }
.ml-30 { margin-left: var(--spacing-30); }
.ml-40 { margin-left: var(--spacing-40); }
.ml-60 { margin-left: var(--spacing-60); }
.ml-80 { margin-left: var(--spacing-80); }
.ml-100 { margin-left: var(--spacing-100); }
.ml-120 { margin-left: var(--spacing-120); }
.ml-240 { margin-left: var(--spacing-240); }

.mr-0 { margin-right: 0; }
.mr-5 { margin-right: var(--spacing-5); }
.mr-10 { margin-right: var(--spacing-10); }
.mr-15 { margin-right: var(--spacing-15); }
.mr-20 { margin-right: var(--spacing-20); }
.mr-30 { margin-right: var(--spacing-30); }
.mr-40 { margin-right: var(--spacing-40); }
.mr-60 { margin-right: var(--spacing-60); }
.mr-80 { margin-right: var(--spacing-80); }
.mr-100 { margin-right: var(--spacing-100); }
.mr-120 { margin-right: var(--spacing-120); }
.mr-240 { margin-right: var(--spacing-240); }

.mx-auto { margin-left: auto; margin-right: auto; }


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

	.p-m-0 { padding: 0; }
	.p-m-5 { padding: var(--spacing-5); }
	.p-m-10 { padding: var(--spacing-1); }
	.p-m-15 { padding: var(--spacing-15); }
	.p-m-20 { padding: var(--spacing-20); }
	.p-m-30 { padding: var(--spacing-30); }
	.p-m-40 { padding: var(--spacing-40); }
	.p-m-60 { padding: var(--spacing-60); }
	.p-m-80 { padding: var(--spacing-80); }
	.p-m-90 { padding: var(--spacing-90); }
	.p-m-100 { padding: var(--spacing-100); }
	.p-m-120 { padding: var(--spacing-120); }
	.p-m-150 { padding: var(--spacing-150); }
	.p-m-180 { padding: var(--spacing-180); }
	.p-m-200 { padding: var(--spacing-200); }
	.p-m-240 { padding: var(--spacing-240); }

    .py-m-0 { padding-top: 0; padding-bottom: 0; }
    .py-m-5 { padding-top: var(--spacing-5); padding-bottom: var(--spacing-5); }
    .py-m-10 { padding-top: var(--spacing-10); padding-bottom: var(--spacing-10); }
    .py-m-15 { padding-top: var(--spacing-15); padding-bottom: var(--spacing-15); }
    .py-m-20 { padding-top: var(--spacing-20); padding-bottom: var(--spacing-20); }
    .py-m-30 { padding-top: var(--spacing-30); padding-bottom: var(--spacing-30); }
    .py-m-40 { padding-top: var(--spacing-40); padding-bottom: var(--spacing-40); }
    .py-m-60 { padding-top: var(--spacing-60); padding-bottom: var(--spacing-60); }
    .py-m-80 { padding-top: var(--spacing-80); padding-bottom: var(--spacing-80); }
    .py-m-100 { padding-top: var(--spacing-100); padding-bottom: var(--spacing-100); }
    .py-m-120 { padding-top: var(--spacing-120); padding-bottom: var(--spacing-120); }
    .py-m-240 { padding-top: var(--spacing-240); padding-bottom: var(--spacing-240); }
    
    
    .px-m-0 { padding-right: 0; padding-left: 0; }
    .px-m-5 { padding-right: var(--spacing-5); padding-left: var(--spacing-5); }
    .px-m-10 { padding-right: var(--spacing-10); padding-left: var(--spacing-10); }
    .px-m-15 { padding-right: var(--spacing-15); padding-left: var(--spacing-15); }
    .px-m-20 { padding-right: var(--spacing-20); padding-left: var(--spacing-20); }
    .px-m-30 { padding-right: var(--spacing-30); padding-left: var(--spacing-30); }
    .px-m-40 { padding-right: var(--spacing-40); padding-left: var(--spacing-40); }
    .px-m-60 { padding-right: var(--spacing-60); padding-left: var(--spacing-60); }
    .px-m-80 { padding-right: var(--spacing-80); padding-left: var(--spacing-80); }
    .px-m-100 { padding-right: var(--spacing-100); padding-left: var(--spacing-100); }
    .px-m-120 { padding-right: var(--spacing-120); padding-left: var(--spacing-120); }
    .px-m-240 { padding-right: var(--spacing-240); padding-left: var(--spacing-240); }
    
    
    .pb-m-0 { padding-bottom: 0; }
    .pb-m-5 { padding-bottom: var(--spacing-5); }
    .pb-m-10 { padding-bottom: var(--spacing-10); }
    .pb-m-15 { padding-bottom: var(--spacing-15); }
    .pb-m-20 { padding-bottom: var(--spacing-20); }
    .pb-m-30 { padding-bottom: var(--spacing-30); }
    .pb-m-40 { padding-bottom: var(--spacing-40); }
    .pb-m-60 { padding-bottom: var(--spacing-60); }
    .pb-m-80 { padding-bottom: var(--spacing-80); }
    .pb-m-100 { padding-bottom: var(--spacing-100); }
    .pb-m-120 { padding-bottom: var(--spacing-120); }
    .pb-m-240 { padding-bottom: var(--spacing-240); }
    
    .pt-m-0 { padding-top: 0; }
    .pt-m-5 { padding-top: var(--spacing-5); }
    .pt-m-10 { padding-top: var(--spacing-10); }
    .pt-m-15 { padding-top: var(--spacing-15); }
    .pt-m-20 { padding-top: var(--spacing-20); }
    .pt-m-30 { padding-top: var(--spacing-30); }
    .pt-m-40 { padding-top: var(--spacing-40); }
    .pt-m-50 { padding-top: var(--spacing-50); }
    .pt-m-60 { padding-top: var(--spacing-60); }
    .pt-m-80 { padding-top: var(--spacing-80); }
    .pt-m-100 { padding-top: var(--spacing-100); }
    .pt-m-120 { padding-top: var(--spacing-120); }
    .pt-m-240 { padding-top: var(--spacing-240); }
    
    
    .pl-m-0 { padding-left: 0; }
    .pl-m-5 { padding-left: var(--spacing-5); }
    .pl-m-10 { padding-left: var(--spacing-10); }
    .pl-m-15 { padding-left: var(--spacing-15); }
    .pl-m-20 { padding-left: var(--spacing-20); }
    .pl-m-30 { padding-left: var(--spacing-30); }
    .pl-m-40 { padding-left: var(--spacing-40); }
    .pl-m-60 { padding-left: var(--spacing-60); }
    .pl-m-80 { padding-left: var(--spacing-80); }
    .pl-m-100 { padding-left: var(--spacing-100); }
    .pl-m-120 { padding-left: var(--spacing-120); }
    .pl-m-240 { padding-left: var(--spacing-240); }
    
    .pr-m-0 { padding-right: 0; }
    .pr-m-5 { padding-right: var(--spacing-5); }
    .pr-m-10 { padding-right: var(--spacing-1); }
    .pr-m-15 { padding-right: var(--spacing-15); }
    .pr-m-20 { padding-right: var(--spacing-20); }
    .pr-m-30 { padding-right: var(--spacing-30); }
    .pr-m-40 { padding-right: var(--spacing-40); }
    .pr-m-60 { padding-right: var(--spacing-60); }
    .pr-m-80 { padding-right: var(--spacing-80); }
    .pr-m-100 { padding-right: var(--spacing-100); }
    .pr-m-120 { padding-right: var(--spacing-120); }
    .pr-m-240 { padding-right: var(--spacing-240); }
    
    
    .my-m-0 { margin-top: 0; margin-bottom: 0; }
    .my-m-5 { padding-top: var(--spacing-5); padding-bottom: var(--spacing-5); }
    .my-m-10 { padding-top: var(--spacing-10); padding-bottom: var(--spacing-10); }
    .my-m-15 { margin-top: var(--spacing-15); margin-bottom: var(--spacing-15); }
    .my-m-20 { margin-top: var(--spacing-20); margin-bottom: var(--spacing-20); }
    .my-m-30 { margin-top: var(--spacing-30); margin-bottom: var(--spacing-30); }
    .my-m-40 { margin-top: var(--spacing-40); margin-bottom: var(--spacing-40); }
    .my-m-60 { margin-top: var(--spacing-60); margin-bottom: var(--spacing-60); }
    .my-m-80 { margin-top: var(--spacing-80); margin-bottom: var(--spacing-80); }
    .my-m-100 { margin-top: var(--spacing-100); margin-bottom: var(--spacing-100); }
    .my-m-120 { margin-top: var(--spacing-120); margin-bottom: var(--spacing-120); }
    .my-m-240 { margin-top: var(--spacing-240); margin-bottom: var(--spacing-240); }
    
    .mx-m-0 { margin-right: 0; margin-left: 0; }
    .mx-m-5 { margin-right: var(--spacing-5); margin-left: var(--spacing-5); }
    .mx-m-10 { margin-right: var(--spacing-10); margin-left: var(--spacing-10); }
    .mx-m-15 { margin-right: var(--spacing-15); margin-left: var(--spacing-15); }
    .mx-m-20 { margin-right: var(--spacing-20); margin-left: var(--spacing-20); }
    .mx-m-30 { margin-right: var(--spacing-30); margin-left: var(--spacing-30); }
    .mx-m-40 { margin-right: var(--spacing-40); margin-left: var(--spacing-40); }
    .mx-m-60 { margin-right: var(--spacing-60); margin-left: var(--spacing-60); }
    .mx-m-80 { margin-right: var(--spacing-80); margin-left: var(--spacing-80); }
    .mx-m-100 { margin-right: var(--spacing-100); margin-left: var(--spacing-100); }
    .mx-m-120 { margin-right: var(--spacing-120); margin-left: var(--spacing-120); }
    .mx-m-240 { margin-right: var(--spacing-240); margin-left: var(--spacing-240); }
    
    .mx-m-auto { margin-left: auto; margin-right: auto; }
    
    .mb-m-0 { margin-bottom: 0; }
    .mb-m-5 { margin-bottom: var(--spacing-5); }
    .mb-m-10 { margin-bottom: var(--spacing-10); }
    .mb-m-15 { margin-bottom: var(--spacing-15); }
    .mb-m-20 { margin-bottom: var(--spacing-20); }
    .mb-m-30 { margin-bottom: var(--spacing-30); }
    .mb-m-40 { margin-bottom: var(--spacing-40); }
    .mb-m-60 { margin-bottom: var(--spacing-60); }
    .mb-m-70 { margin-bottom: var(--spacing-70); }
    .mb-m-80 { margin-bottom: var(--spacing-80); }
    .mb-m-100 { margin-bottom: var(--spacing-100); }
    .mb-m-120 { margin-bottom: var(--spacing-120); }
    .mb-m-240 { margin-bottom: var(--spacing-240); }
    
    
    .mt-m-0 { margin-top: 0; }
    .mt-m-5 { margin-top: var(--spacing-5); }
    .mt-m-10 { margin-top: var(--spacing-10); }
    .mt-m-15 { margin-top: var(--spacing-15); }
    .mt-m-20 { margin-top: var(--spacing-20); }
    .mt-m-30 { margin-top: var(--spacing-30); }
    .mt-m-40 { margin-top: var(--spacing-40); }
    .mt-m-60 { margin-top: var(--spacing-60); }
    .mt-m-80 { margin-top: var(--spacing-80); }
    .mt-m-100 { margin-top: var(--spacing-100); }
    .mt-m-120 { margin-top: var(--spacing-120); }
    .mt-m-240 { margin-top: var(--spacing-240); }
    
    .ml-m-0 { margin-left: 0; }
    .ml-m-5 { margin-left: var(--spacing-5); }
    .ml-m-10 { margin-left: var(--spacing-10); }
    .ml-m-15 { margin-left: var(--spacing-15); }
    .ml-m-20 { margin-left: var(--spacing-20); }
    .ml-m-30 { margin-left: var(--spacing-30); }
    .ml-m-40 { margin-left: var(--spacing-40); }
    .ml-m-60 { margin-left: var(--spacing-60); }
    .ml-m-80 { margin-left: var(--spacing-80); }
    .ml-m-100 { margin-left: var(--spacing-100); }
    .ml-m-120 { margin-left: var(--spacing-120); }
    .ml-m-240 { margin-left: var(--spacing-240); }
    
    .mr-m-0 { margin-right: 0; }
    .mr-m-5 { margin-right: var(--spacing-5); }
    .mr-m-10 { margin-right: var(--spacing-10); }
    .mr-m-15 { margin-right: var(--spacing-15); }
    .mr-m-20 { margin-right: var(--spacing-20); }
    .mr-m-30 { margin-right: var(--spacing-30); }
    .mr-m-40 { margin-right: var(--spacing-40); }
    .mr-m-60 { margin-right: var(--spacing-60); }
    .mr-m-80 { margin-right: var(--spacing-80); }
    .mr-m-100 { margin-right: var(--spacing-100); }
    .mr-m-120 { margin-right: var(--spacing-120); }
    .mr-m-240 { margin-right: var(--spacing-240); }    

}



.stop{ clear:both; }

a{ 
	text-decoration:none;
	color:inherit;
}
a.underline{ 
	text-decoration:underline;
}
img{ display:block; }


.trs-02{
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
}
.trs-05{
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.trs-1{
	transition:all 1s;
	-webkit-transition:all 1s;
}
.trs-15{
	transition:all 1.5s;
	-webkit-transition:all 1.5s;
}
.trs-2{
	transition:all 2s;
	-webkit-transition:all 2s;
}

.align-c{ text-align:center; }
.align-l{ text-align:left; }
.align-r{ text-align:right; }

.t-u{ text-transform:uppercase; }
.t-l{ text-transform:lowercase; }

.full-div{
	width:100%;
	height:100%;
}

.back-cover{
	background-size:cover;
	background-position:center center;
}
.ofit-cover{
	object-fit:cover;
}

.d-ib{ display:inline-block; }
.d-b{ display:block; }

.d-f{ display:flex; }
.d-f.as{ align-items:start }
.d-f.ac{ align-items:center }
.d-f.ae{ align-items:end }

.d-g{ display:grid; }
.d-g.as{ align-items:start }
.d-g.ac{ align-items:center }
.d-g.ae{ align-items:end }

.d-none{ display:none; }


.grid-full-align{
	align-items:center;
	justify-content:center;
}

.w0 { width: 0%;}
.w10 { width: 10%;}
.w20 { width: 20%;}
.w30 { width: 30%;}
.w31 { width: 31%;}
.w32 { width: 32%;}
.w33 { width: 33%;}
.w34 { width: 34%;}
.w35 { width: 35%;}
.w36 { width: 36%;}
.w37 { width: 37%;}
.w38 { width: 38%;}
.w39 { width: 39%;}
.w40 { width: 40%;}
.w45 { width: 45%;}
.w50 { width: 50%;}
.w55 { width: 55%;}
.w60 { width: 60%;}
.w65 { width: 65%;}
.w70 { width: 70%;}
.w75 { width: 75%;}
.w80 { width: 80%;}
.w85 { width: 85%;}
.w90 { width: 90%;}
.w95 { width: 95%;}
.w100 { width: 100%;}
.vw100 { width: 100vw; width: 100dwh; }
.w-fit{ width:fit-content }

.h0 { height: 0%;}
.h100 { height: 100%;}
.vh100 { height: 100vh; height: 100dvh; }


@media only screen and (max-width: 1023px) {
  .m-h-fit-content { height: fit-content; }

  .w-m-0 { width: 0%;}
  .w-m-10 { width: 10%;}
  .w-m-20 { width: 20%;}
  .w-m-30 { width: 30%;}
  .w-m-31 { width: 31%;}
  .w-m-32 { width: 32%;}
  .w-m-33 { width: 33%;}
  .w-m-34 { width: 34%;}
  .w-m-35 { width: 35%;}
  .w-m-36 { width: 36%;}
  .w-m-37 { width: 37%;}
  .w-m-38 { width: 38%;}
  .w-m-39 { width: 39%;}
  .w-m-40 { width: 40%;}
  .w-m-45 { width: 45%;}
  .w-m-50 { width: 50%;}
  .w-m-55 { width: 55%;}
  .w-m-60 { width: 60%;}
  .w-m-65 { width: 65%;}
  .w-m-70 { width: 70%;}
  .w-m-75 { width: 75%;}
  .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%;}

}



/* CURSOR */
.c-pointer{ cursor:pointer; }

/* POSITION */
.p-r{ position:relative; }
.p-a{ position:absolute; }
.p-f{ position:fixed; }

.p-0{
	top:0;
	left:0;
}
.p-t-0{ top:0; }
.p-r-0{ right:0; }
.p-b-0{ bottom:0; }
.p-l-0{ left:0; }

/* Z-INDEX */
.l-0{ z-index:0; }
.l-1{ z-index:1; }
.l-2{ z-index:2; }
.l-3{ z-index:3; }
.l-4{ z-index:4; }
.l-5{ z-index:5; }
.l-10{ z-index:10; }
.l-11{ z-index:11; }
.l-12{ z-index:12; }
.l-13{ z-index:13; }
.l-14{ z-index:14; }
.l-99{ z-index:99; }
.l-100{ z-index:100; }
.l-101{ z-index:101; }
.l-102{ z-index:102; }
.l-103{ z-index:103; }
.l-104{ z-index:104; }
.l-105{ z-index:105; }
.l-999{ z-index:999; }
.l-1000{ z-index:1000; }
.l-1001{ z-index:1001; }
.l-1002{ z-index:1002; }
.l-1003{ z-index:1003; }
.l-1004{ z-index:1004; }
.l-1005{ z-index:1005; }


.bc-w{ background-color:var(--c-w); }
.bc-b{ background-color:var(--c-b); }
.bc-g0{ background-color:var(--c-g0); }
.bc-g1{ background-color:var(--c-g1); }

.bc-c0{ background-color:var(--c-0); }


.c-w{ color:var(--c-w); }
.c-b{ color:var(--c-b); }
.c-g0{ color:var(--c-g0); }
.c-g1{ color:var(--c-g1); }

.c-c0{ color:var(--c-0); }


.d-ib{ display:inline-block;}
.d-b{ display:block;}
.d-none{ display:none;}

.d-grid{ display:grid;}
.grid-full-align{ align-items: center; }
.gva{ align-items: center; }


.op-0{ opacity:0.; }
.op-01{ opacity:0.1; }
.op-02{ opacity:0.2; }
.op-03{ opacity:0.3; }
.op-04{ opacity:0.4; }
.op-05{ opacity:0.5; }
.op-06{ opacity:0.6; }
.op-07{ opacity:0.7; }
.op-08{ opacity:0.8; }
.op-09{ opacity:0.9; }
.op-1{ opacity:1; }

.of-h{ overflow:hidden; }
.of-s{ overflow:scroll; }



/* BLOCK ALIGN */
.ver-align{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}
.hor-align{
	position:absolute;
	left:50%;
	transform:translateX(-50%);
}
.full-align{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}


.f-left{ float:left }
.f-right{ float:right; }
.stop{ clear:both; }



.c1{
	width:99%;
	float:left;
}
.c2{
	width:49%;
	margin-right:1%;
	float:left;
}
.c3{
	width:32.333%;
	margin-right:1%;
	float:left;
}
.c4{
	width:24%;
	margin-right:1%;
	float:left;
}
.c5{
	width:19%;
	margin-right:1%;
	float:left;
}
.c6{
	width:15.666%;
	margin-right:1%;
	float:left;
}

.t-size-1{ font-size:9px; }
.t-size-2{ font-size:10px; }
.t-size-3{ font-size:12px; }
.t-size-4{ font-size:14px; }
.t-size-5{ font-size:16px; }
.t-size-6{ font-size:18px; }
.t-size-7{ font-size:20px; }
.t-size-75{ font-size:28px; }
.t-size-8{ font-size:32px; }
.t-size-9{ font-size:36px; }

.t-lh-1{ line-height:1 }
.t-lh-12{ line-height:1.2 }
.t-lh-14{ line-height:1.4 }

.f-1{ font-family: 'Oswald', sans-serif; }
.f-2{ font-family: 'Poppins', sans-serif; }

.f-w-100{ font-weight:100; }
.f-w-200{ font-weight:200; }
.f-w-300{ font-weight:300; }
.f-w-400{ font-weight:400; }
.f-w-500{ font-weight:500; }
.f-w-600{ font-weight:600; }
.f-w-700{ font-weight:700; }
.f-w-800{ font-weight:800; }

.bold{ font-weight:800; }
.italic{ font-style:italic; }



.circle{ border-radius:50%;}

.br-5{  border-radius:5px;  }
.br-10{ border-radius:10px; }
.br-15{ border-radius:15px; }
.br-20{ border-radius:20px; }
.br-25{ border-radius:25px; }
.br-30{ border-radius:30px; }
.br-35{ border-radius:35px; }

.br-t-25{ border-radius:25px 25px 0 0;}
.br-t-30{ border-radius:30px 30px 0 0;}
.br-t-35{ border-radius:35px 35px 0 0;}



.br-2b{ border-radius:2vw; }
.br-3b{ border-radius:3vw; }
.br-4b{ border-radius:4vw; }


.horizontal-scroll-father{
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
}
.horizontal-scroll-child{
	scroll-snap-align: center;
	flex-shrink: 0;
}

.no-wrap{
	white-space: nowrap;
}

.ss-auto{
	width:fit-content !important;
}

















/* ------ PROJECT --------- */

body{
	background-color:var(--black);
}

#main{
	height:100vh;
	height: 100dvh;
	overflow-y:scroll;
}

/* ------------------------------ */
/* ------------ BADGE ----------- */
/* ------------------------------ */

.badge{
	border-radius:6rem;
	padding:0.3rem 1rem;
	text-align:center;
	border:1px solid transparent;
	font-size:1.2rem;
}

.badge.yellow-outline{
	border:1px solid var(--yellow);
	color:var(--yellow);
}
.badge.black-outline{
	border:1px solid var(--black);
	color:var(--black);
}
.badge.white-outline{
	border:1px solid var(--white);
	color:var(--white);
}

.badge.yellow{
	border:1px solid var(--yellow);
	background:var(--yellow);
	color:var(--black);
}
.badge.grey{
	border:1px solid var(--grey);
	background:var(--grey);
	color:var(--yellow);
}
.badge.black{
	border:1px solid var(--black);
	background:var(--black);
	color:var(--yellow);
}
.badge.white{
	border:1px solid var(--white);
	background:var(--white);
	color:var(--black);
}



/* ------------------------------ */
/* ------------- BTN ------------ */
/* ------------------------------ */

.btn{
	display:block;
}

.btn.yellow{
	border:1px solid var(--yellow);
	background-color:var(--yellow);
	color:var(--black);
}
.btn.yellow-outline{
	border:1px solid var(--yellow);
	background-color:transparent;
	color:var(--yellow);
}

.btn.black{
	border:1px solid var(--black);
	background-color:var(--black);
	color:var(--white);
}
.btn.black-outline{
	border:1px solid var(--black);
	background-color:transparent;
	color:var(--black);
}

.btn.white{
	border:1px solid var(--white);
	background-color:var(--white);
	color:var(--black);
}
.btn.white-outline{
	border:1px solid var(--white);
	background-color:transparent;
	color:var(--white);
}


.btn-icon{
	width:fit-content;
	border-radius:6rem;
	background-color:var(--white);
	grid-template-columns:2rem auto;
	grid-gap:1rem;
	align-items:center;
	display:grid;
	padding:0.6rem 1.2rem 0.6rem 0.6rem;
}

.btn-icon .icon{
	width:100%;
}

.btn-icon .label{
	font-size:1.4rem;
	font-weight:600;
	line-height:1;
	text-transform:uppercase;
}

.btn-icon.yellow{
	border:1px solid var(--yellow);
	background-color:var(--yellow);
	color:var(--black);
}
.btn-icon.yellow-outline{
	border:1px solid var(--yellow);
	background-color:transparent;
	color:var(--yellow);
}

.btn-icon.black{
	border:1px solid var(--black);
	background-color:var(--black);
	color:var(--white);
}
.btn-icon.black-outline{
	border:1px solid var(--black);
	background-color:transparent;
	color:var(--black);
}

.btn-icon.white{
	border:1px solid var(--white);
	background-color:var(--white);
	color:var(--black);
}
.btn-icon.white-outline{
	border:1px solid var(--white);
	background-color:transparent;
	color:var(--white);
}


/* ------------------------------ */
/* ------------ INPUT ----------- */
/* ------------------------------ */

.field .icon{
	width:2.4rem;
	left:2rem;
}

.input{
	width:100%;
	display:block;
	border-radius:2rem;
	font-size:16px;
	line-height:1;
	padding:1.5rem 2rem 1.5rem 6rem;
	background-color:transparent;
	font-family: 'DIN';
}
.input.textarea{
	font-size:16px;
	padding:1rem 2rem 1rem 6rem;
	height:9rem;
}
.input.black{
	border:2px solid var(--black);
	color:var(--black);
}
.input.black::placeholder{
	color:var(--black);
	opacity:0.8;
}

.input.yellow{
	border:2px solid var(--yellow);
	color:var(--yellow);
}
.input.yellow::placeholder{
	color:var(--yellow);
	opacity:0.8;
}

.input.white{
	border:2px solid var(--white);
	color:var(--white);
}
.input.white::placeholder{
	color:var(--white);
	opacity:0.8;
}

.input[disabled]{
	opacity:0.5;
}


/* ------------------------------ */
/* ------------ ERROR ----------- */
/* ------------------------------ */

form .error-box{
	width:100%;
	padding:1.5rem;
	font-size:1.6rem;
	background-color:var(--red);
	color:var(--white);
	border-radius:1.5rem;
	margin-top:2rem;
}


/* ------------------------------ */
/* ----------- PROGRAM ---------- */
/* ------------------------------ */

.program .info-box{
	grid-template-columns:repeat(2, max-content);
	gap:3rem;
}
.program .info-box .info{
	grid-template-columns:max-content auto;
	gap:1rem;
}

.program .foot .team{
	grid-template-columns:max-content max-content;
	grid-gap:1rem;
	align-items:start;
}
.program .foot .team .label{
	border-bottom:1px solid var(--black);
	padding-bottom:0.4rem;
}


.program.public .badges .model{ display:none }
.program.public .foot{ display:none }







.program-detail .block .template{
	grid-template-columns: max-content auto;
	grid-gap:2rem;
}
.program-detail .block .template .name {
    border-bottom: 1px solid var(--yellow);
    padding-bottom: 0.4rem;
}

.program-detail .block .content .info-detail{
	font-size:1.4rem;
	font-weight:600;
	grid-template-columns:auto auto;
	grid-gap:0.5rem;
	width:fit-content;
	padding:0.3rem 0.8rem;
	border-radius:2rem;
	position:absolute;
	top:-1.2rem;
	left:50%;
	transform:translateX(-50%);
	display:none;
}

.program-detail .block.repeat .content{
	border:1px solid var(--yellow);
	padding:1.2rem 0.5rem 0.5rem;
	border-radius:2rem;
}
.program-detail .block.repeat .content .info-detail{
	background-color:var(--yellow);
	color:var(--black);
	display:grid;
}

.program-detail .block.duration .content{
	border:1px solid var(--level-3);
	padding:2rem 0.5rem 0.5rem;
	border-radius:2rem;
}
.program-detail .block.duration .content .info-detail{
	background-color:var(--level-3);
	color:var(--black);
	display:grid;
}

.program-detail .block .block-exercise{
	background-color:var(--grey);
	border-radius:2rem;
	padding:0.8rem;
	grid-template-columns:8rem auto;
	grid-gap:1rem;
	align-items:start;
	display:grid;
}
.program-detail .block .block-exercise .image{
	aspect-ratio: 1 / 1;
	border-radius:1rem;
	overflow: hidden;
}
.program-detail .block .block-exercise .image iframe{
	border:0;
}
.program-detail .block .block-exercise .image img.logo{
	width:5rem;
	top:1.5rem;
}

.program-detail .block .block-exercise .image .icon{
	transform: translateX(-50%);
  left: 50%;
  bottom: 0.5rem;
  width: 2.4rem;
}

.program-detail .block .block-exercise .sets .set{
	border-top:1px solid var(--black);
	grid-template-columns: auto max-content;
	grid-gap:1.5rem;
}

.program-detail .block .block-exercise .sets .set .set-content{
	padding:1rem 0;
	column-gap:1.5rem;
	row-gap:0.5rem;
	flex-wrap:wrap;
}
.program-detail .block .block-exercise .sets .set .set-note{
	padding:2rem 0 0;
}
.program-detail .block .block-exercise .sets .set .label{
	width:fit-content;
	opacity:0.4;
	padding-bottom:0.3rem;
	border-bottom:1px solid #FFF;
	text-transform:lowercase;
}
.program-detail .block .block-exercise .sets .s{

}
.program-detail .block .block-exercise .sets .customer-note{
	width:2.4rem;
	padding:0.5rem;
	background-color:var(--white);
	border-radius:0.4rem;
	cursor:pointer;
}
.program-detail .block .block-exercise .sets .customer-note.yellow{
	background-color:var(--yellow);
}


.program-detail .block .block-exercise .sets .set:first-child{
	border:0;
}




.program-detail .block .block-exercise.rest{
	grid-template-columns:8rem auto max-content;
	align-items:center;
	padding:1rem 1.5rem 1rem 0.8rem;
}
.program-detail .block .block-exercise.rest .image{
	aspect-ratio:unset;
}
.program-detail .block .block-exercise.rest .image .icon-rest{
	width:2.4rem;
}

/* ------------------------------ */
/* ---------- EXERCISE ---------- */
/* ------------------------------ */

.exercise-video{
	width:100%;
	display:none;
}
.exercise-video iframe{
	border:0;
}
.exercise-video .close{
	width:2rem;
	top:5rem;
	right:4rem;
}

.exercise{
	width:100%;
	height:97vh;
	height:97dvh;
	overflow:hidden;
	border-radius:2rem 2rem 0 0;
	bottom:-100%;
	transition:all 0.5s;
	left:0;
}
.exercise.open{
	bottom:0%;
}
.exercise .head{
	height:24rem;
}
.exercise .head iframe{
	border:0;
}
.exercise .close{
	top:2rem;
	right:2rem;
}

.exercise .main-box{
	width:100%;
	border-radius:2rem 2rem 0 0;
	margin-top:-2rem;
}

.exercise .main-box .btn-open{
	top:0;
	left:50%;
	transform:translate(-50%, -50%);
	grid-template-columns:2.4rem max-content;
	grid-gap:0.5rem;
}

.exercise .tips{
	width:100%;
	border-radius:2rem 2rem 0 0;
	margin-top:-2rem;
}
.exercise .tips .tip{
	grid-template-columns:2rem auto;
	grid-gap:2rem;
}
.exercise .tips .tip .circle{
	width:2rem;
	height:2rem;
	border:1px solid var(--yellow);
	padding:0.3rem;
}
.exercise .tips .tip .circle:before{
	content:" ";
	display:block;
	width:100%;
	height:100%;
	border-radius:50%;
	background-color:var(--yellow);
}


.exercise .related{
	width:100%;
	border-radius:2rem 2rem 0 0;
	margin-top:-2rem;
}





.note{
	width:100%;
	height:97vh;
	height:97dvh;
	overflow:hidden;
	border-radius:2rem 2rem 0 0;
	bottom:-100%;
	transition:all 0.5s;
	left:0;
}
.note.open{
	bottom:0%;
}
.note .close{
	top:2rem;
	right:2rem;
}
.note .form-box{
	width:100%;
	border-radius:2rem 2rem 0 0;
	margin-top:-2rem;
}







.exercises-list .block-exercise{
	background-color: var(--grey);
  border-radius: 2rem;
  padding: 0.8rem;
  grid-template-columns: 8rem auto max-content;
  grid-gap: 1rem;
  align-items: start;
  display: grid;
}
.exercises-list .block-exercise .image {
    aspect-ratio: 1 / 1;
    border-radius: 1rem;
    overflow: hidden;
}
.exercises-list .block-exercise .image .icon {
    transform: translateX(-50%);
    left: 50%;
    bottom: 0.5rem;
    width: 2.4rem;
}
.exercises-list .block-exercise .plan{
	padding:0.5rem 0.8rem 0.5rem 0.5rem;
	grid-gap:0.5rem;
}
.exercises-list .block-exercise .plan .label{
	font-size:1rem;
}
.exercises-list .block-exercise .image img.logo{
	width:5rem;
	top:1.5rem;
}

/* ------------------------------ */
/* ------------ PLAN ------------ */
/* ------------------------------ */

.plan{
	width:fit-content;
	border-radius:6rem;
	background-color:var(--white);
	grid-template-columns:1.2rem auto;
	grid-gap:1rem;
	align-items:center;
	display:grid;
	padding:1rem 1.5rem 1rem 1rem;
}
.plan .circle{
	width:1.2rem;
	height:1.2rem;
}

.plan .label{
	font-size:1.4rem;
	font-weight:600;
	line-height:1;
	text-transform:uppercase;
}

.plan.level-1{ color:var(--level-1); }
.plan.level-2{ color:var(--level-2); }
.plan.level-3{ color:var(--level-3); }
.plan.level-4{ color:var(--level-4); }

.plan.level-1 .circle{ background-color:var(--level-1); }
.plan.level-2 .circle{ background-color:var(--level-2); }
.plan.level-3 .circle{ background-color:var(--level-3); }
.plan.level-4 .circle{ background-color:var(--level-4); }



/* ------------------------------ */
/* ------- SEARCH FILTERS ------- */
/* ------------------------------ */

.filters .search-box{
	border-radius:2rem;
	background-color:var(--grey);
	grid-template-columns:2.4rem auto;
	display:grid;
	align-items:center;
	padding:1.5rem;
	grid-gap:1rem;
}
.filters .search-box .icon{
	opacity:0.4;
}
.filters .search-box input{
	width:100%;
	background-color:transparent;
	border:0;
	padding:0rem 0;
	font-size:1.6rem;
	color:#fff;
	outline:none;
	font-family: 'DIN';
}

.filters .filter-block .f{
	font-size:1.4rem;
	padding:0.5rem 1em;
	border-radius:3rem;
	border:1px solid var(--white);
	margin-right:1rem;
	font-weight:600;
	font-family: 'DIN';
}
.filters .filter-block .f.active{
	color:var(--black);
	background-color:var(--yellow);
	border:1px solid var(--yellow);
}