/*!
 *  PaymentFont 1.2.5 by @AMPoellmann - http://paymentfont.io
 *  License - http://paymentfont.io/#license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:PaymentFont;src:url(/build/fonts/paymentfont-webfont.d4c77b78.eot);src:url(/build/fonts/paymentfont-webfont.d4c77b78.eot?#iefix) format('embedded-opentype'),url(/build/fonts/paymentfont-webfont.f538891c.woff) format('woff2'),url(/build/fonts/paymentfont-webfont.f538891c.woff) format('woff'),url(/build/fonts/paymentfont-webfont.827527ec.ttf) format('truetype'),url(/build/images/paymentfont-webfont.40547003.svg#paymentfont-webfont) format('svg');font-weight:400;font-style:normal}.pf{display:inline-block;font:normal normal normal 14px/1 PaymentFont;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pf-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.pf-2x{font-size:2em}.pf-3x{font-size:3em}.pf-4x{font-size:4em}.pf-5x{font-size:5em}.pf-amazon:before{content:"\f000"}.pf-american-express:before{content:"\f001"}.pf-american-express-alt:before{content:"\f002"}.pf-atm:before{content:"\f003"}.pf-bankomat:before{content:"\f004"}.pf-bank-transfer:before{content:"\f005"}.pf-bitcoin:before{content:"\f006"}.pf-bitcoin-sign:before{content:"\f007"}.pf-braintree:before{content:"\f008"}.pf-btc:before{content:"\f009"}.pf-card:before{content:"\f00a"}.pf-carta-si:before{content:"\f00b"}.pf-cash:before{content:"\f00c"}.pf-cash-on-delivery:before{content:"\f00d"}.pf-cb:before{content:"\f00e"}.pf-cirrus:before{content:"\f00f"}.pf-cirrus-alt:before{content:"\f010"}.pf-clickandbuy:before{content:"\f011"}.pf-credit-card:before{content:"\f012"}.pf-diners:before{content:"\f013"}.pf-discover:before{content:"\f014"}.pf-ec:before{content:"\f015"}.pf-eps:before{content:"\f016"}.pf-eur:before{content:"\f017"}.pf-facture:before{content:"\f018"}.pf-fattura:before{content:"\f019"}.pf-flattr:before{content:"\f01a"}.pf-giropay:before{content:"\f01b"}.pf-google-wallet:before{content:"\f01c"}.pf-google-wallet-alt:before{content:"\f01d"}.pf-gpb:before{content:"\f01e"}.pf-gratipay:before{content:"\f01f"}.pf-ideal:before{content:"\f020"}.pf-ils:before{content:"\f021"}.pf-inr:before{content:"\f022"}.pf-invoice:before{content:"\f023"}.pf-invoice-sign:before{content:"\f024"}.pf-invoice-sign-alt:before{content:"\f025"}.pf-invoice-sign-alt-o:before{content:"\f026"}.pf-invoice-sign-o:before{content:"\f027"}.pf-jcb:before{content:"\f028"}.pf-jpy:before{content:"\f029"}.pf-krw:before{content:"\f02a"}.pf-maestro:before{content:"\f02b"}.pf-maestro-alt:before{content:"\f02c"}.pf-mastercard:before{content:"\f02d"}.pf-mastercard-alt:before{content:"\f02e"}.pf-mastercard-securecode:before{content:"\f02f"}.pf-ogone:before{content:"\f030"}.pf-paybox:before{content:"\f031"}.pf-paylife:before{content:"\f032"}.pf-paypal:before{content:"\f033"}.pf-paypal-alt:before{content:"\f034"}.pf-paysafecard:before{content:"\f035"}.pf-postepay:before{content:"\f036"}.pf-quick:before{content:"\f037"}.pf-rechnung:before{content:"\f038"}.pf-ripple:before{content:"\f039"}.pf-rub:before{content:"\f03a"}.pf-skrill:before{content:"\f03b"}.pf-sofort:before{content:"\f03c"}.pf-square:before{content:"\f03d"}.pf-stripe:before{content:"\f03e"}.pf-truste:before{content:"\f03f"}.pf-try:before{content:"\f040"}.pf-unionpay:before{content:"\f041"}.pf-usd:before{content:"\f042"}.pf-verified-by-visa:before{content:"\f043"}.pf-verisign:before{content:"\f044"}.pf-visa:before{content:"\f045"}.pf-visa-electron:before{content:"\f046"}.pf-western-union:before{content:"\f047"}.pf-western-union-alt:before{content:"\f048"}.pf-wirecard:before{content:"\f049"}.pf-sepa:before{content:"\f04a"}.pf-sepa-alt:before{content:"\f04b"}.pf-apple-pay:before{content:"\f04c"}.pf-interac:before{content:"\f04d"}.pf-paymill:before{content:"\f04e"}.pf-dankort:before{content:"\f04f"}.pf-bancontact-mister-cash:before{content:"\f050"}.pf-moip:before{content:"\f051"}.pf-pagseguro:before{content:"\f052"}.pf-cash-on-pickup:before{content:"\f053"}.pf-sage:before{content:"\f054"}.pf-elo:before{content:"\f055"}.pf-elo-alt:before{content:"\f056"}.pf-payu:before{content:"\f057"}.pf-mercado-pago:before{content:"\f058"}.pf-mercado-pago-sign:before{content:"\f059"}.pf-payshop:before{content:"\f05a"}.pf-multibanco:before{content:"\f05b"}.pf-gratipay-sign:before{content:"\f05c"}.pf-six:before{content:"\f05d"}.pf-cashcloud:before{content:"\f05e"}.pf-interac-alt:before{content:"\f05f"}.pf-klarna:before{content:"\f060"}.pf-bitpay:before{content:"\f061"}.pf-venmo:before{content:"\f062"}.pf-visa-debit:before{content:"\f063"}.pf-alipay:before{content:"\f064"}.pf-diners-alt:before{content:"\f065"}.pf-hipercard:before{content:"\f066"}.pf-skrill-alt:before{content:"\f067"}.pf-shopify:before{content:"\f068"}.pf-direct-debit:before{content:"\f069"}.pf-sodexo:before{content:"\f06a"}.pf-bpay:before{content:"\f06b"}.pf-contactless:before{content:"\f06c"}.pf-contactless-alt:before{content:"\f06d"}.pf-eth:before{content:"\f06e"}.pf-ltc:before{content:"\f06f"}.pf-visa-pay:before{content:"\f070"}.pf-wechat-pay:before{content:"\f071"}.pf-amazon-pay:before{content:"\f072"}.pf-amazon-pay-alt:before{content:"\f073"}
:root{--iti-hover-color:rgba(0, 0, 0, 0.05);--iti-border-color:#ccc;--iti-dialcode-color:#999;--iti-dropdown-bg:white;--iti-search-icon-color:#999;--iti-spacer-horizontal:8px;--iti-flag-height:12px;--iti-flag-width:16px;--iti-border-width:1px;--iti-arrow-height:4px;--iti-arrow-width:6px;--iti-triangle-border:calc(var(--iti-arrow-width) / 2);--iti-arrow-padding:6px;--iti-arrow-color:#555;--iti-path-flags-1x:url(/build/images/flags.36b5f5ba.webp);--iti-path-flags-2x:url(/build/images/flags@2x.5e042ebd.webp);--iti-path-globe-1x:url(/build/images/globe.7fb216c9.webp);--iti-path-globe-2x:url(/build/images/globe@2x.aa84213d.webp);--iti-flag-sprite-width:3904px;--iti-flag-sprite-height:12px;--iti-mobile-popup-margin:30px}.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box}.iti__a11y-text{width:1px;height:1px;clip:rect(1px,1px,1px,1px);overflow:hidden;position:absolute}.iti input.iti__tel-input,.iti input.iti__tel-input[type=tel],.iti input.iti__tel-input[type=text]{position:relative;z-index:0;margin:0!important}[dir=rtl] .iti input.iti__tel-input,[dir=rtl] .iti input.iti__tel-input[type=tel],[dir=rtl] .iti input.iti__tel-input[type=text]{text-align:right}.iti__country-container{position:absolute;top:0;bottom:0;padding:var(--iti-border-width)}.iti__selected-country{z-index:1;position:relative;display:flex;align-items:center;height:100%;background:0 0;border:0;margin:0;padding:0;font-family:inherit;font-size:inherit;color:inherit;border-radius:0;font-weight:inherit;line-height:inherit;text-decoration:none}.iti__selected-country-primary{display:flex;align-items:center;height:100%;padding:0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal)}.iti__arrow{margin-left:var(--iti-arrow-padding);width:0;height:0;border-left:var(--iti-triangle-border) solid transparent;border-right:var(--iti-triangle-border) solid transparent;border-top:var(--iti-arrow-height) solid var(--iti-arrow-color)}[dir=rtl] .iti__arrow{margin-right:var(--iti-arrow-padding);margin-left:0}.iti__arrow--up{border-top:none;border-bottom:var(--iti-arrow-height) solid var(--iti-arrow-color)}.iti__dropdown-content{border-radius:3px;background-color:var(--iti-dropdown-bg)}.iti--inline-dropdown .iti__dropdown-content{position:absolute;z-index:2;margin-top:3px;margin-left:calc(var(--iti-border-width) * -1);border:var(--iti-border-width) solid var(--iti-border-color);box-shadow:1px 1px 4px rgba(0,0,0,.2)}.iti__search-input{width:100%;border-width:0;border-radius:3px;padding-left:30px;padding-right:28px}[dir=rtl] .iti__search-input{padding-left:inherit;padding-right:30px;background-position:right 8px center}.iti__search-input+.iti__country-list{border-top:1px solid var(--iti-border-color)}.iti__search-input::-webkit-search-cancel-button{appearance:none}.iti__search-input-wrapper{position:relative;display:flex;align-items:center}.iti__search-icon{position:absolute;left:8px;display:flex;pointer-events:none}[dir=rtl] .iti__search-icon{left:auto;right:8px}.iti__search-icon-svg{stroke:var(--iti-search-icon-color);fill:none;stroke-width:3}.iti__search-clear{position:absolute;right:4px;background:0 0;border:0;border-radius:3px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease;width:24px;height:24px}.iti__search-clear .iti__search-clear-x{stroke-width:2}.iti__search-clear .iti__search-clear-bg{fill:var(--iti-search-icon-color)}[dir=rtl] .iti__search-clear{right:auto;left:4px}.iti__search-clear:focus-visible,.iti__search-clear:hover{background:var(--iti-hover-color);outline:0}.iti__no-results{text-align:center;padding:30px 0}.iti__country-list{list-style:none;padding:0;margin:0;cursor:pointer;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti--inline-dropdown .iti__country-list{max-height:185px}.iti--flexible-dropdown-width .iti__country-list{white-space:nowrap}@media (max-width:500px){.iti--flexible-dropdown-width .iti__country-list{white-space:normal}}.iti__country{display:flex;align-items:center;padding:8px var(--iti-spacer-horizontal);outline:0}.iti__dial-code{color:var(--iti-dialcode-color)}.iti__country.iti__highlight{background-color:var(--iti-hover-color)}.iti__country-list .iti__flag,.iti__country-name{margin-right:var(--iti-spacer-horizontal)}[dir=rtl] .iti__country-list .iti__flag,[dir=rtl] .iti__country-name{margin-right:0;margin-left:var(--iti-spacer-horizontal)}.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) button.iti__selected-country{cursor:pointer}.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary{background-color:var(--iti-hover-color)}.iti .iti__selected-dial-code{margin-left:4px}[dir=rtl] .iti .iti__selected-dial-code{margin-left:0;margin-right:4px}.iti--container{position:fixed;top:-1000px;left:-1000px;z-index:1060;padding:var(--iti-border-width)}.iti--container:hover{cursor:pointer}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti--fullscreen-popup.iti--container{background-color:rgba(0,0,0,.5);top:0;bottom:0;left:0;right:0;position:fixed;padding:var(--iti-mobile-popup-margin);display:flex;flex-direction:column;justify-content:flex-start}.iti--fullscreen-popup .iti__dropdown-content{display:flex;flex-direction:column;max-height:100%;position:relative}.iti--fullscreen-popup .iti__country{padding:10px 10px;line-height:1.5em}.iti__flag{--iti-flag-offset:100px;height:var(--iti-flag-height);width:var(--iti-flag-width);border-radius:1px;box-shadow:0 0 1px 0 #888;background-image:var(--iti-path-flags-1x);background-repeat:no-repeat;background-position:var(--iti-flag-offset) 0;background-size:var(--iti-flag-sprite-width) var(--iti-flag-sprite-height)}.iti__ac{--iti-flag-offset:0px}.iti__ad{--iti-flag-offset:-16px}.iti__ae{--iti-flag-offset:-32px}.iti__af{--iti-flag-offset:-48px}.iti__ag{--iti-flag-offset:-64px}.iti__ai{--iti-flag-offset:-80px}.iti__al{--iti-flag-offset:-96px}.iti__am{--iti-flag-offset:-112px}.iti__ao{--iti-flag-offset:-128px}.iti__ar{--iti-flag-offset:-144px}.iti__as{--iti-flag-offset:-160px}.iti__at{--iti-flag-offset:-176px}.iti__au{--iti-flag-offset:-192px}.iti__aw{--iti-flag-offset:-208px}.iti__ax{--iti-flag-offset:-224px}.iti__az{--iti-flag-offset:-240px}.iti__ba{--iti-flag-offset:-256px}.iti__bb{--iti-flag-offset:-272px}.iti__bd{--iti-flag-offset:-288px}.iti__be{--iti-flag-offset:-304px}.iti__bf{--iti-flag-offset:-320px}.iti__bg{--iti-flag-offset:-336px}.iti__bh{--iti-flag-offset:-352px}.iti__bi{--iti-flag-offset:-368px}.iti__bj{--iti-flag-offset:-384px}.iti__bl{--iti-flag-offset:-400px}.iti__bm{--iti-flag-offset:-416px}.iti__bn{--iti-flag-offset:-432px}.iti__bo{--iti-flag-offset:-448px}.iti__bq{--iti-flag-offset:-464px}.iti__br{--iti-flag-offset:-480px}.iti__bs{--iti-flag-offset:-496px}.iti__bt{--iti-flag-offset:-512px}.iti__bw{--iti-flag-offset:-528px}.iti__by{--iti-flag-offset:-544px}.iti__bz{--iti-flag-offset:-560px}.iti__ca{--iti-flag-offset:-576px}.iti__cc{--iti-flag-offset:-592px}.iti__cd{--iti-flag-offset:-608px}.iti__cf{--iti-flag-offset:-624px}.iti__cg{--iti-flag-offset:-640px}.iti__ch{--iti-flag-offset:-656px}.iti__ci{--iti-flag-offset:-672px}.iti__ck{--iti-flag-offset:-688px}.iti__cl{--iti-flag-offset:-704px}.iti__cm{--iti-flag-offset:-720px}.iti__cn{--iti-flag-offset:-736px}.iti__co{--iti-flag-offset:-752px}.iti__cr{--iti-flag-offset:-768px}.iti__cu{--iti-flag-offset:-784px}.iti__cv{--iti-flag-offset:-800px}.iti__cw{--iti-flag-offset:-816px}.iti__cx{--iti-flag-offset:-832px}.iti__cy{--iti-flag-offset:-848px}.iti__cz{--iti-flag-offset:-864px}.iti__de{--iti-flag-offset:-880px}.iti__dj{--iti-flag-offset:-896px}.iti__dk{--iti-flag-offset:-912px}.iti__dm{--iti-flag-offset:-928px}.iti__do{--iti-flag-offset:-944px}.iti__dz{--iti-flag-offset:-960px}.iti__ec{--iti-flag-offset:-976px}.iti__ee{--iti-flag-offset:-992px}.iti__eg{--iti-flag-offset:-1008px}.iti__eh{--iti-flag-offset:-1024px}.iti__er{--iti-flag-offset:-1040px}.iti__es{--iti-flag-offset:-1056px}.iti__et{--iti-flag-offset:-1072px}.iti__fi{--iti-flag-offset:-1088px}.iti__fj{--iti-flag-offset:-1104px}.iti__fk{--iti-flag-offset:-1120px}.iti__fm{--iti-flag-offset:-1136px}.iti__fo{--iti-flag-offset:-1152px}.iti__fr{--iti-flag-offset:-1168px}.iti__ga{--iti-flag-offset:-1184px}.iti__gb{--iti-flag-offset:-1200px}.iti__gd{--iti-flag-offset:-1216px}.iti__ge{--iti-flag-offset:-1232px}.iti__gf{--iti-flag-offset:-1248px}.iti__gg{--iti-flag-offset:-1264px}.iti__gh{--iti-flag-offset:-1280px}.iti__gi{--iti-flag-offset:-1296px}.iti__gl{--iti-flag-offset:-1312px}.iti__gm{--iti-flag-offset:-1328px}.iti__gn{--iti-flag-offset:-1344px}.iti__gp{--iti-flag-offset:-1360px}.iti__gq{--iti-flag-offset:-1376px}.iti__gr{--iti-flag-offset:-1392px}.iti__gt{--iti-flag-offset:-1408px}.iti__gu{--iti-flag-offset:-1424px}.iti__gw{--iti-flag-offset:-1440px}.iti__gy{--iti-flag-offset:-1456px}.iti__hk{--iti-flag-offset:-1472px}.iti__hn{--iti-flag-offset:-1488px}.iti__hr{--iti-flag-offset:-1504px}.iti__ht{--iti-flag-offset:-1520px}.iti__hu{--iti-flag-offset:-1536px}.iti__id{--iti-flag-offset:-1552px}.iti__ie{--iti-flag-offset:-1568px}.iti__il{--iti-flag-offset:-1584px}.iti__im{--iti-flag-offset:-1600px}.iti__in{--iti-flag-offset:-1616px}.iti__io{--iti-flag-offset:-1632px}.iti__iq{--iti-flag-offset:-1648px}.iti__ir{--iti-flag-offset:-1664px}.iti__is{--iti-flag-offset:-1680px}.iti__it{--iti-flag-offset:-1696px}.iti__je{--iti-flag-offset:-1712px}.iti__jm{--iti-flag-offset:-1728px}.iti__jo{--iti-flag-offset:-1744px}.iti__jp{--iti-flag-offset:-1760px}.iti__ke{--iti-flag-offset:-1776px}.iti__kg{--iti-flag-offset:-1792px}.iti__kh{--iti-flag-offset:-1808px}.iti__ki{--iti-flag-offset:-1824px}.iti__km{--iti-flag-offset:-1840px}.iti__kn{--iti-flag-offset:-1856px}.iti__kp{--iti-flag-offset:-1872px}.iti__kr{--iti-flag-offset:-1888px}.iti__kw{--iti-flag-offset:-1904px}.iti__ky{--iti-flag-offset:-1920px}.iti__kz{--iti-flag-offset:-1936px}.iti__la{--iti-flag-offset:-1952px}.iti__lb{--iti-flag-offset:-1968px}.iti__lc{--iti-flag-offset:-1984px}.iti__li{--iti-flag-offset:-2000px}.iti__lk{--iti-flag-offset:-2016px}.iti__lr{--iti-flag-offset:-2032px}.iti__ls{--iti-flag-offset:-2048px}.iti__lt{--iti-flag-offset:-2064px}.iti__lu{--iti-flag-offset:-2080px}.iti__lv{--iti-flag-offset:-2096px}.iti__ly{--iti-flag-offset:-2112px}.iti__ma{--iti-flag-offset:-2128px}.iti__mc{--iti-flag-offset:-2144px}.iti__md{--iti-flag-offset:-2160px}.iti__me{--iti-flag-offset:-2176px}.iti__mf{--iti-flag-offset:-2192px}.iti__mg{--iti-flag-offset:-2208px}.iti__mh{--iti-flag-offset:-2224px}.iti__mk{--iti-flag-offset:-2240px}.iti__ml{--iti-flag-offset:-2256px}.iti__mm{--iti-flag-offset:-2272px}.iti__mn{--iti-flag-offset:-2288px}.iti__mo{--iti-flag-offset:-2304px}.iti__mp{--iti-flag-offset:-2320px}.iti__mq{--iti-flag-offset:-2336px}.iti__mr{--iti-flag-offset:-2352px}.iti__ms{--iti-flag-offset:-2368px}.iti__mt{--iti-flag-offset:-2384px}.iti__mu{--iti-flag-offset:-2400px}.iti__mv{--iti-flag-offset:-2416px}.iti__mw{--iti-flag-offset:-2432px}.iti__mx{--iti-flag-offset:-2448px}.iti__my{--iti-flag-offset:-2464px}.iti__mz{--iti-flag-offset:-2480px}.iti__na{--iti-flag-offset:-2496px}.iti__nc{--iti-flag-offset:-2512px}.iti__ne{--iti-flag-offset:-2528px}.iti__nf{--iti-flag-offset:-2544px}.iti__ng{--iti-flag-offset:-2560px}.iti__ni{--iti-flag-offset:-2576px}.iti__nl{--iti-flag-offset:-2592px}.iti__no{--iti-flag-offset:-2608px}.iti__np{--iti-flag-offset:-2624px}.iti__nr{--iti-flag-offset:-2640px}.iti__nu{--iti-flag-offset:-2656px}.iti__nz{--iti-flag-offset:-2672px}.iti__om{--iti-flag-offset:-2688px}.iti__pa{--iti-flag-offset:-2704px}.iti__pe{--iti-flag-offset:-2720px}.iti__pf{--iti-flag-offset:-2736px}.iti__pg{--iti-flag-offset:-2752px}.iti__ph{--iti-flag-offset:-2768px}.iti__pk{--iti-flag-offset:-2784px}.iti__pl{--iti-flag-offset:-2800px}.iti__pm{--iti-flag-offset:-2816px}.iti__pr{--iti-flag-offset:-2832px}.iti__ps{--iti-flag-offset:-2848px}.iti__pt{--iti-flag-offset:-2864px}.iti__pw{--iti-flag-offset:-2880px}.iti__py{--iti-flag-offset:-2896px}.iti__qa{--iti-flag-offset:-2912px}.iti__re{--iti-flag-offset:-2928px}.iti__ro{--iti-flag-offset:-2944px}.iti__rs{--iti-flag-offset:-2960px}.iti__ru{--iti-flag-offset:-2976px}.iti__rw{--iti-flag-offset:-2992px}.iti__sa{--iti-flag-offset:-3008px}.iti__sb{--iti-flag-offset:-3024px}.iti__sc{--iti-flag-offset:-3040px}.iti__sd{--iti-flag-offset:-3056px}.iti__se{--iti-flag-offset:-3072px}.iti__sg{--iti-flag-offset:-3088px}.iti__sh{--iti-flag-offset:-3104px}.iti__si{--iti-flag-offset:-3120px}.iti__sj{--iti-flag-offset:-3136px}.iti__sk{--iti-flag-offset:-3152px}.iti__sl{--iti-flag-offset:-3168px}.iti__sm{--iti-flag-offset:-3184px}.iti__sn{--iti-flag-offset:-3200px}.iti__so{--iti-flag-offset:-3216px}.iti__sr{--iti-flag-offset:-3232px}.iti__ss{--iti-flag-offset:-3248px}.iti__st{--iti-flag-offset:-3264px}.iti__sv{--iti-flag-offset:-3280px}.iti__sx{--iti-flag-offset:-3296px}.iti__sy{--iti-flag-offset:-3312px}.iti__sz{--iti-flag-offset:-3328px}.iti__tc{--iti-flag-offset:-3344px}.iti__td{--iti-flag-offset:-3360px}.iti__tg{--iti-flag-offset:-3376px}.iti__th{--iti-flag-offset:-3392px}.iti__tj{--iti-flag-offset:-3408px}.iti__tk{--iti-flag-offset:-3424px}.iti__tl{--iti-flag-offset:-3440px}.iti__tm{--iti-flag-offset:-3456px}.iti__tn{--iti-flag-offset:-3472px}.iti__to{--iti-flag-offset:-3488px}.iti__tr{--iti-flag-offset:-3504px}.iti__tt{--iti-flag-offset:-3520px}.iti__tv{--iti-flag-offset:-3536px}.iti__tw{--iti-flag-offset:-3552px}.iti__tz{--iti-flag-offset:-3568px}.iti__ua{--iti-flag-offset:-3584px}.iti__ug{--iti-flag-offset:-3600px}.iti__us{--iti-flag-offset:-3616px}.iti__uy{--iti-flag-offset:-3632px}.iti__uz{--iti-flag-offset:-3648px}.iti__va{--iti-flag-offset:-3664px}.iti__vc{--iti-flag-offset:-3680px}.iti__ve{--iti-flag-offset:-3696px}.iti__vg{--iti-flag-offset:-3712px}.iti__vi{--iti-flag-offset:-3728px}.iti__vn{--iti-flag-offset:-3744px}.iti__vu{--iti-flag-offset:-3760px}.iti__wf{--iti-flag-offset:-3776px}.iti__ws{--iti-flag-offset:-3792px}.iti__xk{--iti-flag-offset:-3808px}.iti__ye{--iti-flag-offset:-3824px}.iti__yt{--iti-flag-offset:-3840px}.iti__za{--iti-flag-offset:-3856px}.iti__zm{--iti-flag-offset:-3872px}.iti__zw{--iti-flag-offset:-3888px}.iti__globe{background-image:var(--iti-path-globe-1x);background-size:contain;background-position:right;box-shadow:none;height:19px}@media (min-resolution:2x){.iti__flag{background-image:var(--iti-path-flags-2x)}.iti__globe{background-image:var(--iti-path-globe-2x)}}
/***** colors *****/
/***** structure *****/
/* Penser à mettre à jour le grid.less la media query qui utilise la class inner en fonction des besoins */
/***** values *****/
/***** breakpoints *****/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
strong,
b {
  font-weight: bold;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/** MIXINS **/
/***** GLOBAL positionning *****/
.left {
  float: left;
}
.right {
  float: right;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
/* IE6/7 support */
.alignMiddle {
  letter-spacing: -0.3em;
}
/*must have a fixed width*/
.alignMiddle:before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0.1%;
  padding: 0!important;
}
.alignMiddle > span {
  display: inline-block;
  vertical-align: middle;
  width: 99%;
  letter-spacing: 0;
}
/* ne marche pas sur IE8 et moins, ni sur Opera Mini 5-8 */
.absoluteVerticalMid {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.absoluteHorizontalMid {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.absoluteHorVerMid {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/***** GLOBAL state *****/
.hide {
  display: none;
}
/*carefull, this hide to screen readers too*/
.show {
  display: block;
}
.disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.screen-reader-response,
.visuallyhidden {
  /*hide to humans only, screenreaders can still read it*/
  position: absolute;
  width: 1px;
  /* Setting this to 0 make it invisible for VoiceOver */
  height: 1px;
  /* Setting this to 0 make it invisible for VoiceOver */
  padding: 0;
  margin: -1px;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}
/***** GLOBAL form *****/
::-webkit-input-placeholder {
  font-style: italic;
  color: #b6c5ce;
  font-size: 16px;
}
:-moz-placeholder {
  font-style: italic;
  color: #b6c5ce;
  font-size: 16px;
}
::-moz-placeholder {
  font-style: italic;
  color: #b6c5ce;
  font-size: 16px;
}
input[type="submit"] {
  cursor: pointer;
}
/*fix safari */
input[type="submit"],
input[type="search"] {
  -webkit-appearance: none;
  /*-webkit-border-radius: 2px; border-radius: 2px;*/
}
/***** GLOBAL font *****/
.code {
  font-family: monospace;
}
button {
  cursor: pointer;
  outline: none;
  font: inherit;
}
a {
  text-decoration: none;
  color: inherit;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
em strong,
strong em {
  font-weight: bold;
  font-style: italic;
}
sup {
  top: -0.5em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  font-size: 0.6em;
}
sub {
  top: 0.5em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  font-size: 0.6em;
}
.ttu {
  text-transform: uppercase;
}
.tac {
  text-align: center;
}
.tal {
  text-align: left;
}
/*empeche le retour à la ligne*/
.no-break {
  white-space: nowrap;
}
/*force une longue chaine de caracteres à "casser" sur une autre ligne plutôt que de dépasser de son conteneur*/
.break {
  word-break: break-all;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
/*cache le text et remplace par "..." lorsqu'il dépace la taille fixée*/
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  /* Required for IE8 */
  -o-text-overflow: ellipsis;
  /* Required for Opera */
  text-overflow: ellipsis;
}
/*pause les animation css3*/
.paused {
  animation-play-state: paused;
}
.error {
  color: #cc0033;
}
.success {
  color: #86bc24;
}
/*hauteur du site = hauteur du navigateur*/
/*html, body{height: 100%; padding: 0; margin: 0;}*/
.flex-parent {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  flex-flow: row wrap;
}
.flex-parent .flex {
  flex: 1;
  flex-basis: 48%;
  flex-grow: 0;
}
body {
  position: relative;
  background-color: #ffffff;
  font-family: 'Raleway', Arial, sans-serif;
  color: #484848;
  overflow-x: hidden;
}
/***
 * Images and SVG
 ***/
img {
  max-width: 100%;
}
.svg {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}
/*** Titles ***/
.title {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 500;
}
.title--purple {
  color: #633dff;
}
.title--1 {
  font-size: 45px;
  line-height: 54px;
  font-size: 4.5rem;
  line-height: 5.4rem;
}
.title--2 {
  font-size: 35px;
  line-height: 42px;
  font-size: 3.5rem;
  line-height: 4.2rem;
}
.title--3 {
  font-size: 25px;
  line-height: 30px;
  font-size: 2.5rem;
  line-height: 3rem;
}
.title--4 {
  font-size: 18px;
  line-height: 21.599999999999998px;
  font-size: 1.8rem;
  line-height: 2.1599999999999997rem;
  color: #8468f5;
  text-transform: uppercase;
}
@media (max-width: 599px) {
  .title--1 {
    font-size: 35px;
    line-height: 42px;
    font-size: 3.5rem;
    line-height: 4.2rem;
  }
  .title--2 {
    font-size: 20px;
    line-height: 24px;
    font-size: 2rem;
    line-height: 2.4rem;
  }
  .title--3 {
    font-size: 18px;
    line-height: 21.599999999999998px;
    font-size: 1.8rem;
    line-height: 2.1599999999999997rem;
  }
  .title--4 {
    font-size: 15px;
    line-height: 18px;
    font-size: 1.5rem;
    line-height: 1.8rem;
  }
}
/*** BUTTONS ***/
.button {
  position: relative;
  display: inline-block;
  width: 200px;
  height: 50px;
  padding: 14px;
  margin: 7px 0;
  border: 1px solid #633dff;
  border-radius: 25px;
  background-color: #633dff;
  text-align: center;
  font-size: 18px;
  line-height: 18px;
  color: #ffffff;
  cursor: pointer;
}
.button:hover {
  background-color: #8468f5;
  border-color: #633dff;
}
.button--right {
  float: right;
}
.button--small {
  width: 150px;
  height: 40px;
  padding: 8px;
  font-size: 13px;
  line-height: 13px;
}
.button--alt {
  background-color: #ffffff;
  border-color: #633dff;
  color: #633dff;
}
.button--alt:hover {
  background-color: #e2ddf8;
  border-color: #633dff;
}
.button--blue {
  background-color: #161553;
  border-color: #323081;
}
.button--blue:hover {
  background-color: #323081;
  border-color: #161553;
}
.button.disabled {
  opacity: 1;
  background-color: #faf6fa;
  border-color: #bababa;
  color: #bababa;
  cursor: default;
}
.button.disabled:hover {
  background-color: #faf6fa;
  border-color: #bababa;
}
@media screen and (max-width: 599px) {
  .button--right {
    float: none;
    display: block;
    margin: 0 auto;
  }
}
/*** BUTTON RIPPLE EFFECT ***/
.c-ripple {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: transparent;
}
.c-ripple__circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.25);
}
.c-ripple.is-active .c-ripple__circle {
  animation: a-ripple 0.4s ease-in;
}
/**
 * Animation: Ripple
 * --------------------------------------------------
 */
@keyframes a-ripple {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  100% {
    width: 200%;
    padding-bottom: 200%;
    opacity: 0;
  }
}
/*** ICONS ***/
.icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  padding: 0;
  font-weight: 600;
  text-align: center;
  line-height: 35px;
}
.icon--square {
  border: 2px solid #bababa;
  border-radius: 3px;
  background-color: #ffffff;
  color: #bababa;
  cursor: default;
}
.icon--circle {
  position: relative;
  border: 2px solid #8468f5;
  border-radius: 20px;
  background-color: #ffffff;
  color: #8468f5;
  font-size: 35px;
  cursor: pointer;
}
.icon--circle:hover {
  background-color: #e2ddf8;
}
.icon--circle-minus::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 2px;
  background-color: #8468f5;
  transform: translate(-50%, -50%);
}
.icon--circle-plus::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  background-color: #8468f5;
  transform: translate(-50%, -50%);
}
.icon--circle-plus::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 16px;
  background-color: #8468f5;
  transform: translate(-50%, -50%);
}
.icon--circle.disabled {
  border-color: #bababa;
  color: #bababa;
  filter: grayscale(1);
}
.icon--step {
  border: 10px solid #bababa;
  border-radius: 20px;
  background-color: #ffffff;
  color: #bababa;
  cursor: default;
}
.active > .icon--step {
  border-color: #633dff;
}
.done > .icon--step {
  position: relative;
  border-color: #633dff;
  background-color: #633dff;
}
.done > .icon--step::after {
  content: "";
  position: absolute;
  top: 43%;
  left: 50%;
  display: block;
  width: 14px;
  height: 7px;
  border: 3px solid #ffffff;
  border-width: 0 0 3px 3px;
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media screen and (max-width: 599px) {
  .icon--step {
    width: 20px;
    height: 20px;
    border-width: 5px;
  }
  .done > .icon--step::after {
    transform: translate(-50%, -50%) rotate(-45deg) scale(0.6);
  }
}
/*** LINKS ***/
.link {
  color: #633dff;
  cursor: pointer;
}
.link:hover {
  text-decoration: underline;
}
.link:active,
.link:focus {
  color: #161553;
}
.link:visited {
  color: #8468f5;
}
.link-modify {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 19.2px;
  font-size: 1.6rem;
  line-height: 1.92rem;
  font-weight: 600;
  color: #633dff;
  cursor: pointer;
  border: none;
}
.link-modify-icon {
  margin-right: 10px;
}
.link-modify__cart {
  background: inherit;
}
.link-modify__cart::before {
  top: 12px;
}
/*** TEXT LABELS ***/
.text-label {
  display: block;
  margin-bottom: 10px;
  color: #633dff;
  font-size: 13px;
  line-height: 15.6px;
  font-size: 1.3rem;
  line-height: 1.56rem;
  text-transform: uppercase;
}
.text-label--border {
  display: inline-block;
  min-width: 210px;
  height: 30px;
  padding: 7px 10px;
  border: 1px solid #633dff;
  border-radius: 8px;
}
.text-label--blue {
  color: #161553;
  border-color: #161553;
}
@media screen and (max-width: 599px) {
  .text-label--border {
    min-width: 180px;
    height: 27px;
    padding: 6px 0 @fontPx: 10; @fontRem: 1; @linePx: 12; @lineRem: 1.2; font-size: 10px; line-height: 12px; font-size: 1rem; line-height: 1.2rem;;
  }
}
/*** FORM ***/
.form-error {
  color: #ff7a7a;
}
.form-error ul {
  padding: 5px 0;
}
#card-errors {
  color: #ff7a7a;
  padding-top: 7px;
}
#iban-errors {
  color: #ff7a7a;
  padding-top: 7px;
}
input {
  font-family: 'Space Grotesk';
  font-size: 18px;
  line-height: 21.599999999999998px;
  font-size: 1.8rem;
  line-height: 2.1599999999999997rem;
  font-weight: 300;
  outline-color: #44c4e9;
}
.form__input-number {
  width: 100%;
  max-width: 64px;
  margin: 0;
  appearance: none;
  border: none;
  text-align: center;
}
.checkbox {
  appearance: none;
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  border: 2px solid #484848;
  background-color: #ffffff;
  cursor: pointer;
  transition: 0.15s;
}
.checkbox:checked {
  border-color: #633dff;
  background-color: #633dff;
}
.checkbox::after {
  content: '';
  position: absolute;
  top: 0;
  left: 5px;
  display: none;
  width: 7px;
  height: 13px;
  border: 3px solid #ffffff;
  border-width: 0 3px 3px 0;
  border-radius: 1px;
  transform: rotate(45deg);
}
.checkbox:checked::after {
  display: block;
}
/* custom select */
.select__container {
  position: relative;
  align-self: flex-start;
  display: inline-block;
  min-width: 90px;
  font-family: Arial;
}
.select__container select {
  display: none;
  /*hide original SELECT element:*/
}
.select-selected {
  height: 44px;
  background-color: #ffffff;
  border: 1px solid #484848;
  border-radius: 3px;
}
.select-selected.empty {
  border-color: #bababa;
}
.select-selected.active {
  border-bottom-width: 0px;
  border-radius: 3px 3px 0 0;
  color: #bababa;
}
/* ---------- FORM FIELDS ---------- */
.field {
  display: inline-block;
  width: 100%;
  margin-bottom: 16px;
}
.field--50 {
  width: 49%;
  padding-right: 16px;
  vertical-align: top;
}
.field-label {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 6px;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 15.6px;
  font-size: 1.3rem;
  line-height: 1.56rem;
}
.field-optional {
  color: #bababa;
  text-transform: capitalize;
  font-size: 11px;
  line-height: 13.2px;
  font-size: 1.1rem;
  line-height: 1.3199999999999998rem;
}
.field-input {
  width: 100%;
  height: 44px;
  padding: 10px;
  border: 1px solid #bababa;
  border-radius: 3px;
  font-size: 16px;
  line-height: 19.2px;
  font-size: 1.6rem;
  line-height: 1.92rem;
  color: #484848;
}
.field-input::placeholder {
  font-style: normal;
  color: #B3B3B3;
}
.field-input:active {
  border-color: #484848;
}
.field-input:disabled,
.field-input[disabled],
.field-input.disabled {
  opacity: 0.5;
  color: #bababa;
  background-color: #faf6fa;
}
.field-select {
  display: block;
}
.field-radio {
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  max-width: 100%;
  margin-bottom: 3px;
}
.field-radio-input {
  appearance: none;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-top: 0;
  background: #ffffff;
  border: 2px solid #484848;
  border-radius: 10px;
  transition: 0.1s;
}
.field-radio-input:checked {
  border: 5px solid #633dff;
}
.field-radio-label {
  margin-left: 10px;
  vertical-align: text-bottom;
}
.field-radio-label-input {
  max-width: calc(100% - 45px);
  width: 340px;
  margin-left: 10px;
  margin-top: 8px;
}
.field-switch {
  display: inline-block;
  padding: 3px;
  cursor: pointer;
}
.field-switch-checkbox {
  display: none;
}
.field-switch-slider {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 14px;
  background-color: #e3e3e3;
  border-radius: 7px;
  transition: 0.1s;
}
.field-switch-slider::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 25%;
  width: 20px;
  height: 20px;
  background-color: #bababa;
  border-radius: 10px;
  transform: translate(-50%, -50%);
  transition: 0.1s;
}
.field-switch-checkbox:checked ~ .field-switch-slider {
  background-color: #bababa;
}
.field-switch-checkbox:checked ~ .field-switch-slider::after {
  left: 75%;
  background-color: #633dff;
}
.field-switchradio {
  display: flex;
  width: 110px;
  height: 44px;
  margin-bottom: 20px;
  background-color: #633dff;
  border: 1px solid #bababa;
  border-radius: 3px;
}
.field-switchradio-label {
  width: 50%;
  height: 100%;
}
.field-switchradio-radio {
  display: none;
}
.field-switchradio-left,
.field-switchradio-right {
  position: relative;
  width: 100%;
  height: 100%;
  color: #484848;
  background-color: #ffffff;
  cursor: pointer;
  transition: 0.1s;
}
.field-switchradio-right {
  border-left: 1px solid #bababa;
}
.field-switchradio-radio:checked ~ .field-switchradio-left,
.field-switchradio-radio:checked ~ .field-switchradio-right {
  color: #ffffff;
  background-color: #633dff;
}
.field-switchradio-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 13px;
  line-height: 15.6px;
  font-size: 1.3rem;
  line-height: 1.56rem;
}
.field-password {
  position: relative;
  padding-left: 40px;
  background: url(/build/images/lock.f6f57ce1.png) no-repeat;
  background-position: 8px 45%;
  font-size: 24px;
  line-height: 28.799999999999997px;
  font-size: 2.4rem;
  line-height: 2.88rem;
  transition: 0.1s;
}
.field-password:focus,
.field-password.filled {
  padding-left: 10px;
  background-position: -30px 45%;
}
/* Telephone Field - INTL-TEL-INPUT */
.intl-tel-input {
  width: 100%;
}
/* STRIPE Field */
.field-stripe {
  position: relative;
  width: 100%;
  padding: 30px 20px 20px;
  background-color: #faf6fa;
}
.field-stripe-secure {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  float: right;
  margin-top: 16px;
  text-align: right;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 15.6px;
  font-size: 1.3rem;
  line-height: 1.56rem;
}
.field-stripe-secure-icon {
  margin-right: 10px;
}
@media screen and (max-width: 400px) {
  .field-stripe-secure {
    margin-top: 10px;
  }
}
@media screen and (max-width: 400px) {
  .field-stripe {
    padding-top: 20px;
  }
}
.StripeElement {
  width: 100%;
  height: 44px;
  padding: 11px 9px;
  border: 1px solid #bababa;
  border-radius: 3px;
  background-color: #ffffff;
  color: #484848;
  font-size: 16px;
  line-height: 19.2px;
  font-size: 1.6rem;
  line-height: 1.92rem;
  color: #ff7a7a;
}
.StripeElement::placeholder {
  font-style: normal;
  color: #B3B3B3;
}
.StripeElement:active {
  border-color: #484848;
}
.StripeElement:disabled,
.StripeElement[disabled],
.StripeElement.disabled {
  opacity: 0.5;
  color: #bababa;
  background-color: #faf6fa;
}
@media screen and (max-width: 400px) {
  .StripeElement {
    min-width: 310px;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%) scale(0.8);
  }
}
@media screen and (min-width: 600px) and (max-width: 700px) {
  .StripeElement {
    min-width: 310px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) scale(0.7);
  }
}
.StripeElement--empty {
  color: #B3B3B3;
}
.StripeElement--focus {
  border-color: #484848;
}
.StripeElement--invalid {
  border-color: #ff7a7a;
  color: #ff7a7a;
}
.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}
@media screen and (max-width: 599px) {
  .field--50 {
    width: 100%;
    padding: 0;
  }
}
/* CUSTOM SELECT FIELD */
.select-items div,
.select-selected {
  padding: 10px;
  font-size: 16px;
  line-height: 22px;
  color: #484848;
  text-align: left;
  cursor: pointer;
}
.select-selected {
  transition: border-color 0.1s;
}
.select-selected.active {
  border-color: #bababa;
  transition: none;
}
.select-items {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  display: none;
  max-height: 250px;
  background-color: #ffffff;
  border: 1px solid #bababa;
  border-radius: 0 0 3px 3px;
  border-top-width: 0;
  font-weight: 600;
  overflow-y: scroll;
}
.select-hide {
  display: none;
}
.select-items div:hover,
.same-as-selected {
  background-color: #faf6fa;
  color: #633dff;
}
/* line and arrow */
.select-selected::after {
  content: "";
  position: absolute;
  top: 19px;
  right: 16px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: #484848 transparent transparent transparent;
}
.select-selected.active::after {
  border-color: transparent transparent #484848 transparent;
  top: 14px;
}
.select-selected::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 90%;
  height: 0;
  border-bottom: 1px solid #f1f1f1;
  transform: translateX(-50%);
}
.select-selected.active::before {
  content: "";
}
/* Select custom scrollbar */
.select-items {
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.select-items::-webkit-scrollbar {
  width: 13px;
}
.select-items::-webkit-scrollbar-track {
  background: #ffffff;
}
.select-items::-webkit-scrollbar-thumb {
  background: #bababa;
  border-radius: 7px;
  border: 5px solid #ffffff;
}
.select-items::-webkit-scrollbar-thumb:hover {
  background: #484848;
}
@media screen and (max-width: 599px) {
  .form__input-number {
    max-width: 44px;
  }
}
/*** PAGE ***/
.page {
  min-height: 300px;
  padding: 50px 0;
}
@media screen and (max-width: 599px) {
  .page {
    padding: 16px 0 40px;
  }
}
/* LIST */
.list {
  padding-left: 50px;
}
.list li {
  padding-left: 15px;
  list-style-type: disc;
}
@media screen and (max-width: 899px) {
  .list {
    padding-left: 30px;
  }
  .list li {
    padding-left: 5px;
  }
}
/* INFOBOX */
.infobox {
  display: flex;
  align-items: flex-start;
  width: 100%;
  padding: 15px 25px 20px;
  background-color: #edfaff;
  color: #323081;
}
.infobox__icon {
  margin: 0 15px 0 5px;
}
@media screen and (max-width: 899px) {
  .infobox {
    font-size: 13px;
    line-height: 15.6px;
    font-size: 1.3rem;
    line-height: 1.56rem;
  }
}
/*** SUBSCRIPTION TUNEL ***/
/* WIZARD */
.wizard {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 85px;
}
.wizard__step {
  position: relative;
}
.wizard__step:first-child .wizard__step-text {
  left: 0;
  min-width: 0;
  transform: none;
}
.wizard__step:last-child .wizard__step-text {
  left: auto;
  right: 0;
  min-width: 0;
  transform: none;
}
.wizard__step-text {
  position: absolute;
  top: 42px;
  left: 50%;
  min-width: 120px;
  color: #bababa;
  text-align: center;
  transform: translateX(-50%);
}
.wizard__step.active .wizard__step-text {
  color: #633dff;
}
.wizard__line {
  width: 100%;
  height: 0;
  margin: 0 8px;
  border-bottom: 2px solid #E7E7E7;
}
.wizard__step.done + .wizard__line {
  border-color: #8468f5;
}
.wizard__step.active + .wizard__line {
  border: 1px dashed #633dff;
  border-width: 0 0 1px 0;
}
@media screen and (max-width: 599px) {
  .wizard {
    margin-bottom: 50px;
  }
  .wizard__step .wizard__step-text {
    display: none;
  }
  .wizard__step.active .wizard__step-text {
    display: block;
  }
  .wizard__step-text {
    top: 25px;
    font-size: 10px;
    line-height: 12px;
    font-size: 1rem;
    line-height: 1.2rem;
  }
}
/* TABLES */
.table__item {
  display: flex;
  flex-direction: column;
  text-align: right;
}
.table__item--first {
  text-align: left;
}
.table__item--first .table__content {
  justify-content: flex-start;
}
.table__header {
  height: 44px;
  padding: 14px 10px;
  background-color: #f1f1f1;
  border-bottom: 2px solid #bababa;
  font-weight: 600;
  font-size: 16px;
  line-height: 19.2px;
  font-size: 1.6rem;
  line-height: 1.92rem;
}
.table__content {
  flex-grow: 1;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 16px 10px;
  font-size: 13px;
  line-height: 15.6px;
  font-size: 1.3rem;
  line-height: 1.56rem;
}
.table__content p {
  margin-bottom: 10px;
}
.table__content-total {
  padding-top: 16px;
}
/* RECAP SIDEBAR */
.page__sidebar-wrapper {
  display: flex;
}
.page__sidebar-recap {
  flex-shrink: 0;
  width: 310px;
  padding-left: 30px;
}
.recap__item--price .table__header {
  display: none;
}
@media screen and (max-width: 599px) {
  .page__sidebar-wrapper {
    flex-direction: column;
  }
  .page__sidebar-recap {
    display: none;
    width: 100%;
    padding: 0;
    margin-top: 30px;
  }
}
/* ---------- ERROR PAGE ---------- */
.page-error {
  text-align: center;
}
.error__title {
  font-weight: 600;
}
.error__content {
  margin-top: 20px;
}
.error__link {
  padding: 0 10px;
}
/* ---------- Cookie Consent ---------------*/
.cc-revoke {
  display: none;
}
/* ---------- Tarte au citron JS ---------- */
#tarteaucitronRoot * {
  font-family: 'Raleway', Arial, sans-serif !important;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronClosePanel {
  border-radius: 3px 3px 0 0;
  background-color: #484848;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset {
  background-color: #484848;
  border-color: #484848;
  border-radius: 8px 0 0 0;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronScrollbarParent {
  border: 1px solid #484848;
  border-radius: 0 0 8px 8px;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronTitle {
  background-color: #484848;
  border-radius: 0 3px 0 0;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronServicesTitle_analytic,
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronScrollbarChild {
  background-color: #ffffff;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronAllow,
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronDeny {
  padding: 6px 16px;
  border-radius: 20px;
}
#tarteaucitronRoot #tarteaucitronPercentage {
  background-color: #161553;
}
#tarteaucitronRoot #tarteaucitronAlertBig {
  padding: 16px 5%;
  background: rgba(0, 0, 0, 0.8);
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
  max-width: calc(100% - 320px);
  display: inline-block;
  padding: 16px;
  box-sizing: border-box;
  text-align: left;
  vertical-align: middle;
  line-height: 22px;
}
@media screen and (max-width: 899px) {
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
    max-width: 100%;
  }
}
@media screen and (max-width: 599px) {
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
    padding: 8px;
  }
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
  margin: 0 8px;
  box-sizing: border-box;
  font-size: 13px;
  line-height: 15.6px;
  font-size: 1.3rem;
  line-height: 1.56rem;
  vertical-align: middle;
}
@media screen and (max-width: 599px) {
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize,
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
    margin: 8px 0;
  }
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize {
  width: 150px;
  padding: 12px;
  background-color: #633dff;
  border: 1px solid #633dff;
  border-radius: 22px;
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize:hover {
  background-color: #8468f5;
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
  width: 120px;
  padding: 8px;
  background-color: #ffffff;
  border: 1px solid #633dff;
  border-radius: 17px;
  color: #633dff;
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert:hover {
  background-color: #e2ddf8;
}
@media screen and (max-width: 599px) {
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
    margin-left: 8px;
  }
}
#tarteaucitronRoot #tarteaucitronAlertSmall {
  visibility: hidden;
  background-color: #ffffff;
  border: 1px solid #bababa;
  border-radius: 8px 0 0 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}
#tarteaucitronRoot #tarteaucitronAlertSmall #tarteaucitronManager {
  color: #484848;
}
#tarteaucitronRoot #tarteaucitronAlertSmall #tarteaucitronCookiesNumber {
  background-color: #484848;
  color: #ffffff;
}
#tarteaucitronRoot #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie {
  background-color: #484848;
  border-radius: 3px 0 0 0;
}
#tarteaucitronRoot #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer .tarteaucitronCookiesListMain {
  background-color: #484848;
  border-color: #484848;
  border-radius: 8px 0 0 0;
}
#tarteaucitronRoot #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {
  border: 1px solid #484848;
  border-radius: 0 0 0 8px;
}
#tarteaucitronRoot #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle {
  background-color: #484848;
  border-radius: 0 3px 0 0;
}
#tarteaucitronRoot #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden {
  background: #ffffff;
}
/***
** FONT WEIGHT
** - 100 Thin (Hairline)
** - 200 ExtraLight (UltraLight)
** - 300 Light
** - xxx Book (sometimes heavier than Regular)
** - 400 Regular / Normal
** - 500 Medium
** - 600 SemiBold (DemiBold)
** - 700 Bold
** - 800 ExtraBold (UltraBold)
** - 900 Black (Heavy)
***/
/***
* Convert font in woff and woff2 :
* https://www.fontsquirrel.com/tools/webfont-generator
***/
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj62UUsj.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj7oUUsj.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj7aUUsj.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj42Vksj.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj4PVksj.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v37/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvao4CP.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v37/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVuEooCP.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v37/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaooCP.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v37/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVsEpYCP.ttf) format('truetype');
}
html {
  box-sizing: border-box;
  font-size: 0.625em;
  /* fallback IE8+ */
  font-size: calc(1em * 0.625);
  /* IE9-IE11 math fixing */
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
body {
  text-size-adjust: 100%;
  font-size: 16px;
  line-height: 19.2px;
  font-size: 1.6rem;
  line-height: 1.92rem;
}
body.disable-scroll {
  overflow: hidden;
}
@media screen and (max-width: 899px) {
  body {
    font-size: 13px;
    line-height: 15.6px;
    font-size: 1.3rem;
    line-height: 1.56rem;
  }
}
hr {
  clear: both;
  margin: 6px 0;
  border: 1px solid #bababa;
  border-width: 0 0 1px 0;
}
button {
  appearance: none;
}
.inner-1280 {
  width: 1280px;
  margin: 0 auto;
  position: relative;
}
.inner-1280:after {
  content: " ";
  display: table;
  clear: both;
}
@media (max-width: 1310px) {
  .inner-1280 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.inner-1120 {
  width: 1120px;
  margin: 0 auto;
  position: relative;
}
.inner-1120:after {
  content: " ";
  display: table;
  clear: both;
}
@media (max-width: 1150px) {
  .inner-1120 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.inner-940 {
  width: 940px;
  margin: 0 auto;
  position: relative;
}
.inner-940:after {
  content: " ";
  display: table;
  clear: both;
}
@media (max-width: 970px) {
  .inner-940 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.inner-860 {
  width: 860px;
  margin: 0 auto;
  position: relative;
}
.inner-860:after {
  content: " ";
  display: table;
  clear: both;
}
@media (max-width: 890px) {
  .inner-860 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.inner-420 {
  width: 420px;
  margin: 0 auto;
  position: relative;
}
.inner-420:after {
  content: " ";
  display: table;
  clear: both;
}
@media (max-width: 450px) {
  .inner-420 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.inner-320 {
  width: 320px;
  margin: 0 auto;
  position: relative;
}
.inner-320:after {
  content: " ";
  display: table;
  clear: both;
}
@media (max-width: 350px) {
  .inner-320 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.inner-lg {
  width: 100%;
  height: 100%;
  max-width: 1072px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
}
.inner-lg:after {
  content: " ";
  display: table;
  clear: both;
}
.inner-md {
  width: 100%;
  height: 100%;
  max-width: 768px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
}
.inner-md:after {
  content: " ";
  display: table;
  clear: both;
}
.inner-sm {
  width: 100%;
  height: 100%;
  max-width: 374px;
  margin: 0 auto;
  padding: 0 16px;
  position: relative;
}
.inner-sm:after {
  content: " ";
  display: table;
  clear: both;
}
@media screen and (max-width: 899px) {
  .inner-lg {
    padding: 0 16px;
  }
  .inner-md {
    padding: 0 16px;
  }
}
/*** HEADER HELP POPIN ***/
.popin__help {
  position: fixed;
  top: 284px;
  right: 24px;
  z-index: 10;
  width: 40px;
  height: 40px;
}
.popin__help-container {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 67px;
  max-width: calc(100vw - 52px);
  height: 65px;
  padding: 18px 8px 13px;
  border-radius: 33px 33px 33px 33px;
  border: 1px solid #bababa;
  background-color: #ffffff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  opacity: 1;
  overflow: hidden;
  transform: translate(-50%, -50%);
  cursor: pointer;
  transition: width 0.1s, height 0.1s, transform 0.05s 0.1s;
}
.popin__help-container::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 67px;
  height: 100%;
  border: 1px solid #484848;
  box-shadow: 0 5px 4px #484848, 0 3px 6px #161553, 0 5px 0 #484848, 0 3px 7px #161553;
  opacity: 0;
  border-radius: 33px 33px 33px 33px;
  transition: opacity 0.2s;
}
.popin__help:hover .popin__help-container::after {
  opacity: 0.2;
}
.popin__help.active .popin__help-container::after {
  content: none;
}
.popin__help.active .popin__help-container {
  width: 324px;
  height: 221px;
  border-radius: 8px;
  transform: translate(-100%, -100%);
  cursor: default;
  transition: width 0.2s 0.05s, height 0.2s 0.05s, transform 0.05s;
}
.popin__help-content {
  opacity: 0;
  text-align: center;
}
.popin__help-content p {
  font-size: 16px;
  line-height: 19.2px;
  font-size: 1.6rem;
  line-height: 1.92rem;
  margin: 15px 0;
}
.popin__help.active .popin__help-content {
  opacity: 1;
  transition: 0.1s 0.2s;
}
@media screen and (max-width: 599px) {
  .popin__help.active .popin__help-content {
    transition: 0.2s 0.1s;
  }
}
.popin__help-title {
  text-transform: uppercase;
}
.popin__help-button {
  width: 193px;
  height: 40px;
  padding: 9px;
  border-radius: 20px;
  font-size: 13px;
}
.popin__help-icon {
  position: absolute;
  top: 2px;
  left: 50%;
  width: 36px;
  height: 31px;
  background-color: #633dff;
  border-radius: 4px;
  transform: translateX(-50%);
  transition: 0.2s;
  cursor: pointer;
}
.popin__help-icon::after {
  content: '';
  position: absolute;
  bottom: -12px;
  left: 50%;
  width: 0;
  height: 0;
  border-width: 7px 10px;
  border-color: #633dff transparent transparent;
  border-style: solid;
  transform: translateX(-50%);
  transition: 0.2s;
}
.popin__help.active .popin__help-icon {
  top: 0;
  width: 40px;
  height: 40px;
  border-radius: 20px;
}
.popin__help.active .popin__help-icon::after {
  bottom: 0;
  opacity: 0;
}
.popin__help-icon-close {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  transform: translate(-50%, -50%) rotate(-180deg);
  transition: 0.2s;
}
.popin__help.active .popin__help-icon-close {
  opacity: 1;
  transform: translate(-50%, -50%) rotate(0deg);
}
.popin__help-icon-question {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 15px;
  opacity: 1;
  transform: translate(-50%, -50%) rotate(0deg);
  transition: 0.2s;
}
.popin__help.active .popin__help-icon-question {
  opacity: 0;
  transform: translate(-50%, -50%) rotate(180deg);
}
.popin__help-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  display: none;
  width: 100vw;
  height: 100vh;
  background-color: #484848;
  opacity: 0.5;
  transition: 0.2s;
}
@media screen and (max-width: 599px) {
  .popin__help {
    top: auto;
    bottom: 28px;
  }
  .popin__help-container {
    left: 45%;
    width: 78px;
  }
  .popin__help-overlay.active {
    display: block;
  }
}
/*** LANDING MAX-ACCOUNTS / MAX-EQUIPMENT POPIN ***/
.popin__max {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: none;
  width: 100%;
  height: 100%;
}
.popin__max.active {
  display: block;
}
.popin__max-overlay {
  width: 100%;
  height: 100%;
  background-color: #484848;
  opacity: 0;
  transition: 0.2s;
}
.popin__max.visible .popin__max-overlay {
  opacity: 0.5;
}
.popin__max-container {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  min-width: 650px;
  display: inline-block;
  padding: 50px 45px 40px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  opacity: 0;
  text-align: center;
  transform: translate(-50%, -50%) scale(0.8);
  transition: opacity 0.1s, transform 0.4s;
}
.popin__max.visible .popin__max-container {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
  transition: 0.2s;
}
.popin__max-close {
  position: absolute;
  top: 25px;
  right: 25px;
  width: 14px;
  height: 14px;
  cursor: pointer;
}
.popin__max-close span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 17px;
  height: 2px;
  background-color: #484848;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.popin__max-close span + span {
  transform: translate(-50%, -50%) rotate(45deg);
}
.popin__max-title {
  margin-bottom: 20px;
}
.popin__max-contact {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.popin__max-button {
  width: auto;
  margin: 0 15px;
  padding: 14px 40px;
}
@media screen and (max-width: 899px) {
  .popin__max-container {
    min-width: 0;
    width: 90%;
    padding: 40px 20px 35px;
    font-size: 13px;
    line-height: 15.6px;
    font-size: 1.3rem;
    line-height: 1.56rem;
  }
  .popin__max-close {
    top: 20px;
    right: 20px;
  }
  .popin__max-contact {
    flex-wrap: wrap;
  }
  .popin__max-button:first-child {
    margin-bottom: 15px;
  }
  .popin__max-button {
    width: 230px;
    height: 40px;
    padding: 12px;
    font-size: 13px;
    line-height: 15.6px;
    font-size: 1.3rem;
    line-height: 1.56rem;
  }
}
/*** HEADER ***/
.header {
  position: relative;
}
.header__banner {
  width: 100%;
  height: 320px;
  padding: 42px 0;
  background: linear-gradient(to right, #8468f5 20%, #161553);
  background-image: url(/build/images/banner-pain-lg.c7982090.jpg);
  background-size: cover;
  background-position: center;
}
.header__logo {
  display: block;
  text-align: center;
  width: 100%;
  max-width: 180px;
  margin: 0 auto;
  position: relative;
  fill: white;
}
.header__offer {
  margin-top: 85px;
}
.header__offer .header__offer-title {
  font-family: 'Space Grotesk';
  font-size: 20px;
  line-height: 24px;
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 300;
  text-transform: uppercase;
}
.header__offer h1 {
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  line-height: 19.2px;
  font-size: 1.6rem;
  line-height: 1.92rem;
}
.header__offer p {
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  line-height: 19.2px;
  font-size: 1.6rem;
  line-height: 1.92rem;
}
.header__offer p b {
  font-family: 'Space Grotesk';
  font-size: 36px;
  line-height: 43.199999999999996px;
  font-size: 3.6rem;
  line-height: 4.319999999999999rem;
  font-weight: 600;
}
.header__langtop {
  display: flex;
  margin: 0 auto;
  margin-top: 40px;
}
.header__lang {
  display: inline-block;
  padding: 0px 0px 0px 15px;
}
@media screen and (max-width: 599px) {
  .header__banner {
    height: auto;
    padding: 18px 0 57px;
  }
  .header__offer {
    display: none;
  }
  .header__langtop {
    right: 10px;
    top: 5px;
  }
  .header__logo {
    margin-top: 10px;
  }
}
.footer {
  min-height: 230px;
  padding: 20px 0;
  font-size: 13px;
  line-height: 15.6px;
  font-size: 1.3rem;
  line-height: 1.56rem;
}
.footer__container {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.footer__content {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
.footer__item hr {
  margin-bottom: 15px;
}
.footer__item-title {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 35px;
  text-transform: uppercase;
}
.footer__social {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
.footer__social-logo {
  display: block;
  width: 140px;
  padding: 3px;
}
.footer__social-icon {
  margin-right: 10px;
  filter: grayscale(1) brightness(1.8);
  transition: 0.1s;
}
.footer__social-icon:hover {
  filter: none;
}
.footer__infos {
  width: 100%;
  max-width: 375px;
  margin: 0 20px;
}
.footer__infos-links {
  font-weight: 600;
  color: #633dff;
}
.footer__infos-link {
  display: inline-block;
  min-width: 49%;
  padding-right: 15px;
  margin-bottom: 12px;
}
.footer__contact {
  flex-shrink: 0;
}
.footer__contact-link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 12px;
  padding-right: 15px;
  font-weight: 600;
}
.footer__contact-link img {
  margin-right: 12px;
}
.footer__copyrights {
  margin-top: 40px;
  margin-bottom: 5px;
  font-size: 13px;
  line-height: 15.6px;
  font-size: 1.3rem;
  line-height: 1.56rem;
  text-align: center;
  font-weight: 300;
}
/*** LEGALS ***/
.footer__legals {
  display: none;
  margin-bottom: 47px;
}
.page-landing + .footer .footer__legals {
  display: block;
}
.footer__legals-link {
  position: relative;
  display: inline-block;
  padding-right: 24px;
  color: #633dff;
  font-size: 13px;
  line-height: 15.6px;
  font-size: 1.3rem;
  line-height: 1.56rem;
  font-weight: 600;
  cursor: pointer;
}
.footer__legals-link::after {
  content: "";
  position: absolute;
  top: 5px;
  right: 5px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: #484848 transparent transparent transparent;
}
.footer__legals.active .footer__legals-link::after {
  top: 0;
  border-color: transparent transparent #484848 transparent;
}
.footer__legals-content {
  display: none;
  margin-top: 15px;
  font-size: 13px;
  line-height: 15.6px;
  font-size: 1.3rem;
  line-height: 1.56rem;
  line-height: 18px;
  font-weight: 300;
}
.footer__legals.active .footer__legals-content {
  display: block;
}
@media screen and (max-width: 599px) {
  .footer {
    height: auto;
  }
  .footer__content {
    flex-direction: column;
    text-align: center;
  }
  .footer__item {
    margin-bottom: 15px;
  }
  .footer__item hr {
    margin: 10px 0 15px;
  }
  .footer__social {
    display: inline-block;
    margin: 0 auto 20px auto;
  }
  .footer__social-icon {
    margin: 0 5px;
  }
  .footer__infos {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .footer__infos-link {
    display: block;
    padding: 0;
  }
  .footer__contact-link {
    justify-content: center;
    padding: 0;
  }
  .footer__contact-link a {
    min-width: 130px;
    text-align: left;
  }
  .footer__copyrights {
    font-size: 10px;
    line-height: 12px;
    font-size: 1rem;
    line-height: 1.2rem;
    margin-top: 10px;
  }
  .footer__legals {
    display: block;
  }
}
/*** LANDING PAGE ***/
.landing__item {
  display: flex;
}
.landing__item:nth-child(3) .landing__steps-line {
  display: none;
}
.landing__steps {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 15px;
}
.landing__steps-number {
  flex-shrink: 0;
  font-size: 18px;
  line-height: 21.599999999999998px;
  font-size: 1.8rem;
  line-height: 2.1599999999999997rem;
  line-height: 35px;
}
@media screen and (max-width: 599px) {
  .landing__steps-number {
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 18px;
    font-size: 1.5rem;
    line-height: 1.8rem;
    line-height: 25px;
  }
}
.landing__item.active .landing__steps-number {
  border-color: #633dff;
  color: #633dff;
}
.landing__item.done .landing__steps-number {
  background-color: #633dff;
  border-color: #633dff;
  color: #ffffff;
  cursor: pointer;
}
.landing__steps-line {
  width: 0;
  height: 100%;
  border: 0 solid #bababa;
  border-left-width: 1px;
}
.landing__item.active .landing__steps-line {
  border: 0 dashed #633dff;
  border-left-width: 1px;
}
.landing__item.done .landing__steps-line {
  border: 0 solid #633dff;
  border-left-width: 1px;
}
.landing__equipment.done .landing__steps-line {
  border-style: dashed;
}
.landing__item-container {
  width: calc(100% - 55px);
  flex-grow: 1;
}
.landing__item-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.landing__item-title {
  color: #bababa;
}
@media screen and (max-width: 599px) {
  .landing__item-title {
    padding-top: 3px;
    line-height: 25px;
  }
}
.landing__item.done .landing__item-title,
.landing__item.active .landing__item-title {
  color: #633dff;
}
.landing__item-header-modify {
  display: none;
}
.landing__item.done .landing__item-header-modify {
  display: flex;
  flex-shrink: 0;
}
.landing__item-description-active {
  display: none;
  margin-bottom: 20px;
}
.landing__item-description-done {
  display: none;
}
.landing__item.active .landing__item-description-active,
.landing__item.done .landing__item-description-done {
  display: block;
}
.landing__item-content {
  height: auto;
  width: 100%;
  max-height: 0px;
  margin-bottom: 30px;
  overflow: hidden;
  transition: 0.4s;
}
.landing__item.active .landing__item-content {
  max-height: 1000px;
}
.landing__item.active .landing__subscriptions-content {
  max-height: 750px;
}
.landing__item.active .landing__equipment-content {
  max-height: 950px;
}
.landing__item.active .landing__support-content {
  max-height: 400px;
}
@media screen and (max-width: 899px) {
  .landing__steps {
    margin-right: 8px;
  }
  .landing__item.active .landing__equipment-content {
    max-height: 1800px;
  }
  .landing__item.active .landing__support-content {
    max-height: 600px;
  }
  .landing__item-description {
    font-size: 15px;
    line-height: 18px;
    font-size: 1.5rem;
    line-height: 1.8rem;
  }
}
@media screen and (max-width: 599px) {
  .landing__item.done .landing__item-header-modify {
    display: none;
  }
}
/*** SUBSCRIPTION CARDS ***/
.landing__subscriptions-wrapper {
  display: flex;
}
.landing__subscriptions-wrapper-nav {
  display: none;
  justify-content: flex-end;
  align-items: center;
  max-width: 430px;
  margin-top: 24px;
  padding: 5px;
  font-size: 12px;
  line-height: 14.399999999999999px;
  font-size: 1.2rem;
  line-height: 1.44rem;
  text-transform: uppercase;
}
.landing__subscriptions-wrapper-nav-arrow {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 3px solid #484848;
  border-width: 3px 3px 0 0;
  transform: rotate(45deg);
  cursor: pointer;
}
.js-landing__subscriptions-wrapper-nav-arrow-left {
  border-width: 3px 0 0 3px;
  transform: rotate(-45deg);
}
.landing__subscriptions-wrapper-nav.sub--1 .js-landing__subscriptions-wrapper-nav-arrow-left {
  visibility: hidden;
}
.landing__subscriptions-wrapper-nav.sub--1 .js-landing__subscriptions-wrapper-nav-arrow-right {
  visibility: visible;
}
.landing__subscriptions-wrapper-nav.sub--2 .js-landing__subscriptions-wrapper-nav-arrow-left {
  visibility: visible;
}
.landing__subscriptions-wrapper-nav.sub--2 .js-landing__subscriptions-wrapper-nav-arrow-right {
  visibility: visible;
}
.landing__subscriptions-wrapper-nav.sub--3 .js-landing__subscriptions-wrapper-nav-arrow-left {
  visibility: visible;
}
.landing__subscriptions-wrapper-nav.sub--3 .js-landing__subscriptions-wrapper-nav-arrow-right {
  visibility: hidden;
}
.landing__subscriptions-wrapper-nav-text {
  display: inline-block;
  padding: 0 12px;
}
.landing__subscriptions-item {
  width: 50%;
  padding-right: 15px;
}
.subscription__card {
  width: 100%;
  max-width: 430px;
  text-align: center;
}
.subscription__header {
  width: 100%;
  min-height: 100px;
  padding: 21px 15px 10px;
  background-color: #633dff;
  border: 1px solid #633dff;
  border-radius: 8px 8px 0 0;
  color: #ffffff;
}
.subscription__card--blue .subscription__header {
  background-color: #161553;
  border-color: #161553;
}
.subscription__title {
  margin-top: 6px;
  text-transform: uppercase;
}
@media screen and (max-width: 899px) {
  .landing__subscriptions-wrapper {
    justify-content: space-between;
    width: 300%;
    transition: 0.3s;
  }
  .landing__subscriptions-wrapper.sub--1 {
    transform: translateX(0);
  }
  .landing__subscriptions-wrapper.sub--2 {
    transform: translateX(-33%);
  }
  .landing__subscriptions-wrapper.sub--3 {
    transform: translateX(-66%);
  }
  .landing__subscriptions-item {
    padding: 8px;
  }
  .landing__subscriptions-wrapper-nav {
    display: flex;
  }
}
@media screen and (max-width: 899px) {
  .subscription__header {
    min-height: 0px;
    padding: 16px 10px 10px;
  }
  .subscription__header p {
    font-weight: 400;
    font-size: 16px;
    line-height: 19.2px;
    font-size: 1.6rem;
    line-height: 1.92rem;
  }
  .subscription__title {
    margin-top: 3px;
    font-size: 20px;
    line-height: 24px;
    font-size: 2rem;
    line-height: 2.4rem;
  }
}
.subscription__content {
  width: 100%;
  padding: 10px 20px 33px;
  background-color: #ffffff;
  border: 1px solid #633dff;
  border-radius: 0 0 8px 8px;
  border-top-width: 0px;
}
.subscription__card--blue .subscription__content {
  border-color: #161553;
}
.subscription__advantages {
  margin-bottom: 35px;
  font-weight: 600;
}
.subscription__advantages-item {
  padding: 5px 0;
  font-size: small;
}
.subscription__label {
  margin-bottom: 20px;
}
.subscription__price {
  margin-bottom: 35px;
}
.subscription__finalprice {
  display: block;
  font-size: 18px;
  line-height: 21.599999999999998px;
  font-size: 1.8rem;
  line-height: 2.1599999999999997rem;
}
.subscription__finalprice b {
  font-family: "Space Grotesk";
  font-size: 45px;
  line-height: 54px;
  font-size: 4.5rem;
  line-height: 5.4rem;
  font-weight: 600;
}
.subscription__realprice {
  display: block;
  font-size: 13px;
  line-height: 15.6px;
  font-size: 1.3rem;
  line-height: 1.56rem;
}
.subscription__accounts {
  font-size: 13px;
  line-height: 15.6px;
  font-size: 1.3rem;
  line-height: 1.56rem;
}
.subscription__accounts-text {
  text-transform: uppercase;
}
.subscription__accounts-select {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
}
.subscription__validate {
  margin-top: 30px;
}
@media screen and (max-width: 899px) {
  .subscription__advantages {
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 14.399999999999999px;
    font-size: 1.2rem;
    line-height: 1.44rem;
  }
  .subscription__advantages-item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    padding: 0;
    font-size: small;
  }
  .subscription__label {
    margin-bottom: 10px;
  }
  .subscription__finalprice b {
    font-size: 35px;
    line-height: 42px;
    font-size: 3.5rem;
    line-height: 4.2rem;
  }
}
/*** EQUIPMENT CARDS ***/
.landing__equipment-check {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 50px;
  font-size: 16px;
  line-height: 19.2px;
  font-size: 1.6rem;
  line-height: 1.92rem;
  cursor: pointer;
}
.landing__equipment-check p {
  max-width: calc(100% - 33px);
}
.landing__equipment-check-input {
  margin-right: 10px;
}
.landing__equipment-wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  max-height: 0;
  overflow: hidden;
  transition: 0.3s;
}
.landing__equipment-wrapper.active {
  max-height: 1000px;
}
.landing__materials-check {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 50px;
  font-weight: bold;
  font-size: 16px;
  line-height: 19.2px;
  font-size: 1.6rem;
  line-height: 1.92rem;
}
.landing__materials-check img {
  fill: #633dff;
}
.landing__materials-check-input {
  margin-right: 10px;
  color: #633dff;
}
.landing__materials-check-input input[type="radio"] {
  margin: 0 10px 0 50px;
  cursor: pointer;
}
.landing__materials-check-input label {
  cursor: pointer;
}
.landing__materials-wrapper {
  display: none;
}
.landing__materials-wrapper.active {
  display: flex;
}
.equipment__card {
  width: 49%;
  max-width: 475px;
  margin-bottom: 40px;
  text-align: center;
}
.equipment__card:first-child {
  margin-right: 15px;
}
.equipment__header {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 55px;
  padding: 12px 10px;
  background-color: #633dff;
  border: 1px solid #633dff;
  border-radius: 8px 8px 0 0;
  color: #ffffff;
}
.equipment__title {
  text-transform: uppercase;
  font-weight: 300;
}
@media screen and (max-width: 899px) {
  .landing__equipment-check {
    align-items: flex-start;
    margin-bottom: 25px;
    font-size: 13px;
    line-height: 15.6px;
    font-size: 1.3rem;
    line-height: 1.56rem;
  }
  .landing__equipment-check p {
    line-height: 22px;
  }
  .landing__materials-check {
    width: auto;
    display: grid;
    justify-content: space-evenly;
    margin-bottom: 25px;
    font-size: 13px;
    line-height: 15.6px;
    font-size: 1.3rem;
    line-height: 1.56rem;
  }
  .landing__materials-check p {
    text-align: center;
    width: auto;
    margin-bottom: 15px;
    justify-content: space-evenly;
  }
  .landing__materials-check img {
    margin-left: auto;
    margin-right: auto;
    justify-content: space-evenly;
    display: block;
    margin-bottom: 15px;
  }
  .landing__materials-check p {
    line-height: 22px;
  }
  .landing__materials-check-input {
    display: flex;
    margin-left: 0px;
    margin-right: 0px;
    align-items: center;
    justify-content: space-evenly;
  }
  .landing__materials-check-input input[type="radio"] {
    margin: 0 -18px 0 0px;
    cursor: pointer;
  }
  .landing__materials-infos {
    display: flex;
    margin-left: 0px;
    margin-right: 0px;
    align-items: center;
    justify-content: center;
  }
  .landing__equipment-wrapper {
    flex-wrap: wrap;
  }
  .landing__equipment-wrapper.active {
    max-height: 1600px;
  }
  .equipment__card {
    width: 100%;
  }
  .equipment__card:first-child {
    margin: 0 0 24px 0;
  }
  .equipment__header {
    padding: 10px 10px 7px;
  }
  .equipment__validate {
    margin-top: 20px;
  }
}
.equipment__content {
  width: 100%;
  padding: 25px 20px 35px;
  background-color: #ffffff;
  border: 1px solid #633dff;
  border-radius: 0 0 8px 8px;
  border-top-width: 0px;
}
.equipment__usage {
  width: 100%;
  padding: 14px;
  background-color: rgba(124, 82, 161, 0.05);
  font-family: "Space Grotesk";
  color: #633dff;
  text-transform: uppercase;
  font-weight: 500;
}
.equipment__price {
  margin: 30px 0 15px 0;
}
.equipment__finalprice b {
  font-family: "Space Grotesk";
  font-size: 45px;
  line-height: 54px;
  font-size: 4.5rem;
  line-height: 5.4rem;
}
.equipment__images-container {
  padding-bottom: 30px;
  overflow: hidden;
}
.equipment__images-content {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  transition: 0.3s;
}
.equipment__images-item {
  width: 30%;
  font-size: 13px;
  line-height: 15.6px;
  font-size: 1.3rem;
  line-height: 1.56rem;
}
.equipment__images-item p {
  min-height: 50px;
  margin: 10px 0;
  padding: 0 10px;
}
.equipment__images-item-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90%;
  max-width: 135px;
  height: 100px;
  padding: 8px;
  margin: 0 auto;
  border-radius: 1px;
  box-shadow: 0 1px 0px rgba(0, 0, 0, 0);
  border: 1px solid #e7e7e7;
}
.equipment__images-item-img img {
  max-width: 100%;
  max-height: 100%;
}
.equipment__images-nav {
  display: none;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
}
.equipment__images-nav-text {
  font-size: 13px;
  line-height: 15.6px;
  font-size: 1.3rem;
  line-height: 1.56rem;
}
.equipment__images-nav-arrow {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 3px solid #484848;
  border-width: 3px 3px 0 0;
  transform: rotate(45deg);
  cursor: pointer;
}
.js-equipment__images-nav-arrow-left {
  border-width: 3px 0 0 3px;
  transform: rotate(-45deg);
}
.equip--1 .js-equipment__images-nav-arrow-left {
  border-color: #bababa;
}
.equip--3 .js-equipment__images-nav-arrow-right {
  border-color: #bababa;
}
@media screen and (max-width: 599px) {
  .equipment__content {
    padding: 12px 16px 25px;
  }
  .equipment__images-content {
    justify-content: flex-start;
    width: 200%;
  }
  .equipment__images-content.equip--1 {
    transform: translateX(0);
  }
  .equipment__images-content.equip--2 {
    transform: translateX(-25%);
  }
  .equipment__images-content.equip--3 {
    transform: translateX(-50%);
  }
  .equipment__images-item {
    width: 25%;
  }
  .equipment__images-nav {
    display: flex;
  }
}
.equipment__pdf {
  display: inline-block;
  font-size: 13px;
  line-height: 15.6px;
  font-size: 1.3rem;
  line-height: 1.56rem;
  font-weight: 600;
  color: #633dff;
}
.equipment__secondPdf {
  display: inline-block;
  margin-bottom: 45px;
  font-size: 13px;
  line-height: 15.6px;
  font-size: 1.3rem;
  line-height: 1.56rem;
  font-weight: 600;
  color: #633dff;
}
.equipment__footer {
  display: flex;
  justify-content: center;
}
.equipment__footer-label {
  font-size: 13px;
  line-height: 15.6px;
  font-size: 1.3rem;
  line-height: 1.56rem;
  text-transform: uppercase;
}
.equipment__quantity {
  width: 50%;
}
.equipment__quantity-select {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
}
.equipment__total {
  width: 50%;
}
.equipment__total-price {
  margin-top: 15px;
  font-family: "Space Grotesk";
  font-size: 35px;
  line-height: 42px;
  font-size: 3.5rem;
  line-height: 4.2rem;
  font-weight: 600;
  color: #633dff;
}
.equipment__validate {
  float: right;
  margin-top: 30px;
}
@media screen and (max-width: 899px) {
  .equipment__usage {
    padding: 8px;
    text-transform: none;
    font-size: 15px;
    line-height: 18px;
    font-size: 1.5rem;
    line-height: 1.8rem;
  }
  .equipment__quantity-button {
    width: 32px;
    height: 32px;
    line-height: 28px;
  }
  .equipment__finalprice b {
    font-size: 35px;
    line-height: 42px;
    font-size: 3.5rem;
    line-height: 4.2rem;
  }
  .equipment__total-price {
    margin-top: 20px;
    font-size: 20px;
    line-height: 24px;
    font-size: 2rem;
    line-height: 2.4rem;
  }
}
@media screen and (max-width: 599px) {
  .equipment__pdf {
    font-size: 10px;
    line-height: 12px;
    font-size: 1rem;
    line-height: 1.2rem;
  }
  .equipment__secondPdf {
    font-size: 10px;
    line-height: 12px;
    font-size: 1rem;
    line-height: 1.2rem;
  }
}
/*** SUPPORT ***/
.landing__support-description {
  margin-bottom: 4px;
  font-weight: 600;
}
.landing__support-list-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 50px;
}
.landing__support-list {
  margin-top: 8px;
  list-style-type: disc;
  font-size: 16px;
  line-height: 19.2px;
  font-size: 1.6rem;
  line-height: 1.92rem;
}
.landing__support-list li {
  line-height: 25px;
}
.landing__support-list-included {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding-left: 16px;
  font-size: 16px;
  line-height: 19.2px;
  font-size: 1.6rem;
  line-height: 1.92rem;
}
.landing__support-list-included-icon {
  margin-right: 8px;
  vertical-align: middle;
}
.landing__support-infobox {
  margin-bottom: 12px;
  line-height: 25px;
}
.support__validate {
  float: right;
  margin-top: 30px;
}
#subscription_plan {
  visibility: hidden;
  height: 0;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 899px) {
  .landing__support-list {
    width: 100%;
    font-size: 13px;
    line-height: 15.6px;
    font-size: 1.3rem;
    line-height: 1.56rem;
  }
  .landing__support-list-included {
    margin-top: 20px;
    font-size: 13px;
    line-height: 15.6px;
    font-size: 1.3rem;
    line-height: 1.56rem;
  }
}
@media screen and (max-width: 599px) {
  .landing__support-list-container {
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-bottom: 20px;
  }
  .landing__support-description {
    font-weight: 400;
  }
  .landing__support-infobox b {
    font-weight: 400;
  }
}
.cart__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.cart__header-title {
  font-weight: 600;
}
.cart__content hr,
.cart__content-total hr {
  border: 1px solid #d7cbe2;
}
.cart__content-subscription,
.cart__content-equipment {
  display: flex;
}
.cart__content-equipment {
  margin-top: 30px;
}
.cart__discount-detail {
  text-align: right;
  font-size: 13px;
  line-height: 15.6px;
  font-size: 1.3rem;
  line-height: 1.56rem;
}
.cart__item--title {
  width: 32%;
}
.cart__item--price {
  width: 19%;
}
.cart__item--number {
  width: 22%;
}
.cart__item--subtotal {
  width: 27%;
}
.cart__product {
  line-height: 20px;
}
.cart__product-name {
  font-weight: 600;
  text-transform: uppercase;
}
.cart__product-text {
  text-transform: uppercase;
}
.cart__discount {
  color: #633dff;
}
.cart__content-total {
  float: right;
  width: 100%;
  max-width: 370px;
  margin-bottom: 50px;
  text-align: right;
  font-size: 13px;
  line-height: 15.6px;
  font-size: 1.3rem;
  line-height: 1.56rem;
  line-height: 25px;
}
.cart__content-total-line {
  display: flex;
  justify-content: flex-end;
}
.cart__total-label {
  color: #633dff;
}
.cart__total-price {
  min-width: 140px;
  font-weight: 600;
}
.cart__content-total-ttc {
  font-weight: 600;
}
.cart__validate {
  margin-top: 30px;
}
.cart__item .table__content {
  align-items: flex-start;
}
.cart__content-coupon {
  display: inline-flex;
  width: max-content;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 10px 5px 10px;
}
.cart__content-coupon input {
  font-size: 1.2rem;
  width: 120px;
  margin-right: 15px;
}
.cart__content-coupon div {
  font-size: 1.2rem;
}
.cart__content-coupon p {
  width: auto;
  margin-bottom: 0px;
  margin-right: 15px;
}
.cart__couponTerms-check {
  cursor: pointer;
  font-size: small;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.cart__couponTerms-check p {
  max-width: calc(100% - 33px);
}
.js-cart__reload {
  width: auto;
  background-color: #e2ddf8;
  border: 1px solid #e2ddf8;
}
.form-error {
  margin-left: 15px;
}
.footer__legals {
  display: block;
}
@media screen and (max-width: 899px) {
  .cart__content-coupon {
    width: auto;
    display: grid;
    justify-content: space-evenly;
  }
  .cart__content-coupon p {
    justify-content: space-evenly;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 0px;
  }
  .cart__content-coupon input {
    font-size: 1.2rem;
    width: auto;
    margin-right: 0px;
    margin-bottom: 10px;
  }
  .cart__couponTerms-check {
    margin-top: 12px;
  }
  .form-error {
    margin-left: 0px;
    justify-content: space-evenly;
  }
  .js-cart__reload {
    margin-bottom: 10px;
  }
}
@media (max-width: 599px) {
  .cart__content-subscription,
  .cart__content-equipment {
    flex-wrap: wrap;
  }
  .cart__item {
    width: 100%;
  }
  .cart__item .table__header {
    text-align: left;
  }
  .cart__item--subtotal .table__header {
    text-align: right;
  }
  .cart__item--price .table__header {
    display: none;
  }
  .cart__item--price .table__content {
    padding-top: 0;
  }
}
.customer__header {
  margin-bottom: 15px;
}
.customer__intro {
  line-height: 25px;
}
.customer__intro-bold {
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 21.599999999999998px;
  font-size: 1.8rem;
  line-height: 2.1599999999999997rem;
  font-weight: 600;
}
.customer__form {
  margin-top: 24px;
}
.customer__form-content {
  margin-bottom: 30px;
}
.customer__form-radios {
  margin-top: 30px;
}
.customer__validate {
  margin-top: 30px;
  margin-bottom: 20px;
}
.customer__connect {
  clear: both;
  display: block;
  text-align: right;
  font-size: 13px;
  line-height: 15.6px;
  font-size: 1.3rem;
  line-height: 1.56rem;
}
.customer__connect-link {
  font-weight: bold;
}
@media (max-width: 599px) {
  .customer__intro-bold {
    font-size: 15px;
    line-height: 18px;
    font-size: 1.5rem;
    line-height: 1.8rem;
  }
  .customer__connect {
    text-align: center;
  }
}
.client__header {
  margin-bottom: 15px;
}
.client__form {
  margin-top: 24px;
}
.client__form-title {
  margin-bottom: 5px;
  text-transform: uppercase;
}
.client__form-content {
  margin-bottom: 30px;
}
.client__validate {
  margin-top: 30px;
}
.iti {
  width: 100%;
}
.shipping {
  flex-grow: 1;
}
.shipping__header {
  margin-bottom: 20px;
}
.shipping__form-content {
  margin-bottom: 30px;
}
.shipping__form-title {
  margin-bottom: 15px;
}
.shipping__form-switch {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.shipping__field-switch {
  display: inline-flex;
  align-items: center;
}
.shipping__form-switch p {
  margin-left: 15px;
}
.shipping__validate {
  margin-top: 30px;
}
.payment__header {
  margin-bottom: 20px;
}
.payment {
  flex: 1;
}
.payment__form-title {
  margin-bottom: 15px;
}
.payment__check {
  display: flex;
  align-items: center;
}
.payment__check-link {
  font-weight: 600;
}
.payment__validate {
  margin-top: 30px;
}
.payment__legals-content {
  margin-top: 15px;
  display: inline-block;
  font-size: 10px;
  line-height: 12px;
  font-size: 1rem;
  line-height: 1.2rem;
  line-height: 18px;
  font-weight: 300;
}
.payment__sepa-check-input {
  margin-right: 10px;
}
.payment__sepa-wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  max-height: 0;
  overflow: hidden;
  transition: 0.3s;
}
.payment__sepa-wrapper.active {
  max-height: 1000px;
}
.payment__tab {
  overflow: hidden;
  background-color: #ffffff;
}
.payment__tab :hover {
  background-color: #faf6fa;
}
.payment__tab button {
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  padding: 14px 14px;
  width: 50%;
}
.payment__content {
  display: none;
}
.payment__tablinks {
  background-color: #ffffff;
  color: #999999;
}
.payment__tab_active {
  background-color: #faf6fa;
  color: #633dff;
}
.payment__title {
  font-size: 14px;
  line-height: 16.8px;
  font-size: 1.4rem;
  line-height: 1.6800000000000002rem;
}
@media screen and (max-width: 1199px) {
  .payment__title {
    font-size: 12px;
    line-height: 14.399999999999999px;
    font-size: 1.2rem;
    line-height: 1.44rem;
  }
}
@media screen and (max-width: 899px) {
  .payment__title {
    font-size: 8px;
    line-height: 9.6px;
    font-size: 0.8rem;
    line-height: 0.96rem;
  }
}
@media screen and (max-width: 899px) {
  .pf {
    display: none;
  }
  .payment__tab button {
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.confirmation {
  text-align: center;
  line-height: 25px;
}
.confirmation__header {
  margin-bottom: 20px;
}
.confirmation__message {
  margin-bottom: 20px;
  text-transform: uppercase;
}
.confirmation__infobox {
  margin-bottom: 40px;
  text-align: left;
}
.confirmation__help .link {
  font-weight: 600;
}
.page-terms-conditions {
  padding-bottom: 150px;
}
.terms-conditions__title {
  margin-bottom: 40px;
  text-align: center;
}
.terms-conditions__content {
  font-size: 16px;
  line-height: 19.2px;
  font-size: 1.6rem;
  line-height: 1.92rem;
  line-height: 25px;
}
.terms-conditions__content-title {
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 10px;
}
@media screen and (max-width: 899px) {
  .page-terms-conditions {
    padding-bottom: 100px;
  }
  .terms-conditions__content {
    font-size: 14px;
    line-height: 16.8px;
    font-size: 1.4rem;
    line-height: 1.6800000000000002rem;
    line-height: 25px;
  }
}
.page-faq {
  padding-bottom: 250px;
}
.faq__title {
  margin-bottom: 40px;
  text-align: center;
}
.faq__content {
  font-size: 16px;
  line-height: 19.2px;
  font-size: 1.6rem;
  line-height: 1.92rem;
  line-height: 25px;
}
.faq__content b {
  font-size: 18px;
  line-height: 21.599999999999998px;
  font-size: 1.8rem;
  line-height: 2.1599999999999997rem;
  line-height: 40px;
}
.faq__item {
  position: relative;
  width: 100%;
  min-height: 60px;
  padding: 0 6px;
  margin-bottom: 8px;
  border: 1px solid #bababa;
}
.faq__item::after {
  content: "";
  position: absolute;
  top: 21px;
  right: 26px;
  width: 14px;
  height: 14px;
  border: 3px solid #484848;
  border-width: 3px 3px 0 0;
  transform: rotate(135deg);
}
.faq__item.active::after {
  top: 28px;
  transform: rotate(-45deg);
}
.faq__item-title {
  padding: 16px 40px 16px 10px;
  cursor: pointer;
}
.faq__item-category {
  margin-right: 16px;
  line-height: 30px;
  font-weight: 300;
}
.faq__item-name {
  line-height: 30px;
  color: #633dff;
}
.faq__item-content {
  display: none;
  padding: 28px 10px 16px;
  border-top: 1px solid #faf6fa;
}
.login__header {
  margin-bottom: 30px;
  text-align: center;
}
.login__validate {
  display: block;
  margin: 35px auto 25px auto;
}
.login__resetpassword {
  text-align: center;
  font-weight: 600;
}
.activation__header {
  text-align: center;
}
.activation__header-title {
  margin-bottom: 20px;
}
.activation__header-description {
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 21.599999999999998px;
  font-size: 1.8rem;
  line-height: 2.1599999999999997rem;
  line-height: 25px;
}
.activation__content {
  width: 100%;
  max-width: 340px;
  margin: 0 auto;
}
.activation__infobox {
  width: 100%;
  max-width: 340px;
  margin: 0 auto;
}
.activation__documentation {
  margin-top: 40px;
  text-align: center;
  font-size: 13px;
  line-height: 15.6px;
  font-size: 1.3rem;
  line-height: 1.56rem;
}
.activation__documentation-link {
  font-weight: 600;
}
.activation__requirements {
  font-size: 10px;
  line-height: 12px;
  font-size: 1rem;
  line-height: 1.2rem;
  line-height: 16px;
  opacity: 0.8;
}
.activation__validate {
  display: block;
  margin: 40px auto 0 auto;
}
.resetpwd__header {
  text-align: center;
}
.resetpwd__header-title {
  margin-bottom: 20px;
}
.resetpwd__header-description {
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 21.599999999999998px;
  font-size: 1.8rem;
  line-height: 2.1599999999999997rem;
  line-height: 25px;
}
.resetpwd__content {
  width: 100%;
  max-width: 340px;
  margin: 0 auto;
}
.resetpwd__infobox {
  width: 100%;
  max-width: 340px;
  margin: 0 auto;
}
.resetpwd__documentation {
  margin-top: 40px;
  text-align: center;
  font-size: 13px;
  line-height: 15.6px;
  font-size: 1.3rem;
  line-height: 1.56rem;
}
.resetpwd__documentation-link {
  font-weight: 600;
}
.resetpwd__requirements {
  font-size: 10px;
  line-height: 12px;
  font-size: 1rem;
  line-height: 1.2rem;
  line-height: 16px;
  opacity: 0.8;
}
.resetpwd__reset {
  display: block;
  margin: 24px auto 0 auto;
}
.resetpwd__validate {
  display: block;
  margin: 40px auto 0 auto;
}