.mapboxgl-map{font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative;-webkit-tap-highlight-color:rgb(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:-webkit-grab;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:-webkit-grabbing;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;-webkit-transform:translate(0);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 rgb(0 0 0/10%)}@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;overflow:hidden}.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 rgb(0 150 255/100%)}.mapboxgl-ctrl button:disabled{cursor:not-allowed}.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25}.mapboxgl-ctrl-group button:first-child{border-radius:4px 4px 0 0}.mapboxgl-ctrl-group button:last-child{border-radius:0 0 4px 4px}.mapboxgl-ctrl-group button:only-child{border-radius:inherit}.mapboxgl-ctrl button:not(:disabled):hover{background-color:rgb(0 0 0/5%)}.mapboxgl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px rgb(0 150 255/100%)}.mapboxgl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.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{-webkit-animation:mapboxgl-spin 2s linear infinite;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")}}@-webkit-keyframes mapboxgl-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes mapboxgl-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);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:rgb(255 255 255/50%);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:rgb(255 255 255/50%);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:rgb(0 0 0/5%)}.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:rgb(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:rgb(255 255 255/75%);font-size:10px;border:2px solid #333;border-top:#333;padding:0 5px;color:#333;box-sizing:border-box;white-space:nowrap}.mapboxgl-popup{position:absolute;top:0;left:0;display:-webkit-box;display:flex;will-change:transform;pointer-events:none}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{-webkit-box-orient:vertical;-webkit-box-direction:reverse;flex-direction:column-reverse}.mapboxgl-popup-anchor-left{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.mapboxgl-popup-anchor-right{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;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:rgb(0 0 0/5%)}.mapboxgl-popup-content{position:relative;background:#fff;border-radius:3px;box-shadow:0 1px 2px rgb(0 0 0/10%);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:-webkit-box;display:flex}.mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none}.mapboxgl-marker{position:absolute;top:0;left:0;will-change:transform;opacity:1;-webkit-transition:opacity .2s;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;-webkit-animation:mapboxgl-user-location-dot-pulse 2s infinite;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 rgb(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;-webkit-transform:translateY(-28px) skewY(-20deg);transform:translateY(-28px) skewY(-20deg)}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after{border-right:7.5px solid transparent;-webkit-transform:translate(7.5px,-28px) skewY(20deg);transform:translate(7.5px,-28px) skewY(20deg)}@-webkit-keyframes mapboxgl-user-location-dot-pulse{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}70%{-webkit-transform:scale(3);transform:scale(3);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes mapboxgl-user-location-dot-pulse{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}70%{-webkit-transform:scale(3);transform:scale(3);opacity:0}to{-webkit-transform:scale(1);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}}.mapboxgl-scroll-zoom-blocker,.mapboxgl-touch-pan-blocker{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;-webkit-box-pack:center;justify-content:center;text-align:center;position:absolute;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0/70%);opacity:0;pointer-events:none;-webkit-transition:opacity .75s ease-in-out;transition:opacity .75s ease-in-out;-webkit-transition-delay:1s;transition-delay:1s}.mapboxgl-scroll-zoom-blocker-show,.mapboxgl-touch-pan-blocker-show{opacity:1;-webkit-transition:opacity .1s ease-in-out;transition:opacity .1s ease-in-out}.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas{touch-action:pan-x pan-y} /*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */ /* Document (https://html.spec.whatwg.org/multipage/semantics.html#semantics) ========================================================================== */ /** * 1. Remove repeating backgrounds in all browsers (opinionated). * 2. Add box sizing inheritence in all browsers (opinionated). */ *, ::before, ::after { background-repeat: no-repeat; /* 1 */ box-sizing: inherit; /* 2 */ } /** * 1. Add text decoration inheritance in all browsers (opinionated). * 2. Add vertical alignment inheritence in all browsers (opinionated). */ ::before, ::after { text-decoration: inherit; /* 1 */ vertical-align: inherit; /* 2 */ } /** * 1. Add border box sizing in all browsers (opinionated). * 2. Add the default cursor in all browsers (opinionated). * 3. Prevent font size adjustments after orientation changes in IE and iOS. */ html { box-sizing: border-box; /* 1 */ cursor: default; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ } /* Sections (https://html.spec.whatwg.org/multipage/semantics.html#sections) ========================================================================== */ /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: .67em 0; } /* Grouping content (https://html.spec.whatwg.org/multipage/semantics.html#grouping-content) ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * Remove the list style on navigation lists in all browsers (opinionated). */ nav ol, nav ul { list-style: none; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics (https://html.spec.whatwg.org/multipage/semantics.html#text-level-semantics) ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ffff00; color: #000000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } /* * Remove the text shadow on text selections (opinionated). * 1. Restore the coloring undone by defining the text shadow (opinionated). */ ::-moz-selection { background-color: #b3d4fc; /* 1 */ color: #000000; /* 1 */ text-shadow: none; } ::selection { background-color: #b3d4fc; /* 1 */ color: #000000; /* 1 */ text-shadow: none; } /* Embedded content (https://html.spec.whatwg.org/multipage/embedded-content.html#embedded-content) ========================================================================== */ /* * Change the alignment on media elements in all browers (opinionated). */ audio, canvas, iframe, img, svg, video { vertical-align: middle; } /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Change the fill color to match the text color in all browsers (opinionated). */ svg { fill: currentColor; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Tabular data (https://html.spec.whatwg.org/multipage/tables.html#tables) ========================================================================== */ /** * Collapse border spacing */ table { border-collapse: collapse; } /* Forms (https://html.spec.whatwg.org/multipage/forms.html#forms) ========================================================================== */ /** * Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { margin: 0; } /** * Inherit styling in all browsers (opinionated). */ button, input, select, textarea { color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], /* 1 */ [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * 1. Remove the default vertical scrollbar in IE. * 2. Change the resize direction on textareas in all browsers (opinionated). */ textarea { overflow: auto; /* 1 */ resize: vertical; /* 2 */ } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive elements (https://html.spec.whatwg.org/multipage/forms.html#interactive-elements) ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, /* 1 */ menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting (https://html.spec.whatwg.org/multipage/scripting.html#scripting-3) ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* User interaction (https://html.spec.whatwg.org/multipage/interaction.html#editing) ========================================================================== */ /* * Remove the tapping delay on clickable elements (opinionated). * 1. Remove the tapping delay in IE 10. */ a, area, button, input, label, select, summary, textarea, [tabindex] { /* 1 */ touch-action: manipulation; } /** * Add the correct display in IE 10-. */ [hidden] { display: none; } /* ARIA (https://w3c.github.io/html-aria/) ========================================================================== */ /** * Change the cursor on busy elements (opinionated). */ [aria-busy="true"] { cursor: progress; } /* * Change the cursor on control elements (opinionated). */ [aria-controls] { cursor: pointer; } /* * Change the display on visually hidden accessible elements (opinionated). */ [aria-hidden="false"][hidden]:not(:focus) { clip: rect(0, 0, 0, 0); display: inherit; position: absolute; } /* * Change the cursor on disabled, not-editable, or otherwise * inoperable elements (opinionated). */ [aria-disabled] { cursor: default; } @charset "UTF-8"; /** THE ORDER OF STUFF // ITCSS ---------------------------------------------- See: https://www.xfive.co/blog/itcss-scalable-maintainable-css-architecture/ http://www.creativebloq.com/web-design/manage-large-css-projects-itcss-101517528 ---------------------------------------------- Settings – used with preprocessors and contain font, colors definitions, etc. Tools – globally used mixins and functions. It’s important not to output any CSS in the first 2 layers. Generic – reset and/or normalize styles, box-sizing definition, etc. This is the first layer which generates actual CSS. Elements – styling for bare HTML elements (like H1, A, etc.). These come with default styling from the browser so we can redefine them here. Objects – class-based selectors which define undecorated design patterns, for example media object known from OOCSS Components – specific UI components. This is where majority of our work takes place and our UI components are often composed of Objects and Components Utilities – utilities and helper classes with ability to override anything which goes before in the triangle, eg. hide helper class */ /* stylelint-disable */ /* stylelint-enable */ /* open-sans-regular - latin */ @font-face { font-family: "Open Sans"; font-display: swap; font-style: normal; font-weight: 400; src: local(""), url("../fonts/open-sans-v29-latin-regular.woff2") format("woff2"), url("../fonts/open-sans-v29-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-600 - latin */ @font-face { font-family: "Open Sans"; font-display: swap; font-style: normal; font-weight: 600; src: local(""), url("../fonts/open-sans-v29-latin-600.woff2") format("woff2"), url("../fonts/open-sans-v29-latin-600.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-700 - latin */ @font-face { font-family: "Open Sans"; font-display: swap; font-style: normal; font-weight: 700; src: local(""), url("../fonts/open-sans-v29-latin-700.woff2") format("woff2"), url("../fonts/open-sans-v29-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-800 - latin */ @font-face { font-family: "Open Sans"; font-display: swap; font-style: normal; font-weight: 800; src: local(""), url("../fonts/open-sans-v29-latin-800.woff2") format("woff2"), url("../fonts/open-sans-v29-latin-800.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* ubuntu-regular - latin */ @font-face { font-family: "Ubuntu"; font-display: swap; font-style: normal; font-weight: 400; src: local(""), url("../fonts/ubuntu-v20-latin-regular.woff2") format("woff2"), url("../fonts/ubuntu-v20-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* ubuntu-500 - latin */ @font-face { font-family: "Ubuntu"; font-display: swap; font-style: normal; font-weight: 500; src: local(""), url("../fonts/ubuntu-v20-latin-500.woff2") format("woff2"), url("../fonts/ubuntu-v20-latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* ubuntu-700 - latin */ @font-face { font-family: "Ubuntu"; font-display: swap; font-style: normal; font-weight: 700; src: local(""), url("../fonts/ubuntu-v20-latin-700.woff2") format("woff2"), url("../fonts/ubuntu-v20-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } *, *:before, *:after { box-sizing: border-box; margin: 0; padding: 0; vertical-align: baseline; } html { font-size: 10px; line-height: 2.4; } body { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; background: #94A3B8; } img, svg { max-width: 100%; height: auto; vertical-align: middle; } body:after { display: none; content: "ultrawide"; } @media (min-width: 20em) and (max-width: 34.365em) { body:after { content: "mobile"; } } @media (min-width: 34.375em) and (max-width: 46.24em) { body:after { content: "phablet"; } } @media (min-width: 46.25em) and (max-width: 61.24em) { body:after { content: "tablet"; } } @media (min-width: 61.25em) and (max-width: 89.99em) { body:after { content: "desktop"; } } @media (min-width: 90em) and (max-width: 119.99em) { body:after { content: "wide"; } } .text { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; font-size: 1.6666666667rem; line-height: 2.5rem; color: #4B4B4D; } .text--strike { text-decoration: line-through; } .text--small { font-size: 1.25rem; } body { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; font-size: 1.6666666667rem; line-height: 2.5rem; color: #4B4B4D; } h1, h2, h3, h4, h5, h6 { margin-top: 0; font-weight: 400; } .alpha { font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; font-size: 34px; font-weight: 500; line-height: 39px; letter-spacing: 0; color: #00829B; } @media (max-width: 58.74em) { .alpha { font-size: 34px; line-height: 1.15; } } .beta { font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; font-size: 18px; font-weight: 700; line-height: 24px; letter-spacing: 0; margin-bottom: 8px; } .gamma { font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; font-size: 2.5rem; line-height: 2.5rem; } .delta { font-weight: 600; color: #4B4B4D; font-size: 1.6666666667rem; line-height: 2.5rem; } p { margin-top: 0; } .button { font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; text-decoration: none; cursor: pointer; text-align: center; padding: 8px 30px 8px; background: #EBEFF4; color: #4B4B4D; font-size: 16px; line-height: 22.4px; border: none; border-radius: 30px; display: inline-block; } .button.grey { background: #94A3B8; color: #fff; } .button.brand { background: #00829B; color: #fff; } .button.orange { background: #F08303; color: #fff; } .button.tag { background: #E2E8F0; border-radius: 20px; padding: 6px 12px; font-weight: 400; font-size: 14px; line-height: 20px; } .button.tag.no-button:hover { background: inherit; color: #4B4B4D; cursor: inherit; } .button .icon { width: 32px; height: 32px; } .button-center { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; margin-top: 30px; } .content:not(:last-child) { margin-bottom: 1.5rem; } .content li + li { margin-top: 0.25em; } .content p:not(:last-child), .content dl:not(:last-child), .content ol:not(:last-child), .content ul:not(:last-child), .content blockquote:not(:last-child), .content pre:not(:last-child), .content table:not(:last-child) { margin-bottom: 1em; } .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { color: #4B4B4D; line-height: 1.125; } .content h1 { font-size: 2em; margin-bottom: 0.5em; } .content h1:not(:first-child) { margin-top: 1em; } .content h2 { font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; font-size: 18px; font-weight: 700; line-height: 24px; letter-spacing: 0; margin-bottom: 8px; } .content h2:not(:first-child) { margin-top: 2.5rem; } .content h3 { font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; font-size: 2.5rem; line-height: 2.5rem; margin-bottom: 2.5rem; } .content h3:not(:first-child) { margin-top: 2.5rem; } .content h4 { font-weight: 600; color: #4B4B4D; font-size: 1.6666666667rem; line-height: 2.5rem; } .content h5 { font-size: 1.125em; margin-bottom: 0.8888em; } .content h6 { font-size: 1em; margin-bottom: 1em; } .content blockquote { border-left: 5px solid; padding: 1.25em 1.5em; } .content ol { list-style: decimal outside; margin-left: 2em; margin-top: 1em; } .content ul { list-style: disc outside; margin-left: 2em; margin-top: 1em; } .content ul ul { list-style-type: circle; margin-top: 0.5em; } .content ul ul ul { list-style-type: square; } .content dd { margin-left: 2em; } .content figure { text-align: center; } .content figure img { display: inline-block; } .content figure figcaption { font-style: italic; } .content pre { -webkit-overflow-scrolling: touch; overflow-x: auto; padding: 1.25em 1.5em; white-space: pre; word-wrap: normal; } .content sup, .content sub { font-size: 70%; } .content table { width: 100%; } .content table td, .content table th { border: 1px solid; border-width: 0 0 1px; padding: 0.5em 0.75em; vertical-align: top; } .content table th { color: #4B4B4D; text-align: left; } .content table thead td, .content table thead th { border-width: 0 0 2px; color: #4B4B4D; } .content table tfoot td, .content table tfoot th { border-width: 2px 0 0; color: #4B4B4D; } .content table tbody tr:last-child td, .content table tbody tr:last-child th { border-bottom-width: 0; } input, textarea, select, button { font-family: inherit; outline-offset: -1px; } input:focus, textarea:focus, select:focus, button:focus { outline-offset: -2px; outline-width: 2px; outline-color: #4B4B4D; } input.has-error, textarea.has-error, select.has-error, button.has-error { outline-offset: -2px; outline-width: 2px; } button { cursor: pointer; } .form__fieldgroup { display: block; margin-bottom: 2.5rem; } .form__label { font-size: 14px; display: block; } .form__input { line-height: 5rem; height: 5rem; width: 100%; padding: 0 1.25rem; outline: 1px solid; border: 0; } a { color: #3AAAB6; text-decoration: underline; } a.link--text { text-decoration: none; } a.link--text:hover, a.link--text:active, a.link--text:focus { text-decoration: underline; } .list--no-style { list-style: none; } .list--no-style li { list-style: none; } li { list-style-position: inside; } figure { margin: 0; } figure img { border-radius: 10px; margin-bottom: 16px; } .icon { width: 5rem; height: 5rem; display: inline-block; vertical-align: middle; } .icon svg { max-width: 100%; height: auto; display: block; } .icon.is-rounded { border-radius: 50%; } .icon.is-big { width: 7.5rem; height: 7.5rem; } .icon.is-big svg { width: 100%; } .icon.is-medium { width: 3.75rem; height: 3.75rem; } .icon.is-small { width: 2.5rem; height: 2.5rem; } .icon--warning { vertical-align: top; } .table-wrapper { position: relative; width: 100%; } .table-wrapper__inner { overflow: auto; width: 100%; } .content table { width: 100%; } .content table.is-header-position--2 th, .content table.is-header-position--2 td { text-align: left; } .content table.is-header-position--2 th { white-space: nowrap; } .content table.is-header-position--2 td { min-width: 10rem; } .content table.is-header-position--2 td:last-child { width: 99%; } .content table.has-overflow-left:before { content: ""; display: block; position: absolute; left: 0; top: 0; height: 100%; width: 2.5rem; background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#40000000", endColorstr="#00000000", GradientType=1); /* IE6-9 */ } .content table.has-overflow-right:after { content: ""; display: block; position: absolute; right: 0; top: 0; height: 100%; width: 2.5rem; background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#40000000", GradientType=1); /* IE6-9 */ } .table__legend { font-weight: normal; } .table-row { border: 1px solid; } .table-data { padding: 5px; width: 150px; } .table-data:not(:last-child) { border-right: 1px solid; } .delete { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -moz-appearance: none; -webkit-appearance: none; background-color: rgba(75, 75, 77, 0.2); border: none; border-radius: 290486px; cursor: pointer; display: inline-block; height: 20px; max-height: 20px; max-width: 20px; min-height: 20px; min-width: 20px; outline: none; position: relative; vertical-align: top; width: 20px; } .delete:before, .delete:after { content: ""; display: block; left: 50%; position: absolute; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); -webkit-transform-origin: center center; transform-origin: center center; } .delete:before { height: 2px; width: 50%; } .delete:after { height: 50%; width: 2px; } .delete:hover, .delete:focus { background-color: rgba(75, 75, 77, 0.3); } .delete:active { background-color: rgba(75, 75, 77, 0.4); } .delete.is-small { height: 16px; max-height: 16px; max-width: 16px; min-height: 16px; min-width: 16px; width: 16px; } .delete.is-medium { height: 24px; max-height: 24px; max-width: 24px; min-height: 24px; min-width: 24px; width: 24px; } .delete.is-large { height: 32px; max-height: 32px; max-width: 32px; min-height: 32px; min-width: 32px; width: 32px; } /*-----------------------------------*\ $TOAST-GRID An insane grid. You'd be mad to use it. Usage ===== Assuming default values:
A half-width column.
A quarter, pulled left by its own width. You get this, right?
Customisation ============= $toast-grid-namespace and $toast-grid-column-namespace adjusts the class names for the grid. With default values, grid wrappers have a class of '.grid' and columns '.grid__col'. $toast-col-groups(n) adjusts column divisions. For example, $toast-col-groups(12) will produce a 12-column grid. $col-groups(3,6,8) will produce a 3-, 6-, and 8-column grid. $toast-gutter-width is—you guessed it—the gutter width. Accepts any unit. That's it. Have fun. \*-----------------------------------*/ .grid { list-style: none; margin-left: -2.5rem; } @media (max-width: 46.24em) { .grid { margin-left: -1.25rem; } } .grid__col--12-of-12, .grid__col--8-of-8, .grid__col--6-of-6, .grid__col--5-of-5, .grid__col--4-of-4, .grid__col--3-of-3, .grid__col--2-of-2, .grid__col--1-of-1 { width: 100%; } .grid__col--6-of-12, .grid__col--4-of-8, .grid__col--3-of-6, .grid__col--2-of-4, .grid__col--1-of-2 { width: 50%; } .grid__col--4-of-12, .grid__col--2-of-6, .grid__col--1-of-3 { width: 33.3333333333%; } .grid__col--8-of-12, .grid__col--4-of-6, .grid__col--2-of-3 { width: 66.6666666667%; } .grid__col--3-of-12, .grid__col--2-of-8, .grid__col--1-of-4 { width: 25%; } .grid__col--9-of-12, .grid__col--6-of-8, .grid__col--3-of-4 { width: 75%; } .grid__col--push-12-of-12, .grid__col--push-8-of-8, .grid__col--push-6-of-6, .grid__col--push-5-of-5, .grid__col--push-4-of-4, .grid__col--push-3-of-3, .grid__col--push-2-of-2, .grid__col--push-1-of-1 { margin-left: 100%; } .grid__col--push-6-of-12, .grid__col--push-4-of-8, .grid__col--push-3-of-6, .grid__col--push-2-of-4, .grid__col--push-1-of-2 { margin-left: 50%; } .grid__col--push-4-of-12, .grid__col--push-2-of-6, .grid__col--push-1-of-3 { margin-left: 33.3333333333%; } .grid__col--push-8-of-12, .grid__col--push-4-of-6, .grid__col--push-2-of-3 { margin-left: 66.6666666667%; } .grid__col--push-3-of-12, .grid__col--push-2-of-8, .grid__col--push-1-of-4 { margin-left: 25%; } .grid__col--push-9-of-12, .grid__col--push-6-of-8, .grid__col--push-3-of-4 { margin-left: 75%; } .grid__col--pull-12-of-12, .grid__col--pull-8-of-8, .grid__col--pull-6-of-6, .grid__col--pull-5-of-5, .grid__col--pull-4-of-4, .grid__col--pull-3-of-3, .grid__col--pull-2-of-2, .grid__col--pull-1-of-1 { margin-left: -100%; } .grid__col--pull-6-of-12, .grid__col--pull-4-of-8, .grid__col--pull-3-of-6, .grid__col--pull-2-of-4, .grid__col--pull-1-of-2 { margin-left: -50%; } .grid__col--pull-4-of-12, .grid__col--pull-2-of-6, .grid__col--pull-1-of-3 { margin-left: -33.3333333333%; } .grid__col--pull-8-of-12, .grid__col--pull-4-of-6, .grid__col--pull-2-of-3 { margin-left: -66.6666666667%; } .grid__col--pull-3-of-12, .grid__col--pull-2-of-8, .grid__col--pull-1-of-4 { margin-left: -25%; } .grid__col--pull-9-of-12, .grid__col--pull-6-of-8, .grid__col--pull-3-of-4 { margin-left: -75%; } .grid__col--1-of-1 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-1-of-1 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-1-of-1 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--1-of-2 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-1-of-2 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-1-of-2 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--2-of-2 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-2-of-2 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-2-of-2 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--1-of-3 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-1-of-3 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-1-of-3 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--2-of-3 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-2-of-3 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-2-of-3 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--3-of-3 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-3-of-3 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-3-of-3 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--1-of-4 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-1-of-4 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-1-of-4 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--2-of-4 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-2-of-4 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-2-of-4 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--3-of-4 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-3-of-4 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-3-of-4 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--4-of-4 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-4-of-4 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-4-of-4 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--1-of-5 { /* stylelint-disable */ width: 20%; /* stylelint-enable */ } .grid__col--push-1-of-5 { /* stylelint-disable */ margin-left: 20%; /* stylelint-enable */ } .grid__col--pull-1-of-5 { /* stylelint-disable */ margin-left: -20%; /* stylelint-enable */ } .grid__col--2-of-5 { /* stylelint-disable */ width: 40%; /* stylelint-enable */ } .grid__col--push-2-of-5 { /* stylelint-disable */ margin-left: 40%; /* stylelint-enable */ } .grid__col--pull-2-of-5 { /* stylelint-disable */ margin-left: -40%; /* stylelint-enable */ } .grid__col--3-of-5 { /* stylelint-disable */ width: 60%; /* stylelint-enable */ } .grid__col--push-3-of-5 { /* stylelint-disable */ margin-left: 60%; /* stylelint-enable */ } .grid__col--pull-3-of-5 { /* stylelint-disable */ margin-left: -60%; /* stylelint-enable */ } .grid__col--4-of-5 { /* stylelint-disable */ width: 80%; /* stylelint-enable */ } .grid__col--push-4-of-5 { /* stylelint-disable */ margin-left: 80%; /* stylelint-enable */ } .grid__col--pull-4-of-5 { /* stylelint-disable */ margin-left: -80%; /* stylelint-enable */ } .grid__col--5-of-5 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-5-of-5 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-5-of-5 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--1-of-6 { /* stylelint-disable */ width: 16.6666666667%; /* stylelint-enable */ } .grid__col--push-1-of-6 { /* stylelint-disable */ margin-left: 16.6666666667%; /* stylelint-enable */ } .grid__col--pull-1-of-6 { /* stylelint-disable */ margin-left: -16.6666666667%; /* stylelint-enable */ } .grid__col--2-of-6 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-2-of-6 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-2-of-6 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--3-of-6 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-3-of-6 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-3-of-6 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--4-of-6 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-4-of-6 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-4-of-6 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--5-of-6 { /* stylelint-disable */ width: 83.3333333333%; /* stylelint-enable */ } .grid__col--push-5-of-6 { /* stylelint-disable */ margin-left: 83.3333333333%; /* stylelint-enable */ } .grid__col--pull-5-of-6 { /* stylelint-disable */ margin-left: -83.3333333333%; /* stylelint-enable */ } .grid__col--6-of-6 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-6-of-6 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-6-of-6 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--1-of-8 { /* stylelint-disable */ width: 12.5%; /* stylelint-enable */ } .grid__col--push-1-of-8 { /* stylelint-disable */ margin-left: 12.5%; /* stylelint-enable */ } .grid__col--pull-1-of-8 { /* stylelint-disable */ margin-left: -12.5%; /* stylelint-enable */ } .grid__col--2-of-8 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-2-of-8 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-2-of-8 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--3-of-8 { /* stylelint-disable */ width: 37.5%; /* stylelint-enable */ } .grid__col--push-3-of-8 { /* stylelint-disable */ margin-left: 37.5%; /* stylelint-enable */ } .grid__col--pull-3-of-8 { /* stylelint-disable */ margin-left: -37.5%; /* stylelint-enable */ } .grid__col--4-of-8 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-4-of-8 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-4-of-8 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--5-of-8 { /* stylelint-disable */ width: 62.5%; /* stylelint-enable */ } .grid__col--push-5-of-8 { /* stylelint-disable */ margin-left: 62.5%; /* stylelint-enable */ } .grid__col--pull-5-of-8 { /* stylelint-disable */ margin-left: -62.5%; /* stylelint-enable */ } .grid__col--6-of-8 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-6-of-8 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-6-of-8 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--7-of-8 { /* stylelint-disable */ width: 87.5%; /* stylelint-enable */ } .grid__col--push-7-of-8 { /* stylelint-disable */ margin-left: 87.5%; /* stylelint-enable */ } .grid__col--pull-7-of-8 { /* stylelint-disable */ margin-left: -87.5%; /* stylelint-enable */ } .grid__col--8-of-8 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-8-of-8 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-8-of-8 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--1-of-12 { /* stylelint-disable */ width: 8.3333333333%; /* stylelint-enable */ } .grid__col--push-1-of-12 { /* stylelint-disable */ margin-left: 8.3333333333%; /* stylelint-enable */ } .grid__col--pull-1-of-12 { /* stylelint-disable */ margin-left: -8.3333333333%; /* stylelint-enable */ } .grid__col--2-of-12 { /* stylelint-disable */ width: 16.6666666667%; /* stylelint-enable */ } .grid__col--push-2-of-12 { /* stylelint-disable */ margin-left: 16.6666666667%; /* stylelint-enable */ } .grid__col--pull-2-of-12 { /* stylelint-disable */ margin-left: -16.6666666667%; /* stylelint-enable */ } .grid__col--3-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-3-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-3-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--4-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-4-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-4-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--5-of-12 { /* stylelint-disable */ width: 41.6666666667%; /* stylelint-enable */ } .grid__col--push-5-of-12 { /* stylelint-disable */ margin-left: 41.6666666667%; /* stylelint-enable */ } .grid__col--pull-5-of-12 { /* stylelint-disable */ margin-left: -41.6666666667%; /* stylelint-enable */ } .grid__col--6-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-6-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-6-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--7-of-12 { /* stylelint-disable */ width: 58.3333333333%; /* stylelint-enable */ } .grid__col--push-7-of-12 { /* stylelint-disable */ margin-left: 58.3333333333%; /* stylelint-enable */ } .grid__col--pull-7-of-12 { /* stylelint-disable */ margin-left: -58.3333333333%; /* stylelint-enable */ } .grid__col--8-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-8-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-8-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--9-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-9-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-9-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--10-of-12 { /* stylelint-disable */ width: 83.3333333333%; /* stylelint-enable */ } .grid__col--push-10-of-12 { /* stylelint-disable */ margin-left: 83.3333333333%; /* stylelint-enable */ } .grid__col--pull-10-of-12 { /* stylelint-disable */ margin-left: -83.3333333333%; /* stylelint-enable */ } .grid__col--11-of-12 { /* stylelint-disable */ width: 91.6666666667%; /* stylelint-enable */ } .grid__col--push-11-of-12 { /* stylelint-disable */ margin-left: 91.6666666667%; /* stylelint-enable */ } .grid__col--pull-11-of-12 { /* stylelint-disable */ margin-left: -91.6666666667%; /* stylelint-enable */ } .grid__col--12-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-12-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-12-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col { box-sizing: border-box; display: inline-block; margin-right: -0.25em; min-height: 1px; padding-left: 2.5rem; vertical-align: top; } @media (max-width: 740px) { .grid__col { display: block; margin-left: 0; margin-right: 0; width: auto; margin-bottom: 2.5rem; padding-left: 1.25rem; } } @media (max-width: 550px) { .grid__col { padding-left: 1.25rem; } } @media (max-width: 740px) and (min-width: 550px) { .grid__col[class*=grid__col--m-] { display: inline-block; margin-right: -0.24em; } .grid__col.grid__col--m-1-of-2, .grid__col.grid__col--m-2-of-4 { width: 50%; } .grid__col.grid__col--m-1-of-3 { width: 33.3333333333%; } .grid__col.grid__col--m-2-of-3 { width: 66.6666666667%; } .grid__col.grid__col--m-1-of-4 { width: 25%; } .grid__col.grid__col--m-3-of-4 { width: 75%; } .grid__col.grid__col--m-1-of-6 { width: 16.6666666667%; } } @media (max-width: 550px) { .grid__col[class*=grid__col--s-] { display: inline-block; margin-right: -0.24em; } .grid__col.grid__col--s-1-of-2, .grid__col.grid__col--s-2-of-4 { width: 50%; } .grid__col.grid__col--s-1-of-3 { width: 33.3333333333%; } .grid__col.grid__col--s-2-of-3 { width: 66.6666666667%; } .grid__col.grid__col--s-1-of-4 { width: 25%; } .grid__col.grid__col--s-3-of-4 { width: 75%; } .grid__col.grid__col--s-1-of-6 { width: 16.6666666667%; } } .grid__col--centered { display: block; margin-left: auto; margin-right: auto; } .grid__col--d-first { float: left; } .grid__col--d-last { float: right; } .grid--no-gutter { margin-left: 0; width: 100%; } .grid--no-gutter .grid__col { padding-left: 0; } .grid--no-gutter .grid__col--span-all { margin-left: 0; width: 100%; } .grid__col--ab { vertical-align: bottom; } .grid__col--am { vertical-align: middle; } .wrap, .wrap-outer { position: relative; margin: 0 auto; width: 100%; } .wrap.lg, .wrap-outer.lg { max-width: 1600px; } .wrap.md, .wrap .md, .wrap-outer.md, .wrap-outer .md { max-width: 1440px; } .wrap.sm, .wrap-outer.sm { max-width: 1078px; } .wrap { padding: 0 100px; } .wrap.is-header { padding: 0 32px; } @media (max-width: 64.99em) { .wrap.is-header { padding: 0 20px; } } @media (max-width: 64.99em) { .wrap { padding: 0 20px; margin: 0; } } .wrap-outer { max-width: 1600px; } .row { margin: 5rem 0; position: relative; width: 100%; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: wrap; } .column { margin-bottom: 2.5rem; } .col-12 { flex-basis: calc(100% - 2.5rem); } @media (max-width: 58.75em) { .col-12 { flex-basis: 100%; } } .col-6 { flex-basis: calc(50% - 2.5rem); } @media (max-width: 58.75em) { .col-6 { flex-basis: 100%; } } .col-4 { flex-basis: calc(33.3333333333% - 2.5rem); } @media (max-width: 58.75em) { .col-4 { flex-basis: 100%; } } .col-8 { flex-basis: calc(66.6666666667% - 2.5rem); } @media (max-width: 58.75em) { .col-8 { flex-basis: 100%; } } .tabs { -webkit-overflow-scrolling: touch; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; overflow-x: auto; white-space: nowrap; } .tabs:not(:last-child) { margin-bottom: 1.5rem; } .tabs a { -webkit-box-align: center; align-items: center; color: #4B4B4D; margin-bottom: -1px; padding: 0.5em 1em; vertical-align: top; text-decoration: none; } .tabs a:hover { color: #4B4B4D; } .tabs a.is-active { color: #4B4B4D; } .tabs li { display: block; float: left; line-height: 5rem; } .tabs li.is-active a { color: #4B4B4D; } .tabs ul { border-bottom: 1px solid; } .tabs ul:after { content: ""; display: block; clear: both !important; } .tabs ul.is-left { padding-right: 0.75em; } .tabs ul.is-center { padding-left: 0.75em; padding-right: 0.75em; } .tabs ul.is-right { padding-left: 0.75em; } .tabs.is-boxed a { border: 1px solid transparent; display: block; padding: 0 2.4rem; } .tabs.is-boxed a.is-active { border-bottom-color: transparent; } .tabs.is-boxed li.is-active a { border-bottom-color: transparent; } .header-wrap { position: fixed; top: 0; right: 0; left: 0; z-index: 99; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } @media (max-width: 61.24em) { .header-wrap { background: #fff; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); } } @media (max-width: 1080px) and (max-height: 810px) { .header-wrap { background: #fff; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); } } .header-wrap.is-scrolled .primary-nav { padding-top: 20px; } .header-wrap.is-scrolled .primary-nav .nav-item:not(:first-child) { padding-bottom: 6px; } .header-wrap.is-scrolled .secondary-nav { display: none; } .header-wrap.is-scrolled .contact-button { display: -webkit-box; display: flex; -webkit-box-align: end; align-items: flex-end; margin-left: auto; position: relative; } .header-wrap.is-scrolled .contact-button .button { margin-left: 10px; } .header-wrap.is-scrolled .contact-button .nav-link { padding-bottom: 6px; } @media (max-width: 61.24em) { .header-wrap.is-scrolled .header-menu-link { height: 68px; padding: 8px 0; } } @media (max-width: 1080px) and (max-height: 810px) { .header-wrap.is-scrolled .header-menu-link { height: 68px; padding: 8px 0; } } .header-wrap.is-scrolled .logo-link, .header-wrap.is-scrolled #logo { width: 33px; height: 33px; } .header { font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; background: #fff; color: #4B4B4D; display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; flex-wrap: wrap; padding-bottom: 2.5rem; box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.15); } @media (max-width: 58.74em) { .header { padding: 0 0 1rem; } } @media (max-width: 1080px) and (max-height: 810px) { .header { padding: 0 0 1rem; } } .header .header-top { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; } .header .header-bottom { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; justify-content: space-around; margin-top: 5rem; } .header .header-info .menu { display: -webkit-box; display: flex; -webkit-box-pack: end; justify-content: flex-end; } .header .header-info .menu .menu-item { margin: 0 1.25rem; } .header-holder { padding-top: 170px; } .header-holder.is-video-hero { padding-top: 150px; } @media (max-width: 58.74em) { .header-holder.is-video-hero { padding-top: 40px; } } @media (max-width: 1080px) and (max-height: 810px) { .header-holder.is-video-hero { padding-top: 60px; } } @media (max-width: 34.365em) { .header-holder.is-video-hero { padding-top: 47px; } } @media (max-width: 58.74em) { .header-holder { padding-top: 68px; } } @media (max-width: 1080px) and (max-height: 810px) { .header-holder { padding-top: 68px; } } .hero { max-height: 816px; height: 100%; width: 100%; margin-bottom: 8px; z-index: 0; position: relative; } .hero.no-hero { height: 0; margin: 0; } @media (max-width: 58.74em) { .hero:not(.no-hero) { height: 400px; } } @media (max-width: 34.365em) { .hero:not(.no-hero) { height: 80vh; } } .hero .hero-holder { bottom: 0; left: 0; overflow: hidden; position: relative; right: 0; top: 0; max-height: 816px; } .hero .hero-holder:after { position: absolute; left: 0; bottom: 0; width: 100%; height: 334px; pointer-events: none; content: ""; z-index: 2; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); } .hero .hero-video { width: 100%; height: 100%; } @media (max-width: 34.365em) { .hero .hero-video { height: 80vh; -o-object-fit: cover; object-fit: cover; } } .hero-content { position: absolute; bottom: 70px; z-index: 3; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: center; width: 100%; max-width: 920px; } @media (max-width: 58.74em) { .hero-content { bottom: 42px; } } .hero-content .alpha, .hero-content .beta, .hero-content .hero-text { font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; font-weight: 500; line-height: 50px; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.25); color: #fff; } @media (max-width: 34.365em) { .hero-content .alpha, .hero-content .beta, .hero-content .hero-text { line-height: 1.3; } } @media (max-width: 34.365em) { .hero-content .beta { margin-bottom: 10px; } } .hero-content .alpha { font-size: 40px; } @media (max-width: 58.74em) { .hero-content .alpha { font-size: 26px; line-height: 1.3; } } @media (max-width: 34.365em) { .hero-content .alpha { font-size: 20px; margin-bottom: 10px; } } .hero-content .beta, .hero-content .hero-text { font-size: 25px; line-height: 1.3; } @media (max-width: 58.74em) { .hero-content .beta, .hero-content .hero-text { font-size: 16px; } } .hero-content .orange { color: #F08303; } .logo-link { display: block; width: 112px; height: 112px; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } #logo { width: 112px; height: 112px; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .hero-image { position: absolute; bottom: 54px; z-index: 4; right: 54px; } @media (max-width: 58.74em) { .hero-image { width: 90px; position: absolute; top: 32px; bottom: auto; right: 32px; left: auto; -webkit-transform: none; transform: none; } } @media (max-width: 34.365em) { .hero-image { top: 50%; bottom: auto; right: auto; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } .progress-container { background: #fff; height: 8px; width: 100%; } .progress-bar { background: #3AAAB6; height: 8px; width: 0; } .contact-button { display: none; position: absolute; right: 0; top: 0; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .breadcrumb-wrap { background: #F8FAFC; } .breadcrumb { position: relative; list-style: none; padding-top: 18px; padding-bottom: 18px; display: -webkit-box; display: flex; flex-wrap: wrap; margin-top: 34px; } .breadcrumb .crumb { font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; font-size: 14px; } .breadcrumb .crumb:not(:last-child) { padding-right: 8px; } .breadcrumb .crumb:not(:last-child):after { content: ">"; color: #00829B; padding-left: 8px; } .breadcrumb .crumb.current { color: #00829B; } .breadcrumb .crumb a { color: #475569; text-decoration: none; } .breadcrumb .crumb a:hover { color: #00829B; } .header-menu-item { font-size: 17px; line-height: 24px; position: relative; display: block; } @media (max-width: 58.74em) { .header-menu-item:not(:last-child) { border-bottom: 1px solid #ddd; } } @media (max-width: 58.74em) { .header-menu-item { width: 100%; } } .header-menu-item.is-active .header-menu-link { color: #00829B; } .header-menu-item:hover > a { color: #00829B; } @media (max-width: 58.74em) { .header-menu-item:last-child .header-menu-submenu { right: 0; left: auto; } } .header-menu-link { position: relative; color: #4B4B4D; display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; -webkit-transition: color 200ms; transition: color 200ms; cursor: pointer; } @media (max-width: 58.74em) { .header-menu-link { height: 100px; padding: 24px 0; -webkit-transition: color 200ms, height 200ms, padding 200ms; transition: color 200ms, height 200ms, padding 200ms; } } @media (max-width: 58.74em) { .header-menu-link { padding: 8px 56px 8px 16px; } } .header-menu-link:hover { text-decoration: none; color: #00829B; } .header-menu-icon-holder { position: relative; top: 0; right: 0; width: 24px; cursor: pointer; display: block; padding: 12px 0; } .header-menu-icon-holder.is-clicked svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .header-menu-icon-holder > svg { display: block; -webkit-transition: -webkit-transform 200ms; transition: -webkit-transform 200ms; transition: transform 200ms; transition: transform 200ms, -webkit-transform 200ms; } .header-menu-submenu { margin: 0; list-style: none; background: #f6f6f6; } @media (max-width: 34.365em) { .header-menu-submenu { padding: 4px 0; display: none; } } @media (max-width: 58.74em) { .header-menu-submenu { background: #fff; width: 100%; padding: 10px 0; position: relative; top: 100%; left: 0; border-top: 0; display: none; } } @media (max-width: 1080px) and (max-height: 810px) { .header-menu-submenu { background: #fff; width: 100%; padding: 10px 0; position: relative; top: 100%; left: 0; border-top: 0; display: none; } } .header-menu-submenu li { font-size: 18px; display: block; } .header-menu-submenu li.is-active a { color: #00829B; } .header-menu-submenu a { padding: 7px 20px; display: block; text-decoration: none; font-size: 13px; color: #00292e; } @media (max-width: 58.74em) { .header-menu-submenu a { padding: 4px 16px 4px 0; } } .header-menu-submenu a:hover { text-decoration: none; color: #00829B; } .footer { margin-top: 8px; } .footer-top, .footer-middle, .footer-bottom { background: #fff; } .footer-top { margin-bottom: 5px; padding-top: 90px; padding-bottom: 40px; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 32px; } @media (max-width: 58.74em) { .footer-top { padding-top: 64px; padding-bottom: 14px; } } @media (max-width: 34.365em) { .footer-top { display: block; padding-top: 16px; padding-bottom: 16px; } } .footer-top.is-accordion { display: none; } @media (max-width: 34.365em) { .footer-top.is-accordion { display: block; } } .footer-top.is-accordion .footer-nav { height: 0; overflow: hidden; } .footer-top.is-accordion .footer-top-nav { margin-bottom: 0; } .footer-top.is-accordion .footer-nav-title { border-bottom: none; } .footer-top.is-accordion .footer-nav-title:last-child { border-bottom: 1px solid #EBEFF4; } .footer-top-nav, .footer-top-nav-alt { border-top: 1px solid #EBEFF4; margin-right: 38px; margin-bottom: 50px; } .footer-top-nav.is-clicked .faq-trigger-icon, .footer-top-nav-alt.is-clicked .faq-trigger-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .footer-top-nav.is-active .footer-nav, .footer-top-nav-alt.is-active .footer-nav { display: block; } .footer-top-nav.is-active .footer-nav-title, .footer-top-nav-alt.is-active .footer-nav-title { color: #00829B; } @media (max-width: 58.74em) { .footer-top-nav, .footer-top-nav-alt { margin-right: 0; } } @media (max-width: 34.365em) { .footer-top-nav, .footer-top-nav-alt { width: 100%; margin-right: 0; } } .footer-top-nav:nth-child(3n), .footer-top-nav-alt:nth-child(3n) { margin-right: 0; } .footer-top-nav span, .footer-top-nav-alt span { width: 80%; } .footer-top-nav .icon, .footer-top-nav-alt .icon { width: 24px; height: 24px; } @media (max-width: 34.365em) { .footer-top-nav { display: none; } } .footer-nav { list-style: none; } .footer-nav[data-el=menu] { display: none; padding: 20px; list-style: none; width: 100%; } @media (max-width: 34.365em) { .footer-nav[data-el=menu] { display: block; padding: 0; } } .footer-nav[data-el=menu] .footer-nav-link { display: -webkit-box; display: flex; font-size: 13px; font-weight: bold; line-height: 1.35; letter-spacing: 0.26px; color: #00292e; text-decoration: none; width: 100%; } .footer-nav[data-el=menu] .footer-nav-link span { display: block; width: 100%; padding: 12px 0; } .footer-nav[data-el=menu] .footer-nav-item { display: block; border-top: 1px solid #e9e9e9; padding: 0; } .footer-nav[data-el=menu] .footer-nav-item.is-active { background: #f6f7f9; } .footer-nav[data-el=menu] .footer-nav-item.is-active .footer-nav-link { color: #00829B; } .footer-nav[data-el=menu] .footer-nav-item:last-child { border-bottom: 1px solid #e9e9e9; } .footer-nav[data-el=menu] .nav-inside ul { list-style: none; } .footer-nav-item { font-weight: 400; font-size: 13px; line-height: 135%; letter-spacing: 0.02em; color: #00292E; border-bottom: 1px solid #EBEFF4; padding: 11px 0; } .footer-nav-item a { text-decoration: none; color: #4B4B4D; width: 100%; flex-basis: 80%; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; } .footer-nav-item .icon { color: #00829B; } .footer-nav-title { font-weight: 700; font-size: 13px; line-height: 135%; letter-spacing: 0.02em; color: #00292E; border-bottom: 1px solid #EBEFF4; padding: 11px 0; text-decoration: none; display: block; } .footer-middle { font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; margin-bottom: 5px; padding-top: 55px; padding-bottom: 70px; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; } @media (max-width: 89.99em) { .footer-middle { flex-wrap: wrap; } } @media (max-width: 58.74em) { .footer-middle { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding-top: 32px; padding-bottom: 32px; } } .footer-middle .social { display: -webkit-box; display: flex; flex-wrap: wrap; gap: 32px; } @media (max-width: 58.74em) { .footer-middle .social { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-bottom: 24px; } } .footer-middle .social .logo { width: 112px; height: 112px; } .footer-middle .social .social-links { list-style: none; display: -webkit-box; display: flex; flex-wrap: wrap; gap: 20px; } .footer-middle .social .company { font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; font-size: 16px; line-height: 1.4; letter-spacing: 0.5px; text-align: left; color: #475569; margin-bottom: 22px; } .footer-middle .social .company strong { font-size: 18px; } .footer-middle .contact-data { font-weight: 400; font-size: 16px; line-height: 140%; letter-spacing: 0.5px; } @media (max-width: 74.99em) { .footer-middle .contact-data { -webkit-box-ordinal-group: 4; order: 3; } } @media (max-width: 58.74em) { .footer-middle .contact-data { margin-bottom: 24px; -webkit-box-ordinal-group: inherit; order: inherit; } } .footer-middle .contact-data span { color: #00829B; } .footer-middle .kununu .image:not(:last-child) { margin-right: 18px; } .footer-bottom { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; padding-top: 20px; padding-bottom: 20px; } @media (max-width: 58.74em) { .footer-bottom { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; padding-top: 40px; padding-bottom: 40px; } } @media (max-width: 58.74em) { .footer-bottom .footer-links { display: -webkit-box; display: flex; flex-wrap: wrap; gap: 24px; align-content: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin-bottom: 40px; } } @media (max-width: 34.365em) { .footer-bottom .footer-links { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .footer-bottom .footer-link { font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; color: #4B4B4D; text-decoration: none; font-weight: 400; font-size: 14px; line-height: 140%; letter-spacing: 0.5px; text-transform: uppercase; } .footer-bottom .footer-link:not(:last-of-type) { margin-right: 24px; } @media (max-width: 58.74em) { .footer-bottom .footer-link:not(:last-of-type) { margin-right: 0; } } .footer-bottom .footer-link:hover { text-decoration: underline; } .copyright { font-weight: 400; font-size: 14px; line-height: 140%; letter-spacing: 0.5px; } .navigation .menu { display: -webkit-box; display: flex; -webkit-box-pack: end; justify-content: flex-end; } .navigation .menu .menu-item { margin: 0 1.25rem; } .navigation .menu .menu-item.current-menu-item a { color: deepskyblue; } .nav-wrap { width: 100%; } .primary-nav .nav, .secondary-nav .nav { list-style: none; display: -webkit-box; display: flex; -webkit-box-pack: end; justify-content: flex-end; } .primary-nav .nav .button, .secondary-nav .nav .button { border-radius: 5px; font-weight: 500; font-size: 14px; letter-spacing: 0.5px; text-transform: uppercase; padding: 6px 16px; } .primary-nav .nav-item, .secondary-nav .nav-item { position: relative; } .primary-nav .nav-item, .secondary-nav .nav-item { padding-right: 10px; } @media screen and (min-width: 740px) { .primary-nav .nav-item, .secondary-nav .nav-item { padding-right: calc(2vw - 4.8px); } } @media screen and (min-width: 1440px) { .primary-nav .nav-item, .secondary-nav .nav-item { padding-right: 24px; } } .primary-nav .nav-item:hover .nav-inside, .secondary-nav .nav-item:hover .nav-inside { display: block; } .primary-nav .nav-item .nav-inside, .secondary-nav .nav-item .nav-inside { display: none; position: absolute; z-index: 1; background: #fff; left: 0; } .primary-nav .nav-item .nav-inside ul, .secondary-nav .nav-item .nav-inside ul { padding: 0 24px 24px 24px; box-shadow: 0 3px 3px 0 rgba(148, 163, 184, 0.5); list-style: none; width: 340px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .primary-nav .nav-item .nav-inside li, .secondary-nav .nav-item .nav-inside li { margin-bottom: 8px; padding-bottom: 12px; border-bottom: 1px solid #EBEFF4; } .primary-nav .nav-item .nav-inside li:first-child, .secondary-nav .nav-item .nav-inside li:first-child { padding-top: 12px; } .primary-nav .nav-item:last-child .nav-inside, .secondary-nav .nav-item:last-child .nav-inside { left: auto; right: 0; } .primary-nav .nav-link, .primary-nav .nav-link-inside, .secondary-nav .nav-link, .secondary-nav .nav-link-inside { position: relative; text-decoration: none; color: #4B4B4D; letter-spacing: 0.5px; line-height: 140%; font-weight: 400; } .primary-nav .nav-link:hover, .primary-nav .nav-link.is-active, .primary-nav .nav-link-inside:hover, .primary-nav .nav-link-inside.is-active, .secondary-nav .nav-link:hover, .secondary-nav .nav-link.is-active, .secondary-nav .nav-link-inside:hover, .secondary-nav .nav-link-inside.is-active { color: #00829B; } .primary-nav .nav-link:hover.is-event, .primary-nav .nav-link.is-active.is-event, .primary-nav .nav-link-inside:hover.is-event, .primary-nav .nav-link-inside.is-active.is-event, .secondary-nav .nav-link:hover.is-event, .secondary-nav .nav-link.is-active.is-event, .secondary-nav .nav-link-inside:hover.is-event, .secondary-nav .nav-link-inside.is-active.is-event { color: #F08303; } .primary-nav .nav-link .count, .primary-nav .nav-link-inside .count, .secondary-nav .nav-link .count, .secondary-nav .nav-link-inside .count { background: #F08303; position: absolute; height: 16px; top: -8px; right: -22px; border-radius: 80px; color: #fff; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; font-size: 10px; padding: 5px; } .primary-nav .nav-link-inside, .secondary-nav .nav-link-inside { font-weight: 400; font-size: 14px; line-height: 140%; letter-spacing: 0.5px; } .primary-nav { display: -webkit-box; display: flex; } @media (max-width: 58.74em) { .primary-nav { display: none; } } @media (max-width: 1080px) and (max-height: 810px) { .primary-nav { display: none; } } .primary-nav .nav { -webkit-box-pack: start; justify-content: flex-start; position: relative; width: 100%; -webkit-box-align: end; align-items: end; } .primary-nav .nav-link { font-size: 12px; } @media screen and (min-width: 740px) { .primary-nav .nav-link { font-size: calc(0.5714285714vw + 7.7714285714px); } } @media screen and (min-width: 1440px) { .primary-nav .nav-link { font-size: 16px; } } .primary-nav .contact-link { display: inline-block; margin-right: 24px; } .secondary-nav { align-self: flex-end; position: relative; top: 20px; z-index: 2; } @media (max-width: 58.74em) { .secondary-nav { display: none; } } @media (max-width: 1080px) and (max-height: 810px) { .secondary-nav { display: none; } } .secondary-nav .nav { -webkit-box-align: center; align-items: center; } .secondary-nav .nav-item.pl { padding-left: 24px; } .secondary-nav .nav-link { font-size: 14px; text-transform: uppercase; color: #5C6776; } .nav-holder { height: 2.5rem; } .header-trigger { position: relative; width: 41px; height: 41px; -webkit-transition: -webkit-transform 200ms; transition: -webkit-transform 200ms; transition: transform 200ms; transition: transform 200ms, -webkit-transform 200ms; cursor: pointer; } .header-trigger span { position: absolute; left: 8px; width: 26px; height: 2px; background: #000; -webkit-transition: 200ms; transition: 200ms; } .header-trigger span:nth-child(1) { top: 12px; } .header-trigger span:nth-child(2) { top: 20px; } .header-trigger span:nth-child(3) { top: 28px; } .header-trigger.is-clicked { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .header-trigger.is-clicked span:nth-child(1) { -webkit-transform: rotate(45deg) translate(5px, 6px); transform: rotate(45deg) translate(5px, 6px); } .header-trigger.is-clicked span:nth-child(2) { opacity: 0; } .header-trigger.is-clicked span:nth-child(3) { -webkit-transform: rotate(-45deg) translate(6px, -6px); transform: rotate(-45deg) translate(6px, -6px); } .nav-mobile { display: none; } @media (max-width: 58.74em) { .nav-mobile { width: 100%; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } } @media (max-width: 1080px) and (max-height: 810px) { .nav-mobile { width: 100%; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } } .nav-mobile #logo-mobile { width: 44px; height: 44px; } .nav-mobile .icons { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .nav-mobile .icons a { color: #4B4B4D; } .nav[data-el=menu] { display: none; padding: 20px; list-style: none; } .nav[data-el=menu] .nav-link { display: -webkit-box; display: flex; font-size: 13px; font-weight: bold; line-height: 1.35; letter-spacing: 0.26px; color: #00292e; text-decoration: none; } .nav[data-el=menu] .nav-link span { display: block; width: 100%; padding: 12px 0; } .nav[data-el=menu] .nav-item { display: block; border-top: 1px solid #e9e9e9; } .nav[data-el=menu] .nav-item.is-active { background: #f6f7f9; } .nav[data-el=menu] .nav-item.is-active .nav-link { color: #00829B; } .nav[data-el=menu] .nav-item:last-child { border-bottom: 1px solid #e9e9e9; } .nav[data-el=menu] .nav-inside ul { list-style: none; } #arrow-to-top { position: fixed; bottom: 2.5rem; right: 2.5rem; width: 40px; height: 40px; background: #6fc3eb; border-radius: 50%; -webkit-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; cursor: pointer; z-index: 999; } #arrow-to-top:hover { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); text-decoration: none; background: #00829B; } @media (min-width: 34.375em) { #arrow-to-top { display: block; } } #arrow-to-top svg { position: absolute; left: 50%; bottom: 50%; -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .quote { position: relative; background-position: top center; background-size: cover; background-repeat: no-repeat; min-height: 824px; } .quote .quote-holder { position: relative; padding-top: 180px; padding-bottom: 32px; } .quote .quote-holder .text { font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; font-size: 32px; line-height: 48px; font-style: italic; font-weight: 500; color: #fff; align-self: stretch; -webkit-box-flex: 0; flex-grow: 0; margin: 16px 0 50px; font-stretch: normal; letter-spacing: 0.27px; } @media (max-width: 58.74em) { .quote .quote-holder .text { font-size: 23px; line-height: 1.5; } } .quote .quote-holder .source { line-height: 20px; color: #fff; margin-top: 50px; font-weight: 600; } .quote .quote-holder .source small { font-weight: 400; font-size: 14px; } .quotation { margin-bottom: 16px; } .teaser-head { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; position: relative; margin-bottom: 30px; } @media (min-width: 58.75em) { .teaser-head .headlines { width: 50%; } } @media (max-width: 34.365em) { .teaser-head .arrows:not(.mobile) { display: none; } } .teaser-head-button { margin: 2.5rem 0; text-align: center; } @media (max-width: 34.365em) { .teaser-head-button:not(.all-teaser) { display: none; } } .teaser-head-button.mobile { display: none; margin-top: 32px; } @media (max-width: 34.365em) { .teaser-head-button.mobile { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; } } .teaser-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 32px; grid-row-gap: 32px; } @media (max-width: 58.74em) { .teaser-grid { grid-template-columns: 1fr 1fr; } } @media (max-width: 34.365em) { .teaser-grid { grid-template-columns: 1fr; } } .teaser-grid.is-jobs .item-head, .teaser-grid.is-jobs .item-link { color: #F08303; } .teaser-grid .teaser-item { background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); border-radius: 10px; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; text-decoration: none; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; padding: 32px 24px; } .teaser-grid .teaser-item:hover { -webkit-transform: scale(105%); transform: scale(105%); } .teaser-grid .teaser-item.is-hidden { display: none; } .teaser-grid .teaser-item .subline { color: #94A3B8; font-size: 14px; font-weight: 400; line-height: 20px; text-transform: uppercase; margin-bottom: 4px; } .teaser-grid .item-text { position: relative; width: 100%; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .teaser-grid .item-text .text p { font-weight: 400; font-size: 16px; line-height: 24px; margin-bottom: 16px; } .teaser-grid .item-head { font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; display: inline-block; font-weight: 500; font-size: 24px; line-height: 28px; color: #00829B; margin-bottom: 16px; } .teaser-grid .item-image { position: relative; display: block; width: 100%; -o-object-fit: cover; object-fit: cover; border-top-left-radius: 10px; border-top-right-radius: 10px; } .teaser-grid .item-link { font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; text-decoration: none; font-weight: 500; font-size: 18px; line-height: 21px; display: block; margin-left: auto; margin-top: auto; padding-top: 32px; } .teaser-grid .item-link svg { width: 16px; } .jobs-teaser .alpha { color: #F08303; } .jobs-teaser .swiper-button-next { background: #F08303; } .jobs-teaser .button { -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .jobs-teaser .button:hover { color: #fff; background: #F08303; } .text-image { display: -webkit-box; display: flex; gap: 60px; } @media (max-width: 58.74em) { .text-image { display: block; } } .text-image .text { width: calc(50% - 30px); flex-basis: calc(50% - 30px); font-size: 18px; line-height: 27px; } @media (max-width: 58.74em) { .text-image .text { width: 100%; flex-basis: 100%; margin-bottom: 42px; } } .text-image .text p { margin-bottom: 16px; } .text-image .text .alpha { margin-bottom: 47px; } @media (max-width: 34.365em) { .text-image .text .alpha { margin-bottom: 24px; } } .text-image .images { position: relative; display: -webkit-box; display: flex; width: calc(50% - 30px); flex-basis: calc(50% - 30px); -webkit-box-align: baseline; align-items: baseline; gap: 34px; } @media (max-width: 58.74em) { .text-image .images { width: 100%; flex-basis: 100%; } } .text-image .images .image { border-radius: 10px; -o-object-fit: cover; object-fit: cover; } .text-image .images .images-left { position: relative; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 34px; width: calc(50% - 17px); flex-basis: calc(50% - 17px); } .text-image .images .images-left .image { width: 256.67px; height: 209.92px; } .text-image .images .images-left .image:first-child { width: 294.25px; height: 221.83px; } .text-image .images .images-right { width: calc(50% - 17px); flex-basis: calc(50% - 17px); } .text-image .images .images-right .image { width: 221.83px; height: 209.87px; } .text-image .button { margin-top: 30px; } .contact.sm .text, .contact.lg .text { width: 50%; } .contact.sm .text a, .contact.lg .text a { color: #fff; } @media (max-width: 58.74em) { .contact.sm .text, .contact.lg .text { width: 100%; } } .contact.sm .alpha, .contact.lg .alpha { color: #fff; margin-bottom: 25px; } .contact.sm .beta, .contact.lg .beta { color: #CBD5E1; } .contact.sm .buttons, .contact.lg .buttons { display: -webkit-box; display: flex; flex-wrap: wrap; row-gap: 16px; } @media (max-width: 46.24em) { .contact.sm .buttons, .contact.lg .buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 16px; } } .contact.sm .button, .contact.lg .button { font-weight: 500; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .contact.sm .button:not(:last-of-type), .contact.lg .button:not(:last-of-type) { margin-right: 16px; } .contact.sm .button.tel, .contact.lg .button.tel { background: #fff; color: #00829B; } .contact.sm .button.internal, .contact.sm .button.external, .contact.sm .button.callback, .contact.lg .button.internal, .contact.lg .button.external, .contact.lg .button.callback { color: #fff; background: #00829B; border: 2px solid #fff; } .contact.sm .button.mail, .contact.lg .button.mail { color: #fff; background: #F08303; } .contact.sm .image, .contact.lg .image { position: relative; } @media (max-width: 58.74em) { .contact.sm .image, .contact.lg .image { margin-bottom: 32px; } } .contact.sm .image img, .contact.lg .image img { border-radius: 30px; width: 381px; height: 443px; -o-object-fit: cover; object-fit: cover; } .contact.sm .image .image-overlay, .contact.lg .image .image-overlay { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; color: #fff; position: absolute; bottom: 17px; left: 27px; } .contact.sm { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: end; align-items: flex-end; flex-wrap: wrap; gap: 20px; } @media (max-width: 58.74em) { .contact.sm { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 32px; } } .contact.sm .buttons { display: -webkit-box; display: flex; } @media (max-width: 58.74em) { .contact.sm .buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; align-self: center; width: 100%; gap: 16px; } .contact.sm .buttons .button { margin-right: 0; } } @media (max-width: 58.74em) { .contact.sm .buttons { width: 232px; margin: auto; } .contact.sm .buttons .button { -webkit-box-pack: center; justify-content: center; width: 100%; } } .contact.sm .alpha { margin-bottom: 0; } @media (max-width: 58.74em) { .contact.sm .headlines { align-self: flex-start; width: 100%; } } .contact.lg { font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; display: -webkit-box; display: flex; gap: 123px; flex-wrap: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; } @media (max-width: 58.74em) { .contact.lg { gap: 0; } } .contact.lg p { font-weight: 500; font-size: 16px; line-height: 140%; color: #fff; margin-bottom: 32px; } .contact.grid { margin: 0; font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; } .contact.grid .headlines { margin-bottom: 54px; } .contact.grid .people { list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-bottom: 54px; } @media (max-width: 58.74em) { .contact.grid .people { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 46.24em) { .contact.grid .people { grid-template-columns: repeat(1, 1fr); } } .contact.grid .person { background: #FFFFFF; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); border-radius: 10px; padding: 32px 20px 40px; } .contact.grid .image, .contact.grid img { display: block; border-radius: 5px 5px 0 0; width: 100%; height: 342px; -o-object-fit: cover; object-fit: cover; background: #EBEFF4; } .contact.grid .name { font-weight: 500; font-size: 24px; line-height: 118%; color: #00829B; display: inline-block; margin-top: 16px; margin-bottom: 4px; } .contact.grid .position { font-weight: 400; font-size: 14px; line-height: 140%; text-transform: uppercase; color: #94A3B8; } .contact.grid .contact-data svg { color: #94A3B8; margin-right: 16px; } .contact.grid .contact-data:first-child { margin-bottom: 16px; } .block { padding: 97px 0 75px 0; background: #fff; margin-bottom: 8px; } @media (max-width: 34.365em) { .block { padding: 44px 0; } } .block.block-type-large-image { margin-bottom: 0; padding-bottom: 0; padding-top: 32px; } .block-type-quote, .block-type-services { padding: 0; } .block-type-text-list { padding-bottom: 0; padding-top: 0; } .block-type-news-teaser, .block-type-all-news, .block-type-tiles, .block-type-contact-grid { background: #EBEFF4; } .block-type-jobs-teaser, .block-type-all-jobs { background: #EBEFF4; } .block-type-contact-lg, .block-type-contact-sm { background: #00829B; } .block-type-icons-cols, .block-type-steps { background: #F8FAFC; } .block-type-contact-sm { padding: 35px 0 40px 0; } .block-type-news-teaser .arrows.mobile, .block-type-jobs-teaser .arrows.mobile { display: none; margin-top: 32px; } @media (max-width: 34.365em) { .block-type-news-teaser .arrows.mobile, .block-type-jobs-teaser .arrows.mobile { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-flow: row-reverse; gap: 2rem; } } .block-type-news-teaser .arrows.mobile .swiper-button-next, .block-type-jobs-teaser .arrows.mobile .swiper-button-next { position: relative; left: auto; right: auto; top: 0; } .block-type-news-teaser .arrows.mobile .swiper-button-prev, .block-type-jobs-teaser .arrows.mobile .swiper-button-prev { position: relative; left: auto; right: auto; top: 0; } .block-type-all-jobs .teaser-item .no-button:hover { background: #E2E8F0; } #page { margin-bottom: 230px; } .overlay { position: fixed; bottom: 0; left: 0; width: 100%; /*background-color: #fff;*/ background: #fafafa; box-shadow: 0 0 10px 1px #acacac; } .overlay .overlay-container { width: 100%; margin: 2em auto 2em; max-width: 1000px; text-align: center; } .overlay .button { padding: 0.5em; background-color: #247984; color: #fafafa; font-weight: bold; } .accordion-item { margin-bottom: 24px; border-bottom: 1px solid #4B4B4D; } .accordion-item.is-active .accordion-content { display: block; } .accordion-item.is-active .accordion-head { color: #00829B; } .accordion-item.is-active .accordion-head .icon { color: #00829B; } .accordion-item.is-active .d-block { display: none; } .accordion-item.is-active .d-none { display: block; } .accordion-head { font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; position: relative; cursor: pointer; margin: 0; padding-bottom: 24px; font-size: 23px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.35; letter-spacing: normal; text-align: left; color: #4B4B4D; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; } .accordion-head .icon { width: 23px; height: 23px; } .accordion-head p { width: 90%; } .accordion-content { font-size: 16px; height: 0; overflow: hidden; -webkit-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; } .accordion-content p { margin-bottom: 16px; } .accordion-content p:last-child { margin-bottom: 42px; } .accordion-content-inner { padding-bottom: 1.25rem; padding-top: 1.25rem; width: 100%; position: relative; font-size: 15px; } .accordion-content-inner ul { margin: 0; } .faq { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 32px; grid-row-gap: 32px; } @media (max-width: 58.74em) { .faq { grid-template-columns: 1fr; } } @media (max-width: 34.365em) { .faq-head { margin-bottom: 32px; } } .faq-head .alpha { font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; font-size: 56px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.15; letter-spacing: normal; text-align: left; color: #4B4B4D; } @media (max-width: 34.365em) { .faq-head .alpha { font-size: 32px; } } .faq-head .beta { font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; opacity: 0.4; font-size: 96px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.35; letter-spacing: normal; text-align: left; color: #00829B; } @media (max-width: 34.365em) { .faq-head .beta { font-size: 80px; } } .d-block { display: block; } .d-none { display: none; } .basicLightbox { position: fixed; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.8); opacity: 0.01; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; z-index: 1000; will-change: opacity; } .basicLightbox--visible { opacity: 1; } .basicLightbox__placeholder { max-width: 100%; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; z-index: 1; will-change: transform; } .basicLightbox__placeholder > iframe:first-child:last-child, .basicLightbox__placeholder > img:first-child:last-child, .basicLightbox__placeholder > video:first-child:last-child { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 95%; max-height: 95%; } .basicLightbox__placeholder > iframe:first-child:last-child, .basicLightbox__placeholder > video:first-child:last-child { pointer-events: auto; } .basicLightbox__placeholder > img:first-child:last-child, .basicLightbox__placeholder > video:first-child:last-child { width: auto; height: auto; } .basicLightbox--iframe .basicLightbox__placeholder, .basicLightbox--img .basicLightbox__placeholder, .basicLightbox--video .basicLightbox__placeholder { width: 100%; height: 100%; pointer-events: none; } .basicLightbox--visible .basicLightbox__placeholder { -webkit-transform: scale(1); transform: scale(1); } .lightbox-figure { display: -webkit-box; display: flex; max-width: 100%; } .lightbox-image--link { margin-bottom: 1.25rem; } .lightbox-image { flex-shrink: 1; max-width: 70vw; width: 100%; } .lightbox-link { cursor: pointer; } /** * Swiper 8.3.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: July 26, 2022 */ @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color:#007aff; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-pointer-events { touch-action: pan-y; } .swiper-pointer-events.swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { -webkit-box-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .swiper-backface-hidden .swiper-slide { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper { -webkit-scroll-snap-type: x mandatory; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { -webkit-scroll-snap-type: y mandatory; -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; -webkit-box-ordinal-group: 10000; order: 9999; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; } :root { --swiper-navigation-size:44px; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next"; } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 0.3s opacity; transition: 0.3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 0.2s top, 0.2s -webkit-transform; transition: 0.2s top, 0.2s -webkit-transform; transition: 0.2s transform, 0.2s top; transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 0.2s left, 0.2s -webkit-transform; transition: 0.2s left, 0.2s -webkit-transform; transition: 0.2s transform, 0.2s left; transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 0.2s right, 0.2s -webkit-transform; transition: 0.2s right, 0.2s -webkit-transform; transition: 0.2s transform, 0.2s right; transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform; } .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } .swiper { width: 100%; height: 100%; overflow-y: auto; } .swiper.slider-hero { padding: 0; overflow-y: hidden; } @media (max-width: 34.365em) { .swiper.slider-hero { height: 80vh; } } .swiper.slider-hero .swiper-slide { box-shadow: none; padding: 0; border-radius: 0; position: relative; } .swiper.slider-hero .swiper-slide:after { position: absolute; left: 0; bottom: 0; width: 100%; height: 334px; pointer-events: none; content: ""; z-index: 2; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); } .swiper.slider-hero img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .swiper.slider-hero .arrows { position: absolute; top: 50%; width: 100%; } .swiper.slider-hero .button-next-prev { width: 40px; height: 40px; } .swiper.slider-hero .swiper-button-prev { right: auto; left: 40px; position: absolute; } .swiper.slider-hero .swiper-button-next { left: auto; right: 40px; position: absolute; } .swiper .headline { text-decoration: none; display: block; } .swiper.news .headline:hover { text-decoration: underline; text-decoration-thickness: 2px; } .swiper.news .button { -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .swiper.news .button:hover { color: #fff; background: #00829B; } .swiper.jobs .headline { color: #F08303; } .swiper.jobs .headline:hover { text-decoration: underline; text-decoration-thickness: 2px; } .swiper.logos .swiper-slide { background: #F8FAFC; height: 120px; overflow-y: hidden; } .swiper.logos .swiper-slide .logo { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .swiper.logos:after { position: absolute; top: 0; right: 0; bottom: 0; width: 120px; background: -webkit-linear-gradient(left, #FFFFFF 41.84%, rgba(255, 255, 255, 0) 92.2%); background: linear-gradient(90deg, #FFFFFF 41.84%, rgba(255, 255, 255, 0) 92.2%); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); opacity: 1; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; pointer-events: none; content: ""; z-index: 2; } @media (max-width: 34.365em) { .swiper.logos:after { display: none; } } .swiper.logos:before { position: absolute; top: 0; left: 0; bottom: 0; width: 120px; background: -webkit-linear-gradient(left, #FFFFFF 41.84%, rgba(255, 255, 255, 0) 92.2%); background: linear-gradient(90deg, #FFFFFF 41.84%, rgba(255, 255, 255, 0) 92.2%); opacity: 1; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; pointer-events: none; content: ""; z-index: 2; } @media (max-width: 34.365em) { .swiper.logos:before { display: none; } } .swiper-slide { background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); padding: 32px 32px 40px 32px; border-radius: 10px; text-align: left; height: auto; } .swiper-slide .subline { color: #94A3B8; font-size: 14px; font-weight: 400; line-height: 20px; text-transform: uppercase; margin-bottom: 4px; } .swiper-slide .headline { color: #00829B; font-weight: 600; font-size: 24px; line-height: 28px; margin-bottom: 16px; } .swiper-slide .teaser-text { font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 32px; } .swiper-slide .tags { display: -webkit-box; display: flex; gap: 12px; flex-wrap: wrap; } .button-next-prev { width: 64px; height: 64px; } .button-next-prev:after { display: none; } .button-next-prev:before { display: none; } .swiper { padding: 10px; } .swiper-button-next { position: relative; right: 0; background: #00829B; border-radius: 50%; color: #fff; } .swiper-button-prev { position: absolute; left: auto; right: 80px; background: #F8FAFC; border-radius: 50%; color: #4B4B4D; } .text-cols { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 32px; grid-row-gap: 32px; } @media (max-width: 58.74em) { .text-cols { grid-template-columns: 1fr 1fr; } } @media (max-width: 46.24em) { .text-cols { grid-template-columns: 1fr; } } .text-cols.has-cols { display: -webkit-box; display: flex; flex-wrap: wrap; gap: 32px; } .text-cols .col { margin-bottom: 32px; } @media (max-width: 58.74em) { .text-cols .col { width: 100% !important; /* stylelint-disable-line */ margin: 0; } } .text-cols .col.checkmarks li { list-style: none; } .text-cols .col.checkmarks li:before { content: url("../img/bullet-style-checklist.svg"); width: 27px; height: 27px; left: -30px; top: 0; display: block; background: none; } .text-cols .col a { color: #F08303; text-decoration: none; } .text-cols .col h1, .text-cols .col h2, .text-cols .col h3, .text-cols .col h4 { font-weight: 700; font-size: 18px; line-height: 135%; color: #F08303; margin-bottom: 16px; } .text-cols .col p { margin-bottom: 14px; } .text-cols .col ul { list-style: none; margin-bottom: 14px; } .text-cols .col ul li { position: relative; margin-bottom: 14px; list-style-position: outside; margin-left: 25px; } .text-cols .col ul li:before { position: absolute; top: 10px; left: -22px; width: 7px; height: 7px; background: #F08303; content: ""; } @media (max-width: 58.74em) { .text-cols .col.col-icons { text-align: center; } } .text-cols .col .col-icon { display: block; margin-left: auto; margin-right: auto; margin-bottom: 16px; } .text-cols .col .col-title { font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; font-weight: 700; font-size: 18px; line-height: 135%; text-transform: uppercase; color: #00829B; margin-bottom: 16px; display: block; text-align: center; } .text-cols .col .col-text { font-weight: 400; font-size: 16px; line-height: 150%; } .steps { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 32px; } @media (max-width: 58.74em) { .steps { display: -webkit-box; display: flex; flex-wrap: wrap; } } .steps .col { position: relative; margin-bottom: 32px; } .steps .col[data-step="1"] { grid-area: 1/1/2/2; } .steps .col[data-step="2"] { grid-area: 1/2/2/3; } .steps .col[data-step="3"] { grid-area: 1/3/2/4; } .steps .col[data-step="4"] { grid-area: 3/1/4/2; } .steps .col[data-step="5"] { grid-area: 3/2/4/3; } .steps .col[data-step="6"] { grid-area: 3/3/4/4; } .steps .col[data-step="6"] svg { display: none; } .steps .col[data-step="4"], .steps .col[data-step="5"], .steps .col[data-step="6"] { margin-top: 32px; } @media (max-width: 58.74em) { .steps .col[data-step="4"], .steps .col[data-step="5"], .steps .col[data-step="6"] { margin-top: 0; } } .steps .col:before { content: ""; position: absolute; left: 0; width: 2px; background: #00829B; top: 0; height: calc(100% - 30px); } .steps .col[data-step="3"]:after { content: ""; position: absolute; right: 0; width: 2px; background: #00829B; height: calc(100% - 30px); bottom: 0; } @media (max-width: 58.74em) { .steps .col[data-step="3"]:after { display: none; } } .steps .col[data-step="3"] svg { display: none; } @media (max-width: 58.74em) { .steps .col[data-step="3"] svg { display: none; } } @media (max-width: 58.74em) { .steps .col { width: calc(50% - 32px) !important; /* stylelint-disable-line */ } .steps .col svg { display: none; } } @media (max-width: 34.365em) { .steps .col { width: 100% !important; /* stylelint-disable-line */ } } .steps .col-inner { padding-left: 24px; padding-bottom: 24px; } .steps .col-inner svg { position: absolute; right: 0; color: #00829B; } .steps .col-title { font-weight: 600; font-size: 23px; line-height: 31px; text-transform: uppercase; margin-bottom: 10px; } .steps .col-text { font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; position: relative; font-weight: 400; font-size: 16px; line-height: 24px; } .steps .col-text p:not(:last-child) { margin-bottom: 18px; } .steps .step { font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; position: relative; font-weight: 700; font-size: 40px; line-height: 115%; color: #00829B; } .steps .col-divider { grid-area: 2/1/3/4; height: 2px; background: #00829B; position: relative; margin-bottom: 32px; } @media (max-width: 58.74em) { .steps .col-divider { display: none; } } .steps .col-divider span { display: inline-block; background: #00829B; width: 2px; } .steps .col-divider span:nth-child(1) { height: 30px; } .steps .col-divider span:nth-child(2) { height: 16px; -webkit-transform: rotate(45deg) translate(2px, 2px); transform: rotate(45deg) translate(2px, 2px); } .steps .col-divider span:nth-child(3) { height: 16px; -webkit-transform: rotate(-45deg) translate(-14px, -11px); transform: rotate(-45deg) translate(-14px, -11px); } .steps .col-divider:after { content: ""; position: absolute; right: 0; width: 2px; background: #00829B; bottom: 0; height: 40px; } .steps .col-top-line { position: absolute; width: 50px; background: #00829B; height: 2px; right: 0; top: 30px; } @media (max-width: 58.74em) { .steps .col-top-line { display: none; } } .description h2 { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; font-weight: 700; font-size: 26px; line-height: 30px; color: #00829B; padding: 12px 0; border-top: 1px solid #94A3B8; border-bottom: 1px solid #94A3B8; margin-bottom: 32px; } .description h3, .description h4 { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; font-weight: 700; font-size: 18px; line-height: 24px; margin-bottom: 16px; } .description h3 { color: #3B4754; } .description h4 { color: #F08303; } .description p, .description ul { margin-bottom: 16px; } .description ul { list-style: none; } @media (min-width: 61.25em) { .description ul { padding-right: 250px; } } .description ul li { position: relative; margin-bottom: 14px; list-style-position: outside; margin-left: 25px; } .description ul li:before { position: absolute; top: 10px; left: -22px; width: 7px; height: 7px; background: #F08303; content: ""; } .description ul li ul li { margin-bottom: 0; } .description.intro-wrap ul { padding-right: 0; } .reference-logo { background: #F8FAFC; border-radius: 10px; width: 382px; height: 257px; margin-bottom: 30px; position: relative; } .reference-logo img { position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .tile-offwhite { background: #F8FAFC; border-radius: 10px; height: auto; margin-bottom: 17px; padding: 37px 26px; } .tile-offwhite ul { list-style: none; } .tile-offwhite ul li { position: relative; margin-bottom: 14px; list-style-position: outside; margin-left: 25px; } .tile-offwhite ul li:before { position: absolute; top: 10px; left: -22px; width: 7px; height: 7px; background: #F08303; content: ""; } .tile-offwhite .head { font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; color: #00829B; font-weight: 500; font-size: 24px; line-height: 28px; text-transform: uppercase; padding-bottom: 16px; border-bottom: 1px solid #94A3B8; margin-bottom: 24px; } .tile-offwhite .fact { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; margin-bottom: 8px; font-size: 16px; line-height: 24px; } @media (max-width: 34.365em) { .tile-offwhite .fact { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column wrap; } } .tile-offwhite .fact div:first-child { font-weight: 700; width: 50%; } @media (max-width: 34.365em) { .tile-offwhite .fact div:first-child { width: 100%; } } .tile-offwhite .fact div:last-child { width: 50%; text-align: left; } @media (max-width: 34.365em) { .tile-offwhite .fact div:last-child { width: 100%; } } .page-tags { display: -webkit-box; display: flex; gap: 12px; flex-wrap: wrap; } .page-tags .tag { padding: 6px 12px; background: #F8FAFC; border: 1px solid #00829B; border-radius: 30px; font-size: 14px; text-decoration: none; color: #4B4B4D; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .page-tags .tag:hover { color: #fff; background: #00829B; } .intro-wrap .alpha { font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; font-weight: 500; font-size: 34px; line-height: 39px; color: #00829B; margin-bottom: 33px; } @media (max-width: 34.365em) { .intro-wrap .alpha { margin-bottom: 20px; } } .intro-wrap .beta { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; font-weight: 700; font-size: 18px; line-height: 24px; color: #475569; margin-bottom: 8px; } @media (max-width: 34.365em) { .intro-wrap .beta { margin-bottom: 20px; } } .intro-wrap .intro { margin-bottom: 58px; } .intro-wrap .intro.news { margin-bottom: 0; } .intro-wrap .intro p { margin-bottom: 16px; } .filter-tags { display: -webkit-box; display: flex; position: relative; width: 100%; margin-bottom: 40px; } .filter-tags .filter-inner { display: -webkit-box; display: flex; flex-wrap: wrap; gap: 10px; } @media (max-width: 34.365em) { .filter-tags .filter-inner { overflow: scroll; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; gap: 5px; -ms-overflow-style: none; scrollbar-width: none; } .filter-tags .filter-inner::-webkit-scrollbar { display: none; } .filter-tags .filter-inner .filter-inner-link { display: block; width: -webkit-max-content; width: -moz-max-content; width: max-content; } } .event-link { background: #00829B; color: #fff; border-radius: 30px; font-size: 16px; margin-top: 32px; display: inherit; text-decoration: none; text-align: center; } .services { position: relative; background-attachment: fixed; background-size: cover; } @media (max-width: 34.365em) { .services { background-size: cover; } } .services .overlay { position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.54); box-shadow: none; } .services .image { width: 100%; -o-object-fit: cover; object-fit: cover; } .services .services-holder { position: relative; padding-top: 75px; padding-bottom: 75px; width: 100%; text-align: center; } @media (max-width: 34.365em) { .services .services-holder { padding: 40px 20px; } } .services .services-wrap { display: -webkit-box; display: flex; flex-wrap: wrap; gap: 48px; -webkit-box-pack: center; justify-content: center; margin-bottom: 50px; } @media (max-width: 58.74em) { .services .services-wrap { gap: 16px; } } .services .service { width: calc(33.3333333333% - 32px); padding: 24px 24px 40px; border-radius: 10px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); border: solid 2px rgba(255, 255, 255, 0.4); background-color: rgba(0, 0, 0, 0.6); text-align: center; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; text-decoration: none; } .services .service:hover { -webkit-transform: scale(105%); transform: scale(105%); } @media (max-width: 34.365em) { .services .service { width: calc(50% - 16px); } } .services .service img { margin-bottom: 16px; } .services .service .link { color: #fff; font-size: 22px; font-weight: 600; text-decoration: none; display: block; } @media (max-width: 58.74em) { .services .service .link { font-size: 16px; line-height: 1.18; } } .services .alpha, .services .beta { font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; color: #fff; text-align: center; font-size: 36px; line-height: 1.15; font-weight: normal; margin-bottom: 57px; } @media (max-width: 58.74em) { .services .alpha, .services .beta { font-size: 26px; line-height: 1.15; } } .services .button { background: #F08303; color: #fff; } .events-intro { margin-bottom: 8px; } @media (max-width: 58.74em) { .events-intro .columns { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } @media (max-width: 58.74em) { .event-intro .columns { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } @media (max-width: 58.74em) { .event-intro .column-right { margin: auto; } } .event p { margin-bottom: 16px; } .event-info { background: #00829B; height: auto; } .event-info .head { color: #fff; border-bottom: 1px solid #fff; } .event-info .fact { color: #fff; margin-bottom: 16px; } .agenda { background: #E2E8F0; height: auto; } .agenda ul { font-size: 16px; } .event-form { background: #FDEDD9; padding: 110px; position: relative; } @media (max-width: 58.74em) { .event-form { padding: 64px; } } @media (max-width: 34.365em) { .event-form { padding: 64px 16px; } } .event-form .triangle { position: absolute; top: 0; left: 25%; -webkit-transform: translateX(-25%); transform: translateX(-25%); width: 0; height: 0; border-top: solid 40px #fff; border-left: solid 40px transparent; border-right: solid 40px transparent; } @media (max-width: 58.74em) { .event-form .triangle { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } .event-form .form { padding: 40px 60px; border-radius: 12px; box-shadow: 0 12px 24px 0 rgba(0, 72, 217, 0.05), 0 24px 60px 0 rgba(0, 72, 217, 0.05), 0 2px 4px 0 rgba(0, 72, 217, 0.1); border: solid 1px #f8fafc; background-color: #fff; margin-bottom: 50px; } @media (max-width: 34.365em) { .event-form .form { padding: 40px 32px; } } .event-form .form .head { font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; padding-left: 20px; } @media (max-width: 34.365em) { .event-form .form .head { padding-left: 0; } } .event-form .form .head .title { font-size: 24px; font-weight: 600; line-height: 1.15; margin-bottom: 12px; } .event-form .form .head .text p { font-size: 18px; line-height: 1.5; margin-bottom: 12px; } @media (max-width: 34.365em) { .event-form .form .head .text p { font-size: 16px; } } .event-form .form .submit-button { font-size: 18px; font-weight: bold; line-height: 1.2; padding-top: 13px; padding-bottom: 13px; } .event-form .form .checkmark { border: 2px solid #B9B9B9; } .event-form .form .check-text-light { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; color: #979cad; font-size: 14px; line-height: 1.4; } .event-form .form .check-text-light a { color: #F08303; } .event-form .form .customer-input { padding-left: 20px; } .event-form .form .customer-input.image-captcha div { display: grid; grid-template-columns: 1fr 3fr; } @media (max-width: 34.365em) { .event-form .form .customer-input { padding-left: 0; } } .event-form .form .customer-input .column { counter-reset: myOrderedListItemsCounter; -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 30px; column-gap: 30px; } @media (max-width: 58.74em) { .event-form .form .customer-input .column { -webkit-column-count: 1; column-count: 1; } } .event-form .form .customer-input .columns { padding-top: 0; gap: 32px; } .event-form .form .customer-input .column-left, .event-form .form .customer-input .column-right { width: calc(50% - 16px); flex-basis: calc(50% - 16px); } .event-form .form .customer-input label.required:after { color: #5fb2bf; } .event-form .form .customer-input input, .event-form .form .customer-input select { background-color: #E2E8F0; } .event-form-small { background: #FDEDD9; height: auto; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } @media (max-width: 58.74em) { .event-form-small { margin: auto; } } .event-form-small .head { color: #F08303; border-bottom: 1px solid #94A3B8; } .event-form-small .text { margin-bottom: 20px; } .event-form-small .checkbox-input { margin-top: 0; } .event-form-small .check-text .hidden { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; transform-origin: top; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; overflow: hidden; } .customer-input label { font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; display: block; font-weight: 500; } .customer-input label.required:after { content: "*"; color: #F08303; } .customer-input input, .customer-input select, .customer-input textarea { padding: 12px; border-radius: 4px; background-color: #fff; width: 100%; border: none; margin: 5px 0 15px; } .customer-input textarea { background-color: #E2E8F0; } .radio-buttons { display: -webkit-box; display: flex; gap: 16px; padding: 16px 0; border-top: 1px solid #DADBDD; border-bottom: 1px solid #DADBDD; margin-bottom: 16px; } @media (max-width: 58.74em) { .radio-buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column wrap; } } .radio-input input:checked + .check-text { color: #F08303; } .input-holder { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; gap: 10px; } @media (max-width: 58.74em) { .input-holder { -webkit-box-align: baseline; align-items: baseline; } } .input-holder.w50 { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .checkmark-mark { display: none; } .checkbox-input { display: block; position: relative; padding-left: 25px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-top: 20px; } .checkbox-input:hover input ~ .checkmark { background-color: #fff; } .checkbox-input input:checked ~ .checkmark { background: #F08303; } .checkbox-input input:checked ~ .checkmark .checkmark-mark { display: block; } .checkbox-input input:checked ~ .checkmark:after { display: none; } .checkbox-input .check-text { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; display: inline-block; font-size: 14px; line-height: 1.4; } .checkbox-input .check-text .hidden { display: inline-block; height: 0; } .checkbox-input .check-text a { color: #F08303; } .checkbox-input input:checked + .checkmark { border: none; } .checkbox { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkbox:checked { content: "✓"; } .checkmark { position: absolute; top: 5px; left: 0; height: 15px; width: 15px; background-color: #fff; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .checkmark:after { content: "✓"; position: absolute; display: none; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .checkbox-rounded { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 20px; height: 20px; margin: calc(0.75em - 11px) 0.25rem 0 0; vertical-align: top; border: 2px solid #000; background: #fff no-repeat center center; border-radius: 50%; cursor: pointer; } .checkbox-rounded:checked { background-image: url("../img/circle.svg"); background-size: 8px; } .submit-button { margin-top: 32px; width: 100%; } .past-events { background: #EBEFF4; margin-bottom: 8px; } .past-events .alpha { text-transform: uppercase; } .upcoming-events { background: #FDEDD9; margin-bottom: 8px; } .upcoming-events .alpha { color: #F08303; text-transform: uppercase; } .upcoming-events .teaser-item { background: #fff; } .upcoming-events .item-head, .upcoming-events .item-link { color: #F08303; } .honey { position: absolute; left: -9999px; } /* input[type="checkbox"]:required:invalid + span { border: 2px solid red; } input[type="checkbox"]:required:valid + span { border: none; }*/ .job-details { background: #00829B; height: auto; } .job-details .head { color: #fff; border-bottom: 1px solid #fff; } .job-details .detail { display: -webkit-box; display: flex; margin-bottom: 8px; font-size: 16px; line-height: 24px; color: #fff; } .job-details .detail div:first-child { font-weight: 700; width: 40%; } .job-details .detail div:last-child { width: 60%; text-align: left; } .job-contact { height: auto; } .job-contact .contact:not(:last-child) { margin-bottom: 16px; } .whatsapp-text { display: -webkit-box; display: flex; gap: 5px; -webkit-box-align: center; align-items: center; } .columns { background: #fff; display: -webkit-box; display: flex; gap: 38px; padding-top: 104px; padding-bottom: 43px; -webkit-box-pack: justify; justify-content: space-between; } @media (max-width: 34.365em) { .columns { padding-top: 32px; } } .columns.fw { padding-top: 0; } .columns.fw .column-left, .columns.fw .column-right { flex-basis: 50%; } .columns.fw .description { width: 100%; } @media (min-width: 61.25em) { .columns.fw .description ul { padding-right: 0; } } .columns.fw .description ul li ul li { margin-bottom: 0; } @media (max-width: 58.74em) { .columns { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .columns .column-left { flex-basis: 70%; } .columns .column-right { flex-basis: 30%; } .columns .buttons { width: 100%; margin-top: 24px; display: -webkit-box; display: flex; -webkit-box-pack: end; justify-content: flex-end; gap: 16px; } .columns .button-prev { position: relative; right: 0; background: #F8FAFC; border-radius: 50%; width: 64px; height: 64px; color: #4B4B4D; } .columns .button-next { position: relative; right: 0; background: #00829B; border-radius: 50%; width: 64px; height: 64px; color: #fff; } .columns .button-prev, .columns .button-next { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .filter-button { border: 1px solid #00829B; padding: 6px 12px; border-radius: 30px; } .filter-button.checked { background: #00829B; color: #fff; } .filter-inner { list-style: none; } .filter-inner.is-jobs .filter-button { border: 1px solid #F08303; color: #F08303; } .filter-inner.is-jobs .filter-button:hover { color: #fff; } .filter-inner.is-jobs .filter-button.checked, .filter-inner.is-jobs .filter-button:hover { background: #F08303; color: #fff; } .buttons-holder label { position: relative; } .buttons-holder input { position: absolute; opacity: 0; cursor: pointer; width: 100%; height: 100%; } .buttons-holder span { cursor: pointer; } .buttons-holder span.checked { background: #00829B; color: #fff; } .large-image { border-radius: 10px; } .large-image img { width: 100%; border-radius: 10px; } .white-container { background: #fff; } .text-fw .text { font-size: 18px; line-height: 27px; } .text-fw .text p, .text-fw .text h2, .text-fw .text h3, .text-fw .text h4 { margin-bottom: 16px; } .text-fw .text .alpha { margin-bottom: 32px; } .embed-container { position: relative; height: 594px; overflow: hidden; max-width: 100%; background: #fff; } @media (max-width: 58.74em) { .embed-container { height: 300px; } } iframe, object, embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .text-list { position: relative; } .text-list .text-list-holder { position: relative; padding-top: 168px; padding-bottom: 168px; width: 100%; color: #fff; background-size: cover; } .text-list .text-list-holder:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(bottom, rgba(0, 130, 155, 0.8), rgba(0, 130, 155, 0.8)), -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); background: linear-gradient(0deg, rgba(0, 130, 155, 0.8), rgba(0, 130, 155, 0.8)), linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); } @media (max-width: 58.74em) { .text-list .text-list-holder { padding-top: 32px; padding-bottom: 32px; } } .text-list .text-list-holder .headline { font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; font-weight: 400; font-size: 32px; line-height: 37px; margin-bottom: 32px; } .text-list .text-list-holder .text { color: #fff; font-weight: 400; font-size: 18px; line-height: 27px; margin-bottom: 32px; } .text-list .text-list-holder .text p:not(:last-child) { margin-bottom: 16px; } .text-list .grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 148px; grid-row-gap: 32px; z-index: 1; } @media (max-width: 58.74em) { .text-list .grid { grid-template-columns: 1fr; } } .text-list .text-list--list { font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-display: swap; color: #fff; font-weight: 500; font-size: 18px; line-height: 118%; letter-spacing: 2.5px; text-transform: uppercase; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; padding-bottom: 24px; margin-bottom: 32px; border-bottom: 1px solid #fff; } @media (max-width: 34.365em) { .text-list .text-list--list { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-flow: column-reverse wrap; gap: 1rem; } } .text-list .text-list--list p { width: calc(100% - 40px); } @media (max-width: 34.365em) { .text-list .text-list--list p { width: 100%; } } .text-list .text-list--list span { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border: 1px solid #fff; border-radius: 20px; width: 32px; height: 32px; } .u-display-block { display: block; } .u-display-inline { display: inline; } .u-display-inline-block { display: inline-block; } .u-align-left { text-align: left; } .u-align-center { text-align: center; } .u-align-right { text-align: right; } .vbcn *, .vbcn :after, .vbcn :before { box-sizing: inherit; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; } .vbcn-backdrop { position: fixed; height: 100vh; width: 100vw; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.75); opacity: 0.7; } .vbcn { background: #fff; color: #161616; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); border-radius: 3px; font-size: 17px; line-height: 1.4; position: fixed; right: 30px; bottom: 30px; width: 100%; padding: 1.4em; max-width: 50em; box-sizing: border-box; overflow: auto; max-height: calc(100vh - 60px); } @media (max-width: 900px) { .vbcn { right: 0; bottom: 0; } } @media (max-width: 768px) { .vbcn { max-width: 50em; max-height: 100vh; } } .vbcn.is-centered { position: fixed; top: 50%; left: 50%; bottom: auto; right: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow: auto; max-height: 100vh; } .vbcn.is-centered .vbcn-buttons { margin-bottom: 30px; margin-top: 30px; } @media (max-width: 768px) { .vbcn { font-size: 16px; } } @media (max-width: 576px) { .vbcn { font-size: 15px; } } .vbcn a { color: currentColor; text-decoration: underline; } .vbcn a:hover { color: #00829B; } .vbcn .vbcn-details-view { display: none; } .vbcn .vbcn-button#vbcn-accept-all { display: none; } .vbcn .vbcn-button#vbcn-decline-all { display: none; } .vbcn .vbcn-button#vbcn-cancel-customize { display: none; } .vbcn .vbcn-button#vbcn-save { display: none; } .vbcn.is-config-mode .vbcn-preset-view { display: none; } .vbcn.is-config-mode .vbcn-details-view { display: block; } .vbcn.is-config-mode .vbcn-button#vbcn-accept-preset { display: none; } .vbcn.is-config-mode .vbcn-button#vbcn-decline { display: inline-block; } .vbcn.is-config-mode .vbcn-button#vbcn-customize { display: none; } .vbcn.is-config-mode .vbcn-button#vbcn-accept-all { display: inline-block; } .vbcn.is-config-mode .vbcn-button#vbcn-decline-all { display: inline-block; } .vbcn.is-config-mode .vbcn-button#vbcn-cancel-customize { display: inline-block; } .vbcn.is-config-mode .vbcn-button#vbcn-save { display: inline-block; } .vbcn-title { font-size: 1.3em; margin: 0 0 0.6em; padding-bottom: 0.5em; border-bottom: 1px solid #666; color: #333; } .vbcn-text { margin: 0 0 1.2em; } .vbcn-option { position: relative; display: block; padding-left: 1.6em; margin: 0 0 1em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; text-transform: none; } .vbcn-option-input { position: absolute; width: 0; height: 0; opacity: 0; cursor: pointer; } .vbcn-option-input:checked ~ .vbcn-option-checkmark { background: #00829B; border-color: #00829B; } .vbcn-option-input:checked ~ .vbcn-option-checkmark:after { color: #fff; content: "✓"; } .vbcn-option-checkmark { position: absolute; top: 0.075em; left: 0; height: 1.2em; width: 1.2em; background: transparent; border: 1px solid rgba(22, 22, 22, 0.5); } .vbcn-option-checkmark:after { text-align: center; line-height: 0.9; display: block; } .vbcn-option-desc { font-size: 0.75em; color: #666; display: block; } .vbcn-option-mandatory-text { color: #ff4e41; font-weight: bold; } .vbcn-buttons { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: end; justify-content: flex-end; } .vbcn-button { border-radius: 3px; background: #535353; color: #fff; font-size: 1em; letter-spacing: 0.5px; padding: 0.5em 0.8em; border: none; cursor: pointer; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5); display: inline-block; font-weight: bolder; margin: 0 0 0.5em 0.5em; } .vbcn-button:hover, .vbcn-button:active { box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5) inset; } .vbcn-button:disabled { color: #888; cursor: default; } .vbcn-button.primary { background: #00829B; color: #fff; font-weight: bolder; padding-left: 2em; padding-right: 2em; } .vbcn-placeholder { position: absolute; width: 100%; height: 100%; z-index: 2; } .vbcn-placeholder a { color: var(--color-brand-primary-hex); } .vbcn-placeholder .vbcn-placeholder-headline { margin: 0 0 0.6em; color: var(--color-brand-primary-hex); } .vbcn-placeholder .vbcn-placeholder-content { background: #fff; color: #161616; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); border-radius: 3px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 20px; max-width: 600px; margin: auto; z-index: 1; background: #fff; color: #475569; } @media (max-width: 58.74em) { .vbcn-placeholder .vbcn-placeholder-content { width: 100%; } } .vbcn-placeholder .vbcn-placeholder-actions { text-align: left; } .vbcn-placeholder .vbcn-placeholder-actions .vbcn-button { background: #00829B; color: #fff; padding: 8px 16px; border-radius: 4px; font-weight: 500; font-size: 16px; line-height: 150%; margin: 0; } .vbcn-placeholder .vbcn-placeholder-actions .vbcn-button:hover { box-shadow: none; } .vbcn-placeholder .vbcn-text-small { font-size: 0.75em; color: #666; color: var(--color-brand-primary-hex); } .vbcn-placeholder.vbcn-placeholder-video { height: 0; background-position: center; background-size: cover; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } @media (max-width: 576px) { .vbcn-placeholder.vbcn-placeholder-video { height: auto; } } .vbcn-placeholder .vbcn-placeholder-image img { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-filter: blur(10px); filter: blur(10px); } .vbcn-placeholder .vbcn-placeholder-image:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.65); z-index: 1; } .vbcn-iframe[data-src] { display: none; } .mt0 { margin-top: 0; } .mb0 { margin-bottom: 0; }