@font-face{font-family:'webflow-icons';src:url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype');font-weight:normal;font-style:normal}[class^="w-icon-"],[class*=" w-icon-"]{font-family:'webflow-icons' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.w-icon-slider-right:before{content:"\e600"}.w-icon-slider-left:before{content:"\e601"}.w-icon-nav-menu:before{content:"\e602"}.w-icon-arrow-down:before,.w-icon-dropdown-toggle:before{content:"\e603"}.w-icon-file-upload-remove:before{content:"\e900"}.w-icon-file-upload-icon:before{content:"\e903"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;background-color:#fff;font-family:Arial,sans-serif;font-size:14px;line-height:20px;color:#333}img{max-width:100%;vertical-align:middle;display:inline-block}html.w-mod-touch *{background-attachment:scroll !important}.w-block{display:block}.w-inline-block{max-width:100%;display:inline-block}.w-clearfix:before,.w-clearfix:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-clearfix:after{clear:both}.w-hidden{display:none}.w-button{display:inline-block;padding:9px 15px;background-color:#3898EC;color:white;border:0;line-height:inherit;text-decoration:none;cursor:pointer;border-radius:0}input.w-button{-webkit-appearance:button}html[data-w-dynpage] [data-w-cloak]{color:transparent !important}.w-webflow-badge,.w-webflow-badge *{position:static;left:auto;top:auto;right:auto;bottom:auto;z-index:auto;display:block;visibility:visible;overflow:visible;overflow-x:visible;overflow-y:visible;box-sizing:border-box;width:auto;height:auto;max-height:none;max-width:none;min-height:0;min-width:0;margin:0;padding:0;float:none;clear:none;border:0 none transparent;border-radius:0;background:none;background-image:none;background-position:0% 0%;background-size:auto auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:transparent;box-shadow:none;opacity:1;transform:none;transition:none;direction:ltr;font-family:inherit;font-weight:inherit;color:inherit;font-size:inherit;line-height:inherit;font-style:inherit;font-variant:inherit;text-align:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:0;text-transform:inherit;list-style-type:disc;text-shadow:none;font-smoothing:auto;vertical-align:baseline;cursor:inherit;white-space:inherit;word-break:normal;word-spacing:normal;word-wrap:normal}.w-webflow-badge{position:fixed !important;display:inline-block !important;visibility:visible !important;z-index:2147483647 !important;top:auto !important;right:12px !important;bottom:12px !important;left:auto !important;color:#AAADB0 !important;background-color:#fff !important;border-radius:3px !important;padding:6px 8px 6px 6px !important;font-size:12px !important;opacity:1 !important;line-height:14px !important;text-decoration:none !important;transform:none !important;margin:0 !important;width:auto !important;height:auto !important;overflow:visible !important;white-space:nowrap;box-shadow:0 0 0 1px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.1);cursor:pointer}.w-webflow-badge>img{display:inline-block !important;visibility:visible !important;opacity:1 !important;vertical-align:middle !important}h1,h2,h3,h4,h5,h6{font-weight:bold;margin-bottom:10px}h1{font-size:38px;line-height:44px;margin-top:20px}h2{font-size:32px;line-height:36px;margin-top:20px}h3{font-size:24px;line-height:30px;margin-top:20px}h4{font-size:18px;line-height:24px;margin-top:10px}h5{font-size:14px;line-height:20px;margin-top:10px}h6{font-size:12px;line-height:18px;margin-top:10px}p{margin-top:0;margin-bottom:10px}blockquote{margin:0 0 10px 0;padding:10px 20px;border-left:5px solid #E2E2E2;font-size:18px;line-height:22px}figure{margin:0;margin-bottom:10px}figcaption{margin-top:5px;text-align:center}ul,ol{margin-top:0px;margin-bottom:10px;padding-left:40px}.w-list-unstyled{padding-left:0;list-style:none}.w-embed:before,.w-embed:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-embed:after{clear:both}.w-video{width:100%;position:relative;padding:0}.w-video iframe,.w-video object,.w-video embed{position:absolute;top:0;left:0;width:100%;height:100%;border:none}fieldset{padding:0;margin:0;border:0}button,[type='button'],[type='reset']{border:0;cursor:pointer;-webkit-appearance:button}.w-form{margin:0 0 15px}.w-form-done{display:none;padding:20px;text-align:center;background-color:#dddddd}.w-form-fail{display:none;margin-top:10px;padding:10px;background-color:#ffdede}label{display:block;margin-bottom:5px;font-weight:bold}.w-input,.w-select{display:block;width:100%;height:38px;padding:8px 12px;margin-bottom:10px;font-size:14px;line-height:1.42857143;color:#333333;vertical-align:middle;background-color:#ffffff;border:1px solid #cccccc}.w-input:-moz-placeholder,.w-select:-moz-placeholder{color:#999}.w-input::-moz-placeholder,.w-select::-moz-placeholder{color:#999;opacity:1}.w-input:-ms-input-placeholder,.w-select:-ms-input-placeholder{color:#999}.w-input::-webkit-input-placeholder,.w-select::-webkit-input-placeholder{color:#999}.w-input:focus,.w-select:focus{border-color:#3898EC;outline:0}.w-input[disabled],.w-select[disabled],.w-input[readonly],.w-select[readonly],fieldset[disabled] .w-input,fieldset[disabled] .w-select{cursor:not-allowed}.w-input[disabled]:not(.w-input-disabled),.w-select[disabled]:not(.w-input-disabled),.w-input[readonly],.w-select[readonly],fieldset[disabled]:not(.w-input-disabled) .w-input,fieldset[disabled]:not(.w-input-disabled) .w-select{background-color:#eeeeee}textarea.w-input,textarea.w-select{height:auto}.w-select{background-color:#f3f3f3}.w-select[multiple]{height:auto}.w-form-label{display:inline-block;cursor:pointer;font-weight:normal;margin-bottom:0px}.w-radio{display:block;margin-bottom:5px;padding-left:20px}.w-radio:before,.w-radio:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-radio:after{clear:both}.w-radio-input{margin:4px 0 0;margin-top:1px \9;line-height:normal;float:left;margin-left:-20px}.w-radio-input{margin-top:3px}.w-file-upload{display:block;margin-bottom:10px}.w-file-upload-input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-100}.w-file-upload-default,.w-file-upload-uploading,.w-file-upload-success{display:inline-block;color:#333333}.w-file-upload-error{display:block;margin-top:10px}.w-file-upload-default.w-hidden,.w-file-upload-uploading.w-hidden,.w-file-upload-error.w-hidden,.w-file-upload-success.w-hidden{display:none}.w-file-upload-uploading-btn{display:flex;font-size:14px;font-weight:normal;cursor:pointer;margin:0;padding:8px 12px;border:1px solid #cccccc;background-color:#fafafa}.w-file-upload-file{display:flex;flex-grow:1;justify-content:space-between;margin:0;padding:8px 9px 8px 11px;border:1px solid #cccccc;background-color:#fafafa}.w-file-upload-file-name{font-size:14px;font-weight:normal;display:block}.w-file-remove-link{margin-top:3px;margin-left:10px;width:auto;height:auto;padding:3px;display:block;cursor:pointer}.w-icon-file-upload-remove{margin:auto;font-size:10px}.w-file-upload-error-msg{display:inline-block;color:#ea384c;padding:2px 0}.w-file-upload-info{display:inline-block;line-height:38px;padding:0 12px}.w-file-upload-label{display:inline-block;font-size:14px;font-weight:normal;cursor:pointer;margin:0;padding:8px 12px;border:1px solid #cccccc;background-color:#fafafa}.w-icon-file-upload-icon,.w-icon-file-upload-uploading{display:inline-block;margin-right:8px;width:20px}.w-icon-file-upload-uploading{height:20px}.w-container{margin-left:auto;margin-right:auto;max-width:940px}.w-container:before,.w-container:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-container:after{clear:both}.w-container .w-row{margin-left:-10px;margin-right:-10px}.w-row:before,.w-row:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-row:after{clear:both}.w-row .w-row{margin-left:0;margin-right:0}.w-col{position:relative;float:left;width:100%;min-height:1px;padding-left:10px;padding-right:10px}.w-col .w-col{padding-left:0;padding-right:0}.w-col-1{width:8.33333333%}.w-col-2{width:16.66666667%}.w-col-3{width:25%}.w-col-4{width:33.33333333%}.w-col-5{width:41.66666667%}.w-col-6{width:50%}.w-col-7{width:58.33333333%}.w-col-8{width:66.66666667%}.w-col-9{width:75%}.w-col-10{width:83.33333333%}.w-col-11{width:91.66666667%}.w-col-12{width:100%}.w-hidden-main{display:none !important}@media screen and (max-width:991px){.w-container{max-width:728px}.w-hidden-main{display:inherit !important}.w-hidden-medium{display:none !important}.w-col-medium-1{width:8.33333333%}.w-col-medium-2{width:16.66666667%}.w-col-medium-3{width:25%}.w-col-medium-4{width:33.33333333%}.w-col-medium-5{width:41.66666667%}.w-col-medium-6{width:50%}.w-col-medium-7{width:58.33333333%}.w-col-medium-8{width:66.66666667%}.w-col-medium-9{width:75%}.w-col-medium-10{width:83.33333333%}.w-col-medium-11{width:91.66666667%}.w-col-medium-12{width:100%}.w-col-stack{width:100%;left:auto;right:auto}}@media screen and (max-width:767px){.w-hidden-main{display:inherit !important}.w-hidden-medium{display:inherit !important}.w-hidden-small{display:none !important}.w-row,.w-container .w-row{margin-left:0;margin-right:0}.w-col{width:100%;left:auto;right:auto}.w-col-small-1{width:8.33333333%}.w-col-small-2{width:16.66666667%}.w-col-small-3{width:25%}.w-col-small-4{width:33.33333333%}.w-col-small-5{width:41.66666667%}.w-col-small-6{width:50%}.w-col-small-7{width:58.33333333%}.w-col-small-8{width:66.66666667%}.w-col-small-9{width:75%}.w-col-small-10{width:83.33333333%}.w-col-small-11{width:91.66666667%}.w-col-small-12{width:100%}}@media screen and (max-width:479px){.w-container{max-width:none}.w-hidden-main{display:inherit !important}.w-hidden-medium{display:inherit !important}.w-hidden-small{display:inherit !important}.w-hidden-tiny{display:none !important}.w-col{width:100%}.w-col-tiny-1{width:8.33333333%}.w-col-tiny-2{width:16.66666667%}.w-col-tiny-3{width:25%}.w-col-tiny-4{width:33.33333333%}.w-col-tiny-5{width:41.66666667%}.w-col-tiny-6{width:50%}.w-col-tiny-7{width:58.33333333%}.w-col-tiny-8{width:66.66666667%}.w-col-tiny-9{width:75%}.w-col-tiny-10{width:83.33333333%}.w-col-tiny-11{width:91.66666667%}.w-col-tiny-12{width:100%}}.w-widget{position:relative}.w-widget-map{width:100%;height:400px}.w-widget-map label{width:auto;display:inline}.w-widget-map img{max-width:inherit}.w-widget-map .gm-style-iw{text-align:center}.w-widget-map .gm-style-iw>button{display:none !important}.w-widget-twitter{overflow:hidden}.w-widget-twitter-count-shim{display:inline-block;vertical-align:top;position:relative;width:28px;height:20px;text-align:center;background:white;border:#758696 solid 1px;border-radius:3px}.w-widget-twitter-count-shim *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-widget-twitter-count-shim .w-widget-twitter-count-inner{position:relative;font-size:15px;line-height:12px;text-align:center;color:#999;font-family:serif}.w-widget-twitter-count-shim .w-widget-twitter-count-clear{position:relative;display:block}.w-widget-twitter-count-shim.w--large{width:36px;height:28px}.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner{font-size:18px;line-height:18px}.w-widget-twitter-count-shim:not(.w--vertical){margin-left:5px;margin-right:8px}.w-widget-twitter-count-shim:not(.w--vertical).w--large{margin-left:6px}.w-widget-twitter-count-shim:not(.w--vertical):before,.w-widget-twitter-count-shim:not(.w--vertical):after{top:50%;left:0;border:solid transparent;content:' ';height:0;width:0;position:absolute;pointer-events:none}.w-widget-twitter-count-shim:not(.w--vertical):before{border-color:rgba(117,134,150,0);border-right-color:#5d6c7b;border-width:4px;margin-left:-9px;margin-top:-4px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:before{border-width:5px;margin-left:-10px;margin-top:-5px}.w-widget-twitter-count-shim:not(.w--vertical):after{border-color:rgba(255,255,255,0);border-right-color:white;border-width:4px;margin-left:-8px;margin-top:-4px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:after{border-width:5px;margin-left:-9px;margin-top:-5px}.w-widget-twitter-count-shim.w--vertical{width:61px;height:33px;margin-bottom:8px}.w-widget-twitter-count-shim.w--vertical:before,.w-widget-twitter-count-shim.w--vertical:after{top:100%;left:50%;border:solid transparent;content:' ';height:0;width:0;position:absolute;pointer-events:none}.w-widget-twitter-count-shim.w--vertical:before{border-color:rgba(117,134,150,0);border-top-color:#5d6c7b;border-width:5px;margin-left:-5px}.w-widget-twitter-count-shim.w--vertical:after{border-color:rgba(255,255,255,0);border-top-color:white;border-width:4px;margin-left:-4px}.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner{font-size:18px;line-height:22px}.w-widget-twitter-count-shim.w--vertical.w--large{width:76px}.w-background-video{position:relative;overflow:hidden;height:500px;color:white}.w-background-video>video{background-size:cover;background-position:50% 50%;position:absolute;margin:auto;width:100%;height:100%;right:-100%;bottom:-100%;top:-100%;left:-100%;object-fit:cover;z-index:-100}.w-background-video>video::-webkit-media-controls-start-playback-button{display:none !important;-webkit-appearance:none}.w-background-video--control{position:absolute;bottom:1em;right:1em;background-color:transparent;padding:0}.w-background-video--control>[hidden]{display:none !important}.w-slider{position:relative;height:300px;text-align:center;background:#dddddd;clear:both;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}.w-slider-mask{position:relative;display:block;overflow:hidden;z-index:1;left:0;right:0;height:100%;white-space:nowrap}.w-slide{position:relative;display:inline-block;vertical-align:top;width:100%;height:100%;white-space:normal;text-align:left}.w-slider-nav{position:absolute;z-index:2;top:auto;right:0;bottom:0;left:0;margin:auto;padding-top:10px;height:40px;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}.w-slider-nav.w-round>div{border-radius:100%}.w-slider-nav.w-num>div{width:auto;height:auto;padding:.2em .5em;font-size:inherit;line-height:inherit}.w-slider-nav.w-shadow>div{box-shadow:0 0 3px rgba(51,51,51,0.4)}.w-slider-nav-invert{color:#fff}.w-slider-nav-invert>div{background-color:rgba(34,34,34,0.4)}.w-slider-nav-invert>div.w-active{background-color:#222}.w-slider-dot{position:relative;display:inline-block;width:1em;height:1em;background-color:rgba(255,255,255,0.4);cursor:pointer;margin:0 3px .5em;transition:background-color 100ms,color 100ms}.w-slider-dot.w-active{background-color:#fff}.w-slider-dot:focus{outline:none;box-shadow:0 0 0 2px #fff}.w-slider-dot:focus.w-active{box-shadow:none}.w-slider-arrow-left,.w-slider-arrow-right{position:absolute;width:80px;top:0;right:0;bottom:0;left:0;margin:auto;cursor:pointer;overflow:hidden;color:white;font-size:40px;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-slider-arrow-left [class^='w-icon-'],.w-slider-arrow-right [class^='w-icon-'],.w-slider-arrow-left [class*=' w-icon-'],.w-slider-arrow-right [class*=' w-icon-']{position:absolute}.w-slider-arrow-left:focus,.w-slider-arrow-right:focus{outline:0}.w-slider-arrow-left{z-index:3;right:auto}.w-slider-arrow-right{z-index:4;left:auto}.w-icon-slider-left,.w-icon-slider-right{top:0;right:0;bottom:0;left:0;margin:auto;width:1em;height:1em}.w-slider-aria-label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.w-slider-force-show{display:block !important}.w-dropdown{display:inline-block;position:relative;text-align:left;margin-left:auto;margin-right:auto;z-index:900}.w-dropdown-btn,.w-dropdown-toggle,.w-dropdown-link{position:relative;vertical-align:top;text-decoration:none;color:#222222;padding:20px;text-align:left;margin-left:auto;margin-right:auto;white-space:nowrap}.w-dropdown-toggle{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;cursor:pointer;padding-right:40px}.w-dropdown-toggle:focus{outline:0}.w-icon-dropdown-toggle{position:absolute;top:0;right:0;bottom:0;margin:auto;margin-right:20px;width:1em;height:1em}.w-dropdown-list{position:absolute;background:#dddddd;display:none;min-width:100%}.w-dropdown-list.w--open{display:block}.w-dropdown-link{padding:10px 20px;display:block;color:#222222}.w-dropdown-link.w--current{color:#0082f3}.w-dropdown-link:focus{outline:0}@media screen and (max-width:767px){.w-nav-brand{padding-left:10px}}.w-lightbox-backdrop{color:#000;cursor:auto;font-family:serif;font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:normal;list-style:disc;text-align:start;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;position:fixed;top:0;right:0;bottom:0;left:0;color:#fff;font-family:"Helvetica Neue",Helvetica,Ubuntu,"Segoe UI",Verdana,sans-serif;font-size:17px;line-height:1.2;font-weight:300;text-align:center;background:rgba(0,0,0,0.9);z-index:2000;outline:0;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-transform:translate(0, 0)}.w-lightbox-backdrop,.w-lightbox-container{height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.w-lightbox-content{position:relative;height:100vh;overflow:hidden}.w-lightbox-view{position:absolute;width:100vw;height:100vh;opacity:0}.w-lightbox-view:before{content:"";height:100vh}.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{height:86vh}.w-lightbox-frame,.w-lightbox-view:before{display:inline-block;vertical-align:middle}.w-lightbox-figure{position:relative;margin:0}.w-lightbox-group .w-lightbox-figure{cursor:pointer}.w-lightbox-img{width:auto;height:auto;max-width:none}.w-lightbox-image{display:block;float:none;max-width:100vw;max-height:100vh}.w-lightbox-group .w-lightbox-image{max-height:86vh}.w-lightbox-caption{position:absolute;right:0;bottom:0;left:0;padding:.5em 1em;background:rgba(0,0,0,0.4);text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.w-lightbox-embed{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.w-lightbox-control{position:absolute;top:0;width:4em;background-size:24px;background-repeat:no-repeat;background-position:center;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.w-lightbox-left{display:none;bottom:0;left:0;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==")}.w-lightbox-right{display:none;right:0;bottom:0;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+")}.w-lightbox-close{right:0;height:2.6em;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");background-size:18px}.w-lightbox-strip{position:absolute;bottom:0;left:0;right:0;padding:0 1vh;line-height:0;white-space:nowrap;overflow-x:auto;overflow-y:hidden}.w-lightbox-item{display:inline-block;width:10vh;padding:2vh 1vh;box-sizing:content-box;cursor:pointer;-webkit-transform:translate3d(0, 0, 0)}.w-lightbox-active{opacity:.3}.w-lightbox-thumbnail{position:relative;height:10vh;background:#222;overflow:hidden}.w-lightbox-thumbnail-image{position:absolute;top:0;left:0}.w-lightbox-thumbnail .w-lightbox-tall{top:50%;width:100%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}.w-lightbox-thumbnail .w-lightbox-wide{left:50%;height:100%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}.w-lightbox-spinner{position:absolute;top:50%;left:50%;box-sizing:border-box;width:40px;height:40px;margin-top:-20px;margin-left:-20px;border:5px solid rgba(0,0,0,0.4);border-radius:50%;-webkit-animation:spin .8s infinite linear;animation:spin .8s infinite linear}.w-lightbox-spinner:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:3px solid transparent;border-bottom-color:#fff;border-radius:50%}.w-lightbox-hide{display:none}.w-lightbox-noscroll{overflow:hidden}@media (min-width:768px){.w-lightbox-content{height:96vh;margin-top:2vh}.w-lightbox-view,.w-lightbox-view:before{height:96vh}.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{height:84vh}.w-lightbox-image{max-width:96vw;max-height:96vh}.w-lightbox-group .w-lightbox-image{max-width:82.3vw;max-height:84vh}.w-lightbox-left,.w-lightbox-right{display:block;opacity:.5}.w-lightbox-close{opacity:.8}.w-lightbox-control:hover{opacity:1}}.w-lightbox-inactive,.w-lightbox-inactive:hover{opacity:0}.w-richtext:before,.w-richtext:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-richtext:after{clear:both}.w-richtext[contenteditable="true"]:before,.w-richtext[contenteditable="true"]:after{white-space:initial}.w-richtext ol,.w-richtext ul{overflow:hidden}.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,.w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after{outline:2px solid #2895f7}.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,.w-richtext .w-richtext-figure-selected[data-rt-type="image"] div{outline:2px solid #2895f7}.w-richtext figure.w-richtext-figure-type-video>div:after,.w-richtext figure[data-rt-type="video"]>div:after{content:'';position:absolute;display:none;left:0;top:0;right:0;bottom:0}.w-richtext figure{position:relative;max-width:60%}.w-richtext figure>div:before{cursor:default!important}.w-richtext figure img{width:100%}.w-richtext figure figcaption.w-richtext-figcaption-placeholder{opacity:.6}.w-richtext figure div{font-size:0px;color:transparent}.w-richtext figure.w-richtext-figure-type-image,.w-richtext figure[data-rt-type="image"]{display:table}.w-richtext figure.w-richtext-figure-type-image>div,.w-richtext figure[data-rt-type="image"]>div{display:inline-block}.w-richtext figure.w-richtext-figure-type-image>figcaption,.w-richtext figure[data-rt-type="image"]>figcaption{display:table-caption;caption-side:bottom}.w-richtext figure.w-richtext-figure-type-video,.w-richtext figure[data-rt-type="video"]{width:60%;height:0}.w-richtext figure.w-richtext-figure-type-video iframe,.w-richtext figure[data-rt-type="video"] iframe{position:absolute;top:0;left:0;width:100%;height:100%}.w-richtext figure.w-richtext-figure-type-video>div,.w-richtext figure[data-rt-type="video"]>div{width:100%}.w-richtext figure.w-richtext-align-center{margin-right:auto;margin-left:auto;clear:both}.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,.w-richtext figure.w-richtext-align-center[data-rt-type="image"]>div{max-width:100%}.w-richtext figure.w-richtext-align-normal{clear:both}.w-richtext figure.w-richtext-align-fullwidth{width:100%;max-width:100%;text-align:center;clear:both;display:block;margin-right:auto;margin-left:auto}.w-richtext figure.w-richtext-align-fullwidth>div{display:inline-block;padding-bottom:inherit}.w-richtext figure.w-richtext-align-fullwidth>figcaption{display:block}.w-richtext figure.w-richtext-align-floatleft{float:left;margin-right:15px;clear:none}.w-richtext figure.w-richtext-align-floatright{float:right;margin-left:15px;clear:none}.w-nav{position:relative;background:#dddddd;z-index:1000}.w-nav:before,.w-nav:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-nav:after{clear:both}.w-nav-brand{position:relative;float:left;text-decoration:none;color:#333333}.w-nav-link{position:relative;display:inline-block;vertical-align:top;text-decoration:none;color:#222222;padding:20px;text-align:left;margin-left:auto;margin-right:auto}.w-nav-link.w--current{color:#0082f3}.w-nav-menu{position:relative;float:right}[data-nav-menu-open]{display:block !important;position:absolute;top:100%;left:0;right:0;background:#C8C8C8;text-align:center;overflow:visible;min-width:200px}.w--nav-link-open{display:block;position:relative}.w-nav-overlay{position:absolute;overflow:hidden;display:none;top:100%;left:0;right:0;width:100%}.w-nav-overlay [data-nav-menu-open]{top:0}.w-nav[data-animation="over-left"] .w-nav-overlay{width:auto}.w-nav[data-animation="over-left"] .w-nav-overlay,.w-nav[data-animation="over-left"] [data-nav-menu-open]{right:auto;z-index:1;top:0}.w-nav[data-animation="over-right"] .w-nav-overlay{width:auto}.w-nav[data-animation="over-right"] .w-nav-overlay,.w-nav[data-animation="over-right"] [data-nav-menu-open]{left:auto;z-index:1;top:0}.w-nav-button{position:relative;float:right;padding:18px;font-size:24px;display:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-nav-button:focus{outline:0}.w-nav-button.w--open{background-color:#C8C8C8;color:white}.w-nav[data-collapse="all"] .w-nav-menu{display:none}.w-nav[data-collapse="all"] .w-nav-button{display:block}.w--nav-dropdown-open{display:block}.w--nav-dropdown-toggle-open{display:block}.w--nav-dropdown-list-open{position:static}@media screen and (max-width:991px){.w-nav[data-collapse="medium"] .w-nav-menu{display:none}.w-nav[data-collapse="medium"] .w-nav-button{display:block}}@media screen and (max-width:767px){.w-nav[data-collapse="small"] .w-nav-menu{display:none}.w-nav[data-collapse="small"] .w-nav-button{display:block}.w-nav-brand{padding-left:10px}}@media screen and (max-width:479px){.w-nav[data-collapse="tiny"] .w-nav-menu{display:none}.w-nav[data-collapse="tiny"] .w-nav-button{display:block}}.w-tabs{position:relative}.w-tabs:before,.w-tabs:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-tabs:after{clear:both}.w-tab-menu{position:relative}.w-tab-link{position:relative;display:inline-block;vertical-align:top;text-decoration:none;padding:9px 30px;text-align:left;cursor:pointer;color:#222222;background-color:#dddddd}.w-tab-link.w--current{background-color:#C8C8C8}.w-tab-link:focus{outline:0}.w-tab-content{position:relative;display:block;overflow:hidden}.w-tab-pane{position:relative;display:none}.w--tab-active{display:block}@media screen and (max-width:479px){.w-tab-link{display:block}}.w-ix-emptyfix:after{content:""}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.w-dyn-empty{padding:10px;background-color:#dddddd}.w-dyn-hide{display:none !important}.w-dyn-bind-empty{display:none !important}.w-condition-invisible{display:none !important}
/* ==========================================================================
Start of custom Webflow CSS
========================================================================== */
.w-layout-grid {
display: -ms-grid;
display: grid;
grid-auto-columns: 1fr;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
grid-row-gap: 16px;
grid-column-gap: 16px;
}
body {
font-family: Relative, sans-serif;
color: #161616;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 400;
}
h1 {
margin-top: 1rem;
margin-bottom: 1.5rem;
color: #161616;
font-size: 4.5rem;
line-height: 5rem;
font-weight: 500;
letter-spacing: -0.15rem;
}
h2 {
margin-top: 1rem;
margin-bottom: 1.5rem;
font-size: 4rem;
line-height: 4.5rem;
font-weight: 500;
letter-spacing: -0.12rem;
}
h3 {
margin-top: 1rem;
margin-bottom: 1.5rem;
font-size: 3.5rem;
line-height: 4rem;
font-weight: 500;
letter-spacing: -0.105rem;
}
h4 {
margin-top: 0.5rem;
margin-bottom: 1rem;
font-size: 2rem;
line-height: 2.5rem;
font-weight: 500;
letter-spacing: -0.04rem;
}
h5 {
margin-top: 0.5rem;
margin-bottom: 1rem;
font-size: 1.5rem;
line-height: 2rem;
font-weight: 500;
letter-spacing: -0.03rem;
}
h6 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 700;
letter-spacing: 0.05rem;
text-transform: uppercase;
}
p {
margin-bottom: 0.625rem;
font-size: 1rem;
line-height: 1.5;
letter-spacing: -0.02rem;
}
.nav-text-hover {
color: #0a0a0a;
font-weight: 700;
letter-spacing: 0.0175rem;
text-decoration: none;
text-transform: uppercase;
}
.button {
padding: 1rem 2rem;
border: 0.125rem solid #000;
border-radius: 0.5rem;
background-color: #000;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
color: #fff;
font-size: 1rem;
font-weight: 700;
letter-spacing: 0.05rem;
text-transform: uppercase;
}
.button:hover {
background-color: #161616;
box-shadow: 0 1px 0.1875rem 0 rgba(0, 0, 0, 0.15);
-webkit-transform: translate(0rem, -0.125rem);
-ms-transform: translate(0rem, -0.125rem);
transform: translate(0rem, -0.125rem);
}
.button.right-24 {
margin-right: 1.5rem;
}
.button.button-white {
border-color: #fff;
background-color: #fff;
color: #000;
}
.button.button-white.small {
padding: 0.75rem 1.5rem;
font-size: 0.875rem;
}
.button.button-white.small.wide-button {
padding-right: 2rem;
padding-left: 2rem;
}
.button.secondary {
background-color: #fff;
color: #000;
}
.button.secondary:hover {
background-color: rgba(0, 0, 0, 0.15);
}
.button.secondary.small {
padding: 0.75rem 1.5rem;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
background-color: #161616;
color: #fff;
font-size: 0.875rem;
text-align: center;
text-decoration: none;
}
.button.secondary.small.nav-cta {
z-index: 2000;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
}
.button.secondary.small.nav-cta.hide {
display: none;
}
.button.secondary.button-white {
background-color: #0a0a0a;
color: #fff;
}
.button.secondary.button-white.right-32:hover {
background-color: hsla(0, 0%, 100%, 0.05);
}
.button.secondary.right-32:hover {
background-color: rgba(22, 22, 22, 0.15);
}
.button.secondary.small {
margin-bottom: 3.75rem;
padding: 0.75rem 1.5rem;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 0.875rem;
font-weight: 500;
text-align: center;
text-decoration: none;
}
.button.secondary.small:hover {
background-color: #373737;
}
.button.secondary.small.nav-cta {
z-index: 2000;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
}
.button.secondary.small.nav-cta.hide {
display: none;
}
.button.right-32 {
margin-right: 2rem;
}
.navbar-version-1 {
position: fixed;
left: 0%;
top: 0%;
right: 0%;
bottom: auto;
z-index: 100;
display: none;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.text-purple {
color: #6248ff;
}
.layer-blur-cta {
position: absolute;
left: auto;
top: auto;
right: auto;
bottom: auto;
width: 25rem;
height: 25rem;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
border-radius: 31.25rem;
background-image: linear-gradient(132deg, #ff4848, #ff7448 41%, #6248ff 75%);
-webkit-filter: blur(5.9375rem);
filter: blur(5.9375rem);
}
.paragraph-l {
font-size: 1.5rem;
letter-spacing: -0.03rem;
}
.paragraph-l.margin-l.max-560w {
max-width: 35rem;
}
.text-white {
color: #fff;
}
.text-white.h6-smaller {
font-size: 0.875rem;
line-height: 1.375rem;
letter-spacing: 0.04375rem;
}
.multi-button-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.text-link {
color: #000;
font-size: 1rem;
line-height: 1.5;
text-decoration: underline;
}
.text-link.text-white {
display: inline-block;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
color: #fff;
cursor: pointer;
}
.text-link.text-white.right-32 {
margin-right: 2rem;
}
.text-link.text-light-grey.privacy-policy {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-right: 0rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
}
.nav-link {
display: inline-block;
padding: 1rem;
color: #000;
font-weight: 700;
letter-spacing: 0.04375rem;
text-decoration: none;
text-transform: uppercase;
}
.nav-link.footer {
display: block;
padding: 0.75rem 0rem;
-webkit-transition: color 300ms ease;
transition: color 300ms ease;
color: hsla(0, 0%, 100%, 0.75);
}
.nav-link.footer:hover {
color: #fff;
}
.menu-nav-wrap {
width: 100%;
}
.margin-0 {
margin-top: 0rem;
margin-bottom: 0rem;
font-size: 1.5rem;
line-height: 2rem;
letter-spacing: -0.03rem;
}
.text-centred {
text-align: center;
}
.text-centred.max-800w {
max-width: 50rem;
}
.text-centred.margin-xxl {
margin-bottom: 5rem;
}
.badge-text {
color: #000;
font-size: 0.75rem;
line-height: 0.75rem;
font-weight: 700;
letter-spacing: 0.0375rem;
text-decoration: none;
text-transform: uppercase;
}
.badge-text.text-grey {
color: rgba(0, 0, 0, 0.75);
}
.badge-text.text-white {
color: #fff;
}
.home {
position: relative;
width: 7.75rem;
height: 2.083125rem;
}
.paragraph-m {
font-size: 1.25rem;
letter-spacing: -0.025rem;
}
.paragraph-m.text-white {
font-family: Relative, sans-serif;
}
.paragraph-m.text-centred {
margin-bottom: 1.5rem;
}
.paragraph-m.text-centred.margin-l {
width: 592.8046875px;
margin-bottom: 1.875rem;
}
.paragraph-m.max-640w {
max-width: 40rem;
}
.paragraph-m.max-560w {
max-width: 35rem;
}
.close-button {
position: absolute;
left: auto;
top: 1.5rem;
right: 2.5rem;
bottom: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 2.5rem;
height: 2.5rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-style: solid;
border-width: 0.125rem;
border-color: #fff;
border-radius: 31.25rem;
background-color: #161616;
}
.menu-container {
position: fixed;
left: auto;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 1000;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: scroll;
width: 35rem;
padding: 6.5rem 4rem;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
background-color: #161616;
}
.page-principale {
position: relative;
padding-top: 7.5rem;
padding-bottom: 7.5rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.page-principale.cta {
position: relative;
overflow: hidden;
padding-top: 0rem;
padding-bottom: 0rem;
background-color: #0a0a0a;
}
.page-principale.light-purple {
background-color: #f5f3ff;
}
.page-principale.black {
overflow: visible;
margin-bottom: 0rem;
padding-top: 3.75rem;
padding-bottom: 2.125rem;
border-style: solid;
border-width: 0rem;
border-color: #fff;
background-color: #161616;
-o-object-fit: fill;
object-fit: fill;
}
.page-principale.black.confirmation-page {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100vh;
padding-top: 11.25rem;
}
.page-principale.light-orange {
background-color: #fff3ef;
}
.page-principale.footer {
position: relative;
z-index: 0;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
background-color: #0a0a0a;
}
.page-principale.grain {
display: block;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26951d41e95a1a_Grain_Latest.webp");
background-position: 0rem 0rem;
background-size: 18.75rem 18.75rem;
}
.page-principale.grain.top-140 {
padding-top: 8.75rem;
}
.page-principale.grain.testimonial {
display: block;
margin-top: 0rem;
padding-top: 0rem;
padding-bottom: 0rem;
}
.page-principale.grain.testimonial.plateforme {
position: static;
display: block;
overflow: hidden;
grid-auto-columns: 1fr;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.page-principale.grain.padding-top-40 {
padding-top: 2.5rem;
}
.page-principale.grain.accueil {
width: auto;
background-color: transparent;
background-image: none;
}
.page-principale.grain.subpage-hero {
padding-top: 10rem;
}
.page-principale.black {
overflow: visible;
padding-top: 3.75rem;
padding-bottom: 2.125rem;
border-radius: 0rem;
background-color: #161616;
-o-object-fit: fill;
object-fit: fill;
}
.page-principale.black {
overflow: visible;
padding-top: 3.75rem;
padding-bottom: 2.125rem;
border-radius: 6.25rem;
background-color: #161616;
-o-object-fit: fill;
object-fit: fill;
}
.background-blur-wrapper {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: -5;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.background-blur-wrapper.overflow-hidden {
overflow: hidden;
}
.text-orange {
color: #ff7448;
}
.nav-link-text-large {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
line-height: 3.5rem;
text-decoration: none;
}
.nav-link-text-large:hover {
-webkit-transform: translate(0.5rem, 0rem);
-ms-transform: translate(0.5rem, 0rem);
transform: translate(0.5rem, 0rem);
color: hsla(0, 0%, 100%, 0.75);
}
.nav-text {
margin-top: -3.125rem;
margin-right: 0.625rem;
padding-bottom: 0rem;
padding-left: 3.75rem;
float: right;
clear: both;
color: #0a0a0a;
font-weight: 700;
text-align: center;
letter-spacing: 0.0175rem;
text-decoration: none;
text-transform: uppercase;
white-space: normal;
}
.nav-text.text-white {
color: #fff;
}
.example-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 35rem;
height: 5rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-style: solid;
border-width: 0.1875rem;
border-color: #ff7448;
}
.example-block.margin-s {
margin-bottom: 1rem;
}
.example-block.margin-m {
margin-bottom: 1.5rem;
}
.example-block.margin-xl {
margin-bottom: 3.5rem;
}
.example-block.margin-xxl {
margin-bottom: 5rem;
}
.example-block.margin-xs {
margin-bottom: 0.75rem;
}
.example-block.margin-l {
margin-bottom: 2.5rem;
}
.nav-text-wrap {
overflow: hidden;
height: 1.25rem;
text-decoration: none;
}
.nav-link-dope-edition {
padding: 1rem;
text-decoration: none;
}
.nav-link-dope-edition.right-32 {
margin-right: 1rem;
}
.badge {
display: inline-block;
padding: 0.375rem 0.5rem;
border-radius: 0.5rem;
background-color: #d8d5d1;
}
.badge.bg-white {
background-color: #fff;
}
.badge.light-grey {
background-color: rgba(255, 255, 255, 0.15);
}
.badge.light-grey.wrap {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
.badge.yolo-media {
background-color: #deeffa;
}
.badge.good-housing {
background-color: #d4eff0;
}
.badge.laura-avery {
background-color: #e9e5dd;
}
.margin-m {
margin-bottom: 1.5rem;
}
.main-nav-link {
display: block;
margin-bottom: 1rem;
color: #fff;
font-size: 3rem;
line-height: 3.5rem;
font-weight: 500;
text-decoration: none;
}
.main-nav-link.margin-s {
display: block;
}
.blur-background {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
background-color: rgba(22, 22, 22, 0.1);
}
.container {
position: relative;
z-index: 2;
display: block;
width: 90%;
max-width: 85rem;
margin-right: auto;
margin-left: auto;
}
.container.small {
max-width: 57.5rem;
}
.container.small.flex-vertical {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.container.small.flex {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.container.centred {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.container.centred.full-width {
width: 25em;
max-width: none;
margin-top: auto;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.container.centred.full-width.tableau-payement {
width: 90%;
margin-top: 0px;
}
.container.grid {
z-index: 5;
display: -ms-grid;
display: grid;
height: 6rem;
margin-right: auto;
margin-left: auto;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-auto-columns: 1fr;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
-ms-grid-columns: 0.25fr 1fr 0.25fr;
grid-template-columns: 0.25fr 1fr 0.25fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.container.static {
position: static;
}
.nav-menu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-right: auto;
margin-left: auto;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.text-light-grey {
margin-bottom: 1rem;
color: hsla(0, 0%, 100%, 0.65);
}
.margin-s {
margin-bottom: 1rem;
}
.margin-xs {
margin-bottom: 0.75rem;
}
.margin-xs._100-w {
width: 100%;
}
.margin-l {
margin-bottom: 2.5rem;
}
.margin-xl {
margin-bottom: 3.5rem;
}
.margin-xxl {
margin-bottom: 5rem;
}
.process-image {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 15rem;
height: 15rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 0.75rem;
background-image: linear-gradient(311deg, #cbf4d2, #e2dafd);
}
.process-image.ghj {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 5rem;
height: 5rem;
border-radius: 62.5rem;
background-color: rgba(226, 218, 253, 0);
background-image: -webkit-gradient(linear, left top, left bottom, from(#e2dafd), to(#d6cbfc));
background-image: linear-gradient(180deg, #e2dafd, #d6cbfc);
}
.process-image.ghj.j {
background-image: -webkit-gradient(linear, left top, left bottom, from(#cbf4d2), to(#b9efc2)), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
background-image: linear-gradient(180deg, #cbf4d2, #b9efc2), linear-gradient(180deg, transparent, transparent);
}
.process-image.ghj.d {
background-image: -webkit-gradient(linear, left top, left bottom, from(#d0f0fe), to(#bee9fd)), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
background-image: linear-gradient(180deg, #d0f0fe, #bee9fd), linear-gradient(180deg, transparent, transparent);
}
.process-image.ghj.e {
background-color: rgba(147, 139, 173, 0);
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff4e3), to(#ffd499)), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
background-image: linear-gradient(180deg, #fff4e3, #ffd499), linear-gradient(180deg, transparent, transparent);
}
.process-image._1 {
width: 10rem;
height: 10rem;
background-image: linear-gradient(311deg, #d6cbf4, #e2dafd);
}
.process-image._2 {
width: 10rem;
height: 10rem;
background-image: linear-gradient(311deg, #cbf4d2, #cbf4d2);
}
.process-image._3 {
width: 10rem;
height: 10rem;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcebde), to(#fcebde));
background-image: linear-gradient(180deg, #fcebde, #fcebde);
}
.step {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-width: 7.5rem;
padding-top: 1rem;
padding-bottom: 1rem;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.project-title-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.project-spec-figma-wrap {
position: relative;
overflow: hidden;
width: 100%;
height: 32.5rem;
border-radius: 0.75rem;
}
.process-wrapper {
position: relative;
}
.price-text {
margin-bottom: 0rem;
color: #fff;
text-align: center;
}
.figma-embed-wrapper {
position: relative;
overflow: hidden;
width: 100%;
height: 35rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-style: solid;
border-width: 0.125rem;
border-color: #161616;
border-radius: 1rem;
}
.text-area {
min-height: 7.5rem;
border-style: solid;
border-width: 0.125rem;
border-color: rgba(255, 255, 255, 0.05);
border-radius: 0.5rem;
background-color: hsla(0, 0%, 100%, 0.05);
color: #fff;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 400;
}
.text-area:hover {
border-color: rgba(255, 255, 255, 0.25);
}
.text-area:focus {
border-color: #fff;
background-color: hsla(0, 0%, 100%, 0);
}
.text-area.larger {
min-height: 10rem;
}
.text-area.larger.margin-l {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.text-area.margin-l {
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
}
.client-quote {
margin-top: 0rem;
margin-bottom: 0rem;
font-size: 1.25rem;
line-height: 1.875rem;
}
.relume-logo-primary-white {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 0;
color: #fff;
}
.step-info-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 1.5rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
border-style: solid;
border-width: 0.125rem;
border-color: #fff;
border-radius: 1rem;
}
.step-info-wrapper.step-5 {
margin-bottom: 0rem;
}
.step-info-wrapper.step-5 {
margin-bottom: 0rem;
}
.image-5 {
width: 2rem;
height: 2rem;
}
.benefits-wrapper-2 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.relume-logo-secondary-black {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 1;
color: #000;
}
.heading-2-small {
display: block;
margin-top: 0rem;
margin-bottom: 0rem;
padding-top: 3.75rem;
padding-bottom: 0rem;
color: #fff;
font-size: 3.5rem;
line-height: 4rem;
text-align: center;
}
.heading-2-small.text-white {
font-family: Relative, sans-serif;
}
.heading-2-small.text-white.di {
width: 100%;
padding-top: 0rem;
padding-bottom: 2.5rem;
background-color: #161616;
font-family: Relative, sans-serif;
}
.heading-2-small.text-white.di {
width: 50%;
margin-right: auto;
margin-left: auto;
padding-top: 0rem;
padding-bottom: 2.5rem;
background-color: transparent;
font-family: Relative, sans-serif;
}
.heading-2-small.text-white.di {
width: 100%;
padding-top: 0rem;
padding-bottom: 2.5rem;
background-color: #161616;
font-family: Relative, sans-serif;
}
.heading-2-small.noir {
padding-top: 0rem;
padding-bottom: 1.25rem;
}
.heading-2-small.blznc {
position: relative;
display: block;
margin-top: 3.75rem;
margin-bottom: 0rem;
padding-top: 0rem;
padding-bottom: 0rem;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
color: #161616;
}
.heading-2-small.noir.ftgyhj {
padding-top: 3.75rem;
padding-bottom: 3.75rem;
color: #161616;
}
.heading-2-small.noir.ftgyhj {
padding-top: 3.75rem;
padding-bottom: 3.75rem;
color: #161616;
}
.heading-2-small.blznc {
padding-bottom: 3.75rem;
color: #161616;
}
.img-24 {
width: 1.5rem;
}
.img-24.right-12 {
margin-right: 0.75rem;
}
.aud {
font-size: 0.875rem;
line-height: 1.375rem;
}
.capabilities-wrap {
width: 45%;
}
.success-message {
padding: 1.5rem;
border-radius: 1rem;
background-color: hsla(0, 0%, 100%, 0.15);
}
.benefits-icon {
margin-right: 0rem;
margin-bottom: 1rem;
}
.step-wrapper {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.tab-link {
padding: 0.5rem 0rem;
border-bottom: 0.125rem solid transparent;
background-color: transparent;
}
.tab-link.w--current {
border-bottom-color: #161616;
background-color: transparent;
opacity: 1;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.tab-link.right-32 {
margin-right: 2rem;
}
.tab-link.right-32.w--current {
margin-right: 2rem;
}
.footer-credits {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.pricing-table-text {
margin-right: auto;
margin-bottom: 0rem;
margin-left: auto;
padding-right: 0rem;
padding-left: 0rem;
color: #fff;
font-size: 1rem;
line-height: 1.5rem;
text-align: center;
}
.pre-loader {
position: fixed;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 2000;
display: none;
width: 100vw;
height: 100vh;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-auto-columns: 1fr;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
background-color: #000;
}
.profile-bg-colour {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
margin-bottom: 1.5rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
border-radius: 0.75rem;
background-color: #d8d5d1;
}
.tick._0-opacity {
opacity: 0;
}
.wrapper {
position: relative;
margin-right: auto;
margin-left: auto;
}
.wrapper.flex-vertical {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.wrapper.footer-logo {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.wrapper._16-margins {
margin: 1rem;
}
.profile-button-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.grid-2-col {
display: -ms-grid;
display: grid;
grid-auto-columns: 1fr;
grid-column-gap: 2.5rem;
grid-row-gap: 1rem;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.form {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.fixed-cta {
position: fixed;
top: 1.5rem;
right: 5vw;
z-index: 500;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0.75rem 1.25rem 0.75rem 1.125rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border: 0.125rem solid #000;
border-radius: 0.5rem;
background-color: #0a0a0a;
box-shadow: 0 2px 0.375rem 0 rgba(0, 0, 0, 0.1);
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
color: #fff;
font-size: 0.875rem;
font-weight: 700;
letter-spacing: 0.05rem;
text-decoration: none;
text-transform: uppercase;
}
.fixed-cta:hover {
box-shadow: 0 1px 0.1875rem 0 rgba(0, 0, 0, 0.15);
-webkit-transform: translate(0rem, -0.125rem);
-ms-transform: translate(0rem, -0.125rem);
transform: translate(0rem, -0.125rem);
}
.fixed-cta.migration {
display: block;
padding-right: 1.5rem;
padding-left: 1.5rem;
border-radius: 0.4rem;
}
.lock-icon {
position: absolute;
left: 1rem;
top: 0.625rem;
right: 1rem;
bottom: 0.625rem;
width: 1.5rem;
height: 1.5rem;
margin-top: 0.0625rem;
}
.form-2-col {
width: 100%;
grid-column-gap: 1.5rem;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.button-icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 1rem 2rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border: 0.125rem solid #000;
border-radius: 0.5rem;
background-color: #000;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
color: #fff;
font-size: 1rem;
font-weight: 700;
letter-spacing: 0.05rem;
text-transform: uppercase;
}
.button-icon:hover {
background-color: #161616;
box-shadow: 0 1px 0.1875rem 0 rgba(0, 0, 0, 0.15);
-webkit-transform: translate(0rem, -0.125rem);
-ms-transform: translate(0rem, -0.125rem);
transform: translate(0rem, -0.125rem);
}
.button-icon.secondary {
background-color: #fff;
color: #000;
}
.button-icon.secondary:hover {
background-color: #c2c0bc;
}
.button-icon.secondary.small {
position: relative;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 0.875rem;
text-align: center;
text-decoration: none;
}
.button-icon.secondary.small.visit-live {
margin-left: 1rem;
}
.button-icon.secondary.small.visit-live.project-spec {
position: absolute;
left: auto;
top: 1rem;
right: 1rem;
bottom: auto;
width: 2.5rem;
height: 2.5rem;
padding: 0rem;
}
.field-label {
width: 100%;
margin-bottom: 0.75rem;
color: #fff;
letter-spacing: 0.05rem;
text-transform: uppercase;
}
.pricing-thirds {
grid-column-gap: 9rem;
grid-template-areas: "Area";
-ms-grid-columns: 0.75fr 9rem 1fr 9rem 1fr;
grid-template-columns: 0.75fr 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.name-arrow {
position: absolute;
left: 4rem;
top: 4rem;
bottom: 0rem;
z-index: 20;
}
.name-arrow.adam {
left: auto;
right: 4rem;
}
._4-col-grid {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.comment-ca-marche {
overflow: hidden;
border-radius: 0rem;
background-color: #161616;
-webkit-transform: translate(0rem, 0rem);
-ms-transform: translate(0rem, 0rem);
transform: translate(0rem, 0rem);
}
.relume-logo-secondary {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 1;
color: #fff;
}
.export-icon {
position: absolute;
left: 1rem;
top: 0.625rem;
right: 1rem;
bottom: 0.625rem;
display: none;
width: 1.5rem;
height: 1.5rem;
margin-top: 0.0625rem;
}
.export-icon.project-spec {
position: static;
display: block;
margin-top: 0rem;
}
.navbar-container {
position: relative;
z-index: 2;
display: -ms-grid;
display: grid;
width: 90%;
max-width: 85rem;
margin-right: auto;
margin-left: auto;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
justify-items: end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
grid-auto-columns: 1fr;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
-ms-grid-columns: 0.25fr 1fr 0.25fr;
grid-template-columns: 0.25fr 1fr 0.25fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.navbar-container.navbar-container-confirmation-page {
justify-items: center;
-ms-grid-columns: 2.25fr;
grid-template-columns: 2.25fr;
}
.faq-arrow {
width: 1.75rem;
height: 1.75rem;
margin-right: 0rem;
border-style: solid;
border-color: #2669e3;
color: #2669e3;
}
.comparison-img---desktop {
position: relative;
display: block;
max-width: 62.5rem;
margin-right: auto;
margin-left: auto;
}
.comparison-img---desktop.img-2 {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 1;
}
.comparison-img---desktop.img-3 {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 3;
}
.page-type-text {
margin-top: 0rem;
margin-right: auto;
margin-left: auto;
color: #fff;
font-size: 1.5rem;
text-align: center;
letter-spacing: 0rem;
}
.rr-peeps {
width: 100%;
}
.pricing-row {
padding-top: 1rem;
padding-bottom: 1rem;
grid-template-areas: ". Area";
-ms-grid-columns: 0.5fr 1.25fr;
grid-template-columns: 0.5fr 1.25fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
border-top: 0.0625rem solid hsla(0, 0%, 100%, 0.15);
border-bottom: 0.0625rem none hsla(0, 0%, 100%, 0.15);
}
.pricing-row.pricing-header {
padding-top: 0rem;
padding-bottom: 2.5rem;
border-top-style: none;
}
.rr-text-wrapper {
width: 55%;
margin-right: 2.5rem;
}
.profile-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
padding: 1.5rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
border-style: solid;
border-width: 0.125rem;
border-color: #161616;
border-radius: 1rem;
background-color: #fff;
}
.step-heading {
color: #fff;
}
.step-heading.margin-xs {
font-size: 2rem;
letter-spacing: 0rem;
}
.step-heading.margin-xs.quand-y-a-un-bouton {
margin-top: 0rem;
}
.project-spec-webflow-wrap {
position: relative;
overflow: hidden;
width: 100%;
height: 32.5rem;
border-radius: 0.75rem;
}
.faq-answer {
margin-top: 1.5rem;
margin-left: 0rem;
}
.circle-blur-bottom-right-2 {
position: absolute;
left: auto;
top: auto;
right: 0%;
bottom: -15%;
z-index: -1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 27.5rem;
height: 27.5rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
border-radius: 31.25rem;
background-image: linear-gradient(132deg, #ff7448 26%, #ff4848 51%, #6248ff 75%);
-webkit-filter: blur(6.25rem);
filter: blur(6.25rem);
}
.circle-blur-bottom-right-2.safari {
opacity: 0.97;
-webkit-filter: blur(4rem) blur(4rem);
filter: blur(4rem) blur(4rem);
}
.circle-blur-middle-left {
position: absolute;
left: 5%;
top: 30%;
right: auto;
bottom: auto;
z-index: -1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 27.5rem;
height: 27.5rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
border-radius: 31.25rem;
background-image: linear-gradient(59deg, #ff7448 27%, #ff4848 50%, #6248ff 75%);
-webkit-filter: blur(6.25rem);
filter: blur(6.25rem);
}
.circle-blur-middle-left.safari {
opacity: 0.97;
-webkit-filter: blur(4rem) blur(4rem);
filter: blur(4rem) blur(4rem);
}
.comparison-img---mobile {
position: relative;
display: none;
max-width: 62.5rem;
margin-right: auto;
margin-left: auto;
}
.footer-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
grid-auto-columns: 1fr;
-ms-grid-columns: 3fr 1fr 1fr 1fr;
grid-template-columns: 3fr 1fr 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.center-div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-right: auto;
margin-left: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.center-div.margin-xl {
width: 50%;
}
.center-div.max-720w {
max-width: 45rem;
}
.center-div.max-560w {
max-width: 35rem;
}
.center-div.max-800w {
max-width: 50rem;
}
.center-div.max-720w.margin-xl {
font-family: 'Circularstd book';
}
.tabs-menu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.tabs-menu.left-align {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.hero-grid {
grid-column-gap: 3.5rem;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.loading-animation {
width: 17.5rem;
}
.project-spec-top {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.random-facts {
display: none;
}
.random-facts.dan {
display: none;
}
.rr-details-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-left: 2.5rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.with-underline {
display: inline-block;
padding: 0.25rem 0.125rem 0.5rem;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26955949e95a39_underline.svg");
background-position: 50% 115%;
background-size: contain;
background-repeat: no-repeat;
}
.with-underline.long-underline {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26954b15e95a2b_Underline_long.svg");
background-position: 50% 100%;
}
.text-field {
height: 3rem;
border-style: solid;
border-width: 0.125rem;
border-color: rgba(255, 255, 255, 0.05);
border-radius: 0.5rem;
background-color: hsla(0, 0%, 100%, 0.05);
color: #fff;
font-size: 1rem;
line-height: 1.5rem;
}
.text-field:hover {
border-color: rgba(255, 255, 255, 0.25);
}
.text-field:focus {
border-color: #fff;
background-color: hsla(0, 0%, 100%, 0);
}
.text-field.margin-s {
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
}
.navbar {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: auto;
z-index: 100;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 6rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: translate(0rem, 0rem);
-ms-transform: translate(0rem, 0rem);
transform: translate(0rem, 0rem);
}
.profile-photo {
width: 90%;
margin-top: 1.5rem;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
border-radius: 0.75rem;
-webkit-transform: translate(0rem, 0rem);
-ms-transform: translate(0rem, 0rem);
transform: translate(0rem, 0rem);
}
.rr-image {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 12rem;
height: 12rem;
min-height: 12rem;
min-width: 12rem;
padding-right: 1.125rem;
padding-left: 1.125rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 0.75rem;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26952290e959ec_RR%20Bg.webp");
background-position: 50% 50%;
background-size: cover;
}
.faq-wrapper {
width: auto;
max-width: 45rem;
border-top: 0.125rem none #161616;
}
.client-quote-wrap {
width: 50%;
}
.relume-comparison-tab-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.faq-block {
margin-bottom: -0.125rem;
padding: 1.5rem 0rem;
border-style: solid none;
border-width: 0.125rem;
border-color: #161616;
}
.circle-blur-bottom-left {
position: absolute;
left: -5%;
top: auto;
right: auto;
bottom: -10%;
z-index: -1;
display: block;
width: 27.5rem;
height: 27.5rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
border-radius: 31.25rem;
background-image: linear-gradient(334deg, #ff7448 18%, #ff4848 59%, #6248ff 86%);
-webkit-filter: blur(6.25rem);
filter: blur(6.25rem);
}
.circle-blur-bottom-left.safari {
opacity: 0.97;
-webkit-filter: blur(4rem) blur(4rem);
filter: blur(4rem) blur(4rem);
}
.step-number {
position: relative;
z-index: 2;
overflow: hidden;
border-style: none;
border-width: 0.5rem 0.0625rem;
border-color: #161616 #000;
}
.relume-logo-primary {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 0;
color: #000;
}
.black-line {
position: absolute;
left: 1.1875rem;
right: 1.25rem;
width: 0.125rem;
height: 4.5rem;
background-color: #0a0a0a;
}
.relume-roster-heading {
margin-top: 0rem;
margin-bottom: 1rem;
color: #fff;
font-size: 2rem;
line-height: 2.5rem;
letter-spacing: -0.05rem;
}
.form-wrapper {
max-width: 45rem;
margin-right: auto;
margin-left: auto;
}
.relume-roster-panel {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 1.5rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 1rem;
background-color: #161616;
}
.circle-blur-top-right-2 {
position: absolute;
left: auto;
top: 0%;
right: -5%;
bottom: auto;
z-index: -1;
display: block;
width: 27.5rem;
height: 27.5rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
border-radius: 31.25rem;
background-image: linear-gradient(132deg, #ff7448 35%, #ff4848 54%, #6248ff 80%);
-webkit-filter: blur(6.25rem);
filter: blur(6.25rem);
}
.circle-blur-top-right-2.safari {
opacity: 0.97;
-webkit-filter: blur(4rem) blur(4rem);
filter: blur(4rem) blur(4rem);
}
.form-divider {
width: 100%;
height: 0.0625rem;
margin-top: 2rem;
margin-bottom: 3.5rem;
background-color: hsla(0, 0%, 100%, 0.15);
}
.grey-line {
position: relative;
width: 0.125rem;
height: 82%;
background-color: hsla(0, 0%, 100%, 0.15);
}
.grey-line.loaddgbhnj {
position: static;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
display: block;
height: 100%;
margin-right: auto;
margin-left: auto;
float: none;
clear: none;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.grey-line.gtfgtfr {
position: absolute;
left: auto;
top: auto;
right: auto;
bottom: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 5rem;
height: 0.125rem;
max-width: 5rem;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: space-around;
-ms-flex-line-pack: distribute;
align-content: space-around;
border-radius: 1.25rem;
}
.project-spec-name {
margin-top: 0rem;
margin-right: 2rem;
margin-bottom: 0rem;
}
.step-info {
position: static;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-left: 1.5rem;
padding-top: 0em;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.timeline-wrapper {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 2.5rem;
height: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.timeline-wrapper.timeeeee {
position: static;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
display: none;
width: 30vh;
margin-right: auto;
margin-left: auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.timeline-wrapper.gvtrcf {
position: relative;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: auto;
margin-right: auto;
margin-left: auto;
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.personality-description {
position: absolute;
left: 0%;
top: 5%;
right: 0%;
bottom: auto;
font-size: 1.125rem;
line-height: 1.625rem;
text-align: center;
}
.webflow-embed {
position: absolute;
left: 0%;
top: 0%;
right: auto;
bottom: auto;
width: 200%;
height: 54.375rem;
margin-top: -10.9375rem;
margin-left: -50%;
border-radius: 0.75rem;
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
}
.rr-text {
z-index: 5;
margin: 0rem 0.5rem;
color: #000;
font-size: 0.6875rem;
line-height: 1.25rem;
letter-spacing: 0.025rem;
}
.rr-peep {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-bottom: 0.5rem;
padding: 0.125rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-style: solid;
border-width: 0.125rem;
border-color: #000;
border-radius: 6.25rem;
background-color: #fff;
}
.figma-embed {
width: 100%;
height: 100%;
}
.faq-bottom {
overflow: hidden;
-webkit-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.loading {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 100;
width: 7.5rem;
height: 7.5rem;
margin: auto;
}
.circle-blur-top-left {
position: absolute;
left: -5%;
top: -5%;
right: auto;
bottom: auto;
z-index: -1;
display: block;
width: 27.5rem;
height: 27.5rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
border-radius: 31.25rem;
background-image: linear-gradient(132deg, #ff7448 35%, #ff4848 54%, #6248ff 80%);
-webkit-filter: blur(6.25rem);
filter: blur(6.25rem);
}
.circle-blur-top-left.safari {
position: fixed;
left: 0%;
top: auto;
right: auto;
bottom: 0%;
width: 27.5rem;
height: 27.5rem;
background-image: linear-gradient(132deg, #2669e3 35%, #ff4848 54%, #6248ff 80%);
opacity: 0.97;
-webkit-filter: blur(4rem);
filter: blur(4rem);
}
.circle-blur-top-left.safari.speciaaal {
position: fixed;
}
.circle-blur-top-left.safari.ghjkl {
left: auto;
top: auto;
right: 0%;
bottom: 0%;
}
.circle-blur-top-left.safari.test {
left: auto;
top: 0%;
right: 0%;
bottom: auto;
width: 27.5rem;
height: 27.5rem;
background-image: linear-gradient(132deg, #2669e3 35%, #6248ff 50%, #ff4848 80%);
opacity: 0.53;
}
.circle-blur-top-left.safari.test.z {
left: auto;
top: auto;
right: 0%;
bottom: 0%;
}
.circle-blur-top-left.safari.test.fixe-bas-gauche {
left: 0%;
top: auto;
right: auto;
bottom: 0%;
}
.circle-blur-top-left.safari {
position: fixed;
left: 0%;
top: 0%;
right: auto;
bottom: auto;
width: 27.5rem;
background-image: linear-gradient(132deg, #2669e3 35%, #ff4848 54%, #6248ff 80%);
opacity: 0.97;
-webkit-filter: blur(4rem) blur(4rem);
filter: blur(4rem) blur(4rem);
}
.pricing-row-spacer {
height: 1.5rem;
}
.circle-blur-bottom-right {
position: absolute;
left: auto;
top: auto;
right: 0%;
bottom: -15%;
z-index: -1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 27.5rem;
height: 27.5rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
border-radius: 31.25rem;
background-image: linear-gradient(132deg, #ff7448 26%, #ff4848 51%, #6248ff 75%);
-webkit-filter: blur(6.25rem);
filter: blur(6.25rem);
}
.circle-blur-bottom-right.safari {
left: auto;
top: auto;
right: 0%;
bottom: 0%;
display: block;
width: 27.5rem;
min-width: 0rem;
margin-top: 3.75rem;
margin-right: auto;
margin-left: auto;
padding-top: 0rem;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
opacity: 0.97;
-webkit-filter: blur(4rem) blur(4rem);
filter: blur(4rem) blur(4rem);
-o-object-fit: fill;
object-fit: fill;
}
.circle-blur-bottom-right.safari.hh {
left: auto;
top: 0%;
right: 0%;
bottom: auto;
width: 27.5rem;
height: 31.25rem;
background-image: linear-gradient(132deg, #2669e3 26%, #ff4848 51%, #6248ff 75%);
opacity: 0.69;
}
.circle-blur-bottom-right.safari {
left: auto;
top: 0%;
right: 0%;
bottom: auto;
min-width: 0rem;
margin-top: 3.75rem;
margin-right: auto;
margin-left: auto;
padding-top: 0rem;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
opacity: 0.97;
-webkit-filter: blur(4rem) blur(4rem);
filter: blur(4rem) blur(4rem);
-o-object-fit: fill;
object-fit: fill;
}
.circle-blur-bottom-right.safari {
left: auto;
top: 0%;
right: 0%;
bottom: auto;
min-width: 0rem;
margin-top: 3.75rem;
margin-right: auto;
margin-left: auto;
padding-top: 0rem;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
background-image: linear-gradient(132deg, #2669e3 26%, #ff4848 51%, #6248ff 75%);
opacity: 0.97;
-webkit-filter: blur(4rem) blur(4rem);
filter: blur(4rem) blur(4rem);
-o-object-fit: fill;
object-fit: fill;
}
.hero-heading {
position: relative;
max-width: 40rem;
}
.bouton-dashboard {
position: fixed;
left: 0%;
top: 1.5rem;
right: 0%;
bottom: auto;
z-index: 1000;
display: block;
width: 90%;
max-width: 85rem;
margin-right: auto;
margin-left: auto;
}
.error-message {
border-radius: 0.5rem;
color: #e01e1e;
}
.success-message-text {
font-family: Relative, sans-serif;
color: #fff;
font-size: 1rem;
line-height: 1.5rem;
text-align: left;
}
.project-spec-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
padding: 1.5rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
border-style: solid;
border-width: 0.125rem;
border-color: #161616;
border-radius: 1rem;
background-color: #fff;
}
.white-line {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
width: 0.125rem;
height: 100%;
background-color: #2669e3;
}
.white-line.loaddddd {
position: static;
left: auto;
top: auto;
right: 0%;
bottom: 0%;
display: block;
float: left;
-webkit-transform: translate(0rem, 68vh);
-ms-transform: translate(0rem, 68vh);
transform: translate(0rem, 68vh);
}
.white-line.tbgvf {
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
width: 5rem;
height: 0.15rem;
max-width: 5rem;
border-radius: 1.25rem;
}
.project-spec-tab-link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0.5rem 0rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 0.125rem solid transparent;
background-color: transparent;
opacity: 1;
}
.project-spec-tab-link:hover {
opacity: 1;
}
.project-spec-tab-link.w--current {
border-bottom-color: #161616;
background-color: transparent;
opacity: 1;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.project-spec-tab-link.right-32 {
margin-right: 2rem;
}
.project-spec-tab-link.right-32.w--current {
margin-right: 2rem;
}
.label-arrow {
position: absolute;
left: 37%;
top: auto;
right: 0%;
bottom: 1%;
}
.label-arrow.on-t-m {
display: none;
}
.unlocked {
display: none;
}
.features-text {
color: #fff;
font-size: 1rem;
letter-spacing: 0rem;
text-transform: uppercase;
}
.circle-blur-top-left-2 {
position: absolute;
left: -5%;
top: -5%;
right: auto;
bottom: auto;
z-index: -1;
display: block;
width: 27.5rem;
height: 27.5rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
border-radius: 31.25rem;
background-image: linear-gradient(132deg, #ff7448 27%, #ff4848 50%, #6248ff 79%);
-webkit-filter: blur(6.25rem);
filter: blur(6.25rem);
}
.circle-blur-top-left-2.safari {
opacity: 0.97;
-webkit-filter: blur(4rem) blur(4rem);
filter: blur(4rem) blur(4rem);
}
.random-fact.adam-fact-1 {
position: absolute;
left: 5%;
top: 15%;
right: auto;
bottom: auto;
width: 7.5625rem;
}
.random-fact.dan-fact-1 {
position: absolute;
left: 5%;
top: 15%;
right: auto;
bottom: auto;
width: 8.375rem;
}
.random-fact.dan-fact-2 {
position: absolute;
left: auto;
top: 15%;
right: 5%;
bottom: auto;
width: 9.125rem;
}
.random-fact.adam-fact-2 {
position: absolute;
left: auto;
top: 15%;
right: 5%;
bottom: auto;
width: 7.5625rem;
}
.paragraph-s {
font-size: 0.875rem;
}
.pricing-table {
margin-bottom: 4rem;
padding: 2.5rem;
border-radius: 1rem;
background-color: #161616;
}
.unlock-icon {
position: absolute;
left: 1rem;
top: 0.625rem;
right: 1rem;
bottom: 0.625rem;
width: 1.5rem;
height: 1.5rem;
margin-top: 0.0625rem;
}
.faq-top {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.body {
background-color: #c7a8c5;
cursor: auto;
}
.body.question {
background-color: #d8d5d1;
}
.confirmation-heading-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 1.5rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
}
.confirmation-page-subheading {
max-width: 35rem;
margin-bottom: 1.5rem;
color: #fff;
font-size: 1.5rem;
text-align: center;
}
.image-9 {
margin-right: 1rem;
}
.image-9.invert {
-webkit-filter: invert(100%);
filter: invert(100%);
}
.menu {
position: relative;
z-index: 2000;
display: none;
}
.image-6 {
width: 1.25rem;
height: 1.25rem;
margin-right: 0.75rem;
-webkit-filter: invert(100%);
filter: invert(100%);
}
.max-800w {
max-width: 50rem;
}
.step-1-info-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 1.5rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
border-style: solid;
border-width: 0.125rem;
border-color: #fff;
border-radius: 1rem;
}
.step-1-info-wrapper.step-5 {
margin-bottom: 0rem;
}
.step-1-info-wrapper.step-5 {
margin-bottom: 0rem;
}
.step-2-info-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 1.5rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
border-style: solid;
border-width: 0.125rem;
border-color: #fff;
border-radius: 1rem;
}
.step-2-info-wrapper.step-5 {
margin-bottom: 0rem;
}
.step-2-info-wrapper.step-5 {
margin-bottom: 0rem;
}
.step-3-info-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 1.5rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
border-style: solid;
border-width: 0.125rem;
border-color: #fff;
border-radius: 1rem;
}
.step-3-info-wrapper.step-5 {
margin-bottom: 0rem;
}
.step-3-info-wrapper.step-5 {
margin-bottom: 0rem;
}
.step-4-info-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 1.5rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
border-style: solid;
border-width: 0.125rem;
border-color: #fff;
border-radius: 1rem;
}
.step-4-info-wrapper.step-5 {
margin-bottom: 0rem;
}
.step-4-info-wrapper.step-5 {
margin-bottom: 0rem;
}
.step-5-info-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 1.5rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
border-style: solid;
border-width: 0.125rem;
border-color: #fff;
border-radius: 1rem;
}
.step-5-info-wrapper.step-5 {
margin-bottom: 0rem;
}
.step-5-info-wrapper.step-5 {
margin-bottom: 0rem;
}
.step-1-number {
position: relative;
z-index: 2;
overflow: hidden;
width: 3em;
border-style: none;
border-width: 0.5rem 0.0625rem;
border-color: #161616 #000;
}
.step-2-number {
position: relative;
z-index: 2;
overflow: hidden;
width: 3em;
border-style: none;
border-width: 0.5rem 0.0625rem;
border-color: #161616 #000;
}
.step-3-number {
position: relative;
z-index: 2;
overflow: hidden;
width: 3em;
border-style: none;
border-width: 0.5rem 0.0625rem;
border-color: #161616 #000;
}
.step-4-number {
position: relative;
z-index: 2;
overflow: hidden;
border-style: none;
border-width: 0.5rem 0.0625rem;
border-color: #161616 #000;
}
.step-5-number {
position: relative;
z-index: 2;
overflow: hidden;
border-style: none;
border-width: 0.5rem 0.0625rem;
border-color: #161616 #000;
}
.contact-button-footer {
color: #fff;
font-size: 1rem;
line-height: 1.3;
text-decoration: none;
}
.table-caption {
margin-bottom: 0rem;
color: hsla(0, 0%, 100%, 0.8);
font-size: 0.875rem;
line-height: 1.5rem;
text-align: right;
}
.slide__title {
font-size: 13vw;
line-height: 100%;
text-align: center;
}
.slide__image {
width: 100%;
height: 100%;
border-radius: 1rem;
-webkit-filter: saturate(0%);
filter: saturate(0%);
-o-object-fit: cover;
object-fit: cover;
}
.slide__wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
height: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.slide__link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 64vw;
height: 36vw;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-o-object-fit: cover;
object-fit: cover;
}
.slide__parallax-1 {
width: 100%;
height: 100%;
}
.slide__image-wrapper {
overflow: hidden;
width: 100%;
height: 100%;
}
.slide__parallax-2 {
position: absolute;
}
.left-arrow {
border-radius: 1.0625rem;
background-color: #ce1e1e;
}
.right-arrow {
width: 0.125rem;
}
.image-10 {
border-radius: 1rem;
text-align: center;
}
.cursors {
position: fixed;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 100;
display: block;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.div-block {
width: 1.25rem;
height: 1.25rem;
border-radius: 6.25rem;
background-color: #d2ceca;
opacity: 1;
-webkit-transition: opacity 200ms ease;
transition: opacity 200ms ease;
}
.largecircle {
position: absolute;
display: block;
width: 3.125rem;
height: 3.125rem;
grid-auto-columns: 1fr;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
border: 0.0625rem solid #000;
border-radius: 1.5625rem;
-o-object-fit: fill;
object-fit: fill;
}
._3dot {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 1.875rem;
height: 1.875rem;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
}
.small-dot {
width: 0.25rem;
height: 0.25rem;
border: 0.0625rem solid #000;
border-radius: 0.125rem;
background-color: #161616;
}
.large-dot {
width: 0.625rem;
height: 0.625rem;
border-radius: 0.3125rem;
background-color: #161616;
}
.text-block {
color: #fff;
}
.image-11 {
position: static;
display: inline-block;
width: 20em;
height: 20em;
min-height: 0.625rem;
min-width: 0.625rem;
padding-bottom: 0rem;
padding-left: 8.6875rem;
border-radius: 1.875rem;
text-align: left;
}
.image-133 {
display: inline;
margin-right: -1.875rem;
margin-bottom: 1rem;
margin-left: auto;
padding: 2.375rem 0rem 2.875rem 5.625rem;
border-radius: 1.25rem;
}
.div-block-2 {
margin-right: -2.375rem;
margin-bottom: -5.5625rem;
margin-left: -5.1875rem;
padding-right: 0rem;
padding-bottom: 0rem;
padding-left: 8.3125rem;
}
.image-134 {
margin: 0.75rem -20.6875rem 4.25rem 29.3125rem;
padding: 0rem;
border-radius: 1.25rem;
}
.image-135 {
margin-bottom: -5.3125rem;
padding-bottom: 0rem;
padding-left: 22.0625rem;
border-radius: 1.25rem;
}
.image-136 {
margin-bottom: -18.6875rem;
padding-top: 0rem;
padding-bottom: 0rem;
padding-left: 0rem;
border-radius: 1.25rem;
}
.image-137 {
margin-bottom: -5.125rem;
border-radius: 1.25rem;
}
.image-138 {
margin-top: 4.5625rem;
margin-bottom: -0.625rem;
margin-left: 16.75rem;
border-radius: 1.25rem;
}
.heading-3 {
text-align: center;
}
.footer {
margin-right: auto;
margin-left: auto;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
background-color: #161616;
text-align: center;
}
.footer-flex-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 2.5rem;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: left;
}
.footer-logo-link {
max-height: 3.75rem;
min-width: 3.75rem;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
}
.footer-image {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: 0% 50%;
object-position: 0% 50%;
}
.footer-heading {
margin-top: 0rem;
margin-bottom: 1.25rem;
font-size: 0.875rem;
line-height: 1.5;
}
.footer-link {
display: block;
margin-bottom: 0.625rem;
color: #444;
text-decoration: none;
}
.footer-link:hover {
text-decoration: underline;
}
.text-block-2 {
margin-right: auto;
margin-left: auto;
color: #fff;
}
.section-2.is--hero {
position: relative;
z-index: 1;
overflow: hidden;
width: 100%;
height: 100vh;
}
.box {
position: absolute;
left: 0%;
top: 0%;
right: auto;
bottom: auto;
display: block;
width: 20em;
height: 20em;
margin-top: 0vh;
margin-left: -5.8em;
border-style: solid;
border-width: 0.125rem;
border-color: #000;
border-radius: 50%;
background-color: #1f1f1f;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c2695f9fbe95a43_mark-zuravski-MmC7VSkNTwI-unsplash.webp");
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
cursor: pointer;
}
.box.is--3 {
z-index: 4;
margin-top: 97vh;
margin-left: 47.6em;
border-width: 0rem;
background-color: transparent;
background-image: none;
-webkit-transform: translate(-62vw, -20vw);
-ms-transform: translate(-62vw, -20vw);
transform: translate(-62vw, -20vw);
}
.box.is--2 {
z-index: 3;
margin-top: 15vh;
margin-left: 9em;
border-width: 0rem;
background-color: transparent;
background-image: none;
}
.box.is--6 {
z-index: 7;
display: block;
margin-top: 75vh;
margin-left: 20.6em;
border-width: 0rem;
background-color: transparent;
background-image: none;
opacity: 1;
}
.box.is--1 {
z-index: 2;
border-width: 0rem;
background-image: none;
}
.box.is--1.bouge {
background-color: transparent;
}
.box.is--4 {
z-index: 5;
margin-top: 9vh;
margin-left: 68.3em;
border-width: 0rem;
background-color: transparent;
background-image: none;
}
.box.is--7 {
z-index: 8;
margin-top: 43vh;
margin-left: 45.7em;
border-width: 0rem;
background-color: transparent;
background-image: none;
}
.box.is--5 {
z-index: 6;
margin-top: 70vh;
margin-left: 74.1em;
border-width: 0rem;
background-color: transparent;
background-image: none;
}
.box_link {
display: none;
}
.work {
position: relative;
width: 100%;
height: 150vh;
}
.image-139 {
position: static;
overflow: visible;
border: 0rem none #000;
border-radius: 4.375rem;
}
.image-139-copy {
min-height: 12.5rem;
min-width: 12.5rem;
border-radius: 4.375rem;
}
.image-139-copy.coucou {
border: 0rem solid transparent;
}
.video-lightbox {
position: -webkit-sticky;
position: sticky;
left: 0%;
top: 0rem;
right: 0%;
bottom: 0%;
z-index: 500;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100vw;
min-height: 100vh;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.floating-masthead1 {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100vw;
height: auto;
min-height: 100vh;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: perspective(23.3125rem);
transform: perspective(23.3125rem);
}
.c-slider {
position: relative;
left: 0rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 29.25rem;
max-width: none;
margin-right: -2rem;
margin-left: -2rem;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.c-slide {
position: relative;
width: 17.875rem;
height: 29.25rem;
min-height: 29.25rem;
min-width: 17.875rem;
margin-right: 2rem;
margin-left: 2rem;
padding-top: 0rem;
padding-bottom: 0rem;
}
.c-slide_wrapper {
height: 29.25rem;
}
.c-slide_image {
position: relative;
border-radius: 3.75rem;
box-shadow: 17px 17px 5rem 0 rgba(0, 46, 82, 0.16);
-webkit-transform: translate(0rem, 0rem);
-ms-transform: translate(0rem, 0rem);
transform: translate(0rem, 0rem);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.c-slide_image.c-move-to-bottom {
border-radius: 4.0625rem;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.c-arrows-wrapper {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 5.5rem;
margin: -9.3125rem 28.125rem 1.1875rem auto;
padding-top: 0.1875rem;
padding-bottom: 1.625rem;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.c-arrow {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 2.5rem;
height: 2.5rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-style: solid;
border-width: 0.0625rem;
border-color: #3b4f5a;
border-radius: 50%;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: #3b4f5a;
cursor: pointer;
}
.c-arrow:hover {
background-color: #3b4f5a;
color: #fff;
}
.c-arrow.cc-right {
padding-top: 0rem;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.c-arrow_embed {
width: 1rem;
height: 1rem;
}
.frame {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
padding-right: 2rem;
padding-left: 2rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.frame__viewer {
position: relative;
z-index: 1;
overflow: hidden;
width: 60rem;
height: 33.75rem;
}
.iframe-wrapper {
width: 100%;
height: 33.75rem;
}
.fullscreen-button {
position: absolute;
right: 2rem;
bottom: 2rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 2.5rem;
height: 2.5rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-style: solid;
border-width: 0.0625rem;
border-color: rgba(255, 251, 180, 0.3);
border-radius: 50%;
-webkit-transition: border-color 200ms ease;
transition: border-color 200ms ease;
color: #fff;
}
.fullscreen-button:hover {
border-color: #fffbb4;
}
.fullscreen-button__icon {
width: 1.5rem;
height: 1.5rem;
}
.frame__background {
position: absolute;
z-index: 0;
overflow: hidden;
width: 60rem;
height: 33.75rem;
-webkit-filter: blur(5rem);
filter: blur(5rem);
}
.spot {
width: 25rem;
height: 25rem;
border-radius: 50%;
background-color: #fff;
opacity: 1;
-webkit-filter: blur(2.5rem);
filter: blur(2.5rem);
}
.spot-wrap {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 9998;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.spot-wrap._1 {
z-index: 9999;
}
.primary-button-dark {
padding: 0.9375rem 1.5rem;
border-style: solid;
border-width: 0.125rem;
border-color: #161616;
border-radius: 0.5rem;
background-color: #161616;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: #fff;
font-size: 0.875rem;
line-height: 0.875rem;
font-weight: 700;
text-align: center;
letter-spacing: 0.0375rem;
text-transform: uppercase;
}
.primary-button-dark:hover {
background-color: #0a0a0a;
}
.primary-button-dark.margin-right-xs {
margin-right: 1rem;
background-color: #161616;
cursor: auto;
}
.primary-button-dark.margin-right-xs.en-bas {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
border-width: 0rem;
border-color: #2669e3;
background-color: #525252;
font-weight: 400;
text-transform: capitalize;
}
.primary-button-dark.margin-right-xs.en-bas.rfz.gris {
border-width: 0.125rem;
border-color: hsla(0, 0%, 100%, 0);
}
.primary-button-dark.margin-right-xs {
width: 15rem;
margin-right: 0rem;
margin-bottom: 0.5rem;
padding: 1rem;
border-width: 0rem;
background-color: #161616;
font-weight: 700;
cursor: auto;
}
.margin-bottom-m {
margin-bottom: 1.5rem;
}
.home-heading-wrapper {
text-align: center;
}
.home-heading-wrapper.margin-bottom-xl {
padding-top: 0rem;
}
.secondary-button {
padding: 1.25rem 1.5rem;
border-style: solid;
border-width: 0.125rem;
border-color: #161616;
border-radius: 0.5rem;
background-color: #292929;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: #fff;
font-size: 0.875rem;
line-height: 0.875rem;
font-weight: 700;
text-align: center;
letter-spacing: 0.0375rem;
text-transform: capitalize;
}
.secondary-button:hover {
background-color: #d8d5d1;
}
.horizontal-flex-div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.horizontal-flex-div.centre-div {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.horizontal-flex-div.centre-div.en-bas {
margin-top: 2.5rem;
}
.horizontal-flex-div.centre-div.haut {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.horizontal-flex-div.centre-div.en-bas {
margin-top: 0rem;
}
.horizontal-flex-div.centre-div.en-bas {
margin-top: 2.5rem;
padding-bottom: 1em;
}
.underline {
display: inline-block;
margin-top: -0.25rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c2695f17ce95a2f_Underline%20Stroke.svg");
background-position: 50% 115%;
background-size: contain;
background-repeat: no-repeat;
}
.photo-du-dashboard {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.moodboard-screenshot {
width: 100%;
max-width: 67.5rem;
box-shadow: 0 24px 2.5rem 0 rgba(0, 0, 0, 0.15);
text-align: center;
}
.clone-image {
position: absolute;
left: auto;
top: -2.5rem;
right: -2.5rem;
bottom: auto;
width: 7.5rem;
height: 7.5rem;
}
.rotatosection {
position: relative;
z-index: -100;
display: inline-block;
overflow: visible;
width: 100%;
height: 800vh;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
background-color: #000;
-o-object-fit: cover;
object-fit: cover;
}
.stickydiv {
position: -webkit-sticky;
position: sticky;
top: 0rem;
z-index: -99;
width: 100%;
margin-right: auto;
margin-left: auto;
-o-object-fit: cover;
object-fit: cover;
}
.lottie-animation {
-o-object-fit: cover;
object-fit: cover;
}
.camera {
position: relative;
width: 0.5rem;
height: 0.5rem;
border-radius: 100%;
background-color: #292929;
}
.camera-inner {
position: absolute;
left: 50%;
top: 50%;
right: 0%;
bottom: 0%;
width: 0.25rem;
height: 0.25rem;
border-radius: 100%;
background-color: #0d2f61;
-webkit-transform: translate(0rem, -50%) translate(-50%, 0rem);
-ms-transform: translate(0rem, -50%) translate(-50%, 0rem);
transform: translate(0rem, -50%) translate(-50%, 0rem);
}
.phone-outer {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
border-style: solid;
border-width: 0.4375rem;
border-color: #000;
border-radius: 2.6875rem;
}
.l-small-btn {
position: absolute;
left: -0.5625rem;
top: 5rem;
right: auto;
bottom: auto;
width: 0.1875rem;
height: 1.5rem;
border-radius: 0.6875rem;
background-color: rgba(235, 186, 155, 0.6);
}
.outer-light {
position: absolute;
left: 50%;
top: 50%;
right: 0%;
bottom: 0%;
width: 20.375rem;
height: 41.75rem;
border-radius: 2.8125rem;
box-shadow: inset 5px 0.3125rem 0.9375rem -0.3125rem hsla(0, 0%, 100%, 0.65);
-webkit-transform: translate(-50%, 0rem) translate(0rem, -50%);
-ms-transform: translate(-50%, 0rem) translate(0rem, -50%);
transform: translate(-50%, 0rem) translate(0rem, -50%);
}
.gold-outer {
position: absolute;
left: 50%;
top: 50%;
right: 0rem;
bottom: 0%;
width: 20.875rem;
height: 42.25rem;
border: 0.3125rem solid #caa68e;
border-radius: 2.9375rem;
-webkit-transform: translate(0rem, -50%) translate(-50%, 0rem);
-ms-transform: translate(0rem, -50%) translate(-50%, 0rem);
transform: translate(0rem, -50%) translate(-50%, 0rem);
}
.l-large-btn {
position: absolute;
left: -0.5625rem;
top: 7.5rem;
right: auto;
bottom: auto;
width: 0.1875rem;
height: 2.8125rem;
border-radius: 0.6875rem;
background-color: rgba(235, 186, 155, 0.6);
}
.l-large-btn.b {
top: 11.0625rem;
}
.mic {
width: 2.8125rem;
height: 0.3125rem;
margin-right: 0.625rem;
margin-left: 1.5625rem;
border-radius: 15%;
background-color: #1a1a1a;
}
.iphone {
display: none;
height: 100vh;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #d9d1cb;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26951d41e95a1a_Grain_Latest.webp");
background-position: 0rem 0rem;
background-size: auto;
}
.phone-main {
position: relative;
width: 20.1875rem;
height: 41.4375rem;
border-radius: 2.8125rem;
background-color: #000;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26950139e95a45_7b31a923a4aaa22e38844256c69150fa.webp");
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.phone-top {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-top: 0.625rem;
padding-bottom: 1.25rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.image-140 {
position: relative;
left: 1.5rem;
bottom: -2.6875rem;
width: 3.125rem;
max-width: 100%;
min-width: 2.5rem;
border-radius: 0.625rem;
}
.our-work-card-wrapper {
position: relative;
z-index: 1;
width: 100%;
}
.card-stack-wrapper {
position: relative;
height: 37.5rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.stack-image {
position: absolute;
left: -20%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 1;
height: 100%;
margin-right: auto;
margin-left: auto;
border-style: solid;
border-width: 0.3125rem;
border-color: #fdfce4;
border-radius: 6.25rem;
-webkit-transition: right 600ms ease-out, left 600ms ease-out, opacity 275ms ease, z-Index 425ms ease-out, -webkit-transform 600ms ease-out;
transition: right 600ms ease-out, left 600ms ease-out, opacity 275ms ease, z-Index 425ms ease-out, -webkit-transform 600ms ease-out;
transition: transform 600ms ease-out, right 600ms ease-out, left 600ms ease-out, opacity 275ms ease, z-Index 425ms ease-out;
transition: transform 600ms ease-out, right 600ms ease-out, left 600ms ease-out, opacity 275ms ease, z-Index 425ms ease-out, -webkit-transform 600ms ease-out;
-o-object-fit: scale-down;
object-fit: scale-down;
}
.stack-image.stack-1 {
left: -3%;
border-style: none;
border-radius: 2.5rem;
opacity: 1;
}
.stack-image.stack-2 {
left: 15%;
top: 1%;
z-index: -1;
opacity: 1;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.stack-image.stack-3 {
left: 27%;
top: 1%;
z-index: -3;
opacity: 1;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.gn-bread {
display: none;
width: 1.875rem;
height: 1.875rem;
padding-top: 0.4375rem;
padding-bottom: 0.4375rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.globalnav {
position: fixed;
z-index: 9999;
width: 100%;
height: 3rem;
background-color: rgba(0, 0, 0, 0.8);
}
.mobile-burger-line {
width: 60%;
height: 0.0625rem;
background-color: #fff;
}
.gn-container {
max-width: 62.5rem;
margin-right: auto;
margin-left: auto;
}
.blur {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
padding-bottom: 0rem;
-webkit-filter: blur(1.25rem);
filter: blur(1.25rem);
}
.gn-link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 3rem;
padding-right: 0.625rem;
padding-left: 0.625rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: opacity 200ms cubic-bezier(.645, .045, .355, 1);
transition: opacity 200ms cubic-bezier(.645, .045, .355, 1);
color: #fff;
text-align: center;
text-decoration: none;
}
.gn-link:hover {
opacity: 0.7;
}
.gn-link.gn-apple {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26954d0fe95a37_apple-logo.svg");
background-position: 50% 50%;
background-size: 1rem 2.75rem;
background-repeat: no-repeat;
}
.gn-link.search {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c2695c153e95a2c_search.svg");
background-position: 50% 50%;
background-size: auto;
background-repeat: no-repeat;
}
.gn-link.bag {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26953c87e95a2d_bag.svg");
background-position: 50% 50%;
background-repeat: no-repeat;
}
.gn-items {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 3rem;
padding-right: 1.25rem;
padding-left: 1.25rem;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.875rem;
}
.headline {
margin-top: 4.625rem;
margin-bottom: 3.25rem;
font-size: 2.5rem;
font-weight: 600;
}
.more-programs {
background-color: #141414;
}
.she-creates {
position: relative;
}
.bio-right {
width: 18.75rem;
-webkit-transform: translate(9.375rem, 2.15625rem);
-ms-transform: translate(9.375rem, 2.15625rem);
transform: translate(9.375rem, 2.15625rem);
color: #a1a1a6;
text-align: left;
}
.unit-canvas-copy {
-webkit-transform: rotateX(0.001deg) rotateY(0deg) rotateZ(0deg);
transform: rotateX(0.001deg) rotateY(0deg) rotateZ(0deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.unit-copy-wrapper {
position: relative;
z-index: 4;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
max-height: 146.875rem;
max-width: 176.25rem;
margin-top: 0.8em;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.text-link-icon {
margin-left: 0.3125rem;
}
.heading-4 {
position: relative;
width: 100%;
max-width: 39.6875rem;
margin-top: 1.0625rem;
margin-right: auto;
margin-left: auto;
font-size: 4rem;
line-height: 1.0625em;
font-weight: 400;
letter-spacing: -0.009em;
}
.unit-image-wrapper {
position: relative;
width: 100%;
-webkit-transition: opacity 300ms ease-out;
transition: opacity 300ms ease-out;
}
.unit-image-wrapper.matrix-1 {
-webkit-perspective: 12.5rem;
perspective: 12.5rem;
}
.unit-image-wrapper.more-programs {
height: 28.625rem;
}
.subhead {
margin-top: 2.775rem;
font-size: 2rem;
line-height: 1.6875rem;
font-weight: 500;
letter-spacing: 0.007em;
}
.subhead.more-programs {
margin-top: 1.35em;
line-height: 1.25em;
letter-spacing: 0.004em;
}
.cta-link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 1.5rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #86868b;
font-size: 1.3125rem;
letter-spacing: 0.011em;
text-decoration: none;
}
.image {
margin-left: 0.625rem;
}
.unit-column-wrapper {
position: relative;
z-index: 4;
display: -ms-grid;
display: grid;
width: 100%;
height: 100%;
max-height: 146.875rem;
max-width: 176.25rem;
margin-right: 13.5625rem;
margin-left: 13.5625rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
grid-auto-columns: 1fr;
grid-column-gap: 1.125rem;
grid-row-gap: 1rem;
-ms-grid-columns: minmax(12.5rem, 25rem) minmax(12.5rem, 25rem);
grid-template-columns: minmax(12.5rem, 25rem) minmax(12.5rem, 25rem);
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.after {
position: absolute;
left: 0%;
top: auto;
right: 0%;
bottom: 0%;
z-index: 6;
width: 100%;
height: 4.0625rem;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26950459e95a38_np_chevron_933246_FFFFFF.svg");
background-position: 50% 50%;
background-size: 1.5rem;
background-repeat: no-repeat;
}
.hero {
position: relative;
height: 100vh;
}
.paragraph {
color: #86868b;
font-size: 1.3125rem;
font-weight: 400;
letter-spacing: 0.011em;
}
.unit-canvas-wrapper {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 176.25rem;
height: 146.875rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.unit-canvas-wrapper.unit-canvas-wrapper-0 {
position: absolute;
}
.unit-canvas-wrapper.unit-canvas-wrapper-1 {
position: absolute;
width: 168.75rem;
height: 127.5rem;
}
.unit-copy-container {
max-width: 36.25rem;
}
.unit-copy-container.more-programs {
max-width: 22.5rem;
}
.homepage-module {
display: -ms-grid;
display: grid;
width: 100%;
grid-auto-columns: 1fr;
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.module-content {
width: 100%;
height: 100%;
text-align: center;
}
.she-creates-image {
width: 51.25rem;
height: 28.75rem;
max-width: 66.75rem;
}
.description {
margin-top: 0.8em;
color: #86868b;
line-height: 1.5625rem;
font-weight: 400;
letter-spacing: -0.023375rem;
}
.description.more-programs {
margin-top: 1.4em;
}
.unit-program {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 25rem;
padding-bottom: 0rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.unit-image {
position: relative;
z-index: 1;
}
.unit-image.more-programs {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 40% 50%;
object-position: 40% 50%;
}
.button-2 {
padding: 0.5rem 1.0625rem;
border-style: solid;
border-width: 0.0625rem;
border-color: #f5f5f7;
border-radius: 1.4375rem;
background-color: transparent;
}
.unit-tile {
position: absolute;
padding: 1.875rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: translate(0rem, 0rem);
-ms-transform: translate(0rem, 0rem);
transform: translate(0rem, 0rem);
}
.unit-tile.unit-tile-14 {
display: block;
-webkit-transform: translate(-45.75rem, 26.9375rem);
-ms-transform: translate(-45.75rem, 26.9375rem);
transform: translate(-45.75rem, 26.9375rem);
}
.unit-tile.unit-tile-15 {
display: block;
-webkit-transform: translate(62.3125rem, -35.625rem);
-ms-transform: translate(62.3125rem, -35.625rem);
transform: translate(62.3125rem, -35.625rem);
}
.unit-tile.unit-tile-9 {
display: block;
-webkit-transform: translate(-8.0625rem, -23.5625rem);
-ms-transform: translate(-8.0625rem, -23.5625rem);
transform: translate(-8.0625rem, -23.5625rem);
}
.unit-tile.unit-tile-13 {
display: block;
-webkit-transform: translate(-65.75rem, -13.125rem);
-ms-transform: translate(-65.75rem, -13.125rem);
transform: translate(-65.75rem, -13.125rem);
}
.unit-tile.unit-tile-0 {
-webkit-transform: translate(-18.0625rem, 23.875rem);
-ms-transform: translate(-18.0625rem, 23.875rem);
transform: translate(-18.0625rem, 23.875rem);
}
.unit-tile.unit-tile-18 {
display: block;
-webkit-transform: translate(49.5rem, 25.4375rem);
-ms-transform: translate(49.5rem, 25.4375rem);
transform: translate(49.5rem, 25.4375rem);
}
.unit-tile.unit-tile-17 {
display: block;
-webkit-transform: translate(23.125rem, 48.25rem);
-ms-transform: translate(23.125rem, 48.25rem);
transform: translate(23.125rem, 48.25rem);
}
.unit-tile.unit-tile-4 {
-webkit-transform: translate(6.1875rem, -45.4375rem);
-ms-transform: translate(6.1875rem, -45.4375rem);
transform: translate(6.1875rem, -45.4375rem);
}
.unit-tile.unit-tile-6 {
-webkit-transform: translate(-41.4375rem, -36.1875rem);
-ms-transform: translate(-41.4375rem, -36.1875rem);
transform: translate(-41.4375rem, -36.1875rem);
}
.unit-tile.unit-tile-16 {
display: block;
-webkit-transform: translate(50.5rem, -15.5rem);
-ms-transform: translate(50.5rem, -15.5rem);
transform: translate(50.5rem, -15.5rem);
}
.unit-tile.unit-tile-7 {
-webkit-transform: translate(-13.8125rem, 47.8125rem);
-ms-transform: translate(-13.8125rem, 47.8125rem);
transform: translate(-13.8125rem, 47.8125rem);
}
.unit-tile.unit-tile-3 {
-webkit-transform: translate(-35rem, -16.0625rem);
-ms-transform: translate(-35rem, -16.0625rem);
transform: translate(-35rem, -16.0625rem);
}
.unit-tile.unit-tile-1 {
display: block;
-webkit-transform: translate(15.3125rem, 24.0625rem);
-ms-transform: translate(15.3125rem, 24.0625rem);
transform: translate(15.3125rem, 24.0625rem);
}
.unit-tile.unit-tile-20 {
display: block;
-webkit-transform: translate(58.75rem, 6.5625rem);
-ms-transform: translate(58.75rem, 6.5625rem);
transform: translate(58.75rem, 6.5625rem);
}
.unit-tile.unit-tile-10 {
display: block;
-webkit-transform: translate(41.4375rem, -43.0625rem);
-ms-transform: translate(41.4375rem, -43.0625rem);
transform: translate(41.4375rem, -43.0625rem);
}
.unit-tile.unit-tile-5 {
-webkit-transform: translate(-47.75rem, 48.6875rem);
-ms-transform: translate(-47.75rem, 48.6875rem);
transform: translate(-47.75rem, 48.6875rem);
}
.unit-tile.unit-tile-11 {
display: block;
-webkit-transform: translate(-31.625rem, 3.8125rem);
-ms-transform: translate(-31.625rem, 3.8125rem);
transform: translate(-31.625rem, 3.8125rem);
}
.unit-tile.unit-tile-8 {
-webkit-transform: translate(32.375rem, 4rem);
-ms-transform: translate(32.375rem, 4rem);
transform: translate(32.375rem, 4rem);
}
.unit-tile.unit-tile-19 {
display: block;
-webkit-transform: translate(51.6875rem, 46.5rem);
-ms-transform: translate(51.6875rem, 46.5rem);
transform: translate(51.6875rem, 46.5rem);
}
.unit-tile.unit-tile-12 {
display: block;
-webkit-transform: translate(-63.5625rem, 7.4375rem);
-ms-transform: translate(-63.5625rem, 7.4375rem);
transform: translate(-63.5625rem, 7.4375rem);
}
.unit-tile.unit-tile-2 {
-webkit-transform: translate(28.0625rem, -21.0625rem);
-ms-transform: translate(28.0625rem, -21.0625rem);
transform: translate(28.0625rem, -21.0625rem);
}
.unit-bio {
position: absolute;
z-index: 1;
width: 18.75rem;
font-size: 1.1875rem;
font-weight: 600;
letter-spacing: 0.012em;
}
.unit-bio:hover {
opacity: 1;
}
.unit-canvas-container {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 102vw;
height: 102vh;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.cta-links {
margin-top: 1.5625rem;
}
.cta-links.more-programs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.unit-wrapper {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
height: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.unit-wrapper.theme-dark {
padding: 1.875rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: #141414;
}
.text-link-2 {
color: #f5f5f7;
text-decoration: none;
}
.bio-left {
width: 18.75rem;
-webkit-transform: translate(-9.375rem, 2.15625rem);
-ms-transform: translate(-9.375rem, 2.15625rem);
transform: translate(-9.375rem, 2.15625rem);
color: #a1a1a6;
text-align: left;
}
.bio-left:hover {
display: block;
}
.div-block-3 {
position: relative;
left: 0rem;
display: block;
margin-bottom: 0rem;
padding-top: 0rem;
float: none;
}
.slide__image-2 {
position: relative;
left: 8.125rem;
top: 6.25rem;
right: auto;
bottom: auto;
display: inline-block;
width: 80%;
height: 100%;
padding-top: 0rem;
padding-left: 0rem;
-webkit-filter: saturate(0%);
filter: saturate(0%);
-o-object-fit: cover;
object-fit: cover;
}
.image-141 {
margin-top: -6.75rem;
padding-top: 6.25rem;
padding-bottom: 4.8125rem;
}
.code-section {
position: fixed;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
}
.heading-wrap {
position: relative;
z-index: 3;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100vh;
padding-bottom: 0rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.heading-1 {
margin-top: 0rem;
margin-bottom: 3.75rem;
padding: 0.625rem 1.25rem;
font-family: Inconsolata, monospace;
color: #a031ad;
font-size: 1.0625rem;
line-height: 1.25rem;
text-align: center;
letter-spacing: 0.375rem;
text-transform: uppercase;
}
.tablet {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 50vw;
height: 32vw;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: translate(0vw, -3vw) rotateX(50deg) rotateY(-5deg) rotateZ(20deg);
transform: translate(0vw, -3vw) rotateX(50deg) rotateY(-5deg) rotateZ(20deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.tablet-body {
position: absolute;
left: 0%;
top: -5%;
right: 0%;
bottom: 5%;
z-index: -1;
-webkit-transform: translate3d(0rem, 0rem, -1vw);
transform: translate3d(0rem, 0rem, -1vw);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.tablet-shadow {
position: absolute;
left: -1%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: -1;
border-radius: 1.5vw;
background-image: -webkit-gradient(linear, right top, left top, from(rgba(36, 43, 51, 0.6)), to(rgba(36, 43, 51, 0.9)));
background-image: linear-gradient(270deg, rgba(36, 43, 51, 0.6), rgba(36, 43, 51, 0.9));
-webkit-filter: blur(0.625rem);
filter: blur(0.625rem);
}
.tablet-edge {
position: absolute;
left: -1%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: -1;
border-radius: 1.5vw;
background-color: #666;
background-image: -webkit-gradient(linear, right top, left top, from(#707780), color-stop(3%, #929ba6), color-stop(100%, #707780), to(#707780));
background-image: linear-gradient(270deg, #707780, #929ba6 3%, #707780 100%, #707780);
}
.tablet-face {
position: absolute;
left: 0%;
top: -5%;
right: 0%;
bottom: 5%;
height: 32vw;
border: 0.1vw solid #eee;
border-radius: 1.5vw;
background-color: #17181a;
}
.tablet-screen {
position: absolute;
left: 1vw;
top: 1vw;
right: 1vw;
bottom: 1vw;
overflow: hidden;
border-radius: 0.5vw;
background-color: #000;
background-image: none;
background-size: auto;
}
.tablet-shine {
position: absolute;
left: 100%;
top: -100%;
right: -100%;
bottom: 50%;
z-index: 3;
background-image: radial-gradient(circle closest-side at 50% 50%, #fff, hsla(0, 0%, 100%, 0.5) 33%, hsla(0, 0%, 100%, 0));
opacity: 0.75;
}
.tablet-pan-trigger {
position: absolute;
left: 0%;
top: -5%;
right: 0%;
bottom: 5%;
display: block;
overflow: hidden;
border-radius: 1.5vw;
-webkit-transform: translate3d(0rem, 0rem, 1vw);
transform: translate3d(0rem, 0rem, 1vw);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.background-video {
position: relative;
left: 0rem;
bottom: -3.125rem;
}
.splide__slide {
width: 33.333333333333336%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.splide__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.splide__track {
width: 100%;
}
.splide {
position: relative;
width: 100%;
}
.splide.slider1.pill {
padding-right: 14em;
}
.splide__arrows {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.splide__arrows.is--mobile-center {
position: absolute;
display: inline-block;
}
.header {
height: 100%;
min-height: 0rem;
padding: 1.25rem;
background-color: #000;
}
.slider {
height: 100%;
}
.slide-1 {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c2695442fe95a3d_slider1.webp");
background-position: 50% 0rem;
background-size: cover;
}
.slide-container {
display: block;
width: 75%;
margin-top: 17.1875rem;
margin-right: auto;
margin-left: auto;
text-align: right;
}
.slide-nav {
display: none;
}
.moodboard-screenshot-2 {
display: block;
width: 100%;
max-width: 67.5rem;
margin-bottom: -10%;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
border-radius: 1rem;
-webkit-transform: translate(0rem, 3.75rem);
-ms-transform: translate(0rem, 3.75rem);
transform: translate(0rem, 3.75rem);
}
.utility-page-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100vw;
height: 100vh;
max-height: 100%;
max-width: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26951d41e95a1a_Grain_Latest.webp");
background-position: 0rem 0rem;
background-size: auto;
}
.utility-page-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 16.25rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
.utility-page-form {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.section-3 {
display: block;
}
.image-142 {
margin-top: -0.625rem;
padding-top: 0rem;
padding-bottom: 0rem;
}
.text-block-3 {
font-weight: 400;
}
.nav-text-2 {
overflow: visible;
-webkit-transform: translate(4.375rem, -2.1875rem);
-ms-transform: translate(4.375rem, -2.1875rem);
transform: translate(4.375rem, -2.1875rem);
color: #0a0a0a;
font-size: 1.0625rem;
font-weight: 700;
letter-spacing: 0.0175rem;
text-decoration: none;
text-transform: uppercase;
}
.comparatif-prix {
position: relative;
padding-top: 7.5rem;
padding-bottom: 7.5rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.comparatif-prix.cta {
position: relative;
overflow: hidden;
padding-top: 0rem;
padding-bottom: 0rem;
background-color: #0a0a0a;
}
.comparatif-prix.light-purple {
background-color: #f5f3ff;
}
.comparatif-prix.black {
overflow: visible;
background-color: #0a0a0a;
-o-object-fit: fill;
object-fit: fill;
}
.comparatif-prix.black.confirmation-page {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100vh;
padding-top: 11.25rem;
}
.comparatif-prix.light-orange {
background-color: #fff3ef;
}
.comparatif-prix.footer {
position: relative;
z-index: 0;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
background-color: #0a0a0a;
}
.comparatif-prix.grain {
display: block;
padding-top: 2.5rem;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26951d41e95a1a_Grain_Latest.webp");
background-position: 0rem 0rem;
background-size: 18.75rem 18.75rem;
}
.comparatif-prix.grain.top-140 {
padding-top: 8.75rem;
}
.comparatif-prix.grain.testimonial {
display: block;
margin-top: 0rem;
padding-top: 0rem;
padding-bottom: 0rem;
}
.comparatif-prix.grain.padding-top-40 {
padding-top: 2.5rem;
}
.comparatif-prix.grain.fdgchvjb {
display: block;
margin-bottom: 0rem;
padding-top: 0rem;
padding-bottom: 0rem;
}
.comparatif-prix.grain.subpage-hero {
padding-top: 10rem;
}
.link-item {
position: static;
display: block;
overflow: visible;
width: 100%;
max-width: 37.5rem;
margin-right: auto;
margin-bottom: 1em;
margin-left: auto;
padding: 0.75em;
border-style: solid;
border-width: 0.0625rem;
border-color: #d8d5d1;
border-radius: 0.375rem;
background-color: #161616;
-webkit-transition: all 250ms ease;
transition: all 250ms ease;
color: #12141d;
font-size: 1em;
font-weight: 500;
text-align: center;
text-decoration: none;
}
.link-item:hover {
background-color: #ff934f;
color: #f8f8ff;
}
.avatar {
width: 9rem;
height: 9rem;
max-height: 9rem;
max-width: 9rem;
min-height: 9rem;
min-width: 9rem;
border: 0.0625rem none transparent;
border-radius: 100%;
background-color: #f8f8ff;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26951825e95a59_avatar.webp");
background-position: 0rem 0rem;
background-size: cover;
}
.social-link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 2.5rem;
height: 2.5rem;
margin-right: 0.25em;
margin-left: 0.25em;
padding: 0.3125rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
-webkit-transition: background-color 300ms ease;
transition: background-color 300ms ease;
}
.social-link:hover {
background-color: #ff934f;
}
.social {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 0em;
margin-bottom: 2.5rem;
padding-right: 0.75rem;
padding-bottom: 0rem;
padding-left: 0.75rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.image-143 {
color: #fff;
}
.username {
display: block;
margin-top: 0em;
margin-bottom: 0em;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
color: #161616;
font-size: 1em;
font-weight: 300;
text-align: center;
letter-spacing: 0rem;
}
.container-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 1em;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.section {
height: 62.5rem;
padding: 8%;
color: #d7d3da;
}
.wrapper-2 {
background-color: transparent;
color: indigo;
}
.text-block-4 {
display: block;
border-style: solid;
border-width: 0rem;
border-color: #d8d5d1;
color: #d8d5d1;
text-decoration: none;
}
.title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 50rem;
margin-right: auto;
margin-bottom: 2em;
margin-left: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
text-decoration: none;
}
.container-3 {
position: relative;
display: block;
width: 85%;
max-width: 75rem;
margin-right: auto;
margin-left: auto;
}
.image-144 {
border-radius: 4.375rem;
}
.body-2 {
background-color: #d8d5d1;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26951d41e95a1a_Grain_Latest.webp");
background-position: 0rem 0rem;
background-size: auto;
color: #161616;
}
.browser-dot {
width: 0.625rem;
height: 0.625rem;
margin-right: 0.1875rem;
margin-left: 0.1875rem;
border-radius: 50%;
background-color: #fc615d;
}
.browser-dot.green {
background-color: #35cc4b;
}
.browser-dot.yellow {
background-color: #fdbc40;
}
.resize-text {
display: none;
}
._150-image-wrapper-inner {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 150vw;
height: 200vh;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-auto-columns: 1fr;
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
-ms-grid-rows: auto auto auto auto auto;
grid-template-rows: auto auto auto auto auto;
-webkit-transform: rotate(20deg);
-ms-transform: rotate(20deg);
transform: rotate(20deg);
}
.demo-container {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: visible;
width: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
background-image: none;
background-size: auto;
background-repeat: repeat;
background-attachment: scroll;
}
.browser-demo {
position: relative;
z-index: auto;
display: none;
overflow: hidden;
width: 50rem;
height: 25rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end;
border: 0.0625rem solid #e2e2e2;
border-radius: 0.625rem;
background-color: #1a1a1a;
background-image: none;
}
.demo-wrapper {
position: relative;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
min-height: 400vh;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
}
._150-image-wrapper-outer {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100vw;
height: 100vh;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
._150-image-row-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 0.625rem;
margin-bottom: 0.625rem;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
._150-image {
margin-right: 0.625rem;
margin-left: 0.625rem;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c2695a0ade95a56_will-turner-yS4VEyOgMEw-unsplash.webp");
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
._150-image._7 {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26950598e95a42_josh-hild-_TuI8tZHlk4-unsplash.webp");
}
._150-image._3 {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26957c5ae95a52_daniel-j-schwarz-CH7-NJQM4zg-unsplash.webp");
}
._150-image._17 {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26955412e95a48_james-adams-hdHz6O8rLng-unsplash.webp");
}
._150-image._4 {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c2695d0ede95a4d_lukas-blaskevicius-2jIBhXbdE8U-unsplash.webp");
}
._150-image._14 {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26955757e95a54_isaac-madrid-kMuFaJk-d0Y-unsplash.webp");
}
._150-image._6 {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26956b8be95a41_pang-yuhao-Sdske9tEDyg-unsplash.webp");
}
._150-image._20 {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c2695dbdee95a40_james-adams-HW2jyY7lmig-unsplash.webp");
}
._150-image._24 {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c2695c807e95a55_rob-coates-0WSnv89w8NU-unsplash.webp");
}
._150-image._13 {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26952bece95a5b_artin-bakhan-f1olIOxfMeQ-unsplash.webp");
}
._150-image._18 {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c2695f08be95a5e_matthew-ronder-seid-OwsvmAr3PiE-unsplash.webp");
}
._150-image._19 {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c2695b917e95a3b_toby-christopher--FdDxSryyEo-unsplash.webp");
}
._150-image._8 {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26954d36e95a4a_john-vicente-uYPEkDOa6DI-unsplash.webp");
}
._150-image._11 {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c2695a35de95a47_david-lezcano-vMjfhNAw7mk-unsplash.webp");
}
._150-image._2 {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c2695221ae95a5d_erik-mclean-jcsxshwzvk0-unsplash.webp");
}
._150-image._22 {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c2695b700e95a4b_marvin-meyer-NI5PYkdl8kU-unsplash.webp");
}
._150-image._15 {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26958799e95a58_sergio-souza-IR4zdB8TDkY-unsplash.webp");
}
._150-image._21 {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c2695eecde95a49_nong-vang-0mt7Pk8JDS0-unsplash.webp");
}
._150-image._12 {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c2695151fe95a44_andre-iv-RM73MZdIioQ-unsplash.webp");
}
._150-image._23 {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26953552e95a3c_dave-herring-3-cPvawkg-I-unsplash.webp");
}
._150-image._10 {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c269544e8e95a4e_jon-s-9x2l1o67wx0-unsplash.webp");
}
._150-image._16 {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c269546c4e95a46_moises-alex-0AlDmz8Twv0-unsplash.webp");
}
._150-image._9 {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c2695a083e95a5a_jack-nelson-MS5CuKPFJzg-unsplash.webp");
}
._150-image._5 {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c2695e1a6e95a3e_daniel-j-schwarz-E3QoGwsVLDo-unsplash.webp");
}
.section-4 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: auto;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.browser-top {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: auto;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 1.875rem;
padding-left: 0.9375rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-top-left-radius: 0rem;
border-top-right-radius: 0rem;
background-color: #e2e2e2;
}
.section-5 {
position: relative;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-height: 100vh;
padding-top: 6.25rem;
padding-bottom: 6.25rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.section-5.hero {
height: 100vh;
max-height: none;
}
.wrapper-3 {
width: 100%;
max-width: 98%;
margin-right: auto;
margin-left: auto;
padding: 1.25rem;
}
.content__img {
position: absolute;
left: 0%;
top: 0%;
right: auto;
bottom: auto;
z-index: 1;
display: block;
width: 100%;
height: auto;
max-width: 18.75rem;
}
.content {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 18.75rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.heading-6 {
position: relative;
z-index: 999;
color: #161616;
font-size: 2rem;
line-height: 1em;
font-style: normal;
font-weight: 400;
text-align: center;
letter-spacing: 0rem;
text-transform: capitalize;
}
.heading-7 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 2.5rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
color: hsla(0, 0%, 100%, 0.88);
font-size: 6.25rem;
line-height: 6.25rem;
font-weight: 900;
}
.paragraph-2 {
position: -webkit-sticky;
position: sticky;
display: inline-block;
width: 20.625rem;
margin-bottom: 2.5rem;
padding-right: 2.5rem;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transform: translate(0rem, 0rem);
-ms-transform: translate(0rem, 0rem);
transform: translate(0rem, 0rem);
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
color: #fff;
font-size: 1.625rem;
line-height: 2.25rem;
text-align: center;
}
.link {
color: #161616;
}
.body-3 {
background-color: #d8d5d1;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26951d41e95a1a_Grain_Latest.webp");
background-position: 0rem 0rem;
background-size: auto;
}
.div-block-4 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.paragraph-3 {
display: block;
width: 20.625rem;
clear: none;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
-ms-grid-row-align: auto;
align-self: auto;
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
-webkit-transform: translate(117%, 0rem);
-ms-transform: translate(117%, 0rem);
transform: translate(117%, 0rem);
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
color: #fff;
font-size: 1.625rem;
line-height: 2.25rem;
text-align: right;
}
.heading-8 {
margin-bottom: 2.5rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
color: hsla(0, 0%, 100%, 0.88);
font-size: 6.25rem;
line-height: 6.25rem;
font-weight: 900;
}
.heading-9 {
margin: 0rem auto;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
color: #161616;
font-size: 6.25rem;
line-height: 6.25rem;
font-weight: 900;
text-align: center;
}
.paragraph-4 {
display: block;
width: 20.625rem;
margin-right: auto;
margin-bottom: 2.5rem;
margin-left: auto;
padding-left: 0rem;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
border-radius: 0.6875rem;
background-color: transparent;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
color: #161616;
font-size: 0.9375rem;
line-height: 2.25rem;
text-align: center;
}
.section-6 {
width: auto;
height: auto;
min-width: 62.5rem;
padding-top: 12.5rem;
}
.body-4 {
background-color: #d8d5d1;
}
.submit-button {
background-color: #161616;
}
.text-block-5 {
color: #d8d5d1;
}
.loader {
position: fixed;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 99;
display: none;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #d8d5d1;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26951d41e95a1a_Grain_Latest.webp");
background-position: 0rem 0rem;
background-size: auto;
}
.lottie {
height: 9.375rem;
}
.heading-10 {
text-align: center;
}
.moodboard-screenshot-3 {
display: block;
width: 100%;
max-width: 67.5rem;
margin-top: 3.75rem;
margin-bottom: -21.875rem;
padding-top: 0rem;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
border-radius: 1rem;
box-shadow: none;
-webkit-transform: translate(0rem, 0rem);
-ms-transform: translate(0rem, 0rem);
transform: translate(0rem, 0rem);
}
.loader-2 {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 10;
display: none;
height: 100vh;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #000;
}
.circle {
width: 20.625rem;
}
.nav-bar-container {
display: -ms-grid;
display: grid;
width: 90%;
max-width: 85rem;
margin-right: auto;
margin-left: auto;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-auto-columns: 1fr;
grid-column-gap: 0.9375rem;
grid-row-gap: 0.9375rem;
-ms-grid-columns: 0.25fr 1fr 0.25fr;
grid-template-columns: 0.25fr 1fr 0.25fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
color: transparent;
}
.navbar-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 5.75rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
-webkit-transition: opacity 200ms ease;
transition: opacity 200ms ease;
}
.nav-link-2 {
padding: 0.3125rem 1.0625rem;
-webkit-transition: opacity 200ms ease;
transition: opacity 200ms ease;
color: #e9e9e9;
font-size: 0.8125rem;
font-weight: 400;
text-transform: uppercase;
cursor: pointer;
}
.nav-link-2:hover {
text-decoration: underline;
}
.nav-link-2.w--current {
color: #e9e9e9;
}
.nav-link-2.nav-menu-cta {
display: none;
}
.nav-link-2.not-yet-made {
display: none;
}
.cta-button {
position: fixed;
top: 1.375rem;
z-index: auto;
display: none;
margin-right: 0rem;
padding: 0.75rem 2.3125rem;
border-radius: 0.625rem;
background-color: #ff6d4a;
box-shadow: 0 2px 0.375rem 0 rgba(0, 0, 0, 0.1);
-webkit-transition: opacity 200ms ease;
transition: opacity 200ms ease;
font-weight: 600;
cursor: pointer;
}
.cta-button:hover {
background-color: rgba(255, 109, 74, 0.88);
}
.cta-button:active {
background-color: #ff6d4a;
}
.cta-button-with-arrow {
position: fixed;
left: auto;
top: 1.5rem;
right: 5vw;
z-index: 900;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0.75rem 1.0625rem 0.75rem 1.25rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 0.625rem;
background-color: #ff6d4a;
box-shadow: 0 0 0.1875rem 0 rgba(0, 0, 0, 0.25);
text-decoration: none;
}
.cta-button-with-arrow:hover {
background-color: #f26846;
}
.logo {
position: static;
z-index: 1;
width: 8rem;
height: 2rem;
margin-top: 2em;
cursor: pointer;
}
.brand {
position: static;
}
.brand.w--current {
position: static;
z-index: auto;
}
.fixed-cta-container {
position: fixed;
left: 0%;
top: 1.5rem;
right: 0%;
bottom: auto;
z-index: 2000;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 90%;
max-width: 85rem;
margin-right: auto;
margin-left: auto;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.button-text {
position: static;
margin-right: 0.8125rem;
color: #e9e9e9;
font-size: 1rem;
font-weight: 500;
}
.rl-features_card3-image1 {
width: 12.5rem;
-webkit-transform: skew(0deg, 0deg);
-ms-transform: skew(0deg, 0deg);
transform: skew(0deg, 0deg);
}
.margin-top {
margin-right: 0rem;
margin-bottom: 0rem;
margin-left: 0rem;
}
.margin-top.margin-medium {
padding-bottom: 0rem;
}
.heading-large {
margin-top: 6.25rem;
color: #161616;
font-size: 5rem;
line-height: 1.2;
font-weight: 500;
}
.rl-features_card3-image2 {
width: 12.5rem;
margin-right: 1rem;
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
}
.rl-features_card3-background-wrapper {
position: absolute;
left: auto;
top: auto;
right: -28%;
bottom: -120%;
display: -ms-grid;
display: grid;
-webkit-box-align: start;
-webkit-align-items: start;
-ms-flex-align: start;
align-items: start;
grid-auto-flow: column;
grid-auto-columns: 1fr;
grid-column-gap: 0.1rem;
grid-row-gap: 0.5rem;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
}
.rl-features_card3-background {
position: relative;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.rl-features_card3 {
position: relative;
display: -ms-grid;
display: grid;
overflow: hidden;
padding: 4rem;
grid-auto-columns: 1fr;
grid-column-gap: 0rem;
grid-row-gap: 0rem;
-ms-grid-columns: 1.25fr 1fr;
grid-template-columns: 1.25fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
border-radius: 1rem;
background-color: #161616;
}
.rl-features_card3.overflow-safari {
padding: 2.5rem;
border-radius: 0.0625rem;
background-color: #161616;
}
.rl-features_card3.overflow-safari {
padding: 2.5rem;
border-radius: 0.0625rem;
background-color: #161616;
}
.margin-bottom {
margin-top: 0rem;
margin-right: 0rem;
margin-left: 0rem;
}
.margin-bottom.margin-large {
margin-top: 2.5rem;
}
.margin-bottom.margin-xsmall {
margin-top: 1rem;
margin-right: auto;
margin-left: auto;
}
.margin-bottom.margin-medium {
width: 60%;
margin-right: auto;
margin-left: auto;
}
.margin-bottom.margin-medium.dfcgvhbj {
width: 100%;
border-radius: 0.5em;
}
.margin-bottom.margin-small {
display: block;
width: 100%;
margin-left: 0px;
padding-right: 0%;
padding-left: 0%;
}
.max-width-large {
width: 100%;
max-width: none;
}
.max-width-large.align-center {
padding-top: 0rem;
padding-bottom: 0em;
background-color: rgba(140, 13, 13, 0);
}
.max-width-large.align-center {
display: block;
max-width: none;
padding-top: 2em;
padding-bottom: 2em;
border-radius: 0.3125rem;
background-image: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#202020));
background-image: linear-gradient(180deg, #202020, #202020);
}
.max-width-large.align-center.fond-gris-clair {
display: block;
width: 100%;
margin-top: 0em;
margin-left: 0px;
padding-right: 5%;
padding-left: 5%;
border-radius: 0.5rem;
background-image: -webkit-gradient(linear, left top, left bottom, from(#0173ff), to(#0173ff));
background-image: linear-gradient(180deg, #0173ff, #0173ff);
}
.max-width-large.align-center.fond-gris-clair.bdizhfd {
width: 100%;
}
.max-width-large.align-center.fond-gris-clair.gris {
width: 100%;
height: 400px;
margin-right: auto;
margin-left: auto;
background-image: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#202020));
background-image: linear-gradient(180deg, #202020, #202020);
}
.max-width-large.align-center.fond-gris-clair {
display: block;
width: 100%;
margin-top: 0em;
margin-left: 0px;
padding-right: 5%;
padding-left: 5%;
border-radius: 0.5rem;
background-image: -webkit-gradient(linear, left top, left bottom, from(#0173ff), to(#0173ff));
background-image: linear-gradient(180deg, #0173ff, #0173ff);
}
.max-width-large.align-center.fond-gris-clair.gris {
width: 100%;
height: 14%;
margin-right: auto;
margin-left: auto;
background-image: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#202020));
background-image: linear-gradient(180deg, #202020, #202020);
}
.text-size-medium {
color: #d8d5d1;
font-size: 2.1rem;
}
.rl-features_text-wrapper.text-color-white {
position: relative;
z-index: 3;
}
.button-secondary {
padding: 0.75rem 1.5rem;
border-style: solid;
border-width: 0.125rem;
border-color: #000;
border-radius: 0.5rem;
background-color: #fff;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
color: #000;
line-height: 1;
font-weight: 500;
text-align: center;
}
.button-secondary:hover {
background-color: #d8d5d1;
}
.button-secondary.invert-colors {
border-color: #fff;
background-color: #161616;
color: #fff;
}
.button-secondary.invert-colors:hover {
background-color: hsla(0, 0%, 100%, 0.05);
}
.button-secondary.invert-colors.blur-background {
background-color: rgba(22, 22, 22, 0);
-webkit-backdrop-filter: blur(1.5625rem);
backdrop-filter: blur(1.5625rem);
}
.rl-features_background-overlay {
display: none;
}
.rl-features_component {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: 22.125rem;
grid-template-rows: 22.125rem;
background-color: #161616;
}
.rl-features_image-wrapper {
position: relative;
}
.rl-features_card1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 4rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
border-radius: 1rem;
background-color: #d8d5d2;
background-image: none;
}
.padding-vertical {
padding-right: 0rem;
padding-left: 0rem;
}
.padding-vertical.padding-large {
margin-right: auto;
margin-left: auto;
padding-right: 0rem;
padding-left: 0rem;
background-color: transparent;
}
.padding-vertical.padding-xxlarge {
padding-right: 0rem;
padding-left: 0rem;
}
.heading-huge {
font-size: 4rem;
line-height: 1.2;
font-weight: 500;
}
.rl-page-padding {
padding-right: 2.5vw;
padding-left: 2.5vw;
}
.text-background-scribble2 {
display: inline-block;
margin-bottom: -0.5rem;
padding-right: 0rem;
padding-bottom: 0.5rem;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c2695334ee95a3a_text-scribble-bg2.webp");
background-position: 50% 100%;
background-size: contain;
background-repeat: no-repeat;
}
.rl-features_card2 {
padding: 4rem;
border-radius: 1rem;
background-color: #d8d5d2;
background-image: none;
}
.rl-features_heading-wrapper {
width: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.container-large {
width: 100%;
max-width: 80rem;
margin-right: auto;
margin-left: auto;
}
.rl-features_image.image2 {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 1;
}
.rl-features_image.image1 {
position: relative;
z-index: 0;
}
.rl-features_image.image3 {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 2;
}
.rl-builtwith_project-button {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0.75rem 1.25rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
border-radius: 0.5rem;
background-color: #fff;
color: #161616;
font-size: 1rem;
line-height: 1;
font-weight: 500;
}
.rl-builtwith_button-icon {
width: 1.25rem;
height: 1.25rem;
margin-left: 0.5rem;
}
.text-size-medium-2 {
color: #d8d5d1;
font-size: 1.125rem;
}
.rl-features_card3-background-wrapper-2 {
position: absolute;
left: auto;
top: auto;
right: -28%;
bottom: -120%;
display: -ms-grid;
display: grid;
-webkit-box-align: start;
-webkit-align-items: start;
-ms-flex-align: start;
align-items: start;
grid-auto-columns: 1fr;
grid-column-gap: 0.1rem;
grid-row-gap: 0.5rem;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
-webkit-transform: rotate(49deg);
-ms-transform: rotate(49deg);
transform: rotate(49deg);
}
.logo-des-plateformes {
width: 10rem;
height: 43em;
max-width: none;
}
.logos-plateformes-2 {
width: 10rem;
height: 43em;
max-width: none;
margin-right: 1rem;
}
.plateformes {
position: static;
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: 22.125rem;
grid-template-rows: 22.125rem;
}
.heading-11 {
font-family: Relative, sans-serif;
}
.heading-12 {
font-family: Relative, sans-serif;
}
.accordion-bottom-wrap {
width: 100%;
padding-top: 1rem;
padding-bottom: 2rem;
}
.container-4 {
max-width: 60rem;
padding-right: 2rem;
padding-left: 2rem;
background-color: #161616;
}
.accordion-top-icon-wrap {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 1.0625rem;
height: 1.0625rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.accordion {
width: 100%;
border-bottom: 0.0625rem solid #202020;
cursor: pointer;
}
.accordion-top-icon {
position: relative;
margin-right: -1rem;
padding: 1rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.accordion-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
min-height: 100vh;
padding-top: 6.25rem;
padding-bottom: 6.25rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.accordion-divider {
height: 0rem;
border-top: 0.0625rem solid #202020;
}
.accordion-bottom-text {
width: 100%;
margin-bottom: 0rem;
color: #7e7e7e;
font-weight: 400;
}
.accordion-icon-stripe-1 {
width: 0.0625rem;
height: 100%;
background-color: #fff;
}
.accordion-top {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
opacity: 1;
-webkit-transition: opacity 600ms cubic-bezier(.19, 1, .22, 1);
transition: opacity 600ms cubic-bezier(.19, 1, .22, 1);
}
.accordion-top:hover {
opacity: 0.64;
}
.accordion-icon-stripe-2 {
position: absolute;
width: 100%;
height: 0.0625rem;
background-color: #fff;
}
.accordion-top-text {
font-size: 1rem;
line-height: 1.5rem;
font-weight: 500;
}
.accordion-bottom {
overflow: hidden;
width: 100%;
-webkit-perspective-origin: 50% 0%;
perspective-origin: 50% 0%;
-webkit-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.accordion-top-wrap {
padding-top: 1rem;
padding-bottom: 1rem;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
color: #d8d5d1;
}
.decks__text-heading {
margin-bottom: 2.875rem;
opacity: 0;
-webkit-transform: translate(0rem, 6.25rem);
-ms-transform: translate(0rem, 6.25rem);
transform: translate(0rem, 6.25rem);
text-align: center;
}
.decks__text {
width: 32.875rem;
margin-bottom: 2.5rem;
}
.decks__wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 120vw;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
grid-auto-columns: 1fr;
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.decks__grid {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.decks__grid.decks__grid--margin {
margin-right: 1vw;
}
.decks {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
height: 67vh;
padding-top: 9.625rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #f6f6f6;
}
.decks__overlay {
position: absolute;
left: 0%;
top: auto;
right: 0%;
bottom: 0%;
z-index: 1;
height: 7.25rem;
background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 96.5%, 0)), to(rgba(43, 42, 53, 0.2)));
background-image: linear-gradient(180deg, hsla(0, 0%, 96.5%, 0), rgba(43, 42, 53, 0.2));
}
.decks__image {
width: 15.5vw;
border-radius: 0.25rem;
box-shadow: 0 24px 1.5rem 0 rgba(0, 0, 0, 0.04), 0 1rem 1.5rem 0 rgba(0, 0, 0, 0.06), 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.12), 0 0 0.0625rem 0 rgba(0, 0, 0, 0.06);
}
.decks__image.decks__image--margin {
margin-bottom: 1.5vh;
}
.decks__text-paragraph {
opacity: 0;
-webkit-transform: translate(0rem, 6.25rem);
-ms-transform: translate(0rem, 6.25rem);
transform: translate(0rem, 6.25rem);
text-align: center;
}
.wrapper-4 {
position: fixed;
z-index: 8;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100vw;
height: 100vh;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.wrapper-phone {
position: relative;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 13.5rem;
height: 27.9375rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.image-145 {
position: absolute;
z-index: 1;
}
.phone-background {
position: absolute;
z-index: 0;
width: 13.5rem;
height: 27.9375rem;
border-radius: 2.875rem;
background-color: #c96b6b;
background-image: linear-gradient(74deg, #ff7676 5%, #ff7d4a);
}
.section-7 {
padding-top: 6.25rem;
padding-bottom: 6.25rem;
}
.container-5 {
max-width: 75rem;
margin-right: auto;
margin-left: auto;
}
.customer-reviews {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.review-wrapper {
margin-right: auto;
margin-left: auto;
}
.review-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.heading-13 {
margin-top: 1.25rem;
font-size: 2rem;
letter-spacing: -0.04rem;
}
.circle-div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
max-height: 15.625rem;
max-width: 15.625rem;
min-height: 15.625rem;
min-width: 15.625rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 62.5rem;
background-color: transparent;
box-shadow: 7px 7px 9.375rem 0 rgba(84, 102, 129, 0.08);
color: #d8d5d1;
}
.arrow-image-mobile {
display: none;
}
.title-2 {
max-width: 31.25rem;
margin-bottom: 0.9375rem;
border-style: solid;
border-color: transparent;
color: #fff;
font-size: 0.875rem;
font-weight: 700;
text-align: left;
letter-spacing: 0.1875rem;
text-transform: uppercase;
}
.statistic-circle-wrap {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: auto;
padding: 0.625rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
color: #161616;
}
.counterup {
margin-top: 0rem;
margin-bottom: 0.625rem;
color: #d8d5d1;
font-size: 3.25rem;
line-height: 3.25rem;
}
.title-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 2.1875rem;
padding-right: 0.625rem;
padding-left: 0.625rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
}
.heading-primary {
max-width: 31.25rem;
margin-top: 0rem;
margin-bottom: 1.25rem;
color: #1a3066;
font-size: 2.875rem;
line-height: 1;
font-weight: 700;
letter-spacing: -0.03125rem;
}
.heading-primary.h3-centre {
max-width: 43.75rem;
color: #d8d5d1;
text-align: center;
}
.heading-primary.h3-centre.gvfre {
color: #fff;
}
.heading-primary.h3-centre.gvfre.uhbijnl {
margin-right: auto;
margin-left: auto;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
color: #161616;
font-size: 1.625rem;
}
.heading-primary.h3-centre {
max-width: 43.75rem;
color: #d8d5d1;
text-align: center;
}
.arrow-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.arrow-image-mobile-02 {
display: none;
}
.arrow-image {
width: 6.25rem;
height: 6.25rem;
min-height: 6.25rem;
min-width: 6.25rem;
}
.container-6 {
width: 100%;
max-width: 77.5rem;
margin-right: auto;
margin-left: auto;
}
.feature-number-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 2rem;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.statistique {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 7.5rem 5% 1.25rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 0rem;
background-color: #161616;
}
.title-capped {
border-style: solid;
border-width: 0rem;
border-color: rgba(0, 0, 0, 0.79);
color: rgba(255, 255, 255, 0.55);
font-size: 1rem;
font-weight: 400;
text-align: center;
letter-spacing: 0.125rem;
text-transform: uppercase;
}
.testimonial-image-block {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 50%;
min-height: 21.875rem;
padding: 5.3125rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.testimonial-slider {
height: 100%;
background-color: transparent;
}
.testimonial-content-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 50%;
min-height: 21.875rem;
padding: 1.5625rem 1.5625rem 0rem 3.4375rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.icon-3 {
color: #4c4172;
}
.author-name {
margin-top: 0rem;
color: #161616;
font-size: 1.0625rem;
font-weight: 400;
}
.testimonial-content-block {
position: relative;
max-width: 36.875rem;
}
.right-arrow-3 {
left: auto;
top: auto;
right: 35%;
bottom: 0%;
display: none;
}
.testimonial-author-wrap {
margin-top: 2.8125rem;
}
.avis-ceo {
display: none;
padding: 3.75rem 5%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 0rem;
background-color: transparent;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26951d41e95a1a_Grain_Latest.webp");
background-position: 50% 50%;
background-size: 15.625rem;
}
.slide-nav-2 {
display: none;
}
.testimonial-columns-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.quote-image {
position: absolute;
left: -0.9375rem;
top: -1.5625rem;
min-width: 4.375rem;
}
.left-arrow-3 {
position: absolute;
left: auto;
top: auto;
right: 40%;
bottom: 0%;
display: none;
}
.testimonial-paragraph {
margin-bottom: 0rem;
color: #161616;
font-size: 1.125rem;
line-height: 1.4;
font-style: normal;
font-weight: 400;
}
.membre-de-l-quipe {
width: 72rem;
height: 72rem;
max-height: 90%;
max-width: 90%;
-webkit-transform: scale(1.09);
-ms-transform: scale(1.09);
transform: scale(1.09);
-webkit-transition: all 600ms ease;
transition: all 600ms ease;
}
.membre-de-l-quipe:hover {
width: 92rem;
max-height: 92%;
max-width: 92%;
-webkit-transform: rotate(-10deg) scale(1.09);
-ms-transform: rotate(-10deg) scale(1.09);
transform: rotate(-10deg) scale(1.09);
}
.dashboard-screen {
display: block;
margin-top: 3.125rem;
margin-bottom: -18.75rem;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
box-shadow: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.punks-slider_content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
padding-top: 2rem;
padding-bottom: 2rem;
}
.punks-slider_list {
display: -ms-grid;
display: grid;
margin-right: 1rem;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
justify-items: start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-auto-columns: 10rem;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
-ms-grid-columns: 10rem 10rem 10rem 10rem 10rem 10rem 10rem 10rem;
grid-template-columns: 10rem 10rem 10rem 10rem 10rem 10rem 10rem 10rem;
-ms-grid-rows: auto;
grid-template-rows: auto;
white-space: nowrap;
}
.punks-slider_image-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.punks-slider_image {
width: 10rem;
height: 10rem;
border-radius: 22%;
-o-object-fit: cover;
object-fit: cover;
}
.image-147 {
display: none;
}
.texxttte {
display: block;
overflow: visible;
font-family: Relative, sans-serif;
}
.texxttte.load {
display: block;
margin: auto;
border-style: none;
border-width: 0.0625rem;
border-color: #d8d5d1;
-webkit-transform: translate(0rem, 50vw);
-ms-transform: translate(0rem, 50vw);
transform: translate(0rem, 50vw);
color: #d8d5d1;
font-size: 12.5rem;
text-align: left;
}
.navbar_container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
margin-right: auto;
margin-left: auto;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.navbar_button {
margin-left: 1rem;
padding: 0.5rem 1.5rem;
border-radius: 6.25rem;
background-color: #575858;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
color: #fff;
font-weight: 500;
letter-spacing: 0em;
}
.navbar_button:hover {
background-color: #fff;
color: #101111;
}
.navbar_button.blue {
background-color: rgba(99, 133, 150, 0.5);
color: #c4ebff;
}
.navbar_button.blue:hover {
background-color: #fff;
color: #101111;
}
.navbar_button.purple {
background-color: rgba(142, 111, 181, 0.5);
color: #e5d0ff;
}
.navbar_button.purple:hover {
background-color: #fff;
color: #101111;
}
.navbar_social-link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
opacity: 0.75;
font-size: 0.875rem;
text-decoration: none;
}
.navbar_social-link:hover {
opacity: 1;
}
.navbar_logo-link {
padding-left: 0rem;
}
.navbar_link {
padding: 0.5rem 1rem;
opacity: 0.75;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
font-weight: 500;
}
.navbar_link:hover {
opacity: 1;
text-decoration: underline;
}
.navbar_link.w--current {
color: #fff;
}
.social-icon {
width: 1.5rem;
height: 1.5rem;
}
.navbar_menu-button {
padding: 0rem;
}
.navbar_menu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
}
.navbar_component {
position: -webkit-sticky;
position: sticky;
top: 0rem;
height: 4.5rem;
padding-right: 5%;
padding-left: 5%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(16, 17, 17, 0.95);
-webkit-backdrop-filter: blur(1.5625rem);
backdrop-filter: blur(1.5625rem);
}
.navbar_social-wrapper {
display: -ms-grid;
display: grid;
margin-left: 2rem;
justify-items: start;
-webkit-box-align: start;
-webkit-align-items: start;
-ms-flex-align: start;
align-items: start;
grid-auto-flow: column;
grid-auto-columns: -webkit-max-content;
grid-auto-columns: max-content;
grid-column-gap: 0.75rem;
grid-row-gap: 0rem;
-ms-grid-columns: -webkit-max-content;
-ms-grid-columns: max-content;
grid-template-columns: -webkit-max-content;
grid-template-columns: max-content;
-ms-grid-rows: auto;
grid-template-rows: auto;
white-space: normal;
}
._11 {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.k {
position: absolute;
width: 3.125rem;
height: 3.75rem;
border-style: solid;
border-width: 0.0625rem;
border-color: #fff;
border-radius: 100%;
}
.l {
position: absolute;
width: 4.375rem;
height: 2.5rem;
border-style: solid;
border-width: 0.0625rem;
border-color: hsla(0, 0%, 100%, 0.5);
border-radius: 100%;
background-image: radial-gradient(circle farthest-corner at 50% 50%, #fff 10%, transparent 0);
}
.div-block-5 {
position: fixed;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 999999;
display: block;
background-color: transparent;
}
.page-de-chargement {
position: fixed;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 999999;
background-color: transparent;
}
.page-de-chargement.fesdgfhgjh {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 999999;
display: block;
width: 100.000009546688vw;
height: 10000000vh;
margin: auto;
padding-top: 45vh;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
background-color: #161616;
}
.page-de-chargement.fesdgfhgjh.c {
display: none;
}
.container-8 {
display: block;
}
.container-8.sedgfhj {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
display: block;
margin-right: auto;
margin-left: auto;
}
.rl-styleguide-message-wrapper {
padding: 2.5rem;
border-radius: 1rem;
background-color: rgba(0, 0, 0, 0.1);
color: #161616;
text-align: left;
}
.heading-medium {
margin-right: auto;
margin-bottom: 3.75rem;
margin-left: auto;
color: #fff;
font-size: 2rem;
line-height: 1.3;
font-weight: 700;
text-align: center;
}
.text-size-medium-3 {
margin-bottom: 1.25rem;
padding-top: 1.25rem;
background-color: transparent;
color: #fff;
font-size: 1.125rem;
line-height: 1;
text-align: center;
}
.page-padding {
padding: 6.25rem 5%;
background-color: #161616;
}
.container-small {
width: 100%;
max-width: 48rem;
margin-right: auto;
margin-left: auto;
background-color: rgba(0, 0, 0, 0.05);
}
.rl-styleguide-message-fixed {
position: fixed;
left: 0%;
top: 0%;
right: 0%;
bottom: auto;
z-index: 99;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 1rem 2.5rem 4rem;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
}
.text-weight-medium {
font-weight: 500;
}
.text-weight-medium.text-size-medium {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-right: auto;
margin-left: auto;
font-weight: 700;
}
.button-3 {
padding: 0.75rem 1.5rem;
border-style: solid;
border-width: 0.0625rem;
border-color: #000;
background-color: #000;
color: #fff;
text-align: center;
}
.button-3.button-small {
padding: 0.5rem 1.25rem;
}
.button-3.is-button-small {
padding: 0.5rem 1.25rem;
}
.right-floating-cookie {
position: absolute;
left: 0%;
top: 60%;
right: 0%;
bottom: auto;
width: 39.0625rem;
margin-right: auto;
margin-left: auto;
padding: 1.5625rem;
border-radius: 0.625rem;
background-color: #000;
}
.right-cookie-image {
width: 9.375rem;
height: 9.375rem;
margin-right: 1.5625rem;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.white-text {
color: #fff;
}
.margin-15 {
margin-bottom: 0.9375rem;
}
.cookie-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.cookie-button-blue {
margin-right: 1.25rem;
padding-right: 3.5rem;
padding-left: 3.5rem;
border-radius: 0.3125rem;
background-color: #b5e3f4;
color: #000;
}
.cookie-button-blue:hover {
border-bottom-style: solid;
border-bottom-color: #203492;
}
.learn-more-span {
color: #fff;
font-weight: 600;
text-decoration: underline;
}
.button-4 {
margin-top: 1.25rem;
margin-right: 1.25rem;
padding: 0.75rem 1.25rem;
background-color: rgba(255, 255, 255, 0.15);
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
}
.button-4:hover {
background-color: #fff0e3;
color: #030303;
}
.button-4:focus-visible {
outline-color: #ffb13d;
outline-offset: 0.375rem;
outline-style: solid;
outline-width: 0.125rem;
}
.button-4[data-wf-focus-visible] {
outline-color: #ffb13d;
outline-offset: 0.375rem;
outline-style: solid;
outline-width: 0.125rem;
}
.section-8 {
position: relative;
padding-top: 6rem;
padding-bottom: 6rem;
padding-left: 5rem;
}
.section-8.hero {
overflow: hidden;
padding-top: 11.25rem;
padding-bottom: 8.25rem;
background-color: #161616;
color: #fff0e3;
}
.hero-fade {
position: absolute;
left: auto;
top: 0%;
right: 0%;
bottom: 0%;
width: 50%;
background-image: -webkit-gradient(linear, left top, right top, from(#161616), to(rgba(22, 22, 22, 0.54)));
background-image: linear-gradient(90deg, #161616, rgba(22, 22, 22, 0.54));
}
.hero-photo-grid-column {
display: -ms-grid;
display: grid;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-auto-columns: 1fr;
grid-column-gap: 0rem;
grid-row-gap: 1.5rem;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.hero-content-cover {
position: absolute;
left: 0%;
top: 0%;
right: auto;
bottom: 0%;
width: 60%;
height: 100%;
border-style: solid;
border-width: 0.0625rem;
border-color: #161616;
background-color: #161616;
}
.text-white-70 {
color: rgba(255, 255, 255, 0.7);
}
.hero-content-grid {
display: -ms-grid;
display: grid;
max-width: 31.25rem;
grid-auto-columns: 1fr;
grid-column-gap: 0rem;
grid-row-gap: 1.25rem;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.container-9 {
max-width: 87.5rem;
margin-right: auto;
margin-left: auto;
padding-right: 2.25rem;
padding-left: 2.25rem;
}
.container-9.hero-container {
position: relative;
z-index: 1;
}
.hero-photo-grid {
position: absolute;
left: auto;
top: -55%;
right: -10%;
bottom: 0%;
display: -ms-grid;
display: grid;
width: 60%;
grid-auto-columns: 1fr;
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
-webkit-transform: rotate(18deg);
-ms-transform: rotate(18deg);
transform: rotate(18deg);
}
.hero-photo-grid-image {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
}
.heading-14 {
color: #fff;
}
.container-10 {
position: fixed;
left: 0%;
top: 0%;
right: auto;
bottom: auto;
}
.image-148 {
position: relative;
left: 0rem;
top: 1.25rem;
}
.container-11 {
position: absolute;
left: 5vw;
top: 0.3125rem;
}
.image-149 {
padding-bottom: 0.625rem;
}
.image-149.j {
width: 6.25rem;
height: 1.8014705181121826rem;
}
.container-12 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.heading-15 {
color: #202020;
font-weight: 400;
}
.image-150 {
position: absolute;
left: 0%;
top: 40%;
right: 0%;
bottom: 0%;
overflow: visible;
width: auto;
max-width: 5rem;
margin-right: auto;
margin-bottom: 1rem;
margin-left: auto;
}
.footer_text-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-left: 2.75rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.rl-footer_left-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.rl-footer_social-link-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 1rem;
}
.rl-footer_column-layout {
-webkit-box-align: start;
-webkit-align-items: start;
-ms-flex-align: start;
align-items: start;
grid-column-gap: 3vw;
grid-row-gap: 1rem;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.footer1_logo-link {
padding-left: 0rem;
}
.footer_text-link {
text-decoration: underline;
}
.footer_logo {
height: 2rem;
}
.text-color-darkgrey {
color: rgba(22, 22, 22, 0.65);
}
.rl-footer_link {
display: block;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
-webkit-transition: color 200ms ease;
transition: color 200ms ease;
color: rgba(22, 22, 22, 0.65);
font-size: 0.9375rem;
font-weight: 500;
text-decoration: none;
}
.rl-footer_link:hover {
color: #161616;
}
.rl-footer_top-wrapper {
-webkit-box-align: start;
-webkit-align-items: start;
-ms-flex-align: start;
align-items: start;
grid-column-gap: 8vw;
grid-row-gap: 1rem;
-ms-grid-columns: 0.5fr 0.5fr;
grid-template-columns: 0.5fr 0.5fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.rl-footer_column-heading {
margin-bottom: 1rem;
font-size: 1.125rem;
font-weight: 500;
}
.rl-footer_column {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
justify-items: start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
grid-auto-columns: 100%;
-ms-grid-columns: 100%;
grid-template-columns: 100%;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.rl-footer_social-link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 2rem;
height: 2rem;
margin-right: 1rem;
padding: 0.25rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 0.5rem;
background-color: #d8d5d2;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.rl-footer_social-link:hover {
background-color: #e4e2df;
}
.container-13 {
width: 120rem;
max-width: 100%;
margin-right: auto;
margin-left: auto;
padding: 6em 5em 5em;
}
.new-div {
display: block;
width: 15.875rem;
height: 0rem;
border-top: 0.0625rem solid #3e3e3e;
opacity: 0.79;
}
.div_magnetic {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 102%;
height: 2.5em;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.grid-2 {
display: none;
}
.text_white-hide {
margin-top: 5.4em;
color: #fff;
font-size: 1.25rem;
}
.text-big {
color: #fff;
font-size: 5.45vw;
line-height: 1.4;
}
.text-big.is--thin {
position: static;
z-index: 1;
font-size: 5.45em;
line-height: 1.3;
font-weight: 100;
}
.div_hover {
position: relative;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 7em;
height: 3em;
margin-right: auto;
margin-left: auto;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.spacing {
height: 2em;
}
.grid-item {
display: block;
width: 70%;
}
.grid-item.text {
position: static;
z-index: 2;
width: 70%;
padding-bottom: 5em;
}
.grid-item.is--buttom {
width: 28%;
padding-top: 3em;
padding-bottom: 0em;
}
.grid-item.is--buttom-2 {
width: 50%;
padding: 3em 5em 0em;
}
.pricay-policy {
color: #fff;
font-size: 0.875rem;
text-decoration: none;
}
.heading-16 {
margin-bottom: 0.1875rem;
color: #fff;
font-size: 1.5rem;
line-height: 1.875rem;
font-weight: 300;
}
.line-big-mobile {
display: none;
width: 34.7em;
height: 0.0625rem;
background-color: #e2e2e2;
}
.div-block-222 {
position: absolute;
}
.div_text {
position: absolute;
}
.text_white-show {
width: 140%;
height: 1.25rem;
margin-top: 0em;
font-size: 1.2em;
font-weight: 300;
}
.line-big {
width: 34.7em;
height: 0.0625rem;
background-color: #e2e2e2;
}
.new-div-2 {
width: 15.875rem;
height: 0rem;
border-top: 0.0625rem solid #939393;
}
.div_mask {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 6em;
height: 1.6em;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.social_link {
color: #fff;
}
.contact-big-mobile {
display: none;
color: #fff;
text-decoration: none;
}
.grid {
position: relative;
z-index: 1;
padding-right: 5em;
padding-left: 5em;
}
.grid.is--second {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 0em;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.address-text {
color: hsla(0, 0%, 100%, 0.6);
font-size: 0.875rem;
line-height: 1.6;
font-weight: 300;
}
.text-contact {
text-decoration: none;
}
.link-block-2 {
text-decoration: none;
}
.line {
width: 5.4375rem;
height: 0.0625rem;
margin-top: 0.3em;
background-color: #fff;
}
.contact-big {
color: #fff;
text-decoration: none;
}
.grid_desktop {
padding-top: 2em;
grid-row-gap: 2.6875rem;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
.html-embed {
display: block;
}
.cursor {
position: fixed;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 9999;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.cursor-dot {
width: 0.9375rem;
height: 0.9375rem;
border-style: solid;
border-width: 0.0625rem;
border-color: #fff;
border-radius: 50%;
background-color: transparent;
}
.div-block-223 {
position: absolute;
left: auto;
top: -61%;
right: -27%;
bottom: auto;
display: block;
width: 60em;
height: 60em;
border-radius: 50%;
background-color: #070e89;
-webkit-filter: blur(18.75rem);
filter: blur(18.75rem);
}
.wrapper-5 {
overflow: hidden;
height: 100vh;
}
.contenu-du-footer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-top: 3.5em;
padding-bottom: 3.5em;
border-top: 0.0625rem solid #e5e5e5;
border-bottom: 0.0625rem solid #e5e5e5;
}
.logos-du-footer {
width: 1.5em;
height: 1.5em;
color: #d8d5d1;
-o-object-fit: cover;
object-fit: cover;
}
.bbb-link-2 {
display: inline-block;
color: #666;
font-size: 1.3em;
line-height: 1.3em;
text-decoration: none;
}
.bbb-text-2 {
color: #a3a3a3;
font-size: 1em;
line-height: 1em;
}
.footer-officiel {
padding: 5em;
background-color: #161616;
font-size: 1vw;
}
.gauche-du-footer {
margin-right: 7em;
-webkit-box-flex: 0;
-webkit-flex: 0 32%;
-ms-flex: 0 32%;
flex: 0 32%;
}
.les-4-blocs-en-bas {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.bbb-link-3 {
display: inline-block;
color: #666;
font-size: 1.3em;
line-height: 1.3em;
text-decoration: none;
}
.bbb-container-1 {
width: 100%;
max-width: 100em;
margin-right: auto;
margin-left: auto;
}
.bbb-text-4 {
margin-right: 0.2em;
margin-left: 0.2em;
color: #666;
font-size: 1.3em;
line-height: 1.3em;
}
.logo-du-footer {
width: auto;
height: 1em;
max-height: 100%;
margin-bottom: 2em;
line-height: 1rem;
-o-object-fit: cover;
object-fit: cover;
}
.titre-des-liens-du-footer {
margin-top: 0rem;
margin-bottom: 0rem;
color: #fff;
font-size: 1em;
line-height: 1em;
font-weight: 400;
letter-spacing: -0.025rem;
}
.privacy-et-termes-et-conditions {
display: none;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.desciption-footer {
width: 285.6953125px;
margin-bottom: 1.5em;
color: #a3a3a3;
font-size: 1em;
line-height: 1.6em;
font-weight: 400;
}
.bbb-wrap-4 {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.bloc-avec-les-logos {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 1.5em;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.logo-lien {
margin-right: 1em;
}
.copyright-privacy {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-top: 3.6em;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.liens-du-footer {
display: inline-block;
width: auto;
margin-top: 1.5em;
color: #a3a3a3;
font-size: 1em;
line-height: 1.3em;
text-decoration: none;
}
.liens-du-footer:hover {
text-decoration: underline;
}
.bbb-grid-1 {
display: -ms-grid;
display: grid;
grid-auto-columns: 1fr;
grid-column-gap: 2em;
grid-row-gap: 3em;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.image-152 {
min-height: 100%;
}
.relative-2 {
position: relative;
width: 100%;
}
.show-hide-wrap {
position: absolute;
left: auto;
top: 0.4375rem;
right: 3%;
bottom: auto;
z-index: 4;
}
.navbar-3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 10rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.navbar-3.smaller {
height: 6.25rem;
padding-top: 0.625rem;
}
.input {
height: 3rem;
margin-bottom: 0rem;
padding-top: 0.625rem;
padding-left: 1.25rem;
border-style: solid;
border-width: 0.0625rem;
border-color: #161616;
border-radius: 0.375rem;
background-color: #161616;
-webkit-transition: border-color 200ms ease, box-shadow 200ms ease;
transition: border-color 200ms ease, box-shadow 200ms ease;
color: #fff;
font-size: 0.9375rem;
font-weight: 400;
}
.input:hover {
border-color: hsla(0, 0%, 100%, 0.6);
box-shadow: 0 1px 0.25rem 0 rgba(220, 220, 229, 0.9);
}
.input:focus {
border: 0.0625rem solid #fff;
}
.input::-webkit-input-placeholder {
color: hsla(0, 0%, 100%, 0.5);
font-weight: 300;
}
.input:-ms-input-placeholder {
color: hsla(0, 0%, 100%, 0.5);
font-weight: 300;
}
.input::-ms-input-placeholder {
color: hsla(0, 0%, 100%, 0.5);
font-weight: 300;
}
.input::placeholder {
color: hsla(0, 0%, 100%, 0.5);
font-weight: 300;
}
.svg {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 1rem;
margin-right: 0.25rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.flex-row-center {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.forgot-password {
width: 100%;
height: 1.5625rem;
margin-top: 0.625rem;
margin-bottom: 0.625rem;
color: #0075fe;
font-weight: 400;
text-align: right;
text-decoration: none;
}
.forgot-password:hover {
color: #fff;
}
.container-14 {
width: 100%;
max-width: 81.25rem;
margin-right: auto;
margin-left: auto;
padding-right: 3.125rem;
padding-left: 3.125rem;
}
.input-label {
position: relative;
left: 0.5rem;
bottom: -0.4375rem;
z-index: 2;
display: inline-block;
margin-bottom: 0rem;
padding-right: 0.625rem;
padding-left: 0.625rem;
border-radius: 0.1875rem;
background-color: #161616;
font-size: 1em;
line-height: 1.0625rem;
font-weight: 600;
}
.short-page-wrapper {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
max-height: 80vh;
padding-left: 25vw;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #161616;
color: #fff;
font-size: 0.9375rem;
}
.form-header {
margin-bottom: 1.875rem;
font-size: 1.75rem;
line-height: 1.75rem;
font-weight: 600;
}
.form-header.giyuhiljmok {
color: #fff;
letter-spacing: -0.025rem;
}
.form-container {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 1.25rem;
padding-top: 0.625rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.form-wrapper-2 {
position: relative;
z-index: 50;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: visible;
width: 100%;
max-width: 23.75rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.hide {
display: none;
}
.footer-flex-container-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
}
.extra-section {
position: absolute;
left: 0%;
top: 0%;
right: auto;
bottom: 0%;
width: 25vw;
background-color: #0075fe;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c2695fb7ae95a29_simon-boxus-xoD9JhFMtGM-unsplash.webp");
background-position: 0% 100%;
background-size: cover;
-webkit-transform: skew(0deg, 0deg);
-ms-transform: skew(0deg, 0deg);
transform: skew(0deg, 0deg);
}
.text-field-wrapper {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-bottom: 0.75rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.text-field-wrapper.margin-left {
width: 97.5%;
margin-right: 2.5%;
}
.link-2 {
color: #0075fe;
font-weight: 400;
text-decoration: none;
}
.link-2:hover {
color: #fff;
}
.logo-svg {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 7.5rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
}
.flex-stack-center {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-right: auto;
margin-left: auto;
padding: 3.75rem 5% 12.5rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.flex-row-outer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.input-border {
width: 100%;
padding: 0.0625rem;
border-radius: 0.375rem;
background-color: #fff;
background-image: radial-gradient(circle farthest-corner at 100% 100%, rgba(7, 12, 41, 0.9), rgba(7, 12, 41, 0) 18%), radial-gradient(circle farthest-corner at 0% 0%, rgba(7, 12, 41, 0.9), rgba(7, 12, 41, 0) 80%);
}
.nav-link-3 {
margin-right: 0.9375rem;
margin-left: 0.9375rem;
padding: 1rem 0.9375rem;
color: #fff;
line-height: 1.125rem;
text-align: center;
text-decoration: none;
}
.nav-link-3:hover {
color: hsla(0, 0%, 100%, 0.6);
}
.nav-link-3.last {
margin-right: 0rem;
padding-right: 0rem;
}
.grey-text {
color: hsla(0, 0%, 100%, 0.6);
font-weight: 300;
}
.show-hide {
bottom: -0.125rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0rem 0.625rem;
background-color: #070c29;
color: #fff;
font-size: 1em;
}
.show-hide:hover {
color: #0075fe;
}
.show-hide.w--current {
display: none;
}
.icon-btn {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0.9375rem 3.125rem 0.875rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
border-radius: 0.5rem;
background-color: #2669e3;
background-image: linear-gradient(135deg, rgba(0, 117, 254, 0), #0075fe);
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
color: #fff;
font-weight: 400;
text-decoration: none;
}
.icon-btn:hover {
background-color: #034492;
}
.pricing-table-2 {
padding: 2.5rem;
border-radius: 1rem;
background-color: #161616;
}
.title-capped-2 {
border-style: solid;
border-width: 0rem;
border-color: rgba(0, 0, 0, 0.79);
color: rgba(255, 255, 255, 0.55);
font-size: 1rem;
font-weight: 400;
text-align: center;
letter-spacing: 0.125rem;
text-transform: uppercase;
}
.circle-div-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
max-height: 15.625rem;
max-width: 15.625rem;
min-height: 15.625rem;
min-width: 15.625rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 62.5rem;
background-color: transparent;
box-shadow: 7px 7px 9.375rem 0 rgba(84, 102, 129, 0.08);
color: #d8d5d1;
}
.statistic-circle-wrap-2 {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: auto;
padding: 0.625rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
color: #161616;
}
.section-statistics-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 7.5rem 5% 1.25rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 0rem;
background-color: #161616;
}
.counterup-2 {
margin-top: 0rem;
margin-bottom: 0.625rem;
color: #d8d5d1;
font-size: 3.25rem;
line-height: 3.25rem;
}
.testimonial-paragraph-2 {
margin-bottom: 0rem;
color: #d8d5d1;
font-size: 1.125rem;
line-height: 1.4;
font-style: normal;
font-weight: 400;
}
.section-testimoinals-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 3.75rem 5%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 0rem;
background-color: #161616;
}
.author-name-2 {
margin-top: 0rem;
color: #d8d5d1;
font-size: 1.0625rem;
font-weight: 400;
}
.faq-arrow-2 {
width: 1.75rem;
height: 1.75rem;
margin-right: 0rem;
border-style: solid;
border-color: #2669e3;
color: #2669e3;
}
.bbb-icon-1-2 {
height: 1.5em;
color: #d8d5d1;
-o-object-fit: cover;
object-fit: cover;
}
.bbb-section-1-2 {
padding: 5em;
background-color: #161616;
font-size: 1vw;
}
.bbb-heading-1-2 {
margin-top: 0rem;
margin-bottom: 0rem;
color: #fff;
font-size: 1.5em;
line-height: 1.3em;
font-weight: 500;
letter-spacing: -0.025rem;
}
.show-hide-2 {
bottom: -0.125rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0rem 0rem 0rem 0.375rem;
background-color: transparent;
color: #16192c;
font-size: 0.9375rem;
}
.show-hide-2:hover {
color: rgba(22, 25, 44, 0.7);
}
.show-hide-2.w--current {
display: none;
}
.link-3 {
color: #16192c;
font-weight: 400;
text-decoration: none;
}
.link-3:hover {
color: rgba(22, 25, 44, 0.7);
}
.show-hide-wrap-2 {
position: absolute;
left: auto;
top: 0rem;
right: 0%;
bottom: auto;
z-index: 4;
padding-bottom: 0.5rem;
line-height: 1;
}
.form-header-2 {
margin-top: 3.125rem;
margin-bottom: 1.875rem;
font-size: 1.75rem;
line-height: 1.75rem;
font-weight: 600;
}
.text-field-wrapper-2 {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-top: 1.25rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.text-field-wrapper-2.first-name {
width: 97.5%;
margin-right: 2.5%;
}
.text-field-wrapper-2.last {
margin-bottom: 1.875rem;
}
.grey-text-2 {
color: rgba(22, 25, 44, 0.7);
font-weight: 300;
}
.input-2 {
height: 3rem;
margin-bottom: 0rem;
padding-top: 0.625rem;
padding-left: 0.9375rem;
border-style: solid;
border-width: 0.0625rem;
border-color: hsla(0, 0%, 100%, 0.6);
border-radius: 0.375rem;
background-color: hsla(0, 0%, 100%, 0.5);
box-shadow: 0 1px 0.125rem 0 rgba(220, 220, 230, 0.5);
-webkit-transition: border-color 200ms ease, box-shadow 200ms ease;
transition: border-color 200ms ease, box-shadow 200ms ease;
color: #16192c;
font-size: 0.9375rem;
font-weight: 400;
}
.input-2:hover {
border-color: #16192c;
box-shadow: 0 1px 0.25rem 0 rgba(220, 220, 229, 0.9);
}
.input-2:focus {
border-style: solid;
border-width: 0.0625rem;
border-color: rgba(22, 25, 44, 0.7);
}
.input-2::-webkit-input-placeholder {
color: rgba(22, 25, 44, 0.7);
font-weight: 300;
}
.input-2:-ms-input-placeholder {
color: rgba(22, 25, 44, 0.7);
font-weight: 300;
}
.input-2::-ms-input-placeholder {
color: rgba(22, 25, 44, 0.7);
font-weight: 300;
}
.input-2::placeholder {
color: rgba(22, 25, 44, 0.7);
font-weight: 300;
}
.link-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 3.75rem;
padding-right: 1.875rem;
padding-left: 1.875rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 2.375rem;
background-color: #16192c;
background-image: linear-gradient(135deg, rgba(22, 25, 44, 0), #16192c);
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
color: #fff;
font-size: 1.125rem;
line-height: 1.5rem;
text-decoration: none;
}
.link-block:hover {
background-color: #313660;
}
.input-label-2 {
position: relative;
z-index: 2;
display: inline-block;
margin-bottom: 0.375rem;
border-radius: 0.1875rem;
background-color: transparent;
font-size: 1em;
line-height: 1.0625rem;
font-weight: 600;
}
.flex-stack-center-2 {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 5%;
padding-left: 5%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.svg-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 1.5625rem;
margin-right: 0.5rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.flex-row-center-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.text-field-wrapper-3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-bottom: 0.75rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.text-field-wrapper-3.password-wrap {
overflow: hidden;
height: 0rem;
margin-right: -0.125rem;
margin-left: -0.125rem;
padding-right: 0.125rem;
padding-left: 0.125rem;
-webkit-transition: height 200ms ease;
transition: height 200ms ease;
}
.relative {
position: relative;
}
.navbar-4 {
padding-top: 4vh;
padding-bottom: 4vh;
}
.tooltip-highlight {
position: absolute;
left: -0.3125rem;
top: -0.3125rem;
right: -0.3125rem;
bottom: -0.3125rem;
z-index: 99;
border-style: solid;
border-width: 0.1875rem;
border-color: #2a62ff;
border-radius: 0.625rem;
box-shadow: 1px 1px 0.1875rem 625rem rgba(0, 0, 0, 0.39);
}
.social-button-text {
display: inline-block;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #374252;
letter-spacing: 0.03125rem;
text-decoration: none;
}
.tour-step {
display: block;
}
.tour-step.hide-on-load {
display: none;
}
.tooltip-highlight-content {
position: absolute;
left: 0rem;
top: 0rem;
right: 0rem;
bottom: 0rem;
z-index: 100;
}
.form-divider-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-top: 0.9375rem;
margin-bottom: 0.9375rem;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: rgba(0, 0, 0, 0.8);
font-size: 0.75rem;
letter-spacing: 0.125rem;
}
.footer-2 {
padding-top: 10vh;
padding-bottom: 5vh;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
border-bottom: 0.0625rem solid #dcdce5;
font-size: 0.8125rem;
text-align: center;
}
.field-label-2 {
margin-bottom: 0.1875rem;
color: #374252;
font-size: 0.84375rem;
font-weight: 600;
}
.social-button {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 49%;
height: 2.8125rem;
padding-right: 0.1875rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
border-style: solid;
border-width: 0.06875rem;
border-color: #dcdce5;
border-radius: 0.375rem;
background-color: #fff;
box-shadow: 0 1px 0.125rem 0 #dcdce5;
-webkit-transition: box-shadow 200ms ease, background-color 200ms ease;
transition: box-shadow 200ms ease, background-color 200ms ease;
color: #374252;
font-size: 1rem;
font-weight: 400;
text-decoration: none;
}
.social-button:hover {
border-color: #434de7;
background-color: #f9f9f9;
}
.social-button:active {
background-color: #fff;
box-shadow: 1px 0 0.1875rem 0 #dbdbdb;
}
.social-button.facebook {
border-color: #3578e5;
background-color: #3578e5;
color: #fff;
}
.checkbox-field {
margin-top: 0.3125rem;
margin-bottom: 1.25rem;
}
.tooltip-navigation {
position: relative;
bottom: 0rem;
z-index: 3;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 3.125rem;
padding: 0.5rem 1.25rem;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-top: 0.0625rem solid #d8e3f0;
border-radius: 0rem 0rem 0.5625rem 0.5625rem;
background-color: #fafbfe;
color: #64636e;
}
.tooltip-navigation.top {
border-bottom: 0.0625rem solid #d8e3f0;
border-top-style: none;
border-radius: 0.5625rem 0.5625rem 0rem 0rem;
}
.form-wrapper-3 {
position: relative;
z-index: 50;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: visible;
width: 100%;
max-width: 22.5rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.tooltip-author {
width: 2rem;
margin-right: 0.625rem;
border-radius: 50%;
}
.container-15 {
padding-right: 5%;
padding-left: 5%;
}
.footer-flex-container-3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: left;
}
.button-5 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 2.8125rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 0.375rem;
background-color: #434de7;
box-shadow: 0 1px 1.25rem 0 rgba(34, 34, 34, 0.16);
-webkit-transition: background-color 200ms ease, box-shadow 200ms ease;
transition: background-color 200ms ease, box-shadow 200ms ease;
font-size: 1rem;
font-weight: 400;
}
.button-5:hover {
background-color: #272d88;
box-shadow: 0 5px 1.875rem 0 rgba(34, 34, 34, 0.16);
}
.button-5.black {
background-color: #000;
}
.button-5.black:hover {
background-color: #434de7;
}
.checkbox {
width: 0.875rem;
height: 0.875rem;
}
.checkbox.w--redirected-checked {
background-color: #2d323e;
}
.link-4 {
border-bottom: 0.0625rem dashed #7b83ff;
}
.link-4:hover {
color: #272d88;
}
.link-4.black {
border-bottom-color: #000;
color: #000;
font-weight: 500;
}
.tooltip-button {
position: relative;
padding: 0.3125rem 0.75rem;
border-radius: 0.25rem;
background-color: #2962ff;
box-shadow: 0 15px 1.5625rem -0.625rem rgba(13, 97, 182, 0.25);
-webkit-transition: background-color 200ms ease, box-shadow 200ms ease, color 200ms ease, border-color 200ms ease;
transition: background-color 200ms ease, box-shadow 200ms ease, color 200ms ease, border-color 200ms ease;
color: #fff;
line-height: 2em;
font-weight: 700;
text-align: center;
}
.tooltip-button:hover {
background-color: #007ace;
box-shadow: 0 15px 1.5625rem -0.75rem rgba(18, 67, 117, 0.35);
}
.tooltip-author-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.form-field-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 1.25rem;
padding-top: 0.625rem;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tooltip-svg {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 1rem;
height: 1rem;
padding-top: 0rem;
padding-bottom: 0rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.form-div-line {
width: 40%;
height: 0.05rem;
background-color: #e4e4e4;
}
.colorful-section {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
min-height: 100vh;
padding: 10vh 5%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #434de7;
color: #fff;
font-size: 1.0625rem;
line-height: 1.8125rem;
}
.colorful-section.video {
width: 50%;
background-color: transparent;
}
.flex-stack-center-3 {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
padding-right: 5%;
padding-left: 5%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.tooltip-title {
margin-bottom: 0.375rem;
font-size: 110%;
font-weight: 600;
}
.signup-header {
margin-bottom: 0.625rem;
font-size: 1.75rem;
line-height: 1.75rem;
font-weight: 600;
}
.fake-logo {
height: 1.25rem;
font-size: 1.25rem;
font-weight: 600;
}
.checkbox-label {
color: rgba(0, 0, 0, 0.8);
font-weight: 300;
}
.margin-bottom-2 {
margin-bottom: 0.9375rem;
}
.tooltip-container {
position: relative;
z-index: 3;
padding: 1.25rem;
border-radius: 0.5625rem 0.5625rem 0rem 0rem;
background-color: #fafbfe;
font-size: 0.78125rem;
}
.field-description {
margin-top: 0.1875rem;
color: rgba(0, 0, 0, 0.6);
font-size: 0.75rem;
font-weight: 300;
}
.short-page-wrapper-2 {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
min-height: 100vh;
min-width: 50%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.text-field-2 {
height: 2.625rem;
margin-bottom: 0rem;
border-style: solid;
border-width: 0.0625rem;
border-color: #dcdce5;
border-radius: 0.375rem;
box-shadow: 0 1px 0.125rem 0 rgba(220, 220, 230, 0.5);
-webkit-transition: border-color 200ms ease, box-shadow 200ms ease;
transition: border-color 200ms ease, box-shadow 200ms ease;
color: #000;
font-size: 0.9375rem;
font-weight: 300;
}
.text-field-2:hover {
border-color: rgba(0, 0, 0, 0.8);
box-shadow: 0 1px 0.25rem 0 rgba(220, 220, 229, 0.9);
}
.text-field-2:focus {
border-style: solid;
border-width: 0.0625rem;
border-color: #434de7;
}
.text-field-2::-webkit-input-placeholder {
color: #6e6e6e;
}
.text-field-2:-ms-input-placeholder {
color: #6e6e6e;
}
.text-field-2::-ms-input-placeholder {
color: #6e6e6e;
}
.text-field-2::placeholder {
color: #6e6e6e;
}
.text-field-2.email-field {
margin-bottom: 0.75rem;
}
.tooltip-close {
z-index: 5;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 1.5rem;
height: 1.5rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
color: #3f3e46;
}
.tooltip-close:hover {
background-color: rgba(0, 43, 255, 0.1);
}
.tooltip-anchor {
position: absolute;
left: 0%;
top: 100%;
right: 0%;
bottom: 0rem;
z-index: 100;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 0.625rem;
margin-top: 0rem;
margin-right: auto;
margin-left: auto;
padding-top: 0.75rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.tooltip-diamond {
position: absolute;
left: 0%;
top: -0.4375rem;
right: 0%;
bottom: auto;
z-index: 2;
width: 1rem;
height: 1rem;
margin-right: auto;
margin-left: auto;
border-style: solid;
border-width: 0.0625rem;
border-color: #d8e3f0;
border-radius: 0.125rem;
background-color: #fafbfe;
box-shadow: 0 -3px 0.5rem 0 rgba(45, 62, 80, 0.06);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.split-page-wrapper {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
min-height: 100vh;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.tooltip-wrapper {
position: absolute;
display: block;
width: 18.75rem;
border-style: solid;
border-width: 0.0625rem;
border-color: #d8e3f0;
border-radius: 0.625rem;
background-color: #fafbfe;
box-shadow: 1px 1px 0.5rem 0.0625rem rgba(45, 62, 80, 0.12);
color: #333;
font-size: 0.71875rem;
line-height: 1.5em;
font-weight: 400;
text-align: left;
}
.flex-row-outer-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.contact_email {
color: hsla(0, 0%, 100%, 0.88);
font-size: 1.3em;
font-weight: 300;
}
.contact_email:hover {
text-decoration: underline;
}
.radio_field {
position: relative;
margin-top: 0.4em;
margin-right: 0.6em;
padding: 0.8em 2.4em;
}
.field_label {
position: relative;
z-index: 1;
margin-bottom: -0.3em;
-webkit-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transition: -webkit-transform 200ms ease;
transition: -webkit-transform 200ms ease;
transition: transform 200ms ease;
transition: transform 200ms ease, -webkit-transform 200ms ease;
color: hsla(0, 0%, 100%, 0.47);
font-size: 1.4em;
font-weight: 300;
}
.field_label.is-radio {
margin-bottom: 0.5em;
font-size: 1.68em;
}
.field_label.large {
-webkit-transform: scale(1.2) translate(0rem, 1.6em);
-ms-transform: scale(1.2) translate(0rem, 1.6em);
transform: scale(1.2) translate(0rem, 1.6em);
}
.radio_wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.page-wrapper-2 {
position: relative;
width: 100%;
font-size: 1em;
}
.side-panel {
position: fixed;
left: auto;
top: 0%;
right: 0%;
bottom: auto;
z-index: 2;
width: 50%;
height: 100vh;
padding: 0em;
background-color: #000;
}
.container-16 {
position: relative;
z-index: 3;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 100em;
margin-right: auto;
margin-left: auto;
padding: 0em;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.bg-video {
position: fixed;
left: 0%;
top: 0%;
right: auto;
bottom: auto;
z-index: 1;
width: 50%;
height: 100vh;
}
.error-message-2 {
margin-top: 2.3em;
padding: 1.9em 2.1em;
border-radius: 0.5em;
background-color: hsla(0, 0%, 100%, 0.09);
color: #e5a7ff;
}
.error-message_text {
font-size: 1.3em;
}
.field {
position: relative;
z-index: 2;
width: 100%;
height: 1.5em;
max-height: 7em;
max-width: 100%;
min-height: 1.5em;
min-width: 100%;
margin-bottom: 0rem;
padding: 0rem;
border-style: solid;
border-width: 0rem 0rem 0.0625rem;
border-color: #000 #000 hsla(0, 0%, 100%, 0.48);
border-radius: 0rem;
background-color: transparent;
-webkit-transition: border-color 200ms ease;
transition: border-color 200ms ease;
color: #fff;
font-size: 2.5em;
font-weight: 300;
}
.field:focus {
border-bottom-color: #fff;
}
.success_text {
font-size: 1.4em;
line-height: 1.4;
font-weight: 500;
}
.contact_column {
position: relative;
overflow: hidden;
width: 50%;
padding: 4.3em;
}
.contact_column.is-right {
z-index: 2;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 100vh;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.contact_column.is-left {
position: -webkit-sticky;
position: sticky;
top: 0rem;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100vh;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.contact_column.is-left {
position: -webkit-sticky;
position: sticky;
top: 0rem;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.error2 {
display: block;
width: 100%;
min-width: 100%;
margin-top: 0.6em;
color: #e5a7ff;
font-size: 1.2em;
}
.headline_wrap {
width: 36em;
max-width: 100%;
padding-top: 2.5em;
padding-bottom: 2.5em;
}
.section-9 {
position: relative;
z-index: 1;
}
.submit {
margin-top: 1em;
padding: 0.3em 2.1em;
border-style: solid;
border-width: 0.0625rem;
border-color: #fff;
border-radius: 100vw;
background-color: transparent;
-webkit-transition: all 100ms ease;
transition: all 100ms ease;
color: #fff;
font-size: 1.5em;
}
.submit:hover {
background-color: #fff;
color: #000;
}
.submit:focus {
border-color: #49fefd;
}
.field_wrap {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-bottom: 2.2em;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.logo_link {
font-weight: 500;
}
.html {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: auto;
overflow: hidden;
width: 0rem;
height: 0rem;
}
.radio_button {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 2;
width: 100%;
height: 100%;
margin-top: 0rem;
margin-left: 0rem;
border-color: hsla(0, 0%, 100%, 0.45) hsla(0, 0%, 100%, 0.45) hsla(0, 0%, 100%, 0.48);
border-radius: 100vw;
-webkit-transition: background-color 100ms ease, border-width 100ms ease, border-color 100ms ease;
transition: background-color 100ms ease, border-width 100ms ease, border-color 100ms ease;
}
.radio_button:hover {
background-color: hsla(0, 0%, 100%, 0.09);
}
.radio_button.w--redirected-checked {
border-width: 0.0625rem;
border-color: #fff;
}
.radio_button.w--redirected-focus {
border-width: 0.125rem;
box-shadow: none;
}
.radio_label {
position: relative;
z-index: 3;
margin-bottom: 0em;
font-size: 1.3em;
line-height: 1;
font-weight: 300;
}
.form-2 {
width: 100%;
margin-bottom: 0rem;
}
.success {
padding: 2.5em;
border-radius: 0.6em;
background-color: hsla(0, 0%, 100%, 0.14);
text-align: center;
}
.radio_label-2 {
position: relative;
z-index: 3;
margin-bottom: 0em;
font-size: 1.3em;
line-height: 1;
font-weight: 300;
}
.link_container {
display: inline-block;
padding: 0.8em;
}
.link_container.is--submit.disable {
opacity: 0.26;
-webkit-transition: opacity 300ms ease;
transition: opacity 300ms ease;
}
.link_text {
font-size: 1.3em;
font-weight: 400;
}
.link_text.is--2 {
position: absolute;
}
.form_contain {
width: 83%;
}
.link_circle {
position: absolute;
left: 0%;
top: auto;
right: 0%;
bottom: 0%;
z-index: 1;
width: 100%;
min-height: 6em;
margin-bottom: 5.9em;
padding-top: 100%;
border-radius: 50%;
background-color: #000;
-webkit-transition: margin 400ms ease, border-radius 250ms ease;
transition: margin 400ms ease, border-radius 250ms ease;
}
.shapes {
margin-left: -0.8em;
padding-bottom: 2em;
}
.shapes.submit-contain {
padding-top: 4em;
padding-bottom: 0em;
}
.submit-2 {
margin-bottom: 0.2em;
padding: 0em;
background-color: transparent;
color: #000;
font-size: 2em;
font-weight: 600;
letter-spacing: -0.01em;
}
.form-3 {
margin-bottom: 0rem;
padding-top: 5.7em;
}
.label {
display: none;
}
.container-18 {
width: 90rem;
max-width: 100%;
margin-right: auto;
margin-left: auto;
padding: 13em 10em;
}
.heading_contain {
-webkit-perspective: 62.5rem;
perspective: 62.5rem;
}
.hand {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26951bdfe95a1f_emoji.webp");
background-position: 50% 50%;
background-size: contain;
background-repeat: no-repeat;
}
.radio-button {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 30;
display: block;
width: 100%;
height: 100%;
margin-top: 0rem;
margin-left: 0rem;
border-width: 0rem;
border-radius: 0rem;
opacity: 0;
}
.link_move {
position: relative;
}
.heading-17 {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.link_wrap {
position: relative;
z-index: 2;
overflow: hidden;
}
.field_line {
position: absolute;
left: 0%;
top: auto;
right: 0%;
bottom: 0%;
margin-bottom: -3.7%;
opacity: 0.1;
-webkit-transition: opacity 300ms ease;
transition: opacity 300ms ease;
}
.group {
padding-top: 1.5em;
}
.field-2 {
height: 3em;
margin-bottom: 0em;
padding: 0em;
border: 0rem solid #000;
border-radius: 0rem;
-webkit-transition: color 200ms ease;
transition: color 200ms ease;
color: #000;
font-weight: 300;
}
.field-2::-webkit-input-placeholder {
color: #ccc;
}
.field-2:-ms-input-placeholder {
color: #ccc;
}
.field-2::-ms-input-placeholder {
color: #ccc;
}
.field-2::placeholder {
color: #ccc;
}
.section-11 {
background-color: #fff;
}
.submit_line {
width: 100%;
height: 0.125rem;
background-color: #000;
}
.link-5 {
position: relative;
overflow: hidden;
padding: 1.4em 2.6em;
border-style: solid;
border-width: 0.0625rem;
border-color: rgba(0, 0, 0, 0.1);
border-radius: 100vw;
-webkit-transition: color 200ms ease;
transition: color 200ms ease;
text-align: center;
}
.link-5.is--submit {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: visible;
padding: 0em;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-width: 0rem;
border-radius: 0vw;
}
.field_parent {
position: relative;
margin-bottom: 1em;
font-size: 2.6em;
}
.cursor-2 {
position: fixed;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 1000;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100vh;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
opacity: 0;
-webkit-transition: font-size 200ms ease, opacity 200ms ease;
transition: font-size 200ms ease, opacity 200ms ease;
font-size: 0.75rem;
}
.cursor_dot {
width: 1em;
height: 1em;
border-radius: 100vw;
background-color: #000;
}
.image-en-blanc {
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.image-en-blanc:hover {
-webkit-transform: rotate(10deg) scale(1.05);
-ms-transform: rotate(10deg) scale(1.05);
transform: rotate(10deg) scale(1.05);
}
.nav-logo {
width: 5rem;
}
.nav-elements {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
max-width: 75rem;
margin-right: auto;
margin-left: auto;
padding-left: 0.625rem;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 0.0625rem solid #fff;
opacity: 1;
}
.dropdown-link-icon {
width: 6.25rem;
margin-top: 1.25rem;
margin-bottom: 2.1875rem;
}
.icon-4 {
position: relative;
margin: 0rem 0rem 0.125rem 0.3125rem;
}
.dropdown-link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-right: 0rem;
margin-left: 0rem;
padding-right: 1.9375rem;
padding-left: 1.9375rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 0.0625rem solid transparent;
-webkit-transition: border-color 200ms ease;
transition: border-color 200ms ease;
color: #fff;
font-size: 1rem;
font-weight: 500;
letter-spacing: 0.025rem;
text-transform: uppercase;
}
.dropdown-link:hover {
border-bottom: 0.0625rem solid #fff;
}
.dropdown-list {
width: 100%;
}
.div-block-224 {
position: fixed;
left: 0%;
top: 3.75rem;
right: 0%;
bottom: auto;
display: -ms-grid;
display: grid;
overflow: hidden;
width: 75rem;
margin-right: auto;
margin-left: auto;
padding-right: 0.625rem;
padding-left: 0.625rem;
grid-auto-columns: 1fr;
grid-column-gap: 0rem;
grid-row-gap: 1rem;
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
background-color: #305056;
box-shadow: 0 20px 1.5625rem -0.625rem rgba(27, 50, 54, 0.6);
color: #fff;
}
.navbar-5 {
position: fixed;
width: 100%;
height: 3.75rem;
background-color: transparent;
}
.dropdown {
position: static;
}
.navlink {
position: static;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
padding-right: 1.25rem;
padding-left: 1.25rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 0.0625rem solid transparent;
color: hsla(0, 0%, 100%, 0.8);
font-size: 1rem;
text-transform: uppercase;
}
.navlink:hover {
border-bottom: 0.0625rem solid #fff;
color: hsla(0, 0%, 100%, 0.8);
}
.nav-menu-3 {
position: static;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.nav-bg {
position: absolute;
left: 0%;
top: -0.0625rem;
right: 0%;
bottom: auto;
height: 100%;
background-color: #305056;
}
.menu-button-2 {
position: static;
}
.dropdown-link-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 1.25rem 0.625rem;
padding: 0.625rem 1.25rem 1.25rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-style: solid;
border-width: 0.1875rem;
border-color: #3e6d79;
border-radius: 0.3125rem;
opacity: 0.7;
-webkit-transition: background-color 200ms ease, opacity 200ms ease;
transition: background-color 200ms ease, opacity 200ms ease;
text-align: center;
}
.dropdown-link-wrap:hover {
background-color: #3e6d79;
opacity: 1;
}
.guide_section-header-long {
position: relative;
display: -ms-grid;
display: grid;
width: 80%;
margin-right: auto;
margin-left: auto;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
grid-auto-columns: 1fr;
grid-column-gap: 0rem;
grid-row-gap: 0rem;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
border-style: solid;
border-width: 0.0625rem;
border-color: #333;
background-color: #161616;
color: #fff;
}
.guide_section-header-long.propos {
margin-bottom: 0rem;
padding-top: 3.75rem;
border-width: 0rem;
}
.stroke-top {
position: absolute;
left: 0%;
top: 0%;
right: auto;
bottom: auto;
width: 100%;
height: 0.06rem;
background-color: transparent;
}
.guide-heading-gold {
font-size: 3rem;
line-height: 1.2;
font-weight: 700;
}
.stroke-right {
position: absolute;
left: auto;
top: 0%;
right: 0%;
z-index: 1;
width: 0.06rem;
height: 100%;
background-color: rgba(38, 105, 227, 0);
}
.stroke-bottom {
position: absolute;
left: 0%;
top: auto;
right: auto;
bottom: 0%;
width: 100%;
height: 0.06rem;
background-color: transparent;
}
.guide-link {
-webkit-transition: color 200ms ease;
transition: color 200ms ease;
color: #dfbf6c;
}
.guide-link:hover {
color: #a98d49;
}
.guide_header-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #dfbf6c;
}
.guide_header-container {
margin-right: auto;
margin-left: auto;
padding: 3rem 3rem 0rem;
background-color: transparent;
}
.guide-icon {
height: 2.5rem;
margin-right: 1rem;
}
.guide-description {
margin-top: 1rem;
color: rgba(255, 255, 255, 0.5);
}
.stroke-left {
position: absolute;
left: 0%;
top: 0%;
right: auto;
width: 0.06rem;
height: 100%;
background-color: transparent;
}
.propos {
margin-bottom: 0rem;
padding-top: 0rem;
padding-bottom: 3.75rem;
background-color: #161616;
}
.nos-plateformes {
display: block;
}
.body-5 {
background-color: #161616;
}
.slide-wrap {
width: 60%;
height: 60%;
}
.slider-2 {
position: relative;
height: 100%;
background-color: transparent;
}
.slider-nav {
display: none;
}
.slider-mask {
overflow: visible;
}
.slide-album-cover-wrap {
box-shadow: 0 40px 6.25rem 0 #987d6e;
cursor: pointer;
}
.slide-arrow {
position: absolute;
left: 0rem;
top: 0rem;
width: 3.125rem;
height: 3.125rem;
}
.slide-arrow.right {
left: 3.125rem;
top: -3.125rem;
right: auto;
bottom: auto;
}
.slide-arrow.left {
top: -3.125rem;
bottom: auto;
}
.overlay {
position: fixed;
left: 0rem;
top: 0rem;
right: 0rem;
bottom: 0rem;
display: none;
background-color: rgba(0, 0, 0, 0.75);
}
.section-12 {
position: fixed;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
height: 100vh;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #f3d4c2;
}
.slider-arrow-icon {
color: #000;
font-size: 1.25rem;
}
.slide-content-wrap {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.container-19 {
position: relative;
top: 0rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.swiper-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: scroll;
-webkit-perspective: none;
perspective: none;
}
.swiper-container {
position: relative;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
overflow: hidden;
width: auto;
height: 14%;
padding-top: 0%;
padding-bottom: 3.125rem;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-perspective: 75rem;
perspective: 75rem;
}
.detail {
margin-top: 0.75rem;
margin-right: auto;
margin-left: auto;
padding: 0rem 1.5625rem;
font-size: 0.8125rem;
line-height: 1.875rem;
}
.sub-title {
height: 87%;
padding-top: 0.375rem;
padding-bottom: 0.125rem;
color: #2669e3;
line-height: 0.625rem;
text-align: center;
}
.picture {
overflow: hidden;
width: 20rem;
height: 20rem;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c269546dae95a27_img-work.webp");
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.picture.t-2 {
background-image: none;
background-size: 60rem;
}
.picture.t-5 {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c269582b4e95a21_img03.webp");
background-size: 60rem;
}
.picture.t-2 {
width: 12.5rem;
height: 75%;
float: none;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26950db5e95a25_ab67616d0000b2739ea2308fc3f09f375386eaf4.jpeg");
background-position: 50% 50%;
background-size: cover;
}
.picture.t-2._1 {
height: 80%;
}
.picture.t-2._2 {
height: 80%;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c2695692ce95a28_5BE18A53-C152-42E3-9BFC-5C98E4A78273.JPEG");
background-size: contain;
}
.picture.t-6 {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c269529bde95a20_contact-header.webp");
background-size: 50rem;
}
.picture.t-4 {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26959dd3e95a23_img1.webp");
background-size: 64rem;
}
.picture.t-3 {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c269518dbe95a26_mount.webp");
background-size: 50rem;
}
.title-link {
display: block;
height: 100%;
margin-right: auto;
margin-left: auto;
color: #000;
text-decoration: none;
}
.swiper-slide {
overflow: hidden;
width: 12.5rem;
height: 15.625rem;
min-width: 0rem;
margin-left: 5%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
border-radius: 0.5rem;
background-color: #fff;
}
.swiper-slide.j {
margin-right: 5%;
margin-left: 5%;
}
.heading-21 {
height: 80%;
margin-top: 0rem;
margin-bottom: 0rem;
font-size: 1rem;
line-height: 0.625rem;
text-align: center;
letter-spacing: 0rem;
}
.container-20 {
position: fixed;
left: 0%;
top: 0%;
right: 0%;
bottom: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 20%;
margin-top: 5%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.image-158 {
position: relative;
top: 0rem;
bottom: 3.75rem;
display: block;
margin: 3.75rem auto 5%;
float: left;
}
.top-10-du-mois {
display: none;
background-color: transparent;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26951d41e95a1a_Grain_Latest.webp");
background-position: 0rem 0rem;
background-size: auto;
}
.contenu-de-la-page-de-chargement {
position: fixed;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
height: auto;
max-height: 3.5em;
max-width: none;
margin: auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-align-content: space-between;
-ms-flex-line-pack: justify;
align-content: space-between;
grid-column-gap: 0em;
grid-row-gap: 0em;
}
.link-6 {
background-image: -webkit-gradient(linear, left top, right top, from(#fc5c7d), to(#6a82fb));
background-image: linear-gradient(90deg, #fc5c7d, #6a82fb);
color: #fc5c7d;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.link-6.d-grad {
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)), -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.2)), to(hsla(0, 0%, 100%, 0.2))), -webkit-gradient(linear, left top, right top, from(#ff4848), to(#6248ff));
background-image: linear-gradient(180deg, #fff, #fff), linear-gradient(180deg, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0.2)), linear-gradient(90deg, #ff4848, #6248ff);
}
.link-6.d-grad {
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)), -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.2)), to(hsla(0, 0%, 100%, 0.2))), -webkit-gradient(linear, left top, right top, from(#ff4848), to(#6248ff));
background-image: linear-gradient(180deg, #fff, #fff), linear-gradient(180deg, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0.2)), linear-gradient(90deg, #ff4848, #6248ff);
}
.global-styles {
position: fixed;
left: 0%;
top: 0%;
right: auto;
bottom: auto;
display: block;
}
.rl-styleguide-message {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100vh;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #f1f0ee;
text-align: center;
}
.container-small-2 {
width: 200%;
height: 120%;
max-height: 200%;
max-width: 50%;
margin-right: auto;
margin-left: auto;
}
.rl-styleguide-message-fixed-2 {
position: fixed;
left: 0%;
top: 0%;
right: 0%;
bottom: auto;
z-index: 99;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 1rem 2.5rem;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
}
.text-style-link {
text-decoration: underline;
}
.heading-medium-2 {
font-size: 2rem;
line-height: 1.3;
font-weight: 700;
letter-spacing: -0.0625rem;
}
.text-size-medium-4 {
display: block;
margin-right: auto;
margin-bottom: 0rem;
margin-left: auto;
font-size: 1rem;
}
.text-size-medium-4.sur-le-t-co {
font-size: 2rem;
font-weight: 400;
}
.text-size-medium-4.back-to-top_container {
margin-bottom: 1rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
font-weight: 300;
}
.text-size-medium-4.f {
display: block;
margin-bottom: 0rem;
}
.text-size-medium-4.image-en-dessous {
margin-bottom: 0rem;
}
.text-size-medium-4.avec-bouton {
margin-bottom: 1rem;
}
.rl-styleguide-message-wrapper-2 {
height: 100%;
max-height: 200%;
margin-top: 2.5rem;
margin-bottom: 2.5rem;
padding: 2.5rem;
border-radius: 1rem;
background-color: #e4e2df;
text-align: left;
}
.beta-label {
display: inline-block;
margin-right: 0.15rem;
margin-left: 0.15rem;
padding: 0.05rem 0.25rem;
border-radius: 0.25rem;
background-color: #e4e2df;
font-size: 0.875rem;
text-transform: uppercase;
}
.link-7 {
background-color: transparent;
color: #fff;
text-decoration: none;
}
.browser-top-2 {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 1.875rem;
padding-left: 0.9375rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-top-left-radius: 0rem;
border-top-right-radius: 0rem;
background-color: #e2e2e2;
}
.d-105-card-wrapper {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
overflow: hidden;
border-radius: 0.625rem;
background-color: #fff;
box-shadow: 0 10px 1.25rem -0.9375rem hsla(0, 0%, 100%, 0.6);
-webkit-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.d-105-timer-text {
margin-left: 0.625rem;
font-family: Merriweather, serif;
color: #1a1a1a;
}
.image-2 {
position: relative;
margin-top: 0rem;
margin-right: 0rem;
}
.d-105-image-wrapper {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
height: 60%;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26959642e95a2a_NordWood_7405.webp");
background-position: 60% 50%;
background-size: cover;
background-repeat: no-repeat;
-webkit-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.d-105-image-wrapper.two {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c2695da6de95a24_alex-loup-579540-unsplash.webp");
background-size: cover;
}
.d-105-image-wrapper.three {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c269537c2e95a22_hisu-lee-110005-unsplash.webp");
background-position: 50% 50%;
background-size: cover;
}
.demo-wrapper-2 {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-right: 0%;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
}
.d-105-recipe-text {
margin-bottom: 0.625rem;
color: #333;
font-size: 1rem;
letter-spacing: 0.0625rem;
text-transform: uppercase;
}
.d-105-timer-icon {
color: #1a1a1a;
font-size: 1rem;
}
.d-105-timer-wrapper {
position: absolute;
left: auto;
top: 0%;
right: 0%;
bottom: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 0.625rem;
margin-right: 0.625rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.d-105-author-text {
margin-bottom: 0.625rem;
color: #333;
font-size: 0.875rem;
}
.d-105-text-wrapper {
position: absolute;
left: 0%;
top: auto;
right: 0%;
bottom: 0%;
height: 40%;
padding: 1.25rem;
}
.demo-p.arrow {
position: static;
left: 0%;
top: 0%;
right: auto;
bottom: auto;
margin-bottom: 0.625rem;
font-size: 1.1875rem;
text-align: left;
}
.browser-demo-2 {
position: relative;
display: none;
overflow: hidden;
width: 60rem;
height: 25rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end;
border: 0.0625rem solid #e2e2e2;
border-radius: 0.625rem;
background-color: #1a1a1a;
}
.d-105-card-title {
margin-top: 0rem;
font-family: Merriweather, serif;
color: #333;
}
.d-105-3d-wrapper {
position: relative;
overflow: visible;
width: 14.6875rem;
height: 21.875rem;
margin-right: 1.25rem;
margin-left: 1.25rem;
border-radius: 0.625rem;
-webkit-perspective: 62.5rem;
perspective: 62.5rem;
}
.instructions-wrapper {
position: absolute;
left: auto;
top: -6.25rem;
right: auto;
bottom: auto;
display: none;
margin-top: auto;
margin-left: -1.25rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.footer-action {
position: relative;
bottom: 0rem;
overflow: hidden;
border-bottom: 0.0625rem solid #1a1c24;
background-color: #121316;
}
.footer-action-component {
display: -ms-grid;
display: grid;
padding-top: 3rem;
padding-bottom: 4rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
grid-auto-columns: 1fr;
grid-column-gap: 0rem;
grid-row-gap: 1rem;
-ms-grid-columns: auto auto;
grid-template-columns: auto auto;
-ms-grid-rows: auto;
grid-template-rows: auto;
color: #fff;
}
.underline-link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-bottom: 0rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 0.4rem;
grid-row-gap: 0.4rem;
border-bottom: 0.0625rem none #1a1c24;
color: #fff;
}
.name-title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 8vw;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
justify-items: end;
grid-auto-flow: column;
grid-auto-columns: auto;
grid-column-gap: 0vw;
grid-row-gap: 0vw;
-ms-grid-columns: auto;
grid-template-columns: auto;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.page-padding-2 {
width: 100%;
padding-right: 5vw;
padding-left: 5vw;
}
.special {
line-height: 1.1;
font-style: italic;
font-weight: 500;
}
.name-block {
height: 7.5vw;
margin-left: 3vw;
padding-right: 4vw;
padding-left: 4vw;
border-style: none;
border-width: 0.0625rem;
border-color: #fff;
border-radius: 6.25rem;
background-color: #fff;
}
.text-size-regular {
font-size: 1.2rem;
line-height: 1.65;
}
.icon-5 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 1.25rem;
height: 1.25rem;
margin-top: 0.1rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
}
.icon-5.dark-icon-color {
display: block;
margin-bottom: 0px;
color: #fff;
}
.name-list-wrapper {
overflow: hidden;
}
.name-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: -1vw;
margin-bottom: 1vw;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
mix-blend-mode: difference;
}
.name-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 9.5vw;
padding-top: 0vw;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 5vw;
line-height: 1;
font-weight: 500;
letter-spacing: 0rem;
text-transform: none;
}
.action-description {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 17rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.button-text-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
height: 1.875rem;
padding: 0rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
text-align: center;
}
.button-text-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 1.875rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.footer-action-heading {
font-size: 5vw;
line-height: 1;
font-weight: 500;
letter-spacing: 0rem;
text-transform: none;
}
.name-item-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 9.5vw;
padding-top: 0vw;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 5vw;
line-height: 1;
font-weight: 500;
letter-spacing: 0rem;
text-transform: none;
}
.nav-link-4 {
color: #fff;
}
.agenda-content {
display: -ms-grid;
display: grid;
-webkit-box-align: start;
-webkit-align-items: start;
-ms-flex-align: start;
align-items: start;
grid-auto-columns: 1fr;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
-ms-grid-columns: 1fr auto;
grid-template-columns: 1fr auto;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.preview-teacher-description {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 30rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.footer-brand {
font-size: 1.5rem;
}
.faq-item {
cursor: pointer;
}
.heading-xlarge {
font-size: 6.5rem;
line-height: 1.15;
}
.benefit-top {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.underline-link-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-bottom: 0rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 0.4rem;
grid-row-gap: 0.4rem;
border-bottom: 0.0625rem none #1a1c24;
color: #fff;
}
.underline-link-2.underline-link-dark {
width: auto;
height: 100%;
color: #000;
}
.preview-paralax {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c2695c3abe95a30_image67%201.webp");
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.agenda-bottom-content {
padding-top: 2.5rem;
}
.faq-top-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0.8rem;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-style: solid;
border-width: 0.0625rem;
border-color: #d3e5e9;
border-radius: 6.25rem;
background-color: #fff;
}
.faq-list {
display: -ms-grid;
display: grid;
-webkit-box-align: end;
-webkit-align-items: end;
-ms-flex-align: end;
align-items: end;
-webkit-align-content: end;
-ms-flex-line-pack: end;
align-content: end;
grid-auto-columns: 1fr;
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.sticky-base {
position: -webkit-sticky;
position: sticky;
top: 0rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 90vh;
max-height: 53rem;
margin-top: -8rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border-style: solid solid none;
border-width: 0.0625rem;
border-color: #d3e5e9;
border-top-left-radius: 5vw;
border-top-right-radius: 5vw;
background-color: #fff;
}
.sticky-base.sticky-second-base {
top: 4rem;
margin-top: -12rem;
margin-bottom: 4rem;
}
.sticky-base.sticky-first-base {
margin-bottom: 8rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.section-sticky-cards {
position: relative;
z-index: 25;
margin-top: -4rem;
background-color: #121316;
}
.section-team {
background-color: #161616;
}
.sticky-anchor {
position: relative;
top: -12rem;
height: 0rem;
}
.footer-link-2 {
font-size: 1.1rem;
}
.preview-image {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
border-radius: 1rem;
}
.section-sortie {
width: 100%;
padding-right: 5vw;
padding-left: 5vw;
background-color: #161616;
}
.section-sortie._2quipe {
padding-top: 4rem;
padding-bottom: 0px;
}
.social-icon-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 2.5rem;
height: 2.5rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 6.25rem;
background-color: #fff;
color: #000;
font-size: 0.75rem;
}
.social-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.sticky-image {
position: relative;
overflow: hidden;
height: 85%;
border-radius: 0.5rem;
}
.sticky-top-side {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.heading-large-2 {
position: static;
display: inline-block;
color: #fff;
font-size: 3rem;
line-height: 1.2;
font-weight: 500;
}
.benefits-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: -1rem;
margin-bottom: -1rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.preview-legal {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.hero-home-info {
position: static;
z-index: 25;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-top: 0rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-top: 0.0625rem none #484858;
line-height: 1.35;
}
.navbar-6 {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: auto;
z-index: 10000;
background-color: rgba(21, 22, 29, 0);
}
.hero-trigger {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
margin-top: 100vh;
}
.preview-speakers {
overflow: hidden;
}
.sticky-card-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.preview-image-base {
position: -webkit-sticky;
position: sticky;
top: 0rem;
overflow: visible;
height: 100%;
max-height: 100vh;
padding-top: 1rem;
padding-bottom: 1rem;
border-radius: 1rem;
}
.faq-bottom-2 {
overflow: hidden;
}
.footer-component {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
grid-auto-columns: 1fr;
grid-column-gap: 4rem;
grid-row-gap: 1rem;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.intro-centered {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 40rem;
margin-right: auto;
margin-left: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
text-align: center;
}
.padding-bottom {
padding-top: 0rem;
padding-right: 0rem;
padding-left: 0rem;
}
.padding-bottom.padding-xhuge {
padding-bottom: 0rem;
background-color: #161616;
}
.section-hero-home {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
background-color: #121316;
}
.button-6 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0.75rem 1.875rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 6.25rem;
background-color: #fff;
color: #000;
font-size: 1rem;
font-weight: 400;
text-align: center;
}
.footer-column {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
grid-column-gap: 6rem;
grid-row-gap: 6rem;
}
.nav-wrapper {
display: -ms-grid;
display: grid;
height: 5rem;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-auto-flow: column;
grid-auto-columns: 1fr;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
border-bottom: 0.0625rem none #3b3b4b;
font-size: 1.125rem;
}
.page-sections {
position: relative;
z-index: 10;
border-bottom-left-radius: 5vw;
border-bottom-right-radius: 5vw;
background-color: #fff;
box-shadow: 0 30px 4.5rem -0.5rem rgba(18, 19, 22, 0.45);
}
.overlay-2 {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 10;
background-color: rgba(18, 19, 22, 0.7);
}
.overlay-2.overlay-light {
background-color: rgba(18, 19, 22, 0.3);
}
.action-intro {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 40rem;
margin-right: auto;
margin-left: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 15rem;
grid-row-gap: 15rem;
text-align: center;
}
.footer-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
grid-column-gap: 2.5rem;
grid-row-gap: 1rem;
}
.agenda-time {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 2rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.faq-intro {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-bottom: 4.5rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-column-gap: 4rem;
grid-row-gap: 4rem;
}
.name-block-2 {
height: 7.5vw;
margin-left: 3vw;
padding-right: 4vw;
padding-left: 4vw;
border-style: none;
border-width: 0.0625rem;
border-color: #fff;
border-radius: 6.25rem;
background-color: #fff;
}
.looping-text {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-right: 15vw;
grid-column-gap: 15vw;
grid-row-gap: 15vw;
font-size: 10vw;
font-weight: 500;
letter-spacing: -0.1rem;
white-space: nowrap;
}
.image-fill {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
overflow: hidden;
width: 100%;
height: 100%;
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
-o-object-fit: cover;
object-fit: cover;
}
.agenda-icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 1rem;
height: 2rem;
min-width: 1rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.benefits-component {
border-top-left-radius: 5vw;
border-top-right-radius: 5vw;
background-color: #121316;
}
.benefits-text-strip {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 0rem;
margin-bottom: 2rem;
}
.about-description {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 30rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
}
.preview-agenda-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-top: 6rem;
padding-bottom: 6rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
grid-column-gap: 6rem;
grid-row-gap: 6rem;
}
.hero-home-heading {
position: relative;
z-index: 10;
}
.text-span {
font-style: italic;
font-weight: 500;
}
.faq-icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 4.75rem;
height: 4.75rem;
min-height: 4.75rem;
min-width: 4.75rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 100%;
background-color: #121316;
}
.name-list-wrapper-2 {
overflow: hidden;
}
.heading-xhuge {
font-size: 7.5vw;
line-height: 1.1;
}
.preview-intro {
position: relative;
z-index: 25;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
text-align: center;
}
.preview-teacher-top {
padding-left: 6vw;
}
.preview-description {
max-width: 30rem;
}
.team-intro {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 71.97067297139705%;
max-width: 37rem;
margin-right: auto;
margin-left: auto;
padding-top: 3rem;
padding-bottom: 3rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
text-align: center;
}
.padding-top {
padding-right: 0rem;
padding-bottom: 0rem;
padding-left: 0rem;
}
.preview-agenda-days {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-column-gap: 4rem;
grid-row-gap: 4rem;
}
.strip-wrapper {
position: absolute;
left: 0%;
top: 0%;
right: auto;
bottom: 0%;
z-index: 5;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.strip-wrapper.right {
left: auto;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 25;
}
.team-avatar {
position: relative;
z-index: 20;
overflow: hidden;
width: auto;
height: auto;
border-radius: 100%;
}
.text-size-large {
color: #fff;
font-size: 1rem;
line-height: 1.65;
}
.agenda-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-top: 0rem;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
border-style: none;
border-width: 0.0625rem;
border-color: #d3e5e9;
border-radius: 1rem;
}
.preview-teacher-title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-left: -3vw;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
}
.text-color-light {
color: #73757f;
}
.nav-link-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
grid-column-gap: 2.5rem;
}
.footer-block {
display: -ms-grid;
display: grid;
width: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
justify-items: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
grid-auto-flow: column;
grid-auto-columns: 1fr;
grid-column-gap: 3rem;
grid-row-gap: 3rem;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
color: #fff;
}
.action-wrapper {
position: relative;
z-index: 5;
color: #fff;
text-align: left;
}
.main-wrapper-2 {
background-color: #121316;
color: #000;
}
.name-list-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: -1vw;
margin-bottom: 1vw;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
mix-blend-mode: difference;
}
.name-item-3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 9.5vw;
padding-top: 0vw;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 5vw;
line-height: 1;
font-weight: 500;
letter-spacing: 0rem;
text-transform: none;
}
.sticky-top {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 4rem;
padding-top: 0rem;
padding-bottom: 0rem;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.hero-image {
position: relative;
left: 0%;
overflow: hidden;
width: 25vw;
height: 25vw;
min-height: 25vw;
border-radius: 0.5rem;
}
.hero-image.twelve {
margin-top: -150%;
}
.hero-image.three {
left: -5vw;
margin-bottom: -5vw;
}
.hero-image.thirteen {
left: -70vw;
margin-top: -50vw;
}
.hero-image.four {
left: -1vw;
top: 0%;
}
.hero-image.nine {
left: -65vw;
margin-top: -45vw;
}
.hero-image.fourteen {
left: 1vw;
}
.hero-image.ten {
left: 140%;
margin-top: 0%;
margin-bottom: -45%;
}
.hero-image.two {
left: 65vw;
margin-top: -45vw;
}
.speaker-list {
position: relative;
width: 100%;
margin-bottom: 9rem;
border-top: 0.0625rem solid #d3e5e9;
}
.lottie-icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 1.1rem;
height: 1.1rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.section-banner {
position: relative;
}
.agenda-detail {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 0.4rem;
grid-row-gap: 0.4rem;
}
.speakers-row-guide {
position: relative;
z-index: 25;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 0rem;
padding-top: 7rem;
padding-bottom: 1.75rem;
padding-left: 14vw;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
border-top: 0.0625rem none #d3e5e9;
}
.nav-left {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.nav-brand {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
font-size: 1.4rem;
line-height: 1;
font-weight: 400;
}
.faq-bottom-content {
display: -ms-grid;
display: grid;
padding-top: 2rem;
padding-bottom: 2.5rem;
padding-left: 2.8rem;
grid-auto-columns: 1fr;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
-ms-grid-columns: 1fr 0.7fr;
grid-template-columns: 1fr 0.7fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.preview-hero {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.preview-agenda-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: -2rem;
padding: 4.5rem 2rem 2.5rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-column-gap: 0rem;
grid-row-gap: 0rem;
border-style: solid;
border-width: 0.0625rem;
border-color: #d3e5e9;
border-radius: 1rem;
background-color: #fff;
outline-color: #d3e5e9;
outline-offset: 0rem;
outline-style: none;
outline-width: 0.0625rem;
cursor: pointer;
}
.preview-agenda-item.top {
margin-top: 0rem;
padding-top: 2.5rem;
}
.sticky-intro {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 35rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.text-size-small {
font-size: 0.875rem;
}
.text-size-small.text-style-muted {
-webkit-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out;
}
.text-size-small.text-style-muted:hover {
opacity: 1;
}
.ceo-info {
display: block;
overflow: hidden;
width: 100%;
height: 100%;
padding: 0rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
text-align: center;
}
.heading-small {
font-size: 1.875rem;
line-height: 1.4;
font-weight: 500;
}
.heading-medium-3 {
font-size: 2.25rem;
line-height: 1.2;
font-weight: 500;
}
.hero-image-strip {
z-index: 10;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
padding-top: 70vh;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
justify-items: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
grid-auto-columns: 1fr;
grid-column-gap: 26vw;
grid-row-gap: 26vw;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.hero-image-strip.left {
position: relative;
}
.hero-image-strip.right-side {
left: auto;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 25;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.faq-component {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-auto-columns: 1fr;
grid-column-gap: 4rem;
grid-row-gap: 4rem;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.section-faq {
position: relative;
border-bottom-left-radius: 5vw;
border-bottom-right-radius: 5vw;
}
.preview-title {
max-width: 32rem;
}
.button-text-item-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 1.875rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.sticky-description {
max-width: 31rem;
}
.faq-text {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0rem 1rem 0rem 2rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.hero-home-content {
position: -webkit-sticky;
position: sticky;
top: 0rem;
z-index: 15;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
height: 100%;
margin-bottom: -100vh;
padding-right: 5vw;
padding-bottom: 4rem;
padding-left: 5vw;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
grid-auto-columns: 1fr;
grid-column-gap: 0rem;
grid-row-gap: 0rem;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: 1fr 1fr;
grid-template-rows: 1fr 1fr;
background-color: #121316;
color: #000;
}
.hero-bottom {
position: static;
z-index: 15;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 70vw;
padding-top: 4rem;
padding-bottom: 4rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 4rem;
grid-row-gap: 4rem;
color: #fff;
text-align: center;
}
.preview-agenda-description {
max-width: 30rem;
}
.footer-action-heading-2 {
font-size: 5vw;
line-height: 1;
font-weight: 500;
letter-spacing: 0rem;
text-transform: none;
}
.preview-agenda-top {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.preview-agenda {
display: -ms-grid;
display: grid;
-webkit-box-align: start;
-webkit-align-items: start;
-ms-flex-align: start;
align-items: start;
grid-auto-columns: 1fr;
grid-column-gap: 6rem;
grid-row-gap: 2.5rem;
-ms-grid-columns: 50% 1fr;
grid-template-columns: 50% 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.legal-link {
-webkit-transition: color 400ms ease;
transition: color 400ms ease;
}
.legal-link:hover {
color: #fff;
}
.agenda-top {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.sticky-cover {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.nav-right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
grid-column-gap: 2.5rem;
}
.section-benefits {
overflow: hidden;
background-color: #fff;
}
.container-medium {
width: 100%;
max-width: 68rem;
margin-right: auto;
margin-left: auto;
}
.preview-background {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 2;
overflow: hidden;
}
.section-speakers {
position: relative;
z-index: 25;
overflow: hidden;
background-color: #fff;
}
.banner-description {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 32rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
}
.footer-bottom {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
border-top: 0.0625rem solid #1a1c24;
color: hsla(0, 0%, 100%, 0.7);
font-size: 0.875rem;
font-weight: 300;
}
.footer-wrapper-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
grid-column-gap: 6rem;
grid-row-gap: 6rem;
}
.sticky-content {
display: -ms-grid;
display: grid;
padding-top: 0rem;
padding-bottom: 6rem;
-webkit-box-pack: stretch;
-webkit-justify-content: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
justify-items: stretch;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
grid-auto-columns: 1fr;
grid-column-gap: 3rem;
grid-row-gap: 3rem;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.container-large-2 {
width: 100%;
max-width: 96rem;
margin-right: auto;
margin-left: auto;
}
.benefits-base {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 40rem;
padding-top: 9rem;
padding-bottom: 9rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
grid-auto-columns: 1fr;
grid-column-gap: 6rem;
grid-row-gap: 6rem;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
color: #fff;
}
.agenda-bottom {
overflow: hidden;
max-width: 30rem;
padding-left: 3rem;
}
.team-basic {
display: -ms-grid;
display: grid;
grid-auto-columns: 1fr;
grid-column-gap: 0rem;
grid-row-gap: 0rem;
-ms-grid-columns: 0.5fr 1fr 0.5fr;
grid-template-columns: 0.5fr 1fr 0.5fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.agenda-list-title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 1.5rem;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.team-circles {
display: -ms-grid;
display: grid;
justify-items: center;
grid-auto-columns: 1fr;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.action-content {
display: -ms-grid;
display: grid;
padding-bottom: 0rem;
justify-items: stretch;
-webkit-box-align: end;
-webkit-align-items: end;
-ms-flex-align: end;
align-items: end;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
grid-auto-columns: 1fr;
grid-column-gap: 0vw;
grid-row-gap: 0vw;
-ms-grid-columns: auto 1fr auto;
grid-template-columns: auto 1fr auto;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.speaker-title-image {
position: relative;
z-index: 10;
overflow: hidden;
width: 17vw;
height: 17vw;
border-radius: 0.5rem;
}
.speaker-title-image.speaker-image-large {
width: 23vw;
}
.hero-wrapper {
position: relative;
height: 300vh;
}
.home-hero {
position: -webkit-sticky;
position: sticky;
top: 0rem;
z-index: 25;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: visible;
height: 100vh;
min-height: 100vh;
padding-top: 0rem;
padding-bottom: 0rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.benefits-strip {
display: -ms-grid;
display: grid;
width: 100%;
max-width: 72rem;
margin-right: auto;
margin-left: auto;
grid-auto-columns: 1fr;
grid-column-gap: 0rem;
grid-row-gap: 0rem;
-ms-grid-columns: 1fr 0.9fr 1fr;
grid-template-columns: 1fr 0.9fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.ceo-infos {
display: block;
min-height: 1.875rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: space-around;
-ms-flex-line-pack: distribute;
align-content: space-around;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
color: #fff;
text-align: center;
-o-object-fit: none;
object-fit: none;
}
.ceo-infos.fcd {
display: none;
}
.page-padding-4 {
width: 100%;
padding-right: 5vw;
padding-left: 5vw;
}
.heading-xhuge-2 {
color: #fff;
font-size: 7.5vw;
line-height: 1.1;
}
.text-size-large-2 {
font-size: 1.5rem;
line-height: 1.65;
}
.button-text-4 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
height: 1.875rem;
padding: 0rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
text-align: center;
}
.button-text-item-4 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 1.875rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.nav-logo-2 {
margin-right: 0rem;
margin-left: 0rem;
padding-right: 0.625rem;
padding-left: 0.625rem;
-webkit-transition: opacity 200ms cubic-bezier(.645, .045, .355, 1);
transition: opacity 200ms cubic-bezier(.645, .045, .355, 1);
cursor: pointer;
}
.nav-logo-2:hover {
opacity: 0.65;
}
.nav-link-5 {
margin-right: 0rem;
margin-left: 0rem;
padding: 0rem 0.625rem;
-webkit-transition: opacity 200ms cubic-bezier(.645, .045, .355, 1);
transition: opacity 200ms cubic-bezier(.645, .045, .355, 1);
color: #fff;
font-size: 1em;
line-height: 3.14286em;
letter-spacing: -0.01em;
}
.nav-link-5:hover {
opacity: 0.65;
}
.nav {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: auto;
z-index: 10;
display: none;
height: 2.75rem;
margin-bottom: 0rem;
clear: both;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #111;
color: #0a0a0a;
}
.nav-link-wrapper-m {
display: none;
}
.nav-wrapper-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 62.5rem;
margin-right: 0.75rem;
margin-left: 0.75rem;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.nav-link-wrapper-d {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.nav-icon {
margin-right: 0rem;
padding-right: 0.625rem;
padding-left: 0.625rem;
-webkit-transition: opacity 200ms cubic-bezier(.645, .045, .355, 1);
transition: opacity 200ms cubic-bezier(.645, .045, .355, 1);
cursor: pointer;
}
.nav-icon:hover {
opacity: 0.65;
}
.nav-icon.last {
margin-right: 0rem;
}
.apple-pay {
height: 3rem;
border-radius: 6.25rem;
}
.navbar-component {
display: -ms-grid;
display: grid;
height: 100%;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
grid-auto-flow: column;
grid-auto-columns: 1fr;
grid-column-gap: 0rem;
grid-row-gap: 0rem;
-ms-grid-columns: 1fr auto 1fr;
grid-template-columns: 1fr auto 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.cart-quantity {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 2rem;
height: 2rem;
margin-bottom: 0rem;
padding: 0rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-color: #e4eff3;
border-radius: 6.25rem;
background-color: hsla(0, 0%, 98%, 0);
font-size: 0.75rem;
text-align: center;
}
.cart-image-wrapper {
position: relative;
}
.error-message-3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-right: 2rem;
margin-left: 2rem;
padding: 0.75rem 1rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 0.5rem;
background-color: #e9b9b9;
text-align: center;
}
.remove-button {
position: absolute;
left: auto;
top: 0.75rem;
right: 0.75rem;
bottom: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 2rem;
height: 2rem;
padding: 0.7rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 6.25rem;
background-color: #fff;
}
.show-tablet {
display: none;
}
.button-text-wrapper {
position: relative;
z-index: 10;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
height: 1.5rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
line-height: 1.5;
}
.cart-item-info {
margin-right: 1rem;
margin-left: 1rem;
grid-column-gap: 0.25rem;
grid-row-gap: 0.25rem;
}
.cart-footer {
padding: 2rem 2rem 1rem;
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
border-top-style: none;
}
.cart-quantity-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 0.875rem;
grid-row-gap: 0.875rem;
}
.button-7 {
position: relative;
z-index: 10;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
min-width: 8rem;
padding: 0.875rem 1.875rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-style: none;
border-width: 0.0625rem;
border-color: #d1dfe4;
border-radius: 6.25rem;
background-color: #e2ebf0;
color: #000;
font-size: 0.875rem;
text-align: center;
text-decoration: none;
}
.button-7.nav-button {
min-width: auto;
padding: 0.75rem 1.75rem;
}
.nav-menu-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
grid-auto-flow: column;
grid-auto-columns: auto;
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
-ms-grid-columns: auto;
grid-template-columns: auto;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.button-submit {
margin-bottom: 1rem;
margin-left: auto;
padding: 1.25rem 1.75rem;
border-radius: 6.25rem;
background-color: #0d1014;
font-size: 1rem;
line-height: 1;
}
.text-size-regular-2 {
font-size: 1.125rem;
line-height: 1.6;
}
.cart-form-wrapper {
overflow: hidden;
}
.cart-container {
overflow: hidden;
max-height: 100vh;
}
.cart-line-item {
margin-bottom: 0rem;
}
.option-list-3 {
border-top: 0.0625rem none #000;
}
.cart-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-right: 2rem;
margin-left: 2rem;
padding: 2rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-column-gap: 4rem;
grid-row-gap: 4rem;
border-style: solid;
border-width: 0.0625rem;
border-color: #e4eff3;
border-radius: 0.5rem;
}
.button-text-5 {
height: 1.5rem;
min-height: 1.5rem;
padding: 0rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
line-height: 1.7;
font-weight: 400;
}
.cart-icon {
width: 1rem;
}
.text-size-small-2 {
margin-left: 0rem;
font-size: 0.875rem;
font-weight: 400;
}
.text-size-small-2.text-color-grey {
margin-bottom: 0rem;
}
.cart-icon-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 3rem;
height: 3rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-style: solid;
border-width: 0.0625rem;
border-color: #e4eff3;
border-radius: 100%;
}
.nav-link-6 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
padding-right: 0rem;
padding-left: 0rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #000;
font-size: 0.875rem;
text-decoration: none;
}
.cart-button {
width: 100%;
height: 100%;
margin-top: auto;
margin-bottom: auto;
padding: 0rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
background-color: transparent;
}
.nav-menu-4 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.cart-empty-state {
padding: 0rem 2rem 2rem;
}
.navbar-right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.empty-component {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
padding-right: 2rem;
padding-left: 2rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
border-style: solid;
border-width: 0.0625rem;
border-color: #e4eff3;
border-radius: 0.5rem;
text-align: center;
}
.cart-wrapper {
background-color: rgba(15, 17, 19, 0.8);
}
.navbar-right-links {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-auto-columns: 1fr;
grid-column-gap: 2.25rem;
grid-row-gap: 2.25rem;
-ms-grid-columns: 1fr auto;
grid-template-columns: 1fr auto;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.navbar-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.cart-item {
padding-top: 0rem;
padding-bottom: 0rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.navbar-7 {
position: fixed;
left: 0%;
top: 0rem;
right: 0%;
bottom: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 4rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
background-color: #fff;
}
.button-background {
position: absolute;
left: auto;
top: auto;
right: auto;
bottom: auto;
display: none;
width: 100%;
height: 175%;
min-width: 4.5rem;
border-radius: 100%;
background-color: #3f8ef1;
}
.checkout-image {
overflow: hidden;
width: 100%;
height: 100%;
border-radius: 0.5rem;
-o-object-fit: cover;
object-fit: cover;
}
.cart-item-bottom {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 0.5rem;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.brand-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 7rem;
min-width: 7rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #000;
font-size: 1.5rem;
line-height: 1;
font-weight: 700;
letter-spacing: 0.0625rem;
text-transform: uppercase;
}
.cart-option-item {
text-transform: capitalize;
}
.page-padding-5 {
width: 100%;
padding-right: 3.5rem;
padding-left: 3.5rem;
}
.close-button-2 {
width: 1.25rem;
height: auto;
}
.default-state-2 {
overflow: hidden;
}
.cart-header {
display: -ms-grid;
display: grid;
padding: 1rem 2rem;
grid-auto-columns: 1fr;
grid-column-gap: 0rem;
grid-row-gap: 0rem;
-ms-grid-columns: 0.5fr 1fr 0.5fr;
grid-template-columns: 0.5fr 1fr 0.5fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
border-bottom-style: none;
}
.nav-bg-2 {
position: absolute;
left: 0%;
top: -0.0625rem;
right: 0%;
bottom: auto;
height: 100%;
background-color: transparent;
}
.navbar-8 {
position: fixed;
width: 100%;
height: 3.75rem;
background-color: transparent;
}
.nav-logo-3 {
width: 2.5rem;
}
.nav-bg-3 {
position: absolute;
left: 0%;
top: -0.0625rem;
right: 0%;
bottom: auto;
height: 120%;
background-color: #305056;
}
.nav-elements-2 {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 120%;
max-width: 75rem;
margin-right: auto;
margin-left: auto;
padding-left: 0.625rem;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 0.0625rem solid #fff;
}
.navbar-9 {
position: fixed;
z-index: 10000;
width: 100%;
height: 3.75rem;
background-color: transparent;
}
.gif {
position: absolute;
width: 18.75rem;
}
.section-13 {
position: absolute;
left: 0%;
top: auto;
right: 0%;
bottom: 0%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100vh;
padding-right: 3.75rem;
padding-left: 3.75rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 2.625rem;
line-height: 2.625rem;
font-weight: 900;
text-align: center;
}
.work-descr {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: visible;
width: 18.75rem;
height: 6.25rem;
max-width: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-align-self: end;
-ms-flex-item-align: end;
align-self: end;
}
.wrapper-6 {
position: relative;
z-index: 2;
background-color: #161616;
}
.thx {
max-width: 23.75rem;
}
.number {
position: relative;
z-index: 1;
padding-top: 2.5rem;
}
.col {
display: -ms-grid;
display: grid;
min-height: 28.125rem;
margin-top: auto;
margin-bottom: auto;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
grid-auto-columns: 1fr;
grid-column-gap: 0rem;
grid-row-gap: 0.5rem;
grid-template-areas: ".";
-ms-grid-columns: 1fr 0rem 1fr 0rem 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: 1fr 0.5rem 1fr 0.5rem 1fr;
grid-template-rows: 1fr 1fr 1fr;
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
.horizontal-scroll {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.section-14 {
position: -webkit-sticky;
position: sticky;
top: 0rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
height: auto;
padding-top: 11.25rem;
padding-bottom: 3.75rem;
padding-left: 5rem;
}
.line-2 {
height: 0.25rem;
margin-top: 1.5rem;
margin-left: -1.5rem;
background-color: #de5d41;
}
.video-wrapper {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-width: 18.75rem;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.text-block-8 {
margin-left: 1.5rem;
color: #161516;
font-size: 2rem;
line-height: 2rem;
font-weight: 500;
}
.scroll {
position: relative;
z-index: -1;
height: 800vh;
}
.name {
margin-bottom: 0.5rem;
color: #2669e3;
font-size: 1.875rem;
line-height: 1.875rem;
font-weight: 900;
text-transform: capitalize;
}
.scroll-progress {
position: fixed;
left: 0%;
top: auto;
right: 0%;
bottom: 0%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 0.25rem;
}
.progress {
width: 100%;
background-color: #2669e3;
}
.text-block-9 {
color: #fff;
}
.text-block-10 {
color: #fff;
}
.home-projects_project-wrapper {
display: block;
width: 100%;
height: 25.49em;
border: 0.0625rem solid #000;
}
.home-projects_heading-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-bottom: 10em;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-transform: uppercase;
}
.home-projects_component {
display: block;
width: 100%;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
justify-items: stretch;
-webkit-box-align: start;
-webkit-align-items: start;
-ms-flex-align: start;
align-items: start;
grid-auto-flow: row dense;
grid-auto-columns: 1fr;
grid-template-areas: ". ."
"Area-2 Area-2";
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto auto;
grid-template-rows: auto auto auto;
}
.text-weight-light {
font-weight: 300;
letter-spacing: -0.05em;
cursor: default;
}
.text-weight-medium-2 {
font-weight: 500;
letter-spacing: -0.05em;
}
.padding-vertical-2 {
padding: 8.96em 0rem;
}
.home-projects_layout {
display: -ms-grid;
display: grid;
width: 100%;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
justify-items: stretch;
-webkit-box-align: start;
-webkit-align-items: start;
-ms-flex-align: start;
align-items: start;
grid-auto-flow: row dense;
grid-auto-columns: 1fr;
grid-column-gap: 1.875rem;
grid-row-gap: 1.875rem;
grid-template-areas: ".";
-ms-grid-columns: 1fr 1.875rem 1fr 1.875rem 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.page-padding-6 {
position: relative;
z-index: 2;
padding-right: 11.88em;
padding-left: 11.88em;
}
.section-home-projects {
position: relative;
z-index: 2;
}
.les-3-pochettes-du-moments {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: visible;
padding-top: 3.75rem;
padding-bottom: 3.75rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
}
.image-160 {
width: 12.5rem;
height: 12.5rem;
min-height: 12.5rem;
min-width: 12.5rem;
}
.image-161 {
width: 12.5rem;
height: 12.5rem;
min-height: 12.5rem;
min-width: 12.5rem;
}
.image-162 {
height: 12.5rem;
min-width: 12.5rem;
}
.pochette {
position: relative;
z-index: 5000;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 12.5rem;
height: 12.5rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
._w-zoom-in-img {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 60vw;
height: 80vh;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 0.625rem;
background-color: #333;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26957e8ae95a34_pop-up-bg.webp");
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
box-shadow: 1px 1px 6.25rem 0 rgba(0, 0, 0, 0.75);
}
.b-zoom-in-img {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
height: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 0.625rem;
}
.img-thumbnail {
position: relative;
z-index: 5;
width: 12.5rem;
height: 12.5rem;
max-height: 31.25rem;
max-width: 31.25rem;
border-radius: 0.625rem;
box-shadow: 0 0 0.9375rem 0 rgba(0, 0, 0, 0.65);
}
._w-image {
position: relative;
z-index: 5;
width: 12.5rem;
height: 12.5rem;
}
.c-zoom-in-img {
position: fixed;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 5000;
display: block;
width: 12.5rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(19, 19, 19, 0.95);
}
.photo-de-la-cover {
position: absolute;
left: 0%;
top: 45%;
right: 0%;
bottom: 0%;
height: 2.1875rem;
margin-right: auto;
margin-bottom: 0rem;
margin-left: auto;
}
.hd-img {
position: relative;
z-index: 5000;
width: 100%;
}
.img-thumbnail-bg {
position: absolute;
z-index: 4;
width: 12.5rem;
height: 12.5rem;
border-radius: 0.625rem;
background-color: hsla(0, 0%, 100%, 0.1);
}
.b-image {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 12.5rem;
height: 12.5rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 0.625rem;
}
.ci-zoom-in-img {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.cover-overlay {
position: absolute;
z-index: 6;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 12.5rem;
height: 12.5rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 0.625rem;
background-color: rgba(19, 19, 19, 0.6);
}
.c-hd-img {
position: absolute;
left: auto;
top: auto;
right: auto;
bottom: auto;
z-index: 5000;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 200%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.cover {
position: relative;
z-index: 5;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 12.5rem;
height: 12.5rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 0.625rem;
cursor: pointer;
}
.cover-overlays {
position: relative;
width: 12.5rem;
height: 12.5rem;
padding: 1.25rem;
text-align: center;
}
.c-zoom-out-text {
position: absolute;
left: 0%;
top: auto;
right: 0%;
bottom: 0%;
width: 12.5rem;
height: 12.5rem;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
.zoom-out-text {
color: #aaa;
font-size: 0.8em;
text-align: center;
}
.nos-derni-res-sorties {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.section-15 {
background-color: #161616;
}
.nos-dernieres-sorties {
background-color: #161616;
}
.propos-de {
background-color: #161616;
}
.inner-fw__text-block {
color: #fff;
font-size: 1.375rem;
line-height: 1.875rem;
letter-spacing: 0.03125rem;
}
.step-block__text-description {
color: #d1d1d1;
font-weight: 300;
letter-spacing: 0.015625rem;
}
.step-block__text-description.text-description-2 {
opacity: 1;
}
.step-block__text-description.text-description-3 {
opacity: 1;
}
.step-block__text-description.text-description-4 {
opacity: 1;
}
.page-content {
display: block;
}
.dynamic-content__block {
position: absolute;
top: 0rem;
right: 0rem;
bottom: 0rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 70%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.section-sticky {
position: relative;
overflow: visible;
width: 100vw;
}
.step-block__text-title {
margin-bottom: 0.625rem;
color: #fff;
font-size: 1.25rem;
}
.step-block__text-title.text-title_1 {
opacity: 1;
}
.step-block__text-number {
color: #7d8082;
font-weight: 300;
}
.section-triggers {
position: absolute;
left: 0rem;
top: 0vh;
right: 0rem;
bottom: 0rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.section-triggers.section-triggers__scroll-down {
position: absolute;
left: 0rem;
top: 0vh;
right: auto;
bottom: 0rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 0.0625rem;
}
.dynamic-section__wrap {
position: absolute;
left: -0.3125rem;
top: -4.75rem;
z-index: 2;
display: block;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 0% 100% 0rem;
-ms-transform-origin: 0% 100% 0rem;
transform-origin: 0% 100% 0rem;
}
.section-trigger {
position: relative;
height: 0.0625rem;
}
.section-trigger.section-trigger__2 {
position: absolute;
top: 40%;
z-index: 999;
width: 0.0625rem;
height: 0.0625rem;
background-color: transparent;
}
.section-trigger.section-trigger__3 {
position: absolute;
top: 60%;
z-index: 999;
width: 0.0625rem;
height: 0.0625rem;
background-color: transparent;
}
.section-trigger.section-trigger__4 {
position: absolute;
top: 80%;
z-index: 999;
width: 0.0625rem;
background-color: transparent;
}
.section-trigger.section-trigger__1 {
position: absolute;
top: 20%;
z-index: 999;
width: 0.0625rem;
height: 0.0625rem;
background-color: transparent;
}
.stepper-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
padding-top: 1.25rem;
padding-bottom: 2.5rem;
}
.section-sticky__outer-wrap {
position: relative;
width: 100vw;
}
.wrap-block__inner-fw {
position: relative;
display: block;
width: 100%;
height: 50vh;
margin-right: auto;
margin-left: auto;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
}
.wrap-block__inner-fw.inner-fw__bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.step-block__progress-bar {
overflow: hidden;
width: 100%;
height: 0.0625rem;
margin-top: 0.5rem;
margin-bottom: 0.75rem;
background-color: #7d8082;
}
.wrap {
display: block;
width: 58.75rem;
margin-right: auto;
margin-left: auto;
}
.wrap._w-custom.w60-60 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-top: 3.75rem;
padding-bottom: 3.75rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.dynamic-number__inner-wrap {
height: 20vh;
-webkit-transform: translate(0rem, 0rem);
-ms-transform: translate(0rem, 0rem);
transform: translate(0rem, 0rem);
}
.dynamic-number__inner-wrap.dynamic-number__track {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.dynamic-text {
color: #fff;
font-size: 1.875rem;
line-height: 5vh;
text-align: left;
letter-spacing: 0.125rem;
}
.dynamic-text.dt-number {
font-family: Inconsolata, monospace;
color: rgba(255, 255, 255, 0.5);
font-size: 2.25rem;
line-height: 5vh;
}
.dynamic-text.dt-number.placeholder {
position: absolute;
left: 0rem;
top: 0rem;
z-index: 3;
}
.step-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 25%;
height: 100%;
margin-right: 1.25rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.step-block.step-block__1 {
width: 49%;
margin-right: 2%;
}
.step-block.step-block__4 {
width: 15%;
margin-right: 0%;
}
.step-block.step-block__3 {
width: 15%;
margin-right: 2%;
}
.step-block.step-block__2 {
width: 15%;
margin-right: 2%;
}
.wrap__sticky {
position: static;
left: 0rem;
top: 0rem;
right: 0rem;
bottom: 0rem;
z-index: 1;
overflow: hidden;
}
.wrap__sticky.sticky {
position: relative;
height: 100vh;
background-color: #d1d1d1;
}
.wrap__sticky.sticky.sticky-5 {
background-color: #161616;
}
.div-block-227 {
position: absolute;
left: 0rem;
top: 0rem;
z-index: 2;
width: 1.25rem;
height: 5vh;
background-color: #191919;
}
.section-sticky__wrap {
position: relative;
z-index: 2;
display: block;
width: 100%;
height: 300vh;
}
.section-sticky__wrap.section-sticky__wrap-progress {
z-index: 0;
overflow: visible;
height: 500vh;
}
.dynamic-number__wrap {
position: relative;
left: 0rem;
top: 0rem;
overflow: hidden;
height: 5vh;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.dynamic-text__wrap {
position: relative;
display: block;
overflow: hidden;
height: 5vh;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.step-block__progress-bar-inner {
width: 100%;
height: 0.0625rem;
background-color: #fff;
-webkit-transform: translate(-100%, 0rem);
-ms-transform: translate(-100%, 0rem);
transform: translate(-100%, 0rem);
}
.back-to-top_button {
position: fixed;
right: 2rem;
bottom: 2rem;
z-index: 99;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 3.5rem;
height: 3.5rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 10rem;
background-color: #292929;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
color: #a3a3a3;
}
.back-to-top_button:hover {
color: #fff;
}
.back-to-top_button.w--current {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.icon-embed-xsmall {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 1.5rem;
height: 1.5rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.icon-embed-xsmall.back-to-top {
width: 1.25rem;
height: 1.25rem;
}
.heading-xxlarge {
font-size: 3.5rem;
line-height: 1.2;
font-weight: 500;
}
.heading-xxlarge.text-lineheight-xshort {
line-height: 1.1;
}
.heading-xxlarge.text-lineheight-xshort.text-letterspacing-tight {
width: 50%;
margin-right: auto;
margin-left: auto;
color: #161616;
font-size: 2.5rem;
letter-spacing: 0rem;
}
.text-size-large-3 {
display: block;
width: 50%;
margin-right: auto;
margin-left: auto;
background-color: transparent;
color: rgba(22, 22, 22, 0.8);
font-size: 1.25rem;
letter-spacing: 0rem;
}
.badge-2 {
display: inline-block;
padding: 0.5rem 1rem;
border-radius: 10rem;
background-color: rgba(41, 41, 41, 0);
font-family: Relative, sans-serif;
color: #000;
font-size: 1.25rem;
}
.fs-checkbox_label-7 {
position: absolute;
left: 0%;
top: 0%;
right: auto;
bottom: auto;
display: none;
width: auto;
margin-bottom: 0rem;
font-weight: 500;
}
.filters_filter-group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.fs-checkbox_label {
position: relative;
z-index: 1;
display: block;
margin-bottom: 0rem;
color: #fff;
font-size: 1rem;
line-height: 0.9375rem;
font-weight: 500;
text-decoration: none;
}
.fs-checkbox_label.gris-fonc {
color: #d3d3d3;
text-decoration: none;
}
.filters_form-block {
display: block;
width: 80%;
margin-bottom: 0rem;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
-ms-grid-row-align: auto;
align-self: auto;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
}
.filters_form-block.dfcgvhbj {
display: block;
border-radius: 0.5em;
}
.fs-checkbox_toggle {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 2.5rem;
margin-right: 1.5rem;
margin-bottom: 0rem;
padding: 0.25rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 999rem;
cursor: pointer;
}
.fs-checkbox_button-7 {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
display: block;
width: 100%;
height: 100%;
margin-top: 0rem;
margin-left: 0rem;
border-radius: 999rem;
}
.fs-checkbox_button-7:focus-visible {
outline-color: #9b9b9b;
outline-offset: 0.25rem;
outline-style: none;
outline-width: 0.125rem;
}
.fs-checkbox_button-7[data-wf-focus-visible] {
outline-color: #9b9b9b;
outline-offset: 0.25rem;
outline-style: none;
outline-width: 0.125rem;
}
.filters_filter-group-list {
display: -ms-grid;
display: grid;
width: 100%;
padding-top: 0rem;
-webkit-box-pack: end;
-webkit-justify-content: end;
-ms-flex-pack: end;
justify-content: end;
justify-items: stretch;
-webkit-box-align: end;
-webkit-align-items: end;
-ms-flex-align: end;
align-items: end;
grid-auto-columns: 1fr;
grid-column-gap: 2rem;
grid-row-gap: 1rem;
-ms-grid-columns: minmax(5rem, 3fr) 2.25fr;
grid-template-columns: minmax(5rem, 3fr) 2.25fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
border-bottom-color: #101010;
}
.filters_filter-group-list.boutooon-haut {
-ms-grid-columns: minmax(5rem, 3fr);
grid-template-columns: minmax(5rem, 3fr);
}
.filters_filter-group-list.boutooon-haut.dfcgvhbj {
border-radius: 0.5em;
}
.filters_item-text-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 0.5rem;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 1rem;
}
.fs-search_field {
height: 3.75rem;
margin-bottom: 0rem;
padding: 0.5rem 1.5rem 0.5rem 3.5rem;
border-style: solid;
border-width: 0.125rem;
border-color: #292929;
border-radius: 0.5rem;
background-color: #292929;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c2695eb2ae95a07_search-white.webp");
background-position: 0.75rem 50%;
background-size: 2.25rem;
background-repeat: no-repeat;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
font-size: 1rem;
}
.fs-search_field:focus {
border-color: #fff;
}
.filters_form {
display: block;
background-color: transparent;
}
.filters_form.dfcgvhbj {
width: 60%;
border-radius: 0em;
}
.button-link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0.25rem 0rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
color: #101010;
line-height: 1;
text-decoration: none;
}
.button-link.is-alternate {
color: #fff;
}
.featured_wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 0.5rem;
grid-row-gap: 0.5rem;
}
.fs-checkbox_field {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 3.75rem;
margin-bottom: 0rem;
padding: 1rem 1.5rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-style: solid;
border-width: 0.125rem;
border-color: #525252;
border-radius: 0.5rem;
background-color: #101010;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
color: #737373;
font-weight: 500;
cursor: pointer;
}
.fs-checkbox_field:hover {
border-color: #fff;
color: #fff;
}
.fs-checkbox_field.is-active {
width: 100%;
padding-right: 1rem;
padding-left: 1rem;
background-color: #525252;
color: #fff;
}
.fs-checkbox_field.is-active.fonc {
background-color: #292929;
text-decoration: none;
}
.filters_list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.fs-checkbox_toggle-dot {
position: relative;
z-index: 2;
display: block;
width: 1rem;
height: 1rem;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
border-radius: 999rem;
background-color: #fff;
}
.fs-checkbox_mask {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 1;
border-radius: 999rem;
background-color: #424242;
}
.fs-checkbox_button {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
display: block;
width: 100%;
height: 100%;
margin-top: 0rem;
margin-left: auto;
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
border: 0.0625rem none #000;
border-radius: 0.5rem;
background-color: #525252;
box-shadow: 1px 1px 0.1875rem 0 transparent;
color: #fff;
text-decoration: none;
}
.fs-checkbox_button.w--redirected-checked {
border-style: none;
background-color: transparent;
background-image: none;
}
.fs-checkbox_button.w--redirected-focus {
border-style: none;
border-radius: 0rem;
box-shadow: none;
}
.fs-checkbox_button.w--redirected-focus-visible {
box-shadow: none;
outline-color: #9b9b9b;
outline-offset: 0.25rem;
outline-style: solid;
outline-width: 0.125rem;
}
.fs-checkbox_button.gris-fonc {
background-color: #161616;
text-decoration: none;
}
.fs-checkbox_button.gris-fonc {
background-color: #161616;
text-decoration: none;
}
.text-block-11 {
overflow: visible;
width: auto;
text-align: center;
}
.bouton-blanc {
width: 15rem;
padding: 1rem 1.5rem;
border-style: solid;
border-width: 0.15rem;
border-color: #161616;
border-radius: 0.5rem;
background-color: #fff;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: #161616;
font-size: 0.875rem;
line-height: 0.875rem;
font-weight: 500;
text-align: center;
letter-spacing: 0.0375rem;
text-transform: uppercase;
}
.bouton-blanc:hover {
background-color: #d8d5d1;
}
.link-block-6 {
text-decoration: none;
}
.link-block-7 {
text-decoration: none;
}
.boutons-sombre {
grid-template-areas: "Area";
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.button-8 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
border-style: solid;
border-width: 0.0625rem;
border-color: #8a8a8a;
border-radius: 0.5rem;
background-color: #161616;
font-size: 1rem;
text-align: center;
}
.bouton-gris-clair {
display: block;
width: auto;
margin-right: auto;
margin-left: auto;
padding: 1rem 20px;
border: 0rem solid #8a8a8a;
border-radius: 0.5rem;
background-color: #525252;
font-size: 1rem;
}
.bouton-gris-clair.en-bleu {
border-width: 0rem;
background-color: #2669e3;
text-align: center;
}
.bouton-gris-clair.en-bleu {
border-width: 0rem;
background-color: #2669e3;
font-weight: 500;
text-align: center;
}
.bouton-gris-clair.limit {
width: 200px;
text-align: center;
}
.bouton-gris-clair.limit.napster {
margin-top: 2em;
}
.bouton-gris-clair.g {
width: 200px;
margin-left: 0px;
text-align: center;
}
.bouton-gris-clair.g.dans-texte {
margin-bottom: 4em;
}
.bouton-gris-clair.petit {
width: 15em;
margin-left: 0px;
padding-top: 1rem;
padding-right: 1em;
padding-left: 1em;
font-size: 0.8rem;
line-height: 0.8rem;
text-align: center;
-o-object-fit: fill;
object-fit: fill;
}
.notre-offre {
position: relative;
margin-top: 0rem;
padding-top: 6.25rem;
background-color: #161616;
}
.payment-terms {
font-size: 0.75rem;
}
.icon-button {
display: inline-block;
padding: 1.1em 1.7em;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
border-radius: 0.5rem;
background-color: #055ffb;
background-image: linear-gradient(135deg, rgba(0, 117, 254, 0), #0075fe);
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
color: #fff;
font-weight: 400;
text-decoration: none;
}
.icon-button:hover {
background-color: #034492;
}
.standard-paragraph {
margin-bottom: 1rem;
color: rgba(0, 0, 0, 0.6);
font-size: 1.1rem;
line-height: 1.7rem;
letter-spacing: 0rem;
}
.standard-paragraph.smaller {
font-size: 0.95rem;
}
.flex-row-center-3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.integrations-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100.00000716725602%;
margin-top: 0rem;
padding: 2em;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 1.5rem;
background-color: #292929;
opacity: 1;
outline-color: transparent;
outline-offset: 0rem;
outline-style: solid;
outline-width: 1rem;
-webkit-transition: box-shadow 200ms ease-in-out;
transition: box-shadow 200ms ease-in-out;
color: #292929;
}
.price {
margin-bottom: 0.75rem;
color: #fff;
font-size: 1.8em;
line-height: 1.1;
text-align: center;
}
.button-arrow {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 1.25rem;
margin-left: 0.5rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.pricing-features {
margin-bottom: 0.75rem;
font-size: 1em;
line-height: 1.5rem;
}
.detail-2 {
margin-bottom: 0rem;
color: rgba(255, 255, 255, 0.7);
font-weight: 400;
}
.feature-grid {
margin-top: 1em;
margin-bottom: 2rem;
margin-left: 0rem;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: auto auto auto auto;
grid-template-rows: auto auto auto auto;
}
.feature-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-left: 1.5rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26952e4ce959e0_Tick.svg");
background-position: 0% 50%;
background-size: 1.25rem;
background-repeat: no-repeat;
}
.discount-container {
position: absolute;
left: 0rem;
top: -2em;
right: 0rem;
bottom: auto;
display: inline-block;
width: 7.1875rem;
margin-right: auto;
margin-left: auto;
padding: 0.5rem 1.125rem;
border-radius: 0.5rem;
background-color: #2669e3;
color: #fcfbf3;
font-size: 0.8em;
text-align: center;
}
.pricing-option {
margin-bottom: 0.75rem;
color: #fff;
font-size: 1.8em;
line-height: 1.6em;
}
.section-16 {
width: 100%;
padding-top: 8rem;
padding-bottom: 7rem;
padding-left: 4rem;
}
.section-16.no-padding-top {
padding-top: 0rem;
}
.collection-item {
z-index: 5;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 7rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.collection-item:last-child {
margin-bottom: 0rem;
}
.blogpost_content {
margin-bottom: 0rem;
}
.margin-horizontal {
margin-top: 0rem;
margin-bottom: 0rem;
}
.margin-horizontal.margin-xxsmall {
margin-top: 0rem;
margin-bottom: 0rem;
}
.blogpost_title-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-right: auto;
margin-bottom: 2rem;
margin-left: auto;
padding-top: 2.5rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.text-style-muted {
opacity: 0.6;
}
.align-center {
display: block;
max-width: 90%;
margin-right: auto;
margin-bottom: 0em;
margin-left: auto;
padding-bottom: 0em;
grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 16px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.blogpost_share {
display: -ms-grid;
display: grid;
justify-items: start;
grid-auto-flow: column;
grid-auto-columns: 1fr;
grid-column-gap: 0.5rem;
grid-row-gap: 0.5rem;
-ms-grid-columns: -webkit-max-content;
-ms-grid-columns: max-content;
grid-template-columns: -webkit-max-content;
grid-template-columns: max-content;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.blogpost_image-wrapper {
position: relative;
overflow: hidden;
width: 100%;
height: 20em;
margin-right: auto;
margin-bottom: 3rem;
margin-left: auto;
padding-top: 0%;
}
.blogpost_image-wrapper.image-pour-tuto {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 50%;
height: 20rem;
margin-top: 0em;
margin-bottom: 0rem;
margin-left: 0px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63e806a1c21faa0aabb6c7ec_Spreadsheet.png");
background-position: 0px 0px;
background-size: cover;
background-repeat: repeat-x;
}
.blogpost_image-wrapper.image-pour-tuto.rapport {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63e806ee1a7c205602e08368_Sidebar%20Window.png");
background-position: 0px 0px;
background-size: contain;
background-repeat: repeat-x;
}
.blogpost_image-wrapper.boomplay-screen {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63d1055c3b9fe74465a0e2f8_Capture%20d%E2%80%99e%CC%81cran%202023-01-25%20a%CC%80%2011.32.53.png");
background-position: 0px 0px;
background-size: cover;
background-repeat: repeat-x;
}
.fs-prevnext_row {
display: none;
grid-auto-columns: 1fr;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.text-rich-text {
color: #fff;
}
.blogpost_meta {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.blogpost_image {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
width: 100%;
height: 100%;
border-radius: 0.5rem;
-o-object-fit: cover;
object-fit: cover;
}
.blogpost_image.image-pour-tuto {
width: 100%;
}
.blogpost_social-link {
padding: 0.25rem;
border-radius: 1.25rem;
background-color: #424242;
-webkit-transition: background-color 200ms ease;
transition: background-color 200ms ease;
color: #fff;
cursor: pointer;
}
.blogpost_social-link:hover {
background-color: #525252;
}
.heading-large-3 {
margin-top: 0rem;
margin-bottom: 0.625rem;
color: #fff;
font-size: 2.5rem;
line-height: 1.2;
font-weight: 500;
text-align: center;
}
.fs-prevnext_insert-post {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
padding: 2rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-style: solid;
border-width: 0.0625rem;
border-color: #292929;
border-radius: 1rem;
background-color: #292929;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
text-align: center;
cursor: pointer;
}
.fs-prevnext_insert-post:hover {
background-color: #424242;
}
.fs-prevnext_insert-post.is-empty-state {
padding: 0rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-color: transparent;
background-color: transparent;
}
.featured-badge {
padding: 0.5rem 1rem;
border-style: solid;
border-width: 0.125rem;
border-color: #292929;
border-radius: 0.25rem;
color: #a3a3a3;
font-size: 0.875rem;
}
.centrer-le-texte {
max-width: 100%;
margin-right: auto;
margin-left: auto;
padding-top: 2em;
padding-bottom: 0em;
text-align: center;
}
.blogpost-share {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 2rem;
}
.blogpost_social-icon {
width: 1.5rem;
height: 1.5rem;
}
.page-padding-7 {
padding-right: 5%;
padding-bottom: 0rem;
padding-left: 5%;
background-color: transparent;
}
.container-medium-2 {
width: 100%;
max-width: 64rem;
margin-right: auto;
margin-left: auto;
}
.modal_background-overlay {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: -1;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
-webkit-backdrop-filter: blur(0.25rem);
backdrop-filter: blur(0.25rem);
}
.navbar_left {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 0.5rem;
grid-row-gap: 0.5rem;
}
.brand-text {
color: #fff;
font-size: 1.5rem;
font-weight: 500;
}
.modal_close-button {
position: absolute;
top: 1rem;
right: 1rem;
}
.show-mobile-landscape-2 {
display: none;
}
.navbar_container-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
max-width: 64rem;
margin-right: auto;
margin-left: auto;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.modal_content-wrapper {
overflow: scroll;
width: 100%;
height: auto;
max-height: 80vh;
max-width: 48rem;
padding: 4rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 1rem;
background-color: #141414;
}
.signup-form_component {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.modal_component {
position: fixed;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 99;
display: none;
width: 100vw;
height: 100vh;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.button-10 {
padding: 0.75rem 1.5rem;
border-style: solid;
border-width: 0.0625rem;
border-color: #101010;
background-color: #101010;
color: #fff;
text-align: center;
}
.button-10.is-modal-button {
border-color: #141414;
border-radius: 0.5rem;
background-color: #141414;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.button-10.is-modal-button:hover {
border-color: #424242;
background-color: #424242;
}
.button-10.is-modal {
border-color: #292929;
border-radius: 0.5rem;
background-color: #292929;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.button-10.is-modal:hover {
border-color: #424242;
background-color: #424242;
}
.button-10.is-footer-form {
margin-left: -2rem;
border-color: #141414;
border-radius: 0.5rem;
background-color: #141414;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.button-10.is-footer-form:hover {
border-color: #424242;
background-color: #424242;
}
.navbar_right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.success-message-2 {
padding: 1.5rem;
background-color: #f4f4f4;
}
.footer_credit-text {
font-size: 0.875rem;
text-align: center;
}
.navbar_logo-link-2 {
padding-left: 0rem;
}
.error-message-4 {
margin-top: 1.5rem;
padding: 0.875rem 1rem;
}
.navbar_component-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: auto;
min-height: 6rem;
padding-right: 5%;
padding-left: 5%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #101010;
color: #fff;
}
.signup-form_form-block {
max-width: 28rem;
margin-bottom: 0rem;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.form-input {
height: auto;
min-height: 2.75rem;
margin-bottom: 0rem;
padding: 0.5rem 0.75rem;
border-style: solid;
border-width: 0.0625rem;
border-color: #101010;
background-color: #fff;
color: #101010;
font-size: 1rem;
line-height: 1.6;
}
.form-input:focus {
border-color: #000;
}
.form-input::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.6);
}
.form-input:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.6);
}
.form-input::-ms-input-placeholder {
color: rgba(0, 0, 0, 0.6);
}
.form-input::placeholder {
color: rgba(0, 0, 0, 0.6);
}
.form-input.is-footer {
border-style: none;
border-radius: 0.5rem;
background-color: transparent;
-webkit-transition: border-color 200ms ease-in-out;
transition: border-color 200ms ease-in-out;
}
.form-input.is-footer:focus {
border-color: #a3a3a3;
}
.form-input.is-footer::-webkit-input-placeholder {
color: hsla(0, 0%, 100%, 0.48);
}
.form-input.is-footer:-ms-input-placeholder {
color: hsla(0, 0%, 100%, 0.48);
}
.form-input.is-footer::-ms-input-placeholder {
color: hsla(0, 0%, 100%, 0.48);
}
.form-input.is-footer::placeholder {
color: hsla(0, 0%, 100%, 0.48);
}
.signup-form_form {
display: -ms-grid;
display: grid;
padding: 0.25rem;
grid-auto-columns: 1fr;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
-ms-grid-columns: 1fr -webkit-max-content;
-ms-grid-columns: 1fr max-content;
grid-template-columns: 1fr -webkit-max-content;
grid-template-columns: 1fr max-content;
-ms-grid-rows: auto;
grid-template-rows: auto;
border-radius: 0.5rem;
background-color: #292929;
}
.footer_component {
margin-top: 4em;
margin-bottom: 4em;
background-color: #141414;
background-image: -webkit-gradient(linear, left top, left bottom, from(#161616), to(#161616)), url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26956134e95a0a_brian-lundquist-kQ1J2JEN6m4-unsplash.webp");
background-image: linear-gradient(180deg, #161616, #161616), url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26956134e95a0a_brian-lundquist-kQ1J2JEN6m4-unsplash.webp");
background-position: 0rem 0rem, 50% 50%;
background-size: auto, cover;
}
.credits-link {
color: #a3a3a3;
}
.credits-link:hover {
opacity: 1;
}
.credits-link.tooltip {
margin-top: 0.25rem;
-webkit-transition: color 200ms ease-in-out;
transition: color 200ms ease-in-out;
}
.credits-link.tooltip:hover {
color: #fff;
}
.max-width-medium {
width: 100%;
max-width: 35rem;
}
.max-width-medium.align-center {
padding-bottom: 0em;
}
.text-block-12 {
color: #fff;
}
.text-block-13 {
background-color: transparent;
color: #fff;
}
.body-6 {
background-color: #161616;
color: #fff;
}
.footer-officiel-2 {
padding: 5em;
background-color: #161616;
font-size: 1vw;
}
.container-22 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 3rem;
margin-bottom: 3rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.image-163 {
margin-right: 3.75rem;
}
.image-163.s-parateur {
width: 100%;
height: 0.0625rem;
}
.container-23 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 100%;
margin: 2em auto;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.container-23.intro {
margin-bottom: 4em;
}
.texte-container {
display: block;
margin-right: auto;
margin-bottom: 2rem;
margin-left: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.texte-container.note-cool {
margin-top: 2em;
margin-bottom: 4em;
}
.texte-container.note-cool.gris {
margin-right: auto;
margin-left: auto;
}
.texte-container.x {
margin-bottom: 2rem;
}
.discount-container-2 {
position: absolute;
left: 0rem;
top: -2em;
right: 0rem;
bottom: auto;
display: inline-block;
width: 7.1875rem;
margin-right: auto;
margin-left: auto;
padding: 0.5rem 1.125rem;
border-radius: 0.5rem;
background-color: #2669e3;
color: #fcfbf3;
font-size: 0.8em;
text-align: center;
}
.propos-de-2 {
background-color: transparent;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7))), url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26956134e95a0a_brian-lundquist-kQ1J2JEN6m4-unsplash.webp");
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26956134e95a0a_brian-lundquist-kQ1J2JEN6m4-unsplash.webp");
background-position: 0rem 0rem, 50% 50%;
background-size: auto, cover;
}
.guide_header-container-2 {
margin-right: auto;
margin-left: auto;
padding: 3rem 3rem 0rem;
background-color: transparent;
}
.guide_section-header-long-2 {
position: relative;
display: -ms-grid;
display: grid;
width: 80%;
margin-right: auto;
margin-left: auto;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
grid-auto-columns: 1fr;
grid-column-gap: 0rem;
grid-row-gap: 0rem;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
border-style: solid;
border-width: 0.0625rem;
border-color: #333;
background-color: #161616;
color: #fff;
}
.guide_section-header-long-2.propos {
margin-bottom: 0rem;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
border-width: 0rem;
background-color: transparent;
}
.bouton-gris-fonc {
padding-top: 1rem;
padding-bottom: 1rem;
border-style: solid;
border-width: 0rem;
border-color: #8a8a8a;
border-radius: 0.5rem;
background-color: #161616;
font-size: 1rem;
text-align: center;
}
.badge-3 {
display: inline-block;
padding: 0.5rem 1rem;
border-radius: 10rem;
background-color: #292929;
}
.mots-cl-fs-liste {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 1rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.mots-cl-fs {
margin-right: 1rem;
padding: 0.25rem 0.5rem;
border-radius: 0.25rem;
background-color: #e4ffe0;
color: #65ce63;
font-size: 0.875rem;
text-decoration: none;
}
.mots-cl-fs.w--current {
border-bottom: 0.125rem solid #000;
}
.mots-cl-fs.bleu {
background-color: #e0f2ff;
color: #65a7ea;
}
.mots-cl-fs.jaune {
background-color: #fff8e0;
color: #eab565;
}
.mots-cl-fs.violet {
background-color: #e1e0ff;
color: #8276cf;
}
.read-time_wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.875rem;
}
.read-time_wrapper.text-style-muted {
font-style: italic;
font-weight: 500;
}
.read-time_minutes {
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
font-style: normal;
font-weight: 300;
}
.image-164 {
margin-top: 4em;
}
.white-line-2 {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
width: 0.125rem;
height: 100%;
background-color: #2669e3;
}
.notre-offre-2 {
position: relative;
margin-top: 0rem;
padding-top: 4em;
padding-bottom: 4em;
background-color: #161616;
}
.discount-container-3 {
position: absolute;
left: 0rem;
top: -2em;
right: 0rem;
bottom: auto;
display: inline-block;
width: 7.1875rem;
margin-right: auto;
margin-left: auto;
padding: 0.5rem 1.125rem;
border-radius: 0.5rem;
background-color: #2669e3;
color: #fcfbf3;
font-size: 0.8em;
text-align: center;
}
.heading-large-4 {
display: block;
width: 100%;
margin-right: auto;
margin-left: auto;
color: #fff;
font-size: 2.5rem;
line-height: 1.2;
font-weight: 500;
}
.distribuer-sa-musique-gratuitement {
padding: 1em 5% 8em;
background-color: #161616;
}
.container-medium-3 {
width: 100%;
max-width: 64rem;
margin-right: auto;
margin-left: auto;
}
.texte-de-taille-moyenne {
width: 100%;
color: #fff;
font-size: 1.125rem;
}
._2-bouttons-en-haut {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
._2-boutons-en-haut {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.bouton-bleu {
display: inline-block;
margin-right: auto;
margin-left: auto;
padding-top: 1rem;
padding-bottom: 1rem;
border: 0rem solid #525252;
border-radius: 0.5rem;
background-color: #2669e3;
font-size: 0.875rem;
line-height: 1.25;
text-align: center;
}
.bouton-bleu.petit {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size: 0.6rem;
}
.texte-accueil {
width: 50%;
margin-right: auto;
margin-left: auto;
font-family: Relative, sans-serif;
color: #161616;
font-size: 2.5rem;
line-height: 1.1;
font-weight: 500;
letter-spacing: 0rem;
}
.incitation-l-inscription {
display: block;
width: 100%;
max-width: none;
margin-right: auto;
margin-bottom: 0em;
margin-left: auto;
padding-top: 2em;
padding-bottom: 2em;
border-radius: 0.5rem;
background-image: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#202020));
background-image: linear-gradient(180deg, #202020, #202020);
}
.faq-titre {
display: block;
margin-top: 0rem;
margin-bottom: 0rem;
padding-top: 3.75rem;
padding-bottom: 3.75rem;
color: #161616;
font-size: 3.5rem;
line-height: 4rem;
text-align: center;
}
.incitation-distribution {
display: block;
width: 100%;
max-width: none;
margin-right: auto;
margin-bottom: 0em;
margin-left: auto;
padding-top: 2em;
padding-bottom: 2em;
border-radius: 0.5rem;
background-image: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#202020));
background-image: linear-gradient(180deg, #202020, #202020);
}
.note {
display: block;
width: 50%;
max-width: none;
margin-right: auto;
margin-bottom: 0em;
margin-left: auto;
padding-top: 2em;
padding-bottom: 2em;
border-radius: 0.5rem;
background-image: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#202020));
background-image: linear-gradient(180deg, #202020, #202020);
}
.bouton-dans-la-section-s-inscrire {
margin-right: auto;
margin-left: 0px;
padding-top: 1rem;
padding-bottom: 1rem;
border: 0rem solid #8a8a8a;
border-radius: 0.5rem;
background-color: #525252;
font-size: 1rem;
}
.timeline-wrapper-2 {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 40px;
height: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.grey-line-2 {
position: relative;
width: 2px;
height: 82%;
background-color: hsla(0, 0%, 100%, 0.15);
}
.white-line-3 {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
width: 2px;
height: 100%;
background-color: #2669e3;
}
.paragraph-5 {
margin-bottom: 0rem;
font-weight: 400;
}
.paragraph-5.sur-gris {
letter-spacing: 0rem;
}
.div-block-228 {
margin-top: 10px;
background-color: #161616;
}
.comparatif {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26951d41e95a1a_Grain_Latest.webp");
background-position: 0px 0px;
background-size: auto;
}
.html-embed-2 {
width: 50%;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
border-radius: 10px;
}
.section-header {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 100px 5% 0px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.navigation-secondary {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 40px;
padding: 8px 20px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-style: solid;
border-width: 1px;
border-color: #e6e6e6;
border-radius: 4px;
background-color: transparent;
-webkit-transition: background-color 300ms ease, border-color 300ms ease;
transition: background-color 300ms ease, border-color 300ms ease;
color: #080808;
font-size: 14px;
font-weight: 500;
text-align: center;
letter-spacing: -0.02em;
text-decoration: none;
}
.navigation-secondary:hover {
border-color: #f5f5f5;
background-color: #f5f5f5;
}
.header-image {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 464px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
border-radius: 16px;
}
.navigation-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 16px;
}
.button-primary {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 12px 24px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 6px;
background-color: #1457ff;
-webkit-transition: background-color 300ms ease;
transition: background-color 300ms ease;
color: #fff;
font-size: 14px;
line-height: 24px;
font-weight: 500;
text-decoration: none;
}
.button-primary:hover {
background-color: #1237a5;
}
.header-logo-card {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 32px 24px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: color 200ms ease;
transition: color 200ms ease;
color: #acb4c3;
}
.header-logo-card:hover {
color: #07090d;
}
.paragraph-regular {
max-width: 460px;
margin-bottom: 0px;
color: #818a9c;
font-size: 16px;
line-height: 28px;
}
.header-card-title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 24px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
color: #07090d;
font-size: 18px;
line-height: 24px;
font-weight: 700;
}
.navigation-menu {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 12px;
}
.header-grid {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 72px;
grid-row-gap: 80px;
-ms-grid-columns: 1fr 1.1fr;
grid-template-columns: 1fr 1.1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.navigation-button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 40px;
padding: 8px 20px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 8px;
border-radius: 6px;
background-color: #1457ff;
-webkit-transition: background-color 300ms ease;
transition: background-color 300ms ease;
color: #fff;
font-size: 14px;
font-weight: 500;
text-align: center;
letter-spacing: -0.02em;
text-decoration: none;
}
.navigation-button:hover {
background-color: #c74e38;
}
.header-icon-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 24px;
grid-row-gap: 24px;
color: #07090d;
font-size: 32px;
line-height: 40px;
font-weight: 700;
}
.menu-button-5 {
padding: 8px;
border-radius: 4px;
-webkit-transition: color 300ms ease;
transition: color 300ms ease;
}
.menu-button-5:hover {
color: #1457ff;
}
.button-wrapper-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 48px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.header-image-graphic {
width: 100%;
height: 100%;
border-radius: 16px;
-o-object-fit: cover;
object-fit: cover;
}
.navigation-link {
padding: 4px 16px;
border: 1px solid transparent;
border-radius: 6px;
background-color: transparent;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
color: #586174;
font-size: 14px;
line-height: 24px;
letter-spacing: -0.01em;
text-decoration: none;
white-space: nowrap;
}
.navigation-link:hover {
border-style: solid;
border-width: 1px;
border-color: #e6e6e6;
color: #080808;
}
.navigation-link.w--current {
color: #642eff;
}
.header-card {
position: absolute;
left: -10%;
top: auto;
right: auto;
bottom: 32px;
overflow: hidden;
width: 100%;
max-width: 304px;
padding: 24px;
border-style: solid;
border-width: 4px;
border-color: #edeff2;
border-radius: 8px;
background-color: #fff;
}
.button-arrow-small {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.header-icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #acb4c3;
}
.header-logo-grid {
margin-top: 84px;
grid-column-gap: 0px;
grid-row-gap: 0px;
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
border-style: solid;
border-width: 1px;
border-color: #edeff2;
border-radius: 6px;
}
.hero-heading-2 {
margin-top: 0px;
margin-bottom: 24px;
color: #07090d;
font-size: 56px;
line-height: 72px;
letter-spacing: -0.02em;
}
.button-secondary-arrow {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 12px 24px 12px 16px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 8px;
border-style: solid;
border-width: 1px;
border-color: #edeff2;
border-radius: 6px;
-webkit-transition: background-color 300ms ease, color 300ms ease;
transition: background-color 300ms ease, color 300ms ease;
color: #07090d;
font-size: 14px;
line-height: 24px;
font-weight: 500;
}
.button-secondary-arrow:hover {
background-color: #07090d;
color: #fff;
}
.navigation-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 1280px;
margin-right: auto;
margin-left: auto;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.container-24 {
position: relative;
z-index: 5;
width: 100%;
max-width: 1160px;
margin-right: auto;
margin-left: auto;
}
.header-card-icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.navigation {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
min-height: 96px;
padding: 24px 5%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
}
.header-icon-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 48px;
height: 48px;
min-height: 48px;
min-width: 48px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 6px;
background-color: #1457ff;
color: #fff;
}
.logo-3 {
width: 124px;
}
.span-primary {
color: #1457ff;
}
.paragraph-regular-2 {
font-size: 16px;
line-height: 24px;
letter-spacing: -0.02em;
}
.header-block-feature {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 32px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
border-style: solid;
border-width: 1px;
border-color: #d1d1d6;
border-radius: 8px;
box-shadow: 25px 25px 64px -14px rgba(161, 161, 165, 0.15);
}
.header-image-cover {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.container-large-3 {
position: relative;
width: 100%;
max-width: 1280px;
margin-right: auto;
margin-left: auto;
}
.header-shop-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
-ms-grid-columns: 1fr 1.8fr;
grid-template-columns: 1fr 1.8fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.section-regular {
position: relative;
padding: 92px 5%;
}
.header-block-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 32px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
border-style: solid;
border-width: 1px;
border-color: #d1d1d6;
border-radius: 8px;
color: #1e1e20;
}
.header-logo-cover {
position: absolute;
left: auto;
top: auto;
right: auto;
bottom: auto;
}
.header-line-shop {
height: 1px;
margin-top: 32px;
margin-bottom: 16px;
background-color: #ececee;
}
.header-image-large {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
height: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 8px;
}
.icon-regular {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 24px;
height: 24px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.paragraph-large {
font-size: 18px;
line-height: 32px;
letter-spacing: -0.02em;
}
.paragraph-large.text-weight-medium {
font-weight: 500;
}
.header-caption {
color: #87878c;
font-size: 12px;
line-height: 16px;
font-weight: 500;
}
.h3-heading {
margin-top: 0px;
font-size: 48px;
line-height: 1.2;
letter-spacing: -0.02em;
}
.h3-heading.text-weight-medium {
font-weight: 500;
}
.header-detail-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #1e1e20;
text-align: left;
text-decoration: none;
}
.feature-icon-blue {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 50px;
height: 50px;
min-height: 50px;
min-width: 50px;
margin-right: 24px;
padding: 8px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 100px;
background-color: #1355ff;
}
.container-large-4 {
position: relative;
z-index: 5;
width: 100%;
max-width: 1240px;
margin-right: auto;
margin-left: auto;
}
.heading-large-5 {
margin-bottom: 14px;
color: #061237;
font-size: 20px;
line-height: 32px;
font-weight: 700;
letter-spacing: -0.02em;
}
.paragraph-standard {
max-width: 600px;
margin-bottom: 0px;
color: #67718e;
font-size: 16px;
line-height: 32px;
font-weight: 400;
letter-spacing: -0.02em;
}
.title-wrapper {
max-width: 600px;
margin-right: auto;
margin-bottom: 92px;
margin-left: auto;
text-align: center;
}
.title-large {
margin-bottom: 16px;
color: #1355ff;
font-size: 16px;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
}
.grid-feature-large {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 40px;
grid-row-gap: 72px;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.section-features {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
min-height: 720px;
padding: 100px 5% 0px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.h3-heading-2 {
margin-top: 0px;
margin-bottom: 24px;
color: #061237;
font-size: 50px;
line-height: 60px;
font-weight: 800;
letter-spacing: -0.04em;
}
.large-feature-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.avatar-image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.testimonial-grid {
grid-column-gap: 32px;
grid-row-gap: 32px;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.avatar-name {
font-size: 16px;
line-height: 24px;
font-weight: 500;
}
.heading-detail-regular {
margin-bottom: 16px;
color: #1457ff;
line-height: 24px;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.testimonial-card-large {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 32px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-row-gap: 40px;
border-style: solid;
border-width: 1px;
border-color: #edeff2;
border-radius: 12px;
-webkit-transition: box-shadow 300ms ease, border-color 300ms ease;
transition: box-shadow 300ms ease, border-color 300ms ease;
color: #07090d;
text-align: center;
text-decoration: none;
}
.testimonial-card-large:hover {
border-color: transparent;
box-shadow: 45px 45px 140px -48px rgba(7, 9, 13, 0.08);
}
.title-wrapper-regular {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 640px;
margin-right: auto;
margin-bottom: 60px;
margin-left: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.h3-heading-3 {
margin-top: 0px;
margin-bottom: 0px;
color: #07090d;
font-size: 44px;
line-height: 60px;
font-weight: 600;
letter-spacing: -0.02em;
}
.avatar-role {
color: #818a9c;
font-size: 14px;
line-height: 24px;
}
.paragraph-small {
margin-bottom: 0px;
font-size: 16px;
line-height: 28px;
}
.section-testimonial {
position: relative;
overflow: hidden;
padding: 80px 5% 140px;
background-color: #fff;
}
.margin-bottom-16 {
margin-bottom: 16px;
}
.avatar-large {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 64px;
height: 64px;
min-height: 64px;
min-width: 64px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 100px;
background-color: #f3f5fb;
}
.pricing-grid-large {
grid-column-gap: 32px;
grid-row-gap: 32px;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.pricing-number-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 24px;
padding-top: 4px;
padding-bottom: 4px;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
grid-column-gap: 8px;
}
.pricing-header {
margin-top: 0px;
margin-bottom: 0px;
color: #07090d;
font-size: 56px;
line-height: 72px;
letter-spacing: -0.02em;
}
.pricing-feature {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 12px;
color: #818a9c;
}
.button-white {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 48px;
padding: 12px 24px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 8px;
border-style: solid;
border-width: 1px;
border-color: #edeff2;
border-radius: 6px;
background-color: #fff;
-webkit-transition: background-color 300ms ease, color 300ms ease;
transition: background-color 300ms ease, color 300ms ease;
color: #07090d;
font-size: 14px;
line-height: 24px;
font-weight: 500;
text-decoration: none;
}
.button-white:hover {
background-color: #07090d;
color: #fff;
}
.pricing-card-dark {
padding: 40px;
border-style: solid;
border-width: 1px;
border-color: #edeff2;
border-radius: 12px;
background-color: #07090d;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: #fff;
}
.pricing-feature-text {
font-size: 16px;
line-height: 1.5;
}
.pricing-line-dark {
height: 1px;
margin-top: 24px;
margin-bottom: 24px;
background-color: #232a39;
}
.pricing-title-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 640px;
margin-right: auto;
margin-bottom: 60px;
margin-left: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.pricing-detail-white {
margin-bottom: 16px;
color: #f0f5ff;
line-height: 24px;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.button-secondary-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 48px;
padding: 12px 24px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 8px;
border-style: solid;
border-width: 1px;
border-color: #edeff2;
border-radius: 6px;
-webkit-transition: background-color 300ms ease, color 300ms ease;
transition: background-color 300ms ease, color 300ms ease;
color: #07090d;
font-size: 14px;
line-height: 24px;
font-weight: 500;
text-decoration: none;
}
.button-secondary-2:hover {
background-color: #07090d;
color: #fff;
}
.pricing-line {
height: 1px;
margin-top: 24px;
margin-bottom: 24px;
background-color: #edeff2;
}
.pricing-feature-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: auto auto auto auto;
grid-template-rows: auto auto auto auto;
text-align: left;
}
.section-pricing {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
padding: 100px 5% 120px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.pricing-icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 24px;
height: 24px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #1457ff;
}
.pricing-detail {
margin-bottom: 16px;
color: #1457ff;
line-height: 24px;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.pricing-type {
font-size: 44px;
line-height: 44px;
font-weight: 700;
letter-spacing: -0.03em;
}
.pricing-card {
padding: 40px;
border-style: solid;
border-width: 1px;
border-color: #edeff2;
border-radius: 12px;
background-color: #fff;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: #07090d;
}
.pricing-feature-white {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 12px;
color: #fff;
}
.pricing-period {
color: #acb4c3;
font-size: 16px;
line-height: 24px;
font-weight: 500;
}
.pricing-icon-white {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 24px;
height: 24px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
}
.card-cookie {
position: fixed;
left: 2%;
top: auto;
right: auto;
bottom: 3%;
z-index: 99;
max-width: 640px;
padding: 32px;
border-radius: 14px;
background-color: #fff;
box-shadow: 65px 65px 190px -32px rgba(6, 18, 55, 0.08);
}
.paragraph-modal {
margin-bottom: 0px;
color: #67718e;
font-size: 16px;
line-height: 32px;
font-weight: 400;
letter-spacing: -0.02em;
}
.modal-button-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 32px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.button-round-light-blue {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-right: 20px;
padding: 14px 40px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border: 2px solid #f5f9ff;
border-radius: 32px;
background-color: #f5f9ff;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: #1355ff;
font-size: 16px;
line-height: 24px;
font-weight: 600;
}
.button-round-light-blue:hover {
background-color: #fff;
color: #1355ff;
}
.button-round-blue {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-right: 32px;
padding: 14px 40px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border: 2px solid #1355ff;
border-radius: 32px;
background-color: #1355ff;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
font-size: 16px;
line-height: 24px;
font-weight: 600;
}
.button-round-blue:hover {
background-color: #fff;
color: #1355ff;
}
.card-close-link {
position: absolute;
left: auto;
top: 24px;
right: 24px;
bottom: auto;
width: 24px;
height: 24px;
}
.container-25 {
position: relative;
z-index: 5;
width: 100%;
max-width: 1140px;
margin-right: auto;
margin-left: auto;
}
.button-standard {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 14px 40px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border: 2px solid #1355ff;
border-radius: 8px;
background-color: #1355ff;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
font-size: 16px;
line-height: 24px;
font-weight: 500;
}
.button-standard:hover {
background-color: #fff;
color: #1355ff;
}
.button-spacer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 60px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.section-process {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
min-height: 720px;
padding: 100px 5% 0px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.grid-process-section {
grid-column-gap: 92px;
grid-row-gap: 32px;
-ms-grid-columns: 1fr 1.5fr;
grid-template-columns: 1fr 1.5fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.card-process {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 32px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
border: 1px solid #f2f3f8;
border-radius: 20px;
}
.paragraph-large-2 {
max-width: 600px;
margin-bottom: 0px;
color: #67718e;
font-size: 18px;
line-height: 32px;
font-weight: 400;
letter-spacing: -0.02em;
}
.process-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.process-icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 60px;
height: 60px;
min-height: 60px;
min-width: 60px;
margin-bottom: 24px;
padding: 8px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 100px;
background-color: #1355ff;
color: #fff;
font-size: 24px;
line-height: 32px;
font-weight: 600;
}
.grid-process-stacked {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.section-noire {
position: relative;
overflow: visible;
margin-bottom: 0rem;
padding-top: 3.75rem;
padding-bottom: 2.125rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-style: solid;
border-width: 0rem;
border-color: #fff;
background-color: #161616;
-o-object-fit: fill;
object-fit: fill;
}
.lien-bleu {
color: #6594e8;
font-weight: 400;
}
.circular-modulable {
position: fixed;
left: auto;
top: 0%;
right: 0%;
bottom: auto;
z-index: -1;
display: block;
width: 27.5rem;
height: 27.5rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
border-radius: 31.25rem;
background-image: linear-gradient(132deg, #2669e3 27%, #6248ff 39%, #ff4848 89%);
opacity: 0.75;
-webkit-filter: blur(4rem);
filter: blur(4rem);
}
.circular-haut-gauche {
position: fixed;
left: 0%;
top: 0%;
right: auto;
bottom: auto;
z-index: -1;
display: block;
width: 30rem;
height: 30rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
border-radius: 31.25rem;
background-image: linear-gradient(132deg, #ff7448 42%, #2669e3 71%, #ff4848);
opacity: 0.75;
-webkit-filter: blur(4rem);
filter: blur(4rem);
}
.circular-bas-gauche {
position: fixed;
left: 0%;
top: auto;
right: auto;
bottom: 0%;
z-index: -1;
display: block;
width: 40rem;
height: 40rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
border-radius: 31.25rem;
background-image: linear-gradient(132deg, #6248ff 36%, #ff4848 66%, #2669e3 77%);
opacity: 0.5;
-webkit-filter: blur(4rem);
filter: blur(4rem);
}
.circular-bas-droite {
position: fixed;
left: auto;
top: auto;
right: 0%;
bottom: 0%;
z-index: -1;
display: block;
width: 30rem;
height: 30rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
border-radius: 31.25rem;
background-image: linear-gradient(132deg, #ff7448 1%, #a948ac 26%, #ff4848 44%, #6248ff 69%);
opacity: 0.75;
-webkit-filter: blur(4rem);
filter: blur(4rem);
}
.circular-haut-droite {
position: fixed;
left: auto;
top: 0%;
right: 0%;
bottom: auto;
z-index: -1;
display: block;
width: 40rem;
height: 40rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
border-radius: 31.25rem;
background-image: linear-gradient(132deg, #ff7448 37%, #ff4848 54%, #6248ff 86%);
opacity: 0.5;
-webkit-filter: blur(4rem);
filter: blur(4rem);
}
.button-12 {
display: block;
margin-right: auto;
margin-left: auto;
text-align: center;
}
.sous-titre {
margin-bottom: 0rem;
color: #fff;
font-size: 1.5rem;
line-height: 1.25;
font-weight: 700;
}
.container-26 {
margin-bottom: 2em;
}
.lien-multicolor {
color: #82a3de;
}
.paragraph-6 {
margin-bottom: 2rem;
}
.texte {
color: #65a7ea;
}
.texte.jaune {
color: #eab565;
}
.paragraph-8 {
margin-bottom: 0rem;
}
.paragraph-9 {
max-width: none;
margin-bottom: 0rem;
}
.div-block-229 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 2rem;
}
.div-block-229.align-center {
max-width: 90%;
}
.html-embed-3 {
height: auto;
}
.logo-svg-blanc {
width: 5rem;
margin-bottom: 10px;
}
.accueil-2 {
position: relative;
display: block;
width: auto;
padding-top: 7.5rem;
padding-bottom: 7.5rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
background-image: none;
background-position: 0rem 0rem;
background-size: 18.75rem 18.75rem;
}
.faq {
position: relative;
display: block;
margin-top: 0rem;
padding-top: 0rem;
padding-bottom: 0rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26951d41e95a1a_Grain_Latest.webp");
background-position: 0rem 0rem;
background-size: 18.75rem 18.75rem;
}
.barre-de-chargement {
position: absolute;
left: auto;
top: auto;
right: auto;
bottom: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 5rem;
height: 0.125rem;
max-width: 5rem;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: space-around;
-ms-flex-line-pack: distribute;
align-content: space-around;
border-radius: 1.25rem;
background-color: hsla(0, 0%, 100%, 0.15);
}
.ligne-bleu-de-chargement {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
width: 5rem;
height: 0.15rem;
max-width: 5rem;
border-radius: 1.25rem;
background-color: #2669e3;
}
.cta-fix {
position: fixed;
top: 1.5rem;
right: 5vw;
z-index: 500;
display: block;
padding: 0.75rem 1.5rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-style: solid;
border-width: 0.2rem;
border-color: #3f3f3f;
border-radius: 0.2rem;
background-color: #161616;
-webkit-transform: translate(0px, 5px);
-ms-transform: translate(0px, 5px);
transform: translate(0px, 5px);
-webkit-transition: all 600ms ease;
transition: all 600ms ease;
color: #fff;
font-size: 0.875rem;
font-weight: 700;
letter-spacing: 0.03rem;
text-decoration: none;
text-transform: uppercase;
}
.cta-fix:hover {
background-color: #20201f;
box-shadow: none;
-webkit-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.cta-fix:visited {
border-color: #3f3f3f;
background-color: #161616;
}
.screen-du-dashboard {
display: block;
width: 100%;
max-width: 67.5rem;
margin-top: 3.125rem;
margin-bottom: -18.75rem;
padding-top: 0rem;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
border-radius: 0.5rem;
box-shadow: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.bouton-noir {
width: 15rem;
margin-right: 0rem;
margin-bottom: 0.5rem;
padding: 1rem;
border-style: solid;
border-width: 0rem;
border-color: #161616;
border-radius: 0.5rem;
background-color: #161616;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: #fff;
font-size: 0.875rem;
line-height: 0.875rem;
font-weight: 500;
text-align: center;
letter-spacing: 0.0375rem;
text-transform: uppercase;
cursor: auto;
}
.bouton-noir:hover {
background-color: #0a0a0a;
}
.memojie-de-l-quipe {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 5rem;
height: 5rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 62.5rem;
background-color: rgba(226, 218, 253, 0);
background-image: -webkit-gradient(linear, left top, left bottom, from(#d0f0fe), to(#bee9fd)), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
background-image: linear-gradient(180deg, #d0f0fe, #bee9fd), linear-gradient(180deg, transparent, transparent);
}
.centrer-les-boutons-sombre {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 2.5rem;
padding-bottom: 1em;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.text-block-21 {
font-weight: 500;
}
.bold-text-2 {
font-size: 1em;
font-weight: 400;
}
.text-block-22 {
display: block;
}
.html-embed-4 {
display: none;
}
.notre-quipe {
position: relative;
display: block;
margin-bottom: 0rem;
padding-top: 0rem;
padding-bottom: 0rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26951d41e95a1a_Grain_Latest.webp");
background-position: 0rem 0rem;
background-size: 18.75rem 18.75rem;
}
.image-165 {
display: block;
width: 10%;
height: auto;
max-width: none;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
}
@media screen and (max-width: 991px) {
h1 {
font-size: 4rem;
line-height: 4.5rem;
}
h2 {
font-size: 3.5rem;
line-height: 4rem;
}
h3 {
font-size: 3rem;
line-height: 3.5rem;
}
.button.hide-on-t-m {
display: none;
}
.paragraph-l {
font-size: 1.25rem;
}
.multi-button-wrapper {
position: relative;
z-index: 1;
}
.text-centred.margin-xxl {
margin-bottom: 4rem;
}
.paragraph-m {
font-size: 1.125rem;
}
.paragraph-m.max-560w.margin-l.margin-0-t-m {
margin-bottom: 0rem;
}
.page-principale {
padding-top: 6.5rem;
padding-bottom: 6.5rem;
}
.page-principale.cta {
padding-top: 5rem;
padding-bottom: 5rem;
}
.page-principale.grain.top-140 {
padding-top: 7.5rem;
}
.page-principale.grain.subpage-hero {
padding-top: 7.5rem;
}
.example-block.margin-xxl {
margin-bottom: 4rem;
}
.blur-background {
display: block;
}
.container.small.flex {
width: 100%;
max-width: none;
}
.nav-menu {
display: none;
}
.margin-xxl {
margin-bottom: 4rem;
}
.process-image.ghj {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.step {
position: absolute;
left: 1.5rem;
top: -1.1875rem;
right: auto;
bottom: auto;
min-width: auto;
padding-top: 0rem;
padding-bottom: 0rem;
}
.project-title-wrap {
width: 100%;
margin-bottom: 1rem;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.tab-pane-without-relume {
width: 100%;
min-width: 100%;
}
.figma-embed-wrapper {
max-width: none;
}
.text-area.larger.margin-l {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.step-info-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.heading-2-small {
font-size: 3.5rem;
line-height: 4rem;
}
.heading-2-small.text-white.di {
font-size: 2.8125rem;
}
.heading-2-small.text-white.di {
font-size: 2.8125rem;
}
.heading-2-small.text-white.di {
font-size: 2.8125rem;
}
.capabilities-wrap {
width: 100%;
}
.pre-loader {
display: none;
}
.grid-2-col.margin-l {
grid-row-gap: 5vw;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.fixed-cta {
position: static;
top: 1rem;
}
.tab-pane-with-relume {
width: 100%;
min-width: 100%;
}
._4-col-grid {
grid-row-gap: 3.5rem;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.navbar-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.navbar-container.navbar-container-confirmation-page {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.comparison-img---desktop {
width: 100%;
max-width: 100%;
min-width: 100%;
margin-right: 0rem;
margin-left: 0rem;
}
.page-type-text {
line-height: 1.75rem;
}
.rr-text-wrapper {
width: 100%;
margin-bottom: 1.5rem;
}
.circle-blur-bottom-right-2 {
width: 20rem;
height: 20rem;
opacity: 0.9;
-webkit-filter: blur(4rem);
filter: blur(4rem);
}
.circle-blur-bottom-right-2.safari {
-webkit-filter: blur(4.25rem);
filter: blur(4.25rem);
}
.circle-blur-middle-left {
top: 20%;
width: 20rem;
height: 20rem;
opacity: 0.9;
-webkit-filter: blur(4rem);
filter: blur(4rem);
}
.circle-blur-middle-left.safari {
opacity: 0.8;
-webkit-filter: blur(4.25rem);
filter: blur(4.25rem);
}
.comparison-img---mobile {
width: 100%;
max-width: 100%;
min-width: 100%;
margin-right: 0rem;
margin-left: 0rem;
}
.center-div.margin-xxl {
margin-bottom: 4.5rem;
}
.hero-grid {
grid-row-gap: 3.5rem;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.hero-content-wrap.design-to-webflow {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.project-spec-top.margin-m {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.rr-details-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.with-underline {
padding-top: 0.125rem;
padding-bottom: 0.25rem;
}
.navbar {
height: 5rem;
}
.profile-photo {
max-width: 30rem;
}
.client-quote-wrap {
width: 100%;
}
.circle-blur-bottom-left {
right: auto;
display: block;
width: 20rem;
height: 20rem;
background-image: linear-gradient(132deg, #ff7448 31%, #ff4848 57%, #6248ff 79%);
opacity: 0.9;
-webkit-filter: blur(4rem);
filter: blur(4rem);
}
.circle-blur-bottom-left.safari {
opacity: 0.7;
-webkit-filter: blur(4.25rem);
filter: blur(4.25rem);
}
.black-line {
display: none;
}
.relume-roster-panel {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.circle-blur-top-right-2 {
display: block;
width: 25rem;
height: 25rem;
background-image: linear-gradient(285deg, #ff7448 29%, #ff4848 58%, #6248ff 80%);
opacity: 0.7;
-webkit-filter: blur(4.25rem);
filter: blur(4.25rem);
}
.circle-blur-top-right-2.safari {
opacity: 0.7;
-webkit-filter: blur(4.25rem);
filter: blur(4.25rem);
}
.timeline-wrapper {
display: none;
}
.webflow-embed {
width: 125%;
margin-top: -5.5rem;
margin-left: -12.5%;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.circle-blur-top-left {
top: -10%;
right: -5%;
display: block;
width: 25rem;
height: 25rem;
background-image: linear-gradient(285deg, #ff7448 29%, #ff4848 58%, #6248ff 80%);
opacity: 0.7;
-webkit-filter: blur(4.25rem);
filter: blur(4.25rem);
}
.circle-blur-top-left.safari {
-webkit-filter: blur(4.25rem);
filter: blur(4.25rem);
}
.circle-blur-top-left.safari {
-webkit-filter: blur(4.25rem);
filter: blur(4.25rem);
}
.circle-blur-bottom-right {
bottom: 0%;
width: 20rem;
height: 20rem;
opacity: 0.9;
-webkit-filter: blur(4rem);
filter: blur(4rem);
}
.circle-blur-bottom-right.safari {
opacity: 0.7;
-webkit-filter: blur(4.25rem);
filter: blur(4.25rem);
}
.circle-blur-bottom-right.safari {
opacity: 0.7;
-webkit-filter: blur(4.25rem);
filter: blur(4.25rem);
}
.circle-blur-bottom-right.safari {
opacity: 0.7;
-webkit-filter: blur(4.25rem);
filter: blur(4.25rem);
}
.hero-heading {
position: relative;
}
.bouton-dashboard {
left: 0%;
top: 1rem;
right: 0%;
bottom: auto;
z-index: 1000;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.label-arrow {
left: 0%;
top: 30%;
right: auto;
bottom: auto;
}
.label-arrow.on-d {
display: none;
}
.label-arrow.on-t-m {
position: static;
left: auto;
top: auto;
display: block;
max-width: 100%;
margin-top: 2.5rem;
}
.circle-blur-top-left-2 {
top: -10%;
right: -5%;
display: block;
width: 25rem;
height: 25rem;
background-image: linear-gradient(285deg, #ff7448 29%, #ff4848 58%, #6248ff 80%);
opacity: 0.7;
-webkit-filter: blur(4.25rem);
filter: blur(4.25rem);
}
.circle-blur-top-left-2.safari {
opacity: 0.7;
-webkit-filter: blur(4.25rem);
filter: blur(4.25rem);
}
.confirmation-page-subheading {
font-size: 1.25rem;
}
.image-9 {
width: 3rem;
}
.step-1-info-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.step-2-info-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.step-3-info-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.step-4-info-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.step-5-info-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.footer {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
.box.is--3 {
margin-top: 89vh;
margin-left: 42.1em;
}
.box.is--6 {
margin-top: 106vh;
margin-left: 19.1em;
}
.box.is--1 {
margin-left: -1.5em;
}
.box.is--4 {
margin-top: 20vh;
margin-left: 34.5em;
}
.box.is--7 {
margin-top: 52vh;
margin-left: 49.9em;
}
.box.is--5 {
margin-top: 58vh;
margin-left: 9.2em;
}
.c-slider {
margin-top: 0.625rem;
margin-right: 0rem;
margin-left: 3.6875rem;
}
.c-slide_image.c-move-to-bottom {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.c-arrows-wrapper {
margin-top: 2.125rem;
margin-right: 2.75rem;
}
.horizontal-flex-div.centre-div.en-bas {
margin-top: 0rem;
}
.photo-du-dashboard {
width: 100%;
}
.moodboard-screenshot {
width: auto;
}
.stickydiv {
height: 100vh;
background-color: #000;
}
.globalnav {
display: block;
}
.unit-image-wrapper.more-programs {
height: 20.3125rem;
}
.she-creates-image {
width: auto;
height: 24.3125rem;
max-width: 48rem;
}
.unit-program {
width: 21.25rem;
}
.splide__slide {
width: 50%;
}
.splide.slider1.pill {
padding-right: 6vw;
}
.slide-container {
width: 85%;
margin-top: 15.625rem;
}
.moodboard-screenshot-2 {
width: auto;
}
.comparatif-prix {
padding-top: 6.5rem;
padding-bottom: 6.5rem;
}
.comparatif-prix.cta {
padding-top: 5rem;
padding-bottom: 5rem;
}
.comparatif-prix.grain.top-140 {
padding-top: 7.5rem;
}
.comparatif-prix.grain.subpage-hero {
padding-top: 7.5rem;
}
.link-item {
font-weight: 500;
}
.avatar {
display: block;
width: 9rem;
height: 9rem;
max-height: 9rem;
max-width: 9rem;
min-height: 9rem;
min-width: 9rem;
padding-right: 0rem;
padding-bottom: 0rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
border: 0rem none transparent;
border-radius: 100%;
background-color: #f8f8ff;
background-image: none;
color: transparent;
background-clip: content-box;
-webkit-text-fill-color: inherit;
-o-object-fit: fill;
object-fit: fill;
}
.social {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.container-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 1em;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.section {
-o-object-fit: fill;
object-fit: fill;
}
.title {
max-width: none;
}
.resize-text {
width: auto;
max-width: 30rem;
margin-bottom: 1.25rem;
background-color: transparent;
color: #ce3434;
font-size: 1.125rem;
line-height: 1.2;
text-align: center;
}
._150-image-wrapper-inner {
width: 200vw;
}
.demo-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
clear: both;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.browser-demo {
width: 43.75rem;
height: 31.25rem;
margin-bottom: 6.25rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.demo-wrapper {
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
}
._150-image-wrapper-outer {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.section-4 {
clear: both;
}
.moodboard-screenshot-3 {
width: auto;
}
.nav-bar-container {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-2 {
height: 4.375rem;
background-color: #262626;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c2695f376e95a53_White%20Grain.webp");
background-position: 0rem 0rem;
background-size: auto;
}
.nav-link-2 {
margin-top: 5vw;
margin-bottom: 5vw;
border-radius: 0rem;
color: #262626;
font-size: 1rem;
text-align: center;
}
.nav-link-2.nav-menu-cta {
width: 18.75rem;
margin-bottom: 3.75rem;
padding: 0.8125rem 3.75rem;
border: 0.125rem solid #262626;
border-radius: 0.625rem;
font-weight: 500;
}
.menu-button {
margin-top: 0.8125rem;
padding: 0.625rem;
background-color: transparent;
}
.menu-button.w--open {
background-color: transparent;
}
.nav-menu-2 {
border-bottom-left-radius: 0.9375rem;
border-bottom-right-radius: 0.9375rem;
background-color: #c1c1c1;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c269549abe95a4f_black%20grain.webp");
background-position: 0rem 0rem;
background-size: auto;
}
.cta-button {
top: 31.5625rem;
}
.icon {
color: #e9e9e9;
}
.logo {
margin-top: 0.8125rem;
}
.brand.w--current {
position: static;
}
.fixed-cta-container {
display: none;
}
.margin-top {
margin-right: 0rem;
margin-bottom: 0rem;
margin-left: 0rem;
}
.heading-large {
font-size: 2.25rem;
}
.rl-features_card3 {
padding: 2.5rem;
}
.margin-bottom {
margin-top: 0rem;
margin-right: 0rem;
margin-left: 0rem;
}
.max-width-large.align-center.fond-gris-clair {
margin-bottom: 4em;
}
.max-width-large.align-center.fond-gris-clair {
margin-bottom: 4em;
}
.rl-features_component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.rl-features_card1 {
padding: 2.5rem;
}
.padding-vertical {
padding-right: 0rem;
padding-left: 0rem;
}
.heading-huge {
font-size: 3.5rem;
}
.rl-page-padding {
padding-right: 5vw;
padding-left: 5vw;
}
.rl-features_card2 {
padding: 2.5rem;
}
.plateformes {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.decks__text {
width: 80%;
}
.decks__wrapper {
-webkit-transform: translate(0rem, -1.5rem);
-ms-transform: translate(0rem, -1.5rem);
transform: translate(0rem, -1.5rem);
}
.decks {
height: 50vh;
padding-top: 3.75rem;
}
.section-7 {
padding-right: 1.875rem;
padding-left: 1.875rem;
}
.review-wrapper {
max-width: 31.25rem;
}
.arrow-image-mobile {
position: relative;
left: 3.4375rem;
display: block;
}
.statistic-circle-wrap {
width: 100%;
}
.arrow-wrap {
padding-top: 1.5625rem;
padding-bottom: 1.5625rem;
}
.arrow-image-mobile-02 {
position: relative;
left: -3.4375rem;
display: block;
}
.arrow-image {
display: none;
}
.feature-number-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.testimonial-image-block {
padding: 1.875rem;
}
.avis-ceo {
display: none;
}
.dashboard-screen {
display: none;
}
.menu-icon1_line-top {
width: 1.5rem;
height: 0.125rem;
padding-right: 0rem;
padding-bottom: 0rem;
background-color: #fff;
}
.navbar_button {
width: 100%;
margin-top: 1rem;
margin-left: 0rem;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
background-color: #101111;
}
.navbar_button.blue {
background-color: rgba(99, 133, 150, 0.25);
color: #638596;
}
.navbar_button.purple {
background-color: rgba(142, 111, 181, 0.25);
color: #8e6fb5;
}
.menu-icon1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 3rem;
height: 3rem;
margin-right: -0.5rem;
padding-right: 0rem;
padding-bottom: 0rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.menu-icon1_line-bottom {
width: 1.5rem;
height: 0.125rem;
padding-right: 0rem;
padding-bottom: 0rem;
background-color: #fff;
}
.navbar_social-link {
opacity: 1;
}
.menu-icon_line-middle-inner {
width: 0.25rem;
height: 0rem;
padding-right: 0rem;
padding-bottom: 0rem;
}
.navbar_link {
width: auto;
padding: 0.75rem 0rem;
opacity: 1;
font-size: 1.125rem;
text-align: center;
}
.navbar_menu-button.w--open {
background-color: transparent;
}
.navbar_menu {
left: 5%;
right: 5%;
overflow: auto;
padding: 1.5rem 5% 2rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border-bottom: 0.0625rem solid #000;
border-radius: 1.5rem;
background-color: #fff;
color: #101111;
background-clip: border-box;
-webkit-text-fill-color: inherit;
}
.menu-icon1_line-middle {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 1.5rem;
height: 0.125rem;
margin-top: 0.375rem;
margin-bottom: 0.375rem;
padding-right: 0rem;
padding-bottom: 0rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
}
.navbar_social-wrapper {
margin-top: 2rem;
margin-left: 0rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
justify-items: center;
}
.page-de-chargement.fesdgfhgjh {
z-index: 99999999;
}
.heading-medium {
font-size: 1.75rem;
}
.section-8 {
padding-left: 4.125rem;
}
.hero-fade {
width: 40%;
}
.hero-content-cover {
width: 60%;
}
.hero-photo-grid {
right: -20%;
width: 100%;
}
.footer_text-wrapper {
margin-top: 1rem;
margin-left: 0rem;
}
.rl-footer_left-wrapper {
width: 100%;
}
.rl-footer_top-wrapper {
grid-row-gap: 5rem;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.grid-2 {
display: -ms-grid;
display: grid;
width: 27em;
height: 13.5em;
justify-items: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-auto-columns: 1fr;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
opacity: 0.4;
}
.spacing {
height: 5em;
}
.grid-item.text {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
padding-top: 10em;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.grid-item.is--buttom {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.grid-item.is--buttom-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
padding-top: 5.9em;
padding-bottom: 0em;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.grid {
display: block;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.grid.is--second {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.address-text {
text-align: center;
}
.grid_desktop {
display: none;
}
.cursor {
display: none;
}
.div-block-223 {
display: block;
}
.footer-officiel {
font-size: 1.3vw;
}
.navbar-3 {
height: 4.375rem;
}
.container-14 {
padding-right: 1.875rem;
padding-left: 1.875rem;
}
.logo-2 {
width: auto;
height: 100%;
}
.logo-2.w--current {
z-index: 2;
height: 1.5625rem;
}
.short-page-wrapper {
height: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.statistic-circle-wrap-2 {
width: 100%;
}
.bbb-section-1-2 {
font-size: 1.3vw;
}
.svg-2 {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.footer-2 {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
.colorful-section {
height: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.short-page-wrapper-2 {
height: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.split-page-wrapper {
height: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.form_contain {
width: 100%;
}
.container-18 {
padding-right: 7vw;
padding-left: 7vw;
}
.cursor-2 {
display: none;
}
.ham-icon {
margin-top: 0.75rem;
}
.dropdown-link-icon {
width: 3.125rem;
margin-top: 0.625rem;
margin-bottom: 1.25rem;
}
.dropdown-list {
margin-top: -1.25rem;
margin-bottom: 0.625rem;
box-shadow: 0 7px 0.5rem -0.0625rem rgba(0, 0, 0, 0.2);
}
.dropdown-list.w--open {
background-color: #305056;
}
.div-block-224 {
position: relative;
top: 0rem;
width: 31.25rem;
grid-row-gap: 0rem;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
box-shadow: none;
}
.navlink {
height: auto;
margin-bottom: 0.625rem;
background-color: #305056;
box-shadow: 1px 1px 0.625rem 0 rgba(0, 0, 0, 0.2);
}
.nav-menu-3 {
position: absolute;
overflow: scroll;
width: 100%;
height: 100vh;
padding: 1.25rem 1.5625rem 6.25rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
background-color: transparent;
}
.menu-button-2 {
width: 3.75rem;
height: 3.75rem;
padding: 0rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
color: #fff;
font-size: 2.5rem;
text-align: center;
}
.menu-button-2.w--open {
background-color: transparent;
}
.dropdown-link-wrap {
padding: 0rem 0.625rem 0.625rem;
}
.guide_section-header-long {
width: 90%;
padding-left: 0rem;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.guide_header-container {
padding: 2rem;
}
.heading-medium-2 {
font-size: 1.75rem;
}
.text-size-medium-4 {
margin-bottom: 0rem;
}
.image-2 {
margin-right: 0rem;
}
.demo-wrapper-2 {
margin-top: 6.25rem;
margin-right: 0%;
padding-bottom: 6.25rem;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
}
.browser-demo-2 {
width: 31.25rem;
height: auto;
margin-bottom: 6.25rem;
padding-top: 6.25rem;
padding-bottom: 6.25rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.d-105-3d-wrapper {
margin-bottom: 3.75rem;
}
.instructions-wrapper {
position: relative;
left: -1.5625rem;
top: 0%;
margin-top: 0rem;
margin-bottom: 3.75rem;
margin-left: 0rem;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
-ms-grid-row-align: auto;
align-self: auto;
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.footer-action-component {
padding-top: 1rem;
justify-items: center;
grid-row-gap: 2rem;
-ms-grid-columns: auto;
grid-template-columns: auto;
text-align: center;
}
.name-block {
height: 4rem;
margin-left: 0vw;
}
.name-item {
height: 5rem;
font-size: 3rem;
}
.action-description {
margin-right: auto;
margin-left: auto;
padding-bottom: 2rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.footer-action-heading {
font-size: 3rem;
}
.name-item-2 {
height: 5rem;
font-size: 3rem;
}
.nav-link-4 {
padding-top: 1.2rem;
padding-bottom: 1.2rem;
padding-left: 0rem;
color: #000;
}
.heading-xlarge {
font-size: 5rem;
}
.faq-top-2 {
padding: 0.5rem;
}
.sticky-base {
position: relative;
height: auto;
max-height: none;
min-height: auto;
margin-top: 0rem;
}
.sticky-base.sticky-second-base {
top: 0rem;
margin-top: 0rem;
margin-bottom: 0rem;
}
.sticky-base.sticky-first-base {
margin-bottom: 0rem;
}
.section-sticky-cards {
border-top-left-radius: 4rem;
border-top-right-radius: 4rem;
background-color: #fff;
}
.section-sortie {
padding-bottom: 2.5rem;
}
.sticky-image {
min-height: 60vh;
}
.heading-large-2 {
font-size: 3.5rem;
}
.footer-component {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.intro-centered {
max-width: 35rem;
}
.padding-bottom {
padding-top: 0rem;
padding-right: 0rem;
padding-left: 0rem;
}
.footer-column {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
}
.nav-wrapper {
grid-auto-columns: auto;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
-ms-grid-columns: 1fr auto;
grid-template-columns: 1fr auto;
}
.action-intro {
max-width: 35rem;
grid-column-gap: 10rem;
grid-row-gap: 10rem;
}
.faq-intro {
padding-bottom: 3.5rem;
}
.name-block-2 {
height: 4rem;
margin-left: 0vw;
}
.preview-agenda-content {
padding-top: 0rem;
padding-bottom: 0rem;
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
}
.menu-icon {
width: 2rem;
}
.faq-icon {
width: 4rem;
height: 4rem;
min-height: 4rem;
min-width: 4rem;
}
.heading-xhuge {
font-size: 4.5rem;
}
.preview-teacher-top {
padding-left: 0vw;
}
.padding-top {
padding-right: 0rem;
padding-bottom: 0rem;
padding-left: 0rem;
}
.preview-agenda-days {
width: 100%;
}
.team-avatar {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.preview-teacher-title {
margin-left: 0vw;
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
}
.nav-link-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-column-gap: 0rem;
grid-row-gap: 0rem;
}
.name-item-3 {
height: 5rem;
font-size: 3rem;
}
.hero-image {
width: 30vw;
height: 30vw;
min-height: 30vw;
}
.hero-image.three {
left: -10vw;
}
.hero-image.thirteen {
left: -65vw;
}
.speaker-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 7rem;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
grid-column-gap: 2.5vw;
grid-row-gap: 0vw;
}
.speakers-row-guide {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
padding-left: 0vw;
}
.nav-left {
margin-right: 5vw;
margin-left: 5vw;
border-radius: 0.5rem;
background-color: #fff;
}
.nav-brand {
padding-left: 0rem;
}
.hero-home-content {
padding-top: 4rem;
padding-bottom: 20vh;
}
.hero-bottom {
padding-top: 0rem;
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.footer-action-heading-2 {
font-size: 3rem;
}
.preview-agenda {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.nav-right {
display: none;
}
.menu-button-3 {
padding: 0rem;
background-color: hsla(0, 0%, 78.4%, 0);
}
.menu-button-3.w--open {
background-color: hsla(0, 0%, 78.4%, 0);
}
.sticky-content {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.nav-responsive {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.team-basic {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.team-circles {
display: -ms-grid;
display: grid;
-webkit-box-pack: start;
-webkit-justify-content: start;
-ms-flex-pack: start;
justify-content: start;
justify-items: center;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-grid-columns: 4fr 1fr;
grid-template-columns: 4fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.team-circles.a {
-ms-grid-columns: 1fr 4fr;
grid-template-columns: 1fr 4fr;
}
.action-content {
padding-bottom: 0rem;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.speaker-title-image {
width: 20vw;
height: 20vw;
margin-top: 2rem;
margin-bottom: 2rem;
}
.speaker-title-image.speaker-image-large {
width: 28vw;
height: 22vw;
}
.benefits-strip {
-ms-grid-columns: 1fr 0.5fr 1fr;
grid-template-columns: 1fr 0.5fr 1fr;
}
.heading-xhuge-2 {
font-size: 4.5rem;
}
.nav-logo-2 {
height: 100%;
}
.nav {
height: 3rem;
}
.nav-link-wrapper-m {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 3rem;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.nav-wrapper-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-right: 0.5625rem;
margin-left: 0.5625rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.nav-link-wrapper-d {
display: none;
}
.nav-icon.last {
height: 100%;
padding-right: 0.625rem;
padding-left: 0.625rem;
}
.nav-icon.menu {
padding-right: 0rem;
padding-left: 0rem;
}
.navbar-component {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-grid-columns: auto 1fr;
grid-template-columns: auto 1fr;
}
.show-tablet {
display: block;
}
.nav-menu-list {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-auto-flow: row;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.menu-button-4 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0rem 0rem 0rem 1rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.menu-button-4.w--open {
background-color: hsla(0, 0%, 78.4%, 0);
}
.nav-link-6 {
padding: 1rem 3rem;
}
.nav-menu-4 {
border-top: 0.0625rem solid #e4eff3;
border-bottom: 0.0625rem solid #e4eff3;
background-color: #fff;
}
.navbar-right-links {
display: none;
grid-column-gap: 0rem;
grid-row-gap: 0rem;
}
.menu-button-icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 2rem;
height: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.brand-2 {
padding-left: 0rem;
}
.page-padding-5 {
padding-right: 3rem;
padding-left: 3rem;
}
.col {
grid-row-gap: 0.5rem;
}
.home-projects_project-wrapper {
height: 15em;
}
.padding-vertical-2 {
padding-right: 0rem;
padding-left: 0rem;
}
.page-padding-6 {
padding-right: 5em;
padding-left: 5em;
}
.img-thumbnail {
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
}
._w-image {
cursor: auto;
}
.cover-overlay {
display: none;
}
.cover {
cursor: auto;
}
.section-sticky {
overflow: visible;
}
.dynamic-section__wrap {
left: -0.1875rem;
top: -3.5625rem;
}
.wrap {
width: 40.3125rem;
}
.wrap._w-custom.w60-60 {
width: 100%;
padding-right: 2.5rem;
padding-left: 2.5rem;
}
.dynamic-number__inner-wrap {
height: 16vh;
}
.dynamic-number__inner-wrap.dynamic-number__track {
height: 20vh;
}
.dynamic-text {
font-size: 1.5rem;
line-height: 4vh;
}
.dynamic-text.dt-number {
font-size: 1.875rem;
}
.div-block-227 {
width: 1.0625rem;
}
.dynamic-number__wrap {
height: 4vh;
margin-bottom: 0.375rem;
}
.dynamic-text__wrap {
height: 4vh;
}
.heading-xxlarge {
font-size: 3.25rem;
}
.filters_form-block {
z-index: 999;
max-width: 100%;
}
.filters_filter-group-list {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.filters_form {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.section-16 {
padding-top: 4rem;
padding-bottom: 3rem;
}
.blogpost_content {
margin-bottom: 3rem;
}
.margin-horizontal {
margin-top: 0rem;
margin-bottom: 0rem;
}
.blogpost_title-wrapper {
margin-bottom: 4rem;
}
.blogpost_image-wrapper {
margin-bottom: 3rem;
padding-top: 56.25%;
}
.heading-large-3 {
font-size: 2.25rem;
}
.centrer-le-texte {
padding-top: 0em;
}
.modal_content-wrapper {
width: 90%;
max-width: none;
padding-right: 3rem;
padding-left: 3rem;
}
.footer_component {
margin-top: 0em;
}
.footer-officiel-2 {
font-size: 1.3vw;
}
.guide_header-container-2 {
padding: 2rem;
}
.guide_section-header-long-2 {
width: 90%;
padding-left: 0rem;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.heading-large-4 {
font-size: 2.25rem;
}
.distribuer-sa-musique-gratuitement {
padding-top: 5%;
padding-bottom: 5%;
}
.texte-de-taille-moyenne {
margin-bottom: 1.25rem;
}
.texte-accueil {
font-size: 3.25rem;
}
.incitation-l-inscription {
margin-bottom: 4em;
}
.faq-titre {
font-size: 3.5rem;
line-height: 4rem;
}
.incitation-distribution {
margin-bottom: 4em;
}
.note {
margin-bottom: 4em;
}
.timeline-wrapper-2 {
display: none;
}
.logo-link {
margin-right: 0px;
}
.navigation-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: auto;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.navigation-menu {
position: absolute;
padding: 12px;
border-radius: 8px;
background-color: #fff;
color: #393b6a;
}
.navigation-menu.w--open {
border-color: #fff;
background-color: #282556;
}
.header-grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.menu-button-5.w--open {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #07090d;
}
.navigation-link {
width: 100%;
}
.header-card {
left: 32px;
}
.header-logo-grid {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.navigation {
position: relative;
}
.header-shop-grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.grid-feature-large {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.section-features {
padding-bottom: 140px;
}
.testimonial-grid {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.pricing-grid-large {
max-width: 540px;
margin-right: auto;
margin-left: auto;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.section-pricing {
background-position: 0px 0px, 50% 0%;
background-size: auto, auto;
}
.card-cookie {
max-width: 90%;
}
.section-process {
padding-bottom: 140px;
}
.grid-process-section {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.section-noire {
padding-top: 6.5rem;
padding-bottom: 6.5rem;
}
.circular-modulable {
top: -10%;
right: -5%;
display: block;
width: 25rem;
height: 25rem;
background-image: linear-gradient(285deg, #ff7448 29%, #ff4848 58%, #6248ff 80%);
opacity: 0.7;
-webkit-filter: blur(4.25rem);
filter: blur(4.25rem);
}
.circular-haut-gauche {
top: -10%;
right: -5%;
display: block;
width: 25rem;
height: 25rem;
background-image: linear-gradient(285deg, #ff7448 29%, #ff4848 58%, #6248ff 80%);
opacity: 0.7;
-webkit-filter: blur(4.25rem);
filter: blur(4.25rem);
}
.circular-bas-gauche {
left: 0%;
top: auto;
right: auto;
bottom: 0%;
display: block;
width: 25rem;
height: 25rem;
background-image: linear-gradient(285deg, #ff7448 29%, #ff4848 58%, #6248ff 80%);
opacity: 0.7;
-webkit-filter: blur(4.25rem);
filter: blur(4.25rem);
}
.circular-bas-droite {
left: auto;
top: auto;
right: 0%;
bottom: 0%;
display: block;
width: 25rem;
height: 25rem;
background-image: linear-gradient(285deg, #ff7448 29%, #ff4848 58%, #6248ff 80%);
opacity: 0.7;
-webkit-filter: blur(4.25rem);
filter: blur(4.25rem);
}
.circular-haut-droite {
top: -10%;
right: -5%;
display: block;
width: 25rem;
height: 25rem;
background-image: linear-gradient(285deg, #ff7448 29%, #ff4848 58%, #6248ff 80%);
opacity: 0.7;
-webkit-filter: blur(4.25rem);
filter: blur(4.25rem);
}
.accueil-2 {
padding-top: 6.5rem;
padding-bottom: 6.5rem;
}
.faq {
padding-top: 6.5rem;
padding-bottom: 6.5rem;
}
.cta-fix {
position: static;
top: 1rem;
}
.screen-du-dashboard {
display: none;
width: auto;
}
.memojie-de-l-quipe {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.notre-quipe {
padding-top: 6.5rem;
padding-bottom: 6.5rem;
}
}
@media screen and (max-width: 767px) {
h1 {
font-size: 3rem;
line-height: 3.5rem;
}
h2 {
font-size: 2.5rem;
line-height: 3rem;
}
h3 {
font-size: 2.25rem;
line-height: 2.75rem;
}
h4 {
font-size: 1.5rem;
line-height: 2rem;
}
.button {
padding-top: 0.875rem;
padding-bottom: 0.875rem;
font-size: 0.9375rem;
}
.text-white.text-centred.margin-m {
margin-bottom: 1rem;
}
.text-link.text-light-grey.privacy-policy {
margin-bottom: 1rem;
}
.text-centred.margin-xxl {
margin-bottom: 3rem;
}
.paragraph-m.text-white.margin-m {
margin-bottom: 1rem;
}
.close-button {
right: 1.5rem;
}
.menu-container {
width: 100%;
padding: 5rem 5vw;
}
.page-principale {
padding-top: 4rem;
padding-bottom: 4rem;
}
.page-principale.cta {
padding-top: 4rem;
padding-bottom: 0rem;
}
.example-block.margin-xl {
margin-bottom: 3rem;
}
.example-block.margin-xxl {
margin-bottom: 3.5rem;
}
.container.small.flex-vertical {
width: 100%;
}
.margin-xl {
margin-bottom: 3rem;
}
.margin-xxl {
margin-bottom: 3.5rem;
}
.heading {
font-size: 1.5rem;
line-height: 2rem;
}
.heading-2 {
font-size: 1.25rem;
line-height: 1.75rem;
}
.process-image {
width: 100%;
margin-bottom: 1.5rem;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c269545e1e95a57_Process%20Image%20Background%20Mobile.webp");
background-size: cover;
}
.process-image.ghj {
display: block;
background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
background-image: linear-gradient(180deg, transparent, transparent);
}
.process-image.ghj.j {
display: none;
}
.step {
left: 1rem;
}
.project-title-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.project-spec-figma-wrap {
height: 30rem;
}
.price-text {
font-size: 1.375rem;
line-height: 1.75rem;
}
.figma-embed-wrapper {
height: 30rem;
}
.client-quote {
font-size: 1.125rem;
line-height: 1.75rem;
}
.step-info-wrapper {
padding: 1rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.step-info-wrapper.step-5 {
margin-bottom: 1rem;
}
.step-info-wrapper.step-5 {
margin-bottom: 1rem;
}
.heading-2-small {
font-size: 2.5rem;
line-height: 3rem;
}
.footer-credits {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.pre-loader {
display: none;
}
.wrapper._16-margins {
margin: 0rem;
}
.grid-2-col.margin-l {
margin-bottom: 1.5rem;
grid-row-gap: 1.5rem;
}
.form-2-col {
grid-row-gap: 0rem;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.button-icon.secondary.small.visit-live {
padding: 0.625rem;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
}
.name-arrow {
width: 4.5rem;
}
.name-arrow.adam {
top: 4rem;
right: 2.5rem;
}
.name-arrow.dan {
left: 2.5rem;
top: 4rem;
}
.export-icon {
position: static;
display: block;
}
.comparison-img---desktop {
display: none;
margin-right: 0rem;
margin-left: 0rem;
}
.page-type-text {
font-size: 1.25rem;
line-height: 1.5rem;
}
.pricing-row {
-ms-grid-columns: 1.25fr;
grid-template-columns: 1.25fr;
}
.profile-wrapper {
padding: 1rem;
}
.step-heading.margin-xs {
margin-bottom: 0.5rem;
}
.step-heading.margin-xs {
margin-bottom: 0.5rem;
}
.project-spec-webflow-wrap {
height: 30rem;
}
.circle-blur-bottom-right-2 {
bottom: 5%;
width: 17.5rem;
height: 17.5rem;
-webkit-filter: blur(3.75rem);
filter: blur(3.75rem);
}
.circle-blur-bottom-right-2.safari {
-webkit-filter: blur(4rem);
filter: blur(4rem);
}
.circle-blur-middle-left {
width: 17.5rem;
height: 17.5rem;
}
.circle-blur-middle-left.safari {
opacity: 0.9;
-webkit-filter: blur(4rem);
filter: blur(4rem);
}
.comparison-img---mobile {
display: block;
margin-right: 0rem;
margin-left: 0rem;
}
.footer-wrapper.margin-xl {
-ms-grid-columns: 3fr;
grid-template-columns: 3fr;
}
.center-div.margin-xxl {
margin-bottom: 4rem;
}
.loading-animation {
width: 15rem;
margin-top: -5rem;
}
.random-facts.dan {
display: none;
}
.random-facts.adam {
display: none;
}
.rr-details-wrap {
margin-left: 0rem;
}
.with-underline {
padding-top: 0.125rem;
padding-bottom: 0.25rem;
background-position: 50% 110%;
}
.profile-photo {
max-width: 25rem;
margin-top: 3rem;
}
.profile-photo.dan {
margin-left: -0.5rem;
padding-left: 0rem;
}
.rr-image {
width: 100%;
margin-bottom: 1.5rem;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26957715e959f0_Process%20Image%20Background%20Mobile.webp");
}
.faq-wrapper {
padding-right: 0rem;
}
.circle-blur-bottom-left {
left: -20%;
width: 17.5rem;
height: 17.5rem;
background-image: linear-gradient(132deg, #ff7448 29%, #ff4848 52%, #6248ff 75%);
opacity: 0.9;
-webkit-filter: blur(3.75rem);
filter: blur(3.75rem);
}
.circle-blur-bottom-left.safari {
opacity: 0.9;
-webkit-filter: blur(4rem);
filter: blur(4rem);
}
.relume-roster-panel {
padding: 1rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.circle-blur-top-right-2 {
top: 2%;
width: 20rem;
height: 20rem;
opacity: 0.9;
-webkit-filter: blur(4.25rem);
filter: blur(4.25rem);
}
.circle-blur-top-right-2.safari {
opacity: 0.9;
-webkit-filter: blur(4rem);
filter: blur(4rem);
}
.form-divider {
margin-top: 1.5rem;
margin-bottom: 3rem;
}
.project-spec-name {
margin-top: 0rem;
margin-right: 0rem;
margin-bottom: 0.75rem;
white-space: nowrap;
}
.step-info {
margin-left: 0rem;
}
.personality-description {
font-size: 1rem;
}
.circle-blur-top-left {
width: 20rem;
height: 20rem;
opacity: 0.9;
-webkit-filter: blur(4.25rem);
filter: blur(4.25rem);
}
.pricing-row-spacer {
display: none;
}
.circle-blur-bottom-right {
width: 17.5rem;
height: 17.5rem;
-webkit-filter: blur(3.75rem);
filter: blur(3.75rem);
}
.circle-blur-bottom-right.safari {
opacity: 0.9;
-webkit-filter: blur(4rem);
filter: blur(4rem);
}
.circle-blur-bottom-right.safari {
opacity: 0.9;
-webkit-filter: blur(4rem);
filter: blur(4rem);
}
.circle-blur-bottom-right.safari {
opacity: 0.9;
-webkit-filter: blur(4rem);
filter: blur(4rem);
}
.project-spec-wrapper {
padding: 1rem;
}
.label-arrow.on-t-m {
top: 32%;
width: 8rem;
}
.features-text {
font-size: 0.875rem;
line-height: 1.375rem;
}
.circle-blur-top-left-2 {
width: 20rem;
height: 20rem;
opacity: 0.9;
-webkit-filter: blur(4.25rem);
filter: blur(4.25rem);
}
.circle-blur-top-left-2.safari {
opacity: 0.9;
-webkit-filter: blur(4rem);
filter: blur(4rem);
}
.random-fact.adam-fact-1 {
width: 6.050000000000001rem;
}
.random-fact.dan-fact-1 {
width: 6.7rem;
}
.random-fact.dan-fact-2 {
width: 7.300000000000001rem;
}
.random-fact.adam-fact-2 {
width: 6.050000000000001rem;
}
.pricing-table {
padding: 2rem 1.5rem;
}
.confirmation-heading-wrapper {
margin-bottom: 1rem;
}
.image-9 {
width: 2.5rem;
}
.menu {
display: none;
}
.step-1-info-wrapper {
padding: 1rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.step-1-info-wrapper.step-5 {
margin-bottom: 1rem;
}
.step-1-info-wrapper.step-5 {
margin-bottom: 1rem;
}
.step-2-info-wrapper {
padding: 1rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.step-2-info-wrapper.step-5 {
margin-bottom: 1rem;
}
.step-2-info-wrapper.step-5 {
margin-bottom: 1rem;
}
.step-3-info-wrapper {
padding: 1rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.step-3-info-wrapper.step-5 {
margin-bottom: 1rem;
}
.step-3-info-wrapper.step-5 {
margin-bottom: 1rem;
}
.step-4-info-wrapper {
padding: 1rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.step-4-info-wrapper.step-5 {
margin-bottom: 1rem;
}
.step-4-info-wrapper.step-5 {
margin-bottom: 1rem;
}
.step-5-info-wrapper {
padding: 1rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.step-5-info-wrapper.step-5 {
margin-bottom: 1rem;
}
.step-5-info-wrapper.step-5 {
margin-bottom: 1rem;
}
.table-caption {
text-align: center;
}
.footer {
padding: 2.5rem 1.25rem;
}
.footer-image {
-o-object-fit: contain;
object-fit: contain;
}
.box.is--3 {
margin-top: 68vh;
margin-left: 23.6em;
}
.box.is--6 {
margin-top: 98vh;
margin-left: 25em;
}
.box.is--4 {
margin-top: 36vh;
margin-left: 32.6em;
}
.box.is--7 {
margin-top: 110vh;
margin-left: 3.6em;
}
.box.is--5 {
margin-top: 51vh;
margin-left: 6em;
}
.c-slider {
height: auto;
max-width: 100%;
margin-top: 6.25rem;
margin-right: auto;
margin-left: auto;
}
.c-slide {
height: auto;
min-height: 0rem;
margin-right: auto;
margin-left: auto;
}
.c-slide_image {
display: block;
width: 17.875rem;
height: 24.25rem;
margin-right: auto;
margin-left: auto;
}
.c-arrows-wrapper {
margin-top: 6.25rem;
}
.home-heading-wrapper.margin-bottom-xl {
margin-top: -4rem;
}
.home-heading-wrapper.margin-bottom-xl {
margin-top: 2.5rem;
}
.photo-du-dashboard {
display: none;
}
.card-stack-wrapper {
height: 25rem;
}
.stack-image {
border-radius: 3.9375rem;
}
.globalnav {
display: none;
}
.more-programs {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.heading-4 {
font-size: 2.5rem;
line-height: 1.1em;
letter-spacing: 0em;
}
.unit-image-wrapper {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26957ae0e95a4c_she-creates.webp");
background-position: 50% 50%;
background-size: contain;
background-repeat: no-repeat;
}
.subhead.more-programs {
margin-top: 1.875rem;
}
.cta-link {
font-size: 1.1875rem;
}
.unit-column-wrapper {
max-width: none;
margin-right: auto;
margin-left: auto;
}
.paragraph {
font-size: 1.1875rem;
font-weight: 400;
}
.module-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.she-creates-image {
width: 100%;
height: 100%;
max-width: none;
}
.description.more-programs {
margin-top: 0.625rem;
}
.unit-program {
margin-bottom: 2.5rem;
}
.unit-tile {
padding: 0rem;
}
.unit-tile.unit-tile-9 {
-webkit-transform: translate(-6.875rem, -20.875rem);
-ms-transform: translate(-6.875rem, -20.875rem);
transform: translate(-6.875rem, -20.875rem);
}
.unit-tile.unit-tile-0 {
-webkit-transform: translate(-11rem, 15.25rem);
-ms-transform: translate(-11rem, 15.25rem);
transform: translate(-11rem, 15.25rem);
}
.unit-tile.unit-tile-1 {
-webkit-transform: translate(13.375rem, 18.75rem);
-ms-transform: translate(13.375rem, 18.75rem);
transform: translate(13.375rem, 18.75rem);
}
.unit-tile.unit-tile-11 {
-webkit-transform: translate(-23.9375rem, -3.5625rem);
-ms-transform: translate(-23.9375rem, -3.5625rem);
transform: translate(-23.9375rem, -3.5625rem);
}
.unit-tile.unit-tile-8 {
-webkit-transform: translate(20.3125rem, 2.0625rem);
-ms-transform: translate(20.3125rem, 2.0625rem);
transform: translate(20.3125rem, 2.0625rem);
}
.unit-tile.unit-tile-2 {
-webkit-transform: translate(11.875rem, -16.6875rem);
-ms-transform: translate(11.875rem, -16.6875rem);
transform: translate(11.875rem, -16.6875rem);
}
.unit-bio {
z-index: 1000;
}
.cta-links.more-programs {
margin-top: 0.625rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.splide__slide {
width: 100%;
}
.splide.slider1.pill {
padding-right: 0vw;
}
.splide__arrows.is--mobile-center {
padding-left: 1em;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.header {
padding-bottom: 0rem;
}
.slide-container {
margin-top: 6.25rem;
}
.comparatif-prix {
padding-top: 4rem;
padding-bottom: 4rem;
}
.comparatif-prix.cta {
padding-top: 4rem;
padding-bottom: 0rem;
}
.link-item {
line-height: 2em;
font-weight: 500;
}
.avatar {
background-color: #f8f8ff;
}
.social {
padding-right: 0rem;
padding-left: 0rem;
}
.resize-text {
display: none;
color: #333;
line-height: 1.5;
}
.demo-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
background-image: linear-gradient(180deg, transparent, transparent);
background-attachment: scroll;
}
.browser-demo {
width: 25rem;
height: 31.25rem;
margin-right: 6.875rem;
margin-bottom: 6.25rem;
margin-left: 6.875rem;
padding-right: 1.875rem;
padding-left: 1.875rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.demo-wrapper {
margin-top: 0rem;
padding-right: 0rem;
padding-left: 0rem;
}
.paragraph-2 {
padding-right: 0rem;
text-align: center;
}
.div-block-4 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.paragraph-3 {
padding-right: 0rem;
text-align: center;
}
.paragraph-4 {
padding-right: 0rem;
text-align: center;
}
.margin-top {
margin-right: 0rem;
margin-bottom: 0rem;
margin-left: 0rem;
}
.heading-large {
font-size: 2rem;
}
.rl-features_card3-background-wrapper {
right: -20%;
}
.rl-features_card3-background {
height: 16rem;
}
.rl-features_card3 {
padding-right: 2rem;
padding-left: 2rem;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.margin-bottom {
margin-top: 0rem;
margin-right: 0rem;
margin-left: 0rem;
}
.text-size-medium {
font-size: 1rem;
}
.rl-features_background-overlay {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 1;
display: block;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(22%, #161616), to(rgba(22, 22, 22, 0)));
background-image: linear-gradient(180deg, #161616 22%, rgba(22, 22, 22, 0));
}
.rl-features_component {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.rl-features_card1 {
padding-top: 2.5rem;
padding-right: 2rem;
padding-left: 2rem;
}
.padding-vertical {
padding-right: 0rem;
padding-left: 0rem;
}
.heading-huge {
font-size: 2.5rem;
}
.rl-features_card2 {
padding-right: 2rem;
padding-left: 2rem;
}
.rl-builtwith_project-button {
left: 1rem;
top: auto;
right: auto;
bottom: 1rem;
width: 2.5rem;
height: 2.5rem;
padding: 0rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-style: solid;
border-width: 0.0625rem;
border-color: rgba(22, 22, 22, 0.1);
}
.hide-mobile-landscape {
display: none;
}
.rl-builtwith_button-icon {
min-height: 1.25rem;
min-width: 1.25rem;
margin-left: 0rem;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.text-size-medium-2 {
font-size: 1rem;
}
.rl-features_card3-background-wrapper-2 {
right: -20%;
}
.logos-plateformes-2 {
overflow: hidden;
}
.plateformes {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.decks__text-heading {
font-size: 2.6em;
}
.decks__text {
width: 90%;
}
.decks {
height: 70vh;
}
.section-7 {
padding: 5rem 1.25rem;
}
.testimonial-image-block {
width: 100%;
}
.testimonial-content-wrap {
width: 100%;
padding-left: 1.5625rem;
}
.testimonial-columns-2 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.membre-de-l-quipe {
display: none;
}
.navbar_component {
height: 4rem;
}
.page-de-chargement.fesdgfhgjh.c {
display: block;
}
.heading-medium {
font-size: 1.5rem;
line-height: 1.4;
}
.text-size-medium-3 {
font-size: 1rem;
}
.right-floating-cookie {
right: 0.625rem;
bottom: 0.625rem;
max-width: 90vw;
}
.right-cookie-image {
width: 7.5rem;
height: 7.5rem;
}
.cookie-content {
margin-bottom: 1.25rem;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.button-4 {
background-color: rgba(255, 255, 255, 0.2);
}
.section-8 {
padding-top: 4.5rem;
padding-bottom: 4.5rem;
padding-left: 0rem;
}
.section-8.hero {
padding-top: 7rem;
padding-bottom: 4.5rem;
}
.hero-fade {
display: none;
}
.hero-content-cover {
width: 100%;
background-color: rgba(3, 3, 3, 0.88);
}
.container-9 {
padding-right: 1.75rem;
padding-left: 1.75rem;
}
.hero-photo-grid {
width: 50rem;
}
.rl-footer_top-wrapper {
grid-row-gap: 3rem;
}
.spacing {
height: 6em;
}
.grid-item.text {
padding-top: 10em;
}
.footer-officiel {
padding-right: 3em;
padding-left: 3em;
font-size: 1.69vw;
}
.gauche-du-footer {
margin-right: 3em;
}
.logo-2 {
padding-left: 0rem;
}
.short-page-wrapper {
padding-left: 10vw;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.extra-section {
width: 10vw;
}
.icon-btn {
padding: 0.75rem 1.875rem;
font-size: 0.875rem;
}
.pricing-table-2 {
padding: 2rem 1.5rem;
}
.bbb-section-1-2 {
padding-right: 3em;
padding-left: 3em;
font-size: 1.69vw;
}
.form-header-2 {
font-size: 1.375rem;
}
.input-2 {
height: 2.625rem;
}
.link-block {
min-height: 2.5rem;
font-size: 0.875rem;
line-height: 1.25rem;
}
.input-label-2 {
font-size: 0.9em;
}
.footer-2 {
padding: 2.5rem 1.25rem;
}
.colorful-section {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.short-page-wrapper-2 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.split-page-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.side-panel {
display: none;
}
.container-16 {
display: block;
}
.bg-video {
width: 100%;
}
.contact_column {
padding: 5vw;
}
.contact_column.is-right {
width: 100%;
min-height: auto;
padding-top: 5em;
padding-bottom: 5em;
background-color: #000;
}
.contact_column.is-left {
position: relative;
width: 100%;
height: auto;
}
.contact_column.is-left {
position: relative;
width: 100%;
height: auto;
}
.headline_wrap {
padding-top: 7em;
padding-bottom: 7em;
}
.div-block-224 {
width: 28.125rem;
}
.nav-menu-3 {
overflow: scroll;
}
.guide-heading-gold {
font-size: 2rem;
}
.guide-icon {
height: 1.5rem;
}
.heading-medium-2 {
font-size: 1.5rem;
line-height: 1.4;
}
.text-size-medium-4 {
font-size: 1rem;
}
.demo-wrapper-2 {
margin-top: 8.75rem;
padding-right: 6.875rem;
padding-bottom: 6.25rem;
padding-left: 6.875rem;
}
.browser-demo-2 {
width: 100%;
height: auto;
margin-bottom: 6.25rem;
padding: 6.25rem 1.875rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.instructions-wrapper {
margin-left: 0rem;
}
.footer-action-component {
padding-top: 1rem;
padding-bottom: 3rem;
grid-row-gap: 1.75rem;
}
.page-padding-2 {
padding-right: 5vw;
padding-left: 5vw;
}
.name-block {
height: 3.75rem;
}
.name-item {
height: 4.5rem;
font-size: 2.5rem;
}
.footer-action-heading {
font-size: 2.5rem;
}
.name-item-2 {
height: 4.5rem;
font-size: 2.5rem;
}
.agenda-content {
grid-column-gap: 0.25rem;
grid-row-gap: 0.25rem;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.heading-xlarge {
font-size: 4.5rem;
}
.section-sortie {
padding-right: 5vw;
padding-bottom: 6.25rem;
padding-left: 5vw;
}
.section-sortie._2quipe {
padding-top: 0rem;
}
.heading-large-2 {
font-size: 2.75rem;
}
.benefits-item {
margin-top: 0rem;
margin-bottom: 0rem;
}
.preview-legal {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.padding-bottom {
padding-top: 0rem;
padding-right: 0rem;
padding-left: 0rem;
}
.footer-row {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.faq-intro {
padding-bottom: 2.5rem;
}
.name-block-2 {
height: 3.75rem;
}
.looping-text {
font-size: 12vw;
}
.benefits-text-strip {
margin-top: 0rem;
margin-bottom: 0rem;
}
.faq-icon {
width: 3rem;
height: 3rem;
min-height: 3rem;
min-width: 3rem;
}
.heading-xhuge {
font-size: 4rem;
}
.preview-description {
max-width: 25rem;
}
.padding-top {
padding-right: 0rem;
padding-bottom: 0rem;
padding-left: 0rem;
}
.text-size-large {
font-size: 1.25rem;
}
.preview-teacher-title {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.name-item-3 {
height: 4.5rem;
font-size: 2.5rem;
}
.speaker-list {
margin-bottom: 4rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.lottie-icon {
width: 0.9rem;
height: 0.9rem;
}
.speakers-row-guide {
padding-top: 0rem;
padding-bottom: 1rem;
}
.faq-bottom-content {
padding-bottom: 2rem;
padding-left: 2rem;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.sticky-intro {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.heading-small {
font-size: 1.875rem;
}
.heading-medium-3 {
font-size: 1.5rem;
}
.faq-text {
padding-left: 1.5rem;
}
.hero-bottom {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.footer-action-heading-2 {
font-size: 2.5rem;
}
.preview-agenda-top {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.sticky-content {
padding-bottom: 4.5rem;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.benefits-base {
padding-top: 4.5rem;
padding-bottom: 4.5rem;
}
.agenda-list-title {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.team-circles {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.team-circles.a {
display: none;
}
.speaker-title-image.speaker-image-large {
margin-top: 1rem;
margin-bottom: 1rem;
}
.benefits-strip {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.page-padding-4 {
padding-right: 5vw;
padding-left: 5vw;
}
.heading-xhuge-2 {
font-size: 4rem;
}
.text-size-large-2 {
font-size: 1.25rem;
}
.navbar-component {
-ms-grid-columns: auto 1fr;
grid-template-columns: auto 1fr;
}
.error-message-3 {
margin-right: 1rem;
margin-left: 1rem;
}
.cart-footer {
padding-right: 1rem;
padding-left: 1rem;
}
.nav-menu-list {
grid-column-gap: 0.75rem;
grid-row-gap: 0.75rem;
}
.cart-list {
margin-right: 1rem;
margin-left: 1rem;
}
.nav-link-6 {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
.cart-empty-state {
padding: 0rem 1rem 1rem;
}
.navbar-right-links {
display: none;
}
.menu-button-icon {
width: 1.75rem;
}
.brand-2 {
padding-left: 0rem;
}
.page-padding-5 {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.cart-header {
padding-right: 1rem;
padding-left: 1rem;
}
.gif {
position: relative;
}
.section-13 {
position: relative;
height: auto;
margin-bottom: 6.25rem;
padding-right: 3.125rem;
padding-left: 3.125rem;
font-size: 2.25rem;
line-height: 2.25rem;
text-align: left;
}
.work-descr {
margin-top: 1.5rem;
-webkit-align-self: end;
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}
.number {
position: absolute;
left: 0%;
top: 0%;
right: auto;
bottom: auto;
padding-top: 2rem;
}
.col {
min-height: auto;
margin-top: 0rem;
margin-bottom: 6.25rem;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
grid-row-gap: 0rem;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: auto auto auto;
grid-template-rows: auto auto auto;
}
.horizontal-scroll {
width: 100%;
max-width: 23.75rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
}
.section-14 {
position: relative;
height: auto;
padding-right: 1.25rem;
padding-bottom: 0rem;
padding-left: 1.25rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.line-2 {
margin-top: 1rem;
margin-left: -0.5rem;
}
.video-wrapper {
width: 100%;
min-width: auto;
}
.scroll {
height: auto;
}
.name {
font-size: 2.25rem;
line-height: 2.25rem;
}
.scroll-progress {
display: none;
}
.padding-vertical-2 {
padding-right: 0rem;
padding-left: 0rem;
}
.page-padding-6 {
padding-right: 1.875rem;
padding-left: 1.875rem;
}
.les-3-pochettes-du-moments {
overflow: hidden;
}
.inner-fw__text-block {
font-size: 1.25rem;
line-height: 1.75rem;
}
.step-block__text-description.text-description-1 {
font-size: 0.75rem;
}
.step-block__text-description.text-description-2 {
font-size: 0.75rem;
}
.step-block__text-description.text-description-3 {
font-size: 0.75rem;
}
.step-block__text-description.text-description-4 {
font-size: 0.75rem;
}
.dynamic-content__block {
width: 100%;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.step-block__text-title.text-title_2 {
font-size: 1.125rem;
}
.step-block__text-title.text-title_1 {
font-size: 1.125rem;
}
.step-block__text-title.text-title_3 {
font-size: 1.125rem;
}
.step-block__text-title.text-title_4 {
font-size: 1.125rem;
}
.dynamic-section__wrap {
display: none;
}
.wrap-block__inner-fw.inner-fw__bottom {
margin-top: 1.25rem;
}
.wrap {
width: 100%;
padding-right: 1.25rem;
padding-left: 1.25rem;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
}
.wrap._w-custom.w60-60 {
padding: 3.125rem 1.25rem 1.875rem;
}
.dynamic-text {
font-size: 1.375rem;
}
.dynamic-text.dt-number {
font-size: 1.75rem;
}
.heading-xxlarge {
font-size: 2.5rem;
}
.text-size-large-3 {
font-size: 1.125rem;
}
.icon-button {
padding: 0.75rem 1.875rem;
font-size: 0.875rem;
}
.feature-wrap {
font-size: 0.8rem;
}
.section-16 {
padding-top: 4rem;
padding-bottom: 1rem;
padding-left: 0rem;
}
.collection-item {
margin-bottom: 1rem;
}
.blogpost_content {
margin-bottom: 2rem;
}
.margin-horizontal {
margin-top: 0rem;
margin-bottom: 0rem;
}
.blogpost_title-wrapper {
margin-bottom: 3rem;
}
.heading-large-3 {
font-size: 2rem;
}
.show-mobile-landscape-2 {
display: block;
-webkit-filter: invert(100%);
filter: invert(100%);
}
.modal_content-wrapper {
width: 100%;
height: 100vh;
max-height: none;
padding-right: 5%;
padding-bottom: 7rem;
padding-left: 5%;
}
.modal_component {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.footer_credit-text {
margin-top: 1rem;
}
.navbar_logo-link-2 {
padding-left: 0rem;
}
.navbar_component-2 {
height: auto;
min-height: 4rem;
}
.footer-officiel-2 {
padding-right: 3em;
padding-left: 3em;
font-size: 1.69vw;
}
.heading-large-4 {
font-size: 2rem;
}
.texte-de-taille-moyenne {
font-size: 1rem;
}
.texte-accueil {
font-size: 2.5rem;
}
.faq-titre {
font-size: 2.5rem;
line-height: 3rem;
}
.comparatif {
display: none;
}
.navigation-secondary {
display: none;
}
.section-regular {
padding-top: 72px;
padding-bottom: 72px;
}
.h3-heading {
font-size: 40px;
}
.title-wrapper {
margin-bottom: 60px;
}
.grid-feature-large {
grid-row-gap: 24px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.testimonial-grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.h3-heading-3 {
font-size: 36px;
line-height: 52px;
}
.pricing-grid-large {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.grid-process-stacked {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.section-noire {
padding-top: 4rem;
padding-bottom: 4rem;
}
.circular-modulable {
display: none;
overflow: hidden;
width: 20rem;
height: 20rem;
opacity: 0.9;
-webkit-filter: blur(4.25rem);
filter: blur(4.25rem);
}
.circular-haut-gauche {
left: 0%;
top: 0%;
right: auto;
bottom: auto;
width: 20rem;
height: 20rem;
opacity: 0.9;
-webkit-filter: blur(4.25rem);
filter: blur(4.25rem);
}
.circular-bas-gauche {
width: 20rem;
height: 20rem;
opacity: 0.9;
-webkit-filter: blur(4.25rem);
filter: blur(4.25rem);
}
.circular-bas-droite {
width: 20rem;
height: 20rem;
opacity: 0.9;
-webkit-filter: blur(4.25rem);
filter: blur(4.25rem);
}
.circular-haut-droite {
left: auto;
top: 0%;
right: 0%;
bottom: auto;
overflow: visible;
width: 20rem;
height: 20rem;
margin-right: 0px;
opacity: 0.9;
-webkit-filter: blur(4.25rem);
filter: blur(4.25rem);
}
.accueil-2 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.faq {
padding-top: 4rem;
padding-bottom: 4rem;
}
.memojie-de-l-quipe {
display: none;
width: 100%;
margin-bottom: 1.5rem;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c269545e1e95a57_Process%20Image%20Background%20Mobile.webp");
background-size: cover;
}
.notre-quipe {
padding-top: 0rem;
padding-bottom: 0rem;
}
}
@media screen and (max-width: 479px) {
h1 {
font-size: 2.5rem;
line-height: 3rem;
}
h2 {
font-size: 2.25rem;
line-height: 2.75rem;
}
h3 {
font-size: 2rem;
line-height: 2.5rem;
}
.button.secondary.small {
margin-bottom: 2.5rem;
font-size: 0.6875rem;
line-height: 1.25rem;
}
.paragraph-l {
font-size: 1.125rem;
}
.multi-button-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.margin-0 {
font-size: 1.4rem;
line-height: 1.4rem;
font-weight: 400;
letter-spacing: -0.08rem;
}
.paragraph-m.text-white {
font-size: 0.9375rem;
}
.paragraph-m.text-white.margin-m {
font-size: 0.9375rem;
font-weight: 700;
letter-spacing: 0.1875rem;
text-transform: uppercase;
}
.paragraph-m.text-centred.margin-l {
width: 80%;
margin-bottom: 1.25rem;
font-size: 0.9375rem;
}
.page-principale.black {
margin-bottom: 0rem;
padding-top: 2.5rem;
padding-bottom: 0rem;
border-radius: 0rem;
}
.page-principale.grain {
display: block;
}
.page-principale.grain.testimonial {
display: block;
overflow: visible;
}
.page-principale.grain.testimonial.plateforme {
display: none;
overflow: visible;
}
.page-principale.grain.accueil {
display: block;
height: 39rem;
padding-bottom: 0rem;
}
.page-principale.black {
margin-bottom: 0rem;
padding-top: 2.5rem;
padding-bottom: 0rem;
}
.page-principale.black {
margin-bottom: 0rem;
padding-top: 2.5rem;
padding-bottom: 0rem;
}
.container.centred.full-width {
width: 90%;
margin-bottom: 0rem;
}
.text-light-grey {
font-size: 0.8125rem;
}
.process-image {
display: none;
}
.process-image.ghj {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: visible;
width: 100%;
height: 100%;
max-height: 100%;
max-width: 100%;
min-height: 100%;
min-width: 100%;
margin: auto;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
border-radius: 7.7em;
background-color: #20201f;
background-image: none;
-o-object-fit: fill;
object-fit: fill;
}
.project-title-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.project-spec-figma-wrap {
height: 25rem;
}
.figma-embed-wrapper {
height: 22.5rem;
}
.heading-2-small {
margin-top: 1.25rem;
padding-top: 1.25rem;
padding-bottom: 2.5rem;
font-size: 2.25rem;
line-height: 2.75rem;
}
.heading-2-small.text-white {
padding-top: 1.25rem;
padding-bottom: 2.3125rem;
}
.heading-2-small.text-white.di {
padding-bottom: 2.5rem;
}
.heading-2-small.text-white.di {
padding-bottom: 2.5rem;
}
.heading-2-small.text-white.di {
padding-bottom: 2.5rem;
}
.heading-2-small.noir.ftgyhj {
margin-top: 0rem;
}
.heading-2-small.noir.ftgyhj {
margin-top: 0rem;
}
.benefits-icon {
width: 2rem;
margin-right: 0.75rem;
margin-bottom: 0rem;
}
.fixed-cta {
top: 1.125rem;
padding: 0.625rem 0.875rem;
font-size: 0.8125rem;
}
.fixed-cta.migration {
border-width: 0rem;
background-color: #202020;
font-weight: 400;
}
.name-arrow {
width: 3.5rem;
}
.name-arrow.adam {
top: 2.5rem;
right: 1.5rem;
}
.name-arrow.dan {
left: 1.5rem;
top: 2.5rem;
}
._4-col-grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.faq-arrow {
width: 1.25rem;
height: 1.25rem;
margin-top: 0.625rem;
}
.step-heading.margin-xs {
color: rgba(255, 255, 255, 0.55);
font-size: 0.625rem;
letter-spacing: 0.125rem;
text-transform: uppercase;
}
.step-heading.margin-xs {
color: rgba(255, 255, 255, 0.55);
font-size: 0.625rem;
letter-spacing: 0.125rem;
text-transform: uppercase;
}
.project-spec-webflow-wrap {
height: 25rem;
}
.faq-answer {
font-size: 0.9375rem;
}
.center-div.margin-xl {
width: 100%;
}
.icon-image-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.random-facts.dan {
display: none;
}
.random-facts.adam {
display: none;
}
.profile-photo.dan {
margin-top: 3rem;
}
.profile-photo.adam {
margin-top: 3rem;
}
.circle-blur-bottom-left {
left: -20%;
}
.circle-blur-top-right-2 {
right: -20%;
width: 17.5rem;
height: 17.5rem;
}
.grey-line.gtfgtfr {
position: relative;
left: 0%;
right: 0%;
bottom: 0%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 5rem;
height: 0.15rem;
margin-top: 0.25rem;
}
.project-spec-name {
margin-right: 0rem;
margin-bottom: 0.75rem;
}
.timeline-wrapper.gvtrcf {
position: fixed;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 13%;
margin-top: -2.5rem;
margin-right: auto;
margin-left: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.personality-description {
top: 3%;
}
.circle-blur-top-left {
right: -20%;
width: 17.5rem;
height: 17.5rem;
}
.circle-blur-top-left.safari {
position: fixed;
left: auto;
top: 40%;
right: 0%;
bottom: 0%;
display: block;
width: 12.5rem;
}
.circle-blur-top-left.safari.speciaaal {
position: fixed;
width: 5.3125rem;
-webkit-transform: translate(200%, 67%);
-ms-transform: translate(200%, 67%);
transform: translate(200%, 67%);
}
.circle-blur-top-left.safari.test {
display: none;
}
.circle-blur-top-left.safari.test.z {
display: none;
}
.circle-blur-top-left.safari {
position: fixed;
left: auto;
top: 40%;
right: 0%;
bottom: 0%;
display: block;
width: 12.5rem;
}
.circle-blur-bottom-right.safari {
position: absolute;
left: 0%;
top: 0%;
right: auto;
bottom: auto;
margin-top: 0rem;
-webkit-transform: translate(-38%, -19%);
-ms-transform: translate(-38%, -19%);
transform: translate(-38%, -19%);
}
.circle-blur-bottom-right.safari.hh {
position: fixed;
left: 0%;
top: 0%;
right: auto;
bottom: auto;
display: block;
margin-top: -3.125rem;
margin-right: auto;
margin-left: -3.125rem;
background-image: linear-gradient(132deg, #2669e3 25%, #ff4848 51%, #6248ff 75%);
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.circle-blur-bottom-right.safari {
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
}
.circle-blur-bottom-right.safari {
position: absolute;
left: 0%;
top: 0%;
right: auto;
bottom: auto;
margin-top: 0rem;
-webkit-transform: translate(-38%, -19%);
-ms-transform: translate(-38%, -19%);
transform: translate(-38%, -19%);
}
.hero-heading {
margin-top: 0.5rem;
margin-bottom: 1rem;
}
.bouton-dashboard {
z-index: 998;
}
.white-line.tbgvf {
position: relative;
width: 5rem;
}
.label-arrow.on-t-m {
top: 40%;
}
.circle-blur-top-left-2 {
right: -20%;
width: 17.5rem;
height: 17.5rem;
}
.random-fact.adam-fact-1 {
top: 20%;
width: 6.050000000000001rem;
}
.random-fact.dan-fact-1 {
left: 2%;
top: 18%;
width: 6.7rem;
}
.random-fact.dan-fact-2 {
top: 18%;
right: 2%;
width: 7.300000000000001rem;
}
.random-fact.adam-fact-2 {
top: 20%;
width: 6.050000000000001rem;
}
.pricing-table {
padding: 1.5rem 1rem;
}
.faq-top {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.body {
overflow: visible;
background-color: #d7d1d8;
}
.confirmation-page-subheading {
font-size: 1.125rem;
}
.image-9 {
width: 2rem;
}
.image-6 {
display: none;
}
.step-1-number {
display: block;
width: 2.4988510608673096rem;
height: 2.499999761581421rem;
}
.step-2-number {
width: 2.499999761581421rem;
height: 2.499999761581421rem;
}
.step-3-number {
width: 2.499999761581421rem;
height: 2.499999761581421rem;
}
.footer {
padding-right: 1.25rem;
padding-left: 1.25rem;
text-align: left;
}
.footer-flex-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.footer-logo-link {
height: 3.75rem;
}
.footer-heading {
margin-top: 1.25rem;
}
.text-block-2 {
text-align: center;
}
.box.is--3 {
margin-top: 64vh;
margin-left: 18em;
}
.box.is--6 {
margin-top: 85vh;
margin-left: 2.4em;
}
.box.is--4 {
margin-left: 22.3em;
}
.box.is--7 {
margin-top: 103vh;
margin-left: 16.5em;
}
.box.is--5 {
margin-top: 47vh;
margin-left: 2.5em;
}
.video-lightbox {
min-height: 40vh;
}
.c-slide_image {
box-shadow: none;
}
.c-arrows-wrapper {
margin-top: 6.875rem;
}
.primary-button-dark.margin-right-xs {
margin-right: 0.8125rem;
padding-right: 0.9375rem;
padding-left: 0.9375rem;
}
.primary-button-dark.margin-right-xs.en-bas {
position: relative;
left: auto;
display: block;
margin-top: 0rem;
margin-bottom: 0.625rem;
clear: none;
font-size: 0.8125rem;
}
.primary-button-dark.margin-right-xs.en-bas.rfz {
margin-top: 0.3125rem;
margin-right: 0rem;
margin-bottom: 0.3125rem;
padding: 0.625rem;
font-size: 0.625rem;
}
.primary-button-dark.margin-right-xs {
width: 100%;
margin-right: auto;
margin-bottom: 0.625rem;
margin-left: auto;
padding-right: 0.9375rem;
padding-left: 0.9375rem;
background-color: #1a1a1a;
}
.home-heading-wrapper.margin-bottom-xl {
margin-top: 4rem;
margin-bottom: 0rem;
}
.secondary-button {
margin-bottom: 0rem;
padding-right: 0.9375rem;
padding-left: 0.9375rem;
font-size: 0.875rem;
}
.horizontal-flex-div.centre-div {
margin-bottom: 0rem;
}
.horizontal-flex-div.centre-div.en-bas {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
margin-top: 1.875rem;
margin-right: 0rem;
margin-left: 0rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
grid-auto-columns: 1fr;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.horizontal-flex-div.centre-div.haut {
width: 70%;
margin-right: auto;
margin-bottom: 6.25rem;
margin-left: auto;
padding-bottom: 0rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.horizontal-flex-div.centre-div.en-bas {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
margin-top: 1.875rem;
margin-right: 0rem;
margin-left: 0rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
grid-auto-columns: 1fr;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.horizontal-flex-div.centre-div.en-bas {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
margin-top: 1.875rem;
margin-right: auto;
margin-left: auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
grid-auto-columns: 1fr;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.photo-du-dashboard {
display: block;
margin-top: 0rem;
}
.stickydiv {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.lottie-animation {
overflow: hidden;
-o-object-fit: cover;
object-fit: cover;
}
.our-work-card-wrapper {
margin-left: 0rem;
-o-object-fit: fill;
object-fit: fill;
}
.card-stack-wrapper {
height: 21.875rem;
}
.stack-image {
height: 92vw;
border-radius: 3.4375rem;
}
.stack-image.stack-3 {
left: 28%;
}
.gn-bread {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.globalnav {
display: block;
background-color: #000;
}
.gn-link {
display: none;
}
.gn-link.gn-apple {
display: block;
}
.gn-link.search {
display: none;
}
.gn-link.bag {
display: block;
}
.headline {
margin-top: 1.25rem;
margin-bottom: 2.5rem;
}
.heading-4 {
line-height: 1.1em;
}
.unit-image-wrapper {
width: 17.5rem;
background-image: none;
}
.unit-image-wrapper.matrix-1 {
background-image: none;
}
.subhead {
font-size: 1.5rem;
}
.cta-link {
margin-top: 0.625rem;
}
.unit-column-wrapper {
margin-right: 0rem;
margin-left: 0rem;
justify-items: center;
grid-column-gap: 0rem;
grid-template-columns: repeat(auto-fit, 17.5rem);
}
.unit-canvas-wrapper.unit-canvas-wrapper-0 {
overflow: hidden;
}
.unit-canvas-wrapper.unit-canvas-wrapper-1 {
width: 112.5rem;
height: 100rem;
}
.unit-copy-container {
width: 17.5rem;
max-width: none;
}
.unit-copy-container.more-programs {
max-width: none;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.description.more-programs {
max-width: 22.5rem;
margin-top: 0rem;
}
.unit-program {
width: auto;
}
.unit-tile.unit-tile-14 {
width: 14.75rem;
-webkit-transform: translate(-25.25rem, 17.0625rem);
-ms-transform: translate(-25.25rem, 17.0625rem);
transform: translate(-25.25rem, 17.0625rem);
}
.unit-tile.unit-tile-15 {
width: 8.5rem;
-webkit-transform: translate(37.1875rem, -14.625rem);
-ms-transform: translate(37.1875rem, -14.625rem);
transform: translate(37.1875rem, -14.625rem);
}
.unit-tile.unit-tile-9 {
width: 14.75rem;
-webkit-transform: translate(-5.8125rem, -14.3125rem);
-ms-transform: translate(-5.8125rem, -14.3125rem);
transform: translate(-5.8125rem, -14.3125rem);
}
.unit-tile.unit-tile-13 {
width: 8.5rem;
-webkit-transform: translate(-41.125rem, -9.5625rem);
-ms-transform: translate(-41.125rem, -9.5625rem);
transform: translate(-41.125rem, -9.5625rem);
}
.unit-tile.unit-tile-0 {
width: 8.4375rem;
-webkit-transform: translate(-10.125rem, 16.0625rem);
-ms-transform: translate(-10.125rem, 16.0625rem);
transform: translate(-10.125rem, 16.0625rem);
}
.unit-tile.unit-tile-18 {
width: 11.5rem;
-webkit-transform: translate(28.375rem, 17.875rem);
-ms-transform: translate(28.375rem, 17.875rem);
transform: translate(28.375rem, 17.875rem);
}
.unit-tile.unit-tile-17 {
width: 8.5rem;
-webkit-transform: translate(0.375rem, 33.8125rem);
-ms-transform: translate(0.375rem, 33.8125rem);
transform: translate(0.375rem, 33.8125rem);
}
.unit-tile.unit-tile-4 {
width: 17.5625rem;
-webkit-transform: translate(1.5rem, -28.625rem);
-ms-transform: translate(1.5rem, -28.625rem);
transform: translate(1.5rem, -28.625rem);
}
.unit-tile.unit-tile-6 {
width: 11.4375rem;
-webkit-transform: translate(-22.5rem, -30rem);
-ms-transform: translate(-22.5rem, -30rem);
transform: translate(-22.5rem, -30rem);
}
.unit-tile.unit-tile-16 {
width: 8.5rem;
-webkit-transform: translate(23.9375rem, -11.875rem);
-ms-transform: translate(23.9375rem, -11.875rem);
transform: translate(23.9375rem, -11.875rem);
}
.unit-tile.unit-tile-7 {
width: 17.5625rem;
-webkit-transform: translate(-17.4375rem, 31rem);
-ms-transform: translate(-17.4375rem, 31rem);
transform: translate(-17.4375rem, 31rem);
}
.unit-tile.unit-tile-3 {
width: 14.75rem;
-webkit-transform: translate(-24.5625rem, -11.9375rem);
-ms-transform: translate(-24.5625rem, -11.9375rem);
transform: translate(-24.5625rem, -11.9375rem);
}
.unit-tile.unit-tile-1 {
width: 17.5625rem;
-webkit-transform: translate(12.5rem, 15.5rem);
-ms-transform: translate(12.5rem, 15.5rem);
transform: translate(12.5rem, 15.5rem);
}
.unit-tile.unit-tile-20 {
width: 14.75rem;
-webkit-transform: translate(34.5625rem, 4.75rem);
-ms-transform: translate(34.5625rem, 4.75rem);
transform: translate(34.5625rem, 4.75rem);
}
.unit-tile.unit-tile-10 {
width: 11.4375rem;
-webkit-transform: translate(21.4375rem, -26.75rem);
-ms-transform: translate(21.4375rem, -26.75rem);
transform: translate(21.4375rem, -26.75rem);
}
.unit-tile.unit-tile-5 {
width: 11.4375rem;
-webkit-transform: translate(-36.1875rem, 30rem);
-ms-transform: translate(-36.1875rem, 30rem);
transform: translate(-36.1875rem, 30rem);
}
.unit-tile.unit-tile-11 {
width: 14.75rem;
-webkit-transform: translate(-22.5625rem, 0.875rem);
-ms-transform: translate(-22.5625rem, 0.875rem);
transform: translate(-22.5625rem, 0.875rem);
}
.unit-tile.unit-tile-8 {
width: 8.5rem;
-webkit-transform: translate(17.75rem, 0.8125rem);
-ms-transform: translate(17.75rem, 0.8125rem);
transform: translate(17.75rem, 0.8125rem);
}
.unit-tile.unit-tile-19 {
width: 14.75rem;
-webkit-transform: translate(20.4375rem, 31.6875rem);
-ms-transform: translate(20.4375rem, 31.6875rem);
transform: translate(20.4375rem, 31.6875rem);
}
.unit-tile.unit-tile-12 {
width: 17.5625rem;
-webkit-transform: translate(-43.125rem, 5.25rem);
-ms-transform: translate(-43.125rem, 5.25rem);
transform: translate(-43.125rem, 5.25rem);
}
.unit-tile.unit-tile-2 {
width: 8.4375rem;
-webkit-transform: translate(9.4375rem, -11.875rem);
-ms-transform: translate(9.4375rem, -11.875rem);
transform: translate(9.4375rem, -11.875rem);
}
.unit-bio {
display: none;
}
.heading-5 {
margin-top: 0rem;
}
.image-141 {
margin-top: 0rem;
padding-top: 0rem;
padding-bottom: 0rem;
-webkit-transform: translate(0rem, -1.5rem);
-ms-transform: translate(0rem, -1.5rem);
transform: translate(0rem, -1.5rem);
}
.header {
padding-top: 1.25rem;
}
.slide-container {
margin-top: 8.125rem;
}
.moodboard-screenshot-2 {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
overflow: auto;
max-width: 18.75rem;
margin: 0rem auto;
padding-top: 0rem;
padding-bottom: 0rem;
float: none;
-webkit-transform: translate(0%, -29%);
-ms-transform: translate(0%, -29%);
transform: translate(0%, -29%);
}
.section-3 {
display: block;
-webkit-transform: translate(0rem, 0rem);
-ms-transform: translate(0rem, 0rem);
transform: translate(0rem, 0rem);
}
.comparatif-prix.grain {
display: block;
}
.comparatif-prix.grain.testimonial {
display: block;
overflow: visible;
}
.comparatif-prix.grain.testimonial.plateforme {
display: none;
overflow: visible;
}
.comparatif-prix.grain.fdgchvjb {
display: none;
}
.link-item {
min-height: 2.5rem;
border-width: 0rem;
line-height: 2em;
font-weight: 500;
}
.avatar {
width: 5rem;
height: 5rem;
max-height: 5rem;
max-width: 5rem;
min-height: 5rem;
min-width: 5rem;
background-color: #f8f8ff;
-o-object-fit: contain;
object-fit: contain;
}
.social-link {
background-color: transparent;
}
.social-link:hover {
background-color: #ff934f;
}
.wrapper-2 {
background-color: transparent;
color: transparent;
}
.container-3 {
width: 95%;
}
.body-2 {
background-color: #d8d5d1;
}
.resize-text {
margin-right: 1.25rem;
margin-left: 1.25rem;
}
._150-image-wrapper-inner {
width: 300vw;
}
.browser-demo {
width: 18.75rem;
margin-right: 1.25rem;
margin-left: 1.25rem;
padding-right: 0rem;
padding-left: 0rem;
}
.heading-7 {
margin-bottom: 1.25rem;
font-size: 3.75rem;
line-height: 3.75rem;
}
.paragraph-2 {
width: 80%;
padding-right: 1.25rem;
padding-left: 1.25rem;
font-size: 1.625rem;
line-height: 2rem;
text-align: center;
}
.body-3 {
margin-right: auto;
margin-left: auto;
}
.div-block-4 {
margin-right: auto;
margin-left: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.paragraph-3 {
width: 80%;
padding-right: 1.25rem;
padding-left: 1.25rem;
font-size: 1.625rem;
line-height: 2rem;
text-align: center;
}
.heading-8 {
margin-bottom: 1.25rem;
font-size: 3.75rem;
line-height: 3.75rem;
}
.heading-9 {
margin-right: auto;
margin-bottom: 1.25rem;
margin-left: auto;
font-size: 3.75rem;
line-height: 3.75rem;
}
.paragraph-4 {
display: block;
width: 80%;
margin-right: auto;
margin-left: auto;
padding-right: 0rem;
padding-left: 0rem;
font-size: 0.875rem;
line-height: 2rem;
text-align: center;
letter-spacing: 0rem;
}
.section-6 {
height: 62.5rem;
min-width: auto;
padding-top: 13.75rem;
}
.moodboard-screenshot-3 {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
display: none;
overflow: auto;
max-width: 18.75rem;
margin: 0rem auto 2.5rem;
padding-top: 0rem;
padding-bottom: 0rem;
float: none;
box-shadow: none;
-webkit-transform: translate(0%, -51%);
-ms-transform: translate(0%, -51%);
transform: translate(0%, -51%);
}
.nav-bar-container {
grid-template-areas: ". . Area";
-ms-grid-columns: auto auto auto;
grid-template-columns: auto auto auto;
}
.logo {
width: 6rem;
height: 1.5rem;
margin-top: 0rem;
}
.margin-top {
margin-right: 0rem;
margin-bottom: 0rem;
margin-left: 0rem;
}
.rl-features_card3-background-wrapper {
right: -15%;
bottom: -160%;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.rl-features_card3-background {
height: 10rem;
}
.rl-features_card3 {
padding: 2.5rem 1.5rem;
}
.margin-bottom {
margin-top: 0rem;
margin-right: 0rem;
margin-left: 0rem;
}
.margin-bottom.margin-xsmall {
display: block;
width: 100%;
margin-right: auto;
margin-left: auto;
}
.margin-bottom.margin-medium {
width: 100%;
}
.margin-bottom.margin-medium.dfcgvhbj {
height: 3em;
}
.margin-bottom.margin-small {
display: block;
width: 90%;
margin-right: auto;
margin-left: auto;
}
.max-width-large.align-center {
display: inline-block;
overflow: visible;
max-width: 100%;
margin-right: auto;
margin-left: auto;
padding-bottom: 0em;
background-image: none;
}
.max-width-large.align-center.fond-gris-clair {
display: block;
width: 100%;
max-width: none;
margin-right: auto;
margin-bottom: 0em;
margin-left: auto;
padding-right: 5%;
padding-bottom: 2em;
padding-left: 5%;
border-radius: 0.3125rem;
background-image: -webkit-gradient(linear, left top, left bottom, from(#2669e3), to(#2669e3));
background-image: linear-gradient(180deg, #2669e3, #2669e3);
}
.max-width-large.align-center.fond-gris-clair {
display: block;
width: 100%;
max-width: none;
margin-right: auto;
margin-bottom: 0em;
margin-left: auto;
padding-right: 5%;
padding-bottom: 2em;
padding-left: 5%;
border-radius: 0.3125rem;
background-image: -webkit-gradient(linear, left top, left bottom, from(#2669e3), to(#2669e3));
background-image: linear-gradient(180deg, #2669e3, #2669e3);
}
.rl-features_background-overlay {
background-image: none;
}
.rl-features_card1 {
padding: 2rem 1.5rem;
}
.padding-vertical {
padding-right: 0rem;
padding-left: 0rem;
}
.rl-features_card2 {
padding: 2rem 1.5rem;
}
.rl-features_card3-background-wrapper-2 {
right: -15%;
bottom: -160%;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.logo-des-plateformes {
width: 8rem;
height: 35em;
max-width: none;
}
.logos-plateformes-2 {
width: 8rem;
height: 35em;
max-width: none;
}
.accordion-bottom-wrap {
padding-right: 0rem;
}
.container-4 {
padding-right: 1rem;
padding-left: 1rem;
}
.accordion-wrap {
padding-top: 7.5rem;
padding-bottom: 7.5rem;
}
.decks__wrapper {
width: 180vw;
}
.decks__grid.decks__grid--margin {
margin-right: 2vw;
}
.decks__image {
width: 30vw;
}
.decks__image.decks__image--margin {
margin-bottom: 1vh;
}
.wrapper-phone {
width: 11.875rem;
height: 25rem;
}
.phone-background {
width: 11.875rem;
height: 24.5625rem;
border: 0.0625rem dashed #000;
border-radius: 2.25rem;
}
.section-7 {
padding-top: 3.75rem;
padding-bottom: 3.75rem;
}
.heading-13 {
margin-top: 0rem;
}
.circle-div {
width: 50%;
height: 50%;
min-height: 9.375rem;
min-width: 6.25rem;
border-radius: 6.25rem;
}
.circle-div._2 {
min-width: 9.375rem;
}
.circle-div._3 {
width: 50%;
height: 50%;
min-width: 9.375rem;
}
.title-2 {
margin-bottom: 0.3125rem;
font-size: 0.625rem;
font-weight: 400;
}
.statistic-circle-wrap {
min-height: auto;
min-width: auto;
margin-top: 0.625rem;
margin-bottom: 0rem;
padding: 0rem;
}
.counterup {
margin-bottom: 1rem;
color: #d8d5d1;
font-size: 1.875rem;
letter-spacing: -0.04rem;
text-transform: uppercase;
}
.title-wrap {
margin-bottom: 0.625rem;
}
.heading-primary.h3-centre {
max-width: 37.5rem;
margin-bottom: 0rem;
color: #fff;
font-size: 1.5625rem;
line-height: 1;
font-weight: 700;
text-align: left;
}
.heading-primary.h3-centre.gvfre {
margin-bottom: 1.25rem;
font-size: 1.5625rem;
font-weight: 500;
text-align: center;
}
.heading-primary.h3-centre {
margin-bottom: 0rem;
color: #fff;
font-size: 2.25rem;
line-height: 1;
text-align: center;
}
.arrow-wrap {
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
}
.statistique {
padding-top: 2.5rem;
padding-bottom: 0rem;
border-style: solid;
border-width: 0rem;
border-color: #d8d5d1;
background-color: #161616;
}
.title-capped {
color: rgba(255, 255, 255, 0.55);
font-size: 0.625rem;
}
.testimonial-image-block {
display: block;
width: 9.375rem;
height: 9.375rem;
max-height: 9.375rem;
max-width: 9.375rem;
min-height: 9.375rem;
min-width: 9.375rem;
margin-right: auto;
margin-bottom: 0rem;
margin-left: auto;
padding: 0rem;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.testimonial-image {
max-width: 70%;
}
.testimonial-content-wrap {
min-height: 18.75rem;
padding: 0rem 0.9375rem;
}
.author-name {
font-size: 0.8125rem;
line-height: 1.125rem;
font-weight: 500;
text-align: center;
letter-spacing: 0rem;
}
.testimonial-content-block {
max-width: 31.25rem;
}
.avis-ceo {
display: block;
margin-top: 0rem;
padding-top: 2.5rem;
padding-bottom: 0rem;
}
.testimonial-columns-2 {
margin-right: auto;
margin-left: auto;
}
.left-arrow-3 {
display: block;
}
.testimonial-paragraph {
margin-top: 1em;
font-size: 1rem;
}
.membre-de-l-quipe {
position: relative;
z-index: 10;
display: block;
max-width: 9rem;
margin: auto;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
}
.membre-de-l-quipe.special {
position: relative;
z-index: 1;
width: 6.312039852142334rem;
height: 6.323529243469238rem;
}
.punks-slider_list {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.punks-slider_image-wrapper {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.image-147 {
display: none;
margin: 2.5rem auto -12.5rem;
}
.container-7 {
display: block;
margin-bottom: -7.625rem;
}
.page-de-chargement.fesdgfhgjh {
z-index: 999;
display: none;
height: 10000vh;
}
.page-de-chargement.fesdgfhgjh.c {
display: none;
overflow: visible;
}
.rl-styleguide-message-wrapper {
background-color: transparent;
}
.heading-medium {
margin-top: 0rem;
margin-bottom: 2.5rem;
}
.text-size-medium-3 {
font-size: 0.8125rem;
line-height: 1.3;
font-weight: 400;
}
.page-padding {
padding-top: 0rem;
padding-bottom: 0rem;
}
.container-small {
background-color: transparent;
}
.right-floating-cookie {
right: auto;
bottom: 0rem;
width: 100%;
max-width: none;
}
.right-cookie-image {
margin-bottom: 1.25rem;
}
.cookie-content.mobile-vertical {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.cookie-button-blue {
width: 7.5rem;
margin-right: 0.625rem;
margin-bottom: 0rem;
padding-right: 0.625rem;
padding-left: 0.625rem;
text-align: center;
}
.button-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.section-8 {
padding-top: 3.75rem;
padding-bottom: 3.75rem;
}
.image-149.j {
display: block;
width: 31%;
height: 7.865168387280084%;
margin-top: 4.375rem;
margin-right: auto;
margin-left: auto;
}
.image-150 {
position: relative;
top: 0%;
display: block;
width: 5rem;
max-width: none;
min-width: 0.1875rem;
margin: 0% auto 0.5rem;
padding-bottom: 0px;
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
font-size: 0.6875rem;
line-height: 1rem;
}
.rl-footer_column-layout {
grid-row-gap: 2.5rem;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.rl-footer_top-wrapper {
grid-row-gap: 3rem;
}
.container-13 {
height: 100vh;
padding-top: 15em;
padding-bottom: 15em;
}
.grid-2 {
width: 54em;
height: 25em;
}
.text-big {
position: relative;
z-index: 1;
font-size: 2.1875rem;
}
.text-big.is--thin {
font-size: 2.1875rem;
}
.spacing {
width: 100%;
height: 6em;
}
.grid-item.text {
padding-top: 10em;
padding-bottom: 10em;
}
.grid-item.is--buttom {
width: 100%;
padding-top: 10em;
padding-bottom: 10em;
}
.grid-item.is--buttom-2 {
width: 100%;
padding-top: 5em;
padding-bottom: 5em;
}
.heading-16 {
color: #fff;
}
.line-big-mobile {
display: block;
width: 14.125rem;
}
.line-big {
display: none;
width: 70em;
}
.contact-big-mobile {
display: block;
}
.grid.is--second {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.contact-big {
display: none;
}
.grid_desktop {
display: none;
}
.div-block-223 {
top: -12%;
right: -18%;
-webkit-filter: blur(5.625rem);
filter: blur(5.625rem);
}
.contenu-du-footer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.logos-du-footer {
overflow: hidden;
width: 13px;
height: 13px;
max-height: 100%;
}
.bbb-text-2 {
position: absolute;
display: block;
}
.footer-officiel {
width: 100%;
font-size: 2.5vw;
}
.gauche-du-footer {
margin-bottom: 4em;
}
.les-4-blocs-en-bas {
margin-top: 0.625rem;
}
.logo-du-footer {
height: 1rem;
}
.titre-des-liens-du-footer {
font-size: 1.3em;
}
.privacy-et-termes-et-conditions {
display: none;
}
.desciption-footer {
font-size: 1.3em;
}
.logo-lien {
max-height: 100%;
max-width: 100%;
}
.liens-du-footer {
font-size: 1.3em;
}
.bbb-grid-1 {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.input {
border-width: 0.0625rem;
}
.forgot-password {
margin-top: 0rem;
margin-bottom: 1.25rem;
}
.container-14 {
padding-right: 5%;
padding-left: 5%;
}
.short-page-wrapper {
padding-left: 0vw;
}
.extra-section {
display: none;
}
.logo-svg {
width: 25vw;
color: #fff;
}
.flex-stack-center {
padding-top: 1.875rem;
}
.show-hide {
background-color: #161616;
}
.icon-btn {
padding-top: 0.75rem;
padding-right: 1.875rem;
padding-left: 1.875rem;
}
.bold-text {
color: #2669e3;
text-decoration: underline;
}
.pricing-table-2 {
padding: 1.5rem 1rem;
}
.title-capped-2 {
color: rgba(255, 255, 255, 0.55);
font-size: 0.625rem;
}
.circle-div-2 {
width: 50%;
height: 50%;
min-width: 15.625rem;
border-radius: 6.25rem;
}
.section-statistics-2 {
padding-top: 2.5rem;
border-style: solid;
border-width: 0rem;
border-color: #d8d5d1;
background-color: #161616;
}
.counterup-2 {
color: #d8d5d1;
font-size: 2.25rem;
letter-spacing: -0.04rem;
}
.testimonial-paragraph-2 {
font-size: 0.9375rem;
}
.section-testimoinals-2 {
padding-top: 0.625rem;
}
.author-name-2 {
font-size: 0.8125rem;
}
.faq-arrow-2 {
width: 1.25rem;
height: 1.25rem;
margin-top: 0.625rem;
}
.bbb-section-1-2 {
width: 100%;
font-size: 2.5vw;
}
.link-block {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
.form-divider-2 {
width: 100%;
}
.footer-2 {
padding-right: 1.25rem;
padding-left: 1.25rem;
text-align: left;
}
.social-button {
width: 48%;
height: 2.8125rem;
}
.footer-flex-container-3 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.link_container {
padding: 1vw;
}
.shapes {
margin-left: -1vw;
}
.container-18 {
padding-right: 4vw;
padding-left: 4vw;
}
.link-5 {
font-size: 0.625rem;
}
.field_parent {
font-size: 2.3em;
}
.image-en-blanc {
display: block;
width: 6.25rem;
min-width: 80%;
}
.image-154 {
min-width: 80%;
}
.image-155 {
min-width: 80%;
}
.div-block-224 {
width: 100%;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.guide_section-header-long {
background-color: transparent;
}
.guide_section-header-long.propos {
width: 86%;
margin-right: auto;
margin-left: auto;
padding-top: 2.5rem;
background-color: transparent;
}
.guide_header-container {
padding-right: 2rem;
padding-bottom: 0rem;
border-radius: 0rem;
background-color: transparent;
}
.propos {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
background-color: #161616;
}
.body-5 {
height: 100%;
max-height: 100%;
margin-right: auto;
margin-left: auto;
background-color: #161616;
}
.slide {
margin-right: 1.25rem;
}
.slider-nav {
display: none;
}
.link-block-3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end;
}
.slide-album-cover-wrap {
box-shadow: none;
}
.slide-arrow.right {
position: relative;
left: 1.875rem;
top: -7.5rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.slide-arrow.left {
position: relative;
left: -1.875rem;
top: -4.375rem;
right: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 6.25rem;
margin-right: auto;
margin-left: auto;
padding-top: 0%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.overlay {
display: none;
}
.section-12 {
height: auto;
margin-top: 0rem;
margin-right: auto;
margin-left: auto;
padding-top: 0%;
background-color: rgba(243, 212, 194, 0);
}
.slider-arrow-icon {
color: #fff;
}
.container-19 {
margin-top: 0rem;
}
.image-157 {
display: block;
padding-top: 3.75rem;
padding-bottom: 3.75rem;
}
.swiper-container {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
margin-top: 0%;
padding-top: 40%;
background-color: #161616;
}
.detail {
margin-top: auto;
margin-bottom: auto;
padding-top: 0rem;
padding-bottom: 0rem;
}
.sub-title {
padding-top: 0rem;
padding-bottom: 0rem;
color: #2669e3;
text-align: center;
}
.picture.t-2 {
width: 100%;
height: 11.875rem;
}
.picture.t-3 {
width: 12.5rem;
height: 12.5rem;
}
.swiper-slide {
width: 12.5rem;
height: 15.625rem;
margin-right: 1.25rem;
margin-left: 1.25rem;
padding-left: 0rem;
}
.swiper-slide.j {
position: relative;
margin-left: 2.5rem;
}
.swiper-slide.fin {
margin-right: 2.5rem;
}
.heading-20 {
width: 10rem;
height: 1.5625rem;
margin-top: 0rem;
margin-bottom: 0rem;
font-size: 1.0625rem;
line-height: 1.875rem;
text-align: center;
letter-spacing: 0rem;
white-space: normal;
}
.heading-21 {
width: 100%;
height: 1.5625rem;
margin: 0.3125rem auto auto;
font-size: 1.125rem;
line-height: 1.5625rem;
letter-spacing: 0rem;
}
.container-20 {
position: fixed;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 999;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 10%;
margin-right: auto;
margin-bottom: 0rem;
margin-left: auto;
background-color: #161616;
line-height: 0.625rem;
}
.image-158 {
display: block;
margin-right: auto;
margin-left: auto;
}
.top-10-du-mois {
display: block;
}
.contenu-de-la-page-de-chargement {
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: auto;
height: auto;
max-height: none;
max-width: 5rem;
margin-right: auto;
margin-left: auto;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.link-6.d-grad {
background-color: transparent;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)), -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.2)), to(hsla(0, 0%, 100%, 0.2))), -webkit-gradient(linear, left top, right top, from(#ff4848), to(#6248ff));
background-image: linear-gradient(180deg, #fff, #fff), linear-gradient(180deg, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0.2)), linear-gradient(90deg, #ff4848, #6248ff);
text-decoration: none;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.link-6.d-grad {
background-color: transparent;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)), -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.2)), to(hsla(0, 0%, 100%, 0.2))), -webkit-gradient(linear, left top, right top, from(#ff4848), to(#6248ff));
background-image: linear-gradient(180deg, #fff, #fff), linear-gradient(180deg, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0.2)), linear-gradient(90deg, #ff4848, #6248ff);
text-decoration: none;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.text-size-medium-4 {
margin-top: 0rem;
margin-bottom: 1rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
font-weight: 200;
}
.text-size-medium-4.sur-le-t-co {
font-size: 1.5rem;
}
.text-size-medium-4.back-to-top_container {
margin-top: 0rem;
margin-bottom: 3rem;
}
.text-size-medium-4.f {
margin-bottom: 2rem;
}
.text-size-medium-4.image-en-dessous.truc-gris-au-dessus {
margin-top: 2rem;
}
.link-7 {
color: #fff;
text-decoration: none;
}
.image-2 {
margin-top: 0rem;
margin-right: 0rem;
}
.demo-wrapper-2 {
margin-top: 6.25rem;
margin-right: 0rem;
padding-right: 0rem;
padding-bottom: 6.25rem;
padding-left: 0rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.browser-demo-2 {
width: 100%;
padding-right: 0rem;
padding-left: 0rem;
}
.instructions-wrapper {
margin-left: 0rem;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
-ms-grid-row-align: auto;
align-self: auto;
}
.footer-action-component {
padding-top: 1rem;
}
.name-block {
height: 3rem;
}
.name-item {
height: 3.25rem;
font-size: 2rem;
}
.footer-action-heading {
font-size: 2rem;
}
.name-item-2 {
height: 3.25rem;
font-size: 2rem;
}
.agenda-content {
grid-column-gap: 0.25rem;
grid-row-gap: 0.25rem;
}
.heading-xlarge {
font-size: 3rem;
}
.agenda-bottom-content {
padding-top: 1rem;
}
.faq-top-2 {
padding-top: 1.5rem;
padding-bottom: 1.25rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-radius: 0.5rem;
text-align: center;
}
.section-sortie {
display: block;
overflow: visible;
margin-top: 0rem;
padding-bottom: 0rem;
}
.heading-large-2 {
font-size: 1.5625rem;
text-align: center;
letter-spacing: normal;
}
.hero-trigger {
margin-top: 92vh;
}
.preview-image-base {
min-height: 135vw;
}
.footer-component {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.padding-bottom {
padding-top: 0rem;
padding-right: 0rem;
padding-left: 0rem;
}
.padding-bottom.padding-xhuge {
display: none;
overflow: visible;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.footer-column {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.action-intro {
grid-column-gap: 9rem;
grid-row-gap: 9rem;
}
.footer-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.faq-intro {
padding-bottom: 2.5rem;
}
.name-block-2 {
height: 3rem;
}
.looping-text {
font-size: 18vw;
}
.benefits-text-strip {
margin-top: 0rem;
margin-bottom: 0rem;
}
.faq-icon {
width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
min-width: 2.5rem;
}
.heading-xhuge {
font-size: 3.25rem;
line-height: 1.15;
}
.team-intro {
overflow: scroll;
width: 100%;
height: 100%;
max-width: none;
margin-left: 0rem;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
grid-column-gap: 0.125rem;
grid-row-gap: 0.125rem;
}
.padding-top {
padding-right: 0rem;
padding-bottom: 0rem;
padding-left: 0rem;
}
.preview-agenda-days {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
}
.strip-wrapper.right {
max-width: 6.25rem;
}
.team-avatar {
width: 3.5rem;
height: 3.5rem;
}
.name-item-3 {
height: 3.25rem;
font-size: 2rem;
}
.hero-image {
width: 40vw;
height: 40vw;
min-height: 40vw;
}
.hero-image.three {
left: -4vw;
}
.hero-image.thirteen {
left: -55vw;
}
.hero-image.nine {
left: -53vw;
margin-top: -55vw;
}
.hero-image.two {
left: 53vw;
margin-top: -55vw;
}
.speaker-list {
margin-bottom: 1rem;
}
.faq-bottom-content {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
.preview-agenda-item {
padding: 3.75rem 1rem 1.75rem;
}
.preview-agenda-item.top {
padding-top: 1.75rem;
}
.heading-small {
font-size: 1.875rem;
}
.hero-image-strip.left {
height: 110vh;
max-height: 110vh;
}
.hero-image-strip.right-side {
height: 20vh;
max-height: 20vh;
}
.faq-text {
padding-right: 0.75rem;
padding-left: 1.25rem;
}
.hero-home-content {
padding-bottom: 30vh;
}
.hero-bottom {
margin-top: 5rem;
padding-top: 3rem;
padding-bottom: 15vh;
}
.footer-action-heading-2 {
font-size: 2rem;
}
.agenda-top {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.footer-bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.footer-wrapper-2 {
grid-column-gap: 4.5rem;
grid-row-gap: 4.5rem;
}
.benefits-base {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
}
.agenda-bottom {
padding-left: 2rem;
}
.team-basic {
padding-top: 0rem;
}
.agenda-list-title {
margin-bottom: 1.5rem;
grid-column-gap: 0.5rem;
grid-row-gap: 0.5rem;
}
.speaker-title-image {
width: 35vw;
height: 35vw;
}
.speaker-title-image.speaker-image-large {
width: 46vw;
height: 34vw;
}
.hero-wrapper {
height: 110vh;
}
.heading-xhuge-2 {
font-size: 3.25rem;
line-height: 1.15;
}
.cart-list {
padding: 1rem;
}
.cart-icon {
width: 0.875rem;
}
.cart-icon-wrapper {
width: 2.5rem;
height: 2.5rem;
}
.navbar-right {
grid-column-gap: 0.25rem;
grid-row-gap: 0.25rem;
}
.empty-component {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.brand-2.w--current {
max-width: 6.5rem;
min-width: 6.5rem;
}
.section-13 {
padding-right: 1.25rem;
padding-left: 1.25rem;
font-size: 1.75rem;
line-height: 1.875rem;
text-align: center;
}
.work-descr {
width: 100%;
max-width: 12.5rem;
margin-top: 1.5rem;
padding-right: 2rem;
-webkit-align-self: end;
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}
.number {
padding-top: 1.5rem;
}
.col {
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.horizontal-scroll {
max-width: 21.25rem;
}
.video-wrapper {
min-height: 10rem;
}
.text-block-8 {
margin-left: 1rem;
font-size: 1.5rem;
line-height: 1.5rem;
}
.scroll {
height: auto;
}
.name {
margin-bottom: 0.25rem;
font-size: 1.75rem;
line-height: 1.875rem;
}
.home-projects_heading-wrapper {
padding-bottom: 3.125rem;
}
.padding-vertical-2 {
padding: 3.125rem 0rem;
}
.home-projects_layout {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.les-3-pochettes-du-moments {
overflow: scroll;
padding-left: 1.25rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.img-thumbnail {
width: 9.375rem;
height: 9.375rem;
max-height: 100%;
max-width: 100%;
}
._w-image {
width: 9.375rem;
height: 9.375rem;
}
.img-thumbnail-bg {
width: 9.375rem;
height: 9.375rem;
}
.b-image {
width: 9.375rem;
height: 9.375rem;
}
.cover-overlay {
width: 9.375rem;
height: 9.375rem;
}
.cover {
width: 9.375rem;
height: 9.375rem;
}
.cover-overlays {
width: 9.375rem;
height: 9.375rem;
}
.link-block-5 {
width: auto;
}
.nos-derni-res-sorties {
margin-top: 0rem;
padding-top: 0rem;
}
.step-block__text-description.text-description-1 {
padding-right: 0.3125rem;
font-size: 0.75rem;
line-height: 1.125rem;
}
.step-block__text-description.text-description-2 {
padding-right: 0.3125rem;
font-size: 0.75rem;
line-height: 1.125rem;
}
.step-block__text-description.text-description-3 {
padding-right: 0.3125rem;
font-size: 0.75rem;
line-height: 1.125rem;
}
.step-block__text-description.text-description-4 {
font-size: 0.75rem;
line-height: 1.125rem;
}
.dynamic-content__block {
width: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.step-block__text-title.text-title_2 {
font-size: 1rem;
}
.step-block__text-title.text-title_1 {
font-size: 1rem;
}
.step-block__text-title.text-title_3 {
font-size: 1rem;
}
.step-block__text-title.text-title_4 {
font-size: 1rem;
}
.dynamic-section__wrap {
display: none;
}
.wrap-block__inner-fw.inner-fw__bottom {
margin-top: 0rem;
}
.wrap._w-custom.w60-60 {
padding: 1.875rem 1rem 3.75rem;
}
.dynamic-text {
font-size: 1.375rem;
}
.heading-xxlarge.text-lineheight-xshort.text-letterspacing-tight {
width: 80%;
margin-top: 1.25rem;
margin-bottom: 1.875rem;
font-size: 1.875rem;
}
.fs-checkbox_label {
font-size: 0.8125rem;
}
.filters_form-block.dfcgvhbj {
height: 3em;
}
.filters_filter-group-list.boutooon-haut.dfcgvhbj {
height: 3em;
}
.filters_form.dfcgvhbj {
width: 82%;
height: 3em;
font-size: 0.6875rem;
}
.fs-checkbox_field.is-active {
height: 3rem;
}
.fs-checkbox_field.dfcgvhbj {
height: 3em;
}
.fs-checkbox_button {
height: 3em;
}
.bouton-blanc {
width: 100%;
margin-right: auto;
margin-bottom: 0rem;
margin-left: auto;
padding-right: 0.9375rem;
padding-left: 0.9375rem;
font-size: 0.875rem;
}
.boutons-sombre {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: auto;
margin-right: auto;
margin-bottom: 0rem;
margin-left: auto;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
justify-items: center;
-webkit-box-align: start;
-webkit-align-items: start;
-ms-flex-align: start;
align-items: start;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
font-size: 0.6875rem;
line-height: 0.6875rem;
}
.button-8 {
font-size: 0.6875rem;
line-height: 0.6875rem;
}
.bouton-gris-clair {
margin-right: 0px;
padding-right: 10px;
padding-bottom: 1rem;
padding-left: 10px;
border-radius: 0.2rem;
font-size: 0.85rem;
line-height: 0.6875rem;
}
.bouton-gris-clair.en-bleu {
border-width: 0rem;
border-color: transparent;
border-radius: 0.5rem;
background-color: #2669e3;
font-size: 0.875rem;
font-weight: 400;
text-align: center;
}
.bouton-gris-clair.en-bleu {
border-width: 0rem;
border-color: transparent;
border-radius: 0.5rem;
background-color: #2669e3;
font-size: 0.875rem;
font-weight: 500;
text-align: center;
}
.bouton-gris-clair.limit {
width: 180px;
margin-right: auto;
text-align: center;
letter-spacing: 0.02rem;
}
.bouton-gris-clair.g {
margin-right: auto;
margin-bottom: 0em;
margin-left: 0px;
border-radius: 0.4rem;
}
.notre-offre {
padding-top: 3.75rem;
padding-bottom: 1.25rem;
}
.icon-button {
padding-top: 0.75rem;
padding-right: 1.875rem;
padding-left: 1.875rem;
background-color: #2669e3;
background-image: none;
-webkit-transition-property: none;
transition-property: none;
}
.integrations-block {
width: 100.00000716725602%;
border-radius: 0.625rem;
font-size: 0.875rem;
}
.price {
margin-bottom: 0.9375rem;
}
.feature-wrap {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26952e4ce959e0_Tick.svg");
}
.discount-container {
text-align: center;
}
.collection-item {
margin-bottom: 1rem;
}
.margin-horizontal {
margin-top: 0rem;
margin-bottom: 0rem;
}
.margin-horizontal.margin-xxsmall {
padding-right: 0.625rem;
padding-left: 0.625rem;
}
.blogpost_title-wrapper {
position: relative;
margin-bottom: 0rem;
padding-top: 4rem;
}
.text-style-muted {
color: #fff;
}
.align-center {
max-width: 100%;
padding-bottom: 0em;
}
.blogpost_image-wrapper {
height: 10em;
margin-bottom: 2rem;
}
.blogpost_image-wrapper.image-pour-tuto {
display: block;
overflow: hidden;
width: auto;
height: 10rem;
margin-top: 1em;
margin-bottom: 1rem;
padding-top: 0%;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63e806a1c21faa0aabb6c7ec_Spreadsheet.png");
background-position: 0% 0%;
background-size: auto 100%;
background-repeat: no-repeat;
}
.blogpost_image-wrapper.image-pour-tuto.rapport {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63e806ee1a7c205602e08368_Sidebar%20Window.png");
background-size: auto 100%;
background-repeat: no-repeat;
}
.blogpost_image {
border-radius: 0.2rem;
}
.blogpost_image.image-pour-tuto {
display: inline-block;
max-width: none;
min-height: 100%;
min-width: auto;
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63e8063960afc2d865994ba0_Explication%20rapport.jpg");
background-position: 0px 0px;
background-size: auto;
}
.blogpost_image.image-pour-tuto.sheet {
background-image: url("https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63e806a1c21faa0aabb6c7ec_Spreadsheet.png");
}
.heading-large-3 {
margin-top: 0rem;
margin-bottom: 1.25rem;
text-align: left;
letter-spacing: 0rem;
}
.centrer-le-texte {
width: 100%;
max-width: 90%;
padding-top: 1em;
padding-bottom: 1em;
}
.page-padding-7 {
padding-right: 10%;
padding-left: 10%;
background-color: #161616;
}
.container-medium-2 {
width: 100%;
max-width: none;
padding-top: 2.5rem;
}
.modal_component {
display: none;
}
.button-10.is-footer-form {
margin-left: 0rem;
}
.footer_credit-text {
text-align: center;
}
.signup-form_form {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-row-gap: 0.75rem;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.footer_component {
background-color: transparent;
background-image: -webkit-gradient(linear, left top, left bottom, from(#161616), to(#161616));
background-image: linear-gradient(180deg, #161616, #161616);
}
.body-6 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
letter-spacing: 0.0625rem;
}
.footer-officiel-2 {
width: 100%;
font-size: 2.5vw;
}
.container-22 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.image-163 {
max-width: 50%;
margin-right: 1.25rem;
color: #2669e3;
}
.image-163.s-parateur {
display: block;
margin-right: 0rem;
}
.container-23 {
display: block;
margin: 0em auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
text-align: left;
}
.container-23.intro {
margin-bottom: 3em;
}
.texte-container {
margin-bottom: 0rem;
}
.texte-container.note-cool {
margin-bottom: 3em;
}
.discount-container-2 {
position: relative;
display: block;
margin-top: 2.5rem;
margin-right: auto;
margin-left: auto;
background-color: #545454;
text-align: center;
}
.propos-de-2 {
background-color: transparent;
}
.guide_header-container-2 {
padding-right: 2rem;
padding-bottom: 0rem;
border-radius: 0rem;
background-color: transparent;
}
.guide_section-header-long-2 {
background-color: transparent;
}
.guide_section-header-long-2.propos {
width: 86%;
margin-right: auto;
margin-left: auto;
padding-top: 2.5rem;
background-color: transparent;
}
.bouton-gris-fonc {
margin-right: auto;
margin-left: 0px;
border-radius: 0.2rem;
background-color: #1a1a1a;
font-size: 0.8rem;
line-height: 0.6875rem;
}
.text-block-14 {
letter-spacing: 0rem;
}
.mots-cl-fs-liste {
display: -ms-grid;
display: grid;
grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 16px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.mots-cl-fs.bleu {
font-size: 0.75rem;
}
.mots-cl-fs.vert {
font-size: 0.75rem;
letter-spacing: 0rem;
}
.image-164 {
max-width: 6.25rem;
padding-bottom: 0em;
}
.notre-offre-2 {
padding-top: 3.75rem;
padding-bottom: 1.25rem;
}
.discount-container-3 {
text-align: center;
}
.heading-large-4 {
margin-top: 0rem;
font-size: 1.7rem;
font-style: normal;
letter-spacing: -0.05rem;
}
.distribuer-sa-musique-gratuitement {
padding-top: 5%;
}
.texte-de-taille-moyenne {
margin-right: auto;
margin-bottom: 0rem;
margin-left: auto;
font-weight: 300;
}
._2-bouttons-en-haut {
width: 70%;
margin-right: auto;
margin-bottom: 6.25rem;
margin-left: auto;
padding-bottom: 0rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
._2-boutons-en-haut {
width: 70%;
margin-right: auto;
margin-bottom: 6.25rem;
margin-left: auto;
padding-bottom: 0rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.bouton-bleu {
margin-left: 0px;
padding: 1rem 10px;
border-width: 0rem;
border-color: transparent;
border-radius: 0.5rem;
background-color: #2669e3;
font-size: 0.875rem;
line-height: 0.875rem;
font-weight: 400;
text-align: center;
}
.texte-accueil {
width: 80%;
margin-top: 1.25rem;
margin-bottom: 1.875rem;
font-size: 1.875rem;
}
.incitation-l-inscription {
padding-bottom: 0em;
border-radius: 0.3125rem;
background-image: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#202020));
background-image: linear-gradient(180deg, #202020, #202020);
}
.faq-titre {
margin-top: 0rem;
padding-top: 1.25rem;
padding-bottom: 2.5rem;
font-size: 2.25rem;
line-height: 2.75rem;
}
.italic-text {
font-style: normal;
}
.incitation-distribution {
display: block;
max-width: none;
margin-right: auto;
margin-bottom: 2em;
margin-left: auto;
padding-right: 5%;
padding-bottom: 2em;
padding-left: 5%;
border-radius: 0.3125rem;
background-image: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#202020));
background-image: linear-gradient(180deg, #202020, #202020);
}
.note {
display: block;
max-width: none;
margin-right: auto;
margin-bottom: 2em;
margin-left: auto;
padding-right: 5%;
padding-bottom: 2em;
padding-left: 5%;
border-radius: 0.3125rem;
background-image: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#202020));
background-image: linear-gradient(180deg, #202020, #202020);
}
.bouton-dans-la-section-s-inscrire {
padding-right: 20px;
padding-left: 20px;
border-radius: 0.2rem;
font-size: 0.6875rem;
line-height: 0.6875rem;
}
.comparatif {
display: none;
}
.navigation-secondary {
display: none;
}
.header-block {
text-align: center;
}
.button-primary {
width: 100%;
}
.paragraph-regular {
font-size: 18px;
line-height: 30px;
}
.header-card-title {
font-size: 16px;
}
.navigation-button {
display: none;
}
.header-icon-wrapper {
font-size: 28px;
}
.button-wrapper-2 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.header-card {
left: 16px;
bottom: 16px;
max-width: 80%;
padding: 16px;
}
.header-logo-grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.hero-heading-2 {
font-size: 44px;
line-height: 62px;
}
.button-secondary-arrow {
width: 100%;
}
.header-shop-grid {
width: 100%;
}
.section-regular {
overflow: hidden;
width: 90%;
max-width: 90%;
margin-right: auto;
margin-left: auto;
padding-right: 0%;
padding-left: 0%;
}
.header-block-2 {
width: 100%;
max-width: 100%;
}
.h3-heading.text-weight-medium {
overflow: hidden;
width: 100%;
max-width: 100%;
}
.header-detail-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.feature-icon-blue {
margin-right: 0px;
margin-bottom: 24px;
}
.h3-heading-2 {
font-size: 48px;
}
.large-feature-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.title-wrapper-regular {
text-align: center;
}
.section-testimonial {
overflow: hidden;
}
.pricing-grid-large {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.pricing-header {
font-size: 44px;
line-height: 62px;
}
.button-white {
width: 100%;
}
.pricing-card-dark {
padding-right: 32px;
padding-left: 32px;
}
.pricing-title-wrapper {
text-align: center;
}
.button-secondary-2 {
width: 100%;
}
.pricing-card {
padding-right: 32px;
padding-left: 32px;
}
.modal-button-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.button-round-light-blue {
width: 100%;
margin-right: 0px;
margin-bottom: 10px;
}
.button-round-blue {
width: 100%;
margin-right: 0px;
text-align: center;
}
.button-standard {
text-align: center;
}
.card-process {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.paragraph-large-2 {
font-size: 18px;
line-height: 30px;
}
.process-icon {
margin-right: 0px;
margin-bottom: 24px;
}
.section-noire {
margin-bottom: 0rem;
padding-top: 2.5rem;
padding-bottom: 0rem;
border-radius: 0rem;
}
.circular-modulable {
position: fixed;
left: auto;
top: 40%;
right: 0%;
bottom: 0%;
display: block;
width: 12.5rem;
height: 17.5rem;
background-image: linear-gradient(285deg, #2669e3 2%, #ff4848 28%, #6248ff 45%);
}
.circular-haut-gauche {
position: fixed;
left: 0%;
top: 0%;
right: auto;
bottom: auto;
display: block;
width: 12.5rem;
height: 17.5rem;
background-image: linear-gradient(285deg, #2669e3, #ff4848, #ff7448 31%, #6248ff 67%);
}
.circular-bas-gauche {
position: fixed;
left: 0%;
top: auto;
right: auto;
bottom: 0%;
display: block;
width: 12.5rem;
height: 17.5rem;
background-image: linear-gradient(285deg, #2669e3 8%, #ff4848 39%, #6248ff 62%);
}
.circular-bas-droite {
position: fixed;
left: auto;
top: 40%;
right: 0%;
bottom: 0%;
display: block;
width: 12.5rem;
height: 17.5rem;
background-image: linear-gradient(285deg, #ff4848, #ff7448 42%, #6248ff 86%);
}
.circular-haut-droite {
position: fixed;
left: auto;
top: 0%;
right: 0%;
bottom: auto;
display: block;
width: 12.5rem;
height: 17.5rem;
background-image: linear-gradient(285deg, #2669e3 29%, #ff4848 58%, #2669e3 80%);
}
.sous-titre {
margin-top: 0em;
margin-bottom: 1rem;
}
.paragraph-6 {
margin-bottom: 0rem;
}
.text-block-17 {
font-size: 0.75rem;
letter-spacing: 0rem;
}
.text-block-18 {
font-size: 0.75rem;
font-style: normal;
}
.text-block-19 {
font-size: 0.75rem;
}
.text-block-20 {
font-size: 0.75rem;
letter-spacing: 0rem;
}
.paragraph-7 {
background-color: transparent;
color: #fff;
white-space: normal;
}
.paragraph-8 {
color: #fff;
}
.div-block-229.align-center {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.logo-svg-blanc {
height: 2rem;
margin-bottom: 0px;
}
.accueil-2 {
position: relative;
display: block;
height: 39rem;
padding-bottom: 0rem;
}
.faq {
display: block;
overflow: visible;
padding-top: 2rem;
}
.barre-de-chargement {
position: relative;
left: 0%;
right: 0%;
bottom: 0%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 5rem;
height: 0.15rem;
margin-top: 0.25rem;
}
.ligne-bleu-de-chargement {
position: relative;
width: 5rem;
}
.cta-fix {
top: 1.125rem;
padding: 0.625rem 0.875rem;
border-width: 0.2rem;
background-color: #202020;
font-size: 0.8125rem;
font-weight: 400;
}
.screen-du-dashboard {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
display: none;
overflow: auto;
max-width: 18.75rem;
margin: 0rem auto 2.5rem;
padding-top: 0rem;
padding-bottom: 0rem;
float: none;
box-shadow: none;
-webkit-transform: translate(0%, -51%);
-ms-transform: translate(0%, -51%);
transform: translate(0%, -51%);
}
.bouton-noir {
width: 100%;
margin-right: auto;
margin-bottom: 0.625rem;
margin-left: auto;
padding-right: 0.9375rem;
padding-left: 0.9375rem;
background-color: #1a1a1a;
}
.memojie-de-l-quipe {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: visible;
width: 100%;
height: 100%;
max-height: 100%;
max-width: 100%;
min-height: 100%;
min-width: 100%;
margin: auto;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
border-radius: 7.7em;
background-color: #20201f;
background-image: none;
-o-object-fit: fill;
object-fit: fill;
}
.centrer-les-boutons-sombre {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
margin: 1.875rem auto 0rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
grid-auto-columns: 1fr;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.notre-quipe {
display: none;
}
}
#w-node-_91641f85-2096-e9e4-a7b9-82eb60c32c8d-c2ba4f6a {
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column: span 2;
grid-column-start: span 2;
-ms-grid-column-span: 2;
grid-column-end: span 2;
}
#w-node-_2ffbf8c7-e042-5166-1069-53fda890467a-c2ba4f6a {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-_2ffbf8c7-e042-5166-1069-53fda890467b-c2ba4f6a {
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_2ffbf8c7-e042-5166-1069-53fda890467e-c2ba4f6a {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_2ffbf8c7-e042-5166-1069-53fda8904681-c2ba4f6a {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_2ffbf8c7-e042-5166-1069-53fda8904687-c2ba4f6a {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-_2ffbf8c7-e042-5166-1069-53fda8904688-c2ba4f6a {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-row-align: auto;
align-self: auto;
}
#w-node-_2ffbf8c7-e042-5166-1069-53fda890468c-c2ba4f6a {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-_2ffbf8c7-e042-5166-1069-53fda890468e-c2ba4f6a {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_2ffbf8c7-e042-5166-1069-53fda8904693-c2ba4f6a {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-_2ffbf8c7-e042-5166-1069-53fda890469e-c2ba4f6a {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-_2ffbf8c7-e042-5166-1069-53fda89046a8-c2ba4f6a {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-_2ffbf8c7-e042-5166-1069-53fda89046a9-c2ba4f6a {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_2ffbf8c7-e042-5166-1069-53fda89046aa-c2ba4f6a {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_2ffbf8c7-e042-5166-1069-53fda89046ab-c2ba4f6a {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_2ffbf8c7-e042-5166-1069-53fda89046b7-c2ba4f6a {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-_2ffbf8c7-e042-5166-1069-53fda89046b8-c2ba4f6a {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_2ffbf8c7-e042-5166-1069-53fda89046b9-c2ba4f6a {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_2ffbf8c7-e042-5166-1069-53fda89046ba-c2ba4f6a {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_2ffbf8c7-e042-5166-1069-53fda89046af-c2ba4f6a {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-_2ffbf8c7-e042-5166-1069-53fda89046b0-c2ba4f6a {
-ms-grid-column-align: center;
justify-self: center;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
}
#w-node-_2ffbf8c7-e042-5166-1069-53fda89046b1-c2ba4f6a {
-ms-grid-column-align: center;
justify-self: center;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
}
#w-node-_2ffbf8c7-e042-5166-1069-53fda89046b2-c2ba4f6a {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_87a20649-26a0-45bf-d3eb-56dd68d16d14-c2ba4f6a {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-_87a20649-26a0-45bf-d3eb-56dd68d16d15-c2ba4f6a {
-ms-grid-column-align: center;
justify-self: center;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
}
#w-node-_87a20649-26a0-45bf-d3eb-56dd68d16d16-c2ba4f6a {
-ms-grid-column-align: center;
justify-self: center;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
}
#w-node-_87a20649-26a0-45bf-d3eb-56dd68d16d17-c2ba4f6a {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-c8362e5d-7186-b450-1e5e-ae1f8e57f88b-c2ba4f6a {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_96d07305-4e60-dcf8-479f-29f21bd2ffbc-c2ba4f6a {
-ms-grid-column-span: 1;
grid-column-end: 3;
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-row-span: 1;
grid-row-end: 2;
-ms-grid-row: 1;
grid-row-start: 1;
}
#w-node-_96d07305-4e60-dcf8-479f-29f21bd2ffbd-c2ba4f6a {
-ms-grid-column-span: 1;
grid-column-end: 3;
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-row-span: 1;
grid-row-end: 2;
-ms-grid-row: 1;
grid-row-start: 1;
}
#w-node-_96d07305-4e60-dcf8-479f-29f21bd2ffc3-c2ba4f6a {
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-column-span: 1;
grid-column-end: 3;
-ms-grid-row: 2;
grid-row-start: 2;
-ms-grid-row-span: 1;
grid-row-end: 3;
}
#w-node-_96d07305-4e60-dcf8-479f-29f21bd2ffcd-c2ba4f6a {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_96d07305-4e60-dcf8-479f-29f21bd2ffd4-c2ba4f6a {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-row-align: end;
align-self: end;
}
#w-node-_96d07305-4e60-dcf8-479f-29f21bd2ffce-c2ba4f6a {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-_96d07305-4e60-dcf8-479f-29f21bd2ffd6-c2ba4f6a {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_96d07305-4e60-dcf8-479f-29f21bd2ffd7-c2ba4f6a {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-row-align: start;
align-self: start;
}
#w-node-_96d07305-4e60-dcf8-479f-29f21bd2ffdd-c2ba4f6a {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-c0bf8e6d-8f44-1657-b302-641c5b240533-c2ba4f6a {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-c0bf8e6d-8f44-1657-b302-641c5b240535-c2ba4f6a {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_45294ab4-4a41-2318-b029-9cde677a79f2-c2ba4f6a {
-ms-grid-column-span: 1;
grid-column-end: 3;
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-row-span: 1;
grid-row-end: 2;
-ms-grid-row: 1;
grid-row-start: 1;
}
#w-node-d52e9d7d-e223-db08-35d2-8f3c777d29e8-c2ba4f6a {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-d56bc96a-4d2a-e12c-9335-880d696479b2-c2ba4f6a {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-d52e9d7d-e223-db08-35d2-8f3c777d29d4-c2ba4f6a {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-e9bb2a45-d8db-14bd-a268-147294de3e5e-6cba4f79 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column-align: center;
justify-self: center;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-e9bb2a45-d8db-14bd-a268-147294de3e60-6cba4f79 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-e9bb2a45-d8db-14bd-a268-147294de3e5e-26ba4f7e {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column-align: center;
justify-self: center;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-e9bb2a45-d8db-14bd-a268-147294de3e60-26ba4f7e {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-e9bb2a45-d8db-14bd-a268-147294de3e5e-28ba4f82 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column-align: center;
justify-self: center;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-e9bb2a45-d8db-14bd-a268-147294de3e60-28ba4f82 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-e9bb2a45-d8db-14bd-a268-147294de3e5e-0cba4f83 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column-align: center;
justify-self: center;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-e9bb2a45-d8db-14bd-a268-147294de3e60-0cba4f83 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-e9bb2a45-d8db-14bd-a268-147294de3e5e-e6ba4f84 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column-align: center;
justify-self: center;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-e9bb2a45-d8db-14bd-a268-147294de3e60-e6ba4f84 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-e9bb2a45-d8db-14bd-a268-147294de3e5e-7bba4f85 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column-align: center;
justify-self: center;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-e9bb2a45-d8db-14bd-a268-147294de3e60-7bba4f85 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-e9bb2a45-d8db-14bd-a268-147294de3e5e-fdba4f86 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column-align: center;
justify-self: center;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-e9bb2a45-d8db-14bd-a268-147294de3e60-fdba4f86 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-e9bb2a45-d8db-14bd-a268-147294de3e5e-b5ba4f87 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column-align: center;
justify-self: center;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-e9bb2a45-d8db-14bd-a268-147294de3e60-b5ba4f87 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-e9bb2a45-d8db-14bd-a268-147294de3e5e-b5ba4f88 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column-align: center;
justify-self: center;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-e9bb2a45-d8db-14bd-a268-147294de3e60-b5ba4f88 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-e9bb2a45-d8db-14bd-a268-147294de3e5e-b5ba4f89 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column-align: center;
justify-self: center;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-e9bb2a45-d8db-14bd-a268-147294de3e60-b5ba4f89 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-e9bb2a45-d8db-14bd-a268-147294de3e5e-fbc9daf1 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column-align: center;
justify-self: center;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-e9bb2a45-d8db-14bd-a268-147294de3e60-fbc9daf1 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-row-align: center;
align-self: center;
}
@media screen and (max-width: 991px) {
#w-node-_96d07305-4e60-dcf8-479f-29f21bd2ffbc-c2ba4f6a {
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 1;
grid-column-end: 2;
-ms-grid-row: 2;
grid-row-start: 2;
-ms-grid-row-span: 1;
grid-row-end: 3;
}
#w-node-_96d07305-4e60-dcf8-479f-29f21bd2ffcd-c2ba4f6a {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column-align: end;
justify-self: end;
-webkit-box-ordinal-group: -9998;
-webkit-order: -9999;
-ms-flex-order: -9999;
order: -9999;
}
#w-node-_96d07305-4e60-dcf8-479f-29f21bd2ffce-c2ba4f6a {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-_96d07305-4e60-dcf8-479f-29f21bd2ffd6-c2ba4f6a {
-ms-grid-column-align: start;
justify-self: start;
}
}
@media screen and (max-width: 767px) {
#w-node-_91641f85-2096-e9e4-a7b9-82eb60c32c8d-c2ba4f6a {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
}
#w-node-_2ffbf8c7-e042-5166-1069-53fda8904685-c2ba4f6a {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_2ffbf8c7-e042-5166-1069-53fda8904691-c2ba4f6a {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_2ffbf8c7-e042-5166-1069-53fda890469b-c2ba4f6a {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_2ffbf8c7-e042-5166-1069-53fda89046a6-c2ba4f6a {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_2ffbf8c7-e042-5166-1069-53fda89046b4-c2ba4f6a {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_2ffbf8c7-e042-5166-1069-53fda89046ad-c2ba4f6a {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_87a20649-26a0-45bf-d3eb-56dd68d16d12-c2ba4f6a {
-ms-grid-column-align: center;
justify-self: center;
}
}
@media screen and (max-width: 479px) {
#w-node-_91641f85-2096-e9e4-a7b9-82eb60c32c90-c2ba4f6a {
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
}
#w-node-d52e9d7d-e223-db08-35d2-8f3c777d29e8-c2ba4f6a {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-d56bc96a-4d2a-e12c-9335-880d696479b2-c2ba4f6a {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
}
@font-face {
font-family: 'Relative';
src: url('https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26951b6de959de_Relative-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Relative';
src: url('https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26952a5ae959e4_Relative-Book.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Relative';
src: url('https://uploads-ssl.webflow.com/63b304679c26953f5ce959d4/63b304679c26954110e959dd_Relative-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
