@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */
.p-none {
  padding: 0;
}
.pt-none {
  padding-top: 0;
}
.pr-none {
  padding-right: 0;
}
.pb-none {
  padding-bottom: 0;
}
.pl-none {
  padding-left: 0;
}
.m-none {
  margin: 0;
}
.mt-none {
  margin-top: 0;
}
.mr-none {
  margin-right: 0;
}
.mb-none {
  margin-bottom: 0;
}
.ml-none {
  margin-left: 0;
}
.my-none {
  margin-top: 0;
  margin-bottom: 0;
}
.mx-none {
  margin-left: 0;
  margin-right: 0;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.c-pointer, .pointer {
  cursor: pointer;
}
.block, .popinMF .popinMF__form-step.-summary .popinMF__summary-list .popinMF__summary-item .content, .popinMF .popinMF__form-step.-summary .popinMF__summary-list .popinMF__summary-item .label, .select .select__icon {
  display: block;
}
.inline {
  display: inline-block;
}
.hidden {
  display: none;
}
.relative {
  position: relative;
}
.w-100 {
  width: 100%;
}
.h-100 {
  height: 100%;
}
.max-w-100 {
  max-width: 100%;
}
.flex-1 {
  flex: 1;
}
.flex {
  display: flex;
}
.flex-middle {
  align-items: center;
}
.flex-center {
  justify-content: center;
}
.flex-start {
  justify-content: flex-start;
}
.flex-end {
  justify-content: flex-end;
}
.flex-top {
  align-items: flex-start;
}
.flex-bottom {
  align-items: flex-end;
}
.grid {
  display: grid;
}
.gap-xs {
  grid-gap: 4px;
  gap: 4px;
}
.gap-s {
  grid-gap: 8px;
  gap: 8px;
}
.gap-m {
  grid-gap: 16px;
  gap: 16px;
}
.m-xxs {
  margin: 4px;
}
.my-xxs {
  margin-top: 4px;
  margin-bottom: 4px;
}
.mx-xxs {
  margin-left: 4px;
  margin-right: 4px;
}
.mt-xxs, .textarea__legend, .textarea__counter {
  margin-top: 4px;
}
.mr-xxs, .messages.-accept .messages__label::before, .messages.form__valid:before, .messages.-form.-valid .messages__icon, .messages.-tel .messages__label::before, .messages.-info .messages__label::before, .link.-phone::before {
  margin-right: 4px;
}
.mb-xxs, .popinMF .popinMF__form-step.-summary .popinMF__summary-list .popinMF__summary-item .label {
  margin-bottom: 4px;
}
.ml-xxs {
  margin-left: 4px;
}
.p-xxs, .tooltipTransverse.-error .tooltipTransverse__content, .tooltip.-error .tooltip__content {
  padding: 4px;
}
.py-xxs {
  padding-top: 4px;
  padding-bottom: 4px;
}
.px-xxs {
  padding-left: 4px;
  padding-right: 4px;
}
.pt-xxs, .modal .cz__modal-upload .cz__modal-upload-files .button {
  padding-top: 4px;
}
.pr-xxs, .textfield-date .textfield__separator {
  padding-right: 4px;
}
.pb-xxs, .modal .cz__modal-upload .cz__modal-upload-files .button {
  padding-bottom: 4px;
}
.pl-xxs, .textfield-date .textfield__separator {
  padding-left: 4px;
}
.m-xs {
  margin: 8px;
}
.my-xs {
  margin-top: 8px;
  margin-bottom: 8px;
}
.mx-xs {
  margin-left: 8px;
  margin-right: 8px;
}
.mt-xs, .popinMF .fnol .form .data__title .sublabel, .popinMF .form .data__label .sublabel, .infoCookies .infoCookies__container .infoCookies__first .infoCookies_link, .radio.-big .radio__element .radio__label .radio__legend .sublabel, .checkbox .checkbox__label .checkbox__text .-sub {
  margin-top: 8px;
}
.mr-xs, .messages.-agree .messages-wrap .icon, .messages.-infoBig .messages__icon, .messages.-pdf::before, .radio.-square .radio__element .radio__label::before, .checkbox .checkbox__label::before, .link.-pre .link__icon, .link.-mail::before, .link.-pdf::before, .link.-info::before {
  margin-right: 8px;
}
.mb-xs, .messages.-agree, .messages.-infoBig .-title {
  margin-bottom: 8px;
}
.ml-xs, .link.-what::after {
  margin-left: 8px;
}
.p-xs, .dropdown .dropdown__tooltip {
  padding: 8px;
}
.py-xs {
  padding-top: 8px;
  padding-bottom: 8px;
}
.px-xs {
  padding-left: 8px;
  padding-right: 8px;
}
.pt-xs, .messages.-infoBig, .button.-footer, .radio.-icon .radio__element .radio__label .radio__legend .sublabel, .radio.-wrap.-icon .radio__element .radio__label .radio__legend .sublabel {
  padding-top: 8px;
}
.pr-xs, .messages.-plate .messages__wrap-label .messages__label, .textfield .textfield__addon, .link.-post .link__label {
  padding-right: 8px;
}
.pb-xs, .messages.-infoBig, .button.-footer {
  padding-bottom: 8px;
}
.pl-xs, .messages.-plate .messages__wrap-label .messages__label, .textfield .textfield__addon {
  padding-left: 8px;
}
.m-s {
  margin: 12px;
}
.my-s {
  margin-top: 12px;
  margin-bottom: 12px;
}
.mx-s {
  margin-left: 12px;
  margin-right: 12px;
}
.mt-s, .popinMF .form .data__item .button.-link, .customerZone .cz__otp .messages.-form, .customerZone .cz__otp .cz__form .cz__form-row .link, .transverseForms.-row .tf__row .messages.-error, .messages__endflux-button .button, .messages.-agree {
  margin-top: 12px;
}
.mr-s, .customerZone .cz__otp .cz__form .cz__form-row .link, .modal .cz__modal-upload .cz__modal-upload-files .button, .messages.-agree .messages-wrap, .button.-back .button__wrap-label::before, .button.-grey .button__wrap-label::before, .radio.-icon .radio__element .radio__label .radio__icon, .radio.-wrap.-icon .radio__element .radio__label .radio__icon {
  margin-right: 12px;
}
.mb-s, .cz__details-wrap .cz__details .cz__list .cz__list-item .list.-classic li, .modal .cz__modal-upload .cz__modal-upload-files .button, .uploadTransverse.-desktop .upload .upload__download .upload__already .upload__messages-flood, .messages.-confirmation .messages__sublabel, .messages.-confirmation .messages__label, .messages.-endflux .messages__sublabel, ul.list.-classic li, ul.list.-bullets li, ul.list.-unvalid li, ul.list.-green li, ul.list.-valid li {
  margin-bottom: 12px;
}
.ml-s, .checkbox.-toggle .checkbox__toggle-label, ul.list.-classic, ul.list.-next, ul.list.-validate, ul.list.-bullets, ul.list.-green, ul.list.-valid {
  margin-left: 12px;
}
.p-s, .tooltipTransverse .tooltipTransverse__content, .tooltip .tooltip__content, .dropdown .dropdown__tooltip .dropdown__content, .select.-multiple .select__list-wrap .select__list .select__item, .select.-false .select__list-wrap .select__list .select__item, .textarea {
  padding: 12px;
}
.py-s {
  padding-top: 12px;
  padding-bottom: 12px;
}
.px-s {
  padding-left: 12px;
  padding-right: 12px;
}
.pt-s {
  padding-top: 12px;
}
.pr-s, .modal .cz__modal-upload .cz__modal-upload-files .button, .textfield.-param .textfield__param {
  padding-right: 12px;
}
.pb-s, .radio.-chooser .radio__element .radio__label {
  padding-bottom: 12px;
}
.pl-s, .modal .cz__modal-upload .cz__modal-upload-files .button, .button.-download .button__label, .select.-false .select__label, .textfield.-param .textfield__param {
  padding-left: 12px;
}
.m-m {
  margin: 16px;
}
.my-m {
  margin-top: 16px;
  margin-bottom: 16px;
}
.mx-m {
  margin-left: 16px;
  margin-right: 16px;
}
.mt-m, .radio.-chooser, .radio.-big.-button, .textarea.textarea-popin {
  margin-top: 16px;
}
.mr-m {
  margin-right: 16px;
}
.mb-m, .popinMF .form .data__item, .popinMF .form .data__group.-agree .checkbox, .popinMF .popinMF__h4, .modal .modal__dialog .modal__content .modal__help .modal__help-wrap .modal__help-title, .messages.-confirm ol li {
  margin-bottom: 16px;
}
.ml-m, .messages.-warning .messages__icon, .messages.-remark .messages__icon, .messages.-framed .messages__icon {
  margin-left: 16px;
}
.p-m, .messages.-warning, .messages.-remark, .messages.-framed {
  padding: 16px;
}
.py-m {
  padding-top: 16px;
  padding-bottom: 16px;
}
.px-m {
  padding-left: 16px;
  padding-right: 16px;
}
.pt-m, .infoCookies {
  padding-top: 16px;
}
.pr-m, .infoCookies .infoCookies__container, .messages.-infoBig, .textfield.-phone .textfield__prefix {
  padding-right: 16px;
}
.pb-m, .infoCookies {
  padding-bottom: 16px;
}
.pl-m, .infoCookies .infoCookies__container, .messages.-infoBig, .textfield.-phone .textfield__prefix {
  padding-left: 16px;
}
.m-l {
  margin: 24px;
}
.my-l {
  margin-top: 24px;
  margin-bottom: 24px;
}
.mx-l {
  margin-left: 24px;
  margin-right: 24px;
}
.mt-l, .infoCookies .infoCookies__container .infoCookies__second .button {
  margin-top: 24px;
}
.mr-l, .messages.-warning .messages__icon, .messages.-remark .messages__icon, .messages.-framed .messages__icon {
  margin-right: 24px;
}
.mb-l, .messages.-endflux .messages__label, .messages.-confirm .messages__sublabel, .radio.-big .radio__element .radio__label .radio__icon {
  margin-bottom: 24px;
}
.ml-l {
  margin-left: 24px;
}
.p-l {
  padding: 24px;
}
.py-l {
  padding-top: 24px;
  padding-bottom: 24px;
}
.px-l {
  padding-left: 24px;
  padding-right: 24px;
}
.pt-l {
  padding-top: 24px;
}
.pr-l {
  padding-right: 24px;
}
.pb-l {
  padding-bottom: 24px;
}
.pl-l, .cz__details-wrap .cz__details .cz__list .cz__list-item .list.-classic li, ul.list.-classic li, ul.list.-next li, ul.list.-validate li, ul.list.-green li, ul.list.-valid li {
  padding-left: 24px;
}
.m-xl {
  margin: 32px;
}
.my-xl {
  margin-top: 32px;
  margin-bottom: 32px;
}
.mx-xl {
  margin-left: 32px;
  margin-right: 32px;
}
.mt-xl, .messages__endflux-button, .messages.-confirmation .messages__sublabel, .messages.-confirmation .messages__label, .messages.-endflux, .messages.-confirm {
  margin-top: 32px;
}
.mr-xl {
  margin-right: 32px;
}
.mb-xl, .messages.-endflux, .messages.-confirm .messages__icon, .messages.-confirm .messages__label, .messages.-confirm {
  margin-bottom: 32px;
}
.ml-xl {
  margin-left: 32px;
}
.p-xl {
  padding: 32px;
}
.py-xl {
  padding-top: 32px;
  padding-bottom: 32px;
}
.px-xl {
  padding-left: 32px;
  padding-right: 32px;
}
.pt-xl {
  padding-top: 32px;
}
.pr-xl, .citation {
  padding-right: 32px;
}
.pb-xl, .messages.-endflux, .messages.-confirm {
  padding-bottom: 32px;
}
.pl-xl, ul.list.-unvalid li, .citation {
  padding-left: 32px;
}
.m-xxl {
  margin: 64px;
}
.my-xxl {
  margin-top: 64px;
  margin-bottom: 64px;
}
.mx-xxl {
  margin-left: 64px;
  margin-right: 64px;
}
.mt-xxl, .messages.-confirm .button {
  margin-top: 64px;
}
.mr-xxl {
  margin-right: 64px;
}
.mb-xxl {
  margin-bottom: 64px;
}
.ml-xxl {
  margin-left: 64px;
}
.p-xxl {
  padding: 64px;
}
.py-xxl {
  padding-top: 64px;
  padding-bottom: 64px;
}
.px-xxl {
  padding-left: 64px;
  padding-right: 64px;
}
.pt-xxl {
  padding-top: 64px;
}
.pr-xxl {
  padding-right: 64px;
}
.pb-xxl {
  padding-bottom: 64px;
}
.pl-xxl {
  padding-left: 64px;
}
@font-face {
  font-family: "EthiasSans";
  font-weight: 400;
  font-style: normal;
  src: url("/content/dam/B2C/shared/fonts/EthiasSans-Regular.woff2") format("woff2");
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.f-EthiasSans {
  font-family: "EthiasSans", sans-serif;
  font-weight: 400;
}
@font-face {
  font-family: "EthiasTTT";
  font-weight: 400;
  font-style: normal;
  src: url("/content/dam/B2C/shared/fonts/Ethias_TTT.woff2") format("woff2");
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.f-EthiasTTT {
  font-family: "EthiasTTT", sans-serif;
  font-weight: 400;
}
@font-face {
  font-family: "EthiasScript";
  font-weight: 400;
  font-style: normal;
  src: url("/content/dam/B2C/shared/fonts/EthiasScript-Regular.woff2") format("woff2");
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.f-EthiasScript {
  font-family: "EthiasScript", sans-serif;
  font-weight: 400;
}
@font-face {
  font-family: "Light";
  font-weight: 400;
  font-style: normal;
  src: url("/content/dam/B2C/shared/fonts/Light.woff2") format("woff2");
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.f-Light {
  font-family: "Light", sans-serif;
  font-weight: 400;
}
@font-face {
  font-family: "Bold";
  font-weight: 400;
  font-style: normal;
  src: url("/content/dam/B2C/shared/fonts/Bold.woff2") format("woff2");
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.f-Bold {
  font-family: "Bold", sans-serif;
  font-weight: 400;
}
@font-face {
  font-family: "Regular";
  font-weight: 400;
  font-style: normal;
  src: url("/content/dam/B2C/shared/fonts/Regular.woff2") format("woff2");
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.f-Regular {
  font-family: "Regular", sans-serif;
  font-weight: 400;
}
@font-face {
  font-family: "Semibold";
  font-weight: 400;
  font-style: normal;
  src: url("/content/dam/B2C/shared/fonts/Semibold.woff2") format("woff2");
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.f-Semibold {
  font-family: "Semibold", sans-serif;
  font-weight: 400;
}
@font-face {
  font-family: "Medium";
  font-weight: 400;
  font-style: normal;
  src: url("/content/dam/B2C/shared/fonts/Medium.woff2") format("woff2");
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.f-Medium {
  font-family: "Medium", sans-serif;
  font-weight: 400;
}
@font-face {
  font-family: "maridavid";
  font-weight: 400;
  font-style: normal;
  src: url("/content/dam/B2C/shared/fonts/maridavid.woff2") format("woff2");
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.f-maridavid, .badges {
  font-family: "maridavid", sans-serif;
  font-weight: 400;
}
.f-EthiasTTT {
  font-family: "EthiasTTT", arial, sans-serif;
  font-weight: 400;
}
.f-EthiasSans {
  font-family: "EthiasSans", arial, sans-serif;
  font-weight: 400;
}
.f-EthiasScript {
  font-family: "EthiasScript", arial, sans-serif;
  font-weight: 400;
}
.f-light {
  font-family: "Light", arial, sans-serif;
  font-weight: 400;
}
.f-regular, .cz__help.-ghost, .cz__title .customerZone-first .label, .cz__title.-general .customerZone-wrap .customerZone-second .generalsecond, .cz__header-menuopen .cz__header-row.-second .cz__header-menuopen-list .cz__header-menuopen-item .cz__header-menuopen-link, .customerZone .cz__content_title .label, .button.-link, .textfield.-txt .textfield__field, .ethias-h4, .cz__details-wrap .cz__details .cz__details-title.-h4 {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
}
.f-medium, .customerZone-wrap.-tabs .cz__tabs-wrap .cz__tabs-tabs .cz__tabs-tabs-link .cz__tabs-tabs-link-label .cz__notif, .cz__ebilling__wrap .cz__ebilling.-late .cz__ebilling-first .cz__ebilling-content .cz__ebilling-label-status, .cz__ebilling__wrap .cz__ebilling.-topay .cz__ebilling-first .cz__ebilling-content .cz__ebilling-label-status, .cz__ebilling__wrap .cz__ebilling .cz__ebilling-second .cz__ebilling-content .cz__ebilling-details .cz__ebilling-title, .cz__ebilling__wrap .cz__ebilling .cz__ebilling-second .cz__ebilling-content .cz__ebilling-prime .cz__ebilling-prime-content .cz__ebilling-prime-topay, .cz__ebilling__wrap .cz__ebilling .cz__ebilling-second .cz__ebilling-content .cz__ebilling-prime .cz__ebilling-prime-content .cz__ebilling-prime-warning, .cz__ebilling__wrap .cz__ebilling .cz__ebilling-second .cz__ebilling-content .cz__ebilling-prime .cz__ebilling-prime-content .cz__ebilling-prime-status, .cz__ebilling__wrap .cz__ebilling .cz__ebilling-second .cz__ebilling-content .cz__ebilling-title, .cz__ebilling__wrap .cz__ebilling .cz__ebilling-first .cz__ebilling-content .cz__ebilling-title, .cz__help.-home, .cz__cards__wrap .cz__cards .cz__cards-content .cz__cards-title, .cz__title.-general .customerZone-wrap .customerZone-second .generalfirst, .cz__header .cz__header-wrap .cz__header-second .cz__header-item.cz__header-myethias .cz__header-myethias-wrap .cz__header-myethias-link .cz__header-myethias-label, .customerZone .cz__price .row.-second, .badges.-fiftypercentGreen::before, .badges.-fiftypercent::before, .badges.-thirtypercentGreen::before, .badges.-thirtypercent::before, .badges.-twentyfivepercent::before, .badges.-twentypercentGreen::before, .badges.-twentypercent::before, .badges.-fifteenpercent::before, .badges.-tenpercentGreen::before, .badges.-tenpercent::before, .badges.-fivepercentGreen::before, .badges.-fivepercent::before, .badges.-percentGreen::after, .badges.-percent::after, .accordion .accordion__element .accordion__head .accordion__title, .ethias-promo, .ethias-h5, .cz__details-wrap .cz__details .cz__details-title.-h5, .cz__details-wrap .cz__details .cz__details-title.-highlighting, .ethias-h3-blue, .cz__details-wrap .cz__details .cz__details-title.-h3-blue, .ethias-h3, .cz__details-wrap .cz__details .cz__details-title.-h3, .ethias-h2, .cz__title .customerZone-wrap .customerZone-second .cz__title-content .-second span.-secondsecond .secondsecond__label, .cz__title .customerZone-wrap .customerZone-second .cz__title-content .-second span.-secondfirst, .cz__title .customerZone-wrap .cz__name, .customerZone .customerZone__body .optin .optin__row .optin__welcome, .ethias-h1 {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.f-semibold, .ethias-h4-black {
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
}
.f-semi {
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
}
.f-bold {
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.no-decoration {
  text-decoration: none;
}
.underline {
  text-decoration: underline;
}
.nowrap, .messages.-chassis .messages__wrap-label .messages__label, .messages.-chassis .messages__wrap-label .messages__prefix, .messages.-plate .messages__wrap-label .messages__label, .button.-filter {
  white-space: nowrap;
}
.citation {
  font-style: italic;
}
b,
strong {
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
}
.-mobilebreak {
  display: block;
}
@media (min-width: 576px) {
  .-mobilebreak.-s {
    display: inline;
  }
}
@media (min-width: 768px) {
  .-mobilebreak.-m {
    display: inline;
  }
}
@media (min-width: 1024px) {
  .-mobilebreak.-l {
    display: inline;
  }
}
.f-xxs {
  font-size: 11px;
}
.f-xs, .tooltipTransverse.-error .tooltipTransverse__content, .tooltip.-error .tooltip__content {
  font-size: 12px;
}
.f-s, .cz__help.-ghost .cz__help-wrap, .cz__help.-info .cz__help-wrap, .cz__help.-error .cz__help-wrap, .cz__help.-valid .cz__help-wrap, .cz__help.-warning .cz__help-wrap, .tabsTransverse.-background .tabs__wrap .tabs__list .tabs__item .tabs__link {
  font-size: 14px;
}
.f-m, .button__icon {
  font-size: 16px;
}
.f-l {
  font-size: 18px;
}
.f-xl {
  font-size: 20px;
}
.f-xxl {
  font-size: 35px;
}
*:focus {
  outline: 0 !important;
  outline-style: none !important;
}
p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
body, html {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  margin: 0;
  padding: 0;
  line-height: 1.2;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  -webkit-font-smoothing: subpixel-antialiased;
  color: #000000;
  font-size: 16px;
}
body.-livechatmaximized, html.-livechatmaximized {
  max-height: 100vh;
  overflow: hidden;
}
@media (min-width: 768px) {
  body.-livechatmaximized, html.-livechatmaximized {
    max-height: 100%;
    overflow: auto;
  }
}
body :focus, html :focus {
  outline: 0 !important;
  outline-style: none !important;
}
.container {
  position: relative;
}
a:hover, a:focus, a:active {
  text-decoration: none;
}
.m-auto {
  margin: auto;
}
*, :after, :before {
  box-sizing: border-box;
}
*.-animate {
  overflow: visible;
  transition: all 250ms ease;
}
*.-animate.-off {
  transform: translateY(-30px);
  opacity: 0;
  height: 0px;
  overflow: hidden;
  visibility: hidden;
}
*.-animate.-on {
  display: block;
  height: auto;
  overflow: visible;
  visibility: visible;
  opacity: 1;
  transform: translateY(0%);
  transition: all 250ms ease;
}
*.-animateX {
  overflow: hidden;
  transition: opacity 250ms linear, width 250ms linear, transform 250ms linear;
}
*.-animateX.-off {
  transform: translateX(-30px);
  opacity: 0;
  width: 0px;
  transition: opacity 250ms linear, width 250ms linear, transform 250ms linear;
}
*.-animateX.-on {
  width: auto;
  overflow: visible;
  opacity: 1;
  transform: translateX(0%);
  transition: opacity 250ms linear, width 250ms linear, transform 250ms linear;
}
.-czmmopen .customerZone {
  max-height: 100vh;
  overflow: hidden;
}
@media (min-width: 768px) {
  .-czmmopen .customerZone {
    max-height: none;
    overflow: visible;
    box-shadow: 0 0 0 transparent;
    animation: none;
  }
}
.bg-transparent {
  background-color: transparent;
}
.c-transparent {
  color: transparent;
}
.bg-primary00 {
  background-color: #F9FBFC;
}
.c-primary00 {
  color: #F9FBFC;
}
.bg-primary01 {
  background-color: #F1F8FC;
}
.c-primary01 {
  color: #F1F8FC;
}
.bg-primary02 {
  background-color: #EAF6FB;
}
.c-primary02 {
  color: #EAF6FB;
}
.bg-primary03 {
  background-color: #CEE9F4;
}
.c-primary03 {
  color: #CEE9F4;
}
.bg-primary04 {
  background-color: #94D5F1;
}
.c-primary04 {
  color: #94D5F1;
}
.bg-primary05 {
  background-color: #98B3C4;
}
.c-primary05 {
  color: #98B3C4;
}
.bg-primary06 {
  background-color: #7291A3;
}
.c-primary06 {
  color: #7291A3;
}
.bg-primary07 {
  background-color: #089edd;
}
.c-primary07 {
  color: #089edd;
}
.bg-primary08 {
  background-color: #0190cc;
}
.c-primary08 {
  color: #0190cc;
}
.bg-primary09 {
  background-color: #586871;
}
.c-primary09 {
  color: #586871;
}
.bg-primary10 {
  background-color: #212121;
}
.c-primary10 {
  color: #212121;
}
.bg-primary11 {
  background-color: #FF6F0D;
}
.c-primary11 {
  color: #FF6F0D;
}
.bg-primary12 {
  background-color: #D94204;
}
.c-primary12 {
  color: #D94204;
}
.bg-grey00 {
  background-color: #fff;
}
.c-grey00 {
  color: #fff;
}
.bg-grey01 {
  background-color: #F4F8FA;
}
.c-grey01 {
  color: #F4F8FA;
}
.bg-grey02 {
  background-color: #E7ECED;
}
.c-grey02 {
  color: #E7ECED;
}
.bg-grey03 {
  background-color: #D0D9DC;
}
.c-grey03 {
  color: #D0D9DC;
}
.bg-grey04 {
  background-color: #B0C0C4;
}
.c-grey04 {
  color: #B0C0C4;
}
.bg-grey05 {
  background-color: #707070;
}
.c-grey05 {
  color: #707070;
}
.bg-grey06 {
  background-color: #5D717C;
}
.c-grey06 {
  color: #5D717C;
}
.bg-grey07 {
  background-color: #3A4F5E;
}
.c-grey07 {
  color: #3A4F5E;
}
.bg-grey08 {
  background-color: #212121;
}
.c-grey08 {
  color: #212121;
}
.bg-grey09 {
  background-color: #0f1c26;
}
.c-grey09 {
  color: #0f1c26;
}
.bg-grey10 {
  background-color: #000000;
}
.c-grey10 {
  color: #000000;
}
.bg-red01 {
  background-color: #E84E0F;
}
.c-red01 {
  color: #E84E0F;
}
.bg-red02 {
  background-color: #7E2E0D;
}
.c-red02 {
  color: #7E2E0D;
}
.bg-red03 {
  background-color: #FFF0E5;
}
.c-red03 {
  color: #FFF0E5;
}
.bg-red04 {
  background-color: #F6BEA7;
}
.c-red04 {
  color: #F6BEA7;
}
.bg-red05 {
  background-color: #EA7063;
}
.c-red05 {
  color: #EA7063;
}
.bg-red06 {
  background-color: #937468;
}
.c-red06 {
  color: #937468;
}
.bg-red07 {
  background-color: #D64839;
}
.c-red07 {
  color: #D64839;
}
.bg-red08 {
  background-color: #D54206;
}
.c-red08 {
  color: #D54206;
}
.bg-red09 {
  background-color: #f8d1d1;
}
.c-red09 {
  color: #f8d1d1;
}
.bg-red10 {
  background-color: #cd184f;
}
.c-red10 {
  color: #cd184f;
}
.bg-green01 {
  background-color: #31933E;
}
.c-green01 {
  color: #31933E;
}
.bg-green02 {
  background-color: #077D17;
}
.c-green02 {
  color: #077D17;
}
.bg-green03 {
  background-color: #E6F2E8;
}
.c-green03 {
  color: #E6F2E8;
}
.bg-itsme01 {
  background-color: #FF4612;
}
.c-itsme01 {
  color: #FF4612;
}
.bg-itsme02 {
  background-color: #da380b;
}
.c-itsme02 {
  color: #da380b;
}
.bg-assurpharma01 {
  background-color: #44B853;
}
.c-assurpharma01 {
  color: #44B853;
}
.bg-assurpharma02 {
  background-color: #148B8C;
}
.c-assurpharma02 {
  color: #148B8C;
}
.bg-webdeal01 {
  background-color: #6321B1;
}
.c-webdeal01 {
  color: #6321B1;
}
.bg-webdeal02 {
  background-color: #EC2D9F;
}
.c-webdeal02 {
  color: #EC2D9F;
}
.bg-webdeal03 {
  background-color: #F6E8F3;
}
.c-webdeal03 {
  color: #F6E8F3;
}
.bg-webdeal04 {
  background-color: #CA4197;
}
.c-webdeal04 {
  color: #CA4197;
}
.bg-affinity01 {
  background-color: #30459A;
}
.c-affinity01 {
  color: #30459A;
}
.bg-affinity02 {
  background-color: #30459A;
}
.c-affinity02 {
  color: #30459A;
}
.bg-accent01 {
  background-color: #F5BD00;
}
.c-accent01 {
  color: #F5BD00;
}
.bg-accent02 {
  background-color: #364D80;
}
.c-accent02 {
  color: #364D80;
}
.bg-accent03 {
  background-color: #E4F2FA;
}
.c-accent03 {
  color: #E4F2FA;
}
.bg-accent04 {
  background-color: #816EA6;
}
.c-accent04 {
  color: #816EA6;
}
.bg-accent04light {
  background-color: #E2E9F3;
}
.c-accent04light {
  color: #E2E9F3;
}
.bg-accent05 {
  background-color: #479CAA;
}
.c-accent05 {
  color: #479CAA;
}
.bg-accent06 {
  background-color: #B56285;
}
.c-accent06 {
  color: #B56285;
}
.bg-accent07 {
  background-color: #70A027;
}
.c-accent07 {
  color: #70A027;
}
.bg-accent08 {
  background-color: #3D0112;
}
.c-accent08 {
  color: #3D0112;
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--gradient-from), var(--gradient-to));
}
.bg-gradient-to-l {
  background-image: linear-gradient(to left, var(--gradient-from), var(--gradient-to));
}
.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--gradient-from), var(--gradient-to));
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--gradient-from), var(--gradient-to));
}
.bg-gradient-to-45 {
  background-image: linear-gradient(45deg, var(--gradient-from), var(--gradient-to));
}
.bg-gradient-to-135 {
  background-image: linear-gradient(135deg, var(--gradient-from), var(--gradient-to));
}
.bg-gradient-to-225 {
  background-image: linear-gradient(225deg, var(--gradient-from), var(--gradient-to));
}
.bg-gradient-to-315 {
  background-image: linear-gradient(315deg, var(--gradient-from), var(--gradient-to));
}
.from-primary-50 {
  --gradient-from: #EAF6FB;
}
.from-primary-100 {
  --gradient-from: #94D5F1;
}
.from-primary {
  --gradient-from: #089edd;
}
.from-white {
  --gradient-from: #fff;
}
.to-white {
  --gradient-to: #fff;
}
.to-primary {
  --gradient-to: #089edd;
}
@font-face {
  font-family: "ethias";
  font-weight: 400;
  font-style: normal;
  src: url("/content/dam/B2C/shared/fonts/ethias.woff2") format("woff2");
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.f-ethias-icons, .popinMF .popinMF__breadcrumb .popinMF__breadcrumb-list .popinMF__breadcrumb-item::after, .popinMF .popinMF__header__logo .popinMF__header__logo-wrap .popinMF__header-close, .cz__ebilling__wrap .cz__ebilling .cz__ebilling-second .cz__ebilling-content .cz__ebilling-details .cz__ebilling-table .cz__ebilling-row .cz__ebilling-cell.-first, .cz__ebilling__wrap .cz__ebilling .cz__ebilling-first .cz__ebilling-content .cz__ebilling-status::before, .cz__help.-cards .cz__help-wrap::before, .cardsTransverse__wrap.-claims .collapsecard.-isValid .collapsecard__header .collapsecard__header-visu::after, .cz__cards__wrap .cz__cards::before, .cz__title .cz__back .cz__back-icon, .cz__header-menuopen .cz__header-row.-first .cz__header-menuopen-close .cz__header-menuopen-close-icon, .cz__header .cz__header-wrap .cz__header-second .cz__header-item.cz__header-myethias .cz__header-myethias-wrap .cz__header-myethias-link .cz__header-myethias-icon, .cz__header .cz__header-wrap .cz__header-second .cz__header-item.cz__header-openmenu .cz__header-openmenu-icon, .popinMF .popinMF__nav::before, .popinMF .popinMF__intro.-reminder .popinMF__intro-visu, .customerZone .cz__info .cz__info-icon, .customerZone .button__icon.-info, .webchat .webchat__download .button::before, .webchat .webchat__conversation .webchat__conversation-row::before, .webchat .webchat__header .-second .button__icon.-close::before, .webchat .webchat__header .-second .button__icon.-close, .webchat .webchat__header .-second .button__icon, .modal .modal__dialog .modal__content .modal__header .button__icon:before, .uploadTransverse.-desktop .upload .upload__download .upload__already .button .button__icon, .uploadTransverse.-mobile .uploadTransverse__image .uploadTransverse__image-trash::after, .valid-message::before, .messages.-endflux.-valide .messages__icon::before, .messages.-endflux.-valid .messages__icon::before, .messages.-confirm.-valid .messages__icon, .messages.-advantages .messages__advantages-icon::before, .messages.-talk:before, .messages.-agree .icon:before, .messages.-infoBig .messages__icon, .messages.-warning .messages__icon, .messages.-remark .messages__icon, .messages.-framed .messages__icon, .messages.-accept .messages__label::before, .messages.form__valid:before, .messages.-form.-valid .messages__icon, .messages.-pdf::before, .messages.-tel .messages__label::before, .messages.-info .messages__label::before, .cardsTransverse.-pavement::before, .breadcrumb.-cz .breadcrumb-container .breadcrumb-list .breadcrumb-item.-done::before, .breadcrumb.-cz .breadcrumb-container .breadcrumb-list .breadcrumb-item::after, .tooltipTransverse:before, .tooltip:before, .button__icon.-refresh::before, .button__icon.-info::before, .button.-itsme .button__wrap-label::before, .button.-back .button__wrap-label::before, .button.-grey .button__wrap-label::before, .button.-download .button__label::before, .radio.-chooser .radio__element .radio__label::before, .radio.-list .radio__element .radio__label::before, .radio.-big.-button .radio__element .radio__label::before, .radio.-icon .radio__element .radio__label:after, .radio.-wrap.-icon .radio__element .radio__label:after, .radio.-framed .radio__element .radio__label:after, .radio.-mobilestyle .radio__element .radio__label:after, .radio.-framed .radio__element .radio__label:before, .radio.-mobilestyle .radio__element .radio__label:before, .radio.-classic .radio__element .radio__label:after, .radio.-validate .radio__element .radio__label:after, .radio.-square .radio__element .radio__label:after, .radio.-classic .radio__element .radio__label:before, .radio.-validate .radio__element .radio__label:before, .radio.-square .radio__element .radio__label:before, .checkbox.-radio .checkbox__label::after, .checkbox.-radio .checkbox__label::before, .checkbox .checkbox__label .checkbox__icon, .datepicker mat-datepicker-toggle .mat-icon-button .mat-button-wrapper::before,
.datepicker mat-datepicker-toggle .mat-icon-button:active .mat-button-wrapper::before,
.datepicker mat-datepicker-toggle .mat-icon-button:focus .mat-button-wrapper::before, md-datepicker .md-datepicker-button::before,
md-datepicker .md-datepicker-button.md-focused::before,
md-datepicker .md-button.md-icon-button::before, .textfield.-password .button__icon, .more__link .more__link-icon, .link.-mail::before, .link.-pdf::before, .link.-what::after, .link.-info::before, .link.-phone::before, ul.list.-warning li::before, ul.list.-next li::before, ul.list.-check .checked::before,
ul.list.-check .unchecked::before, ul.list.-validate li::before, ul.list.-unvalid li::before, ul.list.-green li::before, ul.list.-valid li::before {
  font-family: "ethias", sans-serif;
  font-weight: 400;
}
[class^=icon-ethias-],
[class*=" icon-ethias-"],
.icon-ethias {
  font-family: "ethias", sans-serif !important;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
}
.icon-ethias-add::before {
  content: "";
}
.icon-ethias-agenda::before {
  content: "";
}
.icon-ethias-alert::before {
  content: "";
}
.icon-ethias-answer::before {
  content: "";
}
.icon-ethias-assistance::before {
  content: "";
}
.icon-ethias-arrow-right::before {
  content: "";
}
.icon-ethias-at::before {
  content: "";
}
.icon-ethias-attach::before {
  content: "";
}
.icon-ethias-bubble::before {
  content: "";
}
.icon-ethias-bulletcross::before {
  content: "";
}
.icon-ethias-bulletvalid::before {
  content: "";
}
.icon-ethias-back::before {
  content: "";
}
.icon-ethias-burger::before {
  content: "";
}
.icon-ethias-calendar::before {
  content: "";
}
.icon-ethias-camera::before {
  content: "";
}
.icon-ethias-casque::before {
  content: "";
}
.icon-ethias-chrono::before {
  content: "";
}
.icon-ethias-close::before {
  content: "";
}
.icon-ethias-code::before {
  content: "";
}
.icon-ethias-com::before {
  content: "";
}
.icon-ethias-contact::before {
  content: "";
}
.icon-ethias-coverage::before {
  content: "";
}
.icon-ethias-cross::before {
  content: "";
}
.icon-ethias-cross-thin::before {
  content: "";
}
.icon-ethias-checkmark::before {
  content: "";
}
.icon-ethias-cookies::before {
  content: "";
}
.icon-ethias-dead::before {
  content: "";
}
.icon-ethias-depot::before {
  content: "";
}
.icon-ethias-decrease::before {
  content: "";
}
.icon-ethias-down-thin::before {
  content: "";
}
.icon-ethias-download::before {
  content: "";
}
.icon-ethias-euro::before {
  content: "";
}
.icon-ethias-eye::before {
  content: "";
}
.icon-ethias-eye-off::before {
  content: "";
}
.icon-ethias-ethias::before {
  content: "";
}
.icon-ethias-extend::before {
  content: "";
}
.icon-ethias-facebook::before {
  content: "";
}
.icon-ethias-faq::before {
  content: "";
}
.icon-ethias-filter::before {
  content: "";
}
.icon-ethias-follow::before {
  content: "";
}
.icon-ethias-green::before {
  content: "";
}
.icon-ethias-home::before {
  content: "";
}
.icon-ethias-idea::before {
  content: "";
}
.icon-ethias-images::before {
  content: "";
}
.icon-ethias-increase::before {
  content: "";
}
.icon-ethias-info::before {
  content: "";
}
.icon-ethias-info2::before {
  content: "";
}
.icon-ethias-itsme::before {
  content: "";
}
.icon-ethias-instagram::before {
  content: "";
}
.icon-ethias-linkedin::before {
  content: "";
}
.icon-ethias-livechat::before {
  content: "";
}
.icon-ethias-lock::before {
  content: "";
}
.icon-ethias-logout::before {
  content: "";
}
.icon-ethias-mail::before {
  content: "";
}
.icon-ethias-map::before {
  content: "";
}
.icon-ethias-menu::before {
  content: "";
}
.icon-ethias-minus::before {
  content: "";
}
.icon-ethias-mobilenav::before {
  content: "";
}
.icon-ethias-more::before {
  content: "";
}
.icon-ethias-next::before {
  content: "";
}
.icon-ethias-next-thin::before {
  content: "";
}
.icon-ethias-notif::before {
  content: "";
}
.icon-ethias-padelock::before {
  content: "";
}
.icon-ethias-param::before {
  content: "";
}
.icon-ethias-pdf::before {
  content: "";
}
.icon-ethias-plus::before {
  content: "";
}
.icon-ethias-prev::before {
  content: "";
}
.icon-ethias-radio-on::before {
  content: "";
}
.icon-ethias-radio-off::before {
  content: "";
}
.icon-ethias-refresh::before {
  content: "";
}
.icon-ethias-repairers::before {
  content: "";
}
.icon-ethias-sablier::before {
  content: "";
}
.icon-ethias-save::before {
  content: "";
}
.icon-ethias-search-neg::before {
  content: "";
}
.icon-ethias-search::before {
  content: "";
}
.icon-ethias-select::before {
  content: "";
}
.icon-ethias-send::before {
  content: "";
}
.icon-ethias-sixteen::before {
  content: "";
}
.icon-ethias-sorting::before {
  content: "";
}
.icon-ethias-subarrow::before {
  content: "";
}
.icon-ethias-surfly::before {
  content: "";
}
.icon-ethias-swipe-left::before {
  content: "";
}
.icon-ethias-swipe-right::before {
  content: "";
}
.icon-ethias-tel::before {
  content: "";
}
.icon-ethias-tiktok::before {
  content: "";
}
.icon-ethias-trash::before {
  content: "";
}
.icon-ethias-trick::before {
  content: "";
}
.icon-ethias-twitter::before {
  content: "";
}
.icon-ethias-unsubscribe::before {
  content: "";
}
.icon-ethias-user::before {
  content: "";
}
.icon-ethias-validate::before {
  content: "";
}
.icon-ethias-video::before {
  content: "";
}
.icon-ethias-youtube::before {
  content: "";
}
.icon-ethias-youtube-play::before {
  content: "";
}
.icon-ethias-wait::before {
  content: "";
}
.icon-ethias-warning::before {
  content: "";
}
.icon-ethias-warning-thin::before {
  content: "";
}
.icon-ethias-warning-simple::before {
  content: "";
}
.icon-ethias-what-neg::before {
  content: "";
}
.icon-ethias-what-neg-2::before {
  content: "";
}
.icon-ethias-what::before {
  content: "";
}
.icon-ethias-arrow-right.-left {
  transform: rotate(180deg);
}
.cardIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  border-radius: 30px;
  font-size: 50px;
}
.cardIcon img {
  width: 50px;
  height: 50px;
}
.cardIcon.-blue {
  color: #089edd;
  background-color: #CEE9F4;
}
.cardIcon.-blue img {
  filter: invert(50%) sepia(93%) saturate(1707%) hue-rotate(166deg) brightness(88%) contrast(101%);
}
.cardIcon.-red {
  color: #cd184f;
  background-color: #f8d1d1;
}
.cardIcon.-red img {
  filter: invert(23%) sepia(71%) saturate(3757%) hue-rotate(329deg) brightness(80%) contrast(101%);
}
.svgBlackToPrimary {
  filter: invert(52%) sepia(31%) saturate(4979%) hue-rotate(353deg) brightness(102%) contrast(102%);
}
.svgBlackToSecondary {
  filter: invert(61%) sepia(85%) saturate(3603%) hue-rotate(164deg) brightness(90%) contrast(94%);
}
.svgBlackToWhite {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(133deg) brightness(102%) contrast(108%);
}
.svgBlackToSuccess {
  filter: invert(25%) sepia(64%) saturate(2311%) hue-rotate(114deg) brightness(94%) contrast(95%);
}
.svgBlackToDanger {
  filter: invert(8%) sepia(99%) saturate(5407%) hue-rotate(353deg) brightness(117%) contrast(97%);
}
.svgBlackToWarning {
  filter: invert(81%) sepia(68%) saturate(1413%) hue-rotate(322deg) brightness(101%) contrast(100%);
}
.svgBlackToDisabled {
  filter: invert(59%) sepia(3%) saturate(0%) hue-rotate(57deg) brightness(98%) contrast(94%);
}
.ethias-h1 {
  font-size: 50px;
  color: #000000;
}
.ethias-h2, .cz__title .customerZone-wrap .customerZone-second .cz__title-content .-second span.-secondsecond .secondsecond__label, .cz__title .customerZone-wrap .customerZone-second .cz__title-content .-second span.-secondfirst, .cz__title .customerZone-wrap .cz__name, .customerZone .customerZone__body .optin .optin__row .optin__welcome {
  font-size: 28px;
  color: #000000;
}
@media (min-width: 768px) {
  .ethias-h2, .cz__title .customerZone-wrap .customerZone-second .cz__title-content .-second span.-secondsecond .secondsecond__label, .cz__title .customerZone-wrap .customerZone-second .cz__title-content .-second span.-secondfirst, .cz__title .customerZone-wrap .cz__name, .customerZone .customerZone__body .optin .optin__row .optin__welcome {
    font-size: 38px;
  }
}
.ethias-h3, .cz__details-wrap .cz__details .cz__details-title.-h3 {
  font-size: 30px;
  color: #000000;
}
.ethias-h3-blue, .cz__details-wrap .cz__details .cz__details-title.-h3-blue {
  font-size: 30px;
  color: #089edd;
}
.ethias-h4, .cz__details-wrap .cz__details .cz__details-title.-h4 {
  font-size: 22px;
  color: #089edd;
}
@media (min-width: 768px) {
  .ethias-h4, .cz__details-wrap .cz__details .cz__details-title.-h4 {
    font-size: 24px;
  }
}
.ethias-h4-black {
  font-size: 22px;
  color: #000000;
}
@media (min-width: 768px) {
  .ethias-h4-black {
    font-size: 24px;
  }
}
.ethias-h5, .cz__details-wrap .cz__details .cz__details-title.-h5, .cz__details-wrap .cz__details .cz__details-title.-highlighting {
  font-size: 20px;
  color: #212121;
}
@media (min-width: 768px) {
  .ethias-h5, .cz__details-wrap .cz__details .cz__details-title.-h5, .cz__details-wrap .cz__details .cz__details-title.-highlighting {
    font-size: 22px;
  }
}
.ethias-promo {
  font-size: 20px;
  color: #E84E0F;
}
.unselectable {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
  supported by Chrome and Opera */
}
.shadow-button-primary {
  box-shadow: 0 4px 20px 0 rgba(6, 158, 222, 0.25);
}
.shadow-button-primary-hover {
  box-shadow: 0 6px 20px 0 rgba(6, 158, 222, 0.5);
}
.shadow-button-red {
  box-shadow: 0 8px 20px 0 #fcd1c6;
}
.shadow-cards {
  box-shadow: 0 15px 40px 0 rgba(217, 229, 240, 0.5);
}
.shadow-block {
  box-shadow: 0 15px 40px 0 rgba(217, 229, 240, 0.6);
}
.shadow-icon {
  box-shadow: 0 8px 15px 0 rgba(120, 143, 180, 0.1);
}
.shadow-modal {
  box-shadow: 0 2px 26px 0 rgba(120, 143, 180, 0.4);
}
.shadow-blue {
  box-shadow: 0 15px 40px 0 rgba(70, 130, 183, 0.15);
}
.shadow-blue-hover {
  box-shadow: 0 15px 40px 0 rgba(6, 158, 222, 0.25);
}
.shadow-tooltip {
  box-shadow: 2px 13px 20px 0 rgba(0, 0, 0, 0.1);
}
/* border radius for all cards */
.overlay.spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.35);
  transition: all 250ms ease;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.overlay-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1000 !important;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.overlay-loader .spinner {
  z-index: 1001;
  height: 40px;
  position: fixed;
  top: 50%;
  text-align: center;
}
.overlay-loader .spinner div {
  background: #fff;
}
.spinner {
  text-align: center;
  animation: none;
}
.spinner > div {
  width: 18px;
  height: 18px;
  background: #089edd;
  border-radius: 100%;
  display: inline-block;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
  animation-delay: -0.32s;
}
.spinner .bounce2 {
  animation-delay: -0.16s;
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.overlay__loader {
  background: rgba(255, 255, 255, 0.8);
  opacity: 0.7;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3000000003;
  display: flex;
  align-items: center;
  justify-content: center;
}
.overlay__loader .spinner {
  z-index: 1001;
  position: relative;
}
.overlay__loader .spinner div {
  background: #089edd;
}
.overlay__loader.-tooltip {
  flex-direction: column;
  opacity: 1;
}
.overlay__loader.-tooltip .overlay__tooltip {
  border-radius: 70px;
  position: relative;
  background: #089edd;
  z-index: 2;
  padding: 15px;
  box-shadow: 0 10px 30px rgba(65, 72, 86, 0.05);
  display: flex;
  justify-content: space-around;
  align-items: center;
  transition: opacity 0.15s ease-in, top 0.15s ease-in, width 0.15s ease-in;
  animation: overlaytooltip 1s ease-out forwards 0.15s;
  top: -50px;
  opacity: 0;
  animation-delay: 5s;
}
.overlay__loader.-tooltip .overlay__tooltip .overlay__tooltip-label {
  color: #fff;
}
.overlay__loader.-tooltip .overlay__tooltip::before {
  content: "";
  width: 20px;
  height: 20px;
  background: #089edd;
  border-radius: 3px;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  bottom: -8px;
  transform: rotate(45deg);
  z-index: 0;
}
@keyframes overlaytooltip {
  0% {
    transform: scale(1, 1);
    opacity: 0;
  }
  10% {
    transform: scale(1.1, 0.9);
    opacity: 0.1;
  }
  30% {
    transform: scale(0.9, 1.1);
    opacity: 0.3;
  }
  50% {
    transform: scale(1.05, 0.95);
    opacity: 0.5;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}
ul.list {
  padding: 0;
  margin: 0;
}
ul.list li {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}
ul.list.-green li, ul.list.-valid li {
  position: relative;
}
ul.list.-green li::before, ul.list.-valid li::before {
  content: "";
  color: #31933E;
  position: absolute;
  left: 0;
  top: 0;
}
ul.list.-green li ul, ul.list.-valid li ul {
  margin-top: 5px;
}
ul.list.-green.-neg li::before, ul.list.-valid.-neg li::before {
  background-color: #31933E;
  color: white;
  border-radius: 100%;
  display: inline-block;
  width: 24px;
  height: 24px;
  text-align: center;
  position: relative;
  left: -10px;
}
ul.list.-unvalid li {
  color: #E84E0F;
  list-style: none;
}
ul.list.-unvalid li::before {
  content: "";
  color: #E84E0F;
  position: absolute;
  left: 0px;
  top: 0;
}
ul.list.-bullets li {
  position: relative;
  padding-left: 15px;
  color: #000000;
}
ul.list.-bullets li::before {
  content: "";
  background: #000000;
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  transform: scale(0.6);
}
ul.list.-bullets.-red li::before {
  background: #E84E0F;
}
ul.list.-validate {
  display: grid;
  grid-gap: 15px;
  gap: 15px;
}
ul.list.-validate li {
  position: relative;
}
ul.list.-validate li::before {
  position: absolute;
  left: 0;
  top: 3px;
  width: 14px;
  height: 14px;
  line-height: 15px;
  text-align: center;
  font-size: 12px;
}
ul.list.-validate li.-valid {
  color: #000000;
}
ul.list.-validate li.-valid::before {
  content: "";
  color: #31933E;
}
ul.list.-validate li.-unvalid {
  color: #0f1c26;
  opacity: 0.6;
}
ul.list.-validate li.-unvalid::before {
  content: "";
  opacity: 0.4;
}
ul.list.-check {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}
ul.list.-check .checked,
ul.list.-check .unchecked {
  position: relative;
  padding-left: 35px;
}
ul.list.-check .checked::before,
ul.list.-check .unchecked::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #fff;
}
ul.list.-check .checked::before {
  content: "";
  background-color: #31933E;
}
ul.list.-check .unchecked::before {
  content: "";
  background-color: #7291A3;
  font-size: 10px;
}
ul.list.-next {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
}
ul.list.-next li {
  position: relative;
}
ul.list.-next li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  font-size: 12px;
  color: #089edd;
}
ul.list.-classic li {
  position: relative;
}
ul.list.-classic li::before {
  content: "-";
  position: absolute;
  left: 8px;
}
ul.list.-line {
  margin: 20px 0 0 0;
}
ul.list.-line li {
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
  border-bottom: 1px solid #94D5F1;
}
ul.list.-line li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
ul.list.-default li {
  margin-bottom: 10px;
}
ul.list.-default li:last-child {
  margin-bottom: 0;
}
ul.list.-number {
  margin: 20px 0 0 0;
}
ul.list.-number > li {
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
  padding-left: 30px;
  counter-increment: etapes;
  border-bottom: 1px solid #94D5F1;
}
ul.list.-number > li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
ul.list.-number > li::before {
  content: counter(etapes);
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  color: #fff;
  background: #089edd;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 21px;
  font-size: 14px;
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
}
ul.list.-number.-withoutborder li {
  border-bottom: 0;
  margin-bottom: 0;
}
ul.list.-number.-step > li {
  border-bottom: 0;
  margin-bottom: 0;
}
ul.list.-number.-step > li:after {
  content: "";
  width: 1px;
  height: calc(100% - 20px);
  background-color: #94D5F1;
  position: absolute;
  left: 10px;
  top: 23px;
}
ul.list.-number.-step > li:last-child::after {
  display: none;
}
ul.list.-warning {
  margin: 20px 0 0 0;
}
ul.list.-warning li {
  margin-bottom: 20px;
  position: relative;
  padding-left: 30px;
}
ul.list.-warning li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}
ul.list.-warning li::before {
  content: "";
  color: #E84E0F;
  font-size: 16px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
ul.list.-compact li {
  margin: 0;
}
ul.list.-flex {
  display: flex;
  grid-gap: 16px;
  gap: 16px;
}
ul.list.-nospace {
  margin: 0;
}
ul.-unstyled {
  margin: 0;
  padding: 0;
}
ul.-unstyled li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.link {
  color: #089edd;
  position: relative;
  transition: color 250ms ease;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
}
.link:hover, .link:focus, .link:active {
  text-decoration: none;
}
.link.-primary {
  color: #089edd;
  text-decoration: underline;
}
.link.-primary:hover, .link.-primary:focus, .link.-primary:active {
  text-decoration: none;
}
.link.-dashed {
  color: #089edd;
  text-decoration: none;
}
.link.-dashed .link__label {
  border-bottom: 1px dashed #089edd;
}
.link.-dashed:hover .link__label, .link.-dashed:focus .link__label, .link.-dashed:active .link__label {
  border-bottom: 0;
}
.link.-dashed.-what .link__label, .link.-dashed.-info .link__label {
  text-decoration: none;
}
.link.-cancel {
  color: #707070;
  text-decoration: underline;
}
.link.-cancel:hover, .link.-cancel:focus, .link.-cancel:active {
  text-decoration: none;
}
.link.-darkblue {
  color: #212121;
  text-decoration: underline;
}
.link.-darkblue:hover, .link.-darkblue:focus, .link.-darkblue:active {
  text-decoration: none;
}
.link.-black {
  color: #000000;
  text-decoration: underline;
}
.link.-black:hover, .link.-black:focus, .link.-black:active {
  text-decoration: none;
}
.link.-white {
  color: #fff;
}
.link.-back {
  color: #98B3C4;
  font-size: 14px;
  text-decoration: none;
}
.link.-back:hover {
  color: #7291A3;
}
.link.-error {
  color: #E84E0F;
  text-decoration: underline;
}
.link.-error:hover, .link.-error:focus, .link.-error:active {
  text-decoration: none;
}
.link.-disabled {
  opacity: 0.5;
  cursor: not-allowed;
  text-decoration: underline;
}
.link.-phone {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
}
.link.-phone span {
  text-decoration: underline;
}
.link.-phone::before {
  content: "";
  font-size: 14px;
  position: relative;
  top: 2px;
}
.link.-phone:hover span {
  text-decoration: none;
}
.link.-info span {
  text-decoration: underline;
}
.link.-info::before {
  content: "";
  font-size: 16px;
  position: relative;
  top: 2px;
}
.link.-info:hover span {
  text-decoration: none;
}
.link.-what {
  text-decoration: none;
}
.link.-what .link__label {
  text-decoration: underline;
}
.link.-what::after {
  content: "";
  font-size: 16px;
  position: relative;
  top: 2px;
}
.link.-what:hover .link__label {
  text-decoration: none;
}
.link.-pdf {
  color: #089edd;
  position: relative;
  display: flex;
  align-items: center;
}
.link.-pdf span {
  text-decoration: underline;
}
.link.-pdf::before {
  content: "";
  font-size: 25px;
}
.link.-pdf:hover span {
  text-decoration: none;
}
.link.-mail {
  color: #089edd;
  position: relative;
  display: flex;
  align-items: center;
}
.link.-mail span {
  text-decoration: underline;
}
.link.-mail::before {
  content: "";
  font-size: 20px;
}
.link.-mail:hover span {
  text-decoration: none;
}
.link.-pre {
  position: relative;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.link.-pre.-center {
  justify-content: center;
}
.link.-pre .link__label {
  text-decoration: underline;
  display: inline-block;
}
.link.-pre .link__icon::before {
  font-size: 20px;
}
.link.-pre:hover .link__label {
  text-decoration: none;
}
.link.-post {
  text-decoration: none;
}
.link.-post .link__label {
  text-decoration: underline;
}
.link.-post .link__icon {
  position: relative;
  top: 2px;
}
.link.-post:hover .link__label {
  text-decoration: none;
}
.link.-inline {
  display: inline;
}
.more__link {
  text-align: center;
  cursor: pointer;
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
}
.more__link .more__link-icon {
  color: #fff;
  background: #089edd;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  border-radius: 100%;
  margin: 0 auto 10px;
  transition: all 250ms ease;
}
.more__link .more__link-icon::before {
  content: "";
}
.more__link .more__link-label {
  color: #089edd;
  font-size: 14px;
  text-transform: uppercase;
  transition: all 250ms ease;
}
.more__link:hover .more__link-label {
  color: #0190cc;
}
.more__link:hover .more__link-icon {
  background: #0190cc;
}
.textfield {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  border: 1px solid #94D5F1;
  border-radius: 10px;
  background: #fff;
  cursor: text;
  color: #3A4F5E;
  overflow: hidden;
}
.textfield .textfield__field {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: 0;
  padding: 15.5px 10px;
  position: relative;
  z-index: 1;
  border: 0;
  background: transparent;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #212121;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.textfield .textfield__field:focus {
  background: #F1F8FC;
}
.textfield .textfield__field::-ms-reveal, .textfield .textfield__field::-ms-clear {
  display: none;
}
.textfield .textfield__field::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
}
.textfield .textfield__addon.-first {
  padding-left: 0;
}
.textfield.-xs {
  max-width: 80px;
}
.textfield.-time {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  background: transparent;
  border-color: transparent;
}
.textfield.-time:hover {
  border-color: transparent;
}
.textfield.-time.-unvalid, .textfield.-time.-invalid {
  border: 0;
}
.textfield.-time.-unvalid .textfield__field, .textfield.-time.-invalid .textfield__field {
  border-color: #EA7063;
  background: #FFF0E5;
}
.textfield.-time .textfield__field {
  border-color: #CEE9F4;
  border-width: 1px;
  border-radius: 10px;
  border-style: solid;
  background: #fff;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  max-width: 60px;
}
.textfield.-time .textfield__field:hover, .textfield.-time .textfield__field:focus, .textfield.-time .textfield__field:active, .textfield.-time .textfield__field.-active {
  border-color: #089edd;
}
.textfield.-time .textfield__field:focus, .textfield.-time .textfield__field:active, .textfield.-time .textfield__field.-active {
  background: #F9FBFC;
}
.textfield .textfield__icon {
  cursor: pointer;
  color: #089edd;
  font-size: 12px;
  z-index: 1;
  position: absolute;
}
.textfield .link {
  padding-right: 10px;
  font-size: 14px;
  text-decoration: underline;
}
.textfield .link:hover {
  text-decoration: none;
}
.textfield:hover, .textfield:focus, .textfield:active, .textfield.-active {
  border-color: #089edd;
}
.textfield.-disabled {
  pointer-events: none;
  border-color: #CEE9F4;
  background: #EAF6FB;
  opacity: 1;
}
.textfield.-disabled.-link {
  opacity: 1;
}
.textfield.-disabled.-link .textfield__field {
  opacity: 0.6;
}
.textfield.-disabled.-modify {
  display: flex;
  align-items: center;
}
.textfield.-disabled.-modify .button__icon {
  order: 2;
  pointer-events: all;
}
.textfield.-disabled.-modify .button__icon:hover {
  color: #089edd;
}
.textfield.-disabled .textfield__field:disabled {
  color: #7291A3;
  -webkit-text-fill-color: #7291A3;
  opacity: 1;
}
.textfield.-unvalid, .textfield.-invalid {
  border-color: #E84E0F;
  background: #FFF0E5;
}
.textfield.-unvalid .textfield__field, .textfield.-invalid .textfield__field {
  border-radius: 10px;
}
.textfield.-unvalid .textfield__field:hover, .textfield.-unvalid .textfield__field:focus, .textfield.-unvalid .textfield__field:active, .textfield.-invalid .textfield__field:hover, .textfield.-invalid .textfield__field:focus, .textfield.-invalid .textfield__field:active {
  background: #FFF0E5;
}
.textfield.-title {
  border: 0;
  pointer-events: none;
}
.textfield.-title .textfield__field {
  color: #089edd;
  padding-left: 0;
  padding-right: 0;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.textfield.-readonly {
  pointer-events: none;
  opacity: 0.8;
  text-align: left;
  cursor: normal;
}
.textfield.-ghost {
  pointer-events: none;
  border: 0;
  background: 0;
}
.textfield.-ghost .textfield__field {
  padding: 0;
}
.textfield.-moreless {
  border-radius: 8px;
  position: relative;
  text-align: center;
  font-size: 18px;
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
  align-items: stretch;
  overflow: hidden;
  display: grid;
  grid-template-columns: 35px 1fr 35px;
}
.textfield.-moreless.-withparam {
  grid-template-columns: 35px auto 1fr 35px;
}
.textfield.-moreless.-withparam .textfield__field {
  text-align: left;
}
.textfield.-moreless .button__icon {
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
  color: #089edd;
  font-size: 20px;
  text-align: center;
  background: #CEE9F4;
  height: 100%;
  width: 35px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.textfield.-moreless .button__icon.-less::before {
  content: "-";
}
.textfield.-moreless .button__icon.-more::before {
  content: "+";
}
.textfield.-moreless .button__icon:hover {
  background: #94D5F1;
}
.textfield.-moreless .textfield__moreless-placeholder {
  color: #B0C0C4;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 1px;
}
.textfield.-moreless .textfield__field {
  padding: 11px 5px;
  text-align: center;
  color: #089edd;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
}
.textfield.-moreless .textfield__field:hover, .textfield.-moreless .textfield__field:focus, .textfield.-moreless .textfield__field:active, .textfield.-moreless .textfield__field.-active {
  background: #fff;
}
.textfield.-moreless.-invalid .textfield__field {
  color: #E84E0F;
}
.textfield.-date {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background: transparent;
  border: 0;
}
.textfield.-date:hover, .textfield.-date:focus, .textfield.-date:active, .textfield.-date.-active {
  border: 0;
}
.textfield.-date.-unvalid:hover, .textfield.-date.-unvalid:focus, .textfield.-date.-unvalid:active, .textfield.-date.-invalid:hover, .textfield.-date.-invalid:focus, .textfield.-date.-invalid:active {
  border-color: transparent;
  background: transparent;
}
.textfield.-date .textfield__field {
  border-color: #94D5F1;
  border-width: 1px;
  border-radius: 10px;
  border-style: solid;
  background: #fff;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
}
.textfield.-date .textfield__field.-year {
  min-width: 60px;
}
.textfield.-date .textfield__field:hover, .textfield.-date .textfield__field:focus, .textfield.-date .textfield__field:active, .textfield.-date .textfield__field.-active {
  border-color: #089edd;
}
.textfield.-date .textfield__field:focus {
  background: #F1F8FC;
}
.textfield.-date .textfield__field.-unvalid, .textfield.-date .textfield__field.-invalid {
  border-color: #E84E0F;
}
.textfield.-date .textfield__field.-unvalid:hover, .textfield.-date .textfield__field.-unvalid:focus, .textfield.-date .textfield__field.-unvalid:active, .textfield.-date .textfield__field.-unvalid.-active, .textfield.-date .textfield__field.-invalid:hover, .textfield.-date .textfield__field.-invalid:focus, .textfield.-date .textfield__field.-invalid:active, .textfield.-date .textfield__field.-invalid.-active {
  border-color: #089edd;
}
.textfield.-date .textfield__field.-disabled {
  pointer-events: none;
  border-color: #98B3C4;
  background: rgba(152, 179, 196, 0.8);
}
.textfield.-date.-unvalid, .textfield.-date.-invalid {
  border: 0;
}
.textfield.-date.-unvalid .textfield__field, .textfield.-date.-invalid .textfield__field {
  border-color: #E84E0F;
}
.textfield.-date.-unvalid .textfield__field:hover, .textfield.-date.-unvalid .textfield__field:focus, .textfield.-date.-unvalid .textfield__field:active, .textfield.-date.-unvalid .textfield__field.-active, .textfield.-date.-invalid .textfield__field:hover, .textfield.-date.-invalid .textfield__field:focus, .textfield.-date.-invalid .textfield__field:active, .textfield.-date.-invalid .textfield__field.-active {
  border-color: #089edd;
}
.textfield.-date.-ghost .textfield__field {
  background: transparent;
  border: 0;
  pointer-events: none;
  text-align: center;
}
.textfield.-w-1, .textfield.-s {
  width: 100px;
}
.textfield.-m {
  width: 150px;
}
.textfield.-ml50 {
  max-width: 470px;
}
.textfield.-postcode {
  width: 100px;
}
.textfield .button__icon {
  position: absolute;
  cursor: pointer;
  width: 20px;
  height: 20px;
  line-height: 20px;
  top: 50%;
  margin-top: -10px;
  z-index: 2;
}
.textfield .button__icon:hover {
  color: #0190cc;
}
.textfield.-pre .textfield__field {
  padding-left: 43px;
}
.textfield.-pre .button__icon,
.textfield.-pre .textfield__icon {
  left: 10px;
}
.textfield.-post .textfield__field {
  padding-right: 43px;
}
.textfield.-post .button__icon,
.textfield.-post .textfield__icon {
  right: 10px;
}
.textfield.-post.-delete .button__icon {
  color: #B0C0C4;
  margin-top: -11px;
  font-size: 12px;
}
.textfield.-post.-delete .button__icon:hover {
  color: #089edd;
}
.textfield.-psw .button__icon {
  z-index: 1;
}
.textfield.-txt {
  justify-content: flex-start;
  align-items: center;
}
.textfield.-txt.-s {
  max-width: 100px;
}
.textfield.-txt.-m {
  max-width: 200px;
}
.textfield.-txt .textfield__info {
  color: #B0C0C4;
  z-index: 1;
  cursor: pointer;
  display: inline-block;
  text-align: right;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  padding: 0 10px;
}
.textfield.-txt .textfield__field {
  line-height: 1.3;
}
.textfield.-txt:focus {
  background: #F1F8FC;
}
.textfield.-txt.-before .textfield__field {
  order: 2;
}
.textfield.-txt.-before .textfield__info {
  order: 1;
}
.textfield.-password {
  font-size: 18px;
}
.textfield.-password .button__icon {
  color: #212121;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  max-width: 24px;
  max-height: 24px;
  top: 50%;
  margin-top: -12px;
  position: absolute;
}
.textfield.-password .button__icon:hover {
  color: #089edd;
}
.textfield.-password.-on .button__icon::before {
  content: "";
}
.textfield.-password.-off .button__icon::before {
  content: "";
}
.textfield.-as-param {
  max-width: 150px;
}
.textfield.-param {
  padding: 0;
  max-width: 150px;
  align-items: stretch;
  justify-content: space-between;
}
.textfield.-param.w-100 {
  max-width: 100%;
}
.textfield.-param.-cb {
  max-width: 250px;
}
.textfield.-param .textfield__param {
  background: #EAF6FB;
  color: #089edd;
  border-radius: 10px;
  margin: 4px;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  margin: 6px;
  font-size: 14px;
}
.textfield.-param.-before .textfield__field {
  order: 2;
}
.textfield.-param.-before .textfield__param {
  order: 1;
}
.textfield.-phone {
  align-items: stretch;
  line-height: 1.4;
}
.textfield.-phone .textfield__prefix {
  display: flex;
  align-items: center;
  background: #EAF6FB;
  white-space: nowrap;
  position: relative;
  left: 0;
  top: 0;
  min-width: 100px;
  border-radius: 0;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.textfield.-phone .textfield__field {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
}
.textfield.-phone .select {
  border: none;
}
.textfield.textfield__date {
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1.5fr;
}
.textfield.textfield__date.-withoutyear {
  max-width: 150px;
  grid-template-columns: 1fr auto 1fr;
}
.textfield.textfield__date.-icon {
  grid-template-columns: 1fr auto 1fr auto 1.5fr 0.5fr;
}
.textfield.textfield__date .textfield__separator {
  text-align: center;
  color: #98B3C4;
}
.textfield.textfield__date .textfield__icon {
  font-size: 18px;
  color: #98B3C4;
  position: relative;
}
.textfield.textfield__date .textfield__icon:hover {
  color: #089edd;
}
.textfield.textfield__date .textfield__field {
  text-align: center;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.textfield.textfield__date .textfield__field:hover, .textfield.textfield__date .textfield__field:focus, .textfield.textfield__date .textfield__field:active, .textfield.textfield__date .textfield__field.-active {
  background: transparent;
}
.textfield.-datalist .textfield__field::-webkit-calendar-picker-indicator {
  color: #089edd;
  transform: scale(0.8);
}
.textfield.-plate {
  max-width: 150px;
  border: 1px solid #E84E0F;
  border-radius: 4px;
  padding: 1px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.textfield.-plate .textfield__plate {
  background: #089edd;
  color: #fff;
  border-radius: 4px 0 0 4px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 48px;
  font-size: 30px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.textfield.-plate .textfield__field {
  text-transform: uppercase;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  padding-top: 15px;
  padding-bottom: 15px;
}
.textfield.-plate.-mf {
  max-width: 225px;
  margin: 0 auto;
  border-radius: 8px;
  padding: 3px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.textfield.-plate.-mf .textfield__plate {
  border-radius: 5px;
  width: 35px;
  min-width: 35px;
  max-width: 35px;
  text-align: center;
}
.textfield.-plate.-mf .textfield__field {
  width: calc(100% - 35px);
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  text-align: center;
  font-size: 30px;
  padding: 6px 0;
  color: #E84E0F;
}
.textfield.-plate.-mf .textfield__field.-readonly {
  cursor: normal;
}
.textfield.-plate.-left {
  margin: 0;
}
.textfield.group {
  border: none;
}
.textfield.group .textfield__field {
  border: 1px solid #94D5F1;
  border-radius: 10px;
  cursor: text;
  color: #3A4F5E;
}
.textfield-date {
  display: flex;
  align-items: center;
  position: relative;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  max-width: 100%;
  cursor: default;
}
.textfield-date .textfield {
  width: auto;
  display: inline-block;
  max-width: 30%;
}
.textfield-date .textfield__separator {
  color: #7291A3;
}
.textfield-date.-unvalid .textfield, .textfield-date.-invalid .textfield {
  border-color: #E84E0F;
}
@media (min-width: 576px) {
  .textfield__wrap {
    display: flex;
    align-items: flex-start;
  }
}
.textfield__wrap.-s {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.textfield__wrap.-s .textfield__element {
  margin-right: 20px;
  margin-bottom: 0;
}
.textfield__wrap .textfield__element {
  width: 100%;
  margin-bottom: 16px;
}
@media (min-width: 576px) {
  .textfield__wrap .textfield__element {
    margin-right: 20px;
    margin-bottom: 0;
  }

  .textfield__wrap .textfield__element:last-child {
    margin-right: 0;
  }
}
.textfield__wrap .textfield__element:last-child {
  margin-right: 0;
}
.textfield__wrap .textfield__element .textfield.-s {
  max-width: 150px;
}
@media (min-width: 576px) {
  .textfield__wrap .textfield__element.-cp {
    width: 250px;
  }
}
.belgian-bank-account .textfield {
  max-width: 250px;
}
md-datepicker {
  background: #fff;
  display: inline-flex;
  align-items: center;
  padding: 0;
  border: 1px solid #94D5F1;
  border-radius: 10px;
}
md-datepicker._md-datepicker-has-triangle-icon {
  margin: 0;
  padding: 0;
}
md-datepicker md-icon {
  line-height: 24px;
}
md-datepicker md-icon svg {
  display: none;
}
md-datepicker .md-button.md-default-theme:not([disabled]).md-focused,
md-datepicker .md-button:not([disabled]).md-focused,
md-datepicker .md-button.md-default-theme:not([disabled]):hover,
md-datepicker .md-button:not([disabled]):hover {
  background: transparent;
}
md-datepicker .md-datepicker-button,
md-datepicker .md-datepicker-button.md-focused,
md-datepicker .md-button.md-icon-button {
  order: 2;
  background: transparent;
  line-height: 40px;
  font-size: 20px;
}
md-datepicker .md-datepicker-button::before,
md-datepicker .md-datepicker-button.md-focused::before,
md-datepicker .md-button.md-icon-button::before {
  content: "";
  color: #089edd;
}
md-datepicker .md-datepicker-button:hover::before, md-datepicker .md-datepicker-button:focus::before,
md-datepicker .md-datepicker-button.md-focused:hover::before,
md-datepicker .md-datepicker-button.md-focused:focus::before,
md-datepicker .md-button.md-icon-button:hover::before,
md-datepicker .md-button.md-icon-button:focus::before {
  color: #089edd;
}
md-datepicker .md-datepicker-input-container {
  order: 1;
  border: 0;
}
md-datepicker .md-datepicker-input-container.md-datepicker-unvalid .md-datepicker-input {
  color: #E84E0F;
}
md-datepicker .md-datepicker-input-container.md-datepicker-focused {
  border: 0;
}
md-datepicker .md-datepicker-input-container .md-datepicker-triangle-button {
  display: none;
}
md-datepicker .md-datepicker-input-container .md-datepicker-input {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  min-width: 100px;
  max-width: 100%;
  padding: 0;
  line-height: 14px;
}
.md-datepicker-calendar-pane {
  border-radius: 10px;
  box-shadow: 0 1px 8px 1px rgba(57, 79, 93, 0.15);
}
.md-datepicker-calendar-pane .md-datepicker-calendar {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
}
.md-datepicker-calendar-pane .md-datepicker-calendar .md-calendar-day-header {
  background: #089edd;
  color: #fff;
}
.md-datepicker-calendar-pane .md-datepicker-calendar .md-calendar-month-label {
  background: #94D5F1;
}
.md-datepicker-calendar-pane .md-datepicker-calendar .md-calendar-date-selection-indicator {
  transition: all 250ms ease;
  background: #fff;
}
.md-datepicker-calendar-pane .md-datepicker-calendar .md-calendar-date-selection-indicator:hover {
  background: #EAF6FB;
}
.md-datepicker-calendar-pane .md-datepicker-calendar .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator {
  background: #089edd;
  color: #fff;
}
.md-datepicker-calendar-pane .md-datepicker-calendar .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator {
  border-color: #089edd;
}
.datepicker {
  display: flex;
  align-items: center;
}
.datepicker.textfield.-post .textfield__field {
  padding-right: 0;
  width: calc(100% - 43px);
}
.datepicker mat-datepicker-toggle {
  cursor: pointer;
}
.datepicker mat-datepicker-toggle .mat-icon-button,
.datepicker mat-datepicker-toggle .mat-icon-button:active,
.datepicker mat-datepicker-toggle .mat-icon-button:focus {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  background: transparent;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #089edd;
}
.datepicker mat-datepicker-toggle .mat-icon-button .mat-button-wrapper,
.datepicker mat-datepicker-toggle .mat-icon-button:active .mat-button-wrapper,
.datepicker mat-datepicker-toggle .mat-icon-button:focus .mat-button-wrapper {
  cursor: pointer;
  font-size: 16px;
}
.datepicker mat-datepicker-toggle .mat-icon-button .mat-button-wrapper::before,
.datepicker mat-datepicker-toggle .mat-icon-button:active .mat-button-wrapper::before,
.datepicker mat-datepicker-toggle .mat-icon-button:focus .mat-button-wrapper::before {
  content: "";
  cursor: pointer;
}
.datepicker mat-datepicker-toggle .mat-icon-button .mat-button-wrapper svg,
.datepicker mat-datepicker-toggle .mat-icon-button:active .mat-button-wrapper svg,
.datepicker mat-datepicker-toggle .mat-icon-button:focus .mat-button-wrapper svg {
  display: none;
}
.datepicker mat-datepicker-toggle .mat-icon-button:hover {
  color: #089edd;
}
mat-datepicker-content.mat-datepicker-content {
  display: block;
  border-radius: 10px;
}
mat-datepicker-content.mat-datepicker-content .mat-calendar {
  width: 296px;
  max-height: 354px;
  height: 100%;
  overflow: hidden;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
mat-datepicker-content .mat-calendar {
  display: block;
}
mat-datepicker-content .mat-calendar-header {
  padding: 10px 0 0 0;
  background: transparent;
}
mat-datepicker-content .mat-calendar-header .mat-calendar-controls {
  display: flex;
  align-items: center;
  justify-content: center;
}
mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mat-calendar-spacer {
  display: none;
}
mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mat-calendar-period-button {
  order: 2;
}
mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mat-calendar-previous-button {
  order: 1;
}
mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mat-calendar-next-button {
  order: 3;
}
mat-datepicker-content .mat-calendar-header .mat-button {
  color: #212121;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  background: transparent;
}
mat-datepicker-content .mat-calendar-header .mat-icon-button {
  background: transparent;
  color: #089edd;
}
mat-datepicker-content .mat-calendar-header .mat-button-wrapper {
  display: flex;
  align-items: center;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
}
mat-datepicker-content .mat-calendar-header .mat-calendar-arrow {
  width: 14px;
  height: 14px;
  min-width: 14px;
  min-height: 14px;
  max-width: 14px;
  max-height: 14px;
  line-height: 14px;
  margin: 0 0 0 14px;
  border: 0;
  font-size: 7px;
  fill: #089edd;
}
mat-datepicker-content .mat-calendar-header .mat-calendar-arrow.mat-calendar-invert {
  transform: rotate(180deg);
}
mat-datepicker-content .mat-calendar-content {
  padding: 0 20px 20px 20px;
  outline: 0;
}
mat-datepicker-content .mat-calendar-content .mat-calendar-table-header {
  color: #089edd;
  font-size: 14px;
}
mat-datepicker-content .mat-calendar-content .mat-calendar-table-header tr {
  text-align: center;
  padding: 0;
  border-radius: 10px;
}
mat-datepicker-content .mat-calendar-content .mat-calendar-table-header tr th {
  padding: 10px;
}
mat-datepicker-content .mat-calendar-content .mat-calendar-table-header tr:last-child {
  display: none;
}
mat-datepicker-content .mat-calendar-content .mat-calendar-body-label {
  border-radius: 10px;
}
mat-datepicker-content .mat-calendar-content .mat-calendar-body-cell {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
}
mat-datepicker-content .mat-calendar-content .mat-calendar-body-cell .mat-calendar-body-cell-content {
  border: 1px solid #98B3C4;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background: #fff;
  border-radius: 10px;
  transition: all 250ms ease;
}
mat-datepicker-content .mat-calendar-content .mat-calendar-body-cell .mat-calendar-body-cell-content:hover {
  background: #EAF6FB;
}
mat-datepicker-content .mat-calendar-content .mat-calendar-body-cell .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background: #089edd;
  color: #fff;
}
mat-datepicker-content .mat-calendar-content .mat-calendar-body-cell .mat-calendar-body-cell-content.mat-calendar-body-today {
  background: #EAF6FB;
  color: #586871;
}
mat-datepicker-content .mat-calendar-content .mat-calendar-body-cell.mat-calendar-body-disabled {
  opacity: 0.5;
  pointer-events: none;
}
mat-datepicker-content .mat-calendar-controls {
  display: flex;
  margin: 0;
}
mat-datepicker-content .mat-calendar-spacer {
  flex: 1 1 auto;
}
mat-datepicker-content .mat-calendar-period-button {
  min-width: 0;
}
mat-datepicker-content [dir=rtl] .mat-calendar-arrow {
  margin: 0 5px 0 0;
}
mat-datepicker-content .mat-calendar-next-button, mat-datepicker-content .mat-calendar-previous-button {
  position: relative;
}
mat-datepicker-content .mat-calendar-next-button::after, mat-datepicker-content .mat-calendar-previous-button::after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  content: "";
  margin: 15.5px;
  border: 0 solid currentColor;
  border-top-width: 2px;
}
mat-datepicker-content [dir=rtl] .mat-calendar-next-button, mat-datepicker-content [dir=rtl] .mat-calendar-previous-button {
  transform: rotate(180deg);
}
mat-datepicker-content .mat-calendar-previous-button::after {
  border-left-width: 2px;
  transform: translateX(2px) rotate(-45deg);
}
mat-datepicker-content .mat-calendar-next-button::after {
  border-right-width: 2px;
  transform: translateX(-2px) rotate(45deg);
}
mat-datepicker-content .mat-calendar-table {
  border-spacing: 3px;
  border-collapse: separate;
  width: 100%;
}
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-container {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-global-overlay-wrapper, .cdk-overlay-container {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.mat-dialog-container {
  background: #fff;
  display: block;
  padding: 24px;
  border-radius: 10px;
  box-sizing: border-box;
  overflow: auto;
  outline: 0;
  width: 100%;
  height: 100%;
  min-height: inherit;
  max-height: inherit;
}
.mat-datepicker-content {
  background: #fff;
  color: #586871;
  display: block;
  border-radius: 10px;
}
.mat-datepicker-content-touch {
  display: block;
  max-height: 80vh;
  overflow: auto;
  margin: -24px;
}
.datepicker__wrap {
  display: flex;
  grid-gap: 12px;
  gap: 12px;
}
.datepicker__wrap .datepicker {
  width: auto;
}
input:required {
  box-shadow: 0 0 0 transparent;
}
input::-ms-clear, input::-ms-reveal {
  display: none;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected,
textarea:-internal-autofill-previewed,
textarea:-internal-autofill-selected,
select:-internal-autofill-previewed,
select:-internal-autofill-selected {
  color: #212121 !important;
  -webkit-text-fill-color: #212121 !important;
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
  background-color: transparent !important;
  font-family: "Regular", sans-serif !important;
}
.select .select__field::-moz-placeholder {
  color: #B0C0C4;
}
.select .select__field::placeholder, .select .select__field.-placeholder {
  color: #B0C0C4;
}
.select .select__field::-moz-placeholder option {
  color: #000000;
}
.select .select__field::placeholder option, .select .select__field.-placeholder option {
  color: #000000;
}
option {
  color: #000000 !important;
}
option[disabled] {
  color: #B0C0C4 !important;
}
.textfield .textfield__field::-moz-placeholder {
  font-family: "Regular", sans-serif !important;
  font-weight: 400 !important;
}
.textfield .textfield__field::placeholder {
  font-family: "Regular", sans-serif !important;
  font-weight: 400 !important;
}
input.textfield__field.-disabled::-moz-placeholder {
  display: none;
}
input.textfield__field.-disabled::placeholder {
  display: none;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
  font-family: "Regular", sans-serif !important;
}
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-box-shadow: 0 0 0 1000px #F1F8FC inset;
  font-family: "Regular", sans-serif !important;
}
.textfield.-plate input:-internal-autofill-previewed,
.textfield.-plate input:-internal-autofill-selected {
  color: #E84E0F !important;
  -webkit-text-fill-color: #E84E0F !important;
}
*::-ms-clear {
  display: none;
}
*:hover,
*:focus,
*:active {
  outline: 0 !important;
  outline-style: none !important;
  outline-width: 0px !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  -webkit-focus-ring-color: rgba(0, 0, 0, 0) !important;
}
::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #7291A3;
  opacity: 0.5;
  /* Firefox */
}
::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #7291A3;
  opacity: 0.5;
  /* Firefox */
}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #7291A3;
  opacity: 0.5;
}
::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #7291A3;
  opacity: 0.5;
}
.textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  font-size: 16px;
  color: #000000;
  line-height: 1.4;
  border-width: 1px;
  border: 1px solid #94D5F1;
  border-radius: 10px;
  background: #fff;
}
.textarea .textarea__field {
  width: 100%;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #000000;
  outline: 0;
  resize: none;
  border: 0;
  background: transparent;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
.textarea .textarea__field::-webkit-scrollbar-track {
  -webkit-box-shadow: 0 0 0 transparent;
  background-color: transparent;
}
.textarea .textarea__field::-webkit-scrollbar {
  width: 10px;
  background-color: transparent;
}
.textarea .textarea__field::-webkit-scrollbar-thumb {
  background-color: #CEE9F4;
  border: 2px solid #fff;
  border-radius: 8px;
}
.textarea:hover, .textarea:focus, .textarea:active {
  border-color: #089edd;
}
.textarea.-is-disabled, .textarea.-disabled {
  opacity: 0.6;
  background: #F9FBFC;
  color: #98B3C4;
  pointer-events: none;
}
.textarea.-ghost, .textarea.-is-ghost {
  border-color: transparent;
  box-shadow: 0 0 0 transparent;
}
.textarea.-ghost:hover, .textarea.-ghost:focus, .textarea.-ghost:active, .textarea.-is-ghost:hover, .textarea.-is-ghost:focus, .textarea.-is-ghost:active {
  border-color: #98B3C4;
}
.textarea.-unvalid, .textarea.-invalid {
  border-color: #E84E0F;
  background: #FFF0E5;
}
.textarea.-unvalid .textarea__field, .textarea.-invalid .textarea__field {
  color: #E84E0F;
}
.textarea .textarea__button .button__icon {
  font-size: 24px;
  width: 34px;
  height: 34px;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -10px;
  color: #089edd;
}
.textarea .textarea__button:hover .button__icon {
  color: #212121;
}
.textarea.textarea-popin .textarea__field {
  height: 250px;
}
.textarea__counter {
  text-align: right;
  color: #707070;
  font-size: 14px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
}
.textarea__legend {
  font-size: 12px;
  color: #B0C0C4;
  text-align: left;
}
.select {
  display: inline-block;
  position: relative;
  width: 100%;
  height: auto;
  border-color: #94D5F1;
  border-width: 1px;
  border-radius: 10px;
  border-style: solid;
  background: #fff;
}
.select .select__icon {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
  color: #089edd;
  opacity: 0.8;
  z-index: 0;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  max-width: 16px;
  max-height: 16px;
  line-height: 16px;
  font-size: 16px;
  font-family: "ethias", sans-serif !important;
  cursor: pointer;
  transition: all 250ms ease;
}
.select .select__icon:before {
  content: "";
}
.select .select__icon.-delete {
  font-size: 12px;
  z-index: 1;
}
.select .select__icon.-delete:before {
  content: "";
}
.select .select__field {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #212121;
  width: 100%;
  padding: 15.5px 30px 15.5px 10px;
  background: transparent;
  border-radius: 10px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  border: none;
  order: 1;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.select .select__field::-ms-expand {
  display: none;
}
.select .select__field:focus {
  outline: 0;
}
.select .select__field:disabled, .select .select__field[disabled=true], .select .select__field.-disabled, .select .select__field[disabled=disabled] {
  opacity: 0.5;
  pointer-events: none;
}
.select .select__field.empty {
  opacity: 0.5;
}
.select .select__field.empty .ui-disabled {
  background: inherit !important;
}
.select .select__field option {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
}
.select:hover, .select:focus, .select:active {
  border-color: #089edd;
}
.select:hover .select__icon, .select:focus .select__icon, .select:active .select__icon {
  color: #089edd;
}
.select + .messages.-error {
  margin-top: 2px;
  display: block;
}
.select.-unvalid, .select.-invalid, .select.-error {
  border-color: #E84E0F;
}
.select.-unvalid .select__icon, .select.-invalid .select__icon, .select.-error .select__icon {
  color: #E84E0F;
}
.select.-placeholder .select__field {
  color: #B0C0C4;
}
.select.-datalist input::-webkit-calendar-picker-indicator {
  opacity: 0;
}
.select.-datalist .select__icon {
  opacity: 0;
}
.select.-datalist:hover .select__icon, .select.-datalist:focus .select__icon, .select.-datalist:active .select__icon {
  opacity: 1;
}
.select.-disabled, .select.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.select.-ghost {
  pointer-events: none;
  border: 0;
  background: 0;
}
.select.-ghost .select__field {
  padding: 0;
}
.select.-ghost .select__icon {
  display: none;
}
.select.-false {
  cursor: pointer;
  position: relative;
  text-align: left;
  z-index: 5;
  height: 50px;
}
.select.-false .select__textfield {
  width: 100%;
  height: 100%;
  border: 0;
  -webkit-appearance: none;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  border-radius: 10px;
  color: #212121;
  cursor: pointer;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 26px;
}
.select.-false .select__label {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #212121;
  width: 100%;
  padding-right: 24px;
  padding-top: 13px;
  padding-bottom: 13px;
  background: transparent;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  border: none;
  order: 1;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select.-false .select__label.-placeholder {
  color: #7291A3;
}
.select.-false .select__list-wrap {
  display: none;
  max-height: 200px;
  overflow: hidden;
  position: absolute;
  left: -1px;
  top: -4px;
  width: calc(100% + 2px);
  background: #fff;
  border: 1px solid #CEE9F4;
  border-radius: 10px;
  z-index: 5;
}
.select.-false .select__list-wrap .select__list {
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 5;
  overflow-y: auto;
  max-height: 200px;
  width: calc(100% + 20px);
}
.select.-false .select__list-wrap .select__list .select__item {
  margin: 0;
  background: #fff;
  position: relative;
  z-index: 5;
  list-style: none;
  width: calc(100% - 20px);
  transition: all 250ms ease;
}
.select.-false .select__list-wrap .select__list .select__item:hover {
  background: #EAF6FB;
}
.select.-false .select__list-wrap .select__list .select__item:last-child {
  border-radius: 0 0 4px 4px;
}
.select.-false .select__list-wrap .select__list .select__item:first-child {
  border-radius: 10px 10px 0 0;
}
.select.-false.-active .select__list-wrap {
  display: block;
}
.select.-false.-disabled {
  background: #F9FBFC;
  color: #7291A3;
  pointer-events: none;
}
.select.-false.-disabled .select__textfield {
  color: #98B3C4;
}
.select.-false.-disabled::before {
  color: #7291A3;
}
.select.-multiple {
  height: 150px;
  border: 0;
}
.select.-multiple .select__list-wrap {
  max-height: 150px;
  overflow: hidden;
  position: absolute;
  left: -1px;
  top: -4px;
  width: calc(100% + 2px);
  background: #fff;
  border: 1px solid #CEE9F4;
  border-radius: 10px;
  z-index: 5;
}
.select.-multiple .select__list-wrap .select__list {
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 5;
  overflow-y: scroll;
  max-height: 150px;
  width: 100%;
}
.select.-multiple .select__list-wrap .select__list::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  border-radius: 10px;
  background-color: transparent;
}
.select.-multiple .select__list-wrap .select__list::-webkit-scrollbar {
  width: 14px;
  background-color: #CEE9F4;
}
.select.-multiple .select__list-wrap .select__list::-webkit-scrollbar-thumb {
  border-radius: 100px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: #089edd;
}
.select.-multiple .select__list-wrap .select__list .select__item {
  margin: 0;
  cursor: pointer;
  background: #fff;
  position: relative;
  z-index: 5;
  list-style: none;
  width: 100%;
  transition: all 250ms ease;
}
.select.-multiple .select__list-wrap .select__list .select__item:hover, .select.-multiple .select__list-wrap .select__list .select__item.-active {
  background: #EAF6FB;
}
.select.-multiple .select__list-wrap .select__list .select__item:last-child {
  border-radius: 0 0 4px 4px;
}
.select.-multiple .select__list-wrap .select__list .select__item:first-child {
  border-radius: 10px 10px 0 0;
}
@media (min-width: 768px) {
  .select__wrap {
    display: flex;
    align-items: center;
    grid-gap: 4px;
    gap: 4px;
  }

  .select__wrap .select {
    margin-right: 8px;
  }

  .select__wrap .select:last-child {
    margin-right: 0;
  }
}
.checkbox {
  display: inline-block;
}
.checkbox.no-label {
  margin-top: 28px;
}
.checkbox.no-label label {
  margin-bottom: 6px;
}
.checkbox .checkbox__field {
  display: none;
}
.checkbox .checkbox__label {
  position: relative;
  display: flex;
  align-items: flex-start;
  line-height: 1;
  cursor: pointer;
}
.checkbox .checkbox__label:after {
  display: none;
}
.checkbox .checkbox__label::before {
  content: "";
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  max-width: 18px;
  max-height: 18px;
  position: relative;
  top: 4px;
  border: 1px solid #D0D9DC;
  display: inline-block;
  background: #fff;
  border-radius: 4px;
  transition: all 250ms ease;
}
.checkbox .checkbox__label .checkbox__icon {
  position: absolute;
  top: 4px;
  left: 0;
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  max-width: 18px;
  max-height: 18px;
  line-height: 18px;
  text-align: center;
  display: block;
  color: #fff;
  font-size: 12px;
  transform: scale(0);
  transition: all 150ms ease;
}
.checkbox .checkbox__label .checkbox__icon::before {
  content: "";
}
.checkbox .checkbox__label .checkbox__text {
  position: relative;
  top: 2px;
  line-height: 1.4;
}
.checkbox .checkbox__label .checkbox__text .-sub {
  display: block;
  font-size: 14px;
}
.checkbox.-is-checked .checkbox__label::before {
  background: #31933E;
  border: 1px solid #31933E;
}
.checkbox.-is-checked .checkbox__label .checkbox__icon {
  transform: scale(1);
  transition: all 150ms ease;
}
.checkbox.-is-checked .checkbox__field:checked + label::before {
  border-color: #31933E;
}
.checkbox.-primary.-is-checked .checkbox__label::before {
  background: #089edd;
  border: 1px solid #089edd;
}
.checkbox.-primary.-is-checked .checkbox__field:checked + label::before {
  border-color: #089edd;
}
.checkbox.-disabled {
  pointer-events: none;
}
.checkbox.-disabled .checkbox__label::before,
.checkbox.-disabled .checkbox__label::after {
  opacity: 0.8;
}
.checkbox.-disabled .checkbox__label {
  opacity: 0.5;
}
.checkbox.-disabled.-is-checked .checkbox__label {
  opacity: 1;
}
.checkbox.-disabled.-is-checked .checkbox__label::after, .checkbox.-disabled.-is-checked .checkbox__label::before {
  opacity: 0.4;
}
.checkbox.-readonly {
  pointer-events: none;
}
.checkbox.-readonly.-is-checked .checkbox__label {
  opacity: 1;
}
.checkbox.-unvalid .checkbox__label:before, .checkbox.-invalid .checkbox__label:before {
  border-color: #E84E0F;
}
.checkbox.-toggle {
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 768px) {
  .checkbox.-toggle {
    flex-direction: row;
  }
}
.checkbox.-toggle .checkbox__toggle-label {
  cursor: pointer;
}
.checkbox.-toggle .checkbox__toggle {
  background: #98B3C4;
  border-radius: 80px;
  width: 60px;
  height: 35px;
  max-width: 60px;
  max-height: 35px;
  min-width: 60px;
  min-height: 35px;
  position: relative;
  display: block;
  cursor: pointer;
  transition: all 250ms ease;
  margin: 0 auto 20px;
}
.checkbox.-toggle .checkbox__toggle::before {
  content: "";
  width: 30px;
  height: 29px;
  min-width: 29px;
  min-height: 29px;
  max-width: 29px;
  max-height: 29px;
  display: inline-block;
  background: #fff;
  border-radius: 100%;
  transition: all 250ms ease;
  position: absolute;
  left: 3px;
  top: 3px;
}
@media (min-width: 768px) {
  .checkbox.-toggle .checkbox__toggle {
    margin: 0;
  }
}
.checkbox.-toggle.-is-checked .checkbox__toggle {
  background: #31933E;
}
.checkbox.-toggle.-is-checked .checkbox__toggle::before {
  left: calc(100% - 32px);
  background: #fff;
}
.checkbox.-toggle.-slider {
  background: #D0D9DC;
  width: 50px;
  height: 30px;
  min-width: 50px;
  min-height: 30px;
  max-width: 50px;
  max-height: 30px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  cursor: pointer;
  transition: all 250ms ease;
}
.checkbox.-toggle.-slider .checkbox__field {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  z-index: 2;
  position: relative;
  cursor: pointer;
  opacity: 0;
}
.checkbox.-toggle.-slider .checkbox__slider::before {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  max-width: 24px;
  max-height: 24px;
  background: #fff;
  border-radius: 100%;
  margin-bottom: 0;
  display: inline-block;
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  transition: all 250ms ease;
}
.checkbox.-toggle.-slider.-active {
  background: #31933E;
}
.checkbox.-toggle.-slider.-active .checkbox__slider::before {
  left: auto;
  right: 3px;
}
.checkbox.-agree {
  margin-left: 0;
  width: 100%;
  text-align: left;
}
.checkbox.-radio .checkbox__label {
  display: grid;
  grid-template-columns: 20px 1fr;
  grid-gap: 10px;
  gap: 10px;
  align-items: flex-start;
}
.checkbox.-radio .checkbox__label::before {
  background-color: transparent;
  border: 0;
  position: relative;
  left: 0;
  top: 0;
  font-size: 20px;
  transition: all 250ms ease;
  cursor: pointer;
  margin: 0;
  content: "";
  color: #089edd;
  line-height: 1;
  margin-top: 2px;
}
.checkbox.-radio .checkbox__label::after {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  transform: scale(0);
  transform-origin: center;
  transition: all 250ms ease;
  cursor: pointer;
  content: "";
  font-size: 20px;
  color: #089edd;
  line-height: 1;
  margin-top: 2px;
}
.checkbox.-radio.-is-checked .checkbox__label::after {
  transform: scale(1);
}
.checkbox.-radio .checkbox__field:checked + label::before {
  border: 0;
  background-color: transparent;
}
.checkbox-wrap {
  display: grid;
  flex-wrap: wrap;
  grid-gap: 16px;
  gap: 16px;
}
.checkbox-wrap.-wrap-xs {
  display: flex;
}
@media (min-width: 576px) {
  .checkbox-wrap.-wrap-s {
    display: flex;
  }
}
@media (min-width: 768px) {
  .checkbox-wrap.-wrap-m {
    display: flex;
  }
}
@media (min-width: 1024px) {
  .checkbox-wrap.-wrap-l {
    display: flex;
  }
}
.checkbox-wrap .checkbox {
  width: 100%;
}
@media (min-width: 768px) {
  .checkbox-wrap .checkbox .-sub {
    padding-left: 30px;
    margin-top: 4px;
    font-size: 0.9em;
  }
}
.radio {
  display: flex;
  flex-direction: column;
  grid-gap: 16px;
  gap: 16px;
}
@media (min-width: 768px) {
  .radio {
    flex-direction: row;
  }
}
.radio .radio__field {
  display: none;
}
.radio .radio__field.-is-checked + .radio__label::after {
  transform: scale(1);
}
.radio .radio__element {
  display: block;
  cursor: pointer;
  position: relative;
  transition: all 250ms ease;
}
.radio .radio__element.-disabled {
  pointer-events: none;
  opacity: 0.5;
}
.radio .radio__element .radio__label {
  position: relative;
  display: block;
  cursor: pointer;
  text-align: left;
  background: transparent;
  transition: all 250ms ease;
}
.radio .radio__element .radio__label .radio__price {
  margin-top: 16px;
  display: flex;
  justify-content: flex-start;
  grid-gap: 16px;
  gap: 16px;
  font-size: 26px;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  color: #089edd;
}
@media (min-width: 768px) {
  .radio .radio__element .radio__label .radio__price {
    justify-content: center;
  }
}
.radio .radio__element .radio__label .radio__price .-old {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  color: #707070;
  text-decoration: line-through;
}
.radio .radio__form {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  gap: 10px;
  padding-top: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}
.radio .radio__form .radio__form-label {
  font-size: 14px;
  color: #707070;
}
.radio .radio__form.-on {
  padding-top: 10px;
  height: auto;
  opacity: 1;
}
.radio .modify {
  transform: translateX(40px);
  opacity: 0;
  transition: all 250ms ease;
}
.radio .modify.-on {
  transform: translateX(0px);
  opacity: 1;
}
.radio.-listing {
  flex-direction: column;
  grid-gap: 16px;
  gap: 16px;
}
.radio.-disabled {
  pointer-events: none;
  opacity: 0.5;
}
.radio.-s .radio__element {
  width: 100%;
}
@media (min-width: 768px) {
  .radio.-s .radio__element {
    width: 95px;
  }
}
.radio.-m .radio__element {
  width: 100%;
}
@media (min-width: 768px) {
  .radio.-m .radio__element {
    width: calc(33% - 32px);
  }
}
.radio.-m.-fullwidthmobile .radio__element {
  width: 100%;
}
@media (min-width: 768px) {
  .radio.-m.-fullwidthmobile .radio__element {
    width: calc(33% - 32px);
  }
}
.radio.-pair .radio__element {
  width: 100%;
}
@media (min-width: 768px) {
  .radio.-pair .radio__element {
    width: 50%;
  }
}
.radio.-classic, .radio.-validate, .radio.-square {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.radio.-classic.-listing, .radio.-validate.-listing, .radio.-square.-listing {
  flex-direction: column;
}
.radio.-classic .radio__element .radio__label, .radio.-validate .radio__element .radio__label, .radio.-square .radio__element .radio__label {
  padding: 0 0 0 30px;
}
.radio.-classic .radio__element .radio__label .radio__legend, .radio.-validate .radio__element .radio__label .radio__legend, .radio.-square .radio__element .radio__label .radio__legend {
  cursor: pointer;
  vertical-align: middle;
}
.radio.-classic .radio__element .radio__label .radio__legend .label, .radio.-validate .radio__element .radio__label .radio__legend .label, .radio.-square .radio__element .radio__label .radio__legend .label {
  cursor: pointer;
}
.radio.-classic .radio__element .radio__label:before, .radio.-validate .radio__element .radio__label:before, .radio.-square .radio__element .radio__label:before {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 20px;
  transition: all 250ms ease;
  cursor: pointer;
  margin: 0;
}
.radio.-classic .radio__element .radio__label:after, .radio.-validate .radio__element .radio__label:after, .radio.-square .radio__element .radio__label:after {
  position: absolute;
  left: 0;
  top: 0;
  transform: scale(0);
  transform-origin: center;
  transition: all 250ms ease;
  cursor: pointer;
}
.radio.-classic .radio__element .radio__form, .radio.-validate .radio__element .radio__form, .radio.-square .radio__element .radio__form {
  padding-left: 33px;
}
.radio.-classic .radio__element.-is-checked .radio__label::after, .radio.-validate .radio__element.-is-checked .radio__label::after, .radio.-square .radio__element.-is-checked .radio__label::after {
  transform: scale(1);
}
.radio.-classic .radio__element.-is-checked .radio__label .modify, .radio.-validate .radio__element.-is-checked .radio__label .modify, .radio.-square .radio__element.-is-checked .radio__label .modify {
  margin-left: 16px;
}
.radio.-classic .radio__element .radio__field.-is-checked + .radio__label:after, .radio.-validate .radio__element .radio__field.-is-checked + .radio__label:after, .radio.-square .radio__element .radio__field.-is-checked + .radio__label:after {
  transform: scale(1);
}
.radio.-classic .radio__element .radio__label::before {
  content: "";
  color: #089edd;
  line-height: 1;
}
.radio.-classic .radio__element .radio__label::after {
  content: "";
  font-size: 20px;
  color: #089edd;
  line-height: 1;
}
.radio.-classic .radio__element:hover .radio__label {
  color: #089edd;
}
.radio.-classic.-unvalid .radio__label::before, .radio.-classic.-unvalid .radio__label::after, .radio.-classic.-invalid .radio__label::before, .radio.-classic.-invalid .radio__label::after {
  color: #E84E0F;
}
.radio.-validate .radio__element .radio__label {
  color: #586871;
}
.radio.-validate .radio__element .radio__label::before, .radio.-validate .radio__element .radio__label::after {
  text-align: center;
}
.radio.-validate .radio__element .radio__label::before {
  color: #98B3C4;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  max-width: 20px;
  max-height: 20px;
  line-height: 20px;
  content: "";
}
.radio.-validate .radio__element .radio__label:after {
  content: "";
  background: #31933E;
  color: #fff;
  border-radius: 100%;
  font-size: 10px;
  width: 21px;
  height: 21px;
  min-width: 21px;
  min-height: 21px;
  max-width: 21px;
  max-height: 21px;
  line-height: 23px;
}
.radio.-validate.-unvalid .radio__field.-is-checked + .radio__label::before,
.radio.-validate.-unvalid .radio__label::before,
.radio.-validate.-unvalid .-is-checked .radio__label::before, .radio.-validate.-invalid .radio__field.-is-checked + .radio__label::before,
.radio.-validate.-invalid .radio__label::before,
.radio.-validate.-invalid .-is-checked .radio__label::before {
  color: #E84E0F;
}
.radio.-validate.-unvalid .radio__field.-is-checked + .radio__label::after,
.radio.-validate.-unvalid .-is-checked .radio__label::after, .radio.-validate.-invalid .radio__field.-is-checked + .radio__label::after,
.radio.-validate.-invalid .-is-checked .radio__label::after {
  background: #E84E0F;
}
.radio.-square .radio__element .radio__label::before {
  content: "";
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  max-width: 18px;
  max-height: 18px;
  top: 3px;
  border: 1px solid #D0D9DC;
  display: inline-block;
  background: #fff;
  border-radius: 4px;
}
.radio.-square .radio__element .radio__label:after {
  top: 3px;
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  max-width: 18px;
  max-height: 18px;
  line-height: 18px;
  text-align: center;
  display: block;
  color: #fff;
  font-size: 12px;
  content: "";
}
.radio.-square .radio__element .radio__field.-is-checked + .radio__label::before {
  background: #31933E;
  border: 1px solid #31933E;
}
.radio.-square .radio__element.-is-checked .radio__label::before {
  background: #31933E;
  border: 1px solid #31933E;
}
.radio.-square.-unvalid .radio__field.-is-checked + .radio__label::before,
.radio.-square.-unvalid .radio__label::before,
.radio.-square.-unvalid .-is-checked .radio__label::before, .radio.-square.-invalid .radio__field.-is-checked + .radio__label::before,
.radio.-square.-invalid .radio__label::before,
.radio.-square.-invalid .-is-checked .radio__label::before {
  border-color: #E84E0F;
}
.radio.-square.-unvalid .radio__field.-is-checked + .radio__label::before,
.radio.-square.-unvalid .-is-checked .radio__label::before, .radio.-square.-invalid .radio__field.-is-checked + .radio__label::before,
.radio.-square.-invalid .-is-checked .radio__label::before {
  background: #E84E0F;
}
@media (min-width: 768px) {
  .radio.-framed, .radio.-mobilestyle {
    display: flex;
  }
}
.radio.-framed .radio__element .radio__label, .radio.-mobilestyle .radio__element .radio__label {
  border: 1px solid #94D5F1;
  padding: 12px 20px;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
  display: grid;
  grid-template-columns: 20px 1fr;
  grid-gap: 8px;
  gap: 8px;
}
.radio.-framed .radio__element .radio__label:before, .radio.-mobilestyle .radio__element .radio__label:before {
  content: "";
  color: #089edd;
  line-height: 1;
  font-size: 20px;
  transition: all 250ms ease;
  cursor: pointer;
}
.radio.-framed .radio__element .radio__label:after, .radio.-mobilestyle .radio__element .radio__label:after {
  content: "";
  font-size: 20px;
  color: #089edd;
  line-height: 1;
  position: absolute;
  top: 12px;
  left: 20px;
  transform: scale(0);
  transform-origin: center;
  transition: all 250ms ease;
  cursor: pointer;
}
.radio.-framed .radio__element .radio__label .radio__legend, .radio.-mobilestyle .radio__element .radio__label .radio__legend {
  display: grid;
}
.radio.-framed .radio__element .radio__label .radio__legend .label, .radio.-mobilestyle .radio__element .radio__label .radio__legend .label {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.radio.-framed .radio__element .radio__label:hover, .radio.-mobilestyle .radio__element .radio__label:hover {
  border-color: #089edd;
}
.radio.-framed .radio__element .radio__field.-is-checked + .radio__label, .radio.-mobilestyle .radio__element .radio__field.-is-checked + .radio__label {
  border-color: #089edd;
  color: #089edd;
}
.radio.-framed .radio__element .radio__field.-is-checked + .radio__label::after, .radio.-mobilestyle .radio__element .radio__field.-is-checked + .radio__label::after {
  transform: scale(1);
}
.radio.-framed .radio__element.-is-checked .radio__label, .radio.-mobilestyle .radio__element.-is-checked .radio__label {
  border-color: #089edd;
  color: #089edd;
}
.radio.-framed .radio__element.-is-checked .radio__label::after, .radio.-mobilestyle .radio__element.-is-checked .radio__label::after {
  transform: scale(1);
}
.radio.-framed.-unvalid .radio__element .radio__field.-is-checked + .radio__label,
.radio.-framed.-unvalid .radio__element .radio__label,
.radio.-framed.-unvalid .radio__element .-is-checked .radio__label, .radio.-framed.-invalid .radio__element .radio__field.-is-checked + .radio__label,
.radio.-framed.-invalid .radio__element .radio__label,
.radio.-framed.-invalid .radio__element .-is-checked .radio__label, .radio.-mobilestyle.-unvalid .radio__element .radio__field.-is-checked + .radio__label,
.radio.-mobilestyle.-unvalid .radio__element .radio__label,
.radio.-mobilestyle.-unvalid .radio__element .-is-checked .radio__label, .radio.-mobilestyle.-invalid .radio__element .radio__field.-is-checked + .radio__label,
.radio.-mobilestyle.-invalid .radio__element .radio__label,
.radio.-mobilestyle.-invalid .radio__element .-is-checked .radio__label {
  border-color: #E84E0F;
  color: #E84E0F;
}
.radio.-framed.-unvalid .radio__element .radio__field.-is-checked + .radio__label::before,
.radio.-framed.-unvalid .radio__element .radio__label::before,
.radio.-framed.-unvalid .radio__element .-is-checked .radio__label::before, .radio.-framed.-invalid .radio__element .radio__field.-is-checked + .radio__label::before,
.radio.-framed.-invalid .radio__element .radio__label::before,
.radio.-framed.-invalid .radio__element .-is-checked .radio__label::before, .radio.-mobilestyle.-unvalid .radio__element .radio__field.-is-checked + .radio__label::before,
.radio.-mobilestyle.-unvalid .radio__element .radio__label::before,
.radio.-mobilestyle.-unvalid .radio__element .-is-checked .radio__label::before, .radio.-mobilestyle.-invalid .radio__element .radio__field.-is-checked + .radio__label::before,
.radio.-mobilestyle.-invalid .radio__element .radio__label::before,
.radio.-mobilestyle.-invalid .radio__element .-is-checked .radio__label::before {
  color: #E84E0F;
}
.radio.-framed.-unvalid .radio__element .radio__field.-is-checked + .radio__label,
.radio.-framed.-unvalid .radio__element .-is-checked .radio__label, .radio.-framed.-invalid .radio__element .radio__field.-is-checked + .radio__label,
.radio.-framed.-invalid .radio__element .-is-checked .radio__label, .radio.-mobilestyle.-unvalid .radio__element .radio__field.-is-checked + .radio__label,
.radio.-mobilestyle.-unvalid .radio__element .-is-checked .radio__label, .radio.-mobilestyle.-invalid .radio__element .radio__field.-is-checked + .radio__label,
.radio.-mobilestyle.-invalid .radio__element .-is-checked .radio__label {
  border-color: #E84E0F;
}
.radio.-framed.-unvalid .radio__element .radio__field.-is-checked + .radio__label::before, .radio.-framed.-unvalid .radio__element .radio__field.-is-checked + .radio__label:after,
.radio.-framed.-unvalid .radio__element .-is-checked .radio__label::before,
.radio.-framed.-unvalid .radio__element .-is-checked .radio__label:after, .radio.-framed.-invalid .radio__element .radio__field.-is-checked + .radio__label::before, .radio.-framed.-invalid .radio__element .radio__field.-is-checked + .radio__label:after,
.radio.-framed.-invalid .radio__element .-is-checked .radio__label::before,
.radio.-framed.-invalid .radio__element .-is-checked .radio__label:after, .radio.-mobilestyle.-unvalid .radio__element .radio__field.-is-checked + .radio__label::before, .radio.-mobilestyle.-unvalid .radio__element .radio__field.-is-checked + .radio__label:after,
.radio.-mobilestyle.-unvalid .radio__element .-is-checked .radio__label::before,
.radio.-mobilestyle.-unvalid .radio__element .-is-checked .radio__label:after, .radio.-mobilestyle.-invalid .radio__element .radio__field.-is-checked + .radio__label::before, .radio.-mobilestyle.-invalid .radio__element .radio__field.-is-checked + .radio__label:after,
.radio.-mobilestyle.-invalid .radio__element .-is-checked .radio__label::before,
.radio.-mobilestyle.-invalid .radio__element .-is-checked .radio__label:after {
  color: #E84E0F;
}
.radio.-framed.-vertical, .radio.-mobilestyle.-vertical {
  flex-direction: column;
  text-align: left;
}
.radio.-icon, .radio.-wrap.-icon {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
  gap: 20px;
}
@media (min-width: 768px) {
  .radio.-icon, .radio.-wrap.-icon {
    flex-direction: row;
    justify-content: flex-start;
  }
}
.radio.-icon .radio__element, .radio.-wrap.-icon .radio__element {
  border-radius: 8px;
  padding: 2px;
  width: 100%;
  cursor: pointer;
}
.radio.-icon .radio__element .radio__label, .radio.-wrap.-icon .radio__element .radio__label {
  cursor: pointer;
  font-size: 18px;
  position: relative;
  text-align: left;
  padding: 20px;
  box-shadow: 0 0 0 transparent;
  border: 1px solid #CEE9F4;
  border-radius: 8px;
  transition: all 250ms ease;
  height: 100%;
  background: #fff;
}
@media (min-width: 768px) {
  .radio.-icon .radio__element .radio__label, .radio.-wrap.-icon .radio__element .radio__label {
    font-size: 16px;
  }
}
.radio.-icon .radio__element .radio__label::before, .radio.-wrap.-icon .radio__element .radio__label::before {
  display: none;
}
.radio.-icon .radio__element .radio__label:after, .radio.-wrap.-icon .radio__element .radio__label:after {
  content: "";
  border-radius: 100%;
  font-size: 8px;
  background: #089edd;
  color: #fff;
  text-align: center;
  width: 15px;
  height: 15px;
  line-height: 15px;
  display: inline-block;
  position: absolute;
  top: auto;
  left: auto;
  bottom: 7px;
  right: 7px;
  transform: scale(0);
  transform-origin: center;
  transition: all 250ms ease;
}
.radio.-icon .radio__element .radio__label .radio__icon, .radio.-wrap.-icon .radio__element .radio__label .radio__icon {
  color: rgba(8, 158, 221, 0.5);
  font-size: 40px;
}
@media (min-width: 768px) {
  .radio.-icon .radio__element .radio__label .radio__icon, .radio.-wrap.-icon .radio__element .radio__label .radio__icon {
    margin-bottom: 8px;
    margin-right: 0;
  }
}
.radio.-icon .radio__element .radio__label .radio__legend, .radio.-wrap.-icon .radio__element .radio__label .radio__legend {
  font-size: 26px;
  line-height: 1.2;
  display: block;
  text-align: left;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  color: #089edd;
}
@media (min-width: 768px) {
  .radio.-icon .radio__element .radio__label .radio__legend, .radio.-wrap.-icon .radio__element .radio__label .radio__legend {
    text-align: center;
  }
}
.radio.-icon .radio__element .radio__label .radio__legend .sublabel, .radio.-wrap.-icon .radio__element .radio__label .radio__legend .sublabel {
  color: #212121;
  font-size: 14px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  display: block;
  max-width: 100%;
}
.radio.-icon .radio__element .radio__label .radio__legend .sublabel span, .radio.-wrap.-icon .radio__element .radio__label .radio__legend .sublabel span {
  display: block;
}
@media (hover: hover) {
  .radio.-icon .radio__element:hover, .radio.-wrap.-icon .radio__element:hover {
    background: #089edd;
  }

  .radio.-icon .radio__element:hover .radio__label, .radio.-wrap.-icon .radio__element:hover .radio__label {
    background: #fff;
    border-color: #089edd;
  }

  .radio.-icon .radio__element:hover .radio__label::after, .radio.-wrap.-icon .radio__element:hover .radio__label::after {
    transform: scale(1);
  }
}
.radio.-icon .radio__element.-is-checked, .radio.-wrap.-icon .radio__element.-is-checked {
  background: #089edd;
}
.radio.-icon .radio__element.-is-checked .radio__label, .radio.-wrap.-icon .radio__element.-is-checked .radio__label {
  background: #fff;
  border-color: #089edd;
}
.radio.-icon .radio__element.-is-checked .radio__label::after, .radio.-wrap.-icon .radio__element.-is-checked .radio__label::after {
  transform: scale(1);
}
.radio.-icon.-wrap, .radio.-wrap.-icon.-wrap {
  justify-content: center;
}
.radio.-icon.-wrap .radio__element .radio__legend, .radio.-wrap.-icon.-wrap .radio__element .radio__legend {
  font-size: 20px;
}
@media (min-width: 768px) {
  .radio.-icon.-wrap.-m .radio__element, .radio.-wrap.-icon.-wrap.-m .radio__element {
    width: calc(33% - 32px);
  }
}
.radio.-icon.-crosssell, .radio.-wrap.-icon.-crosssell {
  flex-wrap: wrap;
}
.radio.-icon.-crosssell .radio__element, .radio.-wrap.-icon.-crosssell .radio__element {
  flex: 1;
}
@media (min-width: 768px) {
  .radio.-icon.-crosssell .radio__element .radio__label, .radio.-wrap.-icon.-crosssell .radio__element .radio__label {
    padding-bottom: 60px;
  }
}
@media (min-width: 768px) {
  .radio.-icon.-crosssell .radio__element .radio__price, .radio.-wrap.-icon.-crosssell .radio__element .radio__price {
    position: absolute;
    width: 100%;
    bottom: 20px;
    left: 0;
  }
}
.radio.-button {
  flex-direction: row;
  flex-wrap: wrap;
  padding-left: 0;
  border-collapse: collapse;
  box-sizing: border-box;
}
.radio.-button.-nowrap {
  flex-wrap: nowrap;
}
.radio.-button.-nowrap.-s .radio__element {
  width: auto;
  max-width: 95px;
}
.radio.-button .radio__element .radio__label {
  cursor: pointer;
  display: block;
  padding: 9px 30px;
  text-align: center;
  box-shadow: 0 0 0 transparent;
  background: #98B3C4;
  color: #fff;
  border-radius: 10px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  transition: all 250ms ease;
}
.radio.-button .radio__element .radio__label .radio__legend {
  padding: 0;
  margin: 0;
}
.radio.-button .radio__element .radio__label::before, .radio.-button .radio__element .radio__label::after {
  display: none;
}
@media (hover: hover) {
  .radio.-button .radio__element .radio__label:hover {
    background: #089edd;
    color: #fff;
  }
}
.radio.-button .radio__element .radio__field {
  display: none;
}
.radio.-button .radio__element .radio__field.-is-checked + label, .radio.-button .radio__element .radio__field:checked + label {
  background: #089edd;
  color: #fff;
}
.radio.-button .radio__element.-is-checked .radio__label, .radio.-button .radio__element.-is-checked:hover .radio__label {
  background: #089edd;
  color: #fff;
}
.radio.-big {
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  padding: 0;
  text-align: center;
}
.radio.-big.-left {
  justify-content: flex-start;
}
.radio.-big .radio__element {
  min-width: 200px;
  background: #fff;
  border-radius: 8px;
}
@media (min-width: 768px) {
  .radio.-big .radio__element {
    flex-basis: 0;
  }
}
.radio.-big .radio__element .radio__label {
  height: 100%;
  cursor: pointer;
  padding: 12px 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 transparent;
  color: #089edd;
  border: 1px solid #94D5F1;
  border-radius: 8px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  transition: all 250ms ease;
}
.radio.-big .radio__element .radio__label .radio__legend {
  padding: 0;
  display: block;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  text-align: center;
  margin: 0;
  max-width: 100%;
}
.radio.-big .radio__element .radio__label .radio__legend .label {
  color: #089edd;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
}
.radio.-big .radio__element .radio__label .radio__legend .sublabel {
  font-size: 14px;
  max-width: 100%;
  display: block;
  text-align: center;
}
.radio.-big .radio__element .radio__label .radio__sublegend {
  text-align: center;
}
.radio.-big .radio__element .radio__label .radio__icon {
  font-size: 40px;
  color: #089edd;
  padding-top: 20px;
}
.radio.-big .radio__element .radio__label img {
  width: 100%;
  height: 40px;
}
.radio.-big .radio__element .radio__label::before, .radio.-big .radio__element .radio__label::after {
  display: none;
}
.radio.-big .radio__element .radio__label:hover {
  border-color: #089edd;
  box-shadow: 0 15px 40px 0 rgba(217, 229, 240, 0.6);
}
.radio.-big .radio__element .radio__field.-is-checked + label {
  border-color: #089edd;
  background: #089edd;
  color: #fff;
}
.radio.-big .radio__element .radio__field.-is-checked + label .radio__legend,
.radio.-big .radio__element .radio__field.-is-checked + label .label,
.radio.-big .radio__element .radio__field.-is-checked + label .radio__icon {
  color: #fff;
}
.radio.-big .radio__element.-is-checked .radio__label {
  border-color: #089edd;
  background: #089edd;
  color: #fff;
}
.radio.-big .radio__element.-is-checked .radio__label .radio__legend,
.radio.-big .radio__element.-is-checked .radio__label .radio__icon,
.radio.-big .radio__element.-is-checked .radio__label .label {
  color: #fff;
}
.radio.-big .radio__element.-is-checked .radio__label img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(133deg) brightness(102%) contrast(108%);
}
.radio.-big.-button .radio__element .radio__label {
  position: relative;
  width: 150px;
  height: 100px;
  display: block;
  background: #fff;
  color: #089edd;
  border: 1.5px solid #CEE9F4;
}
.radio.-big.-button .radio__element .radio__label::before {
  display: block;
  opacity: 1;
  content: "";
  position: absolute;
  background: #089edd;
  color: #fff;
  border: 0;
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
  min-width: 40px;
  min-height: 40px;
  line-height: 40px;
  top: -20px;
  left: 50%;
  margin-left: -20px;
  text-align: center;
  transition: all 250ms ease;
  transform: scale(0);
  border-radius: 100%;
}
.radio.-big.-button .radio__element .radio__field.-is-checked + label {
  background: #fff;
  color: #089edd;
  border-color: #089edd;
}
.radio.-big.-button .radio__element .radio__field.-is-checked + label::before {
  transform: scale(1);
  display: block;
}
@media (hover: hover) {
  .radio.-big.-button .radio__element:hover .radio__label {
    color: #089edd;
    border-color: #089edd;
    background: #fff;
  }
}
.radio.-big.-button .radio__element.-is-checked .radio__label {
  background: #fff;
  color: #089edd;
  border-color: #089edd;
}
.radio.-big.-button .radio__element.-is-checked .radio__label::before {
  transform: scale(1);
  display: block;
}
.radio.-big.-button .radio__element.-is-checked .radio__label .radio__legend {
  color: #089edd;
}
.radio.-big.-button .radio__element.-m .radio__element .radio__label {
  width: 150px;
  height: 100px;
}
.radio.-list {
  display: block;
}
.radio.-list .radio__element {
  text-align: left;
  position: relative;
}
.radio.-list .radio__element .radio__label {
  cursor: pointer;
  position: relative;
  border: 0;
  display: block;
  border-radius: 0;
  color: #586871;
  padding: 14.5px 8px 14.5px 30px;
  border-bottom: 1px solid #94D5F1;
  transition: all 250ms ease;
}
.radio.-list .radio__element .radio__label::after {
  display: none;
}
.radio.-list .radio__element .radio__label::before {
  content: "";
  color: #089edd;
  width: 20px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  left: 0;
  top: 17px;
  transition: all 250ms ease;
}
.radio.-list .radio__element .radio__legend {
  margin: 0;
}
.radio.-list .radio__element.-is-checked .radio__label {
  background: transparent;
  color: #089edd;
}
.radio.-list .radio__element.-is-checked .radio__label::before {
  content: "";
  color: #089edd;
}
.radio.-list .radio__element:hover .radio__label {
  background: transparent;
  color: #089edd;
}
.radio.-list .radio__element:hover .radio__label::before {
  color: #089edd;
}
.radio.-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.radio.-wrap.flex-1 .radio__element {
  flex: 1;
}
.radio.-wrap.flex-1 .radio__element .radio__label {
  width: 100%;
  margin: 0;
}
.radio.-wrap.flex-1 .radio__element .radio__label label {
  margin: 0;
}
.radio.-wrap.flex-1.-nowrap .radio__label,
.radio.-wrap.flex-1.-nowrap .radio__legend {
  justify-content: center;
  text-align: center;
}
.radio.-wrap.flex-1.-nowrap .radio__label .label,
.radio.-wrap.flex-1.-nowrap .radio__legend .label {
  text-align: center;
}
.radio.-wrap.-left {
  justify-content: flex-start;
}
.radio.-wrap.text-mobile-left .radio__element .radio__label {
  text-align: left;
}
@media (min-width: 768px) {
  .radio.-wrap.text-mobile-left .radio__element .radio__label {
    text-align: center;
  }
}
.radio.-wrap.text-mobile-left .radio__element .radio__label .radio__legend .label {
  text-align: left;
}
@media (min-width: 768px) {
  .radio.-wrap.text-mobile-left .radio__element .radio__label .radio__legend .label {
    text-align: center;
  }
}
.radio.-wrap.text-left .radio__element .radio__label {
  text-align: left;
}
@media (min-width: 768px) {
  .radio.-wrap.text-left .radio__element .radio__label {
    text-align: left;
  }
}
.radio.-wrap.text-left .radio__element .radio__label .radio__legend .label {
  text-align: left;
}
.radio.-wrap.-nowrap {
  flex-direction: row;
}
@media (min-width: 768px) {
  .radio.-wrap.-nowrap {
    flex-wrap: nowrap;
  }
}
@media (min-width: 768px) {
  .radio.-wrap.-pair {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.radio.-wrap.-pair .radio__element {
  width: 100%;
}
@media (min-width: 768px) {
  .radio.-wrap.-three {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
.radio.-wrap.-three .radio__element {
  width: 100%;
}
.radio.-wrap.-wrap-s {
  display: block;
}
@media (min-width: 768px) {
  .radio.-wrap.-wrap-s {
    display: flex;
    flex-wrap: wrap;
  }
}
.radio.-wrap.-wrap-s .radio__element .radio__label {
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .radio.-wrap.-wrap-s .radio__element .radio__label {
    justify-content: center;
  }
}
.radio.-wrap .radio__element {
  min-width: 100px;
  font-size: 18px;
}
.radio.-wrap .radio__element.-is-checked .radio__label {
  background: #089edd;
  color: #fff;
  border-color: #089edd;
}
.radio.-wrap .radio__element.-is-checked .radio__label .label,
.radio.-wrap .radio__element.-is-checked .radio__label .sublabel {
  color: #fff;
}
.radio.-wrap .radio__label {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 13.5px 8px;
  box-shadow: 0 0 0 transparent;
  background: #fff;
  color: #089edd;
  border: 1px solid #94D5F1;
  border-radius: 8px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  text-align: center;
  transition: all 250ms ease;
}
.radio.-wrap .radio__label::before, .radio.-wrap .radio__label::after {
  display: none;
}
.radio.-wrap .radio__label:hover {
  border-color: #089edd;
  background: rgba(234, 246, 251, 0.5);
}
.radio.-wrap .radio__legend {
  cursor: pointer;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  max-width: 100%;
}
.radio.-wrap .radio__legend .label {
  display: inline-block;
  cursor: pointer;
  color: #089edd;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  text-align: left;
}
@media (min-width: 768px) {
  .radio.-wrap .radio__legend .label {
    text-align: center;
  }
}
.radio.-wrap .radio__legend .sublabel {
  display: block;
  font-size: 14px;
  color: #000000;
}
.radio.-wrap.-thin .radio__element .radio__label {
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  .radio.-wrap.-large .radio__element .radio__label {
    min-width: 165px;
  }
}
.radio.-group {
  border: 1px solid #089edd;
  border-radius: 8px;
  padding: 4px;
  position: relative;
  flex-direction: row;
  align-items: stretch;
}
.radio.-group .radio__element {
  width: 50%;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.radio.-group .radio__element:nth-child(1) .radio__legend {
  padding-right: 4px;
}
.radio.-group .radio__element:nth-child(2) .radio__legend {
  padding-left: 4px;
}
.radio.-group .radio__element:hover .radio__label {
  color: #089edd;
  background: #EAF6FB;
}
.radio.-group .radio__element.-is-checked .radio__label {
  color: #fff;
  background: transparent;
}
.radio.-group .radio__element .radio__label {
  border: 0;
  background: transparent;
  padding: 14.5px 8px;
  border-radius: 8px;
  cursor: pointer;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #089edd;
  height: 100%;
}
.radio.-group .radio__element .radio__label::before, .radio.-group .radio__element .radio__label::after {
  display: none;
}
.radio.-group .radio__element .radio__label .radio__legend {
  margin: 0;
  display: block;
}
.radio.-group .radio__group {
  background: #089edd;
  width: calc(50% - 4px);
  height: calc(100% - 4px);
  position: absolute;
  top: 2px;
  left: 2px;
  transition: all 250ms ease;
  border-radius: 8px;
}
.radio.-group .radio__element.-is-checked + .radio__group {
  left: calc(50% + 2px);
  color: #fff;
  background: #089edd;
}
.radio.-chooser {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  grid-gap: 48px;
  gap: 48px;
}
@media (min-width: 768px) {
  .radio.-chooser {
    grid-gap: 20px;
    gap: 20px;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
  }
}
.radio.-chooser .app-radio-element-situation-choice,
.radio.-chooser .radio-chooser-wrap {
  display: flex;
  align-items: stretch;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.radio.-chooser .app-radio-element-situation-choice .radio__img,
.radio.-chooser .radio-chooser-wrap .radio__img {
  display: block;
}
.radio.-chooser .radio__element {
  display: flex;
  justify-content: center;
  align-items: stretch;
  width: 100%;
}
.radio.-chooser .radio__element .radio__label {
  margin-left: auto;
  margin-right: auto;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  position: relative;
  text-align: center;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  background: #fff;
  color: #212121;
  border-radius: 20px;
  box-shadow: 0 15px 40px 0 rgba(70, 130, 183, 0.15);
  border: 2px solid transparent;
  transition: all 250ms ease;
}
@media (min-width: 768px) {
  .radio.-chooser .radio__element .radio__label {
    width: 300px;
  }
}
.radio.-chooser .radio__element .radio__label:hover {
  box-shadow: 0 15px 40px 0 rgba(6, 158, 222, 0.25);
}
.radio.-chooser .radio__element .radio__label::before {
  opacity: 1;
  border-radius: 100%;
  content: "";
  position: absolute;
  display: block;
  background: #089edd;
  color: #fff;
  border: 0;
  width: 50px;
  height: 50px;
  max-width: 50px;
  max-height: 50px;
  min-width: 50px;
  min-height: 50px;
  line-height: 50px;
  top: -25px;
  left: 50%;
  font-size: 25px;
  margin-left: -25px;
  text-align: center;
  transition: all 250ms ease;
  transform: scale(0);
}
.radio.-chooser .radio__element .radio__label .radio__img {
  display: block;
  text-align: center;
}
.radio.-chooser .radio__element .radio__label .radio__img img {
  max-width: 100%;
}
.radio.-chooser .radio__element .radio__label .radio__visu {
  display: block;
  width: 100%;
  height: 150px;
  margin: 0 auto;
}
.radio.-chooser .radio__element .radio__label .radio__visu img {
  max-width: 100%;
  max-height: 100%;
}
.radio.-chooser .radio__element .radio__label .radio__sublegend {
  display: block;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
}
.radio.-chooser .radio__element .radio__label .radio__title {
  color: #089edd;
  font-size: 20px;
  margin: 20px 0;
}
.radio.-chooser .radio__element .radio__icon {
  background: #94D5F1;
  font-size: 20px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  color: #fff;
  line-height: 50px;
  text-align: center;
  display: inline-block;
  margin-bottom: 16px;
}
.radio.-chooser .radio__element .radio__field.-is-checked + label {
  color: #212121;
  box-shadow: 0 6px 20px 0 rgba(6, 158, 222, 0.5);
  border-color: #089edd;
}
.radio.-chooser .radio__element .radio__field.-is-checked + label::before {
  transform: scale(0.8);
}
@media (min-width: 768px) {
  .radio.-chooser .radio__element .radio__field.-is-checked + label::before {
    transform: scale(1);
  }
}
.radio.-chooser .radio__element .radio__field.-is-checked + label::after {
  display: none;
}
.radio.-chooser .radio__element:hover .radio__label {
  background: #fff;
}
@media (hover: hover) {
  .radio.-chooser .radio__element:hover .radio__label {
    border-color: #089edd;
    color: #212121;
    background: #fff;
  }
}
.radio.-chooser .radio__element:hover .radio__label::after {
  display: none;
}
.radio.-chooser .radio__element:hover .sublabel {
  color: #212121;
}
.radio.-chooser .radio__element.-is-checked .radio__label {
  border-color: #089edd;
  background: #fff;
  color: #212121;
}
.radio.-chooser .radio__element.-is-checked .radio__label::before {
  transform: scale(0.8);
}
@media (min-width: 768px) {
  .radio.-chooser .radio__element.-is-checked .radio__label::before {
    transform: scale(1);
  }
}
.radio.-chooser .radio__element.-is-checked .radio__label::after {
  display: none;
}
@media (min-width: 768px) {
  .radio.-chooser.-switch {
    grid-template-columns: 0.6fr 0.4fr;
    padding-bottom: 50px;
    flex-wrap: nowrap;
    grid-gap: 28px;
    gap: 28px;
  }
}
.radio.-chooser.-switch .radio__element {
  position: relative;
  width: 100%;
}
.radio.-chooser.-switch .radio__element:hover .radio__label {
  border-color: #089edd;
}
.radio.-chooser.-switch .radio__element:hover .radio__label .label {
  color: #089edd;
}
.radio.-chooser.-switch .radio__element:hover .radio__label .sublabel {
  color: #212121;
}
.radio.-chooser.-switch .radio__element .radio__label {
  width: 100%;
  height: 100%;
  padding: 20px;
  color: #212121;
  border: 1px solid #94D5F1;
  box-shadow: 0 0 0 transparent;
  display: grid;
  grid-gap: 20px;
  gap: 20px;
  grid-template-rows: 120px 1fr auto;
}
@media (min-width: 768px) {
  .radio.-chooser.-switch .radio__element .radio__label {
    grid-template-rows: 150px 1fr auto;
  }
}
.radio.-chooser.-switch .radio__element .radio__label .radio__legend {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  align-items: flex-start;
}
.radio.-chooser.-switch .radio__element .radio__label .label {
  display: block;
  font-size: 18px;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
}
.radio.-chooser.-switch .radio__element .radio__label .sublabel {
  display: block;
  font-size: 14px;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.radio.-chooser.-switch .radio__element .radio__label .radio__visu {
  height: 120px;
}
@media (min-width: 768px) {
  .radio.-chooser.-switch .radio__element .radio__label .radio__visu {
    height: 150px;
  }
}
.radio.-chooser.-switch .radio__element .radio__label .radio__visu img {
  transform-origin: center;
  transform: scale(0.8);
}
.radio.-chooser.-switch .radio__element .radio__action {
  text-align: center;
  display: block;
}
.radio.-chooser.-switch .radio__element .radio__action.-center .button {
  margin-left: auto;
  margin-right: auto;
}
.radio.-chooser.-switch .radio__element .radio__new {
  background: #E84E0F;
  color: #fff;
  border-radius: 2px;
  position: absolute;
  left: 10px;
  top: -10px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  padding: 5px 10px;
}
.radio.-chooser.-two, .radio.-chooser.-switch, .radio.-chooser.-four, .radio.-chooser.-three, .radio.-chooser.-five {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}
.radio.-chooser.-two .radio__element, .radio.-chooser.-switch .radio__element, .radio.-chooser.-four .radio__element, .radio.-chooser.-three .radio__element, .radio.-chooser.-five .radio__element {
  width: 100%;
}
.radio.-chooser.-two .radio__element .radio__label, .radio.-chooser.-switch .radio__element .radio__label, .radio.-chooser.-four .radio__element .radio__label, .radio.-chooser.-three .radio__element .radio__label, .radio.-chooser.-five .radio__element .radio__label {
  width: 100%;
}
@media (min-width: 768px) {
  .radio.-chooser.-two .radio__element .radio__label, .radio.-chooser.-switch .radio__element .radio__label, .radio.-chooser.-four .radio__element .radio__label, .radio.-chooser.-three .radio__element .radio__label, .radio.-chooser.-five .radio__element .radio__label {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .radio.-chooser.-two {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .radio.-chooser.-four {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 768px) {
  .radio.-chooser.-three {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 768px) {
  .radio.-chooser.-five {
    grid-template-columns: repeat(5, 1fr);
  }
}
.radio.-chooser.-withoutimg .radio__element .radio__label {
  padding-top: 30px;
}
.radio.-chooser.-withouticoncheck .radio__element .radio__label::before {
  display: none;
}
.radio.-chooser.-withouticoncheck .radio__element.-is-checked .radio__label::before {
  display: none;
}
.radio.-chooser.-withicon {
  justify-content: center;
  grid-gap: 20px;
  gap: 20px;
}
.radio.-chooser.-withicon .radio__element {
  margin: 0;
  width: 100%;
  flex: 1;
}
.radio.-chooser.-withicon .radio__element .radio__label {
  width: 100%;
}
.radio.-chooser.-withicon .radio__element .radio__label .sublabel {
  min-height: 0;
}
.radio.-chooser.-small .radio__element.-is-checked .radio__label::before {
  transform: scale(0.4);
}
@media (min-width: 768px) {
  .radio.-chooser.-small .radio__element.-is-checked .radio__label::before {
    transform: scale(0.6);
  }
}
.radio.-opt {
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  grid-gap: 26px;
  gap: 26px;
}
@media (min-width: 768px) {
  .radio.-opt {
    text-align: center;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    grid-gap: 10px;
    gap: 10px;
  }
}
.radio.-opt.-s .radio__element {
  max-width: 350px;
}
.radio.-opt .radio__element {
  width: 100%;
  display: flex;
}
.radio.-opt .radio__element .radio__label {
  background: #fff;
  color: #212121;
  border-radius: 20px;
  box-shadow: 0 15px 40px 0 rgba(70, 130, 183, 0.15);
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  width: 100%;
  height: 100%;
  grid-gap: 16px;
  gap: 16px;
  border: 2px solid transparent;
  transition: all 250ms ease;
}
@media (min-width: 768px) {
  .radio.-opt .radio__element .radio__label {
    text-align: center;
  }
}
.radio.-opt .radio__element .radio__label .radio__icon {
  background: #94D5F1;
  font-size: 20px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  color: #fff;
  line-height: 50px;
  text-align: center;
  display: inline-block;
}
.radio.-opt .radio__element .radio__label .radio__legend {
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 16px;
  gap: 16px;
}
.radio.-opt .radio__element .radio__label .radio__legend .label {
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
}
.radio.-opt .radio__element:hover .radio__label, .radio.-opt .radio__element.-is-checked .radio__label {
  border-color: #089edd;
  box-shadow: 0 15px 40px 0 rgba(6, 158, 222, 0.25);
}
.radio.-mobilesquare {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-direction: row;
}
@media (min-width: 768px) {
  .radio.-mobilesquare.-nowrap {
    flex-wrap: nowrap;
  }
}
.radio.-mobilesquare.-center {
  justify-content: center;
}
.radio.-mobilesquare.-readonly {
  pointer-events: none;
}
.radio.-mobilesquare .radio__label {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 14.5px 8px;
  box-shadow: 0 0 0 transparent;
  background: #fff;
  color: #089edd;
  border: 1px solid #94D5F1;
  border-radius: 8px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  transition: all 250ms ease;
}
.radio.-mobilesquare .radio__label::before, .radio.-mobilesquare .radio__label::after {
  display: none;
}
.radio.-mobilesquare .radio__label:hover {
  border-color: #089edd;
  background: rgba(234, 246, 251, 0.5);
}
.radio.-mobilesquare .radio__label .radio__legend {
  margin: 0;
}
.radio.-mobilesquare .radio__legend {
  cursor: pointer;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  max-width: 100%;
}
.radio.-mobilesquare .radio__legend .label {
  display: inline-block;
  cursor: pointer;
}
@media (min-width: 768px) {
  .radio.-mobilesquare .radio__element {
    height: auto;
  }
}
.radio.-mobilesquare .radio__element.-is-checked .radio__label {
  background: #089edd;
  color: #fff;
  border-color: #089edd;
}
@media (min-width: 768px) {
  .radio.-mobilesquare.-xs .radio__element {
    width: 50px;
  }
}
.radio.-mobilesquare.-xs .radio__element .radio__label {
  min-width: 50px;
}
@media (min-width: 768px) {
  .radio.-mobilesquare.-s .radio__element {
    width: 95px;
  }
}
.radio.-mobilesquare.-s .radio__element .radio__label {
  min-width: 40px;
}
.radio.-mobilesquare.-m .radio__element {
  flex: 1;
  max-width: 203px;
}
.radio.cardsTransverse__wrap .radio__element .cardsTransverse {
  box-shadow: 0 0 0 transparent;
  height: 100%;
  width: 100%;
}
.radio.cardsTransverse__wrap .radio__element .cardsTransverse .cardsTransverse__container {
  background-color: #fff;
  height: 100%;
  font-size: 18px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  display: grid;
  align-items: center;
  padding: 15px;
  grid-gap: 10px;
  gap: 10px;
  cursor: pointer;
  transition: all 250ms ease;
  border-radius: 0;
}
@media (min-width: 768px) {
  .radio.cardsTransverse__wrap .radio__element .cardsTransverse .cardsTransverse__container {
    grid-gap: 20px;
    gap: 20px;
    border: 1px solid #CEE9F4;
    border-radius: 20px;
    padding: 20px 15px;
  }
}
.radio.cardsTransverse__wrap .radio__element .cardsTransverse .cardsTransverse__container:hover {
  border-color: #089edd;
}
.radio.cardsTransverse__wrap .radio__element.-is-checked .cardsTransverse .cardsTransverse__container {
  border-color: #94D5F1;
  background-color: #F1F8FC;
}
.button {
  padding: 14.5px 50px;
  border: 1px solid transparent;
  min-width: 110px;
  text-align: center;
  background: #089edd;
  font-size: 16px;
  line-height: 1.2;
  position: relative;
  display: inline-block;
  text-decoration: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  transition: all 250ms ease;
  border-radius: 50px;
  text-shadow: 0 0 0 transparent;
  text-rendering: optimizeLegibility;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0.03em;
  transform-origin: center;
}
.button:hover {
  background: #0190cc;
  outline: 0;
}
.button .button__wrap-label {
  display: inline-block;
  position: relative;
}
.button .button__label {
  position: relative;
  z-index: 1;
}
.button .button__icon {
  font-size: 12px;
}
.button.-disabled, .button.disabled, .button:disabled {
  opacity: 0.4;
}
.button.-hidden {
  display: none;
}
.button.-large {
  padding-left: 50px;
  padding-right: 50px;
}
.button.-tight {
  padding-left: 10px;
  padding-right: 10px;
}
.button.-tall {
  padding-top: 14px;
  padding-bottom: 14px;
}
.button.-xtall {
  padding-top: 19px;
  padding-bottom: 19px;
}
.button.-thin {
  padding-top: 5px;
  padding-bottom: 5px;
}
.button.-noclick {
  cursor: default;
  pointer-events: none;
}
.button.-ghost {
  padding: 0;
  background: transparent;
  color: #212121;
  text-shadow: 0 0 0;
  border: 0;
  box-shadow: 0 0 0;
  font-size: 16px;
  line-height: 1;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  transition: color 250ms ease;
}
.button.-ghost:focus, .button.-ghost:hover {
  background: transparent;
  color: #089edd;
  box-shadow: 0 0 0;
  transition: color 250ms ease;
}
.button.-ghost .button__wrap-label {
  margin: 0;
}
.button.-ghost:after {
  display: none;
}
.button.-download {
  padding: 0;
  background: transparent;
  border-width: 0;
  box-shadow: 0 0 0 transparent;
  color: #0190cc;
  text-shadow: 0 0 0;
  font-size: inherit;
}
.button.-download .button__label {
  text-decoration: underline;
  font-size: 14px;
}
.button.-download .button__label::before {
  content: "";
  font-size: 12px;
  position: absolute;
}
.button.-download:hover .button__label {
  text-decoration: none;
}
.button.-download:focus {
  background: transparent;
}
.button.-link {
  padding: 0;
  background: transparent;
  border-width: 0;
  box-shadow: 0 0 0 transparent;
  color: #089edd;
  text-shadow: 0 0 0;
  font-size: 16px;
  min-width: 1px;
  border-radius: 0;
}
.button.-link:after {
  display: none;
}
.button.-link .button__wrap-label,
.button.-link .button__label {
  text-decoration: underline;
}
.button.-link.-pre, .button.-link.-post {
  text-decoration: none;
}
.button.-link.-pre .button__label, .button.-link.-post .button__label {
  text-decoration: underline;
}
.button.-link.-pre .button__label:hover, .button.-link.-post .button__label:hover {
  text-decoration: none;
}
.button.-link:hover {
  background: transparent;
}
.button.-link:hover .button__wrap-label,
.button.-link:hover .button__label {
  text-decoration: none;
}
.button.-link:focus {
  background: transparent;
}
.button.-primary, .button[type=submit] {
  color: #fff;
  transform: translateY(0);
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.button.-primary.-disabled, .button.-primary.disabled, .button.-primary:disabled, .button[type=submit].-disabled, .button[type=submit].disabled, .button[type=submit]:disabled {
  background-color: #B0C0C4;
}
.button.-primary.-disabled:hover, .button.-primary.disabled:hover, .button.-primary:disabled:hover, .button[type=submit].-disabled:hover, .button[type=submit].disabled:hover, .button[type=submit]:disabled:hover {
  transform: translateY(0);
}
.button.-primary.-thin, .button[type=submit].-thin {
  padding-top: 5px;
  padding-bottom: 5px;
}
.button.-primary.-tall, .button[type=submit].-tall {
  padding-top: 14px;
  padding-bottom: 14px;
}
.button.-primary.-xtall, .button[type=submit].-xtall {
  padding-top: 19px;
  padding-bottom: 19px;
}
.button.-primary.-tight, .button[type=submit].-tight {
  padding-left: 10px;
  padding-right: 10px;
}
.button.-primary:hover, .button[type=submit]:hover {
  transform: translateY(-3px);
  background: #0190cc;
}
.button.-primary .mat-chip-remove:after, .button[type=submit] .mat-chip-remove:after {
  color: #fff;
}
.button.-primary.-small, .button[type=submit].-small {
  padding: 10px 20px;
}
.button.-quotebutton {
  border-radius: 30px;
  padding: 4px 4px 4px 10px;
  border: 0;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
  transform: translateY(0);
}
.button.-quotebutton .button__label {
  color: white;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 12px;
}
.button.-quotebutton .button__icon {
  width: 18px;
  height: 18px;
  background: white;
  border-radius: 100%;
  line-height: 18px;
  text-align: center;
}
.button.-quotebutton .button__icon:before {
  position: relative;
  left: 1px;
}
.button.-quotebutton.-classic {
  background: #E84E0F;
}
.button.-quotebutton.-classic .button__icon {
  color: #E84E0F;
}
.button.-quotebutton.-webdeal {
  background: #CA4197;
}
.button.-quotebutton.-webdeal .button__icon {
  color: #CA4197;
}
.button.-quotebutton.-affinity {
  background: #30459A;
}
.button.-quotebutton.-affinity .button__icon {
  color: #30459A;
}
.button.-quotebutton:hover {
  transform: translateY(-3px);
}
.button.-secondary {
  background: #EAF6FB;
  color: #089edd;
  border-color: #089edd;
}
.button.-secondary .button__icon {
  color: #089edd;
}
.button.-secondary .mat-chip-remove:after {
  color: #7291A3;
}
.button.-secondary:hover {
  background: #CEE9F4;
}
.button.-springbok {
  background: #816EA6;
  color: #fff;
  border-color: transparent;
}
.button.-springbok .button__icon {
  color: #fff;
}
.button.-springbok:hover {
  transform: translateY(-3px);
}
.button.-blue {
  background: #089edd;
  color: #fff;
  border-color: transparent;
}
.button.-blue .button__icon {
  color: #fff;
}
.button.-blue:hover {
  background: #0190cc;
}
.button.-ternary {
  background: #fff;
  color: #089edd;
  border-color: #089edd;
}
.button.-ternary:hover {
  background: #EAF6FB;
  box-shadow: 0 0 0;
}
.button.-ternary .mat-chip-remove:after {
  color: #7291A3;
}
.button.-ternary .button__icon {
  color: #089edd;
}
.button.-transparent {
  background: transparent;
  color: #089edd;
  border-color: #089edd;
  border-radius: 0;
}
.button.-transparent:hover {
  color: #212121;
  border-color: #212121;
  background: transparent;
  box-shadow: 0 0 0;
}
.button.-transparent:hover .button__icon {
  color: #212121;
}
.button.-transparent .button__icon {
  color: #089edd;
}
.button.-dashed {
  background: #fff;
  color: #089edd;
  border-color: #089edd;
  border-style: dashed;
}
.button.-dashed:hover {
  color: #212121;
  border-color: #212121;
  background: #fff;
}
.button.-tel {
  cursor: pointer;
}
.button.-tel .button__label {
  text-decoration: underline;
}
.button.-tel.-nocall {
  cursor: default;
  pointer-events: none;
}
.button.-tel.-nocall .button__label {
  text-decoration: none;
}
.button.-warning {
  background: #fff;
  color: #E84E0F;
  border-color: #E84E0F;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.button.-warning:hover {
  color: #212121;
  border-color: #212121;
  background: #fff;
}
.button.-warning:hover .button__icon {
  color: #212121;
}
.button.-warning.-neg {
  color: #fff;
  background-color: #E84E0F;
  border-color: #E84E0F;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.button.-warning.-neg:hover {
  color: #fff;
  background-color: #D54206;
  border-color: #D54206;
}
.button.-warning.-neg:hover .button__icon {
  color: #fff;
}
.button.-footer {
  background: transparent;
  color: #089edd;
  border-color: #089edd;
  border-radius: 0;
}
@media (min-width: 768px) {
  .button.-footer {
    padding: 0;
    border: 0;
  }
}
@media (min-width: 768px) {
  .button.-footer .button__label {
    text-decoration: underline;
  }
}
.button.-footer:hover {
  background: transparent;
  box-shadow: 0 0 0 transparent;
}
@media (min-width: 768px) {
  .button.-footer:hover .button__label {
    text-decoration: none;
  }
}
.button.-back, .button.-grey {
  background: #98B3C4;
  color: #fff;
  border: 0;
  min-width: 1px;
  padding-top: 9.5px 40px;
}
.button.-back:hover, .button.-grey:hover {
  background: #7291A3;
}
.button.-back .button__wrap-label, .button.-grey .button__wrap-label {
  position: relative;
}
.button.-back .button__wrap-label::before, .button.-grey .button__wrap-label::before {
  display: none;
  content: "";
  font-size: 9px;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -4px;
}
@media (min-width: 768px) {
  .button.-back .button__wrap-label::before, .button.-grey .button__wrap-label::before {
    position: relative;
  }
}
.button.-cancel {
  background: transparent;
  border-color: transparent;
  border-radius: 0;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  color: #7291A3;
  padding: 0;
}
.button.-cancel .button__wrap-label,
.button.-cancel .button__label {
  margin: 0;
  text-decoration: underline;
}
.button.-cancel:hover {
  box-shadow: 0 0 0;
  background: transparent;
}
.button.-cancel:hover .button__wrap-label,
.button.-cancel:hover .button__label {
  text-decoration: none;
}
.button.-green, .button.-next {
  background: #31933E;
  color: #fff;
  border: 0;
  transform: translateY(0);
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.button.-green:hover, .button.-next:hover {
  background: #077D17;
  transform: translateY(-3px);
}
.button.-itsme {
  color: #fff;
  border: 1px solid #FF4612;
  background: #FF4612;
  padding-top: 5px;
  padding-bottom: 5px;
  transform: translateY(0);
}
.button.-itsme .button__wrap-label {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 12px;
  gap: 12px;
}
.button.-itsme .button__wrap-label::before {
  content: "";
  font-size: 40px;
}
.button.-itsme:hover {
  transform: translateY(-3px);
}
.button.-gradient.-blue {
  background: #16aae8;
  background: linear-gradient(180deg, #16aae8 0%, #1188ba 100%);
  color: #fff;
  border: 0;
}
.button.-pre, .button.-post {
  display: inline-flex;
  align-items: center;
  text-align: left;
  grid-gap: 12px;
  gap: 12px;
}
.button.-pre .button__icon, .button.-post .button__icon {
  position: relative;
  top: 1px;
}
.button .mat-chip-remove {
  margin-left: 14px;
}
.button.-filter {
  margin-right: 10px;
  margin-bottom: 10px;
  background: transparent;
  color: #707070;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  border-color: #94D5F1;
  border-radius: 20px;
  font-size: 14px;
  min-width: 0;
  padding: 5px 18px;
}
.button.-filter .button__icon {
  font-size: 10px;
}
.button.-filter:hover {
  border-color: #089edd;
  background: transparent;
}
.button.-filter.-active {
  border-color: #089edd;
  background: #089edd;
  color: #fff;
}
app-button,
app-cc2button {
  display: inline-block;
}
.button__icon {
  position: relative;
  display: inline-block;
  text-decoration: none;
  border: 0;
  box-shadow: 0 0 0 transparent;
  background: transparent;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  padding: 0;
  min-width: 1px;
  cursor: pointer;
  transition: all 250ms ease;
}
.button__icon .button__icon__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.button__icon .button__icon__icon.-fxl {
  font-size: 30px;
}
.button__icon.-ghost {
  background: transparent;
}
.button__icon.-border {
  border: 1px solid #089edd;
  background: #fff;
  color: #089edd;
}
.button__icon.-disabled {
  opacity: 0.4;
  pointer-events: none;
}
.button__icon.-hidden {
  display: none;
}
.button__icon.-info {
  background: transparent;
  color: #089edd;
}
.button__icon.-info::before {
  content: "";
}
.button__icon.-primary {
  background: #089edd;
  border-radius: 4px;
  color: #fff;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 40px;
  text-align: center;
  box-shadow: 0 4px 20px 0 rgba(6, 158, 222, 0.25);
  transform: translateY(0);
}
.button__icon.-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px 0 rgba(6, 158, 222, 0.5);
  background: #0190cc;
}
.button__icon.-round {
  border-radius: 100%;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.button__icon.-round .button__icon__icon {
  line-height: 30px;
}
.button__icon.-refresh {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background: #94D5F1;
  border-radius: 100%;
  transition: all 250ms ease;
  box-shadow: 0 0 0 transparent;
  cursor: pointer;
  font-size: 18px;
  color: #fff;
  padding: 0;
}
.button__icon.-refresh::before {
  content: "";
}
.button__icon.-refresh:hover {
  background: #089edd;
  box-shadow: 0 8px 15px 0 rgba(120, 143, 180, 0.1);
}
.button__icon.-s {
  transform: scale(0.7);
}
.dropdown {
  position: absolute;
  top: 46px;
  background: #fff;
  color: #586871;
  z-index: 2;
  border-radius: 8px;
  min-width: 300px;
  width: 100%;
  left: 0;
  box-shadow: 0 0 15px 11px rgba(0, 0, 0, 0.05);
  transform: translateY(-30px);
  opacity: 0;
  height: 0px;
  overflow: hidden;
  line-height: 1.2;
}
.dropdown.-right {
  left: auto;
  right: 0;
}
.dropdown.-withoutinput {
  border-radius: 0 0 8px 8px;
}
.dropdown.-withoutinput .dropdown__wrap {
  border-radius: 0 0 8px 8px;
}
.dropdown.-withoutinput .dropdown__wrap .dropdown__item:first-child {
  border-radius: 0;
}
.dropdown.-withoutinput .dropdown__wrap .dropdown__item .dropdown__item-status {
  word-wrap: break-word;
  max-width: 100%;
}
.dropdown.-on {
  height: auto;
  opacity: 1;
  transform: translateY(0%);
  transition: opacity 250ms linear, height 250ms linear, transform 250ms linear;
  overflow: visible;
}
.dropdown.-off {
  transform: translateY(-30px);
  opacity: 0;
  height: 0px;
  overflow: hidden;
  line-height: 1.2;
  transition: opacity 250ms linear, height 250ms linear, transform 250ms linear;
}
.dropdown.w-100 {
  width: 100%;
  left: 0;
  margin-left: 0;
}
.dropdown .dropdown__wrap {
  overflow: hidden;
  border-radius: 8px;
}
.dropdown .dropdown__list {
  max-height: 200px;
  overflow-y: scroll;
  width: calc(100% + 40px);
}
.dropdown .dropdown__list .dropdown__item {
  padding: 14px 55px 14px 25px;
  cursor: pointer;
  position: relative;
  z-index: 1;
  font-size: 14px;
  background: #fff;
  border-bottom: 1px solid #94D5F1;
  transition: all 250ms ease;
  display: flex;
  grid-gap: 8px;
  gap: 8px;
}
.dropdown .dropdown__list .dropdown__item:last-child {
  border-bottom: 0;
  border-radius: 0 0 4px 4px;
}
.dropdown .dropdown__list .dropdown__item:hover, .dropdown .dropdown__list .dropdown__item.-active {
  background: #089edd;
  color: #fff;
}
.dropdown .dropdown__textfield {
  padding: 10px;
  background: #CEE9F4;
}
.dropdown .dropdown__textfield .textfield.-post .textfield__field {
  padding-right: 38px;
}
.dropdown .dropdown__textfield .textfield.-post .button__icon {
  color: #94D5F1;
  font-size: 12px;
}
.dropdown .dropdown__textfield .textfield.-post .button__icon:hover {
  color: #089edd;
}
.dropdown .dropdown__tooltip {
  position: relative;
  z-index: 1;
  background: #fff;
  border-top: 1px solid #94D5F1;
}
.dropdown .dropdown__tooltip .dropdown__content {
  border-radius: 4px;
  background: #EAF6FB;
}
.dropdown .dropdown__tooltip .dropdown__content p {
  margin: 0;
}
.tooltip {
  position: absolute;
  transform: translateX(-25%);
  top: 42px;
  color: #212121;
  z-index: 10;
}
.tooltip:before {
  content: "";
  background: #94D5F1;
  display: block;
  position: absolute;
  border-radius: 2px;
  top: -7px;
  font-size: 24px;
  width: 14px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  transform: rotate(45deg);
  left: 50%;
  margin-left: -11px;
  z-index: 0;
}
.tooltip .tooltip__content {
  border: 1px solid #94D5F1;
  background-color: #fff;
  border-radius: 4px;
  position: relative;
  z-index: 1;
  line-height: 1.3;
  box-shadow: 2px 5px 20px 0 rgba(120, 143, 180, 0.5);
}
.tooltip .tooltip__content p:last-child {
  margin-bottom: 0;
}
.tooltip .tooltip__content .tooltip__title {
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
}
.tooltip .tooltip__content .tooltip__close {
  width: 100%;
  text-align: right;
  font-size: 12px;
  position: relative;
  top: -6px;
}
.tooltip .tooltip__content .tooltip__close:hover {
  color: #089edd;
}
.tooltip a {
  color: #089edd;
}
.tooltip.-left {
  transform: translateX(-5px);
}
.tooltip.-left::before {
  left: 15px;
  margin-left: 0;
}
.tooltip.-right {
  transform: translateX(5px);
  right: 0;
}
.tooltip.-right::before {
  left: auto;
  margin-left: 0;
  right: 15px;
}
.tooltip.-top {
  top: auto;
  bottom: 42px;
}
.tooltip.-top::before {
  top: auto;
  bottom: -7px;
}
.tooltip.-info-left-top {
  top: 33px;
  left: -12px;
}
.tooltip.-info-right-top {
  top: 33px;
  right: -12px;
}
.tooltip.-error:before {
  background: #E84E0F;
}
.tooltip.-error .tooltip__content {
  color: #E84E0F;
  border-color: #E84E0F;
  box-shadow: 2px 2px 12px 0 rgba(120, 143, 180, 0.4);
}
.tooltip.-anim {
  transform: scale(0);
}
.tooltip.-anim.-on {
  animation: overlaytooltip 250ms ease-out forwards;
}
.tooltip.-v2 {
  opacity: 0;
  border-radius: 20px;
  width: 466px;
  max-width: 100%;
  margin: 0;
  left: 0;
  box-shadow: 2px 13px 20px 0 rgba(0, 0, 0, 0.1);
  transition: all 250ms ease;
  transform: scale(0);
}
.tooltip.-v2.-on {
  animation: overlaytooltip 250ms ease-out forwards;
}
.tooltip.-v2:before {
  background-color: white;
}
.tooltip.-v2 .tooltip__content {
  border-radius: 20px;
  border: 0;
  padding: 24px;
  text-align: left;
}
.tooltip.-v2 .tooltip__content .tooltip__title {
  margin-bottom: 10px;
}
.tooltipTransverse {
  position: absolute;
  transform: scale(0);
  top: 42px;
  color: #212121;
  z-index: 10;
  min-width: 122px;
  animation: overlaytooltip 250ms ease-out forwards;
}
.tooltipTransverse:before {
  content: "";
  display: inline-block;
  position: absolute;
  height: 0;
  width: 0;
  border-right: 10px solid transparent;
  border-bottom: 12px solid #94D5F1;
  border-left: 10px solid transparent;
  left: 50%;
  margin-left: -11px;
  z-index: 0;
  top: -11px;
}
.tooltipTransverse .tooltipTransverse__content {
  background: #fff;
  border: 1px solid #94D5F1;
  border-radius: 4px;
  position: relative;
  z-index: 1;
  line-height: 1.3;
  box-shadow: 2px 5px 20px 0 rgba(120, 143, 180, 0.5);
}
.tooltipTransverse .tooltipTransverse__content .tooltipTransverse__title {
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
}
.tooltipTransverse .tooltipTransverse__content .tooltipTransverse__close {
  width: 100%;
  text-align: right;
  font-size: 12px;
  position: relative;
  top: -6px;
}
.tooltipTransverse .tooltipTransverse__content .tooltipTransverse__close:hover {
  color: #089edd;
}
.tooltipTransverse a {
  color: #089edd;
}
.tooltipTransverse.-info-left-top {
  top: 33px;
  left: -18px;
}
.tooltipTransverse.-left {
  transform: translateX(-5px);
}
.tooltipTransverse.-left::before {
  left: 15px;
  margin-left: 0;
}
.tooltipTransverse.-right {
  transform: translateX(5px);
  right: 0;
}
.tooltipTransverse.-right::before {
  left: auto;
  margin-left: 0;
  right: 15px;
}
.tooltipTransverse.-top {
  top: auto;
  bottom: 42px;
}
.tooltipTransverse.-top::before {
  top: auto;
  bottom: -7px;
}
.tooltipTransverse.-error {
  min-width: 50px;
}
.tooltipTransverse.-error:before {
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 9px solid #E84E0F;
  top: -8px;
}
.tooltipTransverse.-error .tooltipTransverse__content {
  color: #E84E0F;
  border-color: #E84E0F;
  box-shadow: 2px 2px 12px 0 rgba(120, 143, 180, 0.4);
}
.tooltipTransverse.-v2 {
  opacity: 0;
  border-radius: 20px;
  width: 466px;
  max-width: 100%;
  margin: 0;
  left: 0;
  box-shadow: 2px 13px 20px 0 rgba(0, 0, 0, 0.1);
  transition: all 250ms ease;
  transform: scale(0);
}
.tooltipTransverse.-v2.-on {
  animation: overlaytooltip 250ms ease-out forwards;
}
.tooltipTransverse.-v2.-off {
  transform: scale(0);
}
.tooltipTransverse.-v2:before {
  border-bottom-color: #fff;
}
.tooltipTransverse.-v2 .tooltipTransverse__content {
  border-radius: 20px;
  border: 0;
  padding: 24px;
  text-align: left;
}
.tooltipTransverse.-v2 .tooltipTransverse__content .tooltipTransverse__title {
  margin-bottom: 10px;
}
.tooltipTransverse.-v2.-top:before {
  border-bottom: 0;
  border-top: 12px solid #fff;
  bottom: -12px;
}
.tooltipTransverse__wrap {
  position: relative;
  cursor: pointer;
}
.tooltipTransverse__wrap.-nowrap {
  display: flex;
  white-space: nowrap;
}
.tooltipTransverse__wrap.-nowrap .tooltipTransverse__content {
  white-space: normal;
}
.tooltipTransverse__wrap .tooltipTransverse.-hover {
  opacity: 0;
  animation: none;
  transform: scale(0);
}
.tooltipTransverse__wrap:hover .tooltipTransverse.-hover {
  animation: overlaytooltip 250ms ease-out forwards;
}
.accordion {
  display: grid;
}
.accordion .accordion__element .accordion__head {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  padding: 22px;
  cursor: pointer;
}
.accordion .accordion__element .accordion__head .accordion__title {
  color: #089edd;
  text-align: left;
  position: relative;
}
.accordion .accordion__element .accordion__head .accordion__dropdown {
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  color: #089edd;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 250ms ease;
  transform: rotate(0);
  transform-origin: center;
}
.accordion .accordion__element .accordion__head .accordion__dropdown:before {
  content: "";
}
.accordion .accordion__element .accordion__head .accordion__icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .accordion .accordion__element .accordion__head .accordion__icon {
    justify-content: center;
  }
}
.accordion .accordion__element .accordion__head .accordion__icon img {
  max-width: 30px;
  min-height: 30px;
}
.accordion .accordion__element .accordion__head .accordion__icon.-valid, .accordion .accordion__element .accordion__head .accordion__icon.-unvalid {
  padding: 0;
  position: relative;
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
  text-align: center;
}
.accordion .accordion__element .accordion__head .accordion__icon.-valid:before, .accordion .accordion__element .accordion__head .accordion__icon.-unvalid:before {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  position: relative;
  content: "";
  cursor: pointer;
}
.accordion .accordion__element .accordion__head .accordion__icon.-valid::after, .accordion .accordion__element .accordion__head .accordion__icon.-unvalid::after {
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  display: block;
}
.accordion .accordion__element .accordion__head .accordion__icon.-valid::before {
  background-color: #31933E;
}
.accordion .accordion__element .accordion__head .accordion__icon.-valid::after {
  content: "";
}
.accordion .accordion__element .accordion__head .accordion__icon.-unvalid::before {
  background-color: #707070;
}
.accordion .accordion__element .accordion__head .accordion__icon.-unvalid::after {
  content: "";
}
.accordion .accordion__element .accordion__head .accordion__link {
  display: flex;
  align-items: center;
  grid-gap: 6px;
  gap: 6px;
  font-size: 14px;
  cursor: pointer;
}
.accordion .accordion__element .accordion__head .accordion__link .link__label {
  text-decoration: underline;
  color: #089edd;
}
.accordion .accordion__element .accordion__head .accordion__link .link__img {
  width: 12px;
  height: 12px;
  overflow: hidden;
}
.accordion .accordion__element .accordion__head .accordion__link .link__img img {
  width: 24px;
  height: 12px;
  transform: translateX(0);
}
.accordion .accordion__element .accordion__head .accordion__link:hover .link__label {
  text-decoration: none;
}
.accordion .accordion__element .accordion__head .-to-open {
  display: block;
}
.accordion .accordion__element .accordion__head .-to-close {
  display: none;
}
.accordion .accordion__element .accordion__content {
  padding: 0 22px;
}
.accordion .accordion__element .action {
  padding-top: 14px;
  padding-bottom: 14px;
}
.accordion .accordion__element .group {
  margin-bottom: 0;
}
.accordion .accordion__element.-active .accordion__head .accordion__dropdown {
  transform: rotate(180deg);
}
.accordion .accordion__element.-active .accordion__head .accordion__link .link__label {
  color: #7291A3;
}
.accordion .accordion__element.-active .accordion__head .accordion__link .link__img img {
  transform: translateX(-50%);
}
.accordion .accordion__element.-active .accordion__head .-to-open {
  display: none;
}
.accordion .accordion__element.-active .accordion__head .-to-close {
  display: block;
}
.accordion .accordion__element.-active .accordion__content {
  padding-bottom: 22px;
}
.accordion .accordion__element.-active .accordion__content .accordion-paragraph {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}
.accordion .accordion__element.-active .accordion__content .accordion-paragraph P {
  margin: 0;
}
.accordion .accordion__element.-active .accordion__content .accordion-paragraph a {
  text-decoration: underline;
}
.accordion .accordion__element.-active .accordion__content .accordion-paragraph a:hover {
  text-decoration: none;
}
.accordion .accordion__element.-active .accordion__content .accordion-paragraph .list {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
}
.accordion .accordion__element.-active .accordion__content .accordion-paragraph .list li {
  margin-bottom: 0;
}
.accordion .accordion__element.-classic {
  border: 1px solid #94D5F1;
  border-radius: 8px;
}
.accordion .accordion__element.-cards {
  background: #fff;
  border-radius: 20px;
  transition: all 250ms ease;
  grid-template-rows: 1fr 0;
}
.accordion .accordion__element.-cards .accordion__head .accordion__dropdown {
  font-size: 22px;
}
.accordion .accordion__element.-cards .accordion__head .accordion__title {
  font-size: 18px;
  line-height: 1.2;
  color: #000000;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .accordion .accordion__element.-cards .accordion__head .accordion__title {
    font-size: 20px;
  }
}
.accordion .accordion__element.-cards .accordion__head .accordion__title.-m {
  font-size: 16px;
}
@media (min-width: 768px) {
  .accordion .accordion__element.-cards .accordion__head .accordion__title.-m {
    font-size: 18px;
  }
}
.accordion .accordion__element.-add .accordion__head {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: #089edd;
  grid-gap: 16px;
  gap: 16px;
  background: #fff;
  box-shadow: 0 15px 40px 0 rgba(217, 229, 240, 0.6);
  border-radius: 20px;
  padding: 20px;
}
.accordion .accordion__element.-add .accordion__head:hover {
  box-shadow: 0 0 0 transparent;
}
.accordion .accordion__element.-add .accordion__head .accordion__add {
  display: flex;
  grid-gap: 8px;
  gap: 8px;
}
.accordion .accordion__element.-withicon .accordion__head {
  grid-template-columns: 40px 1fr auto;
}
@media (min-width: 768px) {
  .accordion .accordion__element.-withicon .accordion__head {
    grid-template-columns: 70px 1fr auto;
  }
}
@media (min-width: 768px) {
  .accordion .accordion__element.-withicon .accordion__content {
    padding-left: 92px;
  }
}
.swipeX {
  position: relative;
  display: flex;
}
.swipeX .swipeX__group {
  display: block;
  width: 100%;
}
.swipeX .swipeX__group .messages.-endflux span {
  text-align: center;
}
.swipeX .swipeX__group .messages.-endflux .messages__icon {
  margin: 30px auto;
}
.swipeX .swipeX__block {
  width: 100%;
  position: absolute;
  transition: all 500ms ease;
  display: block;
  flex-grow: 1;
  top: 0;
  left: 150vw;
}
.swipeX .swipeX__block.-active {
  left: 0;
  position: relative;
}
.swipeX .swipeX__block.-done {
  left: -150vw;
}
.breadcrumb .breadcrumb-container .breadcrumb-list {
  padding: 0;
  margin: 0;
  display: flex;
  grid-gap: 10px;
  gap: 10px;
}
@media (min-width: 576px) {
  .breadcrumb .breadcrumb-container .breadcrumb-list {
    justify-content: center;
    grid-gap: 40px;
    gap: 40px;
  }
}
.breadcrumb .breadcrumb-container .breadcrumb-list .breadcrumb-item {
  position: relative;
  list-style: none;
}
.breadcrumb .breadcrumb-container .breadcrumb-list .breadcrumb-item.-clickable {
  cursor: pointer;
}
.breadcrumb.-connect .breadcrumb-container {
  padding: 0 20px 20px 20px;
  border-bottom: 1px solid #94D5F1;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.breadcrumb.-connect .breadcrumb-container .breadcrumb-list .breadcrumb-item {
  display: grid;
  grid-template-columns: 1fr;
  text-align: left;
  justify-content: flex-start;
  position: relative;
  padding: 6px 0;
}
.breadcrumb.-connect .breadcrumb-container .breadcrumb-list .breadcrumb-item::before {
  content: "";
  position: absolute;
  width: calc(100% + 20px);
  height: 100%;
  top: 0;
  left: -10px;
  border-radius: 10px;
  background: transparent;
  z-index: 0;
}
.breadcrumb.-connect .breadcrumb-container .breadcrumb-list .breadcrumb-item .breadcrumb-label {
  display: grid;
  grid-template-columns: 18px 1fr;
  grid-gap: 10px;
  gap: 10px;
  position: relative;
  z-index: 1;
  padding-right: 8px;
  color: #000000;
}
.breadcrumb.-connect .breadcrumb-container .breadcrumb-list .breadcrumb-item .breadcrumb-label::before, .breadcrumb.-connect .breadcrumb-container .breadcrumb-list .breadcrumb-item .breadcrumb-label::after {
  content: "";
  width: 18px;
  height: 18px;
  font-size: 9px;
  line-height: 21px;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 1px solid #089edd;
  border-radius: 100%;
  color: #089edd;
}
.breadcrumb.-connect .breadcrumb-container .breadcrumb-list .breadcrumb-item .breadcrumb-label:after {
  position: absolute;
  transform: scale(0);
  background-color: #089edd;
}
.breadcrumb.-connect .breadcrumb-container .breadcrumb-list .breadcrumb-item.-done::after {
  border-style: solid;
}
.breadcrumb.-connect .breadcrumb-container .breadcrumb-list .breadcrumb-item.-done .breadcrumb-label {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  color: #089edd;
}
.breadcrumb.-connect .breadcrumb-container .breadcrumb-list .breadcrumb-item.-done .breadcrumb-label::before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  color: #fff;
  background-color: #089edd;
}
.breadcrumb.-connect .breadcrumb-container .breadcrumb-list .breadcrumb-item.-active:before {
  background-color: #089edd;
}
.breadcrumb.-connect .breadcrumb-container .breadcrumb-list .breadcrumb-item.-active .breadcrumb-label {
  color: #fff;
}
.breadcrumb.-connect .breadcrumb-container .breadcrumb-list .breadcrumb-item.-active .breadcrumb-label::after {
  transform: scale(0.5);
}
.breadcrumb.-connect .breadcrumb-container .breadcrumb-list .breadcrumb-item:last-child {
  margin-bottom: 0;
}
.breadcrumb.-connect .breadcrumb-container .breadcrumb-list .breadcrumb-item:last-child::after {
  display: none;
}
.breadcrumb.-cz {
  background: #089edd;
  color: #fff;
  font-size: 12px;
}
.breadcrumb.-cz .breadcrumb-container .breadcrumb-list .breadcrumb-item {
  padding: 7px 0;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .breadcrumb.-cz .breadcrumb-container .breadcrumb-list .breadcrumb-item {
    padding: 12px 0;
  }
}
.breadcrumb.-cz .breadcrumb-container .breadcrumb-list .breadcrumb-item::after {
  content: "";
  color: #fff;
  font-size: 7px;
  margin-left: 10px;
}
@media (min-width: 576px) {
  .breadcrumb.-cz .breadcrumb-container .breadcrumb-list .breadcrumb-item::after {
    margin-left: 40px;
  }
}
.breadcrumb.-cz .breadcrumb-container .breadcrumb-list .breadcrumb-item:last-child::after {
  display: none;
}
.breadcrumb.-cz .breadcrumb-container .breadcrumb-list .breadcrumb-item.-done::before {
  content: "";
  width: 15px;
  height: 15px;
  line-height: 15px;
  text-align: center;
  border-radius: 100%;
  background: #31933E;
  color: #fff;
  margin-right: 8px;
  display: inline-block;
  font-size: 9px;
  position: relative;
  top: 0px;
}
.breadcrumb.-quote {
  background: #089edd;
  color: #fff;
  margin-bottom: 40px;
}
.breadcrumb.-quote .breadcrumb-container .breadcrumb-list {
  justify-content: flex-start;
  grid-gap: 0;
  gap: 0;
}
.breadcrumb.-quote .breadcrumb-container .breadcrumb-list .breadcrumb-item {
  counter-increment: etapes;
  white-space: nowrap;
  list-style: none;
  line-height: 58px;
  position: relative;
  padding: 0 18px;
  display: none;
}
@media (min-width: 768px) {
  .breadcrumb.-quote .breadcrumb-container .breadcrumb-list .breadcrumb-item {
    display: inline-block;
  }
}
.breadcrumb.-quote .breadcrumb-container .breadcrumb-list .breadcrumb-item::before {
  content: counter(etapes);
  width: 24px;
  min-width: 24px;
  max-width: 24px;
  height: 24px;
  min-height: 24px;
  max-height: 24px;
  line-height: 25px;
  display: inline-block;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  border-radius: 100%;
  text-align: center;
  background: #fff;
  margin-right: 9px;
}
@media (min-width: 768px) {
  .breadcrumb.-quote .breadcrumb-container .breadcrumb-list .breadcrumb-item::before {
    color: #089edd;
  }
}
.breadcrumb.-quote .breadcrumb-container .breadcrumb-list .breadcrumb-item::after {
  content: "";
}
.breadcrumb.-quote .breadcrumb-container .breadcrumb-list .breadcrumb-item.-done {
  background-color: #E4F2FA;
  color: #98B3C4;
}
.breadcrumb.-quote .breadcrumb-container .breadcrumb-list .breadcrumb-item.-done::before {
  background-color: #98B3C4;
  color: #fff;
}
.breadcrumb.-quote .breadcrumb-container .breadcrumb-list .breadcrumb-item.-active {
  display: inline-block;
  width: 100%;
  background-color: #364D80;
}
@media (min-width: 768px) {
  .breadcrumb.-quote .breadcrumb-container .breadcrumb-list .breadcrumb-item.-active {
    width: auto;
  }
}
.breadcrumb.-quote .breadcrumb-container .breadcrumb-list .breadcrumb-item.-active::before {
  color: #364D80;
}
.breadcrumb.-quote .breadcrumb-container .breadcrumb-list .breadcrumb-item.-active:after {
  content: "";
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  max-width: 20px;
  max-height: 20px;
  transform: rotate(45deg);
  display: block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  background: #364D80;
  border-color: #364D80 transparent transparent;
}
.breadcrumb.-vertical {
  position: relative;
  z-index: 1;
}
.breadcrumb.-vertical .breadcrumb-container {
  background-color: #CEE9F4;
  padding: 20px;
  border-radius: 10px;
  display: inline-flex;
}
.breadcrumb.-vertical .breadcrumb-container .breadcrumb-list {
  display: grid;
  grid-gap: 0;
  gap: 0;
}
.breadcrumb.-vertical .breadcrumb-container .breadcrumb-list .breadcrumb-item {
  display: grid;
  grid-template-columns: 1fr;
  text-align: left;
  position: relative;
  margin-bottom: 15px;
  padding: 6px 0;
}
.breadcrumb.-vertical .breadcrumb-container .breadcrumb-list .breadcrumb-item::before {
  content: "";
  position: absolute;
  width: calc(100% + 20px);
  height: 100%;
  top: 0;
  left: -10px;
  border-radius: 20px;
  background: transparent;
  z-index: 0;
}
.breadcrumb.-vertical .breadcrumb-container .breadcrumb-list .breadcrumb-item::after {
  content: "";
  width: 1px;
  height: calc(100% + 5px);
  border: 0;
  border-left-width: 1px;
  border-left-style: dashed;
  position: absolute;
  bottom: -23px;
  left: 9px;
  border-color: #089edd;
  z-index: 0;
}
.breadcrumb.-vertical .breadcrumb-container .breadcrumb-list .breadcrumb-item .breadcrumb-label {
  display: grid;
  grid-template-columns: 18px 1fr;
  grid-gap: 10px;
  gap: 10px;
  position: relative;
  z-index: 1;
  padding-right: 8px;
  color: #000000;
}
.breadcrumb.-vertical .breadcrumb-container .breadcrumb-list .breadcrumb-item .breadcrumb-label::before, .breadcrumb.-vertical .breadcrumb-container .breadcrumb-list .breadcrumb-item .breadcrumb-label::after {
  content: "";
  width: 18px;
  height: 18px;
  font-size: 9px;
  line-height: 21px;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 1px solid #089edd;
  border-radius: 100%;
  color: #089edd;
}
.breadcrumb.-vertical .breadcrumb-container .breadcrumb-list .breadcrumb-item .breadcrumb-label:after {
  position: absolute;
  transform: scale(0);
  background-color: #089edd;
}
.breadcrumb.-vertical .breadcrumb-container .breadcrumb-list .breadcrumb-item.-done::after {
  border-style: solid;
}
.breadcrumb.-vertical .breadcrumb-container .breadcrumb-list .breadcrumb-item.-done .breadcrumb-label {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  color: #089edd;
}
.breadcrumb.-vertical .breadcrumb-container .breadcrumb-list .breadcrumb-item.-done .breadcrumb-label::before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  color: #fff;
  background-color: #089edd;
}
.breadcrumb.-vertical .breadcrumb-container .breadcrumb-list .breadcrumb-item.-active:before {
  background-color: #089edd;
}
.breadcrumb.-vertical .breadcrumb-container .breadcrumb-list .breadcrumb-item.-active .breadcrumb-label {
  color: #fff;
}
.breadcrumb.-vertical .breadcrumb-container .breadcrumb-list .breadcrumb-item.-active .breadcrumb-label::after {
  transform: scale(0.5);
}
.breadcrumb.-vertical .breadcrumb-container .breadcrumb-list .breadcrumb-item:last-child {
  margin-bottom: 0;
}
.breadcrumb.-vertical .breadcrumb-container .breadcrumb-list .breadcrumb-item:last-child::after {
  display: none;
}
.subheader {
  background: #fff;
  width: 100%;
}
.subheader .subheader__container {
  margin: 0 auto;
  display: grid;
  align-items: center;
}
.subheader .subheader__container .subheader__logo {
  position: relative;
}
.subheader .subheader__container .subheader__logo img {
  height: 100%;
  max-height: 100%;
  width: auto;
}
.subheader .subheader__container .subheader__title {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
.subheader .subheader__container .subheader__last {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  grid-gap: 32px;
  gap: 32px;
}
.subheader .subheader__container .subheader__last .subheader__lg .link.-active {
  color: #586871;
  text-decoration: none;
  pointer-events: none;
}
.subheader.-connect {
  padding: 6px 40px;
  top: 0;
  left: 0;
  z-index: 1;
}
.subheader.-connect .subheader__container {
  grid-template-columns: 70px auto 1fr;
  grid-gap: 20px;
  gap: 20px;
}
.subheader.-connect .subheader__container .subheader__title {
  text-align: left;
  text-transform: none;
  font-family: "Light", arial, sans-serif;
  font-weight: 400;
  color: #089edd;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 8px;
  gap: 8px;
  padding-left: 20px;
  font-size: 22px;
}
.subheader.-connect .subheader__container .subheader__title:before {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  top: 0;
  margin-top: 0;
  border-left: 1px solid #089edd;
  width: 1px;
  height: 100%;
}
.subheader.-connect .subheader__container .subheader__logo {
  width: 70px;
  height: 70px;
}
.subheader.-cz {
  height: 57px;
  padding: 10px 15px;
  z-index: 11;
  position: relative;
  grid-gap: 10px;
  gap: 10px;
}
@media (min-width: 768px) {
  .subheader.-cz {
    padding: 20px 15px;
    height: 80px;
  }
}
.subheader.-cz .subheader__container {
  grid-template-columns: 70px 1fr 100px;
}
.subheader.-cz .subheader__container .subheader__logo {
  width: 58px;
  height: 37px;
}
.subheader.-cz .subheader__container .subheader__title {
  font-size: 14px;
  color: #089edd;
  margin: 14px 0 0 0;
  display: flex;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
}
@media (min-width: 768px) {
  .subheader.-cz .subheader__container .subheader__title {
    margin: 16px 0 0 0;
  }
}
.subheader.-cz .subheader__container .subheader__title::before {
  content: "|";
  color: #089edd;
}
.subheader.-popinMF {
  padding: 10px 20px;
}
@media (min-width: 768px) {
  .subheader.-popinMF {
    padding: 25px 20px;
  }
}
.subheader.-popinMF .subheader__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 768px) {
  .subheader.-popinMF .subheader__container {
    align-items: flex-start;
  }
}
.subheader.-popinMF .subheader__container .subheader__close {
  color: #586871;
  font-size: 12px;
}
@media (min-width: 768px) {
  .subheader.-popinMF .subheader__container .subheader__close {
    font-size: 20px;
  }
}
.subheader.-popinMF .subheader__container .subheader__close:hover {
  color: #089edd;
}
.subheader.-popinMF .subheader__container .subheader__logo {
  width: auto;
  height: 40px;
}
.subheader.-hideHeader {
  border-bottom: 0;
}
.subheader.-hideHeader .subheader__container {
  grid-template-columns: 1fr;
  justify-content: flex-end;
}
.subheader.-hideHeader .subheader__container .subheader__last .subheader__close {
  top: 20px;
}
.tabsTransverse {
  position: relative;
  z-index: 3;
}
.tabsTransverse .tabs__wrap .tabs__list {
  display: inline-flex;
  align-items: stretch;
  margin: 0;
  padding: 0;
}
.tabsTransverse .tabs__wrap .tabs__list .tabs__item {
  position: relative;
  display: flex;
  align-items: center;
}
.tabsTransverse .tabs__wrap .tabs__list .tabs__item .tabs__link {
  cursor: pointer;
  text-align: center;
  color: #000000;
  position: relative;
  width: 100%;
  display: block;
  transition: all 250ms ease;
}
.tabsTransverse .tabs__wrap .tabs__list .tabs__item::before {
  content: "";
  transition: all 250ms ease;
  position: absolute;
  bottom: -1px;
}
.tabsTransverse.-classic .tabs__wrap .tabs__list {
  border-bottom: 1px solid #94D5F1;
}
.tabsTransverse.-classic .tabs__wrap .tabs__list .tabs__item::before {
  width: 100%;
  height: 0;
  background: transparent;
  left: 0;
  bottom: -1px;
  border-radius: 20px;
}
.tabsTransverse.-classic .tabs__wrap .tabs__list .tabs__item .tabs__link {
  padding: 0 25px 11px;
}
.tabsTransverse.-classic .tabs__wrap .tabs__list .tabs__item:hover .tabs__link {
  color: #089edd;
}
.tabsTransverse.-classic .tabs__wrap .tabs__list .tabs__item.-active .tabs__link {
  color: #089edd;
}
.tabsTransverse.-classic .tabs__wrap .tabs__list .tabs__item.-active::before {
  height: 4px;
  background: #089edd;
}
.tabsTransverse.-background {
  background: #089edd;
}
.tabsTransverse.-background .tabs__wrap .tabs__list {
  display: flex;
  grid-gap: 16px;
  gap: 16px;
}
.tabsTransverse.-background .tabs__wrap .tabs__list .tabs__item {
  background: transparent;
  transition: all 250ms ease;
  display: none;
}
@media (min-width: 576px) {
  .tabsTransverse.-background .tabs__wrap .tabs__list .tabs__item {
    display: block;
  }
}
.tabsTransverse.-background .tabs__wrap .tabs__list .tabs__item .tabs__link {
  padding: 17px 40px;
  color: #fff;
}
.tabsTransverse.-background .tabs__wrap .tabs__list .tabs__item:hover {
  background: #2EADE2;
}
.tabsTransverse.-background .tabs__wrap .tabs__list .tabs__item.-active {
  background: #2EADE2;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.tabsTransverse.-vertical .tabs__wrap {
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  padding: 0;
}
.tabsTransverse.-vertical .tabs__wrap .tabs__list {
  display: grid;
  grid-gap: 1px;
  gap: 1px;
  background-color: #98B3C4;
}
.tabsTransverse.-vertical .tabs__wrap .tabs__list .tabs__item {
  background-color: #fff;
  display: grid;
  justify-content: space-between;
  align-items: center;
  grid-template-columns: 1fr auto;
  padding: 12px 20px;
  grid-gap: 16px;
  gap: 16px;
}
.tabsTransverse.-vertical .tabs__wrap .tabs__list .tabs__item .tabs__link {
  text-align: left;
}
.tabsTransverse.-vertical .tabs__wrap .tabs__list .tabs__item::after {
  content: "";
  display: block;
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  transform: rotate(90deg);
  transform-origin: center;
}
.tabsTransverse.-vertical .tabs__wrap .tabs__list .tabs__item.-active .tabs__link {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  color: #089edd;
}
.tabsTransverse.-vertical .tabs__wrap .tabs__list .tabs__item.-active::after {
  color: #089edd;
}
.tabsTransverse.-center {
  text-align: center;
}
.tabsTransverse.-fullwidth .tabs__wrap .tabs__list {
  display: flex;
}
.tabsTransverse.-fullwidth.-center .tabs__wrap .tabs__list {
  justify-content: center;
}
.cardsTransverse__wrap {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  gap: 10px;
}
@media (min-width: 768px) {
  .cardsTransverse__wrap {
    flex-direction: row;
    flex-wrap: wrap;
    grid-gap: 30px;
    gap: 30px;
  }
}
.cardsTransverse__wrap.-endflux {
  grid-gap: 0;
  gap: 0;
}
@media (min-width: 768px) {
  .cardsTransverse__wrap.-endflux {
    grid-gap: 20px;
    gap: 20px;
  }
}
.cardsTransverse__wrap.-row {
  flex-direction: column;
  justify-content: flex-start;
}
.cardsTransverse__wrap.-collapse {
  display: grid;
  grid-gap: 0px;
  gap: 0px;
  border-bottom: 1px solid #CEE9F4;
}
@media (min-width: 768px) {
  .cardsTransverse__wrap.-collapse {
    padding-bottom: 40px;
    grid-gap: 10px;
    gap: 10px;
    border: 0;
  }
}
.cardsTransverse__wrap.radio {
  display: grid;
  background-color: #CEE9F4;
  border-top: 1px solid #CEE9F4;
  border-bottom: 1px solid #CEE9F4;
  grid-gap: 1px;
  gap: 1px;
}
@media (min-width: 768px) {
  .cardsTransverse__wrap.radio {
    background-color: transparent;
    border: 0;
    grid-gap: 15px;
    gap: 15px;
  }
}
.cardsTransverse {
  position: relative;
  background: #fff;
  border-radius: 10px;
  transition: all 250ms ease;
  display: flex;
  align-items: center;
  box-shadow: 0 15px 40px 0 rgba(217, 229, 240, 0.5);
  z-index: 0;
}
.cardsTransverse.-group {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  padding: 20px;
}
.cardsTransverse .cardsTransverse__container {
  width: 100%;
  position: relative;
  z-index: 1;
}
.cardsTransverse.-pavement {
  padding: 25px 70px 25px 20px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .cardsTransverse.-pavement {
    padding: 60px 20px;
    box-shadow: 0 0 0 transparent;
    background: transparent;
  }
}
.cardsTransverse.-pavement::before {
  content: "";
  font-size: 30px;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -15px;
  color: #089edd;
  box-shadow: 0 4px 20px 0 rgba(6, 158, 222, 0.25);
  border-radius: 100%;
}
@media (min-width: 768px) {
  .cardsTransverse.-pavement::before {
    box-shadow: 0 15px 40px 0 rgba(217, 229, 240, 0.5);
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 0;
    background: #fff;
    border-radius: 10px;
    transform: scale(1);
    transform-origin: center;
    transition: all 250ms ease;
  }
}
.cardsTransverse.-pavement:hover {
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0);
}
@media (min-width: 768px) {
  .cardsTransverse.-pavement:hover::before {
    transform: scale(1.05);
  }
}
.cardsTransverse.-list {
  padding: 25px 20px;
}
@media (min-width: 768px) {
  .cardsTransverse.-list {
    padding: 30px 50px;
  }
}
.cardsTransverse.-block {
  border-top: 1px solid #CEE9F4;
  box-shadow: 0 0 0 transparent;
  border-radius: 0;
  overflow: hidden;
  display: grid;
}
@media (min-width: 768px) {
  .cardsTransverse.-block {
    border-radius: 20px;
    border: 1px solid #CEE9F4;
    padding: 5px;
  }
}
.cardsTransverse.-endflux {
  padding: 20px;
  cursor: default;
  text-align: left;
  box-shadow: 0 0 0 transparent;
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 0;
}
@media (min-width: 768px) {
  .cardsTransverse.-endflux {
    padding: 20px 40px;
    border: 1px solid #CEE9F4;
    border-radius: 20px;
  }
}
.cardsTransverse.-endflux .list.-check {
  padding-left: 20px;
}
.cardsTransverse.-endflux .list.-check::before {
  top: 1px;
}
.cardsTransverse.-endflux .cardsTransverse__container {
  display: grid;
  grid-template-columns: 30px 1fr;
  grid-gap: 30px;
  gap: 30px;
  align-items: center;
}
.cardsTransverse.-endflux .cardsTransverse__container p {
  margin: 0;
}
.cardsTransverse.-endflux .cardsTransverse__container img {
  width: 30px;
  height: 30px;
}
.cardsTransverse.-endflux .endflux__info {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
}
@media (min-width: 768px) {
  .cardsTransverse.-endflux .endflux__info {
    grid-template-columns: 100px 1fr;
    align-items: center;
    grid-gap: 40px;
    gap: 40px;
  }
}
.cardsTransverse.-endflux .endflux__info .endflux__info-visu {
  background-color: #EAF6FB;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  padding: 10px;
  width: 60px;
  height: 60px;
}
@media (min-width: 768px) {
  .cardsTransverse.-endflux .endflux__info .endflux__info-visu {
    padding: 20px;
    width: 100px;
    height: 100px;
  }
}
.cardsTransverse.-endflux .endflux__info .endflux__info-visu img {
  max-width: 100%;
}
.cardsTransverse.-endflux .title {
  font-size: 22px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  line-height: 1.2;
}
.cardsTransverse.-endflux .subtitle {
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
}
.cardsTransverse.-endflux.-validate {
  background: #E6F2E8;
  border: 0;
  grid-gap: 16px;
  gap: 16px;
}
@media (min-width: 768px) {
  .cardsTransverse.-endflux.-validate {
    border: 1px solid rgba(49, 147, 62, 0.2);
  }
}
.cardsTransverse.-endflux.-validate .cardsTransverse__container {
  display: grid;
  align-items: center;
}
.cardsTransverse.-endflux.-validate .cardsTransverse__container::before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: #31933E;
  color: white;
  text-align: center;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cardsTransverse.-endflux.-cta {
  background-color: #E2E9F3;
  border-color: #E2E9F3;
  padding-top: 40px;
  padding-bottom: 40px;
}
.cardsTransverse.-endflux.-cta .cardsTransverse__container {
  grid-template-columns: 1fr;
}
.cardsTransverse.-endflux.-cta .title {
  font-size: 30px;
}
.cardsTransverse.-endflux.-cta .title .subtitle {
  display: flex;
  align-items: center;
  grid-gap: 8px;
  gap: 8px;
  color: #816EA6;
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
  font-size: 22px;
}
.cardsTransverse.-endflux.-cta .title .subtitle img {
  height: 22px;
}
.cardsTransverse.-endflux.-top .cardsTransverse__container {
  align-items: flex-start;
}
.cardsTransverse.-bluelight {
  background-color: #EAF6FB;
}
.collapsecard .cardsTransverse.-collapse .cz__help {
  margin: 0;
}
.collapsecard .cardsTransverse.-collapse .collapsecard__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
}
.collapsecard .cardsTransverse.-collapse .collapsecard__header .collapsecard__header-title {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
}
.collapsecard .cardsTransverse.-collapse .collapsecard__header .collapsecard__header-subtitle {
  font-size: 14px;
}
.collapsecard .cardsTransverse.-collapse .collapsecard__body {
  transform: translateY(-30px);
  opacity: 0;
  height: 0px;
  overflow: hidden;
  visibility: hidden;
  transition: all 250ms ease;
}
.collapsecard.-isOpen .cardsTransverse.-collapse .collapsecard__body {
  display: block;
  height: auto;
  overflow: visible;
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition: all 250ms ease;
}
.collapsecard.-isClose .cardsTransverse.-collapse {
  background-color: #F1F8FC;
}
.collapsecard.-isDisabled {
  pointer-events: none;
}
.collapsecard.-isDisabled .cardsTransverse__container {
  opacity: 0.7;
}
.logosourire-icon {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.icon-ethias-ethias {
  color: #FF6F0D;
}
.icon-ethias-visa:before {
  content: "";
  color: #1a2e50;
}
.icon-ethias-ogone:before {
  content: "";
  color: #1d70b7;
}
.icon-ethias-mastercard .path1:before {
  content: "";
  color: #231f20;
}
.icon-ethias-mastercard .path2:before {
  content: "";
  color: #eb621d;
  margin-left: -1.75em;
}
.icon-ethias-mastercard .path3:before {
  content: "";
  color: #e41522;
  margin-left: -1.75em;
}
.icon-ethias-mastercard .path4:before {
  content: "";
  color: #f59e1f;
  margin-left: -1.75em;
}
.icon-ethias-mastercard .path5:before {
  content: "";
  color: #f59e1f;
  margin-left: -1.75em;
}
.icon-ethias-maestro .path1:before {
  content: "";
  color: #0097d9;
}
.icon-ethias-maestro .path2:before {
  content: "";
  color: #e40520;
  margin-left: -1.75em;
}
.icon-ethias-maestro .path3:before {
  content: "";
  color: #e40520;
  margin-left: -1.75em;
}
.icon-ethias-maestro .path4:before {
  content: "";
  color: #fff;
  margin-left: -1.75em;
}
.icon-ethias-maestro .path5:before {
  content: "";
  color: #fff;
  margin-left: -1.75em;
}
.icon-ethias-maestro .path6:before {
  content: "";
  color: #fff;
  margin-left: -1.75em;
}
.icon-ethias-maestro .path7:before {
  content: "";
  color: #fff;
  margin-left: -1.75em;
}
.icon-ethias-maestro .path8:before {
  content: "";
  color: #fff;
  margin-left: -1.75em;
}
.icon-ethias-maestro .path9:before {
  content: "";
  color: #fff;
  margin-left: -1.75em;
}
.icon-ethias-maestro .path10:before {
  content: "";
  color: #fff;
  margin-left: -1.75em;
}
.icon-ethias-maestro .path11:before {
  content: "";
  color: #fff;
  margin-left: -1.75em;
}
.icon-ethias-ingenico .path1:before {
  content: "";
  color: #33bbdb;
}
.icon-ethias-ingenico .path2:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path3:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path4:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path5:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path6:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path7:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path8:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path9:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path10:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path11:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path12:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path13:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path14:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path15:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path16:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path17:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path18:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path19:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path20:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path21:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path22:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path23:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path24:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path25:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path26:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path27:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path28:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path29:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path30:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path31:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path32:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path33:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path34:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path35:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path36:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path37:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path38:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path39:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path40:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-eyd .path1:before {
  content: "";
  color: #089edd;
}
.icon-ethias-eyd .path2:before {
  content: "";
  color: #089edd;
  margin-left: -1em;
}
.icon-ethias-eyd .path3:before {
  content: "";
  color: #089edd;
  margin-left: -1em;
}
.icon-ethias-eyd .path4:before {
  content: "";
  color: #089edd;
  margin-left: -1em;
}
.icon-ethias-eyd .path5:before {
  content: "";
  color: #089edd;
  margin-left: -1em;
}
.icon-ethias-eyd .path6:before {
  content: "";
  color: #089edd;
  margin-left: -1em;
}
.icon-ethias-eyd .path7:before {
  content: "";
  color: #089edd;
  margin-left: -1em;
}
.icon-ethias-eyd .path8:before {
  content: "";
  color: #089edd;
  margin-left: -1em;
}
.icon-ethias-eyd .path9:before {
  content: "";
  color: #089edd;
  margin-left: -1em;
}
.icon-ethias-eyd .path10:before {
  content: "";
  color: #089edd;
  margin-left: -1em;
}
.icon-ethias-eyd .path11:before {
  content: "";
  color: #089edd;
  margin-left: -1em;
}
.icon-ethias-eyd .path12:before {
  content: "";
  color: #089edd;
  margin-left: -1em;
}
.icon-ethias-eyd .path13:before {
  content: "";
  color: #E84E0F;
  margin-left: -1em;
}
.icon-ethias-eyd .path14:before {
  content: "";
  color: #E84E0F;
  margin-left: -1em;
}
.icon-ethias-eyd .path15:before {
  content: "";
  color: #E84E0F;
  margin-left: -1em;
}
.icon-ethias-eyd .path16:before {
  content: "";
  color: #E84E0F;
  margin-left: -1em;
}
.icon-ethias-eyd .path17:before {
  content: "";
  color: #E84E0F;
  margin-left: -1em;
}
.icon-ethias-eyd .path18:before {
  content: "";
  color: #E84E0F;
  margin-left: -1em;
}
.icon-ethias-eyd .path19:before {
  content: "";
  color: #E84E0F;
  margin-left: -1em;
}
.icon-ethias-eyd .path20:before {
  content: "";
  color: #E84E0F;
  margin-left: -1em;
}
.icon-ethias-eyd .path21:before {
  content: "";
  color: #E84E0F;
  margin-left: -1em;
}
.icon-ethias-eyd .path22:before {
  content: "";
  color: #E84E0F;
  margin-left: -1em;
}
.icon-ethias-eyd .path23:before {
  content: "";
  color: #E84E0F;
  margin-left: -1em;
}
.icon-ethias-eyd .path24:before {
  content: "";
  color: #E84E0F;
  margin-left: -1em;
}
.icon-ethias-eyd .path25:before {
  content: "";
  color: #E84E0F;
  margin-left: -1em;
}
.icon-ethias-eyd .path26:before {
  content: "";
  color: #E84E0F;
  margin-left: -1em;
}
.icon-ethias-eyd .path27:before {
  content: "";
  color: #E84E0F;
  margin-left: -1em;
}
.icon-ethias-eyd .path28:before {
  content: "";
  color: #E84E0F;
  margin-left: -1em;
}
.icon-ethias-eyd .path29:before {
  content: "";
  color: #E84E0F;
  margin-left: -1em;
}
.icon-ethias-becommerce .path1:before {
  content: "";
  color: #004a81;
}
.icon-ethias-becommerce .path2:before {
  content: "";
  color: #bfd464;
  margin-left: -1em;
}
.icon-ethias-becommerce .path3:before {
  content: "";
  color: #004a81;
  margin-left: -1em;
}
.icon-ethias-becommerce .path4:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path5:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path6:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path7:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path8:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path9:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path10:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path11:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path12:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path13:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path14:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path15:before {
  content: "";
  color: #004a81;
  margin-left: -1em;
}
.icon-ethias-becommerce .path16:before {
  content: "";
  color: #05517d;
  margin-left: -1em;
}
.icon-ethias-becommerce .path17:before {
  content: "";
  color: #05517d;
  margin-left: -1em;
}
.icon-ethias-becommerce .path18:before {
  content: "";
  color: #9eaeda;
  margin-left: -1em;
}
.icon-ethias-becommerce .path19:before {
  content: "";
  color: #9eaeda;
  margin-left: -1em;
}
.icon-ethias-becommerce .path20:before {
  content: "";
  color: #9eaeda;
  margin-left: -1em;
}
.icon-ethias-becommerce .path21:before {
  content: "";
  color: #9eaeda;
  margin-left: -1em;
}
.icon-ethias-becommerce .path22:before {
  content: "";
  color: #9eaeda;
  margin-left: -1em;
}
.icon-ethias-becommerce .path23:before {
  content: "";
  color: #9eaeda;
  margin-left: -1em;
}
.icon-ethias-becommerce .path24:before {
  content: "";
  color: #9eaeda;
  margin-left: -1em;
}
.icon-ethias-becommerce .path25:before {
  content: "";
  color: #9eaeda;
  margin-left: -1em;
}
.icon-ethias-becommerce .path26:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path27:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path28:before {
  content: "";
  color: #004a81;
  margin-left: -1em;
}
.icon-ethias-becommerce .path29:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path30:before {
  content: "";
  color: #004a81;
  margin-left: -1em;
}
.icon-ethias-becommerce .path31:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path32:before {
  content: "";
  color: #004a81;
  margin-left: -1em;
}
.icon-ethias-becommerce .path33:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path34:before {
  content: "";
  color: #004a81;
  margin-left: -1em;
}
.icon-ethias-becommerce .path35:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path36:before {
  content: "";
  color: #004a81;
  margin-left: -1em;
}
.icon-ethias-becommerce .path37:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path38:before {
  content: "";
  color: #004a81;
  margin-left: -1em;
}
.icon-ethias-becommerce .path39:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path40:before {
  content: "";
  color: #004a81;
  margin-left: -1em;
}
.icon-ethias-bancontact .path1:before {
  content: "";
  color: #045599;
}
.icon-ethias-bancontact .path2:before {
  content: "";
  color: #ffd802;
  margin-left: -1.75em;
}
.icon-ethias-bancontact .path3:before {
  content: "";
  color: #045599;
  margin-left: -1.75em;
}
.icon-ethias-tiktok-color .path1:before {
  content: "";
  color: #ff004f;
}
.icon-ethias-tiktok-color .path2:before {
  content: "";
  color: #00f7ef;
  margin-left: -1em;
}
.icon-ethias-tiktok-color .path3:before {
  content: "";
  color: #ff004f;
  margin-left: -1em;
}
.icon-ethias-tiktok-color .path4:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-tiktok-color .path5:before {
  content: "";
  color: #00f7ef;
  margin-left: -1em;
}
.icon-ethias-tiktok-color .path6:before {
  content: "";
  color: #00f7ef;
  margin-left: -1em;
}
.icon-ethias-tiktok-color .path7:before {
  content: "";
  color: #ff004f;
  margin-left: -1em;
}
.messages {
  display: inline-block;
}
.messages.-error {
  color: #E84E0F;
  font-size: 14px;
  text-align: left;
  display: block;
}
.messages.-error .link {
  color: #E84E0F;
}
.messages.-info {
  color: #089edd;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.messages.-info .messages__label {
  white-space: nowrap;
}
.messages.-info .messages__label::before {
  content: "";
  position: relative;
  top: 1px;
  font-size: 14px;
}
.messages.-tel {
  display: flex;
  align-items: center;
}
.messages.-tel .messages__label::before {
  content: "";
  position: relative;
  top: 1px;
  font-size: 14px;
}
.messages.-pdf {
  position: relative;
  display: flex;
  align-items: center;
  color: #7291A3;
}
.messages.-pdf::before {
  content: "";
  font-size: 25px;
}
.messages.-form.-valid {
  font-size: 14px;
  color: #31933E;
}
.messages.-form.-valid .messages__icon {
  position: relative;
  top: 1px;
}
.messages.-form.-valid .messages__icon:before {
  content: "";
}
.messages.-form.-unvalid {
  color: #E84E0F;
  font-size: 14px;
}
.messages.form__valid {
  font-size: 14px;
  color: #31933E;
}
.messages.form__valid:before {
  position: relative;
  top: 1px;
  content: "";
}
.messages.-tag {
  text-transform: uppercase;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  background: #31933E;
  padding: 4px 8px 3px;
  border-radius: 50px;
}
@media (min-width: 576px) {
  .messages.-tag {
    padding: 4px 12px 3px;
  }
}
.messages.-tag.-small {
  font-size: 12px;
}
.messages.-tag.-neg {
  border-style: solid;
  border-width: 1px;
}
.messages.-tag.-accepted {
  background: #31933E;
}
.messages.-tag.-accepted.-neg {
  color: #31933E;
  border-color: #31933E;
  background: #fff;
}
.messages.-tag.-refused {
  background: #B0C0C4;
}
.messages.-tag.-refused.-neg {
  color: #B0C0C4;
  border-color: #B0C0C4;
  background: #fff;
}
.messages.-tag.-pending {
  background: #089edd;
}
.messages.-tag.-pending.-neg {
  color: #089edd;
  border-color: #089edd;
  background: #fff;
}
.messages.-tag.-close {
  background: #B0C0C4;
}
.messages.-tag.-close.-neg {
  color: #B0C0C4;
  border-color: #B0C0C4;
  background: #fff;
}
.messages.-tag.-dark {
  background: #364D80;
}
.messages.-tag.-dark.-neg {
  color: #364D80;
  border-color: #364D80;
  background: #fff;
}
.messages.-tag.-blue {
  background: #089edd;
}
.messages.-tag.-blue.-neg {
  color: #089edd;
  border-color: #089edd;
  background: #fff;
}
.messages.-tag.-green {
  background: #31933E;
}
.messages.-tag.-green.-neg {
  color: #31933E;
  border-color: #31933E;
  background: #fff;
}
.messages.-tag.-alert {
  background: #E84E0F;
}
.messages.-tag.-alert.-neg {
  color: #E84E0F;
  border-color: #E84E0F;
  background: #fff;
}
.messages.-tag.-ternary {
  background: #fff;
  color: #089edd;
  border: 1px solid #089edd;
  font-size: 12px;
}
.messages.-tag.-secondary {
  background: #EAF6FB;
  color: #089edd;
  border: 1px solid #089edd;
  font-size: 12px;
}
.messages.-accept {
  color: #31933E;
  font-size: 12px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.messages.-accept .messages__label::before {
  content: "";
  background: #31933E;
  color: #fff;
  border-radius: 100%;
  font-size: 8px;
  padding: 2px;
  width: 10px;
  height: 10px;
  line-height: 20px;
  position: relative;
  top: -1px;
}
.messages.-framed {
  color: #089edd;
  display: flex;
  align-items: flex-start;
  font-size: 16px;
  border-radius: 4px;
  position: relative;
  background: #fff;
  border: 1px solid #CEE9F4;
}
.messages.-framed .messages__icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  max-width: 16px;
  max-height: 16px;
}
.messages.-framed .messages__icon:before {
  content: "";
}
.messages.-framed p:first-child {
  margin-top: 0;
}
.messages.-framed p:last-child {
  margin-bottom: 0;
}
.messages.-framed.-warning {
  color: #E84E0F;
  background: #FFF0E5;
  border: 0;
}
.messages.-framed.-s {
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
}
.messages.-warning, .messages.-remark {
  display: flex;
  align-items: flex-start;
  font-size: 16px;
  border-radius: 4px;
  position: relative;
  text-align: left;
  color: #E84E0F;
  background: rgba(232, 78, 15, 0.05);
  border: 0;
}
.messages.-warning .messages__icon, .messages.-remark .messages__icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  max-width: 16px;
  max-height: 16px;
}
.messages.-warning .messages__icon:before, .messages.-remark .messages__icon:before {
  content: "";
}
.messages.-warning p:first-child, .messages.-remark p:first-child {
  margin-top: 0;
}
.messages.-warning p:last-child, .messages.-remark p:last-child {
  margin-bottom: 0;
}
.messages.-warning.-s, .messages.-remark.-s {
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
}
.messages.-remark {
  color: #212121;
  background: rgba(8, 158, 221, 0.05);
  border: 0;
}
.messages.-infoBig {
  display: flex;
  border-radius: 4px;
  position: relative;
  background: rgba(8, 158, 221, 0.05);
}
.messages.-infoBig .-title {
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  color: #089edd;
  text-transform: uppercase;
}
.messages.-infoBig span {
  display: block;
}
.messages.-infoBig .messages__icon {
  color: #089edd;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  max-width: 16px;
  max-height: 16px;
}
.messages.-infoBig .messages__icon:before {
  content: "";
}
@media (min-width: 576px) {
  .messages.-infoBig .messages__icon {
    display: inline-block;
  }
}
.messages.-infoBig .messages__label {
  display: block;
}
.messages.-agree {
  display: inline-flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.messages.-agree .messages-wrap {
  border: 1px solid #31933E;
  color: #31933E;
  font-size: 12px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  padding: 3px 10px;
  transition: all 250ms ease;
}
.messages.-agree .messages-wrap .icon {
  background: #31933E;
  color: #fff;
  width: 14px;
  height: 14px;
  min-width: 14px;
  min-height: 14px;
  max-width: 14px;
  max-height: 14px;
  line-height: 16px;
  text-align: center;
  border-radius: 100%;
  font-size: 8px;
}
.messages.-agree .messages-wrap .icon:before {
  content: "";
}
.messages.-agree .messages-wrap span {
  margin: 0 2px;
}
.messages.-agree:hover .messages-wrap {
  border-color: #077D17;
  color: #077D17;
}
.messages.-agree .icon {
  color: #089edd;
  font-size: 16px;
}
.messages.-agree .icon:before {
  content: "";
}
.messages.-agree.-neg .messages-wrap {
  border: 0;
  background: #31933E;
  color: #fff;
  border-radius: 20px;
}
.messages.-talk {
  color: #fff;
  background: #089edd;
  font-size: 14px;
  padding: 10px 26px;
  position: relative;
  border-radius: 8px;
}
.messages.-talk:before {
  content: "";
  color: #089edd;
  font-size: 9px;
  width: 16px;
  height: 9px;
  line-height: 9px;
  text-align: center;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  bottom: -7px;
}
.messages.-advantages {
  padding: 22px 10px;
  background: #fff;
  color: #000000;
  border-radius: 8px;
  border: 1px solid #94D5F1;
}
@media (min-width: 768px) {
  .messages.-advantages {
    padding: 22px 40px;
    display: flex;
    align-items: center;
  }
}
.messages.-advantages .messages__advantages-icon {
  color: #089edd;
  font-size: 50px;
  margin-right: 35px;
}
.messages.-advantages .messages__advantages-icon::before {
  content: "";
}
.messages.-advantages .messages__advantages-label span {
  padding-right: 3px;
}
.messages.-plate {
  padding-right: 0;
}
.messages.-plate .messages__wrap-label {
  border: 1px solid #E84E0F;
  border-radius: 4px;
  padding: 1px;
  color: #E84E0F;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  line-height: 1.5;
}
.messages.-plate .messages__wrap-label::before {
  content: "b";
  background: #089edd;
  color: #fff;
  border-radius: 2px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 3px;
  padding-bottom: 1px;
}
.messages.-plate .messages__wrap-label .messages__label {
  width: calc(100% - 14px);
  background: #fff;
  padding-top: 3px;
  padding-bottom: 1px;
}
.messages.-chassis {
  padding-right: 0;
  background: #fff;
}
.messages.-chassis .messages__wrap-label {
  border: 1px solid #B0C0C4;
  border-radius: 4px;
  color: #212121;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  position: relative;
  width: 100%;
  padding: 1px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.messages.-chassis .messages__wrap-label .messages__prefix {
  background: #B0C0C4;
  color: #fff;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 10px;
  margin-left: 1px;
  border-radius: 4px;
  padding: 3px 4px 1px;
}
.messages.-chassis .messages__wrap-label .messages__label {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  background: #fff;
  font-size: 12px;
  padding: 5px 5px 3px;
}
.messages.-mathias {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .messages.-mathias {
    position: absolute;
    right: 20px;
    bottom: 20px;
  }
}
.messages.-mathias .messagesMathias__content {
  background: #EAF6FB;
  border-radius: 25px 25px 0 25px;
  padding: 17px 20px;
  text-align: left;
  max-width: 220px;
}
.messages.-mathias .messagesMathias__visu {
  background-image: url(/content/dam/B2C/shared/images/mathias-help.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center bottom;
  width: 80px;
  height: 80px;
  min-width: 80px;
  min-height: 80px;
  max-width: 80px;
  max-height: 80px;
  margin-bottom: 5px;
}
.messages.-confirm {
  border-radius: 4px;
  position: relative;
  width: 100%;
  display: block;
  text-align: center;
}
.messages.-confirm .messages__label {
  font-size: 22px;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  display: block;
}
.messages.-confirm .messages__sublabel {
  font-size: 18px;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  display: block;
}
.messages.-confirm .messages__content {
  font-size: 16px;
}
.messages.-confirm .messages__icon {
  width: 60px;
  height: 60px;
  max-width: 60px;
  max-height: 60px;
  min-width: 60px;
  min-height: 60px;
  line-height: 60px;
  border-radius: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 35px;
  position: relative;
}
.messages.-confirm.-valid .messages__icon {
  background: #31933E;
  color: #fff;
}
.messages.-confirm.-valid .messages__icon::before {
  content: "";
}
.messages.-confirm.-unvalid .messages__icon {
  display: none;
}
.messages.-confirm ol {
  margin: 0 auto;
  padding: 0;
  text-align: left;
  max-width: 600px;
}
.messages.-endflux {
  border-radius: 4px;
  position: relative;
  width: 100%;
  display: block;
  text-align: center;
}
.messages.-endflux .messages__label {
  font-size: 30px;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  display: block;
}
.messages.-endflux .messages__sublabel {
  font-size: 16px;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  display: block;
}
.messages.-endflux .messages__content {
  font-size: 16px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  display: block;
}
.messages.-endflux .messages__icon {
  width: 60px;
  height: 60px;
  max-width: 60px;
  max-height: 60px;
  min-width: 60px;
  min-height: 60px;
  line-height: 60px;
  border-radius: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 35px;
  position: relative;
  top: -30px;
  display: block;
}
.messages.-endflux.-valide .messages__icon, .messages.-endflux.-valid .messages__icon {
  background: #31933E;
  color: #fff;
}
.messages.-endflux.-valide .messages__icon::before, .messages.-endflux.-valid .messages__icon::before {
  content: "";
}
.messages.-endflux.-valide .messages__image, .messages.-endflux.-valid .messages__image {
  background-image: url(/content/dam/B2C/shared/images/reussite.png);
  background-repeat: no-repeat;
  display: none;
  width: 209px;
  height: 131px;
  position: absolute;
  top: -30px;
  right: 0;
}
@media (min-width: 576px) {
  .messages.-endflux.-valide .messages__image, .messages.-endflux.-valid .messages__image {
    display: block;
    right: -47px;
  }
}
.messages.-endflux.-unvalide .messages__label, .messages.-endflux.-unvalid .messages__label {
  color: #E84E0F;
}
.messages.-endflux.-unvalide .messages__icon, .messages.-endflux.-unvalid .messages__icon {
  background: #E84E0F;
  color: #fff;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 48px;
  line-height: 60px;
}
.messages.-endflux.-unvalid .messages__icon::before {
  content: "!";
}
.messages.-confirmation {
  text-align: center;
  display: block;
  width: 100%;
  max-width: 600px;
  margin: auto;
}
.messages.-confirmation .messages__label {
  font-size: 18px;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  display: block;
}
.messages.-confirmation .messages__sublabel {
  font-size: 18px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  display: block;
}
.messages.-confirmation .messages__content {
  font-size: 16px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  display: block;
}
.valid-message {
  display: grid;
  grid-template-columns: 40px 1fr;
  align-items: flex-start;
  grid-gap: 16px;
  gap: 16px;
}
.valid-message .valid-message__label {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.valid-message .valid-message__sublabel {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.valid-message::before {
  content: "";
  display: inline-block;
  margin: 0 auto;
  font-size: 20px;
  color: #31933E;
}
.valid-message.-unvalid::before {
  content: "";
  color: #E84E0F;
}
.valid-message.-big::before {
  font-size: 40px;
}
.valid-message.-round::before {
  color: #fff;
  border-radius: 100%;
  text-align: center;
  margin-bottom: 10px;
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.valid-message.-round.-valid::before {
  background: #31933E;
}
.valid-message.-round.-unvalid::before {
  background: #E84E0F;
}
.valid-message.-round.-big::before {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 30px;
}
.messages__endflux-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  grid-gap: 20px;
  gap: 20px;
}
@media (min-width: 768px) {
  .messages__endflux-button {
    flex-direction: row;
    justify-content: flex-start;
  }
}
.messages__list .messages {
  margin-bottom: 20px;
}
.messages__list .messages:last-child {
  margin-bottom: 0;
}
.webdeal__img {
  filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.3));
}
.webdeal__banner {
  border-radius: 20px;
  background: #F6E8F3;
  display: flex;
  align-items: center;
  padding: 20px;
  grid-gap: 20px;
  gap: 20px;
}
.webdeal__banner .webdeal__img {
  max-height: 117px;
  width: auto;
}
.webdeal__banner .webdeal__content {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  gap: 10px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.webdeal__banner .webdeal__content .webdeal__title {
  font-size: 24px;
  color: #CA4197;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
}
.webdeal__banner .webdeal__content .webdeal__highlight {
  color: #CA4197;
}
.img-xls {
  background: url("/content/dam/B2C/shared/images/excel.svg") no-repeat;
  background-size: contain;
  height: 40px;
  width: 40px;
  position: relative;
  display: inline-block;
}
.amount__indicator::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.amount__indicator.-decrease::before {
  background-image: url(/content/dam/B2C/shared/images/decrease.svg);
}
.amount__indicator.-increase::before {
  background-image: url(/content/dam/B2C/shared/images/increase.svg);
}
.badges {
  display: inline-block;
  text-align: center;
  position: relative;
  cursor: pointer;
  color: #fff;
}
.badges.-percent {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.5);
  background: #E84E0F;
}
.badges.-percent::after {
  content: "%";
}
.badges.-percentGreen {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.5);
  background: #31933E;
}
.badges.-percentGreen::after {
  content: "%";
}
.badges.-fivepercent {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.5);
  background: #E84E0F;
}
.badges.-fivepercent::after {
  content: "5%";
}
.badges.-fivepercent::before {
  content: "-";
  font-size: 15px;
  position: relative;
  top: -2px;
}
.badges.-fivepercentGreen {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.5);
  background: #31933E;
}
.badges.-fivepercentGreen::after {
  content: "5%";
}
.badges.-fivepercentGreen::before {
  content: "-";
  font-size: 15px;
  position: relative;
  top: -2px;
}
.badges.-tenpercent {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.5);
  background: #E84E0F;
}
.badges.-tenpercent::after {
  content: "10%";
}
.badges.-tenpercent::before {
  content: "-";
  font-size: 15px;
  position: relative;
  top: -2px;
}
.badges.-tenpercentGreen {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.5);
  background: #31933E;
}
.badges.-tenpercentGreen::after {
  content: "10%";
}
.badges.-tenpercentGreen::before {
  content: "-";
  font-size: 15px;
  position: relative;
  top: -2px;
}
.badges.-fifteenpercent {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.5);
  background: #31933E;
}
.badges.-fifteenpercent::after {
  content: "15%";
}
.badges.-fifteenpercent::before {
  content: "-";
  font-size: 15px;
  position: relative;
  top: -2px;
}
.badges.-twentypercent {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.5);
  background: #E84E0F;
}
.badges.-twentypercent::after {
  content: "20%";
}
.badges.-twentypercent::before {
  content: "-";
  font-size: 15px;
  position: relative;
  top: -2px;
}
.badges.-twentypercentGreen {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.5);
  background: #31933E;
}
.badges.-twentypercentGreen::after {
  content: "20%";
}
.badges.-twentypercentGreen::before {
  content: "-";
  font-size: 15px;
  position: relative;
  top: -2px;
}
.badges.-twentyfivepercent {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.5);
  background: #31933E;
}
.badges.-twentyfivepercent::after {
  content: "25%";
}
.badges.-twentyfivepercent::before {
  content: "-";
  font-size: 15px;
  position: relative;
  top: -2px;
}
.badges.-thirtypercent {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.5);
  background: #E84E0F;
}
.badges.-thirtypercent::after {
  content: "30%";
}
.badges.-thirtypercent::before {
  content: "-";
  font-size: 15px;
  position: relative;
  top: -2px;
}
.badges.-thirtypercentGreen {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.5);
  background: #31933E;
}
.badges.-thirtypercentGreen::after {
  content: "30%";
}
.badges.-thirtypercentGreen::before {
  content: "-";
  font-size: 15px;
  position: relative;
  top: -2px;
}
.badges.-fiftypercent {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.5);
  background: #E84E0F;
}
.badges.-fiftypercent::after {
  content: "50%";
}
.badges.-fiftypercent::before {
  content: "-";
  font-size: 15px;
  position: relative;
  top: -2px;
}
.badges.-fiftypercentGreen {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.5);
  background: #31933E;
}
.badges.-fiftypercentGreen::after {
  content: "50%";
}
.badges.-fiftypercentGreen::before {
  content: "-";
  font-size: 15px;
  position: relative;
  top: -2px;
}
.badges.-teneuro {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.5);
  background: #E84E0F;
}
.badges.-teneuro::after {
  content: "10€";
}
.badges.-new {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.5);
  background: #E84E0F;
  transform: rotate(-10deg);
}
.badges.-new::after {
  content: "New";
}
.badges.-thirtyeuro {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.5);
  background: #E84E0F;
}
.badges.-thirtyeuro::after {
  content: "30€";
}
.badges.-m {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.5);
  background: #F5BD00;
}
.badges.-m::after {
  content: "M";
  transform: scaleX(2);
  display: block;
}
.badges.-f {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.5);
  background: #F5BD00;
}
.badges.-f::after {
  content: "F";
  transform: scaleX(2);
  display: block;
}
.badges.-a {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.5);
  background: #F5BD00;
}
.badges.-a::after {
  content: "A";
  transform: scaleX(2);
  display: block;
}
.badges.-e {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.5);
  background: #F5BD00;
}
.badges.-e::after {
  content: "E";
  transform: scaleX(2);
  display: block;
}
.badges.-bmo {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.5);
  background: #089edd;
}
.badges.-bmo::after {
  content: "BMO";
  letter-spacing: 1.2px;
}
.badges.-joker {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.5);
  background: #877bcc;
}
.badges.-joker::after {
  content: "Joker";
  font-size: 16px;
  letter-spacing: 1.2px;
  position: relative;
  top: -2px;
}
.badges.-eco {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.5);
  background: #31933E;
}
.badges.-eco::after {
  content: "Eco";
  letter-spacing: 2px;
}
.badges.-km {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.5);
  background: #31933E;
}
.badges.-km::after {
  content: "Km";
  letter-spacing: 2px;
  font-size: 24px;
  position: relative;
  top: 1px;
  left: 1px;
}
.badges.-eyd {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.5);
  background: #e8870f;
}
.badges.-eyd::after {
  content: "EYD";
  letter-spacing: 2px;
}
.uploadTransverse.-mobile {
  border-radius: 6px;
  background-color: transparent;
  border: 1px solid #CEE9F4;
  padding: 28px;
  position: relative;
  display: grid;
  justify-content: center;
}
.uploadTransverse.-mobile::before {
  content: "";
  border-radius: 6px;
  border: 1px dashed #089edd;
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 8px;
  width: calc(100% - 16px);
  height: calc(100% - 16px);
}
.uploadTransverse.-mobile .uploadTransverse-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  grid-gap: 20px;
  gap: 20px;
}
.uploadTransverse.-mobile .upload__weight {
  margin-bottom: 10px;
  text-align: center;
  font-size: 12px;
  color: #089edd;
  margin: 20px auto;
}
.uploadTransverse.-mobile .uploadTransverse__image {
  position: relative;
  overflow: hidden;
}
.uploadTransverse.-mobile .uploadTransverse__image .uploadTransverse__image-img {
  border-radius: 8px;
  width: 150px;
  background-size: cover;
  background-position: center center;
}
.uploadTransverse.-mobile .uploadTransverse__image .uploadTransverse__image-trash {
  position: absolute;
  right: -40px;
  bottom: -40px;
  cursor: pointer;
  width: 80px;
  height: 80px;
  color: #fff;
}
.uploadTransverse.-mobile .uploadTransverse__image .uploadTransverse__image-trash::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  background: #089edd;
  width: 100%;
  height: 100%;
  transform: rotate(45deg);
}
.uploadTransverse.-mobile .uploadTransverse__image .uploadTransverse__image-trash::after {
  content: "";
  position: absolute;
  left: 20px;
  top: 13px;
}
.uploadTransverse.-mobile .uploadTransverse__image.-small {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
  justify-content: center;
}
.uploadTransverse.-mobile .uploadTransverse__button.data__action {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
  max-width: 100%;
  padding: 0;
}
.uploadTransverse.-mobile .uploadTransverse__button.data__action .button {
  text-align: left;
  width: 100%;
}
.uploadTransverse.-mobile .uploadTransverse__button.data__action .button.-pre {
  justify-content: flex-start;
  width: 100%;
}
.uploadTransverse.-mobile .uploadTransverse__button.data__action .button.-pre .button__icon::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
}
.uploadTransverse.-mobile .uploadTransverse__button.data__action .button.-pre .button__icon.icon-ethias-camera::before {
  background: url("/content/dam/B2C/shared/images/upload-camera.svg") no-repeat center;
  background-size: contain;
}
.uploadTransverse.-mobile .uploadTransverse__button.data__action .button.-pre .button__icon.icon-ethias-images::before {
  background: url("/content/dam/B2C/shared/images/upload-image.svg") no-repeat center;
  background-size: contain;
}
.uploadTransverse.-mobile .uploadTransverse__button.data__action .button.-pre .button__icon.icon-ethias-download::before {
  background: url("/content/dam/B2C/shared/images/upload-folder.svg") no-repeat center;
  background-size: contain;
}
.uploadTransverse.-mobile .uploadTransverse__button.data__action .button.-ternary {
  padding: 12px;
}
.uploadTransverse.-mobile .uploadTransverse__button.data__action .link {
  font-size: 16px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  justify-content: center;
  padding-top: 20px;
}
.uploadTransverse.-mobile .uploadTransverse__button.data__action .link .link__icon {
  display: none;
}
.uploadTransverse.-desktop .upload {
  border-radius: 10px;
  max-width: 900px;
  margin: 0 auto 10px;
  overflow: hidden;
  border: 1px solid #CEE9F4;
  background: #fff;
  position: relative;
  display: flex;
  align-items: center;
}
.uploadTransverse.-desktop .upload .upload__download {
  border: 1px dashed #089edd;
  transition: all 250ms ease;
  background: transparent;
  border-radius: 8px;
  position: relative;
  padding: 40px;
  margin: 20px;
  cursor: pointer;
  width: 100%;
  display: grid;
}
.uploadTransverse.-desktop .upload .upload__download .upload__already {
  order: 3;
}
.uploadTransverse.-desktop .upload .upload__download .upload__weight {
  order: 2;
}
.uploadTransverse.-desktop .upload .upload__download .upload__link {
  order: 1;
}
.uploadTransverse.-desktop .upload .upload__download.-on {
  padding-bottom: 20px;
}
.uploadTransverse.-desktop .upload .upload__download.-on .upload__link {
  margin-bottom: 20px;
}
.uploadTransverse.-desktop .upload .upload__download .upload__already {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 12px;
  gap: 12px;
}
.uploadTransverse.-desktop .upload .upload__download .upload__already .upload__messages-flood {
  color: #E84E0F;
  display: none;
}
.uploadTransverse.-desktop .upload .upload__download .upload__already .button {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  grid-gap: 15px;
  gap: 15px;
  padding: 4px 10px;
  background-color: #089edd;
  transform: none;
}
.uploadTransverse.-desktop .upload .upload__download .upload__already .button .button__label {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  color: #fff;
}
.uploadTransverse.-desktop .upload .upload__download .upload__already .button .button__icon {
  font-size: 12px;
}
.uploadTransverse.-desktop .upload .upload__download .upload__already .button .button__icon.-delete {
  color: #fff;
}
.uploadTransverse.-desktop .upload .upload__download .upload__already .button .button__icon.-delete::before {
  content: "";
}
.uploadTransverse.-desktop .upload .upload__download .upload__already .button .button__icon.-delete:hover {
  color: #000000;
}
.uploadTransverse.-desktop .upload .upload__download .upload__already .button .button__icon.-valid {
  display: none;
}
.uploadTransverse.-desktop .upload .upload__download .upload__already .button:hover {
  transform: none;
}
.uploadTransverse.-desktop .upload .upload__download .upload__link {
  text-decoration: none;
  display: grid;
  grid-template-columns: 50px 1fr;
  grid-template-areas: "icon content" "icon link";
  grid-gap: 0 20px;
  gap: 0 20px;
  text-align: left;
}
.uploadTransverse.-desktop .upload .upload__download .upload__link .upload__icon {
  grid-area: icon;
}
.uploadTransverse.-desktop .upload .upload__download .upload__link .upload__content {
  grid-area: content;
}
.uploadTransverse.-desktop .upload .upload__download .upload__link .link.-primary {
  grid-area: link;
}
.uploadTransverse.-desktop .upload .upload__download .upload__link .upload__icon {
  font-size: 50px;
  display: block;
  margin: 0 auto 10px;
  transition: all 250ms ease;
  cursor: pointer;
  background: url("/content/dam/B2C/shared/images/upload.svg") no-repeat center;
  background-size: contain;
  width: 55px;
  height: 45px;
}
.uploadTransverse.-desktop .upload .upload__download .upload__link .upload__icon::before {
  display: none;
}
.uploadTransverse.-desktop .upload .upload__download .upload__link .link {
  display: block;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.uploadTransverse.-desktop .upload .upload__download:hover, .uploadTransverse.-desktop .upload .upload__download.is-drop-over {
  background: #EAF6FB;
}
.uploadTransverse.-desktop .upload .upload__download .number {
  position: absolute;
  bottom: 10px;
  left: 10px;
  color: #089edd;
  font-size: 14px;
}
.uploadTransverse.-desktop .upload.-unvalid {
  border-color: #E84E0F;
}
.uploadTransverse.-desktop .upload.-flood .upload__download {
  background: #F4F8FA;
  cursor: default;
}
.uploadTransverse.-desktop .upload.-flood .upload__download .number {
  color: #E84E0F;
}
.uploadTransverse.-desktop .upload.-flood .upload__download .upload__link {
  color: #98B3C4;
  pointer-events: none;
}
.uploadTransverse.-desktop .upload.-flood .upload__download .link {
  color: #98B3C4;
}
.uploadTransverse.-desktop .upload.-flood .upload__already .upload__messages-flood {
  display: block;
}
.uploadTransverse.-desktop .upload__weight {
  font-size: 12px;
  color: #089edd;
  margin-bottom: 20px;
  text-align: left;
}
.uploadTransverse .uploadTransverse__image.-full + .uploadTransverse__button .button.-pre {
  width: auto;
}
.taxecot {
  display: flex;
  flex-direction: column;
  text-align: left;
  line-height: 1.4;
}
.taxecot p {
  margin: 0;
}
.taxecot .taxecot__row {
  display: block;
  background: #EAF6FB;
  border-bottom: 1px solid white;
}
@media (min-width: 768px) {
  .taxecot .taxecot__row {
    display: flex;
  }
}
.taxecot .taxecot__row .taxecot__col {
  padding: 10px;
  font-size: 14px;
}
@media (min-width: 768px) {
  .taxecot .taxecot__row .taxecot__col.-first {
    width: 60%;
  }
}
.taxecot .taxecot__row .taxecot__col.-second {
  text-align: right;
}
@media (min-width: 768px) {
  .taxecot .taxecot__row .taxecot__col.-second {
    width: 40%;
  }
}
.taxecot .taxecot__row.-total {
  margin-top: 20px;
  background: #089edd;
  color: white;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  border-radius: 4px;
}
.taxecot .taxecot__row.-total.-promo {
  background: #31933E;
}
.taxecot .taxecot__row.-total .taxecot__col {
  font-size: 18px;
}
.taxecot .taxecot__row.-subtotal {
  margin-top: 20px;
  border-radius: 4px 4px 0 0;
}
.taxecot .taxecot__row.-subtotal .taxecot__col {
  font-size: 18px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  background: transparent;
}
.taxecot .taxecot__row.-title {
  border-radius: 4px;
  margin-top: 20px;
}
.taxecot .taxecot__row.-title .taxecot__col {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
}
.taxecot .taxecot__row.-title .taxecot__col.-second {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.taxecot__footer {
  font-size: 14px;
  color: #B0C0C4;
  padding: 20px 0;
}
.transverseForms {
  display: flex;
  flex-direction: column;
  /* doir rester à 0 poour swipe */
  grid-gap: 0;
  gap: 0;
}
.transverseForms .tf__row {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  grid-gap: 24px 0;
  gap: 24px 0;
}
.transverseForms .tf__row .tf__item {
  position: relative;
}
.transverseForms .tf__row .tf__item .button__icon.-info {
  top: 2px;
  margin-left: 2px;
}
.transverseForms .tf__row .tf__item .tf__item-field {
  position: relative;
}
.transverseForms .tf__row .tf__item .tf__cta {
  padding: 20px 0;
}
.transverseForms .tf__row .label {
  margin: 0;
}
.transverseForms.-col .tf__row-row.-desktop, .transverseForms.-row .tf__row-row.-desktop {
  display: none;
}
@media (min-width: 768px) {
  .transverseForms.-col .tf__row-row.-desktop, .transverseForms.-row .tf__row-row.-desktop {
    display: grid;
  }
}
.transverseForms.-row .tf__adress-wrap {
  display: flex;
  flex-direction: column;
  grid-gap: 24px 0;
  gap: 24px 0;
}
.transverseForms.-row .tf__row {
  justify-content: flex-start;
}
.transverseForms.-row .tf__row .tf__item {
  display: grid;
  align-items: flex-start;
  grid-template-columns: 1fr;
  grid-gap: 4px 0;
  gap: 4px 0;
}
.transverseForms.-row .tf__row .tf__item .tf__item-label {
  padding-right: 3px;
  font-size: 14px;
}
@media (min-width: 768px) {
  .transverseForms.-row .tf__row .tf__item.-center {
    justify-content: center;
    text-align: center;
  }
}
.transverseForms.-row .tf__row.tf__adress {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding-left: 15px;
  padding-right: 15px;
  grid-gap: 24px 15px;
  gap: 24px 15px;
  grid-template-areas: "adressnum adressbus" "adresspostcode ." "adresscity adresscity";
}
@media (min-width: 768px) {
  .transverseForms.-row .tf__row.tf__adress {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "adressnum adressbus adresspostcode" "adresscity adresscity adresscity";
  }
}
@media (min-width: 1024px) {
  .transverseForms.-row .tf__row.tf__adress {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "adressnum adressbus ." "adresspostcode adresscity adresscity";
  }
}
.transverseForms.-row .tf__row.tf__adress .tf__item.-adressnum {
  grid-area: adressnum;
}
.transverseForms.-row .tf__row.tf__adress .tf__item.-adressbus {
  grid-area: adressbus;
}
.transverseForms.-row .tf__row.tf__adress .tf__item.-adresspostcode {
  grid-area: adresspostcode;
}
.transverseForms.-row .tf__row.tf__adress .tf__item.-adresscity {
  grid-area: adresscity;
}
.transverseForms.-col {
  grid-gap: 24px;
  gap: 24px;
}
.transverseForms.-col .tf__row-row {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
}
.transverseForms.-col .tf__row-row .tf__row {
  display: flex;
  align-items: center;
  grid-gap: 8px;
  gap: 8px;
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  .transverseForms.-col .tf__row-row .tf__row {
    grid-gap: 0;
    gap: 0;
  }
}
@media (min-width: 768px) {
  .transverseForms.-col .tf__row-row .tf__row .tf__item-label {
    text-align: right;
  }
}
.transverseForms.-col .tf__row-row .tf__row .radio {
  justify-content: flex-start;
}
.transverseForms.-col .tf__row-row .tf__row .radio.-wrap {
  justify-content: flex-start;
}
.transverseForms.-col .tf__row-row .tf__row .radio.-button .radio__element .radio__label {
  padding: 14px 18px;
  min-width: 18px;
}
.transverseForms.-col .tf__row-row .tf__row .adress .tf__row {
  display: grid;
  grid-gap: 24px;
  gap: 24px;
}
.transverseForms.-col .tf__row-row .tf__row.-top {
  align-items: flex-start;
}
.transverseForms.-noswipe {
  grid-gap: 16px;
  gap: 16px;
}
.transverseForms.-noswipe form {
  display: flex;
  flex-direction: column;
  grid-gap: 16px;
  gap: 16px;
}
.tf__adress {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding-left: 15px;
  padding-right: 15px;
  grid-gap: 24px 15px;
  gap: 24px 15px;
  grid-template-areas: "adressnum adressbus" "adresspostcode ." "adresscity adresscity";
}
@media (min-width: 768px) {
  .tf__adress {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "adressnum adressbus adresspostcode" "adresscity adresscity adresscity";
  }
}
@media (min-width: 1024px) {
  .tf__adress {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "adressnum adressbus ." "adresspostcode adresscity adresscity";
  }
}
.tf__adress .tf__item.-adressnum {
  grid-area: adressnum;
}
.tf__adress .tf__item.-adressbus {
  grid-area: adressbus;
}
.tf__adress .tf__item.-adresspostcode {
  grid-area: adresspostcode;
}
.tf__adress .tf__item.-adresscity {
  grid-area: adresscity;
}
.header-part-v2.-cookies {
  display: block !important;
}
.infoCookies {
  position: fixed;
  bottom: 15px;
  left: 5%;
  width: 90%;
  z-index: 1001;
  font-size: 14px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 4px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  transition: all 550ms ease;
}
@media (min-width: 1024px) {
  .infoCookies {
    left: 50%;
    margin-left: -496px;
    max-width: 992px;
    padding-right: 2rem;
    width: 100%;
    padding-left: 0;
    bottom: 5%;
  }
}
@media (min-width: 1024px) {
  .infoCookies .infoCookies__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
  }
}
.infoCookies .infoCookies__container .infoCookies__image {
  background-image: url(/content/dam/B2C/shared/images/cookies.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
  width: 90px;
  height: 75px;
  min-width: 90px;
  min-height: 75px;
  max-width: 90px;
  max-height: 75px;
}
@media (min-width: 1024px) {
  .infoCookies .infoCookies__container .infoCookies__image {
    display: block;
  }
}
.infoCookies .infoCookies__container .infoCookies__first {
  line-height: 1.4;
}
@media (min-width: 1024px) {
  .infoCookies .infoCookies__container .infoCookies__first {
    margin-left: 1.66667rem;
    margin-right: 1.66667rem;
  }
}
.infoCookies .infoCookies__container .infoCookies__first a {
  color: #fff;
  text-decoration: underline;
}
.infoCookies .infoCookies__container .infoCookies__first a:hover {
  text-decoration: none;
}
.infoCookies .infoCookies__container .infoCookies__first p {
  margin: 0;
  padding: 0;
}
.infoCookies .infoCookies__container .infoCookies__first .infoCookies_link {
  display: inline-block;
  color: #fff;
  text-decoration: underline;
}
.infoCookies .infoCookies__container .infoCookies__first .infoCookies_link:hover {
  text-decoration: none;
}
.infoCookies .infoCookies__container .infoCookies__second {
  text-align: center;
}
.infoCookies .infoCookies__container .infoCookies__second .button {
  min-width: 200px;
  text-decoration: none;
  background: #089edd;
  border: 0;
  font-size: 20px;
  display: inline-block;
  width: 100%;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  border-radius: 4px;
  cursor: pointer;
  color: #fff;
  padding-top: 5px;
  padding-bottom: 5px;
}
.infoCookies .infoCookies__container .infoCookies__second .button:hover {
  background: #0190cc;
}
@media (min-width: 1024px) {
  .infoCookies .infoCookies__container .infoCookies__second .button {
    margin-top: 0;
  }
}
.infoCookies.-off {
  bottom: -100%;
  opacity: 0;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  z-index: 3000000002;
  transform: scale(0);
  overflow-x: hidden;
  overflow-y: auto;
  visibility: visible;
  padding: 0;
  background: transparent;
}
.modal.-on {
  animation: modalopen 200ms ease forwards;
  padding: 0;
}
.modal.-off {
  transform: scale(0);
}
.modal.-full.-off {
  transform: scale(0);
}
.modal.-full .modal__dialog {
  width: 100vw;
  min-width: 100vw;
  max-width: 100vw;
  height: 100vh;
  margin: 0;
  border-radius: 0;
}
.modal .modal__dialog {
  background: #fff;
  width: calc(100% - 40px);
  min-height: calc(100% - 40px);
  height: auto;
  max-width: 800px;
  margin: 20px auto;
  border-radius: 20px;
  overflow: visible;
  overflow-x: hidden;
  box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.2);
}
@media (min-width: 768px) {
  .modal .modal__dialog {
    margin: 8% auto 20px;
    min-height: 1px;
  }
}
.modal .modal__dialog .modal__content .modal__header {
  display: flex;
  flex-direction: column;
  padding: 0 20px;
}
@media (min-width: 768px) {
  .modal .modal__dialog .modal__content .modal__header {
    padding: 0 40px 0 100px;
  }
}
.modal .modal__dialog .modal__content .modal__header .modal__title {
  font-size: 24px;
  line-height: 1.2;
  margin: 0;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  text-align: left;
  order: 2;
}
.modal .modal__dialog .modal__content .modal__header .modal__title::before {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  height: 100px;
  content: "";
  margin: 0 0 10px;
  display: block;
  background-image: url(/content/dam/B2C/shared/images/modal/stoffel-info.png);
}
.modal .modal__dialog .modal__content .modal__header .modal__title.-alone {
  margin-top: 68px;
}
.modal .modal__dialog .modal__content .modal__header .modal__close {
  text-align: right;
  min-height: 68px;
}
.modal .modal__dialog .modal__content .modal__header .button__icon {
  padding: 30px 0 20px 20px;
  order: 1;
  text-align: right;
  font-size: 18px;
  transition: all 250ms ease;
  cursor: pointer;
  color: #212121;
}
.modal .modal__dialog .modal__content .modal__header .button__icon:hover {
  color: #089edd;
}
.modal .modal__dialog .modal__content .modal__header .button__icon:before {
  content: "";
}
.modal .modal__dialog .modal__content .modal__body {
  padding: 20px 20px 60px 20px;
  border-radius: 0 0 4px 4px;
  text-align: left;
}
@media (min-width: 768px) {
  .modal .modal__dialog .modal__content .modal__body {
    padding: 40px 100px;
  }
}
.modal .modal__dialog .modal__content .modal__body .modal__text .fc__question,
.modal .modal__dialog .modal__content .modal__body .modal__text .fc__item {
  padding: 0;
}
.modal .modal__dialog .modal__content .modal__body ul,
.modal .modal__dialog .modal__content .modal__body ol {
  text-align: left;
}
.modal .modal__dialog .modal__content .modal__body p {
  line-height: 1.5;
}
.modal .modal__dialog .modal__content .modal__body .modalImg__img {
  padding-bottom: 20px;
}
.modal .modal__dialog .modal__content .modal__body .modalImg__img img {
  margin: 0 auto;
  max-width: 100% !important;
  max-height: 100%;
  width: auto;
  height: auto;
}
.modal .modal__dialog .modal__content .modal__body .modalImg__desc {
  padding: 20px 0;
}
.modal .modal__dialog .modal__content .modal__body .modal__title {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  text-align: left;
  font-size: 20px;
  margin-bottom: 24px;
}
.modal .modal__dialog .modal__content .modal__body .messages.-endflux .messages__label,
.modal .modal__dialog .modal__content .modal__body .messages.-endflux .messages__content,
.modal .modal__dialog .modal__content .modal__body .messages.-endflux .messages__sublabel {
  text-align: left;
}
.modal .modal__dialog .modal__content .modal__body .messages.-endflux .messages__icon {
  margin-left: 0;
}
.modal .modal__dialog .modal__content .modal__body .modal__text {
  line-height: 1.4;
}
.modal .modal__dialog .modal__content .modal__body .modal__text p a {
  color: #089edd;
}
.modal .modal__dialog .modal__content .modal__body .subtitle {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
}
.modal .modal__dialog .modal__content .modal__body .modal__form {
  max-width: 400px;
  margin: 0;
}
@media (min-width: 1024px) {
  .modal .modal__dialog .modal__content .modal__body .modal__form {
    padding: 0;
  }
}
.modal .modal__dialog .modal__content .modal__body .modal__form .modal__form-row {
  margin: 15px 0;
}
.modal .modal__dialog .modal__content .modal__body .modal__form .modal__form-row.-button {
  margin-bottom: 30px;
}
.modal .modal__dialog .modal__content .modal__body img {
  display: block;
}
.modal .modal__dialog .modal__content .modal__body .action,
.modal .modal__dialog .modal__content .modal__body .row-btn-action {
  width: 100%;
  margin: 40px 0;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 15px;
  gap: 15px;
}
@media (min-width: 768px) {
  .modal .modal__dialog .modal__content .modal__body .action,
.modal .modal__dialog .modal__content .modal__body .row-btn-action {
    grid-gap: 20px;
    gap: 20px;
    flex-direction: row;
    align-items: center;
  }
}
@media (min-width: 768px) {
  .modal .modal__dialog .modal__content .modal__body .action.-column,
.modal .modal__dialog .modal__content .modal__body .row-btn-action.-column {
    flex-direction: column;
    grid-gap: 15px;
    gap: 15px;
  }
}
@media (min-width: 768px) {
  .modal .modal__dialog .modal__content .modal__body .action.-center,
.modal .modal__dialog .modal__content .modal__body .row-btn-action.-center {
    justify-content: center;
  }
}
.modal .modal__dialog .modal__content .modal__body .action .button,
.modal .modal__dialog .modal__content .modal__body .row-btn-action .button {
  width: auto;
}
.modal .modal__dialog .modal__content .modal__body .action .button.w-100,
.modal .modal__dialog .modal__content .modal__body .row-btn-action .button.w-100 {
  width: 100%;
}
.modal .modal__dialog .modal__content .modal__video iframe {
  max-width: 100%;
}
.modal .modal__dialog .modal__content .modal__title + .modal__text {
  margin-top: 30px;
}
.modal .modal__dialog .modal__content .modal__help {
  position: relative;
  margin-top: 30px;
}
.modal .modal__dialog .modal__content .modal__help::before {
  box-shadow: 0 5px 5px 1px rgba(0, 0, 0, 0.1);
  content: "";
  height: 240px;
  width: 100%;
  position: absolute;
  top: -324px;
  left: 0;
  z-index: 0;
  border-radius: 0 0 80% 80%;
  transform: scale(1.5);
  transform-origin: center;
}
.modal .modal__dialog .modal__content .modal__help .modal__help-wrap {
  background: #fff;
  position: relative;
  z-index: 1;
  padding: 30px 20px;
}
.modal .modal__dialog .modal__content .modal__help .modal__help-wrap .modal__help-title {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 24px;
  text-align: center;
}
.modal .modal__dialog .modal__content .modal__help .modal__help-wrap .row-btn-action,
.modal .modal__dialog .modal__content .modal__help .modal__help-wrap .action {
  display: flex;
  align-items: center;
  flex-direction: column;
  max-width: 325px;
  margin: auto;
}
.modal .modal__dialog .modal__content .modal__help .modal__help-wrap .row-btn-action .button,
.modal .modal__dialog .modal__content .modal__help .modal__help-wrap .action .button {
  margin-bottom: 32px;
}
.modal .modal__dialog .modal__content .modal__help .modal__help-wrap .row-btn-action .button:last-child,
.modal .modal__dialog .modal__content .modal__help .modal__help-wrap .action .button:last-child {
  margin-bottom: 0;
}
.modal .modal__dialog.-larger {
  max-width: 1240px;
}
.modal .modal__dialog.-error {
  max-width: 800px;
}
.modal .modal__dialog.-error .modal__content .modal__header .modal__title::before {
  background-image: url(/content/dam/B2C/shared/images/modal/stoffel-error.png);
}
.modal .modal__dialog.-complaint {
  max-width: 100vw;
  width: 100vw;
  box-shadow: 0 0 0 transparent;
  border-radius: 0;
  margin: 0;
  min-height: 100vh;
}
.modal .modal__dialog.-complaint .modal__content {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.modal .modal__dialog.-complaint .modal__content .modal__header .modal__title::before {
  display: none;
}
.modal .modal__dialog.-warning .modal__content .modal__header {
  padding-top: 40px;
}
@media (min-width: 768px) {
  .modal .modal__dialog.-warning .modal__content .modal__header {
    padding-top: 70px;
  }
}
.modal .modal__dialog.-warning .modal__content .modal__header .button__icon {
  display: none;
}
.modal .modal__dialog.-warning .modal__content .modal__header .modal__title::before {
  display: none;
}
.modal .modal__dialog.-warning .modal__content .modal__header .modal__title-status {
  order: 1;
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
  color: #089edd;
  text-transform: uppercase;
  font-size: 16px;
}
@media (min-width: 768px) {
  .modal .modal__dialog.-warning .modal__content .modal__header .modal__title-status {
    font-size: 18px;
  }
}
.modal .modal__dialog.-trick .modal__content .modal__header .modal__title::before {
  background-image: url(/content/dam/B2C/shared/images/modal/trick.svg);
  height: 60px;
  background-position: left;
  margin-bottom: 30px;
}
.modal .modal__dialog.-clea {
  max-width: 800px;
}
.modal .modal__dialog.-clea .modal__content .modal__header .modal__title::before {
  background-image: url(/content/dam/B2C/shared/images/modal/modal-clea.png);
}
.modal .modal__dialog.-img {
  min-height: 1px;
  width: 100vw;
  height: 100vh;
  margin: 0;
  border-radius: 0;
}
@media (min-width: 768px) {
  .modal .modal__dialog.-img {
    width: calc(100% - 40px);
    height: auto;
    margin: 4% auto 20px;
    border-radius: 25px;
    max-width: 1200px;
  }
}
.modal .modal__dialog.-img .modal__content .modal__header {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 40px;
}
.modal .modal__dialog.-img .modal__content .modal__header .modal__title {
  order: 1;
  padding: 20px 20px 20px 0;
}
@media (min-width: 768px) {
  .modal .modal__dialog.-img .modal__content .modal__header .modal__title {
    padding: 20px;
  }
}
.modal .modal__dialog.-img .modal__content .modal__header .modal__title::before {
  display: none;
}
.modal .modal__dialog.-img .modal__content .modal__header .button__icon {
  padding: 26px 0 20px 0;
}
@media (min-width: 768px) {
  .modal .modal__dialog.-img .modal__content .modal__header .button__icon {
    padding: 20px;
  }
}
.modal .modal__dialog.-custom .modal__content .modal__header .modal__custom-img {
  order: 2;
  padding-bottom: 20px;
}
.modal .modal__dialog.-custom .modal__content .modal__header .modal__title {
  order: 3;
}
.modal .modal__dialog.-custom .modal__content .modal__header .modal__title::before {
  display: none;
}
.modal .modal__dialog.-empty .modal__content .modal__header .modal__title {
  order: 3;
}
.modal .modal__dialog.-empty .modal__content .modal__header .modal__title::before {
  display: none;
}
.modal__overlay {
  background: rgba(255, 255, 255, 0.8);
  display: block;
  width: 100%;
  min-height: 100vh;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3000000001;
  transform-origin: center;
  visibility: hidden;
  opacity: 0;
}
.modal__overlay.-on {
  visibility: visible;
  opacity: 1;
}
.modal__overlay.-off {
  visibility: hidden;
  opacity: 0;
}
@keyframes modalopen {
  0% {
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes modalopenoff {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.7);
    opacity: 0;
  }
}
@keyframes modalopenoverlay {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes modalopenoverlayoff {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
.-popin-open .-toblur {
  filter: blur(1.5px);
}
@keyframes openpopinfull {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  90% {
    opacity: 0.8;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes openpopinfull2 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  90% {
    opacity: 0.8;
  }
  100% {
    transform: translateY(150%);
    opacity: 0;
  }
}
.modalslider {
  width: calc(100vw - 50px);
  height: 100vh;
  background: #fff;
  z-index: 501;
  position: fixed;
  top: 0;
  right: 0;
  min-height: 100vh;
  overflow: hidden;
  overflow-y: scroll;
  transform: translateX(100vw);
  transition: all 500ms ease;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 768px) {
  .modalslider {
    width: calc(100vw - 90px);
    box-shadow: -15px 0 40px 0 rgba(70, 130, 183, 0.15);
  }
}
@media (min-width: 1024px) {
  .modalslider {
    width: 100%;
    max-width: 666px;
    box-shadow: -15px 0 40px 0 rgba(70, 130, 183, 0.15);
  }
}
.modalslider.-on {
  transform: translateX(0);
}
.modalslider.-off {
  transform: translateX(100vw);
}
.modalslider-overlay {
  background: #000000;
  display: block;
  width: 100vw;
  height: 100%;
  min-height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 500;
  transform-origin: center;
  visibility: hidden;
  opacity: 0;
}
.modalslider-overlay.-on {
  visibility: visible;
  opacity: 0.2;
  animation: headermenuopenoverlay ease 250ms forwards;
}
.modalslider-overlay.-off {
  visibility: hidden;
  opacity: 0;
  animation: headermenuopenoverlay ease 250ms;
  animation-direction: reverse;
}
@keyframes headermenuopenoverlay {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 0.2;
  }
}
.webchat {
  background: #fff;
  width: 100%;
  padding: 0;
  position: fixed;
  bottom: -100vh;
  right: 0;
  z-index: 3000000000;
  text-align: left;
  transition: all 500ms ease;
  height: 62px;
}
@media (min-width: 768px) {
  .webchat {
    width: 375px;
    right: 200px;
    box-shadow: 0 -5px 25px 5px rgba(0, 0, 0, 0.1);
    border-radius: 8px 8px 0 0;
  }
}
.webchat .webchat__loader .overlay__loader {
  position: relative;
  padding: 40px 0;
}
.webchat .webchat__loader .overlay__loader .spinner {
  position: absolute;
  top: 20px;
}
.webchat::before {
  box-shadow: 0 -5px 10px 8px rgba(0, 0, 0, 0.1);
  content: "";
  height: 40px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  border-radius: 80% 80% 0 0;
  transform: scale(1.5);
  transform-origin: center;
  background: #fff;
}
@media (min-width: 768px) {
  .webchat::before {
    display: none;
  }
}
.webchat::after {
  content: "";
  height: 40px;
  width: 100%;
  position: absolute;
  top: 60px;
  left: 0;
  z-index: 1;
  background: #fff;
  transform: scale(1.5);
}
@media (min-width: 768px) {
  .webchat::after {
    display: none;
  }
}
.webchat.-isopened {
  animation: arriveewebchat 500ms ease-in-out forwards;
}
.webchat .webchat__header {
  display: flex;
  align-items: center;
  position: relative;
  color: #089edd;
  background: #fff;
  z-index: 1;
  padding: 16px 35px;
}
@media (min-width: 768px) {
  .webchat .webchat__header {
    background: #089edd;
    color: #fff;
    border-radius: 8px 8px 0 0;
  }
}
.webchat .webchat__header .-first {
  display: flex;
  align-items: center;
  padding-top: 5px;
}
.webchat .webchat__header .-first .webchat__header__icon {
  display: none;
}
.webchat .webchat__header .-first .webchat__header__content {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
  padding-left: 35px;
}
.webchat .webchat__header .-first .webchat__header__content .webchat__header__sublabel {
  display: none;
}
.webchat .webchat__header .-second {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.webchat .webchat__header .-second .button__icon {
  position: absolute;
  display: inline-block;
}
.webchat .webchat__header .-second .button__icon.-down {
  position: absolute;
  left: 35px;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  padding: 0;
  background: #089edd;
  border-radius: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .webchat .webchat__header .-second .button__icon.-down {
    background: #fff;
  }
}
.webchat .webchat__header .-second .button__icon.-down::before {
  content: "";
  width: 22px;
  height: 22px;
  line-height: 22px;
  color: #fff;
  transform: rotate(-90deg);
  font-size: 9px;
  display: inline-block;
  position: absolute;
  left: 1px;
  top: 0;
}
@media (min-width: 768px) {
  .webchat .webchat__header .-second .button__icon.-down::before {
    color: #089edd;
  }
}
.webchat .webchat__header .-second .button__icon.-close {
  width: 22px;
  height: 22px;
  line-height: 22px;
  top: 50%;
  margin-top: -11px;
  right: 35px;
  color: #089edd;
  font-size: 25px;
}
@media (min-width: 768px) {
  .webchat .webchat__header .-second .button__icon.-close {
    color: #fff;
  }
}
.webchat .webchat__header .-second .button__icon.-close::before {
  content: "";
}
.webchat .webchat__content {
  background: white;
  height: calc(100vh - 92px);
  position: relative;
  z-index: 12;
}
.webchat .webchat__content .intro {
  padding: 20px;
  text-align: center;
  line-height: 1.4;
  color: #000000;
}
.webchat .webchat__content .intro p {
  margin: 0 0 15px 0;
}
.webchat .webchat__content .intro .link.-cancel {
  font-size: 14px;
  margin-top: 64px;
  display: block;
}
.webchat .webchat__content .webchat__message {
  text-align: center;
}
.webchat .webchat__content .webchat__action {
  display: flex;
  justify-content: center;
  margin-top: 32px;
  padding-bottom: 16px;
}
.webchat .webchat__content .button.-primary {
  margin: auto;
}
.webchat .webchat__content .link.-primary {
  margin: 5px auto;
  display: block;
  text-align: center;
}
.webchat .webchat__content .link.-discret {
  text-align: right;
}
.webchat .webchat__conversation {
  padding: 8px;
  height: calc(100vh - 220px);
  overflow-y: scroll;
  font-size: 14px;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .webchat .webchat__conversation {
    height: 288px;
  }
}
.webchat .webchat__conversation .webchat__conversation-row {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
}
.webchat .webchat__conversation .webchat__conversation-row::before {
  display: block;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 40px;
  content: "";
  border-radius: 100%;
  text-align: center;
  font-size: 22px;
}
.webchat .webchat__conversation .webchat__conversation-row .spinner .bounce {
  width: 10px;
  height: 10px;
  margin: 0 4px;
}
.webchat .webchat__conversation .webchat__conversation-row .content {
  padding: 20px;
  margin: 20px 0;
  max-width: calc(100% - 60px);
}
.webchat .webchat__conversation .webchat__conversation-row embed {
  max-width: 100% !important;
}
@media (min-width: 768px) {
  .webchat .webchat__conversation .webchat__conversation-row embed {
    max-width: 250px !important;
  }
}
.webchat .webchat__conversation .webchat__conversation-row img {
  max-width: 100% !important;
  cursor: pointer;
}
@media (min-width: 768px) {
  .webchat .webchat__conversation .webchat__conversation-row img {
    max-width: 250px !important;
  }
}
.webchat .webchat__conversation .webchat__conversation-row.them::before {
  margin-right: 25px;
  background: #F4F8FA;
  color: #586871;
}
.webchat .webchat__conversation .webchat__conversation-row.them .content {
  background: #F4F8FA;
  color: #000000;
  border-radius: 0 25px 25px 25px;
}
.webchat .webchat__conversation .webchat__conversation-row.them .content a {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.webchat .webchat__conversation .webchat__conversation-row.them .spinner div {
  background: #586871;
}
.webchat .webchat__conversation .webchat__conversation-row.you {
  justify-content: flex-end;
}
.webchat .webchat__conversation .webchat__conversation-row.you::before {
  order: 2;
  margin-left: 25px;
  background: #089edd;
  color: #fff;
}
.webchat .webchat__conversation .webchat__conversation-row.you .content {
  order: 1;
  background: #089edd;
  color: #fff;
  border-radius: 25px 0 25px 25px;
}
.webchat .webchat__conversation .webchat__conversation-row.you .spinner div {
  background: #fff;
}
.webchat .webchat__conversation::-webkit-scrollbar-track {
  -webkit-box-shadow: 0 0 0 transparent;
  background-color: #fff;
}
.webchat .webchat__conversation::-webkit-scrollbar {
  width: 10px;
  background-color: #fff;
}
.webchat .webchat__conversation::-webkit-scrollbar-thumb {
  background-color: #CEE9F4;
  border: 2px solid #fff;
  border-radius: 8px;
}
.webchat .textarea {
  border-radius: 80px;
  margin: 0 20px;
  width: calc(100% - 40px);
}
.webchat .textarea .textarea__field {
  padding-right: 40px;
}
.webchat .textarea.-disabled .textarea__field::-moz-placeholder {
  color: white !important;
}
.webchat .textarea.-disabled .textarea__field::placeholder {
  color: white !important;
}
.webchat .textarea.-disabled .spinner {
  position: absolute;
  width: 54px;
  padding: 0;
  top: 26px;
  left: 50%;
  margin-left: -27px;
}
.webchat .textarea.-disabled .textarea__button {
  opacity: 0.2;
}
.webchat .webchat__download {
  text-align: right;
  margin: 16px 20px 0;
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 768px) {
  .webchat .webchat__download {
    margin: 3px 20px 0;
  }
}
.webchat .webchat__download .button {
  font-size: 14px;
  justify-content: flex-end;
  color: #089edd;
  font-weight: normal;
  display: flex;
  align-items: center;
}
.webchat .webchat__download .button::before {
  content: "";
  margin-right: 4px;
  font-size: 22px;
}
.webchat .webchat__download .button span {
  text-decoration: underline;
}
.webchat .webchat__download .button:hover span {
  text-decoration: none;
}
@media (min-width: 768px) {
  .webchat.-minimized {
    top: calc(100vh - 62px);
  }
}
.webchat.-minimized .webchat__header .webchat__warning {
  position: absolute;
  left: 25px;
  top: 7px;
}
.webchat.-minimized .webchat__header .webchat__warning .webchat__warning-icon::before {
  content: "!";
  color: #fff;
  background: #E84E0F;
  border-radius: 100%;
  border: 1px solid #fff;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 18px;
  text-align: center;
}
.webchat.-minimized .webchat__content {
  height: 0;
  overflow: hidden;
  padding: 0 12px 0 12px;
  opacity: 0;
  visibility: hidden;
}
.webchat.-minimized.-flash .webchat__header {
  animation: flash 2500ms infinite ease-in-out;
}
.webchat.-maximized {
  animation: openwebchat 500ms ease-in-out forwards;
  height: auto;
}
@media (min-width: 768px) {
  .webchat.-maximized {
    height: 466px;
    animation-name: openwebchatDesktop;
    bottom: 0;
  }
}
.webchat.-maximized .webchat__header .-second .button__icon.-down::before {
  transform: rotate(90deg);
  left: -1px;
}
.webchat.-closed {
  display: none;
}
@keyframes arriveewebchat {
  0% {
    bottom: -100vh;
  }
  80% {
    bottom: 10px;
  }
  90% {
    bottom: 40px;
  }
  100% {
    bottom: 0;
  }
}
@keyframes openwebchat {
  0% {
    bottom: -100vh;
  }
  80% {
    bottom: 10px;
  }
  90% {
    bottom: 40px;
  }
  100% {
    bottom: 0;
  }
}
@keyframes openwebchatDesktop {
  0% {
    bottom: -100vh;
  }
  80% {
    bottom: 10px;
  }
  90% {
    bottom: 40px;
  }
  100% {
    bottom: 0;
  }
}
.transverseTables__wrap {
  max-width: 100%;
  overflow-x: auto;
  border-radius: 8px;
  border: 0;
}
.transverseTables__wrap .transverseTables {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 100%;
  border: 0;
  font-size: 16px;
  line-height: 1.5;
  overflow: hidden;
}
.transverseTables__wrap .transverseTables .transverseTables__row {
  position: relative;
  margin: 0;
  display: grid;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 100%;
}
.transverseTables__wrap .transverseTables .transverseTables__row .col {
  padding: 8px;
  background: #fff;
  display: flex;
}
.transverseTables__wrap .transverseTables .transverseTables__row .col.text-right {
  text-align: right;
  justify-content: flex-end;
}
.transverseTables__wrap .transverseTables .transverseTables__row .col .amount__indicator {
  display: grid;
  grid-template-columns: 20px auto;
  justify-content: flex-end;
  align-items: center;
  grid-gap: 8px;
  gap: 8px;
  white-space: nowrap;
}
.transverseTables__wrap .transverseTables .transverseTables__row:nth-child(odd) .col {
  background: #F1F8FC;
}
.transverseTables__wrap .transverseTables .transverseTables__row.-total .col {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  background-color: #CEE9F4;
}
.transverseTables__wrap .transverseTables .transverseTables__row.-rmq .col {
  background-color: #F1F8FC;
  color: #707070;
}
.transverseTables__wrap .transverseTables .transverseTables__row.-rmq .col a {
  color: #707070;
  text-decoration: underline;
}
.transverseTables__wrap .transverseTables .transverseTables__row.-rmq .col a:hover {
  text-decoration: none;
}
.transverseTables__wrap .transverseTables .transverseTables__row.-head .col {
  background-color: #089edd;
  color: #fff;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.transverseTables__wrap .transverseTables .transverseTables__row.-head .col .colhead__content {
  display: flex;
  align-items: flex-end;
  height: 100%;
}
.isAppMobile {
  background: #EAF6FB;
}
.isAppMobile.-popin-open {
  background: #fff;
  max-height: 100%;
  overflow: scroll !important;
}
.isAppMobile.-popin-open .approot {
  display: none;
}
.isAppMobile.-popin-open .modal__overlay {
  display: none;
}
.isAppMobile.-popin-open .modal {
  position: relative;
}
.isAppMobile.-popin-open .modal .modal__dialog {
  min-height: 1px;
  height: auto;
  margin: 0;
  width: 100vw;
  max-width: 100vw;
  border-radius: 0;
  box-shadow: 0 0 0 transparent;
}
.isAppMobile .approot {
  padding-bottom: 80px;
  display: block;
}
.isAppMobile .login.-fixed {
  display: block;
}
.isAppMobile .login.-fixed .login__footer {
  background-color: transparent;
}
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 992px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
.col-xl,
.col-xl-auto,
.col-xl-12,
.col-xl-11,
.col-xl-10,
.col-xl-9,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-lg,
.col-lg-auto,
.col-lg-12,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-md,
.col-md-auto,
.col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm,
.col-sm-auto,
.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col,
.col-auto,
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.offset-1 {
  margin-left: 8.3333333333%;
}
.offset-2 {
  margin-left: 16.6666666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.3333333333%;
}
.offset-5 {
  margin-left: 41.6666666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.3333333333%;
}
.offset-8 {
  margin-left: 66.6666666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.3333333333%;
}
.offset-11 {
  margin-left: 91.6666666667%;
}
@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    order: -1;
  }

  .order-sm-last {
    order: 13;
  }

  .order-sm-0 {
    order: 0;
  }

  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }

  .order-sm-3 {
    order: 3;
  }

  .order-sm-4 {
    order: 4;
  }

  .order-sm-5 {
    order: 5;
  }

  .order-sm-6 {
    order: 6;
  }

  .order-sm-7 {
    order: 7;
  }

  .order-sm-8 {
    order: 8;
  }

  .order-sm-9 {
    order: 9;
  }

  .order-sm-10 {
    order: 10;
  }

  .order-sm-11 {
    order: 11;
  }

  .order-sm-12 {
    order: 12;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }

  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }

  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }

  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }

  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    order: -1;
  }

  .order-md-last {
    order: 13;
  }

  .order-md-0 {
    order: 0;
  }

  .order-md-1 {
    order: 1;
  }

  .order-md-2 {
    order: 2;
  }

  .order-md-3 {
    order: 3;
  }

  .order-md-4 {
    order: 4;
  }

  .order-md-5 {
    order: 5;
  }

  .order-md-6 {
    order: 6;
  }

  .order-md-7 {
    order: 7;
  }

  .order-md-8 {
    order: 8;
  }

  .order-md-9 {
    order: 9;
  }

  .order-md-10 {
    order: 10;
  }

  .order-md-11 {
    order: 11;
  }

  .order-md-12 {
    order: 12;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.3333333333%;
  }

  .offset-md-2 {
    margin-left: 16.6666666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.3333333333%;
  }

  .offset-md-5 {
    margin-left: 41.6666666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.3333333333%;
  }

  .offset-md-8 {
    margin-left: 66.6666666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.3333333333%;
  }

  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1024px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    order: -1;
  }

  .order-lg-last {
    order: 13;
  }

  .order-lg-0 {
    order: 0;
  }

  .order-lg-1 {
    order: 1;
  }

  .order-lg-2 {
    order: 2;
  }

  .order-lg-3 {
    order: 3;
  }

  .order-lg-4 {
    order: 4;
  }

  .order-lg-5 {
    order: 5;
  }

  .order-lg-6 {
    order: 6;
  }

  .order-lg-7 {
    order: 7;
  }

  .order-lg-8 {
    order: 8;
  }

  .order-lg-9 {
    order: 9;
  }

  .order-lg-10 {
    order: 10;
  }

  .order-lg-11 {
    order: 11;
  }

  .order-lg-12 {
    order: 12;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }

  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }

  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }

  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }

  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-first {
    order: -1;
  }

  .order-xl-last {
    order: 13;
  }

  .order-xl-0 {
    order: 0;
  }

  .order-xl-1 {
    order: 1;
  }

  .order-xl-2 {
    order: 2;
  }

  .order-xl-3 {
    order: 3;
  }

  .order-xl-4 {
    order: 4;
  }

  .order-xl-5 {
    order: 5;
  }

  .order-xl-6 {
    order: 6;
  }

  .order-xl-7 {
    order: 7;
  }

  .order-xl-8 {
    order: 8;
  }

  .order-xl-9 {
    order: 9;
  }

  .order-xl-10 {
    order: 10;
  }

  .order-xl-11 {
    order: 11;
  }

  .order-xl-12 {
    order: 12;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }

  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }

  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }

  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }

  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
@font-face {
  font-family: "cz";
  font-weight: 400;
  font-style: normal;
  src: url("/content/dam/B2C/shared/fonts/cz.woff") format("woff");
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.f-cz-icons {
  font-family: "cz", sans-serif;
  font-weight: 400;
}
[class^=icon-cz-],
[class*=" icon-cz-"] {
  font-family: "cz", sans-serif !important;
  speak: none;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-cz-assistance::before {
  content: "";
}
.icon-cz-at::before {
  content: "";
}
.icon-cz-calculette::before {
  content: "";
}
.icon-cz-car::before {
  content: "";
}
.icon-cz-cb::before {
  content: "";
}
.icon-cz-change::before {
  content: "";
}
.icon-cz-crash::before {
  content: "";
}
.icon-cz-digital::before {
  content: "";
}
.icon-cz-clash::before {
  content: "";
}
.icon-cz-cle::before {
  content: "";
}
.icon-cz-depot::before {
  content: "";
}
.icon-cz-doc::before {
  content: "";
}
.icon-cz-doceuro::before {
  content: "";
}
.icon-cz-elec::before {
  content: "";
}
.icon-cz-env::before {
  content: "";
}
.icon-cz-euro::before {
  content: "";
}
.icon-cz-eye::before {
  content: "";
}
.icon-cz-eye-off::before {
  content: "";
}
.icon-cz-fire::before {
  content: "";
}
.icon-cz-fir::before {
  content: "";
}
.icon-cz-flash::before {
  content: "";
}
.icon-cz-folder::before {
  content: "";
}
.icon-cz-glasses::before {
  content: "";
}
.icon-cz-home::before {
  content: "";
}
.icon-cz-id::before {
  content: "";
}
.icon-cz-images::before {
  content: "";
}
.icon-cz-justice::before {
  content: "";
}
.icon-cz-key::before {
  content: "";
}
.icon-cz-legs::before {
  content: "";
}
.icon-cz-loisirs::before {
  content: "";
}
.icon-cz-manage::before {
  content: "";
}
.icon-cz-map::before {
  content: "";
}
.icon-cz-minus::before {
  content: "";
}
.icon-cz-modifier::before {
  content: "";
}
.icon-cz-moto::before {
  content: "";
}
.icon-cz-othercar::before {
  content: "";
}
.icon-cz-paper::before {
  content: "";
}
.icon-cz-parameters::before {
  content: "";
}
.icon-cz-pdf::before {
  content: "";
}
.icon-cz-pen::before {
  content: "";
}
.icon-cz-pin::before {
  content: "";
}
.icon-cz-phone::before {
  content: "";
}
.icon-cz-pointer::before {
  content: "";
}
.icon-cz-rc::before {
  content: "";
}
.icon-cz-reparator::before {
  content: "";
}
.icon-cz-sablier::before {
  content: "";
}
.icon-cz-send::before {
  content: "";
}
.icon-cz-soinssante::before {
  content: "";
}
.icon-cz-steal::before {
  content: "";
}
.icon-cz-storm::before {
  content: "";
}
.icon-cz-sun::before {
  content: "";
}
.icon-cz-tel::before {
  content: "";
}
.icon-cz-tie::before {
  content: "";
}
.icon-cz-umbrella::before {
  content: "";
}
.icon-cz-upload::before {
  content: "";
}
.icon-cz-user::before {
  content: "";
}
.icon-cz-wallet::before {
  content: "";
}
.icon-cz-water::before {
  content: "";
}
.icon-cz-world::before {
  content: "";
}
.icon-cz-work::before {
  content: "";
}
html,
body {
  line-height: 1.5;
  overflow-x: inherit;
}
html.-sidebar-open,
body.-sidebar-open {
  overflow: hidden !important;
  max-height: 100vh;
}
html.-popin-open,
body.-popin-open {
  overflow: hidden !important;
  max-height: 100vh;
}
html.-popin-open .-toblur,
body.-popin-open .-toblur {
  filter: blur(1.5px);
}
html .modal__overlay,
body .modal__overlay {
  background: rgba(255, 255, 255, 0.8);
}
html .modal .modal__dialog,
body .modal .modal__dialog {
  box-shadow: 0 2px 26px 0 rgba(120, 143, 180, 0.4);
}
.modal .modal__dialog .modal__content .row-btn-action {
  padding: 35px 0 0;
  margin: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  grid-gap: 20px;
  gap: 20px;
}
@media (min-width: 768px) {
  .modal .modal__dialog .modal__content .row-btn-action {
    flex-direction: row;
    justify-content: flex-start;
    grid-gap: 30px;
    gap: 30px;
    padding-bottom: 20px;
  }
}
.modal .modal__dialog .modal__content .row-btn-action .button {
  width: 100%;
}
@media (min-width: 768px) {
  .modal .modal__dialog .modal__content .row-btn-action .button {
    width: auto;
  }
}
.modal .modal__dialog .modal__content .modal__body .modal__form {
  padding: 0;
}
.modal .modal__dialog .modal__content .modal__body .modal__form .modal__form-row.-button {
  text-align: left;
}
.modal .modal__dialog .modal__content .modal__body .radio.-wrap {
  justify-content: flex-start;
}
.modal .modal__dialog .modalFnolUpload-img img {
  max-width: 100%;
  max-height: 200px;
}
.modal .cz__modal-textfieldMoreLess .textfield.-moreless {
  transform-origin: left;
  transform: scale(0.8);
  margin: 0;
}
.modal .cz__modal-upload .cz__modal-upload-button {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.modal .cz__modal-upload .cz__modal-upload-button .button {
  width: 325px;
  max-width: 90%;
  margin: 15px 0;
}
.modal .cz__modal-upload .cz__modal-upload-button .button .button__icon {
  font-size: 26px;
}
.modal .cz__modal-upload .cz__modal-upload-button .button.-cancel {
  padding: 0;
  text-align: left;
}
.modal .cz__modal-upload .cz__modal-upload-files {
  width: 325px;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 20px 0 0 0;
  text-align: left;
}
.modal .cz__modal-upload .cz__modal-upload-files .button {
  display: inline-flex;
  text-align: left;
  font-size: 12px;
  border-radius: 16px;
  transition: all 250ms ease;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.modal .cz__modal-upload .cz__modal-upload-files .button .button__wrap-label {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.modal .cz__modal-upload .cz__modal-upload-files .button .button__wrap-label .button__label {
  text-decoration: underline;
}
.modal .cz__modal-upload .cz__modal-upload-files .button .button__wrap-label .button__label:hover {
  text-decoration: none;
}
.modal .cz__modal-upload .cz__modal-upload-files .button.-primary {
  box-shadow: 0 0 0 transparent;
}
@media (min-width: 768px) {
  .modal .cz__modal-adress .radio {
    justify-content: flex-start;
  }
}
.customerZone {
  min-height: 100vh;
  position: relative;
  z-index: 0;
  max-width: 100vw;
  width: 100%;
  overflow-x: hidden;
  background: #EAF6FB;
}
@media (min-width: 768px) {
  .customerZone {
    font-size: 18px;
  }
}
.customerZone .logo__link {
  display: block;
}
.customerZone .radio.-square .radio__element .radio__field.-is-checked + .radio__label::before {
  background: #31933E;
  border-color: #31933E;
}
.customerZone ul.list.-validate li.-valid::before {
  color: #31933E;
}
.customerZone .customerZone__body {
  padding: 50px 0 20px;
}
@media (min-width: 576px) {
  .customerZone .customerZone__body {
    padding-bottom: 50px;
  }
}
.customerZone .customerZone__body.-full {
  background-color: #fff;
}
.customerZone .customerZone__body.-full::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #fff;
  width: 100vw;
  height: 100vh;
}
.customerZone .customerZone__body.-tt {
  padding: 0;
}
.customerZone .customerZone__body.-claims {
  padding: 30px 0 0 0;
}
@media (min-width: 768px) {
  .customerZone .customerZone__body.-claims {
    padding: 50px 0 40px 0;
  }
}
.customerZone .customerZone__body.-claims .cz__help {
  margin: 0;
}
.customerZone .customerZone__body.-claims .cz__details-wrap {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  gap: 10px;
}
@media (min-width: 768px) {
  .customerZone .customerZone__body.-claims .cz__details-wrap {
    grid-gap: 20px;
    gap: 20px;
  }
}
.customerZone .customerZone__body.-claims .cz__details-wrap .cz__details {
  margin: 0;
}
.customerZone .customerZone__body .customerZone__body {
  background: transparent;
  padding: 0;
  min-height: 1px;
}
.customerZone .customerZone__body .optin {
  display: grid;
  grid-gap: 60px;
  gap: 60px;
  max-width: 800px;
}
@media (min-width: 768px) {
  .customerZone .customerZone__body .optin {
    padding-left: 10px;
  }
}
.customerZone .customerZone__body .optin .optin__cta {
  display: flex;
  grid-gap: 16px;
  gap: 16px;
}
.customerZone .customerZone__body .optin .optin__row {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}
.customerZone .customerZone__body .optin .optin__row .optin__welcome {
  text-align: left;
  margin-bottom: 20px;
}
.customerZone .customerZone__body .optin .optin__row .optin__title {
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
}
.customerZone .customerZone__body .optin .optin__row .optin__form {
  margin-top: 8px;
}
.customerZone .customerZone__body .optin .optin__row .radio.-square .radio__element.-is-checked .radio__label::before {
  background-color: #089edd;
  border-color: #089edd;
}
.customerZone .customerZone__body .optin .optin__row .radio.-square .radio__element .radio__label .label {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.customerZone .cz__synthesis-sep {
  padding-top: 32px;
  margin-bottom: 32px;
  border-bottom: 1px solid #94D5F1;
}
.customerZone .cz__synthesis {
  grid-gap: 16px 0;
  gap: 16px 0;
}
.customerZone .cz__synthesis.-cta {
  margin-top: 32px;
}
.customerZone .cz__synthesis .cz__synthesis-title {
  font-size: 14px;
  color: #98B3C4;
}
.customerZone .cz__synthesis .cz__synthesis-value {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.customerZone .cz__button.-center {
  display: flex;
  justify-content: center;
  padding: 0 40px;
}
.customerZone .cz__button.-last {
  padding-top: 30px;
  text-align: center;
}
@media (min-width: 768px) {
  .customerZone .cz__button.-last {
    padding-top: 40px;
  }
}
.customerZone .cz__button.-claims {
  display: flex;
  grid-gap: 10px;
  gap: 10px;
  flex-wrap: wrap;
}
.customerZone .button__icon.-info {
  padding-left: 10px;
}
.customerZone .button__icon.-info::before {
  content: "";
}
.customerZone .button__icon.-info.p-none {
  padding-left: 0;
}
.customerZone .-products.-car {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/auto.png);
}
.customerZone .-products.-bmw {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/bmw.png);
}
.customerZone .-products.-mini {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/mini.png);
}
.customerZone .-products.-home {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/habitation.png);
}
.customerZone .-products.-assistance {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/assistance.png);
}
.customerZone .-products.-familiale {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/familiale.png);
}
.customerZone .-products.-twowheels {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/twowheels.png);
}
.customerZone .-products.-sds {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/sds.png);
}
.customerZone .-products.-bike {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/bike.png);
}
.customerZone .-products.-pickup {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/pickup.png);
}
.customerZone .-products.-rc {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/rc.png);
}
.customerZone .-products.-voyage {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/voyage.png);
}
.customerZone .-products.-he {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/he.png);
}
.customerZone .-products.-at {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/at.png);
}
.customerZone .-products.-life {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/life.png);
}
.customerZone .-products.-do {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/do.png);
}
.customerZone .-products.-other-vehicles {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/other-vehicles.png);
}
.customerZone .-products.-scooter {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/scooter.png);
}
.customerZone .-products.-car-enjoy {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/car-enjoy.png);
}
.customerZone .-products.-other {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/other.png);
}
.customerZone .-products.-epargne {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/epargne.png);
}
.customerZone .-products.-truck {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/truck.png);
}
.customerZone .-products.-bikemore {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/bikemore.png);
}
.customerZone .-products.-carhandicap {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/carhandicap.png);
}
.customerZone .-products.-trail {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/trail.png);
}
.customerZone .-products.-motorhome {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/motorhome.png);
}
.customerZone .-products.-carclassic {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/carclassic.png);
}
.customerZone .-products.-caroldtimer {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/caroldtimer.png);
}
.customerZone .-products.-twowheelsoldtimer {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/twowheelsoldtimer.png);
}
.customerZone .-products.-twowheelsclassic {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/twowheelsclassic.png);
}
.customerZone .-products.-tractor {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/tractor.png);
}
.customerZone .-products.-juridical {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/juridical.png);
}
.customerZone .-products.-luggages {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/luggages.png);
}
.customerZone .-products.-hunt {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/hunt.png);
}
.customerZone .-products.-allrisk {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/allrisk.png);
}
.customerZone .-products.-bodyaccident {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/bodyaccident.png);
}
.customerZone .-products.-coach {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/coach.png);
}
.customerZone .-products.-academic {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/academic.png);
}
.customerZone .-products.-professional {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/professional.png);
}
.customerZone .-products.-autonomia {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/autonomia.png);
}
.customerZone .-products.-capitaldiffere {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/capitaldiffere.png);
}
.customerZone .-products.-first {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/first.png);
}
.customerZone .-products.-firstinvest {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/firstinvest.png);
}
.customerZone .-products.-certiflex {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/certiflex.png);
}
.customerZone .-products.-pension {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/pension.png);
}
.customerZone .-products.-pension-legale {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/pension-legale.png);
}
.customerZone .-products.-pension-complementaire {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/pension-complementaire.png);
}
.customerZone .-products.-fiscal {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/fiscal.png);
}
.customerZone .-products.-boost {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/boost.png);
}
.customerZone .-products.-boat {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/boat.png);
}
.customerZone .-products.-wheelchair {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/wheelchair.png);
}
.customerZone .-products.-bigtruck {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/bigtruck.png);
}
.customerZone .-products.-invest {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/invest.png);
}
.customerZone .-products.-srd {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/srd.png);
}
.customerZone .-products.-dela {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/dela.png);
}
.customerZone .-products.-savings21 {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/savings21.png);
}
.customerZone .-products.-savings26 {
  background-image: url(/content/dam/B2C/customerzone/products/mobile/savings26.png);
}
@media (min-width: 768px) {
  .customerZone .-products.-car {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/auto.png);
  }

  .customerZone .-products.-bmw {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/bmw.png);
  }

  .customerZone .-products.-mini {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/mini.png);
  }

  .customerZone .-products.-home {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/habitation.png);
  }

  .customerZone .-products.-assistance {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/assistance.png);
  }

  .customerZone .-products.-familiale {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/familiale.png);
  }

  .customerZone .-products.-twowheels {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/twowheels.png);
  }

  .customerZone .-products.-sds {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/sds.png);
  }

  .customerZone .-products.-bike {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/bike.png);
  }

  .customerZone .-products.-pickup {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/pickup.png);
  }

  .customerZone .-products.-rc {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/rc.png);
  }

  .customerZone .-products.-voyage {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/voyage.png);
  }

  .customerZone .-products.-he {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/he.png);
  }

  .customerZone .-products.-at {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/at.png);
  }

  .customerZone .-products.-life {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/life.png);
  }

  .customerZone .-products.-do {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/do.png);
  }

  .customerZone .-products.-other-vehicles {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/other-vehicles.png);
  }

  .customerZone .-products.-scooter {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/scooter.png);
  }

  .customerZone .-products.-car-enjoy {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/car-enjoy.png);
  }

  .customerZone .-products.-other {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/other.png);
  }

  .customerZone .-products.-epargne {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/epargne.png);
  }

  .customerZone .-products.-truck {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/truck.png);
  }

  .customerZone .-products.-bikemore {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/bikemore.png);
  }

  .customerZone .-products.-carhandicap {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/carhandicap.png);
  }

  .customerZone .-products.-trail {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/trail.png);
  }

  .customerZone .-products.-motorhome {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/motorhome.png);
  }

  .customerZone .-products.-carclassic {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/carclassic.png);
  }

  .customerZone .-products.-caroldtimer {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/caroldtimer.png);
  }

  .customerZone .-products.-twowheelsoldtimer {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/twowheelsoldtimer.png);
  }

  .customerZone .-products.-twowheelsclassic {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/twowheelsclassic.png);
  }

  .customerZone .-products.-tractor {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/tractor.png);
  }

  .customerZone .-products.-juridical {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/juridical.png);
  }

  .customerZone .-products.-luggages {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/luggages.png);
  }

  .customerZone .-products.-hunt {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/hunt.png);
  }

  .customerZone .-products.-allrisk {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/allrisk.png);
  }

  .customerZone .-products.-bodyaccident {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/bodyaccident.png);
  }

  .customerZone .-products.-coach {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/coach.png);
  }

  .customerZone .-products.-academic {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/academic.png);
  }

  .customerZone .-products.-professional {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/professional.png);
  }

  .customerZone .-products.-autonomia {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/autonomia.png);
  }

  .customerZone .-products.-capitaldiffere {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/capitaldiffere.png);
  }

  .customerZone .-products.-first {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/first.png);
  }

  .customerZone .-products.-firstinvest {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/firstinvest.png);
  }

  .customerZone .-products.-certiflex {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/certiflex.png);
  }

  .customerZone .-products.-pension {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/pension.png);
  }

  .customerZone .-products.-pension-legale {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/pension-legale.png);
  }

  .customerZone .-products.-pension-complementaire {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/pension-complementaire.png);
  }

  .customerZone .-products.-fiscal {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/fiscal.png);
  }

  .customerZone .-products.-boost {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/boost.png);
  }

  .customerZone .-products.-boat {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/boat.png);
  }

  .customerZone .-products.-wheelchair {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/wheelchair.png);
  }

  .customerZone .-products.-bigtruck {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/bigtruck.png);
  }

  .customerZone .-products.-invest {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/invest.png);
  }

  .customerZone .-products.-srd {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/srd.png);
  }

  .customerZone .-products.-dela {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/dela.png);
  }

  .customerZone .-products.-savings21 {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/savings21.png);
  }

  .customerZone .-products.-savings26 {
    background-image: url(/content/dam/B2C/customerzone/products/desktop/savings26.png);
  }
}
.customerZone .email {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
@media (min-width: 576px) {
  .customerZone .email {
    display: inline;
  }
}
.customerZone .cz__notif-label {
  display: inline-block;
  position: relative;
}
.customerZone .cz__notif {
  position: absolute;
  width: 13px;
  height: 13px;
  text-align: center;
  border-radius: 100%;
  background: #E84E0F;
  color: #fff;
  font-size: 10px;
  line-height: 14px;
  top: -2px;
  right: -15px;
}
.customerZone .cz__action {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 35px 0 20px;
  grid-gap: 35px;
  gap: 35px;
}
@media (min-width: 768px) {
  .customerZone .cz__action {
    align-items: center;
    flex-direction: row;
  }
}
.customerZone .cz__action.-nopaddingbottom {
  padding-bottom: 0;
}
.customerZone .cz__action .button {
  max-width: 300px;
}
.customerZone .customerZone-wrap {
  width: 100%;
  padding: 0 20px;
  max-width: 1422px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: block;
}
.customerZone .customerZone-wrap.-m {
  max-width: 1040px;
}
@media (max-width: 768px) {
  .customerZone .customerZone-wrap.-fullScreenMobile {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .customerZone .customerZone-wrap.-cards {
    padding: 0 10px 0;
  }
}
.customerZone .customerZone-wrap.-cards > .cz__button {
  margin: 40px 0 0 15px;
}
.customerZone .customerZone-wrap.-cards .cz__footer {
  padding-top: 35px;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .customerZone .customerZone-wrap.-cards .cz__footer {
    padding-top: 42px;
  }
}
@media (min-width: 768px) {
  .customerZone .customerZone-wrap.-cards .cz__footer ul li::after {
    content: "";
    margin: 0 26px;
  }
}
.customerZone .cz__list {
  max-width: 898px;
  margin: 0 auto;
}
.customerZone .cz__list .cz__button-wrap {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 10px;
  gap: 10px;
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  .customerZone .cz__list .cz__button-wrap {
    justify-content: center;
  }
}
.customerZone .cz__list .cz__button-wrap.-multi {
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  .customerZone .cz__list .cz__button-wrap.-multi {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.customerZone .cz__list .cz__button-wrap.-multi .cz__button {
  margin: 10px 0;
}
@media (min-width: 768px) {
  .customerZone .cz__list .cz__button-wrap.-multi .cz__button {
    margin: 0 10px;
  }
}
.customerZone .cz__list .cz__button-wrap.-multi .cz__button .button {
  width: 100%;
}
@media (min-width: 768px) {
  .customerZone .cz__list .cz__button-wrap.-multi .cz__button .button {
    width: auto;
  }
}
.customerZone .cz__list .cz__button {
  text-align: center;
  margin-bottom: 60px;
}
.customerZone .cz__list .cz__button.-left {
  text-align: left;
}
.customerZone .cz__list .cz__button.-claims {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .customerZone .cz__list .cz__button.-claims {
    margin-bottom: 50px;
  }
}
.customerZone .cz__list .cz__content_title {
  padding: 0px 15px 42px 15px;
  text-align: center;
}
@media (min-width: 768px) {
  .customerZone .cz__list .cz__content_title {
    text-align: left;
  }
}
.customerZone .cz__list .cz__info {
  justify-content: center;
  margin-bottom: 40px;
}
.customerZone .cz__list .cz__cards__wrap {
  padding: 0;
}
.customerZone .cz__list .cz__cards__wrap .cz__cards {
  margin-left: 0;
  margin-right: 0;
}
.customerZone .cz__list.-unstyled .cz__list-item {
  margin-bottom: 15px;
}
.customerZone .cz__list.-unstyled .cz__list-item:last-child {
  margin-bottom: 0;
}
.customerZone .cz__error {
  max-width: 500px;
  margin: 80px auto 30px;
  text-align: center;
}
.customerZone .cz__error .cz__error-title {
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  margin-bottom: 15px;
}
.customerZone .cz__error .cz__error-label {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 15px;
}
.customerZone .cz__error .cz__error-button {
  margin-top: 30px;
}
.customerZone .cz__content_title {
  padding: 30px 15px 30px 15px;
}
.customerZone .cz__content_title .label {
  font-size: 22px;
  color: #089edd;
}
@media (min-width: 768px) {
  .customerZone .cz__content_title .label {
    font-size: 24px;
  }
}
.customerZone .cz__content_title .sublabel {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.customerZone .cz__info {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 0 10px;
  margin: 40px auto;
}
@media (min-width: 768px) {
  .customerZone .cz__info {
    align-items: center;
    padding: 0;
    margin: 80px auto;
  }
}
.customerZone .cz__info .cz__info-icon {
  color: #94D5F1;
  font-size: 35px;
  margin: 0 31px 0 0;
  display: none;
  text-align: center;
}
@media (min-width: 768px) {
  .customerZone .cz__info .cz__info-icon {
    display: block;
  }
}
.customerZone .cz__info .cz__info-icon::before {
  content: "";
}
.customerZone .cz__info .cz__info-label-wrap {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
}
.customerZone .cz__info .cz__info-label {
  color: #212121;
  display: block;
  text-align: left;
  font-style: italic;
}
.customerZone .cz__info .cz__info-label .cz__info-title {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  display: block;
}
.customerZone .cz__info.-warning .cz__info-icon {
  color: #E84E0F;
}
.customerZone .cz__info.-warning .cz__info-label {
  color: #E84E0F;
}
.customerZone .cz__info.-warning .link {
  color: #E84E0F;
}
.customerZone .cz__info.-clickable {
  cursor: pointer;
}
.customerZone .cz__info.-left {
  justify-content: flex-start;
}
.customerZone .cz__info.-top {
  align-items: flex-start;
}
.customerZone .cz__info.-top .cz__info-icon {
  position: relative;
  top: -13px;
}
.customerZone .cz__info.-top.-withoutTitle .cz__info-icon {
  top: 0;
}
.customerZone .cz__info.-m {
  max-width: 898px;
}
.customerZone .cz__info.-s {
  max-width: 500px;
}
.customerZone .cz__info.-withoutcard {
  margin: 30px auto;
}
@media (min-width: 768px) {
  .customerZone .cz__info.-withoutcard {
    margin: 30px auto;
  }
}
.customerZone .cz__info.-first {
  margin: 0 auto 40px;
}
.customerZone .cz__info.-green {
  justify-content: flex-start;
}
.customerZone .cz__info.-green .cz__info-icon {
  color: #31933E;
  display: block;
}
.customerZone .cz__info.-green .cz__info-icon::before {
  content: "";
}
.customerZone .cz__info.-green .cz__info-label {
  color: #31933E;
}
.customerZone .cz__price {
  background: #F1F8FC;
  border-radius: 20px;
  margin: 60px auto 0;
  padding: 40px;
  position: relative;
}
@media (min-width: 768px) {
  .customerZone .cz__price {
    padding: 52px 50px;
  }
}
.customerZone .cz__price .row {
  margin: 0 auto 13px;
  display: block;
}
.customerZone .cz__price .row.-second {
  font-size: 20px;
  color: #212121;
}
@media (min-width: 768px) {
  .customerZone .cz__price .row.-second {
    font-size: 22px;
  }
}
.customerZone .cz__price .row:last-child {
  margin-bottom: 0;
}
.customerZone .cz__rmq {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  color: #7291A3;
  font-size: 14px;
}
.customerZone .cz__otp .cz__form .cz__form-row .link {
  font-size: 14px;
}
.customerZone .cz__otp .messages.-form {
  opacity: 0;
  transform: translateX(30px);
  transition: all 250ms ease;
}
.customerZone .cz__otp .messages.-form.-on {
  transform: translateX(0);
  opacity: 1;
}
.customerZone .cz__footer {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .customerZone .cz__footer {
    padding-bottom: 55px;
  }
}
@media (min-width: 768px) {
  .customerZone .cz__footer ul {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 768px) {
  .customerZone .cz__footer ul li {
    display: flex;
    align-items: center;
  }
}
.customerZone .cz__footer ul li .cz__footer-link {
  text-align: center;
  position: relative;
  color: #089edd;
  text-decoration: underline;
  cursor: pointer;
  padding: 8px 20px;
  margin-bottom: 8px;
  font-size: 16px;
}
@media (min-width: 768px) {
  .customerZone .cz__footer ul li .cz__footer-link {
    font-size: 18px;
    padding: 0;
    margin-bottom: 0;
  }
}
.customerZone .cz__footer ul li .cz__footer-link:hover {
  text-decoration: none;
}
@media (min-width: 768px) {
  .customerZone .cz__footer ul li::after {
    content: "|";
    display: inline-block;
    color: #94D5F1;
    margin: 0 21px;
  }
}
.customerZone .cz__footer ul li:last-child {
  margin-bottom: 0;
}
.customerZone .cz__footer ul li:last-child::after {
  display: none;
}
.customerZone .cz__footer.-boost, .customerZone .cz__footer.-life {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: "previous next" "buttons buttons";
}
@media (min-width: 768px) {
  .customerZone .cz__footer.-boost, .customerZone .cz__footer.-life {
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "previous buttons next";
  }
}
.customerZone .cz__footer.-boost .button__wrap, .customerZone .cz__footer.-life .button__wrap {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  grid-gap: 8px;
  gap: 8px;
  grid-area: buttons;
}
@media (min-width: 768px) {
  .customerZone .cz__footer.-boost .button__wrap, .customerZone .cz__footer.-life .button__wrap {
    grid-gap: 30px;
    gap: 30px;
    flex-direction: row;
    margin-top: 0;
  }
}
.customerZone .cz__footer.-boost .button.-previous, .customerZone .cz__footer.-life .button.-previous {
  grid-area: previous;
}
.customerZone .cz__footer.-boost .button.-nextcost, .customerZone .cz__footer.-life .button.-nextcost {
  grid-area: next;
  justify-content: flex-end;
}
.customerZone .cz__step-wrap {
  position: relative;
}
.menumobile.-cc2 {
  right: 100vh;
}
/*
.cz__appear
{
    opacity: 0;
    transition: all 500ms ease;
}
.cz__appear.-off.in
{
    opacity: 0;
}
.cz__appear.in
{
    opacity: 1;
}


.cz__appear-x
{
    opacity: 0;
    overflow: hidden;
    transform: translateX(200px);
    transition: all 500ms ease;
}
.cz__appear-x.-off.in
{
    opacity: 0;
    overflow: hidden;
    transform: translateX(200px);
    transition: all 500ms ease;
}
.cz__appear-x.in
{
    opacity: 1;
    overflow: visible;
    transform: translateX(0);
}

*/
.customerZone__body.-claims .accordion__wrap-title {
  padding-top: 50px;
  padding-bottom: 25px;
}
@media (min-width: 768px) {
  .customerZone__body.-claims .accordion__wrap-title {
    padding-top: 75px;
  }
}
.customerZone__body.-claims .-fullScreenMobile .cz__help .cz__help-wrap {
  border-radius: 0;
}
@media (min-width: 768px) {
  .customerZone__body.-claims .-fullScreenMobile .cz__help .cz__help-wrap {
    border-radius: 20px;
  }
}
.customerZone__body.-claims .-fullScreenMobile .cz__help.-deletespacestatus {
  top: -30px;
}
@media (min-width: 768px) {
  .customerZone__body.-claims .-fullScreenMobile .cz__help.-deletespacestatus {
    top: 0;
    margin-bottom: 30px;
  }
}
.form.-claims .fc__title,
.swipeRefined.formclaims .fc__title {
  font-size: 36px;
  font-family: "Light", arial, sans-serif;
  font-weight: 400;
  line-height: 1;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .form.-claims .fc__title,
.swipeRefined.formclaims .fc__title {
    padding-left: 0;
    padding-right: 0;
  }
}
.form.-claims .fc__numbering,
.swipeRefined.formclaims .fc__numbering {
  opacity: 0.7;
  font-size: 12px;
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
  margin-bottom: 4px;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .form.-claims .fc__numbering,
.swipeRefined.formclaims .fc__numbering {
    padding-left: 0;
    padding-right: 0;
  }
}
.form.-claims .list.-check .checked,
.swipeRefined.formclaims .list.-check .checked {
  padding-left: 0;
}
.form.-claims .list.-check .checked::before,
.swipeRefined.formclaims .list.-check .checked::before {
  transform: scale(0.8);
  left: -25px;
  top: 0;
}
.form.-claims .list.-number li,
.swipeRefined.formclaims .list.-number li {
  padding-left: 25px;
}
.form.-claims .list.-number li::before,
.swipeRefined.formclaims .list.-number li::before {
  transform: scale(0.8);
  top: 0;
}
.form.-claims .data__group .data__title,
.swipeRefined.formclaims .data__group .data__title {
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .form.-claims .data__group .data__title,
.swipeRefined.formclaims .data__group .data__title {
    padding-left: 0;
    padding-right: 0;
  }
}
.form.-claims .fc__repairers,
.swipeRefined.formclaims .fc__repairers {
  background-color: #CEE9F4;
  grid-gap: 1px;
  gap: 1px;
  display: grid;
  overflow: hidden;
  line-height: 1.3;
}
.form.-claims .fc__repairers .fc__repairers-choice,
.swipeRefined.formclaims .fc__repairers .fc__repairers-choice {
  padding: 20px 15px;
  background-color: #fff;
  display: grid;
  align-items: flex-start;
  position: relative;
}
.form.-claims .fc__repairers .fc__repairers-choice.-withradio,
.swipeRefined.formclaims .fc__repairers .fc__repairers-choice.-withradio {
  cursor: pointer;
}
.form.-claims .fc__repairers .fc__repairers-choice.-withradio .fc__repairers-wrap,
.swipeRefined.formclaims .fc__repairers .fc__repairers-choice.-withradio .fc__repairers-wrap {
  padding: 0;
  grid-template-columns: 30px 1fr;
  grid-gap: 10px;
  gap: 10px;
  display: grid;
}
.form.-claims .fc__repairers .fc__repairers-choice.-withradio .fc__repairers-wrap:before,
.swipeRefined.formclaims .fc__repairers .fc__repairers-choice.-withradio .fc__repairers-wrap:before {
  width: 30px;
  height: 30px;
  border: 1px solid #089edd;
  border-radius: 100%;
  position: relative;
  top: -5px;
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
}
.form.-claims .fc__repairers .fc__repairers-choice.-withradio .fc__repairers-wrap:after,
.swipeRefined.formclaims .fc__repairers .fc__repairers-choice.-withradio .fc__repairers-wrap:after {
  content: "";
  width: 30px;
  height: 30px;
  background: #089edd;
  border-radius: 100%;
  transform: scale(0);
  transform-origin: center;
  position: absolute;
  top: -5px;
  left: 0px;
  transition: all 250ms ease;
}
.form.-claims .fc__repairers .fc__repairers-choice.-withradio .fc__repairers-wrap:hover,
.swipeRefined.formclaims .fc__repairers .fc__repairers-choice.-withradio .fc__repairers-wrap:hover {
  color: inherit;
}
.form.-claims .fc__repairers .fc__repairers-choice.-withradio.-is-checked .fc__repairers-wrap:after,
.swipeRefined.formclaims .fc__repairers .fc__repairers-choice.-withradio.-is-checked .fc__repairers-wrap:after {
  transform: scale(0.6);
}
.form.-claims .fc__repairers .fc__repairers-choice.-withradio.-is-lock .fc__repairers-wrap::before,
.swipeRefined.formclaims .fc__repairers .fc__repairers-choice.-withradio.-is-lock .fc__repairers-wrap::before {
  content: "";
  color: #5D717C;
  font-size: 20px;
  border: 0;
}
.form.-claims .fc__repairers .fc__repairers-choice.-withradio.-is-lock .fc__repairers-lock,
.form.-claims .fc__repairers .fc__repairers-choice.-withradio.-is-lock .fc__repairers-title,
.swipeRefined.formclaims .fc__repairers .fc__repairers-choice.-withradio.-is-lock .fc__repairers-lock,
.swipeRefined.formclaims .fc__repairers .fc__repairers-choice.-withradio.-is-lock .fc__repairers-title {
  color: #5D717C;
}
.form.-claims .fc__repairers .fc__repairers-choice.-withradio.-is-lock.-is-checked .fc__repairers-wrap::after,
.swipeRefined.formclaims .fc__repairers .fc__repairers-choice.-withradio.-is-lock.-is-checked .fc__repairers-wrap::after {
  display: none;
}
.form.-claims .fc__repairers .fc__repairers-choice.-withradio.-withsubtitle,
.swipeRefined.formclaims .fc__repairers .fc__repairers-choice.-withradio.-withsubtitle {
  padding-top: 30px;
}
.form.-claims .fc__repairers .fc__repairers-choice .fc__repairers-field,
.swipeRefined.formclaims .fc__repairers .fc__repairers-choice .fc__repairers-field {
  width: 30px;
  height: 30px;
  border: 1px solid #089edd;
  border-radius: 100%;
  position: relative;
  top: -5px;
}
.form.-claims .fc__repairers .fc__repairers-choice .fc__repairers-field:after,
.swipeRefined.formclaims .fc__repairers .fc__repairers-choice .fc__repairers-field:after {
  content: "";
  width: 30px;
  height: 30px;
  background: #089edd;
  border-radius: 100%;
  transform: scale(0);
  transform-origin: center;
  position: absolute;
  top: -1px;
  left: -1px;
  transition: all 250ms ease;
}
.form.-claims .fc__repairers .fc__repairers-choice .fc__repairers-body,
.swipeRefined.formclaims .fc__repairers .fc__repairers-choice .fc__repairers-body {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}
.form.-claims .fc__repairers .fc__repairers-choice .fc__repairers-body .fc__repairers-cta,
.swipeRefined.formclaims .fc__repairers .fc__repairers-choice .fc__repairers-body .fc__repairers-cta {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
  gap: 20px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  justify-content: center;
  text-align: center;
}
@media (min-width: 768px) {
  .form.-claims .fc__repairers .fc__repairers-choice .fc__repairers-body .fc__repairers-cta,
.swipeRefined.formclaims .fc__repairers .fc__repairers-choice .fc__repairers-body .fc__repairers-cta {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
.form.-claims .fc__repairers .fc__repairers-choice .fc__repairers-body .fc__repairers-cta .button,
.swipeRefined.formclaims .fc__repairers .fc__repairers-choice .fc__repairers-body .fc__repairers-cta .button {
  width: 100%;
  justify-content: center;
}
@media (min-width: 768px) {
  .form.-claims .fc__repairers .fc__repairers-choice .fc__repairers-body .fc__repairers-cta .button,
.swipeRefined.formclaims .fc__repairers .fc__repairers-choice .fc__repairers-body .fc__repairers-cta .button {
    width: auto;
  }
}
.form.-claims .fc__repairers .fc__repairers-choice .fc__repairers-body .fc__repairers-cta .button .button__icon,
.swipeRefined.formclaims .fc__repairers .fc__repairers-choice .fc__repairers-body .fc__repairers-cta .button .button__icon {
  font-size: 18px;
}
.form.-claims .fc__repairers .fc__repairers-choice .fc__repairers-body .fc__repairers-cta .button.-link,
.swipeRefined.formclaims .fc__repairers .fc__repairers-choice .fc__repairers-body .fc__repairers-cta .button.-link {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.form.-claims .fc__repairers .fc__repairers-choice .fc__repairers-body .fc__repairers-title,
.swipeRefined.formclaims .fc__repairers .fc__repairers-choice .fc__repairers-body .fc__repairers-title {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
  position: relative;
}
.form.-claims .fc__repairers .fc__repairers-choice .fc__repairers-body .fc__repairers-subtitle,
.swipeRefined.formclaims .fc__repairers .fc__repairers-choice .fc__repairers-body .fc__repairers-subtitle {
  text-transform: uppercase;
  font-size: 12px;
  color: #089edd;
  position: absolute;
  left: 0;
  top: -16px;
}
.form.-claims .fc__repairers .fc__repairers-choice .fc__repairers-body .fc__repairers-list,
.swipeRefined.formclaims .fc__repairers .fc__repairers-choice .fc__repairers-body .fc__repairers-list {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.form.-claims .fc__repairers .fc__repairers-choice:hover .radio__label,
.swipeRefined.formclaims .fc__repairers .fc__repairers-choice:hover .radio__label {
  color: inherit;
}
.form.-claims .fc__wrap,
.swipeRefined.formclaims .fc__wrap {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
  font-size: 16px;
}
.form.-claims .fc__wrap.-moreSpaced,
.swipeRefined.formclaims .fc__wrap.-moreSpaced {
  grid-gap: 30px;
  gap: 30px;
}
.form.-claims .fc__wrap .cz__help-thirdparty,
.swipeRefined.formclaims .fc__wrap .cz__help-thirdparty {
  border-radius: 20px;
  padding: 20px 0;
  background-color: #E2E9F3;
  position: relative;
}
.form.-claims .fc__wrap .cz__help-thirdparty .thirdparty__wrap-label,
.swipeRefined.formclaims .fc__wrap .cz__help-thirdparty .thirdparty__wrap-label {
  padding: 0 20px 16px;
  margin-bottom: 16px;
  display: grid;
  align-items: flex-start;
  grid-template-columns: 20px 1fr;
  grid-gap: 15px;
  gap: 15px;
  position: relative;
}
.form.-claims .fc__wrap .cz__help-thirdparty .thirdparty__wrap-label:before,
.swipeRefined.formclaims .fc__wrap .cz__help-thirdparty .thirdparty__wrap-label:before {
  content: "!";
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #816EA6;
  color: #E2E9F3;
}
.form.-claims .fc__wrap .cz__help-thirdparty .thirdparty__wrap-label:after,
.swipeRefined.formclaims .fc__wrap .cz__help-thirdparty .thirdparty__wrap-label:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #816EA6;
  opacity: 0.2;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}
.form.-claims .fc__wrap .cz__help-thirdparty .thirdparty__wrap-checkbox.checkbox.-radio,
.swipeRefined.formclaims .fc__wrap .cz__help-thirdparty .thirdparty__wrap-checkbox.checkbox.-radio {
  display: block;
  padding-left: 20px;
  padding-right: 20px;
}
.form.-claims .fc__wrap .cz__help-thirdparty .thirdparty__wrap-checkbox.checkbox.-radio .checkbox__label,
.swipeRefined.formclaims .fc__wrap .cz__help-thirdparty .thirdparty__wrap-checkbox.checkbox.-radio .checkbox__label {
  grid-gap: 15px;
  gap: 15px;
}
.form.-claims .fc__wrap .cz__help-thirdparty .thirdparty__wrap-checkbox.checkbox.-radio .checkbox__label:before, .form.-claims .fc__wrap .cz__help-thirdparty .thirdparty__wrap-checkbox.checkbox.-radio .checkbox__label:after,
.swipeRefined.formclaims .fc__wrap .cz__help-thirdparty .thirdparty__wrap-checkbox.checkbox.-radio .checkbox__label:before,
.swipeRefined.formclaims .fc__wrap .cz__help-thirdparty .thirdparty__wrap-checkbox.checkbox.-radio .checkbox__label:after {
  color: #816EA6;
}
.form.-claims .fc__wrap .cz__help-thirdparty .thirdparty__wrap-checkbox.checkbox.-radio .checkbox__label:before,
.swipeRefined.formclaims .fc__wrap .cz__help-thirdparty .thirdparty__wrap-checkbox.checkbox.-radio .checkbox__label:before {
  transform: scale(1.3);
}
.form.-claims .fc__wrap .cz__help-thirdparty .thirdparty__wrap-checkbox.checkbox.-radio .checkbox__label .checkbox__text,
.swipeRefined.formclaims .fc__wrap .cz__help-thirdparty .thirdparty__wrap-checkbox.checkbox.-radio .checkbox__label .checkbox__text {
  text-decoration: underline;
}
.form.-claims .fc__wrap .cz__help-thirdparty .thirdparty__wrap-checkbox.checkbox.-radio:hover .checkbox__label .checkbox__text,
.swipeRefined.formclaims .fc__wrap .cz__help-thirdparty .thirdparty__wrap-checkbox.checkbox.-radio:hover .checkbox__label .checkbox__text {
  text-decoration: none;
}
.form.-claims .fc__wrap .cz__help-thirdparty .thirdparty__wrap-checkbox.checkbox.-radio.-is-checked .checkbox__label:after,
.swipeRefined.formclaims .fc__wrap .cz__help-thirdparty .thirdparty__wrap-checkbox.checkbox.-radio.-is-checked .checkbox__label:after {
  transform: scale(1.3);
}
.form.-claims .fc__wrap .adress__claims .tf__adress,
.swipeRefined.formclaims .fc__wrap .adress__claims .tf__adress {
  align-items: flex-start;
}
@media (min-width: 768px) {
  .form.-claims .fc__wrap .adress__claims .tf__adress,
.swipeRefined.formclaims .fc__wrap .adress__claims .tf__adress {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "adressnum adressbus adresspostcode" "adresscity adresscity adresscity";
  }
}
.form.-claims .fc__wrap .adress__claims .tf__adress-wrap,
.swipeRefined.formclaims .fc__wrap .adress__claims .tf__adress-wrap {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
  font-size: 16px;
}
.form.-claims .fc__wrap .adress__claims .tf__adress-wrap .tf__row,
.swipeRefined.formclaims .fc__wrap .adress__claims .tf__adress-wrap .tf__row {
  padding-left: 0;
  padding-right: 0;
}
.form.-claims .fc__wrap .adress__claims .tf__adress-wrap .tf__row .tf__item,
.swipeRefined.formclaims .fc__wrap .adress__claims .tf__adress-wrap .tf__row .tf__item {
  display: block;
  padding: 0;
  font-size: 14px;
  display: grid;
  grid-gap: 5px;
  gap: 5px;
}
.form.-claims .fc__wrap .fc__item .cardsTransverse.-block,
.form.-claims .fc__wrap .fc__question .cardsTransverse.-block,
.form.-claims .fc__wrap .fc__cta .cardsTransverse.-block,
.swipeRefined.formclaims .fc__wrap .fc__item .cardsTransverse.-block,
.swipeRefined.formclaims .fc__wrap .fc__question .cardsTransverse.-block,
.swipeRefined.formclaims .fc__wrap .fc__cta .cardsTransverse.-block {
  padding: 0;
}
.form.-claims .fc__wrap .fc__item,
.swipeRefined.formclaims .fc__wrap .fc__item {
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .form.-claims .fc__wrap .fc__item,
.swipeRefined.formclaims .fc__wrap .fc__item {
    padding-left: 0;
    padding-right: 0;
  }
}
.form.-claims .fc__wrap .fc__question,
.swipeRefined.formclaims .fc__wrap .fc__question {
  display: grid;
  grid-gap: 5px;
  gap: 5px;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .form.-claims .fc__wrap .fc__question,
.swipeRefined.formclaims .fc__wrap .fc__question {
    padding-left: 0;
    padding-right: 0;
  }
}
.form.-claims .fc__wrap .fc__question .form__steal,
.swipeRefined.formclaims .fc__wrap .fc__question .form__steal {
  background-color: #94D5F1;
  display: grid;
  grid-gap: 1px;
  gap: 1px;
}
.form.-claims .fc__wrap .fc__question .form__steal .textfield__wrap,
.swipeRefined.formclaims .fc__wrap .fc__question .form__steal .textfield__wrap {
  display: grid;
  grid-template-columns: 1fr 150px;
  background-color: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
  grid-gap: 20px;
  gap: 20px;
  align-items: center;
}
.form.-claims .fc__wrap .fc__question .form__steal .textfield__wrap .textfield.-moreless,
.swipeRefined.formclaims .fc__wrap .fc__question .form__steal .textfield__wrap .textfield.-moreless {
  margin: 0;
}
.form.-claims .fc__wrap .fc__question .form__steal .textfield__wrap .textfield.-moreless .textfield__field,
.swipeRefined.formclaims .fc__wrap .fc__question .form__steal .textfield__wrap .textfield.-moreless .textfield__field {
  padding-top: 14px;
  padding-bottom: 14px;
}
.form.-claims .fc__wrap .fc__question .textfield.-param,
.swipeRefined.formclaims .fc__wrap .fc__question .textfield.-param {
  max-width: 300px;
}
.form.-claims .fc__wrap .fc__question .checkbox label,
.swipeRefined.formclaims .fc__wrap .fc__question .checkbox label {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
}
.form.-claims .fc__wrap .fc__question label,
.swipeRefined.formclaims .fc__wrap .fc__question label {
  display: inline-block;
  line-height: 1.4;
  font-size: 16px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.form.-claims .fc__wrap .fc__question label .sublabel, .form.-claims .fc__wrap .fc__question label.sublabel,
.swipeRefined.formclaims .fc__wrap .fc__question label .sublabel,
.swipeRefined.formclaims .fc__wrap .fc__question label.sublabel {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.form.-claims .fc__wrap .fc__question label.checkbox__label,
.swipeRefined.formclaims .fc__wrap .fc__question label.checkbox__label {
  display: grid;
}
.form.-claims .fc__wrap .fc__question .radio.-wrap.-nowrap,
.swipeRefined.formclaims .fc__wrap .fc__question .radio.-wrap.-nowrap {
  grid-gap: 20px;
  gap: 20px;
  margin-top: 5px;
  justify-content: flex-start;
}
.form.-claims .fc__wrap .fc__question .radio.-wrap.-nowrap .radio__element .radio__label,
.swipeRefined.formclaims .fc__wrap .fc__question .radio.-wrap.-nowrap .radio__element .radio__label {
  min-width: 1px;
  width: 100%;
  text-align: center;
}
.form.-claims .fc__wrap .fc__question .radio.-wrap.-large .radio__label,
.swipeRefined.formclaims .fc__wrap .fc__question .radio.-wrap.-large .radio__label {
  width: 100%;
  text-align: left;
}
@media (min-width: 768px) {
  .form.-claims .fc__wrap .fc__question .radio.-wrap.-large .radio__label,
.swipeRefined.formclaims .fc__wrap .fc__question .radio.-wrap.-large .radio__label {
    text-align: center;
  }
}
.form.-claims .fc__wrap .fc__question .radio.-classic label,
.swipeRefined.formclaims .fc__wrap .fc__question .radio.-classic label {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  color: #089edd;
}
.form.-claims .fc__wrap .fc__question .checkbox.-radio label,
.swipeRefined.formclaims .fc__wrap .fc__question .checkbox.-radio label {
  color: #089edd;
}
.form.-claims .fc__wrap .fc__cta,
.swipeRefined.formclaims .fc__wrap .fc__cta {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 40px;
  display: grid;
  grid-gap: 20px;
  gap: 20px;
}
@media (min-width: 768px) {
  .form.-claims .fc__wrap .fc__cta,
.swipeRefined.formclaims .fc__wrap .fc__cta {
    display: flex;
    align-items: center;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
.form.-claims .fc__wrap .fc__cta .button,
.swipeRefined.formclaims .fc__wrap .fc__cta .button {
  width: 100%;
}
@media (min-width: 768px) {
  .form.-claims .fc__wrap .fc__cta .button,
.swipeRefined.formclaims .fc__wrap .fc__cta .button {
    width: auto;
  }
}
.form.-claims .fc__wrap .fc__highlight,
.swipeRefined.formclaims .fc__wrap .fc__highlight {
  background-color: #EAF6FB;
  border: 1px solid #CEE9F4;
  border-radius: 20px;
  padding: 20px 15px;
}
.form.-claims .fc__wrap .fc__highlight .fc__highlight-title,
.swipeRefined.formclaims .fc__wrap .fc__highlight .fc__highlight-title {
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
}
@media (min-width: 768px) {
  .form.-claims.-fnol,
.swipeRefined.formclaims.-fnol {
    text-align: center;
    max-width: 1000px;
  }
}
.form.-claims.-fnol .fc__container,
.swipeRefined.formclaims.-fnol .fc__container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .form.-claims.-fnol .fc__item,
.form.-claims.-fnol .fc__question,
.swipeRefined.formclaims.-fnol .fc__item,
.swipeRefined.formclaims.-fnol .fc__question {
    text-align: center;
  }
}
.form.-claims.-fnol .cz__help,
.form.-claims.-fnol .popinMF__intro,
.swipeRefined.formclaims.-fnol .cz__help,
.swipeRefined.formclaims.-fnol .popinMF__intro {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}
.form.-claims.-fnol .fc__cta,
.swipeRefined.formclaims.-fnol .fc__cta {
  justify-content: center;
  margin-top: 30px;
}
.form.-claims.-fnol .fc__title,
.swipeRefined.formclaims.-fnol .fc__title {
  font-size: 30px;
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
  margin-bottom: 15px;
}
.form.-claims.-fnol .fc__subtitle,
.swipeRefined.formclaims.-fnol .fc__subtitle {
  font-size: 18px;
  margin-bottom: 75px;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .form.-claims.-fnol .fc__subtitle,
.swipeRefined.formclaims.-fnol .fc__subtitle {
    padding-left: 0;
    padding-right: 0;
  }
}
.form.-claims.-fnol .fc__wrap .fc__question,
.swipeRefined.formclaims.-fnol .fc__wrap .fc__question {
  grid-gap: 25px;
  gap: 25px;
}
.form.-claims.-fnol .fc__wrap .fc__question label,
.swipeRefined.formclaims.-fnol .fc__wrap .fc__question label {
  font-size: 20px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.form.-claims.-fnol .fc__wrap .fc__question label .sublabel,
.swipeRefined.formclaims.-fnol .fc__wrap .fc__question label .sublabel {
  margin-top: 10px;
  font-size: 14px;
}
@media (min-width: 768px) {
  .form.-claims.-fnol .fc__wrap .fc__question label .sublabel,
.swipeRefined.formclaims.-fnol .fc__wrap .fc__question label .sublabel {
    text-align: center;
  }
}
.form.-claims.-fnol .fc__wrap .fc__question .radio .sublabel,
.swipeRefined.formclaims.-fnol .fc__wrap .fc__question .radio .sublabel {
  text-align: center;
  margin-top: 0;
}
.form.-claims.-fnol .fc__wrap .fc__question .radio.-wrap,
.swipeRefined.formclaims.-fnol .fc__wrap .fc__question .radio.-wrap {
  margin-top: 0;
  justify-content: center;
}
.form.-claims.-fnol .fc__wrap .fc__question .radio.-wrap .radio__legend,
.swipeRefined.formclaims.-fnol .fc__wrap .fc__question .radio.-wrap .radio__legend {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
}
.form.-claims.-fnol .fc__wrap .fc__question .radio.-opt .radio__label,
.swipeRefined.formclaims.-fnol .fc__wrap .fc__question .radio.-opt .radio__label {
  display: flex;
}
.form.-claims.-fnol .fc__wrap .fc__question .wrap,
.swipeRefined.formclaims.-fnol .fc__wrap .fc__question .wrap {
  width: 100%;
}
.repairers__list {
  display: grid;
  grid-gap: 2px;
  gap: 2px;
}
.repairers__list .repairers__list-row {
  background: #F4F8FA;
  border-radius: 5px;
  padding: 5px 15px;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.repairers__list .repairers__list-row .repairers__list-col .repairers__list-title {
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
}
.repairers__list .repairers__list-row .repairers__list-col .button__icon {
  font-size: 18px;
  color: #089edd;
}
.repairers__list .repairers__list-row .repairers__list-col .button__icon:hover {
  color: #0190cc;
}
.textfield.textfield__date {
  max-width: 200px;
  margin: 0;
}
.popinMF .wrap {
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .popinMF .wrap {
    margin: 0 auto;
  }
}
.popinMF .wrap.-left {
  margin: 0;
}
@media (min-width: 768px) {
  .popinMF .wrap.-xxs {
    max-width: 200px;
  }

  .popinMF .wrap.-xs {
    max-width: 325px;
  }

  .popinMF .wrap.-s {
    max-width: 460px;
  }

  .popinMF .wrap.-m {
    max-width: 670px;
  }

  .popinMF .wrap.-l {
    max-width: 1130px;
  }
}
.popinMF .popinMF__form .popinMF__form-step.-start .popinMF__h2::before {
  content: "";
  display: block;
  width: 100%;
  height: 150px;
  background: url(/content/dam/B2C/customerzone/start.png) no-repeat;
  background-position: center;
  background-size: contain;
}
.popinMF .popinMF__form .popinMF__form-step.-start .popinMF__h2.-empty::before {
  display: none;
}
.popinMF .popinMF__form .popinMF__form-step.-start .data__group .button.-cancel {
  padding: 0;
}
.popinMF .popinMF__form .popinMF__form-step.-start .data__group .data__label {
  text-align: left;
}
@media (min-width: 768px) {
  .popinMF .popinMF__form .popinMF__form-step.-start .data__group .data__label {
    text-align: center;
  }
}
.popinMF .popinMF__form .popinMF__form-step.-start .popinMF__form-step.-summary {
  padding-top: 60px;
}
.popinMF .popinMF__form .popinMF__form-step.-start .popinMF__form-step.-summary .popinMF__h2::before {
  display: none;
}
.popinMF .popinMF__section {
  background: #EAF6FB;
  padding: 60px 15px;
}
@media (min-width: 768px) {
  .popinMF .popinMF__section {
    margin-top: 50px;
  }
}
.popinMF .popinMF__section p {
  margin: 0;
}
.popinMF .popinMF__section .popinMF__section-content {
  font-size: 20px;
}
.popinMF .popinMF__section .popinMF__section-button {
  padding: 30px 0;
}
.popinMF .popinMF__section .popinMF__section-button .button.-tel {
  padding: 16px 15px;
  width: 100%;
  max-width: 440px;
  justify-content: center;
}
.popinMF .popinMF__section .popinMF__section-button .button.-tel .button__icon {
  background: #089edd;
  color: #fff;
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
  max-width: 50px;
  max-height: 50px;
  line-height: 50px;
  border-radius: 100%;
  text-align: center;
  font-size: 25px;
  transition: all 250ms ease;
  margin: 0 12px;
}
@media (min-width: 768px) {
  .popinMF .popinMF__section .popinMF__section-button .button.-tel .button__icon {
    margin: 0 35px 0 0;
  }
}
.popinMF .popinMF__section .popinMF__section-button .button.-tel:hover .button__icon {
  background: #212121;
}
.popinMF h2.popinMF__h2 {
  font-size: 30px;
  line-height: 1.2;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  margin: 0 auto 47px;
  text-align: center;
  color: #000000;
  padding: 40px 0 0 0;
}
.popinMF h2.popinMF__h2 .sublabel {
  text-align: center;
}
.popinMF .popinMF__h3 {
  font-size: 20px;
  line-height: 1.2;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  max-width: 500px;
  margin: 0 auto 24px;
  color: #000000;
}
.popinMF .popinMF__h3.-center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.popinMF .popinMF__form .-left .textfield.textfield__date {
  margin-left: 0;
  max-width: 250px;
}
.popinMF .popinMF__form .wrapper {
  max-width: none;
}
.popinMF .popinMF__form .wrapper .popinMF__form-step {
  max-width: none;
}
.popinMF .popinMF__form .wrapper .popinMF__form-step .spinner {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popinMF .popinMF__form .wrapper .popinMF__form-step .-list + .data__action {
  margin-top: 14.5px;
}
.popinMF .popinMF__form .wrapper .popinMF__form-step .textfield__wrap.-repairers {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .popinMF .popinMF__form .wrapper .popinMF__form-step .textfield__wrap.-repairers {
    justify-content: center;
  }
}
.popinMF .popinMF__form .wrapper .popinMF__form-step .textfield__wrap.-repairers .textfield__element {
  max-width: 150px;
  margin-right: 20px;
  margin-bottom: 0;
}
.popinMF .popinMF__form .wrapper .popinMF__form-step .textfield__wrap.-repairers .textfield__element .textfield,
.popinMF .popinMF__form .wrapper .popinMF__form-step .textfield__wrap.-repairers .textfield__element .select {
  width: 100%;
  max-width: 150px;
}
.popinMF .popinMF__intro {
  position: relative;
  background: #EAF6FB;
  border-radius: 20px;
  padding: 22px 15px 22px 70px;
  margin: 45px 15px 32px;
}
@media (min-width: 768px) {
  .popinMF .popinMF__intro {
    padding: 22px 32px 22px 145px;
  }
}
.popinMF .popinMF__intro .popinMF__intro-visu {
  background-image: url("/content/dam/B2C/customerzone/intro.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  margin: auto;
  width: 92px;
  height: 100px;
  position: absolute;
  left: -24px;
  bottom: 0;
}
@media (min-width: 768px) {
  .popinMF .popinMF__intro .popinMF__intro-visu {
    height: 148px;
    left: 10px;
  }
}
.popinMF .popinMF__intro .popinMF__intro-content {
  text-align: left;
  font-size: 14px;
}
.popinMF .popinMF__intro .popinMF__intro-content p {
  margin: 0 0 10px 0;
}
.popinMF .popinMF__intro .popinMF__intro-content p:last-child {
  margin-bottom: 0;
}
.popinMF .popinMF__intro .popinMF__intro-content .-title {
  font-size: 18px;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
}
.popinMF .popinMF__intro .popinMF__intro-content .button {
  margin: 10px auto;
  justify-content: center;
  text-align: center;
}
.popinMF .popinMF__intro .popinMF__intro-content .button .button__icon {
  font-size: 20px;
}
.popinMF .popinMF__intro.-reminder {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 22px;
  flex-direction: column;
}
@media (min-width: 768px) {
  .popinMF .popinMF__intro.-reminder {
    flex-direction: row;
    justify-content: flex-start;
    padding-left: 100px;
  }
}
.popinMF .popinMF__intro.-reminder p {
  margin: 3px 0;
}
.popinMF .popinMF__intro.-reminder .popinMF__intro-content {
  order: 2;
  text-align: center;
}
@media (min-width: 768px) {
  .popinMF .popinMF__intro.-reminder .popinMF__intro-content {
    text-align: left;
  }
}
.popinMF .popinMF__intro.-reminder .popinMF__intro-visu {
  order: 1;
  background: transparent;
  font-size: 50px;
  color: #089edd;
  margin: 0 auto 10px;
  position: relative;
  width: auto;
  height: auto;
  left: 0;
}
@media (min-width: 768px) {
  .popinMF .popinMF__intro.-reminder .popinMF__intro-visu {
    margin-bottom: 0;
    top: 50%;
    margin-top: -25px;
    left: 25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: absolute;
  }
}
.popinMF .popinMF__intro.-warning {
  background: #FFF0E5;
  border: 1px solid #E84E0F;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 17px 20px;
  margin: 0 0 32px 0;
}
.popinMF .popinMF__intro.-warning .popinMF__intro-content {
  color: #E84E0F;
  font-size: 14px;
  text-align: left;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  order: 2;
  line-height: 23px;
}
.popinMF .popinMF__intro.-warning .popinMF__intro-visu {
  display: none;
}
.popinMF .popinMF__form-step .popinMF__intro.-summary {
  border-radius: 8px;
  border: 1px solid #94D5F1;
  padding: 20px;
  margin: 32px 0;
  background: #fff;
}
.popinMF .popinMF__form-step .popinMF__intro.-summary .popinMF__summary-list {
  margin-top: 0;
}
@media (min-width: 768px) {
  .popinMF .popinMF__form-step .popinMF__intro.-summary .popinMF__summary-list {
    display: flex;
    justify-content: center;
    margin: 0;
    text-align: center;
    grid-gap: 20px;
    gap: 20px;
  }
}
.popinMF .popinMF__form-step .popinMF__intro.-summary .popinMF__summary-list .popinMF__summary-item {
  padding-bottom: 0;
  display: flex;
  justify-content: flex-start;
  grid-gap: 10px;
  gap: 10px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .popinMF .popinMF__form-step .popinMF__intro.-summary .popinMF__summary-list .popinMF__summary-item {
    margin-bottom: 0;
    justify-content: center;
  }
}
.popinMF .popinMF__form-step .popinMF__intro.-summary .popinMF__summary-list .popinMF__summary-item .label {
  margin: 0;
}
.popinMF .popinMF__form-step .popinMF__intro.-summary .popinMF__summary-list .popinMF__summary-item:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .popinMF .form {
    text-align: center;
  }
}
.popinMF .form .-understep {
  padding-top: 30px;
}
.popinMF .form .-animate.-accordion.-on .data__group:nth-child(4) {
  margin-bottom: 37px;
}
.popinMF .form .-animate {
  position: relative;
  z-index: 1;
}
.popinMF .form .accordion .data__group {
  margin-bottom: 0;
}
.popinMF .form .data__group {
  margin-bottom: 47px;
  position: relative;
}
.popinMF .form .data__group.-small {
  margin-bottom: 37px;
}
.popinMF .form .data__group.-m {
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}
.popinMF .form .data__group .data__subgroup {
  margin-top: 20px;
}
.popinMF .form .data__group.-last .data__action {
  padding-bottom: 0;
}
.popinMF .form .data__group.-last .data__action .button {
  margin-bottom: 0;
}
.popinMF .form .data__group.-widthdropdown {
  z-index: 1;
}
.popinMF .form .data__group.-left {
  text-align: left;
}
.popinMF .form .data__group.-agree {
  text-align: left;
}
.popinMF .form .data__group.-agree .checkbox {
  width: 100%;
}
.popinMF .form .data__group.-sub {
  padding: 20px 15px;
}
@media (min-width: 768px) {
  .popinMF .form .data__group.-sub {
    padding: 20px 0px;
  }
}
.popinMF .form .data__group .dropdown {
  border: 1px solid #CEE9F4;
  top: 37px;
  border-radius: 0 0 8px 8px;
  width: calc(100% + 2px);
  left: -1px;
  position: relative;
  z-index: 1;
}
.popinMF .form .data__group .dropdown .dropdown__wrap {
  border-radius: 0 0 8px 8px;
}
.popinMF .form .sublabel {
  font-size: 14px;
  color: #000000;
  text-align: left;
}
@media (min-width: 768px) {
  .popinMF .form .sublabel.-center {
    text-align: center;
  }
}
.popinMF .form .sublabel .-warning {
  color: #E84E0F;
}
.popinMF .form .sublabel p {
  margin: 10px 0;
}
.popinMF .form .data__label {
  font-size: 20px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  color: #000000;
  margin: 0 auto 16px;
  max-width: 700px;
  display: block;
}
.popinMF .form .data__label.-small {
  margin-bottom: 6px;
}
.popinMF .form .data__label label {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.popinMF .form .data__label label .sublabel {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
}
.popinMF .form .button.-primary {
  font-size: 18px;
}
@media (min-width: 768px) {
  .popinMF .form .link {
    justify-content: center;
  }
}
.popinMF .form .data__label,
.popinMF .form .data__item {
  display: block;
  position: relative;
  z-index: 0;
}
.popinMF .form .data__label.-center,
.popinMF .form .data__item.-center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.popinMF .form .data__label.-center .textfield,
.popinMF .form .data__item.-center .textfield {
  margin-left: auto;
  margin-right: auto;
}
.popinMF .form .data__label.-left,
.popinMF .form .data__item.-left {
  text-align: left;
}
.popinMF .form .data__label.-zindex2,
.popinMF .form .data__item.-zindex2 {
  z-index: 2;
}
.popinMF .form .data__label .data__rmq,
.popinMF .form .data__item .data__rmq {
  margin: 7px 0;
  font-size: 14px;
  opacity: 0.7;
}
.popinMF .form .data__item.-last {
  margin-bottom: 0;
}
.popinMF .form .data__item.-visu img {
  display: block;
  margin: 10px 0;
  max-height: 150px;
}
@media (min-width: 768px) {
  .popinMF .form .data__item.-visu img {
    margin: 10px auto;
  }
}
.popinMF .form .data__item.-left {
  text-align: left;
}
.popinMF .form .data__item .form__label {
  margin-bottom: 5px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.popinMF .form .data__item .data__action {
  margin-top: 16px;
}
.popinMF .form .data__item .data__action.uploadTransverse__button {
  margin-top: 0;
}
.popinMF .form .data__item .messages.-error.-date {
  max-width: 250px;
  margin: 4px 0 0 0;
}
@media (min-width: 768px) {
  .popinMF .form .data__item .messages.-error.-date {
    margin: 4px auto 0;
  }
}
.popinMF .form .data__item .messages.-error.-hour {
  max-width: 132px;
  margin: 4px 0 0 0;
}
@media (min-width: 768px) {
  .popinMF .form .data__item .messages.-error.-hour {
    margin: 4px auto 0;
  }
}
.popinMF .form .data__item .textfield__wrap.-nowrap {
  display: flex;
}
.popinMF .form .data__item .textfield__wrap.-nowrap .textfield__element {
  margin-right: 20px;
  margin-bottom: 0;
}
.popinMF .form .data__item .textfield__wrap.-nowrap .textfield__element:last-child {
  margin-right: 0;
}
@media (min-width: 576px) {
  .popinMF .form .data__item .textfield__wrap.-adressefirst .textfield__element {
    width: 150px;
  }
}
@media (min-width: 768px) {
  .popinMF .form .data__item .textfield__wrap.-adressefirst .textfield__element {
    width: 50%;
  }
}
@media (min-width: 576px) {
  .popinMF .form .data__item .textfield__wrap.-adressesecond .textfield__element {
    width: calc(100% - 150px);
    max-width: calc(100% - 150px);
  }
}
.popinMF .form .data__item .textfield__wrap.-adressesecond .textfield__element.-cp {
  max-width: calc(50% - 10px);
}
@media (min-width: 576px) {
  .popinMF .form .data__item .textfield__wrap.-adressesecond .textfield__element.-cp {
    width: 150px;
    max-width: 150px;
  }
}
.popinMF .form .data__item .textfield-date .textfield {
  max-width: 80px;
}
.popinMF .form .data__item .textfield.-plate {
  justify-content: center;
}
.popinMF .form .data__item .textfield.textfield__date .textfield__icon {
  color: #089edd;
}
.popinMF .form .data__item .textfield.-small {
  max-width: 250px;
  margin: 0;
}
@media (min-width: 768px) {
  .popinMF .form .data__item .textfield.-small {
    margin: 0 auto;
  }
}
.popinMF .form .data__item .textfield.-small .textfield__field {
  text-align: center;
}
.popinMF .form .data__item .textfield.-hour {
  max-width: 132px;
  margin: 0;
}
@media (min-width: 768px) {
  .popinMF .form .data__item .textfield.-hour {
    margin: 0 auto;
  }
}
.popinMF .form .data__item .textfield.-hour .textfield__field {
  text-align: center;
}
.popinMF .form .data__item .textfield__wrap.-s {
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 768px) {
  .popinMF .form .data__item .textfield__wrap.-s {
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .popinMF .form .data__item .textfield__wrap.-s .textfield-date {
    justify-content: center;
  }
}
.popinMF .form .data__item .select {
  text-align: left;
  color: #000000;
}
.popinMF .form .data__item .radio.-big {
  justify-content: flex-start;
}
.popinMF .form .data__item .radio.-wrap {
  flex-direction: row;
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .popinMF .form .data__item .radio.-wrap {
    justify-content: center;
  }
}
.popinMF .form .data__item .radio.-wrap .radio__element .radio__label {
  justify-content: flex-start;
  text-align: left;
}
@media (min-width: 768px) {
  .popinMF .form .data__item .radio.-wrap .radio__element .radio__label {
    text-align: center;
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .popinMF .form .data__item .radio.-wrap .radio__element .radio__label .sublabel {
    text-align: center;
  }
}
.popinMF .form .data__item .radio.-wrap.-xs {
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .popinMF .form .data__item .radio.-wrap.-xs {
    justify-content: center;
  }
}
.popinMF .form .data__item .radio.-wrap.-xs.-left {
  justify-content: flex-start;
}
.popinMF .form .data__item .radio.-wrap.-xs .radio__element .radio__label {
  justify-content: center;
  text-align: center;
}
.popinMF .form .data__item .radio.-wrap.-xs.-multi {
  flex-direction: row;
}
.popinMF .form .data__item .radio.-wrap.-xs.-multi .radio.-wrap {
  flex-direction: row;
}
.popinMF .form .data__item .radio.-wrap.-nowrap .radio__label {
  justify-content: center;
}
.popinMF .form .data__item .messages.-error {
  display: block;
  text-align: left;
  height: auto;
  opacity: 1;
  margin-top: 4px;
}
@media (min-width: 768px) {
  .popinMF .form .data__item .messages.-error.-centerDesktop {
    text-align: center;
  }
}
.popinMF .form .data__item .link.-pre {
  flex-direction: column;
}
@media (min-width: 576px) {
  .popinMF .form .data__item .link.-pre {
    flex-direction: row;
  }
}
.popinMF .form .data__action {
  padding: 0 0 14px 0;
  text-align: center;
  position: relative;
  z-index: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .popinMF .form .data__action {
    max-width: 325px;
    margin: 0 auto;
  }
}
.popinMF .form .data__action .link .link__icon::before {
  font-size: 16px;
}
.popinMF .form .data__action.w-100 {
  max-width: 100%;
}
.popinMF .form .data__action.w-100 .button.-link {
  max-width: 100%;
}
.popinMF .form .data__action.-accordionAdd {
  padding-top: 20px;
}
.popinMF .form .data__action.-left {
  margin: 0;
  text-align: left;
}
.popinMF .form .data__action.-left .button.-link {
  text-align: left;
}
.popinMF .form .data__action .button {
  width: 100%;
  text-align: center;
  justify-content: center;
  margin: 0 auto 20px;
  max-width: 325px;
}
.popinMF .form .data__action .button.-primary {
  max-width: 100%;
}
.popinMF .popinMF__nav {
  font-size: 14px;
  color: #089edd;
  display: flex;
  align-items: center;
  max-width: 1135px;
  margin: 0 auto;
  text-align: right;
}
@media (min-width: 768px) {
  .popinMF .popinMF__nav {
    padding: 0 15px;
  }
}
.popinMF .popinMF__nav::before {
  margin-right: 6px;
  font-size: 11px;
}
.popinMF .popinMF__nav .popinMF__nav-label {
  cursor: pointer;
}
.popinMF .popinMF__nav.-back {
  margin-bottom: 28px;
  padding-top: 20px;
}
.popinMF .popinMF__nav.-back::before {
  content: "";
  transform: rotate(180deg);
  position: relative;
  top: -3px;
}
.popinMF .popinMF__nav.-back.-return::before {
  transform: rotate(90deg);
  position: relative;
  top: -1px;
}
.popinMF .popinMF__nav.-next {
  margin-top: 28px;
  padding-bottom: 48px;
}
.popinMF .popinMF__nav.-next::before {
  content: "";
}
.popinMF .uploadTransverse.-mobile .uploadTransverse-wrap {
  padding: 0;
}
.popinMF .uploadTransverse.-mobile .data__action {
  padding: 0;
  max-width: 100%;
}
.popinMF .uploadTransverse.-mobile .data__action .button {
  margin: 0;
  text-align: left;
  justify-content: flex-start;
}
.popinMF .upload__buttons .button .button__icon {
  font-size: 28px;
}
.popinMF .data__accordion {
  padding-bottom: 47px;
}
.popinMF .data__accordion .data__action {
  padding-top: 24px;
  padding-bottom: 0px;
}
.popinMF .popinMF__damages {
  margin: 30px 0;
  position: relative;
}
@media (min-width: 768px) {
  .popinMF .popinMF__damages {
    margin: 30px auto;
  }
}
.popinMF .popinMF__damages .damages__link {
  cursor: pointer;
  color: #5D717C;
  display: flex;
  align-items: center;
  flex-direction: column;
  transition: all 250ms ease;
  filter: invert(93%) sepia(91%) saturate(10%) hue-rotate(168deg) brightness(100%) contrast(50%);
}
.popinMF .popinMF__damages .damages__link:hover {
  filter: invert(93%) sepia(91%) saturate(1639%) hue-rotate(168deg) brightness(100%) contrast(95%);
}
.popinMF .popinMF__damages .damages__link.-active {
  filter: invert(43%) sepia(91%) saturate(1639%) hue-rotate(168deg) brightness(96%) contrast(95%);
}
.popinMF .popinMF__damages.-car {
  height: 311.625px;
  width: 164.25px;
}
.popinMF .popinMF__damages.-car .damages__link {
  position: absolute;
}
.popinMF .popinMF__damages.-car .damages__link.-first {
  width: 37.9px;
  height: 50.7783px;
  left: 1px;
  top: 0;
  background: url(/content/dam/B2C/customerzone/damages/car-01.svg) no-repeat;
}
.popinMF .popinMF__damages.-car .damages__link.-second {
  width: 90.9375px;
  left: 37.9px;
  height: 50.7783px;
  top: 0;
  background: url(/content/dam/B2C/customerzone/damages/car-02.svg) no-repeat;
}
.popinMF .popinMF__damages.-car .damages__link.-third {
  width: 35.9063px;
  height: 50.7783px;
  top: 0;
  right: 0px;
  background: url(/content/dam/B2C/customerzone/damages/car-03.svg) no-repeat;
}
.popinMF .popinMF__damages.-car .damages__link.-four {
  width: 37.9px;
  height: 172.125px;
  top: 50px;
  left: 1px;
  background: url(/content/dam/B2C/customerzone/damages/car-04.svg) no-repeat;
}
.popinMF .popinMF__damages.-car .damages__link.-five {
  width: 90.9375px;
  height: 172.125px;
  top: 50px;
  left: 37.9px;
  background: url(/content/dam/B2C/customerzone/damages/car-05.svg) no-repeat;
}
.popinMF .popinMF__damages.-car .damages__link.-six {
  width: 35.9063px;
  height: 172.125px;
  top: 50px;
  right: 0px;
  background: url(/content/dam/B2C/customerzone/damages/car-06.svg) no-repeat;
}
.popinMF .popinMF__damages.-car .damages__link.-seven {
  width: 37.9px;
  height: 88.875px;
  left: 2px;
  bottom: 1px;
  background: url(/content/dam/B2C/customerzone/damages/car-07.svg) no-repeat;
}
.popinMF .popinMF__damages.-car .damages__link.-eight {
  width: 90.9375px;
  left: 37.9px;
  height: 88.875px;
  bottom: 2px;
  background: url(/content/dam/B2C/customerzone/damages/car-08.svg) no-repeat;
}
.popinMF .popinMF__damages.-car .damages__link.-nine {
  width: 35.9063px;
  height: 88.875px;
  bottom: 2px;
  right: 0px;
  background: url(/content/dam/B2C/customerzone/damages/car-09.svg) no-repeat;
}
.popinMF .popinMF__damages.-moto {
  height: 310px;
  width: 148px;
}
.popinMF .popinMF__damages.-moto .damages__link {
  position: absolute;
}
.popinMF .popinMF__damages.-moto .damages__link.-first {
  width: 148px;
  height: 89.4375px;
  left: 0;
  top: 0;
  background: url(/content/dam/B2C/customerzone/damages/moto-01.svg) no-repeat;
}
.popinMF .popinMF__damages.-moto .damages__link.-second {
  width: 74.0312px;
  height: 172.125px;
  left: 0;
  top: 89.4375px;
  background: url(/content/dam/B2C/customerzone/damages/moto-02.svg) no-repeat;
}
.popinMF .popinMF__damages.-moto .damages__link.-third {
  width: 73.9688px;
  height: 172.125px;
  right: 0;
  top: 89.4375px;
  background: url(/content/dam/B2C/customerzone/damages/moto-03.svg) no-repeat;
}
.popinMF .popinMF__damages.-moto .damages__link.-four {
  width: 148px;
  height: 46.6875px;
  left: 0;
  bottom: 2px;
  background: url(/content/dam/B2C/customerzone/damages/moto-04.svg) no-repeat;
}
.popinMF .popinMF__form-step.-summary {
  padding-bottom: 100px;
}
@media (min-width: 768px) {
  .popinMF .popinMF__form-step.-summary {
    padding-bottom: 0;
  }
}
.popinMF .popinMF__form-step.-summary .data__action {
  max-width: 100%;
}
.popinMF .popinMF__form-step.-summary .data__action .button {
  max-width: 100%;
  width: auto;
}
.popinMF .popinMF__form-step.-summary .popinMF__h2 .sublabel {
  margin-top: 10px;
  font-size: 14px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
}
.popinMF .popinMF__form-step.-summary .popinMF__h2 .sublabel p {
  margin: 3px 0 0 0;
}
.popinMF .popinMF__form-step.-summary .popinMF__summary-list {
  margin: 15px 0 0 0;
  padding: 0;
}
.popinMF .popinMF__form-step.-summary .popinMF__summary-list .popinMF__summary-item {
  margin: 0;
  padding: 0 0 15px 0;
  list-style: none;
  font-size: 14px;
}
.popinMF .popinMF__form-step.-summary .popinMF__summary-list .popinMF__summary-item .label {
  color: #707070;
}
.popinMF .popinMF__form-step.-summary .popinMF__summary-list .popinMF__summary-item .content {
  color: #000000;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.popinMF .popinMF__form-step.-summary .popinMF__summary-list .popinMF__summary-item .content span {
  display: block;
  padding: 0 5px 0 0;
}
@media (min-width: 576px) {
  .popinMF .popinMF__form-step.-summary .popinMF__summary-list .popinMF__summary-item .content span {
    display: inline-block;
  }
}
.popinMF .popinMF__form-step.-summary .popinMF__summary-list .popinMF__summary-item .popinMF__summary-upload {
  margin: 20px 0;
  display: flex;
  flex-wrap: wrap;
}
.popinMF .popinMF__form-step.-summary .popinMF__summary-list .popinMF__summary-item .popinMF__summary-upload img {
  max-height: 60px;
  max-width: 60px;
  margin: 0 10px 0 0;
}
.popinMF .popinMF__form-step.-summary .popinMF__summary-list .popinMF__summary-item .list {
  margin: 0;
}
.popinMF .popinMF__form-step.-summary .popinMF__summary-list .popinMF__summary-item .list li {
  margin-bottom: 4px;
  padding-left: 16px;
}
.popinMF .popinMF__form-step.-summary .popinMF__summary-list .popinMF__summary-item .list li::before {
  top: 3px;
  font-size: 8px;
}
.popinMF .popinMF__form-step.-summary .popinMF__summary-list .popinMF__summary-item .list li:last-child {
  margin-bottom: 0;
}
.popinMF .popinMF__form-step.-summary .popinMF__summary {
  text-align: left;
  margin: 0 0 40px;
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  padding: 0 20px;
}
@media (min-width: 768px) {
  .popinMF .popinMF__form-step.-summary .popinMF__summary {
    padding: 0;
    justify-content: center;
    align-items: stretch;
    display: flex;
  }
}
.popinMF .popinMF__form-step.-summary .popinMF__summary .popinMF__summary-row {
  flex: 1 0 0;
  border-bottom: 1px solid #94D5F1;
  margin: 0;
  padding: 20px 0;
  display: block;
  position: relative;
  flex-grow: 1;
}
@media (min-width: 768px) {
  .popinMF .popinMF__form-step.-summary .popinMF__summary .popinMF__summary-row {
    border: 1px solid #94D5F1;
    border-radius: 8px;
    padding: 34px 15px 60px 40px;
  }
}
.popinMF .popinMF__form-step.-summary .popinMF__summary .popinMF__summary-row:first-child {
  padding-top: 0;
}
@media (min-width: 768px) {
  .popinMF .popinMF__form-step.-summary .popinMF__summary .popinMF__summary-row:first-child {
    padding-top: 34px;
  }
}
.popinMF .popinMF__form-step.-summary .popinMF__summary .popinMF__summary-row:first-child .popinMF__summary-footer {
  top: 7px;
}
@media (min-width: 768px) {
  .popinMF .popinMF__form-step.-summary .popinMF__summary .popinMF__summary-row:first-child .popinMF__summary-footer {
    top: auto;
  }
}
.popinMF .popinMF__form-step.-summary .popinMF__summary .popinMF__summary-row .popinMF__summary-header {
  padding-right: 100px;
}
@media (min-width: 768px) {
  .popinMF .popinMF__form-step.-summary .popinMF__summary .popinMF__summary-row .popinMF__summary-header {
    padding-right: 0;
  }
}
.popinMF .popinMF__form-step.-summary .popinMF__summary .popinMF__summary-row .popinMF__summary-header .content {
  font-size: 26px;
  color: #089edd;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.popinMF .popinMF__form-step.-summary .popinMF__summary .popinMF__summary-row .popinMF__summary-footer {
  position: absolute;
  top: 26px;
  right: 0;
}
@media (min-width: 768px) {
  .popinMF .popinMF__form-step.-summary .popinMF__summary .popinMF__summary-row .popinMF__summary-footer {
    bottom: 15px;
    top: auto;
    right: 20px;
  }
}
.popinMF .popinMF__form-step.-summary .popinMF__summary .popinMF__summary-row .popinMF__summary-content p {
  margin: 3px 0;
}
.popinMF .swipeRefined .popinMF__form .popinMF__form-step {
  padding-bottom: 100px;
}
@media (min-width: 768px) {
  .popinMF .swipeRefined .popinMF__form .popinMF__form-step {
    padding-bottom: 0;
  }
}
.popinMF .swipeRefined .popinMF__form .popinMF__form-step .form {
  max-width: 570px;
  margin: auto;
  text-align: left;
  display: block;
}
.popinMF .swipeRefined .popinMF__form .popinMF__form-step .form .popinMF__nav {
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .popinMF .swipeRefined .popinMF__form .popinMF__form-step .form .popinMF__nav {
    padding-left: 0;
    padding-right: 0;
  }
}
.popinMF .swipeRefined .popinMF__form .popinMF__form-step .form .popinMF__nav.-return {
  padding-top: 20px;
}
.popinMF .swipeRefined .popinMF__form .popinMF__form-step .form .data__group {
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .popinMF .swipeRefined .popinMF__form .popinMF__form-step .form .data__group {
    margin-bottom: 30px;
  }
}
.popinMF .swipeRefined .popinMF__form .popinMF__form-step .form .data__group.-small {
  margin-bottom: 10px;
}
.popinMF .swipeRefined .popinMF__form .popinMF__form-step .form .data__group .data__title {
  text-align: left;
}
.popinMF .swipeRefined .popinMF__form .popinMF__form-step .form .data__group .data__title label {
  font-size: 36px;
  font-family: "Light", arial, sans-serif;
  font-weight: 400;
  line-height: 1;
}
.popinMF .swipeRefined .popinMF__form .popinMF__form-step .form .data__group .data__title .sublabel {
  margin-top: 10px;
  color: #000000;
}
.popinMF .swipeRefined .popinMF__form .popinMF__form-step .form .data__group .data__label {
  text-align: left;
  margin-bottom: 20px;
}
.popinMF .swipeRefined .popinMF__form .popinMF__form-step .form .data__group .data__label label {
  font-size: 20px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.popinMF .swipeRefined .popinMF__form .popinMF__form-step .form .data__group .data__label label .bigger {
  font-size: 28px;
}
.popinMF .swipeRefined .popinMF__form .popinMF__form-step .form .data__group .data__label .data__title {
  text-align: left;
}
.popinMF .swipeRefined .popinMF__form .popinMF__form-step .form .data__group .data__label .data__title label {
  font-size: 36px;
  font-family: "Light", arial, sans-serif;
  font-weight: 400;
  line-height: 1;
}
.popinMF .swipeRefined .popinMF__form .popinMF__form-step .form .data__group .data__label .data__title .sublabel {
  margin-top: 10px;
  color: #000000;
}
.popinMF .swipeRefined .popinMF__form .popinMF__form-step .form .data__group .data__label .sublabel {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  display: block;
}
.popinMF .swipeRefined .popinMF__form .popinMF__form-step .form .data__group .data__label .sublabel.-center {
  text-align: left;
}
@media (min-width: 768px) {
  .popinMF .swipeRefined .popinMF__form .popinMF__form-step .form .data__group .data__label .sublabel.-center {
    text-align: left;
  }
}
.popinMF .swipeRefined .popinMF__form .popinMF__form-step .form .data__group .data__item {
  margin: 0;
}
.popinMF .swipeRefined .popinMF__form .popinMF__form-step .form .data__group .data__item .radio.-wrap {
  justify-content: flex-start;
}
.popinMF .swipeRefined .popinMF__form .popinMF__form-step .form .data__group .data__item .radio.-wrap.-nowrap {
  flex-wrap: nowrap;
}
.popinMF .swipeRefined .popinMF__form .popinMF__form-step .form .data__group .data__item .radio.-wrap.-nowrap .radio__element .radio__label {
  justify-content: center;
}
.popinMF .swipeRefined .popinMF__form .popinMF__form-step .form .data__group .data__item .radio.-wrap.text-left .radio__element .radio__label {
  text-align: left;
}
@media (min-width: 768px) {
  .popinMF .swipeRefined .popinMF__form .popinMF__form-step .form .data__group .data__item .radio.-wrap.text-left .radio__element .radio__label {
    text-align: left;
  }
}
.popinMF .swipeRefined .popinMF__form .popinMF__form-step .form .data__group .data__item .uploadTransverse {
  margin: 0;
}
.popinMF .swipeRefined .popinMF__form .popinMF__form-step .form .data__group .data__item .checkbox .checkbox__label .checkbox__text {
  top: 4px;
  font-size: 14px;
  color: #586871;
  text-align: left;
}
.popinMF .swipeRefined .popinMF__form .popinMF__form-step .form .data__group .data__item .textfield__wrap.-repairers {
  display: grid;
  grid-template-columns: 100px 200px;
  grid-gap: 20px;
  gap: 20px;
  justify-content: flex-start;
}
.popinMF .swipeRefined .popinMF__form .popinMF__form-step .form .data__group .data__item .textfield__wrap.-repairers .textfield__element {
  margin: 0;
}
.popinMF .swipeRefined .popinMF__form .popinMF__form-step .form .data__group .data__item .textfield__wrap.-repairers .textfield__element .data__label {
  margin-bottom: 0;
}
.popinMF .swipeRefined .popinMF__form .popinMF__form-step .form .data__action {
  margin: 0;
  padding: 0 0 50px 0;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 20px;
  gap: 20px;
}
.popinMF .swipeRefined .popinMF__form .popinMF__form-step .form .data__action.w-100 {
  max-width: 100%;
}
.popinMF .swipeRefined .popinMF__form .popinMF__form-step .form .data__action .button {
  margin: 0;
  max-width: 100%;
  width: auto;
}
.popinMF .swipeRefined .popinMF__form .popinMF__form-step .form .data__action .button.-link {
  text-align: left;
}
.popinMF .swipeRefined .popinMF__form .popinMF__form-step .form .popinMF__damages {
  margin-left: 0;
  margin-right: 0;
}
.popinMF .swipeRefined .popinMF__form .popinMF__form-step .form .uploadTransverse.-mobile .data__action {
  padding: 0;
}
@media (min-width: 768px) {
  .popinMF .swipeRefined.formclaims .cardsTransverse__wrap.uploadform {
    grid-template-columns: repeat(2, 1fr);
  }
}
.popinMF .swipeRefined.formclaims .cardsTransverse__wrap.uploadform .cardsTransverse__container {
  grid-template-columns: 50px 1fr;
}
.popinMF .swipeRefined.formclaims .cardsTransverse__wrap.uploadform .cardsTransverse__radio-visu {
  width: 50px;
  height: 50px;
  background-color: #089edd;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: scale(0.8);
}
@media (min-width: 768px) {
  .popinMF .swipeRefined.formclaims .cardsTransverse__wrap.uploadform .cardsTransverse__radio-visu {
    transform: scale(1);
  }
}
.popinMF .swipeRefined.formclaims .cardsTransverse__wrap.uploadform .cardsTransverse__radio-visu img {
  width: 30px;
}
.popinMF .swipeRefined.formclaims .cardsTransverse__wrap.uploadform .cardsTransverse__radio-icon {
  width: 50px;
  height: 50px;
  background-color: #089edd;
  color: #fff;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: scale(0.8);
}
.popinMF .swipeRefined.formclaims .cardsTransverse__wrap.uploadform .cardsTransverse__radio-icon:before {
  font-size: 30px;
}
@media (min-width: 768px) {
  .popinMF .swipeRefined.formclaims .cardsTransverse__wrap.uploadform .cardsTransverse__radio-icon {
    transform: scale(1);
  }
}
.popinMF .swipeRefined.formclaims .popinMF__nav {
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .popinMF .swipeRefined.formclaims .popinMF__nav {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .popinMF .fnol .form .textfield.-fnolcenter {
    margin-left: auto;
    margin-right: auto;
  }
}
.popinMF .fnol .form .accordion {
  grid-gap: 16px;
  gap: 16px;
}
.popinMF .fnol .form .accordion .accordion__element {
  text-align: left;
  background-color: #F1F8FC;
}
.popinMF .fnol .form .accordion .accordion__element .accordion__dropdown {
  transform: rotate(-90deg);
}
.popinMF .fnol .form .accordion .accordion__element .accordion__title {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  color: #000000;
  font-size: 18px;
}
.popinMF .fnol .form .accordion .accordion__element .data__group {
  margin-bottom: 0;
}
.popinMF .fnol .form .accordion .accordion__element .accordion__content .data__action {
  margin: 0;
  max-width: 100%;
  padding: 0;
}
.popinMF .fnol .form .accordion .accordion__element .accordion__content .data__action .link {
  text-align: left;
  justify-content: flex-start;
}
.popinMF .fnol .form .accordion .accordion__element .accordion__content .data__action .link.-pre .link__icon {
  font-size: 16px;
}
.popinMF .fnol .form .accordion .accordion__element.-on {
  background-color: #fff;
}
.popinMF .fnol .form .accordion .accordion__element.-off {
  background-color: #F1F8FC;
}
.popinMF .fnol .form .accordion .accordion__element.-active {
  background-color: #fff;
}
.popinMF .fnol .form .accordion .accordion__element.-active .accordion__dropdown {
  transform: rotate(0deg);
}
.popinMF .fnol .form .radio.-wrap .radio__label {
  padding-top: 10px;
  padding-bottom: 10px;
}
.popinMF .fnol .form .radio.-opt .radio__element .radio__label .radio__icon {
  font-size: 28px;
}
@media (min-width: 768px) {
  .popinMF .fnol .form .messages.-error {
    text-align: center;
  }
}
.popinMF .fnol .form .data__title {
  text-align: left;
  font-size: 20px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  color: #000000;
  margin: 0 auto 16px;
  max-width: 700px;
  display: block;
}
@media (min-width: 768px) {
  .popinMF .fnol .form .data__title {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .popinMF .fnol .form .data__title .sublabel.-fnolcenter {
    text-align: center;
  }
}
.popinMF .fnol .form .data__title.-small {
  margin-bottom: 6px;
}
.popinMF .fnol .form .data__title label {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.popinMF .fnol .form .data__title label .sublabel {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
}
@keyframes messageserror {
  0% {
    height: 0;
    opacity: 0;
    margin-top: 0;
  }
  100% {
    height: auto;
    opacity: 1;
    margin-top: 4px;
  }
}
@keyframes popinMFnavback {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0px);
  }
}
.-stepper__block-choice {
  text-align: center;
}
.-stepper__block-choice .step {
  margin-bottom: 20px;
}
.-stepper__block-choice .step:last-child {
  margin-bottom: 0;
}
.-stepper__block-choice .step.-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.popinMF.-ib .form .claimCause .radio {
  display: grid;
}
@media (min-width: 768px) {
  .popinMF.-ib .form .claimCause .radio {
    grid-template-columns: repeat(2, 1fr);
  }
}
.popinMF.-ib .form .claimCause.-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.radio.-opt {
  grid-gap: 16px;
  gap: 16px;
}
.radio.-opt .radio__element .radio__label {
  box-shadow: 0 0 0 transparent;
  border: 1px solid #CEE9F4;
  display: grid;
  grid-template-columns: 50px 1fr;
}
@media (min-width: 768px) {
  .radio.-opt .radio__element .radio__label {
    display: flex;
  }
}
.radio.-opt .radio__element .radio__label .radio__legend {
  align-items: flex-start;
  grid-gap: 0;
  gap: 0;
}
@media (min-width: 768px) {
  .radio.-opt .radio__element .radio__label .radio__legend {
    align-items: center;
  }
}
.radio.-opt .radio__element .radio__label .radio__icon {
  background-color: #089edd;
}
.radio.-opt .radio__element .radio__label .radio__img {
  background-color: #089edd;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.radio.-opt .radio__element .radio__label .radio__img img {
  width: 30px;
}
.radio.-opt .radio__element:hover .radio__label, .radio.-opt .radio__element.-is-checked .radio__label {
  border-color: #089edd;
  background-color: #F1F8FC;
  box-shadow: 0 0 0 transparent;
}
.radio.-nowrap {
  flex-wrap: nowrap;
}
.cz__header {
  background: #fff;
  display: block;
  position: relative;
  z-index: 2;
  padding: 0 20px;
}
.cz__header .cz__header-wrap {
  max-width: 1920px;
  position: relative;
  padding: 15px 0px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(80px, 1fr) 1fr;
  align-items: center;
}
@media (min-width: 768px) {
  .cz__header .cz__header-wrap {
    padding: 27px 15px;
  }
}
.cz__header .cz__header-wrap .cz__header-first {
  display: flex;
  align-items: center;
}
.cz__header .cz__header-wrap .cz__header-first .cz__header-logo .logo__link {
  cursor: pointer;
  text-decoration: none;
}
.cz__header .cz__header-wrap .cz__header-first .cz__header-logo .logo__link img {
  width: 100%;
  display: block;
  max-width: 150px;
  height: 30px;
}
@media (min-width: 768px) {
  .cz__header .cz__header-wrap .cz__header-first .cz__header-logo .logo__link img {
    height: 40px;
  }
}
.cz__header .cz__header-wrap .cz__header-second {
  display: grid;
  grid-template-columns: 1fr 22px;
  justify-content: flex-end;
  align-items: center;
}
@media (min-width: 768px) {
  .cz__header .cz__header-wrap .cz__header-second {
    height: 80px;
    right: 30px;
  }
}
.cz__header .cz__header-wrap .cz__header-second .cz__header-item {
  color: #212121;
  font-size: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: color 250ms ease;
}
@media (min-width: 768px) {
  .cz__header .cz__header-wrap .cz__header-second .cz__header-item {
    margin-right: 50px;
  }
}
.cz__header .cz__header-wrap .cz__header-second .cz__header-item:hover {
  color: #089edd;
}
.cz__header .cz__header-wrap .cz__header-second .cz__header-item:last-child {
  margin-right: 0;
}
.cz__header .cz__header-wrap .cz__header-second .cz__header-item .cz__header-label {
  white-space: nowrap;
}
.cz__header .cz__header-wrap .cz__header-second .cz__header-item.cz__header-openmenu .cz__header-openmenu-icon {
  font-size: 22px;
  color: #000000;
}
.cz__header .cz__header-wrap .cz__header-second .cz__header-item.cz__header-openmenu .cz__header-openmenu-icon::before {
  content: "";
}
.cz__header .cz__header-wrap .cz__header-second .cz__header-item.cz__header-myethias {
  transform: scale(0.85);
  transform-origin: center;
  justify-content: flex-end;
}
@media (min-width: 768px) {
  .cz__header .cz__header-wrap .cz__header-second .cz__header-item.cz__header-myethias {
    transform: scale(1);
  }
}
.cz__header .cz__header-wrap .cz__header-second .cz__header-item.cz__header-myethias .cz__header-myethias-wrap {
  position: relative;
}
.cz__header .cz__header-wrap .cz__header-second .cz__header-item.cz__header-myethias .cz__header-myethias-wrap .cz__header-myethias-link {
  align-items: center;
  min-width: 10px;
  grid-gap: 22px;
  gap: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 37px;
  padding: 0;
}
@media (min-width: 375px) {
  .cz__header .cz__header-wrap .cz__header-second .cz__header-item.cz__header-myethias .cz__header-myethias-wrap .cz__header-myethias-link {
    display: flex;
    width: auto;
    height: auto;
    line-height: 1.2;
    padding: 14.5px 50px;
  }
}
.cz__header .cz__header-wrap .cz__header-second .cz__header-item.cz__header-myethias .cz__header-myethias-wrap .cz__header-myethias-link .cz__header-myethias-icon {
  font-size: 8px;
}
.cz__header .cz__header-wrap .cz__header-second .cz__header-item.cz__header-myethias .cz__header-myethias-wrap .cz__header-myethias-link .cz__header-myethias-icon.-arrow::before {
  content: "";
}
.cz__header .cz__header-wrap .cz__header-second .cz__header-item.cz__header-myethias .cz__header-myethias-wrap .cz__header-myethias-link .cz__header-myethias-label {
  font-size: 16px;
  max-width: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: none;
}
@media (min-width: 375px) {
  .cz__header .cz__header-wrap .cz__header-second .cz__header-item.cz__header-myethias .cz__header-myethias-wrap .cz__header-myethias-link .cz__header-myethias-label {
    display: inline-block;
    max-width: 100px;
  }
}
@media (min-width: 768px) {
  .cz__header .cz__header-wrap .cz__header-second .cz__header-item.cz__header-myethias .cz__header-myethias-wrap .cz__header-myethias-link .cz__header-myethias-label {
    max-width: 150px;
  }
}
.cz__header .cz__header-wrap .cz__header-second .cz__header-item.cz__header-myethias .cz__header-myethias-wrap .cz__header-myethias-menu {
  position: absolute;
  right: 0;
  top: 70px;
  width: 320px;
  max-width: calc(100vw - 30px);
  margin: 0;
  padding: 0;
  border-radius: 10px;
  transition: opacity 250ms ease, height 250ms ease;
  overflow: hidden;
}
.cz__header .cz__header-wrap .cz__header-second .cz__header-item.cz__header-myethias .cz__header-myethias-wrap .cz__header-myethias-menu.-off {
  border: 1px solid transparent;
  opacity: 0;
  height: 0;
  box-shadow: 0 0 0 transparent;
}
.cz__header .cz__header-wrap .cz__header-second .cz__header-item.cz__header-myethias .cz__header-myethias-wrap .cz__header-myethias-menu.-on {
  border: 1px solid #089edd;
  background: #fff;
  opacity: 1;
  height: auto;
  box-shadow: 0 15px 40px 0 rgba(217, 229, 240, 0.6);
}
.cz__header .cz__header-wrap .cz__header-second .cz__header-item.cz__header-myethias .cz__header-myethias-wrap .cz__header-myethias-menu .cz__header-myethias-item {
  padding: 15px 20px;
  list-style: none;
  margin: 0;
  transition: all 250ms ease;
  position: relative;
  color: #212121;
  font-size: 18px;
  background: #fff;
}
.cz__header .cz__header-wrap .cz__header-second .cz__header-item.cz__header-myethias .cz__header-myethias-wrap .cz__header-myethias-menu .cz__header-myethias-item:hover {
  color: #089edd;
  background: #EAF6FB;
}
.cz__header .cz__header-wrap .cz__header-second .cz__header-item.cz__header-myethias .cz__header-myethias-wrap .cz__header-myethias-menu .cz__header-myethias-item:last-child {
  border-radius: 0 0 10px 10px;
}
.cz__header .cz__header-wrap .cz__header-second .cz__header-item.cz__header-myethias .cz__header-myethias-wrap .cz__header-myethias-menu .cz__header-myethias-item:first-child {
  border-radius: 10px 10px 0 0;
}
.cz__header-menuopen {
  width: calc(100vw - 50px);
  height: 100vh;
  background: #fff;
  z-index: 501;
  position: fixed;
  top: 0;
  right: 0;
  min-height: 100vh;
  overflow: hidden;
  overflow-y: scroll;
  transform: translateX(100vw);
  transition: all 500ms ease;
}
@media (min-width: 768px) {
  .cz__header-menuopen {
    overflow: hidden;
    width: 100%;
    max-width: 666px;
    box-shadow: -15px 0 40px 0 rgba(70, 130, 183, 0.15);
  }
}
.cz__header-menuopen.-on {
  transform: translateX(0);
}
.cz__header-menuopen.-off {
  transform: translateX(100vw);
}
.cz__header-menuopen .cz__header-row.-first {
  padding: 40px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 768px) {
  .cz__header-menuopen .cz__header-row.-first {
    padding: 60px 30px 60px 80px;
  }
}
.cz__header-menuopen .cz__header-row.-first .cz__header-menuopen-logo .logo__link {
  cursor: pointer;
  text-decoration: none;
}
.cz__header-menuopen .cz__header-row.-first .cz__header-menuopen-logo .logo__link img {
  width: 100%;
  height: 80px;
  display: block;
  text-align: center;
  position: relative;
}
.cz__header-menuopen .cz__header-row.-first .cz__header-menuopen-close {
  padding: 15px;
  color: #212121;
  transition: color 250ms ease;
  cursor: pointer;
}
.cz__header-menuopen .cz__header-row.-first .cz__header-menuopen-close .cz__header-menuopen-close-icon::before {
  content: "";
}
.cz__header-menuopen .cz__header-row.-first .cz__header-menuopen-close:hover {
  color: #089edd;
}
.cz__header-menuopen .cz__header-row.-second .cz__header-menuopen-list {
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .cz__header-menuopen .cz__header-row.-second .cz__header-menuopen-list {
    margin-left: 50px;
  }
}
.cz__header-menuopen .cz__header-row.-second .cz__header-menuopen-list .cz__header-menuopen-item {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 20px;
}
.cz__header-menuopen .cz__header-row.-second .cz__header-menuopen-list .cz__header-menuopen-item .cz__header-menuopen-link {
  display: block;
  padding: 20px 30px;
  color: #000000;
  cursor: pointer;
  transition: all 250ms ease;
}
.cz__header-menuopen .cz__header-row.-second .cz__header-menuopen-list .cz__header-menuopen-item .cz__header-menuopen-link:hover, .cz__header-menuopen .cz__header-row.-second .cz__header-menuopen-list .cz__header-menuopen-item .cz__header-menuopen-link.-active {
  color: #089edd;
}
.cz__header-menuopen .cz__header-row.-second .cz__header-menuopen-list .cz__header-menuopen-item.-lg, .cz__header-menuopen .cz__header-row.-second .cz__header-menuopen-list .cz__header-menuopen-item.-logout {
  font-size: 16px;
}
.cz__header-menuopen .cz__header-row.-second .cz__header-menuopen-list .cz__header-menuopen-item.-lg {
  display: flex;
  text-transform: uppercase;
}
.cz__header-menuopen .cz__header-row.-second .cz__header-menuopen-list .cz__header-menuopen-item.-lg .cz__header-menuopen-link {
  position: relative;
}
.cz__header-menuopen .cz__header-row.-second .cz__header-menuopen-list .cz__header-menuopen-item.-lg .cz__header-menuopen-link:first-child {
  margin-left: 0;
}
.cz__header-menuopen .cz__header-row.-second .cz__header-menuopen-list .cz__header-menuopen-item.-lg .cz__header-menuopen-link:last-child {
  margin-right: 0;
}
.cz__header-menuopen .cz__header-row.-second .cz__header-menuopen-list .cz__header-menuopen-item.-lg .cz__header-menuopen-link:last-child::before {
  display: none;
}
.cz__header-menuopen .cz__header-row.-second .cz__header-menuopen-list .cz__header-menuopen-item.-lg .cz__header-menuopen-link:before {
  content: "|";
  position: absolute;
  right: 0;
  top: 20px;
}
.cz__header-menuopen .cz__header-row.-second .cz__header-menuopen-list .cz__header-menuopen-item.-lg .cz__header-menuopen-link:hover, .cz__header-menuopen .cz__header-row.-second .cz__header-menuopen-list .cz__header-menuopen-item.-lg .cz__header-menuopen-link.-active {
  color: #089edd;
}
.cz__header-menuopen-overlay {
  background: rgba(0, 0, 0, 0.2);
  display: block;
  width: 100vw;
  height: 100%;
  min-height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 500;
  transform-origin: center;
  visibility: hidden;
  opacity: 0;
}
.cz__header-menuopen-overlay.-on {
  visibility: visible;
  opacity: 1;
  animation: headermenuopenoverlay ease 250ms forwards;
}
.cz__header-menuopen-overlay.-off {
  visibility: hidden;
  opacity: 0;
  animation: headermenuopenoverlay ease 250ms;
  animation-direction: reverse;
}
@keyframes headermenuopenoverlay {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.cz__title {
  position: relative;
  padding: 20px 0;
  background-color: #fff;
}
@media (min-width: 768px) {
  .cz__title {
    padding: 67px 0 60px;
  }
}
.cz__title.-home {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .cz__title.-home {
    padding-top: 85px;
  }
}
@media (min-width: 1024px) {
  .cz__title.-home .customerZone-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.cz__title.-home .customerZone-wrap .cz__button {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  grid-gap: 16px;
  gap: 16px;
}
@media (min-width: 1024px) {
  .cz__title.-home .customerZone-wrap .cz__button {
    justify-content: flex-end;
  }
}
.cz__title.-home .customerZone-wrap .cz__button .button {
  width: 100%;
}
@media (min-width: 576px) {
  .cz__title.-home .customerZone-wrap .cz__button .button {
    width: auto;
  }
}
.cz__title.-inside .customerZone-wrap {
  text-align: left;
}
.cz__title.-inside .customerZone-wrap .customerZone-first {
  margin-bottom: 15px;
  display: flex;
}
@media (min-width: 768px) {
  .cz__title.-inside .customerZone-wrap .customerZone-first {
    margin-bottom: 11px;
  }
}
.cz__title.-inside .customerZone-wrap .customerZone-second {
  position: relative;
  padding-left: 50px;
}
@media (min-width: 768px) {
  .cz__title.-inside .customerZone-wrap .customerZone-second {
    padding-left: 95px;
  }
}
@media (min-width: 1024px) {
  .cz__title.-inside .customerZone-wrap .customerZone-second {
    align-items: flex-start;
    justify-content: space-between;
    min-height: 70px;
  }
}
.cz__title.-inside .customerZone-wrap .customerZone-second .cz__title-visu {
  width: 265px;
  height: 125px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: none;
}
@media (min-width: 1024px) {
  .cz__title.-inside .customerZone-wrap .customerZone-second .cz__title-visu {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
.cz__title.-inside.-old .cz__title-visu {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  opacity: 0.8;
}
.cz__title.-general {
  background: #fff;
}
.cz__title.-general .customerZone-wrap .customerZone-first .cz__back {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .cz__title.-general .customerZone-wrap .customerZone-first .cz__back {
    margin-right: 0;
    margin-bottom: 0;
    position: absolute;
    left: 30px;
    top: 0;
  }
}
.cz__title.-general .customerZone-wrap .customerZone-second {
  text-align: left;
  display: block;
  padding: 0;
}
@media (min-width: 768px) {
  .cz__title.-general .customerZone-wrap .customerZone-second {
    text-align: center;
    padding: 0 100px;
  }
}
.cz__title.-general .customerZone-wrap .customerZone-second .generalfirst {
  font-size: 28px;
  color: #000000;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .cz__title.-general .customerZone-wrap .customerZone-second .generalfirst {
    font-size: 38px;
  }
}
.cz__title.-general .customerZone-wrap .customerZone-second .generalsecond {
  font-size: 22px;
  color: #089edd;
}
@media (min-width: 768px) {
  .cz__title.-general .customerZone-wrap .customerZone-second .generalsecond {
    font-size: 24px;
  }
}
.cz__title.-titlethirdhide .-third {
  display: none;
}
.cz__title.-claims {
  padding: 0;
}
.cz__title.-claims .cz__header-wrap {
  padding-top: 30px;
  padding-bottom: 30px;
  max-width: 1000px;
}
@media (min-width: 768px) {
  .cz__title.-claims .cz__header-wrap {
    padding-left: 120px;
    padding-bottom: 50px;
  }
}
@media (min-width: 1200px) {
  .cz__title.-claims .cz__header-wrap {
    padding-left: 0;
  }
}
.cz__title.-claims .cz__header-wrap .customerZone-first {
  position: relative;
}
.cz__title.-claims .cz__header-wrap .cz__back {
  width: auto;
  margin: 0 0 20px 0;
  display: flex;
  align-items: center;
  height: 26px;
}
@media (min-width: 768px) {
  .cz__title.-claims .cz__header-wrap .cz__back {
    height: 50px;
    width: 50px;
    position: absolute;
    margin: 0;
    left: -96px;
    top: -8px;
  }
}
.cz__title.-claims .cz__header-wrap .cz__back .cz__back-label {
  font-size: 14px;
  padding-left: 40px;
}
@media (min-width: 768px) {
  .cz__title.-claims .cz__header-wrap .cz__back .cz__back-label {
    display: none;
  }
}
@media (min-width: 768px) {
  .cz__title.-claims .cz__header-wrap .customerZone-second {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }
}
.cz__title.-claims .cz__header-wrap .cz__status-content {
  font-size: 12px;
  margin-bottom: 10px;
  padding: 6px 21px 5px;
}
.cz__title.-claims .cz__header-wrap .cz__status-content.open {
  background: #089edd;
}
.cz__title.-claims .cz__header-wrap .cz__title-content {
  font-size: 30px;
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 5px;
}
.cz__title.-claims .cz__header-wrap .cz__product-content {
  color: #212121;
}
@media (min-width: 768px) {
  .cz__title.-claims .cz__header-wrap .cz__product-content {
    font-size: 18px;
  }
}
.cz__title.-claims .cz__header-wrap .cz__product-content span:after {
  content: "•";
  padding: 0 6px;
}
.cz__title.-claims .cz__header-wrap .cz__product-content span:last-child::after {
  display: none;
}
.cz__title.-claims .cz__header-wrap .cz__cta {
  margin-top: 20px;
}
.cz__title .cz__back {
  display: block;
  position: relative;
  cursor: pointer;
  transition: all 250ms ease;
  color: #089edd;
  border-radius: 100%;
  margin-right: 20px;
  width: 30px;
  height: 30px;
  top: 4px;
}
@media (min-width: 768px) {
  .cz__title .cz__back {
    width: 50px;
    height: 50px;
    margin-right: 50px;
  }
}
.cz__title .cz__back:hover {
  color: #0190cc;
}
.cz__title .cz__back .cz__back-icon {
  border-radius: 100%;
  font-size: 30px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  line-height: 26px;
}
@media (min-width: 768px) {
  .cz__title .cz__back .cz__back-icon {
    line-height: 50px;
    width: 50px;
    height: 50px;
    font-size: 50px;
  }
}
.cz__title .cz__back .cz__back-icon::before {
  content: "";
}
.cz__title .customerZone-first {
  display: flex;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .cz__title .customerZone-first {
    align-items: center;
  }
}
.cz__title .customerZone-first .label {
  font-size: 22px;
  color: #089edd;
}
@media (min-width: 768px) {
  .cz__title .customerZone-first .label {
    font-size: 24px;
  }
}
@media (min-width: 768px) {
  .cz__title .customerZone-wrap {
    padding: 0 30px;
  }
}
.cz__title .customerZone-wrap .cz__name {
  margin-bottom: 33px;
  text-align: left;
}
@media (min-width: 1024px) {
  .cz__title .customerZone-wrap .cz__name {
    margin-right: 36px;
    margin-bottom: 0;
  }
}
.cz__title .customerZone-wrap .cz__button {
  padding: 20px 0;
}
.cz__title .customerZone-wrap .cz__button .customerZone-wrap .customerZone-first {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .cz__title .customerZone-wrap .cz__button .customerZone-wrap .customerZone-first {
    margin-right: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .cz__title .customerZone-wrap .customerZone-second {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 265px;
  }
}
.cz__title .customerZone-wrap .customerZone-second .cz__title-content .-first {
  padding-left: 0;
}
.cz__title .customerZone-wrap .customerZone-second .cz__title-content .-first .cz__title-content {
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .cz__title .customerZone-wrap .customerZone-second .cz__title-content .-second {
    display: flex;
    grid-gap: 30px;
    gap: 30px;
    align-items: center;
  }
}
.cz__title .customerZone-wrap .customerZone-second .cz__title-content .-second span {
  position: relative;
  display: block;
}
.cz__title .customerZone-wrap .customerZone-second .cz__title-content .-second span.-secondsecond {
  margin-top: 4px;
  grid-gap: 30px;
  gap: 30px;
}
@media (min-width: 576px) {
  .cz__title .customerZone-wrap .customerZone-second .cz__title-content .-second span.-secondsecond {
    display: flex;
    align-items: center;
  }
}
@media (min-width: 768px) {
  .cz__title .customerZone-wrap .customerZone-second .cz__title-content .-second span.-secondsecond {
    margin-top: 0;
  }
}
@media (min-width: 1440px) {
  .cz__title .customerZone-wrap .customerZone-second .cz__title-content .-second span.-secondsecond {
    align-items: baseline;
  }
}
.cz__title .customerZone-wrap .customerZone-second .cz__title-content .-second span.-secondsecond .secondsecond__label {
  padding: 0;
}
@media (min-width: 768px) {
  .cz__title .customerZone-wrap .customerZone-second .cz__title-content .-second span.-secondsecond::before {
    content: "";
    left: 0;
    background: #000000;
    width: 2px;
    height: 30px;
  }
}
.cz__title .customerZone-wrap .customerZone-second .cz__title-content .-second.-link {
  display: block;
}
@media (min-width: 1440px) {
  .cz__title .customerZone-wrap .customerZone-second .cz__title-content .-second.-link {
    display: flex;
    grid-gap: 30px;
    gap: 30px;
    margin-bottom: 4px;
  }
}
.cz__title .customerZone-wrap .customerZone-second .cz__title-content .-second.-link .-secondsecond:before {
  display: none;
}
@media (min-width: 1440px) {
  .cz__title .customerZone-wrap .customerZone-second .cz__title-content .-second.-link .-secondsecond:before {
    display: block;
  }
}
.cz__title .customerZone-wrap .customerZone-second .cz__title-content .-second.-link .-second {
  padding-left: 0;
}
.cz__title .customerZone-wrap .customerZone-second .cz__title-content .-second.-link .-second::before {
  display: none;
}
@media (min-width: 1440px) {
  .cz__title .customerZone-wrap .customerZone-second .cz__title-content .-second.-link .-second::before {
    display: block;
  }
}
.cz__title .customerZone-wrap .customerZone-second .cz__title-content .-second.-link .-second .button__label {
  padding: 0;
}
.cz__title .customerZone-wrap .customerZone-second .cz__title-content .-third {
  color: #000000;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .cz__title .customerZone-wrap .customerZone-second .cz__title-content .-third {
    margin-top: 4px;
  }
}
.cz__title .customerZone-wrap .customerZone-second .cz__title-content .-third span {
  display: block;
  padding-right: 3px;
}
@media (min-width: 768px) {
  .cz__title .customerZone-wrap .customerZone-second .cz__title-content .-third span {
    display: inline-block;
  }
}
.cz__title .customerZone-wrap .customerZone-second .cz__title-content .-third .cz__title-status {
  color: #31933E;
  display: block;
}
.cz__title .customerZone-wrap .customerZone-second .cz__title-content .-third .cz__title-status.-close {
  color: #707070;
}
@media (min-width: 768px) {
  .cz__title .customerZone-wrap .customerZone-second .cz__title-content .-third .cz__title-status {
    display: inline-block;
    margin-left: 20px;
  }
}
.cz__cards__wrap {
  display: flex;
  flex-direction: column;
  grid-gap: 15px;
  gap: 15px;
}
@media (min-width: 768px) {
  .cz__cards__wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
  }
}
.cz__cards__wrap.-alignleft {
  justify-content: flex-start;
  text-align: left;
}
.cz__cards__wrap.-claims-list {
  grid-gap: 15px;
  gap: 15px;
}
@media (min-width: 768px) {
  .cz__cards__wrap.-claims-list {
    grid-gap: 25px;
    gap: 25px;
  }
}
.cz__cards__wrap.-s {
  grid-gap: 10px;
  gap: 10px;
}
.cz__cards__wrap.-m {
  grid-gap: 20px;
  gap: 20px;
}
.cz__cards__wrap.-l {
  grid-gap: 30px;
  gap: 30px;
}
.cz__cards__wrap .cz__help + .cz__cards {
  margin-top: 30px;
}
.cz__cards__wrap .cz__button.-claims {
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__button.-claims {
    margin: 0 auto 25px 0;
  }
}
@media (min-width: 768px) {
  .cz__cards__wrap.-allinsurance .cz__cards.-products, .cz__cards__wrap.-allinsurance .cz__cards.-contract, .cz__cards__wrap.-allinsurance .cz__cards.-contracts {
    height: 306px;
  }
}
@media (min-width: 768px) {
  .cz__cards__wrap.-allinsurance .cz__cards.-products .cz__cards-visu, .cz__cards__wrap.-allinsurance .cz__cards.-contract .cz__cards-visu, .cz__cards__wrap.-allinsurance .cz__cards.-contracts .cz__cards-visu {
    margin-top: 60px;
  }
}
.cz__cards__wrap.-allinsurance .cz__cards.-products .cz__cards-content, .cz__cards__wrap.-allinsurance .cz__cards.-contract .cz__cards-content, .cz__cards__wrap.-allinsurance .cz__cards.-contracts .cz__cards-content {
  padding-top: 0;
}
.cz__cards__wrap.-list {
  padding: 40px 0 50px;
}
@media (min-width: 768px) {
  .cz__cards__wrap.-list {
    padding: 0;
  }
}
.cz__cards__wrap.-list.-space .cz__cards {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .cz__cards__wrap.-list.-space .cz__cards {
    margin-bottom: 30px;
  }
}
.cz__cards__wrap.-stretch {
  align-items: stretch;
}
.cz__cards__wrap.-stretch .cz__cards.-function {
  height: auto;
}
.cz__cards__wrap.-grid {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  align-items: stretch;
}
.cz__cards__wrap.-grid .cz__cards {
  margin: 0;
}
.cz__cards__wrap.-grid .cz__cards:last-child {
  margin: 0;
}
@media (min-width: 768px) {
  .cz__cards__wrap.-grid.-two {
    grid-template-columns: repeat(2, 1fr);
  }
}
.cz__cards__wrap.-tt {
  padding-left: 0;
  padding-right: 0;
  background: #EAF6FB;
  display: flex;
  flex-direction: column;
  grid-gap: 1px;
  gap: 1px;
  margin-bottom: 1px;
}
@media (min-width: 768px) {
  .cz__cards__wrap.-tt {
    display: grid;
    align-items: stretch;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
    gap: 30px;
    background-color: transparent;
  }
}
@media (min-width: 1024px) {
  .cz__cards__wrap.-tt {
    grid-template-columns: repeat(3, 1fr);
  }
}
.cz__cards__wrap.-tt .cz__cards {
  border-radius: 0;
}
@media (min-width: 768px) {
  .cz__cards__wrap.-tt .cz__cards {
    border-radius: 20px;
  }
}
.cz__cards__wrap .cz__cards {
  position: relative;
  background: #fff;
  border-radius: 20px;
  cursor: pointer;
  padding: 25px 70px 25px 20px;
  transition: all 250ms ease;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards {
    width: 318px;
    padding: 0;
    display: inline-block;
    text-align: center;
    background: transparent;
  }
}
.cz__cards__wrap .cz__cards::before {
  content: "";
  font-size: 30px;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -15px;
  color: #089edd;
  border-radius: 100%;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards::before {
    display: none;
  }
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-contract:before, .cz__cards__wrap .cz__cards.-products:before, .cz__cards__wrap .cz__cards.-function:before, .cz__cards__wrap .cz__cards.-quote:before, .cz__cards__wrap .cz__cards.-tt:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 0;
    background: #fff;
    border-radius: 20px;
    transform: scale(1);
    transform-origin: center;
    transition: all 250ms ease;
  }
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-contract, .cz__cards__wrap .cz__cards.-products, .cz__cards__wrap .cz__cards.-quote {
    height: 336px;
  }
}
.cz__cards__wrap .cz__cards.-contract.-old .cz__cards-visu, .cz__cards__wrap .cz__cards.-products.-old .cz__cards-visu, .cz__cards__wrap .cz__cards.-quote.-old .cz__cards-visu {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  opacity: 0.5;
}
.cz__cards__wrap .cz__cards.-contract.-bmw::after, .cz__cards__wrap .cz__cards.-products.-bmw::after, .cz__cards__wrap .cz__cards.-quote.-bmw::after {
  display: block;
  content: "";
  width: 40px;
  height: 40px;
  background: url(/content/dam/B2C/customerzone/bmw.svg) no-repeat;
  background-size: contain;
  position: absolute;
  top: -10px;
  left: -10px;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-contract.-bmw::after, .cz__cards__wrap .cz__cards.-products.-bmw::after, .cz__cards__wrap .cz__cards.-quote.-bmw::after {
    width: 60px;
    height: 60px;
    left: auto;
    top: 20px;
    right: 20px;
  }
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-contract .cz__cards-content, .cz__cards__wrap .cz__cards.-products .cz__cards-content, .cz__cards__wrap .cz__cards.-quote .cz__cards-content {
    /* height: calc(100% - 217px); */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
}
.cz__cards__wrap .cz__cards.-contract .cz__cards-content .cz__cards-label,
.cz__cards__wrap .cz__cards.-contract .cz__cards-content .cz__cards-link, .cz__cards__wrap .cz__cards.-products .cz__cards-content .cz__cards-label,
.cz__cards__wrap .cz__cards.-products .cz__cards-content .cz__cards-link, .cz__cards__wrap .cz__cards.-quote .cz__cards-content .cz__cards-label,
.cz__cards__wrap .cz__cards.-quote .cz__cards-content .cz__cards-link {
  margin: 0;
  display: grid;
}
.cz__cards__wrap .cz__cards.-products .cz__cards-img {
  position: relative;
}
.cz__cards__wrap .cz__cards.-products .cz__cards-img .-desktop {
  display: none;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-products .cz__cards-img .-desktop {
    max-width: calc(100% - 50px);
    height: 125px;
    margin: 60px auto 32px;
    display: block;
  }
}
.cz__cards__wrap .cz__cards.-products .cz__cards-img .-mobile {
  width: 80px;
  display: block;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-products .cz__cards-img .-mobile {
    display: none;
  }
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-products .cz__cards-content {
    padding: 20px 40px 0;
  }
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-products .cz__cards-visu {
    margin-top: 30px;
  }
}
.cz__cards__wrap .cz__cards.-quote {
  cursor: default;
}
.cz__cards__wrap .cz__cards.-quote::before {
  content: "";
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-quote::before {
    border: 1px dashed #94D5F1;
  }
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-quote:hover::before {
    transform: scale(1);
  }
}
.cz__cards__wrap .cz__cards.-quote .cz__cards-warning {
  color: #E84E0F;
  font-size: 12px;
  display: flex;
  align-items: baseline;
  grid-gap: 4px;
  gap: 4px;
  margin: 0 auto;
  text-transform: uppercase;
}
.cz__cards__wrap .cz__cards.-quote .cz__cards-warning:before {
  content: "!";
  display: block;
  background-color: #E84E0F;
  color: #fff;
  border-radius: 100%;
  width: 12px;
  height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cz__cards__wrap .cz__cards.-quote .cz__cards-trash {
  transition: all 250ms ease;
  position: absolute;
  color: #7291A3;
  right: 20px;
  top: 50%;
  margin-top: -15px;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-quote .cz__cards-trash {
    right: 15px;
    top: 15px;
    margin: 0;
  }
}
.cz__cards__wrap .cz__cards.-quote .cz__cards-trash img {
  height: 25px;
  filter: invert(41%) sepia(33%) saturate(222%) hue-rotate(162deg) brightness(92%) contrast(94%);
  transition: all 250ms ease;
}
.cz__cards__wrap .cz__cards.-quote .cz__cards-trash:hover {
  filter: invert(57%) sepia(46%) saturate(6147%) hue-rotate(168deg) brightness(97%) contrast(94%);
}
.cz__cards__wrap .cz__cards.-quote .cz__cards-status {
  transition: all 250ms ease;
  position: absolute;
  left: 0;
  top: 0;
  text-transform: uppercase;
  padding: 5px 15px 5px 25px;
  color: #fff;
  font-size: 12px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  border-radius: 10px 0;
}
@media (min-width: 576px) {
  .cz__cards__wrap .cz__cards.-quote .cz__cards-status {
    padding: 3px 18px;
  }
}
.cz__cards__wrap .cz__cards.-quote.-in-progress .cz__cards-status {
  background-color: #089edd;
}
.cz__cards__wrap .cz__cards.-quote.-suspended::before {
  border-color: #E84E0F;
  background-color: #FFFAFA;
}
.cz__cards__wrap .cz__cards.-quote.-suspended .cz__cards-status {
  background-color: #E84E0F;
}
.cz__cards__wrap .cz__cards.-tt {
  align-items: flex-start;
  display: grid;
  grid-template-columns: 40px 1fr;
  grid-gap: 20px;
  gap: 20px;
  padding: 25px 20px;
  width: 100%;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-tt {
    padding: 40px 15px 25px 15px;
    display: flex;
    flex-direction: column;
    background: #fff;
    grid-gap: 25px;
    gap: 25px;
  }
}
.cz__cards__wrap .cz__cards.-tt::before {
  display: none;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-tt::before {
    display: block;
  }
}
.cz__cards__wrap .cz__cards.-tt .cz__cards-content {
  padding: 0;
  width: 100%;
}
.cz__cards__wrap .cz__cards.-tt .cz__cards-content .cz__cards-title {
  font-size: 20px;
  color: #000000;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-tt .cz__cards-content .cz__cards-title {
    margin-bottom: 8px;
  }
}
.cz__cards__wrap .cz__cards.-tt .cz__cards-content .cz__cards-label {
  margin: 0;
  font-size: 14px;
  color: #212121;
}
.cz__cards__wrap .cz__cards.-tt .cz__cards-img {
  position: relative;
  margin: 0 auto;
}
.cz__cards__wrap .cz__cards.-tt .cz__cards-img img {
  background: #EAF6FB;
  border-radius: 12px;
  padding: 8px;
  width: 40px;
  height: 40px;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-tt .cz__cards-img img {
    padding: 12px;
    width: 60px;
    height: 60px;
  }
}
.cz__cards__wrap .cz__cards.-claims {
  overflow: hidden;
  padding: 45px 60px 30px 25px;
  background-color: #fff;
  width: 100%;
  transform: translateY(0);
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-claims {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.cz__cards__wrap .cz__cards.-claims:before {
  display: block;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-claims:before {
    right: 50px;
  }
}
.cz__cards__wrap .cz__cards.-claims:hover {
  transform: translateY(-5px);
}
.cz__cards__wrap .cz__cards.-claims:hover::before {
  transform: scale(1);
}
.cz__cards__wrap .cz__cards.-claims.-validate {
  background: #E6F2E8;
  border: 1px solid rgba(49, 147, 62, 0.2);
  padding: 20px 20px 20px 76px;
  cursor: default;
}
@media (min-width: 576px) {
  .cz__cards__wrap .cz__cards.-claims.-validate {
    padding: 30px 20px 30px 76px;
  }
}
.cz__cards__wrap .cz__cards.-claims.-validate::before {
  display: none;
}
.cz__cards__wrap .cz__cards.-claims.-validate:hover {
  transform: translate(0);
}
.cz__cards__wrap .cz__cards.-claims.-validate .cz__cards-content::before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  width: 34px;
  height: 34px;
  border-radius: 100%;
  background-color: #31933E;
  left: -50px;
  line-height: 34px;
  color: white;
  text-align: center;
  padding: 0;
  top: 50%;
  margin-top: -17px;
  position: absolute;
}
.cz__cards__wrap .cz__cards.-claims.-validate .cz__cards-content span::after {
  display: none;
}
.cz__cards__wrap .cz__cards.-claims.-validate .cz__cards-content .cz__cards-title {
  font-size: 14px;
}
.cz__cards__wrap .cz__cards.-claims.-validate .cz__cards-status {
  display: none;
}
.cz__cards__wrap .cz__cards.-claims .cz__cards-status {
  position: absolute;
  left: 0;
  top: 0;
  text-transform: uppercase;
  padding: 5px 15px 5px 25px;
  color: #fff;
  font-size: 12px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  border-radius: 0 0 10px 0;
}
@media (min-width: 576px) {
  .cz__cards__wrap .cz__cards.-claims .cz__cards-status {
    padding: 7px 30px;
  }
}
.cz__cards__wrap .cz__cards.-claims .cz__cards-content {
  padding: 0;
  text-align: left;
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}
.cz__cards__wrap .cz__cards.-claims .cz__cards-content .cz__cards-label-status {
  display: none;
}
.cz__cards__wrap .cz__cards.-claims .cz__cards-content .cz__cards-title {
  font-size: 24px;
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
  line-height: 1.2;
}
.cz__cards__wrap .cz__cards.-claims .cz__cards-content .cz__cards-label {
  margin: 0;
  font-size: 14px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  color: #212121;
}
.cz__cards__wrap .cz__cards.-claims .cz__cards-content .cz__cards-label span::after {
  content: " • ";
}
.cz__cards__wrap .cz__cards.-claims .cz__cards-content .cz__cards-label span:last-child::after {
  display: none;
}
.cz__cards__wrap .cz__cards.-claims .cz__cards-content .cz__cards-label span.cz__cards-label-date::after {
  display: none;
}
.cz__cards__wrap .cz__cards.-claims.-active .cz__cards-status {
  background: #089edd;
}
.cz__cards__wrap .cz__cards.-claims.-validate .cz__cards-status {
  background: #31933E;
}
.cz__cards__wrap .cz__cards.-claims.-closed::before, .cz__cards__wrap .cz__cards.-claims.-suspended::before {
  display: none;
}
.cz__cards__wrap .cz__cards.-claims.-closed .cz__cards-content .cz__cards-title,
.cz__cards__wrap .cz__cards.-claims.-closed .cz__cards-content .cz__cards-label, .cz__cards__wrap .cz__cards.-claims.-suspended .cz__cards-content .cz__cards-title,
.cz__cards__wrap .cz__cards.-claims.-suspended .cz__cards-content .cz__cards-label {
  color: #7291A3;
}
.cz__cards__wrap .cz__cards.-claims.-closed .cz__cards-status, .cz__cards__wrap .cz__cards.-claims.-suspended .cz__cards-status {
  background: #7291A3;
}
.cz__cards__wrap .cz__cards.-claims.-suspended .cz__cards-status::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url("/content/dam/B2C/customerzone/claims/pictos/lock.svg") no-repeat center;
  margin-left: 5px;
}
.cz__cards__wrap .cz__cards.-claims.-missinfo .cz__cards-content .cz__cards-label span::after {
  display: none;
}
.cz__cards__wrap .cz__cards.-function {
  padding: 15px;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-function {
    height: 324px;
    padding: 0;
  }
}
.cz__cards__wrap .cz__cards.-function .cz__cards-content {
  padding: 0 40px 0 0;
  width: 100%;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-function .cz__cards-content {
    padding: 0 30px;
  }
}
.cz__cards__wrap .cz__cards.-function .cz__cards-content .cz__cards-label {
  display: none;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-function .cz__cards-content .cz__cards-label {
    display: block;
    padding: 0 40px;
    line-height: 1.4;
  }
}
.cz__cards__wrap .cz__cards.-function .cz__cards-img img {
  background: #089edd;
  border-radius: 12px;
  padding: 8px;
  margin: auto;
  height: 40px;
  width: 40px;
}
.cz__cards__wrap .cz__cards.-function .cz__cards-icon {
  color: #fff;
  background: #089edd;
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
  max-width: 60px;
  max-height: 60px;
  position: relative;
  border-radius: 100%;
  margin: 0 30px 0 0;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-function .cz__cards-icon {
    margin: 60px auto 32px;
    width: 70px;
    height: 70px;
    min-width: 70px;
    min-height: 70px;
    max-width: 70px;
    max-height: 70px;
  }
}
.cz__cards__wrap .cz__cards.-function .cz__cards-icon:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 33px;
  line-height: 60px;
  width: 60px;
  height: 60px;
  text-align: center;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-function .cz__cards-icon:before {
    font-size: 42px;
    line-height: 70px;
    width: 70px;
    height: 70px;
  }
}
.cz__cards__wrap .cz__cards.-function.-old .cz__cards-icon {
  background: #98B3C4;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-function.-disabled .cz__cards-disabled {
    top: 0;
  }
}
.cz__cards__wrap .cz__cards.-function.-small .cz__cards-icon {
  transform: scale(0.8);
  margin-right: 12px;
  display: none;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-function.-small .cz__cards-icon {
    display: inline-block;
    margin: 24px auto;
  }
}
.cz__cards__wrap .cz__cards.-function.-small .cz__cards-title {
  font-size: 20px;
}
.cz__cards__wrap .cz__cards.-function.-small .cz__cards-label {
  font-size: 16px;
  display: block;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-function.-small .cz__cards-label {
    padding-bottom: 24px;
  }
}
.cz__cards__wrap .cz__cards.-marketing {
  overflow: hidden;
  padding: 0;
  width: 100%;
  height: 100px;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-marketing {
    width: 318px;
    height: 336px;
  }
}
.cz__cards__wrap .cz__cards.-marketing .cz__cards-content {
  padding: 0;
}
.cz__cards__wrap .cz__cards.-marketing::before {
  display: none;
}
.cz__cards__wrap .cz__cards.-marketing .cz__cards-marketing {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-marketing .cz__cards-marketing {
    position: relative;
  }
}
.cz__cards__wrap .cz__cards.-marketing .cz__cards-marketing .cz__cards-marketing-img.-mobile {
  width: 768px;
  height: 100px;
  min-width: 768px;
  min-height: 100px;
  max-width: 768px;
  max-height: 100px;
  position: absolute;
  left: 50%;
  margin-left: -384px;
  top: 0;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-marketing .cz__cards-marketing .cz__cards-marketing-img.-mobile {
    display: none;
  }
}
.cz__cards__wrap .cz__cards.-marketing .cz__cards-marketing .cz__cards-marketing-img.-desktop {
  display: none;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-marketing .cz__cards-marketing .cz__cards-marketing-img.-desktop {
    display: block;
    max-width: 100%;
    max-height: 100%;
  }
}
.cz__cards__wrap .cz__cards.-list {
  max-width: 898px;
  background: #fff;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-list {
    cursor: default;
  }
}
.cz__cards__wrap .cz__cards.-list::before {
  display: none;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-list {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 20px;
    padding: 30px 50px;
  }
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-list.-small {
    margin-bottom: 10px;
    border-radius: 20px;
    padding: 20px;
  }
}
.cz__cards__wrap .cz__cards.-list.-small .cz__cards-content .cz__cards-label {
  font-size: 18px;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-list.-top {
    align-items: flex-start;
  }
}
.cz__cards__wrap .cz__cards.-list .cz__cards-button {
  display: none;
  z-index: 1;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-list .cz__cards-button {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-list .cz__cards-button .cz__cards-button-button {
    margin: 8px 0;
  }
}
.cz__cards__wrap .cz__cards.-list .cz__cards-button .cz__cards-button-button:first-child {
  margin-top: 0;
}
.cz__cards__wrap .cz__cards.-list .cz__cards-button .cz__cards-button-button:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-list .cz__cards-button .button {
    font-size: 16px;
    line-height: 1;
    padding: 8px 20px;
  }
}
.cz__cards__wrap .cz__cards.-list .cz__cards-content {
  padding: 0;
  text-align: left;
}
.cz__cards__wrap .cz__cards.-list .cz__cards-content .cz__cards-label {
  color: #000000;
  margin-top: 0;
  font-size: 20px;
}
.cz__cards__wrap .cz__cards.-list .cz__cards-content .cz__cards-label .cz__cards-label-date {
  padding-left: 5px;
}
.cz__cards__wrap .cz__cards.-list .cz__cards-content .cz__cards-label .cz__cards-label-status {
  font-size: 18px;
  margin-top: 10px;
  display: block;
  color: #31933E;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-list .cz__cards-content .cz__cards-label .cz__cards-label-status {
    display: inline-block;
    margin: 0;
  }
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-list .cz__cards-content .cz__cards-label .cz__cards-label-status:before {
    content: "|";
    color: #94D5F1;
    margin: 0 30px;
    display: inline-block;
  }
}
.cz__cards__wrap .cz__cards.-list .cz__cards-content .cz__cards-label .cz__cards-label-status.-close {
  color: #707070;
}
.cz__cards__wrap .cz__cards.-list .cz__cards-content .cz__cards-sublabel {
  display: block;
  font-size: 16px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.cz__cards__wrap .cz__cards.-doc {
  overflow: hidden;
  padding: 20px;
  background-color: #fff;
  width: 100%;
  transform: translateY(0);
  display: grid;
  grid-template-columns: 20px 1fr auto;
  grid-gap: 12px;
  gap: 12px;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-doc {
    grid-template-columns: 50px 1fr auto;
    grid-gap: 20px;
    gap: 20px;
    padding: 20px 30px;
  }
}
.cz__cards__wrap .cz__cards.-doc:before {
  display: none;
}
.cz__cards__wrap .cz__cards.-doc:hover {
  transform: translateY(-5px);
}
.cz__cards__wrap .cz__cards.-doc .cz__cards-button {
  text-align: right;
  justify-content: flex-end;
}
.cz__cards__wrap .cz__cards.-doc .cz__cards-button .button.-link {
  text-decoration: underline;
}
.cz__cards__wrap .cz__cards.-doc .cz__cards-mail {
  background: url(/content/dam/B2C/customerzone/claims/pictos/mail.svg) center transparent no-repeat;
  width: 20px;
  height: 20px;
  background-size: 20px;
  border-radius: 16px;
  position: relative;
  display: block;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-doc .cz__cards-mail {
    width: 50px;
    height: 50px;
    background-size: 30px;
  }
}
.cz__cards__wrap .cz__cards.-doc .cz__cards-content {
  padding: 0;
  text-align: left;
  display: grid;
}
.cz__cards__wrap .cz__cards.-doc .cz__cards-content .cz__cards-title {
  order: 2;
  font-size: 18px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.cz__cards__wrap .cz__cards.-doc .cz__cards-content .cz__cards-label-status {
  display: none;
}
.cz__cards__wrap .cz__cards.-doc .cz__cards-content .cz__cards-label {
  order: 1;
  font-size: 14px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  margin: 0;
}
.cz__cards__wrap .cz__cards.-doc.-incoming .cz__cards-mail {
  background: url(/content/dam/B2C/customerzone/claims/pictos/cards/doc-incoming.svg) center transparent no-repeat;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-doc.-incoming .cz__cards-mail {
    background-size: 20px;
  }
}
.cz__cards__wrap .cz__cards.-doc.-outgoing .cz__cards-mail {
  background: url(/content/dam/B2C/customerzone/claims/pictos/cards/doc-outgoing.svg) center transparent no-repeat;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-doc.-outgoing .cz__cards-mail {
    background-size: 20px;
  }
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards:hover::before {
    transform: scale(1.05);
  }
}
.cz__cards__wrap .cz__cards .cz__cards-visu {
  position: relative;
  width: 80px;
  height: 80px;
  min-width: 80px;
  min-height: 80px;
  max-height: 80px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards .cz__cards-visu {
    width: 100%;
    height: 125px;
    max-width: 265px;
    min-height: 125px;
    max-height: 125px;
    margin: 60px 25px 32px;
  }
}
.cz__cards__wrap .cz__cards .cz__cards-date {
  margin-top: 8px;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
}
.cz__cards__wrap .cz__cards .cz__cards-link {
  font-size: 16px;
  display: block;
  margin-top: 8px;
}
.cz__cards__wrap .cz__cards .cz__cards-content {
  position: relative;
  padding: 0px 0 0 20px;
}
@media (min-width: 576px) {
  .cz__cards__wrap .cz__cards .cz__cards-content {
    padding: 0px 40px;
  }
}
.cz__cards__wrap .cz__cards .cz__cards-content .button__icon {
  color: #089edd;
  font-size: 18px;
}
.cz__cards__wrap .cz__cards .cz__cards-content .cz__cards-title {
  font-size: 20px;
  color: #212121;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards .cz__cards-content .cz__cards-title {
    font-size: 22px;
  }
}
.cz__cards__wrap .cz__cards .cz__cards-content .cz__cards-label {
  margin-top: 4px;
}
.cz__cards__wrap .cz__cards .cz__cards-content .cz__cards-label .cz__cards-label-status {
  white-space: nowrap;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards .cz__cards-content .cz__cards-label {
    margin-top: 10px;
  }
}
.cz__cards__wrap .cz__cards.-help {
  background: #94D5F1;
  align-items: flex-end;
  padding: 0;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-help {
    width: 100%;
    height: auto;
    align-items: center;
    flex-direction: row;
  }
}
.cz__cards__wrap .cz__cards.-help::before {
  display: none;
}
.cz__cards__wrap .cz__cards.-help .cz__cards-visu {
  width: 100px;
  height: 100px;
  min-width: 100px;
  min-height: 100px;
  max-height: 100px;
}
.cz__cards__wrap .cz__cards.-help .cz__cards-content {
  padding: 20px 0;
}
.cz__cards__wrap .cz__cards.-nolink {
  cursor: default;
  pointer-events: none;
}
.cz__cards__wrap .cz__cards.-nolink::before {
  display: none;
}
.cz__cards__wrap .cz__cards.-disabled::before {
  display: none;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-disabled::before {
    display: block;
  }
}
.cz__cards__wrap .cz__cards.-disabled .cz__cards-disabled {
  position: relative;
  margin-top: 16px;
  color: #707070;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-disabled .cz__cards-disabled {
    margin-top: 0;
    border-radius: 70px;
    position: absolute;
    background: #089edd;
    z-index: 2;
    padding: 20px 30px 15px 30px;
    transition: opacity 0 ease-in, top 0.05s ease-in, width 0.05s ease-in;
    top: -100%;
    opacity: 0;
    color: #fff;
    left: 0;
  }
}
.cz__cards__wrap .cz__cards.-disabled .cz__cards-icon {
  background: #B0C0C4;
}
.cz__cards__wrap .cz__cards.-disabled .cz__cards-content,
.cz__cards__wrap .cz__cards.-disabled .cz__cards-title {
  color: #707070;
}
@media (min-width: 768px) {
  .cz__cards__wrap .cz__cards.-disabled:hover .cz__cards-disabled {
    animation: czcardstooltip 1.5s ease-out forwards 0.08s;
  }
}
@keyframes czcardstooltip {
  0% {
    transform: scale(1, 1);
    opacity: 0;
  }
  10% {
    transform: scale(1.1, 0.9);
    opacity: 1;
  }
  30% {
    transform: scale(0.9, 1.1);
    opacity: 1;
  }
  50% {
    transform: scale(1.05, 0.95);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}
.cardsTransverse__wrap.-claims .collapsecard .collapsecard__header .collapsecard__header-link {
  display: none;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.cardsTransverse__wrap.-claims .collapsecard .collapsecard__header .collapsecard__header-content {
  display: grid;
  grid-template-columns: 40px 1fr;
  grid-gap: 15px;
  gap: 15px;
  align-items: center;
}
@media (min-width: 768px) {
  .cardsTransverse__wrap.-claims .collapsecard .collapsecard__header .collapsecard__header-content {
    grid-template-columns: 65px 1fr;
    grid-gap: 25px;
    gap: 25px;
  }
}
.cardsTransverse__wrap.-claims .collapsecard .collapsecard__header .collapsecard__header-content .collapsecard__header-visu {
  background: #EAF6FB;
  border-radius: 12px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
}
@media (min-width: 768px) {
  .cardsTransverse__wrap.-claims .collapsecard .collapsecard__header .collapsecard__header-content .collapsecard__header-visu {
    width: 65px;
    height: 65px;
  }
}
.cardsTransverse__wrap.-claims .collapsecard .collapsecard__header .collapsecard__header-content .collapsecard__header-visu img {
  height: 22px;
}
@media (min-width: 768px) {
  .cardsTransverse__wrap.-claims .collapsecard .collapsecard__header .collapsecard__header-content .collapsecard__header-visu img {
    height: 40px;
  }
}
.cardsTransverse__wrap.-claims .collapsecard .collapsecard__header .collapsecard__header-content .collapsecard__header-subtitle {
  display: none;
  font-size: 14px;
}
.cardsTransverse__wrap.-claims .collapsecard .collapsecard__body {
  font-size: 14px;
  padding-left: 20px;
  padding-right: 20px;
}
.cardsTransverse__wrap.-claims .collapsecard .collapsecard__body .fc__item,
.cardsTransverse__wrap.-claims .collapsecard .collapsecard__body .fc__cta,
.cardsTransverse__wrap.-claims .collapsecard .collapsecard__body .fc__question {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .cardsTransverse__wrap.-claims .collapsecard.-isOpen .collapsecard__body {
    padding-bottom: 20px;
  }
}
.cardsTransverse__wrap.-claims .collapsecard.-isDisabled {
  pointer-events: none;
}
.cardsTransverse__wrap.-claims .collapsecard.-isDisabled .cardsTransverse.-collapse {
  background: #fff;
}
.cardsTransverse__wrap.-claims .collapsecard.-isDisabled .cardsTransverse__container {
  opacity: 1;
}
.cardsTransverse__wrap.-claims .collapsecard.-isDisabled .collapsecard__header .collapsecard__header-visu img {
  opacity: 0.5;
}
.cardsTransverse__wrap.-claims .collapsecard.-isDisabled .collapsecard__header .collapsecard__header-content .collapsecard__header-title {
  color: #7291A3;
}
.cardsTransverse__wrap.-claims .collapsecard.-isValid .collapsecard__header .collapsecard__header-link {
  display: block;
}
.cardsTransverse__wrap.-claims .collapsecard.-isValid .collapsecard__header .collapsecard__header-visu {
  background-color: #fff;
  position: relative;
}
.cardsTransverse__wrap.-claims .collapsecard.-isValid .collapsecard__header .collapsecard__header-visu::after {
  content: "";
  background-color: #31933E;
  position: absolute;
  right: -5px;
  top: -5px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #fff;
}
@media (min-width: 768px) {
  .cardsTransverse__wrap.-claims .collapsecard.-isValid .collapsecard__header .collapsecard__header-visu::after {
    width: 25px;
    height: 25px;
    line-height: 25px;
  }
}
.cardsTransverse__wrap.-claims .collapsecard.-isValid .collapsecard__header .collapsecard__header-content .collapsecard__header-subtitle {
  display: block;
}
@media (min-width: 768px) {
  .cz__details-wrap {
    max-width: 898px;
    margin: 0 auto;
  }
}
.cz__details-wrap.-l {
  max-width: 1200px;
}
.cz__details-wrap .cz__details {
  display: block;
  position: relative;
  padding: 32px 26px;
  background: #fff;
  color: #212121;
  margin: 0 0 10px 0;
  border-radius: 20px;
}
@media (min-width: 768px) {
  .cz__details-wrap .cz__details {
    margin: 0 0 30px 0;
    padding: 35px 50px;
  }
}
.cz__details-wrap .cz__details:last-child {
  margin-bottom: 0;
}
.cz__details-wrap .cz__details.-unclickable {
  pointer-events: none;
  cursor: default;
}
.cz__details-wrap .cz__details a {
  color: #089edd;
}
.cz__details-wrap .cz__details .cz__details-adress {
  line-height: 1.5;
}
.cz__details-wrap .cz__details .cz__details-link {
  display: block;
  position: relative;
  top: -10px;
  color: #089edd;
  z-index: 1;
}
@media (min-width: 768px) {
  .cz__details-wrap .cz__details .cz__details-link {
    position: absolute;
    right: 60px;
    top: 30px;
    height: 35px;
  }
}
.cz__details-wrap .cz__details .cz__details-link .switch {
  cursor: pointer;
}
.cz__details-wrap .cz__details .cz__details-link .switch .button {
  display: flex;
  padding: 8px 20px;
  font-size: 12px;
  min-width: 10px;
}
@media (min-width: 768px) {
  .cz__details-wrap .cz__details .cz__details-link .switch .button {
    font-size: 16px;
    height: 36px;
    line-height: 35px;
    padding: 8px 20px;
  }
}
.cz__details-wrap .cz__details .cz__details-link .switch.-open {
  display: flex;
  justify-content: flex-end;
}
.cz__details-wrap .cz__details .cz__details-link .switch.-close {
  display: none;
}
.cz__details-wrap .cz__details .cz__details-link .button {
  display: flex;
  align-items: center;
}
.cz__details-wrap .cz__details .cz__details-link .button .button__icon {
  font-size: 11px;
  margin-left: 8px;
}
@media (min-width: 768px) {
  .cz__details-wrap .cz__details .cz__details-link .button .button__icon {
    display: block;
  }
}
.cz__details-wrap .cz__details .cz__details-link.-active .switch.-open {
  display: none;
}
.cz__details-wrap .cz__details .cz__details-link.-active .switch.-close {
  display: flex;
  justify-content: flex-end;
}
.cz__details-wrap .cz__details .cz__table {
  font-size: 16px;
  display: flex;
  flex-direction: column;
  border: 1px solid #D0D9DC;
  border-radius: 8px;
}
.cz__details-wrap .cz__details .cz__table .row {
  position: relative;
  border-bottom: 1px solid #D0D9DC;
  margin: 0;
}
.cz__details-wrap .cz__details .cz__table .row.cz__table-row {
  background: #089edd;
  color: #fff;
  border-radius: 8px 8px 0 0;
}
.cz__details-wrap .cz__details .cz__table .row:last-child {
  border-bottom: 0;
}
.cz__details-wrap .cz__details .cz__table .row .col {
  padding-top: 8px;
  padding-bottom: 8px;
}
.cz__details-wrap .cz__details .cz__table.-scroll {
  overflow-x: scroll;
}
@media (min-width: 768px) {
  .cz__details-wrap .cz__details .cz__table.-scroll {
    overflow: hidden;
  }
}
.cz__details-wrap .cz__details .cz__table.-scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: 0 0 0 transparent;
  background-color: transparent;
}
.cz__details-wrap .cz__details .cz__table.-scroll::-webkit-scrollbar {
  width: 10px;
  background-color: transparent;
}
.cz__details-wrap .cz__details .cz__table.-scroll::-webkit-scrollbar-thumb {
  background-color: #CEE9F4;
  border: 2px solid #fff;
  border-radius: 8px;
}
.cz__details-wrap .cz__details .cz__table.boost__table__first .row .col:first-child {
  background: #EAF6FB;
}
@media (min-width: 768px) {
  .cz__details-wrap .cz__details .cz__table.boost__table__first .row .col:first-child {
    background: transparent;
  }
}
.cz__details-wrap .cz__details .cz__table.boost__table__second .cz__table-row {
  display: grid;
  grid-template-columns: 130px 100px 80px 1fr;
  border-bottom: 1px solid #D0D9DC;
  min-width: 100%;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 768px) {
  .cz__details-wrap .cz__details .cz__table.boost__table__second .cz__table-row {
    grid-template-columns: repeat(3, 0.7fr) 1fr;
  }
}
.cz__details-wrap .cz__details .cz__table.boost__table__second .cz__table-row:last-child {
  border-bottom: 0;
}
.cz__details-wrap .cz__details .cz__table.boost__table__second .cz__table-row .col {
  white-space: nowrap;
  padding-top: 8px;
  padding-bottom: 8px;
}
.cz__details-wrap .cz__details .cz__table.boost__table__second .cz__table-row .col:first-child {
  background: #EAF6FB;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
@media (min-width: 768px) {
  .cz__details-wrap .cz__details .cz__table.boost__table__second .cz__table-row .col:first-child {
    background-color: transparent;
  }
}
.cz__details-wrap .cz__details .cz__table.boost__table__second .cz__table-row .col .amount__indicator {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
}
.cz__details-wrap .cz__details .cz__table.boost__table__second .cz__table-row.-head .col {
  background: #089edd;
  color: white;
  white-space: normal;
  display: flex;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  align-items: flex-end;
}
.cz__details-wrap .cz__details .cz__table.boost__table__second .cz__table-row.-head .col.text-right {
  justify-content: flex-end;
}
@media (min-width: 768px) {
  .cz__details-wrap .cz__details .cz__details-content {
    padding-right: 140px;
  }
}
.cz__details-wrap .cz__details .cz__details-content.-full {
  padding-right: 0;
}
.cz__details-wrap .cz__details .cz__details-content .cz__details-title {
  padding-right: 100px;
  position: relative;
  top: 5px;
}
@media (min-width: 768px) {
  .cz__details-wrap .cz__details .cz__details-content .cz__details-title {
    top: 1px;
    padding-right: 50px;
  }
}
.cz__details-wrap .cz__details .cz__details-content .cz__details-title p {
  margin: 0 0 10px 0;
}
.cz__details-wrap .cz__details .cz__details-content .cz__details-title p:last-child {
  margin: 0;
}
.cz__details-wrap .cz__details .cz__details-content p:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .cz__details-wrap .cz__details .cz__details-open {
    padding-right: 140px;
  }
}
.cz__details-wrap .cz__details .cz__details-open .-firstelement {
  margin-top: 40px;
}
@media (min-width: 768px) {
  .cz__details-wrap .cz__details .cz__details-open .-firstelement {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .cz__details-wrap .cz__details .cz__details-open .cz__details-open {
    padding-right: 0;
  }
}
.cz__details-wrap .cz__details .cz__details-open .cz__details-title {
  margin-bottom: 24px;
  padding-right: 100px;
  padding-top: 5px;
}
@media (min-width: 768px) {
  .cz__details-wrap .cz__details .cz__details-open .cz__details-title {
    padding-top: 2px;
    padding-right: 0;
  }
}
.cz__details-wrap .cz__details .cz__details-open .cz__action {
  padding-bottom: 0;
  grid-gap: 10px;
  gap: 10px;
}
@media (min-width: 768px) {
  .cz__details-wrap .cz__details .cz__details-open .cz__action {
    align-items: flex-start;
    grid-gap: 20px;
    gap: 20px;
  }
}
.cz__details-wrap .cz__details .cz__details-title {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.cz__details-wrap .cz__details .cz__details-title.-highlighting {
  margin-bottom: 20px;
}
.cz__details-wrap .cz__details .cz__details-title.-h3 {
  margin-bottom: 25px;
}
.cz__details-wrap .cz__details .cz__details-title.-h3-blue {
  margin-bottom: 25px;
}
.cz__details-wrap .cz__details .cz__details-title.-h4 {
  margin-bottom: 20px;
}
.cz__details-wrap .cz__details .cz__details-title.-h5 {
  margin-bottom: 20px;
}
.cz__details-wrap .cz__details .cz__details-name {
  margin-bottom: 15px;
}
.cz__details-wrap .cz__details .cz__rmq + .cz__form {
  margin-top: 20px;
}
.cz__details-wrap .cz__details .messages.-agree {
  display: flex;
}
@media (min-width: 768px) {
  .cz__details-wrap .cz__details .messages.-agree {
    margin: 0 0 0 10px;
    top: -2px;
    display: inline-flex;
  }

  .cz__details-wrap .cz__details .messages.-agree .tooltip {
    min-width: 350px;
    font-size: 14px;
  }
}
.cz__details-wrap .cz__details .cz__list {
  margin: 0;
}
.cz__details-wrap .cz__details .cz__list .cz__list-item {
  position: relative;
}
.cz__details-wrap .cz__details .cz__list .cz__list-item p {
  margin: 5px 0 0 0;
}
.cz__details-wrap .cz__details .cz__list .cz__list-item span {
  margin-right: 4px;
}
.cz__details-wrap .cz__details .cz__list .cz__list-item .messages.-agree {
  margin-left: 0;
}
.cz__details-wrap .cz__details .cz__list.-sub {
  margin: 20px 10px;
  font-size: 14px;
}
.cz__details-wrap .cz__details .cz__list.-separate .cz__list-item {
  margin-bottom: 20px;
}
.cz__details-wrap .cz__details .cz__list.-separate .cz__list-item:last-child {
  margin-bottom: 0;
}
.cz__details-wrap .cz__details .cz__link {
  margin-top: 36px;
}
.cz__details-wrap .cz__details.-basket .cz__list .cz__list-item {
  color: #000000;
  margin-bottom: 43px;
}
.cz__details-wrap .cz__details.-basket .cz__list .cz__list-item.-radio {
  margin: 40px 0;
}
.cz__details-wrap .cz__details.-basket .cz__list .cz__list-item.-radio .radio.-square {
  flex-direction: column;
}
.cz__details-wrap .cz__details.-basket .cz__list .cz__list-item.-radio .radio.-square .radio__element .radio__select {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.cz__details-wrap .cz__details.-basket .cz__list .cz__list-item.-radio .radio.-square .radio__element .radio__sublegend {
  display: block;
  margin: 8px 0 10px;
}
.cz__details-wrap .cz__details.-basket .cz__list .cz__list-item.-radio .radio.-square .radio__element .radio__sublegend span,
.cz__details-wrap .cz__details.-basket .cz__list .cz__list-item.-radio .radio.-square .radio__element .radio__sublegend button {
  display: inline;
}
.cz__details-wrap .cz__details.-basket .cz__list .cz__list-item.-radio .radio.-square .radio__element .radio__legend .list {
  display: block;
}
.cz__details-wrap .cz__details.-basket .cz__list .cz__list-item.-radio .radio.-square .radio__element .radio__legend .list .item {
  display: block;
  margin-bottom: 5px;
}
.cz__details-wrap .cz__details.-basket .cz__list .cz__list-item.-radio .radio.-square .radio__element .radio__legend .list .item:last-child {
  margin-bottom: 0;
}
.cz__details-wrap .cz__details.-basket .cz__basket-row .cz__details-title {
  margin-bottom: 35px;
}
.cz__details-wrap .cz__details.-basket .cz__basket-row .cz__basket-button {
  margin-bottom: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 768px) {
  .cz__details-wrap .cz__details.-basket .cz__basket-row .cz__basket-button {
    flex-direction: row;
    justify-content: flex-start;
  }
}
.cz__details-wrap .cz__details.-basket .cz__basket-row .cz__basket-button.hidden {
  margin: 0;
}
.cz__details-wrap .cz__details.-basket .cz__basket-row .cz__basket-button .button {
  margin: 0 0 35px 0;
}
@media (min-width: 768px) {
  .cz__details-wrap .cz__details.-basket .cz__basket-row .cz__basket-button .button {
    margin: 0 35px 0 0;
  }
}
.cz__details-wrap .cz__details.-basket .cz__basket-row .cz__basket-button .button:last-child {
  margin: 0;
}
@media (min-width: 768px) {
  .cz__details-wrap .cz__details.-basket .cz__basket-row .cz__basket-button .button:last-child {
    margin: 0;
  }
}
.cz__details-wrap .cz__details.-basket .cz__basket-row .cz__basket-button .button.hidden {
  display: none;
}
.cz__details-wrap .cz__details.-basket .cz__basket-row .cz__basket-button:last-child {
  margin-bottom: 0;
}
.cz__details-wrap .cz__details.-basket .cz__form {
  margin-bottom: 60px;
}
.cz__details-wrap .cz__info {
  margin: 20px 0;
  padding: 0;
}
.cz__details-wrap .cz__info.-last {
  margin: 40px 0 0 0;
}
.cz__details-wrap .cz__info.-first {
  margin: 0 0 30px 0;
  padding-right: 100px;
}
@media (min-width: 768px) {
  .cz__details-wrap .cz__info.-first {
    padding-right: 0;
  }
}
.cz__details-wrap .cz__info .cz__info-icon {
  display: none;
}
@media (min-width: 768px) {
  .cz__details-wrap .cz__info .cz__info-icon {
    display: block;
  }
}
@media (min-width: 768px) {
  .cz__details-wrap .cz__activity {
    display: flex;
    align-items: flex-start;
  }
}
@media (min-width: 768px) {
  .cz__details-wrap .cz__activity .cz__activity-label {
    margin-right: 4px;
  }
}
.cz__help {
  max-width: 100%;
  padding: 0;
  margin: 25px auto 20px;
  display: block;
  position: relative;
}
@media (min-width: 576px) {
  .cz__help {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .cz__help {
    max-width: 666px;
  }
}
.cz__help.-l {
  max-width: 100%;
  width: 100%;
}
.cz__help .cz__help-wrap {
  border-radius: 20px;
  cursor: pointer;
  background: #fff;
  min-height: 110px;
  position: relative;
  display: grid;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
@media (min-width: 768px) {
  .cz__help .cz__help-wrap {
    grid-template-columns: 90px 1fr;
    grid-gap: 20px;
    gap: 20px;
  }
}
@media (min-width: 768px) {
  .cz__help.-inside {
    min-width: 400px;
  }
}
.cz__help.-inside .cz__help-visu {
  margin: 0 20px;
}
@media (min-width: 768px) {
  .cz__help.-inside .cz__help-content {
    padding-right: 50px;
  }
}
.cz__help.-first {
  margin-top: 0;
  margin-bottom: 60px;
}
.cz__help.-nolink .cz__help-wrap {
  cursor: default;
}
.cz__help.-nolink.-cards .cz__help-wrap {
  padding-right: 0px;
  cursor: default;
}
.cz__help.-nolink.-cards .cz__help-wrap::before {
  display: none;
}
@media (min-width: 768px) {
  .cz__help.-home {
    margin-top: 30px;
  }
}
.cz__help.-warning {
  margin: 0 auto;
}
.cz__help.-warning .cz__help-wrap {
  grid-template-columns: 20px 1fr;
  grid-gap: 15px;
  gap: 15px;
  align-items: flex-start;
  background-color: #E2E9F3;
  min-height: 1px;
}
@media (min-width: 768px) {
  .cz__help.-warning .cz__help-wrap {
    font-size: 16px;
  }
}
.cz__help.-warning .cz__help-wrap:before {
  content: "!";
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #816EA6;
  color: #E2E9F3;
}
.cz__help.-warning .cz__help-wrap .cz__help-visu {
  display: none;
}
.cz__help.-warning .cz__help-wrap .cz__help-content {
  text-align: left;
}
.cz__help.-warning .cz__help-wrap .cz__help-content .title {
  position: relative;
  top: -4px;
  font-size: 18px;
}
.cz__help.-warning .cz__help-wrap .link {
  text-decoration: underline;
}
.cz__help.-warning .cz__help-wrap .link:hover {
  text-decoration: none;
}
.cz__help.-valid {
  margin: 0 auto;
}
.cz__help.-valid .cz__help-wrap {
  grid-template-columns: 20px 1fr;
  grid-gap: 15px;
  gap: 15px;
  align-items: flex-start;
  background-color: #E6F2E8;
  min-height: 1px;
}
@media (min-width: 768px) {
  .cz__help.-valid .cz__help-wrap {
    font-size: 16px;
  }
}
.cz__help.-valid .cz__help-wrap:before {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("/content/dam/B2C/shared/images/icons/hand-green.svg") center no-repeat;
  background-size: contain;
  content: "";
  border-radius: 0;
}
.cz__help.-valid .cz__help-wrap .cz__help-visu {
  display: none;
}
.cz__help.-valid .cz__help-wrap .cz__help-content {
  text-align: left;
}
.cz__help.-valid .cz__help-wrap .cz__help-content .title {
  position: relative;
  top: -4px;
  font-size: 18px;
}
.cz__help.-valid .cz__help-wrap .link {
  color: #31933E;
  text-decoration: underline;
}
.cz__help.-valid .cz__help-wrap .link:hover {
  text-decoration: none;
}
.cz__help.-error {
  margin: 0 auto;
}
.cz__help.-error .cz__help-wrap {
  grid-template-columns: 20px 1fr;
  grid-gap: 15px;
  gap: 15px;
  align-items: flex-start;
  background-color: #FFF0E5;
  min-height: 1px;
}
@media (min-width: 768px) {
  .cz__help.-error .cz__help-wrap {
    font-size: 16px;
  }
}
.cz__help.-error .cz__help-wrap:before {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("/content/dam/B2C/shared/images/icons/warning.svg") center no-repeat;
  background-size: contain;
  content: "";
  border-radius: 0;
}
.cz__help.-error .cz__help-wrap .cz__help-visu {
  display: none;
}
.cz__help.-error .cz__help-wrap .cz__help-content {
  text-align: left;
}
.cz__help.-error .cz__help-wrap .cz__help-content .title {
  position: relative;
  top: -4px;
  font-size: 18px;
}
.cz__help.-error .cz__help-wrap .link {
  color: #E84E0F;
  text-decoration: underline;
}
.cz__help.-error .cz__help-wrap .link:hover {
  text-decoration: none;
}
.cz__help.-info {
  margin: 0 auto;
}
.cz__help.-info .cz__help-wrap {
  background-color: #E2E9F3;
  grid-template-columns: 1fr;
  min-height: 1px;
}
@media (min-width: 768px) {
  .cz__help.-info .cz__help-wrap {
    font-size: 16px;
  }
}
.cz__help.-info .cz__help-wrap .cz__help-visu {
  display: none;
}
.cz__help.-info .cz__help-wrap .cz__help-content .cz__help-label {
  text-align: left;
  grid-template-columns: 1fr;
  grid-gap: 15px;
  gap: 15px;
  display: grid;
}
.cz__help.-info .cz__help-wrap .cz__help-content .button {
  width: 100%;
}
@media (min-width: 768px) {
  .cz__help.-info .cz__help-wrap .cz__help-content .button {
    width: auto;
  }
}
.cz__help.-ghost {
  max-width: 100%;
  margin: 0 auto;
}
.cz__help.-ghost .cz__help-wrap {
  border-radius: 0;
  background: transparent;
  min-height: 1px;
  position: relative;
  display: block;
  padding: 0;
  text-align: left;
}
@media (min-width: 768px) {
  .cz__help.-ghost .cz__help-wrap {
    font-size: 16px;
  }
}
.cz__help.-ghost .cz__help-wrap .cz__help-content {
  text-align: left;
}
.cz__help.-ghost .cz__help-wrap .cz__help-visu {
  display: none;
}
.cz__help.-ghost .cz__help-wrap .title {
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
}
.cz__help.-ghost .cz__help-wrap .link {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.cz__help.-top .cz__help-wrap {
  align-items: flex-start;
}
.cz__help.-top .cz__help-wrap .cz__help-visu {
  top: 12px;
}
.cz__help.-bottom .cz__help-wrap {
  align-items: flex-end;
}
.cz__help.-balises {
  max-width: 100%;
}
.cz__help.-balises .cz__help-wrap {
  display: grid;
  min-height: 1px;
  grid-template-columns: 1fr;
  background-color: #E2E9F3;
  padding: 30px 40px;
  grid-gap: 25px;
  gap: 25px;
  transition: all 250ms ease;
}
@media (min-width: 768px) {
  .cz__help.-balises .cz__help-wrap {
    grid-template-columns: 50px 1fr;
    align-items: flex-start;
  }
}
@media (min-width: 1024px) {
  .cz__help.-balises .cz__help-wrap {
    align-items: center;
  }
}
.cz__help.-balises .cz__help-wrap::before {
  content: "";
  border-radius: 15px;
  border: 1px solid #816EA6;
  position: absolute;
  top: 8px;
  left: 8px;
  display: block;
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  opacity: 0.5;
}
.cz__help.-balises .cz__help-wrap .cz__help-content {
  padding: 0;
  text-align: left;
  font-size: 14px;
}
@media (min-width: 1024px) {
  .cz__help.-balises .cz__help-wrap .cz__help-content {
    display: grid;
    grid-gap: 50px;
    gap: 50px;
    align-items: center;
    grid-template-columns: 1fr auto;
  }
}
.cz__help.-balises .cz__help-wrap .cz__help-content .cz__help-label {
  color: #000000;
}
.cz__help.-balises .cz__help-wrap .cz__help-content .cz__help-label .title {
  font-size: 22px;
  color: #000000;
  line-height: 26px;
}
.cz__help.-balises .cz__help-wrap .cz__help-content .cz__help-label .title .subtitle {
  font-size: 20px;
  margin-bottom: 5px;
  position: relative;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  color: #816EA6;
}
.cz__help.-balises .cz__help-wrap .cz__help-content .cz__help-label a {
  color: #000000;
  text-decoration: underline;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.cz__help.-balises .cz__help-wrap .cz__help-content .cz__help-label a:hover {
  text-decoration: none;
}
.cz__help.-balises .cz__help-wrap .cz__help-button {
  text-align: left;
  margin-top: 25px;
}
@media (min-width: 768px) {
  .cz__help.-balises .cz__help-wrap .cz__help-button {
    margin-top: 5px;
  }
}
@media (min-width: 1024px) {
  .cz__help.-balises .cz__help-wrap .cz__help-button {
    margin-top: 0;
  }
}
.cz__help.-balises .cz__help-wrap .cz__help-button .button {
  background: #816EA6;
  color: #fff;
  padding: 14px 26px;
  transform: translateY(0);
}
@media (min-width: 768px) {
  .cz__help.-balises .cz__help-wrap .cz__help-button .button {
    margin: 20px 0 0 0;
  }
}
@media (min-width: 1024px) {
  .cz__help.-balises .cz__help-wrap .cz__help-button .button {
    margin: 0;
  }
}
.cz__help.-balises .cz__help-wrap .cz__help-visu {
  display: none;
}
.cz__help.-balises .cz__help-wrap .cz__help-icon {
  background-image: none;
  margin: 0;
  min-width: 1px;
  max-width: 100%;
  position: relative;
  display: block;
}
.cz__help.-balises .cz__help-wrap .cz__help-icon img {
  max-width: 100%;
  max-height: 80px;
}
.cz__help.-balises:hover .cz__help-wrap .cz__help-button .button {
  transform: translateY(-5px);
}
.cz__help.-springbok .cz__help-wrap {
  display: grid;
  min-height: 1px;
  grid-template-columns: 1fr;
  background-color: #E2E9F3;
  padding: 30px 40px;
  grid-gap: 25px;
  gap: 25px;
  transition: all 250ms ease;
}
@media (min-width: 768px) {
  .cz__help.-springbok .cz__help-wrap {
    grid-gap: 0;
    gap: 0;
    grid-template-columns: 170px 1fr;
    align-items: flex-start;
  }
}
@media (min-width: 1024px) {
  .cz__help.-springbok .cz__help-wrap {
    align-items: center;
  }
}
.cz__help.-springbok .cz__help-wrap::before {
  content: "";
  border-radius: 15px;
  border: 1px solid #816EA6;
  position: absolute;
  top: 8px;
  left: 8px;
  display: block;
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  opacity: 0.5;
}
.cz__help.-springbok .cz__help-wrap .cz__help-content {
  padding: 0;
  text-align: left;
  font-size: 14px;
}
@media (min-width: 1024px) {
  .cz__help.-springbok .cz__help-wrap .cz__help-content {
    display: grid;
    grid-gap: 50px;
    gap: 50px;
    align-items: center;
    grid-template-columns: 1fr auto;
  }
}
.cz__help.-springbok .cz__help-wrap .cz__help-content .cz__help-label {
  color: #000000;
}
.cz__help.-springbok .cz__help-wrap .cz__help-content .cz__help-label .title {
  font-size: 22px;
  color: #000000;
}
.cz__help.-springbok .cz__help-wrap .cz__help-content .cz__help-label .title .subtitle {
  font-size: 16px;
  position: relative;
  top: 3px;
}
.cz__help.-springbok .cz__help-wrap .cz__help-content .cz__help-label a {
  color: #000000;
  text-decoration: underline;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.cz__help.-springbok .cz__help-wrap .cz__help-content .cz__help-label a:hover {
  text-decoration: none;
}
.cz__help.-springbok .cz__help-wrap .cz__help-button {
  text-align: left;
  margin-top: 25px;
}
@media (min-width: 768px) {
  .cz__help.-springbok .cz__help-wrap .cz__help-button {
    margin-top: 5px;
  }
}
@media (min-width: 1024px) {
  .cz__help.-springbok .cz__help-wrap .cz__help-button {
    margin-top: 0;
  }
}
.cz__help.-springbok .cz__help-wrap .cz__help-button .button {
  background: #816EA6;
  color: #fff;
  padding: 14px 26px;
}
@media (min-width: 768px) {
  .cz__help.-springbok .cz__help-wrap .cz__help-button .button {
    margin: 20px 0 0 0;
  }
}
.cz__help.-springbok .cz__help-wrap .cz__help-visu {
  display: none;
}
.cz__help.-springbok .cz__help-wrap .cz__help-icon {
  background-image: none;
  width: 110px;
  height: 95px;
  margin: 0;
  min-width: 1px;
  max-width: 100%;
  position: relative;
  display: block;
}
.cz__help.-springbok .cz__help-wrap .cz__help-icon img {
  max-width: 100%;
}
.cz__help.-springbok .cz__help-wrap .cz__help-icon .tag {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #E84E0F;
  border-radius: 100%;
  position: absolute;
  top: 7px;
  right: 8px;
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2509803922);
  font-size: 18px;
}
.cz__help.-springbok:hover .cz__help-wrap {
  transform: translateY(-5px);
}
.cz__help.-springbok:hover.-nolink .cz__help-wrap {
  transform: translateY(0);
}
.cz__help.-goodtoknow::before {
  display: none;
}
.cz__help.-goodtoknow p {
  margin: 0;
}
.cz__help.-goodtoknow .cz__help-wrap {
  padding: 30px;
  grid-gap: 15px;
  gap: 15px;
  display: grid;
  grid-template-columns: 1fr;
  align-items: flex-start;
  background-color: #CEE9F4;
  border: 1px solid #94D5F1;
}
@media (min-width: 768px) {
  .cz__help.-goodtoknow .cz__help-wrap {
    padding: 30px 40px;
  }
}
.cz__help.-goodtoknow .cz__help-wrap .cz__help-icon {
  display: none;
}
.cz__help.-goodtoknow .cz__help-wrap .cz__help-visu {
  display: none;
}
.cz__help.-goodtoknow .cz__help-wrap .cz__help-content {
  text-align: left;
  padding: 0;
}
.cz__help.-goodtoknow .cz__help-wrap .cz__help-content .cz__help-label {
  color: #000000;
  font-size: 14px;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  gap: 10px;
}
.cz__help.-goodtoknow .cz__help-wrap .cz__help-content .cz__help-label .title {
  color: #000000;
  font-size: 20px;
}
.cz__help.-trick::before {
  display: none;
}
.cz__help.-trick p {
  margin: 0;
}
.cz__help.-trick .cz__help-wrap {
  padding: 25px;
  grid-gap: 20px;
  gap: 20px;
  display: grid;
  grid-template-columns: 20px 1fr;
  align-items: flex-start;
  background-color: #EAF6FB;
}
.cz__help.-trick .cz__help-wrap .cz__help-icon {
  display: none;
}
.cz__help.-trick .cz__help-wrap .cz__help-visu {
  background-image: url("/content/dam/B2C/customerzone/help/trick.svg");
  background-size: contain;
  background-position: center top;
  width: 30px;
  height: 30px;
  min-width: 1px;
  display: block;
}
.cz__help.-trick .cz__help-wrap .cz__help-content {
  text-align: left;
  padding: 0;
}
.cz__help.-trick .cz__help-wrap .cz__help-content .cz__help-label {
  color: #000000;
  font-size: 14px;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  gap: 10px;
}
.cz__help.-trick .cz__help-wrap .cz__help-content .cz__help-label .title {
  color: #000000;
  font-size: 20px;
}
.cz__help.-left .cz__help-wrap {
  justify-content: flex-start;
}
.cz__help.-left .cz__help-content {
  text-align: left;
}
.cz__help.-left .cz__help-content .list {
  margin: 0;
}
.cz__help .cz__help-visu {
  position: relative;
  display: none;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("/content/dam/B2C/customerzone/help.png");
  width: 90px;
  min-width: 90px;
  max-width: 90px;
  height: 90px;
}
@media (min-width: 768px) {
  .cz__help .cz__help-visu {
    display: block;
  }
}
.cz__help .cz__help-content {
  text-align: center;
}
@media (min-width: 768px) {
  .cz__help .cz__help-content {
    text-align: left;
  }
}
.cz__help .cz__help-content.-left {
  text-align: left;
}
.cz__help .cz__help-content .cz__help-label {
  color: #000000;
  display: block;
}
@media (min-width: 768px) {
  .cz__help .cz__help-content .cz__help-label {
    margin-bottom: 0;
    display: inline;
  }
}
.cz__help .cz__help-content .cz__help-label .title {
  color: #000000;
  font-size: 20px;
  display: block;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.cz__help .cz__help-content .link {
  display: inline;
}
.cz__help.-contact .cz__help-wrap {
  padding: 30px;
  grid-gap: 15px;
  gap: 15px;
  grid-template-columns: 1fr;
  background-color: #CEE9F4;
  border: 1px solid #94D5F1;
  min-height: 1px;
}
@media (min-width: 768px) {
  .cz__help.-contact .cz__help-wrap {
    padding: 15px 40px 15px 180px;
  }
}
.cz__help.-contact .cz__help-wrap .cz__help-content {
  text-align: left;
  font-size: 14px;
}
.cz__help.-contact .cz__help-wrap .cz__help-content .title {
  font-size: 20px;
}
.cz__help.-contact .cz__help-wrap .cz__help-visu {
  display: none;
  width: 110px;
  height: 183px;
  background: url("/content/dam/B2C/customerzone/help/contact.png") center bottom no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 40px;
  min-width: 1px;
  max-width: 100%;
}
@media (min-width: 768px) {
  .cz__help.-contact .cz__help-wrap .cz__help-visu {
    display: block;
  }
}
.cz__help.-cards {
  margin: 0 auto 10px;
  position: relative;
}
@media (min-width: 768px) {
  .cz__help.-cards {
    margin-bottom: 60px;
  }
}
@media (min-width: 768px) {
  .cz__help.-cards:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 0;
    background: #fff;
    border-radius: 20px;
    transform: scale(1);
    transform-origin: center;
    transition: all 250ms ease;
  }
}
.cz__help.-cards.-nolink .cz__help-wrap::before {
  display: none;
}
.cz__help.-cards:hover {
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0);
}
@media (min-width: 768px) {
  .cz__help.-cards:hover::before {
    transform: scale(1.05);
  }
}
.cz__help.-cards .cz__help-wrap {
  justify-content: flex-start;
  border-radius: 20px;
  padding-right: 60px;
}
@media (min-width: 768px) {
  .cz__help.-cards .cz__help-wrap {
    background-color: transparent;
    box-shadow: 0 0 0 transparent;
  }
}
.cz__help.-cards .cz__help-wrap::before {
  content: "";
  font-size: 30px;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -15px;
  color: #089edd;
  border-radius: 100%;
}
.cz__help.-cards .cz__help-wrap .cz__help-visu {
  margin: 0 20px;
}
.cz__help.-cards .cz__help-wrap .cz__help-visu.-help {
  background-image: url("/content/dam/B2C/customerzone/help/help.png");
}
.cz__help.-cards .cz__help-wrap .cz__help-visu.-helpdesk {
  background-image: url("/content/dam/B2C/customerzone/help/helpdesk.jpg");
}
.cz__help.-cards .cz__help-wrap .cz__help-visu.-findcover {
  background-image: url("/content/dam/B2C/customerzone/help/findcover.png");
}
.cz__help.-cards .cz__help-wrap .cz__help-visu.-hello {
  background-image: url("/content/dam/B2C/customerzone/help/hello.png");
}
.cz__help.-cards .cz__help-wrap .cz__help-visu.-oups {
  background-image: url("/content/dam/B2C/customerzone/help/oups.png");
}
.cz__help.-cards .cz__help-wrap .cz__help-visu.-empty {
  background-image: none;
}
.cz__help.-cards .cz__help-wrap .cz__help-visu.-clea {
  background-image: url("/content/dam/B2C/customerzone/help/clea.png");
  width: 92px;
  min-width: 92px;
  max-width: 92px;
  height: 143px;
}
.cz__help.-cards .cz__help-wrap .cz__help-content {
  text-align: left;
}
.cz__help.-small .cz__help-wrap {
  min-height: 90px;
}
.cz__help.-small .cz__help-wrap .cz__help-visu {
  height: 70px;
}
.cz__help.-login {
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 768px) {
  .cz__help.-login {
    width: calc(100% - 215px);
    transform: translateX(50px);
  }
}
.cz__help.-login .cz__help-wrap {
  min-height: 40px;
  width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
}
@media (min-width: 768px) {
  .cz__help.-login .cz__help-wrap {
    min-height: 288px;
    padding: 40px;
  }
}
.cz__help.-login .cz__help-wrap .cz__help-content {
  padding: 0;
  text-align: left;
}
.cz__help.-login .cz__help-visu {
  max-width: 215px;
}
@media (min-width: 768px) {
  .cz__help.-login .cz__help-visu {
    background: url(/content/dam/B2C/customerzone/login/login.png) no-repeat right center;
    background-size: contain;
    width: 215px;
    height: 275px;
    position: absolute;
    left: -215px;
    top: 0;
  }
}
.cz__ebilling__wrap {
  margin: 0 0 10px 0;
  display: block;
}
@media (min-width: 768px) {
  .cz__ebilling__wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
}
.cz__ebilling__wrap .cz__ebilling {
  position: relative;
  border-radius: 10px;
  transition: all 250ms ease;
  width: 100%;
  max-width: 898px;
  background: #fff;
  overflow: hidden;
  padding: 25px 15px 25px 20px;
  display: block;
}
@media (min-width: 768px) {
  .cz__ebilling__wrap .cz__ebilling {
    border-radius: 20px;
    padding: 30px 70px;
  }
}
@media (min-width: 768px) {
  .cz__ebilling__wrap .cz__ebilling .-mobile {
    display: none;
  }
}
.cz__ebilling__wrap .cz__ebilling .-desktop {
  display: none;
}
@media (min-width: 768px) {
  .cz__ebilling__wrap .cz__ebilling .-desktop {
    display: block;
  }
}
.cz__ebilling__wrap .cz__ebilling .cz__ebilling-button.-toggle {
  z-index: 1;
  position: absolute;
}
@media (min-width: 768px) {
  .cz__ebilling__wrap .cz__ebilling .cz__ebilling-button.-toggle {
    right: -30px;
    top: 50%;
    margin-top: -16px;
    height: 36px;
  }
}
.cz__ebilling__wrap .cz__ebilling .cz__ebilling-button.-toggle .button {
  font-size: 12px;
  height: 33px;
  line-height: 1;
  padding: 8px 20px;
}
@media (min-width: 768px) {
  .cz__ebilling__wrap .cz__ebilling .cz__ebilling-button.-toggle .button {
    font-size: 16px;
    height: 35px;
  }
}
.cz__ebilling__wrap .cz__ebilling .cz__ebilling-first {
  width: 100%;
}
.cz__ebilling__wrap .cz__ebilling .cz__ebilling-first .cz__ebilling-button.-toggle {
  display: none;
}
@media (min-width: 768px) {
  .cz__ebilling__wrap .cz__ebilling .cz__ebilling-first .cz__ebilling-button.-toggle {
    display: block;
  }
}
.cz__ebilling__wrap .cz__ebilling .cz__ebilling-first .cz__ebilling-content {
  padding: 0 0 0 55px;
  text-align: left;
}
@media (min-width: 768px) {
  .cz__ebilling__wrap .cz__ebilling .cz__ebilling-first .cz__ebilling-content {
    padding: 0;
  }
}
.cz__ebilling__wrap .cz__ebilling .cz__ebilling-first .cz__ebilling-content .cz__ebilling-status::after {
  position: absolute;
  top: -25px;
  left: -20px;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 75px 75px 0 0;
  content: "";
  border-color: transparent;
  z-index: 0;
}
@media (min-width: 768px) {
  .cz__ebilling__wrap .cz__ebilling .cz__ebilling-first .cz__ebilling-content .cz__ebilling-status::after {
    top: -30px;
    left: -75px;
  }
}
.cz__ebilling__wrap .cz__ebilling .cz__ebilling-first .cz__ebilling-content .cz__ebilling-status::before {
  position: absolute;
  top: -15px;
  left: -5px;
  color: #fff;
  font-size: 18px;
  display: block;
  z-index: 1;
}
@media (min-width: 768px) {
  .cz__ebilling__wrap .cz__ebilling .cz__ebilling-first .cz__ebilling-content .cz__ebilling-status::before {
    top: -15px;
    left: -60px;
  }
}
.cz__ebilling__wrap .cz__ebilling .cz__ebilling-first .cz__ebilling-content .cz__ebilling-title {
  font-size: 20px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .cz__ebilling__wrap .cz__ebilling .cz__ebilling-first .cz__ebilling-content .cz__ebilling-title {
    font-size: 22px;
  }
}
.cz__ebilling__wrap .cz__ebilling .cz__ebilling-first .cz__ebilling-content .cz__ebilling-label {
  color: #000000;
  margin-top: 0;
  font-size: 18px;
}
.cz__ebilling__wrap .cz__ebilling .cz__ebilling-first .cz__ebilling-content .cz__ebilling-label .cz__ebilling-sublabel {
  display: block;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .cz__ebilling__wrap .cz__ebilling .cz__ebilling-first .cz__ebilling-content .cz__ebilling-label .cz__ebilling-sublabel {
    display: inline-block;
    margin-top: 0;
  }
}
.cz__ebilling__wrap .cz__ebilling .cz__ebilling-first .cz__ebilling-content .cz__ebilling-label .cz__ebilling-label-status {
  padding-left: 5px;
  padding-right: 5px;
}
@media (min-width: 768px) {
  .cz__ebilling__wrap .cz__ebilling .cz__ebilling-first .cz__ebilling-content .cz__ebilling-label .cz__ebilling-label-status {
    display: inline-block;
  }
}
.cz__ebilling__wrap .cz__ebilling .cz__ebilling-second {
  width: 100%;
}
.cz__ebilling__wrap .cz__ebilling .cz__ebilling-second .cz__ebilling-button.-toggle {
  top: 0;
  right: 10px;
}
@media (min-width: 768px) {
  .cz__ebilling__wrap .cz__ebilling .cz__ebilling-second .cz__ebilling-button.-toggle {
    top: 10px;
    right: -30px;
  }
}
.cz__ebilling__wrap .cz__ebilling .cz__ebilling-second .cz__ebilling-button.-toggle .button {
  min-width: 87px;
}
@media (min-width: 768px) {
  .cz__ebilling__wrap .cz__ebilling .cz__ebilling-second .cz__ebilling-button.-toggle .button {
    min-width: 110px;
  }
}
.cz__ebilling__wrap .cz__ebilling .cz__ebilling-second .cz__ebilling-content {
  text-align: left;
  padding-top: 55px;
}
.cz__ebilling__wrap .cz__ebilling .cz__ebilling-second .cz__ebilling-content .cz__ebilling-title {
  font-size: 26px;
  color: #000000;
  margin-bottom: 10px;
}
.cz__ebilling__wrap .cz__ebilling .cz__ebilling-second .cz__ebilling-content .cz__ebilling-label {
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .cz__ebilling__wrap .cz__ebilling .cz__ebilling-second .cz__ebilling-content .cz__ebilling-label {
    margin-bottom: 0;
    line-height: 1.5;
  }
}
.cz__ebilling__wrap .cz__ebilling .cz__ebilling-second .cz__ebilling-content .cz__ebilling-prime {
  background: #F1F8FC;
  padding: 30px 20px;
  border-radius: 20px;
  margin-bottom: 40px;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .cz__ebilling__wrap .cz__ebilling .cz__ebilling-second .cz__ebilling-content .cz__ebilling-prime {
    margin-top: 30px;
    padding: 22px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.cz__ebilling__wrap .cz__ebilling .cz__ebilling-second .cz__ebilling-content .cz__ebilling-prime .cz__ebilling-prime-content {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .cz__ebilling__wrap .cz__ebilling .cz__ebilling-second .cz__ebilling-content .cz__ebilling-prime .cz__ebilling-prime-content {
    margin-bottom: 0;
  }
}
.cz__ebilling__wrap .cz__ebilling .cz__ebilling-second .cz__ebilling-content .cz__ebilling-prime .cz__ebilling-prime-content .cz__ebilling-prime-warning {
  color: #E84E0F;
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .cz__ebilling__wrap .cz__ebilling .cz__ebilling-second .cz__ebilling-content .cz__ebilling-prime .cz__ebilling-prime-content .cz__ebilling-prime-warning {
    margin-bottom: 0;
  }
}
.cz__ebilling__wrap .cz__ebilling .cz__ebilling-second .cz__ebilling-content .cz__ebilling-details {
  border-top: 1px solid #94D5F1;
  padding: 40px 0 0 0;
}
@media (min-width: 768px) {
  .cz__ebilling__wrap .cz__ebilling .cz__ebilling-second .cz__ebilling-content .cz__ebilling-details {
    padding: 40px 0 0 20px;
  }
}
.cz__ebilling__wrap .cz__ebilling .cz__ebilling-second .cz__ebilling-content .cz__ebilling-details .cz__ebilling-title {
  font-size: 20px;
  color: #000000;
  max-width: 548px;
  margin: 0 0 20px;
}
@media (min-width: 768px) {
  .cz__ebilling__wrap .cz__ebilling .cz__ebilling-second .cz__ebilling-content .cz__ebilling-details .cz__ebilling-title {
    font-size: 22px;
  }
}
.cz__ebilling__wrap .cz__ebilling .cz__ebilling-second .cz__ebilling-content .cz__ebilling-details .cz__ebilling-table {
  max-width: 548px;
  margin: 0;
  width: 100%;
  border-collapse: collapse;
}
.cz__ebilling__wrap .cz__ebilling .cz__ebilling-second .cz__ebilling-content .cz__ebilling-details .cz__ebilling-table .cz__ebilling-row:last-child .cz__ebilling-cell {
  border-bottom: 0;
}
.cz__ebilling__wrap .cz__ebilling .cz__ebilling-second .cz__ebilling-content .cz__ebilling-details .cz__ebilling-table .cz__ebilling-row .cz__ebilling-cell {
  padding: 8px 20px 8px 0;
  white-space: nowrap;
  border-bottom: 1px solid #CEE9F4;
}
.cz__ebilling__wrap .cz__ebilling .cz__ebilling-second .cz__ebilling-content .cz__ebilling-details .cz__ebilling-table .cz__ebilling-row .cz__ebilling-cell:last-child {
  padding-right: 0;
  white-space: normal;
}
.cz__ebilling__wrap .cz__ebilling .cz__ebilling-second .cz__ebilling-content .cz__ebilling-details .cz__ebilling-table .cz__ebilling-row .cz__ebilling-cell.-first {
  padding-right: 0;
  width: 50px;
  text-align: center;
}
.cz__ebilling__wrap .cz__ebilling .cz__ebilling-second .cz__ebilling-content .cz__ebilling-details .cz__ebilling-table .cz__ebilling-row .cz__ebilling-cell.-first.-valid:before {
  content: "";
  color: #31933E;
  font-size: 14px;
  position: relative;
  top: -2px;
}
.cz__ebilling__wrap .cz__ebilling .cz__ebilling-second .cz__ebilling-content .cz__ebilling-details .cz__ebilling-table .cz__ebilling-row .cz__ebilling-cell.-first.-unvalid:before {
  content: "";
  color: #E84E0F;
  font-size: 12px;
  position: relative;
  top: -3px;
}
.cz__ebilling__wrap .cz__ebilling.-topay .cz__ebilling-first .cz__ebilling-content .cz__ebilling-status::after {
  border-color: #089edd transparent transparent transparent;
}
.cz__ebilling__wrap .cz__ebilling.-topay .cz__ebilling-first .cz__ebilling-content .cz__ebilling-label-status {
  color: #089edd;
}
.cz__ebilling__wrap .cz__ebilling.-late .cz__ebilling-first .cz__ebilling-content .cz__ebilling-status::after {
  border-color: #E84E0F transparent transparent transparent;
}
.cz__ebilling__wrap .cz__ebilling.-late .cz__ebilling-first .cz__ebilling-content .cz__ebilling-label-status {
  color: #E84E0F;
}
.customerZone-wrap.-tabs .cz__tabs-wrap {
  text-align: center;
}
.customerZone-wrap.-tabs .cz__tabs-wrap .cz__tabs-tabs {
  display: inline-flex;
  align-items: stretch;
  border-bottom: 1px solid #94D5F1;
  margin-bottom: 32px;
}
@media (min-width: 768px) {
  .customerZone-wrap.-tabs .cz__tabs-wrap .cz__tabs-tabs {
    margin-bottom: 62px;
  }
}
.customerZone-wrap.-tabs .cz__tabs-wrap .cz__tabs-tabs .cz__tabs-tabs-link {
  position: relative;
  display: flex;
  align-items: center;
  width: 50%;
}
.customerZone-wrap.-tabs .cz__tabs-wrap .cz__tabs-tabs .cz__tabs-tabs-link .cz__tabs-tabs-link-label {
  cursor: pointer;
  padding: 0 25px 11px;
  text-align: center;
  color: #000000;
  position: relative;
  width: 100%;
  display: block;
  top: 1px;
  transition: all 250ms ease;
}
@media (min-width: 768px) {
  .customerZone-wrap.-tabs .cz__tabs-wrap .cz__tabs-tabs .cz__tabs-tabs-link .cz__tabs-tabs-link-label {
    padding: 0 25px 6px;
  }
}
.customerZone-wrap.-tabs .cz__tabs-wrap .cz__tabs-tabs .cz__tabs-tabs-link .cz__tabs-tabs-link-label .cz__notif {
  background: #E84E0F;
  color: #fff;
  border-radius: 100%;
  width: 16px;
  height: 16px;
  line-height: 17px;
  display: inline-block;
  top: -11px;
  position: relative;
  font-size: 11px;
  right: 0;
}
.customerZone-wrap.-tabs .cz__tabs-wrap .cz__tabs-tabs .cz__tabs-tabs-link::before {
  content: "";
  width: 100%;
  height: 0;
  background: transparent;
  transition: all 250ms ease;
  position: absolute;
  left: 0;
  bottom: -1px;
  border-radius: 20px;
}
@media (min-width: 768px) {
  .customerZone-wrap.-tabs .cz__tabs-wrap .cz__tabs-tabs .cz__tabs-tabs-link:first-child span {
    margin-left: 0;
  }

  .customerZone-wrap.-tabs .cz__tabs-wrap .cz__tabs-tabs .cz__tabs-tabs-link:last-child span {
    margin-right: 0;
  }
}
.customerZone-wrap.-tabs .cz__tabs-wrap .cz__tabs-tabs .cz__tabs-tabs-link:hover {
  color: #089edd;
}
.customerZone-wrap.-tabs .cz__tabs-wrap .cz__tabs-tabs .cz__tabs-tabs-link.-active span {
  color: #089edd;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.customerZone-wrap.-tabs .cz__tabs-wrap .cz__tabs-tabs .cz__tabs-tabs-link.-active::before {
  height: 3px;
  background: #089edd;
}
.customerZone-wrap.-tabs .cz__tabs-wrap .cz__tabs-content-wrap .cz__tabs-content {
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: all 250ms ease;
  text-align: left;
}
.customerZone-wrap.-tabs .cz__tabs-wrap .cz__tabs-content-wrap .cz__tabs-content.-active {
  opacity: 1;
  height: auto;
  overflow: visible;
}
.customerZone-wrap.-tabs .cz__tabs-wrap .cz__tabs-content-wrap .cz__tabs-content .cz__content_title {
  padding-top: 0;
}
.customerZone-wrap.-tabs .cz__tabs-wrap .cz__tabs-content-wrap .cz__tabs-content .cz__details-wrap {
  padding-top: 0;
}
.customerZone-wrap.-tabs .cz__tabs-wrap .cz__tabs-content-wrap .cz__tabs-content .cz__details-wrap .cz__details .cz__info {
  justify-content: flex-start;
}
.customerZone-wrap.-tabs .cz__tabs-wrap .cz__tabs-content-wrap .cz__tabs-content .cz__cards__wrap {
  padding-top: 0;
}
.customerZone-wrap.-tabs .cz__tabs-wrap .cz__tabs-content-wrap .cz__tabs-content .cz__action .button.-transparent {
  padding: 18px 30px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.customerZone-wrap.-tabs .cz__tabs-wrap .cz__tabs-content-wrap .cz__tabs-content > .cz__action {
  padding-top: 0;
  justify-content: center;
}
.customerZone-wrap.-tabs .cz__tabs-wrap .cz__tabs-content-wrap .cz__tabs-content .cz__info {
  justify-content: center;
}
.customerZone-wrap.-tabs .cz__tabs-wrap.-alone .cz__tabs-tabs .cz__tabs-tabs-link {
  width: 100%;
}
.iframe__doccle {
  width: 100%;
  height: 405px;
  border: 0;
}
.cz__form .cz__form-row {
  margin-bottom: 25px;
  display: block;
}
.cz__form .cz__form-row.cz__action {
  display: inline-flex;
}
.cz__form .cz__form-row:last-child {
  margin-bottom: 0;
}
.cz__form .cz__form-row.-s {
  max-width: 200px;
}
.cz__form .cz__form-row.-m {
  max-width: 300px;
}
.cz__form .cz__form-row.-l {
  max-width: 400px;
}
.cz__form .cz__form-row.-xl {
  max-width: 700px;
}
.cz__form .cz__form-row .cz__form-label {
  margin-bottom: 5px;
  display: block;
  font-size: 14px;
}
.cz__form .cz__form-row .cz__form-sublabel {
  display: block;
  font-size: 14px;
}
.cz__form .cz__form-row .textfield.-cp {
  width: calc(50% - 15px);
}
.cz__form .cz__form-row .inputfullwidth .textfield.-param {
  max-width: 100%;
}
.cz__form .cz__form-row .messages.-error {
  margin-top: 3px;
}
@media (min-width: 576px) {
  .cz__form .cz__form-row .select__wrap {
    display: flex;
    align-items: center;
  }

  .cz__form .cz__form-row .select__wrap .select {
    margin-right: 8px;
  }
}
.cz__form .cz__form-row .select__wrap .link {
  margin-top: 5px;
}
@media (min-width: 576px) {
  .cz__form .cz__form-row .select__wrap .link {
    margin-top: 0;
  }
}
.cz__form .cz__form-row.-adress {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.cz__form .cz__form-row.-adress .cz__form-col {
  margin-bottom: 10px;
}
.cz__form .cz__form-row.-adress .cz__form-col.-first {
  width: 100%;
}
@media (min-width: 1024px) {
  .cz__form .cz__form-row.-adress .cz__form-col.-first {
    width: 70%;
    padding-right: 7px;
  }
}
.cz__form .cz__form-row.-adress .cz__form-col.-second {
  width: 50%;
  padding-right: 7px;
}
@media (min-width: 576px) {
  .cz__form .cz__form-row.-adress .cz__form-col.-second {
    width: 33%;
  }
}
@media (min-width: 1024px) {
  .cz__form .cz__form-row.-adress .cz__form-col.-second {
    width: 15%;
    padding-left: 7px;
  }
}
.cz__form .cz__form-row.-adress .cz__form-col.-third {
  width: 50%;
  padding-left: 7px;
}
@media (min-width: 576px) {
  .cz__form .cz__form-row.-adress .cz__form-col.-third {
    width: 33%;
    padding-right: 7px;
  }
}
@media (min-width: 768px) {
  .cz__form .cz__form-row.-adress .cz__form-col.-third {
    width: 33%;
    padding-right: 0;
    margin-right: 33%;
  }
}
@media (min-width: 1024px) {
  .cz__form .cz__form-row.-adress .cz__form-col.-third {
    width: 15%;
    padding-right: 0;
    margin-right: 0;
  }
}
.cz__form .cz__form-row.-adress .cz__form-col.-four {
  width: 50%;
  padding-right: 7px;
}
@media (min-width: 576px) {
  .cz__form .cz__form-row.-adress .cz__form-col.-four {
    width: calc(33% + 4px);
    padding-left: 7px;
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .cz__form .cz__form-row.-adress .cz__form-col.-four {
    width: 33%;
    padding-left: 0;
    padding-right: 7px;
  }
}
@media (min-width: 1024px) {
  .cz__form .cz__form-row.-adress .cz__form-col.-four {
    width: 20%;
    padding-left: 0;
    padding-right: 7px;
  }
}
.cz__form .cz__form-row.-adress .cz__form-col.-five {
  width: 100%;
}
@media (min-width: 768px) {
  .cz__form .cz__form-row.-adress .cz__form-col.-five {
    width: 66%;
    padding-left: 7px;
  }
}
@media (min-width: 1024px) {
  .cz__form .cz__form-row.-adress .cz__form-col.-five {
    width: 50%;
    padding-left: 7px;
    margin-right: 30%;
  }
}
.cz__form .radio .list.-bullets li::before {
  top: 9px;
}
.cz__form .radio .radio__legend .radio__select.-m {
  max-width: 300px;
}
.cz__form .textfield.-txt.-before .textfield__field {
  padding-left: 45px;
}
.popinMF .popinMF__header__logo {
  padding: 0px 15px;
  z-index: 11;
  position: relative;
  height: 57px;
  background: #fff;
  display: flex;
  align-items: center;
  width: 100%;
}
@media (min-width: 768px) {
  .popinMF .popinMF__header__logo {
    padding: 20px 15px;
    height: 80px;
  }
}
.popinMF .popinMF__header__logo .popinMF__header__logo-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  width: 100%;
}
.popinMF .popinMF__header__logo .popinMF__header__logo-wrap .first {
  display: flex;
  align-items: center;
}
.popinMF .popinMF__header__logo .popinMF__header__logo-wrap .second {
  display: flex;
  align-items: center;
  grid-gap: 20px;
  gap: 20px;
}
.popinMF .popinMF__header__logo .popinMF__header__logo-wrap .second .popinMF__header-help {
  display: flex;
  align-items: center;
  grid-gap: 6px;
  gap: 6px;
}
.popinMF .popinMF__header__logo .popinMF__header__logo-wrap .second .popinMF__header-help .button__icon {
  background-color: #94D5F1;
  border-radius: 100%;
  color: #fff;
  padding: 8px;
}
.popinMF .popinMF__header__logo .popinMF__header__logo-wrap .second .popinMF__header-help .button__icon:hover {
  background-color: #089edd;
}
.popinMF .popinMF__header__logo .popinMF__header__logo-wrap .popinMF__header-logo {
  color: #FF6F0D;
  font-size: 60px;
  position: relative;
}
.popinMF .popinMF__header__logo .popinMF__header__logo-wrap .popinMF__header-logo img {
  height: 40px;
}
.popinMF .popinMF__header__logo .popinMF__header__logo-wrap .popinMF__header-title {
  font-size: 14px;
  color: #FF6F0D;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  display: none;
}
@media (min-width: 768px) {
  .popinMF .popinMF__header__logo .popinMF__header__logo-wrap .popinMF__header-title {
    display: block;
  }
}
.popinMF .popinMF__header__logo .popinMF__header__logo-wrap .popinMF__header-title::before {
  content: "|";
  color: #FF6F0D;
  margin: 0 10px;
}
.popinMF .popinMF__header__logo .popinMF__header__logo-wrap .popinMF__header-close {
  cursor: pointer;
  color: #586871;
  transition: all 250ms ease;
}
.popinMF .popinMF__header__logo .popinMF__header__logo-wrap .popinMF__header-close::before {
  content: "";
}
.popinMF .popinMF__header__logo .popinMF__header__logo-wrap .popinMF__header-close:hover {
  color: #FF6F0D;
}
@keyframes buttoniconbloops {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.popinMF .popinMF__progressBar {
  width: 100%;
  position: relative;
  z-index: 10;
  padding: 0 15px;
  background: #089edd;
  height: 30px;
  transition: all 250ms ease;
}
@media (min-width: 768px) {
  .popinMF .popinMF__progressBar {
    height: 40px;
  }
}
.popinMF .popinMF__progressBar .popinMF__progressBar-label {
  font-size: 14px;
  color: #fff;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  position: relative;
  text-align: center;
  z-index: 1;
  line-height: 30px;
}
@media (min-width: 768px) {
  .popinMF .popinMF__progressBar .popinMF__progressBar-label {
    line-height: 40px;
  }
}
.popinMF .popinMF__progressBar .popinMF__progressBar-progress {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: #0190cc;
  transition: all 1250ms ease;
}
.popinMF .popinMF__progressBar .popinMF__progressBar-progress::after {
  content: "";
  background: url(/content/dam/B2C/customerzone/progressbar.svg) no-repeat left center;
  background-size: cover;
  width: 10px;
  height: 30px;
  position: absolute;
  right: -10px;
  top: 0;
  display: inline-block;
}
@media (min-width: 768px) {
  .popinMF .popinMF__progressBar .popinMF__progressBar-progress::after {
    height: 40px;
  }
}
.popinMF .popinMF__header {
  position: relative;
  z-index: 10;
  background: transparent;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .popinMF.-withheadertype2 .popinMF__header {
    height: 120px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .popinMF.-withheadertype3 .popinMF__header {
    height: 110px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .popinMF.-withheadertype3 .popinMF__form .popinMF__form-step {
    padding-top: 110px;
  }
}
.popinMF.-withheadertype3 .popinMF__form .popinMF__form-step.-start .form {
  padding-top: 80px;
}
@media (min-width: 768px) {
  .popinMF.-withheadertype3 .popinMF__form .popinMF__form-step.-start .form {
    padding-top: 0;
  }
}
.popinMF.-withheadertype3 .popinMF__form .popinMF__form-step .form {
  padding-top: 80px;
}
@media (min-width: 768px) {
  .popinMF.-withheadertype3 .popinMF__form .popinMF__form-step .form {
    padding-top: 0;
  }
}
.popinMF {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  min-height: 100vh;
  z-index: 2;
  background: #fff;
  font-size: 16px;
}
.popinMF .wrapper {
  padding: 0;
  max-width: 100%;
}
.popinMF.-on-scroll-bottom .popinMF__header .popinMF__progressBar {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
}
@media (min-width: 768px) {
  .popinMF.-on-scroll-bottom .popinMF__header .popinMF__progressBar {
    top: 80px;
  }
}
.popinMF.-on-scroll-bottom .popinMF__header .popinMF__header__logo {
  top: -100%;
}
@media (min-width: 768px) {
  .popinMF.-on-scroll-bottom .popinMF__header .popinMF__header__logo {
    top: 0;
  }
}
.popinMF.-on-scroll-bottom .popinMF__form .popinMF__form-step .form {
  padding-top: 40px;
}
@media (min-width: 768px) {
  .popinMF.-on-scroll-bottom .popinMF__form .popinMF__form-step .form {
    padding-top: 0;
  }
}
.popinMF.-on-scroll-top .popinMF__header .popinMF__header__logo {
  position: fixed;
  z-index: 20;
  animation: headertype2mobilelogo ease 500ms forwards;
}
@media (min-width: 768px) {
  .popinMF.-on-scroll-top .popinMF__header .popinMF__header__logo {
    animation: none;
  }
}
.popinMF.-on-scroll-top .popinMF__header .popinMF__progressBar {
  position: fixed;
  z-index: 19;
  animation: headertype2mobileProgressBar ease 500ms forwards;
}
@media (min-width: 768px) {
  .popinMF.-on-scroll-top .popinMF__header .popinMF__progressBar {
    animation: none;
  }
}
.popinMF.-on-scroll-top .popinMF__form {
  padding-top: 87px;
}
@media (min-width: 768px) {
  .popinMF.-on-scroll-top .popinMF__form {
    padding-top: 0;
  }
}
.popinMF.-on-scroll-top .popinMF__form .popinMF__form-step .form {
  padding-top: 0;
}
.popinMF .popinMF__header,
.popinMF .subheader.-popinMF {
  left: 0;
  top: 0;
  right: 0;
  z-index: 20;
  width: 100%;
}
@media (hover: hover) {
  .popinMF .popinMF__header,
.popinMF .subheader.-popinMF {
    width: calc(100% - 18px);
  }
}
.popinMF .popinMF__header .popinMF__header__logo,
.popinMF .subheader.-popinMF .popinMF__header__logo {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}
@media (hover: hover) {
  .popinMF .popinMF__header .popinMF__header__logo,
.popinMF .subheader.-popinMF .popinMF__header__logo {
    width: calc(100% - 18px);
  }
}
.popinMF .popinMF__header .popinMF__progressBar,
.popinMF .subheader.-popinMF .popinMF__progressBar {
  overflow: hidden;
  position: fixed;
  left: 0;
  right: 0;
  top: 57px;
  width: 100%;
}
@media (hover: hover) {
  .popinMF .popinMF__header .popinMF__progressBar,
.popinMF .subheader.-popinMF .popinMF__progressBar {
    width: calc(100% - 18px);
  }
}
@media (min-width: 768px) {
  .popinMF .popinMF__header .popinMF__progressBar,
.popinMF .subheader.-popinMF .popinMF__progressBar {
    top: 80px;
  }
}
.popinMF .popinMF__form {
  position: fixed;
  left: 0;
  width: 100%;
  top: 0;
  z-index: 0;
  min-height: calc(100vh + 20px);
  /* TO TEST : bug vibration  */
  transition: none;
}
@media (min-width: 768px) {
  .popinMF .popinMF__form {
    transition: all 500ms ease;
  }
}
.popinMF .popinMF__form .popinMF__form-step {
  height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: auto;
  transition: all 250ms linear;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .popinMF .popinMF__form .popinMF__form-step {
    transition: all 0ms linear;
    padding-top: 120px;
  }
}
.popinMF .popinMF__form .popinMF__form-step.-intro {
  min-height: calc(100vh - 120px);
}
.popinMF .popinMF__form .popinMF__form-step.-intro .form {
  min-height: 1px;
}
.popinMF .popinMF__form .popinMF__form-step .form {
  position: relative;
  min-height: 100vh;
  padding: 87px 20px 40px 20px;
}
@media (min-width: 768px) {
  .popinMF .popinMF__form .popinMF__form-step .form {
    min-height: calc(100vh - 120px);
    padding: 0 20px;
  }
}
.popinMF .popinMF__form .popinMF__form-step .form.-claims {
  padding-left: 0;
  padding-right: 0;
}
.popinMF .popinMF__form .popinMF__form-step.-start .forms__info {
  text-align: left;
  font-size: 14px;
  opacity: 0.8;
}
.popinMF .popinMF__form .popinMF__form-step.-start .form {
  padding-top: 87px;
}
@media (min-width: 768px) {
  .popinMF .popinMF__form .popinMF__form-step.-start .form {
    padding-top: 0;
  }
}
.popinMF .swipeRefined.formclaims .popinMF__form .popinMF__form-step .form {
  padding-left: 0;
  padding-right: 0;
}
@keyframes formanim {
  0% {
    height: 0;
    opacity: 0;
  }
  100% {
    height: auto;
    opacity: 1;
  }
}
@keyframes formanimdata {
  0% {
    transform: translateY(100px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes headertype1mobile {
  0% {
    top: -100%;
  }
  100% {
    top: 0;
  }
}
@keyframes headertype2mobileProgressBar {
  0% {
    top: 0;
  }
  100% {
    top: 57px;
  }
}
@keyframes headertype2mobilelogo {
  0% {
    top: -57px;
    height: 0;
  }
  100% {
    height: auto;
    top: 0;
  }
}
.-modalOpen {
  overflow: hidden;
  max-height: 100vh;
}
.popinMF .popinMF__breadcrumb {
  position: fixed;
  left: 0;
  top: 57px;
  background: #089edd;
  color: #fff;
  font-size: 12px;
  text-align: center;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  padding: 0 15px;
  width: 100%;
  z-index: 1;
  height: 30px;
}
@media (hover: hover) {
  .popinMF .popinMF__breadcrumb {
    width: calc(100% - 18px);
  }
}
@media (min-width: 768px) {
  .popinMF .popinMF__breadcrumb {
    height: 40px;
    top: 80px;
  }
}
.popinMF .popinMF__breadcrumb .popinMF__breadcrumb-list {
  padding: 0;
  display: flex;
  justify-content: center;
  max-width: 1360px;
  margin: 0 auto;
}
.popinMF .popinMF__breadcrumb .popinMF__breadcrumb-list .popinMF__breadcrumb-item {
  padding: 7px 0;
  margin: 0;
  list-style: none;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .popinMF .popinMF__breadcrumb .popinMF__breadcrumb-list .popinMF__breadcrumb-item {
    padding: 12px 0;
  }
}
.popinMF .popinMF__breadcrumb .popinMF__breadcrumb-list .popinMF__breadcrumb-item::after {
  content: "";
  margin: 0 15px 0 15px;
  color: #fff;
  font-size: 7px;
}
@media (min-width: 576px) {
  .popinMF .popinMF__breadcrumb .popinMF__breadcrumb-list .popinMF__breadcrumb-item::after {
    margin: 0 36px;
  }
}
.popinMF .popinMF__breadcrumb .popinMF__breadcrumb-list .popinMF__breadcrumb-item:last-child::after {
  display: none;
}
.popinMF .popinMF__breadcrumb .popinMF__breadcrumb-list .popinMF__breadcrumb-item.-clickable {
  cursor: pointer;
}
.cz__claimsData-wrap {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  gap: 10px;
  width: 100%;
}
.cz__claimsData-wrap .cz__claimsData {
  text-align: left;
  padding: 20px 30px;
  border: 0;
  background: #fff;
  border-radius: 20px;
}
.cz__claimsData-wrap .cz__claimsData .list.-default {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}
.cz__claimsData-wrap .cz__claimsData .list.-default li {
  margin: 0;
}
.cz__claimsData-wrap .cz__claimsData .list.-bullets {
  margin-left: 0;
}
.cz__claimsData-wrap .cz__claimsData .cz__claimsData-doc-wrap .cz__claimsData-title {
  display: grid;
  grid-template-columns: auto auto 1fr;
  align-items: baseline;
  grid-gap: 3px;
  gap: 3px;
}
.cz__claimsData-wrap .cz__claimsData .cz__claimsData-doc-wrap .cz__claimsData-title .cz__claimsData-doc-wrap-label {
  display: block;
  max-width: 500px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cz__claimsData-wrap .cz__claimsData .messages.-agree {
  margin: 0;
}
.cz__claimsData-wrap .cz__claimsData .cz__claimsData-label {
  font-size: 18px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.cz__claimsData-wrap .cz__claimsData .cz__claimsData-label .messages.-agree {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
}
.cz__claimsData-wrap .cz__claimsData .cz__claimsData-content {
  font-size: 14px;
  line-height: 1.3;
}
.cz__claimsData-wrap .cz__claimsData .cz__claimsData-title {
  font-size: 14px;
}
.cz__claimsData-wrap .cz__claimsData .cz__claimsData-link {
  text-align: right;
}
.cz__claimsData-wrap .cz__claimsData .cz__claimsData-link .link.-primary {
  font-size: 14px;
}
.cz__claimsData-wrap .cz__claimsData .cz__claimsData-link .button__icon {
  font-size: 20px;
}
.cz__claimsData-wrap.-contact {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
  gap: 20px;
}
@media (min-width: 768px) {
  .cz__claimsData-wrap.-contact {
    grid-gap: 30px;
    gap: 30px;
    grid-template-columns: 1fr 1fr;
  }
}
.cz__claimsData-wrap.-paiements .cz__claimsData {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  grid-gap: 16px;
  gap: 16px;
  max-width: 600px;
}
.cz__claimsData-wrap.-paiements .cz__claimsData .cz__claimsData-content {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
}
.cz__claimsData-wrap.-paiements .cz__claimsData .cz__claimsData-sublabel {
  color: #707070;
  font-size: 14px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
}
.cz__claimsData-wrap.-paiements .cz__claimsData .cz__claimsData-title {
  font-size: 18px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.cz__claimsData-wrap.-paiements .cz__claimsData .cz__claimsData-link {
  font-size: 14px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  text-align: left;
}
.cz__claimsData-wrap.-paiements .cz__claimsData .cz__claimsData-price {
  font-size: 18px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  text-align: right;
  white-space: nowrap;
  color: #31933E;
}
/*
.customerZone
{
  &.-claim
  {
    .cz__content_title
    {
      padding-top: 42px;
    }
  }
}
.cz__title
{
  @include relative;
  padding: 50px 0;
  @include media-up('m')
  {
    padding: 67px 0 60px;
  }
  &.-justback
  {
    padding: 20px 0;
    position: relative;
    border-bottom: 1px solid $primary02;
    margin-bottom: 0;
    .customerZone-first
    {
      .cz__back
      {
        @include flex;
        @include flex-middle;
        gap: 16px;
        .cz__back-icon
        {
          @include relative;
        }
      }
    }
  }
  &.-home
  {
    margin: 0 auto;
    @include media-up('m')
    {
      padding-top: 85px;
    }
    .customerZone-wrap
    {

      @include media-up('l')
      {
        @include flex;
        @include flex-middle;
        @include flex-between;
      }
      .cz__button
      {
        @include media-up('l')
        {
          @include flex;
          @include flex-end;
          @include flex-middle;
        }
        .button
        {
          width: calc(100% - 30px);
          max-width: 280px;
          margin: 0 5px 15px 5px;
          @include media-up('m')
          {
            margin: 5px 10px;
            max-width: none;
            width: auto;
          }

          &:last-child
          {
            margin-bottom: 0;
            @include media-up('m')
            {
              margin-bottom: 5px;
            }
          }
        }
      }
    }
  }
  &.-inside
  {
    .customerZone-wrap
    {
      @include text-left;
      .customerZone-first
      {
        margin-bottom: 15px;
        @include flex;
        @include media-up('m')
        {
          margin-bottom: 11px;
        }
      }
      .customerZone-second
      {
        @include relative;
        padding-left: 50px;
        @include media-up('m')
        {
          padding-left: 95px;
        }
        @include media-up('l')
        {
          @include flex-top;
          @include flex-between;
          min-height: 70px;
        }

        .cz__title-visu
        {
          width: 265px;
          height: 125px;
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center;
          @include hidden;
          @include media-up('l')
          {
            @include block;
            @include absolute;
            right: 0;
            bottom: 0;
          }
        }
      }
    }
    &.-old
    {
      .cz__title-visu
      {
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        opacity: .8;
      }
    }
  }
  &.-general
  {
    @include media-up('m')
    {
      background: url(/content/dam/B2C/customerzone/bg.jpg) repeat-x $grey00;
      background-position: top center;
      height: 220px;
    }
    .customerZone-wrap
    {
      .customerZone-first
      {
        .cz__back
        {
          margin-bottom: 20px;
          @include media-up('m')
          {
            margin-right: 0;
            margin-bottom: 0;
            @include absolute;
            left: 30px;
            top: 0;
          }
        }
      }
      .customerZone-second
      {
        @include text-left;
        @include block;
        padding: 0;
        @include media-up('m')
        {
          @include text-center;
          padding: 0 100px;
        }
        .generalfirst
        {
          @include ethias-h2;
          margin-bottom: 12px;
        }
        .generalsecond
        {
          @include ethias-h4;
        }
      }
    }
  }
  &.-titlethirdhide
  {
    .-third
    {
      @include hidden;
    }
  }
  .customerZone-first
  {
    @include flex;
    @include flex-top;
    @include media-up('m')
    {
      @include flex-middle;
    }
    .cz__back
    {
      @include block;
      @include relative;
      @include pointer;
      transition: all 250ms ease;
      color: $primary07;
      border-radius: 100%;
      margin-right: 20px;
      width: 26px;
      height: 26px;

      @include media-up('m')
      {
        width: 46px;
        height: 46px;
        margin-right: 50px;
      }
      &:hover
      {
        color: $primary08;
      }
      .cz__back-icon
      {
        border-radius: 100%;
        @extend .f-ethias-icons;
        font-size: 30px;
        @include text-center;
        @include absolute;
        top: 0;
        left: 0;
        width: 26px;
        height: 26px;
        line-height: 26px;
        @include media-up('m')
        {
          line-height: 46px;
          width: 46px;
          height: 46px;
          font-size: 50px;
        }
        &::before
        {
          content: $icon-ethias-back;
        }
      }
    }
    .label
    {
      @include ethias-h4;
    }
  }
  .customerZone-wrap
  {
    @include media-up('m')
    {
      padding: 0 30px;
    }
    .cz__name
    {
      @extend .ethias-h2;
      margin-bottom: 33px;
      @include text-center;
      @include media-up('l')
      {
        @include text-left;
        margin-right: 36px;
        margin-bottom: 0;
      }
    }
    .cz__button
    {
      @include text-center;
      @include media-up('l')
      {
        @include text-left;
      }
      .button
      {
        margin: 15px;
        @extend .f-regular;
        font-size: 16px;
        @include media-up('m')
        {
          font-size: 18px;
          margin: 0 20px 0 0;
        }

        &:last-child
        {
          margin-bottom: 0;
          @include media-up('m')
          {
            margin-right: 0;
            margin-bottom: 0;
          }
        }
      }
    }
    .customerZone-second
    {
      @include media-up('l')
      {
        @include flex;
        @include flex-middle;
      }
      .cz__title-content
      {
        .-first
        {
          color: $primary07;
          @extend .f-regular;
          margin-bottom: 6px;
          margin-top: 42px;
          @include media-up('m')
          {
            @include f-l;
            margin-top: 0;
            margin-bottom: 10px;
          }
        }
        .-second
        {
          @include media-up('m')
          {
            @include flex;
            @include flex-middle;
          }
          span
          {
            @include relative;
            @include block;
            @include media-up('m')
            {
              padding: 0 30px;
              @include inline;
            }
            &.-secondfirst
            {
              padding-left: 0;
              @extend .ethias-h2;
            }
            &.-secondsecond
            {
              padding-right: 0;
              margin-top: 4px;
              @include media-up('s')
              {
                @include flex;
                @include flex-middle;
              }
              gap: 30px;
              @include media-up('m')
              {
                margin-top: 0;
              }
              @include media-up('xxl')
              {
                align-items: baseline;
              }
              .secondsecond__label
              {
                @extend .ethias-h2;
                padding: 0;
              }
              &::before
              {
                @include media-up('m')
                {
                  content: '';
                  @include absolute;
                  left: 0;
                  top: 50%;
                  margin-top: -15px;
                  background: $grey10;
                  width: 2px;
                  height: 30px;
                }
              }
            }
          }
          &.-link
          {
            @include block;
            @include media-up('xxl')
            {
              @include flex;
            }
            .-secondsecond
            {
              padding-left: 0;
              @include media-up('xxl')
              {
                padding-left: 30px;
              }
              &::before
              {
                @include hidden;
                @include media-up('xxl')
                {
                  @include block;
                }
              }
              .button__label
              {
                padding: 0;
              }
            }
          }
        }
        .-third
        {
          color: $grey10;
          margin-top: 10px;
          @include media-up('m')
          {
            margin-top: 4px;
          }
          span
          {
            @include block;
            padding-right: 3px;
            @include media-up('m')
            {
              @include inline;
            }
          }
          .cz__title-status
          {
            color: $green01;
            @include block;
            &.-close
            {
              color: $grey05;
            }
            @include media-up('m')
            {
              @include inline;
              margin-left: 20px;
            }
          }
        }
      }
    }
  }
}
.-titlethirdhide
{
  .cz__title
  {
    .-third
    {
      opacity: 0;
      visibility: hidden;
      height: 0;
      overflow: hidden;
      @include media-up('m')
      {
        height: auto;
        overflow: visible;
      }
    }
  }
}

*/
.cz__confirm {
  width: 100vw;
  height: calc(100vh - 125px);
  display: grid;
  grid-template-columns: 1fr;
  justify-content: center;
}
@media (min-width: 768px) {
  .cz__confirm {
    height: calc(100vh - 224px);
  }
}
.cz__confirm .cz__confirm-wrap {
  background-color: #EAF6FB;
  position: relative;
  display: grid;
  height: 100%;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 315px;
  align-items: flex-start;
}
@media (min-width: 1024px) {
  .cz__confirm .cz__confirm-wrap {
    grid-template-rows: 1fr;
    grid-template-columns: 600px 500px;
    align-items: center;
    justify-content: center;
  }
}
.cz__confirm .cz__confirm-wrap .cz__confirm-visu img {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 100%;
}
@media (min-width: 768px) {
  .cz__confirm .cz__confirm-wrap .cz__confirm-visu img {
    bottom: -40px;
  }
}
.cz__confirm .cz__confirm-wrap .cz__confirm-content {
  position: relative;
  z-index: 1;
  padding: 40px 20px;
}
@media (min-width: 1024px) {
  .cz__confirm .cz__confirm-wrap .cz__confirm-content {
    padding: 40px 0;
    margin: auto;
    top: -75px;
  }
}
.cz__confirm .cz__confirm-wrap .cz__confirm-content .cz__confirm-content-icon {
  background-color: #31933E;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: white;
}
@media (min-width: 1024px) {
  .cz__confirm .cz__confirm-wrap .cz__confirm-content .cz__confirm-content-icon {
    font-size: 24px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    margin-bottom: 30px;
  }
}
.cz__confirm .cz__confirm-wrap .cz__confirm-content .cz__confirm-title {
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  font-size: 44px;
}
@media (min-width: 1024px) {
  .cz__confirm .cz__confirm-wrap .cz__confirm-content .cz__confirm-title {
    font-size: 88px;
  }
}
.cz__confirm .cz__confirm-wrap .cz__confirm-content .cz__confirm-label {
  font-family: "Light", arial, sans-serif;
  font-weight: 400;
  font-size: 24px;
  margin-bottom: 15px;
}
@media (min-width: 1024px) {
  .cz__confirm .cz__confirm-wrap .cz__confirm-content .cz__confirm-label {
    margin-bottom: 30px;
  }
}
.cz__confirm .cz__confirm-wrap .cz__help.-goodtoknow .cz__help-wrap {
  background-color: rgba(255, 255, 255, 0.7);
}
.cz__confirm .cz__confirm-logo {
  height: 50px;
  text-align: center;
}
@media (min-width: 1024px) {
  .cz__confirm .cz__confirm-logo {
    height: 80px;
  }
}
.cz__confirm .cz__confirm-logo img {
  height: 100%;
  position: relative;
  display: block;
  top: -10px;
  max-width: 100%;
  margin: 0 auto;
}
cz-edit-billing-preferences .radio .radio__element .label,
cz-edit-document-preferences .radio .radio__element .label {
  display: inline !important;
}
cz-edit-billing-preferences .radio .radio__element .sublabel,
cz-edit-document-preferences .radio .radio__element .sublabel {
  display: inline !important;
}
cz-edit-billing-preferences .radio .radio__element .sublabel::before,
cz-edit-document-preferences .radio .radio__element .sublabel::before {
  content: ": ";
  padding-left: 6px;
}
.customerZone .eCQXcp {
  bottom: 0;
}
.usabilla__overlay {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
  supported by Chrome and Opera */
}