/** * Swiper 4.4.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 1, 2018 */ .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; 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 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .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 { -webkit-flex-shrink: 0; -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; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-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; } /* 3D Effects */ .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .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-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .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-slide-shadow-bottom { 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)); } /* IE10 Windows Phone 8 Fixes */ .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; -o-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .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: 0.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: #007aff; } .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: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; } .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: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; 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-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #ffffff; } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #ffffff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000000; } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000000; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .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: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ .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 steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-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); } } /* a11y */ .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-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { 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: 0.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-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } /*! * OverlayScrollbars * https://github.com/KingSora/OverlayScrollbars * * Version: 1.6.1 * * Copyright KingSora. * https://github.com/KingSora * * Released under the MIT license. * Date: 16.12.2018 */ /* OVERLAY SCROLLBARS CORE: */ html.os-html, html.os-html > .os-host { display: block; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100% !important; width: 100% !important; min-width: 100% !important; min-height: 100% !important; margin: 0 !important; position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */ } html.os-html > .os-host > .os-padding { position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */ } body.os-dragging, body.os-dragging * { cursor: default; } .os-host, .os-host-textarea { position: relative; overflow: visible !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -ms-flex-line-pack: start; -webkit-align-content: flex-start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; -ms-grid-row-align: flex-start; -webkit-align-items: flex-start; align-items: flex-start; } .os-host-flexbox { overflow: hidden !important; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .os-host-flexbox > .os-size-auto-observer { height: inherit !important; } .os-host-flexbox > .os-content-glue { -webkit-box-flex: 1; -ms-flex-positive: 1; -webkit-flex-grow: 1; flex-grow: 1; -ms-flex-negative: 0; -webkit-flex-shrink: 0; flex-shrink: 0; } .os-host-flexbox > .os-size-auto-observer, .os-host-flexbox > .os-content-glue { min-height: 0; min-width: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; -webkit-flex-grow: 0; flex-grow: 0; -ms-flex-negative: 1; -webkit-flex-shrink: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; -webkit-flex-basis: auto; flex-basis: auto; } #os-dummy-scrollbar-size { position: fixed; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; visibility: hidden; overflow: scroll; height: 500px; width: 500px; } #os-dummy-scrollbar-size > div { width: 200%; height: 200%; margin: 10px 0; } #os-dummy-scrollbar-size, .os-viewport { -ms-overflow-style: scrollbar !important; } .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner { display: none !important; width: 0px !important; height: 0px !important; visibility: hidden !important; background: transparent !important; } .os-content-glue { -webkit-box-sizing: inherit; box-sizing: inherit; max-height: 100%; max-width: 100%; width: 100%; pointer-events: none; } .os-padding { -webkit-box-sizing: inherit; box-sizing: inherit; direction: inherit; position: absolute; overflow: visible; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0; width: auto !important; height: auto !important; z-index: 1; } .os-host-overflow > .os-padding { overflow: hidden; } .os-viewport { direction: inherit !important; -webkit-box-sizing: inherit !important; box-sizing: inherit !important; resize: none !important; outline: none !important; position: absolute; overflow: hidden; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; -webkit-overflow-scrolling: touch; } .os-content-arrange { position: absolute; z-index: -1; min-height: 1px; min-width: 1px; pointer-events: none; } .os-content { direction: inherit; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; position: relative; display: block; height: 100%; width: 100%; height: 100%; width: 100%; visibility: visible; } .os-content > .os-textarea { -webkit-box-sizing: border-box !important; box-sizing: border-box !important; direction: inherit !important; float: none !important; margin: 0 !important; max-height: none !important; max-width: none !important; border: none !important; border-radius: 0px !important; background: transparent !important; outline: 0px none transparent !important; overflow: hidden !important; resize: none !important; position: absolute !important; top: 0 !important; left: 0 !important; z-index: 1; padding: 0px; } .os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea { right: 0 !important; } .os-content > .os-textarea-cover { z-index: -1; pointer-events: none; } .os-content > .os-textarea[wrap='off'] { white-space: pre !important; margin: 0px !important; } .os-text-inherit { font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; font-variant: inherit; text-transform: inherit; text-decoration: inherit; text-indent: inherit; text-align: inherit; text-shadow: inherit; -o-text-overflow: inherit; text-overflow: inherit; letter-spacing: inherit; word-spacing: inherit; line-height: inherit; unicode-bidi: inherit; direction: inherit; color: inherit; cursor: text; } .os-resize-observer, .os-resize-observer-host { -webkit-box-sizing: inherit; box-sizing: inherit; display: block; opacity: 0; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -1; } .os-resize-observer-host { padding: inherit; border: inherit; border-color: transparent; border-style: solid; -webkit-box-sizing: border-box; box-sizing: border-box; } .os-resize-observer-host:after { content: ''; } .os-resize-observer-host > .os-resize-observer, .os-resize-observer-host:after { height: 200%; width: 200%; padding: inherit; border: inherit; margin: 0px; display: block; -webkit-box-sizing: content-box; box-sizing: content-box; } .os-resize-observer.observed, object.os-resize-observer { -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } .os-size-auto-observer { -webkit-box-sizing: inherit !important; box-sizing: inherit !important; height: 100%; width: inherit; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; -webkit-box-flex: inherit; -ms-flex-positive: inherit; -webkit-flex-grow: inherit; flex-grow: inherit; -ms-flex-negative: 0; -webkit-flex-shrink: 0; flex-shrink: 0; -ms-flex-preferred-size: 0; -webkit-flex-basis: 0; flex-basis: 0; } .os-size-auto-observer > .os-resize-observer { width: 1000%; height: 1000%; min-height: 1px; min-width: 1px; } .os-resize-observer-item { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -1; opacity: 0; direction: ltr !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; -webkit-flex: none !important; flex: none !important; } .os-resize-observer-item-final { position: absolute; left: 0; top: 0; -webkit-transition: none !important; -o-transition: none !important; transition: none !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; -webkit-flex: none !important; flex: none !important; } .os-resize-observer { -webkit-animation-duration: 0.001s; animation-duration: 0.001s; -webkit-animation-name: hs-resize-observer-dummy-animation; animation-name: hs-resize-observer-dummy-animation; } /* CUSTOM SCROLLBARS AND CORNER CORE: */ .os-host-transition > .os-scrollbar, .os-host-transition > .os-scrollbar-corner { -webkit-transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; -o-transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; } html.os-html > .os-host > .os-scrollbar { position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */ z-index: 999999; /* highest z-index of the page */ } .os-scrollbar, .os-scrollbar-corner { position: absolute; opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; z-index: 1; } .os-scrollbar-corner { bottom: 0; right: 0; } .os-scrollbar { pointer-events: none; } .os-scrollbar-track { pointer-events: auto; position: relative; height: 100%; width: 100%; padding: 0 !important; border: none !important; } .os-scrollbar-handle { pointer-events: auto; position: absolute; width: 100%; height: 100%; } .os-scrollbar-handle-off, .os-scrollbar-track-off { pointer-events: none; } .os-scrollbar.os-scrollbar-unusable, .os-scrollbar.os-scrollbar-unusable * { pointer-events: none !important; } .os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle { opacity: 0 !important; } .os-scrollbar-horizontal { bottom: 0; left: 0; } .os-scrollbar-vertical { top: 0; right: 0; } .os-host-rtl > .os-scrollbar-horizontal { right: 0; } .os-host-rtl > .os-scrollbar-vertical { right: auto; left: 0; } .os-host-rtl > .os-scrollbar-corner { right: auto; left: 0; } .os-scrollbar-auto-hidden, .os-padding + .os-scrollbar-corner, .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner, .os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal, .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner, .os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical, .os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner, .os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner, .os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner { opacity: 0; visibility: hidden; pointer-events: none; } .os-scrollbar-corner-resize-both { cursor: nwse-resize; } .os-host-rtl > .os-scrollbar-corner-resize-both { cursor: nesw-resize; } .os-scrollbar-corner-resize-horizontal { cursor: ew-resize; } .os-scrollbar-corner-resize-vertical { cursor: ns-resize; } .os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize { cursor: default; } .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical { top: 0; bottom: 0; } .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal, .os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal { right: 0; left: 0; } .os-scrollbar:hover, .os-scrollbar-corner.os-scrollbar-corner-resize { opacity: 1 !important; visibility: visible !important; } .os-scrollbar-corner.os-scrollbar-corner-resize { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+); background-repeat: no-repeat; background-position: 100% 100%; pointer-events: auto !important; } .os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize { -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .os-host-overflow { overflow: hidden !important; } @-webkit-keyframes hs-resize-observer-dummy-animation { from { z-index: 0; } to { z-index: -1; } } @keyframes hs-resize-observer-dummy-animation { from { z-index: 0; } to { z-index: -1; } } /* THEMES: */ /* NONE THEME: */ .os-theme-none > .os-scrollbar-horizontal, .os-theme-none > .os-scrollbar-vertical, .os-theme-none > .os-scrollbar-corner { display: none !important; } .os-theme-none > .os-scrollbar-corner-resize { display: block !important; min-width: 10px; min-height: 10px; } /* DARK & LIGHT THEME: */ .os-theme-dark > .os-scrollbar-horizontal, .os-theme-light > .os-scrollbar-horizontal { right: 10px; height: 10px; } .os-theme-dark > .os-scrollbar-vertical, .os-theme-light > .os-scrollbar-vertical { bottom: 10px; width: 10px; } .os-theme-dark.os-host-rtl > .os-scrollbar-horizontal, .os-theme-light.os-host-rtl > .os-scrollbar-horizontal { left: 10px; right: 0; } .os-theme-dark > .os-scrollbar-corner, .os-theme-light > .os-scrollbar-corner { height: 10px; width: 10px; } .os-theme-dark > .os-scrollbar-corner, .os-theme-light > .os-scrollbar-corner { background-color: transparent; } .os-theme-dark > .os-scrollbar, .os-theme-light > .os-scrollbar { padding: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; background: transparent; } .os-theme-dark > .os-scrollbar.os-scrollbar-unusable, .os-theme-light > .os-scrollbar.os-scrollbar-unusable { background: transparent; } .os-theme-dark > .os-scrollbar > .os-scrollbar-track, .os-theme-light > .os-scrollbar > .os-scrollbar-track { background: transparent; } .os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle { min-width: 30px; } .os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle { min-height: 30px; } .os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-dark > .os-scrollbar > .os-scrollbar-track, .os-theme-light > .os-scrollbar > .os-scrollbar-track { border-radius: 10px; } .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background: rgba(0, 0, 0, 0.4); } .os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background: rgba(255, 255, 255, 0.4); } .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle { background: rgba(0, 0, 0, 0.55); } .os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle { background: rgba(255, 255, 255, 0.55); } .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active { background: rgba(0, 0, 0, 0.7); } .os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active { background: rgba(255, 255, 255, 0.7); } .os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; } .os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before { display: none; } .os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before { top: -6px; bottom: -2px; } .os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before { left: -6px; right: -2px; } .os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before { right: -6px; left: -2px; } /* reset */ * { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; background: none; border: none; border-radius: 0; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-before: 0; -webkit-padding-start: 0; -webkit-padding-end: 0; -webkit-padding-after: 0; outline: 0; } *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } html { -webkit-box-sizing: border-box; box-sizing: border-box; } body { position: relative; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } div:active, div:focus, nav:active, nav:focus { outline: 0; } b, i, em, strong, h1, h2, h3, h4, h5, h6, th, td, pre, ins, del, address, input, select, button, textarea { font-family: inherit; font-size: inherit; font-style: normal; font-weight: normal; text-transform: inherit; letter-spacing: inherit; } a, ins, del, button { color: inherit; text-decoration: none; } ul, ol, menu { list-style: none; } table { width: 100%; border-spacing: 0; border-collapse: separate; } pre, textarea { max-width: 100%; overflow: auto; } img { display: inline-block; max-width: 100%; line-height: 0; } svg:not(:root) { overflow: hidden; } form { width: 100%; } button { overflow: visible; cursor: pointer; } ::moz-focus-inner { padding: 0; border: none; } /* fontface */ @font-face { font-family: 'dm-serif-text'; src: url("/fonts/dm-serif-text/dm-serif-text.woff2") format("woff2"), url("/fonts/dm-serif-text/dm-serif-text.woff") format("woff"); font-weight: 500; font-style: normal; } @font-face { font-family: 'montserrat'; src: url("/fonts/montserrat/montserrat.woff2") format("woff2"), url("/fonts/montserrat/montserrat.woff") format("woff"); font-weight: 500; font-style: normal; } @font-face { font-family: 'montserrat'; src: url("/fonts/montserrat/montserrat-italic.woff2") format("woff2"), url("/fonts/montserrat/montserrat-italic.woff") format("woff"); font-weight: 500; font-style: italic; } @font-face { font-family: 'montserrat'; src: url("/fonts/montserrat/montserrat-bold.woff2") format("woff2"), url("/fonts/montserrat/montserrat-bold.woff") format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: 'montserrat'; src: url("/fonts/montserrat/montserrat-bold-italic.woff2") format("woff2"), url("/fonts/montserrat/montserrat-bold-italic.woff") format("woff"); font-weight: 700; font-style: italic; } h1 { font-family: "dm-serif-text", "Times New Roman", serif; margin-bottom: 2rem; font-weight: 500; font-size: 1.625rem; line-height: 1.2; color: #ffffff; } h2, .h2-like { font-family: "montserrat", "Helvetica Neue", Helvetica, arial, sans-serif; margin-bottom: 1.5rem; font-size: 1.4375rem; line-height: 1.2; color: #414042; font-weight: bold; } h3, .h3-like { font-family: "montserrat", "Helvetica Neue", Helvetica, arial, sans-serif; margin-bottom: 1rem; font-weight: bold; font-size: 1.25rem; line-height: 1.3; color: #414042; } h4, .h4-like { font-family: "montserrat", "Helvetica Neue", Helvetica, arial, sans-serif; margin-bottom: 0.75rem; font-weight: bold; font-size: 1rem; line-height: 1.2; color: #414042; } h5, .h5-like { font-family: "montserrat", "Helvetica Neue", Helvetica, arial, sans-serif; margin-bottom: 0.5rem; font-weight: 500; font-size: 0.9375rem; line-height: 1.2; color: #414042; } h6 { font-weight: 500; } p, td, li, a { font-family: "montserrat", "Helvetica Neue", Helvetica, arial, sans-serif; font-size: 1rem; line-height: 1.5; } a { text-decoration: none; } p { margin-bottom: 1rem; } p a:not(.btn), label a:not(.btn) { color: #F15D24; font-size: inherit; font-weight: inherit; line-height: inherit; } p a:not(.btn):hover, p a:not(.btn):focus, label a:not(.btn):hover, label a:not(.btn):focus { text-decoration: underline; } strong { font-weight: bold; } strong em { font-weight: inherit; } em { font-style: italic; font-weight: inherit; } em strong { font-style: inherit; } sup, sub { text-transform: none; } small { font-size: smaller; } small * { font-size: inherit; } details { padding-left: 0.5rem; } details summary { margin-bottom: 0.5rem; font-weight: bold; } p:empty, h1:empty, h2:empty, h3:empty, h4:empty, h5:empty, h6:empty { display: none; } html { font-size: 16px; } body { font-family: "montserrat", "Helvetica Neue", Helvetica, arial, sans-serif; font-size: 1rem; line-height: 1.5; position: relative; height: auto; color: #414042; } body.noscroll { height: 100vh; overflow: hidden; } hr { margin: 2rem 0; border-top: 1px solid #e3e7ed; } .grid__row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -0.75rem; margin-right: -0.75rem; } .grid__row--gutter-small { margin-left: -0.375rem; margin-right: -0.375rem; } .grid__row--gutter-small > [class*="grid__col"] { padding-left: 0.375rem; padding-right: 0.375rem; padding-bottom: 0.75rem; } .grid__row--gutter-large { margin-left: -2rem; margin-right: -2rem; } .grid__row--gutter-large > [class*="grid__col"] { padding-left: 2rem; padding-right: 2rem; padding-bottom: 4rem; } .grid__row--jcc { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .grid__row--jcsa { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .grid__row--jcsb { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .grid__row--aic { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } [class*="grid__col"] { width: 100%; padding-left: 0.75rem; padding-right: 0.75rem; padding-bottom: 1.5rem; } [class*="grid__col"].grid__col--no-pad { padding: 0; } .grid__col--auto { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .grid__col--12 { width: 100%; } .grid__col--11 { width: 91.66%; } .grid__col--10 { width: 83.33%; } .grid__col--9 { width: 75%; } .grid__col--8 { width: 66.66%; } .grid__col--7 { width: 58.33%; } .grid__col--6 { width: 50%; } .grid__col--5 { width: 41.66%; } .grid__col--4 { width: 33.33%; } .grid__col--3 { width: 25%; } .grid__col--2 { width: 16.66%; } .grid__col--1 { width: 8.33%; } .grid__col--offset-11 { margin-left: 91.66%; } .grid__col--offset-10 { margin-left: 83.33%; } .grid__col--offset-9 { margin-left: 75%; } .grid__col--offset-8 { margin-left: 66.66%; } .grid__col--offset-7 { margin-left: 58.33%; } .grid__col--offset-6 { margin-left: 50%; } .grid__col--offset-5 { margin-left: 41.66%; } .grid__col--offset-4 { margin-left: 33.33%; } .grid__col--offset-3 { margin-left: 25%; } .grid__col--offset-2 { margin-left: 16.66%; } .grid__col--offset-1 { margin-left: 8.33%; } .grid__col--offset-0 { margin-left: 0; } .container { padding-left: 1.25rem; padding-right: 1.25rem; } .container--pad-v { padding-top: 4.375rem; padding-bottom: 4.375rem; } .container--pad-v-small { padding-top: 3rem; padding-bottom: 3rem; } .container--pad-v-xsmall { padding-top: 2rem; padding-bottom: 2rem; } .container--pad-top { padding-top: 4.375rem; } .container--pad-top-small { padding-top: 3rem; } .container--pad-top-xsmall { padding-top: 2rem; } .container--pad-bottom { padding-bottom: 4.375rem; } .container--pad-bottom-small { padding-bottom: 3rem; } .container--maxwidth { margin-right: auto; margin-left: auto; max-width: 56.25rem; -webkit-box-sizing: content-box; box-sizing: content-box; overflow: hidden; } .container--maxwidth-xs { max-width: 43.75rem; } .container--maxwidth-small { max-width: 56.25rem; } .container--maxwidth-medium { max-width: 68.75rem; } .container--maxwidth-medium-large { max-width: 80rem; } .container--maxwidth-large { max-width: 110rem; } .container--maxwidth-cards { max-width: 28.125rem; } .container--overflow-auto { overflow: auto; } .container--overflow-visible { overflow: visible; } input, textarea, select { font-family: "montserrat", "Helvetica Neue", Helvetica, arial, sans-serif; font-size: 1rem; line-height: 1.5; } input[type='text'], input[type='search'], input[type='email'], input[type='password'], input[type='number'], textarea, select, .input-file__fake-input { height: 3rem; border-radius: calc(3rem / 2); -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; padding: 0.75rem 0.75rem 0.75rem 1rem; background-color: #ffffff; -webkit-transition: border-color 0.15s; -o-transition: border-color 0.15s; transition: border-color 0.15s; } .layout__box input[type='text'], .layout__box .umbraco-forms-page input[type='text'], .layout__box input[type='search'], .layout__box .umbraco-forms-page input[type='search'], .layout__box input[type='email'], .layout__box .umbraco-forms-page input[type='email'], .layout__box input[type='password'], .layout__box .umbraco-forms-page input[type='password'], .layout__box input[type='number'], .layout__box .umbraco-forms-page input[type='number'], .layout__box textarea, .layout__box .umbraco-forms-page textarea, .layout__box select, .layout__box .umbraco-forms-page select, .layout__box .input-file__fake-input, .layout__box .umbraco-forms-page .input-file__fake-input { background-color: #eef1f4; } input[type='search'], input[type='text'], input[type='number'], select { -webkit-appearance: none; } input[type=search], input[type=text], select { -webkit-appearance: none; } input[type=search] { position: relative; height: 2.5rem; border-radius: 1.25rem; } input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none; background: transparent url(/images/icons/src/icon__close--blue.svg) no-repeat center center; background-size: 14px 14px; position: relative; height: 20px; width: 20px; } input[type=search]::-ms-clear { background: transparent url(/images/icons/src/icon__close--blue.svg) no-repeat center center; background-size: 14px 14px; position: relative; height: 20px; width: 20px; } select { padding: 0.5rem 2.1rem 0.5rem 1rem; cursor: pointer; background: #ffffff url(/images/icons/src/icon__chevron--down.svg) no-repeat center right 0.8rem; background-size: 14px 14px; -moz-appearance: none; -webkit-appearance: none; } select::-ms-expand { display: none; } label { display: block; margin-bottom: 0.2rem; font-size: 0.9375rem; color: #717c88; } legend { font-weight: bold; text-transform: uppercase; padding-left: 0.5rem; padding-right: 0.5rem; } input[readonly], textarea[readonly] { background-color: #eef1f4; cursor: not-allowed; } textarea { height: auto; border-radius: 8px; } ::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #c5c6ce; opacity: 1; /* Firefox */ } ::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #c5c6ce; opacity: 1; /* Firefox */ } ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #c5c6ce; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #c5c6ce; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #c5c6ce; } input[type=checkbox], input[type=radio] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } input[type=checkbox] ~ label, input[type=radio] ~ label { margin-bottom: 0.75rem; cursor: pointer; vertical-align: middle; text-align: left; } input[type=checkbox] ~ label:before, input[type=radio] ~ label:before { content: ""; display: inline-block; vertical-align: top; margin-right: 4px; width: 1rem; height: 1rem; border-radius: 2px; background-color: #ffffff; } input[type=checkbox] ~ label > span, input[type=radio] ~ label > span { display: inline-block; vertical-align: top; max-width: calc(100% - 2.1rem); -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } input[type=checkbox] ~ label > span.full, input[type=radio] ~ label > span.full { max-width: none; } input[type=checkbox]:checked ~ label:before, input[type=radio]:checked ~ label:before { background-color: #132b4c; } input[type=checkbox] ~ label { position: relative; margin-bottom: 2px; padding: 0.4375rem 0.5rem; border-radius: 4px; cursor: pointer; vertical-align: middle; line-height: 1.2; -webkit-transition: background-color 0.15s; -o-transition: background-color 0.15s; transition: background-color 0.15s; } input[type=checkbox] ~ label:before { border-radius: 2px; } input[type=checkbox] ~ label .icon__checkmark { position: absolute; left: 10px; top: 13px; z-index: 2; width: 12px; height: 9px; margin-left: 0; opacity: 0; -webkit-transition: opacity 0.05s; -o-transition: opacity 0.05s; transition: opacity 0.05s; } input[type=checkbox] ~ label .icon__checkmark * { fill: #ffffff; } input[type=checkbox] ~ label .icon__checkmark--footer { top: 11px; } input[type=checkbox] ~ label:hover { background-color: #eef1f4; } input[type=checkbox]:checked ~ label { background-color: #eef1f4; } input[type=checkbox]:checked ~ label .icon__checkmark { opacity: 1; } input[type=radio] ~ label { position: relative; margin-bottom: 2px; padding: 0.4375rem 0.5rem; border-radius: 4px; cursor: pointer; vertical-align: middle; line-height: 1.2; -webkit-transition: background-color 0.15s; -o-transition: background-color 0.15s; transition: background-color 0.15s; } input[type=radio] ~ label:hover { background-color: #eef1f4; } input[type=radio] ~ label:before { border-radius: 50%; } input[type=radio]:checked ~ label { background-color: #eef1f4; } input[type=submit], button[type=submit] { font-family: "montserrat", "Helvetica Neue", Helvetica, arial, sans-serif; font-size: 1rem; font-weight: bold; display: inline-block; padding: 0.75rem 1.5rem; color: #ffffff; background-color: #F15D24; line-height: normal; opacity: 1; -webkit-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; cursor: pointer; } input[type=submit]:hover, input[type=submit]:focus, button[type=submit]:hover, button[type=submit]:focus { opacity: 0.8; } input[type=submit].util--full-width, button[type=submit].util--full-width { width: 100%; } .form__error { color: #ff2e00; font-size: 0.875rem; } .form__group--has-error input[type='text'], .form__group--has-error input[type='search'], .form__group--has-error input[type='email'], .form__group--has-error input[type='password'], .form__group--has-error input[type='number'], .form__group--has-error textarea, .form__group--has-error select { background-color: rgba(255, 46, 0, 0.1); } .form__group--has-error input[type=checkbox] ~ label, .form__group--has-error input[type=radio] ~ label { background-color: rgba(255, 46, 0, 0.1); } .form__group--has-success input[type='text'], .form__group--has-success input[type='search'], .form__group--has-success input[type='email'], .form__group--has-success input[type='password'], .form__group--has-success input[type='number'], .form__group--has-success textarea, .form__group--has-success select { background-color: rgba(16, 136, 72, 0.2); } .form__group--has-success input[type=checkbox] ~ label, .form__group--has-success input[type=radio] ~ label { background-color: rgba(16, 136, 72, 0.2); } .umbraco-forms-form span.checkboxlist, .umbraco-forms-form span.radiobuttonlist, .umbraco-forms-form span.checkbox { float: none !important; padding-bottom: 0 !important; } .umbraco-forms-page legend { text-transform: none; padding-left: 0; padding-top: 2rem; margin-bottom: 1rem; } .umbraco-forms-page .umbraco-forms-form input, .umbraco-forms-page .umbraco-forms-form textarea, .umbraco-forms-page .umbraco-forms-form select { border-top: none !important; border-left: none !important; border-right: none !important; width: 100% !important; max-width: 100% !important; padding: 0.75rem 0.75rem 0.5rem !important; } .umbraco-forms-page .umbraco-forms-form .checkboxlist label { float: none; } .umbraco-forms-page .umbraco-forms-field.singlechoice .umbraco-forms-label, .umbraco-forms-page .umbraco-forms-field.multiplechoice .umbraco-forms-label, .umbraco-forms-page .umbraco-forms-field.date .umbraco-forms-label { display: block !important; } .umbraco-forms-page .umbraco-forms-field.multiplechoice input { width: auto !important; } .umbraco-forms-page .field-validation-error { font-size: 0.9375rem; color: #ff2e00 !important; text-align: left; } .umbraco-forms-page .umbraco-forms-form input.contourError, .umbraco-forms-page .umbraco-forms-form textarea.contourError, .umbraco-forms-page .umbraco-forms-form input.input-validation-error, .umbraco-forms-page .umbraco-forms-form textarea.input-validation-error { background-color: rgba(255, 46, 0, 0.1); } .umbraco-forms-page input[type=text], .umbraco-forms-page input[type=search], .umbraco-forms-page input[type=email], .umbraco-forms-page input[type=password], .umbraco-forms-page input[type=number], .umbraco-forms-page textarea, .umbraco-forms-page select { display: block; width: 100%; border: 1px solid #ffffff; background-color: #ffffff; -webkit-transition: border-color 0.15s; -o-transition: border-color 0.15s; transition: border-color 0.15s; -webkit-box-sizing: border-box; box-sizing: border-box; } .umbraco-forms-page--bff-dark input[type=text], .umbraco-forms-page--bff-dark input[type=search], .umbraco-forms-page--bff-dark input[type=email], .umbraco-forms-page--bff-dark input[type=password], .umbraco-forms-page--bff-dark input[type=number], .umbraco-forms-page--bff-dark textarea, .umbraco-forms-page--bff-dark select { background-color: #eef1f4; } .umbraco-forms-page--bff-dark input[type=checkbox] ~ label:before, .umbraco-forms-page--bff-dark input[type=radio] ~ label:before { background-color: #d5dce6; } .umbraco-forms-page--bff-dark input[type=checkbox]:checked ~ label:before, .umbraco-forms-page--bff-dark input[type=radio]:checked ~ label:before { background-color: #132b4c; } .umbraco-forms-page input[type=submit] { min-width: 10rem; } .umbraco-forms-page textarea { height: auto; } .umbraco-forms-page input[type=radio] { width: auto !important; cursor: pointer; } .umbraco-forms-page input[type=radio] + label { cursor: pointer; } .umbraco-forms-page .umbraco-forms-form .umbraco-forms-navigation { padding: 0; } .umbraco-forms-page .umbraco-forms-form fieldset { padding: 0; margin: 0; } .umbraco-forms-page .umbraco-forms-form { padding: 0; } .umbraco-forms-page .umbraco-forms-field:not(.titleanddescription) { margin-bottom: 1rem; } .umbraco-forms-page:not(.quiz) input[type=text][aria-invalid="true"], .umbraco-forms-page:not(.quiz) input[type=search][aria-invalid="true"], .umbraco-forms-page:not(.quiz) input[type=email][aria-invalid="true"], .umbraco-forms-page:not(.quiz) input[type=password][aria-invalid="true"], .umbraco-forms-page:not(.quiz) input[type=number][aria-invalid="true"], .umbraco-forms-page:not(.quiz) textarea[aria-invalid="true"], .umbraco-forms-page:not(.quiz) select[aria-invalid="true"] { background-color: rgba(255, 46, 0, 0.1); } .umbraco-forms-page:not(.quiz) input[type=text][aria-invalid="false"], .umbraco-forms-page:not(.quiz) input[type=search][aria-invalid="false"], .umbraco-forms-page:not(.quiz) input[type=email][aria-invalid="false"], .umbraco-forms-page:not(.quiz) input[type=password][aria-invalid="false"], .umbraco-forms-page:not(.quiz) input[type=number][aria-invalid="false"], .umbraco-forms-page:not(.quiz) textarea[aria-invalid="false"], .umbraco-forms-page:not(.quiz) select[aria-invalid="false"] { background-color: rgba(16, 136, 72, 0.2); } .umbraco-forms-page:not(.quiz) input[type=checkbox][aria-invalid="true"] ~ label, .umbraco-forms-page:not(.quiz) input[type=radio][aria-invalid="true"] ~ label { background-color: rgba(255, 46, 0, 0.1); } .umbraco-forms-page:not(.quiz) input[type=checkbox][aria-invalid="false"] ~ label, .umbraco-forms-page:not(.quiz) input[type=radio][aria-invalid="false"] ~ label { background-color: rgba(16, 136, 72, 0.2); } .umbraco-forms-page input[type=checkbox] ~ label:before, .umbraco-forms-page input[type=radio] ~ label:before { margin-top: 2px; } .quiz { text-align: center; } .quiz__input-title { display: block; margin-bottom: 0.5rem; font-size: 1.125rem; font-weight: 500; color: #132b4c; } .quiz__radio-list { display: inline-block; margin-right: 4px; } .quiz__radio-list input[type=radio] ~ label { min-width: 8.625rem; padding: 0.875rem 3rem; font-size: 1rem; font-weight: 500; color: #7f818f; border-radius: 8px; background-color: #eef1f4; -webkit-transition: background-color 0.2s, color 0.2s; -o-transition: background-color 0.2s, color 0.2s; transition: background-color 0.2s, color 0.2s; } .quiz__radio-list input[type=radio] ~ label:before { display: none; } .quiz__radio-list input[type=radio] ~ label:hover { background-color: rgba(241, 93, 36, 0.6); } .quiz__radio-list input[type=radio]:checked ~ label { background-color: #2F6EB1; color: #ffffff; } .quiz__checkbox-list { display: inline-block; margin-right: 4px; } .quiz__checkbox-list input[type=checkbox] ~ label { margin-bottom: 0.75rem; min-width: 8.625rem; padding: 0.875rem 3rem; font-size: 1rem; font-weight: 500; color: #7f818f; border-radius: 8px; background-color: #eef1f4; -webkit-transition: background-color 0.2s, color 0.2s; -o-transition: background-color 0.2s, color 0.2s; transition: background-color 0.2s, color 0.2s; } .quiz__checkbox-list input[type=checkbox] ~ label:before { display: none; } .quiz__checkbox-list input[type=checkbox] ~ label:hover { background-color: rgba(241, 93, 36, 0.6); } .quiz__checkbox-list input[type=checkbox]:checked ~ label { background-color: #2F6EB1; color: #ffffff; } /* For hidden

elements and other screen-reader-targeted stuff */ .util--screen-reader { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .util--db { display: block; } .util--color-white { color: #ffffff; } .util--color-silver-dark { color: #7f818f; } .util--color-blue-dark { color: #132b4c; } .util--color-topaz { color: #15c1c1; } .util--bgc-white { background-color: #ffffff; } .util--bgc-blue-dark { background-color: #132b4c; } .util--bgc-blue-darker { background-color: #091b33; } .util--bgc-blue-light { background-color: #2F6EB1; } .util--bgc-grey-light { background-color: #e3e7ed; } .util--bgc-grey-lighter { background-color: #eef1f4; } .util--posr { position: relative; } .util--oh { overflow: hidden; } .util--tac { text-align: center; } .util--tar { text-align: right; } .util--tal { text-align: right; } .util--ttu { text-transform: uppercase; } .util--fz13 { font-size: 0.8125rem; } .util--fz14 { font-size: 0.875rem; } .util--fz15 { font-size: 0.9375rem; } .util--fz24 { font-size: 1.5rem; } .util--fz34 { font-size: 2.125rem; } .util--fw500 { font-weight: 500; } .util--text-maxwidth { max-width: 42rem; } .util--mt-small { margin-top: 0.5rem; } .util--mt-medium { margin-top: 1.5rem; } .util--mb-0 { margin-bottom: 0; } .util--mb-small { margin-bottom: 0.5rem; } .util--mb-1 { margin-bottom: 1rem; } .util--mb-medium { margin-bottom: 2rem; } .util--mb-large { margin-bottom: 2rem; } .util--mb-48 { margin-bottom: 48px; } .util--dif { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .util--uppercase { text-transform: uppercase; } .util--valign-setter:after { content: ""; display: inline-block; height: 100%; position: relative; vertical-align: middle; margin-right: -4px; } .util--text-highlight { color: #2F6EB1; } .util--circle { border-radius: 50%; } .util--drop-shadow { position: relative; -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); } /* icon */ .icon { font-style: normal; font-weight: normal; font-variant: normal; text-decoration: inherit; text-align: center; text-transform: none; display: inline-block; line-height: inherit; width: 1rem; height: 1rem; speak: none; margin-left: 0.8rem; margin-right: 0.8rem; display: inline-block; vertical-align: middle; } .icon--rotate-180 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .btn { font-family: "montserrat", "Helvetica Neue", Helvetica, arial, sans-serif; font-size: 1rem; font-weight: bold; display: inline-block; } .btn--download { background: url("../../images/icons/src/icon__download--blue.svg") left center/1rem no-repeat; color: #F15D24; padding-left: 1.25rem; } .btn--icon-custom { color: #2F6EB1; } .btn--icon-custom span { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .btn--icon-custom img { height: 1rem; margin-right: 0.5rem; width: auto; } .btn--primary, .btn--secondary { opacity: 1; -webkit-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; margin-bottom: 4px; padding: 0.75rem 1.5rem; text-align: center; line-height: normal; background-color: #F15D24; color: #ffffff; } .btn--primary:hover, .btn--secondary:hover { opacity: 0.8; } .btn--primary[disabled], .btn--secondary[disabled] { cursor: not-allowed; background-color: #c5c6ce; } .btn--secondary { background-color: #ffffff; color: #132b4c; } .btn--silver { background-color: #eef1f4; color: #7f818f; } input[type=submit].btn--silver { background-color: #eef1f4; color: #7f818f; } .btn--grey-light { background-color: #e3e7ed; color: #132b4c; } .btn--grey { background-color: #D1D3D4; } .btn--small { border-top-left-radius: 17px 50%; border-top-right-radius: 17px 50%; border-bottom-right-radius: 17px 50%; border-bottom-left-radius: 17px 50%; padding: 0.4375rem 0.75rem; font-size: 0.9375rem; font-weight: 400; } .btn--icon { opacity: 1; -webkit-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .btn--icon:hover { opacity: 0.8; } .btn--icon-left .icon { margin-left: 0; } .btn--icon-right .icon { margin-right: 0; } .btn--icon .icon__download { width: 1rem; height: 1.125rem; } .btn--icon .icon__chevron--down { width: 11px; height: 8px; } .btn--orange span, .btn--orange { color: #F15D24; } .btn--blue-light { background-color: #2F6EB1; } .btn--blue-dark span, .btn--blue-dark { color: #132b4c; } .btn--blue-dark .icon > * { fill: #132b4c; } .btn--text-only { opacity: 1; -webkit-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; font-weight: 600; text-transform: uppercase; } .btn--text-only:hover { opacity: 0.8; } .btn--circle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 3rem; height: 3rem; border-radius: 50%; } .btn--circle-small { width: 2rem; height: 2rem; } .btn--circle-small .icon__play { width: 9px; height: 10px; margin: 0; } .btn--circle .icon__play { -webkit-transform: translateX(1px); -ms-transform: translateX(1px); transform: translateX(1px); } .btn--spaced { margin-top: 1.5rem; margin-bottom: 3rem; } .btn__arrow { opacity: 1; -webkit-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .btn__arrow:hover { opacity: 0.8; } a.btn__arrow span, a.btn__arrow { font-weight: 500; } .btn__arrow.btn--orange svg path { fill: #2F6EB1; } .btn__arrow-icon-wrapper { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px); margin-left: 0.4rem; width: 2rem; height: 0.75rem; overflow: hidden; } .btn__arrow-icon-wrapper .icon { width: 1.5rem; height: 0.75rem; margin: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1); transition: -webkit-transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1); -o-transition: transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1); transition: transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1); transition: transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1), -webkit-transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1); } .btn__arrow:hover .btn__arrow-icon-wrapper .icon { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .btn__arrow--theme-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 1rem 0 1rem 1rem; font-size: 0.9375rem; font-weight: 500; color: #132b4c; background-color: #eef1f4; border-radius: 8px; } .btn__arrow--theme-nav span { line-height: 1.2; } .btn__arrow--active { background-color: #2F6EB1; } .btn__arrow--active span { color: #ffffff; } .btn__arrow--active .icon > * { fill: #ffffff; } /******************* burger *******************/ .burger { padding-right: 1.25rem; position: relative; height: 100%; padding-left: .75rem; -webkit-transition: opacity 0.12s linear, -webkit-transform 0.2s; transition: opacity 0.12s linear, -webkit-transform 0.2s; -o-transition: opacity 0.12s linear, transform 0.2s; transition: opacity 0.12s linear, transform 0.2s; transition: opacity 0.12s linear, transform 0.2s, -webkit-transform 0.2s; -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .burger:hover { opacity: 0.8; } .burger > span { display: inline-block; vertical-align: middle; } .burger__box { position: relative; width: 20px; height: 14px; } .burger__inner { display: block; bottom: 0; } .burger__inner, .burger__inner::before, .burger__inner::after { width: 20px; height: 2px; background-color: #ffffff; border-radius: 0; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .burger__inner::before, .burger__inner::after { content: ""; display: block; } .burger__inner::before { top: -6px; } .burger__inner::after { top: -12px; } /* * collapse --- based on Jonathan Suh hamburgers --> https://jonsuh.com/hamburgers */ .burger--collapse .burger__inner { -webkit-transition-duration: 0.13s; -o-transition-duration: 0.13s; transition-duration: 0.13s; -webkit-transition-delay: 0.13s; -o-transition-delay: 0.13s; transition-delay: 0.13s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .burger--collapse .burger__inner::before { -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .burger--collapse .burger__inner::after { bottom: auto; -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; -o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .burger--collapse.active .burger__inner { -webkit-transform: translate3d(0, -5px, 0) rotate(-45deg); transform: translate3d(0, -5px, 0) rotate(-45deg); -webkit-transition-delay: 0.22s; -o-transition-delay: 0.22s; transition-delay: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .burger--collapse.active .burger__inner::before { top: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } .burger--collapse.active .burger__inner::after { top: 0; opacity: 0; -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .card { display: block; width: 100%; margin-left: auto; margin-right: auto; border-radius: 8px; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; } .util--dif .card { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .card__slider-wrapper { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .card__slider-wrapper .card { margin-left: unset; margin-bottom: 0; } .card__nav-wrapper { margin-left: auto; margin-right: auto; max-width: 22rem; } .card__thumbnail { background-repeat: no-repeat; background-position: center, center; background-size: cover; position: relative; width: 100%; height: 0; padding-bottom: 56.25%; -webkit-filter: saturate(100%); filter: saturate(100%); -webkit-transition: -webkit-filter 0.15s; transition: -webkit-filter 0.15s; -o-transition: filter 0.15s; transition: filter 0.15s; transition: filter 0.15s, -webkit-filter 0.15s; } .card__thumbnail-wrapper { position: relative; display: block; } .card__thumbnail-wrapper:hover .card__thumbnail { -webkit-filter: saturate(0%); filter: saturate(0%); } .card__thumbnail-wrapper:hover .card__thumbnail-overlay { background-color: #113d6c; opacity: 0.5; } .card__thumbnail-wrapper:hover .card__thumbnail--alt { opacity: 1; } .card__thumbnail-overlay { position: absolute; top: 0; left: 0; z-index: 20; width: 100%; height: 0; padding-bottom: 56.25%; background-color: #132b4c; opacity: 0.3; -webkit-transition: opacity 0.15s, background-color 0.15s; -o-transition: opacity 0.15s, background-color 0.15s; transition: opacity 0.15s, background-color 0.15s; } .card__thumbnail-content { position: absolute; top: 0; left: 0; z-index: 30; width: 100%; height: 100%; } .card__thumbnail--alt { top: 0; opacity: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; -webkit-transition: opacity ease-in .15s; -o-transition: opacity ease-in .15s; transition: opacity ease-in .15s; } .card__content { position: relative; width: 100%; padding: 1rem; background-color: #ffffff; } .util--dif .card__content { -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; } .card__content > *:last-child { margin-bottom: 0; } .card__title { opacity: 1; -webkit-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; display: block; } .card__title:hover { opacity: 0.8; } .card__description { margin-bottom: 1rem; } .card__description p, .card__description ul { margin-bottom: 1rem; } .card__tags { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 0.625rem; } .card__tags-list { font-size: 0.875rem; line-height: 1.3; color: #132b4c; margin-bottom: 0; } .card__separator { width: 100%; height: 1px; background-color: #e3e7ed; margin-top: 1rem; margin-bottom: 1rem; } .card__cta { display: inline-block; } .card__cta * { font-weight: 500; } .card__authors-quote { font-size: 0.8rem; font-style: italic; } .card__authors-quote::before { background: url(/images/icons/src/icon__quotes--left--blue.svg) center/100% no-repeat; content: ""; display: block; height: 11px; margin-bottom: 0.25rem; width: 14px; } .card__authors-images { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 0.75rem; } .card__authors-names { font-size: 0.875rem; line-height: 1.5; color: #7f818f; } a.card__authors-names { opacity: 1; -webkit-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; display: inline-block; } a.card__authors-names:hover { opacity: 0.8; } .card__author-img { display: block; width: 2.75rem; height: 2.75rem; } .card__author-img-wrapper { position: relative; z-index: 10; width: 3.125rem; height: 3.125rem; border-radius: 50%; border: 3px solid #ffffff; overflow: hidden; -webkit-transition: border-color 0.15s; -o-transition: border-color 0.15s; transition: border-color 0.15s; } a.card__author-img-wrapper { -webkit-filter: brightness(100%); filter: brightness(100%); -webkit-transition: -webkit-filter 0.15s; transition: -webkit-filter 0.15s; -o-transition: filter 0.15s; transition: filter 0.15s; transition: filter 0.15s, -webkit-filter 0.15s; } a.card__author-img-wrapper:hover { -webkit-filter: brightness(120%); filter: brightness(120%); } .card__author-img-wrapper ~ .card__author-img-wrapper { margin-left: -14px; } .card__author-img-wrapper:nth-child(2) { z-index: 9; } .card__author-img-wrapper:nth-child(3) { z-index: 8; } .card__author-img-wrapper:nth-child(4) { z-index: 7; } .card__author-img-wrapper:nth-child(5) { z-index: 6; } .card__author-img-wrapper:nth-child(6) { z-index: 5; } .card__author-img-wrapper:nth-child(7) { z-index: 4; } .card__author-img-wrapper:nth-child(8) { z-index: 3; } .card__video-play-btn { position: absolute; top: 1rem; left: 1rem; } .card__video-time { position: absolute; bottom: 0.75rem; left: 1rem; font-size: 0.875rem; color: #ffffff; } .card--nav-item { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; background-color: #ffffff; } .card--nav-item:hover .card__title { -webkit-transform: translateY(-2.5rem); -ms-transform: translateY(-2.5rem); transform: translateY(-2.5rem); } .card--nav-item:hover .card__text { -webkit-transform: translateY(-2.5rem); -ms-transform: translateY(-2.5rem); transform: translateY(-2.5rem); } .card--nav-item:hover .card__content:before { -webkit-transform: translateY(-2.5rem); -ms-transform: translateY(-2.5rem); transform: translateY(-2.5rem); } .card--nav-item:hover .card__cta { -webkit-transform: translate(-50%, 0rem); -ms-transform: translate(-50%, 0rem); transform: translate(-50%, 0rem); opacity: 1; } .card--nav-item:hover .card__thumbnail { -webkit-filter: saturate(0%); filter: saturate(0%); } .card--nav-item:hover .card__thumbnail-overlay { background-color: #113d6c; opacity: 0.5; } .card--nav-item .card__title { position: relative; margin-bottom: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1); transition: -webkit-transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1); -o-transition: transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1); transition: transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1); transition: transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1), -webkit-transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1); } .card--nav-item .card__text { position: relative; margin-top: 1rem; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1); transition: -webkit-transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1); -o-transition: transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1); transition: transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1); transition: transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1), -webkit-transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1); } .card--nav-item .card__content { -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; padding-top: 2rem; padding-bottom: 2rem; text-align: center; z-index: 50; } .card--nav-item .card__content:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); background-color: #ffffff; -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1); transition: -webkit-transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1); -o-transition: transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1); transition: transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1); transition: transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1), -webkit-transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1); -webkit-transform: rotate3d(0, 0.01, 0, 0.01deg); transform: rotate3d(0, 0.01, 0, 0.01deg); } .card--nav-item .card__content * { position: relative; } .card--nav-item .card__thumbnail, .card--nav-item .card__thumbnail-overlay { padding-bottom: 66%; } .card--nav-item .card__thumbnail-wrapper, .card--nav-item .card__thumbnail-overlay-wrapper { width: 100%; height: 0; padding-bottom: 66%; } .card--nav-item .card__cta { position: absolute; bottom: 2rem; left: 50%; -webkit-transform: translate(-50%, 2rem); -ms-transform: translate(-50%, 2rem); transform: translate(-50%, 2rem); color: #F15D24; opacity: 0; -webkit-transition: opacity 0.15s, -webkit-transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1); transition: opacity 0.15s, -webkit-transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1); -o-transition: opacity 0.15s, transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1); transition: opacity 0.15s, transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1); transition: opacity 0.15s, transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1), -webkit-transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1); } .card--nav-item .card__cta .icon { width: 1.5rem; height: 0.75rem; margin-left: 0.5rem; margin-right: 0; } .card--nav-item .card__cta .icon * { fill: #2F6EB1; } .card--full-height-content { position: relative; overflow: hidden; } .card--full-height-content:hover .card__title { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .card--full-height-content:hover .card__text { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .card--full-height-content:hover .card__content { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .card--full-height-content:hover .card__content:before { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .card--full-height-content:hover .card__cta { -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 1; } .card--full-height-content .card__title { position: absolute; left: 0; bottom: 1rem; z-index: 30; width: 100%; padding-left: 1rem; padding-right: 1rem; text-align: center; color: #ffffff; font-size: 23px; } .card--full-height-content .card__content { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.2, 0.25, 1); transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.2, 0.25, 1); -o-transition: transform 0.2s cubic-bezier(0.25, 0.2, 0.25, 1); transition: transform 0.2s cubic-bezier(0.25, 0.2, 0.25, 1); transition: transform 0.2s cubic-bezier(0.25, 0.2, 0.25, 1), -webkit-transform 0.2s cubic-bezier(0.25, 0.2, 0.25, 1); } .card--full-height-content .card__text { margin-top: 0; } .card--full-height-content .card__thumbnail { padding-bottom: 90%; -webkit-filter: saturate(0%); filter: saturate(0%); } .card--full-height-content .card__thumbnail-wrapper { padding-bottom: 90%; } .card--full-height-content .card__thumbnail-overlay { background-image: -webkit-gradient(linear, left top, left bottom, from(#132b4c), to(#001531)); background-image: -webkit-linear-gradient(top, #132b4c, #001531); background-image: -o-linear-gradient(top, #132b4c, #001531); background-image: linear-gradient(to bottom, #132b4c, #001531); padding-bottom: 90%; opacity: 0.65; } .header { position: fixed; top: 0; left: 0; z-index: 9000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 0.5rem 1.25rem; -webkit-transform: translateZ(0); transform: translateZ(0); background-color: transparent; -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0); box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0); -webkit-transition: background-color 0.15s, padding 0.3s cubic-bezier(0.25, 0.2, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.2, 0.25, 1), -webkit-box-shadow 0.15s; transition: background-color 0.15s, padding 0.3s cubic-bezier(0.25, 0.2, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.2, 0.25, 1), -webkit-box-shadow 0.15s; -o-transition: background-color 0.15s, transform 0.4s cubic-bezier(0.25, 0.2, 0.25, 1), box-shadow 0.15s, padding 0.3s cubic-bezier(0.25, 0.2, 0.25, 1); transition: background-color 0.15s, transform 0.4s cubic-bezier(0.25, 0.2, 0.25, 1), box-shadow 0.15s, padding 0.3s cubic-bezier(0.25, 0.2, 0.25, 1); transition: background-color 0.15s, transform 0.4s cubic-bezier(0.25, 0.2, 0.25, 1), box-shadow 0.15s, padding 0.3s cubic-bezier(0.25, 0.2, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.2, 0.25, 1), -webkit-box-shadow 0.15s; } .header--hidden { -webkit-transform: translate3d(0, -125%, 0); transform: translate3d(0, -125%, 0); } .header--naked .header__right { padding-right: 0; } .header--snap, .header--always-show { background-color: #ffffff; -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); } .header--snap .header__logo #logo-crest--blue, .header--always-show .header__logo #logo-crest--blue { fill: #2F6EB1; } .header--snap .header__logo #logo-crest--light-gray, .header--always-show .header__logo #logo-crest--light-gray { fill: #D1D3D4; } .header--snap .header__logo #logo-crest--medium-gray, .header--always-show .header__logo #logo-crest--medium-gray { fill: #808285; } .header--snap .header__logo #logo-text, .header--always-show .header__logo #logo-text { fill: #414042; } .header--snap .burger__inner, .header--snap .burger__inner::before, .header--snap .burger__inner::after, .header--always-show .burger__inner, .header--always-show .burger__inner::before, .header--always-show .burger__inner::after { background-color: #7f818f; } .header--snap .main-nav-desktop__item > a:not(.btn), .header--snap .main-nav-desktop__item > button:not(.btn), .header--snap .main-nav-desktop__item .tiny-dropdown__current, .header--snap .secondary-nav-desktop__item > a:not(.btn), .header--snap .secondary-nav-desktop__item > button:not(.btn), .header--snap .secondary-nav-desktop__item .tiny-dropdown__current, .header--always-show .main-nav-desktop__item > a:not(.btn), .header--always-show .main-nav-desktop__item > button:not(.btn), .header--always-show .main-nav-desktop__item .tiny-dropdown__current, .header--always-show .secondary-nav-desktop__item > a:not(.btn), .header--always-show .secondary-nav-desktop__item > button:not(.btn), .header--always-show .secondary-nav-desktop__item .tiny-dropdown__current { color: #7f818f; } .header--snap .main-nav-desktop__item .tiny-dropdown__button .icon > *, .header--snap .secondary-nav-desktop__item .tiny-dropdown__button .icon > *, .header--always-show .main-nav-desktop__item .tiny-dropdown__button .icon > *, .header--always-show .secondary-nav-desktop__item .tiny-dropdown__button .icon > * { fill: #7f818f; } .header--snap .main-nav-desktop svg.icon *, .header--snap .secondary-nav-desktop svg.icon *, .header--always-show .main-nav-desktop svg.icon *, .header--always-show .secondary-nav-desktop svg.icon * { fill: #7f818f; } .header--snap .main-nav-desktop__sub-nav { padding-top: 1.5rem; } .header--always-show { -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } .header--always-hide { -webkit-transform: translate3d(0, -125%, 0) !important; transform: translate3d(0, -125%, 0) !important; } .header__left, .header__right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 9000; } .header__right { padding-right: 2rem; } .header__logo { display: block; margin-right: 1rem; } .header__logo--small { width: 3.125rem; height: 3.125rem; } .header__logo--small svg { height: 100%; width: auto; } .header__logo--large { display: none; height: 3.125rem; width: 15rem; } .header__logo--large svg { height: 100%; width: auto; } .header__logo #logo-crest, .header__logo #logo-text { -webkit-transition: fill 0.15s; -o-transition: fill 0.15s; transition: fill 0.15s; } .header__burger { position: absolute; top: 0; right: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; } .header__page-pad { height: 4.375rem; } .footer { background-color: #ffffff; } .footer__section-cta { padding-top: 3rem; padding-bottom: 3rem; border-bottom: 1px solid #e3e7ed; text-align: center; } .footer__section-cta-title { margin-bottom: 0.5rem; font-size: 1.125rem; font-weight: bold; } .footer__section-cta-text { font-size: 0.9375rem; color: #7f818f; } .footer__logo { padding-top: 2rem; padding-bottom: 2rem; } .footer__logo a { opacity: 1; -webkit-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .footer__logo a:hover { opacity: 0.8; } .footer__logo svg { display: block; width: auto; height: 3.125rem; } .footer__logo svg #logo-crest--blue { fill: #2F6EB1; } .footer__logo svg #logo-crest--light-gray { fill: #D1D3D4; } .footer__logo svg #logo-crest--medium-gray { fill: #808285; } .footer__logo svg #logo-text { fill: #414042; } .footer__nav-title { display: block; margin-bottom: 0.8125rem; font-size: 0.9375rem; font-weight: bold; color: #414042; } .footer__nav-title-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .footer__nav-title-wrapper > *:last-child { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .footer__nav-title-action { opacity: 1; -webkit-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; margin-bottom: 0.8125rem; font-size: 0.8125rem; color: #7f818f; } .footer__nav-title-action:hover { opacity: 0.8; } .footer__nav-subtitle { margin-bottom: 0.3rem; font-size: 0.8125rem; font-weight: 700; line-height: 1.1; color: #414042; } .footer__nav-items-list { margin-bottom: 1.4rem; } .footer__nav-item { margin-bottom: 0.5rem; line-height: 1.1; } .footer__nav a:hover, .footer__nav a:focus { text-decoration: underline; } .footer__text { font-size: 0.8125rem; line-height: 1.1; color: #414042; } .footer__aside { max-width: 32rem; } .footer__blog-post-card { margin-bottom: 0.75rem; background-color: #ffffff; border-radius: 8px; } .footer__blog-post-card-inner-wrapper { opacity: 1; -webkit-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; display: block; padding: 1rem; } .footer__blog-post-card-inner-wrapper:hover { opacity: 0.8; } .footer__blog-post-card-title { margin-bottom: 0.375rem; font-size: 0.875rem; line-height: 1.4; color: #414042; } .footer__blog-post-card-footer-text { margin-bottom: 0; font-size: 0.8125rem; color: #7f818f; } .footer__blog-post-card a { display: block; } .footer__footer { padding-top: 1rem; padding-bottom: 2rem; border-top: 1px solid #e3e7ed; } .footer__quick-links-left { margin-bottom: 1rem; margin-right: 1rem; } .footer__quick-links-right { margin-bottom: 1rem; } .footer__quick-links-list-item { margin-bottom: 0.6rem; } .footer__quick-links-list-item, .footer__quick-links-list-item a { font-size: 0.8125rem; color: #7f818f; } .footer__quick-links-list-item a { opacity: 1; -webkit-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .footer__quick-links-list-item a:hover { opacity: 0.8; } .footer__socials { margin-top: 2.5rem; } .footer__socials-item { display: inline-block; } .footer__socials-item ~ .footer__socials-item { margin-left: 1.4rem; } .footer__socials-item a { opacity: 1; -webkit-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; display: block; } .footer__socials-item a:hover { opacity: 0.8; } .footer__socials-item .icon { display: block; width: auto; height: 1.125rem; margin: 0; } .footer__footnotes { margin-top: 1rem; } .footer__footnotes > * { margin-bottom: 1.5rem; } .footer__footnotes * { font-size: 0.8125rem; color: #c5c6ce; } .footer__spk { text-align: center; } .main-nav-desktop { display: none; padding-top: 0.4375rem; } .main-nav-desktop__item { position: relative; display: inline-block; vertical-align: middle; padding-left: 0.8rem; padding-right: 0.8rem; } .main-nav-desktop__item > button, .main-nav-desktop__item > a { position: relative; display: block; padding: 0.5rem 0; font-size: 0.875rem; font-weight: 500; line-height: 1; letter-spacing: 0; color: #ffffff; -webkit-transition: color 0.15s; -o-transition: color 0.15s; transition: color 0.15s; } .main-nav-desktop__item > a:hover { color: #F15D24 !important; } .main-nav-desktop__item--got-sub-nav { position: relative; } .main-nav-desktop__item--got-sub-nav:first-child .main-nav-desktop__sub-nav { left: 0; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); } .main-nav-desktop__item--got-sub-nav:last-child .main-nav-desktop__sub-nav { -webkit-transform: translate(-60%, 100%); -ms-transform: translate(-60%, 100%); transform: translate(-60%, 100%); } .main-nav-desktop__item--got-sub-nav a:before { display: none; } .main-nav-desktop__item .icon { width: 9px; height: 6px; margin: -2px 0 0 4px; -webkit-transition: -webkit-transform 0.15s; transition: -webkit-transform 0.15s; -o-transition: transform 0.15s; transition: transform 0.15s; transition: transform 0.15s, -webkit-transform 0.15s; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .main-nav-desktop__item .icon * { -webkit-transition: fill 0.15s; -o-transition: fill 0.15s; transition: fill 0.15s; } .main-nav-desktop__item button.active { color: #F15D24 !important; } .main-nav-desktop__item button.active > .icon * { fill: #2F6EB1 !important; } .main-nav-desktop__item.selected .icon { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } .main-nav-desktop__sub-nav { display: none; opacity: 0; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); transform: translate(-50%, 100%); padding-top: 2.3125rem; min-width: 100%; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .main-nav-desktop__sub-nav.active { display: block; } .main-nav-desktop__sub-nav-inner-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 1.5rem 0.5rem; background-color: #ffffff; -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); text-align: left; border-radius: 8px; } .main-nav-desktop__sub-nav-items-list-wrapper { width: 17.25rem; padding-left: 0.5rem; padding-right: 0.5rem; } .main-nav-desktop__sub-nav-items-list-wrapper ~ .main-nav-desktop__sub-nav-items-list-wrapper { border-left: 1px solid #e3e7ed; } .main-nav-desktop__sub-nav-items-list-title { display: block; padding-left: 1rem; padding-right: 1rem; margin-bottom: 0.4rem; font-weight: 500; } .main-nav-desktop__sub-nav-items-list-title-link:hover { text-decoration: underline; } .main-nav-desktop__sub-nav-items-list { font-weight: 500; } .main-nav-desktop__sub-nav a:not(.main-nav-desktop__sub-nav-items-list-title-link) { display: block; padding: 0.5rem 1rem; line-height: 1.2; border-radius: 4px; font-size: 0.875rem; font-weight: 400; color: #414042; background-color: transparent; -webkit-transition: background-color 0.15s; -o-transition: background-color 0.15s; transition: background-color 0.15s; } .main-nav-desktop__sub-nav a:not(.main-nav-desktop__sub-nav-items-list-title-link):hover, .main-nav-desktop__sub-nav a:not(.main-nav-desktop__sub-nav-items-list-title-link).active { background-color: #eef1f4; } .header--snap .main-nav-desktop__item.selected > button, .header--always-show .main-nav-desktop__item.selected > button { color: #F15D24 !important; } .header--snap .main-nav-desktop__item.selected .icon, .header--always-show .main-nav-desktop__item.selected .icon { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } .header--snap .main-nav-desktop__item.selected .icon *, .header--always-show .main-nav-desktop__item.selected .icon * { fill: #2F6EB1 !important; } .secondary-nav-desktop { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .secondary-nav-desktop__item { display: none; } .secondary-nav-desktop__item--mobile-display { display: block; } .secondary-nav-desktop__item ~ .secondary-nav-desktop__item { margin-left: 1rem; } .secondary-nav-desktop__item ~ .secondary-nav-desktop__item.secondary-nav-desktop__item--small-margin-left { margin-left: 3px; } .secondary-nav-desktop__item a, .secondary-nav-desktop__item .tiny-dropdown__current { color: #ffffff; font-size: 0.875rem; font-weight: 500; } .secondary-nav-desktop__item .tiny-dropdown__button .icon > * { fill: #ffffff; } .secondary-nav-desktop .icon__chevron--down { width: 9px; height: 6px; margin: -2px 0 0 4px; } .secondary-nav-desktop .icon__chevron--down * { -webkit-transition: fill 0.15s; -o-transition: fill 0.15s; transition: fill 0.15s; } .secondary-nav-desktop .icon__magnifier--white { margin: 0; } .secondary-nav-desktop .icon__magnifier--white * { -webkit-transition: fill 0.15s; -o-transition: fill 0.15s; transition: fill 0.15s; } .secondary-nav-desktop .btn--primary { padding-top: 0.6rem; padding-bottom: 0.6rem; font-weight: bold; } .main-nav-mobile { display: none; position: absolute; left: 0; top: 0; z-index: 8999; width: 100%; padding: 0.25rem 1rem 2rem; background-color: #ffffff; color: #7f818f; opacity: 0; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; overflow: auto; } .main-nav-mobile.active { opacity: 1; } .main-nav-mobile__search { margin-bottom: 0.75rem; } .main-nav-mobile__item { position: relative; display: block; width: calc(100% + 1rem); left: -0.5rem; margin-bottom: 0.75rem; padding-left: 0.5rem; padding-right: 0.5rem; text-align: left; overflow: hidden; } .main-nav-mobile__item > a, .main-nav-mobile__item > button { position: relative; display: block; width: 100%; padding-top: 0.5rem; padding-bottom: 0.5rem; border-bottom: 1px solid #e3e7ed; font-weight: 500; text-align: left; -webkit-transition: color 0.15s; -o-transition: color 0.15s; transition: color 0.15s; } .main-nav-mobile__item > a:focus { color: #F15D24; } .main-nav-mobile__item .icon { width: 8px; height: 6px; margin-left: 0.5rem; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .main-nav-mobile__item .icon > * { fill: #7f818f; -webkit-transition: fill 0.15s; -o-transition: fill 0.15s; transition: fill 0.15s; } .main-nav-mobile__item button.active { color: #F15D24 !important; } .main-nav-mobile__item button.active > .icon * { fill: #2F6EB1 !important; } .main-nav-mobile__item.selected > button { color: #F15D24; } .main-nav-mobile__item.selected .icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .main-nav-mobile__item.selected .icon > * { fill: #2F6EB1 !important; } .main-nav-mobile__item.active > a, .main-nav-mobile__item.active > button { color: #F15D24; } .main-nav-mobile__item.active .icon > * { fill: #2F6EB1; } .main-nav-mobile__sub-nav { height: 0; -webkit-transition: height 0.5s; -o-transition: height 0.5s; transition: height 0.5s; } .main-nav-mobile__sub-nav-items-list-wrapper { padding-top: 0.75rem; padding-bottom: 0.25rem; } .main-nav-mobile__sub-nav-items-list-title { display: block; margin-bottom: 5px; font-size: 1rem; font-weight: 500; color: #414042; } .main-nav-mobile__sub-nav-item { text-align: left; margin-bottom: 2px; } .main-nav-mobile__sub-nav-item a { position: relative; display: block; width: 100%; padding: 0.375rem 0; font-size: 0.875rem; font-weight: 400; line-height: 1.3; color: #414042; } .main-nav-mobile__sub-nav-item a:after { content: ""; position: absolute; top: 0; left: -0.5rem; width: calc(100% + 1rem); height: 100%; background-color: #eef1f4; border-radius: 4px; opacity: 0; -webkit-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; z-index: -1; } .main-nav-mobile__sub-nav-item a:hover:after, .main-nav-mobile__sub-nav-item a:focus:after, .main-nav-mobile__sub-nav-item a.active:after { opacity: 1; } .main-nav-mobile__footer { padding-top: 0.5rem; } .main-nav-mobile__footer .btn { display: block; margin-left: auto; margin-right: auto; width: 100%; max-width: 31.25rem; margin-bottom: 0.5rem; } .search-bar { position: relative; width: 2.5rem; height: 2.5rem; border-radius: 1.25rem; background-color: transparent; -webkit-transition: background-color 0.15s; -o-transition: background-color 0.15s; transition: background-color 0.15s; overflow: hidden; cursor: pointer; -webkit-transition: width 0.4s cubic-bezier(0.25, 0.2, 0.25, 1), background-color 0.4s; -o-transition: width 0.4s cubic-bezier(0.25, 0.2, 0.25, 1), background-color 0.4s; transition: width 0.4s cubic-bezier(0.25, 0.2, 0.25, 1), background-color 0.4s; } .search-bar input { height: 2.5rem; } .search-bar.focused { background-color: yellow; } .search-bar:not(.active):hover { background-color: #eef1f4; } .search-bar--desktop { position: absolute; top: 0; right: 0; } .search-bar__wrapper { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; width: 2.5rem; height: 2.5rem; } .search-bar__input[type='search'] { position: relative; height: 2.5rem; max-width: 100%; padding-right: 0; font-size: 1rem; background-color: transparent; color: #7f818f; border-radius: 1.25rem; -webkit-box-shadow: none; box-shadow: none; border: none; opacity: 0; -webkit-transition: opacity 0.15s 0.1s cubic-bezier(0.25, 0.2, 0.25, 1), padding 0.4s cubic-bezier(0.25, 0.2, 0.25, 1); -o-transition: opacity 0.15s 0.1s cubic-bezier(0.25, 0.2, 0.25, 1), padding 0.4s cubic-bezier(0.25, 0.2, 0.25, 1); transition: opacity 0.15s 0.1s cubic-bezier(0.25, 0.2, 0.25, 1), padding 0.4s cubic-bezier(0.25, 0.2, 0.25, 1); } .search-bar__submit[type='submit'] { position: absolute; top: 0.25rem; right: 0.25rem; width: 2rem; height: 2rem; padding: 0; border-radius: 50%; text-align: center; background-color: transparent; -webkit-transition: background-color 0.15s; -o-transition: background-color 0.15s; transition: background-color 0.15s; } .search-bar__submit[type='submit']:after { content: ""; position: absolute; top: -0.25rem; left: -0.25rem; width: 2.5rem; height: 2.5rem; border-radius: 50%; background-color: transparent; } .search-bar__submit[type='submit'] .icon { width: 0.875rem; height: 0.875rem; margin: 0; -webkit-transform: translate(0, -2px); -ms-transform: translate(0, -2px); transform: translate(0, -2px); } .search-bar__submit[type='submit'] .icon > * { fill: #ffffff; -webkit-transition: fill 0.15s; -o-transition: fill 0.15s; transition: fill 0.15s; } .search-bar__submit[type='submit']:hover, .search-bar__submit[type='submit']:focus { opacity: 1; } .search-bar__submit[type='submit']:hover .icon > *, .search-bar__submit[type='submit']:focus .icon > * { fill: #7f818f; } .search-bar.active { width: 100%; background-color: #eef1f4; } .search-bar.active .search-bar { cursor: default; } .search-bar.active .search-bar__input[type='search'] { width: 100%; padding-right: 2.4rem; background-color: #eef1f4; opacity: 1; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .search-bar.active .search-bar__submit[type='submit'] { background-color: #d5dce6; } .search-bar.active .search-bar__submit[type='submit'] .icon > * { fill: #132b4c; } .search-bar.active .search-bar__submit[type='submit']:hover, .search-bar.active .search-bar__submit[type='submit']:focus { background-color: #2F6EB1; } .search-bar.active .search-bar__submit[type='submit']:hover .icon > *, .search-bar.active .search-bar__submit[type='submit']:focus .icon > * { fill: #ffffff; } .search-bar ::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #7f818f; opacity: 1; /* Firefox */ } .search-bar ::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #7f818f; opacity: 1; /* Firefox */ } .search-bar ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #7f818f; opacity: 1; /* Firefox */ } .search-bar :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #7f818f; } .search-bar ::-ms-input-placeholder { /* Microsoft Edge */ color: #7f818f; } .layout__box { padding: 1rem; border-radius: 8px; background-color: #ffffff; overflow: hidden; } .layout__box ~ .layout__box { margin-top: 1.5rem; } .layout__box ~ .layout__box.layout__box--tight { margin-top: 0.5rem; } .layout__box--shadow { -webkit-box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.1); } .layout__box--no-pad { padding: 0; } .layout__box--no-pad-bottom { padding-bottom: 0; } .layout__box--big-pad { padding-top: 1.5rem; padding-bottom: 1.5rem; } .layout__avatar-intro { margin-bottom: 2rem; } .layout__avatar-intro img { display: block; width: 7.5rem; height: 7.5rem; margin-left: auto; margin-right: auto; border-radius: 50%; } .newsletter-form { margin-bottom: 5rem; } .newsletter-form--in-page { max-width: 25rem; margin-left: auto; margin-right: auto; margin-bottom: 0; } .newsletter-form--mc-in-page { margin-bottom: 0; } .newsletter-form--mc-in-page .newsletter-form__inputs { margin-left: auto; margin-right: auto; max-width: 25rem; } .newsletter-form--mc-in-page ul { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .newsletter-form--mc-in-page ul li { margin-right: 0.5rem; margin-bottom: 0.5rem; } .newsletter-form--mc-in-page strong { display: inline-block; margin-bottom: 0.5rem; } .newsletter-form--align-left { margin-bottom: 0; } .newsletter-form ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newsletter-form p { margin-top: 1rem; font-size: 0.875rem; } .newsletter-form__inputs { position: relative; height: 2.75rem; border-radius: 22px; background-color: #ffffff; } .newsletter-form__email[type=email] { position: relative; height: 2.75rem; max-width: 100%; padding-right: 2.7rem; background-color: #ffffff; border-radius: 22px; -webkit-box-shadow: none; box-shadow: none; border: none; } section.util--bgc-white .newsletter-form__email[type=email] { background-color: #eef1f4; } .newsletter-form__email--fz14[type=email] { font-size: 0.875rem; margin-bottom: 1rem; } .newsletter-form__submit[type='submit'] { position: absolute; top: 0.375rem; right: 0.375rem; width: 2rem; height: 2rem; padding: 0; text-align: center; background-color: #F15D24; } .newsletter-form__submit[type='submit'] .icon { width: 0.625rem; height: 0.5625rem; margin: 0; -webkit-transform: translate(0, -1px); -ms-transform: translate(0, -1px); transform: translate(0, -1px); } .newsletter-form__submit[type='submit']:hover svg > *, .newsletter-form__submit[type='submit']:focus svg > * { fill: #ffffff; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } section.util--bgc-white .newsletter-form input[type=checkbox] ~ label { background-color: #eef1f4; } section.util--bgc-white .newsletter-form input[type=checkbox] ~ label:before { background-color: #ffffff; } section.util--bgc-grey-lighter .newsletter-form input[type=checkbox] ~ label { background-color: #ffffff; } section.util--bgc-grey-lighter .newsletter-form input[type=checkbox] ~ label:before { background-color: #eef1f4; } section .newsletter-form input[type=checkbox]:checked ~ label:before { background-color: #132b4c; } .hero { background-repeat: no-repeat; background-position: center, center; background-size: cover; position: relative; padding-top: 6.25rem; min-height: 51.75rem; background-color: #091b33; overflow: hidden; } .hero--slider { padding-top: 0; min-height: 31.25rem; } .hero--slider .hero__content { min-height: 420px; } .hero__background-item-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); display: none; overflow: hidden; } .hero__background-item-wrapper .hero__background-item { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .hero__background-item-wrapper.fadein, .hero__background-item-wrapper.fadeout, .hero__background-item-wrapper.active { display: block; } .hero__background-item-wrapper.active { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.65, 0.05, 0.01, 0.99); transition: -webkit-transform 0.8s cubic-bezier(0.65, 0.05, 0.01, 0.99); -o-transition: transform 0.8s cubic-bezier(0.65, 0.05, 0.01, 0.99); transition: transform 0.8s cubic-bezier(0.65, 0.05, 0.01, 0.99); transition: transform 0.8s cubic-bezier(0.65, 0.05, 0.01, 0.99), -webkit-transform 0.8s cubic-bezier(0.65, 0.05, 0.01, 0.99); overflow: visible; } .hero__background-item-wrapper.active .hero__background-item { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.65, 0.05, 0.01, 0.99); transition: -webkit-transform 0.8s cubic-bezier(0.65, 0.05, 0.01, 0.99); -o-transition: transform 0.8s cubic-bezier(0.65, 0.05, 0.01, 0.99); transition: transform 0.8s cubic-bezier(0.65, 0.05, 0.01, 0.99); transition: transform 0.8s cubic-bezier(0.65, 0.05, 0.01, 0.99), -webkit-transform 0.8s cubic-bezier(0.65, 0.05, 0.01, 0.99); } .hero__background-item-wrapper.fadein.left { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .hero__background-item-wrapper.fadein.left .hero__background-item { -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0); } .hero__background-item-wrapper.fadein.right { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .hero__background-item-wrapper.fadein.right .hero__background-item { -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); } .hero__background-item-wrapper.fadeout { -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.65, 0.05, 0.01, 0.99); transition: -webkit-transform 0.9s cubic-bezier(0.65, 0.05, 0.01, 0.99); -o-transition: transform 0.9s cubic-bezier(0.65, 0.05, 0.01, 0.99); transition: transform 0.9s cubic-bezier(0.65, 0.05, 0.01, 0.99); transition: transform 0.9s cubic-bezier(0.65, 0.05, 0.01, 0.99), -webkit-transform 0.9s cubic-bezier(0.65, 0.05, 0.01, 0.99); -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; z-index: 10; } .hero__background-item-wrapper.fadeout .hero__background-item { -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.65, 0.05, 0.01, 0.99); transition: -webkit-transform 0.9s cubic-bezier(0.65, 0.05, 0.01, 0.99); -o-transition: transform 0.9s cubic-bezier(0.65, 0.05, 0.01, 0.99); transition: transform 0.9s cubic-bezier(0.65, 0.05, 0.01, 0.99); transition: transform 0.9s cubic-bezier(0.65, 0.05, 0.01, 0.99), -webkit-transform 0.9s cubic-bezier(0.65, 0.05, 0.01, 0.99); -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .hero__background-item-wrapper.fadeout.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .hero__background-item-wrapper.fadeout.left .hero__background-item { -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); } .hero__background-item-wrapper.fadeout.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .hero__background-item-wrapper.fadeout.right .hero__background-item { -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0); } .hero__background-item { background-repeat: no-repeat; background-position: center, center; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .hero__slide-wrapper { padding-top: 1.5rem; padding-bottom: 5rem; min-height: 31.25rem; } .hero__slide-wrapper .hero__image { height: 100%; background-color: #091b33; } .hero__slider-controls { position: absolute; bottom: 50px; left: 50%; z-index: 50; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100px; } .hero__slider-controls button { opacity: 1; } .hero__slider-controls button:hover { opacity: 0.8; } .hero__image { background-repeat: no-repeat; background-position: top, center; background-size: cover; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; } .hero__image:before { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(17, 61, 108, 0.4)), color-stop(64%, rgba(17, 61, 108, 0.7)), to(#091b33)); background-image: -webkit-linear-gradient(top, rgba(17, 61, 108, 0.4), rgba(17, 61, 108, 0.7) 64%, #091b33); background-image: -o-linear-gradient(top, rgba(17, 61, 108, 0.4), rgba(17, 61, 108, 0.7) 64%, #091b33); background-image: linear-gradient(to bottom, rgba(17, 61, 108, 0.4), rgba(17, 61, 108, 0.7) 64%, #091b33); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .hero__image--desktop { display: none; } .hero__video { display: none; } .hero__content { position: relative; z-index: 3; min-height: 29.375rem; margin-top: 6.25rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #ffffff; } .hero__content--center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .hero__featured-videos { position: relative; z-index: 10; margin-top: 29.375rem; } .hero__featured-videos-title { margin-bottom: 2rem; } .hero--membership { padding-top: 0; } .hero--membership .hero__content { height: 23.125rem; } .hero__ticker { -webkit-box-sizing: content-box; box-sizing: content-box; margin: auto; min-height: 72px; position: absolute; top: 31.25rem; text-align: center; width: 100%; z-index: 100; } .hero__ticker-animate { overflow: hidden; padding-left: 100%; } .hero__ticker-container { display: inline-block; height: 4rem; line-height: 4rem; white-space: nowrap; padding-right: 100%; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-name: ticker; animation-name: ticker; -webkit-animation-duration: 20s; animation-duration: 20s; } .hero__ticker-container .hero__ticker-item { display: block; opacity: 1; } .hero__ticker-item { color: #ffffff; display: none; font-size: 1.25rem; opacity: 0; -webkit-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; transition: opacity 300ms ease; } .hero__ticker-item.fade--in { opacity: 1; } @-webkit-keyframes ticker { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes ticker { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .intro-banner { background-repeat: no-repeat; background-position: center, center; background-size: cover; position: relative; min-height: 18.75rem; height: auto; padding-top: 2rem; padding-bottom: 2rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #132b4c; } .intro-banner:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: auto; height: auto; background-color: #113d6c; opacity: 0.6; } .intro-banner--gray-overlay { background-color: #414042; } .intro-banner--gradient { padding-bottom: 10rem; } .intro-banner--gradient-white::after { content: ""; display: block; position: absolute; right: 0; bottom: 0; left: 0; height: 10rem; width: auto; z-index: 2; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #ffffff); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), #ffffff); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff); } .intro-banner--gradient-blue-dark::after { content: ""; display: block; position: absolute; right: 0; bottom: 0; left: 0; height: 10rem; width: auto; z-index: 2; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(19, 43, 76, 0)), to(#132b4c)); background-image: -webkit-linear-gradient(top, rgba(19, 43, 76, 0), #132b4c); background-image: -o-linear-gradient(top, rgba(19, 43, 76, 0), #132b4c); background-image: linear-gradient(to bottom, rgba(19, 43, 76, 0), #132b4c); } .intro-banner--gradient-blue-darker::after { content: ""; display: block; position: absolute; right: 0; bottom: 0; left: 0; height: 10rem; width: auto; z-index: 2; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(9, 27, 51, 0)), to(#091b33)); background-image: -webkit-linear-gradient(top, rgba(9, 27, 51, 0), #091b33); background-image: -o-linear-gradient(top, rgba(9, 27, 51, 0), #091b33); background-image: linear-gradient(to bottom, rgba(9, 27, 51, 0), #091b33); } .intro-banner--gradient-grey-light::after { content: ""; display: block; position: absolute; right: 0; bottom: 0; left: 0; height: 10rem; width: auto; z-index: 2; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(227, 231, 237, 0)), to(#e3e7ed)); background-image: -webkit-linear-gradient(top, rgba(227, 231, 237, 0), #e3e7ed); background-image: -o-linear-gradient(top, rgba(227, 231, 237, 0), #e3e7ed); background-image: linear-gradient(to bottom, rgba(227, 231, 237, 0), #e3e7ed); } .intro-banner--gradient-grey-lighter::after { content: ""; display: block; position: absolute; right: 0; bottom: 0; left: 0; height: 10rem; width: auto; z-index: 2; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(238, 241, 244, 0)), to(#eef1f4)); background-image: -webkit-linear-gradient(top, rgba(238, 241, 244, 0), #eef1f4); background-image: -o-linear-gradient(top, rgba(238, 241, 244, 0), #eef1f4); background-image: linear-gradient(to bottom, rgba(238, 241, 244, 0), #eef1f4); } .intro-banner--blend-with-next { padding-bottom: 10rem; } .intro-banner--pad-bottom { padding-top: 1rem; padding-bottom: calc(4.0625rem + 1rem); } .intro-banner--pad-bottom + section, .intro-banner--pad-bottom + div { position: relative; z-index: 2; } .intro-banner--pad-bottom.intro-banner--blend-with-next { padding-bottom: 15rem; } .intro-banner--greyOverlay:before { background-color: #414042; } .intro-banner__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 9.375rem; position: relative; z-index: 3; width: 100%; color: #ffffff; } .intro-banner__content-img { margin-bottom: 1rem; max-width: 200px; width: 100%; } .intro-banner__content-left { max-width: 43.75rem; } .intro-banner__content-right { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 1rem; } .intro-banner__title { margin-bottom: 0.625rem; } .intro-banner__share-cta { opacity: 1; -webkit-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .intro-banner__share-cta:hover { opacity: 0.8; } .intro-banner__share-cta .icon { width: 0.875rem; height: 0.8125rem; margin-left: 0; margin-right: 0.5rem; } .swiper-container { width: 100%; } .swiper-container.small { margin: auto; max-width: 86.25rem; } .swiper-container--overflow-visible { overflow: visible; } .swiper-container.js-card-swiper-container .swiper-slide { width: 18.875rem; margin-right: 1.5rem; } .swiper-container.js-course-preview-swiper-container .swiper-slide { width: 17.625rem; margin-right: 0.8125rem; } .swiper-slide--hero { opacity: 0 !important; } .swiper-slide--hero.swiper-slide-active { opacity: 1 !important; } .swiper__button { position: absolute; top: 50%; z-index: 10; background-color: #F15D24; opacity: 0; -webkit-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .swiper__button--small { width: 2.5rem; height: 2.5rem; } .swiper__button--prev { left: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .swiper-container--rte .swiper__button--prev { left: -4px; -webkit-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); transform: translate(-100%, -50%); } .swiper__button--next { right: 0; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); } .swiper-container--rte .swiper__button--next { right: -4px; -webkit-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); transform: translate(100%, -50%); } .swiper__button:not(.swiper-button-disabled) + .swiper__overlay { opacity: 1; } .swiper__button .icon { width: 0.625rem; height: 1.0625rem; } .swiper__overlay { position: absolute; top: 0; z-index: 2; width: 6.125rem; height: 100%; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .swiper__overlay--left { left: 0; background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(#eef1f4)); background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0), #eef1f4); background-image: -o-linear-gradient(right, rgba(255, 255, 255, 0), #eef1f4); background-image: linear-gradient(to left, rgba(255, 255, 255, 0), #eef1f4); } .swiper__overlay--right { right: 0; background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#eef1f4)); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #eef1f4); background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), #eef1f4); background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #eef1f4); } .swiper-pagination-bullets { position: absolute; bottom: 15px !important; z-index: 10; text-align: center; } .swiper-pagination-bullets--hero { bottom: 30px !important; } .swiper-pagination-bullet { position: relative; margin-right: 1.25rem !important; background-color: #7f818f; opacity: 0.5; } .swiper-pagination-bullet:before { content: ""; position: absolute; top: -6px; left: -6px; width: 1.25rem; height: 1.25rem; } .swiper-pagination-bullet-active { background-color: #2F6EB1; opacity: 1; } .swiper-pagination-bullet:last-child { margin-right: 4px; } .swiper-pagination-bullets--hero .swiper-pagination-bullet { border-radius: 0; background-color: #ffffff; opacity: 1; -webkit-transition: background-color 0.1s, -webkit-transform 0.1s; transition: background-color 0.1s, -webkit-transform 0.1s; -o-transition: transform 0.1s, background-color 0.1s; transition: transform 0.1s, background-color 0.1s; transition: transform 0.1s, background-color 0.1s, -webkit-transform 0.1s; } .swiper-pagination-bullets--hero .swiper-pagination-bullet-active { background-color: #2F6EB1; -webkit-transform: scale(1.9); -ms-transform: scale(1.9); transform: scale(1.9); } .swiper-pagination-bullets--hero .swiper-pagination-bullet-active:before { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } .clients { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 1rem; padding-bottom: 1rem; } .clients li { padding: 1rem 1.3rem; text-align: center; max-width: 80%; } .clients img { width: auto; height: auto; max-height: 2.5rem; max-width: calc(100% - 5px); vertical-align: middle; } .big-cta-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .big-cta-list__item { width: 100%; height: 15.625rem; overflow: hidden; } .big-cta-list__item:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; } .big-cta-list__item:last-child { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .big-cta-list__item-inner-wrapper { position: relative; height: 100%; width: 100%; display: block; padding: 1rem; } .big-cta-list__item-inner-wrapper:hover .big-cta-list__item-overlay--before { opacity: 0; } .big-cta-list__item-inner-wrapper:hover .big-cta-list__item-overlay--after { opacity: 0.75; } .big-cta-list__item-inner-wrapper:hover .big-cta-list__icon-arrow-wrapper .icon { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .big-cta-list__item-image { background-repeat: no-repeat; background-position: center, center; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-filter: saturate(0%); filter: saturate(0%); } .big-cta-list__item-overlay { position: absolute; top: 0; left: 0; z-index: 20; width: 100%; height: 100%; -webkit-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .big-cta-list__item-overlay--before { background-image: -webkit-gradient(linear, left top, left bottom, from(#196186), to(#113d6c)); background-image: -webkit-linear-gradient(top, #196186, #113d6c); background-image: -o-linear-gradient(top, #196186, #113d6c); background-image: linear-gradient(to bottom, #196186, #113d6c); -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; opacity: 0.75; } .big-cta-list__item-overlay--after { background-image: -webkit-gradient(linear, left top, left bottom, from(#132b4c), to(#001531)); background-image: -webkit-linear-gradient(top, #132b4c, #001531); background-image: -o-linear-gradient(top, #132b4c, #001531); background-image: linear-gradient(to bottom, #132b4c, #001531); -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; opacity: 0; } .big-cta-list__item-content { position: relative; z-index: 30; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .big-cta-list__item-content * { color: #ffffff; font-weight: 500; } .big-cta-list__tag { margin-bottom: 0.75rem; color: #09e2e2; font-size: 0.875rem; } .big-cta-list__cta-text { margin-bottom: 0; } .big-cta-list__icon-arrow-wrapper { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px); margin-left: 0.5rem; width: 32px; height: 12px; overflow: hidden; } .big-cta-list__icon-arrow-wrapper .icon { width: 24px; height: 12px; margin: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1); transition: -webkit-transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1); -o-transition: transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1); transition: transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1); transition: transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1), -webkit-transform 0.15s cubic-bezier(0.25, 0.2, 0.25, 1); } .cta-banner__wrapper { padding: 1rem; } .cta-banner__inner { position: relative; min-height: 21.875rem; padding: 5rem 1.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; } .cta-banner__inner--border-radius { border-radius: 8px; } .cta-banner__inner--tall { min-height: 560px; padding-top: 8rem; padding-bottom: 8rem; } .cta-banner__image { background-repeat: no-repeat; background-position: center, center; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .cta-banner__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #1a1a1a; opacity: 0.7; } .cta-banner__overlay--darker { background-image: -webkit-gradient(linear, left top, left bottom, from(#132b4c), to(#001531)); background-image: -webkit-linear-gradient(top, #132b4c, #001531); background-image: -o-linear-gradient(top, #132b4c, #001531); background-image: linear-gradient(to bottom, #132b4c, #001531); opacity: 0.85; } .cta-banner__content { position: relative; text-align: center; } .cta-banner__content * { color: #ffffff; } .cta-banner__footer { position: absolute; bottom: 1.5rem; left: 0; width: 100%; padding-left: 1.5rem; padding-right: 1.5rem; text-align: center; color: #ffffff; } .cta-banner__footer--more-pull-back { bottom: 32px; } .cta-banner__footer * { font-size: 0.875rem; font-weight: 500; } .cta-banner__header { position: absolute; top: 0; left: 0; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; text-align: center; } .cta-banner__anchor-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; max-width: calc(100% - 32px); padding: 16px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; background-color: rgba(255, 255, 255, 0.15); color: #ffffff; font-size: 15px; -webkit-transition: background-color 0.15s; -o-transition: background-color 0.15s; transition: background-color 0.15s; } .cta-banner__anchor-link:hover { background-color: rgba(255, 255, 255, 0.3); } .cta-banner__anchor-link span { text-align: center; } .cta-banner__anchor-link svg { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .quote { background-color: #091b33; } .quote * { color: #ffffff; } .quote__image-wrapper { position: relative; background-color: #091b33; } .quote__image-wrapper:after { background-image: -webkit-gradient(linear, left bottom, left top, from(#091b33), color-stop(25%, rgba(9, 27, 51, 0.6)), to(rgba(19, 43, 76, 0.3))); background-image: -webkit-linear-gradient(bottom, #091b33, rgba(9, 27, 51, 0.6) 25%, rgba(19, 43, 76, 0.3)); background-image: -o-linear-gradient(bottom, #091b33, rgba(9, 27, 51, 0.6) 25%, rgba(19, 43, 76, 0.3)); background-image: linear-gradient(to top, #091b33, rgba(9, 27, 51, 0.6) 25%, rgba(19, 43, 76, 0.3)); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .quote__image { background-repeat: no-repeat; background-position: center, center; background-size: cover; position: relative; width: 100%; height: 0; padding-bottom: 50%; } .quote__content-wrapper { padding: 2rem 1.25rem 4rem; } .quote__blockquote-wrapper { max-width: 35rem; margin-left: auto; margin-right: auto; } .quote__blockquote { position: relative; font-size: 1.25rem; } .quote__blockquote:before { content: ""; position: relative; display: block; margin-bottom: 0.5rem; width: 18px; height: 13px; background: url(/images/icons/src/icon__quotes--left--blue.svg) no-repeat center center; background-size: 18px 13px; } .quote__cite { display: block; max-width: 35rem; margin-top: 3rem; margin-left: auto; margin-right: auto; font-style: normal; } .quote__author { display: block; font-weight: bold; } .tiny-dropdown { position: relative; display: inline-block; } .tiny-dropdown.active .tiny-dropdown__button .icon { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } .tiny-dropdown.active .tiny-dropdown__options { opacity: 1; pointer-events: unset; } .tiny-dropdown--header .tiny-dropdown__button { padding: 0.75rem 0.75rem; height: 2.5rem; border-radius: 1.25rem; background-color: transparent; } .tiny-dropdown--header .tiny-dropdown__button .icon { margin-left: 0.4rem; } .tiny-dropdown--header .tiny-dropdown__button:hover { opacity: 1; background-color: #eef1f4; } .tiny-dropdown--header .tiny-dropdown__button:hover .tiny-dropdown__current { color: #7f818f; } .tiny-dropdown--header .tiny-dropdown__button:hover .icon > * { fill: #7f818f; } .tiny-dropdown--header .tiny-dropdown__options { border-radius: 1.25rem; } .tiny-dropdown--header .tiny-dropdown__current, .tiny-dropdown--header .tiny-dropdown__current a, .tiny-dropdown--header .tiny-dropdown__option, .tiny-dropdown--header .tiny-dropdown__option a { font-weight: 500; } .tiny-dropdown--header.active .tiny-dropdown__button { background-color: #e3e7ed; } .tiny-dropdown--header.active .tiny-dropdown__button .icon > * { fill: #132b4c; } .tiny-dropdown--header.active .tiny-dropdown__button:hover .tiny-dropdown__current { color: #132b4c; } .tiny-dropdown--header.active .tiny-dropdown__current { color: #132b4c; } .tiny-dropdown--mobile-login { width: 100%; } .tiny-dropdown--mobile-login .tiny-dropdown__button { padding: 0.75rem 0.75rem; height: 2.5rem; border-radius: 1.25rem; background-color: #eef1f4; width: 100%; } .tiny-dropdown--mobile-login .tiny-dropdown__button .icon { margin: auto 0; position: absolute; top: 0; right: 0.75rem; bottom: 0; } .tiny-dropdown--mobile-login .tiny-dropdown__button:hover { opacity: 1; background-color: #eef1f4; } .tiny-dropdown--mobile-login .tiny-dropdown__button:hover .tiny-dropdown__current { color: #7f818f; } .tiny-dropdown--mobile-login .tiny-dropdown__button:hover .icon > * { fill: #7f818f; } .tiny-dropdown--mobile-login .tiny-dropdown__options { border-radius: 1.25rem; } .tiny-dropdown--mobile-login .tiny-dropdown__current { color: #132b4c; } .tiny-dropdown--mobile-login .tiny-dropdown__current, .tiny-dropdown--mobile-login .tiny-dropdown__current a, .tiny-dropdown--mobile-login .tiny-dropdown__option, .tiny-dropdown--mobile-login .tiny-dropdown__option a { font-weight: 500; text-align: center; } .tiny-dropdown--mobile-login.active .tiny-dropdown__button { background-color: #e3e7ed; } .tiny-dropdown--mobile-login.active .tiny-dropdown__button .icon > * { fill: #132b4c; } .tiny-dropdown--mobile-login.active .tiny-dropdown__button:hover .tiny-dropdown__current { color: #132b4c; } .tiny-dropdown__button { opacity: 1; -webkit-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; position: relative; z-index: 2; height: 1.75rem; border-radius: 0.875rem; padding: 5px 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #e3e7ed; -webkit-transition: background-color 0.15s, color 0.15s; -o-transition: background-color 0.15s, color 0.15s; transition: background-color 0.15s, color 0.15s; } .tiny-dropdown__button:hover { opacity: 0.8; } .tiny-dropdown__button .icon { width: 9px; height: 10px; margin-right: 0; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .tiny-dropdown__button .icon > * { -webkit-transition: fill 0.15s; -o-transition: fill 0.15s; transition: fill 0.15s; fill: #132b4c; } .tiny-dropdown__current, .tiny-dropdown__option { -webkit-transition: color 0.15s; -o-transition: color 0.15s; transition: color 0.15s; } .tiny-dropdown__current, .tiny-dropdown__current a, .tiny-dropdown__option, .tiny-dropdown__option a { font-size: 0.875rem; color: #132b4c; white-space: nowrap; } .tiny-dropdown__current a, .tiny-dropdown__option a { opacity: 1; -webkit-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; display: block; padding-top: 5px; padding-bottom: 2px; } .tiny-dropdown__current a:hover, .tiny-dropdown__option a:hover { opacity: 0.8; } .tiny-dropdown__options { position: absolute; top: 0; left: 0; min-width: 100%; padding: 34px 12px 5px; border-radius: 0.875rem; background-color: #e3e7ed; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .tiny-dropdown__options--align-right { left: unset; right: 0; } .tiny-dropdown__option a { color: #7f818f; } .course__main { -webkit-transform: translateY(-4.0625rem); -ms-transform: translateY(-4.0625rem); transform: translateY(-4.0625rem); } .course__preview { margin-bottom: 1.5rem; } .course__preview-thumbnail { background-repeat: no-repeat; background-position: center, center; background-size: cover; position: relative; width: 100%; height: 0; display: block; padding-bottom: 56.25%; border-radius: 8px; } .course__preview-thumbnail--small { border-radius: 4px; } a.course__preview-thumbnail:active .course__preview-overlay, button.course__preview-thumbnail:active .course__preview-overlay { background-color: #113d6c; opacity: 0.5; } a.course__preview-thumbnail:active .btn, button.course__preview-thumbnail:active .btn { opacity: 1; } .course__preview-button { position: absolute; top: 1.5rem; left: 1.5rem; z-index: 30; } .course__preview-button--small { top: 0.75rem; left: 0.75rem; } .course__preview-overlay { position: absolute; top: 0; left: 0; z-index: 20; width: 100%; height: 0; padding-bottom: 56.25%; background-color: #132b4c; border-radius: 8px; opacity: 0.3; -webkit-transition: opacity 0.15s, background-color 0.15s; -o-transition: opacity 0.15s, background-color 0.15s; transition: opacity 0.15s, background-color 0.15s; } .course__preview-overlay--op1 { opacity: 0.1; } .course__preview-overlay--small { border-radius: 4px; } .course__preview-slider { position: relative; margin-top: 0.75rem; } .course__preview-slider .swiper__button--prev { -webkit-transform: translate(-17px, -50%); -ms-transform: translate(-17px, -50%); transform: translate(-17px, -50%); } .course__preview-slider .swiper__button--next { -webkit-transform: translate(17px, -50%); -ms-transform: translate(17px, -50%); transform: translate(17px, -50%); } .course__preview--small .course__preview-thumbnail, .course__preview--small .course__preview-overlay { padding-bottom: 40%; } .course__price { font-size: 2.125rem; font-weight: 500; line-height: normal; } .course__price-symbol { font-size: 1.5rem; } .course__cta { padding-top: 0; padding-bottom: 0; } .course__cta-block-item { padding-top: 2rem; padding-bottom: 0.5rem; } .course__cta-block-item ~ .course__cta-block-item { border-top: 1px solid #e3e7ed; } .course__cta-title { margin-bottom: 0.5rem; } .course__cta-button { margin-bottom: 1.5rem; } .course__small-text { max-width: 12.5rem; margin: 0 auto 1.5rem; font-size: 0.9375rem; color: #7f818f; } .course__theme-list-item { display: inline-block; margin-right: 0.25rem; margin-bottom: 0.5rem; } .course__theme-list-item .btn { background-color: #eef1f4; color: #7f818f; } .course__author-list-item ~ .course__author-list-item { margin-top: 0.75rem; } .course__author-list-item-inner-wrapper { opacity: 1; -webkit-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .course__author-list-item-inner-wrapper:hover { opacity: 0.8; } .course__author-image { width: 2.75rem; height: 2.75rem; border-radius: 50%; margin-right: 1rem; } .course__guide-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .course__guide-wrapper .icon { width: 2rem; height: 2.625rem; margin-left: 0; margin-right: 1rem; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .course__guide-link .icon__guide-preview__page { -webkit-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .course__guide-link .icon__guide-preview__magnifier { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transition: -webkit-transform 0.15s; transition: -webkit-transform 0.15s; -o-transition: transform 0.15s; transition: transform 0.15s; transition: transform 0.15s, -webkit-transform 0.15s; } .course__guide-link:hover .icon__guide-preview__page { opacity: 1; } .course__guide-link:hover .icon__guide-preview__magnifier { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .course__sticky-cta { position: fixed; top: 0; left: 0; z-index: 8900; width: 100%; padding-top: 0.75rem; padding-bottom: 0.75rem; background-color: #ffffff; text-align: center; -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15); -webkit-transform: translate3d(0, -115%, 0); transform: translate3d(0, -115%, 0); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.2, 0.25, 1); transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.2, 0.25, 1); -o-transition: transform 0.4s cubic-bezier(0.25, 0.2, 0.25, 1); transition: transform 0.4s cubic-bezier(0.25, 0.2, 0.25, 1); transition: transform 0.4s cubic-bezier(0.25, 0.2, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.2, 0.25, 1); } .course__sticky-cta--position-bottom { top: unset; bottom: 0; -webkit-transform: translate3d(0, 115%, 0); transform: translate3d(0, 115%, 0); } .course__sticky-cta--blue-bg { background-color: #132b4c; } .course__sticky-cta--blue-bg .course__sticky-cta-inner-wrapper * { color: #ffffff; } .course__sticky-cta.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .course__sticky-cta-title { margin-bottom: 0.5rem; } .course__sticky-cta-subtitle { margin-bottom: 0; font-size: 0.9375rem; color: #7f818f; } .course__sticky-cta-btn { margin-bottom: 0.5rem; } .course__sticky-cta-inner-wrapper > div > *:last-child { margin-bottom: 0; } .tabs__container { position: relative; margin-bottom: 1.1rem; } .tabs__container:before { content: ""; position: absolute; bottom: 0.5rem; left: 0; width: 100%; height: 1px; background-color: #e3e7ed; } .tabs__container--no-border:before { display: none; } .tabs__container--mb-small { margin-bottom: 0.5rem; } .tabs__tab { font-family: "montserrat", "Helvetica Neue", Helvetica, arial, sans-serif; font-size: 1rem; font-weight: bold; position: relative; margin-bottom: -1px; margin-right: 2rem; border-bottom: 2px solid transparent; text-align: left; color: #c5c6ce; background-color: transparent; -webkit-transition: color 0.2s, border-color 0.2s, background-color 0.2s; -o-transition: color 0.2s, border-color 0.2s, background-color 0.2s; transition: color 0.2s, border-color 0.2s, background-color 0.2s; margin-bottom: 0.5rem; } .tabs__tab:last-child { margin-right: 0; } .tabs__tab:hover, .tabs__tab:focus, .tabs__tab.active { color: #132b4c; } .tabs__tab.active { border-color: #2F6EB1; } .tabs__tab--light { color: #7f818f; } .tabs__tab--light:hover, .tabs__tab--light:focus, .tabs__tab--light.active { color: #ffffff; } .tab { -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .tab.fadeOut { opacity: 0; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .tab.fadeIn { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .author { text-align: center; } .author__img { display: block; width: 12.5rem; height: 12.5rem; margin-bottom: 1.2rem; } .author__img--inline-block { display: inline-block; } .author__img--large { display: block; margin: 0 auto; width: 12.5rem; height: 12.5rem; } .author__img--ambassador { width: 12.5rem; height: auto; } .author__img--main { opacity: 1; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .author__img--alt { position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; z-index: 2; } .author__img-hover-wrapper { position: relative; } .author__img-hover-wrapper:hover .author__img--main { opacity: 0; } .author__img-hover-wrapper:hover .author__img--alt { opacity: 1; } .author__listing-description { text-align: left; } .author__ambassador-listing-intro-wrapper { max-width: 42.5rem; margin-left: auto; margin-right: auto; } .author__ambassador-listing-intro-text-wrapper { text-align: left; } .rte > *:last-child:not(.grid__row) { margin-bottom: 0; } .rte h2, .rte h3, .rte h4, .rte h5, .rte h6 { margin-top: 1.5rem; margin-bottom: 0.5rem; line-height: 1.1; } .rte h2:first-child, .rte h3:first-child, .rte h4:first-child, .rte h5:first-child, .rte h6:first-child { margin-top: 0; } .hero__content .rte h2, .hero__content .rte h3, .hero__content .rte h4, .hero__content .rte h5, .hero__content .rte h6 { color: #ffffff; } .rte p, .rte li { color: #414042; } .layout__box .rte p, .layout__box .rte li { color: #7f818f; } .hero__content .rte p, .hero__content .rte li { color: #ffffff; } .rte p { margin-bottom: 1.5rem; } .rte ul { margin-bottom: 1.5rem; list-style-type: none; } .rte ul li { position: relative; padding-left: 1.5rem; } .rte ul li:before { content: ""; position: relative; top: 2px; z-index: 2; display: inline-block; width: 15px; height: 15px; margin-left: -1.5rem; margin-right: 10px; background: url(/images/icons/src/icon__checkmark--orange.svg) no-repeat center center; background-size: 15px; } .rte ol { margin-bottom: 1.5rem; counter-reset: li; } .rte ol li { counter-increment: li; padding-left: 1.5rem; } .rte ol li:before { content: counter(li) "."; color: #F15D24; display: inline-block; width: 1rem; margin-left: -1.5rem; margin-right: 0.5rem; text-align: left; font-weight: 500; } .rte li { margin-bottom: 0.5rem; } .rte li a:not(.btn) { color: #F15D24; } .rte li a:not(.btn):hover, .rte li a:not(.btn):focus { text-decoration: underline; } .rte img { height: auto !important; } .rte figure { margin-bottom: 1.5rem; } .rte figcaption { font-size: 0.875rem; line-height: normal; color: #e3e7ed; } .rte table p { margin: 0; } .rte blockquote { display: inline-block; position: relative; padding-left: 1.3rem; padding-right: 1.3rem; margin-bottom: 3rem; margin-top: 3rem; } .rte blockquote.blockquote-centered { left: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } .rte blockquote *, .rte blockquote { font-size: 1.125rem; line-height: 1.5; } .rte blockquote:before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 1.3rem; height: 9px; background: url(/images/icons/src/icon__quotes--left--blue.svg) no-repeat center left; background-size: 14px 9px; } .rte blockquote:after { content: ""; position: absolute; top: 0; right: 0; display: block; width: 1.3rem; height: 9px; background: url(/images/icons/src/icon__quotes--right--blue.svg) no-repeat center right; background-size: 14px 9px; } .rte--feature-list ul li { margin-bottom: 0; padding: 0.5625rem 0.5rem 0.5625rem 2rem; } .rte--feature-list ul li, .rte--feature-list ul li * { font-size: 0.9375rem; } .rte--feature-list ul li:before { top: 12px; left: 8px; } .rte--feature-list ul li:not(:last-child) { border-bottom: 1px solid #e3e7ed; } .rte__list-item--standout { display: inline-block; } .rte__list-item--standout:before { content: ""; position: absolute; top: -1px; left: -8px; height: calc(100% + 2px); width: calc(100% + 16px); background-color: #eef1f4; border-radius: 4px; } .rte__list-item--standout > * { position: relative; } .rte--course-summary * { font-size: 0.9375rem; } .rte--color-white p, .rte--color-white li, .rte--color-white * { color: #ffffff; } .rte--color-white em, .rte--color-white em *, .rte--color-white strong, .rte--color-white strong * { color: inherit; } .rte[data-style-card="1"] { background: #ffffff; border-radius: 8px; padding: 2rem 1rem; } .rte-img--rounded { display: inline-block; border-radius: 8px; overflow: hidden; line-height: 0; } .js-dropdown__target { height: 0; -webkit-transition: height 0.5s cubic-bezier(0.25, 0.2, 0.25, 1); -o-transition: height 0.5s cubic-bezier(0.25, 0.2, 0.25, 1); transition: height 0.5s cubic-bezier(0.25, 0.2, 0.25, 1); } .catalogue__search-wrapper { margin-bottom: 1.5rem; } .catalogue__search-wrapper .search-bar { max-width: 100%; } .catalogue__search-wrapper .search-bar.active .search-bar__input[type='search'] { background-color: #ffffff; } .catalogue__filters { padding: 2rem 1.25rem; } .catalogue__browser { padding-top: 2rem; padding-bottom: 2rem; } .catalogue__filters-dropdown-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 0.75rem 1rem; -webkit-transition: color 0.15s, background-color 0.15s; -o-transition: color 0.15s, background-color 0.15s; transition: color 0.15s, background-color 0.15s; } .catalogue__filters-dropdown-btn .icon { width: 9px; height: 6px; margin: 0; -webkit-transition: color 0.15s; -o-transition: color 0.15s; transition: color 0.15s; } .catalogue__filters-dropdown-btn .icon > * { fill: #132b4c; } .catalogue__filters-dropdown-btn:hover { background-color: #132b4c; color: #ffffff; } .catalogue__filters-dropdown-btn:hover .icon { -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .catalogue__filters-dropdown-btn:hover .icon > * { fill: #ffffff; } .catalogue__filters-dropdown-btn.active .icon { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } .catalogue__filters-dropdown-content { padding: 0 0.75rem; } .catalogue__filters-dropdown-content hr { width: calc(100% - 1rem); margin: 0 auto 0.375rem; } .catalogue__filters-list { padding-bottom: 0.5rem; } .catalogue__header-flex { position: relative; z-index: 100; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .catalogue__header-flex > * ~ * { margin-left: 2rem; } .catalogue__back-to-top { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 222; margin-top: 1rem; } .catalogue__back-to-top a { position: relative; right: -1rem; padding: 0.5rem 1rem; border-radius: 8px; -webkit-box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.1); } .catalogue__back-to-top a svg { margin: 0; fill: #2F6EB1; } .share-box { display: none; position: absolute; top: calc(100% + 1rem); right: 0; z-index: 8000; width: 19.5rem; max-width: calc(100% - 2rem); opacity: 0; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .share-box__share-cta { margin-bottom: 1rem; } .share-box__container { position: relative; } .share-box__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 1rem; } .share-box__header > *:first-child { margin-right: 1rem; } .share-box__main { margin-bottom: 0.9rem; } .share-box__close-button { opacity: 1; -webkit-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; font-size: 0.875rem; color: #7f818f; } .share-box__close-button:hover { opacity: 0.8; } .share-box__url { display: block; width: 100%; padding: 6px 10px; font-size: 0.875rem; color: #7f818f; background-color: #eef1f4; border-radius: 4px; overflow: hidden; white-space: nowrap; } .share-box .at-share-btn { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 3rem; height: 3rem; margin-right: 1rem !important; background-color: #eef1f4 !important; border-radius: 50% !important; } .share-box .at-share-btn:last-child { margin-right: 0 !important; } .share-box .at-share-btn .at-icon-facebook { fill: #135aae !important; width: 26px !important; height: 26px !important; margin-left: auto; margin-right: auto; display: block; margin-top: 3px; } .share-box .at-share-btn .at-icon-twitter { fill: #3ab7e5 !important; } .share-box .at-share-btn .at-icon-linkedin { fill: #0077b5 !important; } .share-box .at-share-btn .at-icon-email { fill: #7f818f !important; } .share-post { margin-bottom: 4rem; } .share-post .at-share-btn { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 3rem; height: 3rem; margin-right: 1rem !important; background-color: #eef1f4 !important; border-radius: 50% !important; } .share-post .at-share-btn:last-child { margin-right: 0 !important; } .share-post .at-share-btn .at-icon-facebook { fill: #135aae !important; width: 26px !important; height: 26px !important; margin-left: auto; margin-right: auto; display: block; margin-top: 3px; } .share-post .at-share-btn .at-icon-twitter { fill: #3ab7e5 !important; } .share-post .at-share-btn .at-icon-linkedin { fill: #0077b5 !important; } .share-post .at-share-btn .at-icon-email { fill: #7f818f !important; } .share-post--light .at-share-btn { background-color: #ffffff !important; } .signup__form { -webkit-transform: translateY(-6.5625rem); -ms-transform: translateY(-6.5625rem); transform: translateY(-6.5625rem); } .signup__form p { color: #7f818f; } .signup__block ~ .signup__block { margin-top: 2rem; padding-top: 2rem; border-top: 1px solid #e3e7ed; } .breadcrumb--quiz { padding-top: 2rem; padding-bottom: 2rem; } .breadcrumb__inner-wrapper { width: 100%; max-width: 37.5rem; margin-left: auto; margin-right: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .breadcrumb__item { position: relative; padding-left: 0.2rem; padding-right: 0.2rem; padding-bottom: 2rem; text-align: center; width: 100%; } .breadcrumb__item:before { content: ""; position: absolute; bottom: calc(1rem + 4px); left: 50%; width: 100%; height: 2px; background-color: #c5c6ce; } .breadcrumb__item:after { content: ""; position: absolute; bottom: 1rem; left: calc(50% - 5px); width: 10px; height: 10px; border-radius: 50%; background-color: #c5c6ce; } .breadcrumb__item:last-child:before { display: none; } .breadcrumb__item--completed:before, .breadcrumb__item--completed:after { background-color: #2F6EB1; } .breadcrumb__item--completed .breadcrumb__item-text { color: #2F6EB1; } .breadcrumb__item--active:after { background-color: #132b4c; } .breadcrumb__item--active .breadcrumb__item-text { color: #132b4c; } .breadcrumb__item-text { display: inline-block; font-size: 0.875rem; font-weight: 500; line-height: 1.2; color: #c5c6ce; } .breadcrumb__item-text:before { content: attr(data-text-mobile); } .contact__map iframe { width: 100%; max-width: 62.5rem; } .article__wrapper--offset { position: relative; z-index: 2; -webkit-transform: translateY(-4.0625rem); -ms-transform: translateY(-4.0625rem); transform: translateY(-4.0625rem); } .article__main-image { background-repeat: no-repeat; background-position: center, center; background-size: cover; height: 0; width: 100%; padding-bottom: 53%; border-radius: 8px; } .article__header { margin-bottom: 2rem; } .article__category { opacity: 1; -webkit-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; color: #2F6EB1; } .article__category:hover { opacity: 0.8; } .article__content { padding-bottom: 4rem; } .article__footer { border-top: 1px solid #e3e7ed; padding-top: 1.5rem; } .article__author { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 4rem; } .article__author-image-wrapper { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 1rem; } .article__author-image { display: block; width: 4.375rem; height: 4.375rem; border-radius: 50%; } .article__author-name { display: block; font-weight: 500; } .playlist { position: relative; left: -1.5rem; max-height: 29.375rem; width: calc(100% + 3rem); padding-left: 1.5rem; padding-right: 1.5rem; padding-bottom: 1rem; } .playlist__item { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 0.5rem; padding-bottom: 0.5rem; } .playlist__item:before { content: ""; position: absolute; top: 0; left: -0.5rem; width: calc(100% + 1rem); height: 100%; border-radius: 4px; background-color: transparent; -webkit-transition: background-color 0.15s; -o-transition: background-color 0.15s; transition: background-color 0.15s; } .playlist__item:hover:before { background-color: #eef1f4; } .playlist__item:hover .course__preview-overlay { background-color: #113d6c; opacity: 0.5; } .playlist__item.active:before { background-color: #eef1f4; } .playlist__item.active .course__preview-overlay { background-color: #113d6c; opacity: 0.75; } .playlist__item-thumbnail { position: relative; width: 7.8125rem; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .playlist__item-thumbnail .course__preview-button { top: 0.5rem; left: 0.5rem; } .playlist__item-content { position: relative; padding: 0 0.75rem; } .playlist .os-scrollbar { padding-left: 0 !important; padding-right: 0 !important; } .playlist .os-scrollbar-handle { left: -3px; width: 2px; background-color: #c5c6ce !important; } .player__container { position: relative; } .player__iframe-wrapper { display: none; position: absolute; top: 0; left: 0; z-index: 50; width: 100%; height: 0; padding-bottom: 56.25%; background-color: #000000; border-radius: 8px; overflow: hidden; } .player__iframe-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .player__iframe-wrapper.active { display: block; } .snip-layout { font-family: unset; z-index: 11000; } .snip-header__title { color: #ffffff; } .snip-layout .snip-btn--highlight { opacity: 1; -webkit-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; background-color: #15c1c1; color: #ffffff; } .snip-layout .snip-btn--highlight:hover { opacity: 0.8; } .snip-layout .snip-btn--highlight:hover { background-color: #15c1c1; } .snip-layout .snip-quantity-trigger__btn { -webkit-transition: color 0.15s, background-color 0.15s; -o-transition: color 0.15s, background-color 0.15s; transition: color 0.15s, background-color 0.15s; } .snip-layout .snip-quantity-trigger__btn:hover { background-color: #15c1c1; color: #ffffff; } .snip-layout .snip-quantity-trigger__btn--minus:before { line-height: 1em; } .quiz__section:not(:first-child) { margin-top: 5rem; } .quiz__intro { margin-bottom: 3rem; } .quiz__question { margin-bottom: 2rem; } .quiz__sort-container .btn { border-radius: 8px; cursor: -webkit-grab; cursor: grab; } .quiz__sort-source, .quiz__sort-target { padding: 1rem; background-color: #eef1f4; border-radius: 8px; } .quiz__sort-source ul, .quiz__sort-target ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; min-height: 10rem; } .quiz__sort-source li, .quiz__sort-target li { margin-right: 4px; } .quiz__sort-source { position: relative; margin-bottom: 4rem; } .quiz__sort-source:after { content: ""; position: absolute; bottom: -2.8rem; left: calc(50% - 1.5rem); display: block; width: 3rem; height: 1.5rem; background: transparent url(/images/icons/src/icon__arrow--right--blue.svg) center center no-repeat; background-size: contain; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .quiz__sort-target ul { display: block; } .quiz__sort-target li { display: block; } .quiz__sort-target .btn { background-color: #2F6EB1; color: #ffffff; } .js-expand__trigger .icon__chevron--down { -webkit-transform: rotate3d(1, 0, 0, 0deg); transform: rotate3d(1, 0, 0, 0deg); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.2, 0.25, 1); transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.2, 0.25, 1); -o-transition: transform 0.3s cubic-bezier(0.25, 0.2, 0.25, 1); transition: transform 0.3s cubic-bezier(0.25, 0.2, 0.25, 1); transition: transform 0.3s cubic-bezier(0.25, 0.2, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.2, 0.25, 1); } .js-expand__trigger.active .icon__chevron--down { -webkit-transform: rotate3d(1, 0, 0, 180deg); transform: rotate3d(1, 0, 0, 180deg); } .js-expand__target { overflow: hidden; max-height: 0; -webkit-transition: max-height 0.3s cubic-bezier(0.25, 0.2, 0.25, 1); -o-transition: max-height 0.3s cubic-bezier(0.25, 0.2, 0.25, 1); transition: max-height 0.3s cubic-bezier(0.25, 0.2, 0.25, 1); } .js-expand__target.active { max-height: 1000px; } .js-expand__target > :first-child { padding-top: 1rem; } html.sr .js-scroll-reveal { visibility: hidden; } .js-catalog__browser-wrapper { position: relative; } .js-catalog__browser-wrapper:after { content: ""; position: absolute; top: 0; left: 0; z-index: 7000; width: 100%; height: 100%; background-color: #132b4c; opacity: 0.4; cursor: wait; display: none; } .js-catalog__browser-wrapper.refresh:after { display: block; } .img-list-display { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .img-list-display__title { text-align: center; } .img-list-display__img { display: inline-block; max-width: 600px; } .img-list-display__img-wrapper { margin: 1.5rem; } .section-after-hero { margin-top: -10rem; position: relative; z-index: 2; } .section-after-hero.util--bgc-white { background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(8rem, white), to(white)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 8rem, white 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 8rem, white 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 8rem, white 100%); } .section-after-hero.util--bgc-blue-dark { background: -webkit-gradient(linear, left top, left bottom, from(rgba(19, 43, 76, 0)), color-stop(8rem, #132b4c), to(#132b4c)); background: -webkit-linear-gradient(top, rgba(19, 43, 76, 0) 0%, #132b4c 8rem, #132b4c 100%); background: -o-linear-gradient(top, rgba(19, 43, 76, 0) 0%, #132b4c 8rem, #132b4c 100%); background: linear-gradient(to bottom, rgba(19, 43, 76, 0) 0%, #132b4c 8rem, #132b4c 100%); } .section-after-hero.util--bgc-blue-darker { background: -webkit-gradient(linear, left top, left bottom, from(rgba(9, 27, 51, 0)), color-stop(8rem, #091b33), to(#091b33)); background: -webkit-linear-gradient(top, rgba(9, 27, 51, 0) 0%, #091b33 8rem, #091b33 100%); background: -o-linear-gradient(top, rgba(9, 27, 51, 0) 0%, #091b33 8rem, #091b33 100%); background: linear-gradient(to bottom, rgba(9, 27, 51, 0) 0%, #091b33 8rem, #091b33 100%); } .section-after-hero.util--bgc-grey-light { background: -webkit-gradient(linear, left top, left bottom, from(rgba(227, 231, 237, 0)), color-stop(8rem, #e3e7ed), to(#e3e7ed)); background: -webkit-linear-gradient(top, rgba(227, 231, 237, 0) 0%, #e3e7ed 8rem, #e3e7ed 100%); background: -o-linear-gradient(top, rgba(227, 231, 237, 0) 0%, #e3e7ed 8rem, #e3e7ed 100%); background: linear-gradient(to bottom, rgba(227, 231, 237, 0) 0%, #e3e7ed 8rem, #e3e7ed 100%); } .section-after-hero.util--bgc-grey-lighter { background: -webkit-gradient(linear, left top, left bottom, from(rgba(238, 241, 244, 0)), color-stop(8rem, #eef1f4), to(#eef1f4)); background: -webkit-linear-gradient(top, rgba(238, 241, 244, 0) 0%, #eef1f4 8rem, #eef1f4 100%); background: -o-linear-gradient(top, rgba(238, 241, 244, 0) 0%, #eef1f4 8rem, #eef1f4 100%); background: linear-gradient(to bottom, rgba(238, 241, 244, 0) 0%, #eef1f4 8rem, #eef1f4 100%); } .persona { border-top: 1px solid #e3e7ed; padding-top: 1rem; } .persona__cta-row { text-align: center; margin: 2.5rem 0 0.5rem 0; } .login-popup { background-color: rgba(19, 43, 76, 0.6); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 12000; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .login-popup.visible { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .login-popup__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: auto; position: absolute; top: 4.375rem; right: 0; bottom: 4.375rem; left: 0; } .login-popup__layout { max-height: 100%; overflow: auto; } .login-popup__rte { padding-top: 3rem; } .login-popup__footer { margin-top: 3rem; text-align: center; border-top: 1px solid #e3e7ed; padding-top: 1rem; } .login-popup__close-btn { display: inline-block; } .fav-btn { cursor: pointer; margin-bottom: 1.5rem; } .fav-btn__txt-add { display: inline; } .fav-btn__txt-remove { display: none; } .fav-btn__txt-add, .fav-btn__txt-remove { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } .fav-btn__ico { margin-right: 0.25rem !important; } .fav-btn__ico-full { opacity: 0; -webkit-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .fav-btn.active .fav-btn__txt-add { display: none; } .fav-btn.active .fav-btn__txt-remove { display: inline; } .fav-btn.active .fav-btn__ico-full { opacity: 1; } .back-to-top { position: fixed; bottom: 0; right: 0; z-index: 8800; padding-top: 1rem; padding-bottom: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; -webkit-transform: translate3d(0, 115%, 0); transform: translate3d(0, 115%, 0); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.2, 0.25, 1); transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.2, 0.25, 1); -o-transition: transform 0.4s cubic-bezier(0.25, 0.2, 0.25, 1); transition: transform 0.4s cubic-bezier(0.25, 0.2, 0.25, 1); transition: transform 0.4s cubic-bezier(0.25, 0.2, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.2, 0.25, 1); } .back-to-top.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .back-to-top .btn { margin-bottom: 0; -webkit-box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.05); background-color: #2F6EB1; } .back-to-top .btn svg { margin: 0; } .back-to-top .btn svg * { fill: #ffffff; } .grid-masonry-sizer, .grid-masonry-item { width: 100%; } .grid-masonry-item { margin-bottom: 12px; } .grid-masonry-item img { display: block; width: 100%; max-width: 100%; } .grid-masonry-gutter-sizer { width: 0; } .grid-masonry-iframe-wrapper { position: relative; height: 0; padding-bottom: 56.25%; } .grid-masonry-iframe-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .basicLightbox--visible { z-index: 13000; } .basicLightbox--visible:before { content: ""; position: absolute; top: 0.5rem; right: 0.5rem; z-index: 2; width: 1.5rem; height: 1.5rem; background: url(../../images/icons/src/icon__close--white.svg) no-repeat center center; background-size: cover; cursor: pointer; } .basicLightbox .basicLightbox__placeholder { width: 100%; height: 100%; } .lightbox__image { display: none; position: absolute; top: 50%; left: 50%; width: auto; height: auto; max-width: 90%; max-height: 85vh; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: left 0.4s; -o-transition: left 0.4s; transition: left 0.4s; } .lightbox__image--current, .lightbox__image--next, .lightbox__image--prev { display: inline-block; } .lightbox__image--next { left: 150%; } .lightbox__image--prev { left: -50%; } .lightbox__button { position: absolute; width: 4%; padding-bottom: 6%; background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; } .lightbox__button--prev { bottom: 0.5rem; left: 40%; background-image: url(/images/icons/src/icon__chevron--left--white.svg); } .lightbox__button--next { bottom: 0.5rem; right: 40%; background-image: url(/images/icons/src/icon__chevron--right--white.svg); } .js-blog__browser-wrapper { position: relative; } .js-blog__browser-wrapper:after { content: ""; position: absolute; top: 0; left: 0; z-index: 7000; width: 100%; height: 100%; background-color: #132b4c; opacity: 0.4; cursor: wait; display: none; } .js-blog__browser-wrapper.refresh:after { display: block; } @supports (-ms-accelerator: true) { .skrollr__item { /* IE Edge 12+ CSS styles go here */ } } .big-grid__section-wrapper { margin-bottom: 48px; } .big-grid__image-wrapper { position: relative; width: 100%; height: 350px; overflow: hidden; } .big-grid__image { background-repeat: no-repeat; background-position: center, center; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media only screen and (max-width: 99.9375em) { /* max-width: em(1599) */ } @media only screen and (max-width: 81.1875em) { /* max-width: em(1299) */ .skrollr__item { -webkit-transform: translate(0, 0) !important; -ms-transform: translate(0, 0) !important; transform: translate(0, 0) !important; } } @media only screen and (max-width: 62.4375em) { /* max-width: em(999) */ .util--hide-for-small-down { display: none !important; } .card--full-height-content { max-width: 400px; } .course__preview-slider .swiper__button { display: none; } } @media only screen and (max-width: 43.6875em) { /* max-width: em(699) */ .img-list-display__img { max-width: 100%; } .img-list-display__img-wrapper { margin: 1rem; } .js-back-to-top { padding-bottom: 0.5rem; padding-right: 0.5rem; padding-left: 0.5rem; } } @media only screen and (max-width: 29.9375em) { /* max-width: em(479) */ .share-box { left: 1rem !important; right: unset !important; } } @media only screen and (min-width: 30em) { /* min-width: em(480) */ .grid__col--xs-12 { width: 100%; } .grid__col--xs-11 { width: 91.66%; } .grid__col--xs-10 { width: 83.33%; } .grid__col--xs-9 { width: 75%; } .grid__col--xs-8 { width: 66.66%; } .grid__col--xs-7 { width: 58.33%; } .grid__col--xs-6 { width: 50%; } .grid__col--xs-5 { width: 41.66%; } .grid__col--xs-4 { width: 33.33%; } .grid__col--xs-3 { width: 25%; } .grid__col--xs-2 { width: 16.66%; } .grid__col--xs-1 { width: 8.33%; } .grid__col--xs-offset-11 { margin-left: 91.66%; } .grid__col--xs-offset-10 { margin-left: 83.33%; } .grid__col--xs-offset-9 { margin-left: 75%; } .grid__col--xs-offset-8 { margin-left: 66.66%; } .grid__col--xs-offset-7 { margin-left: 58.33%; } .grid__col--xs-offset-6 { margin-left: 50%; } .grid__col--xs-offset-5 { margin-left: 41.66%; } .grid__col--xs-offset-4 { margin-left: 33.33%; } .grid__col--xs-offset-3 { margin-left: 25%; } .grid__col--xs-offset-2 { margin-left: 16.66%; } .grid__col--xs-offset-1 { margin-left: 8.33%; } .grid__col--xs-offset-0 { margin-left: 0; } .card__nav-wrapper { max-width: 45.5rem; } .card__video-play-btn { top: 1.5rem; left: 1.5rem; } .card__video-time { left: 1.5rem; } .card__content { padding: 1.5rem; } .intro-banner__content { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; min-height: 15.625rem; } .intro-banner__content-img { margin: 0; max-width: 200px; } .intro-banner__content-left.banner--row { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .intro-banner__content-left.center { margin: auto; text-align: center; } .intro-banner__content-left.center .intro-banner__content-img { margin-left: auto; margin-right: auto; text-align: center; } .intro-banner__content-left > *:last-child { margin-bottom: 0; } .intro-banner__content-right { margin: 0; text-align: right; } .intro-banner__content-right.center { position: absolute; right: 5rem; } .intro-banner__content-right .share-box__container { text-align: right; } .clients li { padding: 1rem; max-width: 50%; } .quote__content-wrapper { padding-left: 2rem; padding-right: 2rem; } .article__author-image { width: 5.5rem; height: 5.5rem; } div.js-back-to-top { padding-left: 1rem; } } @media only screen and (min-width: 43.75em) { /* min-width: em(700) */ h1 { font-size: 2.125rem; } .hero h1 { font-size: 2.375rem; } h2, .h2-like { font-size: 2.125rem; } .rte h2, .layout__box h2, .rte .h2-like, .layout__box .h2-like { font-size: 1.875rem; } h3.h3--fz24, .h3-like.h3--fz24 { font-size: 1.5rem; } .grid__col--sm-12 { width: 100%; } .grid__col--sm-11 { width: 91.66%; } .grid__col--sm-10 { width: 83.33%; } .grid__col--sm-9 { width: 75%; } .grid__col--sm-8 { width: 66.66%; } .grid__col--sm-7 { width: 58.33%; } .grid__col--sm-6 { width: 50%; } .grid__col--sm-5 { width: 41.66%; } .grid__col--sm-4 { width: 33.33%; } .grid__col--sm-3 { width: 25%; } .grid__col--sm-2 { width: 16.66%; } .grid__col--sm-1 { width: 8.33%; } .grid__col--sm-offset-11 { margin-left: 91.66%; } .grid__col--sm-offset-10 { margin-left: 83.33%; } .grid__col--sm-offset-9 { margin-left: 75%; } .grid__col--sm-offset-8 { margin-left: 66.66%; } .grid__col--sm-offset-7 { margin-left: 58.33%; } .grid__col--sm-offset-6 { margin-left: 50%; } .grid__col--sm-offset-5 { margin-left: 41.66%; } .grid__col--sm-offset-4 { margin-left: 33.33%; } .grid__col--sm-offset-3 { margin-left: 25%; } .grid__col--sm-offset-2 { margin-left: 16.66%; } .grid__col--sm-offset-1 { margin-left: 8.33%; } .grid__col--sm-offset-0 { margin-left: 0; } .container { padding-left: 2rem; } .container { padding-right: 2rem; } .container--maxwidth-cards { max-width: 56.25rem; } .burger { padding-right: 2rem; } .header { padding: 1.75rem 2rem; } .header--snap { padding-top: 0.9375rem; padding-bottom: 0.9375rem; } .header__left { margin-top: -6px; } .header__right { padding-right: 2rem; } .footer__section-cta { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: left; } .footer__section-cta-text-wrapper { padding-right: 2rem; } .footer__section-cta-text-wrapper > :last-child { margin-bottom: 0; } .footer__section-cta-btn-wrapper { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .footer__quick-links-list-item { display: inline-block; } .footer__quick-links-list-item ~ .footer__quick-links-list-item { margin-left: 2rem; } .footer__footnotes { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .footer__footnotes > *:last-child { margin-left: 3rem; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .footer__spk { text-align: left; } .secondary-nav-desktop__item { display: block; } .secondary-nav-desktop__item ~ .secondary-nav-desktop__item { margin-left: 1rem; } .main-nav-mobile__search { display: none; } .main-nav-mobile__item .icon { width: 8px; height: 6px; } .main-nav-mobile__footer { display: none; } .search-bar { max-width: 18.75rem; } .search-bar.active { width: 18.75rem; } .layout__flex--small-up { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .layout__box { padding: 1.5rem; } .layout__box--no-pad { padding: 0; } .layout__box--no-pad-bottom { padding-bottom: 0; } .layout__box--big-pad { padding: 4rem; } .layout__two-column-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .layout__two-column-list > * { width: calc(50% - 1.5rem); margin-bottom: 3rem; } .layout__two-column-list > *:nth-child(odd) { margin-right: 1.5rem; } .layout__two-column-list > *:nth-child(even) { margin-left: 1.5rem; } .layout__avatar-intro { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .layout__avatar-intro-image { width: 7.5rem; margin-right: 2rem; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .hero--slider { min-height: 37.5rem; } .hero__slide-wrapper { padding-top: 3.125rem; padding-bottom: 5rem; min-height: 37.5rem; } .swiper-pagination-bullets { bottom: 30px !important; } .swiper-pagination-bullets--hero { bottom: 30px !important; } .clients li { padding: 1rem 1.5rem; max-width: 33%; } .big-cta-list__item { width: 50%; height: 22.5rem; } .big-cta-list__item:first-child { border-top-right-radius: 0; } .big-cta-list__item:nth-child(2) { border-top-right-radius: 8px; } .big-cta-list__item:nth-last-child(2) { border-bottom-left-radius: 8px; } .big-cta-list__item:last-child { border-bottom-left-radius: 0; } .big-cta-list__item-inner-wrapper { padding: 1.5rem; } .cta-banner__wrapper { padding: 2rem; } .cta-banner__anchor-link { max-width: 600px; padding: 24px 40px; } .quote__content-wrapper { padding: 3rem 3rem 5rem; } .rte blockquote { padding-left: 2rem; padding-right: 2rem; } .rte blockquote *, .rte blockquote { font-size: 1.25rem; } .rte blockquote:before, .rte blockquote:after { width: 2rem; height: 9px; background-size: 14px 9px; } .rte blockquote:before { background-position: center center; } .rte blockquote:after { background-position: center center; } .rte[data-style-card="1"] { margin: 0 -1.5rem; padding: 2rem 1.5rem; } .rte:not(.rte--feature-list):not(.rte--one-column-lists) ul, .rte:not(.rte--feature-list):not(.rte--one-column-lists) ol { -webkit-column-count: 2; column-count: 2; } .rte:not(.rte--feature-list):not(.rte--one-column-lists) li { -webkit-column-break-inside: avoid; break-inside: avoid; page-break-inside: avoid; } .catalogue__filters { padding: 2rem 2rem; } .signup__block ~ .signup__block { margin-top: 3rem; padding-top: 3rem; } .breadcrumb__item-text:before { content: attr(data-text-desktop); } .quiz__sort-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .quiz__sort-container > * { width: calc(50% - 4rem); } .quiz__sort-source, .quiz__sort-target { margin-bottom: 0; } .quiz__sort-source ul, .quiz__sort-target ul { min-height: 100%; } .quiz__sort-source li, .quiz__sort-target li { margin-right: 4px; } .quiz__sort-source { position: relative; } .quiz__sort-source:after { bottom: unset; left: unset; top: 50%; right: -6rem; width: 4rem; height: 2rem; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .basicLightbox--visible:before { top: 1rem; right: 1rem; width: 2rem; height: 2rem; } .lightbox__image { max-height: 90vh; } .lightbox__button { width: 24px; padding-bottom: 36px; } .lightbox__button--prev { bottom: 50%; left: 8px; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } .lightbox__button--next { bottom: 50%; right: 8px; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } } @media only screen and (min-width: 62.5em) { /* min-width: em(1000) */ .grid__col--md-12 { width: 100%; } .grid__col--md-11 { width: 91.66%; } .grid__col--md-10 { width: 83.33%; } .grid__col--md-9 { width: 75%; } .grid__col--md-8 { width: 66.66%; } .grid__col--md-7 { width: 58.33%; } .grid__col--md-6 { width: 50%; } .grid__col--md-5 { width: 41.66%; } .grid__col--md-4 { width: 33.33%; } .grid__col--md-3 { width: 25%; } .grid__col--md-2 { width: 16.66%; } .grid__col--md-1 { width: 8.33%; } .grid__col--md-offset-11 { margin-left: 91.66%; } .grid__col--md-offset-10 { margin-left: 83.33%; } .grid__col--md-offset-9 { margin-left: 75%; } .grid__col--md-offset-8 { margin-left: 66.66%; } .grid__col--md-offset-7 { margin-left: 58.33%; } .grid__col--md-offset-6 { margin-left: 50%; } .grid__col--md-offset-5 { margin-left: 41.66%; } .grid__col--md-offset-4 { margin-left: 33.33%; } .grid__col--md-offset-3 { margin-left: 25%; } .grid__col--md-offset-2 { margin-left: 16.66%; } .grid__col--md-offset-1 { margin-left: 8.33%; } .grid__col--md-offset-0 { margin-left: 0; } .container { padding-left: 3rem; } .container { padding-right: 3rem; } .util--hide-for-medium-up { display: none !important; } .util--mb-large { margin-bottom: 4rem; } .burger { padding-right: 3rem; } .card__slider-wrapper:before, .card__slider-wrapper:after { content: ""; position: absolute; top: 0; left: -100px; width: 100px; height: 100%; } .card__slider-wrapper:after { left: unset; right: -100px; } .card__slider-wrapper button.swiper__button { opacity: 0; -webkit-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .card__slider-wrapper button.swiper__button--prev { left: -0.75rem; } .card__slider-wrapper button.swiper__button--next { right: -0.75rem; } .card__slider-wrapper:hover .swiper__button:not(.swiper-button-disabled) { opacity: 1; } .card__nav-wrapper { max-width: 69rem; } .header__right { padding-right: 0; } .header__burger { display: none; } .footer__quick-links { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .main-nav-desktop { display: block; } .layout__box { padding: 1.5rem 2rem; } .layout__box--md-small-pad { padding: 1.5rem; } .layout__box--no-pad { padding: 0; } .layout__box--no-pad-bottom { padding-bottom: 0; } .layout__box--big-pad { padding: 4rem; } .layout__box--pad-2rem { padding: 2rem; } .hero__image--mobile { display: none; } .hero__image--desktop { display: block; } .hero__video { display: block; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 51.75rem; overflow: hidden; } .hero__video:before { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(17, 61, 108, 0.4)), color-stop(64%, rgba(17, 61, 108, 0.7)), to(#091b33)); background-image: -webkit-linear-gradient(top, rgba(17, 61, 108, 0.4), rgba(17, 61, 108, 0.7) 64%, #091b33); background-image: -o-linear-gradient(top, rgba(17, 61, 108, 0.4), rgba(17, 61, 108, 0.7) 64%, #091b33); background-image: linear-gradient(to bottom, rgba(17, 61, 108, 0.4), rgba(17, 61, 108, 0.7) 64%, #091b33); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .hero__video video { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: auto; height: auto; min-height: 100%; min-width: 100%; } .swiper__button:not(.swiper-button-disabled) { opacity: 1; } .swiper__overlay { display: none; } .swiper-container--quotes.small .swiper-pagination-bullets { margin: auto; padding: 0; right: 0; text-align: center; width: 50%; } .swiper-container--quotes.small .swiper-wrapper { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .swiper-container--quotes .swiper-pagination-bullets { width: 50%; text-align: left; padding-left: calc(3rem - 4px); } .clients li { padding: 1rem 2rem; } .big-cta-list__item-inner-wrapper { padding: 2.5rem; } .quote { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; min-height: 31.25rem; } .quote--text-only { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; min-height: initial; } .quote--text-only .quote__content-wrapper { padding: 2rem 3rem 5rem; width: 100%; } .quote--text-only .quote__blockquote-wrapper { margin: auto; } .quote__image-wrapper { width: 50%; } .quote__image-wrapper:after { background-image: -webkit-gradient(linear, left top, right top, from(#091b33), color-stop(25%, rgba(9, 27, 51, 0.6)), to(rgba(19, 43, 76, 0.3))); background-image: -webkit-linear-gradient(left, #091b33, rgba(9, 27, 51, 0.6) 25%, rgba(19, 43, 76, 0.3)); background-image: -o-linear-gradient(left, #091b33, rgba(9, 27, 51, 0.6) 25%, rgba(19, 43, 76, 0.3)); background-image: linear-gradient(to right, #091b33, rgba(9, 27, 51, 0.6) 25%, rgba(19, 43, 76, 0.3)); } .quote__image { padding-bottom: 0; height: 100%; } .quote__content-wrapper { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 50%; } .quote__blockquote-wrapper { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; max-width: 43.75rem; margin-left: unset; } .quote__blockquote { text-align: center; } .quote__blockquote:before { width: 20px; height: 15px; background-size: 20px 15px; } .quote__cite { width: 43.75rem; max-width: 43.75rem; margin-left: unset; } .tiny-dropdown--footer .tiny-dropdown__options { left: unset; right: 0; } a.course__preview-thumbnail:hover .course__preview-overlay, button.course__preview-thumbnail:hover .course__preview-overlay { background-color: #113d6c; opacity: 0.5; } a.course__preview-thumbnail:hover .btn, button.course__preview-thumbnail:hover .btn { opacity: 1; } .course__cta { padding-top: 0; padding-bottom: 0; } .course__sticky-cta { padding-top: 1.5rem; padding-bottom: 1.5rem; text-align: left; } .course__sticky-cta-title { margin-bottom: 0.5rem; font-size: 1.5rem; } .course__sticky-cta-btn { margin-bottom: 0; } .course__sticky-cta-inner-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .course__sticky-cta-inner-wrapper > div { max-width: 37.5rem; } .course__sticky-cta-inner-wrapper > div:last-child { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 2rem; } .grid__col--md-4 .rte ul, .grid__col--md-6 .rte ul, .grid__col--md-4 .rte ol, .grid__col--md-6 .rte ol { -webkit-column-count: unset; column-count: unset; } .catalogue__browser-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .catalogue__filters { width: 20.375rem; padding: 3rem 1.5rem; } .catalogue__filters form { position: -webkit-sticky; position: sticky; top: 3rem; max-height: calc(100vh - 5rem); overflow: auto; } .catalogue__browser { -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; padding-top: 3rem; padding-bottom: 3rem; } .signup__blocks-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .signup__block { width: 50%; } .signup__block ~ .signup__block { margin-top: 0; padding-top: 0; border-top: none; } .signup__block:nth-child(odd) { padding-right: 4rem; } .signup__block:nth-child(even) { padding-left: 4rem; border-left: 1px solid #e3e7ed; } .article__main-image { padding-bottom: 35%; } .playlist .os-scrollbar-handle { left: 0; width: 4px; } .lightbox__button--prev { left: 1.4%; } .lightbox__button--next { right: 1.4%; } } @media only screen and (min-width: 81.25em) { /* min-width: em(1300) */ .grid__col--lg-12 { width: 100%; } .grid__col--lg-11 { width: 91.66%; } .grid__col--lg-10 { width: 83.33%; } .grid__col--lg-9 { width: 75%; } .grid__col--lg-8 { width: 66.66%; } .grid__col--lg-7 { width: 58.33%; } .grid__col--lg-6 { width: 50%; } .grid__col--lg-5 { width: 41.66%; } .grid__col--lg-4 { width: 33.33%; } .grid__col--lg-3 { width: 25%; } .grid__col--lg-2 { width: 16.66%; } .grid__col--lg-1 { width: 8.33%; } .grid__col--lg-offset-11 { margin-left: 91.66%; } .grid__col--lg-offset-10 { margin-left: 83.33%; } .grid__col--lg-offset-9 { margin-left: 75%; } .grid__col--lg-offset-8 { margin-left: 66.66%; } .grid__col--lg-offset-7 { margin-left: 58.33%; } .grid__col--lg-offset-6 { margin-left: 50%; } .grid__col--lg-offset-5 { margin-left: 41.66%; } .grid__col--lg-offset-4 { margin-left: 33.33%; } .grid__col--lg-offset-3 { margin-left: 25%; } .grid__col--lg-offset-2 { margin-left: 16.66%; } .grid__col--lg-offset-1 { margin-left: 8.33%; } .grid__col--lg-offset-0 { margin-left: 0; } .container { padding-left: 5rem; } .container { padding-right: 5rem; } .container--pad-v { padding-top: 5.625rem; } .container--pad-v { padding-bottom: 5.625rem; } .container--pad-v-small { padding-bottom: 3rem; } .container--pad-v-small { padding-bottom: 3rem; } .container--pad-v-xsmall { padding-top: 2rem; } .container--pad-v-xsmall { padding-bottom: 2rem; } .container--pad-top { padding-top: 5.625rem; } .container--pad-top-small { padding-bottom: 3rem; } .container--pad-top-xsmall { padding-top: 2rem; } .container--pad-bottom { padding-bottom: 5.625rem; } .container--pad-bottom-small { padding-bottom: 3rem; } .container--maxwidth-cards { max-width: 110rem; } .container--maxwidth-rte { max-width: 68.75rem; } .burger { padding-right: 5rem; } .card__nav-wrapper { max-width: 114.5rem; } .header__left { margin-top: 0; } .header__logo--small { display: none; } .header__logo--large { display: block; } .footer__aside { margin-left: auto; } .main-nav-desktop__item { padding-left: 1rem; padding-right: 1rem; } .secondary-nav-desktop__item ~ .secondary-nav-desktop__item { margin-left: 1rem; } .main-nav-mobile { display: none !important; } .swiper-container--rte .swiper__button--prev { -webkit-transform: translate(-150%, -50%); -ms-transform: translate(-150%, -50%); transform: translate(-150%, -50%); } .swiper-container--rte .swiper__button--next { -webkit-transform: translate(150%, -50%); -ms-transform: translate(150%, -50%); transform: translate(150%, -50%); } .swiper-container--quotes .swiper-pagination-bullets { padding-left: calc(5rem - 4px); } .cta-banner__image--parallax { top: -250px; height: calc(100% + 500px); } .quote--text-only .quote__content-wrapper { padding: 2rem 5rem 5rem; } .quote__content-wrapper { padding-left: 5rem; padding-right: 5rem; } .quote__blockquote:before { width: 24px; height: 18px; background-size: 24px 18px; } .author__ambassador-listing-intro-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; max-width: 42.5rem; margin-left: auto; margin-right: auto; } .author__ambassador-listing-intro-image-wrapper { margin-right: 2rem; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .rte blockquote { padding-left: 3rem; padding-right: 3rem; } .rte blockquote:before, .rte blockquote:after { width: 3rem; } .js-scroll-reveal--mask-image { opacity: 0; } .js-scroll-reveal--mask:after { content: ""; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-color: #2F6EB1; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); } .js-scroll-reveal--mask.hidden:after { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .js-scroll-reveal--mask.removed .js-scroll-reveal--mask-image { opacity: 1; } .js-scroll-reveal--mask.removed:after { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .lightbox__button { width: 32px; padding-bottom: 48px; } .lightbox__button--prev { left: 1.4%; } .lightbox__button--next { right: 1.4%; } .big-grid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .big-grid__section-wrapper:nth-child(even) .big-grid { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .big-grid__image-wrapper { width: 40%; height: auto; min-height: 300px; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } .big-grid__image { top: -50px; height: calc(100% + 100px); } .big-grid__text { width: 60%; } } @media only screen and (min-width: 100em) { /* min-width: em(1600) */ .grid__col--xlg-12 { width: 100%; } .grid__col--xlg-11 { width: 91.66%; } .grid__col--xlg-10 { width: 83.33%; } .grid__col--xlg-9 { width: 75%; } .grid__col--xlg-8 { width: 66.66%; } .grid__col--xlg-7 { width: 58.33%; } .grid__col--xlg-6 { width: 50%; } .grid__col--xlg-5 { width: 41.66%; } .grid__col--xlg-4 { width: 33.33%; } .grid__col--xlg-3 { width: 25%; } .grid__col--xlg-2 { width: 16.66%; } .grid__col--xlg-1 { width: 8.33%; } .grid__col--xlg-offset-11 { margin-left: 91.66%; } .grid__col--xlg-offset-10 { margin-left: 83.33%; } .grid__col--xlg-offset-9 { margin-left: 75%; } .grid__col--xlg-offset-8 { margin-left: 66.66%; } .grid__col--xlg-offset-7 { margin-left: 58.33%; } .grid__col--xlg-offset-6 { margin-left: 50%; } .grid__col--xlg-offset-5 { margin-left: 41.66%; } .grid__col--xlg-offset-4 { margin-left: 33.33%; } .grid__col--xlg-offset-3 { margin-left: 25%; } .grid__col--xlg-offset-2 { margin-left: 16.66%; } .grid__col--xlg-offset-1 { margin-left: 8.33%; } .grid__col--xlg-offset-0 { margin-left: 0; } .container--maxwidth-rte { max-width: 80rem; } .main-nav-desktop__item > button, .main-nav-desktop__item > a { font-size: 1rem; } .secondary-nav-desktop__item a, .secondary-nav-desktop__item .tiny-dropdown__current { font-size: 1rem; } .clients li { padding: 1rem 3rem; } .container--maxwidth-rte .rte p, .container--maxwidth-rte .rte li, .container--maxwidth-rte .rte td, .container--maxwidth-rte .rte a { font-size: 18px; } .container--maxwidth-rte .rte blockquote *, .container--maxwidth-rte .rte blockquote { font-size: 20px; } } @media only screen and (min-width: 120.0625em) { /* min-width: em(1921) */ } @media only screen and (min-width: 43.75em) and (max-width: 62.4375em) { .author__ambassador-listing-intro-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .author__ambassador-listing-intro-image-wrapper { margin-right: 2rem; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } } @media only screen and (min-width: 480px) { .grid-masonry-sizer, .grid-masonry-item { width: calc(50% - 8px); } .grid-masonry-item { margin-bottom: 16px; } .grid-masonry-gutter-sizer { width: 16px; } } @media only screen and (min-width: 900px) { .grid-masonry-sizer, .grid-masonry-item { width: calc(33.333% - 13.3333px); } .grid-masonry-item { margin-bottom: 20px; } .grid-masonry-gutter-sizer { width: 20px; } } @media only screen and (min-width: 1280px) { .grid-masonry-sizer, .grid-masonry-item { width: calc(25% - 15px); } } @media only screen and (min-width: 1800px) { .grid-masonry-sizer, .grid-masonry-item { width: calc(20% - 16px); } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .skrollr__item { /* IE10+ CSS styles go here */ } } /*# sourceMappingURL=index.css.map */