.mapboxgl-map{font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mapboxgl-canvas{position:absolute;left:0;top:0}.mapboxgl-map:-webkit-full-screen{width:100%;height:100%}.mapboxgl-canary{background-color:salmon}.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:grab;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer{cursor:pointer}.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:grabbing}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:pinch-zoom}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:none}.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{position:absolute;pointer-events:none;z-index:2}.mapboxgl-ctrl-top-left{top:0;left:0}.mapboxgl-ctrl-top-right{top:0;right:0}.mapboxgl-ctrl-bottom-left{bottom:0;left:0}.mapboxgl-ctrl-bottom-right{right:0;bottom:0}.mapboxgl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.mapboxgl-ctrl-top-left .mapboxgl-ctrl{margin:10px 0 0 10px;float:left}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{margin:10px 10px 0 0;float:right}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl{margin:0 0 10px 10px;float:left}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl{margin:0 10px 10px 0;float:right}.mapboxgl-ctrl-group{border-radius:4px;background:#fff}.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px rgba(0,0,0,.1)}@media (-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.mapboxgl-ctrl-group button{width:29px;height:29px;display:block;padding:0;outline:none;border:0;box-sizing:border-box;background-color:transparent;cursor:pointer}.mapboxgl-ctrl-group button+button{border-top:1px solid #ddd}.mapboxgl-ctrl button .mapboxgl-ctrl-icon{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:50%}@media (-ms-high-contrast:active){.mapboxgl-ctrl-icon{background-color:transparent}.mapboxgl-ctrl-group button+button{border-top:1px solid ButtonText}}.mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl button:disabled{cursor:not-allowed}.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25}.mapboxgl-ctrl button:not(:disabled):hover{background-color:rgba(0,0,0,.05)}.mapboxgl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.mapboxgl-ctrl-group button:focus:first-child{border-radius:4px 4px 0 0}.mapboxgl-ctrl-group button:focus:last-child{border-radius:0 0 4px 4px}.mapboxgl-ctrl-group button:focus:only-child{border-radius:inherit}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E %3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E %3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E %3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E %3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E %3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E %3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E %3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E %3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E %3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E %3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E %3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E %3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E %3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E %3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E %3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E %3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E %3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E %3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E %3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E %3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E %3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E %3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E %3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E %3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E %3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E %3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E %3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E %3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E %3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E %3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E %3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E %3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E %3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{animation:mapboxgl-spin 2s linear infinite}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E %3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E %3C/svg%3E")}}@keyframes mapboxgl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a.mapboxgl-ctrl-logo{width:88px;height:23px;margin:0 0 -4px -4px;display:block;background-repeat:no-repeat;cursor:pointer;overflow:hidden;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' viewBox='0 0 88 23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E %3Cdefs%3E %3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E %3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E %3C/defs%3E %3Cmask id='clip'%3E %3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E %3Cuse xlink:href='%23logo'/%3E %3Cuse xlink:href='%23text'/%3E %3C/mask%3E %3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E %3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E %3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E %3C/g%3E %3Cg id='fill' opacity='0.9' fill='%23fff'%3E %3Cuse xlink:href='%23logo'/%3E %3Cuse xlink:href='%23text'/%3E %3C/g%3E %3C/svg%3E")}a.mapboxgl-ctrl-logo.mapboxgl-compact{width:23px}@media (-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' viewBox='0 0 88 23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E %3Cdefs%3E %3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E %3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E %3C/defs%3E %3Cmask id='clip'%3E %3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E %3Cuse xlink:href='%23logo'/%3E %3Cuse xlink:href='%23text'/%3E %3C/mask%3E %3Cg id='outline' opacity='1' stroke='%23000' stroke-width='3'%3E %3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E %3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E %3C/g%3E %3Cg id='fill' opacity='1' fill='%23fff'%3E %3Cuse xlink:href='%23logo'/%3E %3Cuse xlink:href='%23text'/%3E %3C/g%3E %3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' viewBox='0 0 88 23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E %3Cdefs%3E %3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E %3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E %3C/defs%3E %3Cmask id='clip'%3E %3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E %3Cuse xlink:href='%23logo'/%3E %3Cuse xlink:href='%23text'/%3E %3C/mask%3E %3Cg id='outline' opacity='1' stroke='%23fff' stroke-width='3' fill='%23fff'%3E %3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E %3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E %3C/g%3E %3Cg id='fill' opacity='1' fill='%23000'%3E %3Cuse xlink:href='%23logo'/%3E %3Cuse xlink:href='%23text'/%3E %3C/g%3E %3C/svg%3E")}}.mapboxgl-ctrl.mapboxgl-ctrl-attrib{padding:0 5px;background-color:hsla(0,0%,100%,.5);margin:0}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{min-height:20px;padding:2px 24px 2px 0;margin:10px;position:relative;background-color:#fff;border-radius:12px}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 8px 2px 28px;border-radius:12px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{display:none;cursor:pointer;position:absolute;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E %3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E %3C/svg%3E");background-color:hsla(0,0%,100%,.5);width:24px;height:24px;box-sizing:border-box;border-radius:12px;outline:none;top:0;right:0;border:0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner,.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:rgba(0,0,0,.05)}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{top:0;right:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{top:0;left:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E %3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E %3C/svg%3E")}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E %3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E %3C/svg%3E")}}.mapboxgl-ctrl-attrib a{color:rgba(0,0,0,.75);text-decoration:none}.mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.mapboxgl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px}.mapboxgl-attrib-empty{display:none}.mapboxgl-ctrl-scale{background-color:hsla(0,0%,100%,.75);font-size:10px;border:2px solid #333;border-top:#333;padding:0 5px;color:#333;box-sizing:border-box}.mapboxgl-popup{position:absolute;top:0;left:0;display:flex;will-change:transform;pointer-events:none}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{flex-direction:column-reverse}.mapboxgl-popup-anchor-left{flex-direction:row}.mapboxgl-popup-anchor-right{flex-direction:row-reverse}.mapboxgl-popup-tip{width:0;height:0;border:10px solid transparent;z-index:1}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{align-self:center;border-top:none;border-bottom-color:#fff}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{align-self:flex-start;border-top:none;border-left:none;border-bottom-color:#fff}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{align-self:flex-end;border-top:none;border-right:none;border-bottom-color:#fff}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{align-self:center;border-right:none;border-left-color:#fff}.mapboxgl-popup-close-button{position:absolute;right:0;top:0;border:0;border-radius:0 3px 0 0;cursor:pointer;background-color:transparent}.mapboxgl-popup-close-button:hover{background-color:rgba(0,0,0,.05)}.mapboxgl-popup-content{position:relative;background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.1);padding:10px 10px 15px;pointer-events:auto}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0}.mapboxgl-popup-track-pointer{display:none}.mapboxgl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mapboxgl-map:hover .mapboxgl-popup-track-pointer{display:flex}.mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none}.mapboxgl-marker{position:absolute;top:0;left:0;will-change:transform;opacity:1;transition:opacity .2s}.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1da1f2;width:15px;height:15px;border-radius:50%}.mapboxgl-user-location-dot:before{content:"";position:absolute;animation:mapboxgl-user-location-dot-pulse 2s infinite}.mapboxgl-user-location-dot:after{border-radius:50%;border:2px solid #fff;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px;box-sizing:border-box;box-shadow:0 0 3px rgba(0,0,0,.35)}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading{width:0;height:0}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{content:"";border-bottom:7.5px solid #4aa1eb;position:absolute}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-left:7.5px solid transparent;transform:translateY(-28px) skewY(-20deg)}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after{border-right:7.5px solid transparent;transform:translate(7.5px,-28px) skewY(20deg)}@keyframes mapboxgl-user-location-dot-pulse{0%{transform:scale(1);opacity:1}70%{transform:scale(3);opacity:0}to{transform:scale(1);opacity:0}}.mapboxgl-user-location-dot-stale{background-color:#aaa}.mapboxgl-user-location-dot-stale:after{display:none}.mapboxgl-user-location-accuracy-circle{background-color:rgba(29,161,242,.2);width:1px;height:1px;border-radius:100%}.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair}.mapboxgl-boxzoom{position:absolute;top:0;left:0;width:0;height:0;background:#fff;border:2px dotted #202020;opacity:.5}@media print{.mapbox-improve-map{display:none}} .chocolat-zoomable.chocolat-zoomed { cursor: zoom-out; } .chocolat-open { overflow: hidden; } .chocolat-overlay { transition: opacity 0.4s ease, visibility 0s 0.4s ease; height: 100%; width: 100%; position: fixed; left: 0; top: 0; z-index: 10; background-color: #fff; visibility: hidden; opacity: 0; } .chocolat-overlay.chocolat-visible { transition: opacity 0.4s, visibility 0s; visibility: visible; opacity: 0.8; } .chocolat-wrapper { transition: opacity 0.4s ease, visibility 0s 0.4s ease; width: 100%; height: 100%; position: fixed; opacity: 0; left: 0; top: 0; z-index: 16; color: #fff; visibility: hidden; } .chocolat-wrapper.chocolat-visible { transition: opacity 0.4s, visibility 0s; opacity: 1; visibility: visible; } .chocolat-zoomable .chocolat-img { cursor: zoom-in; } .chocolat-loader { transition: opacity 0.3s; height: 32px; width: 32px; position: absolute; left: 50%; top: 50%; margin-left: -16px; margin-top: -16px; z-index: 11; background: url(../images/loader.gif); opacity: 0; } .chocolat-loader.chocolat-visible { opacity: 1; } .chocolat-image-wrapper { position: fixed; width: 0px; height: 0px; left: 50%; top: 50%; z-index: 14; text-align: left; transform: translate(-50%, -50%); } .chocolat-image-wrapper .chocolat-img { position: absolute; width: 100%; height: 100%; } .chocolat-wrapper .chocolat-left { width: 50px; height: 100px; cursor: pointer; background: url(../images/left.png) 50% 50% no-repeat; z-index: 17; visibility: hidden; } .chocolat-layout { display: flex; flex-direction: column; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .chocolat-image-canvas { transition: opacity .2s; opacity: 0; flex-grow: 1; align-self: stretch; } .chocolat-image-canvas.chocolat-visible { opacity: 1; } .chocolat-center { flex-grow: 1; display: flex; justify-content: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .chocolat-wrapper .chocolat-right { width: 50px; height: 100px; cursor: pointer; background: url(../images/right.png) 50% 50% no-repeat; z-index: 17; visibility: hidden; } .chocolat-wrapper .chocolat-right.active { visibility: visible; } .chocolat-wrapper .chocolat-left.active { visibility: visible; } .chocolat-wrapper .chocolat-top { height: 50px; overflow: hidden; z-index: 17; flex-shrink: 0; } .chocolat-wrapper .chocolat-close { width: 50px; height: 50px; cursor: pointer; position: absolute; top: 0; right: 0; background: url(../images/close.png) 50% 50% no-repeat; } .chocolat-wrapper .chocolat-bottom { height: 40px; font-size: 12px; z-index: 17; padding-left: 15px; padding-right: 15px; background: rgba(0, 0, 0, 0.2); flex-shrink: 0; display: flex; align-items: center; } .chocolat-wrapper .chocolat-set-title { display: inline-block; padding-right: 15px; line-height: 1; border-right: 1px solid rgba(255, 255, 255, 0.3); } .chocolat-wrapper .chocolat-pagination { float: right; display: inline-block; padding-left: 15px; padding-right: 15px; margin-right: 15px; /*border-right: 1px solid rgba(255, 255, 255, 0.2);*/ } .chocolat-wrapper .chocolat-fullscreen { width: 16px; height: 40px; background: url(../images/fullscreen.png) 50% 50% no-repeat; display: block; cursor: pointer; float: right; } .chocolat-wrapper .chocolat-description { display: inline-block; flex-grow: 1; text-align: left; } /* no container mode*/ body.chocolat-open > .chocolat-overlay { z-index: 15; } body.chocolat-open > .chocolat-loader { z-index: 15; } body.chocolat-open > .chocolat-image-wrapper { z-index: 17; } /* container mode*/ .chocolat-in-container .chocolat-wrapper, .chocolat-in-container .chocolat-image-wrapper, .chocolat-in-container .chocolat-overlay { position: absolute; } .chocolat-in-container { position: relative; } .chocolat-zoomable.chocolat-zooming-in .chocolat-image-wrapper, .chocolat-zoomable.chocolat-zooming-out .chocolat-image-wrapper { transition: width .2s ease, height .2s ease; } .chocolat-zoomable.chocolat-zooming-in .chocolat-img, .chocolat-zoomable.chocolat-zooming-out .chocolat-img { transition: margin .2s ease; } /* uncomment to hide controls when zoomed-in*/ /* .chocolat-zoomable .chocolat-top, .chocolat-zoomable .chocolat-bottom, .chocolat-zoomable .chocolat-right, .chocolat-zoomable .chocolat-left { transition: opacity .3s ease, visibility 0s .3s; opacity: 1; } .chocolat-zoomable.chocolat-zoomed .chocolat-top, .chocolat-zoomable.chocolat-zoomed .chocolat-bottom, .chocolat-zoomable.chocolat-zoomed .chocolat-right, .chocolat-zoomable.chocolat-zoomed .chocolat-left { visibility: hidden; opacity: 0; } */ /* --- Styles --- 1.0 - Base 2.0 - Vendors 3.0 - Components 4.0 - Layouts 5.0 - Pages */ /* ---------------------------------------------- */ /* -- 1.0 - Base -------------------------------- */ /* ---------------------------------------------- */ /* --- Base > Colors --- 1.0 - Colors */ /* ---------------------------------------------- */ /* -- 1.0 - Colors ------------------------------ */ /* ---------------------------------------------- */ /* --- Base > Fonts --- 1.0 - Avenir */ /* ---------------------------------------------- */ /* -- 1.0 - Avenir ------------------------------ */ /* ---------------------------------------------- */ @font-face { font-family: "Avenir"; font-weight: 400; src: url("../fonts/avenir-roman.woff2") format("woff2"), url("../fonts/avenir-roman.woff") format("woff"); } @font-face { font-family: "Avenir"; font-weight: 800; src: url("../fonts/avenir-heavy.woff2") format("woff2"), url("../fonts/avenir-heavy.woff") format("woff"); } /* ---------------------------------------------- */ /* -- 2.0 - Vendors ----------------------------- */ /* ---------------------------------------------- */ /* --- Vendors > Reset CSS --- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* ---------------------------------------------- */ /* -- 3.0 - Components -------------------------- */ /* ---------------------------------------------- */ /* --- Components > Introduction --- 1.0 - Global */ /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ div#introduction { animation: rainbow 5s infinite alternate; bottom: 0; display: flex; left: 0; position: fixed; right: 0; top: 0; z-index: 1000; } div#introduction p { color: #000000; font-size: 24px; font-weight: 800; line-height: 32px; margin: auto; opacity: 0; } /* --- Components > Responsive > Introduction --- Max-width: 768px 1.0 - Global */ /* ---------------------------------------------- */ /* -- Max-width: 768px -------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 768px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ div#introduction p { font-size: 20px; line-height: 28px; } } /* --- Components > Transition --- 1.0 - Global */ /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ div#transition { animation: rainbow 5s infinite alternate; bottom: 0; height: 0; left: 0; position: fixed; right: 0; z-index: 10000; } /* --- Components > Buttons --- 1.0 - Primary 2.0 - Secondary 3.0 - Tertiary */ /* ---------------------------------------------- */ /* -- 1.0 - Primary ----------------------------- */ /* ---------------------------------------------- */ .button-primary { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #000000; border-radius: 4px; border: 1px solid transparent; box-sizing: border-box; color: #ffffff; cursor: pointer; display: inline-flex; font-family: inherit; font-size: 14px; font-weight: 800; line-height: 20px; padding: 16px; text-decoration: none; transition: opacity 0.3s ease; } .button-primary:hover { opacity: 0.8; } .button-primary i { background-color: #ffffff; } .button-primary span { margin-left: 8px; } /* ---------------------------------------------- */ /* -- 2.0 - Secondary --------------------------- */ /* ---------------------------------------------- */ .button-secondary { color: #000000; cursor: pointer; display: inline-flex; font-size: 14px; font-weight: 800; line-height: 20px; transition: color 0.3s ease; text-decoration: none; } .button-secondary:hover { color: #333333; } .button-secondary i { background-color: #000000; } .button-secondary span { margin-left: 8px; } /* ---------------------------------------------- */ /* -- 3.0 - Tertiary ---------------------------- */ /* ---------------------------------------------- */ .button-tertiary { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #ffffff; border-radius: 4px; border: 1px solid #000000; box-sizing: border-box; color: #000000; cursor: pointer; display: inline-flex; font-family: inherit; font-size: 14px; font-weight: 800; line-height: 20px; padding: 16px; text-decoration: none; transition: opacity 0.3s ease; } .button-tertiary.no-border { border-color: transparent; } .button-tertiary:hover { opacity: 0.8; } .button-tertiary i { background-color: #000000; } .button-tertiary span { margin-left: 8px; } /* --- Components > Form --- 1.0 - Global */ /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ form { display: flex; flex-wrap: wrap; justify-content: space-between; } form > p { color: #000000; font-size: 18px; font-weight: 800; line-height: 24px; margin: 8px 0 24px 0; width: 100%; } form > p i { background-color: #000000; display: inline-flex; height: 16px; margin-left: 4px; -webkit-mask: url("../images/16x16/information.svg"); mask: url("../images/16x16/information.svg"); vertical-align: text-top; width: 16px; } form div.radios { display: flex; justify-content: flex-start; margin-bottom: 24px; width: 100%; } form div.radios label { align-items: center; display: flex; margin-bottom: 0; margin-right: 16px; width: auto; } form div.radios label:last-child { margin-right: 0; } form div.radios label span { color: #000000; display: block; margin-left: 8px; position: static; } form label { margin-bottom: 16px; position: relative; width: 100%; } form label:last-of-type { margin-bottom: 32px; } form label.small { width: calc(50% - 8px); } form label span { bottom: 20px; color: #aaaaaa; font-size: 14px; left: 16px; line-height: 16px; pointer-events: none; position: absolute; right: 16px; top: 20px; } form label span.focused { top: 9px; font-size: 12px; line-height: 16px; } form label input[type=radio] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #dcdcdc; border-radius: 50%; cursor: pointer; height: 32px; margin: 0; padding: 0; position: relative; width: 32px; } form label input[type=radio]:after { border-radius: 50%; bottom: 0; content: ""; height: 16px; left: 0; margin: auto; position: absolute; right: 0; top: 0; transition: border-color 0.3s ease; width: 16px; } form label input[type=radio]:checked:after { background-color: #000000; } form label input[type=radio]:focus { border-color: #000000; outline: none; } form label input[type=text], form label input[type=email], form label textarea, form label select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #ffffff; border-radius: 5px; border: 1px solid #dcdcdc; box-sizing: border-box; font-family: "Avenir", sans-serif; font-size: 14px; line-height: 16px; margin: 0; padding: 27px 16px 11px 16px; transition: border-color 0.3s ease; width: 100%; } form label input[type=text]:focus, form label input[type=email]:focus, form label textarea:focus, form label select:focus { border-color: #000000; outline: none; } form label textarea { display: block; height: 200px; resize: none; } form label select { background-image: url("../images/16x16/arrow-down.svg"); background-position: right 16px center; background-repeat: no-repeat; padding: 19px 48px 19px 16px; } form button { cursor: pointer; justify-content: center; width: 100%; } form div.legals { margin-top: 32px; } form div.legals p { color: #555555; font-size: 12px; line-height: 16px; margin-top: 16px; } form div.legals p:first-child { margin-top: 0; } form div.legals p a { color: inherit; } form div.legals p a:hover { text-decoration: none; } /* --- Components > Responsive > Form --- Max-width: 768px 1.0 - Global */ /* ---------------------------------------------- */ /* -- Max-width: 768px -------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 768px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ form label.small { width: 100%; } } /* --- Components > Tags --- 1.0 - Global */ /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ span.tag, p.tag { color: #ffffff; display: inline-flex; font-size: 14px; line-height: 20px; padding: 4px 8px; position: relative; } span.tag i, p.tag i { bottom: -8px; height: 8px; left: 0; -webkit-mask: url("../images/tag.svg"); mask: url("../images/tag.svg"); position: absolute; width: 20px; } span.tag[data-tag="1"], p.tag[data-tag="1"] { background-color: #00b0ea; } span.tag[data-tag="1"] i, p.tag[data-tag="1"] i { background-color: #00b0ea; } span.tag[data-tag="2"], p.tag[data-tag="2"] { background-color: #dbd085; } span.tag[data-tag="2"] i, p.tag[data-tag="2"] i { background-color: #dbd085; } span.tag[data-tag="3"], p.tag[data-tag="3"] { background-color: #9cc6dd; } span.tag[data-tag="3"] i, p.tag[data-tag="3"] i { background-color: #9cc6dd; } span.tag[data-tag="4"], p.tag[data-tag="4"] { background-color: #e73180; } span.tag[data-tag="4"] i, p.tag[data-tag="4"] i { background-color: #e73180; } span.tag[data-tag="5"], p.tag[data-tag="5"] { background-color: #51ad32; } span.tag[data-tag="5"] i, p.tag[data-tag="5"] i { background-color: #51ad32; } span.tag[data-tag="6"], p.tag[data-tag="6"] { background-color: #000000; } span.tag[data-tag="6"] i, p.tag[data-tag="6"] i { background-color: #000000; } span.tag[data-tag="7"], p.tag[data-tag="7"] { background-color: #ffffff; box-shadow: 0px 0px 0px 1px #000000 inset; color: #000000; } span.tag[data-tag="7"] i, p.tag[data-tag="7"] i { background-color: #ffffff; } /* --- Components > Notifications --- 1.0 - Global */ /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ div.notification { align-items: center; background-color: #000000; border-radius: 5px; bottom: 32px; color: #ffffff; display: inline-flex; font-size: 14px; left: 50%; line-height: 20px; padding: 18px; position: fixed; transform: translateX(-50%); z-index: 15; } div.notification i { flex-shrink: 0; } div.notification i.white { background-color: #ffffff; } div.notification i.green { background-color: #00c987; } div.notification i.red { background-color: #ff0000; } div.notification span { margin-left: 8px; } /* --- Components > Responsive > Notifications --- Max-width: 768px 1.0 - Global */ /* ---------------------------------------------- */ /* -- Max-width: 768px -------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 768px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ div.notification { justify-content: center; left: 16px; right: 16px; transform: none; } } /* --- Components > Icons --- 1.0 - Global 2.0 - 12x12 3.0 - 20x20 4.0 - 24x24 */ /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ i[class^=icon] { background-position: center center; background-repeat: no-repeat; display: inline-flex; } /* ---------------------------------------------- */ /* -- 2.0 - 12x12 ------------------------------- */ /* ---------------------------------------------- */ i.icon-12x12 { height: 12px; width: 12px; } i.icon-12x12.icon-delete { -webkit-mask: url("../images/12x12/delete.svg"); mask: url("../images/12x12/delete.svg"); } /* ---------------------------------------------- */ /* -- 3.0 - 20x20 ------------------------------- */ /* ---------------------------------------------- */ i.icon-20x20 { height: 20px; width: 20px; } i.icon-20x20.icon-anchor { -webkit-mask: url("../images/20x20/anchor.svg"); mask: url("../images/20x20/anchor.svg"); } i.icon-20x20.icon-arrow-right { -webkit-mask: url("../images/20x20/arrow-right.svg"); mask: url("../images/20x20/arrow-right.svg"); } i.icon-20x20.icon-bubble { -webkit-mask: url("../images/20x20/bubble.svg"); mask: url("../images/20x20/bubble.svg"); } i.icon-20x20.icon-call { -webkit-mask: url("../images/20x20/call.svg"); mask: url("../images/20x20/call.svg"); } i.icon-20x20.icon-document { -webkit-mask: url("../images/20x20/document.svg"); mask: url("../images/20x20/document.svg"); } i.icon-20x20.icon-mail { -webkit-mask: url("../images/20x20/mail.svg"); mask: url("../images/20x20/mail.svg"); } i.icon-20x20.icon-plan { -webkit-mask: url("../images/20x20/plan.svg"); mask: url("../images/20x20/plan.svg"); } i.icon-20x20.icon-profile { -webkit-mask: url("../images/20x20/profile.svg"); mask: url("../images/20x20/profile.svg"); } i.icon-20x20.icon-video { -webkit-mask: url("../images/20x20/video.svg"); mask: url("../images/20x20/video.svg"); } i.icon-20x20.icon-virtual { -webkit-mask: url("../images/20x20/virtual.svg"); mask: url("../images/20x20/virtual.svg"); } /* ---------------------------------------------- */ /* -- 3.0 - 24x24 ------------------------------- */ /* ---------------------------------------------- */ i.icon-24x24 { height: 24px; width: 24px; } i.icon-24x24.icon-3d { -webkit-mask: url("../images/24x24/3d.svg"); mask: url("../images/24x24/3d.svg"); } i.icon-24x24.icon-add { -webkit-mask: url("../images/24x24/add.svg"); mask: url("../images/24x24/add.svg"); } i.icon-24x24.icon-arrow-left { -webkit-mask: url("../images/24x24/arrow-left.svg"); mask: url("../images/24x24/arrow-left.svg"); } i.icon-24x24.icon-arrow-right { -webkit-mask: url("../images/24x24/arrow-right.svg"); mask: url("../images/24x24/arrow-right.svg"); } i.icon-24x24.icon-burger { -webkit-mask: url("../images/24x24/burger.svg"); mask: url("../images/24x24/burger.svg"); } i.icon-24x24.icon-check { -webkit-mask: url("../images/24x24/check.svg"); mask: url("../images/24x24/check.svg"); } i.icon-24x24.icon-close { -webkit-mask: url("../images/24x24/close.svg"); mask: url("../images/24x24/close.svg"); } i.icon-24x24.icon-copy { -webkit-mask: url("../images/24x24/copy.svg"); mask: url("../images/24x24/copy.svg"); } i.icon-24x24.icon-dismiss { -webkit-mask: url("../images/24x24/dismiss.svg"); mask: url("../images/24x24/dismiss.svg"); } i.icon-24x24.icon-minus { -webkit-mask: url("../images/24x24/minus.svg"); mask: url("../images/24x24/minus.svg"); } i.icon-24x24.icon-picture { -webkit-mask: url("../images/24x24/picture.svg"); mask: url("../images/24x24/picture.svg"); } i.icon-24x24.icon-video { -webkit-mask: url("../images/24x24/video.svg"); mask: url("../images/24x24/video.svg"); } /* --- Components > Text --- 1.0 - Global */ /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ div.rich-text > *:last-child { margin-bottom: 0; } div.rich-text h2 { color: #000000; font-size: 32px; font-weight: 800; line-height: 40px; margin-bottom: 24px; } div.rich-text h3 { color: #000000; font-size: 24px; font-weight: 800; line-height: 32px; margin-bottom: 16px; } div.rich-text p, div.rich-text ul { color: #555555; font-size: 16px; line-height: 24px; margin-bottom: 24px; } div.rich-text p strong, div.rich-text ul strong { font-weight: 800; } div.rich-text p em, div.rich-text ul em { font-style: italic; } div.rich-text ul li { margin-bottom: 8px; padding-left: 40px; position: relative; } div.rich-text ul li:last-child { margin-bottom: 0; } div.rich-text ul li:before { background-color: #000000; content: ""; display: block; height: 2px; left: 0; position: absolute; top: 12px; width: 16px; transform: translateY(-50%); } div.rich-text a:not(.button-primary, .button-secondary) { color: inherit; -webkit-text-decoration-color: #000000; text-decoration-color: #000000; text-decoration-thickness: 1px; text-underline-offset: 4px; transition: color 0.3s ease; } div.rich-text a:not(.button-primary, .button-secondary):hover { color: #000000; } div.rich-text a:not(.button-primary, .button-secondary)[href$=".pdf"] { background-image: url("../images/20x20/document.svg"); background-position: left center; background-repeat: no-repeat; display: inline-flex; margin-bottom: 8px; padding-left: 24px; } div.rich-text a:not(.button-primary, .button-secondary)[href$=".pdf"]:last-of-type { margin-bottom: 0; } /* --- Components > Responsive > Text --- Max-width: 768px 1.0 - Global */ /* ---------------------------------------------- */ /* -- Max-width: 768px -------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 768px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ div.rich-text ul li { padding-left: 32px; } } /* --- Components > Summary --- 1.0 - Global */ /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ div.summary { bottom: 64px; margin-bottom: 120px; pointer-events: none; position: sticky; z-index: 1; } div.summary p.tag { grid-column: 1/span 4; pointer-events: auto; width: -moz-fit-content; width: fit-content; } div.summary ul { grid-column: 1/span 4; pointer-events: auto; margin-top: 24px; } div.summary ul li { color: #000000; font-size: 15px; font-weight: 800; line-height: 20px; margin-bottom: 4px; } div.summary ul li:last-child { margin-bottom: 0; } div.summary ul li a { color: inherit; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; text-decoration-thickness: 1px; text-underline-offset: 4px; transition: -webkit-text-decoration-color 0.3s ease; transition: text-decoration-color 0.3s ease; transition: text-decoration-color 0.3s ease, -webkit-text-decoration-color 0.3s ease; } div.summary ul li a:hover { -webkit-text-decoration-color: #555555; text-decoration-color: #555555; } /* --- Components > Responsive > Summary --- Max-width: 768px 1.0 - Global */ /* ---------------------------------------------- */ /* -- Max-width: 768px -------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 768px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ div.summary { margin-bottom: 80px; margin-top: 0 !important; order: -1; position: static; } } /* --- Components > Submenus --- 1.0 - Global 2.0 - Client area 3.0 - Submenu level 0 4.0 - Submenu level 1 and + 5.0 - Contact */ /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ div.submenus div.overlay { background-color: #000000; bottom: 0; cursor: pointer; display: none; left: 0; opacity: 0; position: fixed; right: 0; top: 0; z-index: 40; } div.submenus aside { background-color: #ffffff; bottom: 0; max-width: 480px; position: fixed; top: 0; width: 100%; z-index: 50; } div.submenus aside div.inner { display: flex; flex-direction: column; height: 100%; -webkit-overflow-scrolling: touch; overflow-y: auto; } div.submenus aside div.inner button:not(.submit) { background-color: transparent; border: none; cursor: pointer; padding: 0; z-index: 1; } div.submenus aside div.inner button:not(.submit) i { background-color: #000000; display: block; } div.submenus aside div.inner > button[data-submenu-close] { display: block; position: absolute; right: 48px; top: 48px; } div.submenus aside div.inner > div:first-of-type { display: flex; flex-direction: column; flex-wrap: wrap; margin: auto 0; } /* ---------------------------------------------- */ /* -- 2.0 - Client area ------------------------- */ /* ---------------------------------------------- */ div.submenus aside.client-area { right: 0; transform: translateX(100%); } div.submenus aside.client-area div.inner > div:first-of-type { padding: 120px 48px; } div.submenus aside.client-area div.inner > div:first-of-type p { color: #000000; font-size: 14px; font-weight: 800; line-height: 20px; margin-bottom: 24px; } div.submenus aside.client-area div.inner > div:first-of-type ul li { margin-bottom: 16px; } div.submenus aside.client-area div.inner > div:first-of-type ul li:last-child { margin-bottom: 0; } div.submenus aside.client-area div.inner > div:first-of-type ul li a { color: #000000; font-size: 32px; font-weight: 800; line-height: 40px; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; text-decoration-thickness: 1px; text-underline-offset: 4px; transition: -webkit-text-decoration-color 0.3s ease; transition: text-decoration-color 0.3s ease; transition: text-decoration-color 0.3s ease, -webkit-text-decoration-color 0.3s ease; } div.submenus aside.client-area div.inner > div:first-of-type ul li a:hover { -webkit-text-decoration-color: #555555; text-decoration-color: #555555; } div.submenus aside.client-area div.inner > div:last-of-type { padding: 48px; } div.submenus aside.client-area div.inner > div:last-of-type p.tag { background-color: #000000; } div.submenus aside.client-area div.inner > div:last-of-type p.tag i { background-color: #000000; } div.submenus aside.client-area div.inner > div:last-of-type ul.links { margin-top: 24px; } div.submenus aside.client-area div.inner > div:last-of-type ul.links li { margin-bottom: 8px; } div.submenus aside.client-area div.inner > div:last-of-type ul.links li:last-child { margin-bottom: 0; } div.submenus aside.client-area div.inner > div:last-of-type ul.links li a { color: #000000; font-size: 16px; line-height: 20px; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; text-decoration-thickness: 1px; text-underline-offset: 4px; transition: -webkit-text-decoration-color 0.3s ease; transition: text-decoration-color 0.3s ease; transition: text-decoration-color 0.3s ease, -webkit-text-decoration-color 0.3s ease; } div.submenus aside.client-area div.inner > div:last-of-type ul.links li a:hover { -webkit-text-decoration-color: #000000; text-decoration-color: #000000; } /* ---------------------------------------------- */ /* -- 3.0 - Submenu level 0 --------------------- */ /* ---------------------------------------------- */ div.submenus aside.submenu { left: 0; transform: translateX(-100%); } div.submenus aside.submenu div.inner > div:first-of-type { padding: 120px 48px; } div.submenus aside.submenu div.inner > div:first-of-type nav { display: flex; flex-direction: column; margin-bottom: 48px; } div.submenus aside.submenu div.inner > div:first-of-type nav a { color: #000000; font-size: 32px; font-weight: 800; line-height: 40px; margin-bottom: 16px; opacity: 0.4; text-decoration: none; transition: opacity 0.3s ease; } div.submenus aside.submenu div.inner > div:first-of-type nav a:hover, div.submenus aside.submenu div.inner > div:first-of-type nav a.active { opacity: 1; } div.submenus aside.submenu div.inner > div:first-of-type nav a:last-child { margin-bottom: 0; } div.submenus aside.submenu div.inner > div:first-of-type nav.no-active a { opacity: 1; } div.submenus aside.submenu div.inner > div:first-of-type nav.no-active.hover a { opacity: 0.4; } div.submenus aside.submenu div.inner > div:first-of-type nav.no-active.hover a:hover { opacity: 1; } div.submenus aside.submenu div.inner > div:first-of-type div.links { display: flex; flex-direction: column; } div.submenus aside.submenu div.inner > div:first-of-type div.links a { align-self: flex-start; } div.submenus aside.submenu div.inner > div:first-of-type div.links a:first-child { margin-bottom: 24px; } /* ---------------------------------------------- */ /* -- 4.0 - Submenu level 1 and + --------------- */ /* ---------------------------------------------- */ div.submenus aside[class^=submenu-] { left: 0; transform: translateX(-100%); } div.submenus aside[class^=submenu-] div.inner > div:first-of-type { padding: 120px 48px; } div.submenus aside[class^=submenu-] div.inner > div:first-of-type > button { align-self: flex-start; } div.submenus aside[class^=submenu-] div.inner > div:first-of-type > a { color: #000000; font-size: 32px; font-weight: 800; line-height: 40px; margin-top: 24px; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; text-decoration-thickness: 1px; text-underline-offset: 4px; transition: -webkit-text-decoration-color 0.3s ease; transition: text-decoration-color 0.3s ease; transition: text-decoration-color 0.3s ease, -webkit-text-decoration-color 0.3s ease; } div.submenus aside[class^=submenu-] div.inner > div:first-of-type > a:hover { -webkit-text-decoration-color: #555555; text-decoration-color: #555555; } div.submenus aside[class^=submenu-] div.inner > div:first-of-type div.block { display: flex; flex-direction: column; margin-top: 32px; } div.submenus aside[class^=submenu-] div.inner > div:first-of-type div.block p { color: #a0a0a0; font-size: 14px; line-height: 20px; margin-bottom: 8px; } div.submenus aside[class^=submenu-] div.inner > div:first-of-type div.block a { align-self: flex-start; color: #000000; font-size: 18px; font-weight: 800; line-height: 24px; margin-bottom: 8px; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; text-decoration-thickness: 1px; text-underline-offset: 4px; transition: -webkit-text-decoration-color 0.3s ease; transition: text-decoration-color 0.3s ease; transition: text-decoration-color 0.3s ease, -webkit-text-decoration-color 0.3s ease; } div.submenus aside[class^=submenu-] div.inner > div:first-of-type div.block a:hover, div.submenus aside[class^=submenu-] div.inner > div:first-of-type div.block a.active { -webkit-text-decoration-color: #555555; text-decoration-color: #555555; } div.submenus aside[class^=submenu-] div.inner > div:first-of-type div.block a:last-of-type { margin-bottom: 0; } /* ---------------------------------------------- */ /* -- 5.0 - Contact ----------------------------- */ /* ---------------------------------------------- */ div.submenus aside.contact { right: 0; transform: translateX(100%); } div.submenus aside.contact div.inner > div:first-of-type { padding: 120px 48px 80px 48px; } div.submenus aside.contact div.inner > div:first-of-type p.title { color: #000000; font-size: 32px; font-weight: 800; line-height: 40px; margin-bottom: 32px; } div.submenus aside.contact div.inner > div:first-of-type p.title + p { color: #555555; font-size: 16px; line-height: 24px; } div.submenus aside.contact div.inner > div:first-of-type div.contact { margin-top: 32px; } div.submenus aside.contact div.inner > div:first-of-type div.contact p.tag + p { color: #000000; font-size: 18px; font-weight: 800; line-height: 24px; margin-top: 24px; } div.submenus aside.contact div.inner > div:first-of-type div.contact form { margin-top: 16px; } /* --- Components > Responsive > Submenus --- Max-width: 768px 1.0 - Global 2.0 - Client area 3.0 - Submenu level 0 4.0 - Submenu level 1 and + 5.0 - Contact */ /* ---------------------------------------------- */ /* -- Max-width: 768px -------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 768px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ div.submenus aside div.inner > button[data-submenu-close] { right: 16px; top: 16px; } /* ---------------------------------------------- */ /* -- 2.0 - Client area ------------------------- */ /* ---------------------------------------------- */ div.submenus aside.client-area div.inner > div:first-of-type { padding: 80px 40px; } div.submenus aside.client-area div.inner > div:first-of-type ul li a { font-size: 28px; line-height: 34px; } /* ---------------------------------------------- */ /* -- 3.0 - Submenu level 0 --------------------- */ /* ---------------------------------------------- */ div.submenus aside.submenu div.inner > div:first-of-type { padding: 80px 40px; } div.submenus aside.submenu div.inner > div:first-of-type nav a { font-size: 28px; line-height: 34px; } /* ---------------------------------------------- */ /* -- 4.0 - Submenu level 1 and + --------------- */ /* ---------------------------------------------- */ div.submenus aside[class^=submenu-] div.inner > div:first-of-type { padding: 80px 40px; } div.submenus aside[class^=submenu-] div.inner > div:first-of-type > a { font-size: 28px; line-height: 34px; } /* ---------------------------------------------- */ /* -- 5.0 - Contact ----------------------------- */ /* ---------------------------------------------- */ div.submenus aside.contact div.inner > div:first-of-type { padding: 80px 40px; } } /* --- Components > Pop-in --- 1.0 - Global */ /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ div.pop-in { bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 100; } div.pop-in div.overlay { background: #000000; bottom: 0; cursor: pointer; left: 0; opacity: 0.8; position: absolute; right: 0; top: 0; z-index: -1; } div.pop-in div.content { margin: auto; max-width: 638px; width: 90%; } div.pop-in div.content button { background-color: transparent; border: none; cursor: pointer; display: block; margin-bottom: 12px; margin-left: auto; padding: 0; } div.pop-in div.content button i { background-color: #ffffff; display: block; } div.pop-in div.content img { display: block; height: auto; margin: auto; width: 100%; } div.pop-in div.content a { color: #ffffff; display: inline-flex; font-size: 15px; line-height: 20px; margin-top: 12px; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; text-decoration-thickness: 1px; text-underline-offset: 4px; transition: -webkit-text-decoration-color 0.3s ease; transition: text-decoration-color 0.3s ease; transition: text-decoration-color 0.3s ease, -webkit-text-decoration-color 0.3s ease; } div.pop-in div.content a:hover { -webkit-text-decoration-color: #ffffff; text-decoration-color: #ffffff; } div.pop-in div.content a i { background-color: #ffffff; margin-right: 4px; } div.pop-in div.content a span { flex: 1; } /* --- Components > Content > Header --- 1.0 - Global */ /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-header { margin-bottom: 80px; } section.content-header nav.breadcrumb { align-items: center; display: flex; flex-wrap: wrap; grid-column: 2/span 10; justify-content: center; margin-bottom: 32px; width: 100%; } section.content-header nav.breadcrumb a { color: #000000; font-size: 15px; font-weight: 800; line-height: 26px; text-decoration: none; } section.content-header nav.breadcrumb a:last-child { font-weight: 400; opacity: 0.4; } section.content-header nav.breadcrumb i { background-color: #000000; margin: 0 8px; } section.content-header h1 { color: #000000; font-size: 48px; font-weight: 800; grid-column: 3/span 8; line-height: 56px; text-align: center; } section.content-header p { color: #000000; font-size: 16px; grid-column: 4/span 6; line-height: 24px; margin-top: 24px; text-align: center; } /* --- Components > Content > Responsive > Header --- Max-width: 1024px 1.0 - Global Max-width: 768px 1.0 - Global */ /* ---------------------------------------------- */ /* -- Max-width: 1024px ------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 1024px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-header h1 { font-size: 40px; line-height: 48px; } section.content-header p { grid-column: 3/span 8; } } /* ---------------------------------------------- */ /* -- Max-width: 768px -------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 768px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-header { order: -2; } section.content-header nav.breadcrumb { grid-column: 1/span 4; text-align: center; } section.content-header h1 { font-size: 26px; line-height: 32px; grid-column: 1/span 4; } section.content-header p { grid-column: 1/span 4; } } /* --- Components > Content > Push portrait --- 1.0 - Global */ /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-push-portrait { margin-bottom: 80px; } section.content-push-portrait[data-title="1"] { border-top: 1px solid #dcdcdc; padding-top: 80px; } section.content-push-portrait div.grid { grid-row-gap: 80px; } section.content-push-portrait h2 { color: #000000; font-size: 40px; font-weight: 800; grid-column: 1/span 6; line-height: 48px; } section.content-push-portrait div.block { border-radius: 8px; grid-column: auto/span 4; overflow: hidden; position: relative; } section.content-push-portrait div.block:first-of-type { grid-column-start: 1; } section.content-push-portrait div.block:after { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); bottom: 0; content: ""; display: block; left: 0; position: absolute; right: 0; top: 0; } section.content-push-portrait div.block img { aspect-ratio: 416/624; display: block; height: auto; -o-object-fit: cover; object-fit: cover; width: 100%; } section.content-push-portrait div.block img + a { bottom: 0; left: 0; position: absolute; right: 0; opacity: 0; top: 0; z-index: 2; } section.content-push-portrait div.block img + a:hover + div h3 { -webkit-text-decoration-color: #ffffff; text-decoration-color: #ffffff; } section.content-push-portrait div.block > div { bottom: 0; left: 0; overflow: hidden; padding: 48px 32px; position: absolute; right: 0; z-index: 1; } section.content-push-portrait div.block > div h3 { color: #ffffff; font-size: 24px; font-weight: 800; line-height: 32px; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; -webkit-text-decoration-line: underline; text-decoration-line: underline; -webkit-text-decoration-style: solid; text-decoration-style: solid; text-decoration-thickness: 1px; text-underline-offset: 4px; transition: -webkit-text-decoration-color 0.3s ease; transition: text-decoration-color 0.3s ease; transition: text-decoration-color 0.3s ease, -webkit-text-decoration-color 0.3s ease; } section.content-push-portrait div.block > div ul { margin-top: 16px; } section.content-push-portrait div.block > div ul li { display: flex; font-size: 15px; line-height: 20px; margin-bottom: 8px; } section.content-push-portrait div.block > div ul li:last-child { margin-bottom: 0; } section.content-push-portrait div.block > div ul li i { background-color: #ffffff; flex-shrink: 0; margin-right: 4px; } section.content-push-portrait div.block > div ul li a { color: #ffffff; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; text-decoration-thickness: 1px; text-underline-offset: 4px; transition: -webkit-text-decoration-color 0.3s ease; transition: text-decoration-color 0.3s ease; transition: text-decoration-color 0.3s ease, -webkit-text-decoration-color 0.3s ease; } section.content-push-portrait div.block > div ul li a:hover { -webkit-text-decoration-color: #ffffff; text-decoration-color: #ffffff; } /* --- Components > Content > Responsive > Push portrait --- Max-width: 1200px 1.0 - Global Max-width: 1024px 1.0 - Global Max-width: 768px 1.0 - Global */ /* ---------------------------------------------- */ /* -- Max-width: 1200px ------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 1200px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-push-portrait div.block > div { padding: 32px 16px; } } /* ---------------------------------------------- */ /* -- Max-width: 1024px ------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 1024px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-push-portrait h2 { grid-column: 1/span 9; } section.content-push-portrait div.block { grid-column: auto/span 6; max-width: 416px; width: 100%; } section.content-push-portrait div.block:nth-of-type(odd) { margin-left: auto; } section.content-push-portrait div.block:nth-of-type(even) { margin-right: auto; } section.content-push-portrait div.block > div { padding: 32px 24px; } } /* ---------------------------------------------- */ /* -- Max-width: 768px -------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 768px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-push-portrait div.grid { grid-row-gap: 48px; } section.content-push-portrait h2 { grid-column: 1/span 4; font-size: 32px; line-height: 40px; } section.content-push-portrait div.block { margin: 0 auto; } } /* --- Components > Content > Push landscape --- 1.0 - Global */ /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-push-landscape { margin-bottom: 80px; } section.content-push-landscape[data-title="1"] { border-top: 1px solid #dcdcdc; padding-top: 80px; } section.content-push-landscape div.grid { grid-row-gap: 80px; } section.content-push-landscape h2 { color: #000000; font-size: 40px; font-weight: 800; grid-column: 1/span 6; line-height: 48px; } section.content-push-landscape div.block { grid-column: auto/span 6; position: relative; } section.content-push-landscape div.block:first-of-type { grid-column-start: 1; } section.content-push-landscape div.block > a { display: block; margin-bottom: 16px; } section.content-push-landscape div.block > a[href="#"] { pointer-events: none; } section.content-push-landscape div.block > a img { aspect-ratio: 640/440; border-radius: 8px; display: block; height: auto; -o-object-fit: cover; object-fit: cover; width: 100%; } section.content-push-landscape div.block > a:hover + h3 a { -webkit-text-decoration-color: #000000; text-decoration-color: #000000; } section.content-push-landscape div.block h3 { color: #000000; font-size: 24px; font-weight: 800; line-height: 32px; } section.content-push-landscape div.block h3 a { color: inherit; display: inline-flex; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; text-decoration-thickness: 1px; text-underline-offset: 4px; transition: -webkit-text-decoration-color 0.3s ease; transition: text-decoration-color 0.3s ease; transition: text-decoration-color 0.3s ease, -webkit-text-decoration-color 0.3s ease; } section.content-push-landscape div.block h3 a:hover { -webkit-text-decoration-color: #000000; text-decoration-color: #000000; } section.content-push-landscape div.block h3 a[href="#"] { pointer-events: none; } section.content-push-landscape div.block p { color: #555555; font-size: 16px; line-height: 24px; margin-top: 8px; } section.content-push-landscape div.block a.button-primary { margin-top: 16px; width: -moz-fit-content; width: fit-content; } /* --- Components > Content > Responsive > Push landscape --- Max-width: 1024px 1.0 - Global Max-width: 768px 1.0 - Global */ /* ---------------------------------------------- */ /* -- Max-width: 1024px ------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 1024px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-push-landscape h2 { grid-column: 1/span 9; } } /* ---------------------------------------------- */ /* -- Max-width: 768px -------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 768px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-push-landscape div.grid { grid-row-gap: 48px; } section.content-push-landscape h2 { grid-column: 1/span 4; font-size: 32px; line-height: 40px; } section.content-push-landscape div.block { grid-column: 1/span 4; } } /* --- Components > Content > Push card --- 1.0 - Global */ /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-push-card { border-top: 1px solid #dcdcdc; margin-bottom: 80px; padding-top: 80px; } section.content-push-card.first { border-top: none; padding-top: 0; } section.content-push-card div.grid { grid-row-gap: 80px; } section.content-push-card h2 { color: #000000; font-size: 40px; font-weight: 800; grid-column: 1/span 6; line-height: 48px; } section.content-push-card img { display: block; border-radius: 8px; grid-column: 1/span 6; height: auto; width: 100%; } section.content-push-card div.rich-text { align-self: center; grid-column: 7/span 5; } /* --- Components > Content > Responsive > Push card --- Max-width: 1024px 1.0 - Global Max-width: 768px 1.0 - Global */ /* ---------------------------------------------- */ /* -- Max-width: 1024px ------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 1024px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-push-card h2 { grid-column: 1/span 9; } section.content-push-card div.rich-text { grid-column: 7/span 6; } } /* ---------------------------------------------- */ /* -- Max-width: 768px -------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 768px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-push-card div.grid { grid-row-gap: 48px; } section.content-push-card h2 { grid-column: 1/span 4; font-size: 32px; line-height: 40px; } section.content-push-card img { grid-column: 1/span 4; } section.content-push-card div.rich-text { grid-column: 1/span 4; } } /* --- Components > Content > Introduction --- 1.0 - Global */ /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-introduction { margin-bottom: 80px; } section.content-introduction.summary div.text { grid-column: 6/span 6; } section.content-introduction div.text { grid-column: 4/span 6; } section.content-introduction div.text p { color: #000000; font-size: 32px; line-height: 40px; } section.content-introduction div.text a { margin-top: 24px; } /* --- Components > Content > Responsive > Introduction --- Max-width: 1024px 1.0 - Global Max-width: 768px 1.0 - Global */ /* ---------------------------------------------- */ /* -- Max-width: 1024px ------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 1024px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-introduction.summary div.text { grid-column: 5/span 8; } section.content-introduction div.text { grid-column: 5/span 8; } section.content-introduction div.text p { font-size: 24px; line-height: 32px; } } /* ---------------------------------------------- */ /* -- Max-width: 768px -------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 768px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-introduction.summary div.text { grid-column: 1/span 4; } section.content-introduction div.text { grid-column: 1/span 4; } } /* --- Components > Content > Image --- 1.0 - Global */ /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-image { margin-bottom: 80px; } section.content-image.summary figure { grid-column: 5/span 8; } section.content-image figure { grid-column: 3/span 8; } section.content-image figure img { display: block; border-radius: 8px; height: auto; width: 100%; } section.content-image figure figcaption { color: #555555; font-size: 12px; line-height: 16px; margin-top: 8px; } /* --- Components > Content > Responsive > Image --- Max-width: 768px 1.0 - Global */ /* ---------------------------------------------- */ /* -- Max-width: 768px -------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 768px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-image.summary figure { grid-column: 1/span 4; } section.content-image figure { grid-column: 1/span 4; } } /* --- Components > Content > iFrame --- 1.0 - Global */ /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-iframe { margin-bottom: 80px; } section.content-iframe.summary div.iframe-block { grid-column: 5/span 8; } section.content-iframe div.iframe-block { grid-column: 3/span 8; position: relative; } section.content-iframe div.iframe-block[data-size=full] { grid-column: 1/span 12; } section.content-iframe div.iframe-block[data-size=full] iframe { height: 680px; } section.content-iframe div.iframe-block iframe { display: block; border-radius: 8px; height: 500px; overflow: hidden; width: 100%; } section.content-iframe div.iframe-block div[data-hide-on-vendor-consent] { bottom: 0; height: 500px; left: 0; position: absolute; right: 0; top: 0; width: 100%; } section.content-iframe div.iframe-block div[data-hide-on-vendor-consent] div.grid { grid-template-columns: repeat(8, 1fr); height: 100%; } section.content-iframe div.iframe-block div[data-hide-on-vendor-consent] p { color: #000000; font-size: 16px; grid-column: 2/span 6; line-height: 24px; margin-bottom: 24px; margin-top: auto; text-align: center; } section.content-iframe div.iframe-block div[data-hide-on-vendor-consent] button { cursor: pointer; grid-column: 2/span 6; margin: 0 auto auto auto; width: -moz-fit-content; width: fit-content; } /* --- Components > Content > Responsive > iFrame --- Max-width: 1200px 1.0 - Global Max-width: 1024px 1.0 - Global Max-width: 768px 1.0 - Global */ /* ---------------------------------------------- */ /* -- Max-width: 1200px ------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 1200px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-iframe div.iframe-block iframe { height: 400px; } section.content-iframe div.iframe-block div[data-hide-on-vendor-consent] { height: 400px; } } /* ---------------------------------------------- */ /* -- Max-width: 1024px ------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 1024px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-iframe div.iframe-block[data-size=full] iframe { height: 480px; } section.content-iframe div.iframe-block iframe { height: 300px; } section.content-iframe div.iframe-block div[data-hide-on-vendor-consent] { height: 300px; } } /* ---------------------------------------------- */ /* -- Max-width: 768px -------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 768px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-iframe { margin-bottom: 80px; } section.content-iframe.summary div.iframe-block { grid-column: 1/span 4; } section.content-iframe div.iframe-block[data-size=full] { grid-column: 1/span 4; } section.content-iframe div.iframe-block[data-size=full] iframe { height: 480px; } section.content-iframe div.iframe-block iframe { grid-column: 1/span 4; } section.content-iframe div.iframe-block div[data-hide-on-vendor-consent] { grid-column: 1/span 4; } } /* --- Components > Content > Text --- 1.0 - Global */ /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-text { margin-bottom: 80px; } section.content-text.summary div.rich-text { grid-column: 6/span 6; } section.content-text div.rich-text { grid-column: 4/span 6; } section.content-text div.rich-text h2.anchor i { background-color: #aaaaaa; margin-left: 8px; cursor: pointer; } /* --- Components > Content > Responsive > Text --- Max-width: 1024px 1.0 - Global Max-width: 768px 1.0 - Global */ /* ---------------------------------------------- */ /* -- Max-width: 1024px ------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 1024px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-text.summary div.rich-text { grid-column: 5/span 8; } section.content-text div.rich-text { grid-column: 5/span 8; } } /* ---------------------------------------------- */ /* -- Max-width: 768px -------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 768px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-text.summary div.rich-text { grid-column: 1/span 4; } section.content-text div.rich-text { grid-column: 1/span 4; } } /* --- Components > Content > Tiles --- 1.0 - Global */ /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-tiles { margin-bottom: 80px; } section.content-tiles[data-title="1"] { border-top: 1px solid #dcdcdc; padding-top: 80px; } section.content-tiles div.grid { grid-row-gap: 80px; } section.content-tiles h2 { color: #000000; font-size: 40px; font-weight: 800; grid-column: 1/span 6; line-height: 48px; } section.content-tiles div.tiles { display: grid; grid-column: 1/-1; grid-template-columns: subgrid; row-gap: 32px; } section.content-tiles div.tiles div.tile { border-radius: 8px; border: 1px solid #dcdcdc; display: flex; flex-direction: column; grid-column: auto/span 4; padding: 24px; position: relative; } section.content-tiles div.tiles div.tile a { inset: 0; position: absolute; } section.content-tiles div.tiles div.tile a:hover ~ h3 { -webkit-text-decoration-color: #000000; text-decoration-color: #000000; } section.content-tiles div.tiles div.tile span.square { align-self: flex-start; border-radius: 4px; display: inline-block; margin-bottom: 16px; padding: 28px; } section.content-tiles div.tiles div.tile span.square.green { background-color: #51ad32; } section.content-tiles div.tiles div.tile span.square.pink { background-color: #e73180; } section.content-tiles div.tiles div.tile span.square.blue { background-color: #00b0ea; } section.content-tiles div.tiles div.tile span.square.gold { background-color: #dbd085; } section.content-tiles div.tiles div.tile span.square img { display: block; height: 24px; width: 24px; } section.content-tiles div.tiles div.tile h3 { color: #000000; font-size: 24px; font-weight: 800; line-height: 32px; margin-bottom: 8px; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; -webkit-text-decoration-line: underline; text-decoration-line: underline; -webkit-text-decoration-style: solid; text-decoration-style: solid; text-decoration-thickness: 1px; text-underline-offset: 4px; transition: -webkit-text-decoration-color 0.3s ease; transition: text-decoration-color 0.3s ease; transition: text-decoration-color 0.3s ease, -webkit-text-decoration-color 0.3s ease; } section.content-tiles div.tiles div.tile p { color: #555555; font-size: 16px; font-weight: 400; line-height: 24px; } /* --- Components > Content > Responsive > Tiles --- Max-width: 1024px 1.0 - Global Max-width: 768px 1.0 - Global */ /* ---------------------------------------------- */ /* -- Max-width: 1024px ------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 1024px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-tiles h2 { grid-column: 1/span 9; } section.content-tiles div.tiles div.tile { grid-column: auto/span 6; } } /* ---------------------------------------------- */ /* -- Max-width: 768px -------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 768px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-tiles div.grid { grid-row-gap: 48px; } section.content-tiles h2 { grid-column: 1/span 4; font-size: 32px; line-height: 40px; } section.content-tiles div.tiles div.tile { grid-column: 1/span 4; } } /* --- Components > Content > Accordion --- 1.0 - Global */ /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-accordion { margin-bottom: 80px; } section.content-accordion.summary div.rich-text { grid-column: 6/span 6; } section.content-accordion.summary div.accordions { grid-column: 6/span 6; } section.content-accordion div.rich-text { grid-column: 4/span 6; margin-bottom: 24px; } section.content-accordion div.rich-text h2.anchor i { background-color: #aaaaaa; margin-left: 8px; cursor: pointer; } section.content-accordion div.accordions { grid-column: 4/span 6; } section.content-accordion div.accordions div.accordion { margin-bottom: 16px; width: 100%; } section.content-accordion div.accordions div.accordion:last-of-type { margin-bottom: 0; } section.content-accordion div.accordions div.accordion:last-of-type h3 + div.rich-text { margin-bottom: 0; } section.content-accordion div.accordions div.accordion h3 { align-items: center; color: #000000; cursor: pointer; display: flex; font-size: 24px; font-weight: 800; line-height: 32px; width: -moz-fit-content; width: fit-content; } section.content-accordion div.accordions div.accordion h3 i { background-color: #000000; margin-right: 8px; } section.content-accordion div.accordions div.accordion h3 + div.rich-text { display: none; margin: 16px 0 24px 0; padding-left: 32px; } section.content-accordion div.accordions div.accordion + a { margin-top: 24px; } /* --- Components > Content > Responsive > Accordion --- Max-width: 1024px 1.0 - Global Max-width: 768px 1.0 - Global */ /* ---------------------------------------------- */ /* -- Max-width: 1024px ------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 1024px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-accordion.summary div.rich-text { grid-column: 5/span 8; } section.content-accordion.summary div.accordions { grid-column: 5/span 8; } section.content-accordion div.rich-text { grid-column: 5/span 8; } section.content-accordion div.accordions { grid-column: 5/span 8; } } /* ---------------------------------------------- */ /* -- Max-width: 768px -------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 768px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-accordion.summary div.rich-text { grid-column: 1/span 4; } section.content-accordion.summary div.accordions { grid-column: 1/span 4; } section.content-accordion div.rich-text { grid-column: 1/span 4; } section.content-accordion div.accordions { grid-column: 1/span 4; } } /* --- Components > Content > Key figures --- 1.0 - Global */ /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-key-figures { margin-bottom: 80px; } section.content-key-figures.summary div.rich-text { grid-column: 6/span 6; } section.content-key-figures.summary div.blocks { grid-column: 6/span 6; } section.content-key-figures div.rich-text { grid-column: 4/span 6; margin-bottom: 24px; } section.content-key-figures div.rich-text h2.anchor i { background-color: #aaaaaa; margin-left: 8px; cursor: pointer; } section.content-key-figures div.blocks { grid-column: 4/span 6; } section.content-key-figures div.blocks div.grid { grid-row-gap: 32px; } section.content-key-figures div.blocks div.block { grid-column: auto/span 4; } section.content-key-figures div.blocks div.block h3 { color: #000000; font-size: 48px; line-height: 48px; margin-bottom: 16px; word-break: break-all; } section.content-key-figures div.blocks div.block p { color: #555555; font-size: 16px; line-height: 24px; } section.content-key-figures div.blocks a.button-primary { margin-top: 24px; } /* --- Components > Content > Responsive > Key figures --- Max-width: 1024px 1.0 - Global Max-width: 768px 1.0 - Global */ /* ---------------------------------------------- */ /* -- Max-width: 1024px ------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 1024px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-key-figures.summary div.rich-text { grid-column: 5/span 8; } section.content-key-figures.summary div.blocks { grid-column: 5/span 8; } section.content-key-figures div.rich-text { grid-column: 5/span 8; } section.content-key-figures div.blocks { grid-column: 5/span 8; } } /* ---------------------------------------------- */ /* -- Max-width: 768px -------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 768px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-key-figures.summary div.rich-text { grid-column: 1/span 4; } section.content-key-figures.summary div.blocks { grid-column: 1/span 4; } section.content-key-figures div.rich-text { grid-column: 1/span 4; } section.content-key-figures div.blocks { grid-column: 1/span 4; } } /* --- Components > Content > Columns --- 1.0 - Global */ /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-columns { margin-bottom: 80px; } section.content-columns.summary > div.grid > div.rich-text { grid-column: 6/span 6; } section.content-columns.summary div.blocks { grid-column: 6/span 6; } section.content-columns > div.grid > div.rich-text { grid-column: 4/span 6; margin-bottom: 24px; } section.content-columns > div.grid > div.rich-text h2.anchor i { background-color: #aaaaaa; margin-left: 8px; cursor: pointer; } section.content-columns div.blocks { grid-column: 4/span 6; } section.content-columns div.blocks div.grid { grid-row-gap: 48px; } section.content-columns div.blocks div.block { grid-column: auto/span 6; } section.content-columns div.blocks div.block > p { color: #000000; font-size: 24px; line-height: 28px; margin-bottom: 16px; } /* --- Components > Content > Responsive > Columns --- Max-width: 1024px 1.0 - Global Max-width: 768px 1.0 - Global */ /* ---------------------------------------------- */ /* -- Max-width: 1024px ------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 1024px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-columns.summary > div.grid > div.rich-text { grid-column: 5/span 8; } section.content-columns.summary div.blocks { grid-column: 5/span 8; } section.content-columns > div.grid > div.rich-text { grid-column: 5/span 8; } section.content-columns div.blocks { grid-column: 5/span 8; } section.content-columns div.blocks div.block { grid-column: auto/span 12; } } /* ---------------------------------------------- */ /* -- Max-width: 768px -------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 768px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-columns.summary > div.grid > div.rich-text { grid-column: 1/span 4; } section.content-columns.summary div.blocks { grid-column: 1/span 4; } section.content-columns > div.grid > div.rich-text { grid-column: 1/span 4; } section.content-columns div.blocks { grid-column: 1/span 4; } section.content-columns div.blocks div.block { grid-column: 1/span 4; } } /* --- Components > Content > Push news --- 1.0 - Global */ /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-push-news { margin-bottom: 80px; } section.content-push-news[data-push="1"] { border-top: 1px solid #dcdcdc; padding-top: 80px; } section.content-push-news div.grid { grid-row-gap: 80px; } section.content-push-news h2 { color: #000000; font-size: 40px; font-weight: 800; grid-column: 1/span 6; line-height: 48px; } section.content-push-news div.new { border-bottom: 1px solid #dcdcdc; grid-column: auto/span 4; padding-bottom: 24px; } section.content-push-news div.new:first-of-type { grid-column-start: 1; } section.content-push-news div.new > a { display: block; margin-bottom: 24px; } section.content-push-news div.new > a img { aspect-ratio: 416/286; border-radius: 8px; display: block; height: auto; -o-object-fit: cover; object-fit: cover; width: 100%; } section.content-push-news div.new > a:hover + p.tag + h2 a, section.content-push-news div.new > a:hover + p.tag + h3 a { -webkit-text-decoration-color: #000000; text-decoration-color: #000000; } section.content-push-news div.new h2, section.content-push-news div.new h3 { color: #000000; font-size: 24px; font-weight: 800; line-height: 32px; margin-top: 16px; } section.content-push-news div.new h2 a, section.content-push-news div.new h3 a { color: inherit; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; text-decoration-thickness: 1px; text-underline-offset: 4px; transition: -webkit-text-decoration-color 0.3s ease; transition: text-decoration-color 0.3s ease; transition: text-decoration-color 0.3s ease, -webkit-text-decoration-color 0.3s ease; } section.content-push-news div.new h2 a:hover, section.content-push-news div.new h3 a:hover { -webkit-text-decoration-color: #000000; text-decoration-color: #000000; } section.content-push-news div.new p.date { color: #000000; font-size: 15px; line-height: 20px; margin-top: 8px; text-transform: capitalize; } /* --- Components > Content > Responsive > Push news --- Max-width: 1024px 1.0 - Global Max-width: 768px 1.0 - Global */ /* ---------------------------------------------- */ /* -- Max-width: 1024px ------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 1024px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-push-news h2 { grid-column: 1/span 9; } section.content-push-news div.new { grid-column: auto/span 6; } } /* ---------------------------------------------- */ /* -- Max-width: 768px -------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 768px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-push-news div.grid { grid-row-gap: 48px; } section.content-push-news h2 { grid-column: 1/span 4; font-size: 32px; line-height: 40px; } section.content-push-news div.new { grid-column: auto/span 4; } } /* --- Components > Content > Push houses --- 1.0 - Global */ /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-push-houses { border-top: 1px solid #dcdcdc; margin-bottom: 80px; padding-top: 80px; } section.content-push-houses div.grid { grid-row-gap: 80px; } section.content-push-houses h2 { color: #000000; font-size: 40px; font-weight: 800; grid-column: 1/span 6; line-height: 48px; } section.content-push-houses p.empty { color: #000000; font-size: 24px; font-weight: 800; grid-column: 1/span 12; line-height: 32px; text-align: center; } section.content-push-houses div.house { border-bottom: 1px solid #dcdcdc; grid-column: auto/span 4; padding-bottom: 24px; } section.content-push-houses div.house:first-of-type { grid-column-start: 1; } section.content-push-houses div.house > a { display: block; margin-bottom: 16px; position: relative; } section.content-push-houses div.house > a p.tag { left: 16px; position: absolute; top: 16px; } section.content-push-houses div.house > a img { aspect-ratio: 416/286; border-radius: 8px; display: block; height: auto; -o-object-fit: cover; object-fit: cover; width: 100%; } section.content-push-houses div.house > a:hover ~ h3 a { -webkit-text-decoration-color: #000000; text-decoration-color: #000000; } section.content-push-houses div.house div.buttons { display: flex; gap: 4px; } section.content-push-houses div.house h3 { color: #000000; font-size: 24px; font-weight: 800; line-height: 32px; margin-top: 16px; } section.content-push-houses div.house h3 a { color: inherit; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; text-decoration-thickness: 1px; text-underline-offset: 4px; transition: -webkit-text-decoration-color 0.3s ease; transition: text-decoration-color 0.3s ease; transition: text-decoration-color 0.3s ease, -webkit-text-decoration-color 0.3s ease; } section.content-push-houses div.house h3 a:hover { -webkit-text-decoration-color: #000000; text-decoration-color: #000000; } section.content-push-houses div.house h3 + p { color: #555555; font-size: 17px; line-height: 24px; margin-top: 8px; } section.content-push-houses div.house p.price { color: #000000; font-size: 24px; font-weight: 800; line-height: 32px; margin-top: 8px; } section.content-push-houses div.house p.price span { font-size: 15px; font-weight: 400; line-height: 20px; } /* --- Components > Content > Responsive > Push houses --- Max-width: 1024px 1.0 - Global Max-width: 768px 1.0 - Global */ /* ---------------------------------------------- */ /* -- Max-width: 1024px ------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 1024px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-push-houses h2 { grid-column: 1/span 9; } section.content-push-houses div.house { grid-column: auto/span 6; } } /* ---------------------------------------------- */ /* -- Max-width: 768px -------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 768px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-push-houses div.grid { grid-row-gap: 48px; } section.content-push-houses h2 { grid-column: 1/span 4; font-size: 32px; line-height: 40px; } section.content-push-houses p.empty { grid-column: 1/span 4; } section.content-push-houses div.house { grid-column: auto/span 4; } } /* --- Components > Content > Form --- 1.0 - Global */ /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-form { margin-bottom: 80px; } section.content-form p.tag { grid-column: 4/span 6; grid-row-start: 1; width: -moz-fit-content; width: fit-content; } section.content-form p.tag + p { color: #000000; font-size: 18px; font-weight: 800; grid-column: 4/span 6; grid-row-start: 2; line-height: 24px; margin-top: 24px; } section.content-form form { grid-column: 4/span 6; grid-row-start: 3; margin-top: 24px; } /* --- Components > Content > Responsive > Form --- Max-width: 1024px 1.0 - Global Max-width: 768px 1.0 - Global */ /* ---------------------------------------------- */ /* -- Max-width: 1024px ------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 1024px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-form p.tag { grid-column: 3/span 8; } section.content-form p.tag + p { grid-column: 3/span 8; } section.content-form form { grid-column: 3/span 8; } } /* ---------------------------------------------- */ /* -- Max-width: 768px -------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 768px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ section.content-form p.tag { grid-column: 1/span 4; } section.content-form p.tag + p { grid-column: 1/span 4; } section.content-form form { grid-column: 1/span 4; } } /* ---------------------------------------------- */ /* -- 4.0 - Layouts ----------------------------- */ /* ---------------------------------------------- */ /* --- Layouts > Global --- 1.0 - Global */ /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ html ::-moz-selection { color: #ffffff; background: #000000; } html ::selection { color: #ffffff; background: #000000; } html.sr .reveal { visibility: hidden; } html body { color: #000000; font-family: "Avenir", sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-style: normal; font-weight: 400; overflow-x: hidden; } @keyframes rainbow { 0% { background-color: #e2f1f4; } 25% { background-color: #eef7e8; } 50% { background-color: #f7e8ee; } 100% { background-color: #f4ede2; } } @keyframes rainbow-svg { 0% { fill: #e2f1f4; } 25% { fill: #eef7e8; } 50% { fill: #f7e8ee; } 100% { fill: #f4ede2; } } html body img { image-rendering: -webkit-optimize-contrast; } html body div[data-cris=container] { position: relative; } html body div[data-cris=container] .grid { display: grid; grid-column-gap: 32px; grid-template-columns: repeat(12, 1fr); } html body div[data-cris=container] .wrap { margin: 0 auto; max-width: 1312px; padding-left: 64px; padding-right: 64px; } html body div[data-cris=container] main > *.sticky-contact { bottom: 32px; position: fixed; right: 32px; z-index: 1; } html body div[data-cris=container] main > *.sticky-contact span a { color: inherit; text-decoration: none; } /* --- Layouts > Responsive > Global --- Max-width: 1200px 1.0 - Global Max-width: 1024px 1.0 - Global Max-width: 768px 1.0 - Global */ /* ---------------------------------------------- */ /* -- Max-width: 1200px ------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 1200px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ html body div[data-cris=container] .wrap { padding-left: 48px; padding-right: 48px; } } /* ---------------------------------------------- */ /* -- Max-width: 1024px ------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 1024px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ html body div[data-cris=container] .wrap { padding-left: 32px; padding-right: 32px; } } /* ---------------------------------------------- */ /* -- Max-width: 768px -------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 768px) { /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ html body div[data-cris=container] .grid { grid-column-gap: 16px; grid-template-columns: repeat(4, 1fr); } html body div[data-cris=container] .wrap { display: flex; flex-direction: column; max-width: 640px; padding-left: 16px; padding-right: 16px; } } /* --- Layouts > Header --- 1.0 - Header */ /* ---------------------------------------------- */ /* -- 1.0 - Header ------------------------------ */ /* ---------------------------------------------- */ header { padding: 24px 0 104px 0; } header div.wrap { display: flex; flex-wrap: wrap; position: relative; } header div.burger { display: none; } header a.logo { display: block; margin: 0 auto; } header a.logo img { display: block; height: auto; width: 100%; } header div.links { align-items: center; display: flex; position: absolute; right: 64px; top: 6px; } header div.links a:first-child { margin-right: 32px; } header nav[role=navigation] { border-top: 1px solid #dcdcdc; display: flex; justify-content: center; margin-top: 24px; padding-top: 24px; width: 100%; } header nav[role=navigation] a { color: inherit; font-size: 15px; font-weight: 800; line-height: 20px; margin: 0 16px; opacity: 0.4; text-decoration: none; transition: opacity 0.3s ease; } header nav[role=navigation] a:hover, header nav[role=navigation] a.active { opacity: 1; } header nav[role=navigation].no-active a { opacity: 1; } header nav[role=navigation].no-active.hover a { opacity: 0.4; } header nav[role=navigation].no-active.hover a:hover { opacity: 1; } /* --- Layouts > Responsive > Header --- Max-width: 1200px 1.0 - Header Max-width: 1024px 1.0 - Header Max-width: 768px 1.0 - Header */ /* ---------------------------------------------- */ /* -- Max-width: 1200px ------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 1200px) { /* ---------------------------------------------- */ /* -- 1.0 - Header ------------------------------ */ /* ---------------------------------------------- */ header div.burger { background-color: #000000; cursor: pointer; display: block; height: 24px; left: 48px; -webkit-mask: url("../images/24x24/burger.svg"); mask: url("../images/24x24/burger.svg"); position: absolute; top: 50%; transform: translateY(-50%); width: 24px; } header div.links { display: none; } header nav[role=navigation] { display: none; } } /* ---------------------------------------------- */ /* -- Max-width: 1024px ------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 1024px) { /* ---------------------------------------------- */ /* -- 1.0 - Header ------------------------------ */ /* ---------------------------------------------- */ header { padding-bottom: 80px; } header div.burger { left: 32px; } } /* ---------------------------------------------- */ /* -- Max-width: 768px -------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 768px) { /* ---------------------------------------------- */ /* -- 1.0 - Header ------------------------------ */ /* ---------------------------------------------- */ header div.burger { left: 16px; } header a.logo { width: 160px; } } /* --- Layouts > Footer --- 1.0 - Footer */ /* ---------------------------------------------- */ /* -- 1.0 - Footer ------------------------------ */ /* ---------------------------------------------- */ footer { padding: 120px 0 56px 0; } footer div.title { align-items: center; display: flex; grid-column: 1/span 12; justify-content: center; margin-bottom: 120px; } footer div.title p { color: #000000; font-size: 32px; font-weight: 800; line-height: 40px; margin-right: 32px; } footer div.contact { grid-column: auto/span 3; } footer div.contact img { display: block; margin-bottom: 32px; } footer div.contact div.rich-text p, footer div.contact div.rich-text ul { color: #000000; } footer ul { grid-column: auto/span 3; } footer ul li { color: #000000; font-size: 15px; line-height: 20px; margin-bottom: 12px; } footer ul li:last-child { margin-bottom: 0; } footer ul li.bold { font-weight: 800; } footer ul li.empty { height: 28px; margin-bottom: 0; } footer ul li a { color: inherit; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; text-decoration-thickness: 1px; text-underline-offset: 4px; transition: -webkit-text-decoration-color 0.3s ease; transition: text-decoration-color 0.3s ease; transition: text-decoration-color 0.3s ease, -webkit-text-decoration-color 0.3s ease; } footer ul li a:hover { -webkit-text-decoration-color: #555555; text-decoration-color: #555555; } footer ul li a[href="#"] { pointer-events: none; } footer p.copyright { color: #000000; font-size: 14px; grid-column: 1/span 12; line-height: 24px; margin-top: 120px; } footer p.copyright a { color: inherit; -webkit-text-decoration-color: #000000; text-decoration-color: #000000; text-decoration-thickness: 1px; text-underline-offset: 4px; transition: -webkit-text-decoration-color 0.3s ease; transition: text-decoration-color 0.3s ease; transition: text-decoration-color 0.3s ease, -webkit-text-decoration-color 0.3s ease; } footer p.copyright a:hover { -webkit-text-decoration-color: #555555; text-decoration-color: #555555; } /* --- Layouts > Responsive > Footer --- Max-width: 1024px 1.0 - Footer Max-width: 768px 1.0 - Footer */ /* ---------------------------------------------- */ /* -- Max-width: 1024px ------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 1024px) { /* ---------------------------------------------- */ /* -- 1.0 - Footer ------------------------------ */ /* ---------------------------------------------- */ footer div.contact { grid-column: auto/span 12; margin-bottom: 80px; } footer ul { grid-column: auto/span 4; } } /* ---------------------------------------------- */ /* -- Max-width: 768px -------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 768px) { /* ---------------------------------------------- */ /* -- 1.0 - Footer ------------------------------ */ /* ---------------------------------------------- */ footer { padding-top: 80px; } footer div.title { flex-direction: column; grid-column: 1/span 4; margin-bottom: 80px; text-align: center; } footer div.title p { margin-bottom: 16px; margin-right: 0; } footer div.contact { grid-column: auto/span 4; } footer ul { grid-column: auto/span 4; margin-bottom: 40px; } footer ul:last-of-type { margin-bottom: 0; } footer p.copyright { grid-column: 1/span 4; margin-top: 80px; text-align: center; } } /* ---------------------------------------------- */ /* -- 5.0 - Pages ------------------------------- */ /* ---------------------------------------------- */ /* --- Pages > Home --- 1.0 - Cloud 2.0 - Top 3.0 - News */ div[data-cris-namespace=page-home] { /* ---------------------------------------------- */ /* -- 1.0 - Cloud ------------------------------- */ /* ---------------------------------------------- */ /* ---------------------------------------------- */ /* -- 2.0 - Top --------------------------------- */ /* ---------------------------------------------- */ /* ---------------------------------------------- */ /* -- 3.0 - News -------------------------------- */ /* ---------------------------------------------- */ } div[data-cris-namespace=page-home] svg.cloud { animation: rainbow-svg 5s infinite alternate; height: auto; position: absolute; right: 0; top: 0; width: max(780px, 45vw + 60px); z-index: -1; } div[data-cris-namespace=page-home] section.content-top { margin: 0 0 80px 0; } div[data-cris-namespace=page-home] section.content-top h1 { color: #000000; font-size: 40px; font-weight: 800; grid-column: 1/span 6; grid-row: 1; line-height: 48px; } div[data-cris-namespace=page-home] section.content-top div.most-viewed { grid-column: 8/span 5; grid-row: 2; } div[data-cris-namespace=page-home] section.content-top div.most-viewed p { color: #000000; font-size: 16px; font-weight: 400; line-height: 20px; } div[data-cris-namespace=page-home] section.content-top div.most-viewed ul.links { display: flex; flex-direction: column; margin-top: 12px; row-gap: 4px; } div[data-cris-namespace=page-home] section.content-top div.most-viewed ul.links li { align-items: center; background-color: #ffffff; border-radius: 8px; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 12px; padding: 12px; position: relative; } div[data-cris-namespace=page-home] section.content-top div.most-viewed ul.links li:hover i { transform: translateX(-8px); } div[data-cris-namespace=page-home] section.content-top div.most-viewed ul.links li a { inset: 0; position: absolute; z-index: 1; } div[data-cris-namespace=page-home] section.content-top div.most-viewed ul.links li span.square { border-radius: 4px; display: inline-block; padding: 12px; } div[data-cris-namespace=page-home] section.content-top div.most-viewed ul.links li span.square.green { background-color: #51ad32; } div[data-cris-namespace=page-home] section.content-top div.most-viewed ul.links li span.square.pink { background-color: #e73180; } div[data-cris-namespace=page-home] section.content-top div.most-viewed ul.links li span.square.blue { background-color: #00b0ea; } div[data-cris-namespace=page-home] section.content-top div.most-viewed ul.links li span.square.gold { background-color: #dbd085; } div[data-cris-namespace=page-home] section.content-top div.most-viewed ul.links li span.square img { display: block; height: 20px; width: 20px; } div[data-cris-namespace=page-home] section.content-top div.most-viewed ul.links li p { display: flex; flex: 1; flex-direction: column; } div[data-cris-namespace=page-home] section.content-top div.most-viewed ul.links li p span:first-child { color: #000000; font-size: 16px; font-weight: 800; line-height: 20px; } div[data-cris-namespace=page-home] section.content-top div.most-viewed ul.links li p span:last-child { color: #000000; font-size: 14px; line-height: 20px; } div[data-cris-namespace=page-home] section.content-top div.most-viewed ul.links li i { background-color: #000000; margin-left: auto; transition: transform 0.3s ease; } div[data-cris-namespace=page-home] section.content-top div.background { grid-column: 1/span 6; grid-row: 2; margin-left: min(-35%, 496px - 50vw); margin-top: 80px; -webkit-mask: url("../images/cloud.svg") no-repeat center; mask: url("../images/cloud.svg") no-repeat center; -webkit-mask-size: contain; mask-size: contain; z-index: -1; } div[data-cris-namespace=page-home] section.content-top div.background img { display: block; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } div[data-cris-namespace=page-home] section.content-top div.brand-blocks { display: grid; grid-column: 1/-1; grid-template-columns: subgrid; margin-top: -200px; row-gap: 32px; } div[data-cris-namespace=page-home] section.content-top div.brand-blocks div.block { border-radius: 8px; box-sizing: border-box; display: flex; flex-direction: column; grid-column: auto/span 4; min-height: 286px; overflow: hidden; padding: 24px; position: relative; } div[data-cris-namespace=page-home] section.content-top div.brand-blocks div.block:before { background: rgba(0, 0, 0, 0.6); content: ""; inset: 0; position: absolute; z-index: 2; } div[data-cris-namespace=page-home] section.content-top div.brand-blocks div.block:hover div.text h2 { -webkit-text-decoration-color: #ffffff; text-decoration-color: #ffffff; } div[data-cris-namespace=page-home] section.content-top div.brand-blocks div.block a { inset: 0; position: absolute; z-index: 4; } div[data-cris-namespace=page-home] section.content-top div.brand-blocks div.block img.image { display: block; height: 100%; inset: 0; -o-object-fit: cover; object-fit: cover; position: absolute; width: 100%; z-index: 1; } div[data-cris-namespace=page-home] section.content-top div.brand-blocks div.block img.logo { display: block; margin: 0 auto auto auto; position: relative; z-index: 3; } div[data-cris-namespace=page-home] section.content-top div.brand-blocks div.block div.text { color: #ffffff; display: flex; flex-direction: column; position: relative; row-gap: 8px; z-index: 3; } div[data-cris-namespace=page-home] section.content-top div.brand-blocks div.block div.text h2 { font-size: 24px; font-weight: 800; line-height: 32px; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; -webkit-text-decoration-line: underline; text-decoration-line: underline; -webkit-text-decoration-style: solid; text-decoration-style: solid; text-decoration-thickness: 1px; text-underline-offset: 4px; transition: -webkit-text-decoration-color 0.3s ease; transition: text-decoration-color 0.3s ease; transition: text-decoration-color 0.3s ease, -webkit-text-decoration-color 0.3s ease; } div[data-cris-namespace=page-home] section.content-top div.brand-blocks div.block div.text p { font-size: 16px; line-height: 24px; } div[data-cris-namespace=page-home] section.content-news { border-top: 1px solid #dcdcdc; margin-bottom: 80px; padding-top: 80px; } div[data-cris-namespace=page-home] section.content-news div.grid { grid-row-gap: 80px; } div[data-cris-namespace=page-home] section.content-news h2 { color: #000000; font-size: 40px; font-weight: 800; line-height: 48px; grid-column: 1/span 6; } div[data-cris-namespace=page-home] section.content-news div.highlight-new, div[data-cris-namespace=page-home] section.content-news div.other-news { grid-column: auto/span 6; } div[data-cris-namespace=page-home] section.content-news div.highlight-new:first-of-type, div[data-cris-namespace=page-home] section.content-news div.other-news:first-of-type { grid-column-start: 1; } div[data-cris-namespace=page-home] section.content-news div.highlight-new div.new, div[data-cris-namespace=page-home] section.content-news div.other-news div.new { border-bottom: 1px solid #dcdcdc; padding-bottom: 24px; } div[data-cris-namespace=page-home] section.content-news div.highlight-new div.new > a, div[data-cris-namespace=page-home] section.content-news div.other-news div.new > a { display: block; margin-bottom: 24px; } div[data-cris-namespace=page-home] section.content-news div.highlight-new div.new > a img, div[data-cris-namespace=page-home] section.content-news div.other-news div.new > a img { aspect-ratio: 640/440; border-radius: 8px; display: block; -o-object-fit: cover; object-fit: cover; height: auto; width: 100%; } div[data-cris-namespace=page-home] section.content-news div.highlight-new div.new > a:hover + p.tag + h3 a, div[data-cris-namespace=page-home] section.content-news div.other-news div.new > a:hover + p.tag + h3 a { -webkit-text-decoration-color: #000000; text-decoration-color: #000000; } div[data-cris-namespace=page-home] section.content-news div.highlight-new div.new h3, div[data-cris-namespace=page-home] section.content-news div.other-news div.new h3 { color: #000000; font-size: 24px; font-weight: 800; line-height: 32px; margin-top: 16px; } div[data-cris-namespace=page-home] section.content-news div.highlight-new div.new h3 a, div[data-cris-namespace=page-home] section.content-news div.other-news div.new h3 a { color: inherit; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; text-decoration-thickness: 1px; text-underline-offset: 4px; transition: -webkit-text-decoration-color 0.3s ease; transition: text-decoration-color 0.3s ease; transition: text-decoration-color 0.3s ease, -webkit-text-decoration-color 0.3s ease; } div[data-cris-namespace=page-home] section.content-news div.highlight-new div.new h3 a:hover, div[data-cris-namespace=page-home] section.content-news div.other-news div.new h3 a:hover { -webkit-text-decoration-color: #000000; text-decoration-color: #000000; } div[data-cris-namespace=page-home] section.content-news div.highlight-new div.new p.date, div[data-cris-namespace=page-home] section.content-news div.other-news div.new p.date { color: #000000; font-size: 15px; line-height: 20px; margin-top: 8px; text-transform: capitalize; } div[data-cris-namespace=page-home] section.content-news div.highlight-new div.new h3 { font-size: 32px; line-height: 40px; } div[data-cris-namespace=page-home] section.content-news div.other-news div.new { margin-bottom: 48px; } div[data-cris-namespace=page-home] section.content-news div.other-news div.new:last-child { margin-bottom: 0; } /* --- Layouts > Responsive > Home --- Max-width: 1024px 1.0 - Top 2.0 - News Max-width: 768px 1.0 - Cloud 2.0 - Top 3.0 - News */ div[data-cris-namespace=page-home] { /* ---------------------------------------------- */ /* -- Max-width: 1024px ------------------------- */ /* ---------------------------------------------- */ /* ---------------------------------------------- */ /* -- Max-width: 768px -------------------------- */ /* ---------------------------------------------- */ } @media all and (max-width: 1024px) { div[data-cris-namespace=page-home] { /* ---------------------------------------------- */ /* -- 1.0 - Top --------------------------------- */ /* ---------------------------------------------- */ /* ---------------------------------------------- */ /* -- 2.0 - News -------------------------------- */ /* ---------------------------------------------- */ } div[data-cris-namespace=page-home] section.content-top h1 { font-size: 32px; line-height: 40px; } div[data-cris-namespace=page-home] section.content-top div.most-viewed { grid-column: 7/span 6; grid-row: 1; } div[data-cris-namespace=page-home] section.content-top div.background { margin-top: 16px; } div[data-cris-namespace=page-home] section.content-top div.brand-blocks div.block { grid-column: auto/span 6; } div[data-cris-namespace=page-home] section.content-news h2 { grid-column: 1/span 9; } } @media all and (max-width: 768px) { div[data-cris-namespace=page-home] { /* ---------------------------------------------- */ /* -- 1.0 - Cloud ------------------------------- */ /* ---------------------------------------------- */ /* ---------------------------------------------- */ /* -- 2.0 - Top --------------------------------- */ /* ---------------------------------------------- */ /* ---------------------------------------------- */ /* -- 3.0 - News -------------------------------- */ /* ---------------------------------------------- */ } div[data-cris-namespace=page-home] svg.cloud { width: 90%; } div[data-cris-namespace=page-home] section.content-top div.grid { row-gap: 40px; } div[data-cris-namespace=page-home] section.content-top h1 { grid-column: 1/span 4; } div[data-cris-namespace=page-home] section.content-top div.most-viewed { grid-column: 1/span 4; grid-row: 2; } div[data-cris-namespace=page-home] section.content-top div.background { display: none; } div[data-cris-namespace=page-home] section.content-top div.brand-blocks { margin-top: 0; } div[data-cris-namespace=page-home] section.content-news div.grid { grid-row-gap: 48px; } div[data-cris-namespace=page-home] section.content-news h2 { grid-column: 1/span 4; font-size: 32px; line-height: 40px; } div[data-cris-namespace=page-home] section.content-news div.highlight-new, div[data-cris-namespace=page-home] section.content-news div.other-news { grid-column: 1/span 4; } div[data-cris-namespace=page-home] section.content-news div.highlight-new div.new h3 { font-size: 24px; line-height: 32px; } } /* --- Pages > News --- 1.0 - Tags 2.0 - Load more */ div[data-cris-namespace=page-news] { /* ---------------------------------------------- */ /* -- 1.0 - Tags -------------------------------- */ /* ---------------------------------------------- */ /* ---------------------------------------------- */ /* -- 2.0 - Load more --------------------------- */ /* ---------------------------------------------- */ } div[data-cris-namespace=page-news] nav.tags { border-top: 1px solid #dcdcdc; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 80px; padding-top: 80px; } div[data-cris-namespace=page-news] nav.tags a { color: #000000; font-size: 24px; font-weight: 800; line-height: 40px; margin: 0 16px; opacity: 0.4; text-decoration: none; transition: opacity 0.3s ease; } div[data-cris-namespace=page-news] nav.tags a:hover, div[data-cris-namespace=page-news] nav.tags a.active { opacity: 1; } div[data-cris-namespace=page-news] nav.tags a.active { pointer-events: none; } div[data-cris-namespace=page-news] nav.tags a span { color: #000000; font-size: 12px; font-weight: 800; line-height: 16px; vertical-align: super; } div[data-cris-namespace=page-news] div.load-more { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 80px; } div[data-cris-namespace=page-news] div.load-more a:nth-child(2) { display: none; pointer-events: none; } div[data-cris-namespace=page-news] div.load-more a:nth-child(2) img { display: block; height: 20px; width: 20px; } div[data-cris-namespace=page-news] div.load-more a:nth-child(3) { display: none; pointer-events: none; } /* --- Layouts > Responsive > News --- Max-width: 768px 1.0 - Tags */ div[data-cris-namespace=page-news] { /* ---------------------------------------------- */ /* -- Max-width: 768px -------------------------- */ /* ---------------------------------------------- */ } @media all and (max-width: 768px) { div[data-cris-namespace=page-news] { /* ---------------------------------------------- */ /* -- 1.0 - Tags -------------------------------- */ /* ---------------------------------------------- */ } div[data-cris-namespace=page-news] nav.tags { flex-direction: column; text-align: center; } div[data-cris-namespace=page-news] nav.tags a { margin: 0; } } /* --- Pages > House --- 1.0 - Header 2.0 - Content 3.0 - Diagnostics 4.0 - Units 5.0 - Map 6.0 - Lightbox */ div[data-cris-namespace=page-house] { /* ---------------------------------------------- */ /* -- 1.0 - Header ------------------------------ */ /* ---------------------------------------------- */ /* ---------------------------------------------- */ /* -- 2.0 - Content ----------------------------- */ /* ---------------------------------------------- */ /* ---------------------------------------------- */ /* -- 3.0 - Diagnostics ------------------------- */ /* ---------------------------------------------- */ /* ---------------------------------------------- */ /* -- 4.0 - Units ------------------------------- */ /* ---------------------------------------------- */ /* ---------------------------------------------- */ /* -- 5.0 - Map --------------------------------- */ /* ---------------------------------------------- */ } div[data-cris-namespace=page-house] section.content-header { position: relative; } div[data-cris-namespace=page-house] section.content-header div.grid:first-of-type { left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 1; } div[data-cris-namespace=page-house] section.content-header div.grid:first-of-type nav.breadcrumb a { color: #ffffff; } div[data-cris-namespace=page-house] section.content-header div.grid:first-of-type nav.breadcrumb a:last-child { opacity: 1; } div[data-cris-namespace=page-house] section.content-header div.grid:first-of-type nav.breadcrumb i { background-color: #ffffff; } div[data-cris-namespace=page-house] section.content-header div.grid:first-of-type h1 { color: #ffffff; } div[data-cris-namespace=page-house] section.content-header div.grid:last-of-type { border-radius: 8px; overflow: hidden; position: relative; } div[data-cris-namespace=page-house] section.content-header div.grid:last-of-type:after { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); bottom: 0; content: ""; display: block; left: 0; opacity: 0.5; position: absolute; right: 0; top: 0; } div[data-cris-namespace=page-house] section.content-header div.grid:last-of-type img { aspect-ratio: 1312/600; display: block; grid-column: 1/span 12; height: auto; -o-object-fit: cover; object-fit: cover; width: 100%; } div[data-cris-namespace=page-house] section.content-header div.grid:last-of-type div.buttons { bottom: 24px; display: flex; gap: 8px; left: 24px; position: absolute; z-index: 1; } div[data-cris-namespace=page-house] section.content-header div.grid:last-of-type div.buttons > button { border: none; border-radius: 50%; cursor: pointer; display: flex; height: 56px; padding: 0; position: relative; transition: opacity 0.5s ease; width: 56px; } div[data-cris-namespace=page-house] section.content-header div.grid:last-of-type div.buttons > button:hover { opacity: 0.8; } div[data-cris-namespace=page-house] section.content-header div.grid:last-of-type div.buttons > button i { background-color: #000000; display: block; margin: auto; } div[data-cris-namespace=page-house] section.content-header div.grid:last-of-type div.buttons > button span { background-color: #000000; border-radius: 50%; color: #ffffff; font-size: 12px; height: 24px; line-height: 24px; position: absolute; width: 24px; right: 0; top: 0; transform: translateX(25%) translateY(-25%); } div[data-cris-namespace=page-house] section.content-house { margin-bottom: 80px; } div[data-cris-namespace=page-house] section.content-house div.description { grid-column: 2/span 5; } div[data-cris-namespace=page-house] section.content-house div.description div.lists { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 32px; } div[data-cris-namespace=page-house] section.content-house div.description div.lists[data-cols="1"] { grid-template-columns: repeat(1, 1fr); } div[data-cris-namespace=page-house] section.content-house div.description div.lists ul { margin-bottom: 0; } div[data-cris-namespace=page-house] section.content-house div.informations { grid-column: 8/span 4; } div[data-cris-namespace=page-house] section.content-house div.informations ul li { border-bottom: 1px solid #dcdcdc; color: #000000; font-size: 24px; font-weight: 800; line-height: 32px; padding: 24px 0; } div[data-cris-namespace=page-house] section.content-house div.informations ul li:first-letter { text-transform: uppercase; } div[data-cris-namespace=page-house] section.content-house div.informations ul li:first-child { border-top: 1px solid #dcdcdc; } div[data-cris-namespace=page-house] section.content-house div.informations ul li span { text-transform: uppercase; } div[data-cris-namespace=page-house] section.content-house div.informations div.buttons { display: flex; flex-wrap: wrap; margin-top: 24px; row-gap: 8px; } div[data-cris-namespace=page-house] section.content-house div.informations div.buttons a.button-primary, div[data-cris-namespace=page-house] section.content-house div.informations div.buttons button.button-tertiary, div[data-cris-namespace=page-house] section.content-house div.informations div.buttons a.button-tertiary { display: flex; justify-content: center; width: 100%; } div[data-cris-namespace=page-house] section.content-diagnostics { border-top: 1px solid #dcdcdc; margin-bottom: 80px; padding-top: 80px; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid { grid-row-gap: 80px; } div[data-cris-namespace=page-house] section.content-diagnostics h2 { color: #000000; font-size: 40px; font-weight: 800; grid-column: 1/span 6; line-height: 48px; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div { grid-column: auto/span 4; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div:first-of-type { grid-column-start: 1; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div p { color: #000000; font-size: 15px; font-weight: 800; line-height: 20px; margin-bottom: 24px; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div > span { color: #000000; font-size: 15px; line-height: 20px; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div div.graphic { counter-reset: counter; margin: 16px 0; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div div.graphic.dpe div:nth-child(1) span { background-color: #00a774; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div div.graphic.dpe div:nth-child(2) span { background-color: #08ba54; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div div.graphic.dpe div:nth-child(3) span { background-color: #4ac47b; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div div.graphic.dpe div:nth-child(4) span { background-color: #fceC01; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div div.graphic.dpe div:nth-child(5) span { background-color: #ffbc00; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div div.graphic.dpe div:nth-child(6) span { background-color: #fe872f; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div div.graphic.dpe div:nth-child(7) span { background-color: #ec0219; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div div.graphic.ges div:nth-child(1) span { background-color: #f6edfe; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div div.graphic.ges div:nth-child(2) span { background-color: #e4c7fb; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div div.graphic.ges div:nth-child(3) span { background-color: #d2adf1; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div div.graphic.ges div:nth-child(4) span { background-color: #c99aef; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div div.graphic.ges div:nth-child(5) span { background-color: #b77ae9; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div div.graphic.ges div:nth-child(6) span { background-color: #a659e9; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div div.graphic.ges div:nth-child(7) span { background-color: #8835d9; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div div.graphic div { counter-increment: counter; display: flex; flex-wrap: wrap; margin-bottom: 4px; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div div.graphic div:last-child { margin-bottom: 0; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div div.graphic div:nth-child(1) span { width: 80px; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div div.graphic div:nth-child(2) span { width: 110px; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div div.graphic div:nth-child(3) span { width: 140px; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div div.graphic div:nth-child(4) span { width: 170px; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div div.graphic div:nth-child(5) span { width: 200px; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div div.graphic div:nth-child(6) span { width: 230px; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div div.graphic div:nth-child(7) span { width: 260px; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div div.graphic div:nth-child(8) span { width: 290px; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div div.graphic div:before { align-self: center; color: #000000; content: counter(counter, lower-alpha); display: block; font-size: 15px; font-weight: 800; line-height: 20px; margin-right: 8px; text-transform: uppercase; width: 16px; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div div.graphic div span { border-radius: 4px; box-sizing: border-box; color: #ffffff; display: block; font-size: 15px; line-height: 20px; padding: 6px 8px; position: relative; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div div.graphic div span.active i { display: block; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div div.graphic div span i { background-color: #ffffff; display: none; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); } div[data-cris-namespace=page-house] section.content-units { border-top: 1px solid #dcdcdc; margin-bottom: 80px; padding-top: 80px; } div[data-cris-namespace=page-house] section.content-units div.grid { grid-row-gap: 80px; } div[data-cris-namespace=page-house] section.content-units h2 { color: #000000; font-size: 40px; font-weight: 800; grid-column: 1/span 6; line-height: 48px; } div[data-cris-namespace=page-house] section.content-units div.units { grid-column: 1/span 12; } div[data-cris-namespace=page-house] section.content-units div.units > button { cursor: pointer; margin-bottom: 48px; } div[data-cris-namespace=page-house] section.content-units div.units div.units-part { margin-bottom: 32px; } div[data-cris-namespace=page-house] section.content-units div.units div.units-part:last-of-type { margin-bottom: 0; } div[data-cris-namespace=page-house] section.content-units div.units div.units-part h3 { align-items: center; color: #000000; cursor: pointer; display: flex; font-size: 24px; font-weight: 800; line-height: 32px; width: -moz-fit-content; width: fit-content; } div[data-cris-namespace=page-house] section.content-units div.units div.units-part h3 i { background-color: #000000; margin-right: 8px; } div[data-cris-namespace=page-house] section.content-units div.units div.units-part h3 + div { display: none; -webkit-overflow-scrolling: touch; overflow-x: auto; padding: 24px 0 16px 0; } div[data-cris-namespace=page-house] section.content-units div.units div.units-part h3 + div table { min-width: 1024px; width: 100%; } div[data-cris-namespace=page-house] section.content-units div.units div.units-part h3 + div table tbody { border-top: 1px solid #dcdcdc; } div[data-cris-namespace=page-house] section.content-units div.units div.units-part h3 + div table tbody tr { background-color: #ffffff; } div[data-cris-namespace=page-house] section.content-units div.units div.units-part h3 + div table tbody tr:nth-of-type(even) { background-color: #f8f8f8; } div[data-cris-namespace=page-house] section.content-units div.units div.units-part h3 + div table tbody tr td { color: #000000; font-size: 15px; height: 84px; line-height: 20px; vertical-align: middle; } div[data-cris-namespace=page-house] section.content-units div.units div.units-part h3 + div table tbody tr td > span { display: block; } div[data-cris-namespace=page-house] section.content-units div.units div.units-part h3 + div table tbody tr td:nth-child(1) { padding: 16px 32px 16px 16px; position: relative; } div[data-cris-namespace=page-house] section.content-units div.units div.units-part h3 + div table tbody tr td:nth-child(1):after { background-color: #dcdcdc; bottom: 16px; content: ""; display: block; position: absolute; right: 0; top: 16px; width: 1px; } div[data-cris-namespace=page-house] section.content-units div.units div.units-part h3 + div table tbody tr td:nth-child(1) > span:nth-child(1) { color: #aaaaaa; } div[data-cris-namespace=page-house] section.content-units div.units div.units-part h3 + div table tbody tr td:nth-child(1) > span:nth-child(2), div[data-cris-namespace=page-house] section.content-units div.units div.units-part h3 + div table tbody tr td:nth-child(1) > span:nth-child(3) { color: #000000; margin-top: 4px; } div[data-cris-namespace=page-house] section.content-units div.units div.units-part h3 + div table tbody tr td:nth-child(1) > span span:not(.tag) { font-size: 20px; font-weight: 800; } div[data-cris-namespace=page-house] section.content-units div.units div.units-part h3 + div table tbody tr td:nth-child(2) { padding: 16px 16px 16px 32px; } div[data-cris-namespace=page-house] section.content-units div.units div.units-part h3 + div table tbody tr td:nth-child(3) { text-align: right; padding: 16px; } div[data-cris-namespace=page-house] section.content-units div.units p { color: #555555; font-size: 16px; line-height: 24px; margin-top: 48px; } div[data-cris-namespace=page-house] section.content-map { border-top: 1px solid #dcdcdc; margin-bottom: 80px; padding-top: 80px; } div[data-cris-namespace=page-house] section.content-map div.grid { grid-row-gap: 80px; } div[data-cris-namespace=page-house] section.content-map div.grid h2 { color: #000000; font-size: 40px; font-weight: 800; grid-column: 1/span 6; line-height: 48px; } div[data-cris-namespace=page-house] section.content-map div.grid > div { grid-column: 1/span 12; } div[data-cris-namespace=page-house] section.content-map div.grid > div p { color: #555555; font-size: 16px; line-height: 24px; margin-bottom: 24px; } div[data-cris-namespace=page-house] section.content-map div.grid > div div#map { border-radius: 8px; height: 528px; overflow: hidden; z-index: 0; } div[data-cris-namespace=page-house] section.content-map div.grid > div div#map a.pin { background-color: #000000; border-radius: 50%; display: block; height: 180px; opacity: 0.4; width: 180px; } /* ---------------------------------------------- */ /* -- 6.0 - Lightbox ---------------------------- */ /* ---------------------------------------------- */ a.chocolat-image { display: none; } div.chocolat-wrapper div.chocolat-overlay { background-color: #000000; opacity: 1; } div.chocolat-wrapper div.chocolat-loader { display: none; } div.chocolat-wrapper div.chocolat-layout div.chocolat-top { height: 88px; position: relative; } div.chocolat-wrapper div.chocolat-layout div.chocolat-top span.chocolat-pagination, div.chocolat-wrapper div.chocolat-layout div.chocolat-top span.chocolat-fullscreen { display: none; } div.chocolat-wrapper div.chocolat-layout div.chocolat-top span.chocolat-close { background-color: #ffffff; background-image: none; height: 24px; -webkit-mask: url("../images/24x24/close.svg"); mask: url("../images/24x24/close.svg"); right: 32px; top: 32px; width: 24px; } div.chocolat-wrapper div.chocolat-layout div.chocolat-bottom { background: none; height: 88px; padding: 0; } div.chocolat-wrapper div.chocolat-layout div.chocolat-bottom span.chocolat-description, div.chocolat-wrapper div.chocolat-layout div.chocolat-bottom span.chocolat-pagination, div.chocolat-wrapper div.chocolat-layout div.chocolat-bottom span.chocolat-set-title, div.chocolat-wrapper div.chocolat-layout div.chocolat-bottom span.chocolat-fullscreen { display: none; } div.chocolat-wrapper div.chocolat-layout div.chocolat-center { margin: auto; width: calc(100% - 64px); } div.chocolat-wrapper div.chocolat-layout div.chocolat-center div.chocolat-left, div.chocolat-wrapper div.chocolat-layout div.chocolat-center div.chocolat-right { background-color: #ffffff; background-image: none; height: 24px; width: 24px; } div.chocolat-wrapper div.chocolat-layout div.chocolat-center div.chocolat-left { -webkit-mask: url("../images/24x24/arrow-left.svg"); mask: url("../images/24x24/arrow-left.svg"); } div.chocolat-wrapper div.chocolat-layout div.chocolat-center div.chocolat-right { -webkit-mask: url("../images/24x24/arrow-right.svg"); mask: url("../images/24x24/arrow-right.svg"); } div.chocolat-wrapper div.chocolat-layout div.chocolat-center div.chocolat-image-canvas { margin: 0 32px; } div.chocolat-wrapper div.chocolat-layout div.chocolat-center div.chocolat-image-canvas div.chocolat-image-wrapper img.chocolat-img { border-radius: 8px; overflow: hidden; } div.lightbox { bottom: 0; display: flex; left: 0; opacity: 0; position: fixed; right: 0; top: 0; transition: opacity 0.4s ease, visibility 0s 0.4s ease; visibility: hidden; z-index: 100; } div.lightbox.active { opacity: 1; transition: opacity 0.4s, visibility 0s; visibility: visible; } div.lightbox span { background-color: #ffffff; cursor: pointer; display: block; height: 24px; -webkit-mask: url("../images/24x24/close.svg"); mask: url("../images/24x24/close.svg"); position: absolute; right: 32px; top: 32px; width: 24px; } div.lightbox div.overlay { background-color: #000000; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: -1; } div.lightbox div.iframe { border-radius: 8px; height: 70%; margin: auto; overflow: hidden; position: relative; width: 80%; } div.lightbox div.iframe iframe { display: block; height: 100%; width: 100%; } div.lightbox div.iframe div[data-hide-on-vendor-consent] { bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; } div.lightbox div.iframe div[data-hide-on-vendor-consent] div.grid { grid-template-columns: repeat(8, 1fr); height: 100%; } div.lightbox div.iframe div[data-hide-on-vendor-consent] p { color: #000000; font-size: 16px; grid-column: 2/span 6; line-height: 24px; margin-bottom: 24px; margin-top: auto; position: relative; text-align: center; z-index: 1; } div.lightbox div.iframe div[data-hide-on-vendor-consent] button { cursor: pointer; grid-column: 2/span 6; margin: 0 auto auto auto; position: relative; width: -moz-fit-content; width: fit-content; z-index: 1; } /* --- Layouts > Responsive > House --- Max-width: 1200px 1.0 - Content 2.0 - Diagnostics Max-width: 1024px 1.0 - Header 2.0 - Content 3.0 - Diagnostics 4.0 - Units 5.0 - Map Max-width: 768px 1.0 - Header 2.0 - Content 3.0 - Diagnostics 4.0 - Units 5.0 - Map 6.0 - Lightbox */ div[data-cris-namespace=page-house] { /* ---------------------------------------------- */ /* -- Max-width: 1200px ------------------------- */ /* ---------------------------------------------- */ /* ---------------------------------------------- */ /* -- Max-width: 1024px ------------------------- */ /* ---------------------------------------------- */ /* ---------------------------------------------- */ /* -- Max-width: 768px -------------------------- */ /* ---------------------------------------------- */ } @media all and (max-width: 1200px) { div[data-cris-namespace=page-house] { /* ---------------------------------------------- */ /* -- 1.0 - Content ----------------------------- */ /* ---------------------------------------------- */ /* ---------------------------------------------- */ /* -- 2.0 - Diagnostics ------------------------- */ /* ---------------------------------------------- */ } div[data-cris-namespace=page-house] section.content-house div.description { grid-column: 1/span 7; } div[data-cris-namespace=page-house] section.content-house div.informations { grid-column: 9/span 4; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div { grid-column: auto/span 5; } } @media all and (max-width: 1024px) { div[data-cris-namespace=page-house] { /* ---------------------------------------------- */ /* -- 1.0 - Header ------------------------------ */ /* ---------------------------------------------- */ /* ---------------------------------------------- */ /* -- 2.0 - Content ----------------------------- */ /* ---------------------------------------------- */ /* ---------------------------------------------- */ /* -- 3.0 - Diagnostics ------------------------- */ /* ---------------------------------------------- */ /* ---------------------------------------------- */ /* -- 4.0 - Units ------------------------------- */ /* ---------------------------------------------- */ /* ---------------------------------------------- */ /* -- 5.0 - Map --------------------------------- */ /* ---------------------------------------------- */ } div[data-cris-namespace=page-house] section.content-header div.grid:last-of-type img { aspect-ratio: 1312/800; } div[data-cris-namespace=page-house] section.content-house div.description { grid-column: 1/span 6; } div[data-cris-namespace=page-house] section.content-house div.description div.lists { grid-template-columns: repeat(1, 1fr); } div[data-cris-namespace=page-house] section.content-house div.description div.lists ul:first-of-type { margin-bottom: 8px; } div[data-cris-namespace=page-house] section.content-house div.informations { grid-column: 8/span 5; } div[data-cris-namespace=page-house] section.content-diagnostics h2 { grid-column: 1/span 9; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div { grid-column: auto/span 6; } div[data-cris-namespace=page-house] section.content-units h2 { grid-column: 1/span 9; } div[data-cris-namespace=page-house] section.content-map div.grid h2 { grid-column: 1/span 9; } } @media all and (max-width: 768px) { div[data-cris-namespace=page-house] { /* ---------------------------------------------- */ /* -- 1.0 - Header ------------------------------ */ /* ---------------------------------------------- */ /* ---------------------------------------------- */ /* -- 2.0 - Content ----------------------------- */ /* ---------------------------------------------- */ /* ---------------------------------------------- */ /* -- 3.0 - Diagnostics ------------------------- */ /* ---------------------------------------------- */ /* ---------------------------------------------- */ /* -- 4.0 - Units ------------------------------- */ /* ---------------------------------------------- */ /* ---------------------------------------------- */ /* -- 5.0 - Map --------------------------------- */ /* ---------------------------------------------- */ } div[data-cris-namespace=page-house] section.content-header div.grid:first-of-type nav.breadcrumb { margin-left: auto; margin-right: auto; width: calc(100% - 48px); } div[data-cris-namespace=page-house] section.content-header div.grid:first-of-type h1 { margin-left: auto; margin-right: auto; width: calc(100% - 48px); } div[data-cris-namespace=page-house] section.content-header div.grid:last-of-type img { aspect-ratio: 336/504; } div[data-cris-namespace=page-house] section.content-house div.description { grid-column: 1/span 4; margin-bottom: 48px; } div[data-cris-namespace=page-house] section.content-house div.informations { grid-column: 1/span 4; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid { grid-row-gap: 48px; } div[data-cris-namespace=page-house] section.content-diagnostics h2 { font-size: 32px; grid-column: 1/span 4; line-height: 40px; } div[data-cris-namespace=page-house] section.content-diagnostics div.grid > div { grid-column: auto/span 4; } div[data-cris-namespace=page-house] section.content-units div.grid { grid-row-gap: 48px; } div[data-cris-namespace=page-house] section.content-units h2 { font-size: 32px; grid-column: 1/span 4; line-height: 40px; } div[data-cris-namespace=page-house] section.content-units div.units { grid-column: 1/span 4; } div[data-cris-namespace=page-house] section.content-map div.grid { grid-row-gap: 48px; } div[data-cris-namespace=page-house] section.content-map div.grid h2 { font-size: 32px; grid-column: 1/span 4; line-height: 40px; } div[data-cris-namespace=page-house] section.content-map div.grid > div { grid-column: 1/span 4; } div[data-cris-namespace=page-house] section.content-map div.grid > div div#map { height: 400px; } } /* ---------------------------------------------- */ /* -- 6.0 - Lightbox ---------------------------- */ /* ---------------------------------------------- */ @media all and (max-width: 500px) { div.chocolat-wrapper div.chocolat-layout div.chocolat-center { width: calc(100% - 16px); } div.chocolat-wrapper div.chocolat-layout div.chocolat-center div.chocolat-image-canvas { margin: 0 8px; } } /* --- Pages > 404 --- 1.0 - Global */ div[data-cris-namespace="404"] { animation: rainbow 5s infinite alternate; /* ---------------------------------------------- */ /* -- 1.0 - Global ------------------------------ */ /* ---------------------------------------------- */ } div[data-cris-namespace="404"] section.content-404 { display: flex; flex-direction: column; height: 100vh; justify-content: center; } div[data-cris-namespace="404"] section.content-404 h1 { color: #000000; font-size: 24px; font-weight: 800; line-height: 32px; margin-bottom: 40px; text-align: center; } div[data-cris-namespace="404"] section.content-404 a.button-primary { margin: 0 auto; }