html {
  color: #091633;
  font-size: 1em;

  font-size: 14px;
  line-height: 1.4;
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

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

textarea {
  resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Fonts
   ========================================================================== */

@font-face {
  font-family: 'Utopisy-v12';
  font-weight: 300 700;
  font-display: swap;
  src: url('./fonts/Utopisy-v12VF.woff2') format('woff2'),  url('./fonts/Utopisy-v12VF.woff') format('woff'), url('./fonts/Utopisy-v12VF.ttf') format('truetype');
}
@font-face{
  font-family:"Helvetica Neue LT W05 35 Thin";
  src:url("./fonts/5664081/7d63ccf8-e0ae-4dee-ad4d-bbc798aa5803.woff2") format("woff2"),url("./fonts/5664081/b2c1327f-ab3d-4230-93d7-eee8596e1498.woff") format("woff");
}
@font-face{
  font-family:"Helvetica Neue LT W05_36 Th It";
  src:url("./fonts/5664067/2a7e8f89-c0b2-4334-9c34-7a2078d2b959.woff2") format("woff2"),url("./fonts/5664067/32aad9d8-5fec-4b9d-ad53-4cf7a5b53698.woff") format("woff");
}
@font-face{
  font-family:"Helvetica Neue LT W05 46 Lt It";
  src:url("./fonts/5664089/5e4f385b-17ff-4d27-a63a-9ee28546c9a8.woff2") format("woff2"),url("./fonts/5664089/116cde47-4a07-44a5-9fac-cbdcc1f14f79.woff") format("woff");
}
@font-face{
  font-family:"Helvetica Neue LT W01_75 Bold";
  src:url("./fonts/5664149/1f4274cd-2674-481e-9023-69e33ffca161.woff2") format("woff2"),url("./fonts/5664149/5e8d493c-be01-44b9-962e-504a5cf10dd8.woff") format("woff");
}
@font-face{
  font-family:"Helvetica Neue LT W05 65 Medium";
  src:url("./fonts/5664103/240c57a0-fdce-440d-9ce3-85e0cb56f470.woff2") format("woff2"),url("./fonts/5664103/7802e576-2ffa-4f22-a409-534355fbea79.woff") format("woff");
}
@font-face{
  font-family:"Helvetica Neue LT W05 45 Light";
  src:url("./fonts/5664085/f9c5199e-a996-4c08-9042-1eb845bb7495.woff2") format("woff2"),url("./fonts/5664085/2a34f1f8-d701-4949-b12d-133c1c2636eb.woff") format("woff");
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ft-decor-lg, .ft-decor-md, .ft-title-lg, .ft-title-md, .timer, .ft-decor-sm{
  font-family: 'Utopisy-v12';
  font-style: normal;
  font-weight: normal;
  font-variation-settings: 'wght' 50;
}
/*.ft-decor-lg, .ft-decor-md, .ft-title-lg{ text-transform: capitalize; }*/
.ft-decor-lg{ font-size: 7.8125rem; line-height: 7.5rem; letter-spacing: 0.125rem; }
.ft-decor-md{ font-size: 5rem; line-height: 4.75rem; letter-spacing: 0.0625rem; }
.ft-decor-sm{ font-size: 1.5rem; line-height: 1.5rem; letter-spacing: 0.125rem; }
.ft-decor-sm{ font-size: 1.5rem; line-height: 1.5rem; letter-spacing: 0.125rem; }
.ft-decor-lg b, .ft-decor-md b{ letter-spacing: normal; font-variation-settings: 'wght' 700; }
.timer{ font-size: 23.75rem; }

.ft-title-md.light{ font-weight: 300; font-variation-settings: 'wght' 50; }
.ft-title-lg{ font-size: 2.5rem; line-height: 2.5rem; letter-spacing: normal; }
.ft-title-md{ font-size: 2.25rem; line-height: 2.125rem; letter-spacing: normal; }
.ft-title-lg b, .ft-title-md b, .ft-title-md.bold{ letter-spacing: normal; font-variation-settings: 'wght' 700; }
.ft-title-md.bold{ font-size: 20rem; line-height:20rem; vertical-align: middle; }

.ft-title-md {
  font-family: 'Helvetica Neue LT W01_75 Bold';
  font-style: normal;
  font-weight: 700;
}
.ft-title-md.decor {
  font-family: 'Utopisy-v12';
  font-style: normal;
  font-weight: 300;
  font-variation-settings: 'wght' 300;
  font-size: 2rem;
  line-height: 2rem;
  letter-spacing: 0.0625rem;
}
.ft-title-md.decor.light {
  font-weight: 50;
  font-variation-settings: 'wght' 50;
}
.ft-title-lg.decor {
  font-family: 'Utopisy-v12';
  font-style: normal;
  font-weight: 300;
  font-variation-settings: 'wght' 300;
}
.ft-title-lg.decor.light {
  font-weight: 50;
  font-variation-settings: 'wght' 50;
}
a .ft-title-md.decor.light.ft-tow{ font-weight: 50; font-variation-settings: 'wght' 50; transition:font-variation-settings 1s; }
a:hover .ft-title-md.decor.light.ft-tow{ font-weight: 700; font-variation-settings: 'wght' 700; transition:font-variation-settings 1s; }
.ft-title-sm,.ft-title-sm-2 {
  font-family: 'Helvetica Neue LT W05 45 Light';
  font-style: normal;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.5rem;
  letter-spacing: normal;
}
.ft-title-sm-2 {
  font-size: 1.375rem;
  line-height: 1.375rem;
}
.ft-title-sm b,.ft-title-sm-2 b{
  font-family: 'Helvetica Neue LT W05 65 Medium'; font-weight: 500;
}
.ft-title-sm b.bolder,.ft-title-sm-2 b.bolder{
  font-weight: 700;
}
.ft-title-sm.with-number,.ft-title-sm-2.with-number{
  display: flex; flex-direction:row; align-items: center; justify-content: flex-start;
}
.ft-title-sm.with-number div,.ft-title-sm-2.with-number div{
  margin-right:0.75rem;
}
.ft-title-sm.decor {
  font-family: 'Utopisy-v12';
  font-style: normal;
  font-weight: 300;
  font-variation-settings: 'wght' 300;
}
.ft-title-sm.decor.light {
  font-weight: 50;
  font-variation-settings: 'wght' 50;
}

.ft-helve {
  font-family: 'Helvetica Neue LT W05 45 Light';
  font-style: normal;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 1.625rem;
  letter-spacing: normal;
}
.ft-helve b{
  font-family: 'Helvetica Neue LT W01_75 Bold';
  font-style: normal;
  font-weight: 700;
}

.ft-helve-400 {
  font-family: 'Helvetica Neue LT W05 65 Medium'!important;
  font-style: normal;
  font-weight: 400;
}

.ft-helve-h3 {
  font-family: 'Helvetica Neue LT W05 45 Light';
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: normal;
}

.ft-decor-27  {
font-family: 'Utopisy-v12';
font-style: normal;
font-weight: 300;
font-size: 27px;
line-height: 25px;
letter-spacing: 1px;
text-transform: uppercase;
}

.ft-helve-24 {
  font-family: 'Helvetica Neue LT W05 45 Light';
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: normal;
}

.ft-helve-24 b{
  font-family: 'Helvetica Neue LT W01_75 Bold';
  font-style: normal;
  font-weight: 700;
}

p b{
  font-family: 'Helvetica Neue LT W01_75 Bold';
  font-style: normal;
  font-weight: 700;
}

.ft-helve-h3 b{
  font-family: 'Helvetica Neue LT W01_75 Bold';
  font-style: normal;
  font-weight: 700;
}


.ft-body-lg, .ft-body-md, .ft-body-sm, .ft-body-su{
  font-family: 'Helvetica Neue LT W05 45 Light';
  font-style: normal;
  letter-spacing: normal;
}
.ft-helve-light {
  font-family: 'Helvetica Neue LT W05 45 Light' !important;
  font-weight: 300;
}


.ft-body-su{ font-size: 1.375rem; line-height: 1.5rem; }
.ft-body-lg{ font-size: 1rem; line-height: 1.5rem; }
.ft-body-md{ font-size: 0.875rem; line-height: 1.25rem; }
.cta.ft-body-md{ line-height: 0.875rem; }
.ft-body-sm{ font-size: 0.75rem; line-height: 1rem; }
.ft-body-lg b, .ft-body-md b, .ft-body-sm b, .ft-body-su b { font-family: 'Helvetica Neue LT W05 65 Medium'; font-weight: 500; }
.ft-uppercase{ text-transform:uppercase; }
.big-title{ font-size: 4.375rem; line-height: 3.9375rem; letter-spacing: normal; }

.ft-title-sm.decor, .ft-title-lg {
  letter-spacing: 0.0625rem;
}
.ft-decor-md.ft-desktop-80{ font-size:2.5rem; line-height:2.5rem;}

.ft-size-2{ font-size:2rem; line-height: 2rem;}

.ft-helve-subtitle{
font-family: 'Helvetica';
font-style: normal;
font-weight: 700;
letter-spacing: -0.5px;
line-height: .1875rem;
}

@media screen and (max-device-width : 1024px) {
  .ft-helve-subtitle{ font-size: 1rem!important;}
}

.ft-xs {
  font-size: 10px!important;
}

@media screen and (max-width: 768px) {
  .text-sm-left {
    text-align: left!important;
  }
}

@media screen and (min-width: 1024px) {
  .text-lg-left {
    text-align: left!important;
  }
}

.h-75 {
  height: 75% !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

/* ==========================================================================
   Content
   ========================================================================== */
:root {
  --dark: #121212;
  --dark-000: #F2F2F2;
  --dark-001: #F0F0F0;
  --dark-100: #FBFBFB;
  --dark-200: #D7D7D7;
  --dark-300: #A6A6A6;
  --dark-600: #5C5C5C;
  --dark-700: #292929;
  --dark-800: #121212;
  --white: #ffffff;
  --blue-dark: #1267FB;
  --blue-mid: #347EF9;
  --blue-mid-light: #B3ECFF;
  --blue-light: #E8F9FF;
  --purple-dark: #5A3BFB;
  --purple-mid: #7A62F9;
  --purple-mid-light: #E1BAFA;
  --purple-light: #EFDBFC;
  --red-dark: #FD5F5F;
  --red-mid: #FC7D7D;
  --red-mid-light: #FFC2C2;
  --red-light: #FFE3E3;
  --yellow-dark: #FEA250;
  --yellow-mid: #FFC999;
  --yellow-mid-light: #FBEAB5;
  --yellow-light: #FFF7DE;
  --green-dark: #3F9973;
  --green-mid: #2EB87E;
  --green-mid-light: #B8F7DD;
  --green-light: #EFFDF7;

  --dark-1-rgba: 251, 251, 251;
  --dark-1:#FBFBFB;
  --dark-2:#F0F0F0;
  --dark-3:#A6A6A6;
  --dark-4:#5C5C5C;
  --dark-5:#292929;
  --dark-6:#121212;

  --cyan-1-rgba: 235, 245, 255;
  --cyan-1:#EBF5FF;
  --cyan-2:#D3EFFF;
  --cyan-3:#8ED0FA;
  --cyan-4:#5FB8FB;
  --cyan-5:#199BE4;
  --cyan-6:#027CD2;

  --green-1-rgba: 247, 255, 249;
  --green-1:#F7FFF9;
  --green-2:#E1F9E7;
  --green-3:#A2E2B0;
  --green-4:#6EC37D;
  --green-5:#50A064;
  --green-6:#39884B;

  --teal-1-rgba: 240, 255, 255;
  --teal-1:#F0FFFF;
  --teal-2:#D8FBF5;
  --teal-3:#ABF1ED;
  --teal-4:#70D8DB;
  --teal-5:#2AC0C0;
  --teal-6:#018C88;

  --blue-1-rgba: 240, 245, 255;
  --blue-1:#F0F5FF;
  --blue-2:#CDE1FF;
  --blue-3:#A6C7FD;
  --blue-4:#5F99FF;
  --blue-5:#347FFF;
  --blue-6:#2E71EF;

  --purple-1-rgba: 250, 245, 255;
  --purple-1:#FAF5FF;
  --purple-2:#E8DAFF;
  --purple-3:#D4BBFF;
  --purple-4:#BE95FF;
  --purple-5:#A56EFF;
  --purple-6:#8A3FFC;

  --magenta-1-rgba: 250, 243, 249;
  --magenta-1:#FAF3F9;
  --magenta-2:#FEDEEC;
  --magenta-3:#FFBBD9;
  --magenta-4:#FA8ABA;
  --magenta-5:#F56EA5;
  --magenta-6:#E43F87;

  --red-1-rgba: 250, 245, 245;
  --red-1:#FAF5F5;
  --red-2:#FFD7D9;
  --red-3:#FFADB3;
  --red-4:#FF8288;
  --red-5:#F55A64;
  --red-6:#DB3B44;

  --yellow-1-rgba: 254, 252, 244;
  --yellow-1:#FEFCF4;
  --yellow-2:#FFF7DE;
  --yellow-3:#FFE5A4;
  --yellow-4:#FEC46C;
  --yellow-5:#FFA825;
  --yellow-6:#FF9900;

  --transition:opacity 1s, text-decoration 3s ease-in-out, color 2s ease-out, stroke 2s ease-out, z-index 4s ease-out, display 2s ease-out, background-color 2s ease-out, fill 2s ease-out, border-color 2s ease-out, border-top-color 2s ease-out, border-bottom-color 2s ease-out, border-left-color 2s ease-out, border-right-color 2s ease-out;
}



html{ font-size: 100%; }
body {
  margin: 0;
  padding: 0;
  color: var(--dark-700);
  background-color: var(--dark-100);
  text-align:left;
}

body .color-body-blue {
  color: var(--blue-6)!important;
}


.test::-webkit-scrollbar{ display: none; }

h1,.h1{ margin-top: 0; margin-bottom: 0; }
h2{ margin-top: 0; margin-bottom: 0; }
h3{ margin-top: 0; margin-bottom: 0.5rem; }
h3.ft-title-md{ margin-top: 0; margin-bottom: 0.25rem; }
h4{ margin-top: 0; margin-bottom: 0; }
h5{ margin-top: 0; margin-bottom: 0; }
.text-yellow-dark{ color: var(--yellow-dark)!important; }


.bg-blue-1{ background-color:var(--blue-1)!important; }
.bg-cyan-1{ background-color:var(--cyan-1)!important; }
.bg-dark-0{ background-color:var(--dark-000)!important; }
.bg-yellow-dark{ background-color:var(--yellow-dark)!important; fill:var(--yellow-dark)!important; border-color:var(--yellow-dark)!important; }
.bg-cyan-4{ background-color:var(--cyan-4)!important; fill:var(--cyan-4)!important; border-color:var(--cyan-4)!important; }
.bg-green-4{ background-color:var(--green-4)!important; fill:var(--green-4)!important; border-color:var(--green-4)!important; }
.bg-white { background-color:var(--white); }
.bg-orange-1{ background-color:rgba(255,120,112,0.2)!important; }

.bg-100{ background-color:var(--dark-100); fill:var(--dark-100); }
.bg-001{ background-color:var(--dark-001); fill:var(--dark-001); }
.bg-700{ background-color:var(--dark-700); fill:var(--dark-700); }
.bg-1-1{ background-color:var(--cyan-1); fill:var(--cyan-1); }
.bg-1-2{ background-color:var(--cyan-2); fill:var(--cyan-2); }
.bg-2-1{ background-color:var(--green-1); fill:var(--green-1); }
.bg-2-2{ background-color:var(--green-2); fill:var(--green-2); }
.bg-3-1{ background-color:var(--yellow-1); fill:var(--yellow-1); }
.bg-3-2{ background-color:var(--yellow-2); fill:var(--yellow-2); }
.bg-4-1{ background-color:var(--purple-1); fill:var(--purple-1); }
.bg-4-2{ background-color:var(--purple-2); fill:var(--purple-2); }
.bg-5-1{ background-color:var(--red-1); fill:var(--red-1); }
.bg-5-2{ background-color:var(--red-2); fill:var(--red-2); }
.bg-5-3{ background-color:var(--red-3); fill:var(--red-3); }
.bg-5-4{ background-color:var(--red-4); fill:var(--red-4); }
.bg-5-5{ background-color:var(--red-5); fill:var(--red-5); }
.bg-5-6{ background-color:var(--red-6); fill:var(--red-6); }
.bg-6-1{ background-color:var(--magenta-1); fill:var(--magenta-1); }
.bg-6-2{ background-color:var(--magenta-2); fill:var(--magenta-2); }
.bg-6-3{ background-color:var(--magenta-3); fill:var(--magenta-3); }
.bg-6-4{ background-color:var(--magenta-4); fill:var(--magenta-4); }
.bg-6-5{ background-color:var(--magenta-5); fill:var(--magenta-5); }
.bg-6-6{ background-color:var(--magenta-6); fill:var(--magenta-6); }
.bo-700{ border-color:var(--dark-700); }
.bg-100.bo-300{ border-color:var(--dark-300); }
.bg-6 { background-color:var(--blue-6); fill:var(--blue-6); }
.bo-6 { border-color:var(--blue-6)!important; }
.bo-6-fix { border-color:var(--blue-6)!important; }
.bg-dark-800 { background-color:var(--dark-800); fill:var(--dark-800); }
.bo-dark-800 { border-color:var(--dark-800)!important; }
.bo-dark-800-fix { border-color:var(--dark-800)!important; }
.bg-orange-2 { background-color:#FF7870; fill:#FF7870; }
.bo-orange-1 { border-color:rgba(255,120,112,0.2); }

.player{
  border-radius:1rem;
  background:#000;
}
p.no-gutters{ margin: 0; padding:0; }
h1.small-gutters{ margin-bottom: 0.5rem; }

.w-100{ width: 100%; }
.w-80{ width: 80%; }

.border-right {
  border-right: 1px var(--dark-800) solid;
}

.border-left {
  border-left: 1px var(--dark-800) solid;
}

.border-lr {
  border-left: 1px var(--dark-800) solid;
  border-right: 1px var(--dark-800) solid;
}
.border-tb {
  border-top: 1px var(--dark-800) solid;
  border-bottom: 1px var(--dark-800) solid;
}

.border-bottom {
  border-bottom: 1px var(--dark-800) solid;
}

header{ padding-left: 7.0625rem; padding-right: 7.0625rem; z-index: 998; position:fixed; width:calc(100%); transition: margin-top 0.7s ease 0s; background:var(--white) }
header.open{
  margin-top: 0rem;
  padding-top:1.875rem;
  padding-bottom:1.875rem;
}
header.open-demi{
  margin-top: 0rem;
  padding-top:1.875rem;
  padding-bottom:1.875rem;
  backdrop-filter: saturate(80%) blur(20px);
  -webkit-backdrop-filter: saturate(80%) blur(20px);
  background-color: rgba(255,255,255,0.72);
  border-bottom:1px solid var(--dark-600)
}
header.header-full{
  background-color:var(--dark-100);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.02);
}
header.close{ margin-top: -10rem; }
header .expand-nav{ display:none; }
header .expand-nav .menu-burger rect{ fill:var(--dark-700); }
header .btn-logo{ display:flex; }
header .btn-logo{ display:flex; }
header .btn-logo:hover{ cursor:pointer; }
header.header-full .btn-logo svg{ display: block; height:2.1875rem; }
header .logo-desktop{ display: block; height:2.1875rem; }
header .logo-mobile{ display: none; height:2.1875rem; }
header .nav{ display: flex; flex-direction:row; list-style-type:none; align-items: center; margin:0; padding:0; height:100%; }
header .nav li{ display: flex; flex-direction:row; align-items: center; margin-left: 1.875rem; margin-right: 1.875rem; }
header .nav li:last-child{ margin-right:0; }
header .nav li:first-child{ display:none; }
header .nav li a{ text-decoration:none; }
header .nav li a:hover{ text-decoration:none; }
header.navhidden .nav{ display:none; }
header.bg-0{ background-color:transparent;}
header.header-full.header-account{ background-color:transparent; border: none; box-shadow:none }
header.header-account.scrolled{ background-color: rgba(255,255,255,0.72); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.02); }

.header-test-text {
font-family: 'Helvetica Neue';
font-style: normal;
font-weight: 300;
font-size: 10px;
line-height: 20px;
letter-spacing: 0.6px;
color: #2E71EF;
}

.warning{
  padding-left:1.875rem;
  padding-right: 1.875rem;
  max-width:23.25rem;
}
.warning.full{
  padding-left:1.875rem;
  padding-right: 1.875rem;
  max-width:none;
  width:100%;
  padding-top:1.875rem;
  padding-bottom: 1.875rem;
  border:0;
  border-radius:2rem;
}
.warning.yellow{
  padding-top:1.875rem;
  padding-bottom: 1.875rem;
  border:0.0625rem solid var(--yellow-3);
  background-color:var(--yellow-2);
  border-radius:2rem;
}

/* ==========================================================================
  CTA
  ========================================================================== */
.link{
  color: var(--dark-700);
  cursor:pointer;
  text-decoration:none;
}
.link.underline{
  text-decoration:underline;
}
.link svg.more{
  stroke: var(--dark-700);
  margin-left:0.5rem;
  width:0.375rem;
}
.cta{
  /*height:2.175rem;*/
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  /*letter-spacing: 1.2px;*/
  color: var(--dark-700);
  cursor:pointer;
  transition: background-color 0.2s, border-color 0.2s ease 0s;
  text-decoration:none;  font-family: 'Helvetica Neue LT W05 65 Medium'; font-weight: 500;
}


.cta a{ text-decoration:none; }
.cta a:hover{ text-decoration:none; }
.cta-uppercase{ text-transform: uppercase; }
.cta-plain-white{ color: var(--blue-6); border-color:var(--blue-6); background-color:white; }
.cta-plain{ color: var(--white); border-color:var(--dark-700); background-color:var(--dark-700); }
.cta-plain a{ color: var(--white); border-color:var(--dark-700); background-color:var(--dark-700); }
.cta-plain a:hover{ background: transparent; color: var(--dark-700); }
.cta-clear{ color: var(--blue-6); border-color:var(--blue-6); background-color:transparent; }
.cta-284{ width: 284px!important; }

.cta-dynamic{ height:2.25rem; padding-left:2.75rem; padding-right: 2.75rem; border:0.0625rem solid; border-radius:62.5rem; }
.cta-fix{ width:11.25rem; height:2.25rem; padding-left:none; padding-right:none; border:0.0625rem solid; border-radius:62.5rem; }
.cta-fix-large{ width:14.5625rem; height:2.25rem; padding-left:none; padding-right:none; border:0.0625rem solid; border-radius:62.5rem; }
.cta-marge-right{ margin-right: 1rem;}
.cta-marge-left{ margin-left: 1rem;}
.cta-ico{ margin-right: 0.5625rem;}
.cta-ico rect, .cta-ico path{ fill:var(--dark); }
.cta-ico.no-fill rect, .cta-ico.no-fill path{ fill:none; }
.cta-dynamic.small{ height:auto; padding-left:0.625rem; padding-right:0.625rem; padding-top:0.225rem; padding-bottom:0.325rem; }
.cta-dynamic.medium{ height:auto; padding-left:0.825rem; padding-right:0.825rem; padding-top:0.525rem; padding-bottom:0.625rem; }
.cta-dynamic.big{ height:3.5rem; padding-left:0.625rem; padding-right:0.625rem; padding-top:0.75rem; padding-bottom:0.325rem; }
.cta-dynamic.smallp{ padding-left:1.5rem; padding-right:1.5rem; }
.cta-dynamic.cta-plain{ border-color:var(--dark-700); }
.cta-dynamic.cta-white{ background-color: rgba(251, 251, 251, 0.5);; }
.cta-inline{ display:inline-flex; }
.cta-constraint{ max-width:17.5625rem; }

.cta-animate{
  width:auto;
}
.cta-animate.selected{
  background-color:#FF7870;
  width:2rem; height:2rem;
  position:relative;
  transition:all 0.5s ease-in-out;
  border: #FF7870;
}
.cta-animate.selected::before{
  content:url('../img/pictos/check.svg');
  position:absolute;
  width:100%;
}
.cta-animate.selected span{
  opacity:0;
}

.cta-plus{ position:relative; margin-left:2rem; }
.cta-plus::before{
  content: '';
  font-family: 'Helvetica Neue LT W05 65 Medium';
  font-style: normal;
  font-weight: 500;
  font-size:1.25rem;
  width:1.25rem; height:1.25rem;
  color: var(--dark-600);
  left: -2rem;
  top: 0.1rem;
  border:0.0625rem solid var(--blue-6); border-radius:62.5rem;
  display:inline-block;
  position:absolute;
}
.cta-plus::after{
  content: '+';
  font-family: 'Helvetica Neue LT W05 65 Medium';
  font-style: normal;
  font-weight: 500;
  font-size:1rem;
  width:1.25rem; height:1.25rem;
  color: var(--blue-6);
  left: -1.67rem;
  top: -0.1rem;
  display:inline-block;
  position:absolute;
}
.cta-with-ico.text-dark-300{ display:flex; align-items: center; height:1.375rem;}
.cta-with-ico.text-dark-300 svg{
  margin-right:0.5rem;
}

.cta-download{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--dark-600);
  cursor:pointer;
  text-decoration:none;
  padding-left: 1.5rem;
  padding-right:1rem;
  border:0.0625rem solid var(--blue-6); border-radius:62.5rem;
}

.cta-download svg{
  stroke:var(--blue-6);
  margin-left:0.75rem;
}

.cta-download-dark{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--dark-600);
  cursor:pointer;
  text-decoration:none;
  padding-left: 1.5rem;
  padding-right:1rem;
  border:0.0625rem solid var(--dark-600); border-radius:62.5rem;
}

.cta-download-dark svg{
  stroke:var(--dark-600);
  margin-left:0.75rem;
}

.cta-blue{
    font-family: 'Helvetica Neue LT W05 65 Medium';
    border:var(--blue-6);
    background-color:var(--blue-6);
    color:#ffffff;
    font-weight: 500;
}

.cta-blue-2{
    font-family: 'Helvetica Neue LT W05 65 Medium';
    border:#59ACBF;
    background-color:#59ACBF;
    color:#ffffff;
    font-weight: 500;
}
.cta-blue-2:hover{
    color:#ffffff;
    text-decoration: none;
}

.cta-grey-2{
    font-family: 'Helvetica Neue LT W05 65 Medium';
    border:#313131;
    background-color:#313131;
    color:#ffffff;
    font-weight: 500;
}
.cta-grey-2:hover{
    color:#ffffff;
    text-decoration: none;
}

.cta-orange{
    font-family: 'Helvetica Neue LT W05 65 Medium';
    border:#FF7870;
    background-color:#FF7870;
    color:#ffffff;
    font-weight: 500;
}
.cta-orange:hover{
    color:#ffffff;
    text-decoration: none;
}

.cta.cta-orange:disabled,
.cta.cta-orange[disabled] {
    background-color: #FF7870;
    opacity: 0.5;
    pointer-events: none;
}

/* ==========================================================================
  PAGES
  ========================================================================== */
.page{
  display: block;
  width: 100%;
}
.page.with-gutters{ padding-top:10rem; padding-bottom:8.45rem; }
.page-no-anim{
  display: block;
  width: 100%;
}
.page-no-anim.with-gutters{ padding-top:10rem; padding-bottom:4rem; }
.page-no-anim.with-top-border{ border-top: 0.0625rem solid var(--dark-600); }

.space-05{ height:0.5rem; }
.space-07{ height:0.75rem; }
.space-10{ height:1rem; }
.space-12{ height:1.125rem; }
.space-15{ height:1.5rem; }
.space-32{ height:2rem; }
.space-40{ height:2.5rem; }
.space-48{ height:3rem; }
.space-50{ height:3.125rem; }
.space-20{ height:1.75rem; }
.space-80{ height:5rem; }
.space-100{ height:6.25rem; }
.space-120{ height:7.5rem; }
.space-200{ height:10rem; }

.pl-10{ padding-left:1rem; }
.pr-10{ padding-right:1rem; }
.pr-20{ padding-right:2rem; }

.pb-10{ padding-bottom:1rem; }
.pb-20{ padding-bottom:2rem; }
.pt-10{ padding-top:1rem; }
.pt-20{ padding-top:2rem; }
.p-10{ padding:1rem;}
.p-20{ padding:2rem;}
.py-10{ padding-top:1rem; padding-bottom:1rem; }
.py-20{ padding-left:2rem; padding-right:2rem; }
.px-10{ padding-left:1rem; padding-right:1rem; }
.py-20{ padding-top:2rem; padding-bottom:2rem; }
.px-0{ padding-left:0; padding-right:0; }
.pl-0{ padding-left:0;}
.pr-0{ padding-right:0; }

@media screen and (max-device-width : 1024px) {
  .pr-sm-10{ padding-right:1rem; }
}

.pt-test {
padding-top:98px;
}

@media screen and (max-width: 768px) {
  .pt-header { padding-top:98px; }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1180px)  {
  .pt-ip-10{ padding-top:1rem; }
  }

@media (min-width: 768px) {
  .pr-md-40{ padding-right:4rem; }
  .pr-md-30{ padding-right:3rem; }
  }

.m-0 { margin:0;}
.my-0{ margin-top: 0; margin-bottom: 0; }
.mx-10{ margin-left:1rem; margin-right:1rem; }
.ml-0{ margin-left:0;}
.mr-0{ margin-right:0;}
.mr-10{ margin-right:1rem;}
.ml-10{ margin-left:1rem;}

.with-border{ border:0.0625rem solid; }

.text-left{ text-align:left; }
.text-right{ text-align:right; }
.text-center{ text-align:center; }
.flex-center{ display: flex; align-items:center; justify-content:center;}

hr{ margin-top:2rem; margin-bottom:2rem; width: 100%; border-bottom: 0.0625rem solid; border-top: 0;}
.vertical-hr{ height: 100%; width:0%; border-left: 0.0625rem solid; margin: 0 auto; }

.text-orange{ color: #FF7870!important; }
.text-blue-6{ color: var(--blue-6)!important; }
.text-blue-8{ color: #59ACBF!important; }
.text-cyan-4{ color: var(--cyan-4)!important; }
.text-yellow-dark{ color: var(--yellow-dark)!important; }
.text-green-4{ color: var(--green-4)!important; }

.text-dark-200{ color: var(--dark-200); }
.text-dark-300{ color: var(--dark-300); }
.text-dark-600{ color: var(--dark-600); }
.text-dark-700{ color: var(--dark-700); }
.text-dark-800{ color: var(--dark-800); }
a.text-dark-200{ text-decoration: none; }
a.text-dark-300{ text-decoration: none; }
a.text-dark-600{ text-decoration: none; }
a.text-dark-700{ text-decoration: none; }
a.text-dark-800{ text-decoration: none; }

.text-co-yellow-dark{ color: var(--yellow-dark); fill: var(--yellow-dark); }
.timer .without-color{ color:transparent; -webkit-text-stroke-width: 0.0625rem; -webkit-text-stroke-color: var(--dark-800); }

.hr{ border-color: var(--dark-200); }
.hr-300{ border-color: var(--dark-300); }
.hr-600{ border-color: var(--dark-600); }
.nm{ margin:0; }
.number{ display: flex; flex-direction:column; align-items: center; justify-content: center; width:2.5rem; height:2.5rem; color: var(--dark-800); border:0.0625rem solid var(--dark-800); border-radius:62.5rem; }
.square{ display: flex; flex-direction:column; align-items: center; justify-content: center; width:3.125rem; height:3.125rem; color: var(--dark-800); border:0.0625rem solid var(--dark-800); border-radius:0.9375rem; margin:0 auto; }
.square b{ margin-top:0.5rem;}
.cls-1{fill:var(--dark-800);}

.with-blockquote{
  border-left:0.0625rem solid var(--dark-700);
  padding-left:2rem;
  display:flex;
  flex-direction:column;
  align-items: flex-start;
  justify-content: flex-end;
}
.with-blockquote.blockquote-small{
  padding-left:1rem;
}
.with-blockquote-600{
  border-left:0.0625rem solid var(--dark-600);
  padding-left:2rem;
  display:flex;
  flex-direction:column;
  align-items: flex-start;
  justify-content: flex-end;
}
.with-blockquote.with-ico{
  position:relative;
  border-left:0;
}
.with-blockquote.with-ico::before{
  content:'';
  position:absolute;
  top:2.25rem;
  left:0rem;
  width: 0.0625rem;
  height:calc(100% - 2.25rem);
  background:var(--dark-800);
}
.with-blockquote.with-ico i{
  position:absolute;
  top:0;
  left:-0.75rem;
}

.content-constraint{
  width: auto;
  height:100%;
}
.content-constraint-small{
  width: auto;
  max-width: 14.5rem;
  margin: 0 auto;
}
.content-constraint-large{
  width: 31.25rem;
}
.content-constraint-xlarge{
  max-width: 53.25rem;
}
.constraint-center{
  margin: 0 auto;
}
.content-top-bottom{
  height:100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.content-bottom{
  height:100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.to-left{ margin:0; display: flex; flex-direction:column; align-items: flex-start;  }
.to-right{ display: flex; flex-direction:column; align-items: flex-end;  }
.to-center{ display: flex; flex-direction:column; align-items: center;  }

img.picto{width:2.5rem; height:2.5rem;}
img.picto-42{width:2.625rem; height:2.625rem;}

.hidden-desktop{ display:block; }
.hidden-desktop.inline{ display:inline-block; }
.hidden-mobile{ display:none; }
.hidden-tablet{ display:none; }

.list-1{
  display: flex; flex-direction:column; list-style-type:none; align-items: flex-start; justify-content: flex-start; margin:0; padding:0; height:100%;
}
.list-1 li{ display: flex; flex-direction:row; height:3rem; align-items: center; justify-content: center; margin-bottom:2rem; }
.list-1 li:last-child{ margin-bottom:0rem; }
.list-1 li div:first-child{  width:2.5rem; margin-right:2.1875rem; }
.list-1 li div.text{ width:18.5625rem; }

.list-4{
  list-style-type:none; margin:0; padding:0; height:100%; width: 100%; position:relative;
}
.list-4 li{ display: flex; flex-direction:row; align-items: flex-start; justify-content: flex-start; margin-bottom:1.5rem; position:relative; }
.list-4 li:last-child{ margin-bottom:0rem; }
.list-4 li div:first-child{ width: 2.5rem; height: 2.5rem; margin-right:1.5rem;}
.list-4 li .number{ width: 2.5rem; height: 2.5rem; z-index:3; position:relative; }
.list-4 li .content{ text-align:left; }

.list-5{
  list-style-type:none; margin:0; padding:0; height:100%; width: 100%; position:relative;
}
.list-5 li{ display: flex; flex-direction:row; align-items: center; justify-content: flex-start; margin-bottom:1rem; position:relative; color:var(--dark-800); }
.list-5 li:last-child{ margin-bottom:0rem; }
.list-5 li div:first-child{ width: 2rem; height: 2rem; margin-right:0.5rem;}
.list-5 li .number{ width: 2rem; height: 2rem; z-index:3; position:relative; color: var(--dark-800); border:0.0625rem solid var(--dark-800); }
.list-5 li .content{ text-align:left; }
.list-5 li.active{ color:#FF7870; }
.list-5 li.active .number{ color: #FF7870; border:0.0625rem solid #FF7870; position:relative; }
.list-5 li.active.achieve{ color: var(--dark-800); }
.list-5 li.active.achieve .number{ color: var(--dark-800); border:0.0625rem solid var(--dark-800); position:relative; }
.list-5 li.active.achieve .number::after{ content:''; height:1rem; width: 0.0625rem; background-color: var(--dark-800); position:absolute; left:0.9075rem; bottom:-1.0625rem; }

.list-5.mobile{
  display: inline-flex;
  flex-direction: row;
  width:initial;
  height: 2.25rem;
  border:0.0625rem solid var(--dark-200);
  border-radius:2rem;
  padding:0.5rem;
  color:var(--dark-200);
}
.list-5.mobile li{ margin:0; }
.list-5.mobile li div:first-child{ width: 1.25rem; height: 1.25rem; margin-right:0.5rem;}
.list-5.mobile li:last-child div:first-child{ margin-right:0rem;}
.list-5.mobile li .number{ width: 1.25rem; height: 1.25rem; z-index:3; font-size: 0.875rem; color: var(--dark-200); border:0.0625rem solid var(--dark-200); }
.list-5.mobile li.active .number{ color: var(--dark-800); border:0.0625rem solid var(--dark-800); position:relative; }
.list-5.mobile li.separator{ width:0.0625rem; background-color: var(--dark-200);transform: rotate(25deg); margin-right:0.5rem; }
.list-5.mobile li.achieve .number::after{ content:''; width:0.5rem; height: 0.0625rem; background-color: var(--dark-200); position:absolute; top:50%; left:1.20rem; }
.list-5.mobile li.achieve.noline .number::after{ display:none }

.list-8{
  list-style-type:none; margin:0; padding:0; height:100%; width: 100%; position:relative;
}
.list-8 li{ display: flex; flex-direction:row; align-items: flex-start; justify-content: flex-start; margin-bottom:0.25rem; position:relative; }
.list-8 li:last-child{ margin-bottom:0rem; }

.security{ display: flex; flex-direction:row; list-style-type:none; align-items: center; justify-content: center; margin:0; padding:0; height:100%; }
.security .logo{margin-right:1.09125rem; }
.logo-rea{ height:5.625rem; vertical-align: bottom; margin-bottom:0.3rem; justify-content: center; align-items: center; display: flex; }
.logo-rea img{ max-width: 9.75rem; max-height:5.625rem; }

.animate-background{
  position:relative;
  width:100%;
  height: 100%;
}
.animate-background.scroll{
    overflow:auto;
}
.animate-background .gradient{
  position:absolute;
  margin:auto;
  /*left:-25%;*/
  width:100%;
  /*height:100%;*/
}
.animate-background.blue .gradient{background: radial-gradient(ellipse at bottom, var(--blue-2) 50%, var(--blue-1) 90%);}
.animate-background.yellow .gradient{background: radial-gradient(ellipse at center, var(--yellow-2) 50%, var(--yellow-1) 90%);}

.bg-gradient.blue{background: radial-gradient(ellipse at bottom, var(--blue-2) 50%, var(--blue-1) 90%);}
.bg-gradient.yellow{background: radial-gradient(ellipse at center, var(--yellow-2) 50%, var(--yellow-1) 90%);}

.title-with-img{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
}
.title-with-img img{ margin-right:0.5rem; }

.box-rounded{
  margin:0;
  padding:1rem;
  border-radius:1.5rem;
}
.box-rounded.no-gutters{padding:0; margin:0;}
.box-rounded.p-20{padding:2rem; }

.halo{ position:relative; }
.halo::after{
  content:'';
  position:absolute;
  width:5rem;
  height:5rem;
  border-radius:5rem;
  background: radial-gradient(circle at center, rgba(255,255,255, 0.8) 10%, rgba(255,255,255, 0.0) 70%);
  left:-2rem;
  top:-25%;
  opacity:0;

  animation-name: halo;
  animation-duration: 8s;
  animation-fill-mode: forwards;
  animation-iteration-count:infinite;
  -webkit-animation-name: halo;
  -webkit-animation-duration: 8s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count:infinite;
}
@keyframes halo { 0% { opacity: 0.5; left:-2rem; } 50% { opacity: 1; left:70%; } 75% { opacity: 0; left:-2rem; } }

.rounded-corner-sm{
  border-radius:1rem;
  padding-left:0.875rem;
  padding-right:0.875rem;
  padding-top:0.625rem;
  padding-bottom:0.625rem;
}
.rounded-corner{
  border-radius:1rem;
  padding-left:1rem;
  padding-right:1rem;
  padding-top:0.6875rem;
  padding-bottom:0.6875rem;
}

/* ==========================================================================
  MODAL
  ========================================================================== */
.modal{
  position:fixed;
  z-index:998;
  display:none;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  background:transparent;
  background: rgba(255,255,255, 0.5);
}
.modal-div{
  position:relative;
  width:calc(100% - 3.25rem);
  max-width:69.375rem;
  height: auto;
  margin:1.625rem;
  margin-top:7rem;
  margin-bottom:7rem;
  padding:1.625rem;
  border:0.0625rem solid;
  border-radius:1.875rem;
  background: #FFFFFF;
}
.modal .modal-close{
  right:1.625rem;
  width:2.5rem; height:2.5rem;
  border:0.0625rem solid; border-radius:62.5rem;
  display:flex; align-items:center; justify-content:center;
  position:absolute;
  cursor:pointer;
  z-index:999;
}
.modal .modal-close-constraint{ height:2.5rem; }
.modal-dialog{
  height:100%;
  display:flex;
  align-items: center;
  justify-content: space-between;
}

.modal-close.wh-32{ width:2rem; height:2rem; }

.modal.quizz{ background: rgba(255,255,255, 0.90); }
.modal.infos, .modal.quizz{overflow:hidden; overflow-y:scroll; }
.modal.infos::-webkit-scrollbar, .modal.quizz::-webkit-scrollbar { display: none; }
.modal.infos, .modal.quizz{ -ms-overflow-style: none; scrollbar-width: none; }
.modal.bm-1-fix{ background: rgba(var(--cyan-1-rgba), 0.5); }
.modal.bm-1-fix .modal-div{ background: var(--cyan-1); }
.modal.bm-1-fix .bg-2-fix{ background: var(--cyan-2); }
.modal.bm-2-fix{ background: rgba(var(--green-1-rgba), 0.5); }
.modal.bm-2-fix .modal-div{ background: var(--green-1); }
.modal.bm-2-fix .bg-2-fix{ background: var(--green-2); }
.modal.bm-3-fix{ background: rgba(var(--yellow-1-rgba), 0.5); }
.modal.bm-3-fix .modal-div{ background: var(--yellow-1); }
.modal.bm-3-fix .bg-2-fix{ background: var(--yellow-2); }
.modal.bm-4-fix{ background: rgba(var(--teal-1-rgba), 0.5); }
.modal.bm-4-fix .modal-div{ background: var(--teal-1); }
.modal.bm-4-fix .bg-2-fix{ background: var(--teal-2); }
.modal.bm-5-fix{ background: rgba(var(--red-1-rgba), 0.5); }
.modal.bm-5-fix .modal-div{ background: var(--red-1); }
.modal.bm-5-fix .bg-2-fix{ background: var(--red-2); }
.modal.bm-6-fix{ background: rgba(var(--purple-1-rgba), 0.5); }
.modal.bm-6-fix .modal-div{ background: var(--purple-1); }
.modal.bm-6-fix .bg-2-fix{ background: var(--purple-2); }

.modal .sc-700{ stroke:var(--dark-700); }
.modal .cc-700{ color:var(--dark-700); }
.modal .cc-300{ color:var(--dark-300); }
.modal .cc-600{ color:var(--dark-600); }
.modal .sc-6{ stroke:var(--blue-6); }
.modal .modal-logo{ width: 3.125rem; }

.modal.abort, .modal.quizz{
  /*margin-top:-95px;*/
}
.modal.abort .modal-div, .modal.quizz .modal-div{
  padding:0rem;
  border-color:var(--dark-300);
}
.modal.abort .modal-content, .modal.quizz .modal-content{
  padding-top:2rem;
  padding-left:0.5rem;
  padding-right:0.5rem;
  padding-bottom:0rem;
}
.modal.abort .modal-footer{
  border-top:0.0625rem solid var(--dark-300);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.modal.abort .modal-footer div:first-child{
  border-right:0.0625rem solid var(--dark-300);
}
.modal.abort .modal-footer .modal-footer-btn{
  text-align: center;
  flex:0.5;
  padding-top:1.875rem;
  padding-bottom:1.875rem;
  cursor: pointer;
}

.blocs{
  list-style-type: none; margin: 0; padding: 0;
}
.blocs li:first-child{
  margin-bottom:1.5rem;
}
.infos .infos-performance{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}
.infos .infos-performance div:last-child{
  display: flex;
  flex-direction: row;
  align-items:flex-end;
  justify-content: flex-end;
}
.infos .infos-performance div div{
  display: flex;
  flex-direction: row;
  align-items:flex-end;
  justify-content: flex-end;
  line-height:1.8rem;
}

.table ul{
  list-style-type: none; margin: 0; padding:0; padding-left:1rem; padding-right:1rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}
.table ul li{ text-align:center; }
.graph-container, .table{
  overflow:hidden;
  overflow-x: scroll;
  width:100%;
}
.graph-container::-webkit-scrollbar, .table::-webkit-scrollbar { display: none; }
.graph-container, .table{ -ms-overflow-style: none; scrollbar-width: none; }
.graph-container img{height:0;}

.legend-list{
  display: flex;
  align-items:center;
  cursor: pointer;
}
.legend-list-infos{
  display:none;
}
.legend-list-infos.open{
  display:block;
}
.legend-open{
  align-self: center;
  width:1.375rem; height:1.375rem;
  border:0.0625rem solid var(--dark-600); border-radius:62.5rem;
  display:flex; align-items:center; justify-content:center;
  position:relative;
  transition: border 330ms ease-in-out;
  margin-right:0.5rem;
}
.legend-open svg{
  width:0.75rem;
  transform: rotate(0deg);
}
.legend-open.legend-close svg{
  transform: rotate(180deg);
  margin-top:0.1rem;
}

.infos .infos-avis{
  border:0.0625rem solid;
}

/* ==========================================================================
  WALLET
  ========================================================================== */
.wallet{
  width:100%;
  height:100%;
  position:relative;
}
.wallet .wall{
  position:absolute;
  width:100%;
  height: auto;
  border:0.0625rem solid;
  border-radius:1.875rem;
  z-index:1;
}
.wallet .wall .logo-collection{ display:none; }
.wallet .wall .close-collection{ display:flex; }

/*.wallet .wall.inactive{ animation:move 2s;animation-fill-mode:forwards; }*/
.wallet .wall.active .logo-collection{ display:block; }
.wallet .wall.active .close-collection{ display:none; }
@-webkit-keyframes move {
  0% {z-index:2;opacity:1}
  50% {opacity:0.4}
  100% { z-index:1;opacity:1}
}
@keyframes move {
  0% {z-index:2;opacity:1}
  50% {opacity:0.4}
  100% {z-index:1;opacity:1}
}

.wallet .wall .wall-header{
  padding:1rem; padding-bottom:0rem;
  display:flex;
  flex-direction:row;
  align-items: flex-start;
  justify-content: space-between;
}
.wallet .wall .wall-body{
  padding:1rem; padding-top:0.125rem; padding-bottom:0rem;
}
.wallet .wall .wall-footer{
  padding:1rem; margin-top:1rem;
  padding-top:1.0625rem;
  padding-bottom:1.3125rem;
  border-top:0.0625rem solid;
  display:flex;
  flex-direction:row;
  align-items: center;
  justify-content: space-between;
}
.wallet .wall .wall-picto{
  width:3.125rem; height:3.125rem; overflow:hidden;
}
.wallet .wall .wall-picto .logo-collection{
  width:3.125rem; height:3.125rem;
}
.wallet .wall .wall-picto .close-collection{
  width:3.125rem; height:3.125rem;
  display:flex;
  align-items:flex-start; justify-content:flex-end;
}
.wallet .wall .wall-picto .close-collection svg{
  border:0.0625rem solid;
  border-radius:3rem;
}

/* ==========================================================================
  CALC
  ========================================================================== */
.slider-container{
  width:100%;
  height:2.175rem;
  border-radius:62.5rem;
  background: var(--dark-800);
  position:relative;
}
.slider-container .slider-background{
  position:absolute;
  height:2.175rem;
  min-width:2rem;
  border-radius:62.5rem;
  border:0.0625rem solid var(--dark-200);
  display: flex; flex-direction:row; align-items: center; justify-content: flex-end;
}
.slider-container .slider-button{
  height:0.5rem;
  width:0.125rem;
  background:var(--dark-200);
  margin-right:1rem;
  border-radius:62.5rem;
}

/* ==========================================================================
  FORM > Subscription
  ========================================================================== */
input:focus{ outline: none; }

.form-group{ display: flex; align-items: stretch; }
.form-group .div-input:first-child{ flex:1 }
.form-group .div-input:last-child{ align-self: flex-end; max-width: 15rem; }
.input-mail{
  border:none;
  border-radius: 0;
  background-image:none;
  background-color:transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  font-family: 'Helvetica Neue LT W05 45 Light';
  font-style: italic;
  font-weight: 300;
  letter-spacing: normal;
  font-size: 1rem; line-height: 1.5rem;
  z-index: 997;
  border-bottom: 0.0625rem solid var(--blue-6);
  width: calc(100% - 1rem);
  height: calc(100% - 0.0625rem);
  padding:0;
  padding-bottom:0.5rem;
  text-align:left;
}
.input-mail:focus{ outline: none; }
.input-mail::placeholder{
  font-family: 'Helvetica Neue LT W05 45 Light';
  font-style: italic;
  font-weight: 300;
  letter-spacing: normal;
  color:var(--dark-600);
  font-size: 1rem; line-height: 1.5rem;
  text-align:left;
}
.input-mail.mail-footer{
  border:none;
  border-radius: 0;
  background-image:none;
  background-color:transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  font-family: 'Helvetica Neue LT W05 45 Light';
  font-style: italic;
  font-weight: 300;
  letter-spacing: normal;
  font-size: 1rem; line-height: 1.5rem;
  z-index: 998;
  border-bottom: 0.0625rem solid var(--blue-6);
  width: calc(100% - 1rem);
  height: calc(100% - 0.0625rem);
  padding:0;
  padding-bottom:0.5rem;
  text-align:center;
}
.input-mail.mail-footer:focus{ outline: none; }
.input-mail.mail-footer::placeholder{
  font-family: 'Helvetica Neue LT W05 45 Light';
  font-style: italic;
  font-weight: 300;
  letter-spacing: normal;
  color:var(--blue-6);
  font-size: 1rem; line-height: 1.5rem;
  text-align:center;
  color: var(--blue-6);
}

.form-error{ height:100%; position: relative; }
.form-error .error, .form-error .success, .form-error .without-message{
  position:static;
  font-family:"Helvetica Neue LT W05 45 Light";
  font-style: normal;
  font-weight: 300;
  letter-spacing: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  margin-top:0.5rem;
  left:0;
  width:100%;
  height: calc(100% - 1px);
  z-index: 1;
  opacity: 0;
  display:none;
}
.form-error .without-message{ display:block; }
.form-error .without-message,.form-error .error,.form-error .success{ position:absolute; }
.form-error .without-message.block,.form-error .error.block,.form-error .success.block{ position:relative; }
.form-error.showError .error{ opacity: 1; display:block; color:var(--red-dark); }
.form-error.showError line{ stroke:var(--red-dark); }
.form-error.showError .success, .form-error.showError .without-message{ opacity: 0; display:none; color:var(--green-dark); }
.form-error.showError .input-mail{ opacity: 1; display:block; border-bottom: 0.0625rem solid var(--red-dark); }
.form-error.showSuccess .error, .form-error.showSuccess .without-message{ opacity: 0; display:none; color:var(--red-dark); }
.form-error.showSuccess .success{ opacity: 1; display:block; color:var(--green-dark); }
.form-error.showSuccess .input-mail{ opacity: 1; display:block; border-bottom: 0.0625rem solid var(--green-dark); }

.form-text-error{
  position: relative;
  display:flex;
  color:var(--red-dark);
}
.text-error{color:var(--red-dark);}
.form-text-error svg{ margin-right:0.625rem; margin-top:0.1rem; }
.form-text-error line{ stroke:var(--red-dark); }

.input-search{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height:2.25rem; border:0.0625rem solid var(--blue-6); border-radius:62.5rem;
  margin-top:2rem;
}

.input-search input{
  border:none;
  border-radius: 0;
  background-image:none;
  background-color:transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  position: relative;
  width: 100%;
  z-index: 902;
  padding-left: 5px;
  font-family: 'Utopisy-v12';
  font-style: normal;
  font-weight: normal;
  font-variation-settings: 'wght' 50;
  font-size: 1rem;
  line-height: 0.75rem;
  color: var(--dark-700);
}
.input-search input:focus{ outline: none; }
.input-search .search-container{
  border-bottom: 0px; text-align: center;
  background:url('../img/pictos/search.svg') center center no-repeat;
  width: 1.8rem;
  height: 1.8rem;
  margin-left:0.625rem;
  display: flex;
}

.part.open{ opacity: 1; }
.part.close{ opacity: 0; display:none; }
.step{ opacity: 0.3; position:relative; transition: opacity 1s ease-in-out; }
.step::before{
  content:'';
  background:transparent;
  width:100%; height:100%; position:absolute;
  z-index:997;
}
.step.open{ opacity: 1; transition: opacity 1s ease-in-out; }
.step.open::before{ display:none; }
.step.close{ opacity: 0; display:none; }
.step-recap.open{ opacity: 1; transition: opacity 1s ease-in-out; }
.step-recap.close{ opacity: 0; display:none; }

.selects .select{
  margin-bottom:0.5rem;
  margin-right:1rem;
  cursor:pointer;
  display:none;
  align-items:center; justify-content:center;
}
.selects .select.show{
  display:inline-flex;
}
.selects .select .select-text{
  border: 0.0625rem solid var(--dark-700);
  border-radius:2rem;
  height:auto; display:inline-block; padding-left:1.5rem; padding-right:1.5rem; padding-top:0.225rem; padding-bottom:0.325rem;
}
.selects .select .btn-delete{
  align-self: center;
  width:1.1rem; height:1.1rem;
  margin-left:0.45rem;
  border:0.0625rem solid var(--blue-6); border-radius:2.2rem;
  display:flex; align-items:center; justify-content:center;
  position:relative;
}
.selects .select .btn-delete svg{
  width:0.5rem; height:0.5rem;
  transform: rotate(45deg);
}
.input-slider-container{
  position:relative;
}
.input-slider-container-track {
  content:'';
  width: calc(100% - 1rem);
  height: 1.875rem;
  margin:0.0625rem;
  border-top-left-radius:2rem;
  border-bottom-left-radius:2rem;
  position:absolute;
  background-color:var(--purple-1);
  transition: box-shadow 0.2s ease-in-out;
}
.input-slider-container-track.purple{ background-color: var(--purple-1); }
.input-slider-container-track.purple.tint-1{ background-color: var(--purple-1); }
.input-slider-container-track.purple.tint-2{ background-color: var(--purple-2); }
.input-slider-container-track.purple.tint-3{ background-color: var(--purple-3); }
.input-slider-container-track.purple.tint-4{ background-color: var(--purple-4); }
.input-slider-container-track.purple.tint-5{ background-color: var(--purple-5); }
.input-slider-container-track.purple.tint-6{ background-color: var(--purple-6); }
.input-slider-container-track.red{ background-color: var(--red-1); }
.input-slider-container-track.red.tint-1{ background-color: var(--red-1); }
.input-slider-container-track.red.tint-2{ background-color: var(--red-2); }
.input-slider-container-track.red.tint-3{ background-color: var(--red-3); }
.input-slider-container-track.red.tint-4{ background-color: var(--red-4); }
.input-slider-container-track.red.tint-5{ background-color: var(--red-5); }
.input-slider-container-track.red.tint-6{ background-color: var(--red-6); }

.slider-disabled .input-slider-container-track { background-color:var(--dark-300); }
.slider-disabled .input-slider-container-track.purple{ background-color: var(--dark-300); }
.slider-disabled .input-slider-container-track.red{ background-color: var(--dark-300); }

input[type="range"].slider {
  -webkit-appearance: none;
  outline: 0;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  border: 0.0625rem solid var(--dark-800);
  width: 100%;
  max-width: 100%;
  height: 2rem;
  margin:0;
  background-color:transparent;
}
.slider-disabled input[type="range"].slider { border: 0.0625rem solid var(--dark-300); }
input[type="range"].slider::-webkit-slider-thumb{
  -webkit-appearance: none;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  border: 0.0625rem solid var(--dark-800);
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  background-color: #FFF;
  background-image:url("data:image/svg+xml;utf8,<svg width='1' height='12' viewBox='0 0 1 12' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 0.5C0 0.223858 0.223858 0 0.5 0C0.776142 0 1 0.223858 1 0.5V11.5C1 11.7761 0.776142 12 0.5 12C0.223858 12 0 11.7761 0 11.5V0.5Z' fill='%232E71EF'/></svg>");
  background-position:center center;
  background-repeat: no-repeat;
  position: relative;
  transition: box-shadow 0.3s ease-in-out;
  left:-0.0625rem;
}
.slider-disabled input[type="range"].slider::-webkit-slider-thumb{
  border: 0.0625rem solid var(--dark-300);
  background-image:url("data:image/svg+xml;utf8,<svg width='1' height='12' viewBox='0 0 1 12' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 0.5C0 0.223858 0.223858 0 0.5 0C0.776142 0 1 0.223858 1 0.5V11.5C1 11.7761 0.776142 12 0.5 12C0.223858 12 0 11.7761 0 11.5V0.5Z' fill='%23A6A6A6'/></svg>");
}
input[type="range"].slider::-webkit-slider-runnable-track{
  -webkit-appearance: none;
  height: 2rem;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  background: transparent;
  transition: box-shadow 0.3s ease-in-out;
}
input[type="range"].slider::-moz-range-thumb {
  -webkit-appearance: none;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  border: 0.0625rem solid var(--dark-800);
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  background:#FFFFFF;
  background-image:url("data:image/svg+xml;utf8,<svg width='1' color='red' height='12' viewBox='0 0 1 12' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 0.5C0 0.223858 0.223858 0 0.5 0C0.776142 0 1 0.223858 1 0.5V11.5C1 11.7761 0.776142 12 0.5 12C0.223858 12 0 11.7761 0 11.5V0.5Z' fill='%23292929'/></svg>");
  background-position:center center;
  background-repeat: no-repeat;
  position: relative;
  transition: box-shadow 0.3s ease-in-out;
}
.slider-disabled input[type="range"].slider::-moz-range-thumb{ border: 0.0625rem solid var(--dark-300); }
input[type="range"].slider::-moz-range-track {
  -webkit-appearance: none;
  height: 2rem;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  background: transparent;
  transition: box-shadow 0.3s ease-in-out;
}

/*
input[type="range"].slider.purple::-webkit-slider-thumb{ box-shadow: -101vw 0 0 98vw var(--purple-1); }
input[type="range"].slider.purple::-moz-range-thumb{ box-shadow: -101vw 0 0 98vw var(--purple-1); }
input[type="range"].slider.purple.tint-1::-webkit-slider-thumb{ box-shadow: -101vw 0 0 98vw var(--purple-1); }
input[type="range"].slider.purple.tint-1::-moz-range-thumb{ box-shadow: -101vw 0 0 98vw var(--purple-1); }
input[type="range"].slider.purple.tint-2::-webkit-slider-thumb{ box-shadow: -101vw 0 0 98vw var(--purple-2); }
input[type="range"].slider.purple.tint-2::-moz-range-thumb{ box-shadow: -101vw 0 0 98vw var(--purple-2); }
input[type="range"].slider.purple.tint-3::-webkit-slider-thumb{ box-shadow: -101vw 0 0 98vw var(--purple-3); }
input[type="range"].slider.purple.tint-3::-moz-range-thumb{ box-shadow: -101vw 0 0 98vw var(--purple-3); }
input[type="range"].slider.purple.tint-4::-webkit-slider-thumb{ box-shadow: -101vw 0 0 98vw var(--purple-4); }
input[type="range"].slider.purple.tint-4::-moz-range-thumb{ box-shadow: -101vw 0 0 98vw var(--purple-4); }
input[type="range"].slider.purple.tint-5::-webkit-slider-thumb{ box-shadow: -101vw 0 0 98vw var(--purple-5); }
input[type="range"].slider.purple.tint-5::-moz-range-thumb{ box-shadow: -101vw 0 0 98vw var(--purple-5); }


input[type="range"].slider.purple.tint-6::-moz-range-thumb{ box-shadow: -101vw 0 0 98vw var(--purple-6); }

input[type="range"].slider.red::-webkit-slider-thumb{ box-shadow: -101vw 0 0 98vw var(--red-1); }
input[type="range"].slider.red::-moz-range-thumb{ box-shadow: -101vw 0 0 98vw var(--red-1); }
input[type="range"].slider.red.tint-1::-webkit-slider-thumb{ box-shadow: -101vw 0 0 98vw var(--red-1); }
input[type="range"].slider.red.tint-1::-moz-range-thumb{ box-shadow: -101vw 0 0 98vw var(--red-1); }
input[type="range"].slider.red.tint-2::-webkit-slider-thumb{ box-shadow: -101vw 0 0 98vw var(--red-2); }
input[type="range"].slider.red.tint-2::-moz-range-thumb{ box-shadow: -101vw 0 0 98vw var(--red-2); }
input[type="range"].slider.red.tint-3::-webkit-slider-thumb{ box-shadow: -101vw 0 0 98vw var(--red-3); }
input[type="range"].slider.red.tint-3::-moz-range-thumb{ box-shadow: -101vw 0 0 98vw var(--red-3); }
input[type="range"].slider.red.tint-4::-webkit-slider-thumb{ box-shadow: -101vw 0 0 98vw var(--red-4); }
input[type="range"].slider.red.tint-4::-moz-range-thumb{ box-shadow: -101vw 0 0 98vw var(--red-4); }
input[type="range"].slider.red.tint-5::-webkit-slider-thumb{ box-shadow: -101vw 0 0 98vw var(--red-5); }
input[type="range"].slider.red.tint-5::-moz-range-thumb{ box-shadow: -101vw 0 0 98vw var(--red-5); }
input[type="range"].slider.red.tint-6::-webkit-slider-thumb{ box-shadow: -101vw 0 0 98vw var(--red-6); }
input[type="range"].slider.red.tint-6::-moz-range-thumb{ box-shadow: -101vw 0 0 98vw var(--red-6); }*/

.toggle{
  position:relative;
  border: 0.0625rem solid var(--dark-800);
  border-radius:2rem;
  width:3.375rem;
  height: 2rem;
  background:var(--dark-001);
  cursor:pointer;
  margin-right:1rem;
}
.toggle .toggle-button{
  position:absolute;
  border: 0.0625rem solid var(--dark-800);
  border-radius:2rem;
  width:2rem;
  height:2rem;
  top:-0.0625rem;
  left:-0.0625rem;
  background:var(--dark-100);
  cursor: pointer;
  transition: left 0.5s ease-in-out;
}
.toggle.selected{
  background:var(--dark-300);
}
.toggle.selected .toggle-button{
  right:-0.0625rem;
  left:auto;
}

.form-input-with-label label{
  display:flex;
  align-items: center;
  justify-content: flex-start;
}
.form-input-with-label label svg{
  margin-right:0.5rem;
  width:0.25rem;
  height:0.5rem;
}
.form-input-with-label label svg.help{
  margin-left:0.5rem;
  width:1rem;
  height: 1rem;
  cursor: pointer;
}
.form-input-with-label label svg.label{
  width: 0.625rem;
  display:inline;
}
.form-input-with-label label svg.label.hide{
  width: 0.625rem;
  display:none;
}
.form-input-with-label .bulle-info.hide{
  display:none;
}
.form-input-with-label .bulle-info{
  display:block;
  margin:0;
  margin-bottom:0.5rem;
  margin-top:0.5rem;
  padding:1rem;
  border-radius:1.5rem;
}
.form-input-with-label .bulle-info.no-gutters{
  margin:0;
}


.with-label label{
  display:flex;
  align-items: center;
  justify-content: flex-start;
}
.with-label label svg{
  margin-right:0.5rem;
  width:0.5rem;
  height:1rem;
}

.form-input-with-label .fields{
  display:flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction:column;
}
.form-input-with-label .error-message{ display:none; color:var(--red-5); }
.form-input-with-label .error-message{
  position: relative;
  color:var(--red-dark);
}
.form-input-with-label .error-message svg{ margin-right:0.625rem; margin-top:0.1rem; }
.form-input-with-label .error-message line{ stroke:var(--red-dark); }

.title-error{
  color:var(--red-5)!important;
}

.warning-message{ display:none; }
.warning-message{
  position: relative;
  color:var(--dark-700);
  margin-top:1rem;
}
.warning-message svg{ width:2rem; margin-right:0.625rem; margin-top:0.1rem; }

.form-input-with-label .fields .icon{ margin-right:0.5rem; }

.form-input-with-label.error label{
  color:var(--red-5);
}
.form-input-with-label.error input{
  color:var(--red-5);
}
.form-input-with-label.error .input-text.light input{ border-color: var(--red-5); }
.form-input-with-label.error .input-text.light select{ border-color: var(--red-5); }
.form-input-with-label.error .input-date.light select{ border-color: var(--red-5); }
.form-input-with-label.error .input-select.light select{ border-color: var(--red-5); }
.form-input-with-label.error .input-bullet{ color:var(--red-5); }
.form-input-with-label.error .input-bullet .bullet{ border-color:var(--red-5); }
.form-input-with-label.error .error-message{ display:flex; }

.input-date{
  display:flex;
  align-items: center;
  justify-content: flex-start;
  color:var(--dark-600); font-family: 'Helvetica Neue LT W05 45 Light'; font-weight: 300; letter-spacing: normal; font-size: 1.125rem; line-height: 1.5rem;
}
.input-date select{
  margin-right:0.5rem;
  width:5.625rem; height:2.25rem; border: 0.0625rem solid; border-color: var(--blue-6); border-radius: 0.75rem; background: transparent; color:var(--blue-6); font-family: 'Helvetica Neue LT W05 45 Light'; font-weight: 300; letter-spacing: normal; font-size: 0.875rem; line-height: 1.25rem; text-align:center;}
.input-date select:last-child{
  margin-right:0rem;}

.input-date.light select{
  border-color: var(--dark-300);
  color: var(--dark-700);
  padding-left:1rem;
  padding-right:1rem;
  padding-top:0.25rem;
  padding-bottom:0.25rem;

  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 1L3.08 3L5.16 5L9 1' stroke='%23A6A6A6' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 8px);
  background-position-y: 50%;
}
.input-date.light select:invalid{
  color: var(--dark-300);
}
.input-date.text-left select{ text-align:left; }
.form-input-with-label .input-date.light select{ margin-top:0.375rem; }

.input-select{
  display:flex;
  align-items: center;
  justify-content: flex-start;
  color:var(--dark-600); font-family: 'Helvetica Neue LT W05 45 Light'; font-weight: 300; letter-spacing: normal; font-size: 1.125rem; line-height: 1.5rem;
}
.input-select select{
  width:100%; height:2.25rem; border: 0.0625rem solid; border-color: var(--dark-700); border-radius: 0.75rem; background: transparent; color:var(--dark-700); font-family: 'Helvetica Neue LT W05 45 Light'; font-weight: 300; letter-spacing: normal; font-size: 0.875rem; line-height: 1.25rem; text-align:center;

  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 1L3.08 3L5.16 5L9 1' stroke='%23A6A6A6' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 8px);
  background-position-y: 50%;
}

.input-select.light select{
  border-color: var(--dark-300);
  color: var(--dark-700);
  padding-left:1rem;
  padding-right:1rem;
  padding-top:0.25rem;
  padding-bottom:0.25rem;

}
.input-select.light select:invalid{
  color: var(--dark-300);
}
.input-select.text-left select{ text-align:left; }
.form-input-with-label .input-select.light select{ margin-top:0.375rem; }

.input-text{
  display:flex;
  align-items: center;
  justify-content: flex-start;
  color:var(--dark-600); font-family: 'Helvetica Neue LT W05 45 Light'; font-weight: 300; letter-spacing: normal; font-size: 1.125rem; line-height: 1.5rem;
}
.input-text input{

  width:100%; height:2.25rem;
  border: 0.0625rem solid;
  border-color: var(--blue-6);
  border-radius: 0.75rem;
  background: transparent;
  color:var(--dark-800);
  font-family: 'Helvetica Neue LT W05 45 Light';
  font-weight: 300; letter-spacing: normal; font-size: 0.875rem; line-height: 1.25rem;
  text-align:left;
  padding-left:1rem;
  padding-right:1rem;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
}
.input-text.light input{ border-color: var(--dark-300); }
.form-input-with-label .input-text.light input{ margin-top:0.375rem; }
.input-text.light input::placeholder{
  color:var(--dark-300);
}
.input-text.city {position:relative;}
.input-text.city input{
  padding-left:2.375rem;
}
.input-text.city svg{
  position:absolute;
  left:1rem;
  top:1.0625rem;
}
.input-text.phone {position:relative;}
.input-text.phone input{
  padding-left:4.375rem;
}
.input-text.phone select{
  position:absolute;
  width:4rem; height:2.25rem; border: 0.0625rem solid; border-color: var(--dark-300); border-radius: 0.75rem; background: transparent; color:var(--dark-300); font-family: 'Helvetica Neue LT W05 45 Light'; font-weight: 300; letter-spacing: normal; font-size: 0.875rem; line-height: 1.25rem; text-align:center;
  left:0;
  top:0.375rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
}
.input-text.light input.error{ border-color: var(--red-dark); }
.input-text.light select.error{ border-color: var(--red-dark); }
.input-date.light select.error{ border-color: var(--red-dark); }
.input-select.light select.error{ border-color: var(--red-dark); }
.input-bullets.error .input-bullet{ color:var(--red-dark); }
.input-bullets.error .input-bullet .input-label{ color:var(--red-dark)!important; }
.input-bullets.error .input-bullet .bullet{ border-color:var(--red-dark); }
.input-text.inline{
    display:inline-block;
    top:0rem;
    border: none;
    border-radius: 0;
    background-image: none;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size: 1rem; line-height: 1.5rem;
    border-bottom: 0.0625rem solid var(--dark-700);
    height: calc(100% - 0.0625rem);
}

.input-number{
  display:flex;
  align-items: flex-end;
  justify-content: flex-start;
  color:var(--dark-300);
  font-family: 'Utopisy-v12';
  font-style: normal;
  font-weight: 50;
  font-variation-settings: 'wght' 50;
  font-size: 1.5rem; line-height: 1.5rem;
  position:relative;
}
.input-number.with-euro:after{
  content:'€';
  font-family: 'Utopisy-v12';
  font-style: normal;
  font-weight: 50;
  font-variation-settings: 'wght' 50;
  color:var(--dark-300);
  font-size: 1.125rem; line-height: 1.5rem;
  position:absolute;
  right:-1rem;
  top:0.0025rem;
}
.input-number input{ width:5rem; height: 1.375rem; padding:0; border:0; border-bottom: 0.0625rem solid; border-color: var(--dark-300); background: transparent; color:var(--dark-600); font-family: 'Utopisy-v12';
  font-style: normal;
  font-weight: 50;
  font-variation-settings: 'wght' 50;
  font-size: 1.125rem; line-height: 1.5rem; text-align:center;
}
.input-number input::placeholder{
  font-family: 'Utopisy-v12';
  font-style: normal;
  font-weight: 50;
  font-variation-settings: 'wght' 50;
  color:var(--dark-200);
  font-size: 1.125rem; line-height: 1.5rem;
  text-align:center;
}

.input-number.inline{
  display:inline-block;
  top:0rem;
}
.input-number.inline input{
  width:auto;
  font-family: 'Utopisy-v12';
  font-style: normal;
  font-weight: normal;
  font-variation-settings: 'wght' 50;
  color:var(--dark-800);
  font-size: 1.5rem; line-height: 1.5rem; letter-spacing: 0.125rem;
  border:none;
  height: 1.6rem;
  border-bottom: 0.0625rem solid; border-color: var(--dark-800);
}
.slider-disabled .input-number.inline input{
  color:var(--dark-300);
  border-bottom: 0.0625rem solid; border-color: var(--dark-300);
}
.input-number.inline input::-webkit-outer-spin-button,
.input-number.inline input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.input-number.inline input[type=number] {
  -moz-appearance:textfield; /* Firefox */
}

.input-bullet{
  cursor: pointer;
  display:flex;
  align-items: flex-start;
  justify-content: flex-start;
  color:var(--dark-600); font-family: 'Helvetica Neue LT W05 45 Light'; font-weight: 300; letter-spacing: normal; font-size: 1rem; line-height: 1.5rem;
}
.input-bullet .bullet{
  display:flex;
  align-items: center;
  justify-content: center;
  width:1rem; min-width:1rem; height:1rem; min-height:1rem; border-radius:2rem; top:0.15rem;
  border: 0.0625rem solid; border-color: var(--dark-800);
  margin-right:0.5rem;
  position:relative;
}
@media screen and (max-width: 576px) {
.bullet-quizz-mobile {
  width: 1.3rem !important;
  height: 0.8rem !important;
}
}

.input-bullet.selected .bullet::after{
  content:'';
  position:absolute;
  border-radius:2rem;
  background:var(--dark-800);
  width:0.5rem; height:0.5rem;
}
.input-bullet .input-label {
  max-width:340px;
}
.modal.quizz .input-bullet .input-label {
  max-width:none;
}
.input-bullet .input-label span{
  color:var(--dark-200);
}
.input-bullet .input-label span.text-dark-600{
  color:var(--dark-600);
}

.bg-gradient-values{ width: 100%; border: 0.0625rem solid; border-color: var(--dark-600); background: linear-gradient(45deg, #ffffff, var(--blue-1));}
.bg-gradient-values.full{ width: 100%; height: 1vh; position:fixed;}
.bg-gradient-values.mobile{ width: 100%; margin-right:0;}

.list-9-content{
  cursor: pointer;
  border:0.0625rem solid var(--dark-600); border-radius:1.625rem;
  color: var(--dark-700);
  border-color:var(--dark-700);
  background-color:transparent;
}
.list-9-content .container{ padding:0; }
.hidden-mobile .list-9-content{
  margin:1rem;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
.list-9-content.no-border{
  border-bottom: 0;
}
.list-9-content .list-9-bar{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  display: flex; flex-direction:row; align-items:flex-start; justify-content: center;
}
.list-9-content .list-9-bar .list-9-title{ flex:1; font-size:1.125rem; }
.list-9-content .list-9-bar .list-9-open{
  align-self: center;
  width:1.375rem; height:1.375rem;
  border:0.0625rem solid; border-radius:62.5rem;
  display:flex; align-items:center; justify-content:center;
  position:relative;
  transition: border 330ms ease-in-out;
}
.list-9-content .list-9-bar .list-9-open svg{
  width:0.5rem; height:0.5rem;
  transform: rotate(0deg);
  transition: transform 330ms ease-in-out;
}
.list-9-content .list-9-bar .list-9-open.list-9-close svg{
  transition: transform 330ms ease-in-out;
  transform: rotate(45deg);
}
.list-9-content .list-9-text{ overflow: hidden; transition:height 0.3s ease-out; height:auto; }
.list-9-content .list-9-text div{ padding:1.625rem; padding-top:0; padding-left: 0.625rem; padding-right: 0.625rem; }
.list-9-content .list-9-text .ft-title-sm{ font-size:0.875rem; }

/* ==========================================================================
  FOOTER
  ========================================================================== */
footer{ color: var(--dark-800); background: #FF7870; overflow:hidden; border-top: 0.0625rem solid var(--dark-800); }
.fo-content{
  cursor: pointer;
  border-bottom: 0.0625rem solid var(--dark-800);
}
.fo-content.no-border{
  border-bottom: 0;
}
.fo-content .fo-bar{
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex; flex-direction:row; align-items: stretch; justify-content: center;
}

.fo-content .fo-bar .fo-title{ flex:1; padding-top:0.5rem; font-size:1.125rem; }
.fo-content .fo-bar .fo-open{
  align-self: center;
  width:1.375rem; height:1.375rem;
  border:0.0625rem solid var(--dark-800); border-radius:62.5rem;
  display:flex; align-items:center; justify-content:center;
  position:relative;
  transition: border 330ms ease-in-out;
}
.fo-content .fo-bar .fo-open.fo-close{
  border:0.0625rem solid var(--dark-800);
}
.fo-content .fo-bar .fo-open svg{
  width:0.5rem; height:0.5rem;
  transform: rotate(0deg);
  transition: transform 330ms ease-in-out;
}
.fo-content .fo-bar .fo-open.fo-close svg{
  transition: transform 330ms ease-in-out;
  transform: rotate(45deg);
}
.fo-content .fo-text{ overflow: hidden; transition:height 0.3s ease-out; height:auto; color: var(--dark-600); }
.fo-content .fo-text .ft-title-sm{ font-size:0.875rem; }

.fo-text .fo-question{
  padding-top: 1.5rem;
  display: flex; flex-direction:row; align-items: stretch; justify-content: flex-start;
  border-top:0.0625rem solid var(--dark-800);
}
.fo-text .fo-question .fo-question-title{ flex:1; padding-top:0.5rem; font-size:1rem; color: var(--dark-800); }
.fo-text .fo-question .fo-question-open{
  align-self: center;
  width:2rem; height:2rem;
  display:flex; align-items:center; justify-content:center;
  position:relative;
}
.fo-text .fo-question .fo-question-open svg{
  width:0.5rem; height:0.5rem;
  margin-top:0.5rem;
  transform: rotate(0deg);
  transition: transform 330ms ease-in-out;
}
.fo-text .fo-question .fo-question-open.fo-question-close svg{
  transition: transform 330ms ease-in-out;
  transform: rotate(45deg);
}
.fo-text .fo-answer{ overflow: hidden; transition:height 0.3s ease-out; height:auto; }
.fo-text .fo-answer span{ font-size:0.875rem; }
.fo-text .fo-answer a{ margin-top: 1.5rem; font-size:0.875rem; display: inline-block;color: var(--dark-600); }
.fo-text .fo-answer div{ padding-top: 1.5rem; font-size:0.875rem; }

.fo-content .fo-text .fo-text-logo img{ width:4.9375rem; }
.fo-content .fo-text .logo-frenchtech{ width:18%; }
.fo-content .fo-text .logo-amf{ width:18%; }

footer .fo-newsletter{
  color: var(--dark-800);
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex; flex-direction:column; }
footer .fo-newsletter .fo-newsletter-title{ flex:1; text-align: center; color: var(--dark-800); }
footer .fo-newsletter .fo-newsletter-subscribe{ flex:1;  align-self: center; color: var(--dark-800); }
footer .fo-newsletter .input-mail.mail-footer{ padding-right:1.5rem; padding-left:1.5rem; }

.fo-newsletter-subtitle {
  color:var(--dark-600);
}

.list-2{
  display: flex; flex-direction:row; list-style-type:none; align-items: center; justify-content: space-between; margin:0; padding:0; padding-left:1.125rem; padding-right:1.125rem; height:100%;
}
.list-2 li{ display: flex; flex-direction:row; align-items: center; justify-content: center; width:3rem; height:3rem;}
.list-2 li a{
  width:2.5rem; height:2.5rem;
  border:0.0625rem solid var(--dark-800); border-radius:62.5rem;
  display:flex; align-items:center; justify-content:center;
  position:relative;
}
.list-2 li a img{
  height:1.25rem;
  color: #000;
}
footer .list-2{
  padding-top: 2.125rem;
  padding-bottom: 2.125rem;
}

footer .fo-copy{
  padding-bottom: 2rem;
  padding-top: 0.625rem;
}
footer .fo-copy a{ text-decoration:none; color: var(--dark-800); }
footer .fo-copy a:hover{ text-decoration:none; color: var(--dark-600); }
footer .list-3{ display: flex; flex-direction:row; list-style-type:none; align-items: center; justify-content:center; margin:0; padding:0; height:100%; padding-top: 2rem; }
footer .list-3 li{ display: flex; flex-direction:row; align-items: center; margin-left: 1.875rem; margin-right: 1.875rem; }
footer .list-3 li:first-child{ margin-left:0; }
footer .list-3 li:last-child{ margin-right:0; }
footer .list-3 li a{ text-decoration:none; color: var(--dark-800); }
footer .list-3 li a:hover{ text-decoration:none; color: var(--dark-600); }

/* ==========================================================================
   Background + Colors
   ========================================================================== */

.background .bg-fix-1{ background-color:var(--cyan-600) !important; }

/* ==========================================================================
   Slides
   ========================================================================== */
.slides{
  margin:auto;
  margin-top:3rem;
  margin-bottom:7.5rem;
  cursor:pointer;
}
.slides.nomarges{
  margin:auto;
  margin-top:0rem;
  margin-bottom:0rem;
}
.slides-wide{
  width:100%;
  overflow: hidden;
}
.slides-wide::-webkit-scrollbar { display: none; }
.slides-wide { -ms-overflow-style: none; scrollbar-width: none; }

.slides-container{
  display: flex;
  flex-direction: row;
}
.slide-content{
  width:100%;
  display:flex;
  flex-direction:column;
  justify-content: flex-end;
}
.slide-content.vertical-center{
  justify-content: center;
}

.slide-content div.marges{ margin-left:0.78125rem; margin-right:0.78125rem; }
.slide-content p.marges{ margin-left:0.78125rem; margin-right:0.78125rem; }

.margesauto{ margin:auto; }
.slides-navigation ul{
  margin:0; padding:0; margin-top:1rem;
  list-style-type: none;
  display: flex;
  flex-direction: row;
  align-items:center;
  justify-content:center;
}
.slides-navigation ul li{
  width:0.75rem;
  height:0.75rem;
  border: 0.0625rem solid;
  border-radius:0.75rem;
  margin:0.375rem;
  cursor:pointer;
}
.slide-content u{ text-decoration: none; position:relative; }
strike{ text-decoration: none; position:relative; }
strike.a1.strike span, strike.a2.strike span, strike.a3.strike span, strike.a4.strike span{
  /*width:0%; height:0.25rem; left: 0rem; top: calc(57% + 0.1625rem); position:absolute;*/
  width:0%; height:0.125rem; left: 0rem; top: calc(57%); position:absolute;
  animation-name: strike;
  animation-duration: 0.7s;
  animation-fill-mode: forwards;
  -webkit-animation-name: strike;
  -webkit-animation-duration: 0.7s;
  -webkit-animation-fill-mode: forwards;
}
u.a1.strike span{
  /*width:0%; height:0.25rem; left: 0rem; bottom: 0.2rem; position:absolute;*/
  width:0%; height:0.125rem; left: 0rem; bottom: 0.2rem; position:absolute;
  animation-name: strike;
  animation-duration: 0.7s;
  animation-fill-mode: forwards;
  -webkit-animation-name: strike;
  -webkit-animation-duration: 0.7s;
  -webkit-animation-fill-mode: forwards;
}
@keyframes strike { 0% { width: 0; } 100% { width: 100%; } }

.bubble{
  display:flex;
  align-items:center;
  justify-content: space-between;
  flex-direction:row;
  border:0.0625rem solid var(--dark-700);
  border-radius:1.5625rem;
  padding-left:0.75rem;
  padding-right:0.75rem;
  padding-top:0.375rem;
  padding-bottom:0.375rem;
}
.bubble .bubble-col{ margin: 0; }

.calcs{
  width:calc(100%);
  /*padding:1.625rem;*/
  border:0.0625rem solid var(--dark-700);
  border-radius:1.875rem;
}
.calcs .calcs-header{
  padding:1rem;
  border-bottom:0.0625rem solid var(--dark-700);

}
.calcs .calcs-footer{
  padding:1rem;
  display:flex;
  align-items: stretch;
  justify-content:center;
  flex-direction: row;
}
.calcs .calcs-footer .calcs-col{
  flex:1;
}
.calcs .calcs-footer .calcs-col:first-child{
  border-right:0.0625rem solid var(--dark-700);
}

.picto-title{
  margin-top:-0.4rem;
  margin-right:1rem;
  width:4rem;
  height:4rem;
  border:0.0625rem solid; border-radius:50%;
  display:flex;
  align-items: center;
  justify-content: center;
  background: rgba(251, 251, 251, 0.4);
}
.picto-title img{
  width:2rem;
  height:2rem;
  margin-top:-0.4rem;
}

/* ==========================================================================
   Page animations
   ========================================================================== */
.svg-introduction #rotate{
  transform: rotate(0deg);
  transform-origin:50% 50%;
  -webkit-animation: 6s linear 0s infinite svg_introduction;
  animation: 6s linear 0s infinite svg_introduction;
}
@-webkit-keyframes svg_introduction {
  0% { transform: rotate(0deg) }
  100% { transform: rotate(360deg) }
}
@keyframes svg_introduction {
  0% { transform: rotate(0deg) }
  100% { transform: rotate(360deg) }
}
.scroll-inducement::after{
  content: "";
  display: block;
  position: absolute;
  bottom: 2rem;
  left: calc(50% - 0.0625rem);
  width: 0.0625rem;
  height: 1rem;
  opacity: 1;
  z-index:998;
  -webkit-animation: 1s ease-in-out 0s infinite scroll_inducement;
  animation: 1s ease-in-out 0s infinite scroll_inducement;
}
@-webkit-keyframes scroll_inducement {
  0% { height:0; bottom: 2rem; }
  50% { height:2rem; bottom: 0rem; }
  99% { height:0; bottom: 0rem; }
  100% { height:0; bottom: 2rem; }
}
@keyframes scroll_inducement {
  0% { height:0; bottom: 2rem; }
  50% { height:2rem; bottom: 0rem; }
  99% { height:0; bottom: 0rem; }
  100% { height:0; bottom: 2rem; }
}
/*
.cta.txt-sunrise{ color: var(--dark); }
.cta-dynamic.txt-sunrise{ border-color:var(--dark); }
.cta-dynamic.txt-sunrise:hover{ background: var(--dark); color: var(--white); }
.cta.txt-blue-dark{ color: var(--blue-light); }
.cta-dynamic.txt-blue-dark{ border-color:var(--blue-light); }
.cta-dynamic.txt-blue-dark:hover{ background: var(--blue-light); color: var(--white); }
.cta.txt-blue-light{ color: var(--blue-dark); }
.cta-dynamic.txt-blue-light{ border-color:var(--blue-dark); }
.cta-dynamic.txt-blue-light:hover{ background: var(--blue-dark); color: var(--white); }
.cta.txt-purple-light{ color: var(--purple-dark); }
.cta-dynamic.txt-purple-light{ border-color:var(--purple-dark); }
.cta-dynamic.txt-purple-light:hover{ background: var(--purple-dark); color: var(--white); }
.cta.txt-red-light{ color: var(--red-dark); }
.cta-dynamic.txt-red-light{ border-color:var(--red-dark); }
.cta-dynamic.txt-red-light:hover{ background: var(--red-dark); color: var(--white); }
.cta.txt-yellow-light{ color: var(--yellow-dark); }
.cta-dynamic.txt-yellow-light{ border-color:var(--yellow-dark); }
.cta-dynamic.txt-yellow-light:hover{ background: var(--yellow-dark); color: var(--white); }
.cta.txt-green-light{ color: var(--green-dark); }
.cta-dynamic.txt-green-light{ border-color:var(--green-dark); }
.cta-dynamic.txt-green-light:hover{ background: var(--green-dark); color: var(--white); }
.cta.txt-white{ color: var(--dark); }
.cta-dynamic.txt-white{ border-color:var(--dark); }
.cta-dynamic.txt-white:hover{ background: var(--dark); color: var(--white); }
.cta.txt-sunset{ color: var(--dark); }
.cta-dynamic.txt-sunset{ border-color:var(--dark); }
.cta-dynamic.txt-sunset:hover{ background: var(--dark); color: var(--white); }

.txt-blue-light .hr, .txt-blue-dark .hr{ border-color: var(--blue-mid); }
.txt-blue-dark .vertical-hr.hr{ border-color: var(--white); }
.txt-blue-dark .slider-container{ background: var(--blue-mid); }
.txt-blue-dark .slider-container .slider-background{ border:0.0625rem solid var(--white); }
.txt-blue-dark .slider-container .slider-button{ background:var(--white); }

.txt-purple-light .hr{ border-color: var(--purple-mid-light); }
.txt-yellow-light .hr{ border-color: var(--yellow-mid-light); }
.txt-yellow-light .vertical-hr.hr{ border-color: var(--yellow-mid); }
.txt-green-light .hr{ border-color: var(--green-mid-light); }

.txt-red-light .number{ color: var(--red-dark); border:0.0625rem solid var(--red-dark); }
.txt-green-light .number{ color: var(--green-dark); border:0.0625rem solid var(--green-dark); }

.txt-green-light .timer .without-color{ -webkit-text-stroke-color: var(--green-dark); }
.txt-yellow-light .cls-1{ fill: var(--yellow-dark); }
*/

/* ==========================================================================
   Animations
   ========================================================================== */
.ft-animate-wght-50{ font-variation-settings: 'wght' 50!important; }
.ft-animate-wght-50-700{
  animation-name: ft_an_50_700;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  -webkit-animation-name: ft_an_50_700;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards; }

@keyframes ft_an_50_700 { 0% { font-weight: 50; font-variation-settings: 'wght' 50; } 100% { font-weight: 700; font-variation-settings: 'wght' 700; } }

.background.animate-background{
  /*background-size: 200% 200%;
	animation: gradient 15s ease infinite;*/
}

@keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; }}

.fade-in{ opacity: 0;}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
  display: none !important;
}

/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
* Extends the .sr-only class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/

.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
* Hide visually and from screen readers, but maintain layout
*/

.invisible {
  visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

.modal-content{
    position:relative;
    display:flex;
    flex-direction:column;
    width:100%;
    pointer-events:auto;
    background-color:transparent;
    background-clip:padding-box;
    border:none;border-radius:0;outline:0}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster */
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
     * Printing Tables:
     * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
     */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}


.ft-depend-70{
  font-size: 5vw;
}

/* SCREENS --- */
.text-center-mobile{ text-align:center; }
@media screen and (max-width: 768px) {
  header{ padding-left: 1.1875rem; padding-right:  1.1875rem; }
  header.open{
    padding-top:1.375rem;
    padding-bottom:1.375rem;
  }
  header.with-burger .expand-nav{ display:block; }
  header.with-burger .nav{ display: none; }
  header .logo-desktop{ display:none; }
  header .logo-mobile{ display:block; }

  .modal-div{
    width:100%;
    max-width:31.875rem;
    margin:auto;
    margin-top:2rem;
    margin-bottom:2rem;
  }
  .with-blockquote.no-mobile{
    border:0;padding: 0;
  }

}
@media screen and (max-width: 576px) {
  .content-constraint{ width: auto; max-width: 20rem; height:100%; padding-left: 0.1875rem; padding-right:0.1875rem; margin: 0 auto; }
  .content-constraint-mobile{ width: auto; max-width: 20rem; height:100%; padding-left: 0.1875rem; padding-right:0.1875rem; margin: 0 auto; }

  .modal-div{
    width:100%;
    max-width:22rem;
    margin:auto;
    margin-top:2rem;
    margin-bottom:2rem;
  }
  .modal.full-lg .modal-div{ width:calc(100% - 30px); margin-right:15px; margin-left:15px; max-width:none; }
}

@media screen and (min-width: 576px) {
  .modal.abort .modal-content, .modal.quizz .modal-content{
    padding-top:2.625rem;
    padding-left:2rem;
    padding-right:2rem;
    padding-bottom:0rem;
  }
  .modal.abort .modal-footer{
    border-top:0.0625rem solid var(--dark-300);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
  }
  .modal.abort .modal-footer div:first-child{
    border-right:0.0625rem solid var(--dark-300);
  }
  .modal.abort .modal-footer .modal-footer-btn{
    text-align: center;
    flex:0.5;
    padding-top:2.78125rem;
    padding-bottom:2.78125rem;
    cursor: pointer;
  }

  /*input[type="range"].slider.purple::-webkit-slider-thumb{ box-shadow: -101vw 0 0 99vw var(--purple-1); }
  input[type="range"].slider.purple::-moz-range-thumb{ box-shadow: -101vw 0 0 99vw var(--purple-1); }
  input[type="range"].slider.purple.tint-1::-webkit-slider-thumb{ box-shadow: -101vw 0 0 99vw var(--purple-1); }
  input[type="range"].slider.purple.tint-1::-moz-range-thumb{ box-shadow: -101vw 0 0 99vw var(--purple-1); }
  input[type="range"].slider.purple.tint-2::-webkit-slider-thumb{ box-shadow: -101vw 0 0 99vw var(--purple-2); }
  input[type="range"].slider.purple.tint-2::-moz-range-thumb{ box-shadow: -101vw 0 0 99vw var(--purple-2); }
  input[type="range"].slider.purple.tint-3::-webkit-slider-thumb{ box-shadow: -101vw 0 0 99vw var(--purple-3); }
  input[type="range"].slider.purple.tint-3::-moz-range-thumb{ box-shadow: -101vw 0 0 99vw var(--purple-3); }
  input[type="range"].slider.purple.tint-4::-webkit-slider-thumb{ box-shadow: -101vw 0 0 99vw var(--purple-4); }
  input[type="range"].slider.purple.tint-4::-moz-range-thumb{ box-shadow: -101vw 0 0 99vw var(--purple-4); }
  input[type="range"].slider.purple.tint-5::-webkit-slider-thumb{ box-shadow: -101vw 0 0 99vw var(--purple-5); }
  input[type="range"].slider.purple.tint-5::-moz-range-thumb{ box-shadow: -101vw 0 0 99vw var(--purple-5); }
  input[type="range"].slider.purple.tint-6::-webkit-slider-thumb{ box-shadow: -101vw 0 0 99vw var(--purple-6); }
  input[type="range"].slider.purple.tint-6::-moz-range-thumb{ box-shadow: -101vw 0 0 99vw var(--purple-6); }
  input[type="range"].slider.red::-webkit-slider-thumb{ box-shadow: -101vw 0 0 99vw var(--red-1); }
  input[type="range"].slider.red::-moz-range-thumb{ box-shadow: -101vw 0 0 99vw var(--red-1); }
  input[type="range"].slider.red.tint-1::-webkit-slider-thumb{ box-shadow: -101vw 0 0 99vw var(--red-1); }
  input[type="range"].slider.red.tint-1::-moz-range-thumb{ box-shadow: -101vw 0 0 99vw var(--red-1); }
  input[type="range"].slider.red.tint-2::-webkit-slider-thumb{ box-shadow: -101vw 0 0 99vw var(--red-2); }
  input[type="range"].slider.red.tint-2::-moz-range-thumb{ box-shadow: -101vw 0 0 99vw var(--red-2); }
  input[type="range"].slider.red.tint-3::-webkit-slider-thumb{ box-shadow: -101vw 0 0 99vw var(--red-3); }
  input[type="range"].slider.red.tint-3::-moz-range-thumb{ box-shadow: -101vw 0 0 99vw var(--red-3); }
  input[type="range"].slider.red.tint-4::-webkit-slider-thumb{ box-shadow: -101vw 0 0 99vw var(--red-4); }
  input[type="range"].slider.red.tint-4::-moz-range-thumb{ box-shadow: -101vw 0 0 99vw var(--red-4); }
  input[type="range"].slider.red.tint-5::-webkit-slider-thumb{ box-shadow: -101vw 0 0 99vw var(--red-5); }
  input[type="range"].slider.red.tint-5::-moz-range-thumb{ box-shadow: -101vw 0 0 99vw var(--red-5); }
  input[type="range"].slider.red.tint-6::-webkit-slider-thumb{ box-shadow: -101vw 0 0 99vw var(--red-6); }
  input[type="range"].slider.red.tint-6::-moz-range-thumb{ box-shadow: -101vw 0 0 99vw var(--red-6); }*/

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1200px) {
  .ft-desktop-80{
    font-size: 3.5rem!important;
    line-height: 3.5rem!important;
  }
}

@media screen and (min-width: 768px) {
  .hidden-desktop{ display:none; }
  .hidden-mobile{ display:block; }
  .hidden-desktop.inline{ display:none; }

  .ft-desktop-80{
    font-size: 5rem;
    line-height: 5rem;
  }

  .ft-desktop-60{
    font-size: 3.75rem;
    line-height: 3.75rem;
  }

  .ft-title-md.decor.ft-desktop-80{
    font-size: 5rem;
    line-height: 5rem;
  }
  .ft-decor-md.ft-desktop-80{
    font-size: 5rem;
    line-height: 5rem;
  }

  .ft-desktop-40{
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
  .ft-title-md.decor.ft-desktop-40{
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
  .ft-desktop-76{
    font-size: 4.75rem;
    line-height: 4.75rem;
  }
  .ft-desktop-70{
    font-size: 4.375rem;
    line-height: 4.375rem;
  }

  .ft-depend-70{
    font-size: 4vw;
  }
  .ft-desktop-32, .fo-content .fo-bar .fo-title.ft-desktop-32{
    font-size: 2rem;
    line-height: 2rem;
  }
  .ft-desktop-36{
    font-size: 2.25rem;
    line-height: 2.125rem;
  }
  .ft-desktop-16{
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .ft-desktop-18{
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .ft-desktop-22{
    font-size: 1.375rem;
    line-height: 1.7rem;
  }
  .ft-desktop-24{
    font-size: 1.5rem;
    line-height: 1.625rem;
  }
  .ft-desktop-26{
    font-size: 1.625rem;
    line-height: 1.875rem;
  }
  .ft-desktop-28{
    font-size: 1.75rem;
  }
  .space-desktop-15{
    height:1.5rem;
  }
  .space-desktop-120{
    height:7.5rem;
  }
  .space-desktop-260{
    height:10rem;
  }
  .content-constraint-desktop{
    width: auto; max-width: 23.25rem; height:100%; margin: 0 auto;
  }
  .content-constraint-desktop-left{
    width: auto; max-width: 23.25rem; height:100%;
  }
  .content-constraint-desktop-left.h-auto{height: auto;}
  .content-constraint-desktop-lg{
    width: auto; max-width: 30rem; height:100%; margin: 0 auto;
  }
  img.picto-desktop-56{width:3.5rem; height:3.5rem;}
  img.picto-desktop-100{width:6.25rem; height:6.25rem;}
  .picto-title{
    margin-top:-0.8rem;
    margin-right:1rem;
    width:8rem;
    height:8rem;
    border:0.0625rem solid; border-radius:50%;
    display:flex;
    align-items: center;
    justify-content: center;
    background: rgba(251, 251, 251, 0.4);
  }
  .picto-title img{
    width:4rem;
    height:4rem;
    margin-top:-0.8rem;
  }

  .box-align-left{
    display:flex;
    justify-content:flex-start;
  }
  .box-align-right{
    display:flex;
    justify-content:flex-end;
  }
  .box-align-left .content-constraint-desktop,.box-align-right .content-constraint-desktop{
    margin:0;
  }

  .square{ width:5.625rem; height:5.625rem; margin:0 auto; }
  .square b{ margin-top:1.5rem;}

  .halo::after{
    width:10rem;
    height:10rem;
    border-radius:10rem;
  }

  .cta-dynamic.big { height:auto; padding-left:0.625rem; padding-right:0.625rem; padding-top:2rem; padding-bottom:1rem; }

  .modal{
    background: rgba(255,255,255, 0.5);
  }
  .modal-div{
    padding:4.625rem;
    padding-top:2.3rem;
    background: rgba(255,255,255, 1);
    margin:1.625rem auto;
    margin-top:7rem;
    margin-bottom:7rem;
  }
  .modal .modal-close{
    right:2.3rem;
    width:2.5rem; height:2.5rem;
    border:0.0625rem solid; border-radius:62.5rem;
    display:flex; align-items:center; justify-content:center;
    position:absolute;
    cursor:pointer;
  }

  .modal .modal-logo.p-left{ margin-left: 0.6rem; }

  .modal.abort .modal-div, .modal.quizz .modal-div{
    max-width:47.25rem;
  }

  .padding-left-desktop-10{ padding-left: 1rem;}
  .text-center-mobile{ text-align:left; }

  .wallet .wall .wall-header{
    padding:1rem;
    padding-bottom:0.5rem;
    cursor: pointer;
  }
  .wallet .wall .wall-header .wall-title{
    padding-top:0.5rem;
  }
  .wallet .wall .wall-body{
    padding-top:0.5rem;
    padding-bottom:0.5rem;
  }
  .wallet .wall .wall-picto .close-collection{
    width:4.4375rem; height:4.5rem;
  }
  .wallet .wall .wall-picto .close-collection svg{
    width:2rem; height:2rem;
  }
  .wallet .wall .wall-picto{
    width:4.4375rem; height:4.5rem;
  }
  .wallet .wall .wall-picto .logo-collection{
    width:4.4375rem; height:4.5rem;
  }

  strike.a1.strike span, strike.a2.strike span, strike.a3.strike span, strike.a4.strike span{
    height:0.25rem; top: calc(57% + 0.1625rem);
  }
  u.a1.strike span{
    height:0.25rem; bottom: 0.2rem;
  }

  .fo-content .fo-bar{
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
    display: flex; flex-direction:row; align-items: stretch; justify-content: center;
  }
  .fo-content .fo-bar .fo-title{ font-size:2rem; }
  .fo-content .fo-bar .fo-open{
    align-self: center;
    width:2.5rem; height:2.5rem;
  }
  .fo-content .fo-bar .fo-open svg{
    width:0.75rem; height:0.75rem;
  }
  .fo-content .fo-text .ft-title-sm{ font-size:1.125rem; }

  .fo-text .fo-question{
    padding-top: 1.5rem;
  }
  .fo-text .fo-question .fo-question-title{ flex:1; padding-top:0.5rem; font-size:1.125rem; }
  .fo-text .fo-question .fo-question-open{
    width:2rem; height:2rem;
  }
  .fo-text .fo-question .fo-question-open svg{
    width:0.75rem; height:0.75rem;
  }
  .fo-content .fo-text .fo-text-logo img{ width:7.5rem; }
  .fo-content .fo-text .logo-frenchtech{ width:100%; }
  .fo-content .fo-text .logo-amf{ width:100%; }

  footer .fo-newsletter{
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: block; }
  footer .fo-newsletter .fo-newsletter-title{ flex:1; text-align: left; }
  footer .fo-newsletter .fo-newsletter-subscribe{ flex:1;  align-self: flex-end; }
  footer .fo-newsletter .input-mail.mail-footer{ padding-right:1.5rem; padding-left:1.5rem; }

  .text-desktop-left{text-align:left; }

  .page-no-anim.with-gutters{ padding-top:10rem; padding-bottom:8.45rem; }

  header .nav li:first-child{ display:flex; }

  .content-constraint-xlarge{
    max-width: 60rem;
  }
  .ft-title-sm.decor, .ft-title-lg {
    letter-spacing: 0.125rem;
  }

  .graph-container img{width:100%; height:auto; }

  .cta-dynamic.small{ height:auto; padding-left:0.84375rem; padding-right:0.84375rem; padding-top:0.3125rem; padding-bottom:0.3125rem; }
  .cta-dynamic.small.ft-body-lg{ font-size:1.125rem; }

  .table.rounded-corner{
    border-radius:2rem;
    padding-left:1rem;
    padding-right:1rem;
    padding-top:0.6875rem;
    padding-bottom:0.6875rem;
  }


  .slides.constraint-slide{
    max-width:35.25rem;
  }
  .slides.constraint-slide .marges{
    margin:0;
  }
  .slides.constraint-slide .marges.marge{
    margin-left:3rem;
    margin-right:3rem;
  }

  .input-date select{
   width:7.5rem; height:2.25rem;}

  header.header-full{
    background-color:transparent;
    box-shadow: none;
  }

  /*input[type="range"].slider.purple::-webkit-slider-thumb{ box-shadow: -101vw 0 0 100vw var(--purple-1); }
  input[type="range"].slider.purple::-moz-range-thumb{ box-shadow: -101vw 0 0 100vw var(--purple-1); }
  input[type="range"].slider.purple.tint-1::-webkit-slider-thumb{ box-shadow: -101vw 0 0 100vw var(--purple-1); }
  input[type="range"].slider.purple.tint-1::-moz-range-thumb{ box-shadow: -101vw 0 0 100vw var(--purple-1); }
  input[type="range"].slider.purple.tint-2::-webkit-slider-thumb{ box-shadow: -101vw 0 0 100vw var(--purple-2); }
  input[type="range"].slider.purple.tint-2::-moz-range-thumb{ box-shadow: -101vw 0 0 100vw var(--purple-2); }
  input[type="range"].slider.purple.tint-3::-webkit-slider-thumb{ box-shadow: -101vw 0 0 100vw var(--purple-3); }
  input[type="range"].slider.purple.tint-3::-moz-range-thumb{ box-shadow: -101vw 0 0 100vw var(--purple-3); }
  input[type="range"].slider.purple.tint-4::-webkit-slider-thumb{ box-shadow: -101vw 0 0 100vw var(--purple-4); }
  input[type="range"].slider.purple.tint-4::-moz-range-thumb{ box-shadow: -101vw 0 0 100vw var(--purple-4); }
  input[type="range"].slider.purple.tint-5::-webkit-slider-thumb{ box-shadow: -101vw 0 0 100vw var(--purple-5); }
  input[type="range"].slider.purple.tint-5::-moz-range-thumb{ box-shadow: -101vw 0 0 100vw var(--purple-5); }
  input[type="range"].slider.purple.tint-6::-webkit-slider-thumb{ box-shadow: -101vw 0 0 100vw var(--purple-6); }
  input[type="range"].slider.purple.tint-6::-moz-range-thumb{ box-shadow: -101vw 0 0 100vw var(--purple-6); }
  input[type="range"].slider.red::-webkit-slider-thumb{ box-shadow: -101vw 0 0 100vw var(--red-1); }
  input[type="range"].slider.red::-moz-range-thumb{ box-shadow: -101vw 0 0 100vw var(--red-1); }
  input[type="range"].slider.red.tint-1::-webkit-slider-thumb{ box-shadow: -101vw 0 0 100vw var(--red-1); }
  input[type="range"].slider.red.tint-1::-moz-range-thumb{ box-shadow: -101vw 0 0 100vw var(--red-1); }
  input[type="range"].slider.red.tint-2::-webkit-slider-thumb{ box-shadow: -101vw 0 0 100vw var(--red-2); }
  input[type="range"].slider.red.tint-2::-moz-range-thumb{ box-shadow: -101vw 0 0 100vw var(--red-2); }
  input[type="range"].slider.red.tint-3::-webkit-slider-thumb{ box-shadow: -101vw 0 0 100vw var(--red-3); }
  input[type="range"].slider.red.tint-3::-moz-range-thumb{ box-shadow: -101vw 0 0 100vw var(--red-3); }
  input[type="range"].slider.red.tint-4::-webkit-slider-thumb{ box-shadow: -101vw 0 0 100vw var(--red-4); }
  input[type="range"].slider.red.tint-4::-moz-range-thumb{ box-shadow: -101vw 0 0 100vw var(--red-4); }
  input[type="range"].slider.red.tint-5::-webkit-slider-thumb{ box-shadow: -101vw 0 0 100vw var(--red-5); }
  input[type="range"].slider.red.tint-5::-moz-range-thumb{ box-shadow: -101vw 0 0 100vw var(--red-5); }
  input[type="range"].slider.red.tint-6::-webkit-slider-thumb{ box-shadow: -101vw 0 0 100vw var(--red-6); }
  input[type="range"].slider.red.tint-6::-moz-range-thumb{ box-shadow: -101vw 0 0 100vw var(--red-6); }*/

  .player{
    border-radius:1.5rem;
  }
}

@media screen and (min-width: 998px) {
  .hidden-tablet{ display:block; }

  .ft-desktop-70{
    font-size: 4.375rem;
    line-height: 4.375rem;
  }
  .ft-depend-70{
    font-size: 4vw;
  }
}
@media screen and (min-width: 1200px) {
  .ft-desktop-70{
    font-size: 4.375rem;
    line-height: 4.375rem;
  }
  .ft-depend-70{
    font-size: 4.375rem;
  }
}



 /* NAVBAR STYLING STARTS */
.navbar {
  display: flex;
  flex-direction:row;
  list-style-type:none;
  align-items: center;
  margin:0!important;
  padding: 0 !important;
  height:100%;
  align-items: center;
  justify-content: space-between;

 }

 /* NAVBAR MENU */
 .menu {
  display: flex;

 }

 .menu li {
  justify-content: center;
  display: flex;
  flex-direction:row;
  align-items: center;
  margin-left: 1rem;
  margin-right: 1rem;
 }

 /*RESPONSIVE NAVBAR MENU STARTS*/
/* CHECKBOX HACK */
input[type=checkbox]{
  display: none;
 }

 /* APPLYING MEDIA QUERIES */
 @media screen and (max-width: 1024px) {
 .menu {
  position: fixed;
  flex-direction: column;
  z-index: 1;
  display:none;
  right: 0;
  left: 0;
  text-align: center;
  margin: 16px 0;
  padding: 16px 0;
  background-color: var(--dark-100);
 }

 .menu li + li {
  margin-top: 20px;
 }
 input[type=checkbox]:checked ~ .menu{
  display: block;
 }
 }

 @media screen and (min-width: 1024px) {
.nav-links{ display: flex; flex-direction:row; list-style-type:none; align-items: center; margin:0; padding:0; height:100%; }
}

 @media screen and (max-width: 1024px) {
/* HAMBURGER 3 */

.hamburger3 .bar1 {
  transform-origin: 5%;
}

.hamburger3 .bar4 {
  transform-origin: 5%;
}

.checkbox3:checked + label > .hamburger3 > .bar1{
  transform: rotate(45deg);
  height: 1.5px;
  width: 35px;
}

.checkbox3:checked + label > .hamburger3 > .bar3{
  transform: rotate(45deg);
  height: 1.5px;
  background-color: transparent;
}

.checkbox3:checked + label > .hamburger3 > .bar2{
  transform: rotate(-45deg);
  height: 1.5px;
  background-color: transparent;
}

.checkbox3:checked + label > .hamburger3 > .bar4{
  transform: rotate(-45deg);
  height: 1.5px;
  width: 35px;
}

.hamburger {
  margin: 0 auto;
  width: 26px;
  height: 22px;
  position: relative;
}

.hamburger .bar {
  padding: 0;
  width: 26px;
  height: 1.5px;
  display: block;
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
  position: absolute;
}

.bar1 {
  top: 5px;
}

.bar2,
.bar3 {
  top: 16px;
}

.bar3 {
  right: 0;
}

.bar4 {
  bottom: -7px;
}

}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.none-deco {
 text-decoration: none;
}

.modal-close-quizz {
  right: 2rem;
  top: 1rem;
  border-color:var(--dark-300)!important;
}

.popup-onload {
  width: 100vw;
  height: 100vh;
  margin: 0 auto;
  position: fixed;
  z-index: 8000;
  background-color: rgba(0, 0, 0, 0.2);
  justify-content: center;
  align-items: center;
  display: flex;
}
.popup {
  min-width: 350px;
  width: 33%;
  min-height: 150px;
  margin: 50px auto;
  background: #ffffff;
  opacity: 1;
  position: relative;
  z-index: 9000;
  padding: 15px 35px;
  border: 1px solid #2E71EF;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.127);
}
.popup p {
  color: var(--blue-6);
  /* text-align: justify; */
  font-weight: 400;

}

.x {
  color: var(--blue-6);
  font-size: 2rem;
  line-height: 1.6;
  font-family: 'Helvetica Neue LT W05 45 Light';
  font-style: normal;
  font-weight: 300;
  text-decoration: none;
  position: absolute;
  right: 15px;
  top: 0;
}
.x:hover {
  cursor: pointer;
}