Home Explore Help
Sign In
bachir
/
materio-d8
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: ed9e62718c
Branches Tags
materio-d8
/
web
/
themes
/
custom
/
materiotheme
/
assets
/
dist
/
main.css

main.css 40 KB
History Raw

123456789101112131415161718192021222324 
  1. .overlay[data-v-b98ce164]{background-color:rgba(0,0,0,0.8);position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999}.modal[data-v-b98ce164]{background-color:#fff;position:absolute;box-sizing:border;max-width:80vw;max-height:70vh;top:0;right:0;bottom:0;left:0;margin:auto;padding:1em;border-radius:3px;box-shadow:2px 2px}
    2. 

  2. 

  3. .form-item[data-v-7bb795f8],.form-actions[data-v-7bb795f8]{display:inline-block;max-width:32%;margin:0}input[data-v-7bb795f8]{box-sizing:border-box;max-width:100%}div.description[data-v-7bb795f8]{display:none}.form-item-persistent-login[data-v-7bb795f8]{display:none}
    4. 

  4. 

  5. .form-type-email[data-v-2acc57a0],.form-type-password-confirm[data-v-2acc57a0]{max-width:30%;margin:0}input[data-v-2acc57a0]{box-sizing:content-box;max-width:100%}label[data-v-2acc57a0],div.description[data-v-2acc57a0]{display:none}
    6. 

  6. 

  7. fieldset[data-v-340aa566]{padding:0;margin:0;border:none}
    8. 

  8. 

  9. 

  10. 

  11. #user-tools[data-v-4e9a834e]{
    12. 

  12.   margin-right:0.5em;
    13. 

  13.   /* padding-right:0.5em; */
    14. 

  14.   /* border-right:1px solid #222; */
    15. 

  15. }
    16. 

  16. h4[data-v-4e9a834e]{
    17. 

  17.   margin:0;
    18. 

  18.   display:inline-block;
    19. 

  19.   font-size:inherited;
    20. 

  20.   vertical-align: top;
    21. 

  21. }
    22. 

  22. 

  23. body{background:white}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:after{content:'';position:absolute;top:1em;left:0;width:100%;border-bottom:1px dotted #000}.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"]>.wrapper>*{margin:0 auto}@media only screen and (min-width: 226px) and (max-width: 450px){header[role="banner"] .wrapper,main[role="main"]>.wrapper>*{width:210px}}@media only screen and (min-width: 451px) and (max-width: 675px){header[role="banner"] .wrapper,main[role="main"]>.wrapper>*{width:435px}}@media only screen and (min-width: 676px) and (max-width: 900px){header[role="banner"] .wrapper,main[role="main"]>.wrapper>*{width:660px}}@media only screen and (min-width: 901px) and (max-width: 1125px){header[role="banner"] .wrapper,main[role="main"]>.wrapper>*{width:885px}}@media only screen and (min-width: 1126px) and (max-width: 1350px){header[role="banner"] .wrapper,main[role="main"]>.wrapper>*{width:1110px}}@media only screen and (min-width: 1351px) and (max-width: 1575px){header[role="banner"] .wrapper,main[role="main"]>.wrapper>*{width:1335px}}@media only screen and (min-width: 1576px) and (max-width: 1800px){header[role="banner"] .wrapper,main[role="main"]>.wrapper>*{width:1560px}}@media only screen and (min-width: 1801px) and (max-width: 2025px){header[role="banner"] .wrapper,main[role="main"]>.wrapper>*{width:1785px}}@media only screen and (min-width: 2026px) and (max-width: 2250px){header[role="banner"] .wrapper,main[role="main"]>.wrapper>*{width:2010px}}@media only screen and (min-width: 2251px) and (max-width: 2475px){header[role="banner"] .wrapper,main[role="main"]>.wrapper>*{width:2235px}}@media only screen and (min-width: 2476px) and (max-width: 2700px){header[role="banner"] .wrapper,main[role="main"]>.wrapper>*{width:2460px}}@media only screen and (min-width: 2701px) and (max-width: 2925px){header[role="banner"] .wrapper,main[role="main"]>.wrapper>*{width:2685px}}@media only screen and (min-width: 2926px) and (max-width: 3150px){header[role="banner"] .wrapper,main[role="main"]>.wrapper>*{width:2910px}}@media only screen and (min-width: 3151px) and (max-width: 3375px){header[role="banner"] .wrapper,main[role="main"]>.wrapper>*{width:3135px}}@media only screen and (min-width: 3376px) and (max-width: 3600px){header[role="banner"] .wrapper,main[role="main"]>.wrapper>*{width:3360px}}@media only screen and (min-width: 3601px) and (max-width: 3825px){header[role="banner"] .wrapper,main[role="main"]>.wrapper>*{width:3585px}}@media only screen and (min-width: 3826px) and (max-width: 4050px){header[role="banner"] .wrapper,main[role="main"]>.wrapper>*{width:3810px}}@media only screen and (min-width: 4051px) and (max-width: 4275px){header[role="banner"] .wrapper,main[role="main"]>.wrapper>*{width:4035px}}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:15px;font-size:0}header[role="banner"] .wrapper .header-block.header-right{text-align:right}header[role="banner"] .wrapper .header-block>*{display:inline-block;vertical-align:top;font-size:16px;text-align:left}main[role="main"]{flex:1 1 auto;overflow-y:auto;overflow-x:hidden}main[role="main"]>.wrapper{width:100vw}@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 h4,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-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{background-color:#fff;overflow:hidden;width:11em;height:1px;padding:0.01em 1em;box-sizing:content-box;transition:all 0.4s ease-in-out;transition-delay:2s;position:absolute;right:0;top:1.7em;box-sizing:content-box}header[role="banner"] #block-userlogin:hover>section{transition-delay:0s;height:12em;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-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 h4{cursor:pointer}header[role="banner"] #user-tools .mdi-logout::before{margin:-0.125em 0 0 0;vertical-align:top}header[role="banner"] #user-flags{border-left:1px solid #000;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}header[role="banner"] #user-flags ul{background-color:#fff;overflow:hidden;width:11em;max-height:1px;padding:0.01em 1em;box-sizing:content-box;transition:all 0.4s ease-in-out;transition-delay:2s;position:absolute;right:0;top:1.7em;box-sizing:content-box}header[role="banner"] #user-flags:hover ul{transition-delay:0s;max-height:12em;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}header[role="banner"] #user-flags li span.mdi{font-size:0.9em}header[role="banner"] #user-flags li div.actions{opacity:0;transition:opacity 0.3s ease-in-out;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}header[role="banner"] #user-flags li:hover div.actions{opacity:1}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:1em;padding-left:1em;border-left:1px solid #000}header[role="banner"] #block-header ul.menu{margin:0}header[role="banner"] #block-header ul.menu li{padding:0;display:inline-block}header[role="banner"] #block-header ul.menu li:not(:first-of-type){margin-left:0.5em}header[role="banner"] #block-languageswitcher{text-align:right}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}header[role="banner"] #block-languageswitcher>ul.links{overflow:hidden;width:3.5em;height:1px;padding:0.01em 0;margin:0;box-sizing:content-box;transition:all 0.4s ease-in-out}header[role="banner"] #block-languageswitcher:hover>ul.links{transition-delay:0s;height:2em;padding:0.3em 0}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"] #block-pagetitle{float:left;padding:1em 0}header[role="banner"] #block-pagetitle h2{margin:0;font-size:1.512em;text-transform:capitalize;font-weight:300}body:not(.path-home) header[role="banner"] #block-pagetitle h2{padding:0.5em 1em}body.path-blabla 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{color:#fff;background-color:#69cdcf}header[role="banner"] #block-materiosapisearchblock{float:right;display:inline-block;padding:0}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}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form #edit-search{border:1px #BBB solid;border-radius:14px;padding:0.3em;color:#666}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form #edit-submit{border:0;text-indent:50px;overflow:hidden;width:20px;height:20px;margin:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATFJREFUeNqcU8sNgkAQxc9dEr1rQgEkWoBGPEOid0ygA+6asDagBZCIHUgFrBVABWoF0ME6yZqRz/jBFw7D7ryZnZk3LSGEQiHP8/M5ut9v8rfXU2ezqa7rJSdBwff9fn/Q6XQr33xuXK83dCPIy+UKvSEEEMbjSfEkSRKa7HkeOh2PIZ5DQgwBBkEGD8yA4RFZliFfxi2R9/uDvIP8ZC/iOC4mL5GhvHdpEdhIsNvknHAkjDHDWIThqX6VpmlX+QjGdtJYr+26EL6Qt9sN5xfbtutXqqrSNUNjGtdsmqY0oigiH8I5h9e+Kv9vzjBUQmF4/UFhmqYRCnMcp7IJUtvg/UXbyATjx61qyX12XVcqAeYZBAG5z5ZljUbD6j4Xc4omUFDrTZnPmqGrfzABDwEGACI/YeOOd/wDAAAAAElFTkSuQmCC);background-position:center;background-repeat:no-repeat;background-size:contain}aside.messages{padding:0}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{font-size:3.5em;line-height:1}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{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}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:grid;grid-template-columns:300px 1fr;grid-column-gap:2em;padding:2em 1em}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){color:#fff;grid-column:1}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){grid-column:2}article.node--type-frontpage .node__content>section.home-database{background-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:grid;grid-template-columns:repeat(auto-fill, minmax(50px, 130px));grid-template-rows:1fr;grid-gap:1em;justify-content:start}article.node--type-frontpage .node__content>section.home-database .cards-list-home ul li{position:relative;list-style:none;margin:0;padding:0;padding-top:140%}article.node--type-frontpage .node__content>section.home-database .cards-list-home ul li .card{position:absolute;top:0;bottom:0;left:0;right:0;width:auto;height:auto}article.node--type-frontpage .node__content>section.home-database .cards-list-home ul li .card .field--name-field-short-description{font-size:0.756em;line-height:0.9}article.node--type-frontpage .node__content>section.home-showrooms{background-color:#50aa3c}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference{position:relative;display:grid;grid-template-rows:1fr}@media only screen and (max-width: 1575px){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: 1576px){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}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:10em}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;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>*{font-size:0.9em}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-blabla{background-color:#9458aa}article.node--type-frontpage .node__content>section.home-blabla .cards-list-home{position:relative;overflow-y:hidden}@media only screen and (max-width: 2610px){article.node--type-frontpage .node__content>section.home-blabla .cards-list-home{max-height:630px}}@media only screen and (min-width: 2611px){article.node--type-frontpage .node__content>section.home-blabla .cards-list-home{max-height:310px}}article.node--type-frontpage .node__content>section.home-blabla .cards-list-home ul{width:100%;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill, minmax(80px, 420px));grid-gap:1em;justify-content:start}article.node--type-frontpage .node__content>section.home-blabla .cards-list-home ul li{position:relative;list-style:none;margin:0;padding:0;padding-top:67.8%;overflow:hidden}article.node--type-frontpage .node__content>section.home-blabla .cards-list-home ul li .card{position:absolute;top:0;bottom:0;left:0;right:0;width:auto;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}.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% + 15px)}.cards-list>ul>li{list-style:none;margin:0 15px 15px 0;padding:0;display:inline-block;vertical-align:top}article.card{position:relative;box-shadow:0 0 5px rgba(0,0,0,0.2);width:210px;height:295px}article.card.article{width:435px;height:295px}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}article.card header span.ref{font-size:0.693em;font-weight:300;line-height:1}article.card nav.tools{position:absolute;top:0;right:0;z-index:21;width:1em;background-color:#fff;box-sizing:content-box;padding:0.3em 0.1em}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:5em;box-sizing:content-box;padding:0.3em;background-color:#fff;box-shadow:-2px 3px 4px rgba(0,0,0,0.2)}article.card nav.tools .tool.flags span.flag{cursor:pointer;font-size:0.756em;color:#bbb;transition:color 0.3s ease-in-out}article.card nav.tools .tool.flags span.flag:hover,article.card nav.tools .tool.flags span.flag.isActive{color:#1a1a1a}article.card section.images{position:relative}article.card section.images,article.card section.images *{width:100%;height:100%}article.card section.images figure{margin:0;position:absolute;top:0;left:0}article.card section.images figure:first-of-type{z-index:5}article.card section.images figure img.blank{position:absolute;top:0;left:0;z-index:20}#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}#main-content>article.article section.accroche figure{width:435px;margin:0 15px 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:210px;margin:0 15px 9px 0;height:147.5px;background-size:cover}#main-content>article.article aside.linked-materials ul{width:calc(100% + 15px)}#main-content>article.article aside.linked-materials ul li{display:inline-block;vertical-align:top;width:210px;margin:0 15px 0 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}#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}#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:'< '}#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:' >'}#showrooms{width:calc(100% + 15px)}#showrooms article.showroom{width:435px;display:inline-block;vertical-align:top;margin:0 15px 15px 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%}
    24. 

  24.