Last active
December 20, 2017 18:45
-
-
Save davidhellmann/bb096e3bcef75290676289c5f7556b77 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .swiper-container { | |
| margin-left: auto; | |
| margin-right: auto; | |
| position: relative; | |
| overflow: hidden; | |
| z-index: 1 | |
| } | |
| .swiper-container-no-flexbox .swiper-slide { | |
| float: left | |
| } | |
| .swiper-container-vertical > .swiper-wrapper { | |
| -webkit-box-orient: vertical; | |
| -ms-flex-direction: column; | |
| flex-direction: column | |
| } | |
| .swiper-wrapper { | |
| position: relative; | |
| width: 100%; | |
| height: 100%; | |
| z-index: 1; | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| transition-property: -webkit-transform; | |
| transition-property: transform; | |
| transition-property: transform, -webkit-transform; | |
| box-sizing: content-box | |
| } | |
| .swiper-container-android .swiper-slide, | |
| .swiper-wrapper { | |
| -webkit-transform: translateZ(0); | |
| transform: translateZ(0) | |
| } | |
| .swiper-container-multirow > .swiper-wrapper { | |
| -webkit-box-lines: multiple; | |
| -moz-box-lines: multiple; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap | |
| } | |
| .swiper-container-free-mode > .swiper-wrapper { | |
| transition-timing-function: ease-out; | |
| margin: 0 auto | |
| } | |
| .swiper-slide { | |
| -webkit-flex-shrink: 0; | |
| -ms-flex: 0 0 auto; | |
| -ms-flex-negative: 0; | |
| flex-shrink: 0; | |
| width: 100%; | |
| height: 100%; | |
| position: relative | |
| } | |
| .swiper-container-autoheight, | |
| .swiper-container-autoheight .swiper-slide { | |
| height: auto | |
| } | |
| .swiper-container-autoheight .swiper-wrapper { | |
| -webkit-box-align: start; | |
| -ms-flex-align: start; | |
| align-items: flex-start; | |
| transition-property: height, -webkit-transform; | |
| transition-property: transform, height; | |
| transition-property: transform, height, -webkit-transform | |
| } | |
| .swiper-container .swiper-notification { | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| pointer-events: none; | |
| opacity: 0; | |
| z-index: -1000 | |
| } | |
| .swiper-wp8-horizontal { | |
| -ms-touch-action: pan-y; | |
| touch-action: pan-y | |
| } | |
| .swiper-wp8-vertical { | |
| -ms-touch-action: pan-x; | |
| touch-action: pan-x | |
| } | |
| .swiper-button-next, | |
| .swiper-button-prev { | |
| position: absolute; | |
| top: 50%; | |
| width: 27px; | |
| height: 44px; | |
| margin-top: -22px; | |
| z-index: 10; | |
| cursor: pointer; | |
| background-size: 27px 44px; | |
| background-position: 50%; | |
| background-repeat: no-repeat | |
| } | |
| .swiper-button-next.swiper-button-disabled, | |
| .swiper-button-prev.swiper-button-disabled { | |
| opacity: .35; | |
| cursor: auto | |
| } | |
| .swiper-button-prev, | |
| .swiper-container-rtl .swiper-button-next { | |
| background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E"); | |
| left: 10px; | |
| right: auto | |
| } | |
| .swiper-button-prev.swiper-button-black, | |
| .swiper-container-rtl .swiper-button-next.swiper-button-black { | |
| background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E") | |
| } | |
| .swiper-button-prev.swiper-button-white, | |
| .swiper-container-rtl .swiper-button-next.swiper-button-white { | |
| background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E") | |
| } | |
| .swiper-button-next, | |
| .swiper-container-rtl .swiper-button-prev { | |
| background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E"); | |
| right: 10px; | |
| left: auto | |
| } | |
| .swiper-button-next.swiper-button-black, | |
| .swiper-container-rtl .swiper-button-prev.swiper-button-black { | |
| background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E") | |
| } | |
| .swiper-button-next.swiper-button-white, | |
| .swiper-container-rtl .swiper-button-prev.swiper-button-white { | |
| background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E") | |
| } | |
| .swiper-pagination { | |
| position: absolute; | |
| text-align: center; | |
| transition: .3s; | |
| -webkit-transform: translateZ(0); | |
| transform: translateZ(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-bullet { | |
| display: inline-block; | |
| border-radius: 100%; | |
| background: #000; | |
| opacity: .2 | |
| } | |
| button.swiper-pagination-bullet { | |
| border: none; | |
| margin: 0; | |
| padding: 0; | |
| box-shadow: none; | |
| -moz-appearance: none; | |
| -ms-appearance: none; | |
| -webkit-appearance: none; | |
| appearance: none | |
| } | |
| .swiper-pagination-clickable .swiper-pagination-bullet { | |
| cursor: pointer | |
| } | |
| .swiper-pagination-white .swiper-pagination-bullet { | |
| background: #fff | |
| } | |
| .swiper-pagination-bullet-active { | |
| opacity: 1; | |
| background: #007aff | |
| } | |
| .swiper-pagination-white .swiper-pagination-bullet-active { | |
| background: #fff | |
| } | |
| .swiper-pagination-black .swiper-pagination-bullet-active { | |
| background: #000 | |
| } | |
| .swiper-container-vertical > .swiper-pagination-bullets { | |
| right: 10px; | |
| top: 50%; | |
| -webkit-transform: translate3d(0, -50%, 0); | |
| transform: translate3d(0, -50%, 0) | |
| } | |
| .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { | |
| margin: 5px 0; | |
| display: block | |
| } | |
| .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { | |
| margin: 0 5px | |
| } | |
| .swiper-pagination-progress { | |
| background: rgba(0, 0, 0, .25); | |
| position: absolute | |
| } | |
| .swiper-pagination-progress .swiper-pagination-progressbar { | |
| background: #007aff; | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| width: 100%; | |
| height: 100%; | |
| -webkit-transform: scale(0); | |
| transform: scale(0); | |
| -webkit-transform-origin: left top; | |
| transform-origin: left top | |
| } | |
| .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { | |
| -webkit-transform-origin: right top; | |
| transform-origin: right top | |
| } | |
| .swiper-container-horizontal > .swiper-pagination-progress { | |
| width: 100%; | |
| height: 4px; | |
| left: 0; | |
| top: 0 | |
| } | |
| .swiper-container-vertical > .swiper-pagination-progress { | |
| width: 4px; | |
| height: 100%; | |
| left: 0; | |
| top: 0 | |
| } | |
| .swiper-pagination-progress.swiper-pagination-white { | |
| background: hsla(0, 0%, 100%, .5) | |
| } | |
| .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { | |
| background: #fff | |
| } | |
| .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { | |
| background: #000 | |
| } | |
| .swiper-container-3d { | |
| -webkit-perspective: 1200px; | |
| -o-perspective: 1200px; | |
| 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 { | |
| -webkit-transform-style: preserve-3d; | |
| 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(270deg, rgba(0, 0, 0, .5), transparent) | |
| } | |
| .swiper-container-3d .swiper-slide-shadow-right { | |
| background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent) | |
| } | |
| .swiper-container-3d .swiper-slide-shadow-top { | |
| background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent) | |
| } | |
| .swiper-container-3d .swiper-slide-shadow-bottom { | |
| background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent) | |
| } | |
| .swiper-container-coverflow .swiper-wrapper, | |
| .swiper-container-flip .swiper-wrapper { | |
| -ms-perspective: 1200px | |
| } | |
| .swiper-container-cube, | |
| .swiper-container-flip { | |
| overflow: visible | |
| } | |
| .swiper-container-cube .swiper-slide, | |
| .swiper-container-flip .swiper-slide { | |
| pointer-events: none; | |
| -webkit-backface-visibility: hidden; | |
| backface-visibility: hidden; | |
| z-index: 1 | |
| } | |
| .swiper-container-cube .swiper-slide .swiper-slide, | |
| .swiper-container-flip .swiper-slide .swiper-slide { | |
| pointer-events: none | |
| } | |
| .swiper-container-cube .swiper-slide-active, | |
| .swiper-container-cube .swiper-slide-active .swiper-slide-active, | |
| .swiper-container-flip .swiper-slide-active, | |
| .swiper-container-flip .swiper-slide-active .swiper-slide-active { | |
| pointer-events: auto | |
| } | |
| .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, | |
| .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 | |
| } | |
| .swiper-container-cube .swiper-slide { | |
| visibility: hidden; | |
| -webkit-transform-origin: 0 0; | |
| transform-origin: 0 0; | |
| width: 100%; | |
| height: 100% | |
| } | |
| .swiper-container-cube.swiper-container-rtl .swiper-slide { | |
| -webkit-transform-origin: 100% 0; | |
| transform-origin: 100% 0 | |
| } | |
| .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-cube-shadow { | |
| position: absolute; | |
| left: 0; | |
| bottom: 0; | |
| width: 100%; | |
| height: 100%; | |
| background: #000; | |
| opacity: .6; | |
| -webkit-filter: blur(50px); | |
| filter: blur(50px); | |
| z-index: 0 | |
| } | |
| .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-zoom-container { | |
| width: 100%; | |
| height: 100%; | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-pack: center; | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| -webkit-box-align: center; | |
| -ms-flex-align: 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-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-lazy-preloader { | |
| width: 42px; | |
| height: 42px; | |
| position: absolute; | |
| left: 50%; | |
| top: 50%; | |
| margin-left: -21px; | |
| margin-top: -21px; | |
| z-index: 10; | |
| -webkit-transform-origin: 50%; | |
| transform-origin: 50%; | |
| -webkit-animation: swiper-preloader-spin 1s steps(12) infinite; | |
| animation: swiper-preloader-spin 1s steps(12) infinite | |
| } | |
| .swiper-lazy-preloader:after { | |
| display: block; | |
| content: ""; | |
| width: 100%; | |
| height: 100%; | |
| background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E"); | |
| background-position: 50%; | |
| background-size: 100%; | |
| background-repeat: no-repeat | |
| } | |
| .swiper-lazy-preloader-white:after { | |
| background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E") | |
| } | |
| @-webkit-keyframes swiper-preloader-spin { | |
| to { | |
| -webkit-transform: rotate(1turn) | |
| } | |
| } | |
| @keyframes swiper-preloader-spin { | |
| to { | |
| -webkit-transform: rotate(1turn); | |
| transform: rotate(1turn) | |
| } | |
| } | |
| /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ | |
| html { | |
| line-height: 1.15; | |
| -ms-text-size-adjust: 100%; | |
| -webkit-text-size-adjust: 100% | |
| } | |
| body { | |
| margin: 0 | |
| } | |
| article, | |
| aside, | |
| footer, | |
| header, | |
| nav, | |
| section { | |
| display: block | |
| } | |
| h1 { | |
| font-size: 2em; | |
| margin: .67em 0 | |
| } | |
| figcaption, | |
| figure, | |
| main { | |
| display: block | |
| } | |
| figure { | |
| margin: 1em 40px | |
| } | |
| hr { | |
| box-sizing: content-box; | |
| height: 0; | |
| overflow: visible | |
| } | |
| pre { | |
| font-family: monospace, monospace; | |
| font-size: 1em | |
| } | |
| a { | |
| background-color: transparent; | |
| -webkit-text-decoration-skip: objects | |
| } | |
| abbr[title] { | |
| border-bottom: none; | |
| text-decoration: underline; | |
| -webkit-text-decoration: underline dotted; | |
| text-decoration: underline dotted | |
| } | |
| b, | |
| strong { | |
| font-weight: inherit; | |
| font-weight: bolder | |
| } | |
| code, | |
| kbd, | |
| samp { | |
| font-family: monospace, monospace; | |
| font-size: 1em | |
| } | |
| dfn { | |
| font-style: italic | |
| } | |
| mark { | |
| background-color: #ff0; | |
| color: #000 | |
| } | |
| small { | |
| font-size: 80% | |
| } | |
| sub, | |
| sup { | |
| font-size: 75%; | |
| line-height: 0; | |
| position: relative; | |
| vertical-align: baseline | |
| } | |
| sub { | |
| bottom: -.25em | |
| } | |
| sup { | |
| top: -.5em | |
| } | |
| audio, | |
| video { | |
| display: inline-block | |
| } | |
| audio:not([controls]) { | |
| display: none; | |
| height: 0 | |
| } | |
| img { | |
| border-style: none | |
| } | |
| svg:not(:root) { | |
| overflow: hidden | |
| } | |
| button, | |
| input, | |
| optgroup, | |
| select, | |
| textarea { | |
| font-family: sans-serif; | |
| font-size: 100%; | |
| line-height: 1.15; | |
| margin: 0 | |
| } | |
| button, | |
| input { | |
| overflow: visible | |
| } | |
| button, | |
| select { | |
| text-transform: none | |
| } | |
| [type=reset], | |
| [type=submit], | |
| button, | |
| html [type=button] { | |
| -webkit-appearance: button | |
| } | |
| [type=button]::-moz-focus-inner, | |
| [type=reset]::-moz-focus-inner, | |
| [type=submit]::-moz-focus-inner, | |
| button::-moz-focus-inner { | |
| border-style: none; | |
| padding: 0 | |
| } | |
| [type=button]:-moz-focusring, | |
| [type=reset]:-moz-focusring, | |
| [type=submit]:-moz-focusring, | |
| button:-moz-focusring { | |
| outline: 1px dotted ButtonText | |
| } | |
| fieldset { | |
| padding: .35em .75em .625em | |
| } | |
| legend { | |
| box-sizing: border-box; | |
| color: inherit; | |
| display: table; | |
| max-width: 100%; | |
| padding: 0; | |
| white-space: normal | |
| } | |
| progress { | |
| display: inline-block; | |
| vertical-align: baseline | |
| } | |
| textarea { | |
| overflow: auto | |
| } | |
| [type=checkbox], | |
| [type=radio] { | |
| box-sizing: border-box; | |
| padding: 0 | |
| } | |
| [type=number]::-webkit-inner-spin-button, | |
| [type=number]::-webkit-outer-spin-button { | |
| height: auto | |
| } | |
| [type=search] { | |
| -webkit-appearance: textfield; | |
| outline-offset: -2px | |
| } | |
| [type=search]::-webkit-search-cancel-button, | |
| [type=search]::-webkit-search-decoration { | |
| -webkit-appearance: none | |
| } | |
| ::-webkit-file-upload-button { | |
| -webkit-appearance: button; | |
| font: inherit | |
| } | |
| details, | |
| menu { | |
| display: block | |
| } | |
| summary { | |
| display: list-item | |
| } | |
| canvas { | |
| display: inline-block | |
| } | |
| [hidden], | |
| template { | |
| display: none | |
| } | |
| html { | |
| box-sizing: border-box | |
| } | |
| *, | |
| :after, | |
| :before { | |
| box-sizing: inherit | |
| } | |
| blockquote, | |
| body, | |
| dd, | |
| dl, | |
| fieldset, | |
| figure, | |
| h1, | |
| h2, | |
| h3, | |
| h4, | |
| h5, | |
| h6, | |
| hr, | |
| legend, | |
| ol, | |
| p, | |
| pre, | |
| ul { | |
| margin: 0; | |
| padding: 0 | |
| } | |
| li > ol, | |
| li > ul { | |
| margin-bottom: 0 | |
| } | |
| table { | |
| border-collapse: collapse; | |
| border-spacing: 0 | |
| } | |
| address, | |
| blockquote, | |
| fieldset, | |
| figure, | |
| h1, | |
| h2, | |
| h3, | |
| h4, | |
| h5, | |
| h6, | |
| hr, | |
| ol, | |
| p, | |
| pre dl, | |
| table, | |
| ul { | |
| margin-top: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| address, | |
| blockquote, | |
| fieldset, | |
| figure, | |
| h1, | |
| h2, | |
| h3, | |
| h4, | |
| h5, | |
| h6, | |
| hr, | |
| ol, | |
| p, | |
| pre dl, | |
| table, | |
| ul { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| address, | |
| blockquote, | |
| fieldset, | |
| figure, | |
| h1, | |
| h2, | |
| h3, | |
| h4, | |
| h5, | |
| h6, | |
| hr, | |
| ol, | |
| p, | |
| pre dl, | |
| table, | |
| ul { | |
| margin-top: 1rem | |
| } | |
| } | |
| .wf-loaded strong { | |
| font-family: apercu-bold-pro, Helvetica, Arial, sans-serif | |
| } | |
| .wf-loaded em { | |
| font-family: apercu-light-italic-pro, Helvetica, Arial, sans-serif | |
| } | |
| ::-moz-selection { | |
| background-color: #000; | |
| color: #fff | |
| } | |
| ::selection { | |
| background-color: #000; | |
| color: #fff | |
| } | |
| h1, | |
| h2, | |
| h3, | |
| h4, | |
| h5, | |
| h6 { | |
| word-wrap: break-word; | |
| line-height: 1.2; | |
| font-weight: 400; | |
| margin-bottom: 0 | |
| } | |
| @media screen and (min-width:20em) { | |
| h1, | |
| h2, | |
| h3, | |
| h4, | |
| h5, | |
| h6 { | |
| margin-bottom: calc(0rem + 0 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| h1, | |
| h2, | |
| h3, | |
| h4, | |
| h5, | |
| h6 { | |
| margin-bottom: 0 | |
| } | |
| } | |
| .wf-loaded h1, | |
| .wf-loaded h2, | |
| .wf-loaded h3, | |
| .wf-loaded h4, | |
| .wf-loaded h5, | |
| .wf-loaded h6 { | |
| font-family: apercu-bold-pro, Helvetica, Arial, sans-serif | |
| } | |
| .m-headline--h1, | |
| h1 { | |
| font-size: 1.7689rem; | |
| line-height: 1.1 | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-headline--h1, | |
| h1 { | |
| font-size: calc(1.7689rem + .58374 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-headline--h1, | |
| h1 { | |
| font-size: 2.35264rem | |
| } | |
| } | |
| .m-headline--h2, | |
| h2 { | |
| font-size: 1.33rem; | |
| line-height: 1.1 | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-headline--h2, | |
| h2 { | |
| font-size: calc(1.33rem + .4389 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-headline--h2, | |
| h2 { | |
| font-size: 1.7689rem | |
| } | |
| } | |
| .m-headline--h3, | |
| h3 { | |
| font-size: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-headline--h3, | |
| h3 { | |
| font-size: calc(1rem + .33 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-headline--h3, | |
| h3 { | |
| font-size: 1.33rem | |
| } | |
| } | |
| .m-headline--h4, | |
| h4 { | |
| font-size: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-headline--h4, | |
| h4 { | |
| font-size: calc(1rem + 0 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-headline--h4, | |
| h4 { | |
| font-size: 1rem | |
| } | |
| } | |
| .m-headline--h5, | |
| h5 { | |
| font-size: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-headline--h5, | |
| h5 { | |
| font-size: calc(1rem + 0 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-headline--h5, | |
| h5 { | |
| font-size: 1rem | |
| } | |
| } | |
| .m-headline--h6, | |
| h6 { | |
| font-size: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-headline--h6, | |
| h6 { | |
| font-size: calc(1rem + 0 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-headline--h6, | |
| h6 { | |
| font-size: 1rem | |
| } | |
| } | |
| img { | |
| max-width: 100%; | |
| height: auto; | |
| font-style: italic; | |
| vertical-align: middle | |
| } | |
| a { | |
| color: #0046b9; | |
| text-decoration: none; | |
| transition: all .25s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| .wf-loaded a { | |
| font-family: apercu-bold-pro, Helvetica, Arial, sans-serif | |
| } | |
| a:hover { | |
| color: #eb6e78 | |
| } | |
| .m-richText a, | |
| .m-richTextMarginals a { | |
| border-bottom: 2px solid #0046b9; | |
| text-decoration: none; | |
| padding-bottom: 2px | |
| } | |
| .m-richText a:hover, | |
| .m-richTextMarginals a:hover { | |
| padding-bottom: 2px; | |
| border-bottom: 2px solid #003386 | |
| } | |
| .m-appContent ol, | |
| .m-appContent ul { | |
| list-style: none | |
| } | |
| .m-appContent ol li, | |
| .m-appContent ul li { | |
| padding-left: 40px; | |
| position: relative; | |
| margin-bottom: .25rem | |
| } | |
| .m-appContent ol li:last-child, | |
| .m-appContent ul li:last-child { | |
| margin-bottom: 0 | |
| } | |
| .m-appContent ul li:before { | |
| content: ""; | |
| position: absolute; | |
| left: 0; | |
| top: 12px; | |
| width: 24px; | |
| height: 2px; | |
| background-color: #0046b9 | |
| } | |
| .m-appContent ol { | |
| counter-reset: a | |
| } | |
| .m-appContent ol li { | |
| counter-increment: a | |
| } | |
| .m-appContent ol li:before { | |
| position: absolute; | |
| left: 0; | |
| color: #0046b9; | |
| content: counter(a) "."; | |
| text-align: right; | |
| width: 40px; | |
| padding-right: 1rem | |
| } | |
| .wf-loaded .m-appContent ol li:before { | |
| font-family: apercu-bold-pro, Helvetica, Arial, sans-serif | |
| } | |
| html { | |
| font-size: 100%; | |
| -webkit-font-smoothing: antialiased; | |
| text-rendering: optimizeLegibility | |
| } | |
| body { | |
| font-size: 1rem; | |
| line-height: 1.5 | |
| } | |
| @media screen and (min-width:20em) { | |
| body { | |
| font-size: calc(1rem + 0 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| body { | |
| font-size: 1rem | |
| } | |
| } | |
| .js body.is-open--navigation { | |
| height: 100vh; | |
| overflow: hidden | |
| } | |
| blockquote p { | |
| color: #0046b9; | |
| font-size: 1.7689rem; | |
| line-height: 1.2 | |
| } | |
| @media screen and (min-width:20em) { | |
| blockquote p { | |
| font-size: calc(1.7689rem + .58374 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| blockquote p { | |
| font-size: 2.35264rem | |
| } | |
| } | |
| .wf-loaded blockquote p { | |
| font-family: apercu-bold-pro, Helvetica, Arial, sans-serif | |
| } | |
| blockquote footer { | |
| margin-top: .5rem | |
| } | |
| blockquote footer cite { | |
| font-style: normal | |
| } | |
| table { | |
| width: 100% | |
| } | |
| .t-devMode .js-toggleGrid { | |
| position: fixed; | |
| left: 20px; | |
| bottom: 20px; | |
| z-index: 111111111111; | |
| background-color: #000; | |
| width: 20px; | |
| height: 20px; | |
| border-radius: 100%; | |
| cursor: pointer; | |
| color: #fff; | |
| font-family: sans-serif; | |
| font-size: 10px; | |
| text-align: center; | |
| line-height: 18px; | |
| font-weight: 700; | |
| box-shadow: 0 2px 10px rgba(0, 0, 0, .5) | |
| } | |
| .t-devMode .o-gridOverlay { | |
| position: fixed; | |
| left: 50%; | |
| top: 0; | |
| z-index: 1111111; | |
| -webkit-transform: translateX(-50%); | |
| transform: translateX(-50%); | |
| height: 100vh; | |
| border-left: 1px solid #eb6e78; | |
| border-right: 1px solid #eb6e78; | |
| opacity: .5; | |
| pointer-events: none; | |
| display: none | |
| } | |
| .t-devMode .o-gridOverlay.is-visible { | |
| display: block | |
| } | |
| .t-devMode .o-gridOverlay:after, | |
| .t-devMode .o-gridOverlay:before { | |
| content: ""; | |
| position: absolute; | |
| height: 100vh; | |
| top: 0; | |
| width: .5rem; | |
| background-color: #4caf50; | |
| opacity: .25; | |
| z-index: -1 | |
| } | |
| @media screen and (min-width:20em) { | |
| .t-devMode .o-gridOverlay:after, | |
| .t-devMode .o-gridOverlay:before { | |
| width: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .t-devMode .o-gridOverlay:after, | |
| .t-devMode .o-gridOverlay:before { | |
| width: 1rem | |
| } | |
| } | |
| .t-devMode .o-gridOverlay:before { | |
| left: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .t-devMode .o-gridOverlay:before { | |
| left: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .t-devMode .o-gridOverlay:before { | |
| left: 1rem | |
| } | |
| } | |
| .t-devMode .o-gridOverlay:after { | |
| right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .t-devMode .o-gridOverlay:after { | |
| right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .t-devMode .o-gridOverlay:after { | |
| right: 1rem | |
| } | |
| } | |
| .t-devMode .o-gridOverlay .o-row { | |
| height: 100vh | |
| } | |
| .t-devMode .o-gridOverlay .o-col { | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 8.33333%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 8.33333%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 8.33333%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| height: 100vh; | |
| border-right: 1px solid #eb6e78; | |
| position: relative | |
| } | |
| @media screen and (min-width:20em) { | |
| .t-devMode .o-gridOverlay .o-col { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .t-devMode .o-gridOverlay .o-col { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .t-devMode .o-gridOverlay .o-col:first-child { | |
| border-left: 1px solid #eb6e78 | |
| } | |
| .t-devMode .o-gridOverlay .o-col:after, | |
| .t-devMode .o-gridOverlay .o-col:before { | |
| content: ""; | |
| position: absolute; | |
| height: 100vh; | |
| width: .5rem; | |
| background-color: #4caf50; | |
| opacity: .25; | |
| top: 0; | |
| z-index: -1 | |
| } | |
| @media screen and (min-width:20em) { | |
| .t-devMode .o-gridOverlay .o-col:after, | |
| .t-devMode .o-gridOverlay .o-col:before { | |
| width: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .t-devMode .o-gridOverlay .o-col:after, | |
| .t-devMode .o-gridOverlay .o-col:before { | |
| width: 1rem | |
| } | |
| } | |
| .t-devMode .o-gridOverlay .o-col:before { | |
| left: -.5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .t-devMode .o-gridOverlay .o-col:before { | |
| left: calc(-.5rem + -.5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .t-devMode .o-gridOverlay .o-col:before { | |
| left: -1rem | |
| } | |
| } | |
| .t-devMode .o-gridOverlay .o-col:after { | |
| right: -.5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .t-devMode .o-gridOverlay .o-col:after { | |
| right: calc(-.5rem + -.5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .t-devMode .o-gridOverlay .o-col:after { | |
| right: -1rem | |
| } | |
| } | |
| .o-ratio { | |
| position: relative; | |
| display: block; | |
| overflow: hidden | |
| } | |
| .o-ratio:before { | |
| content: ""; | |
| display: block; | |
| width: 100%; | |
| padding-bottom: 100% | |
| } | |
| .o-ratio > embed, | |
| .o-ratio > iframe, | |
| .o-ratio > object, | |
| .o-ratio__content { | |
| position: absolute; | |
| top: 0; | |
| bottom: 0; | |
| left: 0; | |
| height: 100%; | |
| width: 100% | |
| } | |
| .o-ratio--2-1:before { | |
| padding-bottom: 50% | |
| } | |
| .o-ratio--3-1:before { | |
| padding-bottom: 33.33333% | |
| } | |
| .o-ratio--3-2:before { | |
| padding-bottom: 66.66667% | |
| } | |
| .o-ratio--4-3:before { | |
| padding-bottom: 75% | |
| } | |
| .o-ratio--16-9:before { | |
| padding-bottom: 56.25% | |
| } | |
| .o-ratio--16-10:before { | |
| padding-bottom: 62.5% | |
| } | |
| .o-ratio--1-1:before { | |
| padding-bottom: 100% | |
| } | |
| .o-ratio--1-2:before { | |
| padding-bottom: 200% | |
| } | |
| .o-ratio--1-3:before { | |
| padding-bottom: 300% | |
| } | |
| .o-ratio--2-3:before { | |
| padding-bottom: 150% | |
| } | |
| .o-ratio--3-4:before { | |
| padding-bottom: 133.33333% | |
| } | |
| .o-ratio--9-16:before { | |
| padding-bottom: 177.77778% | |
| } | |
| .o-ratio--10-16:before { | |
| padding-bottom: 160% | |
| } | |
| .o-section { | |
| width: 100%; | |
| max-width: 1440px; | |
| position: relative; | |
| margin-left: auto; | |
| margin-right: auto; | |
| padding: 0 1rem .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-section { | |
| padding-left: calc(1rem + 1 * (100vw - 20rem) / 70); | |
| padding-right: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-section { | |
| padding-left: 2rem; | |
| padding-right: 2rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-section { | |
| padding-bottom: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-section { | |
| padding-bottom: 1rem | |
| } | |
| } | |
| .o-section .o-section { | |
| padding-left: 0; | |
| padding-right: 0 | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-section .o-section { | |
| padding-left: calc(0rem + 0 * (100vw - 20rem) / 70); | |
| padding-right: calc(0rem + 0 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-section .o-section { | |
| padding-left: 0; | |
| padding-right: 0 | |
| } | |
| } | |
| .m-contentBuilder--nested .o-section { | |
| padding-left: 0!important; | |
| padding-right: 0!important | |
| } | |
| .o-section--width-full { | |
| width: 100%; | |
| max-width: none; | |
| position: relative; | |
| margin-left: auto; | |
| margin-right: auto; | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-section--width-full { | |
| padding-left: calc(1rem + 1 * (100vw - 20rem) / 70); | |
| padding-right: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-section--width-full { | |
| padding-left: 2rem; | |
| padding-right: 2rem | |
| } | |
| } | |
| .o-section--paddingHorizontal-none { | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-section--paddingHorizontal-none { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-section--paddingHorizontal-none { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .o-section--backgroundColor-white { | |
| background-color: #fff | |
| } | |
| .o-section--backgroundColor-black { | |
| background-color: #000 | |
| } | |
| .o-section--paddingVertical-none { | |
| padding-top: 0; | |
| padding-bottom: 0 | |
| } | |
| .o-section--paddingVertical-medium { | |
| padding-top: .5rem; | |
| padding-bottom: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-section--paddingVertical-medium { | |
| padding-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-section--paddingVertical-medium { | |
| padding-top: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-section--paddingVertical-medium { | |
| padding-bottom: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-section--paddingVertical-medium { | |
| padding-bottom: 2rem | |
| } | |
| } | |
| .o-section--paddingVertical-large { | |
| padding-top: 1rem; | |
| padding-bottom: 1.5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-section--paddingVertical-large { | |
| padding-top: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-section--paddingVertical-large { | |
| padding-top: 2rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-section--paddingVertical-large { | |
| padding-bottom: calc(1.5rem + 1.5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-section--paddingVertical-large { | |
| padding-bottom: 3rem | |
| } | |
| } | |
| .o-section--paddingVertical-xlarge { | |
| padding-top: 1.5rem; | |
| padding-bottom: 2rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-section--paddingVertical-xlarge { | |
| padding-top: calc(1.5rem + 1.5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-section--paddingVertical-xlarge { | |
| padding-top: 3rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-section--paddingVertical-xlarge { | |
| padding-bottom: calc(2rem + 2 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-section--paddingVertical-xlarge { | |
| padding-bottom: 4rem | |
| } | |
| } | |
| .o-section__headline { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-top: .5rem; | |
| text-transform: uppercase; | |
| font-size: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-section__headline { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-section__headline { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-section__headline { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-section__headline { | |
| margin-top: 1rem | |
| } | |
| } | |
| .o-row { | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 auto; | |
| flex: 1 1 auto; | |
| margin-left: -.5rem; | |
| margin-right: -.5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-row { | |
| margin-left: calc(-.5rem + -.5 * (100vw - 20rem) / 70); | |
| margin-right: calc(-.5rem + -.5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-row { | |
| margin-left: -1rem; | |
| margin-right: -1rem | |
| } | |
| } | |
| .o-row--imageCover { | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 auto; | |
| flex: 1 1 auto; | |
| margin-left: -1.5rem; | |
| margin-right: -1.5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-row--imageCover { | |
| margin-left: calc(-1.5rem + -1.5 * (100vw - 20rem) / 70); | |
| margin-right: calc(-1.5rem + -1.5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-row--imageCover { | |
| margin-left: -3rem; | |
| margin-right: -3rem | |
| } | |
| } | |
| .o-row.no-gutters { | |
| margin-right: 0; | |
| margin-left: 0 | |
| } | |
| .o-row.no-gutters > .o-col, | |
| .o-row.no-gutters > [class*=o-col] { | |
| padding-right: 0; | |
| padding-left: 0 | |
| } | |
| .o-row--left { | |
| text-align: left | |
| } | |
| .o-row--center { | |
| text-align: center | |
| } | |
| .o-row--right { | |
| text-align: right | |
| } | |
| .o-col { | |
| position: relative; | |
| min-height: 1px; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 0px; | |
| flex: 1 1; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-col { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-col { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .o-oneColumn { | |
| width: 100%; | |
| float: none; | |
| margin-left: auto; | |
| margin-right: auto | |
| } | |
| .o-oneColumn__head { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-oneColumn__head { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-oneColumn__head { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .o-oneColumn__head { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 66.66667%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 66.66667%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 66.66667%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .o-oneColumn__head { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .o-oneColumn__head { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .o-oneColumn__first { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-oneColumn__first { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-oneColumn__first { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .o-searchResults { | |
| width: 100%; | |
| float: none; | |
| margin-left: auto; | |
| margin-right: auto | |
| } | |
| .o-searchResults__head { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-searchResults__head { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-searchResults__head { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .o-searchResults__head { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 66.66667%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 66.66667%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 66.66667%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .o-searchResults__head { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .o-searchResults__head { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .o-searchResults__first { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-searchResults__first { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-searchResults__first { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .o-searchResults__search { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding: 1.5rem .5rem 2rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-searchResults__search { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-searchResults__search { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-searchResults__search { | |
| padding-top: calc(1.5rem + 1.5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-searchResults__search { | |
| padding-top: 3rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-searchResults__search { | |
| padding-bottom: calc(2rem + 2 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-searchResults__search { | |
| padding-bottom: 4rem | |
| } | |
| } | |
| .o-searchResults__search:before { | |
| content: ""; | |
| width: 200vw; | |
| height: 60%; | |
| position: absolute; | |
| z-index: -1; | |
| left: -100vw; | |
| bottom: 0; | |
| background-color: #f2f2f2 | |
| } | |
| @media (min-width:64em) { | |
| .o-searchResults__search { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 66.66667%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 66.66667%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 66.66667%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .o-searchResults__search { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .o-searchResults__search { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:105em) { | |
| .o-searchResults__search { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 66.66667%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 66.66667%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 66.66667%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:105em) and (min-width:20em) { | |
| .o-searchResults__search { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:105em) and (min-width:90em) { | |
| .o-searchResults__search { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .o-searchResults__location { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding: 1.5rem .5rem 2rem; | |
| -ms-flex-item-align: end; | |
| align-self: flex-end | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-searchResults__location { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-searchResults__location { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-searchResults__location { | |
| padding-top: calc(1.5rem + 1.5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-searchResults__location { | |
| padding-top: 3rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-searchResults__location { | |
| padding-bottom: calc(2rem + 2 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-searchResults__location { | |
| padding-bottom: 4rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .o-searchResults__location { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 29.16667%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 29.16667%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 29.16667%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 4.16667% | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .o-searchResults__location { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .o-searchResults__location { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .o-searchResults__location .m-searchResultItem { | |
| margin-top: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-searchResults__location .m-searchResultItem { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-searchResults__location .m-searchResultItem { | |
| margin-top: 1rem | |
| } | |
| } | |
| .o-searchResults__contact { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-top: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-searchResults__contact { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-searchResults__contact { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-searchResults__contact { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-searchResults__contact { | |
| margin-top: 1rem | |
| } | |
| } | |
| .o-twoColumns { | |
| width: 100%; | |
| float: none; | |
| margin-left: auto; | |
| margin-right: auto | |
| } | |
| .o-twoColumns__inner { | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 auto; | |
| flex: 1 1 auto; | |
| margin-left: -.5rem; | |
| margin-right: -.5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-twoColumns__inner { | |
| margin-left: calc(-.5rem + -.5 * (100vw - 20rem) / 70); | |
| margin-right: calc(-.5rem + -.5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-twoColumns__inner { | |
| margin-left: -1rem; | |
| margin-right: -1rem | |
| } | |
| } | |
| .o-twoColumns__image { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-twoColumns__image { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-twoColumns__image { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .o-twoColumns__head { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-twoColumns__head { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-twoColumns__head { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .o-twoColumns__head { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 66.66667%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 66.66667%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 66.66667%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .o-twoColumns__head { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .o-twoColumns__head { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .o-twoColumns__main { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-twoColumns__main { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-twoColumns__main { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .o-twoColumns__main { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 66.66667%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 66.66667%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 66.66667%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .o-twoColumns__main { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .o-twoColumns__main { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .o-twoColumns__aside { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-twoColumns__aside { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-twoColumns__aside { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .o-twoColumns__aside { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 29.16667%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 29.16667%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 29.16667%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 4.16667% | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .o-twoColumns__aside { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .o-twoColumns__aside { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .o-home { | |
| width: 100% | |
| } | |
| .o-home__stage { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-home__stage { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-home__stage { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .o-home__intro { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-home__intro { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-home__intro { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .o-home__intro { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 66.66667%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 66.66667%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 66.66667%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .o-home__intro { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .o-home__intro { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .o-home__links { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-home__links { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-home__links { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .o-home__links { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 29.16667%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 29.16667%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 29.16667%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 4.16667% | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .o-home__links { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .o-home__links { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .o-home__headline--resultBox { | |
| margin-bottom: .5rem | |
| } | |
| .o-home__search { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding: 1.5rem .5rem 2rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-home__search { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-home__search { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-home__search { | |
| padding-top: calc(1.5rem + 1.5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-home__search { | |
| padding-top: 3rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-home__search { | |
| padding-bottom: calc(2rem + 2 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-home__search { | |
| padding-bottom: 4rem | |
| } | |
| } | |
| .o-home__search:before { | |
| content: ""; | |
| width: 200vw; | |
| height: 60%; | |
| position: absolute; | |
| z-index: -1; | |
| left: -100vw; | |
| bottom: 0; | |
| background-color: #f2f2f2 | |
| } | |
| @media (min-width:64em) { | |
| .o-home__search { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 66.66667%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 66.66667%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 66.66667%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .o-home__search { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .o-home__search { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:105em) { | |
| .o-home__search { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 66.66667%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 66.66667%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 66.66667%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:105em) and (min-width:20em) { | |
| .o-home__search { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:105em) and (min-width:90em) { | |
| .o-home__search { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .o-home__location { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding: 1.5rem .5rem 2rem; | |
| -ms-flex-item-align: end; | |
| align-self: flex-end | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-home__location { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-home__location { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-home__location { | |
| padding-top: calc(1.5rem + 1.5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-home__location { | |
| padding-top: 3rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-home__location { | |
| padding-bottom: calc(2rem + 2 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-home__location { | |
| padding-bottom: 4rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .o-home__location { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 29.16667%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 29.16667%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 29.16667%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 4.16667% | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .o-home__location { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .o-home__location { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .o-home__hires { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-home__hires { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-home__hires { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .o-home__subhead { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding: .5rem .5rem 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-home__subhead { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-home__subhead { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-home__subhead { | |
| padding-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-home__subhead { | |
| padding-top: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-home__subhead { | |
| padding-bottom: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-home__subhead { | |
| padding-bottom: 2rem | |
| } | |
| } | |
| .o-home__blog { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-home__blog { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-home__blog { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .o-home__blog { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 66.66667%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 66.66667%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 66.66667%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .o-home__blog { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .o-home__blog { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .o-home__testimonials { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| padding-left: 0!important; | |
| padding-right: 0!important | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-home__testimonials { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-home__testimonials { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .o-home__testimonials { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 29.16667%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 29.16667%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 29.16667%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 4.16667%; | |
| padding-left: 0!important; | |
| padding-right: 0!important | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .o-home__testimonials { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .o-home__testimonials { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .o-home__testimonials .m-testimonialItem { | |
| margin-top: 0 | |
| } | |
| .o-home__contact { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding: 1.5rem .5rem 2rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-home__contact { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-home__contact { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-home__contact { | |
| padding-top: calc(1.5rem + 1.5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-home__contact { | |
| padding-top: 3rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-home__contact { | |
| padding-bottom: calc(2rem + 2 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-home__contact { | |
| padding-bottom: 4rem | |
| } | |
| } | |
| .o-toggleContent { | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 auto; | |
| flex: 1 1 auto; | |
| margin-left: -.5rem; | |
| margin-right: -.5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-toggleContent { | |
| margin-left: calc(-.5rem + -.5 * (100vw - 20rem) / 70); | |
| margin-right: calc(-.5rem + -.5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-toggleContent { | |
| margin-left: -1rem; | |
| margin-right: -1rem | |
| } | |
| } | |
| .o-toggleContent__head { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-toggleContent__head { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-toggleContent__head { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .o-toggleContent__head span { | |
| cursor: pointer; | |
| transition: all .25s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| .o-toggleContent__head:hover { | |
| color: #000 | |
| } | |
| .o-toggleContent__head:hover strong { | |
| color: #000; | |
| font-weight: 700 | |
| } | |
| .o-toggleContent__content { | |
| position: relative; | |
| padding-top: 1rem; | |
| display: none | |
| } | |
| .o-toggleContent__content--bottom { | |
| margin-top: -.5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-toggleContent__content--bottom { | |
| margin-top: calc(-.5rem + -.5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-toggleContent__content--bottom { | |
| margin-top: -1rem | |
| } | |
| } | |
| .o-toggleContent__trigger { | |
| margin-top: .5rem; | |
| position: relative; | |
| z-index: 100; | |
| cursor: pointer; | |
| text-transform: uppercase; | |
| font-size: .75rem; | |
| padding-left: 30px; | |
| font-weight: 700 | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-toggleContent__trigger { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-toggleContent__trigger { | |
| margin-top: 1rem | |
| } | |
| } | |
| .o-toggleContent__trigger:after, | |
| .o-toggleContent__trigger:before { | |
| content: ""; | |
| width: 10px; | |
| height: 2px; | |
| background-color: #1a1a1a; | |
| -webkit-transform-origin: center center; | |
| transform-origin: center center; | |
| position: absolute; | |
| left: 0; | |
| top: 9px; | |
| transition: all .25s ease-out | |
| } | |
| .o-toggleContent__trigger:before { | |
| -webkit-transform: rotate(45deg); | |
| transform: rotate(45deg) | |
| } | |
| .o-toggleContent__trigger:after { | |
| -webkit-transform: rotate(-45deg) translate(4px, 4px); | |
| transform: rotate(-45deg) translate(4px, 4px) | |
| } | |
| .o-toggleContent__trigger.is-open:before { | |
| -webkit-transform: rotate(-45deg); | |
| transform: rotate(-45deg) | |
| } | |
| .o-toggleContent__trigger.is-open:after { | |
| -webkit-transform: rotate(45deg) translate(4px, -4px); | |
| transform: rotate(45deg) translate(4px, -4px) | |
| } | |
| .swiper-pagination { | |
| bottom: 0 | |
| } | |
| .swiper-wrapper { | |
| box-sizing: border-box | |
| } | |
| .swiper-pagination-bullet { | |
| background-color: #ccc; | |
| width: 8px; | |
| height: 8px; | |
| border-radius: 10px | |
| } | |
| .swiper-pagination-bullet-active { | |
| background-color: #1a1a1a | |
| } | |
| .swiper-button-next, | |
| .swiper-button-prev { | |
| background: rgba(0, 0, 0, .3); | |
| width: 64px; | |
| height: 64px; | |
| padding-top: 20px; | |
| padding-left: 20px; | |
| border-radius: 32px; | |
| margin-top: -1rem; | |
| -webkit-transform: translateY(-50%); | |
| transform: translateY(-50%); | |
| transition: all .25s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| .swiper-button-next svg path, | |
| .swiper-button-prev svg path { | |
| fill: #1a1a1a; | |
| transition: fill .25s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| .swiper-button-next:hover, | |
| .swiper-button-prev:hover { | |
| background: rgba(0, 0, 0, .9) | |
| } | |
| .swiper-button-next:hover svg path, | |
| .swiper-button-prev:hover svg path { | |
| fill: #fff | |
| } | |
| .swiper-button-prev { | |
| left: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .swiper-button-prev { | |
| left: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .swiper-button-prev { | |
| left: 2rem | |
| } | |
| } | |
| .swiper-button-next { | |
| right: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .swiper-button-next { | |
| right: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .swiper-button-next { | |
| right: 2rem | |
| } | |
| } | |
| .swiper-button-next.swiper-button-disabled, | |
| .swiper-button-prev.swiper-button-disabled { | |
| opacity: .2; | |
| cursor: not-allowed; | |
| pointer-events: none | |
| } | |
| .m-accordion { | |
| margin-top: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-accordion { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-accordion { | |
| margin-top: 1rem | |
| } | |
| } | |
| .o-row--accordion .m-accordion { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-row--accordion .m-accordion { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-row--accordion .m-accordion { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:80em) { | |
| .o-row--accordion .m-accordion { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 83.33333%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 83.33333%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 83.33333%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 16.66667% | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:20em) { | |
| .o-row--accordion .m-accordion { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:90em) { | |
| .o-row--accordion .m-accordion { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:80em) { | |
| .m-contentBuilder--nested .o-row--accordion .m-accordion { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 0 | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:20em) { | |
| .m-contentBuilder--nested .o-row--accordion .m-accordion { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:90em) { | |
| .m-contentBuilder--nested .o-row--accordion .m-accordion { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-accordion--no-margin { | |
| margin-top: 0 | |
| } | |
| .m-accordion__item { | |
| position: relative; | |
| overflow: hidden; | |
| border: 1px solid #d9d9d9; | |
| border-bottom: 0 | |
| } | |
| .m-accordion__item:last-child { | |
| border-bottom: 1px solid #d9d9d9 | |
| } | |
| .m-accordion--no-borderBottom .m-accordion__item { | |
| border-bottom: 0 | |
| } | |
| .m-accordion--no-borderTop .m-accordion__item { | |
| border-top: 0 | |
| } | |
| .m-accordion__trigger { | |
| cursor: pointer; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-accordion__trigger { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-accordion__trigger { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-accordion__headline { | |
| padding-top: .5rem; | |
| padding-bottom: .5rem; | |
| padding-right: 3rem; | |
| position: relative; | |
| font-size: 1rem; | |
| transition: all .25s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-accordion__headline { | |
| padding-top: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-bottom: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-accordion__headline { | |
| padding-top: 1rem; | |
| padding-bottom: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-accordion__headline { | |
| padding-right: calc(3rem + 3 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-accordion__headline { | |
| padding-right: 6rem | |
| } | |
| } | |
| .wf-loaded .m-accordion__headline { | |
| font-family: apercu-bold-pro, Helvetica, Arial, sans-serif | |
| } | |
| .m-accordion__headline:after, | |
| .m-accordion__headline:before { | |
| content: ""; | |
| width: 10px; | |
| height: 3px; | |
| position: absolute; | |
| top: 50%; | |
| background-color: #0046b9; | |
| transition: all .25s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| .m-accordion__headline:before { | |
| -webkit-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| right: calc(.5rem + 5px) | |
| } | |
| .m-accordion__headline:after { | |
| -webkit-transform: rotate(-45deg); | |
| transform: rotate(-45deg); | |
| right: .5rem | |
| } | |
| .is-open .m-accordion__headline { | |
| color: #0046b9 | |
| } | |
| .is-open .m-accordion__headline:before { | |
| -webkit-transform: rotate(-45deg); | |
| transform: rotate(-45deg) | |
| } | |
| .is-open .m-accordion__headline:after { | |
| -webkit-transform: rotate(45deg); | |
| transform: rotate(45deg) | |
| } | |
| .m-accordion__content { | |
| display: none; | |
| padding: 0 .5rem .5rem; | |
| border-bottom: 1rem solid #edf4fa | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-accordion__content { | |
| padding-bottom: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-accordion__content { | |
| padding-bottom: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-accordion__content { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-accordion__content { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-accordion__content:after { | |
| content: ""!important; | |
| display: block!important; | |
| clear: both!important | |
| } | |
| @media (min-width:64em) { | |
| .p-cb .m-accordion__content .m-richText { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 90%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 90%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 90%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 0 | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .p-cb .m-accordion__content .m-richText { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .p-cb .m-accordion__content .m-richText { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| body.p-blogSingle .m-accordion__headline { | |
| font-size: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| body.p-blogSingle .m-accordion__headline { | |
| font-size: calc(1rem + .33 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| body.p-blogSingle .m-accordion__headline { | |
| font-size: 1.33rem | |
| } | |
| } | |
| .m-appContent { | |
| padding-top: .5rem; | |
| margin-top: 0 | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-appContent { | |
| padding-top: calc(.5rem + 0 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-appContent { | |
| padding-top: .5rem | |
| } | |
| } | |
| .m-appFooter { | |
| width: 100%; | |
| margin-top: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-appFooter { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-appFooter { | |
| margin-top: 1rem | |
| } | |
| } | |
| .m-appFooter__inner { | |
| width: 100%; | |
| max-width: 1440px; | |
| position: relative; | |
| margin-left: auto; | |
| margin-right: auto; | |
| padding: .5rem 1rem 1rem; | |
| -webkit-box-align: end; | |
| -ms-flex-align: end; | |
| align-items: flex-end | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-appFooter__inner { | |
| padding-left: calc(1rem + 1 * (100vw - 20rem) / 70); | |
| padding-right: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-appFooter__inner { | |
| padding-left: 2rem; | |
| padding-right: 2rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-appFooter__inner { | |
| padding-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-appFooter__inner { | |
| padding-top: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-appFooter__inner { | |
| padding-bottom: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-appFooter__inner { | |
| padding-bottom: 2rem | |
| } | |
| } | |
| .m-appFooter__inner > .o-row { | |
| -webkit-box-align: end; | |
| -ms-flex-align: end; | |
| align-items: flex-end | |
| } | |
| .m-appFooter .m-logo { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-appFooter .m-logo { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-appFooter .m-logo { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-appFooter .m-logo { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 16.66667%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 16.66667%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 16.66667%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-appFooter .m-logo { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-appFooter .m-logo { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-appFooter .m-logo path { | |
| fill: #0046b9 | |
| } | |
| .m-appFooter .m-navigationFooter { | |
| width: 100% | |
| } | |
| @media (min-width:64em) { | |
| .m-appFooter .m-navigationFooter { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 50%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 50%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 50%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-appFooter .m-navigationFooter { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-appFooter .m-navigationFooter { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-appFooter .m-socialNetworks { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-appFooter .m-socialNetworks { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-appFooter .m-socialNetworks { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-appFooter .m-socialNetworks { | |
| -webkit-transform: translateY(12px); | |
| transform: translateY(12px); | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 33.33333%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 33.33333%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 33.33333%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-appFooter .m-socialNetworks { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-appFooter .m-socialNetworks { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-appFooter .m-socialNetworks__inner { | |
| -webkit-box-pack: end; | |
| -ms-flex-pack: end; | |
| justify-content: flex-end | |
| } | |
| } | |
| .m-appFooter .m-socialNetworks__link { | |
| padding-left: 0; | |
| padding-right: 0; | |
| margin-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-appFooter .m-socialNetworks__link { | |
| margin-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-appFooter .m-socialNetworks__link { | |
| margin-right: 1rem | |
| } | |
| } | |
| .m-appFooter .m-socialNetworks__link:hover svg { | |
| transition: all .25s cubic-bezier(.215, .61, .355, 1); | |
| fill: #eb6e78 | |
| } | |
| .m-appHeader { | |
| width: 100%; | |
| max-width: 1440px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| padding-left: 1rem; | |
| padding-right: 1rem; | |
| height: 96px; | |
| position: relative; | |
| z-index: 500 | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-appHeader { | |
| padding-left: calc(1rem + 1 * (100vw - 20rem) / 70); | |
| padding-right: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-appHeader { | |
| padding-left: 2rem; | |
| padding-right: 2rem | |
| } | |
| } | |
| .m-appHeader .m-logo { | |
| position: absolute; | |
| left: 50%; | |
| bottom: 0; | |
| z-index: 999999; | |
| -webkit-transform: translate(-50%, -23px); | |
| transform: translate(-50%, -23px) | |
| } | |
| .m-appHeader .m-logo path { | |
| fill: #0046b9; | |
| transition: fill .25s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| @media (max-width:63.99em) { | |
| .p-home .m-appHeader .m-logo { | |
| max-width: 120px; | |
| top: auto; | |
| bottom: 0 | |
| } | |
| .p-home .m-appHeader .m-logo svg { | |
| width: 100% | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .p-home .m-appHeader .m-logo { | |
| top: 80vh; | |
| bottom: auto; | |
| -webkit-transform: translate(-50%, calc(-100% - 48px)); | |
| transform: translate(-50%, calc(-100% - 48px)) | |
| } | |
| } | |
| .p-home .m-appHeader .m-logo path { | |
| fill: #fff | |
| } | |
| .p-home.is-open--navigation .m-appHeader .m-logo path { | |
| fill: #0046b9 | |
| } | |
| .m-appWrapper { | |
| font-weight: 400; | |
| color: #14142d; | |
| background: #fff; | |
| font-family: sans-serif; | |
| overflow: hidden; | |
| min-height: 100vh | |
| } | |
| .wf-loaded .m-appWrapper { | |
| font-family: apercu-light-pro, Helvetica, Arial, sans-serif | |
| } | |
| .js .m-appWrapper { | |
| opacity: 0; | |
| transition: 0; | |
| -webkit-transform: translateY(50px); | |
| transform: translateY(50px) | |
| } | |
| .js .is-complete .m-appWrapper, | |
| .js .is-livePreview .m-appWrapper { | |
| opacity: 1; | |
| -webkit-transform: translateY(0); | |
| transform: translateY(0); | |
| transition: all 1.5s cubic-bezier(.215, .61, .355, 1) .5s | |
| } | |
| .m-blogAuthor { | |
| padding-top: 1.5rem; | |
| padding-bottom: 2rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-blogAuthor { | |
| padding-top: calc(1.5rem + 1.5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-blogAuthor { | |
| padding-top: 3rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-blogAuthor { | |
| padding-bottom: calc(2rem + 2 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-blogAuthor { | |
| padding-bottom: 4rem | |
| } | |
| } | |
| .m-blogAuthor:before { | |
| content: ""; | |
| left: .5rem; | |
| right: .5rem; | |
| top: 0; | |
| position: absolute; | |
| height: 2px; | |
| background-color: #edf4fa | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-blogAuthor:before { | |
| left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-blogAuthor:before { | |
| left: 1rem; | |
| right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .p-cb .m-blogAuthor { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 83.33333%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 83.33333%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 83.33333%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 16.66667% | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .p-cb .m-blogAuthor { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .p-cb .m-blogAuthor { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-blogAuthor__author { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| padding-left: 120px; | |
| min-height: 130px | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-blogAuthor__author { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-blogAuthor__author { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-blogAuthor__author { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 50%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 50%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 50%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| padding-left: 120px | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-blogAuthor__author { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-blogAuthor__author { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-blogAuthor__authorFigure { | |
| width: 100px; | |
| height: 100px; | |
| border-radius: 100%; | |
| position: absolute; | |
| left: .5rem; | |
| top: 0; | |
| margin-top: 0 | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-blogAuthor__authorFigure { | |
| left: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-blogAuthor__authorFigure { | |
| left: 1rem | |
| } | |
| } | |
| .m-blogAuthor__authorImage { | |
| width: 100%; | |
| height: 100%; | |
| border-radius: 100% | |
| } | |
| .m-blogAuthor__content { | |
| padding-left: 8.5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-blogAuthor__content { | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-blogAuthor__content { | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-blogAuthor__content .m-blogAuthor__authorName { | |
| margin-top: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-blogAuthor__content .m-blogAuthor__authorName { | |
| margin-top: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-blogAuthor__content .m-blogAuthor__authorName { | |
| margin-top: 2rem | |
| } | |
| } | |
| .m-blogAuthor__location { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-blogAuthor__location { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-blogAuthor__location { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-blogAuthor__location { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 50%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 50%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 50%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-blogAuthor__location { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-blogAuthor__location { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-blogList__item { | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 auto; | |
| flex: 1 1 auto; | |
| margin-left: -.5rem; | |
| margin-right: -.5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-blogList__item { | |
| margin-left: calc(-.5rem + -.5 * (100vw - 20rem) / 70); | |
| margin-right: calc(-.5rem + -.5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-blogList__item { | |
| margin-left: -1rem; | |
| margin-right: -1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-blogList--blog { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 83.33333%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 83.33333%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 83.33333%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 8.33333% | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-blogList--blog { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-blogList--blog { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-blogMeta { | |
| margin-top: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-blogMeta { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-blogMeta { | |
| margin-top: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-blogMeta { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 66.66667%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 66.66667%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 66.66667%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 16.66667% | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-blogMeta { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-blogMeta { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-blogListItem { | |
| padding-top: .5rem; | |
| padding-bottom: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-blogListItem { | |
| padding-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-blogListItem { | |
| padding-top: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-blogListItem { | |
| padding-bottom: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-blogListItem { | |
| padding-bottom: 2rem | |
| } | |
| } | |
| .m-blogListItem__image { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-blogListItem__image { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-blogListItem__image { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-blogListItem__image { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 50%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 50%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 50%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-blogListItem__image { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-blogListItem__image { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-blogListItem__content { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-blogListItem__content { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-blogListItem__content { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-blogListItem__content { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 50%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 50%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 50%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-blogListItem__content { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-blogListItem__content { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-blogListItem__meta { | |
| margin-top: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-blogListItem__meta { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-blogListItem__meta { | |
| margin-top: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-blogListItem__meta { | |
| margin-top: 4rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-blogListItem__meta { | |
| margin-top: calc(4rem + 4 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-blogListItem__meta { | |
| margin-top: 8rem | |
| } | |
| } | |
| .wf-loaded .m-blogListItem__meta { | |
| font-family: apercu-light-pro, Helvetica, Arial, sans-serif | |
| } | |
| .m-blogListItem__author { | |
| display: inline-block | |
| } | |
| .m-blogListItem__date { | |
| display: inline | |
| } | |
| .m-blogListItem .m-headline { | |
| margin-top: .25rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-blogListItem .m-headline { | |
| margin-top: calc(.25rem + .25 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-blogListItem .m-headline { | |
| margin-top: .5rem | |
| } | |
| } | |
| .m-blogListItem .m-richText { | |
| margin-top: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-blogListItem .m-richText { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-blogListItem .m-richText { | |
| margin-top: 1rem | |
| } | |
| } | |
| .m-blogListItem .m-link { | |
| margin-top: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-blogListItem .m-link { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-blogListItem .m-link { | |
| margin-top: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-blogListItem--blog .m-blogListItem__image { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 40%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 40%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 40%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-blogListItem--blog .m-blogListItem__image { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-blogListItem--blog .m-blogListItem__image { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-blogListItem--blog .m-blogListItem__content { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 40%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 40%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 40%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-blogListItem--blog .m-blogListItem__content { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-blogListItem--blog .m-blogListItem__content { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-blogListItem--blogEven .m-blogListItem__image { | |
| -webkit-box-ordinal-group: 3; | |
| -ms-flex-order: 2; | |
| order: 2 | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-blogListItem--blogEven .m-blogListItem__content { | |
| -webkit-box-ordinal-group: 2; | |
| -ms-flex-order: 1; | |
| order: 1; | |
| margin-left: 20% | |
| } | |
| } | |
| .m-button { | |
| -webkit-box-flex: 0; | |
| -ms-flex: 0 1 auto; | |
| flex: 0 1 auto; | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-orient: vertical; | |
| -webkit-box-direction: normal; | |
| -ms-flex-direction: column; | |
| flex-direction: column | |
| } | |
| .m-button--align-center { | |
| margin-left: auto; | |
| margin-right: auto | |
| } | |
| .m-button--align-right { | |
| margin-left: auto | |
| } | |
| .m-button--align-full { | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex: 1 1 100% | |
| } | |
| .m-button__inner { | |
| cursor: pointer; | |
| -webkit-appearance: none; | |
| margin-top: .5rem; | |
| -ms-flex-item-align: start; | |
| align-self: flex-start; | |
| font-size: 1rem; | |
| color: #fff; | |
| height: 3rem; | |
| line-height: 3rem; | |
| background-color: gray; | |
| border: 1px solid gray; | |
| text-decoration: none; | |
| border-radius: 3px; | |
| text-align: center; | |
| padding-right: 1rem; | |
| padding-left: 1rem; | |
| transition: all .25s cubic-bezier(.215, .61, .355, 1); | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-orient: horizontal; | |
| -webkit-box-direction: normal; | |
| -ms-flex-direction: row; | |
| flex-direction: row; | |
| -webkit-box-align: center; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| -webkit-box-pack: center; | |
| -ms-flex-pack: center; | |
| justify-content: center | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-button__inner { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-button__inner { | |
| margin-top: 1rem | |
| } | |
| } | |
| .m-button__inner:hover { | |
| color: #fff; | |
| background-color: #0046b9 | |
| } | |
| .m-button__inner svg { | |
| fill: #fff | |
| } | |
| .m-button--style-secondary .m-button__inner { | |
| color: #666; | |
| background-color: #ccc; | |
| border: 1px solid #ccc | |
| } | |
| .m-button--style-secondary .m-button__inner:hover { | |
| color: #4d4d4d; | |
| background-color: #b3b3b3; | |
| border: 1px solid #b3b3b3 | |
| } | |
| .m-button--style-outline .m-button__inner { | |
| color: #666; | |
| background-color: transparent; | |
| border: 1px solid #666 | |
| } | |
| .m-button--style-outline .m-button__inner:hover { | |
| color: #4d4d4d; | |
| background-color: transparent; | |
| border: 1px solid #4d4d4d | |
| } | |
| .m-button--style-link .m-button__inner { | |
| color: #666; | |
| padding: 0; | |
| border: 1px solid transparent; | |
| background-color: transparent | |
| } | |
| .m-button--style-link .m-button__inner:hover { | |
| color: #4d4d4d; | |
| border: 1px solid transparent; | |
| background-color: transparent | |
| } | |
| .m-button--size-small .m-button__inner { | |
| padding: .5rem 1rem; | |
| font-size: .625rem | |
| } | |
| .m-button--size-pill .m-button__inner { | |
| padding: .5rem 1rem; | |
| font-size: .625rem; | |
| border-radius: 100px | |
| } | |
| .m-button--align-full .m-button__inner { | |
| width: 100% | |
| } | |
| .m-button--align-left .m-button__inner { | |
| -ms-flex-item-align: start; | |
| align-self: flex-start | |
| } | |
| .m-button--align-center .m-button__inner { | |
| -ms-flex-item-align: center; | |
| align-self: center | |
| } | |
| .m-button--align-right .m-button__inner { | |
| -ms-flex-item-align: end; | |
| align-self: flex-end | |
| } | |
| .m-button__text { | |
| -webkit-box-ordinal-group: 2; | |
| -ms-flex-order: 1; | |
| order: 1 | |
| } | |
| .m-button__icon, | |
| .m-button__text { | |
| display: inline-block; | |
| line-height: 1 | |
| } | |
| .m-button__icon { | |
| margin-left: .5rem; | |
| -webkit-box-ordinal-group: 3; | |
| -ms-flex-order: 2; | |
| order: 2 | |
| } | |
| .m-button__icon svg { | |
| width: 24px!important; | |
| height: 24px!important | |
| } | |
| .m-button--extecutePartnerSeaarch button { | |
| margin-top: .25rem; | |
| height: 54px; | |
| border-radius: 0; | |
| border: 0; | |
| background-color: #eb6e78; | |
| color: #fff; | |
| font-size: 1rem; | |
| padding: 1rem 2.5rem; | |
| font-family: apercu-bold-pro, Helvetica, Arial, sans-serif | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-button--extecutePartnerSeaarch button { | |
| margin-top: calc(.25rem + .25 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-button--extecutePartnerSeaarch button { | |
| margin-top: .5rem | |
| } | |
| } | |
| .m-buttonGroup { | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 auto; | |
| flex: 1 1 auto; | |
| margin-left: -.5rem; | |
| margin-right: -.5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-buttonGroup { | |
| margin-left: calc(-.5rem + -.5 * (100vw - 20rem) / 70); | |
| margin-right: calc(-.5rem + -.5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-buttonGroup { | |
| margin-left: -1rem; | |
| margin-right: -1rem | |
| } | |
| } | |
| .m-buttonGroup .m-button { | |
| -webkit-box-flex: 0; | |
| -ms-flex: 0 1 auto; | |
| flex: 0 1 auto | |
| } | |
| .m-buttonGroup--left { | |
| -webkit-box-pack: start; | |
| -ms-flex-pack: start; | |
| justify-content: flex-start | |
| } | |
| .m-buttonGroup--right { | |
| -webkit-box-pack: end; | |
| -ms-flex-pack: end; | |
| justify-content: flex-end | |
| } | |
| .m-buttonGroup--center { | |
| -webkit-box-pack: center; | |
| -ms-flex-pack: center; | |
| justify-content: center | |
| } | |
| @media (min-width:64em) { | |
| .m-caption { | |
| margin-top: 0 | |
| } | |
| } | |
| .m-caption__headline { | |
| color: #1a1a1a | |
| } | |
| .wf-loaded .m-caption__headline { | |
| font-family: apercu-bold-pro, Helvetica, Arial, sans-serif | |
| } | |
| .m-caption__body { | |
| margin-bottom: .5rem | |
| } | |
| .m-checkbox { | |
| margin-top: .25rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-checkbox { | |
| margin-top: calc(.25rem + .25 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-checkbox { | |
| margin-top: .5rem | |
| } | |
| } | |
| .m-checkbox__label { | |
| padding-right: .5rem; | |
| padding-left: 1.5rem; | |
| height: 3rem; | |
| line-height: 3rem; | |
| display: block; | |
| overflow: hidden; | |
| cursor: pointer; | |
| position: relative; | |
| z-index: 2; | |
| font-size: 1rem | |
| } | |
| .m-checkbox__label, | |
| .m-checkbox__label:before { | |
| border: 1px solid #999; | |
| border-radius: 3px; | |
| transition: all .25s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| .m-checkbox__label:before { | |
| content: ""; | |
| position: absolute; | |
| left: .5rem; | |
| top: 50%; | |
| width: .5rem; | |
| height: .5rem; | |
| -webkit-transform: translateY(-50%); | |
| transform: translateY(-50%); | |
| background-color: #fff | |
| } | |
| .m-checkbox__input:checked ~ label { | |
| color: #fff; | |
| background-color: #1a1a1a; | |
| border: 1px solid #1a1a1a | |
| } | |
| .m-checkbox__input:checked ~ label:before { | |
| background-color: #4caf50; | |
| border: 1px solid #4caf50 | |
| } | |
| .m-checkbox__input:disabled ~ label { | |
| cursor: not-allowed; | |
| color: #e6e6e6; | |
| border-color: #e6e6e6 | |
| } | |
| .m-checkbox__input:disabled ~ label:before { | |
| background-color: #fff; | |
| border: 1px solid #e6e6e6 | |
| } | |
| .m-checkbox__input { | |
| width: 32px; | |
| height: 32px; | |
| -webkit-box-ordinal-group: 2; | |
| -ms-flex-order: 1; | |
| order: 1; | |
| z-index: 2; | |
| position: absolute; | |
| left: 30px; | |
| top: 50%; | |
| -webkit-transform: translateY(-50%); | |
| transform: translateY(-50%); | |
| cursor: pointer; | |
| visibility: hidden | |
| } | |
| .cc-window { | |
| opacity: 1; | |
| transition: opacity 1s ease; | |
| background-color: #14142d; | |
| color: #fff; | |
| font-size: .75rem; | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-orient: horizontal; | |
| -webkit-box-direction: normal; | |
| -ms-flex-direction: row; | |
| flex-direction: row; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -webkit-box-pack: justify; | |
| -ms-flex-pack: justify; | |
| justify-content: space-between; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| padding-top: 3px | |
| } | |
| .wf-loaded .cc-window { | |
| font-family: apercu-bold-pro, Helvetica, Arial, sans-serif | |
| } | |
| .cc-message { | |
| padding: .25rem .5rem | |
| } | |
| .cc-message a { | |
| text-decoration: underline; | |
| color: #fff; | |
| white-space: pre | |
| } | |
| @media (min-width:41.6875em) { | |
| .cc-message a { | |
| padding-left: 20px | |
| } | |
| } | |
| .cc-message a:hover { | |
| text-decoration: none | |
| } | |
| .cc-compliance { | |
| padding: .25rem .5rem | |
| } | |
| .wf-loaded .cc-compliance a { | |
| color: #fff; | |
| font-family: apercu-bold-pro, Helvetica, Arial, sans-serif | |
| } | |
| .m-contactBox { | |
| margin-top: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-contactBox { | |
| margin-top: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-contactBox { | |
| margin-top: 2rem | |
| } | |
| } | |
| @media (min-width:41.6975em) { | |
| .m-contactBox { | |
| margin-top: .5rem | |
| } | |
| } | |
| @media screen and (min-width:41.6975em) and (min-width:20em) { | |
| .m-contactBox { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:41.6975em) and (min-width:90em) { | |
| .m-contactBox { | |
| margin-top: 1rem | |
| } | |
| } | |
| .m-contactBox .m-accordion { | |
| margin-top: 0 | |
| } | |
| .m-contactBox__wrapper { | |
| position: relative; | |
| border: 1px solid #d9d9d9; | |
| border-bottom: 0; | |
| padding-top: .5rem; | |
| padding-bottom: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-contactBox__wrapper { | |
| padding-top: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-bottom: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-contactBox__wrapper { | |
| padding-top: 1rem; | |
| padding-bottom: 1rem | |
| } | |
| } | |
| .m-contactBox__wrapper:last-child { | |
| border-bottom: 1px solid #d9d9d9 | |
| } | |
| .m-contactBox__wrapper .m-svgSprite { | |
| width: 32px; | |
| height: 32px; | |
| margin-top: 10px | |
| } | |
| @media (max-width:63.99em) { | |
| .m-contactBox__wrapper--mainOffice { | |
| margin-top: 2rem; | |
| border-bottom: 1px solid #d9d9d9 | |
| } | |
| } | |
| @media screen and (max-width:63.99em) and (min-width:20em) { | |
| .m-contactBox__wrapper--mainOffice { | |
| margin-top: calc(2rem + 2 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (max-width:63.99em) and (min-width:90em) { | |
| .m-contactBox__wrapper--mainOffice { | |
| margin-top: 4rem | |
| } | |
| } | |
| .m-contactBox__wrapper--follow { | |
| border-bottom: 1px solid #d9d9d9; | |
| padding-top: 0; | |
| padding-bottom: 0 | |
| } | |
| .m-contactBox__wrapper--links { | |
| border-top: 0; | |
| padding: 1rem .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-contactBox__wrapper--links { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-contactBox__wrapper--links { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-contactBox__wrapper--links { | |
| padding-top: calc(1rem + 0 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-contactBox__wrapper--links { | |
| padding-top: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-contactBox__wrapper--links { | |
| padding-bottom: calc(1rem + 0 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-contactBox__wrapper--links { | |
| padding-bottom: 1rem | |
| } | |
| } | |
| .m-contactBox__wrapper--links .m-link { | |
| margin-top: 0; | |
| margin-right: 1rem | |
| } | |
| .m-contactBox__followUs { | |
| margin-right: 1rem; | |
| display: inline-block; | |
| -webkit-transform: translateY(-12px); | |
| transform: translateY(-12px) | |
| } | |
| .m-contactBox__socialLink svg { | |
| fill: #d9d9d9; | |
| transition: all .25s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| .m-contactBox__socialLink:hover svg { | |
| fill: #0046b9 | |
| } | |
| .m-contactBoxTalentor { | |
| margin-top: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-contactBoxTalentor { | |
| margin-top: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-contactBoxTalentor { | |
| margin-top: 2rem | |
| } | |
| } | |
| @media (min-width:41.6975em) { | |
| .m-contactBoxTalentor { | |
| margin-top: .5rem | |
| } | |
| } | |
| @media screen and (min-width:41.6975em) and (min-width:20em) { | |
| .m-contactBoxTalentor { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:41.6975em) and (min-width:90em) { | |
| .m-contactBoxTalentor { | |
| margin-top: 1rem | |
| } | |
| } | |
| .m-contactBoxTalentor .m-accordion { | |
| margin-top: 0 | |
| } | |
| .m-contactBoxTalentor__wrapper { | |
| position: relative; | |
| border: 1px solid #d9d9d9; | |
| border-bottom: 0; | |
| padding-top: .5rem; | |
| padding-bottom: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-contactBoxTalentor__wrapper { | |
| padding-top: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-bottom: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-contactBoxTalentor__wrapper { | |
| padding-top: 1rem; | |
| padding-bottom: 1rem | |
| } | |
| } | |
| .m-contactBoxTalentor__wrapper:last-child { | |
| border-bottom: 1px solid #d9d9d9 | |
| } | |
| .m-contactBoxTalentor__wrapper .m-svgSprite { | |
| width: 32px; | |
| height: 32px; | |
| margin-top: 10px | |
| } | |
| @media (max-width:63.99em) { | |
| .m-contactBoxTalentor__wrapper--mainOffice { | |
| margin-top: 2rem; | |
| border-bottom: 1px solid #d9d9d9 | |
| } | |
| } | |
| @media screen and (max-width:63.99em) and (min-width:20em) { | |
| .m-contactBoxTalentor__wrapper--mainOffice { | |
| margin-top: calc(2rem + 2 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (max-width:63.99em) and (min-width:90em) { | |
| .m-contactBoxTalentor__wrapper--mainOffice { | |
| margin-top: 4rem | |
| } | |
| } | |
| .m-contactBoxTalentor__wrapper--follow { | |
| border-bottom: 1px solid #d9d9d9; | |
| padding-top: 0; | |
| padding-bottom: 0 | |
| } | |
| .m-contactBoxTalentor__wrapper--links { | |
| border-top: 0; | |
| padding: 1rem .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-contactBoxTalentor__wrapper--links { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-contactBoxTalentor__wrapper--links { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-contactBoxTalentor__wrapper--links { | |
| padding-top: calc(1rem + 0 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-contactBoxTalentor__wrapper--links { | |
| padding-top: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-contactBoxTalentor__wrapper--links { | |
| padding-bottom: calc(1rem + 0 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-contactBoxTalentor__wrapper--links { | |
| padding-bottom: 1rem | |
| } | |
| } | |
| .m-contactBoxTalentor__wrapper--links .m-link { | |
| margin-top: 0; | |
| margin-right: 1rem | |
| } | |
| .m-contactBoxTalentor__followUs { | |
| margin-right: 1rem; | |
| display: inline-block; | |
| -webkit-transform: translateY(-12px); | |
| transform: translateY(-12px) | |
| } | |
| .m-contactBoxTalentor__socialLink svg { | |
| fill: #d9d9d9; | |
| transition: all .25s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| .m-contactBoxTalentor__socialLink:hover svg { | |
| fill: #0046b9 | |
| } | |
| .m-contactForm { | |
| margin-top: 1rem; | |
| padding-bottom: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-contactForm { | |
| margin-top: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-contactForm { | |
| margin-top: 2rem | |
| } | |
| } | |
| .m-contactForm__formField { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-top: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-contactForm__formField { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-contactForm__formField { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-contactForm__formField { | |
| margin-top: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-contactForm__formField { | |
| margin-top: 2rem | |
| } | |
| } | |
| @media (min-width:41.6975em) { | |
| .m-contactForm__formField { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 50%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 50%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 50%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:41.6975em) and (min-width:20em) { | |
| .m-contactForm__formField { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:41.6975em) and (min-width:90em) { | |
| .m-contactForm__formField { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-contactForm__formField--large { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-contactForm__formField--large { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-contactForm__formField--large { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-contactForm__formField label { | |
| text-transform: uppercase | |
| } | |
| .wf-loaded .m-contactForm__formField label { | |
| font-family: apercu-bold-pro, Helvetica, Arial, sans-serif | |
| } | |
| .m-contactForm__formField .required:after { | |
| content: "*" | |
| } | |
| .m-contactForm__formField input, | |
| .m-contactForm__formField select, | |
| .m-contactForm__formField textarea { | |
| height: 54px; | |
| -webkit-appearance: none; | |
| -moz-appearance: none; | |
| appearance: none; | |
| outline: 0; | |
| display: block; | |
| width: 100%; | |
| padding: 1rem; | |
| background: #fff; | |
| color: #1a1a1a; | |
| border: 1px solid #d9d9d9; | |
| border-radius: 0; | |
| margin-bottom: .5rem; | |
| font-size: 1rem; | |
| transition: all .75s cubic-bezier(.215, .61, .355, 1); | |
| margin-top: .25rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-contactForm__formField input, | |
| .m-contactForm__formField select, | |
| .m-contactForm__formField textarea { | |
| margin-top: calc(.25rem + .25 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-contactForm__formField input, | |
| .m-contactForm__formField select, | |
| .m-contactForm__formField textarea { | |
| margin-top: .5rem | |
| } | |
| } | |
| .m-contactForm__formField input:focus, | |
| .m-contactForm__formField select:focus, | |
| .m-contactForm__formField textarea:focus { | |
| background-color: #fff; | |
| border-color: #edf4fa; | |
| border-bottom-color: #0046b9; | |
| box-shadow: 0 1px 0 #0046b9 | |
| } | |
| .m-contactForm__formField select { | |
| -webkit-appearance: none; | |
| -moz-appearance: none; | |
| appearance: none; | |
| padding-right: 2.5rem; | |
| color: #000; | |
| border-radius: 0; | |
| border: 1px solid #d9d9d9; | |
| background: url(/assets/images/svg/single/iconArrowDown.svg) no-repeat; | |
| background-size: 1rem auto; | |
| background-position: right 1rem center; | |
| background-color: #fff | |
| } | |
| .m-contactForm__formField textarea { | |
| min-height: 192px; | |
| resize: vertical | |
| } | |
| .m-contactForm__submit { | |
| margin-top: .5rem; | |
| height: 54px; | |
| border-radius: 0; | |
| border: 0; | |
| background-color: #eb6e78; | |
| color: #fff; | |
| font-size: 1rem; | |
| -webkit-appearance: none; | |
| -moz-appearance: none; | |
| appearance: none; | |
| outline: 0; | |
| display: inline-block; | |
| padding: 1rem 2.5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-contactForm__submit { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-contactForm__submit { | |
| margin-top: 1rem | |
| } | |
| } | |
| .wf-loaded .m-contactForm__submit { | |
| font-family: apercu-bold-pro, Helvetica, Arial, sans-serif | |
| } | |
| .m-countryFlag { | |
| width: 26px; | |
| height: 26px; | |
| position: relative; | |
| border: 2px solid #fff; | |
| box-shadow: 0 0 0 1px #d9d9d9; | |
| border-radius: 100%; | |
| overflow: hidden; | |
| transition: all .25s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| .m-countryFlag__image { | |
| position: absolute; | |
| left: 50%; | |
| top: 50%; | |
| width: 160%; | |
| max-width: none; | |
| border-radius: 100%; | |
| -webkit-transform: translate(-50%, -50%); | |
| transform: translate(-50%, -50%) | |
| } | |
| .m-countryLocationsList { | |
| padding-top: 1.5rem; | |
| padding-bottom: 2rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-countryLocationsList { | |
| padding-top: calc(1.5rem + 1.5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-countryLocationsList { | |
| padding-top: 3rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-countryLocationsList { | |
| padding-bottom: calc(2rem + 2 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-countryLocationsList { | |
| padding-bottom: 4rem | |
| } | |
| } | |
| .m-countryLocationsList__introTextSmall { | |
| width: 100%; | |
| margin-top: 1rem; | |
| font-size: 1rem; | |
| font-family: apercu-bold-pro, Helvetica, Arial, sans-serif; | |
| text-transform: uppercase; | |
| color: #0046b9; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-countryLocationsList__introTextSmall { | |
| margin-top: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-countryLocationsList__introTextSmall { | |
| margin-top: 2rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-countryLocationsList__introTextSmall { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-countryLocationsList__introTextSmall { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-countryLocationsList__countriesWrapper { | |
| margin-top: .5rem; | |
| width: 100%; | |
| position: relative; | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -webkit-box-pack: start; | |
| -ms-flex-pack: start; | |
| justify-content: flex-start; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-countryLocationsList__countriesWrapper { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-countryLocationsList__countriesWrapper { | |
| margin-top: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-countryLocationsList__countriesWrapper { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-countryLocationsList__countriesWrapper { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-countryLocationsList .m-searchResultItem { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| padding-left: 0; | |
| padding-right: 0; | |
| border: 0; | |
| border-left: 1px solid #d9d9d9; | |
| border-bottom: 1px solid #d9d9d9; | |
| border-right: 1px solid #d9d9d9 | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-countryLocationsList .m-searchResultItem { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-countryLocationsList .m-searchResultItem { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-countryLocationsList .m-searchResultItem { | |
| padding-left: calc(0rem + 0 * (100vw - 20rem) / 70); | |
| padding-right: calc(0rem + 0 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-countryLocationsList .m-searchResultItem { | |
| padding-left: 0; | |
| padding-right: 0 | |
| } | |
| } | |
| .m-countryLocationsList .m-searchResultItem:first-child { | |
| border-top: 1px solid #d9d9d9 | |
| } | |
| @media (min-width:41.6875em) { | |
| .m-countryLocationsList .m-searchResultItem { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 50%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 50%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 50%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| padding-left: 0; | |
| padding-right: 0; | |
| border-right: 0 | |
| } | |
| } | |
| @media screen and (min-width:41.6875em) and (min-width:20em) { | |
| .m-countryLocationsList .m-searchResultItem { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:41.6875em) and (min-width:90em) { | |
| .m-countryLocationsList .m-searchResultItem { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media screen and (min-width:41.6875em) and (min-width:20em) { | |
| .m-countryLocationsList .m-searchResultItem { | |
| padding-left: calc(0rem + 0 * (100vw - 20rem) / 70); | |
| padding-right: calc(0rem + 0 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:41.6875em) and (min-width:90em) { | |
| .m-countryLocationsList .m-searchResultItem { | |
| padding-left: 0; | |
| padding-right: 0 | |
| } | |
| } | |
| @media (min-width:41.6875em) { | |
| .m-countryLocationsList .m-searchResultItem:nth-child(2n + 2) { | |
| border-right: 1px solid #d9d9d9 | |
| } | |
| .m-countryLocationsList .m-searchResultItem:first-child, | |
| .m-countryLocationsList .m-searchResultItem:nth-child(2) { | |
| border-top: 1px solid #d9d9d9 | |
| } | |
| .m-countryLocationsList .m-searchResultItem:last-child { | |
| border-right: 1px solid #d9d9d9 | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-countryLocationsList .m-searchResultItem { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 33.33333%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 33.33333%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 33.33333%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| padding-left: 0; | |
| padding-right: 0; | |
| border-left: 0; | |
| border-right: 1px solid #d9d9d9 | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-countryLocationsList .m-searchResultItem { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-countryLocationsList .m-searchResultItem { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-countryLocationsList .m-searchResultItem { | |
| padding-left: calc(0rem + 0 * (100vw - 20rem) / 70); | |
| padding-right: calc(0rem + 0 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-countryLocationsList .m-searchResultItem { | |
| padding-left: 0; | |
| padding-right: 0 | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-countryLocationsList .m-searchResultItem:first-child, | |
| .m-countryLocationsList .m-searchResultItem:nth-child(2), | |
| .m-countryLocationsList .m-searchResultItem:nth-child(3) { | |
| border-top: 1px solid #d9d9d9 | |
| } | |
| .m-countryLocationsList .m-searchResultItem:nth-child(2n) { | |
| border-right: 1px solid #d9d9d9 | |
| } | |
| .m-countryLocationsList .m-searchResultItem:nth-child(3n) { | |
| border-right: 1px solid #d9d9d9; | |
| border-left: 0 | |
| } | |
| .m-countryLocationsList .m-searchResultItem:first-child, | |
| .m-countryLocationsList .m-searchResultItem:nth-child(3n + 4) { | |
| border-left: 1px solid #d9d9d9 | |
| } | |
| } | |
| .m-definitionList__inner { | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 auto; | |
| flex: 1 1 auto; | |
| margin-left: -.5rem; | |
| margin-right: -.5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-definitionList__inner { | |
| margin-left: calc(-.5rem + -.5 * (100vw - 20rem) / 70); | |
| margin-right: calc(-.5rem + -.5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-definitionList__inner { | |
| margin-left: -1rem; | |
| margin-right: -1rem | |
| } | |
| } | |
| .m-definitionList__listTerm { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-top: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-definitionList__listTerm { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-definitionList__listTerm { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-definitionList__listTerm { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-definitionList__listTerm { | |
| margin-top: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-definitionList__listTerm { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 25%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 25%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 25%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-definitionList__listTerm { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-definitionList__listTerm { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-contentBuilder--nested .m-definitionList__listTerm { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 25%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 25%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 25%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-contentBuilder--nested .m-definitionList__listTerm { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-contentBuilder--nested .m-definitionList__listTerm { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:80em) { | |
| .m-definitionList__listTerm { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 25%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 25%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 25%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 16.66667% | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:20em) { | |
| .m-definitionList__listTerm { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:90em) { | |
| .m-definitionList__listTerm { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:80em) { | |
| .m-contentBuilder--nested .m-definitionList__listTerm { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 25%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 25%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 25%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 0 | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:20em) { | |
| .m-contentBuilder--nested .m-definitionList__listTerm { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:90em) { | |
| .m-contentBuilder--nested .m-definitionList__listTerm { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .wf-loaded .m-definitionList__listTerm { | |
| font-family: apercu-bold-pro, Helvetica, Arial, sans-serif | |
| } | |
| .m-definitionList__listDescription { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-top: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-definitionList__listDescription { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-definitionList__listDescription { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-definitionList__listDescription { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-definitionList__listDescription { | |
| margin-top: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-definitionList__listDescription { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 75%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 75%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 75%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-definitionList__listDescription { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-definitionList__listDescription { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-contentBuilder--nested .m-definitionList__listDescription { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 75%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 75%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 75%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-contentBuilder--nested .m-definitionList__listDescription { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-contentBuilder--nested .m-definitionList__listDescription { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:80em) { | |
| .m-definitionList__listDescription { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 58.33333%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 58.33333%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 58.33333%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:20em) { | |
| .m-definitionList__listDescription { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:90em) { | |
| .m-definitionList__listDescription { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:80em) { | |
| .m-contentBuilder--nested .m-definitionList__listDescription { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 75%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 75%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 75%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:20em) { | |
| .m-contentBuilder--nested .m-definitionList__listDescription { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:90em) { | |
| .m-contentBuilder--nested .m-definitionList__listDescription { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| body.p-blogSingle .m-definitionList { | |
| font-size: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| body.p-blogSingle .m-definitionList { | |
| font-size: calc(1rem + .33 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| body.p-blogSingle .m-definitionList { | |
| font-size: 1.33rem | |
| } | |
| } | |
| .m-dropdown { | |
| margin-top: .25rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-dropdown { | |
| margin-top: calc(.25rem + .25 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-dropdown { | |
| margin-top: .5rem | |
| } | |
| } | |
| .m-dropdown__select { | |
| -webkit-appearance: none; | |
| -moz-appearance: none; | |
| appearance: none; | |
| outline: none; | |
| padding: 1rem; | |
| padding-right: 2.5rem; | |
| color: #000; | |
| border-radius: 0; | |
| border: 1px solid #d9d9d9; | |
| background: url(/assets/images/svg/single/iconArrowDown.svg) no-repeat; | |
| background-position: right 1rem center; | |
| background-color: #fff; | |
| background-size: 1rem auto; | |
| transition: all .25s cubic-bezier(.215, .61, .355, 1); | |
| font-size: 1rem; | |
| height: 54px; | |
| width: 100% | |
| } | |
| .m-embed { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-embed { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-embed { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-embed__inner { | |
| width: 100%; | |
| margin-top: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-embed__inner { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-embed__inner { | |
| margin-top: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-embed--width-100 { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-embed--width-100 { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-embed--width-100 { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-embed--width-75 { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 75%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 75%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 75%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-embed--width-75 { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-embed--width-75 { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-embed--width-50 { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 50%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 50%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 50%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-embed--width-50 { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-embed--width-50 { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-embed--align-left { | |
| margin-right: auto | |
| } | |
| .m-embed--align-right { | |
| margin-left: auto | |
| } | |
| .m-embed--align-center { | |
| margin-left: auto; | |
| margin-right: auto | |
| } | |
| .m-embed .gist .gist-file { | |
| margin-bottom: 0 | |
| } | |
| .m-bgImage, | |
| .m-image { | |
| background-color: #000 | |
| } | |
| .m-bgImage img, | |
| .m-image img { | |
| width: 100% | |
| } | |
| .m-headline { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-headline { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-headline { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .o-row--headline .m-headline { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 83.33333%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 83.33333%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 83.33333%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 16.66667% | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .o-row--headline .m-headline { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .o-row--headline .m-headline { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-contentBuilder--nested .o-row--headline .m-headline { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 0 | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-contentBuilder--nested .o-row--headline .m-headline { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-contentBuilder--nested .o-row--headline .m-headline { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .o-row--headlineWithSubline .m-headlineWithSubline { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 83.33333%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 83.33333%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 83.33333%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 16.66667% | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .o-row--headlineWithSubline .m-headlineWithSubline { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .o-row--headlineWithSubline .m-headlineWithSubline { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-contentBuilder--nested .o-row--headlineWithSubline .m-headlineWithSubline { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 0 | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-contentBuilder--nested .o-row--headlineWithSubline .m-headlineWithSubline { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-contentBuilder--nested .o-row--headlineWithSubline .m-headlineWithSubline { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-headlineWithSubline--teamHeadline { | |
| margin-top: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-headlineWithSubline--teamHeadline { | |
| margin-top: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-headlineWithSubline--teamHeadline { | |
| margin-top: 2rem | |
| } | |
| } | |
| .m-headlineWithSubline__subline { | |
| text-transform: uppercase; | |
| color: #0046b9; | |
| letter-spacing: .1rem | |
| } | |
| .wf-loaded .m-headlineWithSubline__subline { | |
| font-family: apercu-bold-pro, Helvetica, Arial, sans-serif | |
| } | |
| .m-headlineWithSubline__headline { | |
| margin-top: 0 | |
| } | |
| .p-home .m-headerStage { | |
| padding: 0; | |
| margin-top: -104px | |
| } | |
| .p-home .m-headerStage .m-bgImage img { | |
| height: 50vh; | |
| max-height: none | |
| } | |
| @media (min-width:64em) { | |
| .p-home .m-headerStage .m-bgImage img { | |
| height: 80vh | |
| } | |
| } | |
| .m-headerStage .m-bgImage img { | |
| height: 50vh; | |
| max-height: 360px; | |
| border: .5rem solid #0046b9 | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-headerStage .m-bgImage img { | |
| border-width: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-headerStage .m-bgImage img { | |
| border-width: 1rem | |
| } | |
| } | |
| .m-headerStage__figure { | |
| position: relative; | |
| width: 100%; | |
| height: 100% | |
| } | |
| .m-headerStage__text { | |
| position: absolute; | |
| left: 50%; | |
| top: 50%; | |
| -webkit-transform: translate(-50%, -50%); | |
| transform: translate(-50%, -50%); | |
| text-align: center; | |
| font-size: 1.7689rem; | |
| line-height: 1; | |
| color: #fff; | |
| width: 100% | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-headerStage__text { | |
| font-size: calc(1.7689rem + 2.39268 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-headerStage__text { | |
| font-size: 4.16158rem | |
| } | |
| } | |
| .wf-loaded .m-headerStage__text { | |
| font-family: apercu-bold-pro, Helvetica, Arial, sans-serif | |
| } | |
| .m-headerStage__char { | |
| display: inline-block; | |
| position: relative; | |
| opacity: 0; | |
| -webkit-transform: scale(3) translate(15px, -15px); | |
| transform: scale(3) translate(15px, -15px); | |
| transition: all .2s linear | |
| } | |
| .m-headerStage__char.done { | |
| opacity: 1; | |
| -webkit-transform: scale(1) translate(0); | |
| transform: scale(1) translate(0) | |
| } | |
| .m-headerStageBig { | |
| border: .5rem solid #0046b9; | |
| background-color: #000; | |
| height: 50vh; | |
| overflow: hidden | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-headerStageBig { | |
| border-width: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-headerStageBig { | |
| border-width: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-headerStageBig { | |
| height: 80vh | |
| } | |
| } | |
| .p-home .m-headerStageBig { | |
| padding: 0; | |
| margin-top: -104px | |
| } | |
| .m-headerStageBig__image { | |
| background-size: cover; | |
| position: absolute; | |
| left: 50%; | |
| top: 50%; | |
| -webkit-transform: translate(-50%, -50%) translateZ(0); | |
| transform: translate(-50%, -50%) translateZ(0); | |
| width: 100%; | |
| height: 0; | |
| padding-bottom: 100%; | |
| z-index: 50; | |
| opacity: 0 | |
| } | |
| .m-headerStageBig__image.lazyloaded { | |
| opacity: 0 | |
| } | |
| .m-headerStageBig__image--left { | |
| z-index: 100 | |
| } | |
| .m-headerStageBig__image--right { | |
| z-index: 50 | |
| } | |
| .m-headerStageBig__text { | |
| position: absolute; | |
| left: 50%; | |
| top: 50%; | |
| -webkit-transform: translate(-50%, -50%); | |
| transform: translate(-50%, -50%); | |
| text-align: center; | |
| font-size: 1.7689rem; | |
| line-height: 1; | |
| color: #fff; | |
| z-index: 200; | |
| width: 100% | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-headerStageBig__text { | |
| font-size: calc(1.7689rem + 2.39268 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-headerStageBig__text { | |
| font-size: 4.16158rem | |
| } | |
| } | |
| .wf-loaded .m-headerStageBig__text { | |
| font-family: apercu-bold-pro, Helvetica, Arial, sans-serif | |
| } | |
| .m-headerStageBig__char { | |
| display: inline; | |
| opacity: 1 | |
| } | |
| .m-imageCover { | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| color: #fff | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-imageCover { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-imageCover { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-imageCover__inner { | |
| margin-top: .5rem; | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| height: 100vh | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-imageCover__inner { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-imageCover__inner { | |
| margin-top: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-imageCover__inner { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-imageCover__inner { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-contentSection--width-full .m-imageCover__inner { | |
| position: relative; | |
| width: 100vw; | |
| left: 50%; | |
| -webkit-transform: translateX(-50%); | |
| transform: translateX(-50%) | |
| } | |
| .m-imageCover .m-bgImage { | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| bottom: 0; | |
| margin-top: 0; | |
| width: 100%; | |
| height: 100% | |
| } | |
| .m-imageCover .m-bgImage__image { | |
| width: 100vw; | |
| height: 100vh; | |
| object-fit: cover; | |
| object-position: 50% 50% | |
| } | |
| .m-imageCover__title { | |
| position: absolute; | |
| z-index: 20; | |
| width: 100%; | |
| height: 100%; | |
| left: 0; | |
| top: 0; | |
| text-align: center; | |
| background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent 50%); | |
| font-size: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-imageCover__title { | |
| font-size: calc(1rem + 2.12901 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-imageCover__title { | |
| font-size: 3.12901rem | |
| } | |
| } | |
| .m-imageCover__titleInner { | |
| width: 100%; | |
| max-width: 1440px; | |
| position: relative; | |
| margin-left: auto; | |
| margin-right: auto; | |
| padding-left: 1rem; | |
| padding-right: 1rem; | |
| padding: 1rem .5rem; | |
| position: absolute; | |
| z-index: 30; | |
| bottom: 0; | |
| left: 50%; | |
| -webkit-transform: translateX(-50%); | |
| transform: translateX(-50%); | |
| font-weight: 700 | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-imageCover__titleInner { | |
| padding-top: calc(1rem + 3 * (100vw - 20rem) / 70); | |
| padding-bottom: calc(1rem + 3 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-imageCover__titleInner { | |
| padding-top: 4rem; | |
| padding-bottom: 4rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-imageCover__titleInner { | |
| padding-left: calc(1rem + 1 * (100vw - 20rem) / 70); | |
| padding-right: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-imageCover__titleInner { | |
| padding-left: 2rem; | |
| padding-right: 2rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-imageCover__titleInner { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-imageCover__titleInner { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-imageCover--textColor-black { | |
| color: #1a1a1a | |
| } | |
| .m-imageCover--textH-left .m-imageCover { | |
| text-align: left | |
| } | |
| .m-imageCover--textH-center .m-imageCover { | |
| text-align: center | |
| } | |
| .m-imageCover--textH-right .m-imageCover { | |
| text-align: right | |
| } | |
| .m-imageCover--textV-top .m-imageCover__title { | |
| background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent 50%) | |
| } | |
| .m-imageCover--textV-top .m-imageCover__titleInner { | |
| bottom: auto; | |
| top: 0 | |
| } | |
| .m-imageCover--textV-center .m-imageCover .m-imageCover__title { | |
| background: rgba(0, 0, 0, .5) | |
| } | |
| .m-imageCover--textV-center .m-imageCover .m-imageCover__titleInner { | |
| bottom: auto; | |
| top: 50%; | |
| -webkit-transform: translateY(-50%); | |
| transform: translateY(-50%) | |
| } | |
| .m-imageCover--textV-bottom .m-imageCover .m-imageCover__title { | |
| background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent 50%) | |
| } | |
| .m-imageCover--textV-bottom .m-imageCover .m-imageCover__titleInner { | |
| bottom: 0 | |
| } | |
| /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ | |
| .pswp { | |
| display: none; | |
| position: absolute; | |
| width: 100%; | |
| height: 100%; | |
| left: 0; | |
| top: 0; | |
| overflow: hidden; | |
| -ms-touch-action: none; | |
| touch-action: none; | |
| z-index: 1500; | |
| -webkit-text-size-adjust: 100%; | |
| -webkit-backface-visibility: hidden; | |
| outline: none | |
| } | |
| .pswp * { | |
| box-sizing: border-box | |
| } | |
| .pswp img { | |
| max-width: none | |
| } | |
| .pswp--animate_opacity { | |
| opacity: .001; | |
| will-change: opacity; | |
| transition: opacity 333ms cubic-bezier(.4, 0, .22, 1) | |
| } | |
| .pswp--open { | |
| display: block | |
| } | |
| .pswp--zoom-allowed .pswp__img { | |
| cursor: zoom-in | |
| } | |
| .pswp--zoomed-in .pswp__img { | |
| cursor: -webkit-grab; | |
| cursor: grab | |
| } | |
| .pswp--dragging .pswp__img { | |
| cursor: -webkit-grabbing; | |
| cursor: grabbing | |
| } | |
| .pswp__bg { | |
| background: #000; | |
| opacity: 0; | |
| -webkit-transform: translateZ(0); | |
| transform: translateZ(0); | |
| -webkit-backface-visibility: hidden | |
| } | |
| .pswp__bg, | |
| .pswp__scroll-wrap { | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| width: 100%; | |
| height: 100% | |
| } | |
| .pswp__scroll-wrap { | |
| overflow: hidden | |
| } | |
| .pswp__container, | |
| .pswp__zoom-wrap { | |
| -ms-touch-action: none; | |
| touch-action: none; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| bottom: 0 | |
| } | |
| .pswp__container, | |
| .pswp__img { | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none; | |
| -webkit-tap-highlight-color: transparent; | |
| -webkit-touch-callout: none | |
| } | |
| .pswp__zoom-wrap { | |
| position: absolute; | |
| width: 100%; | |
| -webkit-transform-origin: left top; | |
| transform-origin: left top; | |
| transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1); | |
| transition: transform 333ms cubic-bezier(.4, 0, .22, 1); | |
| transition: transform 333ms cubic-bezier(.4, 0, .22, 1), -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1) | |
| } | |
| .pswp__bg { | |
| will-change: opacity; | |
| transition: opacity 333ms cubic-bezier(.4, 0, .22, 1) | |
| } | |
| .pswp--animated-in .pswp__bg, | |
| .pswp--animated-in .pswp__zoom-wrap { | |
| transition: none | |
| } | |
| .pswp__container, | |
| .pswp__zoom-wrap { | |
| -webkit-backface-visibility: hidden | |
| } | |
| .pswp__item { | |
| right: 0; | |
| bottom: 0; | |
| overflow: hidden | |
| } | |
| .pswp__img, | |
| .pswp__item { | |
| position: absolute; | |
| left: 0; | |
| top: 0 | |
| } | |
| .pswp__img { | |
| width: auto; | |
| height: auto | |
| } | |
| .pswp__img--placeholder { | |
| -webkit-backface-visibility: hidden | |
| } | |
| .pswp__img--placeholder--blank { | |
| background: #222 | |
| } | |
| .pswp--ie .pswp__img { | |
| width: 100%!important; | |
| height: auto!important; | |
| left: 0; | |
| top: 0 | |
| } | |
| .pswp__error-msg { | |
| position: absolute; | |
| left: 0; | |
| top: 50%; | |
| width: 100%; | |
| text-align: center; | |
| font-size: 14px; | |
| line-height: 16px; | |
| margin-top: -8px; | |
| color: #ccc | |
| } | |
| .pswp__error-msg a { | |
| color: #ccc; | |
| text-decoration: underline | |
| } | |
| /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ | |
| .pswp__button { | |
| width: 44px; | |
| height: 44px; | |
| position: relative; | |
| background: none; | |
| cursor: pointer; | |
| overflow: visible; | |
| -webkit-appearance: none; | |
| display: block; | |
| border: 0; | |
| padding: 0; | |
| margin: 0; | |
| float: right; | |
| opacity: .75; | |
| transition: opacity .2s; | |
| box-shadow: none | |
| } | |
| .pswp__button:focus, | |
| .pswp__button:hover { | |
| opacity: 1 | |
| } | |
| .pswp__button:active { | |
| outline: none; | |
| opacity: .9 | |
| } | |
| .pswp__button::-moz-focus-inner { | |
| padding: 0; | |
| border: 0 | |
| } | |
| .pswp__ui--over-close .pswp__button--close { | |
| opacity: 1 | |
| } | |
| .pswp__button, | |
| .pswp__button--arrow--left:before, | |
| .pswp__button--arrow--right:before { | |
| background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQgAAABYCAQAAACjBqE3AAAB6klEQVR4Ae3bsWpUQRTG8YkkanwCa7GzVotsI/gEgk9h4Vu4ySLYmMYgbJrc3lrwZbJwC0FMt4j7F6Y4oIZrsXtgxvx/1c0ufEX4cnbmLCmSJEmSJEmSJEmSJP3XCBPvbJU+8doWmDFwyZpLBmYlNJebz0KwzykwsuSYJSNwykEJreV2BaBMaLIQZ2xYcFgqDlmw4ayE/FwL0dDk4Qh4W37DAjgqIT+3HRbigjH+iikVdxgZStgyN0Su2sXIeTwTT+esdpcbIlfNAuZ/TxresG4zV8kYWSZNiKUTokMMSWeIwTNEn4fK2TW3gRNgVkJLuVksROA9G+bEvoATNlBCa7nZXEwdxEZxzpKRKFh+bsv8LmPFmhX1OwfIz81jIRJQ5eeqG9B+riRJkiRJkiRJkiRJkiRJkiRJUkvA/8RQoEpKlJWINFkJ62AlrEP/mNBibnv2yz/A3t7Uq3LcpoxP8COjC1T5vxoAD5VdoEqdDrd5QuW1swtUSaueh3zkiuBiqgtA2OlkeMcP/uDqugsJdbjHF65VdPMKwS0+WQc/MgKvrIOHysB9vgPwk8+85hmPbnQdvHZyDMAFD7L3EOpgMcVdvnHFS0/vlatrXvCVx0U9gt3fxvnA0/hB4nmRJEmSJEmSJEmSJGmHfgFLaDPoMu5xWwAAAABJRU5ErkJggg==) 0 0 no-repeat; | |
| background-size: 264px 88px; | |
| width: 44px; | |
| height: 44px | |
| } | |
| @media (-webkit-min-device-pixel-ratio:1.1), | |
| (-webkit-min-device-pixel-ratio:1.09375), | |
| (min-resolution:1.1dppx), | |
| (min-resolution:105dpi) { | |
| .pswp--svg .pswp__button, | |
| .pswp--svg .pswp__button--arrow--left:before, | |
| .pswp--svg .pswp__button--arrow--right:before { | |
| background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjY0IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMjY0IDg4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZT5kZWZhdWx0LXNraW4gMjwvdGl0bGU+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNNjcuMDAyIDU5LjV2My43NjhjLTYuMzA3Ljg0LTkuMTg0IDUuNzUtMTAuMDAyIDkuNzMyIDIuMjItMi44MyA1LjU2NC01LjA5OCAxMC4wMDItNS4wOThWNzEuNUw3MyA2NS41ODUgNjcuMDAyIDU5LjV6TTEzIDI5di01aDJ2M2gzdjJoLTV6bTAtMTRoNXYyaC0zdjNoLTJ2LTV6bTE4IDB2NWgtMnYtM2gtM3YtMmg1em0wIDE0aC01di0yaDN2LTNoMnY1em0zMS01djVoLTJ2LTNoLTN2LTJoNXptMC00aC01di0yaDN2LTNoMnY1em04IDB2LTVoMnYzaDN2MmgtNXptMCA0aDV2MmgtM3YzaC0ydi01ek0yMC41ODYgNjZsLTUuNjU2LTUuNjU2IDEuNDE0LTEuNDE0TDIyIDY0LjU4Nmw1LjY1Ni01LjY1NiAxLjQxNCAxLjQxNEwyMy40MTQgNjZsNS42NTYgNS42NTYtMS40MTQgMS40MTRMMjIgNjcuNDE0bC01LjY1NiA1LjY1Ni0xLjQxNC0xLjQxNEwyMC41ODYgNjZ6bTkxLjE5OS0uOTdMMTEwIDYzLjVsMy0zLjVoLTEwdi0yaDEwbC0zLTMuNSAxLjc4NS0xLjQ2OEwxMTcgNTlsLTUuMjE1IDYuMDN6bTQwLjQzIDBMMTU0IDYzLjVsLTMtMy41aDEwdi0yaC0xMGwzLTMuNS0xLjc4NS0xLjQ2OEwxNDcgNTlsNS4yMTUgNi4wM3ptOC43NDItMzYuNDg3bC0zLjI1LTMuMjUtMS40MTMgMS40MTQgMy4yNSAzLjI1eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xNTIuNSAyN2E1LjUgNS41IDAgMSAwIDAtMTEgNS41IDUuNSAwIDEgMCAwIDExeiIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xNTAgMjFoNXYxaC01em0tMzMuMDQzIDcuNTQzbC0xLjQxNCAxLjQxNC0zLjI1LTMuMjUgMS40MTQtMS40MTQgMy4yNSAzLjI1eiIvPjxwYXRoIGQ9Ik0xMDguNSAyN2E1LjUgNS41IDAgMSAwIDAtMTEgNS41IDUuNSAwIDEgMCAwIDExeiIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMDYgMjFoNXYxaC01eiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMDkuMDQzIDE5LjAwOGwtLjA4NSA1LTEtLjAxNy4wODUtNXoiLz48L2c+PC9zdmc+) | |
| } | |
| .pswp--svg .pswp__button--arrow--left, | |
| .pswp--svg .pswp__button--arrow--right { | |
| background: none | |
| } | |
| } | |
| .pswp__button--close { | |
| background-position: 0 -44px | |
| } | |
| .pswp__button--share { | |
| background-position: -44px -44px | |
| } | |
| .pswp__button--fs { | |
| display: none | |
| } | |
| .pswp--supports-fs .pswp__button--fs { | |
| display: block | |
| } | |
| .pswp--fs .pswp__button--fs { | |
| background-position: -44px 0 | |
| } | |
| .pswp__button--zoom { | |
| display: none; | |
| background-position: -88px 0 | |
| } | |
| .pswp--zoom-allowed .pswp__button--zoom { | |
| display: block | |
| } | |
| .pswp--zoomed-in .pswp__button--zoom { | |
| background-position: -132px 0 | |
| } | |
| .pswp--touch .pswp__button--arrow--left, | |
| .pswp--touch .pswp__button--arrow--right { | |
| visibility: hidden | |
| } | |
| .pswp__button--arrow--left, | |
| .pswp__button--arrow--right { | |
| width: 70px; | |
| height: 100px | |
| } | |
| .pswp__button--arrow--left { | |
| left: 0 | |
| } | |
| .pswp__button--arrow--right { | |
| right: 0 | |
| } | |
| .pswp__button--arrow--left:before, | |
| .pswp__button--arrow--right:before { | |
| content: ""; | |
| top: 35px; | |
| background-color: rgba(0, 0, 0, .3); | |
| height: 30px; | |
| width: 32px; | |
| position: absolute | |
| } | |
| .pswp__button--arrow--left:before { | |
| left: 6px; | |
| background-position: -138px -44px | |
| } | |
| .pswp__button--arrow--right:before { | |
| right: 6px; | |
| background-position: -94px -44px | |
| } | |
| .pswp__counter, | |
| .pswp__share-modal { | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none | |
| } | |
| .pswp__share-modal { | |
| display: block; | |
| background: rgba(0, 0, 0, .5); | |
| width: 100%; | |
| height: 100%; | |
| top: 0; | |
| left: 0; | |
| padding: 10px; | |
| position: absolute; | |
| z-index: 1600; | |
| opacity: 0; | |
| transition: opacity .25s cubic-bezier(.215, .61, .355, 1); | |
| -webkit-backface-visibility: hidden; | |
| will-change: opacity | |
| } | |
| .pswp__share-modal--hidden { | |
| display: none | |
| } | |
| .pswp__share-tooltip { | |
| z-index: 1620; | |
| position: absolute; | |
| background: #fff; | |
| top: 56px; | |
| border-radius: 2px; | |
| display: block; | |
| width: auto; | |
| right: 44px; | |
| box-shadow: 0 2px 5px rgba(0, 0, 0, .25); | |
| -webkit-transform: translateY(6px); | |
| transform: translateY(6px); | |
| transition: -webkit-transform .25s; | |
| transition: transform .25s; | |
| transition: transform .25s, -webkit-transform .25s; | |
| -webkit-backface-visibility: hidden; | |
| will-change: transform | |
| } | |
| .pswp__share-tooltip a { | |
| display: block; | |
| padding: 8px 12px; | |
| font-size: 14px; | |
| line-height: 18px | |
| } | |
| .pswp__share-tooltip a, | |
| .pswp__share-tooltip a:hover { | |
| color: #000; | |
| text-decoration: none | |
| } | |
| .pswp__share-tooltip a:first-child { | |
| border-radius: 2px 2px 0 0 | |
| } | |
| .pswp__share-tooltip a:last-child { | |
| border-radius: 0 0 2px 2px | |
| } | |
| .pswp__share-modal--fade-in { | |
| opacity: 1 | |
| } | |
| .pswp__share-modal--fade-in .pswp__share-tooltip { | |
| -webkit-transform: translateY(0); | |
| transform: translateY(0) | |
| } | |
| .pswp--touch .pswp__share-tooltip a { | |
| padding: 16px 12px | |
| } | |
| a.pswp__share--facebook:before { | |
| content: ""; | |
| display: block; | |
| width: 0; | |
| height: 0; | |
| position: absolute; | |
| top: -12px; | |
| right: 15px; | |
| border: 6px solid transparent; | |
| border-bottom-color: #fff; | |
| -webkit-pointer-events: none; | |
| -moz-pointer-events: none; | |
| pointer-events: none | |
| } | |
| a.pswp__share--facebook:hover { | |
| background: #3e5c9a; | |
| color: #fff | |
| } | |
| a.pswp__share--facebook:hover:before { | |
| border-bottom-color: #3e5c9a | |
| } | |
| a.pswp__share--twitter:hover { | |
| background: #55acee; | |
| color: #fff | |
| } | |
| a.pswp__share--pinterest:hover { | |
| background: #ccc; | |
| color: #ce272d | |
| } | |
| a.pswp__share--download:hover { | |
| background: #ddd | |
| } | |
| .pswp__counter { | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| height: 44px; | |
| font-size: 13px; | |
| line-height: 44px; | |
| color: #fff; | |
| opacity: .75; | |
| padding: 0 10px | |
| } | |
| .pswp__caption { | |
| position: absolute; | |
| left: 0; | |
| bottom: 0; | |
| width: 100%; | |
| min-height: 44px | |
| } | |
| .pswp__caption small { | |
| font-size: 11px; | |
| color: #bbb | |
| } | |
| .pswp__caption__center { | |
| text-align: center; | |
| max-width: 420px; | |
| margin: 0 auto; | |
| font-size: 13px; | |
| padding: 10px; | |
| line-height: 20px; | |
| color: #ccc | |
| } | |
| .pswp__caption--empty { | |
| display: none | |
| } | |
| .pswp__caption--fake { | |
| visibility: hidden | |
| } | |
| .pswp__preloader { | |
| width: 44px; | |
| height: 44px; | |
| position: absolute; | |
| top: 0; | |
| left: 50%; | |
| margin-left: -22px; | |
| opacity: 0; | |
| transition: opacity .25s cubic-bezier(.215, .61, .355, 1); | |
| will-change: opacity; | |
| direction: ltr | |
| } | |
| .pswp__preloader__icn { | |
| width: 20px; | |
| height: 20px; | |
| margin: 12px | |
| } | |
| .pswp--css_animation .pswp__preloader--active, | |
| .pswp__preloader--active { | |
| opacity: 1 | |
| } | |
| .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { | |
| -webkit-animation: clockwise .5s linear infinite; | |
| animation: clockwise .5s linear infinite | |
| } | |
| .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { | |
| -webkit-animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite; | |
| animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite | |
| } | |
| .pswp--css_animation .pswp__preloader__icn { | |
| background: none; | |
| opacity: .75; | |
| width: 14px; | |
| height: 14px; | |
| position: absolute; | |
| left: 15px; | |
| top: 15px; | |
| margin: 0 | |
| } | |
| .pswp--css_animation .pswp__preloader__cut { | |
| position: relative; | |
| width: 7px; | |
| height: 14px; | |
| overflow: hidden | |
| } | |
| .pswp--css_animation .pswp__preloader__donut { | |
| box-sizing: border-box; | |
| width: 14px; | |
| height: 14px; | |
| border: 2px solid #fff; | |
| border-radius: 50%; | |
| border-left-color: transparent; | |
| border-bottom-color: transparent; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| background: none; | |
| margin: 0 | |
| } | |
| @media screen and (max-width:1024px) { | |
| .pswp__preloader { | |
| position: relative; | |
| left: auto; | |
| top: auto; | |
| margin: 0; | |
| float: right | |
| } | |
| } | |
| @-webkit-keyframes clockwise { | |
| 0% { | |
| -webkit-transform: rotate(0deg); | |
| transform: rotate(0deg) | |
| } | |
| to { | |
| -webkit-transform: rotate(1turn); | |
| transform: rotate(1turn) | |
| } | |
| } | |
| @keyframes clockwise { | |
| 0% { | |
| -webkit-transform: rotate(0deg); | |
| transform: rotate(0deg) | |
| } | |
| to { | |
| -webkit-transform: rotate(1turn); | |
| transform: rotate(1turn) | |
| } | |
| } | |
| @-webkit-keyframes donut-rotate { | |
| 0% { | |
| -webkit-transform: rotate(0); | |
| transform: rotate(0) | |
| } | |
| 50% { | |
| -webkit-transform: rotate(-140deg); | |
| transform: rotate(-140deg) | |
| } | |
| to { | |
| -webkit-transform: rotate(0); | |
| transform: rotate(0) | |
| } | |
| } | |
| @keyframes donut-rotate { | |
| 0% { | |
| -webkit-transform: rotate(0); | |
| transform: rotate(0) | |
| } | |
| 50% { | |
| -webkit-transform: rotate(-140deg); | |
| transform: rotate(-140deg) | |
| } | |
| to { | |
| -webkit-transform: rotate(0); | |
| transform: rotate(0) | |
| } | |
| } | |
| .pswp__ui { | |
| -webkit-font-smoothing: auto; | |
| visibility: visible; | |
| opacity: 1; | |
| z-index: 1550 | |
| } | |
| .pswp__top-bar { | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| height: 44px; | |
| width: 100% | |
| } | |
| .pswp--has_mouse .pswp__button--arrow--left, | |
| .pswp--has_mouse .pswp__button--arrow--right, | |
| .pswp__caption, | |
| .pswp__top-bar { | |
| -webkit-backface-visibility: hidden; | |
| will-change: opacity; | |
| transition: opacity 333ms cubic-bezier(.4, 0, .22, 1) | |
| } | |
| .pswp--has_mouse .pswp__button--arrow--left, | |
| .pswp--has_mouse .pswp__button--arrow--right { | |
| visibility: visible | |
| } | |
| .pswp__caption, | |
| .pswp__top-bar { | |
| background-color: rgba(0, 0, 0, .5) | |
| } | |
| .pswp__ui--fit .pswp__caption, | |
| .pswp__ui--fit .pswp__top-bar { | |
| background-color: rgba(0, 0, 0, .3) | |
| } | |
| .pswp__ui--idle .pswp__button--arrow--left, | |
| .pswp__ui--idle .pswp__button--arrow--right, | |
| .pswp__ui--idle .pswp__top-bar { | |
| opacity: 0 | |
| } | |
| .pswp__ui--hidden .pswp__button--arrow--left, | |
| .pswp__ui--hidden .pswp__button--arrow--right, | |
| .pswp__ui--hidden .pswp__caption, | |
| .pswp__ui--hidden .pswp__top-bar { | |
| opacity: .001 | |
| } | |
| .pswp__ui--one-slide .pswp__button--arrow--left, | |
| .pswp__ui--one-slide .pswp__button--arrow--right, | |
| .pswp__ui--one-slide .pswp__counter { | |
| display: none | |
| } | |
| .pswp__element--disabled { | |
| display: none!important | |
| } | |
| .pswp--minimal--dark .pswp__top-bar { | |
| background: none | |
| } | |
| .m-imageGallery__inner { | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| -ms-flex-wrap: wrap; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 auto; | |
| flex: 1 1 auto; | |
| margin-left: -.5rem; | |
| margin-right: -.5rem; | |
| display: flex; | |
| flex-wrap: wrap; | |
| -webkit-box-align: stretch; | |
| -ms-flex-align: stretch; | |
| align-items: stretch | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-imageGallery__inner { | |
| margin-left: calc(-.5rem + -.5 * (100vw - 20rem) / 70); | |
| margin-right: calc(-.5rem + -.5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-imageGallery__inner { | |
| margin-left: -1rem; | |
| margin-right: -1rem | |
| } | |
| } | |
| .m-imageGallery__item { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 50%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 50%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 50%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-top: .5rem; | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-align: stretch; | |
| -ms-flex-align: stretch; | |
| align-items: stretch | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-imageGallery__item { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-imageGallery__item { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-imageGallery__item { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-imageGallery__item { | |
| margin-top: 1rem | |
| } | |
| } | |
| @media (min-width:41.6875em) { | |
| .m-imageGallery__item { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 25%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 25%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 25%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:41.6875em) and (min-width:20em) { | |
| .m-imageGallery__item { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:41.6875em) and (min-width:90em) { | |
| .m-imageGallery__item { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-imageGallery__link { | |
| width: 100%; | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-align: stretch; | |
| -ms-flex-align: stretch; | |
| align-items: stretch; | |
| position: relative; | |
| overflow: hidden | |
| } | |
| .m-imageGallery__link:after { | |
| content: ""; | |
| background-color: #fff; | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| width: 100%; | |
| height: 100%; | |
| opacity: 0; | |
| transition: opacity .5s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| .m-imageGallery__link:hover:after { | |
| opacity: .25; | |
| transition: opacity .25s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| @media (min-width:41.6875em) { | |
| .m-imageGallery--columns-6 .m-imageGallery__item { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 33.33333%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 33.33333%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 33.33333%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:41.6875em) and (min-width:20em) { | |
| .m-imageGallery--columns-6 .m-imageGallery__item { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:41.6875em) and (min-width:90em) { | |
| .m-imageGallery--columns-6 .m-imageGallery__item { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-imageGallery--columns-6 .m-imageGallery__item { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 16.66667%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 16.66667%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 16.66667%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-imageGallery--columns-6 .m-imageGallery__item { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-imageGallery--columns-6 .m-imageGallery__item { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:41.6875em) { | |
| .m-imageGallery--columns-5 .m-imageGallery__item { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 25%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 25%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 25%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:41.6875em) and (min-width:20em) { | |
| .m-imageGallery--columns-5 .m-imageGallery__item { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:41.6875em) and (min-width:90em) { | |
| .m-imageGallery--columns-5 .m-imageGallery__item { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-imageGallery--columns-5 .m-imageGallery__item { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 20%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 20%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 20%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-imageGallery--columns-5 .m-imageGallery__item { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-imageGallery--columns-5 .m-imageGallery__item { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:41.6875em) { | |
| .m-imageGallery--columns-4 .m-imageGallery__item { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 25%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 25%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 25%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:41.6875em) and (min-width:20em) { | |
| .m-imageGallery--columns-4 .m-imageGallery__item { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:41.6875em) and (min-width:90em) { | |
| .m-imageGallery--columns-4 .m-imageGallery__item { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:41.6875em) { | |
| .m-imageGallery--columns-3 .m-imageGallery__item { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 33.33333%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 33.33333%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 33.33333%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:41.6875em) and (min-width:20em) { | |
| .m-imageGallery--columns-3 .m-imageGallery__item { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:41.6875em) and (min-width:90em) { | |
| .m-imageGallery--columns-3 .m-imageGallery__item { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:41.6875em) { | |
| .m-imageGallery--columns-2 .m-imageGallery__item { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 50%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 50%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 50%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:41.6875em) and (min-width:20em) { | |
| .m-imageGallery--columns-2 .m-imageGallery__item { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:41.6875em) and (min-width:90em) { | |
| .m-imageGallery--columns-2 .m-imageGallery__item { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .pswp__bg { | |
| background: rgba(0, 0, 0, .95) | |
| } | |
| .pswp__button--arrow--left, | |
| .pswp__button--arrow--right { | |
| background: none; | |
| top: 50%; | |
| margin-top: -50px; | |
| width: 0; | |
| height: 0; | |
| position: absolute | |
| } | |
| .pswp__button, | |
| .pswp__button--arrow--left:before, | |
| .pswp__button--arrow--right:before { | |
| background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjY0IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMjY0IDg4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZT5kZWZhdWx0LXNraW4gMjwvdGl0bGU+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNNjcuMDAyIDU5LjV2My43NjhjLTYuMzA3Ljg0LTkuMTg0IDUuNzUtMTAuMDAyIDkuNzMyIDIuMjItMi44MyA1LjU2NC01LjA5OCAxMC4wMDItNS4wOThWNzEuNUw3MyA2NS41ODUgNjcuMDAyIDU5LjV6TTEzIDI5di01aDJ2M2gzdjJoLTV6bTAtMTRoNXYyaC0zdjNoLTJ2LTV6bTE4IDB2NWgtMnYtM2gtM3YtMmg1em0wIDE0aC01di0yaDN2LTNoMnY1em0zMS01djVoLTJ2LTNoLTN2LTJoNXptMC00aC01di0yaDN2LTNoMnY1em04IDB2LTVoMnYzaDN2MmgtNXptMCA0aDV2MmgtM3YzaC0ydi01ek0yMC41ODYgNjZsLTUuNjU2LTUuNjU2IDEuNDE0LTEuNDE0TDIyIDY0LjU4Nmw1LjY1Ni01LjY1NiAxLjQxNCAxLjQxNEwyMy40MTQgNjZsNS42NTYgNS42NTYtMS40MTQgMS40MTRMMjIgNjcuNDE0bC01LjY1NiA1LjY1Ni0xLjQxNC0xLjQxNEwyMC41ODYgNjZ6bTkxLjE5OS0uOTdMMTEwIDYzLjVsMy0zLjVoLTEwdi0yaDEwbC0zLTMuNSAxLjc4NS0xLjQ2OEwxMTcgNTlsLTUuMjE1IDYuMDN6bTQwLjQzIDBMMTU0IDYzLjVsLTMtMy41aDEwdi0yaC0xMGwzLTMuNS0xLjc4NS0xLjQ2OEwxNDcgNTlsNS4yMTUgNi4wM3ptOC43NDItMzYuNDg3bC0zLjI1LTMuMjUtMS40MTMgMS40MTQgMy4yNSAzLjI1eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xNTIuNSAyN2E1LjUgNS41IDAgMSAwIDAtMTEgNS41IDUuNSAwIDEgMCAwIDExeiIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xNTAgMjFoNXYxaC01em0tMzMuMDQzIDcuNTQzbC0xLjQxNCAxLjQxNC0zLjI1LTMuMjUgMS40MTQtMS40MTQgMy4yNSAzLjI1eiIvPjxwYXRoIGQ9Ik0xMDguNSAyN2E1LjUgNS41IDAgMSAwIDAtMTEgNS41IDUuNSAwIDEgMCAwIDExeiIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMDYgMjFoNXYxaC01eiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMDkuMDQzIDE5LjAwOGwtLjA4NSA1LTEtLjAxNy4wODUtNXoiLz48L2c+PC9zdmc+)!important | |
| } | |
| @media (min-width:64em) { | |
| .p-cb .m-imageGrid { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 83.33333%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 83.33333%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 83.33333%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 16.66667% | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .p-cb .m-imageGrid { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .p-cb .m-imageGrid { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-imageGrid__inner { | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 auto; | |
| flex: 1 1 auto; | |
| margin-left: -.5rem; | |
| margin-right: -.5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-imageGrid__inner { | |
| margin-left: calc(-.5rem + -.5 * (100vw - 20rem) / 70); | |
| margin-right: calc(-.5rem + -.5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-imageGrid__inner { | |
| margin-left: -1rem; | |
| margin-right: -1rem | |
| } | |
| } | |
| .m-imageGrid__figure { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 50%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 50%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 50%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-orient: horizontal; | |
| -webkit-box-direction: normal; | |
| -ms-flex-direction: row; | |
| flex-direction: row; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -webkit-box-align: start; | |
| -ms-flex-align: start; | |
| align-items: flex-start; | |
| -ms-flex-line-pack: start; | |
| align-content: flex-start | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-imageGrid__figure { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-imageGrid__figure { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-imageGrid .m-image { | |
| width: 100%; | |
| height: auto; | |
| margin-top: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-imageGrid .m-image { | |
| margin-top: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-imageGrid .m-image { | |
| margin-top: 2rem | |
| } | |
| } | |
| .m-imageGrid .m-caption { | |
| margin-top: 1rem | |
| } | |
| @media (min-width:41.6875em) { | |
| .m-imageGrid--columns-4 .m-imageGrid__figure { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 25%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 25%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 25%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:41.6875em) and (min-width:20em) { | |
| .m-imageGrid--columns-4 .m-imageGrid__figure { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:41.6875em) and (min-width:90em) { | |
| .m-imageGrid--columns-4 .m-imageGrid__figure { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:41.6875em) { | |
| .m-imageGrid--columns-3 .m-imageGrid__figure { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 33.33333%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 33.33333%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 33.33333%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:41.6875em) and (min-width:20em) { | |
| .m-imageGrid--columns-3 .m-imageGrid__figure { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:41.6875em) and (min-width:90em) { | |
| .m-imageGrid--columns-3 .m-imageGrid__figure { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:41.6875em) { | |
| .m-imageGrid--columns-2 .m-imageGrid__figure { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 50%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 50%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 50%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:41.6875em) and (min-width:20em) { | |
| .m-imageGrid--columns-2 .m-imageGrid__figure { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:41.6875em) and (min-width:90em) { | |
| .m-imageGrid--columns-2 .m-imageGrid__figure { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:41.6875em) { | |
| .m-imageGrid--columns-1 .m-imageGrid__figure { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:41.6875em) and (min-width:20em) { | |
| .m-imageGrid--columns-1 .m-imageGrid__figure { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:41.6875em) and (min-width:90em) { | |
| .m-imageGrid--columns-1 .m-imageGrid__figure { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-imageSingle__figure { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-imageSingle__figure { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-imageSingle__figure { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-imageSingle__image { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-top: .5rem; | |
| -webkit-box-ordinal-group: 2; | |
| -ms-flex-order: 1; | |
| order: 1 | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-imageSingle__image { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-imageSingle__image { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-imageSingle__image { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-imageSingle__image { | |
| margin-top: 1rem | |
| } | |
| } | |
| @media (min-width:80em) { | |
| .m-imageSingle__image { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 83.33333%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 83.33333%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 83.33333%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| -webkit-box-ordinal-group: 3; | |
| -ms-flex-order: 2; | |
| order: 2 | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:20em) { | |
| .m-imageSingle__image { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:90em) { | |
| .m-imageSingle__image { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:80em) { | |
| .m-contentBuilder--nested .m-imageSingle__image { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 75%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 75%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 75%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:20em) { | |
| .m-contentBuilder--nested .m-imageSingle__image { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:90em) { | |
| .m-contentBuilder--nested .m-imageSingle__image { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-imageSingle .m-image { | |
| margin-top: 0 | |
| } | |
| .m-imageSingle .m-caption { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-top: .5rem; | |
| -webkit-box-ordinal-group: 3; | |
| -ms-flex-order: 2; | |
| order: 2 | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-imageSingle .m-caption { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-imageSingle .m-caption { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-imageSingle .m-caption { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-imageSingle .m-caption { | |
| margin-top: 1rem | |
| } | |
| } | |
| @media (min-width:80em) { | |
| .m-imageSingle .m-caption { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 16.66667%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 16.66667%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 16.66667%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| -webkit-box-ordinal-group: 2; | |
| -ms-flex-order: 1; | |
| order: 1 | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:20em) { | |
| .m-imageSingle .m-caption { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:90em) { | |
| .m-imageSingle .m-caption { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:80em) { | |
| .m-contentBuilder--nested .m-imageSingle .m-caption { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 25%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 25%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 25%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:20em) { | |
| .m-contentBuilder--nested .m-imageSingle .m-caption { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:90em) { | |
| .m-contentBuilder--nested .m-imageSingle .m-caption { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-imageSlider { | |
| padding-left: .375rem; | |
| padding-right: .375rem; | |
| width: 100%; | |
| overflow: visible; | |
| padding-bottom: 2rem; | |
| margin-top: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-imageSlider { | |
| padding-left: calc(.375rem + .375 * (100vw - 20rem) / 70); | |
| padding-right: calc(.375rem + .375 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-imageSlider { | |
| padding-left: .75rem; | |
| padding-right: .75rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-imageSlider { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-imageSlider { | |
| margin-top: 1rem | |
| } | |
| } | |
| @media (min-width:80em) { | |
| .m-imageSlider { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 83.33333%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 83.33333%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 83.33333%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 16.66667%; | |
| padding-left: .375rem; | |
| padding-right: .375rem | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:20em) { | |
| .m-imageSlider { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:90em) { | |
| .m-imageSlider { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:20em) { | |
| .m-imageSlider { | |
| padding-left: calc(.375rem + .375 * (100vw - 20rem) / 70); | |
| padding-right: calc(.375rem + .375 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:90em) { | |
| .m-imageSlider { | |
| padding-left: .75rem; | |
| padding-right: .75rem | |
| } | |
| } | |
| .m-imageSlider__slideInner { | |
| padding-left: .25rem; | |
| padding-right: .25rem; | |
| padding-bottom: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-imageSlider__slideInner { | |
| padding-left: calc(.25rem + 0 * (100vw - 20rem) / 70); | |
| padding-right: calc(.25rem + 0 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-imageSlider__slideInner { | |
| padding-left: .25rem; | |
| padding-right: .25rem | |
| } | |
| } | |
| .m-imageSlider .m-image { | |
| margin-top: 0 | |
| } | |
| .m-imageSlider .swiper-pagination { | |
| bottom: 0 | |
| } | |
| .m-imageSlider .swiper-pagination-bullet { | |
| background-color: rgba(0, 70, 185, .2); | |
| width: 8px; | |
| height: 8px; | |
| border-radius: 10px | |
| } | |
| .m-imageSlider .swiper-pagination-bullet-active { | |
| background-color: #0046b9 | |
| } | |
| .m-imageSlider .swiper-button-next, | |
| .m-imageSlider .swiper-button-prev { | |
| background: hsla(0, 0%, 100%, .3); | |
| width: 64px; | |
| height: 64px; | |
| padding-top: 20px; | |
| padding-left: 20px; | |
| border-radius: 32px; | |
| margin-top: -1rem; | |
| -webkit-transform: translateY(-50%); | |
| transform: translateY(-50%); | |
| transition: all .25s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| .m-imageSlider .swiper-button-next svg path, | |
| .m-imageSlider .swiper-button-prev svg path { | |
| fill: #0046b9; | |
| transition: fill .25s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| .m-imageSlider .swiper-button-next:hover, | |
| .m-imageSlider .swiper-button-prev:hover { | |
| background: hsla(0, 0%, 100%, .9) | |
| } | |
| .m-imageSlider .swiper-button-next:hover svg path, | |
| .m-imageSlider .swiper-button-prev:hover svg path { | |
| fill: #0046b9 | |
| } | |
| .m-imageSlider .swiper-button-prev { | |
| left: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-imageSlider .swiper-button-prev { | |
| left: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-imageSlider .swiper-button-prev { | |
| left: 2rem | |
| } | |
| } | |
| .m-imageSlider .swiper-button-next { | |
| right: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-imageSlider .swiper-button-next { | |
| right: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-imageSlider .swiper-button-next { | |
| right: 2rem | |
| } | |
| } | |
| .m-imageSlider .swiper-button-next.swiper-button-disabled, | |
| .m-imageSlider .swiper-button-prev.swiper-button-disabled { | |
| opacity: .2; | |
| cursor: not-allowed; | |
| pointer-events: none | |
| } | |
| .m-imageSlider.no-swiping .swiper-button-next, | |
| .m-imageSlider.no-swiping .swiper-button-prev, | |
| .m-imageSlider.no-swiping .swiper-pagination, | |
| .m-imageSlider.no-swiping .swiper-scrollbar { | |
| display: none | |
| } | |
| .m-input { | |
| margin-top: .25rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-input { | |
| margin-top: calc(.25rem + .25 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-input { | |
| margin-top: .5rem | |
| } | |
| } | |
| .m-input__label { | |
| display: block; | |
| font-size: .625rem; | |
| text-transform: uppercase; | |
| margin-bottom: .25rem; | |
| border: 1px solid transparent; | |
| padding-right: .5rem; | |
| padding-left: .5rem | |
| } | |
| .m-input__input { | |
| height: 54px; | |
| -webkit-appearance: none; | |
| -moz-appearance: none; | |
| appearance: none; | |
| outline: 0; | |
| display: block; | |
| width: 100%; | |
| padding: 1rem; | |
| background: #fff; | |
| color: #1a1a1a; | |
| border: 1px solid #d9d9d9; | |
| border-radius: 0; | |
| margin-bottom: .5rem; | |
| font-size: 1rem; | |
| transition: all .25s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| .m-input__input:focus { | |
| background-color: #fff; | |
| border-color: #333 | |
| } | |
| .m-input__input[type=file] { | |
| border-style: dotted | |
| } | |
| .m-input ::-webkit-input-placeholder { | |
| color: #000 | |
| } | |
| .m-input :-ms-input-placeholder { | |
| color: #000 | |
| } | |
| .m-input ::placeholder { | |
| color: #000 | |
| } | |
| .m-link { | |
| display: inline-block; | |
| margin-top: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-link { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-link { | |
| margin-top: 1rem | |
| } | |
| } | |
| .wf-loaded .m-link { | |
| font-family: apercu-bold-pro, Helvetica, Arial, sans-serif | |
| } | |
| .m-link--blueUnderlined { | |
| color: #0046b9; | |
| border-bottom: 2px solid #0046b9 | |
| } | |
| .m-link--blueUnderlined:hover { | |
| color: #e5414e; | |
| border-bottom: 2px solid #e5414e | |
| } | |
| .m-link--redUnderlined { | |
| color: #eb6e78; | |
| border-bottom: 2px solid #eb6e78 | |
| } | |
| .m-link--redUnderlined:hover { | |
| color: #003386; | |
| border-bottom: 2px solid #003386 | |
| } | |
| .m-link--blueOutlined, | |
| .m-link--redOutlined { | |
| -ms-flex-item-align: start; | |
| align-self: flex-start; | |
| font-size: 1rem; | |
| height: 3rem; | |
| line-height: 1.5; | |
| text-decoration: none; | |
| text-align: center; | |
| padding-top: 10px; | |
| padding-right: 1rem; | |
| padding-left: 1rem; | |
| transition: all .25s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| .m-link--blueOutlined { | |
| color: #0046b9; | |
| border: 2px solid #0046b9 | |
| } | |
| .m-link--blueOutlined:hover { | |
| color: #e5414e; | |
| border: 2px solid #e5414e | |
| } | |
| .m-link--redOutlined { | |
| color: #eb6e78; | |
| border: 2px solid #eb6e78 | |
| } | |
| .m-link--redOutlined:hover { | |
| color: #003386; | |
| border: 2px solid #003386 | |
| } | |
| .m-link--inline { | |
| display: inline; | |
| color: #14142d; | |
| text-decoration: underline | |
| } | |
| .m-link--inline:hover { | |
| text-decoration: none; | |
| color: #14142d | |
| } | |
| .wf-loaded .m-link--inline { | |
| font-family: apercu-light-pro, Helvetica, Arial, sans-serif | |
| } | |
| .m-linkGroup { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-linkGroup { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-linkGroup { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-linkGroup { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 75%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 75%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 75%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 16.66667% | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-linkGroup { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-linkGroup { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-linkGroup .m-link { | |
| margin-right: 1rem | |
| } | |
| .m-locationList__wrapper { | |
| border: 1px solid #d9d9d9; | |
| border-bottom: 0; | |
| padding: 0 .5rem .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-locationList__wrapper { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-locationList__wrapper { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-locationList__wrapper { | |
| padding-bottom: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-locationList__wrapper { | |
| padding-bottom: 1rem | |
| } | |
| } | |
| .m-locationList__wrapper:last-child { | |
| border-bottom: 1px solid #d9d9d9 | |
| } | |
| .m-locationList .m-searchResultItem { | |
| border-bottom: 0 | |
| } | |
| .m-locationList .m-searchResultItem:last-child { | |
| border-bottom: 1px solid #d9d9d9 | |
| } | |
| .m-locationList__findPartner { | |
| margin-top: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-locationList__findPartner { | |
| margin-top: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-locationList__findPartner { | |
| margin-top: 2rem | |
| } | |
| } | |
| .m-locationList__findPartner + p { | |
| margin-top: 0 | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-locationList__findPartner + p { | |
| margin-top: calc(0rem + 0 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-locationList__findPartner + p { | |
| margin-top: 0 | |
| } | |
| } | |
| .m-navCategories { | |
| width: 100%; | |
| overflow: visible; | |
| margin-top: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-navCategories { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-navCategories { | |
| margin-top: 1rem | |
| } | |
| } | |
| .m-navCategories__slider { | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 auto; | |
| flex: 1 1 auto; | |
| margin-left: -.5rem; | |
| margin-right: -.5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-navCategories__slider { | |
| margin-left: calc(-.5rem + -.5 * (100vw - 20rem) / 70); | |
| margin-right: calc(-.5rem + -.5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-navCategories__slider { | |
| margin-left: -1rem; | |
| margin-right: -1rem | |
| } | |
| } | |
| .m-navCategories__slide { | |
| margin-top: .5rem; | |
| display: inline-block; | |
| white-space: nowrap; | |
| font-size: .625rem; | |
| text-transform: uppercase; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| padding-left: 0!important | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-navCategories__slide { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-navCategories__slide { | |
| margin-top: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-navCategories__slide { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-navCategories__slide { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-navCategories__slide:before { | |
| display: none | |
| } | |
| .m-navCategories__slide.is-active .m-navCategories__link { | |
| color: #1a1a1a; | |
| font-weight: 700 | |
| } | |
| .m-navCategories__link { | |
| display: inline-block | |
| } | |
| .m-navCategories.no-swiping .swiper-button-next, | |
| .m-navCategories.no-swiping .swiper-button-prev, | |
| .m-navCategories.no-swiping .swiper-pagination, | |
| .m-navCategories.no-swiping .swiper-scrollbar { | |
| display: none | |
| } | |
| @media (min-width:64em) { | |
| .m-navCategories--blog { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 66.66667%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 66.66667%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 66.66667%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 16.66667% | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-navCategories--blog { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-navCategories--blog { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-navigationMain { | |
| height: 96px | |
| } | |
| .m-navigationMain__trigger { | |
| position: fixed; | |
| width: 24px; | |
| height: 24px; | |
| right: 2rem; | |
| top: 40px; | |
| cursor: pointer; | |
| display: block; | |
| z-index: 999999 | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-navigationMain__trigger { | |
| right: calc(2rem + 2 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-navigationMain__trigger { | |
| right: 4rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-navigationMain__trigger { | |
| display: none | |
| } | |
| } | |
| .m-navigationMain__trigger:hover .m-navigationMain__triggerLine--1 { | |
| -webkit-transform: translateY(-8px); | |
| transform: translateY(-8px) | |
| } | |
| .m-navigationMain__trigger:hover .m-navigationMain__triggerLine--3 { | |
| -webkit-transform: translateY(8px); | |
| transform: translateY(8px) | |
| } | |
| .is-open--navigation .m-navigationMain__trigger .m-navigationMain__triggerLine--1 { | |
| -webkit-transform: translate(0) rotate(45deg); | |
| transform: translate(0) rotate(45deg) | |
| } | |
| .is-open--navigation .m-navigationMain__trigger .m-navigationMain__triggerLine--2 { | |
| -webkit-transform-origin: center center; | |
| transform-origin: center center; | |
| -webkit-transform: translate(0) scaleX(0); | |
| transform: translate(0) scaleX(0) | |
| } | |
| .is-open--navigation .m-navigationMain__trigger .m-navigationMain__triggerLine--3 { | |
| -webkit-transform: translate(0) rotate(-45deg); | |
| transform: translate(0) rotate(-45deg) | |
| } | |
| .m-navigationMain__triggerLine { | |
| width: 24px; | |
| height: 3px; | |
| position: absolute; | |
| right: 0; | |
| top: 50%; | |
| margin-top: -2px; | |
| background-color: #0046b9; | |
| transition: -webkit-transform .25s cubic-bezier(.215, .61, .355, 1); | |
| transition: transform .25s cubic-bezier(.215, .61, .355, 1); | |
| transition: transform .25s cubic-bezier(.215, .61, .355, 1), -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| .p-home .m-navigationMain__triggerLine { | |
| background-color: #fff | |
| } | |
| .p-home.is-open--navigation .m-navigationMain__triggerLine { | |
| background-color: #0046b9 | |
| } | |
| .m-navigationMain__triggerLine--1 { | |
| -webkit-transform: translateY(-6px); | |
| transform: translateY(-6px) | |
| } | |
| .m-navigationMain__triggerLine--3 { | |
| -webkit-transform: translateY(6px); | |
| transform: translateY(6px) | |
| } | |
| .m-navigationMain__wrapper { | |
| -webkit-transform: translate(100vw); | |
| transform: translate(100vw) | |
| } | |
| @media (max-width:63.99em) { | |
| .m-navigationMain__wrapper { | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-orient: vertical; | |
| -webkit-box-direction: normal; | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| -webkit-box-align: center; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| -webkit-box-pack: center; | |
| -ms-flex-pack: center; | |
| justify-content: center | |
| } | |
| } | |
| @media (max-width:63.99em) { | |
| .is-open--navigation .m-navigationMain__wrapper { | |
| position: fixed; | |
| z-index: 99999; | |
| left: 0; | |
| top: 0; | |
| width: 100vw; | |
| height: 100vh; | |
| background-color: #fff; | |
| border: .5rem solid #0046b9; | |
| -webkit-transform: translate(100vw); | |
| transform: translate(100vw); | |
| -webkit-animation: showNavi .5s forwards cubic-bezier(.215, .61, .355, 1); | |
| animation: showNavi .5s forwards cubic-bezier(.215, .61, .355, 1) | |
| } | |
| } | |
| @media screen and (max-width:63.99em) and (min-width:20em) { | |
| .is-open--navigation .m-navigationMain__wrapper { | |
| border-width: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (max-width:63.99em) and (min-width:90em) { | |
| .is-open--navigation .m-navigationMain__wrapper { | |
| border-width: 1rem | |
| } | |
| } | |
| @media (max-width:63.99em) { | |
| @-webkit-keyframes showNavi { | |
| 0% { | |
| opacity: 0; | |
| -webkit-transform: translate(0); | |
| transform: translate(0) | |
| } | |
| to { | |
| opacity: 1; | |
| -webkit-transform: translate(0); | |
| transform: translate(0) | |
| } | |
| } | |
| @keyframes showNavi { | |
| 0% { | |
| opacity: 0; | |
| -webkit-transform: translate(0); | |
| transform: translate(0) | |
| } | |
| to { | |
| opacity: 1; | |
| -webkit-transform: translate(0); | |
| transform: translate(0) | |
| } | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-navigationMain__wrapper { | |
| display: block; | |
| -webkit-transform: translate(0); | |
| transform: translate(0) | |
| } | |
| } | |
| @media (max-width:63.99em) { | |
| .m-navigationMain__wrapperInner { | |
| padding: 6rem 2rem | |
| } | |
| } | |
| @media screen and (max-width:63.99em) and (min-width:20em) { | |
| .m-navigationMain__wrapperInner { | |
| padding-left: calc(2rem + 2 * (100vw - 20rem) / 70); | |
| padding-right: calc(2rem + 2 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (max-width:63.99em) and (min-width:90em) { | |
| .m-navigationMain__wrapperInner { | |
| padding-left: 4rem; | |
| padding-right: 4rem | |
| } | |
| } | |
| @media screen and (max-width:63.99em) and (min-width:20em) { | |
| .m-navigationMain__wrapperInner { | |
| padding-top: calc(6rem + 6 * (100vw - 20rem) / 70); | |
| padding-bottom: calc(6rem + 6 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (max-width:63.99em) and (min-width:90em) { | |
| .m-navigationMain__wrapperInner { | |
| padding-top: 12rem; | |
| padding-bottom: 12rem | |
| } | |
| } | |
| @media (min-width:64em) and (max-width:1439px) { | |
| .m-navigationMain__wrapperInner { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| padding: 0!important | |
| } | |
| } | |
| @media screen and (min-width:64em) and (max-width:1439px) and (min-width:20em) { | |
| .m-navigationMain__wrapperInner { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (max-width:1439px) and (min-width:90em) { | |
| .m-navigationMain__wrapperInner { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) and (max-width:1439px) { | |
| .p-home .m-navigationMain__wrapperInner { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 83.33333%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 83.33333%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 83.33333%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| padding: 0!important; | |
| margin-left: 8.33333% | |
| } | |
| } | |
| @media screen and (min-width:64em) and (max-width:1439px) and (min-width:20em) { | |
| .p-home .m-navigationMain__wrapperInner { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (max-width:1439px) and (min-width:90em) { | |
| .p-home .m-navigationMain__wrapperInner { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-navigationMain__list { | |
| list-style: none | |
| } | |
| @media (max-width:63.99em) { | |
| .m-navigationMain__list { | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-orient: vertical; | |
| -webkit-box-direction: normal; | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| -webkit-box-align: center; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| -webkit-box-pack: center; | |
| -ms-flex-pack: center; | |
| justify-content: center | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-navigationMain__list { | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 auto; | |
| flex: 1 1 auto; | |
| margin-left: -1.5rem; | |
| margin-right: -1.5rem; | |
| margin-top: 3rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-navigationMain__list { | |
| margin-left: calc(-1.5rem + -1.5 * (100vw - 20rem) / 70); | |
| margin-right: calc(-1.5rem + -1.5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-navigationMain__list { | |
| margin-left: -3rem; | |
| margin-right: -3rem | |
| } | |
| } | |
| @media (max-width:63.99em) { | |
| .m-navigationMain__item { | |
| padding: .5rem | |
| } | |
| .m-navigationMain__item:nth-last-child(5) { | |
| margin-bottom: 1rem | |
| } | |
| .m-navigationMain__item:nth-last-child(5) ~ .m-navigationMain__item .m-navigationMain__link { | |
| font-size: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-navigationMain__item { | |
| -webkit-box-flex: 0; | |
| -ms-flex: 0 1 auto; | |
| flex: 0 1 auto; | |
| margin-left: 1.5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-navigationMain__item { | |
| margin-left: calc(1.5rem + 1.5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-navigationMain__item { | |
| margin-left: 3rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-navigationMain__item:nth-last-child(4) { | |
| margin-right: 1.5rem; | |
| margin-left: auto | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-navigationMain__item:nth-last-child(4) { | |
| margin-right: calc(1.5rem + 1.5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-navigationMain__item:nth-last-child(4) { | |
| margin-right: 3rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-navigationMain__item:nth-last-child(4) ~ .m-navigationMain__item { | |
| margin-right: 1.5rem; | |
| margin-left: 0 | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-navigationMain__item:nth-last-child(4) ~ .m-navigationMain__item { | |
| margin-right: calc(1.5rem + 1.5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-navigationMain__item:nth-last-child(4) ~ .m-navigationMain__item { | |
| margin-right: 3rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-navigationMain__item:last-child, | |
| .m-navigationMain__item:nth-last-child(2) { | |
| display: none | |
| } | |
| } | |
| .m-navigationMain__link { | |
| text-transform: uppercase; | |
| letter-spacing: 1px | |
| } | |
| @media (max-width:63.99em) { | |
| .m-navigationMain__link { | |
| font-size: 1.33rem; | |
| color: #14142d | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .p-home .m-navigationMain__link { | |
| color: #fff | |
| } | |
| } | |
| .m-navigationMain__link:hover { | |
| color: #eb6e78 | |
| } | |
| .wf-loaded .m-navigationMain__link { | |
| font-family: apercu-bold-pro, Helvetica, Arial, sans-serif | |
| } | |
| .m-navigationFooter { | |
| width: 100% | |
| } | |
| .m-navigationFooter__list { | |
| list-style: none; | |
| width: 100%; | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-orient: horizontal; | |
| -webkit-box-direction: normal; | |
| -ms-flex-direction: row; | |
| flex-direction: row; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap | |
| } | |
| @media (min-width:64em) { | |
| .m-navigationFooter__list { | |
| -ms-flex-wrap: nowrap; | |
| flex-wrap: nowrap | |
| } | |
| } | |
| .m-navigationFooter__item { | |
| padding-left: 0!important | |
| } | |
| .m-navigationFooter__item:before { | |
| display: none | |
| } | |
| .m-navigationFooter__link { | |
| display: inline-block; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| color: #14142d; | |
| margin-top: -.5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-navigationFooter__link { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-navigationFooter__link { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-officeItem { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-officeItem { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-officeItem { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-officeItem__buttons .m-link { | |
| margin-right: 1rem | |
| } | |
| .m-officeItem .m-headline { | |
| margin-top: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-officeItem .m-headline { | |
| margin-top: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-officeItem .m-headline { | |
| margin-top: 2rem | |
| } | |
| } | |
| .m-officeItem:first-child .m-headline { | |
| margin-top: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-officeItem:first-child .m-headline { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-officeItem:first-child .m-headline { | |
| margin-top: 1rem | |
| } | |
| } | |
| .m-officeItem--main .m-officeItem__buttons .m-link { | |
| margin-top: .5rem; | |
| margin-right: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-officeItem--main .m-officeItem__buttons .m-link { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-officeItem--main .m-officeItem__buttons .m-link { | |
| margin-top: 1rem | |
| } | |
| } | |
| .m-officeItem--main .m-headline { | |
| margin-top: 0 | |
| } | |
| .m-pageTitle { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-pageTitle { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-pageTitle { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-pageTitle { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 58.33333%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 58.33333%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 58.33333%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-pageTitle { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-pageTitle { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-pageTitle--blog { | |
| margin-left: 16.66667% | |
| } | |
| } | |
| .js .m-preloader { | |
| opacity: 1; | |
| position: fixed; | |
| z-index: 999999; | |
| left: 0; | |
| top: 0; | |
| width: 100vw; | |
| max-width: 100%; | |
| height: 2px; | |
| pointer-events: none | |
| } | |
| .js .m-preloader--complete { | |
| -webkit-transform: translateY(-100%); | |
| transform: translateY(-100%); | |
| transition: all .5s cubic-bezier(.215, .61, .355, 1) 2.5s | |
| } | |
| .js .m-preloader__inner { | |
| width: 100%; | |
| height: 100%; | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| background-color: #0046b9; | |
| -webkit-transform: translateX(-100vw); | |
| transform: translateX(-100vw) | |
| } | |
| .js .is-complete .m-preloader__inner { | |
| -webkit-transform: translateX(0); | |
| transform: translateX(0); | |
| transition: all 1s ease-in-out | |
| } | |
| .m-quote { | |
| margin-top: 1rem; | |
| width: 100% | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-quote { | |
| margin-top: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-quote { | |
| margin-top: 2rem | |
| } | |
| } | |
| .m-quote__inner { | |
| width: 100%; | |
| position: relative | |
| } | |
| .m-quote__inner:before { | |
| content: ""; | |
| position: absolute; | |
| z-index: -1; | |
| left: 0; | |
| top: 0; | |
| border: .5rem solid #edf4fa; | |
| width: 100%; | |
| height: 75% | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-quote__inner:before { | |
| border-width: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-quote__inner:before { | |
| border-width: 1rem | |
| } | |
| } | |
| @media (min-width:41.6875em) { | |
| .m-quote__inner:before { | |
| width: 50%; | |
| height: 100% | |
| } | |
| } | |
| .m-quote__copy { | |
| position: relative; | |
| line-height: 1.2; | |
| padding: 2rem 3rem 2.5rem | |
| } | |
| .m-quote__footer { | |
| margin-top: .5rem; | |
| -webkit-transform: translateY(-2.5rem); | |
| transform: translateY(-2.5rem); | |
| padding: 0 3rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-quote__footer { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-quote__footer { | |
| margin-top: 1rem | |
| } | |
| } | |
| .wf-loaded .m-quote__footer { | |
| font-family: apercu-bold-pro, Helvetica, Arial, sans-serif | |
| } | |
| .o-row--quote .m-quote { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .o-row--quote .m-quote { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .o-row--quote .m-quote { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .o-row--quote .m-quote { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 75%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 75%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 75%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 16.66667% | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .o-row--quote .m-quote { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .o-row--quote .m-quote { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-contentBuilder--nested .o-row--quote .m-quote { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 0 | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-contentBuilder--nested .o-row--quote .m-quote { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-contentBuilder--nested .o-row--quote .m-quote { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-quoteSlider { | |
| padding-left: .375rem; | |
| padding-right: .375rem; | |
| width: 100%; | |
| overflow: hidden; | |
| padding-left: 0!important; | |
| padding-right: 0!important; | |
| padding-bottom: 2rem; | |
| margin-top: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-quoteSlider { | |
| padding-left: calc(.375rem + .375 * (100vw - 20rem) / 70); | |
| padding-right: calc(.375rem + .375 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-quoteSlider { | |
| padding-left: .75rem; | |
| padding-right: .75rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-quoteSlider { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-quoteSlider { | |
| margin-top: 1rem | |
| } | |
| } | |
| @media (min-width:80em) { | |
| .m-quoteSlider { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 83.33333%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 83.33333%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 83.33333%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 16.66667%; | |
| padding-left: .375rem; | |
| padding-right: .375rem | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:20em) { | |
| .m-quoteSlider { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:90em) { | |
| .m-quoteSlider { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:20em) { | |
| .m-quoteSlider { | |
| padding-left: calc(.375rem + .375 * (100vw - 20rem) / 70); | |
| padding-right: calc(.375rem + .375 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:90em) { | |
| .m-quoteSlider { | |
| padding-left: .75rem; | |
| padding-right: .75rem | |
| } | |
| } | |
| @media (min-width:80em) { | |
| .m-contentBuilder--nested .m-quoteSlider { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 0 | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:20em) { | |
| .m-contentBuilder--nested .m-quoteSlider { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:90em) { | |
| .m-contentBuilder--nested .m-quoteSlider { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-quoteSlider__slideInner { | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| padding-bottom: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-quoteSlider__slideInner { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-quoteSlider__slideInner { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-quoteSlider__slideInner .m-quote { | |
| padding: 0!important | |
| } | |
| .m-quoteSlider .swiper-button-next, | |
| .m-quoteSlider .swiper-button-prev { | |
| background: transparent; | |
| width: 48px; | |
| height: 48px; | |
| padding-top: 20px; | |
| padding-left: 20px; | |
| border-radius: 32px; | |
| margin-top: 0; | |
| top: 0; | |
| -webkit-transform: translateY(.5rem); | |
| transform: translateY(.5rem); | |
| transition: all .25s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| .m-quoteSlider .swiper-button-next svg path, | |
| .m-quoteSlider .swiper-button-prev svg path { | |
| fill: #0046b9; | |
| transition: fill .25s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| .m-quoteSlider .swiper-button-next:hover, | |
| .m-quoteSlider .swiper-button-prev:hover { | |
| background: hsla(0, 0%, 100%, .9) | |
| } | |
| .m-quoteSlider .swiper-button-next:hover svg path, | |
| .m-quoteSlider .swiper-button-prev:hover svg path { | |
| fill: #0046b9 | |
| } | |
| .m-quoteSlider .swiper-button-prev { | |
| left: auto; | |
| right: 3rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-quoteSlider .swiper-button-prev { | |
| right: calc(3rem + 3 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-quoteSlider .swiper-button-prev { | |
| right: 6rem | |
| } | |
| } | |
| .m-quoteSlider .swiper-button-next { | |
| right: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-quoteSlider .swiper-button-next { | |
| right: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-quoteSlider .swiper-button-next { | |
| right: 2rem | |
| } | |
| } | |
| .m-quoteSlider .swiper-button-next.swiper-button-disabled, | |
| .m-quoteSlider .swiper-button-prev.swiper-button-disabled { | |
| opacity: .2; | |
| cursor: not-allowed; | |
| pointer-events: none | |
| } | |
| .m-quoteSlider.no-swiping .swiper-button-next, | |
| .m-quoteSlider.no-swiping .swiper-button-prev, | |
| .m-quoteSlider.no-swiping .swiper-pagination, | |
| .m-quoteSlider.no-swiping .swiper-scrollbar { | |
| display: none | |
| } | |
| .m-quoteSliderWithEntries { | |
| width: 100%; | |
| overflow: hidden; | |
| padding-left: 0!important; | |
| padding-right: 0!important; | |
| padding-bottom: 2rem; | |
| margin-top: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-quoteSliderWithEntries { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-quoteSliderWithEntries { | |
| margin-top: 1rem | |
| } | |
| } | |
| @media (min-width:80em) { | |
| .m-quoteSliderWithEntries { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 83.33333%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 83.33333%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 83.33333%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 16.66667% | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:20em) { | |
| .m-quoteSliderWithEntries { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:90em) { | |
| .m-quoteSliderWithEntries { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:80em) { | |
| .m-contentBuilder--nested .m-quoteSliderWithEntries { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 0; | |
| padding: 0 | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:20em) { | |
| .m-contentBuilder--nested .m-quoteSliderWithEntries { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:90em) { | |
| .m-contentBuilder--nested .m-quoteSliderWithEntries { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-quoteSliderWithEntries__slideInner { | |
| padding-bottom: .5rem; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-quoteSliderWithEntries__slideInner { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-quoteSliderWithEntries__slideInner { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-quoteSliderWithEntries__slideInner .m-quote { | |
| padding: 0!important | |
| } | |
| .m-quoteSliderWithEntries .swiper-button-next, | |
| .m-quoteSliderWithEntries .swiper-button-prev { | |
| background: transparent; | |
| width: 48px; | |
| height: 48px; | |
| padding-top: 20px; | |
| padding-left: 20px; | |
| border-radius: 32px; | |
| margin-top: 0; | |
| top: 0; | |
| -webkit-transform: translateY(.5rem); | |
| transform: translateY(.5rem); | |
| transition: all .25s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| .m-quoteSliderWithEntries .swiper-button-next svg path, | |
| .m-quoteSliderWithEntries .swiper-button-prev svg path { | |
| fill: #0046b9; | |
| transition: fill .25s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| .m-quoteSliderWithEntries .swiper-button-next:hover, | |
| .m-quoteSliderWithEntries .swiper-button-prev:hover { | |
| background: hsla(0, 0%, 100%, .9) | |
| } | |
| .m-quoteSliderWithEntries .swiper-button-next:hover svg path, | |
| .m-quoteSliderWithEntries .swiper-button-prev:hover svg path { | |
| fill: #0046b9 | |
| } | |
| .m-quoteSliderWithEntries .swiper-button-prev { | |
| left: auto; | |
| right: 3rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-quoteSliderWithEntries .swiper-button-prev { | |
| right: calc(3rem + 3 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-quoteSliderWithEntries .swiper-button-prev { | |
| right: 6rem | |
| } | |
| } | |
| .m-quoteSliderWithEntries .swiper-button-next { | |
| right: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-quoteSliderWithEntries .swiper-button-next { | |
| right: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-quoteSliderWithEntries .swiper-button-next { | |
| right: 2rem | |
| } | |
| } | |
| .m-quoteSliderWithEntries .swiper-button-next.swiper-button-disabled, | |
| .m-quoteSliderWithEntries .swiper-button-prev.swiper-button-disabled { | |
| opacity: .2; | |
| cursor: not-allowed; | |
| pointer-events: none | |
| } | |
| .m-quoteSliderWithEntries.no-swiping .swiper-button-next, | |
| .m-quoteSliderWithEntries.no-swiping .swiper-button-prev, | |
| .m-quoteSliderWithEntries.no-swiping .swiper-pagination, | |
| .m-quoteSliderWithEntries.no-swiping .swiper-scrollbar { | |
| display: none | |
| } | |
| .m-radio { | |
| margin-top: .25rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-radio { | |
| margin-top: calc(.25rem + .25 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-radio { | |
| margin-top: .5rem | |
| } | |
| } | |
| .m-radio__label { | |
| padding-right: .5rem; | |
| padding-left: 1.5rem; | |
| height: 3rem; | |
| line-height: 3rem; | |
| display: block; | |
| overflow: hidden; | |
| cursor: pointer; | |
| position: relative; | |
| z-index: 2; | |
| border: 1px solid #999; | |
| border-radius: 3px; | |
| font-size: 1rem | |
| } | |
| .m-radio__label, | |
| .m-radio__label:before { | |
| transition: all .25s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| .m-radio__label:before { | |
| content: ""; | |
| position: absolute; | |
| left: .5rem; | |
| top: 50%; | |
| width: .5rem; | |
| height: .5rem; | |
| -webkit-transform: translateY(-50%); | |
| transform: translateY(-50%); | |
| background-color: #fff; | |
| border: 1px solid #999; | |
| border-radius: 100% | |
| } | |
| .m-radio__input:checked ~ label { | |
| color: #fff; | |
| background-color: #1a1a1a; | |
| border: 1px solid #1a1a1a | |
| } | |
| .m-radio__input:checked ~ label:before { | |
| background-color: #4caf50; | |
| border: 1px solid #4caf50 | |
| } | |
| .m-radio__input:disabled ~ label { | |
| cursor: not-allowed; | |
| color: #e6e6e6; | |
| border-color: #e6e6e6 | |
| } | |
| .m-radio__input:disabled ~ label:before { | |
| background-color: #fff; | |
| border: 1px solid #e6e6e6 | |
| } | |
| .m-radio__input { | |
| width: 32px; | |
| height: 32px; | |
| -webkit-box-ordinal-group: 2; | |
| -ms-flex-order: 1; | |
| order: 1; | |
| z-index: 2; | |
| position: absolute; | |
| left: 30px; | |
| top: 50%; | |
| -webkit-transform: translateY(-50%); | |
| transform: translateY(-50%); | |
| cursor: pointer; | |
| visibility: hidden | |
| } | |
| .m-recentlyHireSlider { | |
| padding: 0; | |
| width: 100%; | |
| overflow: visible; | |
| padding-bottom: 2rem; | |
| margin-top: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-recentlyHireSlider { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-recentlyHireSlider { | |
| margin-top: 1rem | |
| } | |
| } | |
| .m-recentlyHireSlider__slide { | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-align: stretch; | |
| -ms-flex-align: stretch; | |
| align-items: stretch; | |
| width: 90% | |
| } | |
| @media (min-width:30em) { | |
| .m-recentlyHireSlider__slide { | |
| width: 60% | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-recentlyHireSlider__slide { | |
| width: 30% | |
| } | |
| } | |
| .m-recentlyHireSlider .swiper-pagination { | |
| bottom: 0 | |
| } | |
| .m-recentlyHireSlider .swiper-pagination-bullet { | |
| background-color: #ccc; | |
| width: 8px; | |
| height: 8px; | |
| border-radius: 10px | |
| } | |
| .m-recentlyHireSlider .swiper-pagination-bullet-active { | |
| background-color: #1a1a1a | |
| } | |
| .m-recentlyHireSlider .swiper-button-next, | |
| .m-recentlyHireSlider .swiper-button-prev { | |
| background: rgba(0, 0, 0, .3); | |
| width: 64px; | |
| height: 64px; | |
| padding-top: 20px; | |
| padding-left: 20px; | |
| border-radius: 32px; | |
| margin-top: -1rem; | |
| -webkit-transform: translateY(-50%); | |
| transform: translateY(-50%); | |
| transition: all .25s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| .m-recentlyHireSlider .swiper-button-next svg path, | |
| .m-recentlyHireSlider .swiper-button-prev svg path { | |
| fill: #1a1a1a; | |
| transition: fill .25s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| .m-recentlyHireSlider .swiper-button-next:hover, | |
| .m-recentlyHireSlider .swiper-button-prev:hover { | |
| background: rgba(0, 0, 0, .9) | |
| } | |
| .m-recentlyHireSlider .swiper-button-next:hover svg path, | |
| .m-recentlyHireSlider .swiper-button-prev:hover svg path { | |
| fill: #fff | |
| } | |
| .m-recentlyHireSlider .swiper-button-prev { | |
| left: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-recentlyHireSlider .swiper-button-prev { | |
| left: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-recentlyHireSlider .swiper-button-prev { | |
| left: 2rem | |
| } | |
| } | |
| .m-recentlyHireSlider .swiper-button-next { | |
| right: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-recentlyHireSlider .swiper-button-next { | |
| right: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-recentlyHireSlider .swiper-button-next { | |
| right: 2rem | |
| } | |
| } | |
| .m-recentlyHireSlider .swiper-button-next.swiper-button-disabled, | |
| .m-recentlyHireSlider .swiper-button-prev.swiper-button-disabled { | |
| opacity: .2; | |
| cursor: not-allowed; | |
| pointer-events: none | |
| } | |
| .m-recentlyHireSlider.no-swiping .swiper-button-next, | |
| .m-recentlyHireSlider.no-swiping .swiper-button-prev, | |
| .m-recentlyHireSlider.no-swiping .swiper-pagination, | |
| .m-recentlyHireSlider.no-swiping .swiper-scrollbar { | |
| display: none | |
| } | |
| .m-recentlyHireList__headline { | |
| margin-top: 1.5rem; | |
| text-transform: uppercase; | |
| color: #0046b9 | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-recentlyHireList__headline { | |
| margin-top: calc(1.5rem + 1.5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-recentlyHireList__headline { | |
| margin-top: 3rem | |
| } | |
| } | |
| .wf-loaded .m-recentlyHireList__headline { | |
| font-family: apercu-bold-pro, Helvetica, Arial, sans-serif | |
| } | |
| .m-recentlyHireList__title { | |
| margin-right: .5rem | |
| } | |
| .m-recentlyHireList__inner { | |
| list-style: none | |
| } | |
| .m-recentlyHireList__item { | |
| padding-top: 0; | |
| padding-bottom: .5rem; | |
| margin-top: .5rem; | |
| padding-left: 0!important; | |
| border-bottom: 1px solid #d9d9d9 | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-recentlyHireList__item { | |
| padding-bottom: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-recentlyHireList__item { | |
| padding-bottom: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-recentlyHireList__item { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-recentlyHireList__item { | |
| margin-top: 1rem | |
| } | |
| } | |
| .wf-loaded .m-recentlyHireList__item { | |
| font-family: apercu-bold-pro, Helvetica, Arial, sans-serif | |
| } | |
| .m-recentlyHireList__item:before { | |
| display: none | |
| } | |
| .m-recentlyHireItem { | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 auto; | |
| flex: 1 1 auto; | |
| border-top: 1px solid #d9d9d9; | |
| border-bottom: 1px solid #d9d9d9; | |
| border-right: 1px solid #d9d9d9 | |
| } | |
| .m-recentlyHireItem__link { | |
| padding-left: 56px; | |
| padding-top: 1rem; | |
| padding-bottom: 1rem; | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-orient: vertical; | |
| -webkit-box-direction: normal; | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -webkit-box-align: start; | |
| -ms-flex-align: start; | |
| align-items: flex-start | |
| } | |
| .m-recentlyHireItem__link:hover .m-countryFlag { | |
| box-shadow: 0 0 0 1px #0046b9 | |
| } | |
| .m-recentlyHireItem__title { | |
| color: #14142d | |
| } | |
| .wf-loaded .m-recentlyHireItem__title { | |
| font-family: apercu-bold-pro, Helvetica, Arial, sans-serif | |
| } | |
| .m-recentlyHireItem .m-countryFlag { | |
| position: absolute; | |
| left: 1.5rem; | |
| top: 1rem | |
| } | |
| .m-recentlyHireItem .m-tag { | |
| margin-top: .25rem | |
| } | |
| .m-richText { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-richText { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-richText { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .p-cb .m-richText { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 58.33333%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 58.33333%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 58.33333%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 16.66667% | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .p-cb .m-richText { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .p-cb .m-richText { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .p-branchSingle .m-richText { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 0 | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .p-branchSingle .m-richText { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .p-branchSingle .m-richText { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-richText--blog { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 58.33333%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 58.33333%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 58.33333%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 16.66667% | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-richText--blog { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-richText--blog { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .p-cb .m-teaserTextWithImage--cb .m-richText, | |
| .p-cb .m-teaserTextWithQuote--cb .m-richText { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 0 | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .p-cb .m-teaserTextWithImage--cb .m-richText, | |
| .p-cb .m-teaserTextWithQuote--cb .m-richText { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .p-cb .m-teaserTextWithImage--cb .m-richText, | |
| .p-cb .m-teaserTextWithQuote--cb .m-richText { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-richText--intro { | |
| font-size: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-richText--intro { | |
| font-size: calc(1rem + .33 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-richText--intro { | |
| font-size: 1.33rem | |
| } | |
| } | |
| .p-locationSingle .m-richText--intro p:first-child { | |
| margin-top: 0 | |
| } | |
| body.p-blogSingle .m-richText { | |
| font-size: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| body.p-blogSingle .m-richText { | |
| font-size: calc(1rem + .33 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| body.p-blogSingle .m-richText { | |
| font-size: 1.33rem | |
| } | |
| } | |
| .m-richTextMarginals__richText { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-richTextMarginals__richText { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-richTextMarginals__richText { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-richTextMarginals__richText { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 58.33333%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 58.33333%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 58.33333%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 16.66667% | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-richTextMarginals__richText { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-richTextMarginals__richText { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-contentBuilder--nested .m-richTextMarginals__richText { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 75%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 75%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 75%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 25% | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-contentBuilder--nested .m-richTextMarginals__richText { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-contentBuilder--nested .m-richTextMarginals__richText { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-richTextMarginals__aside { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-richTextMarginals__aside { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-richTextMarginals__aside { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-richTextMarginals__aside { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 16.66667%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 16.66667%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 16.66667%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| position: absolute; | |
| left: 0; | |
| top: 0 | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-richTextMarginals__aside { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-richTextMarginals__aside { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-contentBuilder--nested .m-richTextMarginals__aside { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 25%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 25%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 25%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| position: absolute; | |
| left: 0; | |
| top: 0 | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-contentBuilder--nested .m-richTextMarginals__aside { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-contentBuilder--nested .m-richTextMarginals__aside { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-richTextMarginals__aside--right { | |
| left: auto; | |
| right: 0 | |
| } | |
| } | |
| body.p-blogSingle .m-richTextMarginals__richText { | |
| font-size: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| body.p-blogSingle .m-richTextMarginals__richText { | |
| font-size: calc(1rem + .33 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| body.p-blogSingle .m-richTextMarginals__richText { | |
| font-size: 1.33rem | |
| } | |
| } | |
| .m-searchResultItem { | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 auto; | |
| flex: 1 1 auto; | |
| border: 1px solid #d9d9d9; | |
| background-color: #fff; | |
| padding-left: 0; | |
| padding-right: 0; | |
| transition: all .25s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-searchResultItem { | |
| padding-left: calc(0rem + 0 * (100vw - 20rem) / 70); | |
| padding-right: calc(0rem + 0 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-searchResultItem { | |
| padding-left: 0; | |
| padding-right: 0 | |
| } | |
| } | |
| .m-searchResultItem:hover { | |
| background-color: #f9fbfd | |
| } | |
| .m-searchResultItem__link { | |
| padding: 1rem 1rem 1rem 4rem; | |
| height: 100%; | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-orient: vertical; | |
| -webkit-box-direction: normal; | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -webkit-box-align: start; | |
| -ms-flex-align: start; | |
| align-items: flex-start | |
| } | |
| .m-searchResultItem__link:hover .m-searchResultItem__country { | |
| color: #0046b9 | |
| } | |
| .m-searchResultItem__link:hover .m-searchResultItem__country svg { | |
| opacity: 1 | |
| } | |
| .m-searchResultItem__link:hover .m-countryFlag { | |
| box-shadow: 0 0 0 1px #0046b9 | |
| } | |
| .m-searchResultItem__link svg { | |
| position: absolute; | |
| left: 1.5rem; | |
| top: 1rem | |
| } | |
| .m-searchResultItem__country { | |
| color: #14142d; | |
| font-size: 1.33rem; | |
| transition: all .25s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| .wf-loaded .m-searchResultItem__country { | |
| font-family: apercu-bold-pro, Helvetica, Arial, sans-serif | |
| } | |
| .m-searchResultItem__country svg { | |
| opacity: 0; | |
| position: relative; | |
| top: -2px; | |
| right: 0; | |
| left: 10px; | |
| transition: all .25s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| .m-searchResultItem__title { | |
| color: #14142d | |
| } | |
| .wf-loaded .m-searchResultItem__title { | |
| font-family: apercu-light-pro, Helvetica, Arial, sans-serif | |
| } | |
| .m-searchResultItem__tagline { | |
| margin-top: .125rem; | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-searchResultItem__tagline { | |
| margin-top: calc(.125rem + .125 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-searchResultItem__tagline { | |
| margin-top: .25rem | |
| } | |
| } | |
| .m-searchResultItem__contactHqLink { | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| margin-top: 0; | |
| margin-bottom: 1.5rem | |
| } | |
| .m-searchResultItem__contactHqLink .m-link { | |
| margin-top: .25rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-searchResultItem__contactHqLink .m-link { | |
| margin-top: calc(.25rem + .25 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-searchResultItem__contactHqLink .m-link { | |
| margin-top: .5rem | |
| } | |
| } | |
| .m-searchResultItem .m-countryFlag { | |
| position: absolute; | |
| left: 1.5rem; | |
| top: 1rem | |
| } | |
| .m-searchResultItem .m-tag { | |
| display: inline-block; | |
| margin-right: .5rem; | |
| margin-top: .25rem | |
| } | |
| .m-searchResultItem--fallback { | |
| padding-left: 4rem; | |
| padding-right: 1rem; | |
| padding-top: 1rem | |
| } | |
| .m-searchResultItem--fallback:hover { | |
| background-color: #fff | |
| } | |
| .m-searchResultItem--fallback svg { | |
| position: absolute; | |
| left: 1.5rem; | |
| top: 1rem | |
| } | |
| .m-searchResultItem--fallback .m-searchResultItem__tagline .m-link { | |
| margin-top: .5rem; | |
| margin-bottom: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-searchResultItem--fallback .m-searchResultItem__tagline .m-link { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-searchResultItem--fallback .m-searchResultItem__tagline .m-link { | |
| margin-top: 1rem | |
| } | |
| } | |
| .m-searchResultList { | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| padding-top: 1.5rem; | |
| padding-bottom: 2rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-searchResultList { | |
| padding-top: calc(1.5rem + 1.5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-searchResultList { | |
| padding-top: 3rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-searchResultList { | |
| padding-bottom: calc(2rem + 2 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-searchResultList { | |
| padding-bottom: 4rem | |
| } | |
| } | |
| .m-searchResultList .m-searchResultItem { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| padding-left: 0; | |
| padding-right: 0; | |
| border: 0; | |
| border-left: 1px solid #d9d9d9; | |
| border-bottom: 1px solid #d9d9d9; | |
| border-right: 1px solid #d9d9d9 | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-searchResultList .m-searchResultItem { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-searchResultList .m-searchResultItem { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-searchResultList .m-searchResultItem { | |
| padding-left: calc(0rem + 0 * (100vw - 20rem) / 70); | |
| padding-right: calc(0rem + 0 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-searchResultList .m-searchResultItem { | |
| padding-left: 0; | |
| padding-right: 0 | |
| } | |
| } | |
| .m-searchResultList .m-searchResultItem:first-child { | |
| border-top: 1px solid #d9d9d9 | |
| } | |
| @media (min-width:41.6875em) { | |
| .m-searchResultList .m-searchResultItem { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 50%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 50%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 50%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| padding-left: 0; | |
| padding-right: 0; | |
| border-right: 0 | |
| } | |
| } | |
| @media screen and (min-width:41.6875em) and (min-width:20em) { | |
| .m-searchResultList .m-searchResultItem { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:41.6875em) and (min-width:90em) { | |
| .m-searchResultList .m-searchResultItem { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media screen and (min-width:41.6875em) and (min-width:20em) { | |
| .m-searchResultList .m-searchResultItem { | |
| padding-left: calc(0rem + 0 * (100vw - 20rem) / 70); | |
| padding-right: calc(0rem + 0 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:41.6875em) and (min-width:90em) { | |
| .m-searchResultList .m-searchResultItem { | |
| padding-left: 0; | |
| padding-right: 0 | |
| } | |
| } | |
| @media (min-width:41.6875em) { | |
| .m-searchResultList .m-searchResultItem:nth-child(2n + 2) { | |
| border-right: 1px solid #d9d9d9 | |
| } | |
| .m-searchResultList .m-searchResultItem:first-child, | |
| .m-searchResultList .m-searchResultItem:nth-child(2) { | |
| border-top: 1px solid #d9d9d9 | |
| } | |
| .m-searchResultList .m-searchResultItem:last-child { | |
| border-right: 1px solid #d9d9d9 | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-searchResultList .m-searchResultItem { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 33.33333%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 33.33333%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 33.33333%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| padding-left: 0; | |
| padding-right: 0; | |
| border-right: 0 | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-searchResultList .m-searchResultItem { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-searchResultList .m-searchResultItem { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-searchResultList .m-searchResultItem { | |
| padding-left: calc(0rem + 0 * (100vw - 20rem) / 70); | |
| padding-right: calc(0rem + 0 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-searchResultList .m-searchResultItem { | |
| padding-left: 0; | |
| padding-right: 0 | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-searchResultList .m-searchResultItem:first-child, | |
| .m-searchResultList .m-searchResultItem:nth-child(2), | |
| .m-searchResultList .m-searchResultItem:nth-child(3) { | |
| border-top: 1px solid #d9d9d9 | |
| } | |
| .m-searchResultList .m-searchResultItem:nth-child(2n + 2) { | |
| border-right: 0 | |
| } | |
| .m-searchResultList .m-searchResultItem:nth-child(3n + 3) { | |
| border-right: 1px solid #d9d9d9 | |
| } | |
| } | |
| .m-svgSprite { | |
| width: 100%; | |
| height: 100%; | |
| max-width: 64px; | |
| max-height: 64px | |
| } | |
| .m-svgSprite svg { | |
| transition: all .25s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| .m-separator--marginVertical-small { | |
| padding-top: 0; | |
| padding-bottom: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-separator--marginVertical-small { | |
| padding-bottom: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-separator--marginVertical-small { | |
| padding-bottom: 1rem | |
| } | |
| } | |
| .m-separator--marginVertical-medium { | |
| padding-top: .5rem; | |
| padding-bottom: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-separator--marginVertical-medium { | |
| padding-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-separator--marginVertical-medium { | |
| padding-top: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-separator--marginVertical-medium { | |
| padding-bottom: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-separator--marginVertical-medium { | |
| padding-bottom: 2rem | |
| } | |
| } | |
| .m-separator--marginVertical-large { | |
| padding-top: 1rem; | |
| padding-bottom: 1.5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-separator--marginVertical-large { | |
| padding-top: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-separator--marginVertical-large { | |
| padding-top: 2rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-separator--marginVertical-large { | |
| padding-bottom: calc(1.5rem + 1.5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-separator--marginVertical-large { | |
| padding-bottom: 3rem | |
| } | |
| } | |
| .m-separator--marginVertical-none { | |
| margin-top: 0; | |
| margin-bottom: 0 | |
| } | |
| .m-separator__inner { | |
| position: relative; | |
| border: 0 | |
| } | |
| .m-separator--style-default .m-separator__inner:after { | |
| content: ""; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| height: 1px; | |
| background-color: gray | |
| } | |
| .m-tag { | |
| text-transform: uppercase; | |
| background-color: #edf4fa; | |
| color: #4b96d2; | |
| display: inline-block; | |
| font-size: .75rem; | |
| line-height: 1; | |
| padding: 8px 8px 4px; | |
| border-radius: 3px; | |
| margin-right: .5rem; | |
| margin-top: .5rem; | |
| border: 1px solid transparent | |
| } | |
| .m-tag:hover { | |
| background-color: #eb6e78; | |
| color: #fff | |
| } | |
| .m-tag.is-active, | |
| .m-tag.is-active:hover { | |
| border: 1px solid #d9d9d9; | |
| background-color: #fff; | |
| color: #14142d | |
| } | |
| .m-tag.is-active:hover { | |
| cursor: default | |
| } | |
| .m-tag--gray, | |
| .m-tag--gray:hover { | |
| background-color: #f2f2f2; | |
| color: gray | |
| } | |
| .m-tag--result { | |
| white-space: pre; | |
| padding: 0 8px 4px; | |
| line-height: .8 | |
| } | |
| .m-tag--large { | |
| padding: 12px 12px 10px | |
| } | |
| .wf-loaded .m-tag { | |
| font-family: apercu-bold-pro, Helvetica, Arial, sans-serif | |
| } | |
| .m-tagList { | |
| margin-top: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-tagList { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-tagList { | |
| margin-top: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-tagList--blog { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 66.66667%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 66.66667%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 66.66667%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 16.66667% | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-tagList--blog { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-tagList--blog { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-tagList .m-tag { | |
| float: left | |
| } | |
| .m-tagLine { | |
| margin-top: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-tagLine { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-tagLine { | |
| margin-top: 1rem | |
| } | |
| } | |
| .m-teaserTextWithImage { | |
| margin-top: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-teaserTextWithImage { | |
| margin-top: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-teaserTextWithImage { | |
| margin-top: 2rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-teaserTextWithImage__bar { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 16.66667%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 16.66667%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 16.66667%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-teaserTextWithImage__bar { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-teaserTextWithImage__bar { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-teaserTextWithImage__bar--visible:before { | |
| content: ""; | |
| width: 100%; | |
| height: 1rem; | |
| display: block; | |
| -webkit-transform: translateY(5px); | |
| transform: translateY(5px); | |
| background-color: #edf4fa | |
| } | |
| } | |
| .m-teaserTextWithImage__content { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-top: .5rem; | |
| -webkit-box-ordinal-group: 3; | |
| -ms-flex-order: 2; | |
| order: 2 | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-teaserTextWithImage__content { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-teaserTextWithImage__content { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-teaserTextWithImage__content { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-teaserTextWithImage__content { | |
| margin-top: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-teaserTextWithImage__content { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 50%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 50%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 50%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| -webkit-box-ordinal-group: 2; | |
| -ms-flex-order: 1; | |
| order: 1; | |
| margin-top: 0 | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-teaserTextWithImage__content { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-teaserTextWithImage__content { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-teaserTextWithImage__content .m-link { | |
| margin-top: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-teaserTextWithImage__content .m-link { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-teaserTextWithImage__content .m-link { | |
| margin-top: 1rem | |
| } | |
| } | |
| .m-teaserTextWithImage__image { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| -webkit-box-ordinal-group: 2; | |
| -ms-flex-order: 1; | |
| order: 1 | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-teaserTextWithImage__image { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-teaserTextWithImage__image { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-teaserTextWithImage__image { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 29.16667%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 29.16667%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 29.16667%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 4.16667%; | |
| -webkit-box-ordinal-group: 2; | |
| -ms-flex-order: 1; | |
| order: 1 | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-teaserTextWithImage__image { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-teaserTextWithImage__image { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-teaserTextWithImage__image .m-image { | |
| margin-top: 0 | |
| } | |
| @media (min-width:64em) { | |
| .m-teaserTextWithImage--ratio-50-50 .m-teaserTextWithImage__content { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 37.5%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 37.5%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 37.5%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-teaserTextWithImage--ratio-50-50 .m-teaserTextWithImage__content { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-teaserTextWithImage--ratio-50-50 .m-teaserTextWithImage__content { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-teaserTextWithImage--ratio-50-50 .m-teaserTextWithImage__image { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 41.66667%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 41.66667%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 41.66667%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 4.16667% | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-teaserTextWithImage--ratio-50-50 .m-teaserTextWithImage__image { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-teaserTextWithImage--ratio-50-50 .m-teaserTextWithImage__image { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-teaserTextWithQuote__bar { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 16.66667%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 16.66667%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 16.66667%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-teaserTextWithQuote__bar { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-teaserTextWithQuote__bar { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-teaserTextWithQuote__bar--visible:before { | |
| content: ""; | |
| width: 100%; | |
| height: 1rem; | |
| display: block; | |
| -webkit-transform: translateY(5px); | |
| transform: translateY(5px); | |
| background-color: #edf4fa | |
| } | |
| } | |
| .m-teaserTextWithQuote__content { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-top: .5rem; | |
| -webkit-box-ordinal-group: 2; | |
| -ms-flex-order: 1; | |
| order: 1 | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-teaserTextWithQuote__content { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-teaserTextWithQuote__content { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-teaserTextWithQuote__content { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-teaserTextWithQuote__content { | |
| margin-top: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-teaserTextWithQuote__content { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 50%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 50%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 50%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-top: 0 | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-teaserTextWithQuote__content { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-teaserTextWithQuote__content { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-teaserTextWithQuote__content .m-link { | |
| margin-top: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-teaserTextWithQuote__content .m-link { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-teaserTextWithQuote__content .m-link { | |
| margin-top: 1rem | |
| } | |
| } | |
| .m-teaserTextWithQuote__quote { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| -webkit-box-ordinal-group: 3; | |
| -ms-flex-order: 2; | |
| order: 2 | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-teaserTextWithQuote__quote { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-teaserTextWithQuote__quote { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-teaserTextWithQuote__quote { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 29.16667%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 29.16667%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 29.16667%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 4.16667% | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-teaserTextWithQuote__quote { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-teaserTextWithQuote__quote { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-teaserTextWithQuote .m-quote__inner:before { | |
| height: 0; | |
| padding-top: calc(100% - 32px); | |
| max-width: none; | |
| width: 100%; | |
| bottom: auto | |
| } | |
| } | |
| .m-teamList { | |
| margin-top: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-teamList { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-teamList { | |
| margin-top: 1rem | |
| } | |
| } | |
| .m-teamList__item { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-teamList__item { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-teamList__item { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-teamList__item { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 50%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 50%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 50%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-teamList__item { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-teamList__item { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-teamList__item.is-hidden { | |
| display: none | |
| } | |
| .m-teamList__item--partner { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-teamList__item--partner { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-teamList__item--partner { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-teamList__item--partner { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-teamList__item--partner { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-teamList__item--partner { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-teamList__teamTrigger { | |
| display: inline-block; | |
| padding-right: 1.5rem; | |
| color: #0046b9; | |
| position: relative; | |
| border-bottom: 2px solid #0046b9; | |
| cursor: pointer; | |
| margin-left: 5.5rem!important; | |
| transition: all .25s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| @media (min-width:41.6875em) { | |
| .m-teamList__teamTrigger { | |
| margin-left: 10rem!important | |
| } | |
| } | |
| .wf-loaded .m-teamList__teamTrigger { | |
| font-family: apercu-bold-pro, Helvetica, Arial, sans-serif | |
| } | |
| .m-teamList__teamTrigger:hover { | |
| color: #e5414e; | |
| border-bottom: 2px solid #e5414e | |
| } | |
| .m-teamList__teamTrigger:hover:after, | |
| .m-teamList__teamTrigger:hover:before { | |
| background-color: #eb6e78 | |
| } | |
| .m-teamList__teamTrigger:after, | |
| .m-teamList__teamTrigger:before { | |
| content: ""; | |
| width: 10px; | |
| height: 3px; | |
| position: absolute; | |
| top: 10px; | |
| background-color: #0046b9; | |
| transition: all .25s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| .m-teamList__teamTrigger:before { | |
| -webkit-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| right: 5px | |
| } | |
| .m-teamList__teamTrigger:after { | |
| -webkit-transform: rotate(-45deg); | |
| transform: rotate(-45deg); | |
| right: 0 | |
| } | |
| .m-teamListItem { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-top: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-teamListItem { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-teamListItem { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-teamListItem { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-teamListItem { | |
| margin-top: 1rem | |
| } | |
| } | |
| .m-teamListItem__content { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| padding-left: 5rem!important; | |
| padding-right: 2rem!important; | |
| padding-top: .5rem; | |
| padding-bottom: 1rem; | |
| overflow: hidden | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-teamListItem__content { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-teamListItem__content { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-teamListItem__content { | |
| padding-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-teamListItem__content { | |
| padding-top: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-teamListItem__content { | |
| padding-bottom: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-teamListItem__content { | |
| padding-bottom: 2rem | |
| } | |
| } | |
| .m-teamListItem__content:hover .m-teamListItem__socialLinks { | |
| opacity: 1; | |
| -webkit-transform: translateY(1.5rem); | |
| transform: translateY(1.5rem) | |
| } | |
| @media (min-width:41.6875em) { | |
| .m-teamListItem__content { | |
| padding-left: 7rem!important; | |
| min-height: 8rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-teamListItem__content { | |
| padding-left: 9rem!important; | |
| min-height: 10rem | |
| } | |
| } | |
| .m-teamListItem__trigger { | |
| width: 40px; | |
| height: 40px; | |
| position: absolute; | |
| right: 0; | |
| top: .5rem; | |
| cursor: pointer | |
| } | |
| @media (min-width:41.6875em) { | |
| .m-teamListItem__trigger { | |
| display: none!important | |
| } | |
| } | |
| .m-teamListItem__trigger:after, | |
| .m-teamListItem__trigger:before { | |
| content: ""; | |
| width: 10px; | |
| height: 3px; | |
| position: absolute; | |
| top: 50%; | |
| background-color: #0046b9; | |
| transition: all .25s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| .m-teamListItem__trigger:before { | |
| -webkit-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| right: 21px | |
| } | |
| .m-teamListItem__trigger:after { | |
| right: 16px | |
| } | |
| .m-teamListItem[data-about=open] .m-teamListItem__trigger:before, | |
| .m-teamListItem__trigger:after { | |
| -webkit-transform: rotate(-45deg); | |
| transform: rotate(-45deg) | |
| } | |
| .m-teamListItem[data-about=open] .m-teamListItem__trigger:after { | |
| -webkit-transform: rotate(45deg); | |
| transform: rotate(45deg) | |
| } | |
| .m-teamListItem__socialLinks { | |
| position: absolute; | |
| top: 0; | |
| right: 1rem; | |
| transition: all .25s cubic-bezier(.215, .61, .355, 1); | |
| opacity: 0; | |
| -webkit-transform: translateY(-1.5rem); | |
| transform: translateY(-1.5rem) | |
| } | |
| @media (max-width:41.6775em) { | |
| .m-teamListItem__socialLinks { | |
| display: none | |
| } | |
| } | |
| .m-teamListItem__socialLink { | |
| padding-left: 0 | |
| } | |
| .m-teamListItem__socialLink svg { | |
| width: 32px; | |
| height: 32px; | |
| fill: #d9d9d9; | |
| transition: all .25s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| .m-teamListItem__socialLink:hover svg { | |
| fill: #0046b9 | |
| } | |
| .m-teamListItem__image { | |
| width: 5rem; | |
| position: absolute; | |
| left: 0; | |
| top: 0 | |
| } | |
| @media (min-width:41.6875em) { | |
| .m-teamListItem__image { | |
| width: 6rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-teamListItem__image { | |
| width: 8rem | |
| } | |
| } | |
| .m-teamListItem .m-image { | |
| border-radius: 100%; | |
| margin-top: 0 | |
| } | |
| .m-teamListItem .m-image img { | |
| border-radius: 100% | |
| } | |
| .m-teamListItem .m-imageSingle__image { | |
| max-width: none | |
| } | |
| .m-teamListItem__position { | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-teamListItem__position { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-teamListItem__position { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-teamListItem__about { | |
| display: none; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-teamListItem__about { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-teamListItem__about { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-teamListItem[data-about=open] .m-teamListItem__about { | |
| display: block | |
| } | |
| @media (min-width:41.6875em) { | |
| .m-teamListItem__about { | |
| display: block | |
| } | |
| } | |
| .m-teamListItem__options { | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-top: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-teamListItem__options { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-teamListItem__options { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-teamListItem__options { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-teamListItem__options { | |
| margin-top: 1rem | |
| } | |
| } | |
| .m-teamListItem__options .m-link { | |
| margin-right: 1rem | |
| } | |
| @media (min-width:41.6875em) { | |
| .m-teamListItem--partner .m-headline, | |
| .m-teamListItem--partner .m-teamListItem__position { | |
| padding-right: 7rem!important | |
| } | |
| } | |
| .m-testimonialItem { | |
| margin-top: .75rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-testimonialItem { | |
| margin-top: calc(.75rem + .75 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-testimonialItem { | |
| margin-top: 1.5rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-testimonialItem--aside .m-quote__inner:before { | |
| height: 0; | |
| padding-top: calc(100% - 32px); | |
| max-width: none; | |
| width: 100%; | |
| bottom: auto | |
| } | |
| } | |
| .m-twoColumns__inner { | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 auto; | |
| flex: 1 1 auto; | |
| margin-left: -.5rem; | |
| margin-right: -.5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-twoColumns__inner { | |
| margin-left: calc(-.5rem + -.5 * (100vw - 20rem) / 70); | |
| margin-right: calc(-.5rem + -.5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-twoColumns__inner { | |
| margin-left: -1rem; | |
| margin-right: -1rem | |
| } | |
| } | |
| .m-twoColumns__column { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-twoColumns__column { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-twoColumns__column { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-twoColumns__column { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 50%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 50%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 50%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-twoColumns__column { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-twoColumns__column { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-twoColumns .m-richText { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 0 | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-twoColumns .m-richText { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-twoColumns .m-richText { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-twoColumns .m-headline { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-twoColumns .m-headline { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-twoColumns .m-headline { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-twoColumns--ratio-50-50 .m-twoColumns__column:first-child { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 50%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 50%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 50%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-twoColumns--ratio-50-50 .m-twoColumns__column:first-child { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-twoColumns--ratio-50-50 .m-twoColumns__column:first-child { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-twoColumns--ratio-50-50 .m-twoColumns__column:last-child { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 50%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 50%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 50%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-twoColumns--ratio-50-50 .m-twoColumns__column:last-child { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-twoColumns--ratio-50-50 .m-twoColumns__column:last-child { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-twoColumns--ratio-66-33 .m-twoColumns__column:first-child { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 66.66667%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 66.66667%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 66.66667%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-twoColumns--ratio-66-33 .m-twoColumns__column:first-child { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-twoColumns--ratio-66-33 .m-twoColumns__column:first-child { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-twoColumns--ratio-66-33 .m-twoColumns__column:last-child { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 33.33333%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 33.33333%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 33.33333%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-twoColumns--ratio-66-33 .m-twoColumns__column:last-child { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-twoColumns--ratio-66-33 .m-twoColumns__column:last-child { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-twoColumns--ratio-75-25 .m-twoColumns__column:first-child { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 75%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 75%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 75%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-twoColumns--ratio-75-25 .m-twoColumns__column:first-child { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-twoColumns--ratio-75-25 .m-twoColumns__column:first-child { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-twoColumns--ratio-75-25 .m-twoColumns__column:last-child { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 25%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 25%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 25%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-twoColumns--ratio-75-25 .m-twoColumns__column:last-child { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-twoColumns--ratio-75-25 .m-twoColumns__column:last-child { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-twoColumns--ratio-33-66 .m-twoColumns__column:first-child { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 33.33333%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 33.33333%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 33.33333%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-twoColumns--ratio-33-66 .m-twoColumns__column:first-child { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-twoColumns--ratio-33-66 .m-twoColumns__column:first-child { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-twoColumns--ratio-33-66 .m-twoColumns__column:last-child { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 66.66667%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 66.66667%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 66.66667%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-twoColumns--ratio-33-66 .m-twoColumns__column:last-child { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-twoColumns--ratio-33-66 .m-twoColumns__column:last-child { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-twoColumns--ratio-25-75 .m-twoColumns__column:first-child { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 25%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 25%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 25%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-twoColumns--ratio-25-75 .m-twoColumns__column:first-child { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-twoColumns--ratio-25-75 .m-twoColumns__column:first-child { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .m-twoColumns--ratio-25-75 .m-twoColumns__column:last-child { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 75%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 75%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 75%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-twoColumns--ratio-25-75 .m-twoColumns__column:last-child { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-twoColumns--ratio-25-75 .m-twoColumns__column:last-child { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-textarea { | |
| margin-top: .25rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-textarea { | |
| margin-top: calc(.25rem + .25 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-textarea { | |
| margin-top: .5rem | |
| } | |
| } | |
| .m-textarea__label { | |
| display: block; | |
| font-size: .625rem; | |
| text-transform: uppercase; | |
| margin-bottom: .25rem; | |
| border: 1px solid transparent; | |
| padding-right: .5rem; | |
| padding-left: .5rem | |
| } | |
| .m-textarea__input { | |
| -webkit-appearance: none; | |
| outline: 0; | |
| display: block; | |
| width: 100%; | |
| padding: .5rem; | |
| resize: vertical; | |
| min-height: 100px; | |
| background: #fff; | |
| color: #1a1a1a; | |
| border: 1px solid #999; | |
| border-radius: 3px; | |
| margin-bottom: .5rem; | |
| font-size: 1rem; | |
| transition: all .25s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| .m-textarea__input:focus { | |
| background-color: #fff; | |
| border-color: #333 | |
| } | |
| .m-textarea ::-webkit-input-placeholder { | |
| color: #ccc | |
| } | |
| .m-textarea :-ms-input-placeholder { | |
| color: #ccc | |
| } | |
| .m-textarea ::placeholder { | |
| color: #ccc | |
| } | |
| .m-partnerSearch { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-partnerSearch { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-partnerSearch { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-partnerSearch__inner { | |
| background-color: #fff; | |
| border: .5rem solid #0046b9; | |
| padding-left: 1.5rem; | |
| padding-right: 1.5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-partnerSearch__inner { | |
| border-width: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-partnerSearch__inner { | |
| border-width: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-partnerSearch__inner { | |
| padding-left: calc(1.5rem + 1.5 * (100vw - 20rem) / 70); | |
| padding-right: calc(1.5rem + 1.5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-partnerSearch__inner { | |
| padding-left: 3rem; | |
| padding-right: 3rem | |
| } | |
| } | |
| .m-partnerSearch__intro { | |
| margin-top: 3rem; | |
| width: 100% | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-partnerSearch__intro { | |
| margin-top: calc(3rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-partnerSearch__intro { | |
| margin-top: 4rem | |
| } | |
| } | |
| .m-partnerSearch__introTextSmall { | |
| font-size: 1rem; | |
| font-family: apercu-bold-pro, Helvetica, Arial, sans-serif; | |
| text-transform: uppercase; | |
| color: #0046b9 | |
| } | |
| .m-partnerSearch__introTextLarge { | |
| font-size: 1.7689rem; | |
| font-family: apercu-bold-pro, Helvetica, Arial, sans-serif | |
| } | |
| .m-partnerSearch__form { | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -webkit-box-orient: vertical; | |
| -webkit-box-direction: normal; | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| width: 100%; | |
| padding-top: 1rem; | |
| padding-bottom: 1.5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-partnerSearch__form { | |
| padding-top: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-partnerSearch__form { | |
| padding-top: 2rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-partnerSearch__form { | |
| padding-bottom: calc(1.5rem + 1.5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-partnerSearch__form { | |
| padding-bottom: 3rem | |
| } | |
| } | |
| @media (max-width:41.6775em) { | |
| .m-partnerSearch__form .m-button, | |
| .m-partnerSearch__form .m-dropdown { | |
| margin-top: .5rem | |
| } | |
| } | |
| @media screen and (max-width:41.6775em) and (min-width:20em) { | |
| .m-partnerSearch__form .m-button, | |
| .m-partnerSearch__form .m-dropdown { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (max-width:41.6775em) and (min-width:90em) { | |
| .m-partnerSearch__form .m-button, | |
| .m-partnerSearch__form .m-dropdown { | |
| margin-top: 1rem | |
| } | |
| } | |
| @media (max-width:41.6775em) { | |
| .m-partnerSearch__form .m-button__inner { | |
| margin-top: 0 | |
| } | |
| } | |
| .m-partnerSearch__form .m-button__inner { | |
| width: 100% | |
| } | |
| @media (min-width:41.6875em) { | |
| .m-partnerSearch__form { | |
| -webkit-box-orient: horizontal; | |
| -webkit-box-direction: normal; | |
| -ms-flex-direction: row; | |
| flex-direction: row | |
| } | |
| .m-partnerSearch__form .m-button__inner { | |
| width: auto | |
| } | |
| } | |
| .m-teaserLinksList__items { | |
| width: 100%; | |
| list-style: none; | |
| margin-top: 17px | |
| } | |
| .m-teaserLinksList__item { | |
| padding-left: 0!important; | |
| margin-top: 0 | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-teaserLinksList__item { | |
| margin-top: calc(0rem + 0 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-teaserLinksList__item { | |
| margin-top: 0 | |
| } | |
| } | |
| @media (min-width:41.6875em) { | |
| .m-teaserLinksList__item { | |
| margin-top: 1rem | |
| } | |
| } | |
| @media screen and (min-width:41.6875em) and (min-width:20em) { | |
| .m-teaserLinksList__item { | |
| margin-top: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:41.6875em) and (min-width:90em) { | |
| .m-teaserLinksList__item { | |
| margin-top: 2rem | |
| } | |
| } | |
| .m-teaserLinksList__item:before { | |
| display: none | |
| } | |
| .m-teaserLinksList--content .m-teaserLinksList__items { | |
| width: 100%; | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-orient: vertical; | |
| -webkit-box-direction: normal; | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| -webkit-box-pack: start; | |
| -ms-flex-pack: start; | |
| justify-content: flex-start | |
| } | |
| @media (min-width:41.6875em) { | |
| .m-teaserLinksList--content .m-teaserLinksList__items { | |
| -webkit-box-orient: horizontal; | |
| -webkit-box-direction: normal; | |
| -ms-flex-direction: row; | |
| flex-direction: row; | |
| -webkit-box-pack: justify; | |
| -ms-flex-pack: justify; | |
| justify-content: space-between | |
| } | |
| } | |
| .m-teaserLinksList--content .m-teaserLinksList__item { | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 33%; | |
| flex: 1 1 33% | |
| } | |
| @media (min-width:64em) { | |
| .m-teaserLinksList--cb { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 83.33333%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 83.33333%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 83.33333%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 16.66667% | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .m-teaserLinksList--cb { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .m-teaserLinksList--cb { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-teaserLinksItem { | |
| margin-top: .75rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-teaserLinksItem { | |
| margin-top: calc(.75rem + .75 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-teaserLinksItem { | |
| margin-top: 1.5rem | |
| } | |
| } | |
| .m-teaserLinksItem .m-headline { | |
| margin-top: 1rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-teaserLinksItem .m-headline { | |
| margin-top: calc(1rem + 1 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-teaserLinksItem .m-headline { | |
| margin-top: 2rem | |
| } | |
| } | |
| .p-home .m-teaserLinksItem .m-headline { | |
| margin-top: 0 | |
| } | |
| .m-teaserLinksItem .m-link { | |
| margin-left: .5rem; | |
| margin-right: .5rem; | |
| margin-top: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-teaserLinksItem .m-link { | |
| margin-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| margin-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-teaserLinksItem .m-link { | |
| margin-left: 1rem; | |
| margin-right: 1rem | |
| } | |
| } | |
| .p-home .m-teaserLinksItem .m-link { | |
| margin-top: 0 | |
| } | |
| .m-teaserLinksItem__content { | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-orient: vertical; | |
| -webkit-box-direction: normal; | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| -webkit-box-align: start; | |
| -ms-flex-align: start; | |
| align-items: flex-start; | |
| margin-top: auto | |
| } | |
| .m-teaserLinksItem .m-image { | |
| max-width: 128px | |
| } | |
| .m-teaserLinksItem .m-richText { | |
| margin-left: 0!important; | |
| max-width: none | |
| } | |
| .m-video { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-video { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-video { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-video__videoWrapper { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-top: .5rem; | |
| -webkit-box-ordinal-group: 2; | |
| -ms-flex-order: 1; | |
| order: 1 | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-video__videoWrapper { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-video__videoWrapper { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-video__videoWrapper { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-video__videoWrapper { | |
| margin-top: 1rem | |
| } | |
| } | |
| @media (min-width:80em) { | |
| .m-video__videoWrapper { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 83.33333%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 83.33333%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 83.33333%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| -webkit-box-ordinal-group: 3; | |
| -ms-flex-order: 2; | |
| order: 2 | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:20em) { | |
| .m-video__videoWrapper { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:90em) { | |
| .m-video__videoWrapper { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-video__video { | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-video__video { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-video__video { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-video__video iframe { | |
| width: 100%; | |
| height: 100% | |
| } | |
| .m-video__caption { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-top: .5rem; | |
| -webkit-box-ordinal-group: 3; | |
| -ms-flex-order: 2; | |
| order: 2 | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-video__caption { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-video__caption { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-video__caption { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-video__caption { | |
| margin-top: 1rem | |
| } | |
| } | |
| @media (min-width:80em) { | |
| .m-video__caption { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 16.66667%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 16.66667%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 16.66667%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| -webkit-box-ordinal-group: 2; | |
| -ms-flex-order: 1; | |
| order: 1 | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:20em) { | |
| .m-video__caption { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:80em) and (min-width:90em) { | |
| .m-video__caption { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-pagination { | |
| margin-top: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-pagination { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-pagination { | |
| margin-top: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .p-blog .m-pagination { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 83.33333%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 83.33333%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 83.33333%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 8.33333% | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .p-blog .m-pagination { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .p-blog .m-pagination { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-pagination__inner { | |
| width: 100%; | |
| list-style: none; | |
| position: relative; | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-pack: center; | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap | |
| } | |
| .p-blog .m-pagination__inner { | |
| border-top: 2px solid #edf4fa; | |
| padding-top: 1.5rem; | |
| padding-bottom: 2rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .p-blog .m-pagination__inner { | |
| padding-top: calc(1.5rem + 1.5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .p-blog .m-pagination__inner { | |
| padding-top: 3rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .p-blog .m-pagination__inner { | |
| padding-bottom: calc(2rem + 2 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .p-blog .m-pagination__inner { | |
| padding-bottom: 4rem | |
| } | |
| } | |
| .m-pagination__link { | |
| background-color: transparent; | |
| border: 2px solid #edf4fa; | |
| color: #0046b9; | |
| line-height: 38px; | |
| width: 40px; | |
| height: 40px; | |
| margin: 5px; | |
| text-align: center; | |
| border-radius: 100%; | |
| -webkit-box-flex: 0; | |
| -ms-flex: 0 0 40px; | |
| flex: 0 0 40px | |
| } | |
| .wf-loaded .m-pagination__link { | |
| font-family: apercu-bold-pro, Helvetica, Arial, sans-serif | |
| } | |
| .m-pagination__link:hover { | |
| background: transparent; | |
| color: #0046b9; | |
| border: 2px solid #0046b9 | |
| } | |
| .m-pagination__link--current { | |
| background: #0046b9; | |
| color: #fff; | |
| border: 2px solid #0046b9 | |
| } | |
| .m-paginationSimple { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-top: .5rem; | |
| margin: 0; | |
| padding: 0; | |
| list-style: none | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-paginationSimple { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-paginationSimple { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-paginationSimple { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-paginationSimple { | |
| margin-top: 1rem | |
| } | |
| } | |
| .m-paginationSimple__inner { | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 auto; | |
| flex: 1 1 auto; | |
| margin-left: -.5rem; | |
| margin-right: -.5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-paginationSimple__inner { | |
| margin-left: calc(-.5rem + -.5 * (100vw - 20rem) / 70); | |
| margin-right: calc(-.5rem + -.5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-paginationSimple__inner { | |
| margin-left: -1rem; | |
| margin-right: -1rem | |
| } | |
| } | |
| .m-paginationSimple__item { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 50%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 50%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 50%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-paginationSimple__item { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-paginationSimple__item { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-paginationSimple__item--next { | |
| margin-left: auto | |
| } | |
| .m-paginationSimple__link { | |
| display: block; | |
| position: relative; | |
| color: #1a1a1a; | |
| border: 1px solid #e6e6e6; | |
| padding-top: 1rem; | |
| padding-bottom: 1rem | |
| } | |
| .m-paginationSimple__link:hover { | |
| border-color: #1a1a1a; | |
| color: #1a1a1a | |
| } | |
| .m-paginationSimple__link:hover .m-svgSprite { | |
| fill: #fff | |
| } | |
| .m-paginationSimple__link--prev { | |
| padding-left: 4.5rem; | |
| text-align: left | |
| } | |
| .m-paginationSimple__link--next { | |
| padding-right: 4.5rem; | |
| text-align: right | |
| } | |
| .m-paginationSimple__icon { | |
| width: 24px; | |
| height: 24px; | |
| position: absolute; | |
| top: 50% | |
| } | |
| .m-paginationSimple__icon svg path { | |
| fill: #1a1a1a | |
| } | |
| .m-paginationSimple__icon--prev { | |
| left: 50%; | |
| -webkit-transform: translate(-50%, -50%); | |
| transform: translate(-50%, -50%) | |
| } | |
| @media (min-width:41.6875em) { | |
| .m-paginationSimple__icon--prev { | |
| left: 1.5rem; | |
| -webkit-transform: translateY(-50%); | |
| transform: translateY(-50%) | |
| } | |
| } | |
| .m-paginationSimple__icon--next { | |
| right: 50%; | |
| -webkit-transform: translate(50%, -50%); | |
| transform: translate(50%, -50%) | |
| } | |
| @media (min-width:41.6875em) { | |
| .m-paginationSimple__icon--next { | |
| right: 1.5rem; | |
| -webkit-transform: translateY(-50%); | |
| transform: translateY(-50%) | |
| } | |
| } | |
| .m-paginationSimple__title { | |
| font-weight: 500; | |
| display: none | |
| } | |
| @media (min-width:41.6875em) { | |
| .m-paginationSimple__title { | |
| display: block | |
| } | |
| } | |
| .m-postNav { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-top: .5rem; | |
| margin: 0; | |
| padding: 0; | |
| list-style: none | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-postNav { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-postNav { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-postNav { | |
| margin-top: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-postNav { | |
| margin-top: 1rem | |
| } | |
| } | |
| @media (min-width:64em) { | |
| .p-cb .m-postNav { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 83.33333%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 83.33333%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 83.33333%; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-left: 16.66667% | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:20em) { | |
| .p-cb .m-postNav { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:64em) and (min-width:90em) { | |
| .p-cb .m-postNav { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-postNav__inner { | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 auto; | |
| flex: 1 1 auto; | |
| margin-left: -.5rem; | |
| margin-right: -.5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-postNav__inner { | |
| margin-left: calc(-.5rem + -.5 * (100vw - 20rem) / 70); | |
| margin-right: calc(-.5rem + -.5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-postNav__inner { | |
| margin-left: -1rem; | |
| margin-right: -1rem | |
| } | |
| } | |
| .m-postNav__item { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 50%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 50%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 50%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-postNav__item { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-postNav__item { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-postNav__item--next { | |
| margin-left: auto | |
| } | |
| .m-postNav__link { | |
| display: block; | |
| position: relative; | |
| color: #14142d; | |
| border-bottom: 2px solid #edf4fa; | |
| padding-top: 2rem; | |
| padding-bottom: 1rem | |
| } | |
| .m-postNav__link:hover { | |
| border-color: #0046b9; | |
| color: #14142d | |
| } | |
| .m-postNav__link:hover .m-svgSprite { | |
| fill: #fff | |
| } | |
| .m-postNav__link:hover .m-postNav__label { | |
| color: #14142d | |
| } | |
| .m-postNav__link--prev { | |
| padding-left: 4.5rem; | |
| text-align: left | |
| } | |
| .m-postNav__link--next { | |
| padding-right: 4.5rem; | |
| text-align: right | |
| } | |
| .m-postNav__icon { | |
| width: 24px; | |
| height: 24px; | |
| position: absolute; | |
| top: 50% | |
| } | |
| .m-postNav__icon svg path { | |
| fill: #14142d | |
| } | |
| .m-postNav__icon--prev { | |
| left: 50%; | |
| -webkit-transform: translate(-50%, -50%); | |
| transform: translate(-50%, -50%) | |
| } | |
| @media (min-width:41.6875em) { | |
| .m-postNav__icon--prev { | |
| left: 1.5rem; | |
| -webkit-transform: translateY(-50%); | |
| transform: translateY(-50%) | |
| } | |
| } | |
| .m-postNav__icon--next { | |
| right: 50%; | |
| -webkit-transform: translate(50%, -50%); | |
| transform: translate(50%, -50%) | |
| } | |
| @media (min-width:41.6875em) { | |
| .m-postNav__icon--next { | |
| right: 1.5rem; | |
| -webkit-transform: translateY(-50%); | |
| transform: translateY(-50%) | |
| } | |
| } | |
| .m-postNav__label { | |
| font-size: .625rem; | |
| line-height: 1.5; | |
| display: none; | |
| color: #999; | |
| margin-top: -1rem; | |
| transition: all .25s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| @media (min-width:41.6875em) { | |
| .m-postNav__label { | |
| display: block | |
| } | |
| } | |
| .m-postNav__title { | |
| font-weight: 500; | |
| display: none | |
| } | |
| @media (min-width:41.6875em) { | |
| .m-postNav__title { | |
| display: block | |
| } | |
| } | |
| .m-socialNetworks { | |
| position: relative; | |
| min-height: 1px; | |
| width: 100%; | |
| max-width: 100%; | |
| -webkit-box-flex: 1; | |
| -ms-flex: 1 1 100%; | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 100%; | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-socialNetworks { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-socialNetworks { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-socialNetworks__inner { | |
| -webkit-box-pack: start; | |
| -ms-flex-pack: start; | |
| justify-content: flex-start; | |
| text-align: center | |
| } | |
| .m-socialNetworks__link { | |
| display: inline-block; | |
| padding-left: .5rem; | |
| padding-right: .5rem; | |
| margin-top: 22px | |
| } | |
| @media screen and (min-width:20em) { | |
| .m-socialNetworks__link { | |
| padding-left: calc(.5rem + .5 * (100vw - 20rem) / 70); | |
| padding-right: calc(.5rem + .5 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .m-socialNetworks__link { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| } | |
| .m-socialNetworks__svg { | |
| max-width: 32px; | |
| max-height: 32px; | |
| fill: #0046b9 | |
| } | |
| .m-socialNetworks__label { | |
| width: 100%; | |
| font-size: .625rem | |
| } | |
| .m-languageSwitcher__list { | |
| width: 100%; | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-pack: end; | |
| -ms-flex-pack: end; | |
| justify-content: flex-end | |
| } | |
| .m-languageSwitcher__item { | |
| padding-left: .5rem!important; | |
| text-transform: uppercase | |
| } | |
| .m-languageSwitcher__item:before { | |
| display: none!important | |
| } | |
| .m-languageSwitcher__item:not(:first-child):not(:last-child):after { | |
| content: "/"; | |
| padding-left: .5rem; | |
| font-family: apercu-bold-pro, Helvetica, Arial, sans-serif | |
| } | |
| .m-languageSwitcher__headline { | |
| text-transform: none | |
| } | |
| .m-languageSwitcher__link--current { | |
| color: #000; | |
| font-weight: 100 | |
| } | |
| .wf-loaded .m-languageSwitcher__link--current { | |
| font-family: apercu-light-pro, Helvetica, Arial, sans-serif | |
| } | |
| .t-editLink { | |
| position: fixed; | |
| left: 1rem; | |
| bottom: 1rem; | |
| z-index: 21412124 | |
| } | |
| .t-editLink a { | |
| background-color: #333; | |
| color: #fff; | |
| display: block; | |
| padding: 1rem; | |
| font-size: 10px; | |
| text-transform: uppercase; | |
| letter-spacing: 2px; | |
| line-height: 1; | |
| border-radius: 3px | |
| } | |
| .t-editLink a:hover { | |
| background-color: #1a1a1a | |
| } | |
| .wf-loaded .t-editLink a { | |
| font-family: apercu-light-pro, Helvetica, Arial, sans-serif | |
| } | |
| .lazyload, | |
| .lazyloading { | |
| opacity: 0 | |
| } | |
| .lazyloaded { | |
| opacity: 1; | |
| transition: opacity 1s cubic-bezier(.215, .61, .355, 1) .1s | |
| } | |
| .t-overflowTouch { | |
| white-space: nowrap; | |
| overflow-x: scroll; | |
| -webkit-overflow-scrolling: touch; | |
| -ms-overflow-style: -ms-autohiding-scrollbar | |
| } | |
| [data-waypoint] { | |
| transition: all 1s cubic-bezier(.215, .61, .355, 1) | |
| } | |
| [data-waypoint].is-fadeInUp { | |
| opacity: 0; | |
| -webkit-transform: translate3d(0, 50px, 0); | |
| transform: translate3d(0, 50px, 0) | |
| } | |
| [data-waypoint].is-fadeInUp.is-animated { | |
| opacity: 1; | |
| -webkit-transform: translateZ(0); | |
| transform: translateZ(0) | |
| } | |
| [data-waypoint].is-fadeInDown { | |
| opacity: 0; | |
| -webkit-transform: translate3d(0, -50px, 0); | |
| transform: translate3d(0, -50px, 0) | |
| } | |
| [data-waypoint].is-fadeInDown.is-animated { | |
| opacity: 1; | |
| -webkit-transform: translateZ(0); | |
| transform: translateZ(0) | |
| } | |
| [data-waypoint].is-fadeInLeft { | |
| opacity: 0; | |
| -webkit-transform: translate3d(50px, 0, 0); | |
| transform: translate3d(50px, 0, 0) | |
| } | |
| [data-waypoint].is-fadeInLeft.is-animated { | |
| opacity: 1; | |
| -webkit-transform: translateZ(0); | |
| transform: translateZ(0) | |
| } | |
| [data-waypoint].is-fadeInRight { | |
| opacity: 0; | |
| -webkit-transform: translate3d(-50px, 0, 0); | |
| transform: translate3d(-50px, 0, 0) | |
| } | |
| [data-waypoint].is-fadeInRight.is-animated { | |
| opacity: 1; | |
| -webkit-transform: translateZ(0); | |
| transform: translateZ(0) | |
| } | |
| @font-face { | |
| font-family: apercu-bold-pro; | |
| src: url(/assets/fonts/apercu-bold-pro.eot); | |
| src: url(/assets/fonts/apercu-bold-pro.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/apercu-bold-pro.woff) format("woff"), url(/assets/fonts/apercu-bold-pro.woff2) format("woff2"), url(/assets/fonts/apercu-bold-pro.ttf) format("truetype"); | |
| font-weight: 400; | |
| font-style: normal | |
| } | |
| @font-face { | |
| font-family: apercu-light-italic-pro; | |
| src: url(/assets/fonts/apercu-light-italic-pro.eot); | |
| src: url(/assets/fonts/apercu-light-italic-pro.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/apercu-light-italic-pro.woff) format("woff"), url(/assets/fonts/apercu-light-italic-pro.woff2) format("woff2"), url(/assets/fonts/apercu-light-italic-pro.ttf) format("truetype"); | |
| font-weight: 400; | |
| font-style: normal | |
| } | |
| @font-face { | |
| font-family: apercu-light-pro; | |
| src: url(/assets/fonts/apercu-light-pro.eot); | |
| src: url(/assets/fonts/apercu-light-pro.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/apercu-light-pro.woff) format("woff"), url(/assets/fonts/apercu-light-pro.woff2) format("woff2"), url(/assets/fonts/apercu-light-pro.ttf) format("truetype"); | |
| font-weight: 400; | |
| font-style: normal | |
| } | |
| .vue p { | |
| font-size: 2.35264rem | |
| } | |
| @media screen and (min-width:20em) { | |
| .vue p { | |
| font-size: calc(2.35264rem + 5.00878 * (100vw - 20rem) / 70) | |
| } | |
| } | |
| @media screen and (min-width:90em) { | |
| .vue p { | |
| font-size: 7.36142rem | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment