/* ========================================================================= */ /* !RESETS AND DEFAULTS */ /* ========================================================================= */ html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, var, hr, acronym, dl, dt, dd, ol, ul, li, pre, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { border: 0; outline: 0; font-style: normal; font-size: 100%; vertical-align: baseline; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; } em, strong, b, i, a, span, sub, sup, small { border: 0; outline: 0; font-size: 100%; vertical-align: baseline; margin: 0; padding: 0; } /* a:focus { outline:0; } :focus, :active { outline:none; outline:0; } ::-moz-focus-inner { outline:none; } */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } li { list-style: none; } a { text-decoration: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border-top: 1px solid #000; color: #000; } input, select { vertical-align: middle; } sub { vertical-align: sub; font-size: smaller; line-height: 0px; } sup { vertical-align: super; font-size: smaller; line-height: 0px; } input, button, textarea, select, label, img { display: inline-block; max-width: 100%; height: auto; } input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } input[type=text], input[type=password], input[type=url], input[type=number], input[type=tel], input[type=email], input[type=submit], button, textarea, select { -webkit-appearance: none; outline: 1px solid transparent; } textarea { resize: none; overflow: auto; } button, a span { cursor: pointer; } button { border: 0; text-align: center; } button::-moz-focus-inner { padding: 0; border: 0; } table { table-layout: fixed; } a[href^=tel] { color: inherit; } select { -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; } select:-moz-focusring { color: transparent; } select::-ms-expand { display: none; } /* != FONT SMOOTHING */ body, input, button, textarea { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* != ms-clear */ input[type=text]::-ms-clear { display: none; } /* != BACKGROUND POSITION AND BOX SIZING */ *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; background-position: center; background-repeat: no-repeat; } /* != .clearfix - CLEAR ELEMENTS */ .clear { clear: both; } .clearfix { display: block; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* != .wordwrap - CONTINUE LONG URLS/WORDS ON NEXT LINE */ .wordwrap { white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; word-wrap: break-word; } /* ========================================================================= */ /* !FONTS (@fontface generated with FontSpring Syntax formatting */ /* ========================================================================= */ /* != MuseoSans ====================================== */ @font-face { font-family: 'MuseoSans'; src: url("/ui/fonts/MuseoSans/museosans-300-webfont.woff2") format("woff2"), url("/ui/fonts/MuseoSans/museosans-300-webfont.woff") format("woff"); font-weight: 300; font-style: normal; } @font-face { font-family: 'MuseoSans'; src: url("/ui/fonts/MuseoSans/museosans-300italic-webfont.woff2") format("woff2"), url("/ui/fonts/MuseoSans/museosans-300italic-webfont.woff") format("woff"); font-weight: 300; font-style: italic; } @font-face { font-family: 'MuseoSans'; src: url("/ui/fonts/MuseoSans/museosans-100-webfont.woff2") format("woff2"), url("/ui/fonts/MuseoSans/museosans-100-webfont.woff") format("woff"); font-weight: 100; font-style: normal; } @font-face { font-family: 'MuseoSans'; src: url("/ui/fonts/MuseoSans/museosans-100italic-webfont.woff2") format("woff2"), url("/ui/fonts/MuseoSans/museosans-100italic-webfont.woff") format("woff"); font-weight: 100; font-style: italic; } @font-face { font-family: 'MuseoSans'; src: url("/ui/fonts/MuseoSans/museosans-500-webfont.woff2") format("woff2"), url("/ui/fonts/MuseoSans/museosans-500-webfont.woff") format("woff"); font-weight: 500; font-style: normal; } @font-face { font-family: 'MuseoSans'; src: url("/ui/fonts/MuseoSans/museosans-500italic-webfont.woff2") format("woff2"), url("/ui/fonts/MuseoSans/museosans-500italic-webfont.woff") format("woff"); font-weight: 500; font-style: italic; } @font-face { font-family: 'MuseoSans'; src: url("/ui/fonts/MuseoSans/museosans-700-webfont.woff2") format("woff2"), url("/ui/fonts/MuseoSans/museosans-700-webfont.woff") format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: 'MuseoSans'; src: url("/ui/fonts/MuseoSans/museosans-700italic-webfont.woff2") format("woff2"), url("/ui/fonts/MuseoSans/museosans-700italic-webfont.woff") format("woff"); font-weight: 700; font-style: italic; } @font-face { font-family: 'MuseoSans'; src: url("/ui/fonts/MuseoSans/museosans-900-webfont.woff2") format("woff2"), url("/ui/fonts/MuseoSans/museosans-900-webfont.woff") format("woff"); font-weight: 900; font-style: normal; } /* ========================================================================= */ /* !SASS VARIABLES & MIXINS */ /* ========================================================================= */ /* // Use Case: $b (second) variable is optional and defaults to 'max-width' @include break(1100){ h1{ background: red; } } // Output @media screen and (max-width: 1100px) { h1 { background: red; } } // Also, if you want to specify the 2nd variable for break type (i.e., min-height) @include break(1100, 'min-height'){ h1 { background:red; } } // Output @media screen and (min-height: 1100px) { h1 { background: red; } } */ /* // inline SVGs // usage: background-image: inline-svg(''); */ /** Swiper 6.0.4 Most modern mobile touch slider and framework with hardware accelerated transitions http://swiperjs.com Copyright 2014-2020 Vladimir Kharlampidi Released under the MIT License Released on: July 15, 2020 */ @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color:#007aff; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -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; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-slide-invisible-blank { visibility: hidden; } .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; -webkit-transition-property: height,-webkit-transform; transition-property: height,-webkit-transform; -o-transition-property: transform,height; transition-property: transform,height; transition-property: transform,height,-webkit-transform; } .swiper-container-3d { -webkit-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: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { -webkit-scroll-snap-type: x mandatory; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { -webkit-scroll-snap-type: y mandatory; -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } :root { --swiper-navigation-size:44px; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * var(--swiper-navigation-size)/ 2); z-index: 10; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: 'next'; } .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { --swiper-navigation-color:#ffffff; } .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black { --swiper-navigation-color:#000000; } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: .2s transform,.2s top; -o-transition: .2s transform,.2s top; transition: .2s transform,.2s top; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s transform,.2s left; -o-transition: .2s transform,.2s left; transition: .2s transform,.2s left; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s transform,.2s right; -o-transition: .2s transform,.2s right; transition: .2s transform,.2s right; } .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white { --swiper-pagination-color:#ffffff; } .swiper-pagination-black { --swiper-pagination-color:#000000; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 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, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: -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%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; -webkit-box-sizing: border-box; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-lazy-preloader-white { --swiper-preloader-color:#fff; } .swiper-lazy-preloader-black { --swiper-preloader-color:#000; } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* ========================================================================= */ /* !STYLES */ /* ========================================================================= */ html, body { font-family: "MuseoSans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 300; line-height: 1.4375; color: #58595B; } a { color: #376BA9; -webkit-transition: 0.15s; -o-transition: 0.15s; transition: 0.15s; } main { display: block; } /* != SELECTION STYLES (Leaving these blank will show no indication of text selection) ===== */ /* ::selection { background: #aaa; color: #fff; } ::-moz-selection { background: #aaa; color: #fff; } ::-webkit-selection { background: #aaa; color: #fff; } */ /* != DEFAULT WORDPRESS STYLES = USE AS NEEDED = .wp-caption = .wp-caption-dd = .wpGallery = .shutter = .shutterset ==== */ .aligncenter { display: block; margin: 25px auto; } .alignleft { float: left; margin: 0 25px 25px 0; } .alignright { float: right; margin: 0 0 25px 25px; } .alignnone { display: inline-block; } /* != LAYOUT STYLES ===== */ body [class*='flex'] { display: -webkit-box; display: -ms-flexbox; display: flex; } body [class*='flex'][class*='-justify'] { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } body [class*='flex'][class*='-wrap'] { -ms-flex-wrap: wrap; flex-wrap: wrap; } body [class*='flex'][class*='-center'] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } body [class*='flex'][class*='-start'] { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } body [class*='flex'][class*='-end'] { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .content-main ul:not([class*="gf"]) { padding: 24px 0; } .content-main ul:not([class*="gf"]) > li { position: relative; padding-left: 35px; } .content-main ul:not([class*="gf"]) > li:before { content: '\2022'; position: absolute; left: 10px; } .content-main ul:not([class*="gf"]) > li + li { margin-top: 12px; } .content-main ol { counter-reset: li; padding: 24px 0; } .content-main ol > li { position: relative; padding-left: 35px; } .content-main ol > li:before { content: counter(li) ". "; counter-increment: li; position: absolute; right: calc(100% - 24px); } .content-main ol > li + li { margin-top: 12px; } .content-main h3 { font-size: 26px; font-weight: 700; color: #000; margin: 1em 0 0.6em; } .content-main h4 { font-size: 16px; font-weight: 700; color: #000; margin: 1em 0 0.6em; } .content-main h6 { font-size: 16px; font-weight: 700; margin: 40px 0 5px; } .content-main h6:first-child { margin-top: 0; } .content-main p + p { margin-top: 0.75em; } .content-main a { text-decoration: underline; } .content-main a:hover { color: #009CB0; } figure, .wp-caption { margin: 40px 0; } figure h5, .wp-caption h5 { color: #000; margin-bottom: 10px; } figure img, .wp-caption img { display: block; margin: 0 auto; } figure figcaption, figure .wp-caption-text, .wp-caption figcaption, .wp-caption .wp-caption-text { font-size: 12px; line-height: 1.41667em; margin-top: 1.08333em; } .wp-caption { border-top: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4; padding: 40px 0; } .wrap { max-width: 1180px; width: 100%; margin: 0 auto; padding: 0 20px; } .btn { text-align: center; font-size: 10px; font-weight: 900; line-height: 12px; letter-spacing: 0.2em; text-transform: uppercase; padding: 14px 24px; color: #fff; background-color: #376BA9; border-radius: 2px; display: inline-block; -webkit-transition: 0.15s; -o-transition: 0.15s; transition: 0.15s; border: 1px solid transparent; } .btn:hover, .btn:focus { background-color: #009CB0; } .btn--white { background-color: #fff; color: #376BA9; } .btn--white:hover { background-color: #fff; color: #009CB0; } @media screen and (max-width: 480px) { .btn { width: 100%; } } .cta { font-weight: 700; font-size: 10px; letter-spacing: 0.1em; color: #376BA9; text-transform: uppercase; display: inline-block; margin-top: 15px; } .cta:hover, .cta:focus { color: #009CB0; text-decoration: underline; } /* != PLACEHOLDER ATTRIBUTE STYLES = input or textarea - placeholder="whatever" ===== */ /* ::-webkit-input-placeholder { color: #aaa; } ::-moz-placeholder { color: #aaa; } */ input[type=submit], button { display: inline-block; cursor: pointer; } /* != Select menus with a .select-menu container or gform-select-menu applied in gravity forms ===== */ .select-menu, .gform-select-menu div { position: relative; width: 260px; border: 1px solid rgba(0, 0, 0, 0.21); vertical-align: middle; display: inline-block; overflow: hidden; border-radius: 4px; margin: 0; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); } .select-menu:before, .select-menu:after, .gform-select-menu div:before, .gform-select-menu div:after { content: ''; position: absolute; right: 14px; top: calc(50% - 8px); z-index: 1; pointer-events: none; width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg width%3D%2211%22 height%3D%2215%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11 9l-5.5 6L0 9h11zM5.5 0L11 6H0l5.5-6z%22 fill%3D%22%23000%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); background-size: auto 15px; } .select-menu:hover, .gform-select-menu div:hover { border: 1px solid rgba(0, 0, 0, 0.5); } .select-menu:hover:before, .gform-select-menu div:hover:before { /* bg image */ } .select-menu:hover:after, .gform-select-menu div:hover:after { /* bg image */ } .select-menu select, .gform-select-menu div select { padding: 0 36px 0 16px; cursor: pointer; color: #58595B; font-weight: 300; font-size: 16px; background-color: #fff; width: 120%; height: 40px; line-height: 40px; border: 0; border-radius: 0; text-indent: 0.01px; -o-text-overflow: ''; text-overflow: ''; position: relative; z-index: 1; } .firefox .select-menu select, .firefox .gform-select-menu div select { padding: 0 31px 0 11px; } .select-menu select:focus, .gform-select-menu div select:focus { outline: 1px solid #fff; } .validation_error { padding: 15px; color: #fff; background: #c00; margin: 20px 0; } .validation_message { text-transform: uppercase; font-size: 12px; color: #c00; font-weight: 600; } .gform_validation_container { position: absolute; top: -9999px; left: -9999px; pointer-events: none; opacity: 0; } #masthead { background-color: #1F2022; position: relative; } #masthead.home { background-size: cover; background-position: center center; min-height: 640px; border-bottom: 5px solid #376BA9; } #masthead.home:before { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 250px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } #masthead.home:before { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 250px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } #masthead.home:after { position: absolute; top: 0; left: 0; content: ''; width: 66.66667%; height: 100%; background-image: -webkit-gradient(linear, left top, right top, from(black), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, black, rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, black, rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, black, rgba(0, 0, 0, 0)); } @media screen and (max-width: 768px) { #masthead.home { min-height: 520px; } } @media screen and (max-width: 480px) { #masthead.home { min-height: 0px; background-size: auto 330px; background-position: center top; } #masthead.home:before { width: 100%; height: 100px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } #masthead.home:after { width: 100%; height: 100%; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 117px, #000 330px); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 117px, #000 330px); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 117px, #000 330px); } } #header { position: relative; z-index: 1000; padding-top: 6px; padding-bottom: 10px; } #header .header-logo { position: relative; z-index: 5; font-size: 0; } #header .header-logo:focus { outline: 2px solid #fff; } @media screen and (max-width: 768px) { #header .header-logo { width: 95px; } } #navs { padding-bottom: 19px; } #main-nav > ul, #utility-nav > ul { font-size: 0; } #main-nav > ul > li, #utility-nav > ul > li { display: inline-block; } #main-nav > ul > li > a, #utility-nav > ul > li > a { color: #fff; display: block; } @media screen and (min-width: 769px) { #navs { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; height: auto !important; } #main-nav > ul > li { border-radius: 2px; margin: 0 1px; position: relative; } #main-nav > ul > li > a { display: block; padding: 12px 18px 11px; color: #fff; font-size: 14px; line-height: 17px; text-transform: uppercase; font-weight: 500; -webkit-transition: 0.15s; -o-transition: 0.15s; transition: 0.15s; } } @media screen and (min-width: 769px) and (max-width: 860px) { #main-nav > ul > li > a { font-size: 13px; padding: 8px 12px; } } @media screen and (min-width: 769px) { #main-nav > ul > li > ul { position: absolute; top: calc(100% - 12px); background-color: #fff; pointer-events: none; opacity: 0; width: 245px; left: 0; background-color: #fff; font-size: 14px; border-radius: 0 0 2px 2px; padding: 6px 0; -webkit-transition: 0.15s; -o-transition: 0.15s; transition: 0.15s; } #main-nav > ul > li > ul > li > a { color: #000; line-height: 1.21429em; padding: 6px 18px; display: block; } #main-nav > ul > li > ul > li:hover > a, #main-nav > ul > li > ul > li > a:focus { color: #fff; background-color: #376BA9; } #main-nav > ul > li:hover { background-color: #fff; } #main-nav > ul > li:hover > a { color: #000; } #main-nav > ul > li:hover > ul { top: calc(100% - 2px); opacity: 1; pointer-events: all; } #main-nav > ul > li > a:focus { color: #000; } } #utility-nav { position: relative; } #utility-nav > ul > li > a { font-size: 0; } #utility-nav > ul > li.ico-search { margin-left: 15px; position: relative; } #utility-nav > ul > li.ico-search > a { width: 25px; height: 25px; background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 15 15%22%3E%3Cpath d%3D%22M10.77 9.402a5.936 5.936 0 001.118-3.438C11.888 2.666 9.231 0 5.944 0S0 2.666 0 5.964c0 3.298 2.657 5.965 5.944 5.965 1.258 0 2.448-.421 3.427-1.123l3.916 3.93c.35.351.978.351 1.398 0 .42-.421.42-.982 0-1.404l-3.916-3.93zM1.398 5.964a4.544 4.544 0 014.545-4.56 4.544 4.544 0 014.545 4.56 4.544 4.544 0 01-4.545 4.561 4.544 4.544 0 01-4.545-4.56z%22 fill%3D%22%23fff%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); background-size: 15px auto; } #utility-nav > ul > li.ico-search > a:hover, #utility-nav > ul > li.ico-search > a:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 15 15%22%3E%3Cpath d%3D%22M10.77 9.402a5.936 5.936 0 001.118-3.438C11.888 2.666 9.231 0 5.944 0S0 2.666 0 5.964c0 3.298 2.657 5.965 5.944 5.965 1.258 0 2.448-.421 3.427-1.123l3.916 3.93c.35.351.978.351 1.398 0 .42-.421.42-.982 0-1.404l-3.916-3.93zM1.398 5.964a4.544 4.544 0 014.545-4.56 4.544 4.544 0 014.545 4.56 4.544 4.544 0 01-4.545 4.561 4.544 4.544 0 01-4.545-4.56z%22 fill%3D%22%23376BA9%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); } @media screen and (min-width: 769px) { #utility-nav > ul > li.ico-search > a.toggled:before { display: block; content: ''; background-image: url("data:image/svg+xml,%3Csvg width%3D%2217%22 height%3D%229%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill%3D%22%23FFF%22 d%3D%22M8.485 0l8.486 8.485H0z%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); width: 17px; height: 9px; position: absolute; top: 32px; left: calc(50% - 8px); } } #utility-nav > ul > li.ico-youtube { margin-left: 23px; } #utility-nav > ul > li.ico-youtube > a { width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M19.677 4.812c-2.503-.104-5.064-.149-7.676-.145-2.612-.004-5.172.041-7.676.145-1.754 0-3.177 1.392-3.177 3.108C1.044 9.28.998 10.64 1 12c-.001 1.36.044 2.719.148 4.077 0 1.718 1.423 3.11 3.177 3.11 2.503.106 5.064.15 7.676.147 2.612.002 5.173-.041 7.676-.146 1.754 0 3.177-1.393 3.177-3.11.105-1.36.15-2.718.146-4.078.004-1.36-.041-2.718-.146-4.079 0-1.716-1.423-3.108-3.177-3.108zM9.657 16.217c-.067 0-.134-.018-.194-.053-.131-.076-.213-.221-.213-.379v-7.57c0-.159.082-.303.213-.378.06-.036.127-.054.194-.054.078 0 .154.025.222.069l5.533 3.785c.118.079.187.216.187.363 0 .146-.07.284-.187.364L9.88 16.148c-.068.046-.144.069-.222.069z%22%2F%3E%3C%2Fsvg%3E"); } #utility-nav > ul > li.ico-youtube > a:hover, #utility-nav > ul > li.ico-youtube > a:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22%23376BA9%22 d%3D%22M19.677 4.812c-2.503-.104-5.064-.149-7.676-.145-2.612-.004-5.172.041-7.676.145-1.754 0-3.177 1.392-3.177 3.108C1.044 9.28.998 10.64 1 12c-.001 1.36.044 2.719.148 4.077 0 1.718 1.423 3.11 3.177 3.11 2.503.106 5.064.15 7.676.147 2.612.002 5.173-.041 7.676-.146 1.754 0 3.177-1.393 3.177-3.11.105-1.36.15-2.718.146-4.078.004-1.36-.041-2.718-.146-4.079 0-1.716-1.423-3.108-3.177-3.108zM9.657 16.217c-.067 0-.134-.018-.194-.053-.131-.076-.213-.221-.213-.379v-7.57c0-.159.082-.303.213-.378.06-.036.127-.054.194-.054.078 0 .154.025.222.069l5.533 3.785c.118.079.187.216.187.363 0 .146-.07.284-.187.364L9.88 16.148c-.068.046-.144.069-.222.069z%22%2F%3E%3C%2Fsvg%3E"); } #utility-nav > ul > li.ico-twitter { margin-left: 20px; } #utility-nav > ul > li.ico-twitter > a { width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M20.067 8.509C20.067 13.844 16.146 20 8.975 20c-2.201 0-4.25-.668-5.975-1.814.304.036.615.056.93.056 1.825 0 3.507-.646 4.841-1.73-1.706-.03-3.145-1.199-3.64-2.804.236.047.48.073.732.073.355 0 .7-.05 1.026-.144-1.783-.37-3.126-2.004-3.126-3.96v-.05c.526.301 1.126.484 1.766.505-1.046-.725-1.734-1.962-1.734-3.363 0-.74.192-1.435.528-2.03 1.923 2.444 4.794 4.05 8.034 4.22-.066-.295-.1-.604-.1-.921 0-2.23 1.745-4.038 3.898-4.038 1.121 0 2.134.488 2.845 1.275.887-.181 1.723-.518 2.476-.98-.292.942-.91 1.735-1.714 2.234.788-.098 1.538-.314 2.238-.636-.522.81-1.184 1.522-1.944 2.091.007.174.01.348.01.525z%22%2F%3E%3C%2Fsvg%3E"); } #utility-nav > ul > li.ico-twitter > a:hover, #utility-nav > ul > li.ico-twitter > a:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22%23376BA9%22 d%3D%22M20.067 8.509C20.067 13.844 16.146 20 8.975 20c-2.201 0-4.25-.668-5.975-1.814.304.036.615.056.93.056 1.825 0 3.507-.646 4.841-1.73-1.706-.03-3.145-1.199-3.64-2.804.236.047.48.073.732.073.355 0 .7-.05 1.026-.144-1.783-.37-3.126-2.004-3.126-3.96v-.05c.526.301 1.126.484 1.766.505-1.046-.725-1.734-1.962-1.734-3.363 0-.74.192-1.435.528-2.03 1.923 2.444 4.794 4.05 8.034 4.22-.066-.295-.1-.604-.1-.921 0-2.23 1.745-4.038 3.898-4.038 1.121 0 2.134.488 2.845 1.275.887-.181 1.723-.518 2.476-.98-.292.942-.91 1.735-1.714 2.234.788-.098 1.538-.314 2.238-.636-.522.81-1.184 1.522-1.944 2.091.007.174.01.348.01.525z%22%2F%3E%3C%2Fsvg%3E"); } #utility-nav > ul > li.ico-linkedin { margin-left: 20px; } #utility-nav > ul > li.ico-linkedin > a { width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M3.561 8.776h4.25V19.4h-4.25V8.776zm2.087-1.063c-1.268 0-2.087-.944-2.087-2.125 0-1.206.845-2.125 2.137-2.125s2.088.919 2.113 2.125c0 1.18-.82 2.125-2.138 2.125h-.025zm11.084 6.134c0-1.395-.554-2.347-1.94-2.347-1.057 0-1.687.642-1.964 1.262-.1.222-.125.532-.125.842V19.4h-3.83s.05-9.407 0-10.38h3.83v1.469c.508-.707 1.418-1.714 3.45-1.714 2.52 0 4.408 1.484 4.408 4.673v5.952h-3.829v-5.554z%22%2F%3E%3C%2Fsvg%3E"); } #utility-nav > ul > li.ico-linkedin > a:hover, #utility-nav > ul > li.ico-linkedin > a:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22%23376BA9%22 d%3D%22M3.561 8.776h4.25V19.4h-4.25V8.776zm2.087-1.063c-1.268 0-2.087-.944-2.087-2.125 0-1.206.845-2.125 2.137-2.125s2.088.919 2.113 2.125c0 1.18-.82 2.125-2.138 2.125h-.025zm11.084 6.134c0-1.395-.554-2.347-1.94-2.347-1.057 0-1.687.642-1.964 1.262-.1.222-.125.532-.125.842V19.4h-3.83s.05-9.407 0-10.38h3.83v1.469c.508-.707 1.418-1.714 3.45-1.714 2.52 0 4.408 1.484 4.408 4.673v5.952h-3.829v-5.554z%22%2F%3E%3C%2Fsvg%3E"); } #utility-nav > ul > li.ico-mit { margin-left: 26px; } #utility-nav > ul > li.ico-mit > a { width: 45px; height: 25px; background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 45 25%22%3E%3Cg fill-rule%3D%22nonzero%22 fill%3D%22none%22%3E%3Cpath fill%3D%22rgba%28255%2C255%2C255%2C0.45%29%22 d%3D%22M32.539 5.33h12.328V.36H32.54zM8.498 16.507h4.931V.361H8.498zM16.511 23.96h4.932V.36H16.51zM.484 23.96h4.931V.36H.484zM32.539 23.96h4.931V8.433H32.54zM24.525 5.33h4.932V.36h-4.932z%22%2F%3E%3Cpath fill%3D%22%23FFF%22 d%3D%22M24.658 23.92h4.931V8.395h-4.931z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } #utility-nav > ul > li.ico-mit > a:hover, #utility-nav > ul > li.ico-mit > a:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 45 25%22%3E%3Cg fill-rule%3D%22nonzero%22 fill%3D%22none%22%3E%3Cpath fill%3D%22rgba%28255%2C255%2C255%2C0.8%29%22 d%3D%22M32.539 5.33h12.328V.36H32.54zM8.498 16.507h4.931V.361H8.498zM16.511 23.96h4.932V.36H16.51zM.484 23.96h4.931V.36H.484zM32.539 23.96h4.931V8.433H32.54zM24.525 5.33h4.932V.36h-4.932z%22%2F%3E%3Cpath fill%3D%22%23FFF%22 d%3D%22M24.658 23.92h4.931V8.395h-4.931z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } #header-search { position: absolute; top: 40px; right: 0; width: 236px; pointer-events: none; opacity: 0; } #header-search.toggled { opacity: 1; pointer-events: all; } @media screen and (max-width: 768px) { #header-search { top: 22px; width: calc(100% - 42px); } } #header-search input { background-color: #fff; color: #58595B; letter-spacing: -0.025em; padding: 11px 36px 10px 15px; border: 0; width: 100%; height: 42px; } #header-search input:focus { outline: 1px solid #376BA9; } #header-search button { position: absolute; top: 0; right: 0; width: 42px; height: 42px; font-size: 0; background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg width%3D%2215%22 height%3D%2215%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M10.77 9.402a5.936 5.936 0 001.118-3.438C11.888 2.666 9.231 0 5.944 0S0 2.666 0 5.964c0 3.298 2.657 5.965 5.944 5.965 1.258 0 2.448-.421 3.427-1.123l3.916 3.93c.35.351.978.351 1.398 0 .42-.421.42-.982 0-1.404l-3.916-3.93zM1.398 5.964a4.544 4.544 0 014.545-4.56 4.544 4.544 0 014.545 4.56 4.544 4.544 0 01-4.545 4.561 4.544 4.544 0 01-4.545-4.56z%22 fill%3D%22%234A4A4A%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); background-size: 15px auto; } #header-search button:focus { outline: 1px solid #376BA9; } .m-toggle { display: none; } @media screen and (max-width: 768px) { .m-toggle { display: block; position: absolute; top: 36px; right: 15px; z-index: 5; width: 30px; height: 30px; font-size: 0; background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 20 14%22%3E%3Cpath d%3D%22M.966 8C.433 8 0 7.552 0 7s.433-1 .966-1h18.068c.533 0 .966.448.966 1s-.433 1-.966 1H.966zm0-6C.433 2 0 1.552 0 1s.433-1 .966-1h18.068c.533 0 .966.448.966 1 0 .551-.433 1-.966 1H.966zm18.068 10c.533 0 .966.448.966 1 0 .551-.433 1-.966 1H.966C.433 14 0 13.552 0 13c0-.551.433-1 .966-1h18.068z%22 fill%3D%22%23FFF%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); background-size: 20px auto; background-position: center center; background-repeat: no-repeat; } .m-toggle.x { background-image: url("data:image/svg+xml,%3Csvg width%3D%2214%22 height%3D%2214%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M7 5.56L1.722.28C1.338-.102.702-.091.305.306-.092.703-.103 1.338.281 1.722L5.559 7 .281 12.278c-.384.384-.373 1.02.024 1.417.398.397 1.033.408 1.417.024L7 8.441l5.278 5.278c.384.384 1.02.373 1.417-.024.397-.398.408-1.033.024-1.417L8.441 7l5.278-5.278c.384-.384.373-1.02-.024-1.417-.398-.397-1.033-.408-1.417-.024L7 5.559z%22 fill%3D%22%23FFF%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); background-size: 14px auto; } #navs { display: none; position: absolute; top: 0; left: 0; width: 100%; background-color: #2E2F31; padding: 98px 20px 15px; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); } #main-nav > ul { font-size: 14px; line-height: 17px; font-weight: 500; } #main-nav > ul > li { display: block; border-bottom: 1px solid #414245; position: relative; } #main-nav > ul > li > a { text-transform: uppercase; display: block; padding: 14px 0; width: calc(100% - 45px); } #main-nav > ul > li .m-trigger { display: block; position: absolute; top: 0; right: 0; width: 45px; height: 45px; background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 10 7%22%3E%3Cpath d%3D%22M.225.533A.77.77 0 011.241.469l.072.064 3.695 3.695L8.702.533A.77.77 0 019.718.469l.072.064a.77.77 0 01.064 1.015l-.064.073-4.238 4.238a.77.77 0 01-1.016.064l-.072-.064L.225 1.621a.77.77 0 010-1.088z%22 fill%3D%22%23FFF%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); background-position: center right; background-size: 10px 7px; background-repeat: no-repeat; } #main-nav > ul > li a { color: #fff; } #main-nav > ul > li ul { display: none; padding: 0 20px 13px; font-size: 14px; } #main-nav > ul > li ul li { margin-bottom: 15px; } #main-nav > ul > li.open ul { display: block; } #main-nav > ul > li.open .m-trigger { background-image: url("data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%227%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M4.453.764A.77.77 0 015.468.7l.072.064L9.768 4.99a.77.77 0 01-1.016 1.152l-.072-.064-3.684-3.684L1.313 6.08a.77.77 0 01-1.015.064l-.073-.064a.77.77 0 01-.064-1.015l.064-.073L4.453.764z%22 fill%3D%22%23FFF%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); } #utility-nav > ul > li.ico-search { width: 100%; margin-left: 0; padding: 30px 0; } #utility-nav > ul > li.ico-youtube { margin-left: 0; } } #banner-content { position: relative; z-index: 5; color: #fff; } #banner-content .inner { padding: 67px 0 90px; max-width: 475px; } #banner-content h3 { font-size: 40px; font-weight: 700; line-height: 1.125em; margin: 10px 0 12px; letter-spacing: -0.025em; } #banner-content h3 a { color: #fff; } #banner-content h3 a:hover, #banner-content h3 a:focus { color: #376BA9; } #banner-content .authors a { color: #fff; } #banner-content .authors a:hover { color: #009CB0; } #banner-content .excerpt { margin: 21px 0 30px; } @media screen and (max-width: 768px) { #banner-content .inner { padding-bottom: 40px; } #banner-content h3 { font-size: 26px; } } .meta { font-size: 10px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; } .meta .dot { width: 7px; height: 7px; background-color: gray; display: inline-block; margin-right: 8px; border-radius: 100%; } .meta.authors { font-weight: 900; } .meta.authors a:hover { color: #009CB0; } .meta.authors a:focus { text-decoration: underline; } .meta.authors small { display: block; font-weight: 500; text-transform: none; letter-spacing: 0; line-height: 1.2; } #home-research { background-color: #2E2F31; padding: 28px 0 35px; color: #A3A3A3; } #home-research .research-item { width: calc(33.333% - 20px); } #home-research h4 { font-size: 16px; margin: 9px 0 13px; letter-spacing: -0.025em; } #home-research h4 a { color: #fff; } #home-research .publication-number { font-size: 12px; font-weight: 600; margin-bottom: 8px; } #home-research .meta small { display: block; font-weight: 300; text-transform: none; letter-spacing: 0; } #home-research .meta + .meta { margin-top: 14px; } #home-research .meta a { color: #fff; } #home-research .meta a:hover { color: #009CB0; } #home-research .cta { color: #fff; } @media screen and (max-width: 768px) { #home-research { padding: 38px 0 44px; } #home-research .research-item { width: 100%; } #home-research .research-item + .research-item { margin-top: 44px; } } .quick-nav { background-color: #737578; padding: 12px 0; font-size: 14px; } .quick-nav--jump { text-transform: uppercase; line-height: 27px; letter-spacing: -0.025em; } .quick-nav--jump b, .quick-nav--jump strong { color: #fff; font-weight: 700; } .quick-nav--jump ul { display: inline-block; } .quick-nav--jump ul li { display: inline-block; padding: 0 15px; } .quick-nav--jump ul li + li { border-left: 1px solid #898989; } .quick-nav--jump ul li a { color: #fff; } .quick-nav--jump ul li a:hover, .quick-nav--jump ul li a:focus { text-decoration: underline; } .quick-nav--search { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; position: relative; } .quick-nav--search input { line-height: 22px; padding: 9px 20px 9px 50px; border: 1px solid #858585; background-color: #646568; width: 390px; display: block; color: #fff; } .quick-nav--search input:focus { border-color: #b8b8b8; } .quick-nav--search button { width: 25px; height: 25px; font-size: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 15 15%22%3E%3Cdefs%3E%3Cpath id%3D%22a%22 d%3D%22M0 0h390v40H0z%22%2F%3E%3C%2Fdefs%3E%3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E%3Cpath d%3D%22M-948-36H552v1334H-948z%22%2F%3E%3Cpath fill%3D%22%23737578%22 d%3D%22M-948-25H553v64H-948z%22%2F%3E%3Cg transform%3D%22translate%28-19 -13%29%22%3E%3Cuse fill-opacity%3D%22.127%22 fill%3D%22%23000%22 style%3D%22mix-blend-mode%3Aoverlay%22 xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse stroke%3D%22%23858585%22 xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3Cpath d%3D%22M10.77 9.402a5.936 5.936 0 001.118-3.438C11.888 2.666 9.231 0 5.944 0S0 2.666 0 5.964c0 3.298 2.657 5.965 5.944 5.965 1.258 0 2.448-.421 3.427-1.123l3.916 3.93c.35.351.978.351 1.398 0 .42-.421.42-.982 0-1.404l-3.916-3.93zM1.398 5.964a4.544 4.544 0 014.545-4.56 4.544 4.544 0 014.545 4.56 4.544 4.544 0 01-4.545 4.561 4.544 4.544 0 01-4.545-4.56z%22 fill%3D%22%23FFF%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-size: 15px auto; background-position: center center; background-color: transparent; top: 8px; left: 14px; position: absolute; display: block; z-index: 2; } .quick-nav--search button:focus { outline: 1px solid #fff; } @media screen and (max-width: 960px) { .quick-nav { padding: 25px 0; } .quick-nav .wrap { display: block; text-align: center; } .quick-nav--search { margin-bottom: 24px; } .quick-nav--search input { margin: 0 auto; } } @media screen and (max-width: 540px) { .quick-nav--search input { width: 100%; } .quick-nav--jump b, .quick-nav--jump ul, .quick-nav--jump ul li { display: block; border: none !important; padding: 0; } .quick-nav--jump b, .quick-nav--jump li { margin-bottom: 6px; } } #home-about { background-image: -webkit-gradient(linear, left bottom, right top, from(#376BA9), to(#00899B)); background-image: -webkit-linear-gradient(bottom left, #376BA9, #00899B); background-image: -o-linear-gradient(bottom left, #376BA9, #00899B); background-image: linear-gradient(to top right, #376BA9, #00899B); position: relative; padding: 67px 0 47px; } #home-about .bg-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: overlay; opacity: 0.31; -webkit-filter: grayscale(100%) brightness(83%) contrast(90%); filter: grayscale(100%) brightness(83%) contrast(90%); background-size: cover; } #home-about > .wrap { position: relative; z-index: 2; color: #fff; text-align: center; } #home-about h3 { font-size: 26px; margin-bottom: 95px; letter-spacing: -0.025em; } #home-about h4 { max-width: 830px; text-align: center; font-size: 40px; line-height: 1.1em; font-weight: 100; letter-spacing: -0.025em; } #home-about .cta { margin-top: 30px; color: #fff; font-weight: 900; } #home-about .about-bottom { margin-top: 130px; } #home-about .about-bottom .text { width: calc(100% - 260px); text-align: left; } #home-about .sep { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; width: 1px; background-color: #fff; opacity: 0.2; } @media screen and (max-width: 768px) { #home-about { padding: 53px 0 43px; } #home-about .bg-overlay { min-height: 450px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(80%, black), to(rgba(0, 0, 0, 0))); -webkit-mask-image: -webkit-linear-gradient(black 80%, rgba(0, 0, 0, 0)); mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(80%, black), to(rgba(0, 0, 0, 0))); mask-image: linear-gradient(black 80%, rgba(0, 0, 0, 0)); } #home-about h3 { font-size: 22px; margin-bottom: 85px; } #home-about h4 { font-size: 23px; text-align: center; padding: 0; } #home-about .cta { margin-top: 22px; } #home-about .about-bottom { margin-top: 81px; display: block; } #home-about .about-bottom .text { width: 100%; margin-bottom: 22px; } } .bg-offwhite { background-color: #F6F6F6; } .bg-offwhite + .bg-offwhite { border-top: 1px solid #E4E4E4; } .featured-research { padding: 60px 0; } .featured-research .wrap > div { background-color: #fff; border-top: 5px solid #C9148D; } .featured-research .text { width: 42.98246%; padding: 40px 60px 40px 40px; } .featured-research .text p a { text-decoration: underline; } .featured-research .text p a:hover, .featured-research .text p a:focus { color: #000; } .featured-research .image { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; min-height: 435px; width: 57.01754%; background-size: cover; } .featured-research h4 { font-size: 26px; line-height: 1.11538em; letter-spacing: -0.025em; margin: 10px 0; } .featured-research h4 a { color: #000; } .featured-research h4 a:hover, .featured-research h4 a:focus { color: #376BA9; } .featured-research .btn { margin-top: 40px; } .featured-research.accent { background-color: #376BA9; } .featured-research.accent .wrap > div { border-top: none; } @media screen and (max-width: 768px) { .featured-research { padding: 45px 0; } .featured-research div[class*=flex] { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .featured-research .text, .featured-research .image { width: 100%; } .featured-research .text { padding: 20px 20px 40px; } .featured-research h4 { font-size: 20px; } .featured-research .btn { margin-top: 33px; } .featured-research p:not(.meta) { font-size: 14px; } .featured-research .image { min-height: 0; padding-top: 66.41221%; } } #footer { padding-top: 34px; padding-bottom: 30px; } #footer #logo-footer { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); font-size: 0; } #footer #logo-footer:focus { outline: 2px solid #376BA9; } #footer--info { width: 500px; margin-left: 54px; font-size: 12px; letter-spacing: 0.025em; } #footer--info b, #footer--info strong { font-weight: 700; } #footer--info .address { width: 56%; } #footer--info .contact { width: 38%; } #footer--info .legal { width: 100%; margin-top: 10px; font-size: 10px; text-transform: uppercase; color: #737578; letter-spacing: 0.025em; } #footer--info .legal a { display: inline-block; margin-left: 16px; } #footer--mit { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: right; font-size: 0; } #footer a { text-decoration: underline; } #footer a:hover, #footer a:focus { color: #009CB0; } @media screen and (max-width: 768px) { #footer--info { width: 100%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-left: 0; display: block; } #footer--info .address, #footer--info .contact { width: 100%; } #footer--info .legal { margin-top: 19px; } } #alert { display: none; position: fixed; top: 30px; width: calc(100% - 40px); max-width: 930px; padding: 30px; background-color: #93278A; color: #fff; z-index: 9999; border-radius: 5px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } #alert .text { max-width: 600px; padding-right: 40px; } #alert h6 { font-size: 16px; margin-bottom: 13px; } #alert p { font-size: 14px; } #alert .btn { white-space: nowrap; } #alert .close { font-size: 0; line-height: 0; width: 15px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 13 13%22%3E%3Cpath d%3D%22M10.477 1.197a.938.938 0 011.326 1.326L7.826 6.5l3.977 3.977a.938.938 0 01-1.326 1.326L6.5 7.826l-3.977 3.977a.938.938 0 01-1.326-1.326L5.174 6.5 1.197 2.523a.938.938 0 011.326-1.326L6.5 5.174l3.977-3.977z%22 fill%3D%22%23FFF%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); background-color: transparent; position: absolute; top: 11px; right: 11px; } #alert .close:focus { outline: 2px solid #fff; } #alert.show { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 640px) { #alert.show { display: block; } #alert .text { width: 100%; padding-right: 0; margin-bottom: 20px; } } #banner-interior { background-color: #2E2F31; padding: 25px 0; text-align: center; } #banner-interior h1 { font-size: 50px; font-weight: 100; color: #fff; line-height: 0.9em; } #banner-interior p { color: #fff; font-size: 16px; font-weight: 300; line-height: 1.4375em; max-width: 850px; margin: 0.9375em auto 0; } @media screen and (max-width: 768px) { #banner-interior { padding: 14px 0; } #banner-interior h1 { font-size: 30px; } #banner-interior p { margin-top: 7px; } } .press-contact { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px; } .press-contact b, .press-contact strong { -ms-flex-item-align: start; align-self: flex-start; width: 140px; text-align: right; font-size: 16px; font-weight: 700; letter-spacing: -0.025em; color: #fff; } .press-contact .divider { margin: 0 20px 0 36px; width: 1px; background-color: #58595B; } .press-contact .meta { margin-top: 0 !important; padding: 3px 0; text-align: left; color: #A3A3A3; } .press-contact .meta a { color: #fff; display: inline-block; margin-top: 9px; } .press-contact .meta a:hover, .press-contact .meta a:focus { text-decoration: underline; } @media screen and (max-width: 480px) { .press-contact { display: block !important; } .press-contact .divider { display: none; } .press-contact b, .press-contact strong, .press-contact .meta { display: block; text-align: center; width: 100%; } .press-contact .meta { margin-top: 12px !important; } } #top-research { margin: 60px auto; } #top-research .text { width: 42.7193%; } #top-research h2 { font-size: 40px; font-weight: 700; line-height: 1.125em; letter-spacing: -0.025em; margin: 10px 0; } #top-research h2, #top-research h2 a { color: #000; } #top-research h2:hover, #top-research h2:focus, #top-research h2 a:hover, #top-research h2 a:focus { color: #376BA9; } #top-research .publication-number { font-size: 12px; font-weight: 600; margin-bottom: 8px; } #top-research .excerpt { margin-top: 20px; } #top-research .btn { margin-top: 30px; } #top-research img { width: 51.31579%; } @media screen and (max-width: 768px) { #top-research h2 { font-size: 24px; } } @media screen and (max-width: 640px) { #top-research .text { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; } #top-research img { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; width: 100%; margin-bottom: 16px; } } #filters { background-color: #376BA9; padding: 11px 0; } #filters.simple { text-align: center; } @media screen and (max-width: 960px) { #filters.simple .buttons { margin-bottom: 0; } } #filters .buttons { font-size: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } #filters .buttons li { display: inline-block; } #filters .buttons li a, #filters .buttons li button { display: inline-block; padding: 14px 18px; color: #fff; border-radius: 2px; background-color: transparent; font-size: 10px; font-weight: 900; letter-spacing: 0.2em; text-transform: uppercase; text-align: center; -webkit-transition: 0.15s; -o-transition: 0.15s; transition: 0.15s; line-height: 12px; vertical-align: middle; } #filters .buttons li a.active, #filters .buttons li button.active { background-color: rgba(255, 255, 255, 0.2); } #filters .buttons li a:hover, #filters .buttons li a:focus, #filters .buttons li button:hover, #filters .buttons li button:focus { color: #376BA9; background-color: #fff; } #filters .buttons li:not(:last-child):after { width: 1px; height: 26px; content: ''; background-color: #447DC1; margin: 0 3px; display: inline-block; vertical-align: middle; } #filters .select-menu { width: 175px; } #filters .search { padding: 0; border: 1px solid #447DC1; background-color: rgba(0, 0, 0, 0.13); position: relative; margin-left: 20px; } #filters .search ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; } #filters .search ::-moz-placeholder { /* Firefox 19+ */ color: #fff; } #filters .search :-ms-input-placeholder { /* IE 10+ */ color: #fff; } #filters .search :-moz-placeholder { /* Firefox 18- */ color: #fff; } #filters .search input { width: 174px; height: 40px; font-size: 14px; font-weight: 300; color: #fff; line-height: 22px; padding: 9px 9px 9px 43px; background-color: transparent; border: none; } #filters .search input:focus { outline: 1px solid #fff; } #filters .search button { font-size: 0; position: absolute; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg width%3D%2215%22 height%3D%2215%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M10.77 9.402a5.936 5.936 0 001.118-3.438C11.888 2.666 9.231 0 5.944 0S0 2.666 0 5.964c0 3.298 2.657 5.965 5.944 5.965 1.258 0 2.448-.421 3.427-1.123l3.916 3.93c.35.351.978.351 1.398 0 .42-.421.42-.982 0-1.404l-3.916-3.93zM1.398 5.964a4.544 4.544 0 014.545-4.56 4.544 4.544 0 014.545 4.56 4.544 4.544 0 01-4.545 4.561 4.544 4.544 0 01-4.545-4.56z%22 fill%3D%22%23fff%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); background-size: 15px auto; background-color: transparent; left: 11px; top: calc(50% - 12px); } #filters .search button:focus { outline: 1px solid #fff; } @media screen and (max-width: 960px) { #filters .wrap { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #filters .buttons { width: 100%; text-align: center; margin-bottom: 20px; } } @media screen and (max-width: 640px) { #filters .buttons { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; margin-bottom: 15px; } #filters .buttons li { display: block; } #filters .buttons li:after { display: none !important; } #filters .buttons li a { display: block; } #filters .select-menu { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; width: 100%; } #filters .search { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; margin: 12px 0 20px; } } .research-cards { padding: 64px 0 105px; } .research-cards h2 { font-size: 24px; font-weight: 700; line-height: 1.125em; margin-bottom: 24px; letter-spacing: -0.025em; color: #000; float: left; } .research-cards h2 ~ h2 { margin-top: 74px; } .research-cards h2 ~ h2 + .research-arrows { margin-top: 74px; } .research-cards .ajax-content { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .research-cards .ajax-content .research-card { margin-left: 3px; margin-right: 3px; } .research-cards .research-card { width: calc(33.333% - 6px); -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; } .research-cards .research-card .publication-number { font-size: 10px; font-weight: 600; margin-bottom: 6px; } @media screen and (max-width: 960px) { .research-cards .research-card { width: calc(50% - 6px); } } @media screen and (max-width: 640px) { .research-cards .research-card { width: calc(100%); } } .research-cards .wrap[class*=flex] .research-card { margin-bottom: 16px; } .research-cards.two-up .research-card { width: calc(50% - 8px); } @media screen and (max-width: 640px) { .research-cards.two-up .research-card { width: calc(100%); } } .research-cards.two-up h2.centered-heading { float: none; margin-bottom: 40px; } .news-cards { background-color: #F6F6F6; padding: 60px 0 65px; } .news-cards .research-card { width: calc(50% - 5px); margin-bottom: 10px; } @media screen and (max-width: 768px) { .news-cards .research-card { width: 100%; } } .research-card { padding: 45px 40px 40px; background-color: #fff; border-top: 5px solid #000; 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: justify; -ms-flex-pack: justify; justify-content: space-between; } .research-card h4 { font-size: 26px; line-height: 1.11538em; letter-spacing: -0.025em; margin: 10px 0; } .research-card h4 a { color: #000; } .research-card .excerpt { font-size: 16px; margin-top: 1.1875em; } .research-card .btn { margin-top: 21px; } @media screen and (max-width: 768px) { .research-card { padding: 30px 20px 23px; } .research-card h4 { font-size: 20px; } .research-card .excerpt { font-size: 14px; } } .research-slider { clear: both; } .research-arrows { float: right; } .research-arrows button { width: 20px; height: 20px; font-size: 0; background-image: url("data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2220%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M10.93 18.627a.803.803 0 010 1.138.809.809 0 01-1.14 0L.57 10.569a.804.804 0 010-1.138L9.79.236a.808.808 0 011.14 0 .803.803 0 010 1.137L2.523 10l8.408 8.627z%22 fill%3D%22%23000%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); background-color: transparent; } .research-arrows button.research-next { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-left: 18px; } .research-arrows button:hover, .research-arrows button:focus { background-image: url("data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2220%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M10.93 18.627a.803.803 0 010 1.138.809.809 0 01-1.14 0L.57 10.569a.804.804 0 010-1.138L9.79.236a.808.808 0 011.14 0 .803.803 0 010 1.137L2.523 10l8.408 8.627z%22 fill%3D%22%23376BA9%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); } @media screen and (max-width: 768px) { .research-arrows button { background-size: auto 15px; } .research-arrows button.research-next { margin-left: 8px; } } .research-arrows button.swiper-button-disabled { opacity: 0.2; pointer-events: none; } @-webkit-keyframes loadingPulse { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } 33% { -webkit-transform: scale(0.33); transform: scale(0.33); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes loadingPulse { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } 33% { -webkit-transform: scale(0.33); transform: scale(0.33); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .loading { margin: 40px auto 0; width: 30px; height: 30px; border-radius: 30px; background-color: rgba(55, 107, 169, 0.1); font-size: 0; position: relative; } .loading:after { content: 'LOADING'; position: absolute; top: calc(100% + 10px); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-size: 10px; font-weight: 500; line-height: 15px; letter-spacing: 0.06667em; } .loading a { display: block; width: 30px; height: 30px; border-radius: 30px; background-color: #376BA9; -webkit-animation-name: loadingPulse; animation-name: loadingPulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } h2.team-landing-head { font-size: 40px; font-weight: 700; color: #000; line-height: 1.125em; text-align: center; letter-spacing: -0.025em; width: 100%; margin-bottom: 50px; } @media screen and (max-width: 768px) { h2.team-landing-head { font-size: 26px; } } h2.team-landing-head + p { text-align: center; max-width: 850px; margin: 16px auto 0; } .team { padding: 60px 0 30px; background-color: #F6F6F6; } .team[data-group=leadership-staff] .team--member { width: calc(33.333% - 30px); } @media screen and (max-width: 860px) { .team[data-group=leadership-staff] .team--member { width: calc(50% - 30px); } } .team.contributors { background-color: #fff; border-bottom: 1px solid #E4E4E4; } .team.contributors .wrap { margin-top: 50px; } .team.contributors.hide { display: none; } .team .wrap { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; } .team hr { width: 100%; margin: 10px 0 40px; } .team--member { width: calc(25% - 30px); margin: 0 15px 30px; background-color: #fff; } .team--member img { display: block; -webkit-filter: grayscale(1); filter: grayscale(1); } .team--member .authors br { display: block; margin-top: 12px; } .team--member:hover, .team--member:focus { -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15); } .team--member:hover h3, .team--member:focus h3 { color: #58595B; } .team--info { padding: 20px 20px 25px; } .team--info h3 { color: #376BA9; font-size: 20px; font-weight: 700; line-height: 1.1em; letter-spacing: -0.025em; margin-bottom: 0.31818em; } .team--info .meta { color: #58595B; } @media screen and (max-width: 960px) { .team--member { width: calc(33.333% - 30px); margin: 0 10px 20px; } } @media screen and (max-width: 640px) { .team--member { width: calc(50% - 30px); } } @media screen and (max-width: 480px) { .team--member { width: 100% !important; position: relative; padding: 20px; margin: 0 0 30px; } .team--member img { width: 17.85714%; float: right; } .team--info { padding: 0 28.57143% 0 0; } } .events { background-color: #f6f6f6; padding: 55px 0 60px; } .event { background-color: #fff; border-top: 5px solid #58595B; margin-bottom: 10px; } .event--details { padding: 45px 30px 40px 40px; width: 290px; } .event--details time { display: block; font-size: 12px; font-weight: 900; color: #376BA9; text-transform: uppercase; letter-spacing: 0.1em; } .event--details time small { font-size: 10px; color: #58595B; font-weight: 500; display: block; } .event--details address { margin-top: 12px; font-size: 10px; font-weight: 500; line-height: 1.2em; } .event--details address b, .event--details address strong { font-weight: 900; } .event--content { padding: 45px 40px 40px 0; width: 39.47368%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .event--content h3 { font-size: 26px; font-weight: 700; line-height: 1.11538em; letter-spacing: -0.02241em; margin-bottom: 14px; } .event--content h3 a { color: #000; } .event--content h3 a:hover, .event--content h3 a:focus { color: #376BA9; } .event--content .btn { margin-top: 25px; } .event--image { width: 31.57895%; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; background-size: cover; background-position: center center; } .event .show-768 { display: none; } @media screen and (max-width: 960px) { .event--details { width: 200px; padding: 28px 20px 20px; } .event--content { padding: 28px 20px 20px 0; } .event--content h3 { font-size: 20px; } .event--content p { font-size: 14px; } } @media screen and (max-width: 768px) { .event { -ms-flex-wrap: wrap; flex-wrap: wrap; } .event--details, .event--content, .event--image { width: 100%; } .event--image { padding-bottom: 66.07143%; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .event--content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: 31px 20px 25px; } .event--details { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding: 0 20px 35px; } .event .hide-768 { display: none; } .event .show-768 { display: block; margin-top: 30px; } } .flag { display: inline-block; margin-top: 17px; font-size: 10px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; line-height: 1.4em; padding: 5px 10px 4px; border-radius: 2px; background-color: #e4e4e4; } h2.centered-heading { font-size: 40px; font-weight: 700; line-height: 1.125em; letter-spacing: -0.025em; color: #000; text-align: center; max-width: 850px; margin: 0 auto 20px; } @media screen and (max-width: 768px) { h2.centered-heading { font-size: 26px; } } p.centered-description { text-align: center; margin: 0 auto 40px; max-width: 850px; } .centered-heading + p.centered-description { margin-top: -4px; } .wrap.content-main { max-width: 890px; margin-top: 80px; margin-bottom: 60px; } .single-team .wrap.content-main { margin-top: 40px; } hr { margin: 60px 0; border-color: #E4E4E4; } .questions { margin-top: 60px; margin-bottom: 68px; } .questions h2 { margin-bottom: 53px; } .bucket p { text-align: center; } .three-up .bucket { width: calc(33.333% - 20px); } @media screen and (max-width: 640px) { .three-up .bucket { width: 100%; } .three-up .bucket + .bucket { margin-top: 50px; } } .bucket > img { display: block; margin-bottom: 20px; } .bucket .icon { text-align: center; height: 100px; margin-bottom: 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bucket .icon img { max-height: 100%; } .center { text-align: center; } .funders { padding: 60px 0 50px; } .funders .center { max-width: 850px; margin: 0 auto; } .funders .centered-heading { margin-bottom: 10px; } .funders .btn { margin-top: 30px; } .collab-grid { width: calc(100% + 30px); margin-left: -15px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 38px; } .collab-grid .collaborator { background-color: #fff; width: calc(25% - 30px); margin: 0 15px 30px; -webkit-transition: 0.15s; -o-transition: 0.15s; transition: 0.15s; position: relative; } .collab-grid .collaborator--details { background-color: #2E2F31; padding: 25px 20px; text-align: center; opacity: 0; pointer-events: none; -webkit-transition: 0.15s; -o-transition: 0.15s; transition: 0.15s; position: absolute; left: 0; top: 100%; width: 100%; -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15); } .collab-grid .collaborator--details h5 { color: #fff; font-size: 16px; font-weight: 700; line-height: 1.375em; letter-spacing: -0.025em; } .collab-grid .collaborator--details p { color: #A3A3A3; margin-top: 9px; font-size: 14px; } .collab-grid .collaborator--details .btn { width: 100%; margin-top: 20px; } .collab-grid .collaborator--details:before { content: ''; width: 20px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 20 10%22%3E%3Cpath d%3D%22M10 0l10 10H0z%22 fill%3D%22%232E2F31%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); position: absolute; top: -10px; left: calc(50% - 10px); } .collab-grid .collaborator:hover { -webkit-transition-delay: 0.08s; -o-transition-delay: 0.08s; transition-delay: 0.08s; -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15); } .collab-grid .collaborator:hover .collaborator--details { opacity: 1; pointer-events: all; -webkit-transition: 0.15s; -o-transition: 0.15s; transition: 0.15s; -webkit-transition-delay: 0.08s; -o-transition-delay: 0.08s; transition-delay: 0.08s; } .collab-grid .icon { height: 158px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .collab-grid .icon img { max-width: 77.5%; max-height: 77.5%; } @media screen and (max-width: 1140px) { .collab-grid .collaborator .icon { height: 13.85965vw; } } @media screen and (max-width: 860px) { .collab-grid .collaborator { width: calc(33.333% - 30px); } .collab-grid .collaborator .icon { height: 19.75vw; } } @media screen and (max-width: 640px) { .collab-grid .collaborator { width: calc(50% - 30px); } .collab-grid .collaborator .icon { height: 26.33333vw; } } @media screen and (max-width: 480px) { .collab-grid .collaborator { width: 100%; } .collab-grid .collaborator .icon { height: 59.62264vw; } } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-module { background-color: #2E2F31; padding: 60px 0; } .video-module p { max-width: 750px; text-align: center; margin: 20px auto 0; font-weight: 700; letter-spacing: -0.025em; color: #fff; } .video-module.bg-offwhite { background-color: #F6F6F6; } .video-module.bg-offwhite p { color: #000; } .bio { margin: 36px auto 40px; max-width: 890px; } .bio--details { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .bio--details .meta.authors { font-size: 12px; } .bio--details .meta.authors small { margin-top: 6px; } .bio--details .btn { margin-top: 21px; } .bio--name { padding-bottom: 15px; border-bottom: 1px solid #E4E4E4; margin-bottom: 22px; float: left; width: calc(100% - 285px); } .bio--name h2 { font-weight: 700; font-size: 40px; color: #000000; letter-spacing: -0.025em; line-height: 1.125em; } .bio--image { width: 260px; float: right; margin-left: 25px; -webkit-filter: grayscale(1); filter: grayscale(1); } .bio .meta { clear: left; } .bio--social { font-size: 0; } @media screen and (max-width: 768px) { .bio--name h2 { font-size: 26px; } } @media screen and (max-width: 640px) { .bio--name, .bio--image, .bio .meta { float: none; width: 100%; margin-left: 0; } .bio img { display: block; margin-bottom: 22px; } } .social-icon { font-size: 0; display: inline-block; width: 22px; height: 22px; margin-left: 13px; } .social-icon.twitter { background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 22 22%22%3E%3Cpath d%3D%22M11 0c6.075 0 11 4.925 11 11s-4.925 11-11 11S0 17.075 0 11 4.925 0 11 0zm2.392 5.74c-1.41 0-2.552 1.188-2.552 2.654 0 .209.023.412.066.606-2.12-.111-4-1.167-5.257-2.775-.22.391-.346.849-.346 1.335 0 .921.45 1.735 1.135 2.211a2.48 2.48 0 01-1.156-.331v.032c0 1.287.879 2.362 2.046 2.604a2.405 2.405 0 01-1.151.047c.324 1.056 1.266 1.824 2.383 1.845a4.991 4.991 0 01-3.777 1.1 7.019 7.019 0 003.91 1.193c4.693 0 7.26-4.048 7.26-7.557 0-.116-.003-.23-.008-.345a5.305 5.305 0 001.272-1.375 4.942 4.942 0 01-1.464.418c.526-.328.93-.85 1.121-1.469a4.99 4.99 0 01-1.62.644 2.498 2.498 0 00-1.862-.838z%22 fill%3D%22%23376BA9%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); } .social-icon.twitter:hover, .social-icon.twitter:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 22 22%22%3E%3Cpath d%3D%22M11 0c6.075 0 11 4.925 11 11s-4.925 11-11 11S0 17.075 0 11 4.925 0 11 0zm2.392 5.74c-1.41 0-2.552 1.188-2.552 2.654 0 .209.023.412.066.606-2.12-.111-4-1.167-5.257-2.775-.22.391-.346.849-.346 1.335 0 .921.45 1.735 1.135 2.211a2.48 2.48 0 01-1.156-.331v.032c0 1.287.879 2.362 2.046 2.604a2.405 2.405 0 01-1.151.047c.324 1.056 1.266 1.824 2.383 1.845a4.991 4.991 0 01-3.777 1.1 7.019 7.019 0 003.91 1.193c4.693 0 7.26-4.048 7.26-7.557 0-.116-.003-.23-.008-.345a5.305 5.305 0 001.272-1.375 4.942 4.942 0 01-1.464.418c.526-.328.93-.85 1.121-1.469a4.99 4.99 0 01-1.62.644 2.498 2.498 0 00-1.862-.838z%22 fill%3D%22%23009CB0%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); } .social-icon.linkedin { background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 22 22%22%3E%3Cpath d%3D%22M11 0c6.075 0 11 4.925 11 11s-4.925 11-11 11S0 17.075 0 11 4.925 0 11 0zM8.864 8.529H6.249v6.536h2.615V8.53zm5.132 0c-1.25 0-1.81.62-2.123 1.054V8.68H9.517c.03.564.004 5.74 0 6.33v.055h2.356V11.5c0-.19.015-.381.077-.518.17-.381.558-.776 1.209-.776.852 0 1.193.585 1.193 1.443v3.417h2.355v-3.661c0-1.962-1.162-2.875-2.711-2.875zM7.564 5.261c-.795 0-1.315.565-1.315 1.307 0 .726.504 1.307 1.284 1.307h.016c.81 0 1.315-.58 1.315-1.307-.016-.742-.505-1.307-1.3-1.307z%22 fill%3D%22%23376BA9%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); } .social-icon.linkedin:hover, .social-icon.linkedin:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 22 22%22%3E%3Cpath d%3D%22M11 0c6.075 0 11 4.925 11 11s-4.925 11-11 11S0 17.075 0 11 4.925 0 11 0zM8.864 8.529H6.249v6.536h2.615V8.53zm5.132 0c-1.25 0-1.81.62-2.123 1.054V8.68H9.517c.03.564.004 5.74 0 6.33v.055h2.356V11.5c0-.19.015-.381.077-.518.17-.381.558-.776 1.209-.776.852 0 1.193.585 1.193 1.443v3.417h2.355v-3.661c0-1.962-1.162-2.875-2.711-2.875zM7.564 5.261c-.795 0-1.315.565-1.315 1.307 0 .726.504 1.307 1.284 1.307h.016c.81 0 1.315-.58 1.315-1.307-.016-.742-.505-1.307-1.3-1.307z%22 fill%3D%22%23009CB0%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); } .social-icon.facebook { background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 22 22%22%3E%3Cdefs%3E%3Cpath d%3D%22M11 0c6.075 0 11 4.925 11 11s-4.925 11-11 11S0 17.075 0 11 4.925 0 11 0zm1.172 4.783c-2.096 0-2.573 1.569-2.573 2.573V8.76H8.386v2.168H9.6v6.135h2.55v-6.135h1.72l.223-2.168h-1.943V7.484c0-.478.317-.59.54-.59h1.371V4.79l-1.888-.007z%22 id%3D%22a%22%2F%3E%3C%2Fdefs%3E%3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E%3Cmask id%3D%22b%22 fill%3D%22%23fff%22%3E%3Cuse xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3Cg mask%3D%22url%28%23b%29%22 fill%3D%22%23376BA9%22%3E%3Cpath d%3D%22M0 0h22v22H0z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .social-icon.facebook:hover, .social-icon.facebook:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 22 22%22%3E%3Cdefs%3E%3Cpath d%3D%22M11 0c6.075 0 11 4.925 11 11s-4.925 11-11 11S0 17.075 0 11 4.925 0 11 0zm1.172 4.783c-2.096 0-2.573 1.569-2.573 2.573V8.76H8.386v2.168H9.6v6.135h2.55v-6.135h1.72l.223-2.168h-1.943V7.484c0-.478.317-.59.54-.59h1.371V4.79l-1.888-.007z%22 id%3D%22a%22%2F%3E%3C%2Fdefs%3E%3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E%3Cmask id%3D%22b%22 fill%3D%22%23fff%22%3E%3Cuse xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3Cg mask%3D%22url%28%23b%29%22 fill%3D%22%23009CB0%22%3E%3Cpath d%3D%22M0 0h22v22H0z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .social-icon.email { background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 22 22%22%3E%3Cdefs%3E%3Cpath d%3D%22M11 0c6.075 0 11 4.925 11 11s-4.925 11-11 11S0 17.075 0 11 4.925 0 11 0zm.282 5.74c-.745 0-1.452.128-2.12.385a5.372 5.372 0 00-1.763 1.1 5.275 5.275 0 00-1.21 1.73c-.3.676-.45 1.432-.45 2.27 0 .822.13 1.546.392 2.172.261.626.624 1.15 1.089 1.573a4.634 4.634 0 001.648.957 6.41 6.41 0 002.068.322c.423 0 .797-.03 1.124-.092.326-.061.647-.169.962-.322l-.357-1.107c-.23.108-.488.188-.772.242-.285.054-.538.08-.76.08-.662 0-1.248-.09-1.758-.27a3.493 3.493 0 01-1.285-.772 3.285 3.285 0 01-.79-1.216 4.529 4.529 0 01-.27-1.613c0-.607.107-1.17.322-1.688a4.046 4.046 0 012.236-2.23 4.287 4.287 0 011.67-.324c.524 0 1.011.062 1.465.185.453.123.847.317 1.181.582.334.265.597.602.79 1.009.191.407.288.899.288 1.475 0 .4-.049.745-.144 1.037-.097.292-.221.534-.375.726a1.498 1.498 0 01-.519.426 1.344 1.344 0 01-.587.139c-.2 0-.329-.081-.387-.242-.057-.162-.055-.423.006-.784l.553-3.123h-.806l-.357.369a2.047 2.047 0 00-.507-.317 1.697 1.697 0 00-.68-.121c-.392 0-.763.106-1.112.317a3.33 3.33 0 00-.922.835 4.148 4.148 0 00-.628 1.193c-.154.45-.23.912-.23 1.389 0 .253.036.484.109.69.073.209.17.385.294.531.123.146.269.26.438.34.169.08.346.121.53.121.23 0 .441-.035.634-.104.192-.069.369-.163.53-.282.161-.12.309-.255.444-.41.134-.153.259-.31.374-.472h.046c-.023.239-.008.438.046.6a.893.893 0 00.248.391c.111.1.25.171.415.214.165.042.343.063.536.063.46 0 .893-.092 1.296-.277a3.462 3.462 0 001.06-.748 3.44 3.44 0 00.715-1.118c.173-.431.259-.892.259-1.383 0-.7-.127-1.324-.38-1.873a4.029 4.029 0 00-1.05-1.395 4.709 4.709 0 00-1.578-.876 6.169 6.169 0 00-1.97-.305zm.404 3.826a1.025 1.025 0 00-.404-.07c-.23 0-.443.066-.64.196-.195.13-.364.3-.506.507a2.48 2.48 0 00-.329.697c-.077.258-.115.51-.115.755 0 .254.051.462.155.623.104.16.283.242.536.242a.744.744 0 00.346-.098c.123-.065.242-.152.357-.26a3.35 3.35 0 00.622-.807l.288-1.59a1.23 1.23 0 00-.31-.195z%22 id%3D%22a%22%2F%3E%3C%2Fdefs%3E%3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E%3Cmask id%3D%22b%22 fill%3D%22%23fff%22%3E%3Cuse xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3Cg mask%3D%22url%28%23b%29%22 fill%3D%22%23376BA9%22%3E%3Cpath d%3D%22M0 0h22v22H0z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .social-icon.email:hover, .social-icon.email:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 22 22%22%3E%3Cdefs%3E%3Cpath d%3D%22M11 0c6.075 0 11 4.925 11 11s-4.925 11-11 11S0 17.075 0 11 4.925 0 11 0zm.282 5.74c-.745 0-1.452.128-2.12.385a5.372 5.372 0 00-1.763 1.1 5.275 5.275 0 00-1.21 1.73c-.3.676-.45 1.432-.45 2.27 0 .822.13 1.546.392 2.172.261.626.624 1.15 1.089 1.573a4.634 4.634 0 001.648.957 6.41 6.41 0 002.068.322c.423 0 .797-.03 1.124-.092.326-.061.647-.169.962-.322l-.357-1.107c-.23.108-.488.188-.772.242-.285.054-.538.08-.76.08-.662 0-1.248-.09-1.758-.27a3.493 3.493 0 01-1.285-.772 3.285 3.285 0 01-.79-1.216 4.529 4.529 0 01-.27-1.613c0-.607.107-1.17.322-1.688a4.046 4.046 0 012.236-2.23 4.287 4.287 0 011.67-.324c.524 0 1.011.062 1.465.185.453.123.847.317 1.181.582.334.265.597.602.79 1.009.191.407.288.899.288 1.475 0 .4-.049.745-.144 1.037-.097.292-.221.534-.375.726a1.498 1.498 0 01-.519.426 1.344 1.344 0 01-.587.139c-.2 0-.329-.081-.387-.242-.057-.162-.055-.423.006-.784l.553-3.123h-.806l-.357.369a2.047 2.047 0 00-.507-.317 1.697 1.697 0 00-.68-.121c-.392 0-.763.106-1.112.317a3.33 3.33 0 00-.922.835 4.148 4.148 0 00-.628 1.193c-.154.45-.23.912-.23 1.389 0 .253.036.484.109.69.073.209.17.385.294.531.123.146.269.26.438.34.169.08.346.121.53.121.23 0 .441-.035.634-.104.192-.069.369-.163.53-.282.161-.12.309-.255.444-.41.134-.153.259-.31.374-.472h.046c-.023.239-.008.438.046.6a.893.893 0 00.248.391c.111.1.25.171.415.214.165.042.343.063.536.063.46 0 .893-.092 1.296-.277a3.462 3.462 0 001.06-.748 3.44 3.44 0 00.715-1.118c.173-.431.259-.892.259-1.383 0-.7-.127-1.324-.38-1.873a4.029 4.029 0 00-1.05-1.395 4.709 4.709 0 00-1.578-.876 6.169 6.169 0 00-1.97-.305zm.404 3.826a1.025 1.025 0 00-.404-.07c-.23 0-.443.066-.64.196-.195.13-.364.3-.506.507a2.48 2.48 0 00-.329.697c-.077.258-.115.51-.115.755 0 .254.051.462.155.623.104.16.283.242.536.242a.744.744 0 00.346-.098c.123-.065.242-.152.357-.26a3.35 3.35 0 00.622-.807l.288-1.59a1.23 1.23 0 00-.31-.195z%22 id%3D%22a%22%2F%3E%3C%2Fdefs%3E%3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E%3Cmask id%3D%22b%22 fill%3D%22%23fff%22%3E%3Cuse xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3Cg mask%3D%22url%28%23b%29%22 fill%3D%22%23009CB0%22%3E%3Cpath d%3D%22M0 0h22v22H0z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } body .search-results { padding: 55px 0; } body .search-results .research-card { margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } body .search-results .research-card div:first-child { width: calc(100% - 250px); } body .search-results .research-card .btn { margin-top: 24px; } @media screen and (max-width: 768px) { body .search-results .research-card { display: block; } body .search-results .research-card div:first-child { width: 100%; } } .research-head { max-width: 890px; margin: 63px auto 40px; border-bottom: 1px solid #E4E4E4; padding-bottom: 13px; } .research-head h1 { font-size: 40px; font-weight: 700; color: #000; letter-spacing: -0.025em; line-height: 1.125em; margin-bottom: 10px; } .research-head .authors { font-size: 12px; } .research-head .publication-number { font-size: 12px; font-weight: 600; margin-top: 8px; } @media screen and (max-width: 768px) { .research-head h1 { font-size: 26px; } .research-head .authors { font-size: 10px; } } @media screen and (max-width: 480px) { .share-dl { display: block !important; text-align: center; } } .sharing { font-size: 0; line-height: 22px; margin-top: 35px; } .sharing b, .sharing strong, .sharing a { vertical-align: middle; } .sharing b, .sharing strong { font-size: 10px; font-weight: 900; letter-spacing: 0.2em; text-transform: uppercase; } .sharing a { margin-left: 10px; } .space-bottom { margin-bottom: 60px; } .event-details { margin-top: 38px; } .event-details div { display: -webkit-box; display: -ms-flexbox; display: flex; } .event-details h6 { font-size: 12px; font-weight: 900; color: #376BA9; text-transform: uppercase; } .event-details p, .event-details address { font-size: 12px; font-weight: 500; line-height: 1.25em; padding-left: 20px; border-left: 1px solid #E4E4E4; margin-left: 20px; } @media screen and (max-width: 640px) { .event-details { display: block !important; } .event-details div { margin-bottom: 10px; } .event-details h6 { width: 65px; text-align: right; } } .wrap.event-main { margin-top: 40px; } .wrap.event-main img:first-child { display: block; margin-bottom: 33px; } .skipnav a { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; } .skipnav a:focus, .skipnav a:active { position: static; left: 0; width: auto; height: auto; overflow: visible; text-decoration: underline; } .purple.dot, .purple .dot { background-color: #782B90; } .purple.research-card { border-top-color: #782B90; } .purple.research-card h4 a:hover, .purple.research-card h4 a:focus { color: #782B90; } .purple h2 a:hover, .purple h2 a:focus, .purple + h2 a:hover, .purple + h2 a:focus, .purple h3 a:hover, .purple h3 a:focus, .purple + h3 a:hover, .purple + h3 a:focus, .purple h4 a:hover, .purple h4 a:focus, .purple + h4 a:hover, .purple + h4 a:focus { color: #782B90 !important; } .pink.dot, .pink .dot { background-color: #C9148D; } .pink.research-card { border-top-color: #C9148D; } .pink.research-card h4 a:hover, .pink.research-card h4 a:focus { color: #C9148D; } .pink h2 a:hover, .pink h2 a:focus, .pink + h2 a:hover, .pink + h2 a:focus, .pink h3 a:hover, .pink h3 a:focus, .pink + h3 a:hover, .pink + h3 a:focus, .pink h4 a:hover, .pink h4 a:focus, .pink + h4 a:hover, .pink + h4 a:focus { color: #C9148D !important; } .teal.dot, .teal .dot { background-color: #009CB0; } .teal.research-card { border-top-color: #009CB0; } .teal.research-card h4 a:hover, .teal.research-card h4 a:focus { color: #009CB0; } .teal h2 a:hover, .teal h2 a:focus, .teal + h2 a:hover, .teal + h2 a:focus, .teal h3 a:hover, .teal h3 a:focus, .teal + h3 a:hover, .teal + h3 a:focus, .teal h4 a:hover, .teal h4 a:focus, .teal + h4 a:hover, .teal + h4 a:focus { color: #009CB0 !important; } .blue.dot, .blue .dot { background-color: #376BA9; } .blue.research-card { border-top-color: #376BA9; } .blue.research-card h4 a:hover, .blue.research-card h4 a:focus { color: #376BA9; } .blue h2 a:hover, .blue h2 a:focus, .blue + h2 a:hover, .blue + h2 a:focus, .blue h3 a:hover, .blue h3 a:focus, .blue + h3 a:hover, .blue + h3 a:focus, .blue h4 a:hover, .blue h4 a:focus, .blue + h4 a:hover, .blue + h4 a:focus { color: #376BA9 !important; } .slate.dot, .slate .dot { background-color: #6A6FA9; } .slate.research-card { border-top-color: #6A6FA9; } .slate.research-card h4 a:hover, .slate.research-card h4 a:focus { color: #6A6FA9; } .slate h2 a:hover, .slate h2 a:focus, .slate + h2 a:hover, .slate + h2 a:focus, .slate h3 a:hover, .slate h3 a:focus, .slate + h3 a:hover, .slate + h3 a:focus, .slate h4 a:hover, .slate h4 a:focus, .slate + h4 a:hover, .slate + h4 a:focus { color: #6A6FA9 !important; } .green.dot, .green .dot { background-color: #3DBEB3; } .green.research-card { border-top-color: #3DBEB3; } .green.research-card h4 a:hover, .green.research-card h4 a:focus { color: #3DBEB3; } .green h2 a:hover, .green h2 a:focus, .green + h2 a:hover, .green + h2 a:focus, .green h3 a:hover, .green h3 a:focus, .green + h3 a:hover, .green + h3 a:focus, .green h4 a:hover, .green h4 a:focus, .green + h4 a:hover, .green + h4 a:focus { color: #3DBEB3 !important; } .gray.dot, .gray .dot { background-color: #a3a3a3; } .gray.research-card { border-top-color: #a3a3a3; } .gray.research-card h4 a:hover, .gray.research-card h4 a:focus { color: #a3a3a3; } .gray h2 a:hover, .gray h2 a:focus, .gray + h2 a:hover, .gray + h2 a:focus, .gray h3 a:hover, .gray h3 a:focus, .gray + h3 a:hover, .gray + h3 a:focus, .gray h4 a:hover, .gray h4 a:focus, .gray + h4 a:hover, .gray + h4 a:focus { color: #a3a3a3 !important; } /*# sourceMappingURL=style.css.map */