diff --git a/web/modules/custom/materio_sapi/materio_sapi.module b/web/modules/custom/materio_sapi/materio_sapi.module index 7643ebf6..bec30498 100644 --- a/web/modules/custom/materio_sapi/materio_sapi.module +++ b/web/modules/custom/materio_sapi/materio_sapi.module @@ -8,6 +8,8 @@ use Drupal\Core\Routing\RouteMatchInterface; use Solarium\QueryType\Select\Query\Query; use Drupal\search_api\Query\QueryInterface; +use Drupal\Core\Template\Attribute; + /** * Implements hook_help(). */ @@ -48,3 +50,20 @@ function materio_sapi_search_api_solr_query_alter(Query $solarium_query, QueryI } } + +/** + * Prepares variables for fieldset element templates. + * + * Default template: fieldset.html.twig. + * + * @param array $variables + * An associative array containing: + * - element: An associative array containing the properties of the element. + * Properties used: #attributes, #children, #description, #id, #title, + * #value. + */ +function materio_sapi_preprocess_fieldset(&$variables) { + if (isset($variables['element']['#legend_attributes'])) { + $variables['legend']['attributes'] = new Attribute($variables['element']['#legend_attributes']); + } +} diff --git a/web/modules/custom/materio_sapi/src/Form/MaterioSapiSearchForm.php b/web/modules/custom/materio_sapi/src/Form/MaterioSapiSearchForm.php index a16e9c3d..f6f32e39 100644 --- a/web/modules/custom/materio_sapi/src/Form/MaterioSapiSearchForm.php +++ b/web/modules/custom/materio_sapi/src/Form/MaterioSapiSearchForm.php @@ -47,9 +47,18 @@ class MaterioSapiSearchForm extends FormBase { ]; $form['filters'] = [ - '#type' => 'container' + '#type' => 'fieldset', + '#title' => t('Assisted Search'), + '#legend_attributes' => [ + "class" => ["test-attribute"], + '@click.prevent' => "onClickFilters", + ] ]; + // $form['filters']['switch'] = [ + // '#type' => "label", + // + // ] $query = \Drupal::entityQuery('taxonomy_term'); $query->condition('vid', "assisted_research"); $tids = $query->execute(); diff --git a/web/themes/custom/materiotheme/assets/dist/main.css b/web/themes/custom/materiotheme/assets/dist/main.css index 9213edc7..81bd0263 100644 --- a/web/themes/custom/materiotheme/assets/dist/main.css +++ b/web/themes/custom/materiotheme/assets/dist/main.css @@ -15,7 +15,7 @@ h4[data-v-4e9a834e]{ .vsa-item__heading{width:100%;height:100%}.vsa-item__heading,.vsa-item__trigger{display:flex;justify-content:flex-start;align-items:center}.vsa-item__trigger{margin:0;padding:0;color:inherit;font-family:inherit;font-size:100%;line-height:1.15;border-width:0;background-color:transparent;background-image:none;overflow:visible;text-transform:none;flex:1 1 auto;color:var(--vsa-text-color);transition:all .2s linear;padding:var(--vsa-heading-padding)}.vsa-item__trigger[role=button]{cursor:pointer}.vsa-item__trigger[type=button],.vsa-item__trigger[type=reset],.vsa-item__trigger[type=submit]{-webkit-appearance:button}.vsa-item__trigger:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.vsa-item__trigger::-moz-focus-inner,.vsa-item__trigger[type=button]::-moz-focus-inner,.vsa-item__trigger[type=reset]::-moz-focus-inner,.vsa-item__trigger[type=submit]::-moz-focus-inner{border-style:none;padding:0}.vsa-item__trigger:-moz-focusring,.vsa-item__trigger[type=button]:-moz-focusring,.vsa-item__trigger[type=reset]:-moz-focusring,.vsa-item__trigger[type=submit]:-moz-focusring{outline:1px dotted ButtonText}.vsa-item__trigger:focus,.vsa-item__trigger:hover{outline:none;background-color:var(--vsa-highlight-color);color:var(--vsa-bg-color)}.vsa-item__trigger__icon--is-default{width:40px;height:40px;transform:scale(var(--vsa-default-icon-size))}.vsa-item__trigger__icon--is-default:after,.vsa-item__trigger__icon--is-default:before{background-color:var(--vsa-text-color);content:"";height:3px;position:absolute;top:10px;transition:all .13333s ease-in-out;width:30px}.vsa-item__trigger__icon--is-default:before{left:0;transform:rotate(45deg) translate3d(8px,22px,0);transform-origin:100%}.vsa-item__trigger__icon--is-default:after{transform:rotate(-45deg) translate3d(-8px,22px,0);right:0;transform-origin:0}.vsa-item__trigger[aria-expanded=true] .vsa-item__trigger__icon--is-default:before{transform:rotate(45deg) translate3d(14px,14px,0)}.vsa-item__trigger[aria-expanded=true] .vsa-item__trigger__icon--is-default:after{transform:rotate(-45deg) translate3d(-14px,14px,0)}.vsa-item__trigger__icon{display:block;margin-left:auto;position:relative;transition:all .2s ease-in-out}.vsa-item__trigger:focus .vsa-item__trigger__icon--is-default:after,.vsa-item__trigger:focus .vsa-item__trigger__icon--is-default:before,.vsa-item__trigger:hover .vsa-item__trigger__icon--is-default:after,.vsa-item__trigger:hover .vsa-item__trigger__icon--is-default:before{background-color:var(--vsa-bg-color)}.vsa-item__trigger__content{font-weight:700;font-size:1.25rem}.vsa-item__content{margin:0;padding:var(--vsa-content-padding)}.vsa-item--is-active .vsa-item__heading,.vsa-item:not(:last-of-type){border-bottom:var(--vsa-border)}.vsa-collapse-enter-active,.vsa-collapse-leave-active{transition-property:opacity,height,padding-top,padding-bottom;transition-duration:.3s;transition-timing-function:ease-in-out}.vsa-collapse-enter,.vsa-collapse-leave-active{opacity:0;height:0;padding-top:0;padding-bottom:0;overflow:hidden}.vsa-list{--vsa-max-width:720px;--vsa-min-width:300px;--vsa-heading-padding:1rem 1rem;--vsa-text-color:#373737;--vsa-highlight-color:#57a;--vsa-bg-color:#fff;--vsa-border-color:rgba(0,0,0,0.2);--vsa-border-width:1px;--vsa-border-style:solid;--vsa-border:var(--vsa-border-width) var(--vsa-border-style) var(--vsa-border-color);--vsa-content-padding:1rem 1rem;--vsa-default-icon-size:1;display:block;max-width:var(--vsa-max-width);min-width:var(--vsa-min-width);width:100%;padding:0;margin:0;list-style:none;border:var(--vsa-border);color:var(--vsa-text-color);background-color:var(--vsa-bg-color)}.vsa-list [hidden]{display:none} .cool-lightbox{position:fixed;left:0;bottom:0;top:0;display:flex;align-items:center;justify-content:center;right:0;transition:all .3s ease}.cool-lightbox .cool-lightbox-zoom{position:absolute;bottom:15px;left:50%;display:flex;z-index:99999;background-color:rgba(15,15,15,.8);border-radius:8px;padding:0 12px;align-items:center;transform:translateX(-50%)}.cool-lightbox .cool-lightbox-zoom input[type=range]{-webkit-appearance:none;margin:10px 0;width:105px;background:0 0}.cool-lightbox .cool-lightbox-zoom input[type=range]:focus{outline:0}.cool-lightbox .cool-lightbox-zoom input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;animate:.2s;box-shadow:0 0 0 #000;background:#e6e6e6;border-radius:11px;border:0 solid #000}.cool-lightbox .cool-lightbox-zoom input[type=range]::-webkit-slider-thumb{box-shadow:1px 1px 1px #000;border:1px solid #000;height:12px;width:12px;border-radius:13px;background:#fff;cursor:pointer;-webkit-appearance:none;margin-top:-4.5px}.cool-lightbox .cool-lightbox-zoom input[type=range]:focus::-webkit-slider-runnable-track{background:#e6e6e6}.cool-lightbox .cool-lightbox-zoom input[type=range]::-moz-range-track{width:100%;height:4px;cursor:pointer;animate:.2s;box-shadow:0 0 0 #000;background:#e6e6e6;border-radius:11px;border:0 solid #000}.cool-lightbox .cool-lightbox-zoom input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000;border:1px solid #000;height:12px;width:12px;border-radius:13px;background:#fff;cursor:pointer}.cool-lightbox .cool-lightbox-zoom input[type=range]::-ms-track{width:100%;height:4px;cursor:pointer;animate:.2s;background:0 0;border-color:transparent;color:transparent}.cool-lightbox .cool-lightbox-zoom input[type=range]::-ms-fill-lower{background:#e6e6e6;border:0 solid #000;border-radius:22px;box-shadow:0 0 0 #000}.cool-lightbox .cool-lightbox-zoom input[type=range]::-ms-fill-upper{background:#e6e6e6;border:0 solid #000;border-radius:22px;box-shadow:0 0 0 #000}.cool-lightbox .cool-lightbox-zoom input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000;border:1px solid #000;height:12px;width:12px;border-radius:13px;background:#fff;cursor:pointer}.cool-lightbox .cool-lightbox-zoom input[type=range]:focus::-ms-fill-lower{background:#e6e6e6}.cool-lightbox .cool-lightbox-zoom input[type=range]:focus::-ms-fill-upper{background:#e6e6e6}.cool-lightbox .cool-lightbox-zoom .cool-lightbox-zoom__icon{height:15px;width:15px;color:#fff}.cool-lightbox .cool-lightbox-zoom .cool-lightbox-zoom__icon:first-of-type{margin-right:10px}.cool-lightbox .cool-lightbox-zoom .cool-lightbox-zoom__icon:last-of-type{margin-left:10px}.cool-lightbox .cool-lightbox-thumbs{position:absolute;height:100vh;overflow-y:auto;width:102px;right:-102px;top:0;overflow-x:hidden;transition:none;background-color:#ddd;scrollbar-width:thin;scrollbar-color:#fa4242 rgba(175,175,175,.9)}@media (min-width:767px){.cool-lightbox .cool-lightbox-thumbs{transition:all .3s ease}}.cool-lightbox .cool-lightbox-thumbs::-webkit-scrollbar{width:6px;height:6px}.cool-lightbox .cool-lightbox-thumbs::-webkit-scrollbar-button{width:0;height:0}.cool-lightbox .cool-lightbox-thumbs::-webkit-scrollbar-thumb{background:#fa4242;border:0 none #fff;border-radius:50px}.cool-lightbox .cool-lightbox-thumbs::-webkit-scrollbar-thumb:hover{background:#fff}.cool-lightbox .cool-lightbox-thumbs::-webkit-scrollbar-thumb:active{background:#000}.cool-lightbox .cool-lightbox-thumbs::-webkit-scrollbar-track{background:#e1e1e1;border:0 none #fff;border-radius:8px}.cool-lightbox .cool-lightbox-thumbs::-webkit-scrollbar-track:hover{background:#666}.cool-lightbox .cool-lightbox-thumbs::-webkit-scrollbar-track:active{background:#333}.cool-lightbox .cool-lightbox-thumbs::-webkit-scrollbar-corner{background:0 0}@media (min-width:767px){.cool-lightbox .cool-lightbox-thumbs{width:212px;right:-212px}}.cool-lightbox .cool-lightbox-thumbs .cool-lightbox-thumbs__list{display:flex;flex-wrap:wrap;padding:2px;padding-right:0}.cool-lightbox .cool-lightbox-thumbs .cool-lightbox-thumbs__list .cool-lightbox__thumb{background-color:#000;width:100%;margin-right:2px;margin-bottom:2px;display:block;height:75px;position:relative}@media (min-width:767px){.cool-lightbox .cool-lightbox-thumbs .cool-lightbox-thumbs__list .cool-lightbox__thumb{width:calc(100%/2 - 2px)}}.cool-lightbox .cool-lightbox-thumbs .cool-lightbox-thumbs__list .cool-lightbox__thumb:before{top:0;left:0;right:0;bottom:0;opacity:0;content:'';z-index:150;transition:all .3s ease;position:absolute;visibility:hidden;border:3px solid #fa4242}.cool-lightbox .cool-lightbox-thumbs .cool-lightbox-thumbs__list .cool-lightbox__thumb img{width:100%;height:100%;object-fit:cover}.cool-lightbox .cool-lightbox-thumbs .cool-lightbox-thumbs__list .cool-lightbox__thumb.is-video .cool-lightbox__thumb__icon{position:absolute;z-index:100;top:50%;left:50%;width:25px;height:25px;transform:translate(-50%,-50%)}.cool-lightbox .cool-lightbox-thumbs .cool-lightbox-thumbs__list .cool-lightbox__thumb.is-video .cool-lightbox__thumb__icon path{fill:#fff}.cool-lightbox .cool-lightbox-thumbs .cool-lightbox-thumbs__list .cool-lightbox__thumb.is-video:after{content:'';top:0;left:0;right:0;bottom:0;z-index:50;position:absolute;background:rgba(0,0,0,.6)}.cool-lightbox .cool-lightbox-thumbs .cool-lightbox-thumbs__list .cool-lightbox__thumb.active:before,.cool-lightbox .cool-lightbox-thumbs .cool-lightbox-thumbs__list .cool-lightbox__thumb:hover:before{opacity:1;visibility:visible}.cool-lightbox .cool-lightbox__inner{padding:60px 0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;transition:none}@media (min-width:767px){.cool-lightbox .cool-lightbox__inner{transition:all .3s ease}}.cool-lightbox .cool-lightbox__progressbar{position:absolute;top:0;left:0;right:0;height:2px;z-index:500;transform-origin:0;transform:scaleX(0);transition:transform 3s linear;display:block}.cool-lightbox.cool-lightbox--is-swipping{cursor:-webkit-grabbing;cursor:grabbing}.cool-lightbox.cool-lightbox--is-swipping iframe{pointer-events:none}.cool-lightbox.cool-lightbox--is-swipping .cool-lightbox__slide{transition:none}.cool-lightbox.cool-lightbox--is-swipping .cool-lightbox__slide.cool-lightbox__slide--hide{display:flex;z-index:50}.cool-lightbox.cool-lightbox--zoom-disabled .cool-lightbox__slide .cool-lightbox__slide__img{transform:translate3d(-50%,-50%,0)}.cool-lightbox.cool-lightbox--can-zoom .cool-lightbox__slide img{cursor:zoom-in}.cool-lightbox.cool-lightbox--is-zooming .cool-lightbox__slide img{cursor:move;cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}.cool-lightbox.cool-lightbox--is-zooming .cool-lightbox-caption{opacity:0}.cool-lightbox.cool-lightbox--thumbs-right.cool-lightbox--show-thumbs .cool-lightbox__inner{right:102px}@media (min-width:767px){.cool-lightbox.cool-lightbox--thumbs-right.cool-lightbox--show-thumbs .cool-lightbox__inner{right:212px}}.cool-lightbox.cool-lightbox--thumbs-right.cool-lightbox--show-thumbs .cool-lightbox-thumbs{right:0}.cool-lightbox.cool-lightbox--thumbs-bottom .cool-lightbox-thumbs{width:100%;left:0;right:0;top:auto;height:70px;bottom:-70px;overflow:auto}@media (min-width:767px){.cool-lightbox.cool-lightbox--thumbs-bottom .cool-lightbox-thumbs{bottom:-79px;height:79px}}.cool-lightbox.cool-lightbox--thumbs-bottom .cool-lightbox-thumbs .cool-lightbox-thumbs__list{width:100%;flex-wrap:nowrap;justify-content:center}.cool-lightbox.cool-lightbox--thumbs-bottom .cool-lightbox-thumbs .cool-lightbox-thumbs__list .cool-lightbox__thumb{width:100px;flex-shrink:0;margin-bottom:0;height:65px}@media (min-width:767px){.cool-lightbox.cool-lightbox--thumbs-bottom .cool-lightbox-thumbs .cool-lightbox-thumbs__list .cool-lightbox__thumb{height:75px}}.cool-lightbox.cool-lightbox--thumbs-bottom.cool-lightbox--show-thumbs .cool-lightbox__inner{bottom:70px}@media (min-width:767px){.cool-lightbox.cool-lightbox--thumbs-bottom.cool-lightbox--show-thumbs .cool-lightbox__inner{bottom:79px}}.cool-lightbox.cool-lightbox--thumbs-bottom.cool-lightbox--show-thumbs .cool-lightbox-thumbs{bottom:0}.cool-lightbox *{box-sizing:border-box;padding:0;margin:0}.cool-lightbox button{background:0 0;border:none;cursor:pointer;outline:0}.cool-lightbox svg path,.cool-lightbox svg rect{fill:currentColor}.cool-lightbox .cool-lightbox-button{padding:21px 16px 21px 4px;height:100px;opacity:1;z-index:800;color:#ccc;transition:all .3s ease;position:absolute;top:calc(50% - 50px);width:54px;transition:all .3s ease;visibility:visible}@media (min-width:767px){.cool-lightbox .cool-lightbox-button{width:70px;padding:31px 26px 31px 6px}}.cool-lightbox .cool-lightbox-button.hidden{opacity:0;visibility:hidden}.cool-lightbox .cool-lightbox-button:hover{color:#fff}.cool-lightbox .cool-lightbox-button>.cool-lightbox-button__icon{padding:7px;display:flex;align-items:center;justify-content:center;background:rgba(30,30,30,.6)}.cool-lightbox .cool-lightbox-button>.cool-lightbox-button__icon>svg{width:100%;height:100%}.cool-lightbox .cool-lightbox-button.cool-lightbox-button--prev{left:0}.cool-lightbox .cool-lightbox-button.cool-lightbox-button--next{right:0;padding:21px 4px 21px 16px}@media (min-width:767px){.cool-lightbox .cool-lightbox-button.cool-lightbox-button--next{padding:31px 6px 31px 26px}}.cool-lightbox .cool-lightbox-pdf{max-width:100%}.cool-lightbox .cool-lightbox__iframe{width:100%;display:flex;top:50%;left:50%;align-items:center;justify-content:center;position:relative;transform:translate3d(-50%,-50%,0) scale3d(1,1,1)}.cool-lightbox .cool-lightbox__iframe iframe{width:100%;height:100%}@media (min-width:767px){.cool-lightbox .cool-lightbox__iframe iframe{max-width:80vw;max-height:80vh}}.cool-lightbox .cool-lightbox__wrapper{width:100%;height:100%;position:relative}.cool-lightbox .cool-lightbox__wrapper.cool-lightbox__wrapper--swipe{display:flex;align-items:center}.cool-lightbox .cool-lightbox__wrapper.cool-lightbox__wrapper--swipe .cool-lightbox__slide{flex-shrink:0;display:flex;position:relative;height:100%;opacity:.4;transition:opacity .3s linear}.cool-lightbox .cool-lightbox__wrapper.cool-lightbox__wrapper--swipe .cool-lightbox__slide.cool-lightbox__slide--current{opacity:1}.cool-lightbox .cool-lightbox__slide{width:100%;top:0;bottom:0;left:0;right:0;z-index:100;display:none;position:absolute;margin-right:30px;transition:transform .3s ease}.cool-lightbox .cool-lightbox__slide:last-of-type{margin-right:0}.cool-lightbox .cool-lightbox__slide.cool-lightbox__slide--current{display:flex}.cool-lightbox .cool-lightbox__slide .cool-lightbox__slide__img{position:absolute;height:100%;width:100%;left:50%;top:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(-50%,-50%,0) scale3d(1,1,1);transition:all .3s ease;display:flex}.cool-lightbox .cool-lightbox__slide img{max-width:100%;max-height:100%;margin:auto;z-index:9999;-webkit-backface-visibility:hidden;backface-visibility:hidden;-ms-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1.5rem rgba(0,0,0,.45)}.cool-lightbox-toolbar{position:absolute;top:0;right:0;opacity:1;display:flex;transition:all .3s ease;visibility:visible}.cool-lightbox-toolbar.hidden{opacity:0;visibility:hidden}.cool-lightbox-toolbar .cool-lightbox-toolbar__btn{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;justify-content:center;align-items:center;display:inline-flex;margin:0;padding:9px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:40px;height:40px;color:#ccc}@media (min-width:767px){.cool-lightbox-toolbar .cool-lightbox-toolbar__btn{width:44px;height:44px;padding:10px}}.cool-lightbox-toolbar .cool-lightbox-toolbar__btn>svg{width:100%;height:100%}.cool-lightbox-toolbar .cool-lightbox-toolbar__btn:hover{color:#fff}.cool-lightbox-caption{bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;opacity:1;line-height:1.5;padding:18px 28px 16px 24px;right:0;text-align:center;direction:ltr;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;z-index:99997;background:linear-gradient(0deg,rgba(0,0,0,.75) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent)}@media (min-width:767px){.cool-lightbox-caption{padding:22px 30px 23px 30px}}.cool-lightbox-caption a{color:#eee;text-decoration:underline}.cool-lightbox-caption h6{font-size:14px;margin:0 0 6px 0;line-height:130%}@media (min-width:767px){.cool-lightbox-caption h6{font-size:16px;margin:0 0 6px 0}}.cool-lightbox-caption p{font-size:13px;line-height:130%;color:#ccc}@media (min-width:767px){.cool-lightbox-caption p{font-size:15px}}.cool-lightbox-caption p a{color:#ccc}.cool-lightbox-caption p a:hover{color:#eee}.cool-lightbox-modal-enter-active,.cool-lightbox-modal-leave-active{transition:opacity .35s}.cool-lightbox-modal-enter,.cool-lightbox-modal-leave-to{opacity:0}.cool-lightbox-slide-change-enter-active,.cool-lightbox-slide-change-leave-active{transition:opacity .27s}.cool-lightbox-slide-change-enter,.cool-lightbox-slide-change-leave-to{opacity:0}.cool-lightbox-loading-wrapper{top:50%;left:50%;position:absolute;transform:translate(-50%,-50%)}.cool-lightbox-loading-wrapper .cool-lightbox-loading{animation:cool-lightbox-rotate 1s linear infinite;background:0 0;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;opacity:.7;padding:0;width:50px;z-index:500}@keyframes cool-lightbox-rotate{100%{transform:rotate(360deg)}} .ss-main{position:relative;display:inline-block;user-select:none;color:#666;width:100%}.ss-main .ss-single-selected{display:flex;cursor:pointer;width:100%;height:30px;padding:6px;border:1px solid #dcdee2;border-radius:4px;background-color:#fff;outline:0;box-sizing:border-box;transition:background-color .2s}.ss-main .ss-single-selected.ss-disabled{background-color:#dcdee2;cursor:not-allowed}.ss-main .ss-single-selected.ss-open-above{border-top-left-radius:0;border-top-right-radius:0}.ss-main .ss-single-selected.ss-open-below{border-bottom-left-radius:0;border-bottom-right-radius:0}.ss-main .ss-single-selected .placeholder{flex:1 1 100%;text-align:left;width:calc(100% - 30px);line-height:1em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ss-main .ss-single-selected .placeholder,.ss-main .ss-single-selected .placeholder *{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-main .ss-single-selected .placeholder *{width:auto}.ss-main .ss-single-selected .placeholder .ss-disabled{color:#dedede}.ss-main .ss-single-selected .ss-deselect{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;margin:0 6px;font-weight:700}.ss-main .ss-single-selected .ss-deselect.ss-hide{display:none}.ss-main .ss-single-selected .ss-arrow{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;margin:0 6px}.ss-main .ss-single-selected .ss-arrow span{border:solid #666;border-width:0 2px 2px 0;display:inline-block;padding:3px;transition:transform .2s,margin .2s}.ss-main .ss-single-selected .ss-arrow span.arrow-up{transform:rotate(-135deg);margin:3px 0 0}.ss-main .ss-single-selected .ss-arrow span.arrow-down{transform:rotate(45deg);margin:-3px 0 0}.ss-main .ss-multi-selected{display:flex;flex-direction:row;cursor:pointer;min-height:30px;width:100%;padding:0 0 0 3px;border:1px solid #dcdee2;border-radius:4px;background-color:#fff;outline:0;box-sizing:border-box;transition:background-color .2s}.ss-main .ss-multi-selected.ss-disabled{background-color:#dcdee2;cursor:not-allowed}.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled{color:#666}.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.ss-main .ss-multi-selected.ss-open-above{border-top-left-radius:0;border-top-right-radius:0}.ss-main .ss-multi-selected.ss-open-below{border-bottom-left-radius:0;border-bottom-right-radius:0}.ss-main .ss-multi-selected .ss-values{display:flex;flex-wrap:wrap;justify-content:flex-start;flex:1 1 100%;width:calc(100% - 30px)}.ss-main .ss-multi-selected .ss-values .ss-disabled{display:flex;padding:4px 5px;margin:2px 0;line-height:1em;align-items:center;width:100%;color:#dedede;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.ss-main .ss-multi-selected .ss-values .ss-value{display:flex;user-select:none;align-items:center;font-size:12px;padding:3px 5px;margin:3px 5px 3px 0;color:#fff;background-color:#5897fb;border-radius:4px;animation-name:scaleIn;animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:both}.ss-main .ss-multi-selected .ss-values .ss-value.ss-out{animation-name:scaleOut;animation-duration:.2s;animation-timing-function:ease-out}.ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete{margin:0 0 0 5px;cursor:pointer}.ss-main .ss-multi-selected .ss-add{display:flex;flex:0 1 3px;margin:9px 12px 0 5px}.ss-main .ss-multi-selected .ss-add .ss-plus{display:flex;justify-content:center;align-items:center;background:#666;position:relative;height:10px;width:2px;transition:transform .2s}.ss-main .ss-multi-selected .ss-add .ss-plus:after{background:#666;content:"";position:absolute;height:2px;width:10px;left:-4px;top:4px}.ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross{transform:rotate(45deg)}.ss-content{position:absolute;width:100%;margin:-1px 0 0;box-sizing:border-box;border:1px solid #dcdee2;z-index:1010;background-color:#fff;transform-origin:center top;transition:transform .2s,opacity .2s;opacity:0;transform:scaleY(0)}.ss-content.ss-open{display:block;opacity:1;transform:scaleY(1)}.ss-content .ss-search{display:flex;flex-direction:row;padding:8px 8px 6px}.ss-content .ss-search.ss-hide,.ss-content .ss-search.ss-hide input{height:0;opacity:0;padding:0;margin:0}.ss-content .ss-search input{display:inline-flex;font-size:inherit;line-height:inherit;flex:1 1 auto;width:100%;min-width:0;height:30px;padding:6px 8px;margin:0;border:1px solid #dcdee2;border-radius:4px;background-color:#fff;outline:0;text-align:left;box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-appearance:textfield}.ss-content .ss-search input::placeholder{color:#8a8a8a;vertical-align:middle}.ss-content .ss-search input:focus{box-shadow:0 0 5px #5897fb}.ss-content .ss-search .ss-addable{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;font-size:22px;font-weight:700;flex:0 0 30px;height:30px;margin:0 0 0 8px;border:1px solid #dcdee2;border-radius:4px;box-sizing:border-box}.ss-content .ss-addable{padding-top:0}.ss-content .ss-list{max-height:200px;overflow-x:hidden;overflow-y:auto;text-align:left}.ss-content .ss-list .ss-optgroup .ss-optgroup-label{padding:6px 10px;font-weight:700}.ss-content .ss-list .ss-optgroup .ss-option{padding:6px 6px 6px 25px}.ss-content .ss-list .ss-optgroup-label-selectable{cursor:pointer}.ss-content .ss-list .ss-optgroup-label-selectable:hover{color:#fff;background-color:#5897fb}.ss-content .ss-list .ss-option{padding:6px 10px;cursor:pointer;user-select:none}.ss-content .ss-list .ss-option *{display:inline-block}.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:hover{color:#fff;background-color:#5897fb}.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;color:#dedede;background-color:#fff}.ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected{color:#666;background-color:rgba(88,151,251,.1)}.ss-content .ss-list .ss-option.ss-hide{display:none}.ss-content .ss-list .ss-option .ss-search-highlight{background-color:#fffb8c} -body{background:white;color:#1A1A1A}a{color:inherit;text-decoration:none}a,a:focus,a:active{outline:none}a:focus{-moz-outline-style:none}ul{margin:0;padding:0}ul li{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{margin:0}p a{position:relative}p a:not(.btn):after{content:'';position:absolute;top:1em;left:0;width:100%;border-bottom:1px dotted #000}input[type="text"],input[type="email"],input[type="tel"],input[type="password"]{border-radius:5px;border:0.5px solid #aaa;padding:0.3em 0.4em}input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="password"]:focus{outline:none;box-shadow:0 0 2px 1px #8bc4ff}.col-1,.small-col-1,.med-col-1,.large-col-1,.col-2,.small-col-2,.med-col-2,.large-col-2,.col-3,.small-col-3,.med-col-3,.large-col-3,.col-4,.small-col-4,.med-col-4,.large-col-4,.col-5,.small-col-5,.med-col-5,.large-col-5,.col-6,.small-col-6,.med-col-6,.large-col-6,.col-7,.small-col-7,.med-col-7,.large-col-7,.col-8,.small-col-8,.med-col-8,.large-col-8,.col-9,.small-col-9,.med-col-9,.large-col-9,.col-10,.small-col-10,.med-col-10,.large-col-10,.col-11,.small-col-11,.med-col-11,.large-col-11,.col-12,.small-col-12,.med-col-12,.large-col-12,.col-1-offset-1,.col-1-offset-2,.col-1-offset-3,.col-1-offset-4,.col-1-offset-5,.col-1-offset-6,.col-1-offset-7,.col-1-offset-8,.col-1-offset-9,.col-1-offset-10,.col-1-offset-11,.col-2-offset-1,.col-2-offset-2,.col-2-offset-3,.col-2-offset-4,.col-2-offset-5,.col-2-offset-6,.col-2-offset-7,.col-2-offset-8,.col-2-offset-9,.col-2-offset-10,.col-3-offset-1,.col-3-offset-2,.col-3-offset-3,.col-3-offset-4,.col-3-offset-5,.col-3-offset-6,.col-3-offset-7,.col-3-offset-8,.col-3-offset-9,.col-4-offset-1,.col-4-offset-2,.col-4-offset-3,.col-4-offset-4,.col-4-offset-5,.col-4-offset-6,.col-4-offset-7,.col-4-offset-8,.col-5-offset-1,.col-5-offset-2,.col-5-offset-3,.col-5-offset-4,.col-5-offset-5,.col-5-offset-6,.col-5-offset-7,.col-6-offset-1,.col-6-offset-2,.col-6-offset-3,.col-6-offset-4,.col-6-offset-5,.col-6-offset-6,.col-7-offset-1,.col-7-offset-2,.col-7-offset-3,.col-7-offset-4,.col-7-offset-5,.col-8-offset-1,.col-8-offset-2,.col-8-offset-3,.col-8-offset-4,.col-9-offset-1,.col-9-offset-2,.col-9-offset-3,.col-10-offset-1,.col-10-offset-2,.col-11-offset-1{width:100%;float:left;box-sizing:border-box}.row{position:relative}.row:after{content:"";clear:both;display:block}.col-1{padding-left:0em;padding-right:1em;margin-left:0%;width:8.33333%}.col-1:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-1{padding-left:0em;padding-right:1em;margin-left:0%;width:8.33333%}.small-col-1:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-1{padding-left:0em;padding-right:1em;margin-left:0%;width:8.33333%}.med-col-1:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-1{padding-left:0em;padding-right:1em;margin-left:0%;width:8.33333%}.large-col-1:last-child{padding-right:0}}.col-2{padding-left:0em;padding-right:1em;margin-left:0%;width:16.66667%}.col-2:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-2{padding-left:0em;padding-right:1em;margin-left:0%;width:16.66667%}.small-col-2:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-2{padding-left:0em;padding-right:1em;margin-left:0%;width:16.66667%}.med-col-2:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-2{padding-left:0em;padding-right:1em;margin-left:0%;width:16.66667%}.large-col-2:last-child{padding-right:0}}.col-3{padding-left:0em;padding-right:1em;margin-left:0%;width:25%}.col-3:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-3{padding-left:0em;padding-right:1em;margin-left:0%;width:25%}.small-col-3:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-3{padding-left:0em;padding-right:1em;margin-left:0%;width:25%}.med-col-3:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-3{padding-left:0em;padding-right:1em;margin-left:0%;width:25%}.large-col-3:last-child{padding-right:0}}.col-4{padding-left:0em;padding-right:1em;margin-left:0%;width:33.33333%}.col-4:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-4{padding-left:0em;padding-right:1em;margin-left:0%;width:33.33333%}.small-col-4:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-4{padding-left:0em;padding-right:1em;margin-left:0%;width:33.33333%}.med-col-4:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-4{padding-left:0em;padding-right:1em;margin-left:0%;width:33.33333%}.large-col-4:last-child{padding-right:0}}.col-5{padding-left:0em;padding-right:1em;margin-left:0%;width:41.66667%}.col-5:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-5{padding-left:0em;padding-right:1em;margin-left:0%;width:41.66667%}.small-col-5:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-5{padding-left:0em;padding-right:1em;margin-left:0%;width:41.66667%}.med-col-5:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-5{padding-left:0em;padding-right:1em;margin-left:0%;width:41.66667%}.large-col-5:last-child{padding-right:0}}.col-6{padding-left:0em;padding-right:1em;margin-left:0%;width:50%}.col-6:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-6{padding-left:0em;padding-right:1em;margin-left:0%;width:50%}.small-col-6:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-6{padding-left:0em;padding-right:1em;margin-left:0%;width:50%}.med-col-6:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-6{padding-left:0em;padding-right:1em;margin-left:0%;width:50%}.large-col-6:last-child{padding-right:0}}.col-7{padding-left:0em;padding-right:1em;margin-left:0%;width:58.33333%}.col-7:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-7{padding-left:0em;padding-right:1em;margin-left:0%;width:58.33333%}.small-col-7:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-7{padding-left:0em;padding-right:1em;margin-left:0%;width:58.33333%}.med-col-7:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-7{padding-left:0em;padding-right:1em;margin-left:0%;width:58.33333%}.large-col-7:last-child{padding-right:0}}.col-8{padding-left:0em;padding-right:1em;margin-left:0%;width:66.66667%}.col-8:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-8{padding-left:0em;padding-right:1em;margin-left:0%;width:66.66667%}.small-col-8:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-8{padding-left:0em;padding-right:1em;margin-left:0%;width:66.66667%}.med-col-8:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-8{padding-left:0em;padding-right:1em;margin-left:0%;width:66.66667%}.large-col-8:last-child{padding-right:0}}.col-9{padding-left:0em;padding-right:1em;margin-left:0%;width:75%}.col-9:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-9{padding-left:0em;padding-right:1em;margin-left:0%;width:75%}.small-col-9:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-9{padding-left:0em;padding-right:1em;margin-left:0%;width:75%}.med-col-9:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-9{padding-left:0em;padding-right:1em;margin-left:0%;width:75%}.large-col-9:last-child{padding-right:0}}.col-10{padding-left:0em;padding-right:1em;margin-left:0%;width:83.33333%}.col-10:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-10{padding-left:0em;padding-right:1em;margin-left:0%;width:83.33333%}.small-col-10:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-10{padding-left:0em;padding-right:1em;margin-left:0%;width:83.33333%}.med-col-10:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-10{padding-left:0em;padding-right:1em;margin-left:0%;width:83.33333%}.large-col-10:last-child{padding-right:0}}.col-11{padding-left:0em;padding-right:1em;margin-left:0%;width:91.66667%}.col-11:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-11{padding-left:0em;padding-right:1em;margin-left:0%;width:91.66667%}.small-col-11:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-11{padding-left:0em;padding-right:1em;margin-left:0%;width:91.66667%}.med-col-11:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-11{padding-left:0em;padding-right:1em;margin-left:0%;width:91.66667%}.large-col-11:last-child{padding-right:0}}.col-12{padding-left:0em;padding-right:0;margin-left:0%;width:100%}.col-12:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-12{padding-left:0em;padding-right:0;margin-left:0%;width:100%}.small-col-12:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-12{padding-left:0em;padding-right:0;margin-left:0%;width:100%}.med-col-12:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-12{padding-left:0em;padding-right:0;margin-left:0%;width:100%}.large-col-12:last-child{padding-right:0}}.col-1-offset-1{padding-left:1em;padding-right:1em;margin-left:8.33333%;width:8.33333%}.col-1-offset-1:last-child{padding-right:0}.col-1-offset-2{padding-left:2em;padding-right:1em;margin-left:16.66667%;width:8.33333%}.col-1-offset-2:last-child{padding-right:0}.col-1-offset-3{padding-left:3em;padding-right:1em;margin-left:25%;width:8.33333%}.col-1-offset-3:last-child{padding-right:0}.col-1-offset-4{padding-left:4em;padding-right:1em;margin-left:33.33333%;width:8.33333%}.col-1-offset-4:last-child{padding-right:0}.col-1-offset-5{padding-left:5em;padding-right:1em;margin-left:41.66667%;width:8.33333%}.col-1-offset-5:last-child{padding-right:0}.col-1-offset-6{padding-left:6em;padding-right:1em;margin-left:50%;width:8.33333%}.col-1-offset-6:last-child{padding-right:0}.col-1-offset-7{padding-left:7em;padding-right:1em;margin-left:58.33333%;width:8.33333%}.col-1-offset-7:last-child{padding-right:0}.col-1-offset-8{padding-left:8em;padding-right:1em;margin-left:66.66667%;width:8.33333%}.col-1-offset-8:last-child{padding-right:0}.col-1-offset-9{padding-left:9em;padding-right:1em;margin-left:75%;width:8.33333%}.col-1-offset-9:last-child{padding-right:0}.col-1-offset-10{padding-left:10em;padding-right:1em;margin-left:83.33333%;width:8.33333%}.col-1-offset-10:last-child{padding-right:0}.col-1-offset-11{padding-left:11em;padding-right:1em;margin-left:91.66667%;width:8.33333%}.col-1-offset-11:last-child{padding-right:0}.col-2-offset-1{padding-left:1em;padding-right:1em;margin-left:16.66667%;width:16.66667%}.col-2-offset-1:last-child{padding-right:0}.col-2-offset-2{padding-left:2em;padding-right:1em;margin-left:33.33333%;width:16.66667%}.col-2-offset-2:last-child{padding-right:0}.col-2-offset-3{padding-left:3em;padding-right:1em;margin-left:50%;width:16.66667%}.col-2-offset-3:last-child{padding-right:0}.col-2-offset-4{padding-left:4em;padding-right:1em;margin-left:66.66667%;width:16.66667%}.col-2-offset-4:last-child{padding-right:0}.col-2-offset-5{padding-left:5em;padding-right:1em;margin-left:83.33333%;width:16.66667%}.col-2-offset-5:last-child{padding-right:0}.col-2-offset-6{padding-left:6em;padding-right:1em;margin-left:100%;width:16.66667%}.col-2-offset-6:last-child{padding-right:0}.col-2-offset-7{padding-left:7em;padding-right:1em;margin-left:116.66667%;width:16.66667%}.col-2-offset-7:last-child{padding-right:0}.col-2-offset-8{padding-left:8em;padding-right:1em;margin-left:133.33333%;width:16.66667%}.col-2-offset-8:last-child{padding-right:0}.col-2-offset-9{padding-left:9em;padding-right:1em;margin-left:150%;width:16.66667%}.col-2-offset-9:last-child{padding-right:0}.col-2-offset-10{padding-left:10em;padding-right:1em;margin-left:166.66667%;width:16.66667%}.col-2-offset-10:last-child{padding-right:0}.col-3-offset-1{padding-left:1em;padding-right:1em;margin-left:25%;width:25%}.col-3-offset-1:last-child{padding-right:0}.col-3-offset-2{padding-left:2em;padding-right:1em;margin-left:50%;width:25%}.col-3-offset-2:last-child{padding-right:0}.col-3-offset-3{padding-left:3em;padding-right:1em;margin-left:75%;width:25%}.col-3-offset-3:last-child{padding-right:0}.col-3-offset-4{padding-left:4em;padding-right:1em;margin-left:100%;width:25%}.col-3-offset-4:last-child{padding-right:0}.col-3-offset-5{padding-left:5em;padding-right:1em;margin-left:125%;width:25%}.col-3-offset-5:last-child{padding-right:0}.col-3-offset-6{padding-left:6em;padding-right:1em;margin-left:150%;width:25%}.col-3-offset-6:last-child{padding-right:0}.col-3-offset-7{padding-left:7em;padding-right:1em;margin-left:175%;width:25%}.col-3-offset-7:last-child{padding-right:0}.col-3-offset-8{padding-left:8em;padding-right:1em;margin-left:200%;width:25%}.col-3-offset-8:last-child{padding-right:0}.col-3-offset-9{padding-left:9em;padding-right:1em;margin-left:225%;width:25%}.col-3-offset-9:last-child{padding-right:0}.col-4-offset-1{padding-left:1em;padding-right:1em;margin-left:33.33333%;width:33.33333%}.col-4-offset-1:last-child{padding-right:0}.col-4-offset-2{padding-left:2em;padding-right:1em;margin-left:66.66667%;width:33.33333%}.col-4-offset-2:last-child{padding-right:0}.col-4-offset-3{padding-left:3em;padding-right:1em;margin-left:100%;width:33.33333%}.col-4-offset-3:last-child{padding-right:0}.col-4-offset-4{padding-left:4em;padding-right:1em;margin-left:133.33333%;width:33.33333%}.col-4-offset-4:last-child{padding-right:0}.col-4-offset-5{padding-left:5em;padding-right:1em;margin-left:166.66667%;width:33.33333%}.col-4-offset-5:last-child{padding-right:0}.col-4-offset-6{padding-left:6em;padding-right:1em;margin-left:200%;width:33.33333%}.col-4-offset-6:last-child{padding-right:0}.col-4-offset-7{padding-left:7em;padding-right:1em;margin-left:233.33333%;width:33.33333%}.col-4-offset-7:last-child{padding-right:0}.col-4-offset-8{padding-left:8em;padding-right:1em;margin-left:266.66667%;width:33.33333%}.col-4-offset-8:last-child{padding-right:0}.col-5-offset-1{padding-left:1em;padding-right:1em;margin-left:41.66667%;width:41.66667%}.col-5-offset-1:last-child{padding-right:0}.col-5-offset-2{padding-left:2em;padding-right:1em;margin-left:83.33333%;width:41.66667%}.col-5-offset-2:last-child{padding-right:0}.col-5-offset-3{padding-left:3em;padding-right:1em;margin-left:125%;width:41.66667%}.col-5-offset-3:last-child{padding-right:0}.col-5-offset-4{padding-left:4em;padding-right:1em;margin-left:166.66667%;width:41.66667%}.col-5-offset-4:last-child{padding-right:0}.col-5-offset-5{padding-left:5em;padding-right:1em;margin-left:208.33333%;width:41.66667%}.col-5-offset-5:last-child{padding-right:0}.col-5-offset-6{padding-left:6em;padding-right:1em;margin-left:250%;width:41.66667%}.col-5-offset-6:last-child{padding-right:0}.col-5-offset-7{padding-left:7em;padding-right:1em;margin-left:291.66667%;width:41.66667%}.col-5-offset-7:last-child{padding-right:0}.col-6-offset-1{padding-left:1em;padding-right:1em;margin-left:50%;width:50%}.col-6-offset-1:last-child{padding-right:0}.col-6-offset-2{padding-left:2em;padding-right:1em;margin-left:100%;width:50%}.col-6-offset-2:last-child{padding-right:0}.col-6-offset-3{padding-left:3em;padding-right:1em;margin-left:150%;width:50%}.col-6-offset-3:last-child{padding-right:0}.col-6-offset-4{padding-left:4em;padding-right:1em;margin-left:200%;width:50%}.col-6-offset-4:last-child{padding-right:0}.col-6-offset-5{padding-left:5em;padding-right:1em;margin-left:250%;width:50%}.col-6-offset-5:last-child{padding-right:0}.col-6-offset-6{padding-left:6em;padding-right:1em;margin-left:300%;width:50%}.col-6-offset-6:last-child{padding-right:0}.col-7-offset-1{padding-left:1em;padding-right:1em;margin-left:58.33333%;width:58.33333%}.col-7-offset-1:last-child{padding-right:0}.col-7-offset-2{padding-left:2em;padding-right:1em;margin-left:116.66667%;width:58.33333%}.col-7-offset-2:last-child{padding-right:0}.col-7-offset-3{padding-left:3em;padding-right:1em;margin-left:175%;width:58.33333%}.col-7-offset-3:last-child{padding-right:0}.col-7-offset-4{padding-left:4em;padding-right:1em;margin-left:233.33333%;width:58.33333%}.col-7-offset-4:last-child{padding-right:0}.col-7-offset-5{padding-left:5em;padding-right:1em;margin-left:291.66667%;width:58.33333%}.col-7-offset-5:last-child{padding-right:0}.col-8-offset-1{padding-left:1em;padding-right:1em;margin-left:66.66667%;width:66.66667%}.col-8-offset-1:last-child{padding-right:0}.col-8-offset-2{padding-left:2em;padding-right:1em;margin-left:133.33333%;width:66.66667%}.col-8-offset-2:last-child{padding-right:0}.col-8-offset-3{padding-left:3em;padding-right:1em;margin-left:200%;width:66.66667%}.col-8-offset-3:last-child{padding-right:0}.col-8-offset-4{padding-left:4em;padding-right:1em;margin-left:266.66667%;width:66.66667%}.col-8-offset-4:last-child{padding-right:0}.col-9-offset-1{padding-left:1em;padding-right:1em;margin-left:75%;width:75%}.col-9-offset-1:last-child{padding-right:0}.col-9-offset-2{padding-left:2em;padding-right:1em;margin-left:150%;width:75%}.col-9-offset-2:last-child{padding-right:0}.col-9-offset-3{padding-left:3em;padding-right:1em;margin-left:225%;width:75%}.col-9-offset-3:last-child{padding-right:0}.col-10-offset-1{padding-left:1em;padding-right:1em;margin-left:83.33333%;width:83.33333%}.col-10-offset-1:last-child{padding-right:0}.col-10-offset-2{padding-left:2em;padding-right:1em;margin-left:166.66667%;width:83.33333%}.col-10-offset-2:last-child{padding-right:0}.col-11-offset-1{padding-left:1em;padding-right:1em;margin-left:91.66667%;width:91.66667%}.col-11-offset-1:last-child{padding-right:0}.col.float-right{float:right;padding-right:0;padding-left:1em}body,html{position:relative;width:100%;height:100%;font-family:sans-serif;font-style:normal;margin:0;padding:0}body{overflow-x:hidden}div.dialog-off-canvas-main-canvas{width:100vw;height:100vh;display:flex;flex-direction:column}body.toolbar-horizontal.toolbar-themes.toolbar-no-tabs{padding-top:24px !important}header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{margin:0 auto}@media only screen and (max-width: 218px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:218px}}@media only screen and (min-width: 437px) and (max-width: 654px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:436px}}@media only screen and (min-width: 655px) and (max-width: 872px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:654px}}@media only screen and (min-width: 873px) and (max-width: 1090px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:872px}}@media only screen and (min-width: 1091px) and (max-width: 1308px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:1090px}}@media only screen and (min-width: 1309px) and (max-width: 1526px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:1308px}}@media only screen and (min-width: 1527px) and (max-width: 1744px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:1526px}}@media only screen and (min-width: 1745px) and (max-width: 1962px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:1744px}}@media only screen and (min-width: 1963px) and (max-width: 2180px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:1962px}}@media only screen and (min-width: 2181px) and (max-width: 2398px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:2180px}}@media only screen and (min-width: 2399px) and (max-width: 2616px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:2398px}}@media only screen and (min-width: 2617px) and (max-width: 2834px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:2616px}}@media only screen and (min-width: 2835px) and (max-width: 3052px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:2834px}}@media only screen and (min-width: 3053px) and (max-width: 3270px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:3052px}}@media only screen and (min-width: 3271px) and (max-width: 3488px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:3270px}}@media only screen and (min-width: 3489px) and (max-width: 3706px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:3488px}}@media only screen and (min-width: 3707px) and (max-width: 3924px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:3706px}}@media only screen and (min-width: 3925px) and (max-width: 4142px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:3924px}}header[role="banner"]{flex:0 0 auto;background-color:#fff;width:100vw}header[role="banner"]>.wrapper{background-color:#fff}header[role="banner"]>.wrapper:after{content:"";clear:both;display:block}header[role="banner"]>.wrapper .header-block{min-height:33px;font-size:0}header[role="banner"]>.wrapper .header-block>*{font-size:16px}header[role="banner"]>.wrapper .header-block.header-right{text-align:right}header[role="banner"]>.wrapper .header-block .header-block-wrapper>*{display:inline-block;vertical-align:top;text-align:left}header[role="banner"]>.wrapper .header-block input#header-block-right-toggle{display:none}header[role="banner"]>.wrapper .header-block label[for="header-block-right-toggle"]{display:none}@media (max-width: 654px){header[role="banner"]>.wrapper .header-block.header-left{width:75%}header[role="banner"]>.wrapper .header-block.header-right{width:23%}header[role="banner"]>.wrapper .header-block.header-right label[for="header-block-right-toggle"]{display:block}header[role="banner"]>.wrapper .header-block.header-right .header-block-wrapper{z-index:100;position:absolute;top:33px;right:0;box-sizing:border-box;overflow:hidden;width:0.1px;box-shadow:0 0 0 #fff;padding:1em 0;margin-top:0.7em;transition:all 0.5s ease-in-out}header[role="banner"]>.wrapper .header-block.header-right .header-block-wrapper>*.block,header[role="banner"]>.wrapper .header-block.header-right .header-block-wrapper>div#user-tools{display:block;width:18em;padding:0 0 1em 0 !important;margin:0 0 1em 0 !important;text-align:right;border-left:none !important;border-right:none !important}header[role="banner"]>.wrapper .header-block.header-right .header-block-wrapper>*.block:not(:last-child),header[role="banner"]>.wrapper .header-block.header-right .header-block-wrapper>div#user-tools:not(:last-child){border-bottom:1px solid #ccc !important}header[role="banner"]>.wrapper .header-block.header-right .header-block-wrapper #user-flags{width:18em;padding:1em 0 0 0 !important;margin:1em 0 0 0 !important;border-top:1px solid #ccc !important}header[role="banner"]>.wrapper .header-block.header-right input#header-block-right-toggle:checked ~ div.header-block-wrapper{width:20em;padding:1em 1em;box-shadow:-2px 2px 4px #ccc}}main[role="main"]{flex:1 1 auto;overflow-y:auto;overflow-x:hidden}main[role="main"]>.scroller{width:100vw}main[role="main"]>.scroller>.wrapper{display:flex;flex-direction:row-reverse}@media (max-width: 436px){main[role="main"]>.scroller>.wrapper{display:block}}main[role="main"]>.scroller>.wrapper #content-left{flex-basis:205px;flex-shrink:0}main[role="main"]>.scroller>.wrapper #content-left>*{width:100%;box-sizing:border-box;padding:0.5em 13px}@media (max-width: 436px){main[role="main"]>.scroller>.wrapper #content-left{padding-right:13px}}main[role="main"]>.scroller>.wrapper #content-center{flex-basis:110%}@keyframes rotating{from{transform:rotate(0deg);transform-origin:center}to{transform:rotate(360deg);transform-origin:center}}body{font-size:16px;font-family:"Ubuntu",Arial,"MS Trebuchet",sans-serif;font-weight:500;font-style:normal;line-height:1.3}aside.messages{border:none}header[role="banner"]{padding:0.2em 0 0 0}header[role="banner"] #block-userlogin h2,header[role="banner"] #user-tools a.mdi-account,header[role="banner"] #user-flags h2,header[role="banner"] #user-flags li h5,header[role="banner"] #block-header ul.menu li a{font-size:0.9em;font-weight:400}header[role="banner"] #block-sitebranding h1{margin:0;line-height:1}header[role="banner"] #block-sitebranding .slogan{font-size:0.882em;display:block;white-space:nowrap}@media (max-width: 654px){header[role="banner"] #block-sitebranding h1,header[role="banner"] #block-sitebranding .slogan{display:inline-block}}@media (max-width: 654px){header[role="banner"] .header-block.header-right .header-block-wrapper,header[role="banner"] .header-block.header-right .header-block-wrapper #user-flags ul{background-color:#fff}}header[role="banner"] #block-socialmedialinks{padding-right:0.5em;border-right:1px solid #1A1A1A;margin-right:0.5em}header[role="banner"] #block-socialmedialinks li{padding:0}header[role="banner"] #block-userlogin{position:relative;padding:0 1em;overflow:visible}header[role="banner"] #block-userlogin h2{line-height:1.38;margin:0}header[role="banner"] #block-userlogin>section{overflow:hidden;background-color:#fff;box-sizing:content-box;transition:all 0.4s ease-in-out;right:0;top:1.7em;box-sizing:content-box;z-index:100}@media (min-width: 655px){header[role="banner"] #block-userlogin>section{max-height:0px;padding:0.01em 1em;transition-delay:2s;position:absolute;width:11em}}@media (min-width: 655px) and (hover: hover){header[role="banner"] #block-userlogin:hover>section{transition-delay:0s;max-height:20em;padding:1em 1em;box-shadow:0 0 10px #ccc}}@media (min-width: 655px){header[role="banner"] #block-userlogin.tapped>section{transition-delay:0s;max-height:20em;padding:1em 1em;box-shadow:0 0 10px #ccc}}header[role="banner"] #block-userlogin .form-item{margin:0;position:relative;width:100%}header[role="banner"] #block-userlogin .form-item.form-item-name{margin:2px 0 0.5em 0}header[role="banner"] #block-userlogin .form-item.form-item-name input{width:90%;padding:0;box-sizing:content-box}header[role="banner"] #block-userlogin .form-item.form-item-pass{margin:0 0 0.5em 0}header[role="banner"] #block-userlogin .form-item.form-item-pass input{width:90%;padding:0;box-sizing:content-box}header[role="banner"] #block-userlogin .form-item.form-item-persistent-login{font-size:0.756em}header[role="banner"] #block-userlogin .form-item.form-item-persistent-login label{vertical-align:top}header[role="banner"] #block-userlogin #edit-actions{margin:0}header[role="banner"] #block-userlogin .item-list ul{margin:0}header[role="banner"] #block-userlogin .item-list ul li{list-style:none;margin:0}header[role="banner"] #block-userlogin .item-list ul li a{font-size:0.756em}header[role="banner"] #block-userlogin span.login-message{color:red;font-size:0.693em;line-height:1.2;display:block;padding:0 0 0.8em 0}header[role="banner"] #block-userlogin span.login-message[v-if="loginMessage"],header[role="banner"] #block-userlogin span.register-message[v-if="registerMessage"]{display:none}header[role="banner"] #block-userblock h2{display:none}header[role="banner"] #block-userblock a{margin-right:1em}header[role="banner"] #user-tools{padding-top:0.06em}header[role="banner"] #user-tools a.mdi-account{cursor:pointer}@media (min-width: 655px) and (max-width: 1090px){header[role="banner"] #user-tools a.mdi-account span{display:none}}header[role="banner"] #user-tools .mdi-logout::before{margin:-0.125em 0 0 0;vertical-align:top}header[role="banner"] #user-flags{padding-left:0.5em;margin-left:0.5em;display:inline-block;vertical-align:top;position:relative}header[role="banner"] #user-flags h2{cursor:pointer}header[role="banner"] #user-flags h2:before{padding-right:0.2em}@media (min-width: 655px) and (max-width: 1090px){header[role="banner"] #user-flags h2 span{display:none}}header[role="banner"] #user-flags ul{background-color:#fff;overflow:hidden;box-sizing:content-box;box-sizing:content-box}@media (min-width: 655px){header[role="banner"] #user-flags{border-left:1px solid #000}header[role="banner"] #user-flags ul{transition:all 0.4s ease-in-out;transition-delay:2s;z-index:30;position:absolute;right:0;top:1.7em;width:11em;max-height:1px;padding:0.01em 1em}}@media (min-width: 655px) and (hover: hover){header[role="banner"] #user-flags:hover ul{transition-delay:0s;max-height:50em;padding:1em 1em;box-shadow:0 0 10px #ccc}}@media (min-width: 655px){header[role="banner"] #user-flags.tapped ul{transition-delay:0s;max-height:50em;padding:1em 1em;box-shadow:0 0 10px #ccc}}header[role="banner"] #user-flags li{width:100%;display:flex;flex-direction:row;align-items:baseline;flex-wrap:nowrap}header[role="banner"] #user-flags li h5{cursor:pointer;font-weight:700}header[role="banner"] #user-flags li h5 span.length{font-weight:300}header[role="banner"] #user-flags li span.mdi{font-size:0.9em}header[role="banner"] #user-flags li div.actions{padding-left:0.5em}header[role="banner"] #user-flags li div.actions span.mdi{cursor:pointer;color:#4e4d4d}header[role="banner"] #user-flags li div.actions span.delete-btn.loading:before{animation:rotating 2s linear infinite}@media (min-width: 655px){header[role="banner"] #user-flags li div.actions{opacity:0;transition:opacity 0.3s ease-in-out}}@media (min-width: 655px) and (hover: hover){header[role="banner"] #user-flags li:hover div.actions{opacity:1}}@media (min-width: 655px){header[role="banner"] #user-flags li.tapped div.actions{opacity:1}}@media (max-width: 654px){header[role="banner"] #user-flags li{flex-direction:row-reverse}header[role="banner"] #user-flags li div.actions{padding-left:0;padding-right:0.5em}}header[role="banner"] #user-flags li.create-flag{margin-top:0.2em}header[role="banner"] #user-flags li.create-flag input{align-self:flex-end;border:1px solid #bbb;border-radius:5px;width:calc(100% - 2em);font-size:0.8em}header[role="banner"] #user-flags li.create-flag span.add-btn{align-self:flex-end;color:#bbb;font-size:1em;padding:0 0 0 .5em;transition:all 0.2s ease-in-out}header[role="banner"] #user-flags li.create-flag span.add-btn.active{cursor:pointer;color:#1a1a1a}header[role="banner"] #user-flags li.create-flag span.add-btn.loading:before{animation:rotating 2s linear infinite}header[role="banner"] #block-header{margin-right:0.5em;padding-left:0.5em;border-left:1px solid #000}header[role="banner"] #block-header #block-header-menu{display:none}header[role="banner"] #block-header ul.menu{margin:0}header[role="banner"] #block-header ul.menu li{padding:0}header[role="banner"] #block-header ul.menu li{display:inline-block}header[role="banner"] #block-header ul.menu li:not(:first-of-type){margin-left:0.3em}@media (max-width: 654px){header[role="banner"] #block-header ul.menu{text-align:right}header[role="banner"] #block-header ul.menu li{display:block}}header[role="banner"] #block-languageswitcher{text-align:right;position:relative;padding-right:3px}header[role="banner"] #block-languageswitcher h2{margin:0.1em 0 0 0;font-size:0.756em;font-weight:400;padding:0.1em 0.4em 0.2em;border-radius:3px;background-color:#444;color:#fff;display:inline-block;vertical-align:top;width:12px;height:15px;overflow:hidden}header[role="banner"] #block-languageswitcher h2::before{content:"\F05CA";display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}header[role="banner"] #block-languageswitcher>ul.links{overflow:hidden;margin:0;box-sizing:content-box}@media (min-width: 655px){header[role="banner"] #block-languageswitcher>ul.links{width:3.5em;position:absolute;top:17px;right:0;transition:all 0.4s ease-in-out;padding:0.01em 0;height:1px}}@media (min-width: 655px) and (hover: hover){header[role="banner"] #block-languageswitcher:hover>ul.links{transition-delay:0s;height:2em;padding:0.3em 0}}@media (min-width: 655px){header[role="banner"] #block-languageswitcher.tapped>ul.links{transition-delay:0s;height:2em;padding:0.3em 0}}@media (max-width: 654px){header[role="banner"] #block-languageswitcher h2{display:none}}header[role="banner"] #block-languageswitcher li{list-style:none;padding:0;display:inline-block}header[role="banner"] #block-languageswitcher li.is-active{display:none}header[role="banner"] #block-languageswitcher li a{margin:0;font-size:0.756em;font-weight:400;padding:0.2em 0.4em;border-radius:3px;background-color:#444;color:#fff}header[role="banner"] #header-bottom{display:flex;flex-direction:row;justify-content:space-between}header[role="banner"] #header-bottom:after{content:none}header[role="banner"] #header-bottom #block-materiosapisearchblock{align-self:flex-end}@media (max-width: 654px){header[role="banner"] #header-bottom{flex-direction:column;justify-content:center}header[role="banner"] #header-bottom #block-pagetitle{width:100%}header[role="banner"] #header-bottom #block-materiosapisearchblock{box-sizing:border-box;width:100%}}header[role="banner"] #block-pagetitle{padding:1em 0}@media (max-width: 654px){header[role="banner"] #block-pagetitle{padding:1em 0 0}body.path-frontpage header[role="banner"] #block-pagetitle,body.path-home header[role="banner"] #block-pagetitle{display:none}body.path-base header[role="banner"] #block-pagetitle h2{padding:0.5em 1em 0 !important}}header[role="banner"] #block-pagetitle h2{margin:0;font-size:1.512em;text-transform:capitalize;font-weight:300}body.path-home header[role="banner"] #block-pagetitle h2{display:none}body:not(.path-home) header[role="banner"] #block-pagetitle h2{padding:0.5em 1em}body.path-blabla header[role="banner"] #block-pagetitle h2,body.path-checkout header[role="banner"] #block-pagetitle h2{color:#fff;background-color:#9458aa}body.path-showrooms header[role="banner"] #block-pagetitle h2{color:#fff;background-color:#50aa3c}body.path-base header[role="banner"] #block-pagetitle h2,body.path-thematique header[role="banner"] #block-pagetitle h2{color:#fff;background-color:#69cdcf}body.path-pricing header[role="banner"] #block-pagetitle h2{color:#fff;background-color:#ff9f50}header[role="banner"] #block-materiosapisearchblock{padding:0}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;row-gap:0.2em}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form .form-item,header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form input.button{display:inline-block;margin:0}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form #edit-search{grid-row:1 / 1;grid-column:1 / 1;border:1px #BBB solid;border-radius:14px;padding:0.3em;color:#666}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form #edit-filters{grid-row:2 / 2;grid-column:1 / span 2}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form #edit-filters .ss-main{font-size:0.756em}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form #edit-filters .ss-main .ss-single-selected{border-radius:0.7em;height:1.5em;border:none;padding:0 0.5em;background-color:#eeeaea}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form #edit-filters .ss-main .ss-single-selected span.placeholder{color:#1A1A1A;line-height:1}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form #edit-filters .ss-main .ss-single-selected span.placeholder span.ss-disabled{color:#8f8f8f}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form #edit-filters .ss-main .ss-single-selected span.ss-arrow span{border-color:#b1adad}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form #edit-filters .ss-main .ss-content{width:auto}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form .button.form-submit{grid-row:1 / 1;grid-column:2 / 2;justify-self:end;align-self:center;border:0;text-indent:50px;overflow:hidden;width:20px;height:20px;margin:0;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgd2lkdGg9IjI3bW0iCiAgIGhlaWdodD0iMjdtbSIKICAgdmlld0JveD0iMCAwIDI3IDI3IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcxNTY4MCIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4wLjIgKGU4NmM4NzA4NzksIDIwMjEtMDEtMTUpIgogICBzb2RpcG9kaTpkb2NuYW1lPSJzZWFyY2guc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzMTU2NzQiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJiYXNlIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnpvb209IjMuOTU5Nzk4IgogICAgIGlua3NjYXBlOmN4PSI1Mi4zOTQzMDEiCiAgICAgaW5rc2NhcGU6Y3k9IjY2LjY2OTUyOSIKICAgICBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0ibW0iCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ibGF5ZXIxIgogICAgIGlua3NjYXBlOmRvY3VtZW50LXJvdGF0aW9uPSIwIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTE0NSIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMjgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIgLz4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGExNTY3NyI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICBpbmtzY2FwZTpsYWJlbD0iQ2FscXVlIDEiCiAgICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciIKICAgICBpZD0ibGF5ZXIxIj4KICAgIDxnCiAgICAgICBpZD0iZzE2NDIwIgogICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC44MTE1MDI5MywwLjIxMDg3NTA4KSI+CiAgICAgIDxsaW5lCiAgICAgICAgIGZpbGw9Im5vbmUiCiAgICAgICAgIHN0cm9rZT0iIzNhNThkOCIKICAgICAgICAgc3Ryb2tlLXdpZHRoPSIzLjU3NzU0IgogICAgICAgICBzdHJva2UtbGluZWNhcD0icm91bmQiCiAgICAgICAgIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIKICAgICAgICAgeDE9IjIuMDQzNjYwNiIKICAgICAgICAgeTE9IjI0LjQzMzkxNiIKICAgICAgICAgeDI9IjkuNDg3MjAyNiIKICAgICAgICAgeTI9IjE2Ljk5MDM3NCIKICAgICAgICAgaWQ9ImxpbmU0NTg0IgogICAgICAgICBzdHlsZT0ic3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLW9wYWNpdHk6MSIgLz4KICAgICAgPGcKICAgICAgICAgaWQ9Imc0NTkwIgogICAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjI2NDU4MzMzLDAsMCwwLjI2NDU4MzMzLC0zNzQuNTIzNSwtNjQ3Ljc4NjYpIj4KICAgICAgICA8cGF0aAogICAgICAgICAgIGQ9Im0gMTUwOS4zNzEsMjQ4OS4xMjkgYyAtMC4wMzksNi4xOTYgLTAuOTk2LDExLjYzOSAtMi44NjksMTYuMzI2IC0xLjg3Myw0LjY4NyAtNC40MjEsOC42MDcgLTcuNjQyLDExLjc1NSAtMy4yMjMsMy4xNDkgLTcuMDQ5LDUuNTA5IC0xMS40NzksNy4wODMgLTQuNDMsMS41NzQgLTkuMTg4LDIuMzQ2IC0xNC4yNjksMi4zMTUgLTQuOTQ0LC0wLjAzIC05LjYwMywtMC44NTkgLTEzLjk3OSwtMi40ODcgLTQuMzc3LC0xLjYyOCAtOC4xOTIsLTQuMDMzIC0xMS40NDQsLTcuMjI0IC0zLjI1MywtMy4xODcgLTUuODA0LC03LjEzNyAtNy42NTUsLTExLjg0NyAtMS44NTEsLTQuNzEgLTIuNzU3LC0xMC4xNjQgLTIuNzIxLC0xNi4zNjEgMC4wMzksLTYuMTk1IDEuMDQ1LC0xMS42MzcgMy4wMjQsLTE2LjMyNCAxLjk3OCwtNC42ODggNC42MjksLTguNjIxIDcuOTU3LC0xMS44MDUgMy4zMjYsLTMuMTgyIDcuMTY5LC01LjU2MSAxMS41MywtNy4xMzcgNC4zNjEsLTEuNTc0IDguOTQ1LC0yLjM0NiAxMy43NDksLTIuMzE2IDQuOTQzLDAuMDI5IDkuNjAxLDAuODU3IDEzLjk3OSwyLjQ4NiA0LjM3NSwxLjYyOSA4LjE4OCw0LjA1NSAxMS40NDIsNy4yNzYgMy4yNTIsMy4yMjIgNS44MDUsNy4xODggNy42NTYsMTEuODk5IDEuODUxLDQuNzEzIDIuNzU4LDEwLjE2NSAyLjcyMSwxNi4zNjEgeiBtIC01NS4yNDQsLTAuMzM3IGMgLTAuMDIyLDMuNTUxIDAuMzkyLDYuNzU4IDEuMjQ3LDkuNjE2IDAuODU0LDIuODYgMi4wOSw1LjMyMiAzLjcxNSw3LjM4NSAxLjYyMywyLjA2NCAzLjYxNCwzLjY2MiA1Ljk3Myw0Ljc4NyAyLjM2LDEuMTMgNS4wNzQsMS43MDMgOC4xMzcsMS43MjEgMi45OTIsMC4wMiA1LjY5NSwtMC41MiA4LjEwMywtMS42MjEgMi40MTEsLTEuMDk5IDQuNDM3LC0yLjY3IDYuMDg2LC00LjcxNSAxLjY0OSwtMi4wNDEgMi45MTYsLTQuNDg4IDMuODA1LC03LjMzOSAwLjg4NiwtMi44NDggMS4zNDMsLTYuMDQ5IDEuMzY0LC05LjYwMSAwLjAyMSwtMy41NDkgLTAuMzk2LC02Ljc3MiAtMS4yNDcsLTkuNjY2IC0wLjg1NCwtMi44OTUgLTIuMDkyLC01LjM3MiAtMy43MTQsLTcuNDM4IC0xLjYyNCwtMi4wNjIgLTMuNjMxLC0zLjY1OSAtNi4wMjksLTQuNzg5IC0yLjM5NSwtMS4xMjcgLTUuMDkxLC0xLjcwMSAtOC4wODIsLTEuNzIxIC0zLjA2NCwtMC4wMTggLTUuNzg0LDAuNTM5IC04LjE1NiwxLjY3NCAtMi4zNzQsMS4xMzUgLTQuMzg1LDIuNzI2IC02LjAzMyw0Ljc2OCAtMS42NSwyLjA0NSAtMi45MTcsNC41MDkgLTMuODA1LDcuMzkzIC0wLjg5LDIuODg1IC0xLjM0Myw2LjA2NyAtMS4zNjQsOS41NDYgeiIKICAgICAgICAgICBpZD0icGF0aDQ1ODgiIC8+CiAgICAgIDwvZz4KICAgICAgPGNpcmNsZQogICAgICAgICBmaWxsPSIjZmYyMzI2IgogICAgICAgICBjeD0iMTUuMjQ0NTMzIgogICAgICAgICBjeT0iMTAuNjk2NDU0IgogICAgICAgICByPSIxLjcyMTkwODMiCiAgICAgICAgIGlkPSJjaXJjbGU0NTk0IgogICAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eToxO3N0cm9rZS13aWR0aDowLjI2NDU4MyIgLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=);background-position:center;background-repeat:no-repeat;background-size:contain;background-color:transparent}@media (max-width: 654px){header[role="banner"] #block-materiosapisearchblock{padding:0 1em 1em;background-color:#69cdcf}body:not(.path-base) header[role="banner"] #block-materiosapisearchblock{display:none}}aside.messages{padding:0}#content-left{z-index:5;box-sizing:content-box;max-width:1px;overflow-x:hidden;transition:all 0.3s ease-in-out}#content-left.opened{max-width:500px;padding:0.3em}#content-left>*{box-sizing:border-box;background-color:#fff;box-shadow:-2px 0px 4px rgba(0,0,0,0.2);padding:0.5em}#content-left .flag-collection>header{display:flex;flex-direction:row;justify-content:space-between;padding-bottom:13px}#content-left .flag-collection>header .mdi-close{cursor:pointer;align-self:flex-end}@media (max-width: 436px){#content-left .flag-collection>ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}}#content-left .flag-collection>ul>li{margin:0 0 13px 0;padding:0}#content-left .flag-collection>ul>li article.card.minicard{width:170px;height:100px;margin:auto}#content-left .flag-collection>ul>li article.card.minicard>header{padding:0.3em 0.3em 0.1em}#content-left .flag-collection>ul>li article.card.minicard>header h1{margin:0}#content-left .flag-collection>ul>li article.card.minicard>nav.tools{padding:0 0.2em}#content-left .flag-collection>ul>li article.card.minicard>nav.tools .mdi.unflag{cursor:pointer}article.node--type-frontpage .node__content>section.home-intro>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-pricing>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-database>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-showrooms>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-blabla>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-pricing>h3,article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-title{font-size:3.5em;line-height:1}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-intro>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-pricing>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-database>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-showrooms>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-blabla>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-pricing>h3,article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-title{font-size:2em}}article.node--type-frontpage .node__content>section.home-intro>div:nth-child(1) .field__item,article.node--type-frontpage .node__content>section.home-pricing>div:nth-child(1) .field__item,article.node--type-frontpage .node__content>section.home-database>div:nth-child(1) .field__item,article.node--type-frontpage .node__content>section.home-showrooms>div:nth-child(1) .field__item,article.node--type-frontpage .node__content>section.home-blabla>div:nth-child(1) .field__item,article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-body{font-size:0.9em;line-height:1.3}article.node--type-frontpage .node__content>section.home-intro,article.node--type-frontpage .node__content>section.home-pricing{padding:1.5em 0;background-color:#fff}article.node--type-frontpage .node__content>section.home-intro>div:nth-child(1),article.node--type-frontpage .node__content>section.home-pricing>div:nth-child(1){width:80%;margin:0 auto;text-align:center}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-intro>div:nth-child(1),article.node--type-frontpage .node__content>section.home-pricing>div:nth-child(1){width:auto;padding:0 1em;text-align:left}}article.node--type-frontpage .node__content>section.home-database,article.node--type-frontpage .node__content>section.home-showrooms,article.node--type-frontpage .node__content>section.home-blabla{display:flex;flex-direction:row;flex-wrap:nowrap}article.node--type-frontpage .node__content>section.home-database>div:nth-child(1),article.node--type-frontpage .node__content>section.home-showrooms>div:nth-child(1),article.node--type-frontpage .node__content>section.home-blabla>div:nth-child(1){flex:0 0 423px;box-sizing:border-box;padding:1em;color:#fff}article.node--type-frontpage .node__content>section.home-database>div:nth-child(2),article.node--type-frontpage .node__content>section.home-showrooms>div:nth-child(2),article.node--type-frontpage .node__content>section.home-blabla>div:nth-child(2){flex:1 1 auto;box-sizing:border-box;padding:1em 0.5em}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-database,article.node--type-frontpage .node__content>section.home-showrooms,article.node--type-frontpage .node__content>section.home-blabla{flex-direction:column}article.node--type-frontpage .node__content>section.home-database>div:nth-child(1),article.node--type-frontpage .node__content>section.home-showrooms>div:nth-child(1),article.node--type-frontpage .node__content>section.home-blabla>div:nth-child(1){flex:0 0 auto}}article.node--type-frontpage>h2{display:none}article.node--type-frontpage .node__content>section.home-intro .field__item{display:flex;flex-flow:row nowrap;justify-content:center}article.node--type-frontpage .node__content>section.home-intro .field__item p{flex:0 0 410px;padding:1em}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-intro .field__item{display:none}}article.node--type-frontpage .node__content>section.home-database{background-color:#69cdcf}article.node--type-frontpage .node__content>section.home-database .field--name-field-a-database .field__label{cursor:pointer}article.node--type-frontpage .node__content>section.home-database .field--name-field-database-links .field__item{display:inline-block}article.node--type-frontpage .node__content>section.home-database .field--name-field-database-links .field__item a{display:inline-block;font-size:0.9em;font-weight:bold;padding:0.7em 1em;margin-bottom:0.3em;background-color:#fff;color:#000;border-radius:5px;border:none;background-color:#fff;color:#69cdcf}article.node--type-frontpage .node__content>section.home-database .cards-list-home{position:relative;max-height:580px;overflow-y:hidden}article.node--type-frontpage .node__content>section.home-database .cards-list-home ul{width:100%;margin:0;padding:0;display:flex;flex-flow:row wrap;justify-content:space-between}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-database .cards-list-home ul{justify-content:space-around}}article.node--type-frontpage .node__content>section.home-database .cards-list-home ul li{padding:0 0 6.5px 0;box-sizing:border-box;width:102.5px;height:147.5px;position:relative;list-style:none;margin:0}article.node--type-frontpage .node__content>section.home-database .cards-list-home ul li .card{width:100%;height:100%}article.node--type-frontpage .node__content>section.home-database .cards-list-home ul li .card .field--name-field-short-description{font-size:0.656em;line-height:1.2}article.node--type-frontpage .node__content>section.home-showrooms{background-color:#50aa3c}article.node--type-frontpage .node__content>section.home-showrooms .field--name-field-showroom-links .field__item{display:inline-block}article.node--type-frontpage .node__content>section.home-showrooms .field--name-field-showroom-links .field__item a{display:inline-block;font-size:0.9em;font-weight:bold;padding:0.7em 1em;margin-bottom:0.3em;background-color:#fff;color:#000;border-radius:5px;border:none;background-color:#fff;color:#50aa3c}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference{overflow:hidden;position:relative;display:grid;grid-template-rows:1fr}@media only screen and (max-width: 1526px){article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference{grid-template-columns:1fr}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item{grid-column:1}}@media only screen and (min-width: 1527px){article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference{grid-template-columns:1fr 1fr;grid-gap:1em}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item:nth-child(odd){grid-column:1}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item:nth-child(even){grid-column:2}}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item{grid-row:1;opacity:0;transition:all 2s ease-out}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item.active{opacity:1}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term{position:relative;width:100%;height:100%}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term div.visuel{width:100%;padding-bottom:5em}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term div.visuel img{max-width:100%;height:auto}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text{position:absolute;bottom:0;left:0;width:100%;box-sizing:border-box;padding:1em 0 0;background-color:#50aa3c;color:#fff}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text h2,article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text p{margin:0}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text h2{font-size:2em}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text .field--name-field-public-address br{display:none}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text .field--name-field-public-address span:not(:nth-last-of-type(1)){margin-right:0.4em}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text .field--name-field-public-address span:not(:nth-last-of-type(1)):after{padding-left:0.5em;content:"⋅"}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text .field--name-field-public-phone{display:inline-block;margin-right:0.4em}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text .field--name-field-public-phone:after{padding-left:0.5em;content:"⋅"}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text .field--name-field-public-email{display:inline-block}article.node--type-frontpage .node__content>section.home-blabla{background-color:#9458aa}article.node--type-frontpage .node__content>section.home-blabla .field--name-field-blabla-links .field__item{display:inline-block}article.node--type-frontpage .node__content>section.home-blabla .field--name-field-blabla-links .field__item a{display:inline-block;font-size:0.9em;font-weight:bold;padding:0.7em 1em;margin-bottom:0.3em;background-color:#fff;color:#000;border-radius:5px;border:none;background-color:#fff;color:#9458aa}article.node--type-frontpage .node__content>section.home-blabla .cards-list-home{position:relative;overflow-y:hidden;max-height:315px}article.node--type-frontpage .node__content>section.home-blabla .cards-list-home ul{width:100%;margin:0;padding:0;display:flex;flex-flow:row wrap;justify-content:space-between}article.node--type-frontpage .node__content>section.home-blabla .cards-list-home ul li{padding:0 0 13px 0;box-sizing:border-box;width:205px;position:relative;list-style:none;margin:0;overflow:hidden}article.node--type-frontpage .node__content>section.home-blabla .cards-list-home ul li .card{width:100%;height:auto}article.node--type-frontpage .node__content>section.home-blabla .cards-list-home ul li .card .field--name-title{font-size:0.756em;line-height:0.9}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-blabla .cards-list-home{max-height:386px}article.node--type-frontpage .node__content>section.home-blabla .cards-list-home ul{justify-content:space-around}article.node--type-frontpage .node__content>section.home-blabla .cards-list-home ul li{flex:0 3 45%}}article.node--type-frontpage .node__content>section.home-pricing>h3{text-align:center;text-transform:capitalize;padding:0.7em 0 0.3em 0}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-pricing>h3{text-align:left;padding:0 0.4em}}article.node--type-frontpage .node__content>section.home-pricing .field--name-field-pricing-pitch{text-align:center}article.node--type-frontpage .node__content>section.home-pricing .field--name-field-pricing-pitch p{margin:0}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-pricing .field--name-field-pricing-pitch{text-align:left}article.node--type-frontpage .node__content>section.home-pricing .field--name-field-pricing-pitch p{padding:0.5em 1em}}article.node--type-frontpage .node__content>section.home-pricing .field--name-field-pricing{display:flex;flex-flow:row nowrap;justify-content:center;padding-bottom:1em}article.node--type-frontpage .node__content>section.home-pricing .field--name-field-pricing p{flex:0 0 410px;padding:1em;margin:0;text-align:center}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-pricing .field--name-field-pricing{flex-flow:column;justify-content:flex-start}article.node--type-frontpage .node__content>section.home-pricing .field--name-field-pricing p{flex:0 0 auto;text-align:left;padding:0 1em 0.5em}}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference{display:flex;flex-flow:row nowrap}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference{flex-flow:column;justify-content:flex-start}}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item{flex:0 0 50%;text-align:center;padding:2em 0;color:#fff;position:relative;height:18em}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item a.btn{display:inline-block;font-size:0.9em;font-weight:bold;padding:0.7em 1em;margin-bottom:0.3em;background-color:#fff;color:#000;border-radius:5px;border:none;background-color:#fff}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item:nth-child(1){background-color:#69cdcf}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item:nth-child(1) a.btn{color:#69cdcf}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item:nth-child(2){background-color:#ff9f50}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item:nth-child(2) a.btn{color:#ff9f50}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item>article{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-title{font-weight:600;line-height:0.7;padding-bottom:0.1em;text-align:center;word-spacing:30000px}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-body{padding:0.5em}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-body p{margin:0}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item{flex:0 0 auto;padding:0}}.infinite-loading-container .infinite-status-prompt i[class^="loading-"]{width:15px;height:15px}.cards-list{position:relative}.cards-list .search-info{font-size:0.756em;font-weight:500;margin:0;padding:0 0 0.5em 0}.cards-list>ul{margin:0;padding:0;width:calc(100% + 13px)}.cards-list>ul>li{list-style:none;margin:0 13px 13px 0;padding:0;display:inline-block;vertical-align:top}@media (max-width: 654px){.cards-list>ul{display:flex;flex-flow:row wrap;justify-content:space-around;width:100%}.cards-list>ul>li{flex:0 1 48%;margin:0 0 0.5em 0;filter:drop-shadow(0 0 3px #aaa)}.cards-list>ul>li>article{width:100%;height:auto;box-shadow:none}#base .cards-list>ul>li>article>section.images{height:auto}.cards-list>ul>li>article>section.images>figure{position:relative}.cards-list>ul>li>article>section.images>figure:not(:first-child){display:none}.cards-list>ul>li>article>section.images>figure img:not(.blank){width:100%;height:auto}.cards-list>ul>li>article>section.images>figure img.blank{top:0;bottom:0;left:0;right:0}}article.card{position:relative;box-shadow:0 0 5px rgba(0,0,0,0.2);width:205px;height:295px}article.card.article{width:423px;height:295px}article.card.article section.images a{display:block}article.card.minicard{height:100px;width:170px;height:100px;margin:auto}article.card.minicard>header{padding:0.3em 0.3em 0.1em;cursor:pointer}article.card.minicard>header h1{margin:0;font-size:1em}article.card.minicard>header h4{margin:0;line-height:1.1;margin-bottom:-0.4em}article.card.minicard>header span.ref{line-height:0.5}article.card.minicard>nav.tools{padding:0 0.2em;background:rgba(255,255,255,0.8)}article.card.minicard>nav.tools .mdi.unflag{cursor:pointer}@media (hover: hover){article.card.minicard>nav.tools .tool.samples:hover .tool-content{max-width:140px}}article.card.minicard>nav.tools .tool.samples.tapped .tool-content{max-width:140px}article.card.linkedmaterialcard{width:190px;height:110px}article.card.linkedmaterialcard>header{padding:0.3em 0.3em 0.1em;cursor:pointer}article.card.linkedmaterialcard>header h1{margin:0;font-size:1em}article.card.linkedmaterialcard>header h4{margin:0;line-height:1.1;margin-bottom:-0.4em}article.card.linkedmaterialcard>header span.ref{line-height:0.5}article.card.linkedmaterialcard>nav.tools{top:auto;bottom:0;padding:0 0.2em;background:transparent}article.card.linkedmaterialcard>nav.tools .mdi.unflag{cursor:pointer}article.card header{position:absolute;bottom:0;z-index:10;color:#000;background-color:rgba(255,255,255,0.8);padding:0.3em 0.3em;box-sizing:border-box;width:100%}article.card header h1,article.card header h4{margin:0;padding:0}article.card header h1{font-size:1.3em;font-weight:700;line-height:0.85;margin-bottom:0.2em}article.card header h4{font-size:0.882em;font-weight:300;line-height:1.1;margin-bottom:-0.2em}article.card header span.ref{font-size:0.693em;font-weight:300;line-height:1}article.card.card-thematique header{background-color:rgba(105,205,207,0.9)}article.card nav.tools{position:absolute;top:0;right:0;z-index:21;width:15px;background-color:#fff;box-sizing:content-box;padding:0.3em 0.1em;opacity:0;transition:opacity 0.2s ease-in-out}article.card nav.tools>*{overflow:visible;position:relative}article.card nav.tools>* span.btn{overflow:hidden;font-size:0.882em}article.card nav.tools>* .tool-content{position:absolute;top:0px;right:100%;width:180px;box-sizing:border-box;padding:0;background-color:#fff;box-shadow:-2px 3px 8px rgba(0,0,0,0.5);opacity:0;max-height:0;max-width:0;overflow:hidden;transition:all 0.2s ease-in-out;transition-delay:0.1s}@media (hover: hover){article.card nav.tools>*:hover .tool-content{transition:all 0.3s ease-in-out;opacity:1;padding:0.3em;max-height:195px;max-width:200px}}article.card nav.tools>*.tapped .tool-content{transition:all 0.3s ease-in-out;opacity:1;padding:0.3em;max-height:195px;max-width:200px}@media (max-width: 654px){article.card nav.tools{width:23px}article.card nav.tools>*>span.btn,article.card nav.tools>*>a{font-size:1.2em}}article.card nav.tools .tool.flags .tool-content ul{display:flex;flex-flow:row wrap}article.card nav.tools .tool.flags .tool-content ul li{padding:0 0.5em 0 0}article.card nav.tools .tool.flags span.flag{cursor:pointer;font-size:0.756em;color:#bbb;transition:color 0.3s ease-in-out}@media (hover: hover){article.card nav.tools .tool.flags span.flag:hover{color:#1a1a1a}}article.card nav.tools .tool.flags span.flag.tapped{color:#1a1a1a}article.card nav.tools .tool.flags span.flag.isActive{color:#1a1a1a}article.card nav.tools .tool.flags li.create-flag{margin-top:0.2em;padding:0}article.card nav.tools .tool.flags li.create-flag input{align-self:flex-end;border:1px solid #bbb;border-radius:5px;width:calc(100% - 2em);font-size:0.8em}article.card nav.tools .tool.flags li.create-flag span.add-btn{align-self:flex-end;color:#bbb;font-size:1em;transition:all 0.2s ease-in-out}article.card nav.tools .tool.flags li.create-flag span.add-btn.active{cursor:pointer;color:#1a1a1a}article.card nav.tools .tool.flags li.create-flag span.add-btn.loading:before{animation:rotating 2s linear infinite}article.card nav.tools .tool.samples .tool-content{font-size:0.756em}article.card nav.tools .tool.samples .tool-content ul li{font-weight:bold}article.card nav.tools .tool.samples .tool-content ul li span.showroom{font-weight:400}@media (hover: hover){article.card:hover nav.tools{opacity:1}}article.card.tapped nav.tools{opacity:1}article.card section.images{position:relative}article.card section.images,article.card section.images *{width:100%;height:100%}article.card section.images figure{cursor:pointer;margin:0;position:absolute;top:0;left:0;transition:opacity 0.2s ease-in-out}article.card section.images figure:first-of-type{z-index:5}article.card section.images figure.show{opacity:1;z-index:6}article.card section.images figure.hide{opacity:0}article.card section.images figure img.blank{position:absolute;top:0;left:0;z-index:20}article.card.search-card>header{cursor:pointer}article.card.modal-card{display:flex;flex-flow:row-reverse nowrap;width:850px;height:610px}article.card.modal-card>.col{flex-basis:50%}@media (max-width: 654px){article.card.modal-card{flex-flow:column;width:100%;height:100%;overflow-y:auto}article.card.modal-card>.col-right{flex:0 0 auto}article.card.modal-card>.col-left{flex:0 0 100%}}article.card.modal-card section.col-right>*:not(nav.tools){position:relative;padding:0.3em 20px 0 0.5em;box-sizing:border-box;width:100%}article.card.modal-card section.col-right>header{bottom:auto}article.card.modal-card section.col-right span.label{font-size:0.693em;font-weight:500}article.card.modal-card section.col-right section.body p{font-size:0.693em;font-weight:300;line-height:1.35;margin:0 0 0.3em}article.card.modal-card section.col-right .vsa-list{padding:0;border:none;--vsa-heading-padding: 0 0;--vsa-content-padding: 0 0 0.5em;--vsa-default-icon-size: 0.3;--vsa-border-width: 0;--vsa-text-color: #1A1A1A;--vsa-highlight-color: #fff;--vsa-bg-color: #fff}article.card.modal-card section.col-right .vsa-list .vsa-item__trigger:focus .vsa-item__trigger__icon--is-default::after,article.card.modal-card section.col-right .vsa-list .vsa-item__trigger:focus .vsa-item__trigger__icon--is-default::before,article.card.modal-card section.col-right .vsa-list .vsa-item__trigger:hover .vsa-item__trigger__icon--is-default::after,article.card.modal-card section.col-right .vsa-list .vsa-item__trigger:hover .vsa-item__trigger__icon--is-default::before{background-color:var(--vsa-text-color)}article.card.modal-card section.col-right .vsa-list .vsa-item .vsa-item__heading button.vsa-item__trigger{height:2em}article.card.modal-card section.col-right .vsa-list .vsa-item .vsa-item__heading button.vsa-item__trigger:hover,article.card.modal-card section.col-right .vsa-list .vsa-item .vsa-item__heading button.vsa-item__trigger:focus{color:var(--vsa-text-color)}article.card.modal-card section.col-right .vsa-list .vsa-item[data-vsa-active="false"] .vsa-item__heading{padding-bottom:0.2em;margin-bottom:0.2em;border-bottom:0.5px dotted #1A1A1A}article.card.modal-card section.col-right section.linked-materials>ul{display:flex;flex-flow:row wrap;justify-content:space-between}article.card.modal-card section.col-right section.linked-materials>ul>li{flex-basis:0 0 50%;margin-bottom:0.5em}article.card.modal-card section.col-right nav.tools{opacity:1}article.card.modal-card section.col-right nav.tools section.close span.btn.mdi-close{cursor:pointer}article.card.modal-card section.col-right nav.tools div.tool-content{min-width:385px}@media (max-width: 654px){article.card.modal-card section.col-right nav.tools div.tool-content{min-width:80vw}}article.card.modal-card section.col-right section.tool.samples div.tool-content ul{font-size:0.756em;font-weight:300}article.card.modal-card section.col-right section.tool.samples div.tool-content ul li{padding-right:0.5em}article.card.modal-card section.col-right section.tool.samples div.tool-content ul li span.showroom{font-weight:500}@media (hover: hover){article.card.modal-card section.col-right section.tool.note:hover div.tool-content{max-height:370px}}article.card.modal-card section.col-right section.tool.note.tapped div.tool-content{max-height:370px}article.card.modal-card section.col-right section.tool.note div.tool-content textarea,article.card.modal-card section.col-right section.tool.note div.tool-content textarea:focus,article.card.modal-card section.col-right section.tool.note div.tool-content textarea:focus-visible,article.card.modal-card section.col-right section.tool.note div.tool-content textarea:active{resize:none;width:99%;height:350px;margin:0;padding:0.3em;border:1px solid #ccc;border-radius:3px;outline:none;box-sizing:border-box}article.card.modal-card section.col-right section.industriels{display:flex;flex-flow:row}article.card.modal-card section.col-right section.industriels>section{flex:0 0 50%}article.card.modal-card section.col-right section.industriels>section ul li{padding:0.1em 0 .4em 0}article.card.modal-card section.col-right section.industriels>section h2{margin:0;font-size:1em;line-height:1}article.card.modal-card section.col-right section.industriels>section p{margin:0;font-size:0.756em}article.card.modal-card section.col-right section.attachments a{margin:0;font-size:0.882em;line-height:0.6}article.card.modal-card section.col-right section.attachments a span{font-size:0.8em}article.card.modal-card section.col-right section.attachments p{margin:0;font-size:0.882em}@media (min-width: 655px){.vm--modale-card{max-width:850px;max-height:610px;left:50% !important;top:50% !important;transform:translate(-50%, -50%) !important}}.vm--overlay{background:rgba(0,0,0,0.5) !important}#main-content>article.thematique div.cols{display:flex;flex-direction:row;flex-wrap:nowrap}@media (max-width: 654px){#main-content>article.thematique div.cols{flex-wrap:wrap}}#main-content>article.thematique div.cols div.col-left{padding:0 13px 13px 0;flex:0 0 423px}#main-content>article.thematique div.col-left section.body{background-color:#69cdcf;padding:0.5em 1em 1em}#main-content>article.thematique div.col-left section.visuel img{width:100%}#main-content>article.thematique aside.linked-materials div.card-list>ul{width:calc(100% + 13px)}#main-content>article.thematique aside.linked-materials div.card-list>ul>li{display:inline-block;vertical-align:top;width:205px;margin:0 13px 13px 0}#main-content>article.thematique aside.linked-materials h3.field__label{font-size:1em;font-weight:500;margin:2em 0 1em 0}#main-content>article.thematique aside.linked-materials h1.title{font-size:1em;font-weight:400}#main-content>article.thematique aside.linked-materials h3.ref{font-size:0.756em;font-weight:600}#main-content>article.thematique aside.linked-materials h2.description{font-size:0.756em;font-weight:400}@media (min-width: 655px){#main-content>article.article div.cols{display:grid;grid-template-rows:1fr;grid-template-columns:repeat(6, 1fr);grid-gap:1em}#main-content>article.article div.cols div.col-left{grid-column:1}#main-content>article.article div.cols div.col-right{grid-column:2/6}}@media (max-width: 654px){#main-content>article.article div.cols{padding:1em;box-sizing:border-box}#main-content>article.article div.cols .accroche figure{width:100%}}#main-content>article.article section.accroche figure{width:423px;margin:0 13px 0 0}#main-content>article.article section.accroche figure img{width:100%}#main-content>article.article section.taxonomy{margin:1em 0}#main-content>article.article section.taxonomy ul{margin:0}#main-content>article.article section.taxonomy li{display:inline-block;padding:0 0.5em 0 0}#main-content>article.article div.gallery-wrapper .image{display:inline-block;width:205px;margin:0 13px 7.8px 0;height:147.5px;background-size:cover}@media (max-width: 654px){#main-content>article.article div.gallery-wrapper{display:flex;flex-flow:row wrap;justify-content:space-between}#main-content>article.article div.gallery-wrapper .image{display:block;flex:0 1 48%;margin:0 0 7.8px 0}}@media (min-width: 655px){#main-content>article.article aside.linked-materials ul{width:calc(100% + 13px)}#main-content>article.article aside.linked-materials ul li{display:inline-block;vertical-align:top;width:205px;margin:0 13px 13px 0}}#main-content>article.article aside.linked-materials h3.field__label{font-size:1em;font-weight:500;margin:2em 0 1em 0}#main-content>article.article aside.linked-materials h1.title{font-size:1em;font-weight:400}#main-content>article.article aside.linked-materials h3.ref{font-size:0.756em;font-weight:600}#main-content>article.article aside.linked-materials h2.description{font-size:0.756em;font-weight:400}@media (max-width: 654px){#main-content>article.article nav.prevnext{padding:0 1em}}#main-content>article.article nav.prevnext.bottom{margin:2em 0}#main-content>article.article nav.prevnext ul{padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr}#main-content>article.article nav.prevnext li{padding:0;margin:0;list-style:none}#main-content>article.article nav.prevnext li a{font-size:0.756em;font-weight:700;line-height:1.3;display:block;position:relative;padding:0 1em}#main-content>article.article nav.prevnext li:nth-child(1){grid-column:1}#main-content>article.article nav.prevnext li:nth-child(1) a:before{content:'\021A4';position:absolute;left:0}#main-content>article.article nav.prevnext li:nth-child(2){grid-column:2;text-align:right}#main-content>article.article nav.prevnext li:nth-child(2) a:after{content:'\021A6';position:absolute;right:0}#showrooms{width:calc(100% + 13px)}#showrooms article.showroom{width:423px;display:inline-block;vertical-align:top;margin:0 13px 13px 0}#showrooms article.showroom h1{margin:0;font-weight:4}#showrooms article.showroom p{margin:0}#showrooms article.showroom figure{margin:0}#showrooms article.showroom figure img{max-width:100%}#main-content>#pricing,#main-content .view-pricing-products .view-content{display:flex;flex-flow:row nowrap}#main-content>#pricing article.product,#main-content>#pricing .views-row,#main-content .view-pricing-products .view-content article.product,#main-content .view-pricing-products .view-content .views-row{flex:0 0 50%;text-align:center;padding:2em 0}#main-content>#pricing article.product>header,#main-content>#pricing .views-row>header,#main-content .view-pricing-products .view-content article.product>header,#main-content .view-pricing-products .view-content .views-row>header{padding-bottom:1.3em}#main-content>#pricing article.product>header h1,#main-content>#pricing article.product .views-field-title,#main-content>#pricing .views-row>header h1,#main-content>#pricing .views-row .views-field-title,#main-content .view-pricing-products .view-content article.product>header h1,#main-content .view-pricing-products .view-content article.product .views-field-title,#main-content .view-pricing-products .view-content .views-row>header h1,#main-content .view-pricing-products .view-content .views-row .views-field-title{font-size:4em;line-height:0.6;color:#fff;text-align:center;word-spacing:30000px}#main-content>#pricing article.product section.content,#main-content>#pricing article.product .views-field-body,#main-content>#pricing .views-row section.content,#main-content>#pricing .views-row .views-field-body,#main-content .view-pricing-products .view-content article.product section.content,#main-content .view-pricing-products .view-content article.product .views-field-body,#main-content .view-pricing-products .view-content .views-row section.content,#main-content .view-pricing-products .view-content .views-row .views-field-body{color:#fff}#main-content>#pricing article.product section.content .description,#main-content>#pricing article.product .views-field-body .description,#main-content>#pricing .views-row section.content .description,#main-content>#pricing .views-row .views-field-body .description,#main-content .view-pricing-products .view-content article.product section.content .description,#main-content .view-pricing-products .view-content article.product .views-field-body .description,#main-content .view-pricing-products .view-content .views-row section.content .description,#main-content .view-pricing-products .view-content .views-row .views-field-body .description{font-size:1.134em}#main-content>#pricing article.product section.content .description p,#main-content>#pricing article.product .views-field-body .description p,#main-content>#pricing .views-row section.content .description p,#main-content>#pricing .views-row .views-field-body .description p,#main-content .view-pricing-products .view-content article.product section.content .description p,#main-content .view-pricing-products .view-content article.product .views-field-body .description p,#main-content .view-pricing-products .view-content .views-row section.content .description p,#main-content .view-pricing-products .view-content .views-row .views-field-body .description p{margin:0.3em}#main-content>#pricing article.product aside,#main-content>#pricing .views-row aside,#main-content .view-pricing-products .view-content article.product aside,#main-content .view-pricing-products .view-content .views-row aside{padding:1em 0}#main-content>#pricing article.product aside .variation,#main-content>#pricing .views-row aside .variation,#main-content .view-pricing-products .view-content article.product aside .variation,#main-content .view-pricing-products .view-content .views-row aside .variation{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-end}#main-content>#pricing article.product aside .variation div.variation-description,#main-content>#pricing .views-row aside .variation div.variation-description,#main-content .view-pricing-products .view-content article.product aside .variation div.variation-description,#main-content .view-pricing-products .view-content .views-row aside .variation div.variation-description{flex:0 0 6.7em;font-size:2.012em;font-weight:800;color:#fff}#main-content>#pricing article.product aside .variation div.variation-description p,#main-content>#pricing .views-row aside .variation div.variation-description p,#main-content .view-pricing-products .view-content article.product aside .variation div.variation-description p,#main-content .view-pricing-products .view-content .views-row aside .variation div.variation-description p{margin:0;text-align:left}#main-content>#pricing article.product aside .variation button,#main-content>#pricing .views-row aside .variation button,#main-content .view-pricing-products .view-content article.product aside .variation button,#main-content .view-pricing-products .view-content .views-row aside .variation button{display:inline-block;font-size:0.9em;font-weight:bold;padding:0.7em 1em;margin-bottom:0.3em;background-color:#fff;color:#000;border-radius:5px;border:none;background-color:#fff}#main-content>#pricing article.product:nth-child(1),#main-content>#pricing .views-row:nth-child(1),#main-content .view-pricing-products .view-content article.product:nth-child(1),#main-content .view-pricing-products .view-content .views-row:nth-child(1){background-color:#69cdcf}#main-content>#pricing article.product:nth-child(1) aside .variation button,#main-content>#pricing .views-row:nth-child(1) aside .variation button,#main-content .view-pricing-products .view-content article.product:nth-child(1) aside .variation button,#main-content .view-pricing-products .view-content .views-row:nth-child(1) aside .variation button{color:#69cdcf}#main-content>#pricing article.product:nth-child(2),#main-content>#pricing .views-row:nth-child(2),#main-content .view-pricing-products .view-content article.product:nth-child(2),#main-content .view-pricing-products .view-content .views-row:nth-child(2){background-color:#ff9f50}#main-content>#pricing article.product:nth-child(2) aside .variation button,#main-content>#pricing .views-row:nth-child(2) aside .variation button,#main-content .view-pricing-products .view-content article.product:nth-child(2) aside .variation button,#main-content .view-pricing-products .view-content .views-row:nth-child(2) aside .variation button{color:#ff9f50}@media (max-width: 654px){#main-content>#pricing,#main-content .view-pricing-products .view-content{flex-flow:column}#main-content>#pricing article.product,#main-content>#pricing .views-row,#main-content .view-pricing-products .view-content article.product,#main-content .view-pricing-products .view-content .views-row{flex:0 1 auto}}.modal{position:relative}#pricing-modal-login-register{position:relative;width:100%;text-align:left}#pricing-modal-login-register h2{margin:0.4em 0 1.1em;padding-right:4em;font-size:1.2em;font-weight:300}#pricing-modal-login-register #login-register{width:100%;display:flex;flex-flow:row nowrap}#pricing-modal-login-register #login-register>section{flex:0 0 250px}#pricing-modal-login-register #login-register>section form .form-item,#pricing-modal-login-register #login-register>section form .form-actions{margin:0.5em 0;max-width:none}#pricing-modal-login-register #login-register>section form .form-type-email,#pricing-modal-login-register #login-register>section form .form-type-password,#pricing-modal-login-register #login-register>section form .form-actions{display:block}#pricing-modal-login-register #login-register>section form input[type="email"],#pricing-modal-login-register #login-register>section form input[type="password"]{max-width:11em}#pricing-modal-login-register #login-register>section form#user-login-form #edit-pass--description,#pricing-modal-login-register #login-register>section form #edit-pass-pass1--description{display:block;max-width:16em;font-size:0.693em}#pricing-modal-login-register #login-register>section form span.login-message,#pricing-modal-login-register #login-register>section form span.register-message{color:red;font-size:0.693em;line-height:1.2;display:block;padding:0.8em 0 0 0}#pricing-modal-login-register #login-register>section form span.login-message[v-if="loginMessage"],#pricing-modal-login-register #login-register>section form span.register-message[v-if="registerMessage"]{display:none}#main-content form.commerce-checkout-flow{max-width:641px}#main-content form.commerce-checkout-flow .layout-checkout-form{display:flex;flex-flow:column}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main{width:100%;float:none;order:2;background-color:#ff9f50;padding:1em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main label,#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main legend,#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main fieldset#edit-review-contact-information,#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main fieldset#edit-review-payment-information{color:#fff}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main fieldset{border:none;margin:0;padding:0}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main fieldset legend{font-size:1.5em;font-weight:600;margin-bottom:0.5em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .form-item{margin:0 0 0.5em 0}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main label{display:inline-block;font-weight:bold;min-width:10em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main input[type="text"]{width:20em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .stripe-form{display:inline-block;background-color:#fff;color:#1A1A1A;border-radius:5px;padding:1em;margin:0 0 1em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .stripe-form .form-item{display:flex;align-items:center;flex-flow:row nowrap}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .stripe-form .form-item label{color:#777}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .stripe-form .form-item .form-text{background-color:#fff;border-radius:3px}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .form-item-payment-information-add-payment-method-billing-information-address-0-address-address-line2{padding-left:10.25em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .form-item-payment-information-add-payment-method-billing-information-copy-to-address-book{display:none}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary{width:100%;float:none;order:1}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary>h3{display:none}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-order-summary{background-color:#69cdcf;color:#fff;padding:1em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-order-summary .view-commerce-checkout-order-summary{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-end}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-order-summary .field--name-product-id .field--name-title{font-size:2.5em;font-weight:800}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-order-summary .field--name-title{font-size:1.5em;font-weight:600}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-order-summary p{margin:0}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-coupon-redemption{background-color:#50aa3c;padding:1em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-coupon-redemption>.form-wrapper{display:flex;flex-flow:row;align-items:center}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-coupon-redemption>.form-wrapper .form-item{margin:0 0.5em 0 0}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-coupon-redemption>.form-wrapper .form-item label{color:#fff;font-size:1.5em;font-weight:600;margin-right:0.5em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-coupon-redemption>.form-wrapper .form-item input[type="text"]{width:7em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-coupon-redemption>.form-wrapper input[type="submit"]{background-color:#fff;color:#50aa3c;border:none;margin:0;padding:0.1em 0.7em;box-sizing:content-box;height:2em;font-weight:800;border-radius:5px}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-footer{float:none;width:100%;padding:0;order:3}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-footer #edit-actions{text-align:right}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-footer input#edit-actions-next{background-color:#9458aa;color:#fff;border:none;border-radius:5px;padding:0.2em 0.4em 0.3em;font-weight:600;font-size:1.323em}form#user-pass input.form-email{max-width:95%}body:not(.path-home) footer[role="contentinfo"]{display:none}footer[role="contentinfo"] #block-materiosimplenewssubscription form{display:flex;flex-flow:row nowrap;align-items:center;font-size:0.756em}footer[role="contentinfo"] #block-materiosimplenewssubscription form>*{margin-right:0.5em}footer[role="contentinfo"] #block-materiosimplenewssubscription form #edit-subscriptions{display:flex;flex-flow:row nowrap}footer[role="contentinfo"] #block-materiosimplenewssubscription form #edit-subscriptions>*{margin-right:0.5em;display:flex;flex-flow:row nowrap;align-items:center}footer[role="contentinfo"] #block-materiosimplenewssubscription form #edit-subscriptions input{margin-right:0.3em}footer[role="contentinfo"] #block-materiosimplenewssubscription form #edit-mail-wrapper input[type="email"]{width:10em}footer[role="contentinfo"] #block-materiosimplenewssubscription form #edit-actions--2 input[type="submit"]{border:none;background:none;background-color:#69cdcf;border-radius:5px;color:#fff;padding:0.7em 1em;font-weight:700} +body{background:white;color:#1A1A1A}a{color:inherit;text-decoration:none}a,a:focus,a:active{outline:none}a:focus{-moz-outline-style:none}ul{margin:0;padding:0}ul li{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{margin:0}p a{position:relative}p a:not(.btn):after{content:'';position:absolute;top:1em;left:0;width:100%;border-bottom:1px dotted #000}input[type="text"],input[type="email"],input[type="tel"],input[type="password"]{border-radius:5px;border:0.5px solid #aaa;padding:0.3em 0.4em}input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="password"]:focus{outline:none;box-shadow:0 0 2px 1px #8bc4ff}.col-1,.small-col-1,.med-col-1,.large-col-1,.col-2,.small-col-2,.med-col-2,.large-col-2,.col-3,.small-col-3,.med-col-3,.large-col-3,.col-4,.small-col-4,.med-col-4,.large-col-4,.col-5,.small-col-5,.med-col-5,.large-col-5,.col-6,.small-col-6,.med-col-6,.large-col-6,.col-7,.small-col-7,.med-col-7,.large-col-7,.col-8,.small-col-8,.med-col-8,.large-col-8,.col-9,.small-col-9,.med-col-9,.large-col-9,.col-10,.small-col-10,.med-col-10,.large-col-10,.col-11,.small-col-11,.med-col-11,.large-col-11,.col-12,.small-col-12,.med-col-12,.large-col-12,.col-1-offset-1,.col-1-offset-2,.col-1-offset-3,.col-1-offset-4,.col-1-offset-5,.col-1-offset-6,.col-1-offset-7,.col-1-offset-8,.col-1-offset-9,.col-1-offset-10,.col-1-offset-11,.col-2-offset-1,.col-2-offset-2,.col-2-offset-3,.col-2-offset-4,.col-2-offset-5,.col-2-offset-6,.col-2-offset-7,.col-2-offset-8,.col-2-offset-9,.col-2-offset-10,.col-3-offset-1,.col-3-offset-2,.col-3-offset-3,.col-3-offset-4,.col-3-offset-5,.col-3-offset-6,.col-3-offset-7,.col-3-offset-8,.col-3-offset-9,.col-4-offset-1,.col-4-offset-2,.col-4-offset-3,.col-4-offset-4,.col-4-offset-5,.col-4-offset-6,.col-4-offset-7,.col-4-offset-8,.col-5-offset-1,.col-5-offset-2,.col-5-offset-3,.col-5-offset-4,.col-5-offset-5,.col-5-offset-6,.col-5-offset-7,.col-6-offset-1,.col-6-offset-2,.col-6-offset-3,.col-6-offset-4,.col-6-offset-5,.col-6-offset-6,.col-7-offset-1,.col-7-offset-2,.col-7-offset-3,.col-7-offset-4,.col-7-offset-5,.col-8-offset-1,.col-8-offset-2,.col-8-offset-3,.col-8-offset-4,.col-9-offset-1,.col-9-offset-2,.col-9-offset-3,.col-10-offset-1,.col-10-offset-2,.col-11-offset-1{width:100%;float:left;box-sizing:border-box}.row{position:relative}.row:after{content:"";clear:both;display:block}.col-1{padding-left:0em;padding-right:1em;margin-left:0%;width:8.33333%}.col-1:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-1{padding-left:0em;padding-right:1em;margin-left:0%;width:8.33333%}.small-col-1:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-1{padding-left:0em;padding-right:1em;margin-left:0%;width:8.33333%}.med-col-1:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-1{padding-left:0em;padding-right:1em;margin-left:0%;width:8.33333%}.large-col-1:last-child{padding-right:0}}.col-2{padding-left:0em;padding-right:1em;margin-left:0%;width:16.66667%}.col-2:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-2{padding-left:0em;padding-right:1em;margin-left:0%;width:16.66667%}.small-col-2:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-2{padding-left:0em;padding-right:1em;margin-left:0%;width:16.66667%}.med-col-2:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-2{padding-left:0em;padding-right:1em;margin-left:0%;width:16.66667%}.large-col-2:last-child{padding-right:0}}.col-3{padding-left:0em;padding-right:1em;margin-left:0%;width:25%}.col-3:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-3{padding-left:0em;padding-right:1em;margin-left:0%;width:25%}.small-col-3:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-3{padding-left:0em;padding-right:1em;margin-left:0%;width:25%}.med-col-3:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-3{padding-left:0em;padding-right:1em;margin-left:0%;width:25%}.large-col-3:last-child{padding-right:0}}.col-4{padding-left:0em;padding-right:1em;margin-left:0%;width:33.33333%}.col-4:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-4{padding-left:0em;padding-right:1em;margin-left:0%;width:33.33333%}.small-col-4:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-4{padding-left:0em;padding-right:1em;margin-left:0%;width:33.33333%}.med-col-4:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-4{padding-left:0em;padding-right:1em;margin-left:0%;width:33.33333%}.large-col-4:last-child{padding-right:0}}.col-5{padding-left:0em;padding-right:1em;margin-left:0%;width:41.66667%}.col-5:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-5{padding-left:0em;padding-right:1em;margin-left:0%;width:41.66667%}.small-col-5:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-5{padding-left:0em;padding-right:1em;margin-left:0%;width:41.66667%}.med-col-5:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-5{padding-left:0em;padding-right:1em;margin-left:0%;width:41.66667%}.large-col-5:last-child{padding-right:0}}.col-6{padding-left:0em;padding-right:1em;margin-left:0%;width:50%}.col-6:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-6{padding-left:0em;padding-right:1em;margin-left:0%;width:50%}.small-col-6:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-6{padding-left:0em;padding-right:1em;margin-left:0%;width:50%}.med-col-6:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-6{padding-left:0em;padding-right:1em;margin-left:0%;width:50%}.large-col-6:last-child{padding-right:0}}.col-7{padding-left:0em;padding-right:1em;margin-left:0%;width:58.33333%}.col-7:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-7{padding-left:0em;padding-right:1em;margin-left:0%;width:58.33333%}.small-col-7:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-7{padding-left:0em;padding-right:1em;margin-left:0%;width:58.33333%}.med-col-7:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-7{padding-left:0em;padding-right:1em;margin-left:0%;width:58.33333%}.large-col-7:last-child{padding-right:0}}.col-8{padding-left:0em;padding-right:1em;margin-left:0%;width:66.66667%}.col-8:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-8{padding-left:0em;padding-right:1em;margin-left:0%;width:66.66667%}.small-col-8:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-8{padding-left:0em;padding-right:1em;margin-left:0%;width:66.66667%}.med-col-8:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-8{padding-left:0em;padding-right:1em;margin-left:0%;width:66.66667%}.large-col-8:last-child{padding-right:0}}.col-9{padding-left:0em;padding-right:1em;margin-left:0%;width:75%}.col-9:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-9{padding-left:0em;padding-right:1em;margin-left:0%;width:75%}.small-col-9:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-9{padding-left:0em;padding-right:1em;margin-left:0%;width:75%}.med-col-9:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-9{padding-left:0em;padding-right:1em;margin-left:0%;width:75%}.large-col-9:last-child{padding-right:0}}.col-10{padding-left:0em;padding-right:1em;margin-left:0%;width:83.33333%}.col-10:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-10{padding-left:0em;padding-right:1em;margin-left:0%;width:83.33333%}.small-col-10:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-10{padding-left:0em;padding-right:1em;margin-left:0%;width:83.33333%}.med-col-10:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-10{padding-left:0em;padding-right:1em;margin-left:0%;width:83.33333%}.large-col-10:last-child{padding-right:0}}.col-11{padding-left:0em;padding-right:1em;margin-left:0%;width:91.66667%}.col-11:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-11{padding-left:0em;padding-right:1em;margin-left:0%;width:91.66667%}.small-col-11:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-11{padding-left:0em;padding-right:1em;margin-left:0%;width:91.66667%}.med-col-11:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-11{padding-left:0em;padding-right:1em;margin-left:0%;width:91.66667%}.large-col-11:last-child{padding-right:0}}.col-12{padding-left:0em;padding-right:0;margin-left:0%;width:100%}.col-12:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-12{padding-left:0em;padding-right:0;margin-left:0%;width:100%}.small-col-12:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-12{padding-left:0em;padding-right:0;margin-left:0%;width:100%}.med-col-12:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-12{padding-left:0em;padding-right:0;margin-left:0%;width:100%}.large-col-12:last-child{padding-right:0}}.col-1-offset-1{padding-left:1em;padding-right:1em;margin-left:8.33333%;width:8.33333%}.col-1-offset-1:last-child{padding-right:0}.col-1-offset-2{padding-left:2em;padding-right:1em;margin-left:16.66667%;width:8.33333%}.col-1-offset-2:last-child{padding-right:0}.col-1-offset-3{padding-left:3em;padding-right:1em;margin-left:25%;width:8.33333%}.col-1-offset-3:last-child{padding-right:0}.col-1-offset-4{padding-left:4em;padding-right:1em;margin-left:33.33333%;width:8.33333%}.col-1-offset-4:last-child{padding-right:0}.col-1-offset-5{padding-left:5em;padding-right:1em;margin-left:41.66667%;width:8.33333%}.col-1-offset-5:last-child{padding-right:0}.col-1-offset-6{padding-left:6em;padding-right:1em;margin-left:50%;width:8.33333%}.col-1-offset-6:last-child{padding-right:0}.col-1-offset-7{padding-left:7em;padding-right:1em;margin-left:58.33333%;width:8.33333%}.col-1-offset-7:last-child{padding-right:0}.col-1-offset-8{padding-left:8em;padding-right:1em;margin-left:66.66667%;width:8.33333%}.col-1-offset-8:last-child{padding-right:0}.col-1-offset-9{padding-left:9em;padding-right:1em;margin-left:75%;width:8.33333%}.col-1-offset-9:last-child{padding-right:0}.col-1-offset-10{padding-left:10em;padding-right:1em;margin-left:83.33333%;width:8.33333%}.col-1-offset-10:last-child{padding-right:0}.col-1-offset-11{padding-left:11em;padding-right:1em;margin-left:91.66667%;width:8.33333%}.col-1-offset-11:last-child{padding-right:0}.col-2-offset-1{padding-left:1em;padding-right:1em;margin-left:16.66667%;width:16.66667%}.col-2-offset-1:last-child{padding-right:0}.col-2-offset-2{padding-left:2em;padding-right:1em;margin-left:33.33333%;width:16.66667%}.col-2-offset-2:last-child{padding-right:0}.col-2-offset-3{padding-left:3em;padding-right:1em;margin-left:50%;width:16.66667%}.col-2-offset-3:last-child{padding-right:0}.col-2-offset-4{padding-left:4em;padding-right:1em;margin-left:66.66667%;width:16.66667%}.col-2-offset-4:last-child{padding-right:0}.col-2-offset-5{padding-left:5em;padding-right:1em;margin-left:83.33333%;width:16.66667%}.col-2-offset-5:last-child{padding-right:0}.col-2-offset-6{padding-left:6em;padding-right:1em;margin-left:100%;width:16.66667%}.col-2-offset-6:last-child{padding-right:0}.col-2-offset-7{padding-left:7em;padding-right:1em;margin-left:116.66667%;width:16.66667%}.col-2-offset-7:last-child{padding-right:0}.col-2-offset-8{padding-left:8em;padding-right:1em;margin-left:133.33333%;width:16.66667%}.col-2-offset-8:last-child{padding-right:0}.col-2-offset-9{padding-left:9em;padding-right:1em;margin-left:150%;width:16.66667%}.col-2-offset-9:last-child{padding-right:0}.col-2-offset-10{padding-left:10em;padding-right:1em;margin-left:166.66667%;width:16.66667%}.col-2-offset-10:last-child{padding-right:0}.col-3-offset-1{padding-left:1em;padding-right:1em;margin-left:25%;width:25%}.col-3-offset-1:last-child{padding-right:0}.col-3-offset-2{padding-left:2em;padding-right:1em;margin-left:50%;width:25%}.col-3-offset-2:last-child{padding-right:0}.col-3-offset-3{padding-left:3em;padding-right:1em;margin-left:75%;width:25%}.col-3-offset-3:last-child{padding-right:0}.col-3-offset-4{padding-left:4em;padding-right:1em;margin-left:100%;width:25%}.col-3-offset-4:last-child{padding-right:0}.col-3-offset-5{padding-left:5em;padding-right:1em;margin-left:125%;width:25%}.col-3-offset-5:last-child{padding-right:0}.col-3-offset-6{padding-left:6em;padding-right:1em;margin-left:150%;width:25%}.col-3-offset-6:last-child{padding-right:0}.col-3-offset-7{padding-left:7em;padding-right:1em;margin-left:175%;width:25%}.col-3-offset-7:last-child{padding-right:0}.col-3-offset-8{padding-left:8em;padding-right:1em;margin-left:200%;width:25%}.col-3-offset-8:last-child{padding-right:0}.col-3-offset-9{padding-left:9em;padding-right:1em;margin-left:225%;width:25%}.col-3-offset-9:last-child{padding-right:0}.col-4-offset-1{padding-left:1em;padding-right:1em;margin-left:33.33333%;width:33.33333%}.col-4-offset-1:last-child{padding-right:0}.col-4-offset-2{padding-left:2em;padding-right:1em;margin-left:66.66667%;width:33.33333%}.col-4-offset-2:last-child{padding-right:0}.col-4-offset-3{padding-left:3em;padding-right:1em;margin-left:100%;width:33.33333%}.col-4-offset-3:last-child{padding-right:0}.col-4-offset-4{padding-left:4em;padding-right:1em;margin-left:133.33333%;width:33.33333%}.col-4-offset-4:last-child{padding-right:0}.col-4-offset-5{padding-left:5em;padding-right:1em;margin-left:166.66667%;width:33.33333%}.col-4-offset-5:last-child{padding-right:0}.col-4-offset-6{padding-left:6em;padding-right:1em;margin-left:200%;width:33.33333%}.col-4-offset-6:last-child{padding-right:0}.col-4-offset-7{padding-left:7em;padding-right:1em;margin-left:233.33333%;width:33.33333%}.col-4-offset-7:last-child{padding-right:0}.col-4-offset-8{padding-left:8em;padding-right:1em;margin-left:266.66667%;width:33.33333%}.col-4-offset-8:last-child{padding-right:0}.col-5-offset-1{padding-left:1em;padding-right:1em;margin-left:41.66667%;width:41.66667%}.col-5-offset-1:last-child{padding-right:0}.col-5-offset-2{padding-left:2em;padding-right:1em;margin-left:83.33333%;width:41.66667%}.col-5-offset-2:last-child{padding-right:0}.col-5-offset-3{padding-left:3em;padding-right:1em;margin-left:125%;width:41.66667%}.col-5-offset-3:last-child{padding-right:0}.col-5-offset-4{padding-left:4em;padding-right:1em;margin-left:166.66667%;width:41.66667%}.col-5-offset-4:last-child{padding-right:0}.col-5-offset-5{padding-left:5em;padding-right:1em;margin-left:208.33333%;width:41.66667%}.col-5-offset-5:last-child{padding-right:0}.col-5-offset-6{padding-left:6em;padding-right:1em;margin-left:250%;width:41.66667%}.col-5-offset-6:last-child{padding-right:0}.col-5-offset-7{padding-left:7em;padding-right:1em;margin-left:291.66667%;width:41.66667%}.col-5-offset-7:last-child{padding-right:0}.col-6-offset-1{padding-left:1em;padding-right:1em;margin-left:50%;width:50%}.col-6-offset-1:last-child{padding-right:0}.col-6-offset-2{padding-left:2em;padding-right:1em;margin-left:100%;width:50%}.col-6-offset-2:last-child{padding-right:0}.col-6-offset-3{padding-left:3em;padding-right:1em;margin-left:150%;width:50%}.col-6-offset-3:last-child{padding-right:0}.col-6-offset-4{padding-left:4em;padding-right:1em;margin-left:200%;width:50%}.col-6-offset-4:last-child{padding-right:0}.col-6-offset-5{padding-left:5em;padding-right:1em;margin-left:250%;width:50%}.col-6-offset-5:last-child{padding-right:0}.col-6-offset-6{padding-left:6em;padding-right:1em;margin-left:300%;width:50%}.col-6-offset-6:last-child{padding-right:0}.col-7-offset-1{padding-left:1em;padding-right:1em;margin-left:58.33333%;width:58.33333%}.col-7-offset-1:last-child{padding-right:0}.col-7-offset-2{padding-left:2em;padding-right:1em;margin-left:116.66667%;width:58.33333%}.col-7-offset-2:last-child{padding-right:0}.col-7-offset-3{padding-left:3em;padding-right:1em;margin-left:175%;width:58.33333%}.col-7-offset-3:last-child{padding-right:0}.col-7-offset-4{padding-left:4em;padding-right:1em;margin-left:233.33333%;width:58.33333%}.col-7-offset-4:last-child{padding-right:0}.col-7-offset-5{padding-left:5em;padding-right:1em;margin-left:291.66667%;width:58.33333%}.col-7-offset-5:last-child{padding-right:0}.col-8-offset-1{padding-left:1em;padding-right:1em;margin-left:66.66667%;width:66.66667%}.col-8-offset-1:last-child{padding-right:0}.col-8-offset-2{padding-left:2em;padding-right:1em;margin-left:133.33333%;width:66.66667%}.col-8-offset-2:last-child{padding-right:0}.col-8-offset-3{padding-left:3em;padding-right:1em;margin-left:200%;width:66.66667%}.col-8-offset-3:last-child{padding-right:0}.col-8-offset-4{padding-left:4em;padding-right:1em;margin-left:266.66667%;width:66.66667%}.col-8-offset-4:last-child{padding-right:0}.col-9-offset-1{padding-left:1em;padding-right:1em;margin-left:75%;width:75%}.col-9-offset-1:last-child{padding-right:0}.col-9-offset-2{padding-left:2em;padding-right:1em;margin-left:150%;width:75%}.col-9-offset-2:last-child{padding-right:0}.col-9-offset-3{padding-left:3em;padding-right:1em;margin-left:225%;width:75%}.col-9-offset-3:last-child{padding-right:0}.col-10-offset-1{padding-left:1em;padding-right:1em;margin-left:83.33333%;width:83.33333%}.col-10-offset-1:last-child{padding-right:0}.col-10-offset-2{padding-left:2em;padding-right:1em;margin-left:166.66667%;width:83.33333%}.col-10-offset-2:last-child{padding-right:0}.col-11-offset-1{padding-left:1em;padding-right:1em;margin-left:91.66667%;width:91.66667%}.col-11-offset-1:last-child{padding-right:0}.col.float-right{float:right;padding-right:0;padding-left:1em}body,html{position:relative;width:100%;height:100%;font-family:sans-serif;font-style:normal;margin:0;padding:0}body{overflow-x:hidden}div.dialog-off-canvas-main-canvas{width:100vw;height:100vh;display:flex;flex-direction:column}body.toolbar-horizontal.toolbar-themes.toolbar-no-tabs{padding-top:24px !important}header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{margin:0 auto}@media only screen and (max-width: 218px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:218px}}@media only screen and (min-width: 437px) and (max-width: 654px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:436px}}@media only screen and (min-width: 655px) and (max-width: 872px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:654px}}@media only screen and (min-width: 873px) and (max-width: 1090px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:872px}}@media only screen and (min-width: 1091px) and (max-width: 1308px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:1090px}}@media only screen and (min-width: 1309px) and (max-width: 1526px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:1308px}}@media only screen and (min-width: 1527px) and (max-width: 1744px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:1526px}}@media only screen and (min-width: 1745px) and (max-width: 1962px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:1744px}}@media only screen and (min-width: 1963px) and (max-width: 2180px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:1962px}}@media only screen and (min-width: 2181px) and (max-width: 2398px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:2180px}}@media only screen and (min-width: 2399px) and (max-width: 2616px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:2398px}}@media only screen and (min-width: 2617px) and (max-width: 2834px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:2616px}}@media only screen and (min-width: 2835px) and (max-width: 3052px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:2834px}}@media only screen and (min-width: 3053px) and (max-width: 3270px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:3052px}}@media only screen and (min-width: 3271px) and (max-width: 3488px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:3270px}}@media only screen and (min-width: 3489px) and (max-width: 3706px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:3488px}}@media only screen and (min-width: 3707px) and (max-width: 3924px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:3706px}}@media only screen and (min-width: 3925px) and (max-width: 4142px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:3924px}}header[role="banner"]{flex:0 0 auto;background-color:#fff;width:100vw}header[role="banner"]>.wrapper{background-color:#fff}header[role="banner"]>.wrapper:after{content:"";clear:both;display:block}header[role="banner"]>.wrapper .header-block{min-height:33px;font-size:0}header[role="banner"]>.wrapper .header-block>*{font-size:16px}header[role="banner"]>.wrapper .header-block.header-right{text-align:right}header[role="banner"]>.wrapper .header-block .header-block-wrapper>*{display:inline-block;vertical-align:top;text-align:left}header[role="banner"]>.wrapper .header-block input#header-block-right-toggle{display:none}header[role="banner"]>.wrapper .header-block label[for="header-block-right-toggle"]{display:none}@media (max-width: 654px){header[role="banner"]>.wrapper .header-block.header-left{width:75%}header[role="banner"]>.wrapper .header-block.header-right{width:23%}header[role="banner"]>.wrapper .header-block.header-right label[for="header-block-right-toggle"]{display:block}header[role="banner"]>.wrapper .header-block.header-right .header-block-wrapper{z-index:100;position:absolute;top:33px;right:0;box-sizing:border-box;overflow:hidden;width:0.1px;box-shadow:0 0 0 #fff;padding:1em 0;margin-top:0.7em;transition:all 0.5s ease-in-out}header[role="banner"]>.wrapper .header-block.header-right .header-block-wrapper>*.block,header[role="banner"]>.wrapper .header-block.header-right .header-block-wrapper>div#user-tools{display:block;width:18em;padding:0 0 1em 0 !important;margin:0 0 1em 0 !important;text-align:right;border-left:none !important;border-right:none !important}header[role="banner"]>.wrapper .header-block.header-right .header-block-wrapper>*.block:not(:last-child),header[role="banner"]>.wrapper .header-block.header-right .header-block-wrapper>div#user-tools:not(:last-child){border-bottom:1px solid #ccc !important}header[role="banner"]>.wrapper .header-block.header-right .header-block-wrapper #user-flags{width:18em;padding:1em 0 0 0 !important;margin:1em 0 0 0 !important;border-top:1px solid #ccc !important}header[role="banner"]>.wrapper .header-block.header-right input#header-block-right-toggle:checked ~ div.header-block-wrapper{width:20em;padding:1em 1em;box-shadow:-2px 2px 4px #ccc}}main[role="main"]{flex:1 1 auto;overflow-y:auto;overflow-x:hidden}main[role="main"]>.scroller{width:100vw}main[role="main"]>.scroller>.wrapper{display:flex;flex-direction:row-reverse}@media (max-width: 436px){main[role="main"]>.scroller>.wrapper{display:block}}main[role="main"]>.scroller>.wrapper #content-left{flex-basis:205px;flex-shrink:0}main[role="main"]>.scroller>.wrapper #content-left>*{width:100%;box-sizing:border-box;padding:0.5em 13px}@media (max-width: 436px){main[role="main"]>.scroller>.wrapper #content-left{padding-right:13px}}main[role="main"]>.scroller>.wrapper #content-center{flex-basis:110%}@keyframes rotating{from{transform:rotate(0deg);transform-origin:center}to{transform:rotate(360deg);transform-origin:center}}body{font-size:16px;font-family:"Ubuntu",Arial,"MS Trebuchet",sans-serif;font-weight:500;font-style:normal;line-height:1.3}aside.messages{border:none}header[role="banner"]{padding:0.2em 0 0 0}header[role="banner"] #block-userlogin h2,header[role="banner"] #user-tools a.mdi-account,header[role="banner"] #user-flags h2,header[role="banner"] #user-flags li h5,header[role="banner"] #block-header ul.menu li a{font-size:0.9em;font-weight:400}header[role="banner"] #block-sitebranding h1{margin:0;line-height:1}header[role="banner"] #block-sitebranding .slogan{font-size:0.882em;display:block;white-space:nowrap}@media (max-width: 654px){header[role="banner"] #block-sitebranding h1,header[role="banner"] #block-sitebranding .slogan{display:inline-block}}@media (max-width: 654px){header[role="banner"] .header-block.header-right .header-block-wrapper,header[role="banner"] .header-block.header-right .header-block-wrapper #user-flags ul{background-color:#fff}}header[role="banner"] #block-socialmedialinks{padding-right:0.5em;border-right:1px solid #1A1A1A;margin-right:0.5em}header[role="banner"] #block-socialmedialinks li{padding:0}header[role="banner"] #block-userlogin{position:relative;padding:0 1em;overflow:visible}header[role="banner"] #block-userlogin h2{line-height:1.38;margin:0}header[role="banner"] #block-userlogin>section{overflow:hidden;background-color:#fff;box-sizing:content-box;transition:all 0.4s ease-in-out;right:0;top:1.7em;box-sizing:content-box;z-index:100}@media (min-width: 655px){header[role="banner"] #block-userlogin>section{max-height:0px;padding:0.01em 1em;transition-delay:2s;position:absolute;width:11em}}@media (min-width: 655px) and (hover: hover){header[role="banner"] #block-userlogin:hover>section{transition-delay:0s;max-height:20em;padding:1em 1em;box-shadow:0 0 10px #ccc}}@media (min-width: 655px){header[role="banner"] #block-userlogin.tapped>section{transition-delay:0s;max-height:20em;padding:1em 1em;box-shadow:0 0 10px #ccc}}header[role="banner"] #block-userlogin .form-item{margin:0;position:relative;width:100%}header[role="banner"] #block-userlogin .form-item.form-item-name{margin:2px 0 0.5em 0}header[role="banner"] #block-userlogin .form-item.form-item-name input{width:90%;padding:0;box-sizing:content-box}header[role="banner"] #block-userlogin .form-item.form-item-pass{margin:0 0 0.5em 0}header[role="banner"] #block-userlogin .form-item.form-item-pass input{width:90%;padding:0;box-sizing:content-box}header[role="banner"] #block-userlogin .form-item.form-item-persistent-login{font-size:0.756em}header[role="banner"] #block-userlogin .form-item.form-item-persistent-login label{vertical-align:top}header[role="banner"] #block-userlogin #edit-actions{margin:0}header[role="banner"] #block-userlogin .item-list ul{margin:0}header[role="banner"] #block-userlogin .item-list ul li{list-style:none;margin:0}header[role="banner"] #block-userlogin .item-list ul li a{font-size:0.756em}header[role="banner"] #block-userlogin span.login-message{color:red;font-size:0.693em;line-height:1.2;display:block;padding:0 0 0.8em 0}header[role="banner"] #block-userlogin span.login-message[v-if="loginMessage"],header[role="banner"] #block-userlogin span.register-message[v-if="registerMessage"]{display:none}header[role="banner"] #block-userblock h2{display:none}header[role="banner"] #block-userblock a{margin-right:1em}header[role="banner"] #user-tools{padding-top:0.06em}header[role="banner"] #user-tools a.mdi-account{cursor:pointer}@media (min-width: 655px) and (max-width: 1090px){header[role="banner"] #user-tools a.mdi-account span{display:none}}header[role="banner"] #user-tools .mdi-logout::before{margin:-0.125em 0 0 0;vertical-align:top}header[role="banner"] #user-flags{padding-left:0.5em;margin-left:0.5em;display:inline-block;vertical-align:top;position:relative}header[role="banner"] #user-flags h2{cursor:pointer}header[role="banner"] #user-flags h2:before{padding-right:0.2em}@media (min-width: 655px) and (max-width: 1090px){header[role="banner"] #user-flags h2 span{display:none}}header[role="banner"] #user-flags ul{background-color:#fff;overflow:hidden;box-sizing:content-box;box-sizing:content-box}@media (min-width: 655px){header[role="banner"] #user-flags{border-left:1px solid #000}header[role="banner"] #user-flags ul{transition:all 0.4s ease-in-out;transition-delay:2s;z-index:30;position:absolute;right:0;top:1.7em;width:11em;max-height:1px;padding:0.01em 1em}}@media (min-width: 655px) and (hover: hover){header[role="banner"] #user-flags:hover ul{transition-delay:0s;max-height:50em;padding:1em 1em;box-shadow:0 0 10px #ccc}}@media (min-width: 655px){header[role="banner"] #user-flags.tapped ul{transition-delay:0s;max-height:50em;padding:1em 1em;box-shadow:0 0 10px #ccc}}header[role="banner"] #user-flags li{width:100%;display:flex;flex-direction:row;align-items:baseline;flex-wrap:nowrap}header[role="banner"] #user-flags li h5{cursor:pointer;font-weight:700}header[role="banner"] #user-flags li h5 span.length{font-weight:300}header[role="banner"] #user-flags li span.mdi{font-size:0.9em}header[role="banner"] #user-flags li div.actions{padding-left:0.5em}header[role="banner"] #user-flags li div.actions span.mdi{cursor:pointer;color:#4e4d4d}header[role="banner"] #user-flags li div.actions span.delete-btn.loading:before{animation:rotating 2s linear infinite}@media (min-width: 655px){header[role="banner"] #user-flags li div.actions{opacity:0;transition:opacity 0.3s ease-in-out}}@media (min-width: 655px) and (hover: hover){header[role="banner"] #user-flags li:hover div.actions{opacity:1}}@media (min-width: 655px){header[role="banner"] #user-flags li.tapped div.actions{opacity:1}}@media (max-width: 654px){header[role="banner"] #user-flags li{flex-direction:row-reverse}header[role="banner"] #user-flags li div.actions{padding-left:0;padding-right:0.5em}}header[role="banner"] #user-flags li.create-flag{margin-top:0.2em}header[role="banner"] #user-flags li.create-flag input{align-self:flex-end;border:1px solid #bbb;border-radius:5px;width:calc(100% - 2em);font-size:0.8em}header[role="banner"] #user-flags li.create-flag span.add-btn{align-self:flex-end;color:#bbb;font-size:1em;padding:0 0 0 .5em;transition:all 0.2s ease-in-out}header[role="banner"] #user-flags li.create-flag span.add-btn.active{cursor:pointer;color:#1a1a1a}header[role="banner"] #user-flags li.create-flag span.add-btn.loading:before{animation:rotating 2s linear infinite}header[role="banner"] #block-header{margin-right:0.5em;padding-left:0.5em;border-left:1px solid #000}header[role="banner"] #block-header #block-header-menu{display:none}header[role="banner"] #block-header ul.menu{margin:0}header[role="banner"] #block-header ul.menu li{padding:0}header[role="banner"] #block-header ul.menu li{display:inline-block}header[role="banner"] #block-header ul.menu li:not(:first-of-type){margin-left:0.3em}@media (max-width: 654px){header[role="banner"] #block-header ul.menu{text-align:right}header[role="banner"] #block-header ul.menu li{display:block}}header[role="banner"] #block-languageswitcher{text-align:right;position:relative;padding-right:3px}header[role="banner"] #block-languageswitcher h2{margin:0.1em 0 0 0;font-size:0.756em;font-weight:400;padding:0.1em 0.4em 0.2em;border-radius:3px;background-color:#444;color:#fff;display:inline-block;vertical-align:top;width:12px;height:15px;overflow:hidden}header[role="banner"] #block-languageswitcher h2::before{content:"\F05CA";display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}header[role="banner"] #block-languageswitcher>ul.links{overflow:hidden;margin:0;box-sizing:content-box}@media (min-width: 655px){header[role="banner"] #block-languageswitcher>ul.links{width:3.5em;position:absolute;top:17px;right:0;transition:all 0.4s ease-in-out;padding:0.01em 0;height:1px}}@media (min-width: 655px) and (hover: hover){header[role="banner"] #block-languageswitcher:hover>ul.links{transition-delay:0s;height:2em;padding:0.3em 0}}@media (min-width: 655px){header[role="banner"] #block-languageswitcher.tapped>ul.links{transition-delay:0s;height:2em;padding:0.3em 0}}@media (max-width: 654px){header[role="banner"] #block-languageswitcher h2{display:none}}header[role="banner"] #block-languageswitcher li{list-style:none;padding:0;display:inline-block}header[role="banner"] #block-languageswitcher li.is-active{display:none}header[role="banner"] #block-languageswitcher li a{margin:0;font-size:0.756em;font-weight:400;padding:0.2em 0.4em;border-radius:3px;background-color:#444;color:#fff}header[role="banner"] #header-bottom{display:flex;flex-direction:row;justify-content:space-between}header[role="banner"] #header-bottom:after{content:none}header[role="banner"] #header-bottom #block-materiosapisearchblock{align-self:flex-end}@media (max-width: 654px){header[role="banner"] #header-bottom{flex-direction:column;justify-content:center}header[role="banner"] #header-bottom #block-pagetitle{width:100%}header[role="banner"] #header-bottom #block-materiosapisearchblock{box-sizing:border-box;width:100%}}header[role="banner"] #block-pagetitle{padding:1em 0}@media (max-width: 654px){header[role="banner"] #block-pagetitle{padding:1em 0 0}body.path-frontpage header[role="banner"] #block-pagetitle,body.path-home header[role="banner"] #block-pagetitle{display:none}body.path-base header[role="banner"] #block-pagetitle h2{padding:0.5em 1em 0 !important}}header[role="banner"] #block-pagetitle h2{margin:0;font-size:1.512em;text-transform:capitalize;font-weight:300}body.path-home header[role="banner"] #block-pagetitle h2{display:none}body:not(.path-home) header[role="banner"] #block-pagetitle h2{padding:0.5em 1em}body.path-blabla header[role="banner"] #block-pagetitle h2,body.path-checkout header[role="banner"] #block-pagetitle h2{color:#fff;background-color:#9458aa}body.path-showrooms header[role="banner"] #block-pagetitle h2{color:#fff;background-color:#50aa3c}body.path-base header[role="banner"] #block-pagetitle h2,body.path-thematique header[role="banner"] #block-pagetitle h2{color:#fff;background-color:#69cdcf}body.path-pricing header[role="banner"] #block-pagetitle h2{color:#fff;background-color:#ff9f50}header[role="banner"] #block-materiosapisearchblock{padding:0}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;row-gap:0.2em}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form .form-item,header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form input.button{display:inline-block;margin:0}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form #edit-search{grid-row:1 / 1;grid-column:1 / 1;border:1px #BBB solid;border-radius:14px;padding:0.3em;color:#666}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters{grid-row:2 / 2;grid-column:1 / span 2;border:none;padding:0}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters>legend{line-height:0.6;padding-bottom:0.2em;width:100%;text-align:right}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters>legend span{cursor:pointer;font-size:0.756em;color:#8f8f8f}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters>div.fieldset-wrapper{height:0;overflow:hidden}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters.open>div.fieldset-wrapper{height:auto;overflow:visible}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters .ss-main{font-size:0.756em}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters .ss-main .ss-single-selected{border-radius:0.7em;height:1.5em;border:none;padding:0 0.5em;background-color:#eeeaea}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters .ss-main .ss-single-selected span.placeholder{color:#1A1A1A;line-height:1}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters .ss-main .ss-single-selected span.placeholder span.ss-disabled{color:#8f8f8f}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters .ss-main .ss-single-selected span.ss-arrow span{border-color:#b1adad}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters .ss-main .ss-content{width:auto}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form .button.form-submit{grid-row:1 / 1;grid-column:2 / 2;justify-self:end;align-self:center;border:0;text-indent:50px;overflow:hidden;width:20px;height:20px;margin:0;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgd2lkdGg9IjI3bW0iCiAgIGhlaWdodD0iMjdtbSIKICAgdmlld0JveD0iMCAwIDI3IDI3IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcxNTY4MCIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4wLjIgKGU4NmM4NzA4NzksIDIwMjEtMDEtMTUpIgogICBzb2RpcG9kaTpkb2NuYW1lPSJzZWFyY2guc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzMTU2NzQiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJiYXNlIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnpvb209IjMuOTU5Nzk4IgogICAgIGlua3NjYXBlOmN4PSI1Mi4zOTQzMDEiCiAgICAgaW5rc2NhcGU6Y3k9IjY2LjY2OTUyOSIKICAgICBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0ibW0iCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ibGF5ZXIxIgogICAgIGlua3NjYXBlOmRvY3VtZW50LXJvdGF0aW9uPSIwIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTE0NSIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMjgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIgLz4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGExNTY3NyI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICBpbmtzY2FwZTpsYWJlbD0iQ2FscXVlIDEiCiAgICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciIKICAgICBpZD0ibGF5ZXIxIj4KICAgIDxnCiAgICAgICBpZD0iZzE2NDIwIgogICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC44MTE1MDI5MywwLjIxMDg3NTA4KSI+CiAgICAgIDxsaW5lCiAgICAgICAgIGZpbGw9Im5vbmUiCiAgICAgICAgIHN0cm9rZT0iIzNhNThkOCIKICAgICAgICAgc3Ryb2tlLXdpZHRoPSIzLjU3NzU0IgogICAgICAgICBzdHJva2UtbGluZWNhcD0icm91bmQiCiAgICAgICAgIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIKICAgICAgICAgeDE9IjIuMDQzNjYwNiIKICAgICAgICAgeTE9IjI0LjQzMzkxNiIKICAgICAgICAgeDI9IjkuNDg3MjAyNiIKICAgICAgICAgeTI9IjE2Ljk5MDM3NCIKICAgICAgICAgaWQ9ImxpbmU0NTg0IgogICAgICAgICBzdHlsZT0ic3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLW9wYWNpdHk6MSIgLz4KICAgICAgPGcKICAgICAgICAgaWQ9Imc0NTkwIgogICAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjI2NDU4MzMzLDAsMCwwLjI2NDU4MzMzLC0zNzQuNTIzNSwtNjQ3Ljc4NjYpIj4KICAgICAgICA8cGF0aAogICAgICAgICAgIGQ9Im0gMTUwOS4zNzEsMjQ4OS4xMjkgYyAtMC4wMzksNi4xOTYgLTAuOTk2LDExLjYzOSAtMi44NjksMTYuMzI2IC0xLjg3Myw0LjY4NyAtNC40MjEsOC42MDcgLTcuNjQyLDExLjc1NSAtMy4yMjMsMy4xNDkgLTcuMDQ5LDUuNTA5IC0xMS40NzksNy4wODMgLTQuNDMsMS41NzQgLTkuMTg4LDIuMzQ2IC0xNC4yNjksMi4zMTUgLTQuOTQ0LC0wLjAzIC05LjYwMywtMC44NTkgLTEzLjk3OSwtMi40ODcgLTQuMzc3LC0xLjYyOCAtOC4xOTIsLTQuMDMzIC0xMS40NDQsLTcuMjI0IC0zLjI1MywtMy4xODcgLTUuODA0LC03LjEzNyAtNy42NTUsLTExLjg0NyAtMS44NTEsLTQuNzEgLTIuNzU3LC0xMC4xNjQgLTIuNzIxLC0xNi4zNjEgMC4wMzksLTYuMTk1IDEuMDQ1LC0xMS42MzcgMy4wMjQsLTE2LjMyNCAxLjk3OCwtNC42ODggNC42MjksLTguNjIxIDcuOTU3LC0xMS44MDUgMy4zMjYsLTMuMTgyIDcuMTY5LC01LjU2MSAxMS41MywtNy4xMzcgNC4zNjEsLTEuNTc0IDguOTQ1LC0yLjM0NiAxMy43NDksLTIuMzE2IDQuOTQzLDAuMDI5IDkuNjAxLDAuODU3IDEzLjk3OSwyLjQ4NiA0LjM3NSwxLjYyOSA4LjE4OCw0LjA1NSAxMS40NDIsNy4yNzYgMy4yNTIsMy4yMjIgNS44MDUsNy4xODggNy42NTYsMTEuODk5IDEuODUxLDQuNzEzIDIuNzU4LDEwLjE2NSAyLjcyMSwxNi4zNjEgeiBtIC01NS4yNDQsLTAuMzM3IGMgLTAuMDIyLDMuNTUxIDAuMzkyLDYuNzU4IDEuMjQ3LDkuNjE2IDAuODU0LDIuODYgMi4wOSw1LjMyMiAzLjcxNSw3LjM4NSAxLjYyMywyLjA2NCAzLjYxNCwzLjY2MiA1Ljk3Myw0Ljc4NyAyLjM2LDEuMTMgNS4wNzQsMS43MDMgOC4xMzcsMS43MjEgMi45OTIsMC4wMiA1LjY5NSwtMC41MiA4LjEwMywtMS42MjEgMi40MTEsLTEuMDk5IDQuNDM3LC0yLjY3IDYuMDg2LC00LjcxNSAxLjY0OSwtMi4wNDEgMi45MTYsLTQuNDg4IDMuODA1LC03LjMzOSAwLjg4NiwtMi44NDggMS4zNDMsLTYuMDQ5IDEuMzY0LC05LjYwMSAwLjAyMSwtMy41NDkgLTAuMzk2LC02Ljc3MiAtMS4yNDcsLTkuNjY2IC0wLjg1NCwtMi44OTUgLTIuMDkyLC01LjM3MiAtMy43MTQsLTcuNDM4IC0xLjYyNCwtMi4wNjIgLTMuNjMxLC0zLjY1OSAtNi4wMjksLTQuNzg5IC0yLjM5NSwtMS4xMjcgLTUuMDkxLC0xLjcwMSAtOC4wODIsLTEuNzIxIC0zLjA2NCwtMC4wMTggLTUuNzg0LDAuNTM5IC04LjE1NiwxLjY3NCAtMi4zNzQsMS4xMzUgLTQuMzg1LDIuNzI2IC02LjAzMyw0Ljc2OCAtMS42NSwyLjA0NSAtMi45MTcsNC41MDkgLTMuODA1LDcuMzkzIC0wLjg5LDIuODg1IC0xLjM0Myw2LjA2NyAtMS4zNjQsOS41NDYgeiIKICAgICAgICAgICBpZD0icGF0aDQ1ODgiIC8+CiAgICAgIDwvZz4KICAgICAgPGNpcmNsZQogICAgICAgICBmaWxsPSIjZmYyMzI2IgogICAgICAgICBjeD0iMTUuMjQ0NTMzIgogICAgICAgICBjeT0iMTAuNjk2NDU0IgogICAgICAgICByPSIxLjcyMTkwODMiCiAgICAgICAgIGlkPSJjaXJjbGU0NTk0IgogICAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eToxO3N0cm9rZS13aWR0aDowLjI2NDU4MyIgLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=);background-position:center;background-repeat:no-repeat;background-size:contain;background-color:transparent}@media (max-width: 654px){header[role="banner"] #block-materiosapisearchblock{padding:0 1em 1em;background-color:#69cdcf}body:not(.path-base) header[role="banner"] #block-materiosapisearchblock{display:none}}aside.messages{padding:0}#content-left{z-index:5;box-sizing:content-box;max-width:1px;overflow-x:hidden;transition:all 0.3s ease-in-out}#content-left.opened{max-width:500px;padding:0.3em}#content-left>*{box-sizing:border-box;background-color:#fff;box-shadow:-2px 0px 4px rgba(0,0,0,0.2);padding:0.5em}#content-left .flag-collection>header{display:flex;flex-direction:row;justify-content:space-between;padding-bottom:13px}#content-left .flag-collection>header .mdi-close{cursor:pointer;align-self:flex-end}@media (max-width: 436px){#content-left .flag-collection>ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}}#content-left .flag-collection>ul>li{margin:0 0 13px 0;padding:0}#content-left .flag-collection>ul>li article.card.minicard{width:170px;height:100px;margin:auto}#content-left .flag-collection>ul>li article.card.minicard>header{padding:0.3em 0.3em 0.1em}#content-left .flag-collection>ul>li article.card.minicard>header h1{margin:0}#content-left .flag-collection>ul>li article.card.minicard>nav.tools{padding:0 0.2em}#content-left .flag-collection>ul>li article.card.minicard>nav.tools .mdi.unflag{cursor:pointer}article.node--type-frontpage .node__content>section.home-intro>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-pricing>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-database>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-showrooms>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-blabla>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-pricing>h3,article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-title{font-size:3.5em;line-height:1}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-intro>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-pricing>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-database>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-showrooms>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-blabla>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-pricing>h3,article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-title{font-size:2em}}article.node--type-frontpage .node__content>section.home-intro>div:nth-child(1) .field__item,article.node--type-frontpage .node__content>section.home-pricing>div:nth-child(1) .field__item,article.node--type-frontpage .node__content>section.home-database>div:nth-child(1) .field__item,article.node--type-frontpage .node__content>section.home-showrooms>div:nth-child(1) .field__item,article.node--type-frontpage .node__content>section.home-blabla>div:nth-child(1) .field__item,article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-body{font-size:0.9em;line-height:1.3}article.node--type-frontpage .node__content>section.home-intro,article.node--type-frontpage .node__content>section.home-pricing{padding:1.5em 0;background-color:#fff}article.node--type-frontpage .node__content>section.home-intro>div:nth-child(1),article.node--type-frontpage .node__content>section.home-pricing>div:nth-child(1){width:80%;margin:0 auto;text-align:center}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-intro>div:nth-child(1),article.node--type-frontpage .node__content>section.home-pricing>div:nth-child(1){width:auto;padding:0 1em;text-align:left}}article.node--type-frontpage .node__content>section.home-database,article.node--type-frontpage .node__content>section.home-showrooms,article.node--type-frontpage .node__content>section.home-blabla{display:flex;flex-direction:row;flex-wrap:nowrap}article.node--type-frontpage .node__content>section.home-database>div:nth-child(1),article.node--type-frontpage .node__content>section.home-showrooms>div:nth-child(1),article.node--type-frontpage .node__content>section.home-blabla>div:nth-child(1){flex:0 0 423px;box-sizing:border-box;padding:1em;color:#fff}article.node--type-frontpage .node__content>section.home-database>div:nth-child(2),article.node--type-frontpage .node__content>section.home-showrooms>div:nth-child(2),article.node--type-frontpage .node__content>section.home-blabla>div:nth-child(2){flex:1 1 auto;box-sizing:border-box;padding:1em 0.5em}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-database,article.node--type-frontpage .node__content>section.home-showrooms,article.node--type-frontpage .node__content>section.home-blabla{flex-direction:column}article.node--type-frontpage .node__content>section.home-database>div:nth-child(1),article.node--type-frontpage .node__content>section.home-showrooms>div:nth-child(1),article.node--type-frontpage .node__content>section.home-blabla>div:nth-child(1){flex:0 0 auto}}article.node--type-frontpage>h2{display:none}article.node--type-frontpage .node__content>section.home-intro .field__item{display:flex;flex-flow:row nowrap;justify-content:center}article.node--type-frontpage .node__content>section.home-intro .field__item p{flex:0 0 410px;padding:1em}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-intro .field__item{display:none}}article.node--type-frontpage .node__content>section.home-database{background-color:#69cdcf}article.node--type-frontpage .node__content>section.home-database .field--name-field-a-database .field__label{cursor:pointer}article.node--type-frontpage .node__content>section.home-database .field--name-field-database-links .field__item{display:inline-block}article.node--type-frontpage .node__content>section.home-database .field--name-field-database-links .field__item a{display:inline-block;font-size:0.9em;font-weight:bold;padding:0.7em 1em;margin-bottom:0.3em;background-color:#fff;color:#000;border-radius:5px;border:none;background-color:#fff;color:#69cdcf}article.node--type-frontpage .node__content>section.home-database .cards-list-home{position:relative;max-height:580px;overflow-y:hidden}article.node--type-frontpage .node__content>section.home-database .cards-list-home ul{width:100%;margin:0;padding:0;display:flex;flex-flow:row wrap;justify-content:space-between}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-database .cards-list-home ul{justify-content:space-around}}article.node--type-frontpage .node__content>section.home-database .cards-list-home ul li{padding:0 0 6.5px 0;box-sizing:border-box;width:102.5px;height:147.5px;position:relative;list-style:none;margin:0}article.node--type-frontpage .node__content>section.home-database .cards-list-home ul li .card{width:100%;height:100%}article.node--type-frontpage .node__content>section.home-database .cards-list-home ul li .card .field--name-field-short-description{font-size:0.656em;line-height:1.2}article.node--type-frontpage .node__content>section.home-showrooms{background-color:#50aa3c}article.node--type-frontpage .node__content>section.home-showrooms .field--name-field-showroom-links .field__item{display:inline-block}article.node--type-frontpage .node__content>section.home-showrooms .field--name-field-showroom-links .field__item a{display:inline-block;font-size:0.9em;font-weight:bold;padding:0.7em 1em;margin-bottom:0.3em;background-color:#fff;color:#000;border-radius:5px;border:none;background-color:#fff;color:#50aa3c}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference{overflow:hidden;position:relative;display:grid;grid-template-rows:1fr}@media only screen and (max-width: 1526px){article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference{grid-template-columns:1fr}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item{grid-column:1}}@media only screen and (min-width: 1527px){article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference{grid-template-columns:1fr 1fr;grid-gap:1em}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item:nth-child(odd){grid-column:1}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item:nth-child(even){grid-column:2}}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item{grid-row:1;opacity:0;transition:all 2s ease-out}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item.active{opacity:1}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term{position:relative;width:100%;height:100%}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term div.visuel{width:100%;padding-bottom:5em}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term div.visuel img{max-width:100%;height:auto}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text{position:absolute;bottom:0;left:0;width:100%;box-sizing:border-box;padding:1em 0 0;background-color:#50aa3c;color:#fff}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text h2,article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text p{margin:0}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text h2{font-size:2em}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text .field--name-field-public-address br{display:none}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text .field--name-field-public-address span:not(:nth-last-of-type(1)){margin-right:0.4em}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text .field--name-field-public-address span:not(:nth-last-of-type(1)):after{padding-left:0.5em;content:"⋅"}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text .field--name-field-public-phone{display:inline-block;margin-right:0.4em}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text .field--name-field-public-phone:after{padding-left:0.5em;content:"⋅"}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text .field--name-field-public-email{display:inline-block}article.node--type-frontpage .node__content>section.home-blabla{background-color:#9458aa}article.node--type-frontpage .node__content>section.home-blabla .field--name-field-blabla-links .field__item{display:inline-block}article.node--type-frontpage .node__content>section.home-blabla .field--name-field-blabla-links .field__item a{display:inline-block;font-size:0.9em;font-weight:bold;padding:0.7em 1em;margin-bottom:0.3em;background-color:#fff;color:#000;border-radius:5px;border:none;background-color:#fff;color:#9458aa}article.node--type-frontpage .node__content>section.home-blabla .cards-list-home{position:relative;overflow-y:hidden;max-height:315px}article.node--type-frontpage .node__content>section.home-blabla .cards-list-home ul{width:100%;margin:0;padding:0;display:flex;flex-flow:row wrap;justify-content:space-between}article.node--type-frontpage .node__content>section.home-blabla .cards-list-home ul li{padding:0 0 13px 0;box-sizing:border-box;width:205px;position:relative;list-style:none;margin:0;overflow:hidden}article.node--type-frontpage .node__content>section.home-blabla .cards-list-home ul li .card{width:100%;height:auto}article.node--type-frontpage .node__content>section.home-blabla .cards-list-home ul li .card .field--name-title{font-size:0.756em;line-height:0.9}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-blabla .cards-list-home{max-height:386px}article.node--type-frontpage .node__content>section.home-blabla .cards-list-home ul{justify-content:space-around}article.node--type-frontpage .node__content>section.home-blabla .cards-list-home ul li{flex:0 3 45%}}article.node--type-frontpage .node__content>section.home-pricing>h3{text-align:center;text-transform:capitalize;padding:0.7em 0 0.3em 0}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-pricing>h3{text-align:left;padding:0 0.4em}}article.node--type-frontpage .node__content>section.home-pricing .field--name-field-pricing-pitch{text-align:center}article.node--type-frontpage .node__content>section.home-pricing .field--name-field-pricing-pitch p{margin:0}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-pricing .field--name-field-pricing-pitch{text-align:left}article.node--type-frontpage .node__content>section.home-pricing .field--name-field-pricing-pitch p{padding:0.5em 1em}}article.node--type-frontpage .node__content>section.home-pricing .field--name-field-pricing{display:flex;flex-flow:row nowrap;justify-content:center;padding-bottom:1em}article.node--type-frontpage .node__content>section.home-pricing .field--name-field-pricing p{flex:0 0 410px;padding:1em;margin:0;text-align:center}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-pricing .field--name-field-pricing{flex-flow:column;justify-content:flex-start}article.node--type-frontpage .node__content>section.home-pricing .field--name-field-pricing p{flex:0 0 auto;text-align:left;padding:0 1em 0.5em}}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference{display:flex;flex-flow:row nowrap}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference{flex-flow:column;justify-content:flex-start}}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item{flex:0 0 50%;text-align:center;padding:2em 0;color:#fff;position:relative;height:18em}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item a.btn{display:inline-block;font-size:0.9em;font-weight:bold;padding:0.7em 1em;margin-bottom:0.3em;background-color:#fff;color:#000;border-radius:5px;border:none;background-color:#fff}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item:nth-child(1){background-color:#69cdcf}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item:nth-child(1) a.btn{color:#69cdcf}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item:nth-child(2){background-color:#ff9f50}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item:nth-child(2) a.btn{color:#ff9f50}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item>article{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-title{font-weight:600;line-height:0.7;padding-bottom:0.1em;text-align:center;word-spacing:30000px}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-body{padding:0.5em}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-body p{margin:0}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item{flex:0 0 auto;padding:0}}.infinite-loading-container .infinite-status-prompt i[class^="loading-"]{width:15px;height:15px}.cards-list{position:relative}.cards-list .search-info{font-size:0.756em;font-weight:500;margin:0;padding:0 0 0.5em 0}.cards-list>ul{margin:0;padding:0;width:calc(100% + 13px)}.cards-list>ul>li{list-style:none;margin:0 13px 13px 0;padding:0;display:inline-block;vertical-align:top}@media (max-width: 654px){.cards-list>ul{display:flex;flex-flow:row wrap;justify-content:space-around;width:100%}.cards-list>ul>li{flex:0 1 48%;margin:0 0 0.5em 0;filter:drop-shadow(0 0 3px #aaa)}.cards-list>ul>li>article{width:100%;height:auto;box-shadow:none}#base .cards-list>ul>li>article>section.images{height:auto}.cards-list>ul>li>article>section.images>figure{position:relative}.cards-list>ul>li>article>section.images>figure:not(:first-child){display:none}.cards-list>ul>li>article>section.images>figure img:not(.blank){width:100%;height:auto}.cards-list>ul>li>article>section.images>figure img.blank{top:0;bottom:0;left:0;right:0}}article.card{position:relative;box-shadow:0 0 5px rgba(0,0,0,0.2);width:205px;height:295px}article.card.article{width:423px;height:295px}article.card.article section.images a{display:block}article.card.minicard{height:100px;width:170px;height:100px;margin:auto}article.card.minicard>header{padding:0.3em 0.3em 0.1em;cursor:pointer}article.card.minicard>header h1{margin:0;font-size:1em}article.card.minicard>header h4{margin:0;line-height:1.1;margin-bottom:-0.4em}article.card.minicard>header span.ref{line-height:0.5}article.card.minicard>nav.tools{padding:0 0.2em;background:rgba(255,255,255,0.8)}article.card.minicard>nav.tools .mdi.unflag{cursor:pointer}@media (hover: hover){article.card.minicard>nav.tools .tool.samples:hover .tool-content{max-width:140px}}article.card.minicard>nav.tools .tool.samples.tapped .tool-content{max-width:140px}article.card.linkedmaterialcard{width:190px;height:110px}article.card.linkedmaterialcard>header{padding:0.3em 0.3em 0.1em;cursor:pointer}article.card.linkedmaterialcard>header h1{margin:0;font-size:1em}article.card.linkedmaterialcard>header h4{margin:0;line-height:1.1;margin-bottom:-0.4em}article.card.linkedmaterialcard>header span.ref{line-height:0.5}article.card.linkedmaterialcard>nav.tools{top:auto;bottom:0;padding:0 0.2em;background:transparent}article.card.linkedmaterialcard>nav.tools .mdi.unflag{cursor:pointer}article.card header{position:absolute;bottom:0;z-index:10;color:#000;background-color:rgba(255,255,255,0.8);padding:0.3em 0.3em;box-sizing:border-box;width:100%}article.card header h1,article.card header h4{margin:0;padding:0}article.card header h1{font-size:1.3em;font-weight:700;line-height:0.85;margin-bottom:0.2em}article.card header h4{font-size:0.882em;font-weight:300;line-height:1.1;margin-bottom:-0.2em}article.card header span.ref{font-size:0.693em;font-weight:300;line-height:1}article.card.card-thematique header{background-color:rgba(105,205,207,0.9)}article.card nav.tools{position:absolute;top:0;right:0;z-index:21;width:15px;background-color:#fff;box-sizing:content-box;padding:0.3em 0.1em;opacity:0;transition:opacity 0.2s ease-in-out}article.card nav.tools>*{overflow:visible;position:relative}article.card nav.tools>* span.btn{overflow:hidden;font-size:0.882em}article.card nav.tools>* .tool-content{position:absolute;top:0px;right:100%;width:180px;box-sizing:border-box;padding:0;background-color:#fff;box-shadow:-2px 3px 8px rgba(0,0,0,0.5);opacity:0;max-height:0;max-width:0;overflow:hidden;transition:all 0.2s ease-in-out;transition-delay:0.1s}@media (hover: hover){article.card nav.tools>*:hover .tool-content{transition:all 0.3s ease-in-out;opacity:1;padding:0.3em;max-height:195px;max-width:200px}}article.card nav.tools>*.tapped .tool-content{transition:all 0.3s ease-in-out;opacity:1;padding:0.3em;max-height:195px;max-width:200px}@media (max-width: 654px){article.card nav.tools{width:23px}article.card nav.tools>*>span.btn,article.card nav.tools>*>a{font-size:1.2em}}article.card nav.tools .tool.flags .tool-content ul{display:flex;flex-flow:row wrap}article.card nav.tools .tool.flags .tool-content ul li{padding:0 0.5em 0 0}article.card nav.tools .tool.flags span.flag{cursor:pointer;font-size:0.756em;color:#bbb;transition:color 0.3s ease-in-out}@media (hover: hover){article.card nav.tools .tool.flags span.flag:hover{color:#1a1a1a}}article.card nav.tools .tool.flags span.flag.tapped{color:#1a1a1a}article.card nav.tools .tool.flags span.flag.isActive{color:#1a1a1a}article.card nav.tools .tool.flags li.create-flag{margin-top:0.2em;padding:0}article.card nav.tools .tool.flags li.create-flag input{align-self:flex-end;border:1px solid #bbb;border-radius:5px;width:calc(100% - 2em);font-size:0.8em}article.card nav.tools .tool.flags li.create-flag span.add-btn{align-self:flex-end;color:#bbb;font-size:1em;transition:all 0.2s ease-in-out}article.card nav.tools .tool.flags li.create-flag span.add-btn.active{cursor:pointer;color:#1a1a1a}article.card nav.tools .tool.flags li.create-flag span.add-btn.loading:before{animation:rotating 2s linear infinite}article.card nav.tools .tool.samples .tool-content{font-size:0.756em}article.card nav.tools .tool.samples .tool-content ul li{font-weight:bold}article.card nav.tools .tool.samples .tool-content ul li span.showroom{font-weight:400}@media (hover: hover){article.card:hover nav.tools{opacity:1}}article.card.tapped nav.tools{opacity:1}article.card section.images{position:relative}article.card section.images,article.card section.images *{width:100%;height:100%}article.card section.images figure{cursor:pointer;margin:0;position:absolute;top:0;left:0;transition:opacity 0.2s ease-in-out}article.card section.images figure:first-of-type{z-index:5}article.card section.images figure.show{opacity:1;z-index:6}article.card section.images figure.hide{opacity:0}article.card section.images figure img.blank{position:absolute;top:0;left:0;z-index:20}article.card.search-card>header{cursor:pointer}article.card.modal-card{display:flex;flex-flow:row-reverse nowrap;width:850px;height:610px}article.card.modal-card>.col{flex-basis:50%}@media (max-width: 654px){article.card.modal-card{flex-flow:column;width:100%;height:100%;overflow-y:auto}article.card.modal-card>.col-right{flex:0 0 auto}article.card.modal-card>.col-left{flex:0 0 100%}}article.card.modal-card section.col-right>*:not(nav.tools){position:relative;padding:0.3em 20px 0 0.5em;box-sizing:border-box;width:100%}article.card.modal-card section.col-right>header{bottom:auto}article.card.modal-card section.col-right span.label{font-size:0.693em;font-weight:500}article.card.modal-card section.col-right section.body p{font-size:0.693em;font-weight:300;line-height:1.35;margin:0 0 0.3em}article.card.modal-card section.col-right .vsa-list{padding:0;border:none;--vsa-heading-padding: 0 0;--vsa-content-padding: 0 0 0.5em;--vsa-default-icon-size: 0.3;--vsa-border-width: 0;--vsa-text-color: #1A1A1A;--vsa-highlight-color: #fff;--vsa-bg-color: #fff}article.card.modal-card section.col-right .vsa-list .vsa-item__trigger:focus .vsa-item__trigger__icon--is-default::after,article.card.modal-card section.col-right .vsa-list .vsa-item__trigger:focus .vsa-item__trigger__icon--is-default::before,article.card.modal-card section.col-right .vsa-list .vsa-item__trigger:hover .vsa-item__trigger__icon--is-default::after,article.card.modal-card section.col-right .vsa-list .vsa-item__trigger:hover .vsa-item__trigger__icon--is-default::before{background-color:var(--vsa-text-color)}article.card.modal-card section.col-right .vsa-list .vsa-item .vsa-item__heading button.vsa-item__trigger{height:2em}article.card.modal-card section.col-right .vsa-list .vsa-item .vsa-item__heading button.vsa-item__trigger:hover,article.card.modal-card section.col-right .vsa-list .vsa-item .vsa-item__heading button.vsa-item__trigger:focus{color:var(--vsa-text-color)}article.card.modal-card section.col-right .vsa-list .vsa-item[data-vsa-active="false"] .vsa-item__heading{padding-bottom:0.2em;margin-bottom:0.2em;border-bottom:0.5px dotted #1A1A1A}article.card.modal-card section.col-right section.linked-materials>ul{display:flex;flex-flow:row wrap;justify-content:space-between}article.card.modal-card section.col-right section.linked-materials>ul>li{flex-basis:0 0 50%;margin-bottom:0.5em}article.card.modal-card section.col-right nav.tools{opacity:1}article.card.modal-card section.col-right nav.tools section.close span.btn.mdi-close{cursor:pointer}article.card.modal-card section.col-right nav.tools div.tool-content{min-width:385px}@media (max-width: 654px){article.card.modal-card section.col-right nav.tools div.tool-content{min-width:80vw}}article.card.modal-card section.col-right section.tool.samples div.tool-content ul{font-size:0.756em;font-weight:300}article.card.modal-card section.col-right section.tool.samples div.tool-content ul li{padding-right:0.5em}article.card.modal-card section.col-right section.tool.samples div.tool-content ul li span.showroom{font-weight:500}@media (hover: hover){article.card.modal-card section.col-right section.tool.note:hover div.tool-content{max-height:370px}}article.card.modal-card section.col-right section.tool.note.tapped div.tool-content{max-height:370px}article.card.modal-card section.col-right section.tool.note div.tool-content textarea,article.card.modal-card section.col-right section.tool.note div.tool-content textarea:focus,article.card.modal-card section.col-right section.tool.note div.tool-content textarea:focus-visible,article.card.modal-card section.col-right section.tool.note div.tool-content textarea:active{resize:none;width:99%;height:350px;margin:0;padding:0.3em;border:1px solid #ccc;border-radius:3px;outline:none;box-sizing:border-box}article.card.modal-card section.col-right section.industriels{display:flex;flex-flow:row}article.card.modal-card section.col-right section.industriels>section{flex:0 0 50%}article.card.modal-card section.col-right section.industriels>section ul li{padding:0.1em 0 .4em 0}article.card.modal-card section.col-right section.industriels>section h2{margin:0;font-size:1em;line-height:1}article.card.modal-card section.col-right section.industriels>section p{margin:0;font-size:0.756em}article.card.modal-card section.col-right section.attachments a{margin:0;font-size:0.882em;line-height:0.6}article.card.modal-card section.col-right section.attachments a span{font-size:0.8em}article.card.modal-card section.col-right section.attachments p{margin:0;font-size:0.882em}@media (min-width: 655px){.vm--modale-card{max-width:850px;max-height:610px;left:50% !important;top:50% !important;transform:translate(-50%, -50%) !important}}.vm--overlay{background:rgba(0,0,0,0.5) !important}#main-content>article.thematique div.cols{display:flex;flex-direction:row;flex-wrap:nowrap}@media (max-width: 654px){#main-content>article.thematique div.cols{flex-wrap:wrap}}#main-content>article.thematique div.cols div.col-left{padding:0 13px 13px 0;flex:0 0 423px}#main-content>article.thematique div.col-left section.body{background-color:#69cdcf;padding:0.5em 1em 1em}#main-content>article.thematique div.col-left section.visuel img{width:100%}#main-content>article.thematique aside.linked-materials div.card-list>ul{width:calc(100% + 13px)}#main-content>article.thematique aside.linked-materials div.card-list>ul>li{display:inline-block;vertical-align:top;width:205px;margin:0 13px 13px 0}#main-content>article.thematique aside.linked-materials h3.field__label{font-size:1em;font-weight:500;margin:2em 0 1em 0}#main-content>article.thematique aside.linked-materials h1.title{font-size:1em;font-weight:400}#main-content>article.thematique aside.linked-materials h3.ref{font-size:0.756em;font-weight:600}#main-content>article.thematique aside.linked-materials h2.description{font-size:0.756em;font-weight:400}@media (min-width: 655px){#main-content>article.article div.cols{display:grid;grid-template-rows:1fr;grid-template-columns:repeat(6, 1fr);grid-gap:1em}#main-content>article.article div.cols div.col-left{grid-column:1}#main-content>article.article div.cols div.col-right{grid-column:2/6}}@media (max-width: 654px){#main-content>article.article div.cols{padding:1em;box-sizing:border-box}#main-content>article.article div.cols .accroche figure{width:100%}}#main-content>article.article section.accroche figure{width:423px;margin:0 13px 0 0}#main-content>article.article section.accroche figure img{width:100%}#main-content>article.article section.taxonomy{margin:1em 0}#main-content>article.article section.taxonomy ul{margin:0}#main-content>article.article section.taxonomy li{display:inline-block;padding:0 0.5em 0 0}#main-content>article.article div.gallery-wrapper .image{display:inline-block;width:205px;margin:0 13px 7.8px 0;height:147.5px;background-size:cover}@media (max-width: 654px){#main-content>article.article div.gallery-wrapper{display:flex;flex-flow:row wrap;justify-content:space-between}#main-content>article.article div.gallery-wrapper .image{display:block;flex:0 1 48%;margin:0 0 7.8px 0}}@media (min-width: 655px){#main-content>article.article aside.linked-materials ul{width:calc(100% + 13px)}#main-content>article.article aside.linked-materials ul li{display:inline-block;vertical-align:top;width:205px;margin:0 13px 13px 0}}#main-content>article.article aside.linked-materials h3.field__label{font-size:1em;font-weight:500;margin:2em 0 1em 0}#main-content>article.article aside.linked-materials h1.title{font-size:1em;font-weight:400}#main-content>article.article aside.linked-materials h3.ref{font-size:0.756em;font-weight:600}#main-content>article.article aside.linked-materials h2.description{font-size:0.756em;font-weight:400}@media (max-width: 654px){#main-content>article.article nav.prevnext{padding:0 1em}}#main-content>article.article nav.prevnext.bottom{margin:2em 0}#main-content>article.article nav.prevnext ul{padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr}#main-content>article.article nav.prevnext li{padding:0;margin:0;list-style:none}#main-content>article.article nav.prevnext li a{font-size:0.756em;font-weight:700;line-height:1.3;display:block;position:relative;padding:0 1em}#main-content>article.article nav.prevnext li:nth-child(1){grid-column:1}#main-content>article.article nav.prevnext li:nth-child(1) a:before{content:'\021A4';position:absolute;left:0}#main-content>article.article nav.prevnext li:nth-child(2){grid-column:2;text-align:right}#main-content>article.article nav.prevnext li:nth-child(2) a:after{content:'\021A6';position:absolute;right:0}#showrooms{width:calc(100% + 13px)}#showrooms article.showroom{width:423px;display:inline-block;vertical-align:top;margin:0 13px 13px 0}#showrooms article.showroom h1{margin:0;font-weight:4}#showrooms article.showroom p{margin:0}#showrooms article.showroom figure{margin:0}#showrooms article.showroom figure img{max-width:100%}#main-content>#pricing,#main-content .view-pricing-products .view-content{display:flex;flex-flow:row nowrap}#main-content>#pricing article.product,#main-content>#pricing .views-row,#main-content .view-pricing-products .view-content article.product,#main-content .view-pricing-products .view-content .views-row{flex:0 0 50%;text-align:center;padding:2em 0}#main-content>#pricing article.product>header,#main-content>#pricing .views-row>header,#main-content .view-pricing-products .view-content article.product>header,#main-content .view-pricing-products .view-content .views-row>header{padding-bottom:1.3em}#main-content>#pricing article.product>header h1,#main-content>#pricing article.product .views-field-title,#main-content>#pricing .views-row>header h1,#main-content>#pricing .views-row .views-field-title,#main-content .view-pricing-products .view-content article.product>header h1,#main-content .view-pricing-products .view-content article.product .views-field-title,#main-content .view-pricing-products .view-content .views-row>header h1,#main-content .view-pricing-products .view-content .views-row .views-field-title{font-size:4em;line-height:0.6;color:#fff;text-align:center;word-spacing:30000px}#main-content>#pricing article.product section.content,#main-content>#pricing article.product .views-field-body,#main-content>#pricing .views-row section.content,#main-content>#pricing .views-row .views-field-body,#main-content .view-pricing-products .view-content article.product section.content,#main-content .view-pricing-products .view-content article.product .views-field-body,#main-content .view-pricing-products .view-content .views-row section.content,#main-content .view-pricing-products .view-content .views-row .views-field-body{color:#fff}#main-content>#pricing article.product section.content .description,#main-content>#pricing article.product .views-field-body .description,#main-content>#pricing .views-row section.content .description,#main-content>#pricing .views-row .views-field-body .description,#main-content .view-pricing-products .view-content article.product section.content .description,#main-content .view-pricing-products .view-content article.product .views-field-body .description,#main-content .view-pricing-products .view-content .views-row section.content .description,#main-content .view-pricing-products .view-content .views-row .views-field-body .description{font-size:1.134em}#main-content>#pricing article.product section.content .description p,#main-content>#pricing article.product .views-field-body .description p,#main-content>#pricing .views-row section.content .description p,#main-content>#pricing .views-row .views-field-body .description p,#main-content .view-pricing-products .view-content article.product section.content .description p,#main-content .view-pricing-products .view-content article.product .views-field-body .description p,#main-content .view-pricing-products .view-content .views-row section.content .description p,#main-content .view-pricing-products .view-content .views-row .views-field-body .description p{margin:0.3em}#main-content>#pricing article.product aside,#main-content>#pricing .views-row aside,#main-content .view-pricing-products .view-content article.product aside,#main-content .view-pricing-products .view-content .views-row aside{padding:1em 0}#main-content>#pricing article.product aside .variation,#main-content>#pricing .views-row aside .variation,#main-content .view-pricing-products .view-content article.product aside .variation,#main-content .view-pricing-products .view-content .views-row aside .variation{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-end}#main-content>#pricing article.product aside .variation div.variation-description,#main-content>#pricing .views-row aside .variation div.variation-description,#main-content .view-pricing-products .view-content article.product aside .variation div.variation-description,#main-content .view-pricing-products .view-content .views-row aside .variation div.variation-description{flex:0 0 6.7em;font-size:2.012em;font-weight:800;color:#fff}#main-content>#pricing article.product aside .variation div.variation-description p,#main-content>#pricing .views-row aside .variation div.variation-description p,#main-content .view-pricing-products .view-content article.product aside .variation div.variation-description p,#main-content .view-pricing-products .view-content .views-row aside .variation div.variation-description p{margin:0;text-align:left}#main-content>#pricing article.product aside .variation button,#main-content>#pricing .views-row aside .variation button,#main-content .view-pricing-products .view-content article.product aside .variation button,#main-content .view-pricing-products .view-content .views-row aside .variation button{display:inline-block;font-size:0.9em;font-weight:bold;padding:0.7em 1em;margin-bottom:0.3em;background-color:#fff;color:#000;border-radius:5px;border:none;background-color:#fff}#main-content>#pricing article.product:nth-child(1),#main-content>#pricing .views-row:nth-child(1),#main-content .view-pricing-products .view-content article.product:nth-child(1),#main-content .view-pricing-products .view-content .views-row:nth-child(1){background-color:#69cdcf}#main-content>#pricing article.product:nth-child(1) aside .variation button,#main-content>#pricing .views-row:nth-child(1) aside .variation button,#main-content .view-pricing-products .view-content article.product:nth-child(1) aside .variation button,#main-content .view-pricing-products .view-content .views-row:nth-child(1) aside .variation button{color:#69cdcf}#main-content>#pricing article.product:nth-child(2),#main-content>#pricing .views-row:nth-child(2),#main-content .view-pricing-products .view-content article.product:nth-child(2),#main-content .view-pricing-products .view-content .views-row:nth-child(2){background-color:#ff9f50}#main-content>#pricing article.product:nth-child(2) aside .variation button,#main-content>#pricing .views-row:nth-child(2) aside .variation button,#main-content .view-pricing-products .view-content article.product:nth-child(2) aside .variation button,#main-content .view-pricing-products .view-content .views-row:nth-child(2) aside .variation button{color:#ff9f50}@media (max-width: 654px){#main-content>#pricing,#main-content .view-pricing-products .view-content{flex-flow:column}#main-content>#pricing article.product,#main-content>#pricing .views-row,#main-content .view-pricing-products .view-content article.product,#main-content .view-pricing-products .view-content .views-row{flex:0 1 auto}}.modal{position:relative}#pricing-modal-login-register{position:relative;width:100%;text-align:left}#pricing-modal-login-register h2{margin:0.4em 0 1.1em;padding-right:4em;font-size:1.2em;font-weight:300}#pricing-modal-login-register #login-register{width:100%;display:flex;flex-flow:row nowrap}#pricing-modal-login-register #login-register>section{flex:0 0 250px}#pricing-modal-login-register #login-register>section form .form-item,#pricing-modal-login-register #login-register>section form .form-actions{margin:0.5em 0;max-width:none}#pricing-modal-login-register #login-register>section form .form-type-email,#pricing-modal-login-register #login-register>section form .form-type-password,#pricing-modal-login-register #login-register>section form .form-actions{display:block}#pricing-modal-login-register #login-register>section form input[type="email"],#pricing-modal-login-register #login-register>section form input[type="password"]{max-width:11em}#pricing-modal-login-register #login-register>section form#user-login-form #edit-pass--description,#pricing-modal-login-register #login-register>section form #edit-pass-pass1--description{display:block;max-width:16em;font-size:0.693em}#pricing-modal-login-register #login-register>section form span.login-message,#pricing-modal-login-register #login-register>section form span.register-message{color:red;font-size:0.693em;line-height:1.2;display:block;padding:0.8em 0 0 0}#pricing-modal-login-register #login-register>section form span.login-message[v-if="loginMessage"],#pricing-modal-login-register #login-register>section form span.register-message[v-if="registerMessage"]{display:none}#main-content form.commerce-checkout-flow{max-width:641px}#main-content form.commerce-checkout-flow .layout-checkout-form{display:flex;flex-flow:column}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main{width:100%;float:none;order:2;background-color:#ff9f50;padding:1em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main label,#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main legend,#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main fieldset#edit-review-contact-information,#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main fieldset#edit-review-payment-information{color:#fff}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main fieldset{border:none;margin:0;padding:0}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main fieldset legend{font-size:1.5em;font-weight:600;margin-bottom:0.5em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .form-item{margin:0 0 0.5em 0}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main label{display:inline-block;font-weight:bold;min-width:10em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main input[type="text"]{width:20em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .stripe-form{display:inline-block;background-color:#fff;color:#1A1A1A;border-radius:5px;padding:1em;margin:0 0 1em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .stripe-form .form-item{display:flex;align-items:center;flex-flow:row nowrap}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .stripe-form .form-item label{color:#777}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .stripe-form .form-item .form-text{background-color:#fff;border-radius:3px}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .form-item-payment-information-add-payment-method-billing-information-address-0-address-address-line2{padding-left:10.25em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .form-item-payment-information-add-payment-method-billing-information-copy-to-address-book{display:none}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary{width:100%;float:none;order:1}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary>h3{display:none}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-order-summary{background-color:#69cdcf;color:#fff;padding:1em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-order-summary .view-commerce-checkout-order-summary{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-end}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-order-summary .field--name-product-id .field--name-title{font-size:2.5em;font-weight:800}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-order-summary .field--name-title{font-size:1.5em;font-weight:600}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-order-summary p{margin:0}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-coupon-redemption{background-color:#50aa3c;padding:1em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-coupon-redemption>.form-wrapper{display:flex;flex-flow:row;align-items:center}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-coupon-redemption>.form-wrapper .form-item{margin:0 0.5em 0 0}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-coupon-redemption>.form-wrapper .form-item label{color:#fff;font-size:1.5em;font-weight:600;margin-right:0.5em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-coupon-redemption>.form-wrapper .form-item input[type="text"]{width:7em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-coupon-redemption>.form-wrapper input[type="submit"]{background-color:#fff;color:#50aa3c;border:none;margin:0;padding:0.1em 0.7em;box-sizing:content-box;height:2em;font-weight:800;border-radius:5px}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-footer{float:none;width:100%;padding:0;order:3}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-footer #edit-actions{text-align:right}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-footer input#edit-actions-next{background-color:#9458aa;color:#fff;border:none;border-radius:5px;padding:0.2em 0.4em 0.3em;font-weight:600;font-size:1.323em}form#user-pass input.form-email{max-width:95%}body:not(.path-home) footer[role="contentinfo"]{display:none}footer[role="contentinfo"] #block-materiosimplenewssubscription form{display:flex;flex-flow:row nowrap;align-items:center;font-size:0.756em}footer[role="contentinfo"] #block-materiosimplenewssubscription form>*{margin-right:0.5em}footer[role="contentinfo"] #block-materiosimplenewssubscription form #edit-subscriptions{display:flex;flex-flow:row nowrap}footer[role="contentinfo"] #block-materiosimplenewssubscription form #edit-subscriptions>*{margin-right:0.5em;display:flex;flex-flow:row nowrap;align-items:center}footer[role="contentinfo"] #block-materiosimplenewssubscription form #edit-subscriptions input{margin-right:0.3em}footer[role="contentinfo"] #block-materiosimplenewssubscription form #edit-mail-wrapper input[type="email"]{width:10em}footer[role="contentinfo"] #block-materiosimplenewssubscription form #edit-actions--2 input[type="submit"]{border:none;background:none;background-color:#69cdcf;border-radius:5px;color:#fff;padding:0.7em 1em;font-weight:700} body{font-size:16px;font-family:"Ubuntu",Arial,"MS Trebuchet",sans-serif;font-weight:500;font-style:normal;line-height:1.3}body{margin:0;padding:0}#printable-root-page{box-sizing:border-box;width:21cm;padding:1cm .5cm 2cm}#printable-root-page>header{display:flex;flex-flow:nowrap;align-items:baseline}#printable-root-page>header h1{margin:0;font-weight:600}#printable-root-page>article{padding-top:1em}#printable-root-page>article>h2{font-weight:600;margin:0}#printable-root-page>article .field--name-field-reference{margin:0 0 1em 0}#printable-root-page>article .field--name-body,#printable-root-page>article .field--name-field-samples{display:inline-block;vertical-align:top}#printable-root-page>article .field--name-body{width:75%}#printable-root-page>article .field--name-body p{margin:0}#printable-root-page>article .field__label{font-size:0.756em;font-weight:700}#printable-root-page>article .field--name-field-samples{width:23%;text-align:right}#printable-root-page>article .field--name-field-samples .field__item{font-size:0.756em}#printable-root-page>article .field--name-field-manufacturer,#printable-root-page>article .field--name-field-distributor{margin-top:1em;display:inline-block;vertical-align:top;width:49%}#printable-root-page>article .field--name-field-manufacturer .taxonomy-term,#printable-root-page>article .field--name-field-distributor .taxonomy-term{padding-bottom:0.5em}#printable-root-page>article .field--name-field-manufacturer .taxonomy-term>h2,#printable-root-page>article .field--name-field-distributor .taxonomy-term>h2{margin:0;font-weight:600;font-size:1em}#printable-root-page>article .field--name-field-manufacturer .taxonomy-term p,#printable-root-page>article .field--name-field-distributor .taxonomy-term p{margin:0}#printable-root-page>article .field--name-field-materiau-images{margin-top:1em;display:flex;flex-flow:row wrap;justify-content:space-between}#printable-root-page>article .field--name-field-materiau-images .field__item{flex:0 0 33%}#printable-root-page>article .field--name-field-materiau-images .field__item img{width:100%;height:auto} diff --git a/web/themes/custom/materiotheme/assets/dist/main.js b/web/themes/custom/materiotheme/assets/dist/main.js index 3dd9d8d0..6224d1f4 100644 --- a/web/themes/custom/materiotheme/assets/dist/main.js +++ b/web/themes/custom/materiotheme/assets/dist/main.js @@ -5,7 +5,7 @@ } } ${y()} - `;p.E.post("",{query:(0,h.S)(e)}).then((({data:{data:{materiau:e}}})=>{this.material=e,this.loading=!1,e.note&&e.note.id&&(this.note_id=e.note.id,this.note=e.note.contenu),setTimeout(function(){this.activateLazyLoad()}.bind(this),5)})).catch((e=>{console.warn("Issue with loadMaterial",e),Promise.reject(e)}))},onCreateFlagColl(){this.new_folder_name,this.is_creating_folder=!0,this.createFlagColl(this.new_folder_name).then((e=>{this.new_folder_name="",this.is_creating_folder=!1;let t=e.id;this.loadingFlag=t,this.flagUnflag({action:"flag",id:this.item.id,collid:t}).then((e=>{this.loadingFlag=!1}))}))},flagIsActive(e){return-1!==this.flagcolls[e].items.indexOf(this.item.id)},flagIsLoading(e){return e===this.loadingFlag},onFlagActionCard(e){if(!this.loadingFlag){let t=e.target.getAttribute("collid"),n=this.flagIsActive(t)?"unflag":"flag";this.loadingFlag=t,this.flagUnflag({action:n,id:this.item.id,collid:t}).then((e=>{this.loadingFlag=!1}))}},onCloseModalCard(e){this.$modal.hide(`modal-${this.item.id}`)},onSwipeCard(e){this.$modal.hide(`modal-${this.item.id}`)},prettyFileSize:e=>b(parseInt(e)),shortUrl:e=>e.replace(/^http:\/\//,"").replace(/^www\./,""),saveNote(){this.note,this.note_nid?this.updateNote():this.createNote()},updateNote(){let e={type:[{target_id:"note"}],field_contenu:this.note},t={headers:{"X-CSRF-Token":this.csrf_token}};f.Z.patch(`/node/${this.note_nid}?_format=json`,e,t).then((({data:e})=>{})).catch((e=>{console.warn("Issue with updateNote",e)}))},createNote(){let e={type:[{target_id:"note"}],title:[{value:"note"}],field_contenu:this.note,field_target:this.item.id},t={headers:{"X-CSRF-Token":this.csrf_token}};f.Z.post("/node?_format=json",e,t).then((({data:e})=>{this.note_nid=e.nid[0].value,this.addNoteId(this.note_nid)})).catch((e=>{console.warn("Issue with createNote",e)}))},onTapTool(e){e.target.parentNode.parentNode.querySelectorAll("section.tool").forEach(((e,t)=>{e.classList.remove("tapped")})),e.target.parentNode.classList.add("tapped")},onTapCard(e){this.$refs.tools.querySelectorAll("section.tool").forEach(((e,t)=>{e.classList.remove("tapped")}))}}};var k=(0,l.Z)(w,i,[],!1,null,"62d62e96",null);k.options.__file="web/themes/custom/materiotheme/vuejs/components/Content/ModalCard.vue";const S=k.exports},1900:(e,t,n)=>{"use strict";function i(e,t,n,i,r,o,a,s){var c,l="function"==typeof e?e.options:e;if(t&&(l.render=t,l.staticRenderFns=n,l._compiled=!0),i&&(l.functional=!0),o&&(l._scopeId="data-v-"+o),a?(c=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),r&&r.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(a)},l._ssrRegister=c):r&&(c=s?function(){r.call(this,(l.functional?this.parent:this).$root.$options.shadowRoot)}:r),c)if(l.functional){l._injectStyles=c;var u=l.render;l.render=function(e,t){return c.call(t),u(e,t)}}else{var d=l.beforeCreate;l.beforeCreate=d?[].concat(d,c):[c]}return{exports:e,options:l}}n.d(t,{Z:()=>i})},6850:e=>{e.exports=function(e){var t={};function n(i){if(t[i])return t[i].exports;var r=t[i]={i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(i,r,function(t){return e[t]}.bind(null,r));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s="fb15")}({"00ee":function(e,t,n){var i={};i[n("b622")("toStringTag")]="z",e.exports="[object z]"===String(i)},"0366":function(e,t,n){var i=n("1c0b");e.exports=function(e,t,n){if(i(e),void 0===t)return e;switch(n){case 0:return function(){return e.call(t)};case 1:return function(n){return e.call(t,n)};case 2:return function(n,i){return e.call(t,n,i)};case 3:return function(n,i,r){return e.call(t,n,i,r)}}return function(){return e.apply(t,arguments)}}},"057f":function(e,t,n){var i=n("fc6a"),r=n("241c").f,o={}.toString,a="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[];e.exports.f=function(e){return a&&"[object Window]"==o.call(e)?function(e){try{return r(e)}catch(e){return a.slice()}}(e):r(i(e))}},"06cf":function(e,t,n){var i=n("83ab"),r=n("d1e7"),o=n("5c6c"),a=n("fc6a"),s=n("c04e"),c=n("5135"),l=n("0cfb"),u=Object.getOwnPropertyDescriptor;t.f=i?u:function(e,t){if(e=a(e),t=s(t,!0),l)try{return u(e,t)}catch(e){}if(c(e,t))return o(!r.f.call(e,t),e[t])}},"0cfb":function(e,t,n){var i=n("83ab"),r=n("d039"),o=n("cc12");e.exports=!i&&!r((function(){return 7!=Object.defineProperty(o("div"),"a",{get:function(){return 7}}).a}))},"0d03":function(e,t,n){var i=n("6eeb"),r=Date.prototype,o="Invalid Date",a="toString",s=r.toString,c=r.getTime;new Date(NaN)+""!=o&&i(r,a,(function(){var e=c.call(this);return e==e?s.call(this):o}))},"0df6":function(e,t,n){},"159b":function(e,t,n){var i=n("da84"),r=n("fdbc"),o=n("17c2"),a=n("9112");for(var s in r){var c=i[s],l=c&&c.prototype;if(l&&l.forEach!==o)try{a(l,"forEach",o)}catch(e){l.forEach=o}}},"17c2":function(e,t,n){"use strict";var i=n("b727").forEach,r=n("a640"),o=n("ae40"),a=r("forEach"),s=o("forEach");e.exports=a&&s?[].forEach:function(e){return i(this,e,arguments.length>1?arguments[1]:void 0)}},"1be4":function(e,t,n){var i=n("d066");e.exports=i("document","documentElement")},"1c0b":function(e,t){e.exports=function(e){if("function"!=typeof e)throw TypeError(String(e)+" is not a function");return e}},"1c6c":function(e,t,n){},"1c7e":function(e,t,n){var i=n("b622")("iterator"),r=!1;try{var o=0,a={next:function(){return{done:!!o++}},return:function(){r=!0}};a[i]=function(){return this},Array.from(a,(function(){throw 2}))}catch(e){}e.exports=function(e,t){if(!t&&!r)return!1;var n=!1;try{var o={};o[i]=function(){return{next:function(){return{done:n=!0}}}},e(o)}catch(e){}return n}},"1d1c":function(e,t,n){var i=n("23e7"),r=n("83ab");i({target:"Object",stat:!0,forced:!r,sham:!r},{defineProperties:n("37e8")})},"1d80":function(e,t){e.exports=function(e){if(null==e)throw TypeError("Can't call method on "+e);return e}},"1dde":function(e,t,n){var i=n("d039"),r=n("b622"),o=n("2d00"),a=r("species");e.exports=function(e){return o>=51||!i((function(){var t=[];return(t.constructor={})[a]=function(){return{foo:1}},1!==t[e](Boolean).foo}))}},"23cb":function(e,t,n){var i=n("a691"),r=Math.max,o=Math.min;e.exports=function(e,t){var n=i(e);return n<0?r(n+t,0):o(n,t)}},"23e7":function(e,t,n){var i=n("da84"),r=n("06cf").f,o=n("9112"),a=n("6eeb"),s=n("ce4e"),c=n("e893"),l=n("94ca");e.exports=function(e,t){var n,u,d,f,p,h=e.target,m=e.global,v=e.stat;if(n=m?i:v?i[h]||s(h,{}):(i[h]||{}).prototype)for(u in t){if(f=t[u],d=e.noTargetGet?(p=r(n,u))&&p.value:n[u],!l(m?u:h+(v?".":"#")+u,e.forced)&&void 0!==d){if(typeof f==typeof d)continue;c(f,d)}(e.sham||d&&d.sham)&&o(f,"sham",!0),a(n,u,f,e)}}},"241c":function(e,t,n){var i=n("ca84"),r=n("7839").concat("length","prototype");t.f=Object.getOwnPropertyNames||function(e){return i(e,r)}},"25f0":function(e,t,n){"use strict";var i=n("6eeb"),r=n("825a"),o=n("d039"),a=n("ad6d"),s="toString",c=RegExp.prototype,l=c.toString,u=o((function(){return"/a/b"!=l.call({source:"a",flags:"b"})})),d=l.name!=s;(u||d)&&i(RegExp.prototype,s,(function(){var e=r(this),t=String(e.source),n=e.flags;return"/"+t+"/"+String(void 0===n&&e instanceof RegExp&&!("flags"in c)?a.call(e):n)}),{unsafe:!0})},"277d":function(e,t,n){n("23e7")({target:"Array",stat:!0},{isArray:n("e8b5")})},"2d00":function(e,t,n){var i,r,o=n("da84"),a=n("342f"),s=o.process,c=s&&s.versions,l=c&&c.v8;l?r=(i=l.split("."))[0]+i[1]:a&&(!(i=a.match(/Edge\/(\d+)/))||i[1]>=74)&&(i=a.match(/Chrome\/(\d+)/))&&(r=i[1]),e.exports=r&&+r},"342f":function(e,t,n){var i=n("d066");e.exports=i("navigator","userAgent")||""},"35a1":function(e,t,n){var i=n("f5df"),r=n("3f8c"),o=n("b622")("iterator");e.exports=function(e){if(null!=e)return e[o]||e["@@iterator"]||r[i(e)]}},"37e8":function(e,t,n){var i=n("83ab"),r=n("9bf2"),o=n("825a"),a=n("df75");e.exports=i?Object.defineProperties:function(e,t){o(e);for(var n,i=a(t),s=i.length,c=0;s>c;)r.f(e,n=i[c++],t[n]);return e}},"3bbe":function(e,t,n){var i=n("861d");e.exports=function(e){if(!i(e)&&null!==e)throw TypeError("Can't set "+String(e)+" as a prototype");return e}},"3ca3":function(e,t,n){"use strict";var i=n("6547").charAt,r=n("69f3"),o=n("7dd0"),a="String Iterator",s=r.set,c=r.getterFor(a);o(String,"String",(function(e){s(this,{type:a,string:String(e),index:0})}),(function(){var e,t=c(this),n=t.string,r=t.index;return r>=n.length?{value:void 0,done:!0}:(e=i(n,r),t.index+=e.length,{value:e,done:!1})}))},"3d02":function(e,t,n){},"3f8c":function(e,t){e.exports={}},4160:function(e,t,n){"use strict";var i=n("23e7"),r=n("17c2");i({target:"Array",proto:!0,forced:[].forEach!=r},{forEach:r})},"428f":function(e,t,n){var i=n("da84");e.exports=i},"44ad":function(e,t,n){var i=n("d039"),r=n("c6b6"),o="".split;e.exports=i((function(){return!Object("z").propertyIsEnumerable(0)}))?function(e){return"String"==r(e)?o.call(e,""):Object(e)}:Object},"44d2":function(e,t,n){var i=n("b622"),r=n("7c73"),o=n("9bf2"),a=i("unscopables"),s=Array.prototype;null==s[a]&&o.f(s,a,{configurable:!0,value:r(null)}),e.exports=function(e){s[a][e]=!0}},4930:function(e,t,n){var i=n("d039");e.exports=!!Object.getOwnPropertySymbols&&!i((function(){return!String(Symbol())}))},"49b2":function(e,t,n){},"4d64":function(e,t,n){var i=n("fc6a"),r=n("50c4"),o=n("23cb"),a=function(e){return function(t,n,a){var s,c=i(t),l=r(c.length),u=o(a,l);if(e&&n!=n){for(;l>u;)if((s=c[u++])!=s)return!0}else for(;l>u;u++)if((e||u in c)&&c[u]===n)return e||u||0;return!e&&-1}};e.exports={includes:a(!0),indexOf:a(!1)}},"4de4":function(e,t,n){"use strict";var i=n("23e7"),r=n("b727").filter,o=n("1dde"),a=n("ae40"),s=o("filter"),c=a("filter");i({target:"Array",proto:!0,forced:!s||!c},{filter:function(e){return r(this,e,arguments.length>1?arguments[1]:void 0)}})},"4df4":function(e,t,n){"use strict";var i=n("0366"),r=n("7b0b"),o=n("9bdd"),a=n("e95a"),s=n("50c4"),c=n("8418"),l=n("35a1");e.exports=function(e){var t,n,u,d,f,p,h=r(e),m="function"==typeof this?this:Array,v=arguments.length,g=v>1?arguments[1]:void 0,y=void 0!==g,b=l(h),_=0;if(y&&(g=i(g,v>2?arguments[2]:void 0,2)),null==b||m==Array&&a(b))for(n=new m(t=s(h.length));t>_;_++)p=y?g(h[_],_):h[_],c(n,_,p);else for(f=(d=b.call(h)).next,n=new m;!(u=f.call(d)).done;_++)p=y?o(d,g,[u.value,_],!0):u.value,c(n,_,p);return n.length=_,n}},"4e6f":function(e,t,n){},"4fad":function(e,t,n){var i=n("23e7"),r=n("6f53").entries;i({target:"Object",stat:!0},{entries:function(e){return r(e)}})},"50c4":function(e,t,n){var i=n("a691"),r=Math.min;e.exports=function(e){return e>0?r(i(e),9007199254740991):0}},5135:function(e,t){var n={}.hasOwnProperty;e.exports=function(e,t){return n.call(e,t)}},5692:function(e,t,n){var i=n("c430"),r=n("c6cd");(e.exports=function(e,t){return r[e]||(r[e]=void 0!==t?t:{})})("versions",[]).push({version:"3.6.5",mode:i?"pure":"global",copyright:"© 2020 Denis Pushkarev (zloirock.ru)"})},"56ef":function(e,t,n){var i=n("d066"),r=n("241c"),o=n("7418"),a=n("825a");e.exports=i("Reflect","ownKeys")||function(e){var t=r.f(a(e)),n=o.f;return n?t.concat(n(e)):t}},5899:function(e,t){e.exports="\t\n\v\f\r                 \u2028\u2029\ufeff"},"58a8":function(e,t,n){var i=n("1d80"),r="["+n("5899")+"]",o=RegExp("^"+r+r+"*"),a=RegExp(r+r+"*$"),s=function(e){return function(t){var n=String(i(t));return 1&e&&(n=n.replace(o,"")),2&e&&(n=n.replace(a,"")),n}};e.exports={start:s(1),end:s(2),trim:s(3)}},"5c6c":function(e,t){e.exports=function(e,t){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:t}}},"62e4":function(e,t){e.exports=function(e){return e.webpackPolyfill||(e.deprecate=function(){},e.paths=[],e.children||(e.children=[]),Object.defineProperty(e,"loaded",{enumerable:!0,get:function(){return e.l}}),Object.defineProperty(e,"id",{enumerable:!0,get:function(){return e.i}}),e.webpackPolyfill=1),e}},"64c0":function(e,t,n){},6547:function(e,t,n){var i=n("a691"),r=n("1d80"),o=function(e){return function(t,n){var o,a,s=String(r(t)),c=i(n),l=s.length;return c<0||c>=l?e?"":void 0:(o=s.charCodeAt(c))<55296||o>56319||c+1===l||(a=s.charCodeAt(c+1))<56320||a>57343?e?s.charAt(c):o:e?s.slice(c,c+2):a-56320+(o-55296<<10)+65536}};e.exports={codeAt:o(!1),charAt:o(!0)}},"65f0":function(e,t,n){var i=n("861d"),r=n("e8b5"),o=n("b622")("species");e.exports=function(e,t){var n;return r(e)&&("function"!=typeof(n=e.constructor)||n!==Array&&!r(n.prototype)?i(n)&&null===(n=n[o])&&(n=void 0):n=void 0),new(void 0===n?Array:n)(0===t?0:t)}},"69f3":function(e,t,n){var i,r,o,a=n("7f9a"),s=n("da84"),c=n("861d"),l=n("9112"),u=n("5135"),d=n("f772"),f=n("d012"),p=s.WeakMap;if(a){var h=new p,m=h.get,v=h.has,g=h.set;i=function(e,t){return g.call(h,e,t),t},r=function(e){return m.call(h,e)||{}},o=function(e){return v.call(h,e)}}else{var y=d("state");f[y]=!0,i=function(e,t){return l(e,y,t),t},r=function(e){return u(e,y)?e[y]:{}},o=function(e){return u(e,y)}}e.exports={set:i,get:r,has:o,enforce:function(e){return o(e)?r(e):i(e,{})},getterFor:function(e){return function(t){var n;if(!c(t)||(n=r(t)).type!==e)throw TypeError("Incompatible receiver, "+e+" required");return n}}}},"6eeb":function(e,t,n){var i=n("da84"),r=n("9112"),o=n("5135"),a=n("ce4e"),s=n("8925"),c=n("69f3"),l=c.get,u=c.enforce,d=String(String).split("String");(e.exports=function(e,t,n,s){var c=!!s&&!!s.unsafe,l=!!s&&!!s.enumerable,f=!!s&&!!s.noTargetGet;"function"==typeof n&&("string"!=typeof t||o(n,"name")||r(n,"name",t),u(n).source=d.join("string"==typeof t?t:"")),e!==i?(c?!f&&e[t]&&(l=!0):delete e[t],l?e[t]=n:r(e,t,n)):l?e[t]=n:a(t,n)})(Function.prototype,"toString",(function(){return"function"==typeof this&&l(this).source||s(this)}))},"6f53":function(e,t,n){var i=n("83ab"),r=n("df75"),o=n("fc6a"),a=n("d1e7").f,s=function(e){return function(t){for(var n,s=o(t),c=r(s),l=c.length,u=0,d=[];l>u;)n=c[u++],i&&!a.call(s,n)||d.push(e?[n,s[n]]:s[n]);return d}};e.exports={entries:s(!0),values:s(!1)}},7156:function(e,t,n){var i=n("861d"),r=n("d2bb");e.exports=function(e,t,n){var o,a;return r&&"function"==typeof(o=t.constructor)&&o!==n&&i(a=o.prototype)&&a!==n.prototype&&r(e,a),e}},7418:function(e,t){t.f=Object.getOwnPropertySymbols},"746f":function(e,t,n){var i=n("428f"),r=n("5135"),o=n("e538"),a=n("9bf2").f;e.exports=function(e){var t=i.Symbol||(i.Symbol={});r(t,e)||a(t,e,{value:o.f(e)})}},7839:function(e,t){e.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},"7a82":function(e,t,n){var i=n("23e7"),r=n("83ab");i({target:"Object",stat:!0,forced:!r,sham:!r},{defineProperty:n("9bf2").f})},"7b0b":function(e,t,n){var i=n("1d80");e.exports=function(e){return Object(i(e))}},"7c73":function(e,t,n){var i,r=n("825a"),o=n("37e8"),a=n("7839"),s=n("d012"),c=n("1be4"),l=n("cc12"),u=n("f772"),d=u("IE_PROTO"),f=function(){},p=function(e){return" diff --git a/web/themes/custom/materiotheme/assets/styles/main.scss b/web/themes/custom/materiotheme/assets/styles/main.scss index 6e305c70..ed35b1e1 100644 --- a/web/themes/custom/materiotheme/assets/styles/main.scss +++ b/web/themes/custom/materiotheme/assets/styles/main.scss @@ -595,9 +595,30 @@ header[role="banner"]{ color:#666; } - #edit-filters{ + fieldset#edit-filters{ grid-row: 2 / 2; grid-column: 1 / span 2; + border: none; + padding: 0; + >legend{ + line-height: 0.6; + padding-bottom: 0.2em; + width: 100%; + text-align: right; + span{ + cursor: pointer; + font-size: 0.756em; + color: #8f8f8f; + } + } + > div.fieldset-wrapper{ + height: 0; + overflow: hidden; + } + &.open >div.fieldset-wrapper{ + height: auto; + overflow: visible; + } .ss-main{ font-size: 0.756em; .ss-single-selected{ diff --git a/web/themes/custom/materiotheme/vuejs/components/Form/SearchForm.vue b/web/themes/custom/materiotheme/vuejs/components/Form/SearchForm.vue index 575b5e8d..c748c8fb 100644 --- a/web/themes/custom/materiotheme/vuejs/components/Form/SearchForm.vue +++ b/web/themes/custom/materiotheme/vuejs/components/Form/SearchForm.vue @@ -71,6 +71,11 @@ export default { onSelectFiltersChange(index, info){ console.log('onSelectFiltersChange', index, info, this.filters) this.slimFilters[index] = info.value + }, + onClickFilters(e){ + console.log('onClickFilters legend', e) + e.target.closest('fieldset').classList.toggle('open') + // TODO: reset the filters oon close } }, directives: {