@charset "UTF-8";
/* ------------------ FONTS -----------------------*/
@font-face {
  font-family: "SourceSansPro";
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/SourceSansPro-Light.ttf") format("truetype");
}
@font-face {
  font-family: "SourceSansPro";
  font-weight: 200;
  font-style: italic;
  font-display: swap;
  src: url("../fonts/SourceSansPro-LightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "SourceSansPro";
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/SourceSansPro-Regular.ttf") format("truetype");
}
/* semi bold */
@font-face {
  font-family: "SourceSansPro";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/SourceSansPro-SemiBold.ttf") format("truetype");
}
/* semi bold italic */
@font-face {
  font-family: "SourceSansPro";
  font-weight: 600;
  font-style: italic;
  font-display: swap;
  src: url("../fonts/SourceSansPro-SemiBoldItalic.ttf") format("truetype");
}
/* Bold */
@font-face {
  font-family: "SourceSansPro";
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/SourceSansPro-Bold.ttf") format("truetype");
}
/* medium italic */
@font-face {
  font-family: "SourceSansPro";
  font-weight: bold;
  font-style: italic;
  font-display: swap;
  src: url("../fonts/SourceSansPro-BoldItalic.ttf") format("truetype");
}
/* semi bold */
@font-face {
  font-family: "SourceSansPro";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/SourceSansPro-ExtraBold.ttf") format("truetype");
}
/* semi bold italic */
@font-face {
  font-family: "SourceSansPro";
  font-weight: 800;
  font-style: italic;
  font-display: swap;
  src: url("../fonts/SourceSansPro-ExtraBoldItalic.ttf") format("truetype");
}
@keyframes fondu {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideup {
  from {
    bottom: -300px;
  }
  to {
    bottom: 0;
  }
}
@keyframes slideRight {
  0% {
    right: -123px;
  }
  100% {
    right: 0;
  }
}
@keyframes voletDisplay {
  from {
    left: -900px;
    opacity: 0;
  }
  to {
    left: 0px;
    opacity: 1;
  }
}
@keyframes featureDisplay {
  from {
    left: -400px;
    opacity: 0;
  }
  to {
    left: 500px;
    opacity: 1;
  }
}
@keyframes blinker {
  50% {
    color: #6022A6;
  }
}
.g-2 {
  gap: 28px;
}

.g-4 {
  gap: 24px;
}

ul {
  padding-left: 1rem;
}

.radius-4 {
  border-radius: 1rem;
}

.purple-text {
  color: #6022A6;
}

.purple {
  color: #6022A6;
}

.title__blue {
  color: #222222;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 15px;
  font-size: 1.3rem;
  font-style: normal;
}

.card-accent {
  background-color: #E4E4E4;
  border-radius: 8px;
  width: fit-content;
  margin-bottom: 1rem;
}
.card-accent__title {
  background: #19BB7C;
  border-radius: 8px 8px 0 0;
  padding: 0.5rem 0.8rem;
  font-weight: 600;
}
.card-accent--grey .card-accent__title {
  background: #E4E4E4;
}
.card-accent--grey img {
  border-radius: 0 0 8px 8px;
}
.card-accent--blue .card-accent__title {
  background: #45B2C5;
}
.card-accent__content {
  padding: 0.8rem 2rem;
  font-size: 1rem;
}
.card-accent__flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card-accent__value {
  font-size: 3rem;
  font-weight: 400;
}

.round-accent {
  background: #E4E4E4;
  color: #222222;
  border-radius: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1rem;
  width: 140px;
  height: 140px;
  flex-shrink: 0;
  flex-direction: column;
  margin-right: 1rem;
  margin-bottom: 1rem;
  font-size: 1rem;
  font-weight: 600;
}
.round-accent img {
  margin-bottom: 10px;
  filter: invert(1);
}

.title-decorative {
  text-align: center;
  font-weight: 600;
  position: relative;
  padding: 0 30px;
  margin-bottom: 1rem;
}
.title-decorative:before, .title-decorative:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 35%;
  height: 1px;
  background-color: #222222;
}
.title-decorative:before {
  left: 0;
}
.title-decorative:after {
  right: 0;
}

.footnote {
  position: absolute;
  bottom: 30px;
  font-size: 12px;
  font-size: 0.75rem;
  max-width: 1000px;
}
.footnote ul {
  list-style-type: "* ";
  padding-left: 0;
}

.video-effortless {
  width: 100%;
  position: absolute;
  z-index: -1;
  left: -170px;
}
.video-effortless #videoEffortless {
  width: 100%;
}

.container-video-9-16 {
  width: 300px;
  height: 500px;
  margin: 0 auto;
}

.extra_gallery {
  border-radius: 0px;
  background: transparent;
  padding: 0;
  text-align: left;
  cursor: pointer;
}
.extra_gallery img {
  max-width: 250px;
  margin-bottom: 24px;
}

.btn-violine {
  background: #E4E4E4;
  width: 258px;
  height: 64px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  line-height: 1.5rem;
  transition: all ease 0.5s;
  border: solid 1px #F4F1F8;
  margin-bottom: 12px;
}
.btn-violine__text {
  width: 170px;
  position: initial;
  line-height: 1.2;
}
.btn-violine__icon {
  margin-right: 12px;
  width: 35px;
  height: 35px;
}
.btn-violine__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.btn-controls {
  background-color: #6022A6;
  color: #fff;
  transition: all ease 0.5s;
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  line-height: 1.5rem;
  cursor: pointer;
  border: 0;
  padding: 0.62rem 1.5rem;
}
.btn-controls__text {
  position: initial;
}
.btn-controls__icon {
  margin-right: 12px;
  width: 25px;
  height: 25px;
}
.btn-controls__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: invert(1);
}
.btn-controls:hover {
  background-color: #512286;
}
.btn-controls:focus {
  background-color: #6022A6;
  outline: 2px solid #6022A6;
  outline-offset: 2px;
}
.btn-controls:active {
  background-color: #472271;
}

.little-card {
  background-color: #f4f4f4;
  padding: 20px;
  height: 100%;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  position: relative;
}
.little-card__title {
  font-weight: 600;
  margin-bottom: 10px;
}
.little-card__content {
  margin-bottom: auto;
}
.little-card__huge {
  font-size: 80px;
  font-weight: 200;
}
.little-card__number {
  background: #6022A6;
  position: absolute;
  top: 0;
  left: 0;
  padding: 2px;
  width: 30px;
  border-radius: 4px 0 4px 0;
  color: #fff;
  text-align: center;
}

.table-purple thead th {
  border-top: 0;
  font-size: 1.5rem;
  border-bottom: 2px solid #6022A6;
  font-weight: 600;
}
.table-purple tbody th, .table-purple tbody td {
  border-bottom: 1px solid #222222;
}
.table-purple tbody td:nth-child(even) {
  background: #E4E4E4;
}

.table-secondary {
  background: transparent;
}
.table-secondary tbody {
  border-radius: 0 0 8px 8px;
}
.table-secondary thead th {
  background-color: #45B2C5;
  font-weight: 600;
  border: 0;
  border-color: #E4E4E4;
  border-radius: 8px 8px 0 0;
}
.table-secondary tbody th,
.table-secondary tbody td {
  border: 0;
  background: #E4E4E4;
  border-color: #E4E4E4;
}
.table-secondary tbody tr:last-child td {
  border-radius: 0 0 8px 8px;
}

.bandeau_ge_compassion {
  position: absolute;
  top: 0;
  width: 100%;
  height: auto;
  background: #6022A6;
}
.bandeau_ge_compassion svg {
  width: 250px;
  padding: 18px 24px;
  height: auto;
}

.liste-lettres {
  list-style-type: upper-alpha;
  padding: 1rem;
}

/*------------- home -------------*/
.popup .label {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 10px;
}

.acknoledgements {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: rgba(85, 95, 103, 0.8);
  border-radius: 10px;
  width: 570px;
  padding: 90px 0 40px 0;
  text-align: center;
  display: none;
  z-index: 10;
}
.acknoledgements__title {
  color: #fff;
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: bold;
  margin-bottom: 15px;
}
.acknoledgements__list {
  color: #fff;
  list-style: none;
  padding-left: 0;
}
.acknoledgements__list li {
  font-size: 16px;
  font-size: 1rem;
}

.subtitre {
  font-size: 1.95rem;
  color: #222222;
  font-weight: 300;
}

.titre {
  font-size: 3rem;
  color: #222222;
}
.titre sup {
  font-size: 30%;
  top: -1.5em;
}

.chapiter0 {
  position: relative;
}
.chapiter0 .titre {
  position: absolute;
  top: 6rem;
  left: 30px;
  z-index: 2;
}
.chapiter0 .subtitre {
  position: absolute;
  top: 9.5rem;
  left: 30px;
  z-index: 2;
}
.chapiter0 .cartouche {
  position: absolute;
  bottom: 200px;
  z-index: 2;
}
.chapiter0 .cartouche--grey {
  background-color: #222222;
  border-radius: 0px;
  bottom: 64px;
  right: 45px;
}
.chapiter0 .footnote {
  bottom: 1rem;
}

.chapiter_rectangle {
  position: absolute;
  cursor: pointer;
}

.chapiter__btn-placeholder .chapiter_rectangle {
  width: 300px;
  height: 50px;
}

.note {
  position: absolute;
  bottom: 50px;
  font-size: 12px;
  left: 500px;
}

.sub-menu {
  width: 100%;
  position: absolute;
  bottom: 80px;
}
.sub-menu .cartouche {
  position: initial;
  margin: 0 5px;
}

.buttons-row-right {
  position: absolute;
  bottom: 180px;
  right: -240px;
  text-align: right;
  background: #fff;
  padding: 20px;
  border-radius: 8px 0 0 0;
  transition: all ease 0.5s;
  border: 1px solid #6022A6;
  border-right: 0;
}
.buttons-row-right .btn, .buttons-row-right .cartouche {
  margin-bottom: 7px;
  width: 200px;
  border-radius: 4px;
  text-align: center;
  position: relative;
}
.buttons-row-right.active {
  right: 0 !important;
}
.buttons-row-right.active .buttons-row-right-toggle {
  background: white url("data:image/svg+xml,%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' _ngcontent-nng-c11='' class='svg-icon' aria-hidden='true' style='fill: %236400A0;'%3E%3Cpath d='M29.71,28.29c.39,.39,.39,1.02,0,1.41h0c-.39,.4-1.02,.4-1.41,.01h0l-12.29-12.31L3.71,29.71c-.39,.39-1.02,.39-1.41,0h0c-.39-.39-.39-1.03,0-1.42h0l12.3-12.3L2.29,3.71c-.39-.39-.39-1.03,0-1.42s1.03-.39,1.42,0l12.29,12.3L28.29,2.29c.39-.39,1.03-.39,1.42,0s.39,1.03,0,1.42l-12.3,12.29,12.3,12.29Z' _ngcontent-nng-c11=''%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}
.buttons-row-right.active .buttons-row-right-toggle span {
  opacity: 0;
}
.buttons-row-right .buttons-row-right-toggle {
  content: "";
  position: absolute;
  left: -94px;
  bottom: -1.5px;
  width: 95px;
  height: 70px;
  background: rgba(255, 255, 255, 0.9) url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" _ngcontent-upy-c11="" class="svg-icon" aria-hidden="true" style="fill:%236400A0;"><g id="More_-_32" data-name="More - 32" _ngcontent-upy-c11=""><path d="M7,16a3,3,0,1,1-3-3A3,3,0,0,1,7,16Zm9-3a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm12,0a3,3,0,1,0,3,3A3,3,0,0,0,28,13Z" _ngcontent-upy-c11=""></path></g></svg>');
  background-repeat: no-repeat;
  background-position: top 8px center;
  border-radius: 8px 0 0 8px;
  border: solid 1px #6022A6;
  padding: 0 3px;
  border-right: 0;
  cursor: pointer;
  display: block;
  transition: all ease 0.5s;
}
.buttons-row-right .buttons-row-right-toggle span {
  position: absolute;
  bottom: 15px;
  left: 30px;
  font-size: 1rem;
  color: #6022A6;
}
.buttons-row-right--clinical {
  animation: slideRight 1s ease-in-out 3s forwards;
  right: -135px;
  padding: 0;
  bottom: 50px;
  color: #6022A6;
}
.buttons-row-right--clinical .buttons-row-right-toggle {
  background: rgba(255, 255, 255, 0.9) url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" _ngcontent-wib-c11="" class="svg-icon" aria-hidden="true" style="fill:%236400A0;"><g id="Image_-_32" data-name="Image - 32" _ngcontent-wib-c11=""><path d="M31,2H1A1,1,0,0,0,0,3V29a1,1,0,0,0,1,1H31a1,1,0,0,0,1-1V3A1,1,0,0,0,31,2ZM30,4V16.59l-6.29-6.3a1,1,0,0,0-1.42,0l-7.57,7.57L24.86,28H21.41L9.71,16.29a1,1,0,0,0-1.42,0L2,22.59V4ZM17,9.5A3.5,3.5,0,1,1,13.5,6,3.5,3.5,0,0,1,17,9.5Z" _ngcontent-wib-c11=""></path></g></svg>');
  background-repeat: no-repeat;
  background-position: top 15px center;
  line-height: 1;
  padding-top: 50px;
  width: 135px;
  height: 100px;
  left: -135px;
  text-align: center;
  font-size: 1rem;
}
.buttons-row-right--clinical-close {
  animation: unset;
  right: 0;
}
.buttons-row-right--clinical-close .buttons-row-right-toggle {
  background: rgba(255, 255, 255, 0.9) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" _ngcontent-wib-c11="" class="svg-icon" aria-hidden="true" style="fill:%236400A0;"><g id="ico-undo-32-2" data-name="ico-undo-32" _ngcontent-wib-c11=""><path d="M.29,10.29l6-6A1,1,0,0,1,7.71,5.71L3.41,10H23a9,9,0,0,1,0,18H11a1,1,0,0,1,0-2H23a7,7,0,0,0,0-14H3.41l4.3,4.29a1,1,0,0,1,0,1.42,1,1,0,0,1-1.42,0l-6-6A1,1,0,0,1,.29,10.29Z" _ngcontent-wib-c11=""></path><rect width="32" height="32" fill="none" _ngcontent-wib-c11=""></rect></g></svg>');
  background-repeat: no-repeat;
  background-position: top 15px center;
  padding-top: 60px;
}

#modal_EW .modal-body img {
  width: 500px;
  object-fit: contain;
}

@keyframes slideRight {
  0% {
    right: -123px;
  }
  100% {
    right: 0;
  }
}
.popup {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  transform-origin: center;
  width: 1920px;
  height: 1080px;
  display: none;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.6);
}
.popup__dialog {
  background: #fff;
  width: 1400px;
  height: 787px;
  border-radius: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  box-shadow: 0px 0px 2px 0px rgba(34, 34, 34, 0.16), 0px 32px 64px 0px rgba(34, 34, 34, 0.16);
}
.popup p {
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
}
.popup p b {
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
}
.popup .container {
  height: 100%;
}
.popup .container .row {
  height: 660px;
  padding-top: 24px;
}
.popup__suptitle {
  font-weight: 600;
  line-height: 1.75rem;
  letter-spacing: 0.0225rem;
  font-size: 1.125rem;
}
.popup__close {
  position: absolute;
  top: 25px;
  right: 25px;
  cursor: pointer;
  z-index: 200;
}
.popup__content {
  padding: 36px;
  width: 100%;
  height: 100%;
  line-height: 1.3;
}
.popup__wrap-grey {
  background-color: #f4f4f4;
  width: 480px;
  border-radius: 4px;
  height: 100%;
  padding: 38px 44px;
}
.popup .block {
  width: 50%;
}
.popup__title-blue {
  color: #222222;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 56px;
  letter-spacing: -1.25px;
}
.popup__subtitle {
  font-size: 30px;
  font-size: 1.875rem;
  margin-bottom: 48px;
  line-height: 1.2;
}
.popup__list-title {
  margin-bottom: 0;
  color: #6022A6;
  line-height: 1;
  margin-bottom: 5px;
}
.popup__list {
  padding-left: 16px;
}
.popup__list li {
  color: #6022A6;
  line-height: 32px;
  margin-bottom: 5px;
  font-size: 15px;
}
.popup__list span {
  color: #222222;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}
.popup__num {
  margin-bottom: 14px;
  line-height: 1;
}
.popup__num span {
  color: #6022A6;
}
.popup__link-video {
  display: block;
  cursor: pointer;
}
.popup__link-video img {
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.1));
  border-radius: 8px;
}
.popup__link-video sup {
  top: -0.5em !important;
}
.popup__product {
  color: #222222;
  font-size: 3rem;
  font-weight: 400;
  line-height: 3.5rem;
  margin-bottom: 1rem;
}
.popup__product img {
  margin-left: 10px;
  margin-top: -8px;
}
.popup__footnote {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.2;
  margin-top: 12px;
}
.popup__blue-txt {
  color: #6022A6;
}
.popup__two-col {
  column-count: 2;
}
.popup__callout {
  background-color: #6022A6;
  padding: 34px 54px;
  border-radius: 24px;
  color: #fff;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.popup__callout-title {
  font-size: 100px;
  font-weight: 200;
  line-height: 1;
}
.popup__callout-citation {
  font-size: 3.2rem;
  line-height: 1.2;
  margin: 3rem 0;
  font-style: italic;
}
.popup__callout-autor {
  margin-top: 1rem;
  font-size: 2rem;
  font-style: italic;
}
.popup__wrap-swiper {
  background-color: #000;
  width: 480px;
  padding: 48px 24px 21px 24px;
}
.popup__swiper-subtitle {
  font-size: 19px;
  font-size: 1.1875rem;
  color: #6022A6;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 0;
}
.popup__swiper-title {
  font-size: 22px;
  font-size: 1.375rem;
  color: #fff;
  text-align: center;
  margin-bottom: 0;
}
.popup__col-grey {
  background-color: #f4f4f4;
  max-width: 480px;
  height: 100%;
  position: relative;
}
.popup__col-grey img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.popup__big-text-title {
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 0;
}
.popup__big-text {
  font-size: 3.75rem;
  font-weight: 400;
  line-height: 1.2;
}
.popup__big-text p {
  margin-bottom: 0;
}
.popup__big-text--bg {
  background-color: #E4E4E4;
  border-radius: 1rem;
  padding: 2rem;
}

.swiper-pagination-bullets {
  top: 0px;
  height: auto;
}

.swiper-button-next, .swiper-button-prev {
  top: 0;
  margin-top: 0;
  background-size: 16px 29px;
}

.swiper-pagination-bullet {
  background-color: #000;
  box-shadow: 0px 0px 0pt 1px #63666a, inset 0 0px 0px 2px #000;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background-color: #fff;
  box-shadow: 0px 0px 0pt 1px #63666a, inset 0 0px 0px 2px #000;
}

.popup--gallery {
  background-color: #020202;
  text-align: left;
}
.popup--gallery .popup__content {
  line-height: 1.4;
  color: #fff;
}
.popup--gallery .gallery__prev.swiper-button-disabled, .popup--gallery .gallery__next.swiper-button-disabled {
  display: none;
}
.popup--gallery .gallery__name {
  text-align: left;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 5px;
  padding-left: 16px;
}
.popup--gallery .subgallery__name {
  font-size: 32px;
  font-size: 2rem;
  color: #6022A6;
  line-height: 1;
  margin-bottom: 10px;
  padding-left: 16px;
}
.popup--gallery .subgallery__description {
  margin-bottom: 30px;
  padding-left: 16px;
}
.popup--gallery .subgallery__list-title {
  color: #6022A6;
  margin-bottom: 10px;
}
.popup--gallery .popup__list li {
  margin-bottom: 13px;
  font-size: 14px;
  font-size: 0.875rem;
}
.popup--gallery .popup__list span {
  color: #fff;
}
.popup--gallery__navigation, .popup__navigation {
  position: absolute;
  width: 100%;
  height: 65px;
  bottom: 0;
  z-index: 80;
}
.popup--gallery__navigation .gallery__prev, .popup__navigation .gallery__prev {
  position: absolute;
  bottom: 30px;
  left: 100px;
  display: flex;
}
.popup--gallery__navigation .gallery__prev:focus, .popup__navigation .gallery__prev:focus {
  outline: none;
}
.popup--gallery__navigation .gallery__next, .popup__navigation .gallery__next {
  position: absolute;
  bottom: 30px;
  right: 100px;
  display: flex;
  align-items: center;
  text-align: right;
}
.popup--gallery__navigation .gallery__next:focus, .popup__navigation .gallery__next:focus {
  outline: none;
}
.popup--gallery__navigation .gallery__label, .popup__navigation .gallery__label {
  color: #fff;
  font-size: 10px;
  font-size: 0.625rem;
  margin: 0 10px;
  line-height: 1.2;
}
.popup--gallery__navigation .gallery__label span, .popup__navigation .gallery__label span {
  display: block;
}
.popup--gallery__navigation .gallery__previous-name, .popup__navigation .gallery__previous-name, .popup--gallery__navigation .gallery__next-name, .popup__navigation .gallery__next-name {
  color: #222222;
  font-weight: 400;
  font-size: 20px;
  font-size: 1.25rem;
}
.popup--gallery .swiper-pagination {
  top: unset;
  bottom: 92px;
}
.popup--gallery .swiper--subgallery {
  padding-top: 0;
  height: 580px;
}
.popup--gallery .swiper--subgallery-button-next, .popup--gallery .swiper--subgallery-button-prev {
  top: unset;
  bottom: 80px;
}
.popup--gallery .swiper--subgallery-button-prev {
  left: 30%;
}
.popup--gallery .swiper--subgallery-button-next {
  right: 30%;
}
.popup--gallery .legend {
  text-align: center;
  font-size: 15px;
  font-size: 0.9375rem;
  font-style: italic;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%);
  bottom: 0;
  width: 75%;
  min-height: 70px;
}
.popup--gallery .swiper--subgallery-wrapper .swiper-slide {
  text-align: center;
}
.popup--gallery .video-js {
  margin: 0 auto;
}
.popup--gallery .popup__close {
  z-index: 1000;
}
.popup--gallery .subgallery-full {
  width: 100%;
  height: 590px;
}
.popup--gallery .subgallery-full .swiper-pagination {
  bottom: 0px;
}
.popup--gallery .subgallery-full .swiper--subgallery-button-next, .popup--gallery .subgallery-full .swiper--subgallery-button-prev {
  bottom: -10px;
}
.popup--gallery .subgallery-full .swiper-slide {
  width: 100%;
  height: 550px;
}
.popup--gallery .subgallery-full .swiper-slide img {
  max-height: 550px;
}
.popup--gallery .subgallery-full .swiper-slide .col-3 {
  text-align: left;
}

/* ------- popup navigation -------- */
.popup__navigation {
  left: 0;
}
.popup__navigation .row {
  height: auto;
}
.popup__navigation .gallery__label {
  color: #222222;
  cursor: pointer;
  font-size: 18px;
  font-weight: 200;
}
.popup__navigation .gallery__prev {
  left: 25px;
}
.popup__navigation .gallery__next {
  right: 25px;
}

/* --------------------- SUBPOPUP ----------------------- */
.subpopup {
  z-index: 1000;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  display: none;
}
.subpopup .subpopup__close {
  position: absolute;
  top: 25px;
  right: 25px;
  font-size: 40px;
  color: #fff;
  width: 50px;
  height: 50px;
  background: #222222;
  text-align: center;
  border-radius: 50px;
  line-height: 1.1;
  cursor: pointer;
  z-index: 10;
}
.subpopup .swiper-container {
  padding-top: unset;
  width: 100%;
  height: 100%;
}
.subpopup .swiper-pagination-bullets {
  top: unset;
  bottom: -49px;
  background-color: #000;
  padding: 10px 25px;
  border-radius: 0 0 10px 10px;
  left: 50%;
  transform: translateX(-50%);
  min-width: 100px;
}
.subpopup .swiper-pagination-bullet {
  margin: 0 5px;
}
.subpopup .swiper-button-next, .subpopup .swiper-button-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #000;
  padding: 38px 32px;
}
.subpopup .swiper-button-next {
  right: -63px;
  border-radius: 0 10px 10px 0;
}
.subpopup .swiper-button-prev {
  left: -63px;
  border-radius: 10px 0 0 10px;
}
.subpopup .img-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.subpopup--gallery .swiper-button-next, .subpopup--gallery .swiper-button-prev {
  top: unset;
  bottom: 20px;
}
.subpopup--gallery .swiper-pagination-bullets {
  bottom: 25px;
  margin: 0 10px;
}
.subpopup--gallery .swiper-button-prev {
  left: 30%;
}
.subpopup--gallery .swiper-button-next {
  right: 30%;
}
.subpopup--gallery .video-js {
  position: absolute;
  top: 54%;
  transform: translateY(-50%);
  width: 100%;
}

.modal-open .modal {
  overflow: visible;
}

.modal {
  overflow: visible;
  z-index: 2000;
}

.inside-modale .modal-dialog {
  width: 100%;
  height: 100%;
  max-width: unset;
  margin: 0;
  border-radius: 4px;
}
.inside-modale .modal-dialog .close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  background: #222222;
  text-align: center;
  border-radius: 50px;
  line-height: 1.1;
  cursor: pointer;
  z-index: 2000;
  opacity: 1;
  font-weight: normal;
}
.inside-modale .modal-dialog .close img {
  filter: invert(1);
}
.inside-modale .modal-dialog .modal-content {
  background-color: #fff;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.inside-modale .modal-dialog .modal-content .video-container {
  width: 100%;
  height: 100%;
}
.inside-modale .modal-dialog .modal-content .video-js {
  background-color: #fff;
}
.inside-modale .modal-dialog .container-video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.inside-modale .modal-dialog .container-video .video-js {
  width: 100%;
  height: 100%;
}
.inside-modale .modal-dialog .legend-video {
  margin-bottom: 0;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%);
  bottom: 30px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
}

.attachment {
  align-items: flex-end;
  text-align: center;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 90;
}
.attachment__pdf img {
  width: 130px;
}
.attachment span {
  font-size: 12px;
  font-size: 0.75rem;
  color: #6022A6;
  width: 100%;
  display: inline-block;
  line-height: 1;
}
.attachment a {
  display: block;
}
.attachment a:hover {
  text-decoration: none;
}
.attachment__subpop {
  background-color: #6022A6;
  padding: 20px;
  min-width: 200px;
  border-radius: 9px 0 0 0;
}
.attachment__subpop span {
  color: #fff;
  text-align: left;
  font-weight: bold;
}
.attachment__subpop .attachment__title {
  text-align: center;
  color: #fff;
  font-size: 14px;
}
.attachment__subpop img {
  max-width: 200px;
}

.icons-container {
  margin-bottom: 50px;
  margin-top: 50px;
}
.icons-container .info {
  text-align: center;
  margin: 0 16px;
  width: 180px;
}
.icons-container .info__title {
  color: #6022A6;
  line-height: 1.2;
  font-weight: bold;
  margin-top: 10px;
  width: 100%;
  font-size: 21px;
}
.icons-container .info__txt {
  line-height: 1.1;
  font-size: 20px;
  margin-top: 5px;
}
.icons-container img {
  width: 90px;
}

.popup__close-inside {
  position: absolute;
  top: -26px;
  right: -26px;
  font-size: 40px;
  color: #fff;
  width: 50px;
  height: 50px;
  background: #222222;
  text-align: center;
  border-radius: 50px;
  line-height: 1.1;
  cursor: pointer;
  opacity: 1;
  font-weight: normal;
}

.popup-inside-EW {
  z-index: 1000;
}

.stat {
  align-items: left;
  gap: 0.5rem;
  padding: 1.5rem;
  flex-direction: column;
  max-width: 434px;
}
.stat__number {
  font-size: 4rem;
  font-weight: 400;
}
.stat__description {
  font-size: 1.4rem;
  line-height: 1.2;
}
.stat:nth-child(1) {
  background: rgba(69, 178, 197, 0.2);
  border-radius: 0 0 0 8px;
}
.stat:nth-child(2) {
  background: rgba(69, 178, 197, 0.4);
}
.stat:nth-child(3) {
  background: rgba(69, 178, 197, 0.6);
  border-radius: 0 0 8px 0;
}

/*-------- Style custom popup --------*/
#popup_H1 img {
  max-width: 1100px;
  margin-left: 12%;
  margin-bottom: 4rem;
}
#popup_H1 .menu {
  gap: 18px;
  margin-top: 0px;
}
#popup_H1 .btn-controls.popup__link-video {
  display: flex;
}
#popup_H1 .container {
  background: #fff;
  height: 100%;
  padding-top: 2rem;
}
#popup_H1 .container .row {
  height: 100%;
  align-items: center;
  padding: 0 1.7rem;
}

#popup_H1B0 .logo-techno-scan {
  background: none;
  padding: 0;
  width: 40px !important;
  position: absolute;
  top: 1rem;
}
#popup_H1B0 .logo-techno-scan img {
  width: 40px;
}
#popup_H1B0 .img-bg {
  text-align: center;
  border-top: 4px solid #6022A6;
}
#popup_H1B0 .row {
  height: auto;
  align-items: end;
}
#popup_H1B0 .btn-violine {
  margin-bottom: 0.5rem;
  width: 250px;
  cursor: pointer;
}
#popup_H1B0 .ef-title {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 1rem;
  background: #6022A6;
  color: #fff;
  padding: 0.5rem;
  border-radius: 8px;
  width: 250px;
  margin: 0 auto;
  margin-bottom: 1rem;
}
#popup_H1B0 .ef-title img {
  width: 40px;
  filter: invert(1);
}
#popup_H1B0 .ef-scan .btn-violine {
  cursor: initial;
}
#popup_H1B0 .ef {
  margin-top: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: end;
  align-items: end;
}
#popup_H1B0 .ef .btn-violine {
  margin-bottom: 0;
  height: 54px;
}
#popup_H1B0 .ef:after {
  content: "";
  display: block;
  width: 100%;
  height: 20px;
  background: #6022A6;
  width: 10px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -10px;
  border-radius: 5px;
}

#popup_H1B3 .illu {
  max-width: 990px;
  margin-top: 1rem;
  margin-left: 13%;
}

#popup_H1B5 .radius-4 {
  max-height: 300px;
  width: 100%;
  object-fit: cover;
}
#popup_H1B5 ol {
  padding-left: 1rem;
}

#popup_H1B8 ul, #popup_H1B8 ol {
  margin-top: 10px;
}
#popup_H1B8 .gallery__next {
  display: none;
}
#popup_H1B8 .little-card {
  padding: 0;
}
#popup_H1B8 .little-card .little-card__title {
  display: flex;
  justify-content: space-between;
  padding: 1.5rem;
  align-items: center;
  border-radius: 8px 8px 0 0;
  font-weight: bold;
}
#popup_H1B8 .little-card .little-card__title img {
  width: 40px;
}
#popup_H1B8 .little-card .little-card__title--orange {
  background: #F37F63;
}
#popup_H1B8 .little-card .little-card__title--blue {
  background: #45B2C5;
}
#popup_H1B8 .little-card .little-card__title--green {
  background: #19BB7C;
}
#popup_H1B8 .little-card__content {
  padding: 1.5rem;
}

#popup_H1B9 p {
  font-size: 1.2rem;
}
#popup_H1B9 .d-flex {
  align-items: center;
}
#popup_H1B9 .card-accent__title {
  margin-top: 16px;
  border-radius: 8px;
}

#popup_H1B10 ol {
  column-count: 2;
  font-size: 0.83rem;
  column-gap: 1rem;
}

#popup_H1B14 ol li {
  margin-bottom: 1rem;
  margin-left: 0;
}

#popup_H1B15 .popup__product {
  font-size: 2.5rem;
  line-height: 1;
}
#popup_H1B15 p {
  font-size: 1.2rem;
  margin-bottom: 0.6rem;
}
#popup_H1B15 .note-table {
  font-size: 1rem;
  margin-top: 1rem;
}
#popup_H1B15 thead th {
  font-size: 1.3rem;
}

#popup_H1C3 .footnote {
  bottom: 0;
  max-width: 1300px;
}

#popup_H1C6 .d-flex {
  flex-wrap: wrap;
  gap: 1rem;
}
#popup_H1C6 .d-flex .popup__big-text {
  width: 300px;
  margin-top: 0.5rem;
}
#popup_H1C6 .d-flex .popup__big-text p {
  font-size: 1rem;
}

.ef-round {
  background-color: #6022A6;
  width: 100px;
  height: 100px;
  padding: 20px;
  border-radius: 80px;
  margin: 0 auto;
  margin-bottom: 8px;
}
.ef-round img {
  filter: invert(1);
}
.ef-title {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 8px;
}
.ef .little-card {
  height: 200px;
  justify-content: center;
}
.ef .little-card .d-flex {
  gap: 24px;
}
.ef .little-card .d-flex img {
  width: 70px;
}
.ef .btn-violine {
  margin: 0 auto;
  margin-bottom: 12px;
  /*
  &--dl{
      height: 100px;
      padding-top: 15px;
  }*/
}

#popup_H1C1 .col-12,
#popup_H1B1 .col-12 {
  height: 100%;
}

#popup_H1C4 .popup__footnote {
  margin-top: 24px;
}

#popup_H1D0 .title-section {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
  margin-top: 2rem;
}
#popup_H1D0 .col {
  display: flex;
  flex-direction: column;
}
#popup_H1D0 li {
  font-size: 1.2rem;
  margin: 0.5rem 0;
}
#popup_H1D0 .img-button {
  margin-top: auto;
  cursor: pointer;
}

.exceptional_pt_true {
  display: none !important;
}

#container[data-machine=exceptional_pt] #popup_A4F .gallery__prev {
  display: none;
}
#container[data-machine=exceptional_pt] #popup_A4D .gallery__next {
  display: none;
}
#container[data-machine=exceptional_pt] .exceptional_pt_true {
  display: flex !important;
}
#container[data-machine=exceptional_pt] .exceptional_pt_false {
  display: none;
}

#popup_H1D6 .col {
  padding: 0.2rem;
}
#popup_H1D6 .little-card {
  padding: 0;
}
#popup_H1D6 .popup__img-machine {
  text-align: center;
}
#popup_H1D6 .popup__img-machine img {
  width: 500px;
}
#popup_H1D6 .little-card__title {
  padding: 0.5rem;
  background-color: #45B2C5;
  font-size: 1.2rem;
  border-radius: 4px 4px 0 0;
}
#popup_H1D6 .little-card__title img {
  width: 30px;
  height: 30px;
  object-fit: contain;
  display: block;
}
#popup_H1D6 .little-card__content {
  padding: 0.5rem;
}
#popup_H1D6 .little-card__content p {
  font-size: 1.2rem;
}

#popup_H1D7 .float-left {
  width: 40px;
  margin-right: 1rem;
}
#popup_H1D7 .card-accent {
  height: 100%;
}
#popup_H1D7 .card-accent p {
  font-size: 1.2rem;
}
#popup_H1D7 .title-section {
  color: #6022A6;
  font-weight: bold;
  font-size: 1.5rem;
  padding-top: 0.5rem;
}
#popup_H1D7 .videoloop {
  margin-top: auto;
  background: #000;
  border-radius: 8px;
}
#popup_H1D7 .videoloop video {
  width: 100%;
  height: 100px;
  object-fit: cover;
  border-radius: 8px;
}
#popup_H1D7 .card-number {
  background: #fff;
  border-radius: 8px;
  padding: 1rem;
}
#popup_H1D7 .card-number__value {
  font-size: 3rem !important;
}
#popup_H1D7 .footnote {
  left: 18%;
}

#popup_H1D8 .float-left {
  width: 40px;
  margin-right: 1rem;
}
#popup_H1D8 .title-section {
  color: #6022A6;
  font-weight: bold;
  font-size: 1.5rem;
}
#popup_H1D8 .card-accent {
  margin-top: 1rem;
}
#popup_H1D8 .img-card {
  max-width: 205px;
}

#popup_H1D9 .float-left {
  width: 40px;
  margin-right: 1rem;
}
#popup_H1D9 .title-section {
  color: #6022A6;
  font-weight: bold;
  font-size: 1.5rem;
}
#popup_H1D9 .card-accent {
  height: 100%;
}
#popup_H1D9 .card-accent p {
  font-size: 19px;
}
#popup_H1D9 .card-accent img {
  max-width: 350px;
  border-radius: 8px;
}
#popup_H1D9 .footnote {
  left: 18%;
  max-width: 60%;
}

#popup_H1D3 .table-purple thead th, #popup_H3D .table-purple thead th {
  font-weight: 400;
  text-align: center;
}
#popup_H1D3 .table-purple thead th span, #popup_H3D .table-purple thead th span {
  font-weight: 600;
  font-size: 2rem;
}
#popup_H1D3 .table-purple tbody td, #popup_H3D .table-purple tbody td {
  text-align: center;
}
#popup_H1D3 .table-purple tbody th, #popup_H3D .table-purple tbody th {
  width: 200px;
}

#popup_H3 .little-card, #popup_A1 .little-card {
  height: auto;
  margin-bottom: 24px;
  padding: 35px;
}

#popup_H3E h2 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 4px;
}
#popup_H3E p {
  font-size: 1.2rem;
  margin-bottom: 2rem;
}

#popup_H4 .img-title {
  width: 100px;
}
#popup_H4 .element {
  display: flex;
  align-items: flex-start;
  margin-bottom: 50px;
}
#popup_H4 .element img, #popup_H4 .element svg {
  width: 50px;
  margin-top: 5px;
  margin-right: 16px;
}
#popup_H4 .element__title {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 8px;
}
#popup_H4 .element__p {
  font-size: 17px;
}

#popup__A1B p {
  max-width: 400px;
}

#popup__A1C p {
  font-size: 20px;
}

#popup__A1C2 .radius-4 {
  max-height: 630px;
}
#popup__A1C2 p {
  max-width: 400px;
}

#popup__A1E .radius-4 {
  max-height: 600px;
}

#popup_A3B .popup__product {
  margin-bottom: 0;
}

#popup_A3D .footnote {
  bottom: -30px;
}

#popup_A3G p {
  max-width: 590px;
}
#popup_A3G .table-purple {
  text-align: center;
}
#popup_A3G .table-purple thead th {
  border-bottom: 0;
  font-size: 1rem;
  text-align: center;
  vertical-align: middle;
}
#popup_A3G .table-purple thead th:nth-child(n+2):nth-child(-n+4) {
  background: #6022A6;
  color: #fff;
}
#popup_A3G .table-purple thead th:nth-child(5) {
  background: #F8D754;
}
#popup_A3G .table-purple thead th:nth-child(6) {
  background: #F37F63;
}
#popup_A3G .table-purple thead th:nth-child(n+7):nth-child(-n+10) {
  background: #19BB7C;
}
#popup_A3G .table-purple thead th:nth-child(11), #popup_A3G .table-purple thead th:nth-child(12) {
  background: #A9A9A9;
}
#popup_A3G .table-purple tbody td {
  vertical-align: middle;
}
#popup_A3G .table-purple tbody tr td:nth-child(1) {
  width: 250px;
  text-align: left;
  font-size: 1rem;
}
#popup_A3G .table-purple tbody tr td:nth-child(2) {
  font-weight: bold;
}

#popup_A4B p {
  margin-bottom: 10px;
  font-size: 20px;
}
#popup_A4B .col-4 {
  display: flex;
  flex-direction: column;
}
#popup_A4B .popup__footnote {
  margin-top: 0px;
}

#popup_A4D .popup__link-video img {
  width: 100%;
}

#popup_A4E .popup__product {
  line-height: 1;
}
#popup_A4E p {
  margin-bottom: 10px;
  font-size: 18px;
}
#popup_A4E .popup__footnote {
  font-size: 11px;
  margin-top: 5px;
  margin-bottom: 5px;
}

#popup_A4F p {
  max-width: 400px;
}

#popup_A4J .g-4 {
  gap: 24px;
  justify-content: center;
}
#popup_A4J .little-card {
  max-width: 305px;
  height: 100%;
  height: 280px;
}
#popup_A4J .little-card .d-flex {
  gap: 24px;
  align-items: start;
  height: 100%;
}
#popup_A4J .little-card .d-flex img {
  width: 30px;
  height: 30px;
  object-fit: contain;
  margin-top: 8px;
}
#popup_A4J .little-card:nth-child(1),
#popup_A4J .little-card:nth-child(2),
#popup_A4J .little-card:nth-child(3) {
  max-width: 410px;
  height: 220px;
  padding-top: 30px;
}

#popup_A6 .element__title, #popup__H1B0B .element__title {
  font-weight: 700;
  margin-top: 24px;
}

#popup__H1B2B .row {
  padding-top: 0;
}

#popup_H4B .little-card {
  padding: 0;
  height: 100%;
}
#popup_H4B .little-card:nth-child(1) {
  width: 300px;
  text-align: center;
  height: 449px;
}
#popup_H4B .popup__big-text-title {
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.4;
  font-size: 1.5rem;
  text-align: center;
  margin: 1rem 0;
}
#popup_H4B .little-card__title {
  background: #19BB7C;
  border-radius: 8px 8px 0 0;
  padding: 0.5rem;
  text-align: center;
}
#popup_H4B .little-card__title img {
  width: 40px;
  margin-right: 5px;
}
#popup_H4B .little-card__content {
  text-align: center;
}
#popup_H4B .little-card__content ul li {
  margin-bottom: 0.5rem;
}
#popup_H4B .little-card__content img {
  width: 100px;
}
#popup_H4B .plus {
  font-size: 3rem;
  padding: 1rem;
}
#popup_H4B .footnote {
  bottom: 100px;
}

#popup_H1B11 .popup__big-text--bg {
  width: fit-content;
}

#container.chapiterConfig {
  background-color: #fff;
}

.toggle {
  cursor: pointer;
  display: inline-block;
}

.toggle-switch {
  display: inline-block;
  background: #ccc;
  border-radius: 16px;
  width: 58px;
  height: 32px;
  position: relative;
  vertical-align: middle;
  transition: background 0.25s;
}
.toggle-switch:before, .toggle-switch:after {
  content: "";
}
.toggle-switch:before {
  display: block;
  background: linear-gradient(to bottom, #fff 0%, #eee 100%);
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
  width: 24px;
  height: 24px;
  position: absolute;
  top: 4px;
  left: 4px;
  transition: left 0.25s;
}
.toggle:hover .toggle-switch:before {
  background: linear-gradient(to bottom, #fff 0%, #fff 100%);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
}
.toggle-checkbox:checked + .toggle-switch {
  background: #6022A6;
}
.toggle-checkbox:checked + .toggle-switch:before {
  left: 30px;
}

.toggle-checkbox {
  position: absolute;
  visibility: hidden;
}

#chapiterConfigurator {
  position: relative;
}
#chapiterConfigurator .volet {
  position: absolute;
  bottom: 0;
  left: -800px;
  opacity: 0;
  width: 500px;
  height: calc(100% - 86px);
  background: rgba(228, 228, 228, 0.5);
  backdrop-filter: blur(20px);
  padding: 40px;
  animation-name: voletDisplay;
  animation-duration: 1s;
  animation-delay: 4s;
  animation-fill-mode: forwards;
}
#chapiterConfigurator .volet__title {
  font-size: 35px;
  font-size: 2.1875rem;
  color: #222222;
  text-align: center;
  margin-bottom: 60px;
}
#chapiterConfigurator .volet__feature {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
#chapiterConfigurator .volet__featuretitle {
  color: #222222;
  font-size: 20px;
  font-size: 1.25rem;
}

.featureinfos {
  position: absolute;
  width: 400px;
  height: calc(100% - 86px);
  bottom: 0;
  left: -400px;
  opacity: 0;
  padding: 20px 40px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 0 8px 0 0;
  border-left: 1px solid #E4E4E4;
  backdrop-filter: blur(20px);
  animation-name: featureDisplay;
  animation-duration: 1s;
  animation-delay: 4s;
  animation-fill-mode: forwards;
}
.featureinfos__title {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 16px;
}
.featureinfos .featurebase {
  display: flex;
  width: 100%;
  align-items: center;
  margin-bottom: 15px;
}
.featureinfos .featurebase img {
  width: 60px;
  margin-right: 16px;
}
.featureinfos .featurebase__txt {
  font-size: 18px;
  font-size: 1.125rem;
}
.featureinfos .featurebase .features__infos {
  display: flex;
}
.featureinfos .featurebase .features__infos .features__box {
  margin-top: 5px;
  padding: 4px 7px;
  background-color: #DEE0E3;
  color: #707070;
  line-height: 1;
  margin-right: 10px;
  transition: all ease 0.5s;
}
.featureinfos .featurebase .features__infos .features__box.active {
  background-color: #6022A6;
  color: #fff;
}
.featureinfos .featurebase .features__infos .features__box.desactive {
  background-color: #DEE0E3;
  color: #707070;
}
.featureinfos .featurebase .features__infos .features__box.disabled {
  pointer-events: none;
  background-color: #666666;
  color: #d8d8d8;
}
.featureinfos .featuredneeded {
  display: flex;
  flex-direction: column;
}
.featureinfos .featuredneeded .featurebase {
  opacity: 0;
  height: 0;
  margin-bottom: 0;
  transition: all ease 1s;
}
.featureinfos .featuredneeded .featurebase.featureneeded--tr {
  order: 2;
}
.featureinfos .featuredneeded .featurebase.featureneeded--hp {
  order: 3;
}
.featureinfos .featuredneeded .featurebase.featureneeded--dc {
  order: 1;
  display: none;
}
.featureinfos .featuredneeded .featurebase.featureneeded--ss {
  order: 5;
}
.featureinfos .featuredneeded .featurebase.featureneeded--hp2 {
  order: 4;
}
.featureinfos .featuredneeded .featurebase.active {
  opacity: 1;
  height: auto;
  margin-bottom: 15px;
}

.featureneeded--hp2 {
  opacity: 0;
  height: 0;
  transition: all ease 0.5s;
}
.featureneeded--hp2.active {
  opacity: 1;
  height: auto;
}

.features__box[data-feature=sec23] {
  z-index: 8;
  display: none;
}

.video-configurator {
  width: 100%;
  position: absolute;
  z-index: -1;
}
.video-configurator #videoConfig {
  width: 100%;
}

#cta-machine {
  position: absolute;
  bottom: 50px;
  right: 50px;
  color: #fff;
  background: #6022A6;
  padding: 0.62rem 1.5rem;
  font-size: 25px;
  border-radius: 8px;
}
#cta-machine:hover {
  background: #512286;
}

#content-page-effortless {
  display: none;
}

#container[data-section=effortless_workflow] {
  background: #fff;
}

.bubble {
  position: absolute;
  top: 720px;
  width: 200px;
  text-align: center;
  opacity: 0;
  transition: all ease;
  animation-name: fondu;
  animation-duration: 1s;
  animation-delay: 4s;
  animation-fill-mode: forwards;
}
.bubble__title {
  color: #6022A6;
  line-height: 1.2;
  font-weight: bold;
  margin-top: 10px;
  width: 100%;
  font-size: 21px;
}
.bubble__txt {
  line-height: 1.1;
  font-size: 20px;
  margin-top: 5px;
}
.bubble__btn {
  display: inline-block;
  width: 69px;
  height: 63px;
  background: url("../../img/hotspot.png");
  background-size: cover;
  cursor: pointer;
  z-index: 2;
  position: relative;
}
.bubble__btn:after {
  position: absolute;
  left: 70px;
  top: 17px;
  text-align: left;
  width: 140px;
}
.bubble__btn[data-pop=popup_B3B]::after {
  content: "General imaging";
}
.bubble__btn[data-pop=popup_B3C]::after {
  content: "Intelligent Protocoling";
}
.bubble__btn[data-pop=popup_B3D]::after {
  content: "Cardiac";
}
.bubble__btn[data-pop=popup_B3E]::after {
  content: "Stroke";
}
.bubble__btn[data-pop=popup_B3D], .bubble__btn[data-pop=popup_B3E] {
  margin-left: 45px;
}
.bubble.pre-scan {
  left: 500px;
}
.bubble.scan {
  left: 979px;
}
.bubble.post-scan {
  left: 1353px;
  width: 400px;
}
.bubble.post-scan .bubble__btn {
  margin-right: 100px;
}

#popup__B1 .popup__link-video[data-target="#modalInside2"] {
  border-radius: 10px 10px 0 0;
  position: absolute;
  bottom: 2rem;
}
#popup__B1 .popup__link-video[data-target="#modalInside3"] {
  border-radius: 10px 10px 0 0;
  position: absolute;
  bottom: 2rem;
  left: 290px;
}

#popup__B1B .col-4 .popup__link-video {
  margin-top: 25px;
  text-align: center;
}
#popup__B1B .col-4 .popup__link-video img {
  margin-bottom: 20px;
}
#popup__B1B .popup__subtitle {
  margin-bottom: 0;
}
#popup__B1B .popup__link-video[data-target="#modalInside4"] {
  position: absolute;
  border-radius: 10px 10px 0 0;
  bottom: 1rem;
  left: 790px;
  z-index: 1000;
}
#popup__B1B .popup__link-video[data-target="#modalInside5"] {
  position: absolute;
  border-radius: 10px 10px 0 0;
  bottom: 1rem;
  left: 970px;
}
#popup__B1B .whitepaperbtn {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  z-index: 1000;
}

#popup__B2C .popup__link-video {
  margin-bottom: 10px;
}
#popup__B2C .popup__link-video[data-target="#modalInside2"] {
  margin-right: 10px;
  border-radius: 10px;
}
#popup__B2C .popup__link-video[data-target="#modalInside3"] {
  border-radius: 10px;
}

#popup__B2D i {
  display: block;
  margin-bottom: 0.5rem;
}

#popup__B2 .popup__link-video[data-target="#modalInside2"] {
  position: absolute;
  border-radius: 10px 10px 0 0;
  bottom: 2rem;
  left: 60px;
  z-index: 1000;
}
#popup__B2 .popup__link-video[data-target="#modalInside3"] {
  position: absolute;
  border-radius: 10px 10px 0 0;
  bottom: 2rem;
  left: 250px;
}

#popup__B2B .popup__blue-container p {
  line-height: 1;
}
#popup__B2B .popup__blue-container p .blue {
  color: #6022A6;
}
#popup__B2B .popup__subtitle {
  margin-bottom: 16px;
}
#popup__B2B .footnote {
  bottom: 70px;
  line-height: 1.2;
}
#popup__B2B .popup__link-video {
  margin-bottom: 10px;
}
#popup__B2B .popup__link-video[data-target="#modalInside2"] {
  margin-right: 10px;
  border-radius: 10px;
}
#popup__B2B .popup__link-video[data-target="#modalInside3"] {
  border-radius: 10px;
}

#popup__B3B .popup__product, #popup__B3D .popup__product, #popup__B3C .popup__product, #popup__B3E .popup__product {
  margin-bottom: 0;
}
#popup__B3B .popup__subtitle, #popup__B3D .popup__subtitle, #popup__B3C .popup__subtitle, #popup__B3E .popup__subtitle {
  margin-bottom: 20px;
}
#popup__B3B .extra_gallery, #popup__B3D .extra_gallery, #popup__B3C .extra_gallery, #popup__B3E .extra_gallery {
  margin-top: 20px;
  border-radius: 0px;
  background: transparent;
  padding: 0;
  text-align: left;
  cursor: pointer;
  text-align: left;
}
#popup__B3B .extra_gallery img, #popup__B3D .extra_gallery img, #popup__B3C .extra_gallery img, #popup__B3E .extra_gallery img {
  max-width: 300px;
}
#popup__B3B .popup__list li span, #popup__B3D .popup__list li span, #popup__B3C .popup__list li span, #popup__B3E .popup__list li span {
  line-height: 1.2;
  font-size: 20px;
  margin-bottom: 0;
  display: block;
  color: #222222;
}
#popup__B3B p, #popup__B3D p, #popup__B3C p, #popup__B3E p {
  line-height: 1.2;
}
#popup__B3B .popup__link-video, #popup__B3D .popup__link-video, #popup__B3C .popup__link-video, #popup__B3E .popup__link-video {
  width: 300px;
  text-align: center;
}
#popup__B3B .label, #popup__B3D .label, #popup__B3C .label, #popup__B3E .label {
  margin-top: 15px;
  margin-bottom: 10px;
  font-size: 1.5rem;
}

#popup__B3B .popup__link-video[data-target="#modalInside4"] {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  width: 200px;
}
#popup__B3B .popup__link-video[data-target="#modalInside5"] {
  position: absolute;
  bottom: 1rem;
  right: 230px;
}

#popup__B3C .popup__link-video, #popup__B3E .popup__link-video {
  width: 100%;
}

#popup__B3E .popup__link-video[data-target="#modalInside2"] {
  width: 270px;
  margin-top: 10px;
  position: absolute;
  bottom: 2rem;
  right: 1rem;
  border-radius: 10px 10px 0 0;
}

#popup__B3C2 .icon-flex {
  align-items: center;
  margin-bottom: 20px;
}
#popup__B3C2 .icon-flex img {
  width: 100px;
  margin-right: 15px;
}

.popup__link-video2[data-target="#modalInside"] {
  position: absolute;
  top: 230px;
  left: 963px;
  border-radius: 10px;
  opacity: 0;
  animation-name: fondu;
  animation-duration: 1s;
  animation-delay: 4s;
  animation-fill-mode: forwards;
}

.popup__link-video2[data-target="#modalInside2"] {
  position: absolute;
  top: 230px;
  left: 1438px;
  border-radius: 10px;
  opacity: 0;
  animation-name: fondu;
  animation-duration: 1s;
  animation-delay: 4s;
  animation-fill-mode: forwards;
}

#content-page-effortless {
  display: none;
}

#apex {
  background-image: url("../../img/effortless_workflow/background_apex.jpg");
  background-position-y: 50px;
  background-color: #fff;
  width: 100%;
  height: 100%;
  background-size: contain;
}
#apex .machine__video-content {
  position: absolute;
  top: 230px;
  left: 588px;
}
#apex .machine__video-title {
  font-size: 30px;
  color: #000;
  margin-bottom: 200px;
}
#apex #chapitre2 {
  left: 920px;
}
#apex #chapitre2 .machine__video-title {
  margin-left: 15px;
}
#apex #chapitre3 {
  left: 1320px;
}
#apex #chapitre3 .machine__video-title {
  margin-left: -15px;
}
#apex .machine__video-cta {
  cursor: pointer;
}
#apex .machine__video-cta--chapiter {
  width: 100px;
  height: 100px;
  border-radius: 200px;
  margin-bottom: 70px;
}
#apex .machine__video-cta--subchapiter, #apex .machine__video-cta--subchapiter2 {
  background: #F4F1F8;
  width: 258px;
  height: 64px;
  border-radius: 50px;
  margin-top: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  line-height: 1.5rem;
}
#apex .machine__video-cta--subchapiter2 {
  margin-left: 40px;
}
#apex .chapiter__icon {
  margin-right: 12px;
  width: 35px;
  height: 35px;
}
#apex .chapiter__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#apex .chapiter__text {
  width: 170px;
  position: initial;
  line-height: 1.2;
}
#apex .chapiter__text sup {
  color: #f6c402;
  font-weight: bold;
  margin-left: 3px;
}

.machine__content--2 .machine__video-content {
  left: 590px;
  top: 180px;
}
.machine__content--2 #chapitre2 {
  left: 924px;
}
.machine__content--2 #chapitre2 .machine__video-title {
  margin-left: 15px;
}
.machine__content--2 #chapitre3 {
  left: 1319px;
}

#popup__EF6 .col-7 img {
  max-height: 550px;
}

#popup__EF13 .popup__subtitle, #popup__B3D .popup__subtitle, #popup__EF14 .popup__subtitle, #popup_EF15 .popup__subtitle {
  margin-bottom: 30px;
}
#popup__EF13 p, #popup__EF13 p b, #popup__B3D p, #popup__B3D p b, #popup__EF14 p, #popup__EF14 p b, #popup_EF15 p, #popup_EF15 p b {
  line-height: 1.2;
  font-size: 18px;
}
#popup__EF13 .title__blue b, #popup__B3D .title__blue b, #popup__EF14 .title__blue b, #popup_EF15 .title__blue b {
  font-size: 1.5rem;
}
#popup__EF13 .popup__list li, #popup__B3D .popup__list li, #popup__EF14 .popup__list li, #popup_EF15 .popup__list li {
  margin-bottom: 2px;
}
#popup__EF13 .popup__list li span, #popup__B3D .popup__list li span, #popup__EF14 .popup__list li span, #popup_EF15 .popup__list li span {
  line-height: 1.2;
  font-size: 18px;
  display: block;
}
#popup__EF13 .popup__link-video, #popup__B3D .popup__link-video, #popup__EF14 .popup__link-video, #popup_EF15 .popup__link-video {
  width: 250px;
  margin-bottom: 24px;
}

#popup__B3C .popup__link-video, #popup__B3E .popup__link-video {
  width: 100%;
}

#popup__EF9 .vjs-big-play-button, #popup__EF10 .vjs-big-play-button, #popup__EF11 .vjs-big-play-button, #popup__EF16B .vjs-big-play-button {
  display: none;
}
#popup__EF9 .footnote, #popup__EF10 .footnote, #popup__EF11 .footnote, #popup__EF16B .footnote {
  max-width: unset;
}

#popup__EF15B .image-legends {
  padding: 5px 15px;
}
#popup__EF15B .image-legends p {
  font-size: 15px;
  line-height: 1;
  width: 250px;
  text-align: center;
  padding: 0 8px;
}
#popup__EF15B .footnote {
  line-height: 1;
  bottom: 90px;
  max-width: 100%;
}
#popup__EF15B .popup__navigation .gallery__prev {
  left: 25px !important;
}

#popup__EF16B .container-video, #popup__EF16C .container-video {
  width: 90%;
  margin: 0 auto;
}
#popup__EF16B .footnote, #popup__EF16C .footnote {
  bottom: 90px;
  line-height: 1.2;
  max-width: 100%;
}

#popup__EF9 .footnote, #popup__EF10 .footnote {
  max-width: 50%;
  line-height: 1.5;
  bottom: 100px;
}
#popup__EF9 video, #popup__EF10 video {
  width: 100%;
}

#popup__EF6 .col-7 img {
  max-height: 550px;
}

#popup__EF13 .popup__subtitle, #popup__B3D .popup__subtitle, #popup__EF14 .popup__subtitle, #popup_EF15 .popup__subtitle {
  margin-bottom: 30px;
}
#popup__EF13 .extra_gallery, #popup__B3D .extra_gallery, #popup__EF14 .extra_gallery, #popup_EF15 .extra_gallery {
  border-radius: 0px;
  background: transparent;
  padding: 0;
  text-align: left;
  cursor: pointer;
  text-align: left;
}
#popup__EF13 .extra_gallery img, #popup__B3D .extra_gallery img, #popup__EF14 .extra_gallery img, #popup_EF15 .extra_gallery img {
  max-width: 250px;
  margin-bottom: 24px;
}
#popup__EF13 p, #popup__EF13 p b, #popup__B3D p, #popup__B3D p b, #popup__EF14 p, #popup__EF14 p b, #popup_EF15 p, #popup_EF15 p b {
  line-height: 1.2;
  font-size: 18px;
}
#popup__EF13 .popup__list li, #popup__B3D .popup__list li, #popup__EF14 .popup__list li, #popup_EF15 .popup__list li {
  margin-bottom: 2px;
}
#popup__EF13 .popup__list li span, #popup__B3D .popup__list li span, #popup__EF14 .popup__list li span, #popup_EF15 .popup__list li span {
  line-height: 1.2;
  font-size: 18px;
  display: block;
}
#popup__EF13 .popup__link-video, #popup__B3D .popup__link-video, #popup__EF14 .popup__link-video, #popup_EF15 .popup__link-video {
  width: 250px;
  margin-bottom: 24px;
}

#popup__B3C .popup__link-video, #popup__B3E .popup__link-video {
  width: 100%;
}

.container-video-9-16 {
  width: 300px;
  height: 500px;
  margin: 0 auto;
}

#popup__EF9 .vjs-big-play-button, #popup__EF10 .vjs-big-play-button, #popup__EF11 .vjs-big-play-button, #popup__EF16B .vjs-big-play-button {
  display: none;
}
#popup__EF9 .footnote, #popup__EF10 .footnote, #popup__EF11 .footnote, #popup__EF16B .footnote {
  max-width: unset;
}

.purple {
  color: #6022A6;
}

#popup__EF15B .image-legends {
  padding: 5px 15px;
}
#popup__EF15B .image-legends p {
  font-size: 15px;
  line-height: 1;
  width: 250px;
  text-align: center;
  padding: 0 8px;
}
#popup__EF15B .footnote {
  line-height: 1;
  bottom: 90px;
  max-width: 100%;
}
#popup__EF15B .popup__navigation .gallery__prev {
  left: 25px !important;
}

#popup__EF16B .container-video, #popup__EF16C .container-video {
  width: 90%;
  margin: 0 auto;
}
#popup__EF16B .footnote, #popup__EF16C .footnote {
  bottom: 90px;
  line-height: 1.2;
  max-width: 100%;
}

#popup__EF9 .footnote, #popup__EF10 .footnote {
  max-width: 50%;
  line-height: 1.5;
  bottom: 100px;
}
#popup__EF9 video, #popup__EF10 video {
  width: 100%;
}

.bg_uncomp {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#container[data-section=clinical_capability_select] .navbar__brand, #container[data-section=future_proof] .navbar__brand, #container[data-section=clinical_capability_elite] .navbar__brand {
  color: #fff;
}
#container[data-section=clinical_capability_select] .cls-2, #container[data-section=future_proof] .cls-2, #container[data-section=clinical_capability_elite] .cls-2 {
  fill: #fff;
}

.subpop_incomp {
  width: 1400px;
  height: 787px;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 4;
  box-shadow: 0px 1px 50px -19px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0px 1px 50px -19px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 1px 50px -19px rgba(0, 0, 0, 0.75);
}
.subpop_incomp::before {
  content: "";
  width: 1920px;
  height: 1080px;
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: -150px;
  left: -260px;
}
.subpop_incomp .swiper-slide video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.subpop_incomp .swiper-slide {
  position: relative;
}
.subpop_incomp .swiper-slide:after {
  content: "";
  width: 80px;
  height: 50px;
  background: #000;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.title-clinical {
  color: #fff;
  font-size: 40px;
  position: absolute;
  top: 200px;
  left: 100px;
  font-weight: bold;
}

.line_cta_3 {
  top: 140px;
  left: 70px;
}
.line_cta_3:nth-child(3) {
  top: 400px;
}
.line_cta_3 .cta_swiper {
  width: 130px;
  height: 140px;
}

.line_cta_4 {
  top: 430px !important;
  left: 70px;
}
.line_cta_4 .cta_swiper {
  width: 130px;
  height: 140px;
}

.content_loading {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #fff;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}
.content_loading div {
  font-size: 45px;
  color: #6022A6;
  font-weight: bold;
}

.bandeau_title_align {
  position: absolute;
  z-index: 1000;
  color: #fff;
  background-color: #000;
  top: 0;
  left: 0;
  font-size: 3rem;
  font-weight: 600;
  padding: 2rem 0 0 3.4rem;
}

.cta_swiper {
  padding: 3px 15px;
  border: solid 1px #6022A6;
  background-color: #6022A6;
  font-weight: 600;
  border-radius: 8px;
  color: #fff;
  position: absolute;
  font-size: 25px;
  cursor: pointer;
  transition: all ease 0.5s;
}
.cta_swiper::before {
  content: "";
  width: 250px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: -250px;
  transition: all ease 0.5s;
}
.cta_swiper::after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -250px;
  background: #fff;
  border-radius: 100%;
  transition: all ease 0.5s;
}
.cta_swiper:hover {
  border-color: #512286;
  background-color: #512286;
}
.cta_swiper:hover::before {
  background: #512286;
}
.cta_swiper:hover::after {
  background: #512286;
}
.cta_swiper:focus {
  border-color: #6022A6;
  background-color: #6022A6;
  outline: 2px solid #6022A6;
  outline-offset: 2px;
}
.cta_swiper:focus::before {
  background: #6022A6;
}
.cta_swiper:focus::after {
  background: #6022A6;
}
.cta_swiper:active {
  border-color: #472271;
  background-color: #472271;
}
.cta_swiper:active::before {
  background: #472271;
}
.cta_swiper:active::after {
  background: #472271;
}
.cta_swiper[data-slide=neuro] {
  top: 200px;
  left: 1200px;
}
.cta_swiper[data-slide=lung] {
  top: 350px;
  left: 600px;
}
.cta_swiper[data-slide=lung]::before {
  right: -250px;
  left: unset;
}
.cta_swiper[data-slide=lung]::after {
  right: -250px;
  left: unset;
}
.cta_swiper[data-slide=abdomen] {
  top: 440px;
  left: 600px;
}
.cta_swiper[data-slide=abdomen]::before {
  right: -250px;
  left: unset;
}
.cta_swiper[data-slide=abdomen]::after {
  right: -250px;
  left: unset;
}
.cta_swiper[data-slide=cardiac] {
  top: 380px;
  left: 1240px;
}
.cta_swiper[data-slide=vascular] {
  top: 430px;
  left: 1240px;
}
.cta_swiper[data-slide=msk] {
  top: 640px;
  left: 600px;
}
.cta_swiper[data-slide=msk]::before {
  right: -250px;
  left: unset;
}
.cta_swiper[data-slide=msk]::after {
  right: -250px;
  left: unset;
}
.cta_swiper[data-slide=truefid] {
  top: 640px;
  left: 1240px;
}

#body .swiper-pagination {
  width: 900px;
}

.threesixty-wrapper {
  display: none;
  position: absolute !important;
  top: 0;
  left: 0;
}

.component-wrapper {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.component-wrapper img {
  display: none;
}

#download {
  position: absolute;
  bottom: 90px;
  right: -2px;
  z-index: 1;
  display: none;
  cursor: pointer;
  padding: 12px 14px;
  background: #fff;
  color: #6022A6;
  font-size: 1rem;
  border-radius: 8px 0 0 8px;
  border: 1px solid #6022A6;
  border-right: 0;
  cursor: pointer;
  display: block;
  transition: all ease 0.5s;
}
#download svg {
  width: 25px;
}

#download__msg {
  position: absolute;
  bottom: 5px;
  right: 50px;
  color: #63666a;
  display: none;
}

#download.blinker {
  animation: blinker 3s cubic-bezier(0.5, 0, 1, 1) infinite;
}

#loader-download {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(20px);
  z-index: 1000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  display: none;
}

.loader-download__content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.loader-download__content .progress {
  max-width: 700px;
  margin: 0 auto;
  height: 40px;
}
.loader-download__content .progress-bar {
  background-color: #45B2C5;
  font-size: 20px;
}
.loader-download__content .btn-primary {
  background: #6022A6;
  border-color: #6022A6;
  font-size: 25px;
  padding: 6px 45px;
  transition: all ease 0.5s;
  border-radius: 8px;
}
.loader-download__content .btn-primary:hover {
  background: #512286;
  border-color: #512286;
}
.loader-download__content .btn-primary:focus {
  background: #6022A6;
  border-color: #6022A6;
  outline: 2px solid #6022A6;
  outline-offset: 2px;
}
.loader-download__content .btn-primary:active {
  background: #472271;
  border-color: #472271;
}
.loader-download__content .loader-dwonload__step {
  display: none;
}
.loader-download__content #step_1 {
  display: block;
}

.chapiter_testimonials {
  padding: 13rem 1rem;
}
.chapiter_testimonials .col-12 {
  margin-bottom: 5rem;
}

.chapiter_whitepapers {
  padding: 7rem 1rem;
}
.chapiter_whitepapers .col-12 {
  margin-bottom: 5rem;
}

* {
  -moz-user-select: none; /* Firefox */
  -webkit-user-select: none; /* Chrome, Safari, Opéra depuis la version 15 */
  -ms-user-select: none; /* Internet explorer depuis la version 10 et Edge */
  user-select: none; /* Propriété standard */
}

/* ------------------ COMMON -----------------------*/
html {
  background: #000;
}

body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-x: hidden;
  font-family: "SourceSansPro";
  font-weight: 300;
  font-style: normal;
  font-weight: normal;
  color: #222222;
  background-color: #505050;
  font-size: 20px;
  font-size: 1.25rem;
}

sup {
  font-size: 66%;
}

#container {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  transform-origin: center;
  display: block;
  width: 1920px;
  height: 1080px;
  background-position: 0 0;
  background-repeat: repeat-x;
  background-color: #e2e4e9;
  background-size: auto 1080px;
  transform-origin: 0 0;
  overflow: hidden;
}

.container {
  max-width: 100%;
}

.chapiter {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.chapiter__text {
  position: absolute;
  top: 340px;
  left: 1090px;
  width: 240px;
  font-size: 19px;
  font-size: 1.1875rem;
  color: #222222;
  line-height: 1.2;
}
.chapiter__btn2 {
  display: inline-block;
  width: 100px;
  height: 80px;
  background: url("../../img/hotspot.png");
  background-size: cover;
  position: absolute;
  cursor: pointer;
  z-index: 2;
}
.chapiter__btn2 span {
  opacity: 0;
  padding: 10px 18px;
  background-color: #6022A6;
  color: #fff;
  border-radius: 8px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 68px;
  font-size: 1rem;
  font-weight: 600;
  min-width: 100%;
  line-height: 1.2;
  z-index: 2;
  transition: all ease 0.5s;
  width: max-content;
}
.chapiter__btn2 span:after {
  top: 50%;
  transform: translateY(-50%);
}
.chapiter__btn2 span.visible {
  opacity: 1 !important;
}
.chapiter__btn2:hover span {
  opacity: 1 !important;
}

.logo-top {
  position: absolute;
  left: 25px;
  top: 0;
  width: 250px;
  z-index: 2;
}

.cartouche {
  background-color: #6022A6;
  color: #fff;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all ease 0.5s;
  border: 0;
  padding: 0.62rem 1.5rem;
}
.cartouche:hover {
  background-color: #512286;
}
.cartouche:focus {
  background-color: #6022A6;
  outline: 2px solid #6022A6;
  outline-offset: 2px;
}
.cartouche:active {
  background-color: #472271;
}

.cartouche--config, .chapiter0 .cartouche--config {
  position: absolute;
  bottom: 200px;
  z-index: 2;
  bottom: 70px;
  right: 70px;
  background-color: #45B2C5;
  padding: 15px 20px;
  font-size: 20px;
}
.cartouche--config img, .chapiter0 .cartouche--config img {
  width: 20px;
  margin-right: 5px;
}

.cartouche--db {
  background: #6022A6;
  padding: 10px;
  transition: all ease 0.5s;
}
.cartouche--db img {
  width: 30px;
}
.cartouche--db:hover {
  background: #512286;
}
.cartouche--db:focus {
  background: #6022A6;
  outline: 2px solid #6022A6;
  outline-offset: 2px;
}
.cartouche--db:active {
  background: #472271;
}

.navbar {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
  padding: 20px 25px;
  display: none;
}

.navbar__button {
  width: 300px;
  text-align: center;
  line-height: 1.2;
}

.navbar__brand {
  font-size: 25px;
}

.navbar__button.selected {
  background-color: #E4E4E4;
  color: #222222;
}

#myVideo {
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
}

#content-page-load {
  opacity: 0;
  transition: all ease 0.2s;
  width: 100%;
  height: 100%;
}
#content-page-load.active {
  opacity: 1;
}

.chapiterConfig .navbar {
  display: flex;
}

.footnote-elite {
  position: absolute;
  display: none;
  bottom: 70px;
  left: 70px;
  font-size: 15px;
  width: 300px;
  font-style: italic;
}

#container[data-section=clinical_capability_select] .logo-top svg {
  filter: grayscale(1) brightness(6.5);
}

.buttons-row {
  position: absolute;
  bottom: 0px;
  width: 53%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(40px);
  padding: 30px 0;
  border-radius: 8px 8px 0 0;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06), 0px 0px 80px rgba(0, 0, 0, 0.12);
  display: flex;
}
.buttons-row .item {
  text-align: center;
  width: 160px;
  text-align: center;
  cursor: pointer;
  padding: 0 5px;
}
.buttons-row .item img {
  width: 50px;
}
.buttons-row .item .sizeplus {
  width: 80px;
}
.buttons-row .item__box {
  width: 90px;
  height: 90px;
  background: #6022A6;
  border-radius: 4px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 0px 80px rgba(0, 0, 0, 0.28);
  transition: all ease 0.5s;
}
.buttons-row .item__title {
  text-align: center;
  color: #222222;
  font-weight: normal;
  line-height: 1.2;
  margin-top: 10px;
  font-size: 1rem;
}
.buttons-row .item.blackandwhite .item__box {
  background: #8D8D8D;
}
.buttons-row .item.blackandwhite .item__title {
  color: #8D8D8D;
}

#button-row-exceptional {
  display: flex;
  bottom: -300px;
  animation-duration: 1s;
  animation-name: slideup;
  animation-delay: 3s;
  animation-fill-mode: forwards;
}

.btn.focus, .btn:focus {
  box-shadow: 0 0 0 0.2rem rgba(96, 34, 166, 0.25);
}

.btn-primary {
  background: #6022A6;
  border-color: #6022A6;
  display: inline-block;
  padding: 0.62rem 1.5rem;
  border-radius: 8px;
  transition: all ease 0.5s;
  font-weight: 600;
}
.btn-primary:hover {
  background: #512286;
  border-color: #512286;
}
.btn-primary:focus {
  background: #6022A6;
  border-color: #6022A6;
  outline: 2px solid #6022A6;
  outline-offset: 2px;
}
.btn-primary:active {
  background: #472271;
  border-color: #472271;
}

.icon_video {
  position: absolute;
  right: 50px;
  top: 10px;
  z-index: 2;
  width: 100px;
}

#chapiterHome .footnote {
  left: 30px;
}
#chapiterHome .sub-menu .chapiter_rectangle {
  height: auto;
}

.m_plus, .m_elite {
  display: none;
}

#container[data-section=key_technology] #popup_H1C2 .gallery__prev, #container[data-section=home] #popup_H1C2 .gallery__prev {
  display: none;
}
#container[data-section=key_technology] #popup_H1B8 .gallery__next, #container[data-section=home] #popup_H1B8 .gallery__next {
  display: flex;
}

#container[data-machine=select] #popup_H1B5 .gallery__prev, #container[data-machine=select] #popup_H1B12 .gallery__prev {
  display: none;
}
#container[data-machine=select] .buttons-row-right-toggle[data-chapiter=clinical_capability_elite] {
  display: none;
}

#container[data-machine=plus] .m_select {
  display: none;
}
#container[data-machine=plus] .m_plus {
  display: inline-block;
}
#container[data-machine=plus] #popup_H1B5 .gallery__prev, #container[data-machine=plus] #popup_H1B12 .gallery__prev {
  display: none;
}
#container[data-machine=plus] #popup_H1C4 .btn-violine ul li:nth-child(2) {
  display: none;
}
#container[data-machine=plus] .buttons-row-right-toggle[data-chapiter=clinical_capability_select],
#container[data-machine=plus] .buttons-row-right-toggle[data-chapiter=clinical_capability_elite] {
  display: none;
}

#container[data-machine=elite] .m_select {
  display: none;
}
#container[data-machine=elite] .m_elite_none {
  display: none;
}
#container[data-machine=elite] .m_elite {
  display: block;
}
#container[data-machine=elite] .m_plus {
  display: inline-block;
}
#container[data-machine=elite] .buttons-row-right-toggle[data-chapiter=clinical_capability_select] {
  display: none;
}
#container[data-machine=elite] #popup_H1B12 .footnote {
  left: 20%;
}

#container:not([data-section=home]) #download {
  display: none !important;
}

#container[data-section=clinical_capability_select] .buttons-row-right-toggle[data-machine=elite] {
  display: none;
}

#container[data-section=clinical_capability_elite] .buttons-row-right-toggle[data-machine=select] {
  display: none;
}