/** * Swiper 5.4.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 16, 2020 */ @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") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}: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(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items: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:.35;cursor:auto;pointer-events:none}.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;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.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{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.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-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(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%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} /* required styles */ .leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; left: 0; top: 0; } .leaflet-container { overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; } /* Prevents IE11 from highlighting tiles in blue */ .leaflet-tile::selection { background: transparent; } /* Safari renders non-retina tile on retina better with this, but Chrome is worse */ .leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; } /* hack that prevents hw layers "stretching" when loading new tiles */ .leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; -webkit-transform-origin: 0 0; } .leaflet-marker-icon, .leaflet-marker-shadow { display: block; } /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ /* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ .leaflet-container .leaflet-overlay-pane svg, .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { max-width: none !important; max-height: none !important; } .leaflet-container.leaflet-touch-zoom { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { -ms-touch-action: pinch-zoom; /* Fallback for FF which doesn't support pinch-zoom */ touch-action: none; touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { -ms-touch-action: none; touch-action: none; } .leaflet-container { -webkit-tap-highlight-color: transparent; } .leaflet-container a { -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); } .leaflet-tile { filter: inherit; visibility: hidden; } .leaflet-tile-loaded { visibility: inherit; } .leaflet-zoom-box { width: 0; height: 0; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 800; } /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ .leaflet-overlay-pane svg { -moz-user-select: none; } .leaflet-pane { z-index: 400; } .leaflet-tile-pane { z-index: 200; } .leaflet-overlay-pane { z-index: 400; } .leaflet-shadow-pane { z-index: 500; } .leaflet-marker-pane { z-index: 600; } .leaflet-tooltip-pane { z-index: 650; } .leaflet-popup-pane { z-index: 700; } .leaflet-map-pane canvas { z-index: 100; } .leaflet-map-pane svg { z-index: 200; } .leaflet-vml-shape { width: 1px; height: 1px; } .lvml { behavior: url(#default#VML); display: inline-block; position: absolute; } /* control positioning */ .leaflet-control { position: relative; z-index: 800; pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } .leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; } .leaflet-top { top: 0; } .leaflet-right { right: 0; } .leaflet-bottom { bottom: 0; } .leaflet-left { left: 0; } .leaflet-control { float: left; clear: both; } .leaflet-right .leaflet-control { float: right; } .leaflet-top .leaflet-control { margin-top: 10px; } .leaflet-bottom .leaflet-control { margin-bottom: 10px; } .leaflet-left .leaflet-control { margin-left: 10px; } .leaflet-right .leaflet-control { margin-right: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-tile { will-change: opacity; } .leaflet-fade-anim .leaflet-popup { opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; } .leaflet-zoom-animated { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .leaflet-zoom-anim .leaflet-zoom-animated { will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1); -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1); transition: transform 0.25s cubic-bezier(0,0,0.25,1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { -webkit-transition: none; -moz-transition: none; transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; } /* cursors */ .leaflet-interactive { cursor: pointer; } .leaflet-grab { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* marker & overlays interactivity */ .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path { pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } /* visual tweaks */ .leaflet-container { background: #ddd; outline: 0; } .leaflet-container a { color: #0078A8; } .leaflet-container a.leaflet-active { outline: 2px solid orange; } .leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255,255,255,0.5); } /* general typography */ .leaflet-container { font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; } /* general toolbar styles */ .leaflet-bar { box-shadow: 0 1px 5px rgba(0,0,0,0.65); border-radius: 4px; } .leaflet-bar a, .leaflet-bar a:hover { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; } .leaflet-bar a:hover { background-color: #f4f4f4; } .leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; } .leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; } .leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } /* zoom control */ .leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px 'Lucida Console', Monaco, monospace; text-indent: 1px; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { font-size: 22px; } /* layers control */ .leaflet-control-layers { box-shadow: 0 1px 5px rgba(0,0,0,0.4); background: #fff; border-radius: 5px; } .leaflet-control-layers-toggle { background-image: url(../img/layers.png); width: 36px; height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { background-image: url(../img/layers-2x.png); background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; } .leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; } .leaflet-control-layers-scrollbar { overflow-y: scroll; overflow-x: hidden; padding-right: 5px; } .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; } .leaflet-control-layers label { display: block; } .leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; } /* Default icon URLs */ .leaflet-default-icon-path { background-image: url(../img/marker-icon.png); } /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255, 255, 255, 0.7); margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { padding: 0 5px; color: #333; } .leaflet-control-attribution a { text-decoration: none; } .leaflet-control-attribution a:hover { text-decoration: underline; } .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale { font-size: 11px; } .leaflet-left .leaflet-control-scale { margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; } .leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; font-size: 11px; white-space: nowrap; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; background: rgba(255, 255, 255, 0.5); } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 2px solid rgba(0,0,0,0.2); background-clip: padding-box; } /* popup */ .leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; } .leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; } .leaflet-popup-content { margin: 13px 19px; line-height: 1.4; } .leaflet-popup-content p { margin: 18px 0; } .leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-left: -20px; overflow: hidden; pointer-events: none; } .leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: white; color: #333; box-shadow: 0 3px 14px rgba(0,0,0,0.4); } .leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; padding: 4px 4px 0 0; border: none; text-align: center; width: 18px; height: 14px; font: 16px/14px Tahoma, Verdana, sans-serif; color: #c3c3c3; text-decoration: none; font-weight: bold; background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover { color: #999; } .leaflet-popup-scrolled { overflow: auto; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } .leaflet-oldie .leaflet-popup-content-wrapper { zoom: 1; } .leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-popup-tip-container { margin-top: -1px; } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; } /* div icon */ .leaflet-div-icon { background: #fff; border: 1px solid #666; } /* Tooltip */ /* Base styles for the element that has a tooltip */ .leaflet-tooltip { position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-shadow: 0 1px 3px rgba(0,0,0,0.4); } .leaflet-tooltip.leaflet-clickable { cursor: pointer; pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ""; } /* Directions */ .leaflet-tooltip-bottom { margin-top: 6px; } .leaflet-tooltip-top { margin-top: -6px; } .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { left: 50%; margin-left: -6px; } .leaflet-tooltip-top:before { bottom: 0; margin-bottom: -12px; border-top-color: #fff; } .leaflet-tooltip-bottom:before { top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff; } .leaflet-tooltip-left { margin-left: -6px; } .leaflet-tooltip-right { margin-left: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { top: 50%; margin-top: -6px; } .leaflet-tooltip-left:before { right: 0; margin-right: -12px; border-left-color: #fff; } .leaflet-tooltip-right:before { left: 0; margin-left: -12px; border-right-color: #fff; } @charset "UTF-8"; /* Bootstrap lightweight */ /*! * Bootstrap Grid v4.2.1 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; text-align: left; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; } p { margin-top: 0; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bold; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } th { text-align: inherit; } label { display: inline-block; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } .container, #mobile-menu .item-container, .container-xxl, .container-xxxl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, #mobile-menu .item-container, .container-xxl, .container-xxxl { max-width: 540px; } } @media (min-width: 768px) { .container, #mobile-menu .item-container, .container-xxl, .container-xxxl { max-width: 720px; } } @media (min-width: 992px) { .container, #mobile-menu .item-container, .container-xxl, .container-xxxl { max-width: 960px; } } @media (min-width: 1200px) { .container, #mobile-menu .item-container, .container-xxl, .container-xxxl { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row, .gravity-form-bootstrap .gform_fields { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, #page-about .blocs-container .section-bloc .col-image, #page-about .blocs-container .section-bloc .col-content, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9, #page-about .blocs-container .section-bloc .col-image, #page-about .blocs-container .section-bloc .col-content { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5, #page-about .blocs-container .section-bloc .col-image, #page-about .blocs-container .section-bloc .col-content { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1, #page-about .blocs-container .section-bloc:nth-child(even) .col-image { order: 1; } .order-xl-2, #page-about .blocs-container .section-bloc:nth-child(even) .col-content { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } /* Function */ /* |--------------------------------------------------------------- | Functions |--------------------------------------------------------------- | Functions used to add classes to generation | | */ /* | | Add Buttons |----------------------- | */ /* | | Add Blocks |----------------------- | */ /* | | Add Links |----------------------- | */ /* variables */ /* |--------------------------------------------------------------- | Variables |--------------------------------------------------------------- | Import variables | | */ /* |--------------------------------------------------------------- | SPACES |--------------------------------------------------------------- | Margins and paddings | | */ /* |-------------- | Space sizes |-------------- | Variables used to generate magins & paddings classes (including responsive) | - Normal classes: .{property}-{size} / .mb-md / margin-bottom: $md | - Responsive classes: .{screen}-{up/down/only}-{property}-{size} / .md-down-mb-md / (max-width: 992px) { margin-bottom: $md } | */ /* |--------------------------------------------------------------- | COLORS |--------------------------------------------------------------- | Define colors | | */ /* | | Colors declaration |---------------------- | */ /* | | Assign colors |--------------- | */ /* |------------- | Colors map |------------- | - How to use: add lines to create more "color classes" | - Generated classes: .bg-{color} & .color-{color} | */ /* |--------------------------------------------------------------- | TEXTS |--------------------------------------------------------------- | Set all text properties | | */ /* | | | FONT-SIZES | | |---------------------------------------------- | Font sizes settings (for each screen sizes) |---------------------------------------------- | Variables used to generate font classes (including responsive) | - Generated classes: .font-{size} | - Exemple: .font-md | */ /* | | | TITLE-SIZES | | |----------------------------------------------- | Title sizes settings (for each screen sizes) |----------------------------------------------- | Variables used to generate title classes (including responsive) | - Generated classes: .title-{size} | - Exemple: .title-md | */ /* | | FONT-FAMILIES |---------------- | */ /* |------------------------------- | Font family classes creation |------------------------------- | How to use: add lines to create more "font family classes" | - Generated classes: .font-{family} | - Exemple: .font-custom | */ /* | | Default font settings |------------------------ | */ /* | | Default titles settings |-------------------------- | */ /* |--------------------------------------------------------------- | SECTIONS |--------------------------------------------------------------- | Generate responsive sections | | */ /* |------------------- | Sections setting |------------------- | - Generated class: .section | */ /* |--------------------------------------------------------------- | BUTTONS |--------------------------------------------------------------- | Generate and set buttons | | */ /* | | Bg img default |---------------------- | */ /* |------------------- | Bg img creation |------------------- | - Generated classes: .bg-img-{size} | */ /* Components */ /* |--------------------------------------------------------------- | Helpers |--------------------------------------------------------------- | Define helper classes | | */ /* | | Text Transform |---------------------------- | */ .tt-u { text-transform: uppercase !important; } .tt-l { text-transform: lowercase !important; } .tt-c { text-transform: capitalize !important; } .tt-n { text-transform: none !important; } /* | | Underline |------------ | */ .td-u { text-decoration: underline !important; } .td-n { text-decoration: none !important; } /* | | Font styles |-------------- */ .fs-i { font-style: italic !important; } .fs-o { font-style: oblique !important; } .fs-n { font-style: normal !important; } /* | | Background cover |------------------- */ .bg-cover, .bg-cover-top, .bg-cover-bottom, .bg-img-full-absolute, .bg-img-full, .banner, #page-home #section-themes .item-brush, .custom-plyr-video .item-poster { background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; } .bg-cover-top { background-position: center top !important; } .bg-cover-bottom { background-position: center bottom !important; } .bg-img-full { width: 100%; height: 100vh; } .bg-contain, #page-home #section-themes .images-container .item-img { background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; } /* | | Overflows |------------- | */ .o-v { overflow: visible !important; } .ox-v { overflow-x: visible !important; } .oy-v { overflow-y: visible !important; } .o-h { overflow: hidden !important; } .ox-h { overflow-x: hidden !important; } .oy-h { overflow-y: hidden !important; } /* | | Positions |------------- | */ .p-r { position: relative !important; } .p-a { position: absolute !important; } .p-f { position: fixed !important; } .p-s { position: static !important; } .p-r-z-1 { position: relative; z-index: 1; } /* | | Flex Alignment |----------------- */ .ai-start { align-items: flex-start; } .ai-end { align-items: flex-end; } .ai-center { align-items: center; } .ai-baseline { align-items: baseline; } .ai-stretch { align-items: stretch; } /* | | Flex Justify |--------------- */ .jc-start { justify-content: flex-start; } .jc-end { justify-content: flex-end; } .jc-center { justify-content: center; } .jc-between { justify-content: space-between; } .jc-around { justify-content: space-around; } /* | | Flex full center |------------------- */ .flex-center, .menu-socials .item-social, #header .item-right .item-socials .item-social, #mobile-menu .item-socials .item-social, .share-tool .item-st-container .item-social, #section-citizen-with-project .citizens-select-group, #page-loader { display: flex; align-items: center; justify-content: center; } .inline-flex-center, #section-citizen-with-project .select-arrow, #page-projects #section-intro .zone-filters .item-select .item-s-selected .item-s-icon, .arrow-link .item-al-icon, .btn-arrow .item-ba-icon { display: inline-flex; align-items: center; justify-content: center; } /* | | White space |-------------- */ .ws-inherit { white-space: inherit; } .ws-normal { white-space: normal; } .ws-nowrap { white-space: nowrap; } .ws-pre { white-space: pre; } .ws-pre-wrap { white-space: pre-wrap; } .ws-pre-line { white-space: pre-line; } /* | | Pointer events |----------------- */ .pe-inherit { pointer-events: inherit; } .pe-none { pointer-events: none; } .pe-auto { pointer-events: auto; } /* | | Optimize animation |--------------------- | */ .optimize-animation { backface-visibility: hidden; -webkit-backface-visibility: hidden; transform-style: preserve-3d; perspective: 1000; -webkit-perspective: 1000; will-change: transform; } /* | | transform-none |----------------- */ .transform-none { transform: none !important; } /* | | transform-none |----------------- */ .transform-none { transform: none !important; } /* | | absolute-full |----------------- */ .absolute-full, .bg-img-full-absolute, .popup, .popup .item-overlay, .popup .item-container, .popup-search, #page-home #section-banner .banner-card .item-brush, #page-home #section-themes .images-container .item-img, #page-home #section-themes .item-brush, #page-home #section-themes .item-brush-layer, .arrow-link .item-al-circle, .btn-arrow .item-ba-circle, #page-loader .layer, #page-loader .item-logo svg:nth-child(2), .layer-transition .layer, html.has-scroll-smooth [data-barba="container"] .barba-inner, [data-barba="container"].transitionning .barba-inner, .custom-plyr-video .item-poster, .absolute-top-left, .lang-switcher ul, .section-intro .intro-content .item-img-container .item-btn, #page-home #section-banner .banner-card-container, #page-project #section-slider .slider-button, .custom-btn .item-circle, .c-scrollbar .c-scrollbar_thumb, .custom-plyr-video-wrapper .item-video-brush.item-vb-up, .absolute-bottom-left, .custom-plyr-video-wrapper .item-video-brush.item-vb-down, .absolute-top-right, .popup .item-close, .c-scrollbar, .absolute-bottom-right, #page-project #section-slider .swiper-gallery-controls, .absolute-top-left, .lang-switcher ul, .section-intro .intro-content .item-img-container .item-btn, #page-home #section-banner .banner-card-container, #page-project #section-slider .slider-button, .custom-btn .item-circle, .c-scrollbar .c-scrollbar_thumb, .custom-plyr-video-wrapper .item-video-brush.item-vb-up, .absolute-center, .custom-btn .item-cb-text, .custom-link .item-cl-icon svg.item-cl-arrow, #page-loader .item-logo-text, #page-loader .item-logo { position: absolute; } .absolute-full, .bg-img-full-absolute, .popup, .popup .item-overlay, .popup .item-container, .popup-search, #page-home #section-banner .banner-card .item-brush, #page-home #section-themes .images-container .item-img, #page-home #section-themes .item-brush, #page-home #section-themes .item-brush-layer, .arrow-link .item-al-circle, .btn-arrow .item-ba-circle, #page-loader .layer, #page-loader .item-logo svg:nth-child(2), .layer-transition .layer, html.has-scroll-smooth [data-barba="container"] .barba-inner, [data-barba="container"].transitionning .barba-inner, .custom-plyr-video .item-poster { top: 0; left: 0; width: 100%; height: 100%; } .absolute-top-left, .lang-switcher ul, .section-intro .intro-content .item-img-container .item-btn, #page-home #section-banner .banner-card-container, #page-project #section-slider .slider-button, .custom-btn .item-circle, .c-scrollbar .c-scrollbar_thumb, .custom-plyr-video-wrapper .item-video-brush.item-vb-up { top: 0; left: 0; } .absolute-bottom-left, .custom-plyr-video-wrapper .item-video-brush.item-vb-down { bottom: 0; left: 0; } .absolute-top-right, .popup .item-close, .c-scrollbar { top: 0; right: 0; } .absolute-bottom-right, #page-project #section-slider .swiper-gallery-controls { bottom: 0; right: 0; } .absolute-center, .custom-btn .item-cb-text, .custom-link .item-cl-icon svg.item-cl-arrow, #page-loader .item-logo-text, #page-loader .item-logo { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } /* | | img full |----------- */ .img-full { display: inline-block; max-width: unset; width: 100%; } /* | | W-100 H-100 |----------- */ .w-100 { width: 100%; } .h-100 { height: 100%; } /* | | img full |----------- */ .svg-parent svg, #header .item-logo svg, #header .item-right .item-search svg, .lang-switcher .current .item-icon svg, #footer .item-socials .item-social svg, #footer .item-icon-newsletter svg, .draggable-slider .item-path svg, .popup-search .item-close svg, #page-home #section-banner .banner-card .item-logo svg, .custom-btn .item-cb-shape svg, .custom-btn.cb-sm .item-cb-shape svg, .custom-link .item-cl-icon svg, .chevron-link .item-cl-icon svg, #page-loader .item-logo svg, .custom-plyr-video-wrapper .item-video-brush svg, .svg-parent img, #header .item-logo img, #header .item-right .item-search img, .lang-switcher .current .item-icon img, #footer .item-socials .item-social img, #footer .item-icon-newsletter img, .draggable-slider .item-path img, .popup-search .item-close img, #page-home #section-banner .banner-card .item-logo img, .custom-btn .item-cb-shape img, .custom-btn.cb-sm .item-cb-shape img, .custom-link .item-cl-icon img, .chevron-link .item-cl-icon img, #page-loader .item-logo img, .custom-plyr-video-wrapper .item-video-brush img { width: 100%; height: auto; } .custom-checkbox-group input[type="checkbox"] { display: none; } .custom-checkbox-group label { position: relative; padding-left: 25px; } .custom-checkbox-group label::before, .custom-checkbox-group label::after { content: ''; position: absolute; } .custom-checkbox-group label::before { top: 2px; left: 0; border: 1px solid rgba(0, 0, 0, 0.4); width: 16px; height: 16px; opacity: 1; } .custom-checkbox-group label::after { top: 3px; left: 1px; width: 14px; height: 14px; opacity: 0; background-color: #000000; transition: opacity 1.2s cubic-bezier(0.19, 1, 0.22, 1); } .custom-checkbox-group input[type="checkbox"]:checked + label::after { opacity: 1; } /* | | Some margins |--------------- */ .mb-xs-alt { margin-bottom: 10px; } .mb-sm-alt { margin-bottom: 20px; } .mb-sm-alt-2 { margin-bottom: 25px; } .mb-md-alt { margin-bottom: 40px; } .mb-lg-alt { margin-bottom: 60px; } .mb-xxl-alt { margin-bottom: 160px; } .mt-lg-alt { margin-top: 60px; } .mt-xl-alt { margin-top: 100px; } .pb-lg-alt { padding-bottom: 60px; } .pb-xl-alt { padding-bottom: 100px; } .pt-lg-alt { padding-top: 60px; } body .pt-xxl-alt { padding-top: 160px !important; } .mb-md-child > * { margin-bottom: 30px; } .mb-lg-child-not-last > *:not(:last-child) { margin-bottom: 50px; } .mb-xl-child > * { margin-bottom: 80px; } .mb-md-child-not-last > *:not(:last-child) { margin-bottom: 30px; } .mb-xs-child-not-last > *:not(:last-child), #page-projects #section-intro .zone-filters .item-select .item-s-options > *:not(:last-child) { margin-bottom: 5px; } .mb-xs-alt-child-not-last > *:not(:last-child) { margin-bottom: 10px; } @media (max-width: 1199.98px) { .lg-down-mb-xl-alt { margin-bottom: 100px; } } @media (max-width: 991.98px) { .md-down-mb-md-child-not-last > *:not(:last-child) { margin-bottom: 30px; } } @media (max-width: 767.98px) { .sm-down-mb-md-child-not-last > *:not(:last-child) { margin-bottom: 30px; } } /* | | Some font sizes |------------------- */ .fs-xs-alt { font-size: 14px; } /* | | Some backgrounds |------------------- */ .bg-white-alt { background-color: #F6F7FC; } .bg-black-alt { background-color: #000000; } /* | | Some font sizes |------------------- */ .ls-0 { letter-spacing: 0 !important; } .ls-xs { letter-spacing: 1px !important; } .ls-sm { letter-spacing: 2px; } .ls-md { letter-spacing: 3px; } /* Core */ /* |--------------------------------------------------------------- | MAPS |--------------------------------------------------------------- | Sass maps used in classes generation | | */ /* | | Font Sizes Map |--------------------- | */ /* | | Title Sizes Map |--------------------- | */ /* | | Margins & Paddings Maps |-------------------------- | */ /* |------------------------------- | Font weight classes creation |------------------------------- | How to use: add lines to create more "font weight classes" | - Generated classes: .font-{weight} | - Exemple: .font-regular | */ /* | | Font-weights |--------------- | */ /* | | Text Align Map |-------------------------- | */ /* | | Display Map |-------------------------- | */ /* | | Section Map |-------------------------- | */ /* |--------------------------------------------------------------- | MIXINS |--------------------------------------------------------------- | Mixins called from generator to generate classes | | */ /* | | Commonly used mixins |----------------------- | */ /* | | Margins & Paddings |----------------------- | */ /* | | Responsive Margins & Paddings |-------------------------------- | */ /* | | Font-sizes |----------------------- | */ /* | | Titles |----------------------- | */ /* | | Display |----------------------- | */ /* | | Text Align |----------------------- | */ /* | | Sections |----------------------- | */ /* | | Bg imgs |------------- | */ /* |--------------------------------------------------------------- | CLASS GENERATOR |--------------------------------------------------------------- | Mixins calls to generate classes | | */ /*------- DISPLAY -------*/ @media (max-width: 1199.98px) { .lg-down-d-none { display: none; } } @media (max-width: 991.98px) { .md-down-d-none { display: none; } } @media (max-width: 767.98px) { .sm-down-d-none { display: none; } } @media (max-width: 575.98px) { .xs-down-d-none { display: none; } } .xs-up-d-none { display: none; } @media (min-width: 576px) { .sm-up-d-none { display: none; } } @media (min-width: 768px) { .md-up-d-none { display: none; } } @media (min-width: 992px) { .lg-up-d-none { display: none; } } @media (min-width: 1200px) { .xl-up-d-none { display: none; } } @media (max-width: 1199.98px) { .lg-down-d-i { display: inline; } } @media (max-width: 991.98px) { .md-down-d-i { display: inline; } } @media (max-width: 767.98px) { .sm-down-d-i { display: inline; } } @media (max-width: 575.98px) { .xs-down-d-i { display: inline; } } .xs-up-d-i { display: inline; } @media (min-width: 576px) { .sm-up-d-i { display: inline; } } @media (min-width: 768px) { .md-up-d-i { display: inline; } } @media (min-width: 992px) { .lg-up-d-i { display: inline; } } @media (min-width: 1200px) { .xl-up-d-i { display: inline; } } @media (max-width: 1199.98px) { .lg-down-d-b { display: block; } } @media (max-width: 991.98px) { .md-down-d-b { display: block; } } @media (max-width: 767.98px) { .sm-down-d-b { display: block; } } @media (max-width: 575.98px) { .xs-down-d-b { display: block; } } .xs-up-d-b { display: block; } @media (min-width: 576px) { .sm-up-d-b { display: block; } } @media (min-width: 768px) { .md-up-d-b { display: block; } } @media (min-width: 992px) { .lg-up-d-b { display: block; } } @media (min-width: 1200px) { .xl-up-d-b { display: block; } } @media (max-width: 1199.98px) { .lg-down-d-ib { display: inline-block; } } @media (max-width: 991.98px) { .md-down-d-ib { display: inline-block; } } @media (max-width: 767.98px) { .sm-down-d-ib { display: inline-block; } } @media (max-width: 575.98px) { .xs-down-d-ib { display: inline-block; } } .xs-up-d-ib { display: inline-block; } @media (min-width: 576px) { .sm-up-d-ib { display: inline-block; } } @media (min-width: 768px) { .md-up-d-ib { display: inline-block; } } @media (min-width: 992px) { .lg-up-d-ib { display: inline-block; } } @media (min-width: 1200px) { .xl-up-d-ib { display: inline-block; } } @media (max-width: 1199.98px) { .lg-down-d-f { display: flex; } } @media (max-width: 991.98px) { .md-down-d-f { display: flex; } } @media (max-width: 767.98px) { .sm-down-d-f { display: flex; } } @media (max-width: 575.98px) { .xs-down-d-f { display: flex; } } .xs-up-d-f { display: flex; } @media (min-width: 576px) { .sm-up-d-f { display: flex; } } @media (min-width: 768px) { .md-up-d-f { display: flex; } } @media (min-width: 992px) { .lg-up-d-f { display: flex; } } @media (min-width: 1200px) { .xl-up-d-f { display: flex; } } @media (max-width: 1199.98px) { .lg-down-d-if { display: inline-flex; } } @media (max-width: 991.98px) { .md-down-d-if { display: inline-flex; } } @media (max-width: 767.98px) { .sm-down-d-if { display: inline-flex; } } @media (max-width: 575.98px) { .xs-down-d-if { display: inline-flex; } } .xs-up-d-if { display: inline-flex; } @media (min-width: 576px) { .sm-up-d-if { display: inline-flex; } } @media (min-width: 768px) { .md-up-d-if { display: inline-flex; } } @media (min-width: 992px) { .lg-up-d-if { display: inline-flex; } } @media (min-width: 1200px) { .xl-up-d-if { display: inline-flex; } } /*------- FONT-SIZES -------*/ .fs-xxs { font-size: 12px !important; } .fs-xs, .captionned-image .item-caption { font-size: 14px !important; } .fs-sm { font-size: 16px !important; } .fs-sm-alt { font-size: 18px !important; } .fs-md { font-size: 22px !important; } .fs-lg, .label-md, .project-form .custom-radio > label { font-size: 26px !important; } .fs-xl { font-size: 36px !important; } .fs-xxl { font-size: 50px !important; } /*------- TITLES -------*/ .title-xs, .title-xs-alt, .chevron-link, .arrow-link, .cms h6 { color: #000000; font-family: "graphik", sans-serif; font-weight: 200; line-height: 1.2; text-rendering: geometricPrecision; font-size: 22px; } @media (max-width: 1199.98px) { .title-xs, .title-xs-alt, .chevron-link, .arrow-link, .cms h6 { font-size: 22px; } } @media (max-width: 991.98px) { .title-xs, .title-xs-alt, .chevron-link, .arrow-link, .cms h6 { font-size: 18px; } } @media (max-width: 767.98px) { .title-xs, .title-xs-alt, .chevron-link, .arrow-link, .cms h6 { font-size: 18px; } } @media (max-width: 575.98px) { .title-xs, .title-xs-alt, .chevron-link, .arrow-link, .cms h6 { font-size: 18px; } } .title-sm, .title-sm-alt, .cms h5 { color: #000000; font-family: "graphik", sans-serif; font-weight: 200; line-height: 1.2; text-rendering: geometricPrecision; font-size: 32px; } @media (max-width: 1199.98px) { .title-sm, .title-sm-alt, .cms h5 { font-size: 32px; } } @media (max-width: 991.98px) { .title-sm, .title-sm-alt, .cms h5 { font-size: 32px; } } @media (max-width: 767.98px) { .title-sm, .title-sm-alt, .cms h5 { font-size: 28px; } } @media (max-width: 575.98px) { .title-sm, .title-sm-alt, .cms h5 { font-size: 24px; } } .title-md, .title-md-alt, .cms h4 { color: #000000; font-family: "graphik", sans-serif; font-weight: 200; line-height: 1.2; text-rendering: geometricPrecision; font-size: 36px; } @media (max-width: 1199.98px) { .title-md, .title-md-alt, .cms h4 { font-size: 34px; } } @media (max-width: 991.98px) { .title-md, .title-md-alt, .cms h4 { font-size: 30px; } } @media (max-width: 767.98px) { .title-md, .title-md-alt, .cms h4 { font-size: 30px; } } @media (max-width: 575.98px) { .title-md, .title-md-alt, .cms h4 { font-size: 28px; } } .title-lg, .cms h3 { color: #000000; font-family: "graphik", sans-serif; font-weight: 200; line-height: 1.2; text-rendering: geometricPrecision; font-size: 52px; } @media (max-width: 1199.98px) { .title-lg, .cms h3 { font-size: 46px; } } @media (max-width: 991.98px) { .title-lg, .cms h3 { font-size: 46px; } } @media (max-width: 767.98px) { .title-lg, .cms h3 { font-size: 44px; } } @media (max-width: 575.98px) { .title-lg, .cms h3 { font-size: 30px; } } .title-xl, .cms h2 { color: #000000; font-family: "graphik", sans-serif; font-weight: 200; line-height: 1.2; text-rendering: geometricPrecision; font-size: 3.5vw; } @media (max-width: 1199.98px) { .title-xl, .cms h2 { font-size: 48px; } } @media (max-width: 991.98px) { .title-xl, .cms h2 { font-size: 42px; } } @media (max-width: 767.98px) { .title-xl, .cms h2 { font-size: 42px; } } @media (max-width: 575.98px) { .title-xl, .cms h2 { font-size: 34px; } } .title-xxl, .cms h1 { color: #000000; font-family: "graphik", sans-serif; font-weight: 200; line-height: 1.2; text-rendering: geometricPrecision; font-size: 90px; } @media (max-width: 1199.98px) { .title-xxl, .cms h1 { font-size: 90px; } } @media (max-width: 991.98px) { .title-xxl, .cms h1 { font-size: 90px; } } @media (max-width: 767.98px) { .title-xxl, .cms h1 { font-size: 90px; } } @media (max-width: 575.98px) { .title-xxl, .cms h1 { font-size: 90px; } } /*------- FONT-FAMILY -------*/ .ff-default { font-family: "graphik", sans-serif ; } .ff-custom, .title-alt, #header .item-left .item-green-citizens, .title-md-alt, .title-sm-alt, .title-xs-alt, .chevron-link, .arrow-link, .spanned-title span, #page-home #section-banner .banner-card .title-logo, #page-home #section-banner .banner-card .item-hashtag, #page-loader .item-logo-text { font-family: "brushup", sans-serif ; } /*------- FONT-WEIGHTS -------*/ .fw-100 { font-weight: 100 ; } .fw-200 { font-weight: 200 ; } .fw-300 { font-weight: 300 ; } .fw-400 { font-weight: 400 ; } .fw-500 { font-weight: 500 ; } .fw-600 { font-weight: 600 ; } .fw-700 { font-weight: 700 ; } .fw-800 { font-weight: 800 ; } .fw-900 { font-weight: 900 ; } /*------- COLORS -------*/ .c-black { color: #000000 !important; } .c-very-dark-grey { color: #1b1b1b !important; } .c-dark-grey { color: #363636 !important; } .c-grey { color: #8B9299 !important; } .c-light-grey { color: #C4C5C9 !important; } .c-very-light-grey { color: #efefef !important; } .c-white { color: #FFFFFF !important; } .c-turquoise { color: #1abdce !important; } .c-blue { color: #2d76d5 !important; } /*------- BACKGROUND-COLORS -------*/ .bg-black { background-color: #000000 ; } .bg-very-dark-grey { background-color: #1b1b1b ; } .bg-dark-grey { background-color: #363636 ; } .bg-grey { background-color: #8B9299 ; } .bg-light-grey { background-color: #C4C5C9 ; } .bg-very-light-grey { background-color: #efefef ; } .bg-white { background-color: #FFFFFF ; } .bg-turquoise { background-color: #1abdce ; } .bg-blue { background-color: #2d76d5 ; } /*------- TEXT-ALIGN -------*/ .ta-r { text-align: right ; } .ta-l { text-align: left ; } .ta-c { text-align: center ; } .ta-j { text-align: justify ; } /*------- DISPLAYS -------*/ .d-none { display: none ; } .d-i { display: inline ; } .d-b { display: block ; } .d-ib { display: inline-block ; } .d-f { display: flex ; } .d-if { display: inline-flex ; } /*------- SECTIONS -------*/ .section, #page-about .blocs-container .section-bloc:last-child { position: relative; padding-top: 180px !important; padding-bottom: 180px !important; } @media (max-width: 1199.98px) { .section, #page-about .blocs-container .section-bloc:last-child { padding-top: 120px !important; padding-bottom: 120px !important; } } @media (max-width: 991.98px) { .section, #page-about .blocs-container .section-bloc:last-child { padding-top: 100px !important; padding-bottom: 100px !important; } } @media (max-width: 767.98px) { .section, #page-about .blocs-container .section-bloc:last-child { padding-top: 100px !important; padding-bottom: 100px !important; } } @media (max-width: 575.98px) { .section, #page-about .blocs-container .section-bloc:last-child { padding-top: 80px !important; padding-bottom: 80px !important; } } /*------- BG IMG -------*/ .bg-img, .bg-img-square, .bg-img-half, .bg-img-almost-square, .bg-img-almost-square-above, .bg-img-landscape, .projects-map .leaflet-popup .marker-overview-img, .archive-projects-map .leaflet-popup .marker-overview-img, .bg-img-landscape-sm, .bg-img-landscape-xs, .bg-img-portrait, .bg-img-portrait-md, .bg-img-portrait-sm, .bg-img-portrait-xs { background-size: cover; background-position: center center; background-repeat: no-repeat; } .bg-img:after, .bg-img-square:after, .bg-img-half:after, .bg-img-almost-square:after, .bg-img-almost-square-above:after, .bg-img-landscape:after, .projects-map .leaflet-popup .marker-overview-img:after, .archive-projects-map .leaflet-popup .marker-overview-img:after, .bg-img-landscape-sm:after, .bg-img-landscape-xs:after, .bg-img-portrait:after, .bg-img-portrait-md:after, .bg-img-portrait-sm:after, .bg-img-portrait-xs:after { content: ''; display: block; } .bg-img-square:after { padding-bottom: 100%; } .bg-img-half:after { padding-bottom: 50%; } .bg-img-almost-square:after { padding-bottom: 85%; } .bg-img-almost-square-above:after { padding-bottom: 110%; } .bg-img-landscape:after, .projects-map .leaflet-popup .marker-overview-img:after, .archive-projects-map .leaflet-popup .marker-overview-img:after { padding-bottom: 70%; } .bg-img-landscape-sm:after { padding-bottom: 62%; } .bg-img-landscape-xs:after { padding-bottom: 47%; } .bg-img-portrait:after { padding-bottom: 130%; } .bg-img-portrait-md:after { padding-bottom: 125%; } .bg-img-portrait-sm:after { padding-bottom: 115%; } .bg-img-portrait-xs:after { padding-bottom: 95%; } /*------- MARGINS & PADDINGS -------*/ .mt-0 { margin-top: 0 !important; } .mb-0 { margin-bottom: 0 !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .mx-0 { margin-left: 0 !important; margin-right: 0 !important; } .pt-0, #page-about .blocs-container .section-bloc:last-child { padding-top: 0 !important; } .pb-0 { padding-bottom: 0 !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .px-0 { padding-left: 0 !important; padding-right: 0 !important; } .mt-xs { margin-top: 5px !important; } .mb-xs { margin-bottom: 5px !important; } .my-xs { margin-top: 5px !important; margin-bottom: 5px !important; } .mx-xs { margin-left: 5px !important; margin-right: 5px !important; } .pt-xs { padding-top: 5px !important; } .pb-xs { padding-bottom: 5px !important; } .py-xs { padding-top: 5px !important; padding-bottom: 5px !important; } .px-xs { padding-left: 5px !important; padding-right: 5px !important; } .mt-sm { margin-top: 15px !important; } .mb-sm { margin-bottom: 15px !important; } .my-sm { margin-top: 15px !important; margin-bottom: 15px !important; } .mx-sm { margin-left: 15px !important; margin-right: 15px !important; } .pt-sm { padding-top: 15px !important; } .pb-sm { padding-bottom: 15px !important; } .py-sm { padding-top: 15px !important; padding-bottom: 15px !important; } .px-sm { padding-left: 15px !important; padding-right: 15px !important; } .mt-md { margin-top: 30px !important; } .mb-md { margin-bottom: 30px !important; } .my-md { margin-top: 30px !important; margin-bottom: 30px !important; } .mx-md { margin-left: 30px !important; margin-right: 30px !important; } .pt-md { padding-top: 30px !important; } .pb-md { padding-bottom: 30px !important; } .py-md { padding-top: 30px !important; padding-bottom: 30px !important; } .px-md { padding-left: 30px !important; padding-right: 30px !important; } .mt-lg { margin-top: 50px !important; } .mb-lg { margin-bottom: 50px !important; } .my-lg { margin-top: 50px !important; margin-bottom: 50px !important; } .mx-lg { margin-left: 50px !important; margin-right: 50px !important; } .pt-lg { padding-top: 50px !important; } .pb-lg { padding-bottom: 50px !important; } .py-lg { padding-top: 50px !important; padding-bottom: 50px !important; } .px-lg { padding-left: 50px !important; padding-right: 50px !important; } .mt-xl { margin-top: 80px !important; } .mb-xl { margin-bottom: 80px !important; } .my-xl { margin-top: 80px !important; margin-bottom: 80px !important; } .mx-xl { margin-left: 80px !important; margin-right: 80px !important; } .pt-xl { padding-top: 80px !important; } .pb-xl { padding-bottom: 80px !important; } .py-xl { padding-top: 80px !important; padding-bottom: 80px !important; } .px-xl { padding-left: 80px !important; padding-right: 80px !important; } .mt-xxl { margin-top: 140px !important; } .mb-xxl { margin-bottom: 140px !important; } .my-xxl { margin-top: 140px !important; margin-bottom: 140px !important; } .mx-xxl { margin-left: 140px !important; margin-right: 140px !important; } .pt-xxl { padding-top: 140px !important; } .pb-xxl { padding-bottom: 140px !important; } .py-xxl { padding-top: 140px !important; padding-bottom: 140px !important; } .px-xxl { padding-left: 140px !important; padding-right: 140px !important; } @media (max-width: 1199.98px) { .lg-down-mt-0 { margin-top: 0 !important; } } @media (max-width: 1199.98px) { .lg-down-mb-0 { margin-bottom: 0 !important; } } @media (max-width: 1199.98px) { .lg-down-my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } } @media (max-width: 1199.98px) { .lg-down-mx-0 { margin-left: 0 !important; margin-right: 0 !important; } } @media (max-width: 1199.98px) { .lg-down-pt-0 { padding-top: 0 !important; } } @media (max-width: 1199.98px) { .lg-down-pb-0 { padding-bottom: 0 !important; } } @media (max-width: 1199.98px) { .lg-down-py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } } @media (max-width: 1199.98px) { .lg-down-px-0 { padding-left: 0 !important; padding-right: 0 !important; } } @media (max-width: 1199.98px) { .lg-down-mt-xs { margin-top: 5px !important; } } @media (max-width: 1199.98px) { .lg-down-mb-xs { margin-bottom: 5px !important; } } @media (max-width: 1199.98px) { .lg-down-my-xs { margin-top: 5px !important; margin-bottom: 5px !important; } } @media (max-width: 1199.98px) { .lg-down-mx-xs { margin-left: 5px !important; margin-right: 5px !important; } } @media (max-width: 1199.98px) { .lg-down-pt-xs { padding-top: 5px !important; } } @media (max-width: 1199.98px) { .lg-down-pb-xs { padding-bottom: 5px !important; } } @media (max-width: 1199.98px) { .lg-down-py-xs { padding-top: 5px !important; padding-bottom: 5px !important; } } @media (max-width: 1199.98px) { .lg-down-px-xs { padding-left: 5px !important; padding-right: 5px !important; } } @media (max-width: 1199.98px) { .lg-down-mt-sm { margin-top: 15px !important; } } @media (max-width: 1199.98px) { .lg-down-mb-sm { margin-bottom: 15px !important; } } @media (max-width: 1199.98px) { .lg-down-my-sm { margin-top: 15px !important; margin-bottom: 15px !important; } } @media (max-width: 1199.98px) { .lg-down-mx-sm { margin-left: 15px !important; margin-right: 15px !important; } } @media (max-width: 1199.98px) { .lg-down-pt-sm { padding-top: 15px !important; } } @media (max-width: 1199.98px) { .lg-down-pb-sm { padding-bottom: 15px !important; } } @media (max-width: 1199.98px) { .lg-down-py-sm { padding-top: 15px !important; padding-bottom: 15px !important; } } @media (max-width: 1199.98px) { .lg-down-px-sm { padding-left: 15px !important; padding-right: 15px !important; } } @media (max-width: 1199.98px) { .lg-down-mt-md { margin-top: 30px !important; } } @media (max-width: 1199.98px) { .lg-down-mb-md { margin-bottom: 30px !important; } } @media (max-width: 1199.98px) { .lg-down-my-md { margin-top: 30px !important; margin-bottom: 30px !important; } } @media (max-width: 1199.98px) { .lg-down-mx-md { margin-left: 30px !important; margin-right: 30px !important; } } @media (max-width: 1199.98px) { .lg-down-pt-md { padding-top: 30px !important; } } @media (max-width: 1199.98px) { .lg-down-pb-md { padding-bottom: 30px !important; } } @media (max-width: 1199.98px) { .lg-down-py-md { padding-top: 30px !important; padding-bottom: 30px !important; } } @media (max-width: 1199.98px) { .lg-down-px-md { padding-left: 30px !important; padding-right: 30px !important; } } @media (max-width: 1199.98px) { .lg-down-mt-lg { margin-top: 50px !important; } } @media (max-width: 1199.98px) { .lg-down-mb-lg { margin-bottom: 50px !important; } } @media (max-width: 1199.98px) { .lg-down-my-lg { margin-top: 50px !important; margin-bottom: 50px !important; } } @media (max-width: 1199.98px) { .lg-down-mx-lg { margin-left: 50px !important; margin-right: 50px !important; } } @media (max-width: 1199.98px) { .lg-down-pt-lg { padding-top: 50px !important; } } @media (max-width: 1199.98px) { .lg-down-pb-lg { padding-bottom: 50px !important; } } @media (max-width: 1199.98px) { .lg-down-py-lg { padding-top: 50px !important; padding-bottom: 50px !important; } } @media (max-width: 1199.98px) { .lg-down-px-lg { padding-left: 50px !important; padding-right: 50px !important; } } @media (max-width: 1199.98px) { .lg-down-mt-xl { margin-top: 80px !important; } } @media (max-width: 1199.98px) { .lg-down-mb-xl { margin-bottom: 80px !important; } } @media (max-width: 1199.98px) { .lg-down-my-xl { margin-top: 80px !important; margin-bottom: 80px !important; } } @media (max-width: 1199.98px) { .lg-down-mx-xl { margin-left: 80px !important; margin-right: 80px !important; } } @media (max-width: 1199.98px) { .lg-down-pt-xl { padding-top: 80px !important; } } @media (max-width: 1199.98px) { .lg-down-pb-xl { padding-bottom: 80px !important; } } @media (max-width: 1199.98px) { .lg-down-py-xl { padding-top: 80px !important; padding-bottom: 80px !important; } } @media (max-width: 1199.98px) { .lg-down-px-xl { padding-left: 80px !important; padding-right: 80px !important; } } @media (max-width: 1199.98px) { .lg-down-mt-xxl { margin-top: 140px !important; } } @media (max-width: 1199.98px) { .lg-down-mb-xxl { margin-bottom: 140px !important; } } @media (max-width: 1199.98px) { .lg-down-my-xxl { margin-top: 140px !important; margin-bottom: 140px !important; } } @media (max-width: 1199.98px) { .lg-down-mx-xxl { margin-left: 140px !important; margin-right: 140px !important; } } @media (max-width: 1199.98px) { .lg-down-pt-xxl { padding-top: 140px !important; } } @media (max-width: 1199.98px) { .lg-down-pb-xxl { padding-bottom: 140px !important; } } @media (max-width: 1199.98px) { .lg-down-py-xxl { padding-top: 140px !important; padding-bottom: 140px !important; } } @media (max-width: 1199.98px) { .lg-down-px-xxl { padding-left: 140px !important; padding-right: 140px !important; } } @media (max-width: 991.98px) { .md-down-mt-0 { margin-top: 0 !important; } } @media (max-width: 991.98px) { .md-down-mb-0 { margin-bottom: 0 !important; } } @media (max-width: 991.98px) { .md-down-my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } } @media (max-width: 991.98px) { .md-down-mx-0 { margin-left: 0 !important; margin-right: 0 !important; } } @media (max-width: 991.98px) { .md-down-pt-0 { padding-top: 0 !important; } } @media (max-width: 991.98px) { .md-down-pb-0 { padding-bottom: 0 !important; } } @media (max-width: 991.98px) { .md-down-py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } } @media (max-width: 991.98px) { .md-down-px-0 { padding-left: 0 !important; padding-right: 0 !important; } } @media (max-width: 991.98px) { .md-down-mt-xs { margin-top: 5px !important; } } @media (max-width: 991.98px) { .md-down-mb-xs { margin-bottom: 5px !important; } } @media (max-width: 991.98px) { .md-down-my-xs { margin-top: 5px !important; margin-bottom: 5px !important; } } @media (max-width: 991.98px) { .md-down-mx-xs { margin-left: 5px !important; margin-right: 5px !important; } } @media (max-width: 991.98px) { .md-down-pt-xs { padding-top: 5px !important; } } @media (max-width: 991.98px) { .md-down-pb-xs { padding-bottom: 5px !important; } } @media (max-width: 991.98px) { .md-down-py-xs { padding-top: 5px !important; padding-bottom: 5px !important; } } @media (max-width: 991.98px) { .md-down-px-xs { padding-left: 5px !important; padding-right: 5px !important; } } @media (max-width: 991.98px) { .md-down-mt-sm { margin-top: 15px !important; } } @media (max-width: 991.98px) { .md-down-mb-sm { margin-bottom: 15px !important; } } @media (max-width: 991.98px) { .md-down-my-sm { margin-top: 15px !important; margin-bottom: 15px !important; } } @media (max-width: 991.98px) { .md-down-mx-sm { margin-left: 15px !important; margin-right: 15px !important; } } @media (max-width: 991.98px) { .md-down-pt-sm { padding-top: 15px !important; } } @media (max-width: 991.98px) { .md-down-pb-sm { padding-bottom: 15px !important; } } @media (max-width: 991.98px) { .md-down-py-sm { padding-top: 15px !important; padding-bottom: 15px !important; } } @media (max-width: 991.98px) { .md-down-px-sm { padding-left: 15px !important; padding-right: 15px !important; } } @media (max-width: 991.98px) { .md-down-mt-md { margin-top: 30px !important; } } @media (max-width: 991.98px) { .md-down-mb-md { margin-bottom: 30px !important; } } @media (max-width: 991.98px) { .md-down-my-md { margin-top: 30px !important; margin-bottom: 30px !important; } } @media (max-width: 991.98px) { .md-down-mx-md { margin-left: 30px !important; margin-right: 30px !important; } } @media (max-width: 991.98px) { .md-down-pt-md { padding-top: 30px !important; } } @media (max-width: 991.98px) { .md-down-pb-md { padding-bottom: 30px !important; } } @media (max-width: 991.98px) { .md-down-py-md { padding-top: 30px !important; padding-bottom: 30px !important; } } @media (max-width: 991.98px) { .md-down-px-md { padding-left: 30px !important; padding-right: 30px !important; } } @media (max-width: 991.98px) { .md-down-mt-lg { margin-top: 50px !important; } } @media (max-width: 991.98px) { .md-down-mb-lg { margin-bottom: 50px !important; } } @media (max-width: 991.98px) { .md-down-my-lg { margin-top: 50px !important; margin-bottom: 50px !important; } } @media (max-width: 991.98px) { .md-down-mx-lg { margin-left: 50px !important; margin-right: 50px !important; } } @media (max-width: 991.98px) { .md-down-pt-lg { padding-top: 50px !important; } } @media (max-width: 991.98px) { .md-down-pb-lg { padding-bottom: 50px !important; } } @media (max-width: 991.98px) { .md-down-py-lg { padding-top: 50px !important; padding-bottom: 50px !important; } } @media (max-width: 991.98px) { .md-down-px-lg { padding-left: 50px !important; padding-right: 50px !important; } } @media (max-width: 991.98px) { .md-down-mt-xl { margin-top: 80px !important; } } @media (max-width: 991.98px) { .md-down-mb-xl { margin-bottom: 80px !important; } } @media (max-width: 991.98px) { .md-down-my-xl { margin-top: 80px !important; margin-bottom: 80px !important; } } @media (max-width: 991.98px) { .md-down-mx-xl { margin-left: 80px !important; margin-right: 80px !important; } } @media (max-width: 991.98px) { .md-down-pt-xl { padding-top: 80px !important; } } @media (max-width: 991.98px) { .md-down-pb-xl { padding-bottom: 80px !important; } } @media (max-width: 991.98px) { .md-down-py-xl { padding-top: 80px !important; padding-bottom: 80px !important; } } @media (max-width: 991.98px) { .md-down-px-xl { padding-left: 80px !important; padding-right: 80px !important; } } @media (max-width: 991.98px) { .md-down-mt-xxl { margin-top: 140px !important; } } @media (max-width: 991.98px) { .md-down-mb-xxl { margin-bottom: 140px !important; } } @media (max-width: 991.98px) { .md-down-my-xxl { margin-top: 140px !important; margin-bottom: 140px !important; } } @media (max-width: 991.98px) { .md-down-mx-xxl { margin-left: 140px !important; margin-right: 140px !important; } } @media (max-width: 991.98px) { .md-down-pt-xxl { padding-top: 140px !important; } } @media (max-width: 991.98px) { .md-down-pb-xxl { padding-bottom: 140px !important; } } @media (max-width: 991.98px) { .md-down-py-xxl { padding-top: 140px !important; padding-bottom: 140px !important; } } @media (max-width: 991.98px) { .md-down-px-xxl { padding-left: 140px !important; padding-right: 140px !important; } } @media (max-width: 767.98px) { .sm-down-mt-0 { margin-top: 0 !important; } } @media (max-width: 767.98px) { .sm-down-mb-0 { margin-bottom: 0 !important; } } @media (max-width: 767.98px) { .sm-down-my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } } @media (max-width: 767.98px) { .sm-down-mx-0 { margin-left: 0 !important; margin-right: 0 !important; } } @media (max-width: 767.98px) { .sm-down-pt-0 { padding-top: 0 !important; } } @media (max-width: 767.98px) { .sm-down-pb-0 { padding-bottom: 0 !important; } } @media (max-width: 767.98px) { .sm-down-py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } } @media (max-width: 767.98px) { .sm-down-px-0 { padding-left: 0 !important; padding-right: 0 !important; } } @media (max-width: 767.98px) { .sm-down-mt-xs { margin-top: 5px !important; } } @media (max-width: 767.98px) { .sm-down-mb-xs { margin-bottom: 5px !important; } } @media (max-width: 767.98px) { .sm-down-my-xs { margin-top: 5px !important; margin-bottom: 5px !important; } } @media (max-width: 767.98px) { .sm-down-mx-xs { margin-left: 5px !important; margin-right: 5px !important; } } @media (max-width: 767.98px) { .sm-down-pt-xs { padding-top: 5px !important; } } @media (max-width: 767.98px) { .sm-down-pb-xs { padding-bottom: 5px !important; } } @media (max-width: 767.98px) { .sm-down-py-xs { padding-top: 5px !important; padding-bottom: 5px !important; } } @media (max-width: 767.98px) { .sm-down-px-xs { padding-left: 5px !important; padding-right: 5px !important; } } @media (max-width: 767.98px) { .sm-down-mt-sm { margin-top: 15px !important; } } @media (max-width: 767.98px) { .sm-down-mb-sm { margin-bottom: 15px !important; } } @media (max-width: 767.98px) { .sm-down-my-sm { margin-top: 15px !important; margin-bottom: 15px !important; } } @media (max-width: 767.98px) { .sm-down-mx-sm { margin-left: 15px !important; margin-right: 15px !important; } } @media (max-width: 767.98px) { .sm-down-pt-sm { padding-top: 15px !important; } } @media (max-width: 767.98px) { .sm-down-pb-sm { padding-bottom: 15px !important; } } @media (max-width: 767.98px) { .sm-down-py-sm { padding-top: 15px !important; padding-bottom: 15px !important; } } @media (max-width: 767.98px) { .sm-down-px-sm { padding-left: 15px !important; padding-right: 15px !important; } } @media (max-width: 767.98px) { .sm-down-mt-md { margin-top: 30px !important; } } @media (max-width: 767.98px) { .sm-down-mb-md { margin-bottom: 30px !important; } } @media (max-width: 767.98px) { .sm-down-my-md { margin-top: 30px !important; margin-bottom: 30px !important; } } @media (max-width: 767.98px) { .sm-down-mx-md { margin-left: 30px !important; margin-right: 30px !important; } } @media (max-width: 767.98px) { .sm-down-pt-md { padding-top: 30px !important; } } @media (max-width: 767.98px) { .sm-down-pb-md { padding-bottom: 30px !important; } } @media (max-width: 767.98px) { .sm-down-py-md { padding-top: 30px !important; padding-bottom: 30px !important; } } @media (max-width: 767.98px) { .sm-down-px-md { padding-left: 30px !important; padding-right: 30px !important; } } @media (max-width: 767.98px) { .sm-down-mt-lg { margin-top: 50px !important; } } @media (max-width: 767.98px) { .sm-down-mb-lg { margin-bottom: 50px !important; } } @media (max-width: 767.98px) { .sm-down-my-lg { margin-top: 50px !important; margin-bottom: 50px !important; } } @media (max-width: 767.98px) { .sm-down-mx-lg { margin-left: 50px !important; margin-right: 50px !important; } } @media (max-width: 767.98px) { .sm-down-pt-lg { padding-top: 50px !important; } } @media (max-width: 767.98px) { .sm-down-pb-lg { padding-bottom: 50px !important; } } @media (max-width: 767.98px) { .sm-down-py-lg { padding-top: 50px !important; padding-bottom: 50px !important; } } @media (max-width: 767.98px) { .sm-down-px-lg { padding-left: 50px !important; padding-right: 50px !important; } } @media (max-width: 767.98px) { .sm-down-mt-xl { margin-top: 80px !important; } } @media (max-width: 767.98px) { .sm-down-mb-xl { margin-bottom: 80px !important; } } @media (max-width: 767.98px) { .sm-down-my-xl { margin-top: 80px !important; margin-bottom: 80px !important; } } @media (max-width: 767.98px) { .sm-down-mx-xl { margin-left: 80px !important; margin-right: 80px !important; } } @media (max-width: 767.98px) { .sm-down-pt-xl { padding-top: 80px !important; } } @media (max-width: 767.98px) { .sm-down-pb-xl { padding-bottom: 80px !important; } } @media (max-width: 767.98px) { .sm-down-py-xl { padding-top: 80px !important; padding-bottom: 80px !important; } } @media (max-width: 767.98px) { .sm-down-px-xl { padding-left: 80px !important; padding-right: 80px !important; } } @media (max-width: 767.98px) { .sm-down-mt-xxl { margin-top: 140px !important; } } @media (max-width: 767.98px) { .sm-down-mb-xxl { margin-bottom: 140px !important; } } @media (max-width: 767.98px) { .sm-down-my-xxl { margin-top: 140px !important; margin-bottom: 140px !important; } } @media (max-width: 767.98px) { .sm-down-mx-xxl { margin-left: 140px !important; margin-right: 140px !important; } } @media (max-width: 767.98px) { .sm-down-pt-xxl { padding-top: 140px !important; } } @media (max-width: 767.98px) { .sm-down-pb-xxl { padding-bottom: 140px !important; } } @media (max-width: 767.98px) { .sm-down-py-xxl { padding-top: 140px !important; padding-bottom: 140px !important; } } @media (max-width: 767.98px) { .sm-down-px-xxl { padding-left: 140px !important; padding-right: 140px !important; } } @media (max-width: 575.98px) { .xs-down-mt-0 { margin-top: 0 !important; } } @media (max-width: 575.98px) { .xs-down-mb-0 { margin-bottom: 0 !important; } } @media (max-width: 575.98px) { .xs-down-my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } } @media (max-width: 575.98px) { .xs-down-mx-0 { margin-left: 0 !important; margin-right: 0 !important; } } @media (max-width: 575.98px) { .xs-down-pt-0 { padding-top: 0 !important; } } @media (max-width: 575.98px) { .xs-down-pb-0 { padding-bottom: 0 !important; } } @media (max-width: 575.98px) { .xs-down-py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } } @media (max-width: 575.98px) { .xs-down-px-0 { padding-left: 0 !important; padding-right: 0 !important; } } @media (max-width: 575.98px) { .xs-down-mt-xs { margin-top: 5px !important; } } @media (max-width: 575.98px) { .xs-down-mb-xs { margin-bottom: 5px !important; } } @media (max-width: 575.98px) { .xs-down-my-xs { margin-top: 5px !important; margin-bottom: 5px !important; } } @media (max-width: 575.98px) { .xs-down-mx-xs { margin-left: 5px !important; margin-right: 5px !important; } } @media (max-width: 575.98px) { .xs-down-pt-xs { padding-top: 5px !important; } } @media (max-width: 575.98px) { .xs-down-pb-xs { padding-bottom: 5px !important; } } @media (max-width: 575.98px) { .xs-down-py-xs { padding-top: 5px !important; padding-bottom: 5px !important; } } @media (max-width: 575.98px) { .xs-down-px-xs { padding-left: 5px !important; padding-right: 5px !important; } } @media (max-width: 575.98px) { .xs-down-mt-sm { margin-top: 15px !important; } } @media (max-width: 575.98px) { .xs-down-mb-sm { margin-bottom: 15px !important; } } @media (max-width: 575.98px) { .xs-down-my-sm { margin-top: 15px !important; margin-bottom: 15px !important; } } @media (max-width: 575.98px) { .xs-down-mx-sm { margin-left: 15px !important; margin-right: 15px !important; } } @media (max-width: 575.98px) { .xs-down-pt-sm { padding-top: 15px !important; } } @media (max-width: 575.98px) { .xs-down-pb-sm { padding-bottom: 15px !important; } } @media (max-width: 575.98px) { .xs-down-py-sm { padding-top: 15px !important; padding-bottom: 15px !important; } } @media (max-width: 575.98px) { .xs-down-px-sm { padding-left: 15px !important; padding-right: 15px !important; } } @media (max-width: 575.98px) { .xs-down-mt-md { margin-top: 30px !important; } } @media (max-width: 575.98px) { .xs-down-mb-md { margin-bottom: 30px !important; } } @media (max-width: 575.98px) { .xs-down-my-md { margin-top: 30px !important; margin-bottom: 30px !important; } } @media (max-width: 575.98px) { .xs-down-mx-md { margin-left: 30px !important; margin-right: 30px !important; } } @media (max-width: 575.98px) { .xs-down-pt-md { padding-top: 30px !important; } } @media (max-width: 575.98px) { .xs-down-pb-md { padding-bottom: 30px !important; } } @media (max-width: 575.98px) { .xs-down-py-md { padding-top: 30px !important; padding-bottom: 30px !important; } } @media (max-width: 575.98px) { .xs-down-px-md { padding-left: 30px !important; padding-right: 30px !important; } } @media (max-width: 575.98px) { .xs-down-mt-lg { margin-top: 50px !important; } } @media (max-width: 575.98px) { .xs-down-mb-lg { margin-bottom: 50px !important; } } @media (max-width: 575.98px) { .xs-down-my-lg { margin-top: 50px !important; margin-bottom: 50px !important; } } @media (max-width: 575.98px) { .xs-down-mx-lg { margin-left: 50px !important; margin-right: 50px !important; } } @media (max-width: 575.98px) { .xs-down-pt-lg { padding-top: 50px !important; } } @media (max-width: 575.98px) { .xs-down-pb-lg { padding-bottom: 50px !important; } } @media (max-width: 575.98px) { .xs-down-py-lg { padding-top: 50px !important; padding-bottom: 50px !important; } } @media (max-width: 575.98px) { .xs-down-px-lg { padding-left: 50px !important; padding-right: 50px !important; } } @media (max-width: 575.98px) { .xs-down-mt-xl { margin-top: 80px !important; } } @media (max-width: 575.98px) { .xs-down-mb-xl { margin-bottom: 80px !important; } } @media (max-width: 575.98px) { .xs-down-my-xl { margin-top: 80px !important; margin-bottom: 80px !important; } } @media (max-width: 575.98px) { .xs-down-mx-xl { margin-left: 80px !important; margin-right: 80px !important; } } @media (max-width: 575.98px) { .xs-down-pt-xl { padding-top: 80px !important; } } @media (max-width: 575.98px) { .xs-down-pb-xl { padding-bottom: 80px !important; } } @media (max-width: 575.98px) { .xs-down-py-xl { padding-top: 80px !important; padding-bottom: 80px !important; } } @media (max-width: 575.98px) { .xs-down-px-xl { padding-left: 80px !important; padding-right: 80px !important; } } @media (max-width: 575.98px) { .xs-down-mt-xxl { margin-top: 140px !important; } } @media (max-width: 575.98px) { .xs-down-mb-xxl { margin-bottom: 140px !important; } } @media (max-width: 575.98px) { .xs-down-my-xxl { margin-top: 140px !important; margin-bottom: 140px !important; } } @media (max-width: 575.98px) { .xs-down-mx-xxl { margin-left: 140px !important; margin-right: 140px !important; } } @media (max-width: 575.98px) { .xs-down-pt-xxl { padding-top: 140px !important; } } @media (max-width: 575.98px) { .xs-down-pb-xxl { padding-bottom: 140px !important; } } @media (max-width: 575.98px) { .xs-down-py-xxl { padding-top: 140px !important; padding-bottom: 140px !important; } } @media (max-width: 575.98px) { .xs-down-px-xxl { padding-left: 140px !important; padding-right: 140px !important; } } .xs-up-mt-0 { margin-top: 0 !important; } .xs-up-mb-0 { margin-bottom: 0 !important; } .xs-up-my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .xs-up-mx-0 { margin-left: 0 !important; margin-right: 0 !important; } .xs-up-pt-0 { padding-top: 0 !important; } .xs-up-pb-0 { padding-bottom: 0 !important; } .xs-up-py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .xs-up-px-0 { padding-left: 0 !important; padding-right: 0 !important; } .xs-up-mt-xs { margin-top: 5px !important; } .xs-up-mb-xs { margin-bottom: 5px !important; } .xs-up-my-xs { margin-top: 5px !important; margin-bottom: 5px !important; } .xs-up-mx-xs { margin-left: 5px !important; margin-right: 5px !important; } .xs-up-pt-xs { padding-top: 5px !important; } .xs-up-pb-xs { padding-bottom: 5px !important; } .xs-up-py-xs { padding-top: 5px !important; padding-bottom: 5px !important; } .xs-up-px-xs { padding-left: 5px !important; padding-right: 5px !important; } .xs-up-mt-sm { margin-top: 15px !important; } .xs-up-mb-sm { margin-bottom: 15px !important; } .xs-up-my-sm { margin-top: 15px !important; margin-bottom: 15px !important; } .xs-up-mx-sm { margin-left: 15px !important; margin-right: 15px !important; } .xs-up-pt-sm { padding-top: 15px !important; } .xs-up-pb-sm { padding-bottom: 15px !important; } .xs-up-py-sm { padding-top: 15px !important; padding-bottom: 15px !important; } .xs-up-px-sm { padding-left: 15px !important; padding-right: 15px !important; } .xs-up-mt-md { margin-top: 30px !important; } .xs-up-mb-md { margin-bottom: 30px !important; } .xs-up-my-md { margin-top: 30px !important; margin-bottom: 30px !important; } .xs-up-mx-md { margin-left: 30px !important; margin-right: 30px !important; } .xs-up-pt-md { padding-top: 30px !important; } .xs-up-pb-md { padding-bottom: 30px !important; } .xs-up-py-md { padding-top: 30px !important; padding-bottom: 30px !important; } .xs-up-px-md { padding-left: 30px !important; padding-right: 30px !important; } .xs-up-mt-lg { margin-top: 50px !important; } .xs-up-mb-lg { margin-bottom: 50px !important; } .xs-up-my-lg { margin-top: 50px !important; margin-bottom: 50px !important; } .xs-up-mx-lg { margin-left: 50px !important; margin-right: 50px !important; } .xs-up-pt-lg { padding-top: 50px !important; } .xs-up-pb-lg { padding-bottom: 50px !important; } .xs-up-py-lg { padding-top: 50px !important; padding-bottom: 50px !important; } .xs-up-px-lg { padding-left: 50px !important; padding-right: 50px !important; } .xs-up-mt-xl { margin-top: 80px !important; } .xs-up-mb-xl { margin-bottom: 80px !important; } .xs-up-my-xl { margin-top: 80px !important; margin-bottom: 80px !important; } .xs-up-mx-xl { margin-left: 80px !important; margin-right: 80px !important; } .xs-up-pt-xl { padding-top: 80px !important; } .xs-up-pb-xl { padding-bottom: 80px !important; } .xs-up-py-xl { padding-top: 80px !important; padding-bottom: 80px !important; } .xs-up-px-xl { padding-left: 80px !important; padding-right: 80px !important; } .xs-up-mt-xxl { margin-top: 140px !important; } .xs-up-mb-xxl { margin-bottom: 140px !important; } .xs-up-my-xxl { margin-top: 140px !important; margin-bottom: 140px !important; } .xs-up-mx-xxl { margin-left: 140px !important; margin-right: 140px !important; } .xs-up-pt-xxl { padding-top: 140px !important; } .xs-up-pb-xxl { padding-bottom: 140px !important; } .xs-up-py-xxl { padding-top: 140px !important; padding-bottom: 140px !important; } .xs-up-px-xxl { padding-left: 140px !important; padding-right: 140px !important; } @media (min-width: 576px) { .sm-up-mt-0 { margin-top: 0 !important; } } @media (min-width: 576px) { .sm-up-mb-0 { margin-bottom: 0 !important; } } @media (min-width: 576px) { .sm-up-my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } } @media (min-width: 576px) { .sm-up-mx-0 { margin-left: 0 !important; margin-right: 0 !important; } } @media (min-width: 576px) { .sm-up-pt-0 { padding-top: 0 !important; } } @media (min-width: 576px) { .sm-up-pb-0 { padding-bottom: 0 !important; } } @media (min-width: 576px) { .sm-up-py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } } @media (min-width: 576px) { .sm-up-px-0 { padding-left: 0 !important; padding-right: 0 !important; } } @media (min-width: 576px) { .sm-up-mt-xs { margin-top: 5px !important; } } @media (min-width: 576px) { .sm-up-mb-xs { margin-bottom: 5px !important; } } @media (min-width: 576px) { .sm-up-my-xs { margin-top: 5px !important; margin-bottom: 5px !important; } } @media (min-width: 576px) { .sm-up-mx-xs { margin-left: 5px !important; margin-right: 5px !important; } } @media (min-width: 576px) { .sm-up-pt-xs { padding-top: 5px !important; } } @media (min-width: 576px) { .sm-up-pb-xs { padding-bottom: 5px !important; } } @media (min-width: 576px) { .sm-up-py-xs { padding-top: 5px !important; padding-bottom: 5px !important; } } @media (min-width: 576px) { .sm-up-px-xs { padding-left: 5px !important; padding-right: 5px !important; } } @media (min-width: 576px) { .sm-up-mt-sm { margin-top: 15px !important; } } @media (min-width: 576px) { .sm-up-mb-sm { margin-bottom: 15px !important; } } @media (min-width: 576px) { .sm-up-my-sm { margin-top: 15px !important; margin-bottom: 15px !important; } } @media (min-width: 576px) { .sm-up-mx-sm { margin-left: 15px !important; margin-right: 15px !important; } } @media (min-width: 576px) { .sm-up-pt-sm { padding-top: 15px !important; } } @media (min-width: 576px) { .sm-up-pb-sm { padding-bottom: 15px !important; } } @media (min-width: 576px) { .sm-up-py-sm { padding-top: 15px !important; padding-bottom: 15px !important; } } @media (min-width: 576px) { .sm-up-px-sm { padding-left: 15px !important; padding-right: 15px !important; } } @media (min-width: 576px) { .sm-up-mt-md { margin-top: 30px !important; } } @media (min-width: 576px) { .sm-up-mb-md { margin-bottom: 30px !important; } } @media (min-width: 576px) { .sm-up-my-md { margin-top: 30px !important; margin-bottom: 30px !important; } } @media (min-width: 576px) { .sm-up-mx-md { margin-left: 30px !important; margin-right: 30px !important; } } @media (min-width: 576px) { .sm-up-pt-md { padding-top: 30px !important; } } @media (min-width: 576px) { .sm-up-pb-md { padding-bottom: 30px !important; } } @media (min-width: 576px) { .sm-up-py-md { padding-top: 30px !important; padding-bottom: 30px !important; } } @media (min-width: 576px) { .sm-up-px-md { padding-left: 30px !important; padding-right: 30px !important; } } @media (min-width: 576px) { .sm-up-mt-lg { margin-top: 50px !important; } } @media (min-width: 576px) { .sm-up-mb-lg { margin-bottom: 50px !important; } } @media (min-width: 576px) { .sm-up-my-lg { margin-top: 50px !important; margin-bottom: 50px !important; } } @media (min-width: 576px) { .sm-up-mx-lg { margin-left: 50px !important; margin-right: 50px !important; } } @media (min-width: 576px) { .sm-up-pt-lg { padding-top: 50px !important; } } @media (min-width: 576px) { .sm-up-pb-lg { padding-bottom: 50px !important; } } @media (min-width: 576px) { .sm-up-py-lg { padding-top: 50px !important; padding-bottom: 50px !important; } } @media (min-width: 576px) { .sm-up-px-lg { padding-left: 50px !important; padding-right: 50px !important; } } @media (min-width: 576px) { .sm-up-mt-xl { margin-top: 80px !important; } } @media (min-width: 576px) { .sm-up-mb-xl { margin-bottom: 80px !important; } } @media (min-width: 576px) { .sm-up-my-xl { margin-top: 80px !important; margin-bottom: 80px !important; } } @media (min-width: 576px) { .sm-up-mx-xl { margin-left: 80px !important; margin-right: 80px !important; } } @media (min-width: 576px) { .sm-up-pt-xl { padding-top: 80px !important; } } @media (min-width: 576px) { .sm-up-pb-xl { padding-bottom: 80px !important; } } @media (min-width: 576px) { .sm-up-py-xl { padding-top: 80px !important; padding-bottom: 80px !important; } } @media (min-width: 576px) { .sm-up-px-xl { padding-left: 80px !important; padding-right: 80px !important; } } @media (min-width: 576px) { .sm-up-mt-xxl { margin-top: 140px !important; } } @media (min-width: 576px) { .sm-up-mb-xxl { margin-bottom: 140px !important; } } @media (min-width: 576px) { .sm-up-my-xxl { margin-top: 140px !important; margin-bottom: 140px !important; } } @media (min-width: 576px) { .sm-up-mx-xxl { margin-left: 140px !important; margin-right: 140px !important; } } @media (min-width: 576px) { .sm-up-pt-xxl { padding-top: 140px !important; } } @media (min-width: 576px) { .sm-up-pb-xxl { padding-bottom: 140px !important; } } @media (min-width: 576px) { .sm-up-py-xxl { padding-top: 140px !important; padding-bottom: 140px !important; } } @media (min-width: 576px) { .sm-up-px-xxl { padding-left: 140px !important; padding-right: 140px !important; } } @media (min-width: 768px) { .md-up-mt-0 { margin-top: 0 !important; } } @media (min-width: 768px) { .md-up-mb-0 { margin-bottom: 0 !important; } } @media (min-width: 768px) { .md-up-my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } } @media (min-width: 768px) { .md-up-mx-0 { margin-left: 0 !important; margin-right: 0 !important; } } @media (min-width: 768px) { .md-up-pt-0 { padding-top: 0 !important; } } @media (min-width: 768px) { .md-up-pb-0 { padding-bottom: 0 !important; } } @media (min-width: 768px) { .md-up-py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } } @media (min-width: 768px) { .md-up-px-0 { padding-left: 0 !important; padding-right: 0 !important; } } @media (min-width: 768px) { .md-up-mt-xs { margin-top: 5px !important; } } @media (min-width: 768px) { .md-up-mb-xs { margin-bottom: 5px !important; } } @media (min-width: 768px) { .md-up-my-xs { margin-top: 5px !important; margin-bottom: 5px !important; } } @media (min-width: 768px) { .md-up-mx-xs { margin-left: 5px !important; margin-right: 5px !important; } } @media (min-width: 768px) { .md-up-pt-xs { padding-top: 5px !important; } } @media (min-width: 768px) { .md-up-pb-xs { padding-bottom: 5px !important; } } @media (min-width: 768px) { .md-up-py-xs { padding-top: 5px !important; padding-bottom: 5px !important; } } @media (min-width: 768px) { .md-up-px-xs { padding-left: 5px !important; padding-right: 5px !important; } } @media (min-width: 768px) { .md-up-mt-sm { margin-top: 15px !important; } } @media (min-width: 768px) { .md-up-mb-sm { margin-bottom: 15px !important; } } @media (min-width: 768px) { .md-up-my-sm { margin-top: 15px !important; margin-bottom: 15px !important; } } @media (min-width: 768px) { .md-up-mx-sm { margin-left: 15px !important; margin-right: 15px !important; } } @media (min-width: 768px) { .md-up-pt-sm { padding-top: 15px !important; } } @media (min-width: 768px) { .md-up-pb-sm { padding-bottom: 15px !important; } } @media (min-width: 768px) { .md-up-py-sm { padding-top: 15px !important; padding-bottom: 15px !important; } } @media (min-width: 768px) { .md-up-px-sm { padding-left: 15px !important; padding-right: 15px !important; } } @media (min-width: 768px) { .md-up-mt-md { margin-top: 30px !important; } } @media (min-width: 768px) { .md-up-mb-md { margin-bottom: 30px !important; } } @media (min-width: 768px) { .md-up-my-md { margin-top: 30px !important; margin-bottom: 30px !important; } } @media (min-width: 768px) { .md-up-mx-md { margin-left: 30px !important; margin-right: 30px !important; } } @media (min-width: 768px) { .md-up-pt-md { padding-top: 30px !important; } } @media (min-width: 768px) { .md-up-pb-md { padding-bottom: 30px !important; } } @media (min-width: 768px) { .md-up-py-md { padding-top: 30px !important; padding-bottom: 30px !important; } } @media (min-width: 768px) { .md-up-px-md { padding-left: 30px !important; padding-right: 30px !important; } } @media (min-width: 768px) { .md-up-mt-lg { margin-top: 50px !important; } } @media (min-width: 768px) { .md-up-mb-lg { margin-bottom: 50px !important; } } @media (min-width: 768px) { .md-up-my-lg { margin-top: 50px !important; margin-bottom: 50px !important; } } @media (min-width: 768px) { .md-up-mx-lg { margin-left: 50px !important; margin-right: 50px !important; } } @media (min-width: 768px) { .md-up-pt-lg { padding-top: 50px !important; } } @media (min-width: 768px) { .md-up-pb-lg { padding-bottom: 50px !important; } } @media (min-width: 768px) { .md-up-py-lg { padding-top: 50px !important; padding-bottom: 50px !important; } } @media (min-width: 768px) { .md-up-px-lg { padding-left: 50px !important; padding-right: 50px !important; } } @media (min-width: 768px) { .md-up-mt-xl { margin-top: 80px !important; } } @media (min-width: 768px) { .md-up-mb-xl { margin-bottom: 80px !important; } } @media (min-width: 768px) { .md-up-my-xl { margin-top: 80px !important; margin-bottom: 80px !important; } } @media (min-width: 768px) { .md-up-mx-xl { margin-left: 80px !important; margin-right: 80px !important; } } @media (min-width: 768px) { .md-up-pt-xl { padding-top: 80px !important; } } @media (min-width: 768px) { .md-up-pb-xl { padding-bottom: 80px !important; } } @media (min-width: 768px) { .md-up-py-xl { padding-top: 80px !important; padding-bottom: 80px !important; } } @media (min-width: 768px) { .md-up-px-xl { padding-left: 80px !important; padding-right: 80px !important; } } @media (min-width: 768px) { .md-up-mt-xxl { margin-top: 140px !important; } } @media (min-width: 768px) { .md-up-mb-xxl { margin-bottom: 140px !important; } } @media (min-width: 768px) { .md-up-my-xxl { margin-top: 140px !important; margin-bottom: 140px !important; } } @media (min-width: 768px) { .md-up-mx-xxl { margin-left: 140px !important; margin-right: 140px !important; } } @media (min-width: 768px) { .md-up-pt-xxl { padding-top: 140px !important; } } @media (min-width: 768px) { .md-up-pb-xxl { padding-bottom: 140px !important; } } @media (min-width: 768px) { .md-up-py-xxl { padding-top: 140px !important; padding-bottom: 140px !important; } } @media (min-width: 768px) { .md-up-px-xxl { padding-left: 140px !important; padding-right: 140px !important; } } @media (min-width: 992px) { .lg-up-mt-0 { margin-top: 0 !important; } } @media (min-width: 992px) { .lg-up-mb-0 { margin-bottom: 0 !important; } } @media (min-width: 992px) { .lg-up-my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } } @media (min-width: 992px) { .lg-up-mx-0 { margin-left: 0 !important; margin-right: 0 !important; } } @media (min-width: 992px) { .lg-up-pt-0 { padding-top: 0 !important; } } @media (min-width: 992px) { .lg-up-pb-0 { padding-bottom: 0 !important; } } @media (min-width: 992px) { .lg-up-py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } } @media (min-width: 992px) { .lg-up-px-0 { padding-left: 0 !important; padding-right: 0 !important; } } @media (min-width: 992px) { .lg-up-mt-xs { margin-top: 5px !important; } } @media (min-width: 992px) { .lg-up-mb-xs { margin-bottom: 5px !important; } } @media (min-width: 992px) { .lg-up-my-xs { margin-top: 5px !important; margin-bottom: 5px !important; } } @media (min-width: 992px) { .lg-up-mx-xs { margin-left: 5px !important; margin-right: 5px !important; } } @media (min-width: 992px) { .lg-up-pt-xs { padding-top: 5px !important; } } @media (min-width: 992px) { .lg-up-pb-xs { padding-bottom: 5px !important; } } @media (min-width: 992px) { .lg-up-py-xs { padding-top: 5px !important; padding-bottom: 5px !important; } } @media (min-width: 992px) { .lg-up-px-xs { padding-left: 5px !important; padding-right: 5px !important; } } @media (min-width: 992px) { .lg-up-mt-sm { margin-top: 15px !important; } } @media (min-width: 992px) { .lg-up-mb-sm { margin-bottom: 15px !important; } } @media (min-width: 992px) { .lg-up-my-sm { margin-top: 15px !important; margin-bottom: 15px !important; } } @media (min-width: 992px) { .lg-up-mx-sm { margin-left: 15px !important; margin-right: 15px !important; } } @media (min-width: 992px) { .lg-up-pt-sm { padding-top: 15px !important; } } @media (min-width: 992px) { .lg-up-pb-sm { padding-bottom: 15px !important; } } @media (min-width: 992px) { .lg-up-py-sm { padding-top: 15px !important; padding-bottom: 15px !important; } } @media (min-width: 992px) { .lg-up-px-sm { padding-left: 15px !important; padding-right: 15px !important; } } @media (min-width: 992px) { .lg-up-mt-md { margin-top: 30px !important; } } @media (min-width: 992px) { .lg-up-mb-md { margin-bottom: 30px !important; } } @media (min-width: 992px) { .lg-up-my-md { margin-top: 30px !important; margin-bottom: 30px !important; } } @media (min-width: 992px) { .lg-up-mx-md { margin-left: 30px !important; margin-right: 30px !important; } } @media (min-width: 992px) { .lg-up-pt-md { padding-top: 30px !important; } } @media (min-width: 992px) { .lg-up-pb-md { padding-bottom: 30px !important; } } @media (min-width: 992px) { .lg-up-py-md { padding-top: 30px !important; padding-bottom: 30px !important; } } @media (min-width: 992px) { .lg-up-px-md { padding-left: 30px !important; padding-right: 30px !important; } } @media (min-width: 992px) { .lg-up-mt-lg { margin-top: 50px !important; } } @media (min-width: 992px) { .lg-up-mb-lg { margin-bottom: 50px !important; } } @media (min-width: 992px) { .lg-up-my-lg { margin-top: 50px !important; margin-bottom: 50px !important; } } @media (min-width: 992px) { .lg-up-mx-lg { margin-left: 50px !important; margin-right: 50px !important; } } @media (min-width: 992px) { .lg-up-pt-lg { padding-top: 50px !important; } } @media (min-width: 992px) { .lg-up-pb-lg { padding-bottom: 50px !important; } } @media (min-width: 992px) { .lg-up-py-lg { padding-top: 50px !important; padding-bottom: 50px !important; } } @media (min-width: 992px) { .lg-up-px-lg { padding-left: 50px !important; padding-right: 50px !important; } } @media (min-width: 992px) { .lg-up-mt-xl { margin-top: 80px !important; } } @media (min-width: 992px) { .lg-up-mb-xl { margin-bottom: 80px !important; } } @media (min-width: 992px) { .lg-up-my-xl { margin-top: 80px !important; margin-bottom: 80px !important; } } @media (min-width: 992px) { .lg-up-mx-xl { margin-left: 80px !important; margin-right: 80px !important; } } @media (min-width: 992px) { .lg-up-pt-xl { padding-top: 80px !important; } } @media (min-width: 992px) { .lg-up-pb-xl { padding-bottom: 80px !important; } } @media (min-width: 992px) { .lg-up-py-xl { padding-top: 80px !important; padding-bottom: 80px !important; } } @media (min-width: 992px) { .lg-up-px-xl { padding-left: 80px !important; padding-right: 80px !important; } } @media (min-width: 992px) { .lg-up-mt-xxl { margin-top: 140px !important; } } @media (min-width: 992px) { .lg-up-mb-xxl { margin-bottom: 140px !important; } } @media (min-width: 992px) { .lg-up-my-xxl { margin-top: 140px !important; margin-bottom: 140px !important; } } @media (min-width: 992px) { .lg-up-mx-xxl { margin-left: 140px !important; margin-right: 140px !important; } } @media (min-width: 992px) { .lg-up-pt-xxl { padding-top: 140px !important; } } @media (min-width: 992px) { .lg-up-pb-xxl { padding-bottom: 140px !important; } } @media (min-width: 992px) { .lg-up-py-xxl { padding-top: 140px !important; padding-bottom: 140px !important; } } @media (min-width: 992px) { .lg-up-px-xxl { padding-left: 140px !important; padding-right: 140px !important; } } @media (min-width: 1200px) { .xl-up-mt-0 { margin-top: 0 !important; } } @media (min-width: 1200px) { .xl-up-mb-0 { margin-bottom: 0 !important; } } @media (min-width: 1200px) { .xl-up-my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } } @media (min-width: 1200px) { .xl-up-mx-0 { margin-left: 0 !important; margin-right: 0 !important; } } @media (min-width: 1200px) { .xl-up-pt-0 { padding-top: 0 !important; } } @media (min-width: 1200px) { .xl-up-pb-0 { padding-bottom: 0 !important; } } @media (min-width: 1200px) { .xl-up-py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } } @media (min-width: 1200px) { .xl-up-px-0 { padding-left: 0 !important; padding-right: 0 !important; } } @media (min-width: 1200px) { .xl-up-mt-xs { margin-top: 5px !important; } } @media (min-width: 1200px) { .xl-up-mb-xs { margin-bottom: 5px !important; } } @media (min-width: 1200px) { .xl-up-my-xs { margin-top: 5px !important; margin-bottom: 5px !important; } } @media (min-width: 1200px) { .xl-up-mx-xs { margin-left: 5px !important; margin-right: 5px !important; } } @media (min-width: 1200px) { .xl-up-pt-xs { padding-top: 5px !important; } } @media (min-width: 1200px) { .xl-up-pb-xs { padding-bottom: 5px !important; } } @media (min-width: 1200px) { .xl-up-py-xs { padding-top: 5px !important; padding-bottom: 5px !important; } } @media (min-width: 1200px) { .xl-up-px-xs { padding-left: 5px !important; padding-right: 5px !important; } } @media (min-width: 1200px) { .xl-up-mt-sm { margin-top: 15px !important; } } @media (min-width: 1200px) { .xl-up-mb-sm { margin-bottom: 15px !important; } } @media (min-width: 1200px) { .xl-up-my-sm { margin-top: 15px !important; margin-bottom: 15px !important; } } @media (min-width: 1200px) { .xl-up-mx-sm { margin-left: 15px !important; margin-right: 15px !important; } } @media (min-width: 1200px) { .xl-up-pt-sm { padding-top: 15px !important; } } @media (min-width: 1200px) { .xl-up-pb-sm { padding-bottom: 15px !important; } } @media (min-width: 1200px) { .xl-up-py-sm { padding-top: 15px !important; padding-bottom: 15px !important; } } @media (min-width: 1200px) { .xl-up-px-sm { padding-left: 15px !important; padding-right: 15px !important; } } @media (min-width: 1200px) { .xl-up-mt-md { margin-top: 30px !important; } } @media (min-width: 1200px) { .xl-up-mb-md { margin-bottom: 30px !important; } } @media (min-width: 1200px) { .xl-up-my-md { margin-top: 30px !important; margin-bottom: 30px !important; } } @media (min-width: 1200px) { .xl-up-mx-md { margin-left: 30px !important; margin-right: 30px !important; } } @media (min-width: 1200px) { .xl-up-pt-md { padding-top: 30px !important; } } @media (min-width: 1200px) { .xl-up-pb-md { padding-bottom: 30px !important; } } @media (min-width: 1200px) { .xl-up-py-md { padding-top: 30px !important; padding-bottom: 30px !important; } } @media (min-width: 1200px) { .xl-up-px-md { padding-left: 30px !important; padding-right: 30px !important; } } @media (min-width: 1200px) { .xl-up-mt-lg { margin-top: 50px !important; } } @media (min-width: 1200px) { .xl-up-mb-lg { margin-bottom: 50px !important; } } @media (min-width: 1200px) { .xl-up-my-lg { margin-top: 50px !important; margin-bottom: 50px !important; } } @media (min-width: 1200px) { .xl-up-mx-lg { margin-left: 50px !important; margin-right: 50px !important; } } @media (min-width: 1200px) { .xl-up-pt-lg { padding-top: 50px !important; } } @media (min-width: 1200px) { .xl-up-pb-lg { padding-bottom: 50px !important; } } @media (min-width: 1200px) { .xl-up-py-lg { padding-top: 50px !important; padding-bottom: 50px !important; } } @media (min-width: 1200px) { .xl-up-px-lg { padding-left: 50px !important; padding-right: 50px !important; } } @media (min-width: 1200px) { .xl-up-mt-xl { margin-top: 80px !important; } } @media (min-width: 1200px) { .xl-up-mb-xl { margin-bottom: 80px !important; } } @media (min-width: 1200px) { .xl-up-my-xl { margin-top: 80px !important; margin-bottom: 80px !important; } } @media (min-width: 1200px) { .xl-up-mx-xl { margin-left: 80px !important; margin-right: 80px !important; } } @media (min-width: 1200px) { .xl-up-pt-xl { padding-top: 80px !important; } } @media (min-width: 1200px) { .xl-up-pb-xl { padding-bottom: 80px !important; } } @media (min-width: 1200px) { .xl-up-py-xl { padding-top: 80px !important; padding-bottom: 80px !important; } } @media (min-width: 1200px) { .xl-up-px-xl { padding-left: 80px !important; padding-right: 80px !important; } } @media (min-width: 1200px) { .xl-up-mt-xxl { margin-top: 140px !important; } } @media (min-width: 1200px) { .xl-up-mb-xxl { margin-bottom: 140px !important; } } @media (min-width: 1200px) { .xl-up-my-xxl { margin-top: 140px !important; margin-bottom: 140px !important; } } @media (min-width: 1200px) { .xl-up-mx-xxl { margin-left: 140px !important; margin-right: 140px !important; } } @media (min-width: 1200px) { .xl-up-pt-xxl { padding-top: 140px !important; } } @media (min-width: 1200px) { .xl-up-pb-xxl { padding-bottom: 140px !important; } } @media (min-width: 1200px) { .xl-up-py-xxl { padding-top: 140px !important; padding-bottom: 140px !important; } } @media (min-width: 1200px) { .xl-up-px-xxl { padding-left: 140px !important; padding-right: 140px !important; } } @keyframes plyr-progress { to { background-position: 25px 0; } } @keyframes plyr-popup { 0% { opacity: 0.5; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @keyframes plyr-fade-in { from { opacity: 0; } to { opacity: 1; } } .plyr { -moz-osx-font-smoothing: auto; -webkit-font-smoothing: subpixel-antialiased; direction: ltr; font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif; font-variant-numeric: tabular-nums; font-weight: 500; line-height: 1.7; max-width: 100%; min-width: 200px; position: relative; text-shadow: none; transition: box-shadow 0.3s ease; } .plyr video, .plyr audio { border-radius: inherit; height: auto; vertical-align: middle; width: 100%; } .plyr button { font: inherit; line-height: inherit; width: auto; } .plyr:focus { outline: 0; } .plyr--full-ui { box-sizing: border-box; } .plyr--full-ui *, .plyr--full-ui *::after, .plyr--full-ui *::before { box-sizing: inherit; } .plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label { touch-action: manipulation; } .plyr__badge { background: #4a5764; border-radius: 2px; color: #fff; font-size: 9px; line-height: 1; padding: 3px 4px; } .plyr--full-ui ::-webkit-media-text-track-container { display: none; } .plyr__captions { animation: plyr-fade-in 0.3s ease; bottom: 0; color: #fff; display: none; font-size: 14px; left: 0; padding: 10px; position: absolute; text-align: center; transition: transform 0.4s ease-in-out; width: 100%; } .plyr__captions .plyr__caption { background: rgba(0, 0, 0, 0.8); border-radius: 2px; box-decoration-break: clone; line-height: 185%; padding: 0.2em 0.5em; white-space: pre-wrap; } .plyr__captions .plyr__caption div { display: inline; } .plyr__captions span:empty { display: none; } @media (min-width: 480px) { .plyr__captions { font-size: 16px; padding: 20px; } } @media (min-width: 768px) { .plyr__captions { font-size: 18px; } } .plyr--captions-active .plyr__captions { display: block; } .plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions { transform: translateY(-40px); } .plyr__control { background: transparent; border: 0; border-radius: 3px; color: inherit; cursor: pointer; flex-shrink: 0; overflow: visible; padding: 7px; position: relative; transition: all 0.3s ease; } .plyr__control svg { display: block; fill: currentColor; height: 18px; pointer-events: none; width: 18px; } .plyr__control:focus { outline: 0; } .plyr__control.plyr__tab-focus { box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5); outline: 0; } a.plyr__control { text-decoration: none; } a.plyr__control::after, a.plyr__control::before { display: none; } .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed, .plyr__control.plyr__control--pressed .label--not-pressed { display: none; } .plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded='true'] { background: #00b3ff; color: #fff; } .plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded='true'] { background: #00b3ff; color: #fff; } .plyr__control--overlaid { background: rgba(0, 179, 255, 0.8); border: 0; border-radius: 100%; color: #fff; display: none; left: 50%; padding: 15px; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 2; } .plyr__control--overlaid svg { left: 2px; position: relative; } .plyr__control--overlaid:hover, .plyr__control--overlaid:focus { background: #00b3ff; } .plyr--playing .plyr__control--overlaid { opacity: 0; visibility: hidden; } .plyr--full-ui.plyr--video .plyr__control--overlaid { display: block; } .plyr--full-ui ::-webkit-media-controls { display: none; } .plyr__controls { align-items: center; display: flex; justify-content: flex-end; text-align: center; } .plyr__controls .plyr__progress__container { flex: 1; min-width: 0; } .plyr__controls .plyr__controls__item { margin-left: 2.5px; } .plyr__controls .plyr__controls__item:first-child { margin-left: 0; margin-right: auto; } .plyr__controls .plyr__controls__item.plyr__progress__container { padding-left: 2.5px; } .plyr__controls .plyr__controls__item.plyr__time { padding: 0 5px; } .plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time:first-child, .plyr__controls .plyr__controls__item.plyr__time + .plyr__time { padding-left: 0; } .plyr__controls .plyr__controls__item.plyr__volume { padding-right: 5px; } .plyr__controls .plyr__controls__item.plyr__volume:first-child { padding-right: 0; } .plyr__controls:empty { display: none; } .plyr--audio .plyr__controls { background: #fff; border-radius: inherit; color: #4a5764; padding: 10px; } .plyr--video .plyr__controls { background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; bottom: 0; color: #fff; left: 0; padding: 20px 5px 5px; position: absolute; right: 0; transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out; z-index: 3; } @media (min-width: 480px) { .plyr--video .plyr__controls { padding: 35px 10px 10px; } } .plyr--video.plyr--hide-controls .plyr__controls { opacity: 0; pointer-events: none; transform: translateY(100%); } .plyr [data-plyr='captions'], .plyr [data-plyr='pip'], .plyr [data-plyr='airplay'], .plyr [data-plyr='fullscreen'] { display: none; } .plyr--captions-enabled [data-plyr='captions'], .plyr--pip-supported [data-plyr='pip'], .plyr--airplay-supported [data-plyr='airplay'], .plyr--fullscreen-enabled [data-plyr='fullscreen'] { display: inline-block; } .plyr__menu { display: flex; position: relative; } .plyr__menu .plyr__control svg { transition: transform 0.3s ease; } .plyr__menu .plyr__control[aria-expanded='true'] svg { transform: rotate(90deg); } .plyr__menu .plyr__control[aria-expanded='true'] .plyr__tooltip { display: none; } .plyr__menu__container { animation: plyr-popup 0.2s ease; background: rgba(255, 255, 255, 0.9); border-radius: 4px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); color: #4a5764; font-size: 16px; margin-bottom: 10px; position: absolute; right: -3px; text-align: left; white-space: nowrap; z-index: 3; } .plyr__menu__container > div { overflow: hidden; transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); } .plyr__menu__container::after { border: 4px solid transparent; border-top-color: rgba(255, 255, 255, 0.9); content: ''; height: 0; position: absolute; right: 15px; top: 100%; width: 0; } .plyr__menu__container [role='menu'] { padding: 7px; } .plyr__menu__container [role='menuitem'], .plyr__menu__container [role='menuitemradio'] { margin-top: 2px; } .plyr__menu__container [role='menuitem']:first-child, .plyr__menu__container [role='menuitemradio']:first-child { margin-top: 0; } .plyr__menu__container .plyr__control { align-items: center; color: #4a5764; display: flex; font-size: 14px; padding: 4px 11px; user-select: none; width: 100%; } .plyr__menu__container .plyr__control > span { align-items: inherit; display: flex; width: 100%; } .plyr__menu__container .plyr__control::after { border: 4px solid transparent; content: ''; position: absolute; top: 50%; transform: translateY(-50%); } .plyr__menu__container .plyr__control--forward { padding-right: 28px; } .plyr__menu__container .plyr__control--forward::after { border-left-color: rgba(74, 87, 100, 0.8); right: 5px; } .plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after { border-left-color: currentColor; } .plyr__menu__container .plyr__control--back { font-weight: 500; margin: 7px; margin-bottom: 3px; padding-left: 28px; position: relative; width: calc(100% - 14px); } .plyr__menu__container .plyr__control--back::after { border-right-color: rgba(74, 87, 100, 0.8); left: 7px; } .plyr__menu__container .plyr__control--back::before { background: #c1c9d1; box-shadow: 0 1px 0 #fff; content: ''; height: 1px; left: 0; margin-top: 4px; overflow: hidden; position: absolute; right: 0; top: 100%; } .plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after { border-right-color: currentColor; } .plyr__menu__container .plyr__control[role='menuitemradio'] { padding-left: 7px; } .plyr__menu__container .plyr__control[role='menuitemradio']::before, .plyr__menu__container .plyr__control[role='menuitemradio']::after { border-radius: 100%; } .plyr__menu__container .plyr__control[role='menuitemradio']::before { background: rgba(0, 0, 0, 0.1); content: ''; display: block; flex-shrink: 0; height: 16px; margin-right: 10px; transition: all 0.3s ease; width: 16px; } .plyr__menu__container .plyr__control[role='menuitemradio']::after { background: #fff; border: 0; height: 6px; left: 12px; opacity: 0; top: 50%; transform: translateY(-50%) scale(0); transition: transform 0.3s ease, opacity 0.3s ease; width: 6px; } .plyr__menu__container .plyr__control[role='menuitemradio'][aria-checked='true']::before { background: #00b3ff; } .plyr__menu__container .plyr__control[role='menuitemradio'][aria-checked='true']::after { opacity: 1; transform: translateY(-50%) scale(1); } .plyr__menu__container .plyr__control[role='menuitemradio'].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role='menuitemradio']:hover::before { background: rgba(0, 0, 0, 0.1); } .plyr__menu__container .plyr__menu__value { align-items: center; display: flex; margin-left: auto; margin-right: -5px; overflow: hidden; padding-left: 25px; pointer-events: none; } .plyr--full-ui input[type='range'] { -webkit-appearance: none; /* stylelint-disable-line */ background: transparent; border: 0; border-radius: 26px; color: #00b3ff; display: block; height: 19px; margin: 0; padding: 0; transition: box-shadow 0.3s ease; width: 100%; } .plyr--full-ui input[type='range']::-webkit-slider-runnable-track { background: transparent; border: 0; border-radius: 2.5px; height: 5px; transition: box-shadow 0.3s ease; user-select: none; background-image: linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%)); } .plyr--full-ui input[type='range']::-webkit-slider-thumb { background: #fff; border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2); height: 13px; position: relative; transition: all 0.2s ease; width: 13px; -webkit-appearance: none; /* stylelint-disable-line */ margin-top: -4px; } .plyr--full-ui input[type='range']::-moz-range-track { background: transparent; border: 0; border-radius: 2.5px; height: 5px; transition: box-shadow 0.3s ease; user-select: none; } .plyr--full-ui input[type='range']::-moz-range-thumb { background: #fff; border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2); height: 13px; position: relative; transition: all 0.2s ease; width: 13px; } .plyr--full-ui input[type='range']::-moz-range-progress { background: currentColor; border-radius: 2.5px; height: 5px; } .plyr--full-ui input[type='range']::-ms-track { background: transparent; border: 0; border-radius: 2.5px; height: 5px; transition: box-shadow 0.3s ease; user-select: none; color: transparent; } .plyr--full-ui input[type='range']::-ms-fill-upper { background: transparent; border: 0; border-radius: 2.5px; height: 5px; transition: box-shadow 0.3s ease; user-select: none; } .plyr--full-ui input[type='range']::-ms-fill-lower { background: transparent; border: 0; border-radius: 2.5px; height: 5px; transition: box-shadow 0.3s ease; user-select: none; background: currentColor; } .plyr--full-ui input[type='range']::-ms-thumb { background: #fff; border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2); height: 13px; position: relative; transition: all 0.2s ease; width: 13px; margin-top: 0; } .plyr--full-ui input[type='range']::-ms-tooltip { display: none; } .plyr--full-ui input[type='range']:focus { outline: 0; } .plyr--full-ui input[type='range']::-moz-focus-outer { border: 0; } .plyr--full-ui input[type='range'].plyr__tab-focus::-webkit-slider-runnable-track { box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5); outline: 0; } .plyr--full-ui input[type='range'].plyr__tab-focus::-moz-range-track { box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5); outline: 0; } .plyr--full-ui input[type='range'].plyr__tab-focus::-ms-track { box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5); outline: 0; } .plyr--full-ui.plyr--video input[type='range']::-webkit-slider-runnable-track { background-color: rgba(255, 255, 255, 0.25); } .plyr--full-ui.plyr--video input[type='range']::-moz-range-track { background-color: rgba(255, 255, 255, 0.25); } .plyr--full-ui.plyr--video input[type='range']::-ms-track { background-color: rgba(255, 255, 255, 0.25); } .plyr--full-ui.plyr--video input[type='range']:active::-webkit-slider-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } .plyr--full-ui.plyr--video input[type='range']:active::-moz-range-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } .plyr--full-ui.plyr--video input[type='range']:active::-ms-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } .plyr--full-ui.plyr--audio input[type='range']::-webkit-slider-runnable-track { background-color: rgba(193, 201, 209, 0.66); } .plyr--full-ui.plyr--audio input[type='range']::-moz-range-track { background-color: rgba(193, 201, 209, 0.66); } .plyr--full-ui.plyr--audio input[type='range']::-ms-track { background-color: rgba(193, 201, 209, 0.66); } .plyr--full-ui.plyr--audio input[type='range']:active::-webkit-slider-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } .plyr--full-ui.plyr--audio input[type='range']:active::-moz-range-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } .plyr--full-ui.plyr--audio input[type='range']:active::-ms-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } .plyr__poster { background-color: #000; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity 0.2s ease; width: 100%; z-index: 1; } .plyr--stopped.plyr__poster-enabled .plyr__poster { opacity: 1; } .plyr__time { font-size: 14px; } .plyr__time + .plyr__time::before { content: '\2044'; margin-right: 10px; } @media (max-width: 767px) { .plyr__time + .plyr__time { display: none; } } .plyr--video .plyr__time { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } .plyr__tooltip { background: rgba(255, 255, 255, 0.9); border-radius: 3px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); color: #4a5764; font-size: 14px; font-weight: 500; left: 50%; line-height: 1.3; margin-bottom: 10px; opacity: 0; padding: 5px 7.5px; pointer-events: none; position: absolute; transform: translate(-50%, 10px) scale(0.8); transform-origin: 50% 100%; transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease; white-space: nowrap; z-index: 2; } .plyr__tooltip::before { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(255, 255, 255, 0.9); bottom: -4px; content: ''; height: 0; left: 50%; position: absolute; transform: translateX(-50%); width: 0; z-index: 2; } .plyr .plyr__control:hover .plyr__tooltip, .plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__tooltip--visible { opacity: 1; transform: translate(-50%, 0) scale(1); } .plyr .plyr__control:hover .plyr__tooltip { z-index: 3; } .plyr__controls > .plyr__control:first-child .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip { left: 0; transform: translate(0, 10px) scale(0.8); transform-origin: 0 100%; } .plyr__controls > .plyr__control:first-child .plyr__tooltip::before, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before { left: 16px; } .plyr__controls > .plyr__control:last-child .plyr__tooltip { left: auto; right: 0; transform: translate(0, 10px) scale(0.8); transform-origin: 100% 100%; } .plyr__controls > .plyr__control:last-child .plyr__tooltip::before { left: auto; right: 16px; transform: translateX(50%); } .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible { transform: translate(0, 0) scale(1); } .plyr--video { background: #000; overflow: hidden; } .plyr--video.plyr--menu-open { overflow: visible; } .plyr__video-wrapper { background: #000; border-radius: inherit; overflow: hidden; position: relative; z-index: 0; } .plyr__video-embed, .plyr__video-wrapper--fixed-ratio { height: 0; padding-bottom: 56.25%; } .plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video { border: 0; height: 100%; left: 0; position: absolute; top: 0; user-select: none; width: 100%; } .plyr--full-ui .plyr__video-embed > .plyr__video-embed__container { padding-bottom: 240%; position: relative; transform: translateY(-38.28125%); } .plyr__progress { left: 6.5px; margin-right: 13px; position: relative; } .plyr__progress input[type='range'], .plyr__progress__buffer { margin-left: -6.5px; margin-right: -6.5px; width: calc(100% + 13px); } .plyr__progress input[type='range'] { position: relative; z-index: 2; } .plyr__progress .plyr__tooltip { font-size: 14px; left: 0; } .plyr__progress__buffer { -webkit-appearance: none; /* stylelint-disable-line */ background: transparent; border: 0; border-radius: 100px; height: 5px; left: 0; margin-top: -2.5px; padding: 0; position: absolute; top: 50%; } .plyr__progress__buffer::-webkit-progress-bar { background: transparent; } .plyr__progress__buffer::-webkit-progress-value { background: currentColor; border-radius: 100px; min-width: 5px; transition: width 0.2s ease; } .plyr__progress__buffer::-moz-progress-bar { background: currentColor; border-radius: 100px; min-width: 5px; transition: width 0.2s ease; } .plyr__progress__buffer::-ms-fill { border-radius: 100px; transition: width 0.2s ease; } .plyr--video .plyr__progress__buffer { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.25); } .plyr--audio .plyr__progress__buffer { color: rgba(193, 201, 209, 0.66); } .plyr--loading .plyr__progress__buffer { animation: plyr-progress 1s linear infinite; background-image: linear-gradient(-45deg, rgba(35, 41, 47, 0.6) 25%, transparent 25%, transparent 50%, rgba(35, 41, 47, 0.6) 50%, rgba(35, 41, 47, 0.6) 75%, transparent 75%, transparent); background-repeat: repeat-x; background-size: 25px 25px; color: transparent; } .plyr--video.plyr--loading .plyr__progress__buffer { background-color: rgba(255, 255, 255, 0.25); } .plyr--audio.plyr--loading .plyr__progress__buffer { background-color: rgba(193, 201, 209, 0.66); } .plyr__volume { align-items: center; display: flex; flex: 1; position: relative; } .plyr__volume input[type='range'] { margin-left: 5px; position: relative; z-index: 2; } @media (min-width: 480px) { .plyr__volume { max-width: 90px; } } @media (min-width: 768px) { .plyr__volume { max-width: 110px; } } .plyr--is-ios .plyr__volume { display: none !important; } .plyr--is-ios.plyr--vimeo [data-plyr='mute'] { display: none !important; } .plyr:fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:fullscreen video { height: 100%; } .plyr:fullscreen .plyr__video-wrapper { height: 100%; position: static; } .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; top: 50%; transform: translateY(-50%); } .plyr:fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:fullscreen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr:fullscreen .plyr__captions { font-size: 21px; } } /* stylelint-disable-next-line */ .plyr:-webkit-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-webkit-full-screen video { height: 100%; } .plyr:-webkit-full-screen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; top: 50%; transform: translateY(-50%); } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-webkit-full-screen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr:-webkit-full-screen .plyr__captions { font-size: 21px; } } /* stylelint-disable-next-line */ .plyr:-moz-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-moz-full-screen video { height: 100%; } .plyr:-moz-full-screen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; top: 50%; transform: translateY(-50%); } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-moz-full-screen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr:-moz-full-screen .plyr__captions { font-size: 21px; } } /* stylelint-disable-next-line */ .plyr:-ms-fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-ms-fullscreen video { height: 100%; } .plyr:-ms-fullscreen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; top: 50%; transform: translateY(-50%); } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-ms-fullscreen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr:-ms-fullscreen .plyr__captions { font-size: 21px; } } .plyr--fullscreen-fallback { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 10000000; } .plyr--fullscreen-fallback video { height: 100%; } .plyr--fullscreen-fallback .plyr__video-wrapper { height: 100%; position: static; } .plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; top: 50%; transform: translateY(-50%); } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen { display: block; } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr--fullscreen-fallback.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr--fullscreen-fallback .plyr__captions { font-size: 21px; } } .plyr__ads { border-radius: inherit; bottom: 0; cursor: pointer; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: -1; } .plyr__ads > div, .plyr__ads > div iframe { height: 100%; position: absolute; width: 100%; } .plyr__ads::after { background: rgba(35, 41, 47, 0.8); border-radius: 2px; bottom: 10px; color: #fff; content: attr(data-badge-text); font-size: 11px; padding: 2px 6px; pointer-events: none; position: absolute; right: 10px; z-index: 3; } .plyr__ads::after:empty { display: none; } .plyr__cues { background: currentColor; display: block; height: 5px; left: 0; margin: -2.5px 0 0; opacity: 0.8; position: absolute; top: 50%; width: 3px; z-index: 3; } .plyr__preview-thumb { background-color: rgba(255, 255, 255, 0.9); border-radius: 3px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); margin-bottom: 10px; opacity: 0; padding: 3px; pointer-events: none; position: absolute; transform: translate(0, 10px) scale(0.8); transform-origin: 50% 100%; transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease; z-index: 2; } .plyr__preview-thumb--is-shown { opacity: 1; transform: translate(0, 0) scale(1); } .plyr__preview-thumb::before { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(255, 255, 255, 0.9); bottom: -4px; content: ''; height: 0; left: 50%; position: absolute; transform: translateX(-50%); width: 0; z-index: 2; } .plyr__preview-thumb__image-container { background: #c1c9d1; border-radius: 2px; overflow: hidden; position: relative; z-index: 0; } .plyr__preview-thumb__image-container img { height: 100%; left: 0; max-height: none; max-width: none; position: absolute; top: 0; width: 100%; } .plyr__preview-thumb__time-container { bottom: 6px; left: 0; position: absolute; right: 0; white-space: nowrap; z-index: 3; } .plyr__preview-thumb__time-container span { background-color: rgba(0, 0, 0, 0.55); border-radius: 2px; color: #fff; font-size: 14px; padding: 3px 6px; } .plyr__preview-scrubbing { bottom: 0; filter: blur(1px); height: 100%; left: 0; margin: auto; opacity: 0; overflow: hidden; position: absolute; right: 0; top: 0; transition: opacity 0.3s ease; width: 100%; z-index: 1; } .plyr__preview-scrubbing--is-shown { opacity: 1; } .plyr__preview-scrubbing img { height: 100%; left: 0; max-height: none; max-width: none; object-fit: contain; position: absolute; top: 0; width: 100%; } .plyr--no-transition { transition: none !important; } .plyr__sr-only { clip: rect(1px, 1px, 1px, 1px); overflow: hidden; border: 0 !important; height: 1px !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .plyr [hidden] { display: none !important; } /* |-------------------- | FONTS IMPORTS |-------------------- | | 100 - Extra Light or Ultra Light | 200 - Light or Thin | 300 - Book or Demi | 400 - Normal or Regular | 500 - Medium | 600 - Semibold, Demibold | 700 - Bold | 800 - Black, Extra Bold or Heavy | 900 - Extra Black, Fat, Poster or Ultra Black | */ @font-face { font-family: 'graphik'; src: url(../fonts/Graphik-Light.eot); src: url(../fonts/Graphik-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/Graphik-Light.woff2) format("woff2"), url(../fonts/Graphik-Light.woff) format("woff"), url(../fonts/Graphik-Light.ttf) format("truetype"); font-weight: 200; font-style: normal; } @font-face { font-family: 'graphik'; src: url(../fonts/Graphik-Regular.eot); src: url(../fonts/Graphik-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/Graphik-Regular.woff2) format("woff2"), url(../fonts/Graphik-Regular.woff) format("woff"), url(../fonts/Graphik-Regular.ttf) format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'graphik'; src: url(../fonts/Graphik-Medium.eot); src: url(../fonts/Graphik-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/Graphik-Medium.woff2) format("woff2"), url(../fonts/Graphik-Medium.woff) format("woff"), url(../fonts/Graphik-Medium.ttf) format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: 'graphik'; src: url(../fonts/Graphik-Semibold.eot?#iefix) format("embedded-opentype"), url(../fonts/Graphik-Semibold.otf) format("opentype"), url(../fonts/Graphik-Semibold.woff) format("woff"), url(../fonts/Graphik-Semibold.ttf) format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: 'graphik'; src: url(../fonts/Graphik-Bold.eot); src: url(../fonts/Graphik-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/Graphik-Bold.woff2) format("woff2"), url(../fonts/Graphik-Bold.woff) format("woff"), url(../fonts/Graphik-Bold.ttf) format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: 'brushup'; src: url(../fonts/BrushUp.eot?#iefix) format("embedded-opentype"), url(../fonts/BrushUp.otf) format("opentype"), url(../fonts/BrushUp.woff) format("woff"), url(../fonts/BrushUp.ttf) format("truetype"), url(../img/BrushUp.svg#BrushUp) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'brushup'; src: url(../fonts/BrushUpToo.eot?#iefix) format("embedded-opentype"), url(../fonts/BrushUpToo.otf) format("opentype"), url(../fonts/BrushUpToo.woff) format("woff"), url(../fonts/BrushUpToo.ttf) format("truetype"), url(../img/BrushUpToo.svg#BrushUpToo) format("svg"); font-weight: normal; font-style: italic; } /* |-------------------------- | DEFAULT & RESET |-------------------------- */ html { box-sizing: border-box; -ms-overflow-style: scrollbar; cursor: wait; } html.loaded { cursor: inherit; } * { margin: 0; padding: 0; } *, *::before, *::after { box-sizing: inherit; } body { font-family: "graphik", sans-serif; color: #8B9299; font-size: 18px; line-height: 1.6; font-weight: 200; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow-x: hidden; } @media (max-width: 1690px) { body { font-size: 16px; } } @media (max-width: 1199.98px) { body { font-size: 16px; } } .title, h1, h2, h3, h4, h5, h6 { color: #000000; font-family: "graphik", sans-serif; font-weight: 200; line-height: 1.2; text-rendering: geometricPrecision; } button:focus, input:focus, textarea:focus { outline: none !important; box-shadow: none !important; } button { -webkit-appearance: none; padding: 0; background-color: transparent; border: none; } img { max-width: inherit; } a, img, span, button { display: inline-block; } a { color: inherit; text-decoration: none; } a:focus { color: inherit; } ul { margin: 0; padding: 0; } ul li { list-style-type: none; } ::selection { color: #FFFFFF; background: #1abdce; outline: none; } /* |-------------------- | HEADER |-------------------- */ /* | | Link menu |------------ */ .link-menu, #header .item-center .item-menu li .item-link, .lang-switcher .item { text-transform: uppercase; font-size: 18px; font-weight: 400; } .menu-socials, #header .item-right .item-socials, #mobile-menu .item-socials, .share-tool .item-st-container { display: flex; } .menu-socials .item-social:not(:last-child), #header .item-right .item-socials .item-social:not(:last-child), #mobile-menu .item-socials .item-social:not(:last-child), .share-tool .item-st-container .item-social:not(:last-child) { margin-right: 15px; } .menu-socials .item-social, #header .item-right .item-socials .item-social, #mobile-menu .item-socials .item-social, .share-tool .item-st-container .item-social { width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(26, 189, 206, 0.6); transition: background-color 0.4s ease; } .menu-socials .item-social svg, #header .item-right .item-socials .item-social svg, #mobile-menu .item-socials .item-social svg, .share-tool .item-st-container .item-social svg { width: 13px; height: auto; } .menu-socials .item-social svg path, #header .item-right .item-socials .item-social svg path, #mobile-menu .item-socials .item-social svg path, .share-tool .item-st-container .item-social svg path { fill: #1abdce; transition: background-color 0.4s ease; } .menu-socials .item-social.item-fb svg, #header .item-right .item-socials .item-social.item-fb svg, #mobile-menu .item-socials .item-social.item-fb svg, .share-tool .item-st-container .item-social.item-fb svg { width: 8px; } .menu-socials .item-social:hover, #header .item-right .item-socials .item-social:hover, #mobile-menu .item-socials .item-social:hover, .share-tool .item-st-container .item-social:hover { background-color: #1abdce; } .menu-socials .item-social:hover svg path, #header .item-right .item-socials .item-social:hover svg path, #mobile-menu .item-socials .item-social:hover svg path, .share-tool .item-st-container .item-social:hover svg path { fill: #FFFFFF; } /* | | Header |--------- */ #header { width: 100%; position: absolute; z-index: 10; /* | | Layout |--------- */ /* | | Logo |------ */ /* | | Left |------- */ /* | | Center |--------- */ /* | | Right |-------- */ } #header .header-top { display: flex; align-items: center; justify-content: space-between; background-color: #1abdce; color: #FFFFFF; padding-top: 15px; padding-bottom: 15px; } #header .header-bottom { display: flex; align-items: center; justify-content: space-between; background-color: #FFFFFF; color: #1abdce; padding-top: 20px; padding-bottom: 20px; } #header .header-top, #header .header-bottom { padding-left: 40px; padding-right: 40px; } #header .item-left { flex: 0 0 290px; } #header .item-center { display: flex; justify-content: center; flex: 0 0 calc(100% - 660px); } #header .item-right { flex: 0 0 290px; } #header .item-logo { width: 230px; } #header .item-logo svg path, #header .item-logo svg rect { fill: #1abdce; } #header .logo-sentence { position: relative; top: 5px; font-size: 14px; margin-left: 5px; } #header .item-left .item-green-citizens { font-size: 32px; line-height: 1; } #header .item-center { display: none; } #header .item-center .item-menu { display: flex; } #header .item-center .item-menu li:not(:last-child) { margin-right: 20px; } @media (min-width: 1200px) { #header .item-center { display: flex; align-items: center; } } #header .item-right { display: flex; align-items: center; } #header .item-right .item-search { width: 22px; margin-right: 60px; cursor: pointer; } #header .item-right .item-search svg path { fill: #1abdce; } #header .btn-menu { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0; border: none; background-color: transparent; cursor: pointer; } #header .btn-menu > .item-burger { display: block; width: 25px; } #header .btn-menu > .item-burger > span { display: block; width: 100%; height: 2px; background-color: #1abdce; border-radius: 2px; } #header .btn-menu > .item-burger > span:nth-child(2) { margin: 6px 0; } @media (min-width: 1200px) { #header .btn-menu { display: none; } } @media (max-width: 1430px) { #header .item-center .item-menu li .item-link { font-size: 14px; } #header .item-right .item-search { margin-right: 40px; } } @media (max-width: 1199.98px) { #header .item-logo { width: 180px; } #header .logo-sentence { top: 3px; font-size: 12px; } #header .header-bottom { padding-top: 15px; padding-bottom: 13px; } #header .item-left, #header .item-center, #header .item-right { flex: none; } #header .item-right .item-search { margin-right: 30px; } #header .item-right .item-socials { display: none; } } @media (max-width: 767.98px) { #header .header-top, #header .header-bottom { padding-left: 15px; padding-right: 15px; } #header .logo-sentence { display: none; } } @media (max-width: 575.98px) { #header .item-left .item-green-citizens { font-size: 26px; } #header .item-right .item-search { margin-right: 20px; } #header .item-logo svg .logo-letters { display: none; } } /* | | Lang switcher |---------------- */ .lang-switcher { position: relative; z-index: 1; display: flex; text-transform: uppercase; } .lang-switcher .current { position: relative; z-index: 1; cursor: pointer; } .lang-switcher .current .item-icon { width: 12px; margin-left: 4px; transform: translateY(-1px); } .lang-switcher .current .item-icon svg path { fill: #FFFFFF; } .lang-switcher .item { font-size: 18px; font-weight: 500; } .lang-switcher ul { white-space: nowrap; padding-top: 20px; pointer-events: none; } .lang-switcher ul li { opacity: 0; transform: translateX(10px); } .lang-switcher ul.active { pointer-events: all; } /* | | Menu |------- */ #mobile-menu { position: fixed; z-index: 9; top: 0; left: 0; width: 100%; height: 100vh; background-color: #1abdce; overflow: auto; opacity: 0; visibility: hidden; text-align: center; } #mobile-menu .item-container .menu { padding-top: 50px; margin-bottom: 50px; } #mobile-menu .item-container ul > li:not(:last-child) { margin-bottom: 20px; } #mobile-menu .item-container ul > li a { text-transform: uppercase; font-family: "brushup", sans-serif; color: #FFFFFF; font-size: 30px; font-weight: normal; -webkit-font-smoothing: antialiased; } @media (max-width: 575.98px) { #mobile-menu .item-container ul > li a { font-size: 26px; } } #mobile-menu .item-socials { justify-content: center; } /* |-------------------- | FOOTER |-------------------- */ #footer .item-socials .item-social { width: 24px; } #footer .item-socials .item-social svg path { fill: #FFFFFF; } #footer .item-socials .item-social.item-fb { width: 14px; } #footer .item-socials .item-social:not(:last-child) { margin-right: 20px; } #footer .footer-top { padding-top: 50px; padding-bottom: 50px; } #footer .footer-bottom { padding-top: 50px; padding-bottom: 50px; } #footer .footer-links .item { position: relative; padding-right: 12px; margin-right: 8px; } #footer .footer-links .item:not(:last-child):after { content: ''; position: absolute; right: 0; top: 10%; width: 1px; height: 70%; background-color: #FFFFFF; } #footer .item-icon-newsletter { width: 20px; margin-left: 8px; } #footer .item-icon-newsletter svg path { fill: #fff; } /* |-------------------- | CONTENT |-------------------- */ /* | | Titles |--------- */ .title-alt, #header .item-left .item-green-citizens, .title-md-alt, .title-sm-alt, .title-xs-alt, .chevron-link, .arrow-link, .spanned-title span, #page-home #section-banner .banner-card .title-logo, #page-home #section-banner .banner-card .item-hashtag, #page-loader .item-logo-text { text-rendering: geometricPrecision; line-height: 1.2; font-weight: normal; } .title-normal { font-weight: 600; font-family: "graphik", sans-serif; } /* | | Banner |--------- */ .banner { position: relative; display: flex; align-items: center; width: 100%; min-height: 100vh; background-color: #000000; } .banner .item-content { width: 100%; padding: 100px 0; } /* | | Custom card | | Use in news archive page |-------------- */ .custom-card { /* * Card img */ /* * Card content */ /* * Hover state */ } .custom-card .custom-card-link { display: block; } .custom-card .card-img-container { position: relative; overflow: hidden; } .custom-card .card-img-container:after { content: ''; display: block; padding-bottom: 100%; } .custom-card .card-img-container .card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1); will-change: transform; } .custom-card .card-content .date { color: rgba(27, 27, 27, 0.6); } .custom-card:hover .card-img-container .card-img { transform: scale(1.05); } /* | | Cookie banner |---------------- */ .cookie-banner { display: none; position: fixed; z-index: 10; bottom: 0; left: 0; width: 100%; padding: 25px 0; background-color: #1abdce; } .cookie-banner .item-close { cursor: pointer; } .cookie-banner .item-close svg { width: 20px; height: auto; } .cookie-banner .item-close svg path { fill: #FFFFFF; } @media (max-width: 767.98px) { .cookie-banner { padding: 20px 0; font-size: 12px; } } @media (max-width: 575.98px) { .cookie-banner { padding: 10px 0 20px 0; } .cookie-banner .item-close { font-size: 18px; } } /* | | Pagination |--------------- */ .pagination-container li { display: inline-block; } .pagination-container li a { transition: all 0.3s ease-out; padding: 0 8px; } .pagination-container li a:hover { color: #8B9299; } .pagination-container li .current { padding: 0 8px; font-weight: 800; color: #8B9299; } /* | | CMS |------ */ .cms span { display: inline; } .cms h1, .cms h2, .cms h3, .cms h4, .cms h5, .cms h6 { margin-bottom: 30px; } .cms img { display: block; width: 100%; height: auto; } .cms strong { font-weight: 500; } .cms p { margin-bottom: 20px; } .cms.cms-break-sm p { margin-bottom: 10px; } .cms.cms-no-break p { margin-bottom: 0; } .cms a { color: #1abdce; } .cms blockquote { position: relative; width: 80%; margin-right: 0; margin-left: auto; padding: 130px 0; font-size: 30px; line-height: 1.5em; font-weight: 300; } @media (max-width: 991.98px) { .cms blockquote { margin: auto; } } .cms blockquote:before { content: ""; position: absolute; background-image: url(../img/quote-left.svg); width: 50px; height: 50px; background-repeat: no-repeat; background-size: contain; background-position: center center; transform: translateX(-60px) translateY(-30px); } .cms blockquote:after { content: ""; position: absolute; right: 0; background-image: url(../img/quote-right.svg); width: 50px; height: 50px; background-repeat: no-repeat; background-size: contain; background-position: center center; transform: translateX(0) translateY(-50px); } @media (max-width: 991.98px) { .cms blockquote:after { transform: translateX(60px) translateY(-50px); } } /* | | Containers |------------- */ @media (min-width: 1430px) { .container-xxl, .container-xxxl { max-width: 1360px; } } @media (min-width: 1690px) { .container-xxxl { max-width: 1635px; } } .container-flexible { padding: 0 5vw; } @media (max-width: 767.98px) { .container-flexible { padding: 0 15px; } } .container-flexible-alt { padding: 0 6vw; } @media (max-width: 767.98px) { .container-flexible-alt { padding: 0 15px; } } /* | | Page offset |-------------- */ .page-offset, #mobile-menu .item-container, #page-home #section-banner .banner-card-container { padding-top: 164px; } @media (max-width: 1199.98px) { .page-offset, #mobile-menu .item-container, #page-home #section-banner .banner-card-container { padding-top: 132px; } } @media (max-width: 991.98px) { .page-offset, #mobile-menu .item-container, #page-home #section-banner .banner-card-container { padding-top: 132px; } } @media (max-width: 767.98px) { .page-offset, #mobile-menu .item-container, #page-home #section-banner .banner-card-container { padding-top: 132px; } } @media (max-width: 575.98px) { .page-offset, #mobile-menu .item-container, #page-home #section-banner .banner-card-container { padding-top: 127px; } } /* | | Breadcrumbs |-------------- */ .breadcrumbs { color: #1abdce; text-transform: uppercase; padding-top: 25px; font-weight: 400; font-size: 15px; line-height: 1; } .breadcrumbs ul { display: flex; align-items: center; } .breadcrumbs ul li:not(:last-child)::after { content: '\203A'; margin: 0 10px; } /* | | Spanned title |---------------- */ .spanned-title span { position: relative; color: #1abdce; } .spanned-title span::before { content: ''; position: absolute; left: 0; top: 100%; width: 100%; height: 3px; background-image: url(../img/underline.png); background-repeat: no-repeat; background-size: 100% 100%; } /* | | Custom Loader |--------------- */ .custom-loader { width: 100px; display: inline-block; } .custom-loader.cl-center { margin-left: auto; margin-right: auto; } .custom-loader svg { display: inline-block; width: 100%; height: auto; fill: #1abdce; } .custom-loader svg circle { stroke: #1abdce; } .custom-loader.ajax-loader { display: none; } /* | | Draggable Slider |------------------- */ .draggable-slider { position: relative; } .draggable-slider .item-path { position: absolute; z-index: 1; left: 0; top: calc(50% - 150px); width: 100%; overflow: hidden; } .draggable-slider .item-path .dragger .item-ball { transform: translateX(80px); } .draggable-slider .draggable-slider-wrapper { display: flex; } .draggable-slider .draggable-slider-wrapper.dsw-2 { justify-content: flex-end; } .draggable-slider .draggable-slider-wrapper .dsw-inner { display: flex; flex-wrap: nowrap; width: max-content; } .draggable-slider .draggable-slide { width: 50vw; flex: 0 0 50vw; } .draggable-slider .draggable-slide:not(:first-child) { margin-left: 60px; } .draggable-slider .draggable-slide:first-child { margin-left: 25vw; } .draggable-slider .draggable-slide:last-child { margin-right: 25vw; } @media (max-width: 1199.98px) { .draggable-slider .draggable-slide { width: 60vw; flex: 0 0 60vw; } .draggable-slider .draggable-slide:first-child { margin-left: 20vw; } .draggable-slider .draggable-slide:last-child { margin-right: 20vw; } } @media (max-width: 991.98px) { .draggable-slider .draggable-slide { width: 64vw; flex: 0 0 64vw; } .draggable-slider .draggable-slide:first-child { margin-left: 23vw; } .draggable-slider .draggable-slide:last-child { margin-right: 23vw; } } @media (max-width: 767.98px) { .draggable-slider .draggable-slide { width: 75vw; flex: 0 0 75vw; } .draggable-slider .draggable-slide:first-child { margin-left: 12.5vw; } .draggable-slider .draggable-slide:last-child { margin-right: 12.5vw; } .draggable-slider .draggable-slide:not(:first-child) { margin-left: 40px; } } /* | | Bloc partner |-------------- */ .bloc-partner { padding: 50px; background-color: #FFFFFF; min-height: 100%; cursor: pointer; } .bloc-partner .item-p-logo { text-align: center; } .bloc-partner .item-p-logo img { width: 220px; height: auto; } /* | | Bloc project |--------------- */ .bloc-project { display: block; } .bloc-project .marker { display: none; } .bloc-project .item-tags { position: absolute; bottom: 0; right: 0; width: 100%; text-align: right; box-sizing: border-box; padding: 0 15px 20px; line-height: 1; } .bloc-project .item-tags .item-tag { font-size: 13px; } .bloc-project .item-tags .item-tag:not(:first-child) { margin-left: 10px; } .bloc-project .item-excerpt { height: 80px; overflow: hidden; } /* | | Section instagram |-------------------- */ #section-instagram .item-account { margin-bottom: 6.5vw; } #section-instagram .col-grid:nth-child(even) .item-img:first-child { margin-top: -50%; } @media (max-width: 1199.98px) { #section-instagram .item-col:not(.col-grid) { display: none; } } @media (max-width: 767.98px) { #section-instagram .item-account { margin-bottom: 30px; } #section-instagram .col-grid:nth-child(even) .item-img:first-child { margin-top: 0; } } @media (max-width: 575.98px) { #section-instagram .item-row { margin-left: 0; margin-right: 0; } #section-instagram .item-col { padding-left: 15px; padding-right: 15px; } } /* | | Section citizens with a project |---------------------------------- */ #section-citizen-with-project .select-arrow { position: relative; top: -0.9vw; width: 3.5vw; height: 3.5vw; margin-left: 15px; border-radius: 50%; background-color: #F6F7FC; cursor: pointer; transition: background-color 0.4s ease; } #section-citizen-with-project .select-arrow svg { width: 10px; height: auto; } #section-citizen-with-project .select-arrow svg path { fill: #1abdce; transition: fill 0.4s ease; } #section-citizen-with-project .select-arrow:hover { background-color: #1abdce; } #section-citizen-with-project .select-arrow:hover svg path { fill: #FFFFFF; } #section-citizen-with-project .citizens-select-group { flex-wrap: wrap; position: relative; } #section-citizen-with-project .item-label { margin-right: 10px; } #section-citizen-with-project .item-selected-text { display: inline; } #section-citizen-with-project .item-options { position: absolute; z-index: 2; top: 115%; left: 20%; width: 60%; padding: 40px 60px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); background-color: #FFFFFF; text-align: left; transform-origin: left top; transform: scaleY(0); } #section-citizen-with-project .item-options .item-option span { transition: color 0.2s ease; cursor: pointer; } #section-citizen-with-project .item-options .item-option span:hover { color: #1abdce; } #section-citizen-with-project .select-content { display: none; } #section-citizen-with-project .select-content .item-btn { height: 75px; } #section-citizen-with-project .select-content.active { display: block; } @media (max-width: 1199.98px) { #section-citizen-with-project .select-arrow { top: -11px; width: 40px; height: 40px; margin-left: 10px; } #section-citizen-with-project .item-options { left: 10%; width: 80%; } } @media (max-width: 991.98px) { #section-citizen-with-project .item-options { left: 0; width: 100%; } #section-citizen-with-project .grid-row .item-col:first-child, #section-citizen-with-project .grid-row .item-col:last-child { display: none; } } @media (max-width: 767.98px) { #section-citizen-with-project .select-arrow { top: -10px; width: 35px; height: 35px; } #section-citizen-with-project .item-options { padding: 35px 40px; } #section-citizen-with-project .select-content .item-btn { height: auto; margin-bottom: 30px; } #section-citizen-with-project .grid-row .item-col:not(:last-child) { margin-bottom: 30px; } } @media (max-width: 575.98px) { #section-citizen-with-project .item-options { padding: 30px; } #section-citizen-with-project .grid-row { margin-left: 0; margin-right: 0; } #section-citizen-with-project .grid-row .item-col { padding-left: 15px; padding-right: 15px; } } /* | | Section intro |---------------- */ .section-intro .intro-content { padding-left: 15px; padding-right: 15px; } @media (min-width: 576px) { .section-intro .intro-content { padding-left: calc(0px + (100vw - 540px + 30px) / 2); } } @media (min-width: 768px) { .section-intro .intro-content { padding-left: calc(0px + (100vw - 720px + 30px) / 2); } } @media (min-width: 992px) { .section-intro .intro-content { padding-left: calc(0px + (100vw - 960px + 30px) / 2); } } @media (min-width: 1200px) { .section-intro .intro-content { padding-left: calc(0px + (100vw - 1140px + 30px) / 2); } } @media (min-width: 576px) { .section-intro .intro-content { padding-right: calc(0px + (100vw - 540px + 30px) / 2); } } @media (min-width: 768px) { .section-intro .intro-content { padding-right: calc(0px + (100vw - 720px + 30px) / 2); } } @media (min-width: 992px) { .section-intro .intro-content { padding-right: calc(0px + (100vw - 960px + 30px) / 2); } } @media (min-width: 1200px) { .section-intro .intro-content { padding-right: calc(0px + (100vw - 1140px + 30px) / 2); } } @media (min-width: 1200px) { .section-intro .intro-content { padding-right: 0; } } .section-intro .intro-content .item-img-container { position: relative; } .section-intro .intro-content .item-img-container .item-btn { z-index: 1; transform: translateX(-50%) translateY(-50%); } @media (max-width: 1199.98px) { .section-intro .intro-content .item-img-container { text-align: center; } .section-intro .intro-content .item-img-container .item-btn { left: 50%; transform: translateX(-50%) translateY(-50%); } } /* | | Bloc list inline |------------------- */ .bloc-list-inline .bli-item { position: relative; display: inline-block; transition: color 0.4s ease; cursor: pointer; } .bloc-list-inline .bli-item:not(:last-child) { padding-right: 20px; margin-right: 20px; } .bloc-list-inline .bli-item:not(:last-child)::after { content: '\2022'; position: absolute; right: 0; top: 0; transform: translateX(50%); } .bloc-list-inline .bli-item.active { color: #1abdce !important; } .bloc-list-inline .bli-item:hover { color: #000000 !important; } /* | | Section UGC |-------------- */ #section-ugc { background-image: linear-gradient(to bottom, #FFFFFF, #F6F7FC); /* | | Main filters |--------------- */ /* | | Descriptions |--------------- */ } #section-ugc .bloc-partner-filters .item-partner-filter::before { content: ''; position: absolute; left: 0; top: 100%; width: 100%; height: 3px; background-image: url(../img/underline.png); background-repeat: no-repeat; background-size: 100% 100%; transform: scaleX(0); transform-origin: left top; transition: transform 0.4s ease; } #section-ugc .bloc-partner-filters .item-partner-filter.active::before { transform: scaleX(1); } @media (max-width: 991.98px) { #section-ugc .bloc-partner-filters { display: flex; align-items: center; justify-content: center; flex-direction: column; } #section-ugc .bloc-partner-filters .item-partner-filter { margin-right: 0 !important; padding-right: 0 !important; } #section-ugc .bloc-partner-filters .item-partner-filter:not(:last-child) { margin-bottom: 15px; } #section-ugc .bloc-partner-filters .item-partner-filter::after { display: none !important; } } #section-ugc .main-partner-types .item-partner-filter:not(:last-child) { padding-right: 30px; margin-right: 30px; } #section-ugc .main-partner-types-description .item-description { display: none; } #section-ugc .main-partner-types-description .item-description.active { display: block; } /* | | Row article |-------------- */ .row-article .col-date { padding-top: 50px; } .row-article .col-content { padding-top: 30px; padding-left: 100px; } .row-article .item-separator { width: 100%; height: 2px; background-color: #efefef; margin: 40px 0; } .row-article:not(.ra-with-last-separator):last-child .item-separator { display: none; } .row-article.ra-pt-0 .col-date { padding-top: 10px; } .row-article.ra-pt-0 .col-content { padding-top: 10px; } @media (max-width: 1430px) and (min-width: 1200px) { .row-article .col-content { flex: 0 0 50%; max-width: 50%; } .row-article.ra-cols-alt .col-date { flex: 0 0 16.66667%; max-width: 16.66667%; } } @media (max-width: 1199.98px) { .row-article .col-content { padding-top: 0; } .row-article .col-content { padding-left: 60px; } } @media (max-width: 991.98px) { .row-article .col-date { padding-top: 0; } .row-article .col-content { padding-top: 20px; padding-left: 15px; } } /* | | Projects map |--------------- */ .projects-map, .archive-projects-map { width: 100%; height: 100vh; background-color: #000000; } .projects-map .marker, .archive-projects-map .marker { display: none; } .projects-map .leaflet-popup, .archive-projects-map .leaflet-popup { margin-bottom: 0; } .projects-map .leaflet-popup .leaflet-popup-content-wrapper, .archive-projects-map .leaflet-popup .leaflet-popup-content-wrapper { position: relative; top: -6px; border-radius: 50px; transform: translateX(calc(50% - 25px)); } .projects-map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content, .archive-projects-map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content { width: max-content; line-height: inherit; font-size: 16px; margin: 0; padding: 0 50px 0 80px; display: flex; align-items: center; min-height: 50px; max-width: 400px !important; } .projects-map .leaflet-popup .marker-overview-img, .archive-projects-map .leaflet-popup .marker-overview-img { position: absolute; top: 50%; right: calc(100% - 26px); width: 250px; transform: translateY(-50%); pointer-events: none; } .projects-map .leaflet-popup .popup-marker, .archive-projects-map .leaflet-popup .popup-marker { position: absolute; left: 0; top: calc(50% - 25px); width: 50px; height: 50px; } .projects-map .leaflet-popup .popup-marker img, .archive-projects-map .leaflet-popup .popup-marker img { width: 100%; height: 100%; } .projects-map .leaflet-popup .leaflet-popup-tip-container, .archive-projects-map .leaflet-popup .leaflet-popup-tip-container { display: none; } .projects-map a.leaflet-popup-close-button, .archive-projects-map a.leaflet-popup-close-button { padding: 0; right: 10px; top: 10px; display: none; } /* | | Popup |-------- */ .popup { display: none; position: fixed; z-index: 10; } .popup .item-overlay { background-color: rgba(0, 0, 0, 0.6); } .popup .item-close { z-index: 2; transform: translate(40%, -30%); } .popup .item-wrapper { position: absolute; z-index: 1; top: 5vh; left: 5vw; width: 90vw; height: 90vh; transform-origin: left top; background-color: #FFFFFF; } .popup .item-container { overflow: auto; padding: 80px 10vw; } .popup.active { display: block; } .popup-partner .item-logo img { width: 250px; } /* | | Popup search |--------------- */ .popup-search { position: fiexd; z-index: 10; background-color: #FFFFFF; display: none; } .popup-search .search-form { top: 25vh; position: relative; } .popup-search .search-form .item-search { width: 100%; height: 60px; padding: 0; font-size: 42px; font-weight: 200; color: #000000; border: none; border-bottom: 1px solid #C4C5C9; } .popup-search .search-form .item-search::placeholder { color: #C4C5C9; } .popup-search .search-form .item-submit { position: absolute; z-index: 1; right: 0; top: 0; width: 50px; height: 100%; cursor: pointer; } .popup-search .search-form .item-submit svg path { fill: #C4C5C9; } .popup-search .item-close { position: absolute; z-index: 2; top: 25px; right: 30px; width: 24px; cursor: pointer; } .popup-search .item-close svg path { fill: #000000; } .popup-search.active { display: block; } /* | | Share tool |------------- */ .share-tool { position: relative; display: inline-flex; } .share-tool .item-st-container { background-color: #1abdce; position: absolute; z-index: 1; left: calc(100% + 15px); top: calc(50% - 30px); padding: 10px 14px; border-radius: 100px; transform-origin: left top; transform: scaleX(0); overflow: hidden; } .captionned-image { position: relative; } .captionned-image .item-caption { position: absolute; z-index: 1; top: 5px; left: 5px; width: calc(100% - 10px); pointer-events: none; transition: transform 0.4s ease, opacity 0.4s ease; transform: translateY(10px); opacity: 0; display: flex; justify-content: flex-end; } .captionned-image .item-caption .item-c-inner { display: inline-block; padding: 5px 10px; background-color: #1abdce; color: #FFFFFF; } .captionned-image:hover .item-caption { transform: translateY(0); opacity: 1; } .page-template-ecosystem .no-img { margin: auto; display: table; } /* |-------------------- | PAGE HOME |-------------------- */ #page-home { /* | | Section banner |------------------ */ /* | | Section projects |------------------- */ /* | | Section themes |----------------- */ /* | | Section instagram |--------------------- */ } #page-home #section-banner { position: relative; } #page-home #section-banner .item-row .item-col:nth-child(odd) { padding-top: 130px; } #page-home #section-banner .item-row .item-col:nth-child(3) { display: flex; flex-direction: column; justify-content: flex-end; padding-top: 0; } @media (max-width: 1199.98px) { #page-home #section-banner .item-row .item-col:nth-child(odd) { display: none; } #page-home #section-banner .item-row .item-col:nth-child(3) { display: flex; padding-top: 130px; } } #page-home #section-banner .banner-card-container { z-index: 1; width: 100%; } #page-home #section-banner .banner-card { position: relative; margin-top: -130px; padding: 320px 0px 90px; } #page-home #section-banner .banner-card .item-brush { background-image: url(../img/banner-card.png); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; transform: scaleY(-1); } #page-home #section-banner .banner-card .title-logo { line-height: 1; color: #1abdce; } #page-home #section-banner .banner-card .title-logo span { display: block; } #page-home #section-banner .banner-card .title-logo span:first-child { font-size: 100px; } #page-home #section-banner .banner-card .title-logo span:last-child { font-size: 50px; } #page-home #section-banner .banner-card .item-logo { width: 20vw; } @media (max-width: 991.98px) { #page-home #section-banner .banner-card .item-logo { width: 200px; } } #page-home #section-banner .banner-card .item-hashtag { font-size: 40px; } @media (max-width: 1199.98px) { #page-home #section-banner .banner-card-container .item-container { max-width: 100%; } #page-home #section-banner .banner-card { padding: 250px 0px 120px; } } @media (max-width: 991.98px) { #page-home #section-banner .item-row { display: none; } #page-home #section-banner .banner-card-container { position: relative; top: inherit; left: inherit; background-color: #FFFFFF; } #page-home #section-banner .banner-card { background-image: none; margin-top: 0; padding: 70px 0px 20px !important; } #page-home #section-banner .item-btn { margin-top: 0; } } #page-home.tmp .item-row { filter: blur(3px); -webkit-filter: blur(3px); } #page-home.tmp .banner-card-container { padding-top: 100px !important; } #page-home.tmp .banner-card { margin-top: 0 !important; padding: 130px 0px 230px !important; } #page-home.tmp .banner-card .item-logo { width: 30vw !important; } #page-home.tmp .banner-card .item-hashtag { font-size: 32px !important; } #page-home.tmp .banner-card .item-hashtag.fr { font-size: 4.5vw !important; } #page-home.tmp .banner-card .item-hashtag.en { font-size: 1.6vw !important; } #page-home.tmp .item-btn { top: -50px; } @media (max-width: 991.98px) { #page-home.tmp .item-btn { top: 0; } } #page-home #section-projects .draggable-slide:nth-child(even) { margin-top: 150px; } @media (min-width: 768px) { #page-home #section-video .item-share-container { text-align: center; } } #page-home #section-themes { position: relative; padding: 190px 0 0; } #page-home #section-themes .item-brush { background-image: url(../img/brush.png); z-index: 2; } #page-home #section-themes .item-brush-layer { z-index: 1; background-color: #FFFFFF; transition: transform 0.8s ease; } #page-home #section-themes .item-content { position: relative; z-index: 2; } #page-home #section-themes .bloc-theme .item-t-title { cursor: pointer; } #page-home #section-themes .bloc-theme .item-t-title span a { pointer-events: none; transition: color 0.2s ease; } #page-home #section-themes .bloc-theme .item-t-title span:hover a { color: #1abdce; } #page-home #section-themes .bloc-theme .item-t-content { display: none; opacity: 0; transform: translateX(15px); } #page-home #section-themes .bloc-theme:not(:last-child) { margin-bottom: 10px; } #page-home #section-themes .bloc-theme.active .item-t-title span a { pointer-events: all; } #page-home #section-citizen-with-project { padding-bottom: 0 !important; } #page-home #section-instagram { background-image: linear-gradient(to bottom, #F6F7FC, #FFFFFF); } /* |-------------------- | PAGE NEWS |-------------------- */ #page-news { /* | | Section head |----------------- */ } #page-news #section-head .item-heading { display: flex; justify-content: space-between; align-items: center; } @media (max-width: 991.98px) { #page-news #section-head .item-heading { flex-direction: column; } } #page-news #section-head .bloc-filters { display: flex; } #page-news #section-head .bloc-filters .item-filter { color: #1b1b1b; cursor: pointer; transition: color 0.2s ease; } #page-news #section-head .bloc-filters .item-filter:not(:last-child) { margin-right: 40px; } #page-news #section-head .bloc-filters .item-filter.active, #page-news #section-head .bloc-filters .item-filter:hover { color: #1abdce; } #page-news #section-head .bloc-filters .item-filter.active { font-weight: 400; } #page-news #section-head .item-separator { width: 100%; height: 1px; background-color: #efefef; } #page-news .load-more-container { min-height: 100px; display: flex; align-items: center; justify-content: center; } #page-news .load-more-container .loader-container { display: none; } /* |-------------------- | PAGE SINGLE |-------------------- */ #page-article { /* | | Section ghosts |----------------- */ /* | | Sections flexibles |-------------------- */ } #page-article .section-flexible { /* | | Spaces |--------- */ } #page-article .section-flexible.space-top-small { padding-top: 30px; } #page-article .section-flexible.space-bottom-small { padding-bottom: 30px; } #page-article .section-flexible.space-top-medium { padding-top: 110px; } #page-article .section-flexible.space-bottom-medium { padding-bottom: 110px; } #page-article .section-flexible.space-top-big { padding-top: 160px; } #page-article .section-flexible.space-bottom-big { padding-bottom: 160px; } @media (max-width: 1199.98px) { #page-article .section-flexible.space-top-big { padding-top: 80px; } } @media (max-width: 1199.98px) { #page-article .section-flexible.space-bottom-big { padding-bottom: 80px; } } @media (max-width: 1199.98px) { #page-article .section-flexible.space-top-medium { padding-top: 60px; } } @media (max-width: 1199.98px) { #page-article .section-flexible.space-bottom-medium { padding-bottom: 60px; } } @media (max-width: 991.98px) { #page-article .section-flexible.section-image_text_link .item-row { justify-content: center; } } /* |-------------------- | Contact |-------------------- */ #page-contact { /* | | Section contact |------------------ */ } #page-contact .section-map #map { position: relative; width: 100%; height: 50vh; background-color: #000000; } /* |-------------------- | PAGE ABOUT |-------------------- */ #page-about { /* | | Section bloc |----------------- */ } #page-about .blocs-container .section-bloc { /* | image - content */ /* | content - image */ } @media (min-width: 1200px) { #page-about .blocs-container .section-bloc .col-content, #page-about .blocs-container .section-bloc .col-image { flex: 0 0 44%; max-width: 44%; } } @media (min-width: 1200px) { #page-about .blocs-container .section-bloc:nth-child(odd) .col-content { padding-left: 7%; } } @media (max-width: 1199.98px) { #page-about .blocs-container .section-bloc .item-row { justify-content: center; } } /* |-------------------- | PAGE PROJECTS |-------------------- */ #page-projects { /* | | Section ghosts |----------------- */ } #page-projects #section-intro { /* | | Filters |--------- */ } #page-projects #section-intro .bloc-list-inline .bli-item { transition: color 0.4s ease; } #page-projects #section-intro .bloc-list-inline .bli-item::after { color: #1abdce; } #page-projects #section-intro .bloc-list-inline .bli-item:hover { color: #1abdce !important; } @media (max-width: 767.98px) { #page-projects #section-intro .bloc-list-inline .bli-item { display: block; margin: 0; padding: 0; text-align: center; } #page-projects #section-intro .bloc-list-inline .bli-item:not(:last-child)::after { content: '-'; position: relative; top: inherit; left: inherit; line-height: 1; display: block; transform: none; } } #page-projects #section-intro .zone-filters { display: flex; justify-content: center; background-color: #F6F7FC; font-size: 16px; color: #1b1b1b; } #page-projects #section-intro .zone-filters .item-select { position: relative; padding: 35px 50px; cursor: pointer; /* | | Selected |----------- */ /* | | Options |---------- */ } #page-projects #section-intro .zone-filters .item-select:not(:last-child)::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 40px; background-color: rgba(26, 189, 206, 0.3); } #page-projects #section-intro .zone-filters .item-select .item-s-selected { display: inline-flex; align-items: center; position: relative; z-index: 2; } #page-projects #section-intro .zone-filters .item-select .item-s-selected .item-s-icon { width: 38px; height: 38px; background-color: #FFFFFF; border-radius: 50%; margin-left: 12px; transition: background-color 0.3s ease; } #page-projects #section-intro .zone-filters .item-select .item-s-selected .item-s-icon svg { width: 12px; height: auto; } #page-projects #section-intro .zone-filters .item-select .item-s-selected .item-s-icon svg path { fill: #1abdce; transition: fill 0.3s ease; } #page-projects #section-intro .zone-filters .item-select .item-s-selected .item-s-icon:hover { background-color: #1abdce; } #page-projects #section-intro .zone-filters .item-select .item-s-selected .item-s-icon:hover svg path { fill: #FFFFFF; } #page-projects #section-intro .zone-filters .item-select .item-options-container { max-height: 300px; overflow: auto; } #page-projects #section-intro .zone-filters .item-select .item-s-options { position: absolute; z-index: 1; top: 0; left: 50%; transform: translateX(-50%) scaleY(0); transform-origin: left top; width: max-content; min-width: 100%; background-color: #FFFFFF; padding: 108px 45px 35px; } #page-projects #section-intro .zone-filters .item-select .item-s-options .item-option.io-label { color: #C4C5C9; } #page-projects #section-intro .zone-filters .item-select .item-s-options .item-option span { transition: color 0.3s ease; } #page-projects #section-intro .zone-filters .item-select .item-s-options .item-option span:hover { color: #1abdce; } #page-projects #section-intro .zone-filters .item-select.active .item-s-selected { z-index: 4; } #page-projects #section-intro .zone-filters .item-select.active .item-s-options { z-index: 3; } @media (max-width: 991.98px) { #page-projects #section-intro .zone-filters .item-select { padding: 35px 20px; } #page-projects #section-intro .zone-filters .item-select .item-s-selected .item-s-icon { width: 28px; height: 28px; } #page-projects #section-intro .zone-filters .item-select .item-s-selected .item-s-icon svg { width: 10px; } } @media (max-width: 767.98px) { #page-projects #section-intro .zone-filters { flex-direction: column; } #page-projects #section-intro .zone-filters .item-select { padding: 20px 20px; } #page-projects #section-intro .zone-filters .item-select::after { display: none !important; } #page-projects #section-intro .zone-filters .item-select .item-s-options { left: 0; transform: scaleY(0); width: 100%; padding: 68px 40px 30px; } } /* |-------------------- | PAGE PROJECT |-------------------- */ #page-project { /* | | Section intro |----------------- */ /* | | Section slider |----------------- */ } #page-project #section-intro .item-heading { display: flex; justify-content: space-between; padding-left: 15px; padding-right: 15px; } @media (min-width: 576px) { #page-project #section-intro .item-heading { padding-left: calc(0px + (100vw - 540px + 30px) / 2); } } @media (min-width: 768px) { #page-project #section-intro .item-heading { padding-left: calc(0px + (100vw - 720px + 30px) / 2); } } @media (min-width: 992px) { #page-project #section-intro .item-heading { padding-left: calc(0px + (100vw - 960px + 30px) / 2); } } @media (min-width: 1200px) { #page-project #section-intro .item-heading { padding-left: calc(0px + (100vw - 1140px + 30px) / 2); } } @media (min-width: 1430px) { #page-project #section-intro .item-heading { padding-left: calc((100vw - 1360px + 30px) / 2); } } @media (min-width: 576px) { #page-project #section-intro .item-heading { padding-right: calc(0px + (100vw - 540px + 30px) / 2); } } @media (min-width: 768px) { #page-project #section-intro .item-heading { padding-right: calc(0px + (100vw - 720px + 30px) / 2); } } @media (min-width: 992px) { #page-project #section-intro .item-heading { padding-right: calc(0px + (100vw - 960px + 30px) / 2); } } @media (min-width: 1200px) { #page-project #section-intro .item-heading { padding-right: calc(0px + (100vw - 1140px + 30px) / 2); } } @media (min-width: 1430px) { #page-project #section-intro .item-heading { padding-right: calc((100vw - 1360px + 30px) / 2); } } @media (min-width: 768px) { #page-project #section-intro .item-heading { padding-right: 5vw; } } @media (max-width: 991.98px) { #page-project #section-intro .item-heading { flex-direction: column; align-items: flex-start; } } #page-project #section-intro .item-dates { display: flex; } #page-project #section-intro .item-dates .item-start { margin-right: 50px; } @media (max-width: 767.98px) { #page-project #section-intro .item-dates { flex-direction: column; } #page-project #section-intro .item-dates .item-start { margin-right: 0; } } #page-project #section-slider .slider-button-container { position: relative; z-index: 2; } #page-project #section-slider .slider-button { transform: translateY(-50%); z-index: 1; } #page-project #section-slider .swiper-gallery { position: relative; } #page-project #section-slider .swiper-gallery-controls { z-index: 2; width: 100%; } #page-project #section-slider .swiper-gallery-controls .arrow-left { margin-right: 10px; } #page-project #section-slider .swiper-gallery-controls .arrows-container { transform: translateY(50%); } /* |-------------------- | PAGE EOSYSTEM |-------------------- */ #page-ecosystem { /* | | Section citizens with a project |---------------------------------- */ } #page-ecosystem #section-citizen-with-project { background-image: linear-gradient(to bottom, #F6F7FC, #FFFFFF); margin-top: -2px; } /* |-------------------- | BUTTONS |-------------------- */ .custom-btn { position: relative; text-align: center; color: #1abdce; font-family: "brushup", sans-serif; padding: 20px; cursor: pointer; /* | | Turquoise |------------ */ /* | | Turquoise |------------ */ } .custom-btn .item-circle { width: 100%; border-radius: 50%; border: 1px solid #1abdce; } .custom-btn .item-circle::after { content: ''; display: block; padding-bottom: 100%; } .custom-btn .item-cb-shape { width: 120px; } .custom-btn .item-cb-text { z-index: 1; } .custom-btn .group-shape-btn { fill: #FFFFFF; transition: fill 0.4s ease; } .custom-btn .item-cb-text { z-index: 1; } .custom-btn:hover { color: #FFFFFF; } .custom-btn:hover .group-shape-btn { fill: #1abdce; } .custom-btn.cb-sm { padding: 12px; } .custom-btn.cb-sm .item-cb-shape { width: 80px; } .custom-btn.cb-turquoise { color: #FFFFFF; } .custom-btn.cb-turquoise .group-shape-btn { fill: #1abdce; } .custom-btn.cb-turquoise:hover { color: #1abdce; } .custom-btn.cb-turquoise:hover .group-shape-btn { fill: #FFFFFF; } .custom-btn.cb-white-alt { color: #1abdce; } .custom-btn.cb-white-alt .group-shape-btn { fill: #F6F7FC; } .custom-btn.cb-white-alt:hover { color: #FFFFFF; } .custom-btn.cb-white-alt:hover .group-shape-btn { fill: #1abdce; } .custom-link { font-family: "brushup", sans-serif; color: #1abdce; text-transform: uppercase; display: inline-flex; align-items: center; font-size: 18px; } .custom-link .item-cl-icon { position: relative; margin-right: 15px; width: 50px; } .custom-link .item-cl-icon svg.item-cl-arrow { width: 8px; } .chevron-link { color: #1abdce; display: inline-flex; align-items: center; cursor: pointer; } .chevron-link .item-cl-icon { width: 8px; padding-top: 2px; margin-right: 15px; transition: transform 0.3s ease; } .chevron-link:hover .item-cl-icon { transform: translateX(5px); } .arrow-link { color: #1abdce; display: inline-flex; align-items: center; } .arrow-link .item-al-sphere { position: relative; padding: 10px; margin-right: 20px; } .arrow-link .item-al-circle { border-radius: 50%; border: 1px solid #1abdce; transition: transform 0.3s ease; } .arrow-link .item-al-icon { width: 50px; height: 50px; background-color: #1abdce; border-radius: 50%; } .arrow-link .item-al-icon svg { width: 7px; height: auto; } .arrow-link:hover .item-al-circle { transform: scale(0.7); } @media (max-width: 991.98px) { .arrow-link .item-al-sphere { padding: 8px; margin-right: 12px; } .arrow-link .item-al-icon { width: 40px; height: 40px; } } .btn-arrow { cursor: pointer; } .btn-arrow .item-ba-sphere { position: relative; padding: 10px; } .btn-arrow .item-ba-circle { border-radius: 50%; border: 1px solid #1abdce; transition: transform 0.3s ease; transform: scale(0.5); } .btn-arrow .item-ba-icon { position: relative; z-index: 1; width: 70px; height: 70px; background-color: #FFFFFF; border-radius: 50%; box-shadow: 0px 0px 20px rgba(26, 189, 206, 0.4); } .btn-arrow .item-ba-icon svg { width: 10px; height: auto; } .btn-arrow .item-ba-icon svg path { fill: #1abdce; } .btn-arrow.ba-left { transform: rotate(-180deg); } .btn-arrow:hover .item-ba-circle { transform: scale(1); } .btn-arrow:focus { outline: none; } /* |-------------------- | Smooth Scrollbar |-------------------- */ /* | | Scroll area |-------------- */ .scroll-area .scrollbar-track.scrollbar-track-y { width: 4px !important; } .scroll-area .scrollbar-track.scrollbar-track-y .scrollbar-thumb { width: 100% !important; background: #000000 !important; } /* |----------------------- | Gravity Form |----------------------- | */ /* | | Reset form elements |------------------------- */ .label-md { color: #cdcfde; } input, textarea, select { -webkit-appearance: none; appearance: none; border-radius: 0; } input:focus, textarea:focus, select:focus { outline: none; } input[type="radio"], textarea[type="radio"], select[type="radio"] { -webkit-appearance: auto; appearance: auto; } select { width: 100%; background-image: url(../img/bottom.svg); background-repeat: no-repeat; background-size: 20px; background-position: calc(100% - 10px) center; } .gfield-needs { margin-bottom: 40px; } .ginput_container_multiselect label { margin-bottom: 3px; } .ginput_container_multiselect select { border-color: #CDCFDE; color: #bec0d4; padding: 10px; } /* | | Gravity form bootstrap |------------------------- */ .gravity-form-bootstrap .gform_fields input, .gravity-form-bootstrap .gform_fields textarea { width: 100%; background-color: transparent; } .gravity-form-bootstrap .gform_fields input[type="radio"] { width: auto; background-color: inherit; } /* | | Materialize form |------------------- */ .materialize-form .materialize-form-group { position: relative; margin-bottom: 50px; } .materialize-form .materialize-form-group label { position: absolute; top: 0; left: 15px; } .materialize-form .materialize-form-group input { border: none; border-bottom: 1px #CDCFDE solid; height: 30px; } /* | | Contact form |--------------- */ .project-form .custom-radio { display: flex; align-items: center; margin-bottom: 40px; } .project-form .custom-radio label { margin-top: 2px; margin-right: 20px; white-space: nowrap; color: #000000; } .project-form .custom-radio > label { color: #cdcfde; } @media (max-width: 1430px) { .project-form .custom-radio { flex-direction: column; } .project-form .custom-radio > label { margin-bottom: 15px; margin-right: 0; } } .project-form .custom-radio input { margin-right: 6px; } .project-form .custom-radio .gfield_radio { display: flex; } .project-form .custom-radio .gfield_radio li { display: flex; align-items: center; } .project-form .custom-radio .gfield_radio li:not(:last-child) { margin-right: 15px; } .project-form .gform_body { margin-bottom: 40px; } .project-form .gform_body .gfield:not(.custom-radio) label { color: #cdcfde; } .project-form .gform_footer { display: flex; justify-content: center; } .project-form textarea { height: 200px; border-color: #CDCFDE; color: #cdcfde; } .project-form .owner-email { display: none; } #gform_ajax_spinner_1 { margin-left: 10px; display: inline-block; width: 50px; height: 50px; } /* | | Errors |--------- */ .validation_error { margin-bottom: 30px; color: #1abdce !important; } .materialize-form .materialize-form-group.gfield_error label { top: -20px; } .materialize-form .materialize-form-group.gfield_error input, .materialize-form .materialize-form-group.gfield_error textarea { border-color: #1abdce; } .validation_message { margin-top: 5px; font-size: 14px; color: #1abdce; } .gform_confirmation_message { text-align: center; } .gfield.hidden-field { display: none !important; } .gform_validation_container { display: none !important; } /* | | Page Loader |-------------- */ #page-loader { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100vh; overflow: hidden; } #page-loader ::selection { color: #FFFFFF; } #page-loader .layer { transform-origin: left top; } #page-loader .layer.behind { background-color: #FFFFFF; } #page-loader .layer.above { z-index: 1; background-color: #1abdce; } #page-loader .item-logo-text { z-index: 3; text-align: center; color: #FFFFFF; opacity: 0; } #page-loader .item-logo-text span { display: block; } #page-loader .item-logo-text .item-lt-top { font-size: 10vw; } #page-loader .item-logo-text .item-lt-bottom { margin-top: -1.4vw; font-size: 5vw; } #page-loader .item-logo-text.ready { opacity: 1; } #page-loader .item-logo { z-index: 3; width: 300px; margin: auto; transform-origin: left top; display: none; } @media (min-width: 992px) { #page-loader .item-logo { width: 30vw; } } #page-loader .item-logo svg:nth-child(1) .fill, #page-loader .item-logo svg:nth-child(1) path, #page-loader .item-logo svg:nth-child(1) polygon { fill: #17a8b7; } #page-loader .item-logo svg:nth-child(2) { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%); -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%); } #page-loader .item-logo svg:nth-child(2) .fill, #page-loader .item-logo svg:nth-child(2) path, #page-loader .item-logo svg:nth-child(2) polygon { fill: #FFFFFF; } @media (max-width: 767.98px) { #page-loader .item-logo { width: 250px; } } #page-loader.active .item-percentage, #page-loader.active .item-logo { opacity: 1; } #page-loader .loader-circle { position: relative; width: 70px; height: 70px; margin: auto; } #page-loader .loader-circle svg { width: 100%; height: 100%; transform: rotate(-90deg); } #page-loader .loader-circle svg circle { stroke: transparent; stroke-width: 1; cx: 35px; cy: 35px; r: 33px; fill: transparent; } #page-loader .loader-circle svg circle.ready { stroke: #FFFFFF; } #layer-transition-1 { position: fixed; z-index: 1000; bottom: 0; left: 0; width: 100%; height: 100vh; transform: scaleY(0); transform-origin: left bottom; background-color: #1b1b1b; } .layer-transition { position: fixed; z-index: 1000; bottom: 0; left: 0; width: 100%; height: 100vh; pointer-events: none; } .layer-transition .layer { transform: scaleX(0); transform-origin: right top; } .layer-transition .layer.behind { background-color: #FFFFFF; } .layer-transition .layer.above { z-index: 1; background-color: #1abdce; } .barba-sync-loaded #page-loader { display: none; } [data-kira-item="splitline"] .item-line { overflow: hidden; } html.has-scroll-smooth { position: fixed; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; } html.has-scroll-smooth [data-barba="container"] { position: absolute; top: 0; left: 0; height: 100vh; width: 100%; overflow: hidden; } html.has-scroll-smooth [data-barba="container"] .barba-inner { overflow: hidden; } html.custom-has-scroll-scrolling .btn-scroll-down, html.custom-has-scroll-scrolling .custom-link, html.custom-has-scroll-scrolling .custom-card { pointer-events: none; } [data-barba="container"].transitionning { pointer-events: none; position: absolute; top: 0; left: 0; height: 100vh; width: 100%; overflow: hidden; } [data-barba="container"].transitionning .barba-inner { overflow: hidden; } [data-barba="container"].inactive { opacity: 0; pointer-events: none; } .locomotive-scroll-container { position: relative; overflow: hidden; } .c-scrollbar { z-index: 10; width: 3px; height: 100vh; transform-origin: center right; transform: scaleX(1); transition: transform .1s linear; } .c-scrollbar:hover { transform: scaleX(5); cursor: grab; } .c-scrollbar .c-scrollbar_thumb { background-color: #1abdce; width: 100%; } .error404 .c-scrollbar { opacity: 0; } /* | | Video with image |------------------- */ .custom-plyr-video-wrapper { position: relative; } .custom-plyr-video-wrapper .item-video-brush { width: 100%; z-index: 5; } .custom-plyr-video { position: relative; } .custom-plyr-video .plyr__video-wrapper { height: 0; padding-bottom: 56.25% !important; } .custom-plyr-video .item-poster { z-index: 3; pointer-events: none; } .custom-plyr-video .plyr__control.plyr__control--overlaid { display: none; } .custom-plyr-video .item-play-icon { position: absolute; top: calc(50% - 80px); left: calc(50% - 80px); z-index: 4; } .custom-plyr-video video { height: auto; } /*# sourceMappingURL=app.css.map*/