/* Theme Name: Innoviz Theme Theme URI: Author: Antenna | Digital Author URI: https://www.antennagroup.com Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /******************************************************************************** --- CSS BASE --- *********************************************************************************/ html{font-size:19px;box-sizing:border-box;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{padding:0;margin:0;background:#000018;font-family:'Montserrat',sans-serif;font-weight:normal;line-height:1.5;color:#848C8D;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*::before,*::after{box-sizing:inherit}article,aside,footer,header,nav,section{display:block}figcaption,figure{display:block}figure{margin:1em 2.5em}hr{box-sizing:content-box;height:0;overflow:visible}main{display:block; outline:none;}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bold}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#00B7CB;color:#000018}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button,[type="button"],[type="reset"],[type="submit"]{}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}input{overflow:visible}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}fieldset{border:1px solid #E8E8E8;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;color:inherit;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}details{display:block}summary{display:list-item}menu{display:block}canvas{display:inline-block}template{display:none}[hidden]{display:none}img{display:inline-block;vertical-align:middle;max-width:100%;height:auto;-ms-interpolation-mode:bicubic}textarea{height:auto;min-height:50px;border-radius:3px}select{box-sizing:border-box;width:100%;border-radius:3px}button{padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:3px;background:transparent;line-height:1;cursor:auto}pre{overflow:auto}button,input,optgroup,select,textarea{font-family:inherit}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}::placeholder {color: #767676; opacity: 1;}:-ms-input-placeholder {color: #767676; opacity: 1;}::-ms-input-placeholder {color: #767676; opacity: 1;} /*Reduce Root Element (html) Sizing For REMs*/ @media only screen and (max-width: 1199px){html{font-size:17px}}@media only screen and (max-width: 1023px){html{font-size:16px}}@media only screen and (max-width: 800px){html{font-size:15px}}@media only screen and (max-width: 375px){html{font-size:14px}} .site-container {max-width: 1920px;margin: 0 auto;background-color: #fff;overflow-x: hidden;} /******************************************************************************** --- Template - Header --- *********************************************************************************/ .header {z-index:9999;} /*-----------Drawer Scrollbars-----------*/ .drawer::-webkit-scrollbar {width: 0 !important;} .drawer::-webkit-scrollbar-track {background:none;} .drawer::-webkit-scrollbar-thumb {background:none;} .drawer::-webkit-scrollbar-thumb:window-inactive {} .no-touchevents .drawer::-webkit-scrollbar {width:8px!important;} .no-touchevents .drawer::-webkit-scrollbar-track {background:#E8E8E8;} .no-touchevents .drawer::-webkit-scrollbar-thumb {background:#00B7CB;} .no-touchevents .drawer::-webkit-scrollbar-thumb:window-inactive {} /*-----------Header - Search-----------*/ .header {z-index:9999; position: absolute; top: 0; left:0; width: 100%;} .innoviz-wordmark{fill:#fff; transition: fill 250ms ease;} .innoviz-mark {fill:#00B7CB} @media only screen and (min-width: 1140px) { /*-----------Hidden Mobile Elements-----------*/ .drawer-toggle {display:none;} /*-----------Header-----------*/ .header__container{max-width:1500px; height: 120px; margin-right:auto;margin-left:auto; position: relative;}.header__container::before,.header__container::after{display:table;content:' ';-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-order:1;order:1}.header__container::after{clear:both} .logo {display:block; position:absolute; top:32px; left:1.25rem; width: 180px; z-index:1;} .logo svg {display: block; width: 100%; height: auto;} /*-----------Menu - Second Level Dropdown-----------*/ .utility-links {font-size: 15px;} .utility-links > ul > li {height: 120px; line-height: 116px;} /*-----------Header - Utility Links-----------*/ .utility-links {position: absolute; top: 0; right: 1.25rem; z-index: 1} .utility-links ul {list-style: none; margin: 0; padding: 0;} .utility-links > ul > li {display: block; float: left; margin: 0 0.625em; position: relative;} .utility-links > ul > li:last-child {margin-right: 0;} .utility-links > ul > li > a {font-size: 0.8125em; display: inline-block; vertical-align: middle; line-height: 1.2; letter-spacing: 0.5px; text-transform: uppercase; font-weight: 700; color: #fff; position: relative;} .utility-links > ul > li > a:hover {color: #00B7CB} .utility-links > ul > li > a > span {font-size: 1.1538em; position: relative; top: 2px; margin-right: 4px;} .utility-links > ul > li > a.button {font-size: 0.9375em; padding: .9em 2.5em; margin-bottom: 0; color: #fff; text-transform: none;background-color: #00B7CB;font-weight: 500;-webkit-transition: background-color 300ms ease-out;transition: background-color 300ms ease-out;} .utility-links > ul > li > a.button:hover {background-color: #04c9df;} .utility-links ul ul {line-height:normal; position: absolute; transform: translate3d(-9999px, 0px, 0px); top:auto; right: 0; margin-top: 4px; padding-top: 4px; width: 200px; text-align: left; background:#000018; border-radius: 0px 0px 1px 1px; opacity: 0; transition: opacity 250ms ease, transform 0ms 250ms ease; z-index: 10;} .utility-links ul ul::before {content: ""; display: block; position: absolute; top: -10px; right: 2em; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #00B7CB transparent; } .utility-links ul ul::after {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: #00B7CB} .utility-links > ul > li:hover > ul {opacity: 1; transform: translate3d(0px, 0px, 0px); transition: opacity 250ms ease, transform 0s 0s ease;} .utility-links ul ul a {font-size: 0.875em; display: block; font-weight: 700; padding:20px 25px; border-bottom: 1px solid #929497; color: #fff; transition: background-color 250ms ease} .utility-links > ul > li > ul > li:not(:last-child) > a {border-bottom: 1px solid rgba(255,255,255,0.10)} .utility-links ul ul a:hover, .utility-links ul ul li.selected > a {background-color:#000018;} /*-----------Header - Menu-----------*/ .menu {position:absolute; top:0; width: 100%; text-align: right; right:10.5em;} .menu ul {list-style: none; margin: 0; padding: 0;} .menu li, .menu a {display: block;} /*-----------Menu - First Level-----------*/ .menu > ul {display: inline-block; vertical-align: top; text-align: left;} .menu > ul li:not(.mega-drop) {position:relative;} .menu > ul > li {float: left;} .menu > ul > li > a {font-size: 0.842rem; font-weight: 500; height:120px; line-height:120px; margin: 0 1.158rem; color: #fff; position: relative; transition:color 250ms ease;} .menu > ul > li > a:hover, .menu > ul > li.drop-open > a, .menu > ul > li:hover > a {color: #00B7CB} .menu > ul > li > a > span {display: block;} .menu > ul > li:not(.mega-drop) > ul > li:last-child > a {border-radius: 0 0 0 1px} .menu > ul > li:not(.mega-drop) > ul > li > ul > li:first-child > a {border-radius: 0 1px 0 0} .menu > ul > li:not(.mega-drop) > ul > li > ul > li:last-child > a {border-radius: 0 0 1px 1px} .menu > ul > li > a::after {content: ""; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -12px; width: 0; height: 0; border-style: solid; border-width: 0 12px 12px 12px; border-color: transparent transparent #00B7CB transparent; opacity:0; transition:opacity 250ms ease; } .no-touchevents .menu > ul > li.drop-open > a::after, .touchevents .menu > ul > li:hover > a::after {opacity: 1; } .menu > ul > li.selected {position: relative;} .menu > ul > li.selected:after {content: '';position: absolute;top:70%;left: 50%;margin-left: -4px;width: 8px;height: 8px;border-radius: 50%;background: #00B7CB; box-shadow: 0 2px 16px 8px rgba(255,255,255,0.28);} /*-----------Menu - Dropdown-----------*/ .menu > ul > li:not(.mega-drop) > ul {line-height:normal; position: absolute; transform: translate3d(-9999px, 0px, 0px); top:auto; width: 240px; border-radius: 0 0 1px 1px; z-index: 100; background:#000018; opacity: 0; transition: opacity 250ms ease, transform 0ms 250ms ease;} .menu > ul > li:not(.mega-drop) > ul {margin-top: 4px;} .menu > ul > li:not(.mega-drop) > ul::before {content: ""; display: block; position: absolute; top: -4px; left: 0; width: 100%; height: 4px; background: #00B7CB} .menu > ul > li:not(.mega-drop) > ul > li > a {font-size: 0.775em; font-weight: 500; padding:1.4286em 1.7857em; color: #fff; transition: color 250ms ease, background-color 250ms ease} .menu > ul > li:not(.mega-drop) > ul > li > a:hover {color: #00B7CB} .menu > ul > li:not(.mega-drop) > ul > li:not(:last-child) > a {border-bottom: 1px solid rgba(255,255,255,0.10)} .menu > ul > li:not(.mega-drop) > ul > li:hover > a, .menu > ul > li:not(.mega-drop) > ul > li.drop-open > a, .menu > ul > li:not(.mega-drop) > ul > li.selected > a {background-color:rgba(255,255,255,0.10);} .no-touchevents .menu > ul > li:not(.mega-drop).drop-open > ul, .touchevents .menu > ul > li:not(.mega-drop):hover > ul { transform: translate3d(0px, 0px, 0px); opacity: 1; transition: opacity 250ms ease, transform 0s 0s ease;} /*-----------Menu - Second Level Dropdown-----------*/ .menu > ul > li:not(.mega-drop) ul ul {padding: 0 1.5625em 1.5625em; transition: background 250ms ease; border-bottom: 1px solid rgba(255,255,255,0.10); position: relative;} .menu > ul > li:not(.mega-drop) ul ul::before {content: ""; display: block; position: absolute; top: -1px; left: 0; width: 100%; height: 1px; background:#000018; transition: background 250ms ease;} .menu > ul > li:not(.mega-drop) ul li.drop-open ul, .menu > ul > li:not(.mega-drop) ul li:hover ul, .menu > ul > li:not(.mega-drop) ul li.drop-open ul::before, .menu > ul > li:not(.mega-drop) ul li:hover ul::before {background-color:#000018;} .menu > ul > li:not(.mega-drop) ul ul li {margin-bottom: 0.3125em;} .menu > ul > li:not(.mega-drop) ul ul a {color: #fff;} .menu > ul > li:not(.mega-drop) ul ul a:hover {color:#00B7CB} /*-----------Menu - Mega Menu-----------*/ .mega-menu {position: absolute; top:auto; left: 0; transform: translate3d(-9999px, 0px, 0px); width: 100%; text-align: left; background:#000018; box-shadow: 0 5px 12px 0 rgba(0, 0, 24, 0.06); z-index: 100; opacity: 0; transition: opacity 250ms ease, transform 0ms 250ms ease;} .drop-open .mega-menu {transform: translate3d(0px, 0px, 0px); opacity: 1; transition: opacity 250ms ease, transform 0s 0s ease;} .mega-menu::before, .mega-menu::after {content: ""; display: block; position: absolute; top: 0; width: 100%; background: #000018; border-top: 4px solid #00B7CB} .mega-menu::before {left: -100%; height: 100%; } .mega-menu::after {right: -100%; height: 100%; } .mega-menu__inner {max-width: 850px; margin-right: auto; margin-left: auto; padding: 2.1875em 0;} .mega-menu__inner::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: #00B7CB;} .mega-menu__title {font-size: 1.9375em; font-weight: 500; text-align: center; color: #fff; margin-bottom: 2.5rem} .mega-menu__row {display: flex; flex-wrap: wrap; align-items: stretch; align-content: flex-start; margin: 0 -1.5625em} .mega-menu__column {width: 50%; padding: 1.25em 1.5625em 1.25em;} .mega-menu__link {display: block; position: relative; transition: transform 250ms ease;} .mega-menu__link:hover {transform: translate3d(0px, -4px, 0px);} .mega-menu__image {margin-bottom: 0.9375em; overflow: hidden; border-radius: 3px;} .mega-menu__image img {display: block; width: 100%;} .mega-menu__link h4 {font-size: 1.25em; margin-bottom: 0.4em; text-transform: none; color: #fff; transition: color 250ms 250ms ease;} .mega-menu__link p {font-size: 0.875em; color: rgba(255,255,255,0.65)} /*-----------Sticky Header-----------*/ .sticky-header .logo {top:12px;} /* .sticky-header .header-spacer {height: 120px;} */ .sticky-header .header__container, .sticky-header .utility-links > ul > li, .sticky-header .menu > ul > li > a {height: 80px;} .sticky-header .menu > ul > li > a {line-height: 80px;} .sticky-header .utility-links > ul > li {line-height: 76px;} } @media only screen and (min-width: 1200px) { .logo {top:25px; width: 225px; left:0;} .menu > ul > li > a {margin-right: 1.5em; margin-left: 1.5em;} .utility-links {font-size: 16px; right: 0;} .sticky-header .logo {width: 180px;} } @media only screen and (min-width: 1366px) { .menu > ul > li > a {margin-right: 1.875em; margin-left: 1.875em;} } @media only screen and (max-width: 1600px) and (min-width: 1140px) { .header__container {padding: 0 1.5rem;} .logo {left: 1.5rem;} .utility-links {right: 1.5rem;} .menu {right: 12.5rem;} .menu > ul > li > a {margin-right: 1.275em;margin-left: 1.275em;} } @media only screen and (max-width: 1300px) and (min-width: 1140px) { .menu > ul > li > a {margin-left: 1em;margin-right: 1em;} } @media only screen and (max-width: 1200px) and (min-width: 1140px) { .menu {right: 12.5rem;} } @media only screen and (max-width: 1139px) { /*-----------Header-----------*/ .header {height:54px;} /* .sticky-header .header-spacer {height: 54px;} */ /*-----------Header - Logo-----------*/ .logo {display:block; position: absolute; width:100%; z-index: 9999;height: 60px;} .logo svg {display:block; width: 125px; height: auto;top: 10px; left: 18px;position: relative;} /*-----------Drawer Toggle-----------*/ .drawer-toggle {position: absolute; top: 0; right: 0; width: 54px; height: 54px; display:block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; z-index: 10000} .drawer-toggle:hover {opacity: 0.7;} .drawer-toggle__box {width: 24px; height: 24px; display: inline-block; position: relative;} .drawer-toggle__inner {display: block; top: 50%; margin-top: 0;} .drawer-toggle__inner, .drawer-toggle__inner::before, .drawer-toggle__inner::after {width: 24px; height: 2px; background-color: #fff; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease;} .drawer-toggle__inner::before, .drawer-toggle__inner::after {content: ""; display: block;} .drawer-toggle__inner::before {top: -10px;} .drawer-toggle__inner::after {bottom: -10px;} .drawer-toggle--elastic .drawer-toggle__inner {top: 5px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);} .drawer-toggle--elastic .drawer-toggle__inner::before {top: 8px; transition: opacity 0.125s 0.275s ease;} .drawer-toggle--elastic .drawer-toggle__inner::after {top: 16px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);} .menu_open .drawer-toggle:hover {opacity: 0.7;} .menu_open .drawer-toggle .drawer-toggle__inner, .menu_open .drawer-toggle__inner::before, .menu_open .drawer-toggle__inner::after {background-color: #000000;} .menu_open .drawer-toggle--elastic .drawer-toggle__inner {top: 2px; transform: translate3d(0, 10px, 0) rotate(135deg); transition-delay: 0.075s;} .menu_open .drawer-toggle--elastic .drawer-toggle__inner::before {top: 10px; transition-delay: 0s; opacity: 0;} .menu_open .drawer-toggle--elastic .drawer-toggle__inner::after {top: 20px; transform: translate3d(0, -20px, 0) rotate(-270deg); transition-delay: 0.075s;} /*-----------Drawer-----------*/ .drawer { position: fixed; z-index:9998; top: 0; right:0; height: 100%; width: 100%; background: #fff; overflow-x: hidden; overflow-y: auto; transform: translate3d(100%, 0, 0); transition:transform 150ms ease-in-out;} /*-----------Drawer Scrollbars-----------*/ .drawer{scrollbar-color:linear-gradient(to bottom, #2fa8d0 0%,#40b7c4 28%,#43bcba 46%,#47c2ad 63%,#42c686 100%); scrollbar-width:8px;} .drawer::-webkit-scrollbar{width:8px;height:8px} .drawer::-webkit-scrollbar-thumb{background:-webkit-linear-gradient(top, #2fa8d0 0%,#40b7c4 28%,#43bcba 46%,#47c2ad 63%,#42c686 100%); background:linear-gradient(to bottom, #2fa8d0 0%,#40b7c4 28%,#43bcba 46%,#47c2ad 63%,#42c686 100%); border-radius:8px;} .drawer::-webkit-scrollbar-track{background:##929497;} /*-----------Main Menu-----------*/ .menu, .utility-links {font-size: 1.3571em; margin-right: auto; margin-left: auto;} .menu {margin-top: 2.5em;} .menu ul {padding: 0; margin: 0; list-style: none;} .menu li {line-height: 1.2;} .menu li, .menu a {display: block;} .menu a {font-weight: 500; padding: 1.25em 0.9375em; position: relative; border-bottom: 1px solid #E8E8E8; color: #000018; transition: color 250ms ease;} .menu a:hover {color: #00B7CB;} .menu > ul > li > a {font-size: 1em;} .menu > ul > li.active > a, .menu > ul > li.selected > a {color: #00B7CB;} .menu .menu-arrow {position: absolute; top: 0; right: 0; display: block; width: 2.778em; text-align: center; height: 100%; z-index: 1;} .menu .menu-arrow:after {font-size: 1.444em; font-weight: normal; content: "\e910"; font-family: 'CD-Project-Icons'; line-height: 1; position: absolute; top: 50%; left: 50%; margin: -0.500em 0 0 -0.500em; font-style: normal; transition: transform 250ms ease;} .menu li.active > a .menu-arrow:after {transform: rotate(-180deg); } .menu ul ul {background: rgba(232, 232, 232, 0.25);} .menu li:not(.mega-drop).active > ul {display: block;} .menu ul li:not(.mega-drop) ul {display: none;} .menu > ul > li > ul > li.active > a {color: #00B7CB;} .menu ul li:not(.mega-drop) ul li a {font-size: 0.8889em; padding-left: 1.875em;} .menu ul li:not(.mega-drop) ul ul li a {font-size: 0.7222em; padding-left: 3.4615em;} .mega-menu {display: none;} .menu > ul > li.mega-drop.active > .mega-menu {display: block;} .mega-menu__title {display: none;} .mega-menu .row {padding: 0; width: 100%;} .menu .mega-menu__link {font-size: 0.8889em; padding:1.7763em; background: rgba(232, 232, 232, 0.25); display: block; font-weight: normal;} .mega-menu__image {margin-bottom: 0.9375em; overflow: hidden; border-radius: 3px;} .mega-menu__image img {display: block; width: 100%;} .mega-menu__link h4 {font-size: 1.5625em; text-transform: none; display: inline-block; margin-bottom: 0.32em; transition: color 250ms ease} .mega-menu__link p {font-size: 1em; font-weight: 400; color: ##929497; margin-bottom: 0} .mega-menu__link:hover h4 {color: #00B7CB} /*-----------Pull Out Menu Open-----------*/ .root {position: relative; height: 100%;} .root.menu_open {overflow:hidden; height: 100vh} .root.menu_open .drawer {transform: translate3d(0, 0, 0);} .root.menu_open .innoviz-wordmark{fill:#152347;} .root.menu_open .logo {background-color: #fff;} /*-----------Header - Utility LInks-----------*/ .utility-links {margin-top: 6.25em;} .utility-links ul {list-style: none; margin: 0; padding: 0 0.9375em; overflow: hidden;} .utility-links__button a, .utility-links__link a {font-size: 0.9375em; display: block; width: 100%; margin: 0; padding-right: 0; padding-left: 0;} .utility-links__link a {font-size: 0.8125em; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; line-height: 1; border: 1px solid transparent; border-radius: 1px; padding: 1.5385em 0 1.3846em; position: relative; text-align: center; transition: all 200ms ease; background-color: #00B7CB; color: #fff;} .utility-links__link a:hover {background-color: #00B7CB; color: #fff} .utility-links ul ul {display: none;} } @media only screen and (max-width: 639px) { .menu, .utility-links {font-size: 1.2308em;} } @media only screen and (max-width: 479px) { .menu {margin-top: 1.25em;} } .sticky-header .header{position:fixed; top: 0; left: 0; width: 100%; background: #000018} .sticky-header--up .header{-webkit-animation-name:stickyHeaderUp;animation-name:stickyHeaderUp;-webkit-animation-duration:250ms;animation-duration:250ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;} .sticky-header--down .header{-webkit-animation-name:stickyHeaderDown;animation-name:stickyHeaderDown;-webkit-animation-duration:400ms;animation-duration:400ms;} @-webkit-keyframes stickyHeaderDown{from{-webkit-transform:translate3d(0px,-100%,0px);transform:translate3d(0px,-100%,0px)}to{-webkit-transform:translate3d(0px,0px,0px);transform:translate3d(0px,0px,0px)}}@keyframes stickyHeaderDown{from{-webkit-transform:translate3d(0px,-100%,0px);transform:translate3d(0px,-100%,0px)}to{-webkit-transform:translate3d(0px,0px,0px);transform:translate3d(0px,0px,0px)}}@-webkit-keyframes stickyHeaderUp{0%{position:fixed;-webkit-transform:translate3d(0px,0px,0px);transform:translate3d(0px,0px,0px)}100%{-webkit-transform:translate3d(0px,-100%,0px);transform:translate3d(0px,-100%,0px)}}@keyframes stickyHeaderUp{0%{position:fixed;-webkit-transform:translate3d(0px,0px,0px);transform:translate3d(0px,0px,0px)}100%{-webkit-transform:translate3d(0px,-100%,0px);transform:translate3d(0px,-100%,0px)}} .root {overflow-x: hidden;} /***************************************** *************************************** --- Grid --- *********************************************************************************/ /* Base Grid Classes */ .row{max-width:1230px;margin-right:auto;margin-left:auto}.row::before,.row::after{display:table;content:' ';-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-order:1;order:1}.row::after{clear:both}.row.collapse>.column,.row.collapse>.columns{padding-right:0;padding-left:0}.row .row{margin-right:-0.6667rem;margin-left:-0.6667rem}.row .row.collapse{margin-right:0;margin-left:0}.row.expanded{max-width:none}.row.expanded .row{margin-right:auto;margin-left:auto}.row:not(.expanded) .row{max-width:none}.column,.columns{width:100%;float:left;padding-right:0.6667rem;padding-left:0.6667rem}.column:last-child:not(:first-child),.columns:last-child:not(:first-child){float:right}.column.end:last-child:last-child,.end.columns:last-child:last-child{float:left}.column.row.row,.row.row.columns{float:none}.row .column.row.row,.row .row.row.columns{margin-right:0;margin-left:0;padding-right:0;padding-left:0}.row-site{width:96%} /* .xsmall- Grid */ .xsmall-1{width:8.33333%}.xsmall-push-1{position:relative;left:8.33333%}.xsmall-pull-1{position:relative;left:-8.33333%}.xsmall-offset-0{margin-left:0%}.xsmall-2{width:16.66667%}.xsmall-push-2{position:relative;left:16.66667%}.xsmall-pull-2{position:relative;left:-16.66667%}.xsmall-offset-1{margin-left:8.33333%}.xsmall-3{width:25%}.xsmall-push-3{position:relative;left:25%}.xsmall-pull-3{position:relative;left:-25%}.xsmall-offset-2{margin-left:16.66667%}.xsmall-4{width:33.33333%}.xsmall-push-4{position:relative;left:33.33333%}.xsmall-pull-4{position:relative;left:-33.33333%}.xsmall-offset-3{margin-left:25%}.xsmall-5{width:41.66667%}.xsmall-push-5{position:relative;left:41.66667%}.xsmall-pull-5{position:relative;left:-41.66667%}.xsmall-offset-4{margin-left:33.33333%}.xsmall-6{width:50%}.xsmall-push-6{position:relative;left:50%}.xsmall-pull-6{position:relative;left:-50%}.xsmall-offset-5{margin-left:41.66667%}.xsmall-7{width:58.33333%}.xsmall-push-7{position:relative;left:58.33333%}.xsmall-pull-7{position:relative;left:-58.33333%}.xsmall-offset-6{margin-left:50%}.xsmall-8{width:66.66667%}.xsmall-push-8{position:relative;left:66.66667%}.xsmall-pull-8{position:relative;left:-66.66667%}.xsmall-offset-7{margin-left:58.33333%}.xsmall-9{width:75%}.xsmall-push-9{position:relative;left:75%}.xsmall-pull-9{position:relative;left:-75%}.xsmall-offset-8{margin-left:66.66667%}.xsmall-10{width:83.33333%}.xsmall-push-10{position:relative;left:83.33333%}.xsmall-pull-10{position:relative;left:-83.33333%}.xsmall-offset-9{margin-left:75%}.xsmall-11{width:91.66667%}.xsmall-push-11{position:relative;left:91.66667%}.xsmall-pull-11{position:relative;left:-91.66667%}.xsmall-offset-10{margin-left:83.33333%}.xsmall-12{width:100%}.xsmall-offset-11{margin-left:91.66667%}.xsmall-up-1>.column,.xsmall-up-1>.columns{float:left;width:100%}.xsmall-up-1>.column:nth-of-type(1n),.xsmall-up-1>.columns:nth-of-type(1n){clear:none}.xsmall-up-1>.column:nth-of-type(1n+1),.xsmall-up-1>.columns:nth-of-type(1n+1){clear:both}.xsmall-up-1>.column:last-child,.xsmall-up-1>.columns:last-child{float:left}.xsmall-up-2>.column,.xsmall-up-2>.columns{float:left;width:50%}.xsmall-up-2>.column:nth-of-type(1n),.xsmall-up-2>.columns:nth-of-type(1n){clear:none}.xsmall-up-2>.column:nth-of-type(2n+1),.xsmall-up-2>.columns:nth-of-type(2n+1){clear:both}.xsmall-up-2>.column:last-child,.xsmall-up-2>.columns:last-child{float:left}.xsmall-up-3>.column,.xsmall-up-3>.columns{float:left;width:33.33333%}.xsmall-up-3>.column:nth-of-type(1n),.xsmall-up-3>.columns:nth-of-type(1n){clear:none}.xsmall-up-3>.column:nth-of-type(3n+1),.xsmall-up-3>.columns:nth-of-type(3n+1){clear:both}.xsmall-up-3>.column:last-child,.xsmall-up-3>.columns:last-child{float:left}.xsmall-up-4>.column,.xsmall-up-4>.columns{float:left;width:25%}.xsmall-up-4>.column:nth-of-type(1n),.xsmall-up-4>.columns:nth-of-type(1n){clear:none}.xsmall-up-4>.column:nth-of-type(4n+1),.xsmall-up-4>.columns:nth-of-type(4n+1){clear:both}.xsmall-up-4>.column:last-child,.xsmall-up-4>.columns:last-child{float:left}.xsmall-up-5>.column,.xsmall-up-5>.columns{float:left;width:20%}.xsmall-up-5>.column:nth-of-type(1n),.xsmall-up-5>.columns:nth-of-type(1n){clear:none}.xsmall-up-5>.column:nth-of-type(5n+1),.xsmall-up-5>.columns:nth-of-type(5n+1){clear:both}.xsmall-up-5>.column:last-child,.xsmall-up-5>.columns:last-child{float:left}.xsmall-up-6>.column,.xsmall-up-6>.columns{float:left;width:16.66667%}.xsmall-up-6>.column:nth-of-type(1n),.xsmall-up-6>.columns:nth-of-type(1n){clear:none}.xsmall-up-6>.column:nth-of-type(6n+1),.xsmall-up-6>.columns:nth-of-type(6n+1){clear:both}.xsmall-up-6>.column:last-child,.xsmall-up-6>.columns:last-child{float:left}.xsmall-up-7>.column,.xsmall-up-7>.columns{float:left;width:14.28571%}.xsmall-up-7>.column:nth-of-type(1n),.xsmall-up-7>.columns:nth-of-type(1n){clear:none}.xsmall-up-7>.column:nth-of-type(7n+1),.xsmall-up-7>.columns:nth-of-type(7n+1){clear:both}.xsmall-up-7>.column:last-child,.xsmall-up-7>.columns:last-child{float:left}.xsmall-up-8>.column,.xsmall-up-8>.columns{float:left;width:12.5%}.xsmall-up-8>.column:nth-of-type(1n),.xsmall-up-8>.columns:nth-of-type(1n){clear:none}.xsmall-up-8>.column:nth-of-type(8n+1),.xsmall-up-8>.columns:nth-of-type(8n+1){clear:both}.xsmall-up-8>.column:last-child,.xsmall-up-8>.columns:last-child{float:left}.xsmall-collapse>.column,.xsmall-collapse>.columns{padding-right:0;padding-left:0}.xsmall-collapse .row{margin-right:0;margin-left:0}.expanded.row .xsmall-collapse.row{margin-right:0;margin-left:0}.xsmall-uncollapse>.column,.xsmall-uncollapse>.columns{padding-right:0.6667rem;padding-left:0.6667rem}.xsmall-centered{margin-right:auto;margin-left:auto}.xsmall-centered,.xsmall-centered:last-child:not(:first-child){float:none;clear:both}.xsmall-uncentered,.xsmall-push-0,.xsmall-pull-0{position:static;float:left;margin-right:0;margin-left:0} /* .small- Grid */ @media print,screen and (min-width:480px){ .small-1{width:8.33333%}.small-push-1{position:relative;left:8.33333%}.small-pull-1{position:relative;left:-8.33333%}.small-offset-0{margin-left:0%}.small-2{width:16.66667%}.small-push-2{position:relative;left:16.66667%}.small-pull-2{position:relative;left:-16.66667%}.small-offset-1{margin-left:8.33333%}.small-3{width:25%}.small-push-3{position:relative;left:25%}.small-pull-3{position:relative;left:-25%}.small-offset-2{margin-left:16.66667%}.small-4{width:33.33333%}.small-push-4{position:relative;left:33.33333%}.small-pull-4{position:relative;left:-33.33333%}.small-offset-3{margin-left:25%}.small-5{width:41.66667%}.small-push-5{position:relative;left:41.66667%}.small-pull-5{position:relative;left:-41.66667%}.small-offset-4{margin-left:33.33333%}.small-6{width:50%}.small-push-6{position:relative;left:50%}.small-pull-6{position:relative;left:-50%}.small-offset-5{margin-left:41.66667%}.small-7{width:58.33333%}.small-push-7{position:relative;left:58.33333%}.small-pull-7{position:relative;left:-58.33333%}.small-offset-6{margin-left:50%}.small-8{width:66.66667%}.small-push-8{position:relative;left:66.66667%}.small-pull-8{position:relative;left:-66.66667%}.small-offset-7{margin-left:58.33333%}.small-9{width:75%}.small-push-9{position:relative;left:75%}.small-pull-9{position:relative;left:-75%}.small-offset-8{margin-left:66.66667%}.small-10{width:83.33333%}.small-push-10{position:relative;left:83.33333%}.small-pull-10{position:relative;left:-83.33333%}.small-offset-9{margin-left:75%}.small-11{width:91.66667%}.small-push-11{position:relative;left:91.66667%}.small-pull-11{position:relative;left:-91.66667%}.small-offset-10{margin-left:83.33333%}.small-12{width:100%}.small-offset-11{margin-left:91.66667%}.small-up-1>.column,.small-up-1>.columns{float:left;width:100%}.small-up-1>.column:nth-of-type(1n),.small-up-1>.columns:nth-of-type(1n){clear:none}.small-up-1>.column:nth-of-type(1n+1),.small-up-1>.columns:nth-of-type(1n+1){clear:both}.small-up-1>.column:last-child,.small-up-1>.columns:last-child{float:left}.small-up-2>.column,.small-up-2>.columns{float:left;width:50%}.small-up-2>.column:nth-of-type(1n),.small-up-2>.columns:nth-of-type(1n){clear:none}.small-up-2>.column:nth-of-type(2n+1),.small-up-2>.columns:nth-of-type(2n+1){clear:both}.small-up-2>.column:last-child,.small-up-2>.columns:last-child{float:left}.small-up-3>.column,.small-up-3>.columns{float:left;width:33.33333%}.small-up-3>.column:nth-of-type(1n),.small-up-3>.columns:nth-of-type(1n){clear:none}.small-up-3>.column:nth-of-type(3n+1),.small-up-3>.columns:nth-of-type(3n+1){clear:both}.small-up-3>.column:last-child,.small-up-3>.columns:last-child{float:left}.small-up-4>.column,.small-up-4>.columns{float:left;width:25%}.small-up-4>.column:nth-of-type(1n),.small-up-4>.columns:nth-of-type(1n){clear:none}.small-up-4>.column:nth-of-type(4n+1),.small-up-4>.columns:nth-of-type(4n+1){clear:both}.small-up-4>.column:last-child,.small-up-4>.columns:last-child{float:left}.small-up-5>.column,.small-up-5>.columns{float:left;width:20%}.small-up-5>.column:nth-of-type(1n),.small-up-5>.columns:nth-of-type(1n){clear:none}.small-up-5>.column:nth-of-type(5n+1),.small-up-5>.columns:nth-of-type(5n+1){clear:both}.small-up-5>.column:last-child,.small-up-5>.columns:last-child{float:left}.small-up-6>.column,.small-up-6>.columns{float:left;width:16.66667%}.small-up-6>.column:nth-of-type(1n),.small-up-6>.columns:nth-of-type(1n){clear:none}.small-up-6>.column:nth-of-type(6n+1),.small-up-6>.columns:nth-of-type(6n+1){clear:both}.small-up-6>.column:last-child,.small-up-6>.columns:last-child{float:left}.small-up-7>.column,.small-up-7>.columns{float:left;width:14.28571%}.small-up-7>.column:nth-of-type(1n),.small-up-7>.columns:nth-of-type(1n){clear:none}.small-up-7>.column:nth-of-type(7n+1),.small-up-7>.columns:nth-of-type(7n+1){clear:both}.small-up-7>.column:last-child,.small-up-7>.columns:last-child{float:left}.small-up-8>.column,.small-up-8>.columns{float:left;width:12.5%}.small-up-8>.column:nth-of-type(1n),.small-up-8>.columns:nth-of-type(1n){clear:none}.small-up-8>.column:nth-of-type(8n+1),.small-up-8>.columns:nth-of-type(8n+1){clear:both}.small-up-8>.column:last-child,.small-up-8>.columns:last-child{float:left}.small-collapse>.column,.small-collapse>.columns{padding-right:0;padding-left:0}.small-collapse .row{margin-right:0;margin-left:0}.expanded.row .small-collapse.row{margin-right:0;margin-left:0}.small-uncollapse>.column,.small-uncollapse>.columns{padding-right:0.6667rem;padding-left:0.6667rem}.small-centered{margin-right:auto;margin-left:auto}.small-centered,.small-centered:last-child:not(:first-child){float:none;clear:both}.small-uncentered,.small-push-0,.small-pull-0{position:static;float:left;margin-right:0;margin-left:0} } @media print, screen and (min-width:640px) { .medium-1{width:8.33333%}.medium-push-1{position:relative;left:8.33333%}.medium-pull-1{position:relative;left:-8.33333%}.medium-offset-0{margin-left:0%}.medium-2{width:16.66667%}.medium-push-2{position:relative;left:16.66667%}.medium-pull-2{position:relative;left:-16.66667%}.medium-offset-1{margin-left:8.33333%}.medium-3{width:25%}.medium-push-3{position:relative;left:25%}.medium-pull-3{position:relative;left:-25%}.medium-offset-2{margin-left:16.66667%}.medium-4{width:33.33333%}.medium-push-4{position:relative;left:33.33333%}.medium-pull-4{position:relative;left:-33.33333%}.medium-offset-3{margin-left:25%}.medium-5{width:41.66667%}.medium-push-5{position:relative;left:41.66667%}.medium-pull-5{position:relative;left:-41.66667%}.medium-offset-4{margin-left:33.33333%}.medium-6{width:50%}.medium-push-6{position:relative;left:50%}.medium-pull-6{position:relative;left:-50%}.medium-offset-5{margin-left:41.66667%}.medium-7{width:58.33333%}.medium-push-7{position:relative;left:58.33333%}.medium-pull-7{position:relative;left:-58.33333%}.medium-offset-6{margin-left:50%}.medium-8{width:66.66667%}.medium-push-8{position:relative;left:66.66667%}.medium-pull-8{position:relative;left:-66.66667%}.medium-offset-7{margin-left:58.33333%}.medium-9{width:75%}.medium-push-9{position:relative;left:75%}.medium-pull-9{position:relative;left:-75%}.medium-offset-8{margin-left:66.66667%}.medium-10{width:83.33333%}.medium-push-10{position:relative;left:83.33333%}.medium-pull-10{position:relative;left:-83.33333%}.medium-offset-9{margin-left:75%}.medium-11{width:91.66667%}.medium-push-11{position:relative;left:91.66667%}.medium-pull-11{position:relative;left:-91.66667%}.medium-offset-10{margin-left:83.33333%}.medium-12{width:100%}.medium-offset-11{margin-left:91.66667%}.medium-up-1>.column,.medium-up-1>.columns{float:left;width:100%}.medium-up-1>.column:nth-of-type(1n),.medium-up-1>.columns:nth-of-type(1n){clear:none}.medium-up-1>.column:nth-of-type(1n+1),.medium-up-1>.columns:nth-of-type(1n+1){clear:both}.medium-up-1>.column:last-child,.medium-up-1>.columns:last-child{float:left}.medium-up-2>.column,.medium-up-2>.columns{float:left;width:50%}.medium-up-2>.column:nth-of-type(1n),.medium-up-2>.columns:nth-of-type(1n){clear:none}.medium-up-2>.column:nth-of-type(2n+1),.medium-up-2>.columns:nth-of-type(2n+1){clear:both}.medium-up-2>.column:last-child,.medium-up-2>.columns:last-child{float:left}.medium-up-3>.column,.medium-up-3>.columns{float:left;width:33.33333%}.medium-up-3>.column:nth-of-type(1n),.medium-up-3>.columns:nth-of-type(1n){clear:none}.medium-up-3>.column:nth-of-type(3n+1),.medium-up-3>.columns:nth-of-type(3n+1){clear:both}.medium-up-3>.column:last-child,.medium-up-3>.columns:last-child{float:left}.medium-up-4>.column,.medium-up-4>.columns{float:left;width:25%}.medium-up-4>.column:nth-of-type(1n),.medium-up-4>.columns:nth-of-type(1n){clear:none}.medium-up-4>.column:nth-of-type(4n+1),.medium-up-4>.columns:nth-of-type(4n+1){clear:both}.medium-up-4>.column:last-child,.medium-up-4>.columns:last-child{float:left}.medium-up-5>.column,.medium-up-5>.columns{float:left;width:20%}.medium-up-5>.column:nth-of-type(1n),.medium-up-5>.columns:nth-of-type(1n){clear:none}.medium-up-5>.column:nth-of-type(5n+1),.medium-up-5>.columns:nth-of-type(5n+1){clear:both}.medium-up-5>.column:last-child,.medium-up-5>.columns:last-child{float:left}.medium-up-6>.column,.medium-up-6>.columns{float:left;width:16.66667%}.medium-up-6>.column:nth-of-type(1n),.medium-up-6>.columns:nth-of-type(1n){clear:none}.medium-up-6>.column:nth-of-type(6n+1),.medium-up-6>.columns:nth-of-type(6n+1){clear:both}.medium-up-6>.column:last-child,.medium-up-6>.columns:last-child{float:left}.medium-up-7>.column,.medium-up-7>.columns{float:left;width:14.28571%}.medium-up-7>.column:nth-of-type(1n),.medium-up-7>.columns:nth-of-type(1n){clear:none}.medium-up-7>.column:nth-of-type(7n+1),.medium-up-7>.columns:nth-of-type(7n+1){clear:both}.medium-up-7>.column:last-child,.medium-up-7>.columns:last-child{float:left}.medium-up-8>.column,.medium-up-8>.columns{float:left;width:12.5%}.medium-up-8>.column:nth-of-type(1n),.medium-up-8>.columns:nth-of-type(1n){clear:none}.medium-up-8>.column:nth-of-type(8n+1),.medium-up-8>.columns:nth-of-type(8n+1){clear:both}.medium-up-8>.column:last-child,.medium-up-8>.columns:last-child{float:left}.medium-collapse>.column,.medium-collapse>.columns{padding-right:0;padding-left:0}.medium-collapse .row{margin-right:0;margin-left:0}.expanded.row .medium-collapse.row{margin-right:0;margin-left:0}.medium-uncollapse>.column,.medium-uncollapse>.columns{padding-right:0.9375rem;padding-left:0.9375rem}.medium-centered{margin-right:auto;margin-left:auto}.medium-centered,.medium-centered:last-child:not(:first-child){float:none;clear:both}.medium-uncentered,.medium-push-0,.medium-pull-0{position:static;float:left;margin-right:0;margin-left:0}.column,.columns{padding-right:0.9375rem;padding-left:0.9375rem}.row .row{margin-right:-0.9375rem;margin-left:-0.9375rem}.row-site{width:90%} } /* .large- Grid */ @media print, screen and (min-width:801px) { .large-1{width:8.33333%}.large-push-1{position:relative;left:8.33333%}.large-pull-1{position:relative;left:-8.33333%}.large-offset-0{margin-left:0%}.large-2{width:16.66667%}.large-push-2{position:relative;left:16.66667%}.large-pull-2{position:relative;left:-16.66667%}.large-offset-1{margin-left:8.33333%}.large-3{width:25%}.large-push-3{position:relative;left:25%}.large-pull-3{position:relative;left:-25%}.large-offset-2{margin-left:16.66667%}.large-4{width:33.33333%}.large-push-4{position:relative;left:33.33333%}.large-pull-4{position:relative;left:-33.33333%}.large-offset-3{margin-left:25%}.large-5{width:41.66667%}.large-push-5{position:relative;left:41.66667%}.large-pull-5{position:relative;left:-41.66667%}.large-offset-4{margin-left:33.33333%}.large-6{width:50%}.large-push-6{position:relative;left:50%}.large-pull-6{position:relative;left:-50%}.large-offset-5{margin-left:41.66667%}.large-7{width:58.33333%}.large-push-7{position:relative;left:58.33333%}.large-pull-7{position:relative;left:-58.33333%}.large-offset-6{margin-left:50%}.large-8{width:66.66667%}.large-push-8{position:relative;left:66.66667%}.large-pull-8{position:relative;left:-66.66667%}.large-offset-7{margin-left:58.33333%}.large-9{width:75%}.large-push-9{position:relative;left:75%}.large-pull-9{position:relative;left:-75%}.large-offset-8{margin-left:66.66667%}.large-10{width:83.33333%}.large-push-10{position:relative;left:83.33333%}.large-pull-10{position:relative;left:-83.33333%}.large-offset-9{margin-left:75%}.large-11{width:91.66667%}.large-push-11{position:relative;left:91.66667%}.large-pull-11{position:relative;left:-91.66667%}.large-offset-10{margin-left:83.33333%}.large-12{width:100%}.large-offset-11{margin-left:91.66667%}.large-up-1>.column,.large-up-1>.columns{float:left;width:100%}.large-up-1>.column:nth-of-type(1n),.large-up-1>.columns:nth-of-type(1n){clear:none}.large-up-1>.column:nth-of-type(1n+1),.large-up-1>.columns:nth-of-type(1n+1){clear:both}.large-up-1>.column:last-child,.large-up-1>.columns:last-child{float:left}.large-up-2>.column,.large-up-2>.columns{float:left;width:50%}.large-up-2>.column:nth-of-type(1n),.large-up-2>.columns:nth-of-type(1n){clear:none}.large-up-2>.column:nth-of-type(2n+1),.large-up-2>.columns:nth-of-type(2n+1){clear:both}.large-up-2>.column:last-child,.large-up-2>.columns:last-child{float:left}.large-up-3>.column,.large-up-3>.columns{float:left;width:33.33333%}.large-up-3>.column:nth-of-type(1n),.large-up-3>.columns:nth-of-type(1n){clear:none}.large-up-3>.column:nth-of-type(3n+1),.large-up-3>.columns:nth-of-type(3n+1){clear:both}.large-up-3>.column:last-child,.large-up-3>.columns:last-child{float:left}.large-up-4>.column,.large-up-4>.columns{float:left;width:25%}.large-up-4>.column:nth-of-type(1n),.large-up-4>.columns:nth-of-type(1n){clear:none}.large-up-4>.column:nth-of-type(4n+1),.large-up-4>.columns:nth-of-type(4n+1){clear:both}.large-up-4>.column:last-child,.large-up-4>.columns:last-child{float:left}.large-up-5>.column,.large-up-5>.columns{float:left;width:20%}.large-up-5>.column:nth-of-type(1n),.large-up-5>.columns:nth-of-type(1n){clear:none}.large-up-5>.column:nth-of-type(5n+1),.large-up-5>.columns:nth-of-type(5n+1){clear:both}.large-up-5>.column:last-child,.large-up-5>.columns:last-child{float:left}.large-up-6>.column,.large-up-6>.columns{float:left;width:16.66667%}.large-up-6>.column:nth-of-type(1n),.large-up-6>.columns:nth-of-type(1n){clear:none}.large-up-6>.column:nth-of-type(6n+1),.large-up-6>.columns:nth-of-type(6n+1){clear:both}.large-up-6>.column:last-child,.large-up-6>.columns:last-child{float:left}.large-up-7>.column,.large-up-7>.columns{float:left;width:14.28571%}.large-up-7>.column:nth-of-type(1n),.large-up-7>.columns:nth-of-type(1n){clear:none}.large-up-7>.column:nth-of-type(7n+1),.large-up-7>.columns:nth-of-type(7n+1){clear:both}.large-up-7>.column:last-child,.large-up-7>.columns:last-child{float:left}.large-up-8>.column,.large-up-8>.columns{float:left;width:12.5%}.large-up-8>.column:nth-of-type(1n),.large-up-8>.columns:nth-of-type(1n){clear:none}.large-up-8>.column:nth-of-type(8n+1),.large-up-8>.columns:nth-of-type(8n+1){clear:both}.large-up-8>.column:last-child,.large-up-8>.columns:last-child{float:left}.large-collapse>.column,.large-collapse>.columns{padding-right:0;padding-left:0}.large-collapse .row{margin-right:0;margin-left:0}.expanded.row .large-collapse.row{margin-right:0;margin-left:0}.large-uncollapse>.column,.large-uncollapse>.columns{padding-right:0.9375rem;padding-left:0.9375rem}.large-centered{margin-right:auto;margin-left:auto}.large-centered,.large-centered:last-child:not(:first-child){float:none;clear:both}.large-uncentered,.large-push-0,.large-pull-0{position:static;float:left;margin-right:0;margin-left:0} } /* .xlarge- Grid */ @media print, screen and (min-width:960px) { .xlarge-1{width:8.33333%}.xlarge-push-1{position:relative;left:8.33333%}.xlarge-pull-1{position:relative;left:-8.33333%}.xlarge-offset-0{margin-left:0%}.xlarge-2{width:16.66667%}.xlarge-push-2{position:relative;left:16.66667%}.xlarge-pull-2{position:relative;left:-16.66667%}.xlarge-offset-1{margin-left:8.33333%}.xlarge-3{width:25%}.xlarge-push-3{position:relative;left:25%}.xlarge-pull-3{position:relative;left:-25%}.xlarge-offset-2{margin-left:16.66667%}.xlarge-4{width:33.33333%}.xlarge-push-4{position:relative;left:33.33333%}.xlarge-pull-4{position:relative;left:-33.33333%}.xlarge-offset-3{margin-left:25%}.xlarge-5{width:41.66667%}.xlarge-push-5{position:relative;left:41.66667%}.xlarge-pull-5{position:relative;left:-41.66667%}.xlarge-offset-4{margin-left:33.33333%}.xlarge-6{width:50%}.xlarge-push-6{position:relative;left:50%}.xlarge-pull-6{position:relative;left:-50%}.xlarge-offset-5{margin-left:41.66667%}.xlarge-7{width:58.33333%}.xlarge-push-7{position:relative;left:58.33333%}.xlarge-pull-7{position:relative;left:-58.33333%}.xlarge-offset-6{margin-left:50%}.xlarge-8{width:66.66667%}.xlarge-push-8{position:relative;left:66.66667%}.xlarge-pull-8{position:relative;left:-66.66667%}.xlarge-offset-7{margin-left:58.33333%}.xlarge-9{width:75%}.xlarge-push-9{position:relative;left:75%}.xlarge-pull-9{position:relative;left:-75%}.xlarge-offset-8{margin-left:66.66667%}.xlarge-10{width:83.33333%}.xlarge-push-10{position:relative;left:83.33333%}.xlarge-pull-10{position:relative;left:-83.33333%}.xlarge-offset-9{margin-left:75%}.xlarge-11{width:91.66667%}.xlarge-push-11{position:relative;left:91.66667%}.xlarge-pull-11{position:relative;left:-91.66667%}.xlarge-offset-10{margin-left:83.33333%}.xlarge-12{width:100%}.xlarge-offset-11{margin-left:91.66667%}.xlarge-up-1>.column,.xlarge-up-1>.columns{float:left;width:100%}.xlarge-up-1>.column:nth-of-type(1n),.xlarge-up-1>.columns:nth-of-type(1n){clear:none}.xlarge-up-1>.column:nth-of-type(1n+1),.xlarge-up-1>.columns:nth-of-type(1n+1){clear:both}.xlarge-up-1>.column:last-child,.xlarge-up-1>.columns:last-child{float:left}.xlarge-up-2>.column,.xlarge-up-2>.columns{float:left;width:50%}.xlarge-up-2>.column:nth-of-type(1n),.xlarge-up-2>.columns:nth-of-type(1n){clear:none}.xlarge-up-2>.column:nth-of-type(2n+1),.xlarge-up-2>.columns:nth-of-type(2n+1){clear:both}.xlarge-up-2>.column:last-child,.xlarge-up-2>.columns:last-child{float:left}.xlarge-up-3>.column,.xlarge-up-3>.columns{float:left;width:33.33333%}.xlarge-up-3>.column:nth-of-type(1n),.xlarge-up-3>.columns:nth-of-type(1n){clear:none}.xlarge-up-3>.column:nth-of-type(3n+1),.xlarge-up-3>.columns:nth-of-type(3n+1){clear:both}.xlarge-up-3>.column:last-child,.xlarge-up-3>.columns:last-child{float:left}.xlarge-up-4>.column,.xlarge-up-4>.columns{float:left;width:25%}.xlarge-up-4>.column:nth-of-type(1n),.xlarge-up-4>.columns:nth-of-type(1n){clear:none}.xlarge-up-4>.column:nth-of-type(4n+1),.xlarge-up-4>.columns:nth-of-type(4n+1){clear:both}.xlarge-up-4>.column:last-child,.xlarge-up-4>.columns:last-child{float:left}.xlarge-up-5>.column,.xlarge-up-5>.columns{float:left;width:20%}.xlarge-up-5>.column:nth-of-type(1n),.xlarge-up-5>.columns:nth-of-type(1n){clear:none}.xlarge-up-5>.column:nth-of-type(5n+1),.xlarge-up-5>.columns:nth-of-type(5n+1){clear:both}.xlarge-up-5>.column:last-child,.xlarge-up-5>.columns:last-child{float:left}.xlarge-up-6>.column,.xlarge-up-6>.columns{float:left;width:16.66667%}.xlarge-up-6>.column:nth-of-type(1n),.xlarge-up-6>.columns:nth-of-type(1n){clear:none}.xlarge-up-6>.column:nth-of-type(6n+1),.xlarge-up-6>.columns:nth-of-type(6n+1){clear:both}.xlarge-up-6>.column:last-child,.xlarge-up-6>.columns:last-child{float:left}.xlarge-up-7>.column,.xlarge-up-7>.columns{float:left;width:14.28571%}.xlarge-up-7>.column:nth-of-type(1n),.xlarge-up-7>.columns:nth-of-type(1n){clear:none}.xlarge-up-7>.column:nth-of-type(7n+1),.xlarge-up-7>.columns:nth-of-type(7n+1){clear:both}.xlarge-up-7>.column:last-child,.xlarge-up-7>.columns:last-child{float:left}.xlarge-up-8>.column,.xlarge-up-8>.columns{float:left;width:12.5%}.xlarge-up-8>.column:nth-of-type(1n),.xlarge-up-8>.columns:nth-of-type(1n){clear:none}.xlarge-up-8>.column:nth-of-type(8n+1),.xlarge-up-8>.columns:nth-of-type(8n+1){clear:both}.xlarge-up-8>.column:last-child,.xlarge-up-8>.columns:last-child{float:left}.xlarge-collapse>.column,.xlarge-collapse>.columns{padding-right:0;padding-left:0}.xlarge-collapse .row{margin-right:0;margin-left:0}.expanded.row .xlarge-collapse.row{margin-right:0;margin-left:0}.xlarge-uncollapse>.column,.xlarge-uncollapse>.columns{padding-right:0.9375rem;padding-left:0.9375rem}.xlarge-centered{margin-right:auto;margin-left:auto}.xlarge-centered,.xlarge-centered:last-child:not(:first-child){float:none;clear:both}.xlarge-uncentered,.xlarge-push-0,.xlarge-pull-0{position:static;float:left;margin-right:0;margin-left:0} } /* .xxlarge- Grid */ @media print, screen and (min-width:1200px) { .xxlarge-1{width:8.33333%}.xxlarge-push-1{position:relative;left:8.33333%}.xxlarge-pull-1{position:relative;left:-8.33333%}.xxlarge-offset-0{margin-left:0%}.xxlarge-2{width:16.66667%}.xxlarge-push-2{position:relative;left:16.66667%}.xxlarge-pull-2{position:relative;left:-16.66667%}.xxlarge-offset-1{margin-left:8.33333%}.xxlarge-3{width:25%}.xxlarge-push-3{position:relative;left:25%}.xxlarge-pull-3{position:relative;left:-25%}.xxlarge-offset-2{margin-left:16.66667%}.xxlarge-4{width:33.33333%}.xxlarge-push-4{position:relative;left:33.33333%}.xxlarge-pull-4{position:relative;left:-33.33333%}.xxlarge-offset-3{margin-left:25%}.xxlarge-5{width:41.66667%}.xxlarge-push-5{position:relative;left:41.66667%}.xxlarge-pull-5{position:relative;left:-41.66667%}.xxlarge-offset-4{margin-left:33.33333%}.xxlarge-6{width:50%}.xxlarge-push-6{position:relative;left:50%}.xxlarge-pull-6{position:relative;left:-50%}.xxlarge-offset-5{margin-left:41.66667%}.xxlarge-7{width:58.33333%}.xxlarge-push-7{position:relative;left:58.33333%}.xxlarge-pull-7{position:relative;left:-58.33333%}.xxlarge-offset-6{margin-left:50%}.xxlarge-8{width:66.66667%}.xxlarge-push-8{position:relative;left:66.66667%}.xxlarge-pull-8{position:relative;left:-66.66667%}.xxlarge-offset-7{margin-left:58.33333%}.xxlarge-9{width:75%}.xxlarge-push-9{position:relative;left:75%}.xxlarge-pull-9{position:relative;left:-75%}.xxlarge-offset-8{margin-left:66.66667%}.xxlarge-10{width:83.33333%}.xxlarge-push-10{position:relative;left:83.33333%}.xxlarge-pull-10{position:relative;left:-83.33333%}.xxlarge-offset-9{margin-left:75%}.xxlarge-11{width:91.66667%}.xxlarge-push-11{position:relative;left:91.66667%}.xxlarge-pull-11{position:relative;left:-91.66667%}.xxlarge-offset-10{margin-left:83.33333%}.xxlarge-12{width:100%}.xxlarge-offset-11{margin-left:91.66667%}.xxlarge-up-1>.column,.xxlarge-up-1>.columns{float:left;width:100%}.xxlarge-up-1>.column:nth-of-type(1n),.xxlarge-up-1>.columns:nth-of-type(1n){clear:none}.xxlarge-up-1>.column:nth-of-type(1n+1),.xxlarge-up-1>.columns:nth-of-type(1n+1){clear:both}.xxlarge-up-1>.column:last-child,.xxlarge-up-1>.columns:last-child{float:left}.xxlarge-up-2>.column,.xxlarge-up-2>.columns{float:left;width:50%}.xxlarge-up-2>.column:nth-of-type(1n),.xxlarge-up-2>.columns:nth-of-type(1n){clear:none}.xxlarge-up-2>.column:nth-of-type(2n+1),.xxlarge-up-2>.columns:nth-of-type(2n+1){clear:both}.xxlarge-up-2>.column:last-child,.xxlarge-up-2>.columns:last-child{float:left}.xxlarge-up-3>.column,.xxlarge-up-3>.columns{float:left;width:33.33333%}.xxlarge-up-3>.column:nth-of-type(1n),.xxlarge-up-3>.columns:nth-of-type(1n){clear:none}.xxlarge-up-3>.column:nth-of-type(3n+1),.xxlarge-up-3>.columns:nth-of-type(3n+1){clear:both}.xxlarge-up-3>.column:last-child,.xxlarge-up-3>.columns:last-child{float:left}.xxlarge-up-4>.column,.xxlarge-up-4>.columns{float:left;width:25%}.xxlarge-up-4>.column:nth-of-type(1n),.xxlarge-up-4>.columns:nth-of-type(1n){clear:none}.xxlarge-up-4>.column:nth-of-type(4n+1),.xxlarge-up-4>.columns:nth-of-type(4n+1){clear:both}.xxlarge-up-4>.column:last-child,.xxlarge-up-4>.columns:last-child{float:left}.xxlarge-up-5>.column,.xxlarge-up-5>.columns{float:left;width:20%}.xxlarge-up-5>.column:nth-of-type(1n),.xxlarge-up-5>.columns:nth-of-type(1n){clear:none}.xxlarge-up-5>.column:nth-of-type(5n+1),.xxlarge-up-5>.columns:nth-of-type(5n+1){clear:both}.xxlarge-up-5>.column:last-child,.xxlarge-up-5>.columns:last-child{float:left}.xxlarge-up-6>.column,.xxlarge-up-6>.columns{float:left;width:16.66667%}.xxlarge-up-6>.column:nth-of-type(1n),.xxlarge-up-6>.columns:nth-of-type(1n){clear:none}.xxlarge-up-6>.column:nth-of-type(6n+1),.xxlarge-up-6>.columns:nth-of-type(6n+1){clear:both}.xxlarge-up-6>.column:last-child,.xxlarge-up-6>.columns:last-child{float:left}.xxlarge-up-7>.column,.xxlarge-up-7>.columns{float:left;width:14.28571%}.xxlarge-up-7>.column:nth-of-type(1n),.xxlarge-up-7>.columns:nth-of-type(1n){clear:none}.xxlarge-up-7>.column:nth-of-type(7n+1),.xxlarge-up-7>.columns:nth-of-type(7n+1){clear:both}.xxlarge-up-7>.column:last-child,.xxlarge-up-7>.columns:last-child{float:left}.xxlarge-up-8>.column,.xxlarge-up-8>.columns{float:left;width:12.5%}.xxlarge-up-8>.column:nth-of-type(1n),.xxlarge-up-8>.columns:nth-of-type(1n){clear:none}.xxlarge-up-8>.column:nth-of-type(8n+1),.xxlarge-up-8>.columns:nth-of-type(8n+1){clear:both}.xxlarge-up-8>.column:last-child,.xxlarge-up-8>.columns:last-child{float:left}.xxlarge-collapse>.column,.xxlarge-collapse>.columns{padding-right:0;padding-left:0}.xxlarge-collapse .row{margin-right:0;margin-left:0}.expanded.row .xxlarge-collapse.row{margin-right:0;margin-left:0}.xxlarge-uncollapse>.column,.xxlarge-uncollapse>.columns{padding-right:0.9375rem;padding-left:0.9375rem}.xxlarge-centered{margin-right:auto;margin-left:auto}.xxlarge-centered,.xxlarge-centered:last-child:not(:first-child){float:none;clear:both}.xxlarge-uncentered,.xxlarge-push-0,.xxlarge-pull-0{position:static;float:left;margin-right:0;margin-left:0} } /* Block Grid */ .column-block{margin-bottom:1.875rem}.column-block>:last-child{margin-bottom:0} /******************************************************************************** --- CD Font Icons Packcage - Full (replace with project icon set if supplied) --- *********************************************************************************/ @font-face {font-family: 'CD-Project-Icons'; src: url(assets/fonts/CD-Project-Icons.woff2%3Fyk0w7i) format('woff2'), url(assets/fonts/CD-Project-Icons.ttf%3Fyk0w7i) format('truetype'), url(assets/fonts/CD-Project-Icons.woff%3Fyk0w7i) format('woff'), url(assets/fonts/CD-Project-Icons.svg%3Fyk0w7i) format('svg'); font-weight: normal; font-style: normal;} [class^="icon-"], [class*=" icon-"] {font-family: 'CD-Project-Icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .icon-activities:before { content: "\ea22"; } .icon-culture:before { content: "\ea23"; } .icon-medical:before { content: "\ea24"; } .icon-donut-chart:before { content: "\ea25"; } .icon-education:before { content: "\ea26"; } .icon-arrow-drop-left:before{content: "\ea20";}.icon-arrow-drop-right:before{content: "\ea21";}.icon-image:before{content:"\e900"}.icon-about:before{content:"\e901"}.icon-account-box:before{content:"\e902"}.icon-account-circle:before{content:"\e903"}.icon-add-circle-fill:before{content:"\e904"}.icon-add-circle:before{content:"\e905"}.icon-add-user-male:before{content:"\e906"}.icon-add:before{content:"\e907"}.icon-address-book:before{content:"\e908"}.icon-addthis:before{content:"\e909"}.icon-adobeacrobatreader:before{content:"\e90a"}.icon-advertising:before{content:"\e90b"}.icon-airplane-mode-on:before{content:"\e90c"}.icon-alarm-clock:before{content:"\e90d"}.icon-albums:before{content:"\e90e"}.icon-android:before{content:"\e90f"}.icon-angle-down-circle:before{content:"\e910"}.icon-angle-down:before{content:"\e911"}.icon-angle-left-circle:before{content:"\e912"}.icon-angle-left:before{content:"\e913"}.icon-angle-right-circle:before{content:"\e914"}.icon-angle-right:before{content:"\e915"}.icon-angle-up-circle:before{content:"\e916"}.icon-angle-up:before{content:"\e917"}.icon-apple:before{content:"\e918"}.icon-approval:before{content:"\e919"}.icon-arrow-down-circle:before{content:"\e91a"}.icon-arrow-down-long:before{content:"\e91b"}.icon-arrow-down:before{content:"\e91c"}.icon-arrow-drop-down:before{content:"\e91d"}.icon-arrow-drop-up:before{content:"\e91e"}.icon-arrow-left-circle:before{content:"\e91f"}.icon-arrow-left-long:before{content:"\e920"}.icon-arrow-left:before{content:"\e921"}.icon-arrow-right-circle:before{content:"\e922"}.icon-arrow-right-long:before{content:"\e923"}.icon-arrow-right:before{content:"\e924"}.icon-arrow-up-circle:before{content:"\e925"}.icon-arrow-up-long:before{content:"\e926"}.icon-arrow-up:before{content:"\e927"}.icon-aspect-ratio:before{content:"\e928"}.icon-attach:before{content:"\e929"}.icon-attention:before{content:"\e92a"}.icon-audio:before{content:"\e92b"}.icon-automation:before{content:"\e92c"}.icon-ball-point-pen:before{content:"\e92d"}.icon-bank-card-back-side:before{content:"\e92e"}.icon-bank-cards:before{content:"\e92f"}.icon-bell:before{content:"\e930"}.icon-book:before{content:"\e931"}.icon-bookmark-ribbon:before{content:"\e932"}.icon-bookmark:before{content:"\e933"}.icon-box:before{content:"\e934"}.icon-briefcase:before{content:"\e935"}.icon-browse-podcasts:before{content:"\e936"}.icon-building-line:before{content:"\e937"}.icon-building:before{content:"\e938"}.icon-businessman:before{content:"\e939"}.icon-buy:before{content:"\e93a"}.icon-calculator:before{content:"\e93b"}.icon-calendar:before{content:"\e93c"}.icon-camera:before{content:"\e93d"}.icon-cancel-circle-fill:before{content:"\e93e"}.icon-cancel-circle:before{content:"\e93f"}.icon-cc-amex:before{content:"\e940"}.icon-cc-discover:before{content:"\e941"}.icon-cc-mastercard:before{content:"\e942"}.icon-cc-paypal:before{content:"\e943"}.icon-cc-stripe:before{content:"\e944"}.icon-cc-visa:before{content:"\e945"}.icon-cellular-network:before{content:"\e946"}.icon-chart-bar:before{content:"\e947"}.icon-chart-combo:before{content:"\e948"}.icon-chat:before{content:"\e949"}.icon-check-circle:before{content:"\e94a"}.icon-check:before{content:"\e94b"}.icon-checkbox-checked-circle-line:before{content:"\e94c"}.icon-checkbox-checked-circle:before{content:"\e94d"}.icon-checkbox-checked-line:before{content:"\e94e"}.icon-checkbox-checked:before{content:"\e94f"}.icon-checkbox-unchecked:before{content:"\e950"}.icon-circle-fill:before{content:"\e951"}.icon-circle:before{content:"\e952"}.icon-clear-all:before{content:"\e953"}.icon-clock:before{content:"\e954"}.icon-close:before{content:"\e955"}.icon-cloud:before{content:"\e956"}.icon-coins:before{content:"\e957"}.icon-collaboration:before{content:"\e958"}.icon-comments:before{content:"\e959"}.icon-compact-camera:before{content:"\e95a"}.icon-computer:before{content:"\e95b"}.icon-conference:before{content:"\e95c"}.icon-contact-card:before{content:"\e95d"}.icon-contacts:before{content:"\e95e"}.icon-copy:before{content:"\e95f"}.icon-create-new:before{content:"\e960"}.icon-dashboard:before{content:"\e961"}.icon-data-usage:before{content:"\e962"}.icon-database:before{content:"\e963"}.icon-decline:before{content:"\e964"}.icon-define-location:before{content:"\e965"}.icon-delivery:before{content:"\e966"}.icon-document:before{content:"\e967"}.icon-documents:before{content:"\e968"}.icon-download:before{content:"\e969"}.icon-duplicate:before{content:"\e96a"}.icon-edit-square:before{content:"\e96b"}.icon-edit:before{content:"\e96c"}.icon-error-line:before{content:"\e96d"}.icon-error:before{content:"\e96e"}.icon-expand:before{content:"\e96f"}.icon-external:before{content:"\e970"}.icon-facebook-square:before{content:"\e971"}.icon-facebook:before{content:"\e972"}.icon-file:before{content:"\e973"}.icon-filter-list:before{content:"\e974"}.icon-filter:before{content:"\e975"}.icon-flash-light:before{content:"\e976"}.icon-folder:before{content:"\e977"}.icon-following:before{content:"\e978"}.icon-fullscreen-exit:before{content:"\e979"}.icon-fullscreen:before{content:"\e97a"}.icon-gallery-carousel:before{content:"\e97b"}.icon-gallery:before{content:"\e97c"}.icon-gears:before{content:"\e97d"}.icon-genius:before{content:"\e97e"}.icon-geo-fence:before{content:"\e97f"}.icon-gift:before{content:"\e980"}.icon-globe-earth:before{content:"\e981"}.icon-globe:before{content:"\e982"}.icon-google:before{content:"\e983"}.icon-googleplay:before{content:"\e984"}.icon-googleplus-square:before{content:"\e985"}.icon-googleplus:before{content:"\e986"}.icon-graduation-cap:before{content:"\e987"}.icon-grid-6:before{content:"\e988"}.icon-grid:before{content:"\e989"}.icon-hand-cursor:before{content:"\e98a"}.icon-handshake:before{content:"\e98b"}.icon-happy:before{content:"\e98c"}.icon-health-sources:before{content:"\e98d"}.icon-heart:before{content:"\e98e"}.icon-help-line:before{content:"\e98f"}.icon-help:before{content:"\e990"}.icon-high-priority:before{content:"\e991"}.icon-home:before{content:"\e992"}.icon-houzz-square:before{content:"\e993"}.icon-houzz:before{content:"\e994"}.icon-idea:before{content:"\e995"}.icon-image-file:before{content:"\e996"}.icon-inbox:before{content:"\e997"}.icon-info:before{content:"\e998"}.icon-instagram-square:before{content:"\e999"}.icon-instagram:before{content:"\e99a"}.icon-investment:before{content:"\e99b"}.icon-invisible:before{content:"\e99c"}.icon-iphone-x:before{content:"\e99d"}.icon-iphone:before{content:"\e99e"}.icon-key:before{content:"\e99f"}.icon-keyboard-arrow-down:before{content:"\e9a0"}.icon-keyboard-arrow-left:before{content:"\e9a1"}.icon-keyboard-arrow-right:before{content:"\e9a2"}.icon-keyboard-arrow-up:before{content:"\e9a3"}.icon-keypad:before{content:"\e9a4"}.icon-laptop:before{content:"\e9a5"}.icon-layers-line:before{content:"\e9a6"}.icon-layers:before{content:"\e9a7"}.icon-line-chart:before{content:"\e9a8"}.icon-link:before{content:"\e9a9"}.icon-linkedin-square:before{content:"\e9aa"}.icon-linkedin:before{content:"\e9ab"}.icon-list:before{content:"\e9ac"}.icon-literature:before{content:"\e9ad"}.icon-lock:before{content:"\e9ae"}.icon-mail-line:before{content:"\e9af"}.icon-mail:before{content:"\e9b0"}.icon-maintenance:before{content:"\e9b1"}.icon-map-marker:before{content:"\e9b2"}.icon-map:before{content:"\e9b3"}.icon-marker:before{content:"\e9b4"}.icon-meeting:before{content:"\e9b5"}.icon-memories:before{content:"\e9b6"}.icon-menu:before{content:"\e9b7"}.icon-message:before{content:"\e9b8"}.icon-microphone:before{content:"\e9b9"}.icon-microsoftexcel:before{content:"\e9ba"}.icon-microsoftpowerpoint:before{content:"\e9bb"}.icon-microsoftword:before{content:"\e9bc"}.icon-minus-circle-fill:before{content:"\e9bd"}.icon-minus-circle:before{content:"\e9be"}.icon-minus:before{content:"\e9bf"}.icon-mobile:before{content:"\e9c0"}.icon-money-bag:before{content:"\e9c1"}.icon-money:before{content:"\e9c2"}.icon-monitor:before{content:"\e9c3"}.icon-movie:before{content:"\e9c4"}.icon-music-library:before{content:"\e9c5"}.icon-musical-notes:before{content:"\e9c6"}.icon-news:before{content:"\e9c7"}.icon-note:before{content:"\e9c8"}.icon-ok:before{content:"\e9c9"}.icon-online-support:before{content:"\e9ca"}.icon-open:before{content:"\e9cb"}.icon-order:before{content:"\e9cc"}.icon-paper-money:before{content:"\e9cd"}.icon-paper-plane:before{content:"\e9ce"}.icon-password:before{content:"\e9cf"}.icon-paypal:before{content:"\e9d0"}.icon-pdf:before{content:"\e9d1"}.icon-pencil:before{content:"\e9d2"}.icon-people:before{content:"\e9d3"}.icon-phone-call:before{content:"\e9d4"}.icon-phone:before{content:"\e9d5"}.icon-photo:before{content:"\e9d6"}.icon-pie-chart:before{content:"\e9d7"}.icon-pinterest-square:before{content:"\e9d8"}.icon-pinterest:before{content:"\e9d9"}.icon-play-circle-fill:before{content:"\e9da"}.icon-play-circle:before{content:"\e9db"}.icon-play:before{content:"\e9dc"}.icon-plus:before{content:"\e9dd"}.icon-price-tag:before{content:"\e9de"}.icon-print:before{content:"\e9df"}.icon-product:before{content:"\e9e0"}.icon-qr-code:before{content:"\e9e1"}.icon-quotes-close:before{content:"\e9e2"}.icon-quotes-open:before{content:"\e9e3"}.icon-radio-waves:before{content:"\e9e4"}.icon-refresh:before{content:"\e9e5"}.icon-report-card:before{content:"\e9e6"}.icon-restaurant:before{content:"\e9e7"}.icon-rocket:before{content:"\e9e8"}.icon-save:before{content:"\e9e9"}.icon-screenshot:before{content:"\e9ea"}.icon-search:before{content:"\e9eb"}.icon-security-checked:before{content:"\e9ec"}.icon-server:before{content:"\e9ed"}.icon-settings:before{content:"\e9ee"}.icon-shop:before{content:"\e9ef"}.icon-shopping-bag:before{content:"\e9f0"}.icon-shopping-cart-loaded:before{content:"\e9f1"}.icon-shopping-cart:before{content:"\e9f2"}.icon-shutdown:before{content:"\e9f3"}.icon-sms:before{content:"\e9f4"}.icon-soundcloud:before{content:"\e9f5"}.icon-speech-buble:before{content:"\e9f6"}.icon-spotify:before{content:"\e9f7"}.icon-stack-of-photos:before{content:"\e9f8"}.icon-star-half:before{content:"\e9f9"}.icon-star-line:before{content:"\e9fa"}.icon-star:before{content:"\e9fb"}.icon-statistics:before{content:"\e9fc"}.icon-stopwatch:before{content:"\e9fd"}.icon-sun:before{content:"\e9fe"}.icon-support:before{content:"\e9ff"}.icon-syncronize:before{content:"\ea00"}.icon-thumbs-up:before{content:"\ea01"}.icon-timer:before{content:"\ea02"}.icon-toggle-off:before{content:"\ea03"}.icon-toggle-on:before{content:"\ea04"}.icon-training:before{content:"\ea05"}.icon-trash:before{content:"\ea06"}.icon-trophy:before{content:"\ea07"}.icon-truck:before{content:"\ea08"}.icon-twitter-square:before{content:"\ea09"}.icon-twitter:before{content:"\ea0a"}.icon-unlock:before{content:"\ea0b"}.icon-upload:before{content:"\ea0c"}.icon-usd-fill:before{content:"\ea0d"}.icon-usd:before{content:"\ea0e"}.icon-user-group-man-man:before{content:"\ea0f"}.icon-user-group-man-woman:before{content:"\ea10"}.icon-user-male:before{content:"\ea11"}.icon-video-call:before{content:"\ea12"}.icon-videos-purchased:before{content:"\ea13"}.icon-visible:before{content:"\ea14"}.icon-wallet-app:before{content:"\ea15"}.icon-wallet:before{content:"\ea16"}.icon-warning-line:before{content:"\ea17"}.icon-warning:before{content:"\ea18"}.icon-wifi:before{content:"\ea19"}.icon-worldwide-location:before{content:"\ea1a"}.icon-yelp-square:before{content:"\ea1b"}.icon-yelp:before{content:"\ea1c"}.icon-youtube:before{content:"\ea1d"}.icon-zoom-in:before{content:"\ea1e"}.icon-zoom-out:before{content:"\ea1f"} /******************************************************************************** --- Reveal Animation --- *********************************************************************************/ @media screen { [data-reveal][data-reveal][data-reveal-duration="50"],body[data-reveal-duration="50"] [data-reveal]{transition-duration:50ms}[data-reveal][data-reveal][data-reveal-delay="50"],body[data-reveal-delay="50"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="50"].reveal-animate,body[data-reveal-delay="50"] [data-reveal].reveal-animate{transition-delay:50ms}[data-reveal][data-reveal][data-reveal-duration="100"],body[data-reveal-duration="100"] [data-reveal]{transition-duration:.1s}[data-reveal][data-reveal][data-reveal-delay="100"],body[data-reveal-delay="100"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="100"].reveal-animate,body[data-reveal-delay="100"] [data-reveal].reveal-animate{transition-delay:.1s}[data-reveal][data-reveal][data-reveal-duration="150"],body[data-reveal-duration="150"] [data-reveal]{transition-duration:.15s}[data-reveal][data-reveal][data-reveal-delay="150"],body[data-reveal-delay="150"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="150"].reveal-animate,body[data-reveal-delay="150"] [data-reveal].reveal-animate{transition-delay:.15s}[data-reveal][data-reveal][data-reveal-duration="200"],body[data-reveal-duration="200"] [data-reveal]{transition-duration:.2s}[data-reveal][data-reveal][data-reveal-delay="200"],body[data-reveal-delay="200"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="200"].reveal-animate,body[data-reveal-delay="200"] [data-reveal].reveal-animate{transition-delay:.2s}[data-reveal][data-reveal][data-reveal-duration="250"],body[data-reveal-duration="250"] [data-reveal]{transition-duration:.25s}[data-reveal][data-reveal][data-reveal-delay="250"],body[data-reveal-delay="250"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="250"].reveal-animate,body[data-reveal-delay="250"] [data-reveal].reveal-animate{transition-delay:.25s}[data-reveal][data-reveal][data-reveal-duration="300"],body[data-reveal-duration="300"] [data-reveal]{transition-duration:.3s}[data-reveal][data-reveal][data-reveal-delay="300"],body[data-reveal-delay="300"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="300"].reveal-animate,body[data-reveal-delay="300"] [data-reveal].reveal-animate{transition-delay:.3s}[data-reveal][data-reveal][data-reveal-duration="350"],body[data-reveal-duration="350"] [data-reveal]{transition-duration:.35s}[data-reveal][data-reveal][data-reveal-delay="350"],body[data-reveal-delay="350"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="350"].reveal-animate,body[data-reveal-delay="350"] [data-reveal].reveal-animate{transition-delay:.35s}[data-reveal][data-reveal][data-reveal-duration="400"],body[data-reveal-duration="400"] [data-reveal]{transition-duration:.4s}[data-reveal][data-reveal][data-reveal-delay="400"],body[data-reveal-delay="400"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="400"].reveal-animate,body[data-reveal-delay="400"] [data-reveal].reveal-animate{transition-delay:.4s}[data-reveal][data-reveal][data-reveal-duration="450"],body[data-reveal-duration="450"] [data-reveal]{transition-duration:.45s}[data-reveal][data-reveal][data-reveal-delay="450"],body[data-reveal-delay="450"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="450"].reveal-animate,body[data-reveal-delay="450"] [data-reveal].reveal-animate{transition-delay:.45s}[data-reveal][data-reveal][data-reveal-duration="500"],body[data-reveal-duration="500"] [data-reveal]{transition-duration:.5s}[data-reveal][data-reveal][data-reveal-delay="500"],body[data-reveal-delay="500"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="500"].reveal-animate,body[data-reveal-delay="500"] [data-reveal].reveal-animate{transition-delay:.5s}[data-reveal][data-reveal][data-reveal-duration="550"],body[data-reveal-duration="550"] [data-reveal]{transition-duration:.55s}[data-reveal][data-reveal][data-reveal-delay="550"],body[data-reveal-delay="550"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="550"].reveal-animate,body[data-reveal-delay="550"] [data-reveal].reveal-animate{transition-delay:.55s}[data-reveal][data-reveal][data-reveal-duration="600"],body[data-reveal-duration="600"] [data-reveal]{transition-duration:.6s}[data-reveal][data-reveal][data-reveal-delay="600"],body[data-reveal-delay="600"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="600"].reveal-animate,body[data-reveal-delay="600"] [data-reveal].reveal-animate{transition-delay:.6s}[data-reveal][data-reveal][data-reveal-duration="650"],body[data-reveal-duration="650"] [data-reveal]{transition-duration:.65s}[data-reveal][data-reveal][data-reveal-delay="650"],body[data-reveal-delay="650"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="650"].reveal-animate,body[data-reveal-delay="650"] [data-reveal].reveal-animate{transition-delay:.65s}[data-reveal][data-reveal][data-reveal-duration="700"],body[data-reveal-duration="700"] [data-reveal]{transition-duration:.7s}[data-reveal][data-reveal][data-reveal-delay="700"],body[data-reveal-delay="700"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="700"].reveal-animate,body[data-reveal-delay="700"] [data-reveal].reveal-animate{transition-delay:.7s}[data-reveal][data-reveal][data-reveal-duration="750"],body[data-reveal-duration="750"] [data-reveal]{transition-duration:.75s}[data-reveal][data-reveal][data-reveal-delay="750"],body[data-reveal-delay="750"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="750"].reveal-animate,body[data-reveal-delay="750"] [data-reveal].reveal-animate{transition-delay:.75s}[data-reveal][data-reveal][data-reveal-duration="800"],body[data-reveal-duration="800"] [data-reveal]{transition-duration:.8s}[data-reveal][data-reveal][data-reveal-delay="800"],body[data-reveal-delay="800"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="800"].reveal-animate,body[data-reveal-delay="800"] [data-reveal].reveal-animate{transition-delay:.8s}[data-reveal][data-reveal][data-reveal-duration="850"],body[data-reveal-duration="850"] [data-reveal]{transition-duration:.85s}[data-reveal][data-reveal][data-reveal-delay="850"],body[data-reveal-delay="850"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="850"].reveal-animate,body[data-reveal-delay="850"] [data-reveal].reveal-animate{transition-delay:.85s}[data-reveal][data-reveal][data-reveal-duration="900"],body[data-reveal-duration="900"] [data-reveal]{transition-duration:.9s}[data-reveal][data-reveal][data-reveal-delay="900"],body[data-reveal-delay="900"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="900"].reveal-animate,body[data-reveal-delay="900"] [data-reveal].reveal-animate{transition-delay:.9s}[data-reveal][data-reveal][data-reveal-duration="950"],body[data-reveal-duration="950"] [data-reveal]{transition-duration:.95s}[data-reveal][data-reveal][data-reveal-delay="950"],body[data-reveal-delay="950"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="950"].reveal-animate,body[data-reveal-delay="950"] [data-reveal].reveal-animate{transition-delay:.95s}[data-reveal][data-reveal][data-reveal-duration="1000"],body[data-reveal-duration="1000"] [data-reveal]{transition-duration:1s}[data-reveal][data-reveal][data-reveal-delay="1000"],body[data-reveal-delay="1000"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="1000"].reveal-animate,body[data-reveal-delay="1000"] [data-reveal].reveal-animate{transition-delay:1s}[data-reveal][data-reveal][data-reveal-duration="1050"],body[data-reveal-duration="1050"] [data-reveal]{transition-duration:1.05s}[data-reveal][data-reveal][data-reveal-delay="1050"],body[data-reveal-delay="1050"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="1050"].reveal-animate,body[data-reveal-delay="1050"] [data-reveal].reveal-animate{transition-delay:1.05s}[data-reveal][data-reveal][data-reveal-duration="1100"],body[data-reveal-duration="1100"] [data-reveal]{transition-duration:1.1s}[data-reveal][data-reveal][data-reveal-delay="1100"],body[data-reveal-delay="1100"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="1100"].reveal-animate,body[data-reveal-delay="1100"] [data-reveal].reveal-animate{transition-delay:1.1s}[data-reveal][data-reveal][data-reveal-duration="1150"],body[data-reveal-duration="1150"] [data-reveal]{transition-duration:1.15s}[data-reveal][data-reveal][data-reveal-delay="1150"],body[data-reveal-delay="1150"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="1150"].reveal-animate,body[data-reveal-delay="1150"] [data-reveal].reveal-animate{transition-delay:1.15s}[data-reveal][data-reveal][data-reveal-duration="1200"],body[data-reveal-duration="1200"] [data-reveal]{transition-duration:1.2s}[data-reveal][data-reveal][data-reveal-delay="1200"],body[data-reveal-delay="1200"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="1200"].reveal-animate,body[data-reveal-delay="1200"] [data-reveal].reveal-animate{transition-delay:1.2s}[data-reveal][data-reveal][data-reveal-duration="1250"],body[data-reveal-duration="1250"] [data-reveal]{transition-duration:1.25s}[data-reveal][data-reveal][data-reveal-delay="1250"],body[data-reveal-delay="1250"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="1250"].reveal-animate,body[data-reveal-delay="1250"] [data-reveal].reveal-animate{transition-delay:1.25s}[data-reveal][data-reveal][data-reveal-duration="1300"],body[data-reveal-duration="1300"] [data-reveal]{transition-duration:1.3s}[data-reveal][data-reveal][data-reveal-delay="1300"],body[data-reveal-delay="1300"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="1300"].reveal-animate,body[data-reveal-delay="1300"] [data-reveal].reveal-animate{transition-delay:1.3s}[data-reveal][data-reveal][data-reveal-duration="1350"],body[data-reveal-duration="1350"] [data-reveal]{transition-duration:1.35s}[data-reveal][data-reveal][data-reveal-delay="1350"],body[data-reveal-delay="1350"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="1350"].reveal-animate,body[data-reveal-delay="1350"] [data-reveal].reveal-animate{transition-delay:1.35s}[data-reveal][data-reveal][data-reveal-duration="1400"],body[data-reveal-duration="1400"] [data-reveal]{transition-duration:1.4s}[data-reveal][data-reveal][data-reveal-delay="1400"],body[data-reveal-delay="1400"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="1400"].reveal-animate,body[data-reveal-delay="1400"] [data-reveal].reveal-animate{transition-delay:1.4s}[data-reveal][data-reveal][data-reveal-duration="1450"],body[data-reveal-duration="1450"] [data-reveal]{transition-duration:1.45s}[data-reveal][data-reveal][data-reveal-delay="1450"],body[data-reveal-delay="1450"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="1450"].reveal-animate,body[data-reveal-delay="1450"] [data-reveal].reveal-animate{transition-delay:1.45s}[data-reveal][data-reveal][data-reveal-duration="1500"],body[data-reveal-duration="1500"] [data-reveal]{transition-duration:1.5s}[data-reveal][data-reveal][data-reveal-delay="1500"],body[data-reveal-delay="1500"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="1500"].reveal-animate,body[data-reveal-delay="1500"] [data-reveal].reveal-animate{transition-delay:1.5s}[data-reveal][data-reveal][data-reveal-duration="1550"],body[data-reveal-duration="1550"] [data-reveal]{transition-duration:1.55s}[data-reveal][data-reveal][data-reveal-delay="1550"],body[data-reveal-delay="1550"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="1550"].reveal-animate,body[data-reveal-delay="1550"] [data-reveal].reveal-animate{transition-delay:1.55s}[data-reveal][data-reveal][data-reveal-duration="1600"],body[data-reveal-duration="1600"] [data-reveal]{transition-duration:1.6s}[data-reveal][data-reveal][data-reveal-delay="1600"],body[data-reveal-delay="1600"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="1600"].reveal-animate,body[data-reveal-delay="1600"] [data-reveal].reveal-animate{transition-delay:1.6s}[data-reveal][data-reveal][data-reveal-duration="1650"],body[data-reveal-duration="1650"] [data-reveal]{transition-duration:1.65s}[data-reveal][data-reveal][data-reveal-delay="1650"],body[data-reveal-delay="1650"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="1650"].reveal-animate,body[data-reveal-delay="1650"] [data-reveal].reveal-animate{transition-delay:1.65s}[data-reveal][data-reveal][data-reveal-duration="1700"],body[data-reveal-duration="1700"] [data-reveal]{transition-duration:1.7s}[data-reveal][data-reveal][data-reveal-delay="1700"],body[data-reveal-delay="1700"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="1700"].reveal-animate,body[data-reveal-delay="1700"] [data-reveal].reveal-animate{transition-delay:1.7s}[data-reveal][data-reveal][data-reveal-duration="1750"],body[data-reveal-duration="1750"] [data-reveal]{transition-duration:1.75s}[data-reveal][data-reveal][data-reveal-delay="1750"],body[data-reveal-delay="1750"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="1750"].reveal-animate,body[data-reveal-delay="1750"] [data-reveal].reveal-animate{transition-delay:1.75s}[data-reveal][data-reveal][data-reveal-duration="1800"],body[data-reveal-duration="1800"] [data-reveal]{transition-duration:1.8s}[data-reveal][data-reveal][data-reveal-delay="1800"],body[data-reveal-delay="1800"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="1800"].reveal-animate,body[data-reveal-delay="1800"] [data-reveal].reveal-animate{transition-delay:1.8s}[data-reveal][data-reveal][data-reveal-duration="1850"],body[data-reveal-duration="1850"] [data-reveal]{transition-duration:1.85s}[data-reveal][data-reveal][data-reveal-delay="1850"],body[data-reveal-delay="1850"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="1850"].reveal-animate,body[data-reveal-delay="1850"] [data-reveal].reveal-animate{transition-delay:1.85s}[data-reveal][data-reveal][data-reveal-duration="1900"],body[data-reveal-duration="1900"] [data-reveal]{transition-duration:1.9s}[data-reveal][data-reveal][data-reveal-delay="1900"],body[data-reveal-delay="1900"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="1900"].reveal-animate,body[data-reveal-delay="1900"] [data-reveal].reveal-animate{transition-delay:1.9s}[data-reveal][data-reveal][data-reveal-duration="1950"],body[data-reveal-duration="1950"] [data-reveal]{transition-duration:1.95s}[data-reveal][data-reveal][data-reveal-delay="1950"],body[data-reveal-delay="1950"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="1950"].reveal-animate,body[data-reveal-delay="1950"] [data-reveal].reveal-animate{transition-delay:1.95s}[data-reveal][data-reveal][data-reveal-duration="2000"],body[data-reveal-duration="2000"] [data-reveal]{transition-duration:2s}[data-reveal][data-reveal][data-reveal-delay="2000"],body[data-reveal-delay="2000"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="2000"].reveal-animate,body[data-reveal-delay="2000"] [data-reveal].reveal-animate{transition-delay:2s}[data-reveal][data-reveal][data-reveal-duration="2050"],body[data-reveal-duration="2050"] [data-reveal]{transition-duration:2.05s}[data-reveal][data-reveal][data-reveal-delay="2050"],body[data-reveal-delay="2050"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="2050"].reveal-animate,body[data-reveal-delay="2050"] [data-reveal].reveal-animate{transition-delay:2.05s}[data-reveal][data-reveal][data-reveal-duration="2100"],body[data-reveal-duration="2100"] [data-reveal]{transition-duration:2.1s}[data-reveal][data-reveal][data-reveal-delay="2100"],body[data-reveal-delay="2100"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="2100"].reveal-animate,body[data-reveal-delay="2100"] [data-reveal].reveal-animate{transition-delay:2.1s}[data-reveal][data-reveal][data-reveal-duration="2150"],body[data-reveal-duration="2150"] [data-reveal]{transition-duration:2.15s}[data-reveal][data-reveal][data-reveal-delay="2150"],body[data-reveal-delay="2150"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="2150"].reveal-animate,body[data-reveal-delay="2150"] [data-reveal].reveal-animate{transition-delay:2.15s}[data-reveal][data-reveal][data-reveal-duration="2200"],body[data-reveal-duration="2200"] [data-reveal]{transition-duration:2.2s}[data-reveal][data-reveal][data-reveal-delay="2200"],body[data-reveal-delay="2200"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="2200"].reveal-animate,body[data-reveal-delay="2200"] [data-reveal].reveal-animate{transition-delay:2.2s}[data-reveal][data-reveal][data-reveal-duration="2250"],body[data-reveal-duration="2250"] [data-reveal]{transition-duration:2.25s}[data-reveal][data-reveal][data-reveal-delay="2250"],body[data-reveal-delay="2250"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="2250"].reveal-animate,body[data-reveal-delay="2250"] [data-reveal].reveal-animate{transition-delay:2.25s}[data-reveal][data-reveal][data-reveal-duration="2300"],body[data-reveal-duration="2300"] [data-reveal]{transition-duration:2.3s}[data-reveal][data-reveal][data-reveal-delay="2300"],body[data-reveal-delay="2300"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="2300"].reveal-animate,body[data-reveal-delay="2300"] [data-reveal].reveal-animate{transition-delay:2.3s}[data-reveal][data-reveal][data-reveal-duration="2350"],body[data-reveal-duration="2350"] [data-reveal]{transition-duration:2.35s}[data-reveal][data-reveal][data-reveal-delay="2350"],body[data-reveal-delay="2350"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="2350"].reveal-animate,body[data-reveal-delay="2350"] [data-reveal].reveal-animate{transition-delay:2.35s}[data-reveal][data-reveal][data-reveal-duration="2400"],body[data-reveal-duration="2400"] [data-reveal]{transition-duration:2.4s}[data-reveal][data-reveal][data-reveal-delay="2400"],body[data-reveal-delay="2400"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="2400"].reveal-animate,body[data-reveal-delay="2400"] [data-reveal].reveal-animate{transition-delay:2.4s}[data-reveal][data-reveal][data-reveal-duration="2450"],body[data-reveal-duration="2450"] [data-reveal]{transition-duration:2.45s}[data-reveal][data-reveal][data-reveal-delay="2450"],body[data-reveal-delay="2450"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="2450"].reveal-animate,body[data-reveal-delay="2450"] [data-reveal].reveal-animate{transition-delay:2.45s}[data-reveal][data-reveal][data-reveal-duration="2500"],body[data-reveal-duration="2500"] [data-reveal]{transition-duration:2.5s}[data-reveal][data-reveal][data-reveal-delay="2500"],body[data-reveal-delay="2500"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="2500"].reveal-animate,body[data-reveal-delay="2500"] [data-reveal].reveal-animate{transition-delay:2.5s}[data-reveal][data-reveal][data-reveal-duration="2550"],body[data-reveal-duration="2550"] [data-reveal]{transition-duration:2.55s}[data-reveal][data-reveal][data-reveal-delay="2550"],body[data-reveal-delay="2550"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="2550"].reveal-animate,body[data-reveal-delay="2550"] [data-reveal].reveal-animate{transition-delay:2.55s}[data-reveal][data-reveal][data-reveal-duration="2600"],body[data-reveal-duration="2600"] [data-reveal]{transition-duration:2.6s}[data-reveal][data-reveal][data-reveal-delay="2600"],body[data-reveal-delay="2600"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="2600"].reveal-animate,body[data-reveal-delay="2600"] [data-reveal].reveal-animate{transition-delay:2.6s}[data-reveal][data-reveal][data-reveal-duration="2650"],body[data-reveal-duration="2650"] [data-reveal]{transition-duration:2.65s}[data-reveal][data-reveal][data-reveal-delay="2650"],body[data-reveal-delay="2650"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="2650"].reveal-animate,body[data-reveal-delay="2650"] [data-reveal].reveal-animate{transition-delay:2.65s}[data-reveal][data-reveal][data-reveal-duration="2700"],body[data-reveal-duration="2700"] [data-reveal]{transition-duration:2.7s}[data-reveal][data-reveal][data-reveal-delay="2700"],body[data-reveal-delay="2700"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="2700"].reveal-animate,body[data-reveal-delay="2700"] [data-reveal].reveal-animate{transition-delay:2.7s}[data-reveal][data-reveal][data-reveal-duration="2750"],body[data-reveal-duration="2750"] [data-reveal]{transition-duration:2.75s}[data-reveal][data-reveal][data-reveal-delay="2750"],body[data-reveal-delay="2750"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="2750"].reveal-animate,body[data-reveal-delay="2750"] [data-reveal].reveal-animate{transition-delay:2.75s}[data-reveal][data-reveal][data-reveal-duration="2800"],body[data-reveal-duration="2800"] [data-reveal]{transition-duration:2.8s}[data-reveal][data-reveal][data-reveal-delay="2800"],body[data-reveal-delay="2800"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="2800"].reveal-animate,body[data-reveal-delay="2800"] [data-reveal].reveal-animate{transition-delay:2.8s}[data-reveal][data-reveal][data-reveal-duration="2850"],body[data-reveal-duration="2850"] [data-reveal]{transition-duration:2.85s}[data-reveal][data-reveal][data-reveal-delay="2850"],body[data-reveal-delay="2850"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="2850"].reveal-animate,body[data-reveal-delay="2850"] [data-reveal].reveal-animate{transition-delay:2.85s}[data-reveal][data-reveal][data-reveal-duration="2900"],body[data-reveal-duration="2900"] [data-reveal]{transition-duration:2.9s}[data-reveal][data-reveal][data-reveal-delay="2900"],body[data-reveal-delay="2900"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="2900"].reveal-animate,body[data-reveal-delay="2900"] [data-reveal].reveal-animate{transition-delay:2.9s}[data-reveal][data-reveal][data-reveal-duration="2950"],body[data-reveal-duration="2950"] [data-reveal]{transition-duration:2.95s}[data-reveal][data-reveal][data-reveal-delay="2950"],body[data-reveal-delay="2950"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="2950"].reveal-animate,body[data-reveal-delay="2950"] [data-reveal].reveal-animate{transition-delay:2.95s}[data-reveal][data-reveal][data-reveal-duration="3000"],body[data-reveal-duration="3000"] [data-reveal]{transition-duration:3s}[data-reveal][data-reveal][data-reveal-delay="3000"],body[data-reveal-delay="3000"] [data-reveal]{transition-delay:0}[data-reveal][data-reveal][data-reveal-delay="3000"].reveal-animate,body[data-reveal-delay="3000"] [data-reveal].reveal-animate{transition-delay:3s}[data-reveal][data-reveal][data-reveal-easing=linear],body[data-reveal-easing=linear] [data-reveal]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-reveal][data-reveal][data-reveal-easing=ease],body[data-reveal-easing=ease] [data-reveal]{transition-timing-function:ease}[data-reveal][data-reveal][data-reveal-easing=ease-in],body[data-reveal-easing=ease-in] [data-reveal]{transition-timing-function:ease-in}[data-reveal][data-reveal][data-reveal-easing=ease-out],body[data-reveal-easing=ease-out] [data-reveal]{transition-timing-function:ease-out}[data-reveal][data-reveal][data-reveal-easing=ease-in-out],body[data-reveal-easing=ease-in-out] [data-reveal]{transition-timing-function:ease-in-out}[data-reveal][data-reveal][data-reveal-easing=ease-in-back],body[data-reveal-easing=ease-in-back] [data-reveal]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-reveal][data-reveal][data-reveal-easing=ease-out-back],body[data-reveal-easing=ease-out-back] [data-reveal]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-reveal][data-reveal][data-reveal-easing=ease-in-out-back],body[data-reveal-easing=ease-in-out-back] [data-reveal]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-reveal][data-reveal][data-reveal-easing=ease-in-sine],body[data-reveal-easing=ease-in-sine] [data-reveal]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-reveal][data-reveal][data-reveal-easing=ease-out-sine],body[data-reveal-easing=ease-out-sine] [data-reveal]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-reveal][data-reveal][data-reveal-easing=ease-in-out-sine],body[data-reveal-easing=ease-in-out-sine] [data-reveal]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-reveal][data-reveal][data-reveal-easing=ease-in-quad],body[data-reveal-easing=ease-in-quad] [data-reveal]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-reveal][data-reveal][data-reveal-easing=ease-out-quad],body[data-reveal-easing=ease-out-quad] [data-reveal]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-reveal][data-reveal][data-reveal-easing=ease-in-out-quad],body[data-reveal-easing=ease-in-out-quad] [data-reveal]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-reveal][data-reveal][data-reveal-easing=ease-in-cubic],body[data-reveal-easing=ease-in-cubic] [data-reveal]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-reveal][data-reveal][data-reveal-easing=ease-out-cubic],body[data-reveal-easing=ease-out-cubic] [data-reveal]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-reveal][data-reveal][data-reveal-easing=ease-in-out-cubic],body[data-reveal-easing=ease-in-out-cubic] [data-reveal]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-reveal][data-reveal][data-reveal-easing=ease-in-quart],body[data-reveal-easing=ease-in-quart] [data-reveal]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-reveal][data-reveal][data-reveal-easing=ease-out-quart],body[data-reveal-easing=ease-out-quart] [data-reveal]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-reveal][data-reveal][data-reveal-easing=ease-in-out-quart],body[data-reveal-easing=ease-in-out-quart] [data-reveal]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-reveal^=fade][data-reveal^=fade]{opacity:0;transition-property:opacity,transform}[data-reveal^=fade][data-reveal^=fade].reveal-animate{opacity:1;transform:translateZ(0)}[data-reveal=fade-up]{transform:translate3d(0,100px,0)}[data-reveal=fade-up-small]{transform:translate3d(0,50px,0)}[data-reveal=fade-up-xsmall]{transform:translate3d(0,25px,0)}[data-reveal=fade-down]{transform:translate3d(0,-100px,0)}[data-reveal=fade-right]{transform:translate3d(-100px,0,0)}[data-reveal=fade-left]{transform:translate3d(100px,0,0)}[data-reveal=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-reveal=fade-up-left]{transform:translate3d(100px,100px,0)}[data-reveal=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-reveal=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-reveal^=zoom][data-reveal^=zoom]{opacity:0;transition-property:opacity,transform}[data-reveal^=zoom][data-reveal^=zoom].reveal-animate{opacity:1;transform:translateZ(0) scale(1)}[data-reveal=zoom-in]{transform:scale(.6)}[data-reveal=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-reveal=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-reveal=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-reveal=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-reveal=zoom-out]{transform:scale(1.2)}[data-reveal=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-reveal=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-reveal=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-reveal=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-reveal^=slide][data-reveal^=slide]{transition-property:transform}[data-reveal^=slide][data-reveal^=slide].reveal-animate{transform:translateZ(0)}[data-reveal=slide-up]{transform:translate3d(0,100%,0)}[data-reveal=slide-down]{transform:translate3d(0,-100%,0)}[data-reveal=slide-right]{transform:translate3d(-100%,0,0)}[data-reveal=slide-left]{transform:translate3d(100%,0,0)}[data-reveal^=flip][data-reveal^=flip]{backface-visibility:hidden;transition-property:transform}[data-reveal=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-reveal=flip-left].reveal-animate{transform:perspective(2500px) rotateY(0)}[data-reveal=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-reveal=flip-right].reveal-animate{transform:perspective(2500px) rotateY(0)}[data-reveal=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-reveal=flip-up].reveal-animate{transform:perspective(2500px) rotateX(0)}[data-reveal=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-reveal=flip-down].reveal-animate{transform:perspective(2500px) rotateX(0)} } /******************************************************************************** --- Template - Page Elements --- *********************************************************************************/ /*-----------Titles-----------*/ h1, h2, h3, h4, h5, h6 {font-family:'Montserrat',sans-serif; line-height: 1.2; font-weight:500; font-style: normal; margin: 0 0 0.833em 0; color: #000018;} h1, .h1 {font-size: 2.053rem; line-height: 1.25; } h2, .h2 {font-size: 1.632rem;} h3, .h3 {font-size: 1.316rem;} h4, .h4 {font-size: 1.25rem; font-weight: 500;} h5, .h5 {font-size: 1.125rem; font-weight: 500;} h6, .h6 {font-size: 1rem; font-weight: 500;} .page-headline {font-size: 3.421rem;} .subheader {text-transform: none; margin-top: -0.6em} .headings {padding:1.25rem 0 0 0; position:relative;} .headings:before {content:""; display:block; position:absolute; top:0; left:0; width:6.25rem; height:3px; background:#00B7CB;} .headings--centered {text-align: center;} .headings--centered:before {left: 50%; margin-left: -3.125rem;} /*-----------Branding Colors-----------*/ .white {color: #fff;} .dark-blue {color:#000018} .bg-dark-blue {background-color: #000018;} .blue {color: #00B7CB} .bg-blue {background-color: #00B7CB} .cerulean {color:#006F91} .bg-cerulean {background-color: #006F91;} .dark-gray {color:#333} .bg-dark-gray {background-color: #333;} .gray {color:#848c8d;} .bg-gray {background-color: #848c8d;;} .light-gray {color:#F7F9FB} .bg-light-gray {background-color: #F7F9FB;} .bg-gray-gradient {background-image: linear-gradient(to bottom, #f2f5fa, #ffffff 87%);} .negative-margin {margin-top: -4.25rem;} /*-----------Lists-----------*/ .list-reset { list-style: none; padding: 0; margin: 0; } ul, ol { margin: 0 0 1.000em 1.778em; padding: 0; } ol, li { line-height: 1.5; } ol { counter-reset: section; list-style-type: none; margin: 0 0 1.000em 0; padding: 0; } ol li { counter-increment: section; position: relative; padding: 0 0 0 1.125em; margin-bottom: 1.250em; } ol li:before { font-weight: 700; content: counters(section, ".") "."; display: inline-block; color:#00B7CB; margin-right: 0.5em; } ol ol { margin: 1.778em 0; } ol ol li { font-size: 0.875em; } ol ol li { padding-left: 2.1429em; } ul.bullets, ul.checkmarks { list-style: none; margin: 0 0 1.000em 0; padding: 0; overflow: hidden; } ul.bullets li, ul.checkmarks li { list-style: none; margin: 0 0 1.125em 0; padding: 0 0 0 1.250em; position: relative; } ul.bullets li:before, ul.checkmarks li:before { font-family: 'CD-Project-Icons'; display: block; position: absolute; top: 0; left: 0; color:#00B7CB; } ul.bullets li:before { font-size: 1em; content: "\e915"; top: -0.0625em;} ul.checkmarks li:before { font-size: 1em; content: "\e94b"; top: -0.0625em;} ul.bullets ul, ul.checkmarks ul { margin: 1.250em 0 0 0.667em; } .article { font-size: 1.125rem; } .article p {line-height: 2;} .article h1, .article h2, .article h3, .article h4, .article h5, .article h6 { margin: 1.750em 0 1.25rem; } /*-----------Paragraphs-----------*/ p { margin: 0 0 1.500em 0; line-height:1.6; } .lead { font-size: 1.3125rem; font-weight: 300; line-height:1.6;} /*-----------Links-----------*/ a { color:#00B7CB; text-decoration: none; -webkit-transition: color 300ms ease-out; transition: color 300ms ease-out; } a:hover {color:#929497; text-decoration: none; cursor: pointer; } /*-----------Images-----------*/ img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle; } img.aligntop { margin: 0 0 1.000em 0; } img.alignleft, img.alignright {max-width:35%; margin-top:0.333em; margin-bottom:0.333em} img.alignleft { float: left; margin-right:1.389em;} img.alignright { float: right; margin-left:1.389em;} img.border { border: 1px solid #E8E8E8; padding:0.278em; background: #fff;} .wp-caption.aligncenter, img.aligncenter {margin: 0 auto;text-align: center;} img.aligncenter {display: block;} /*-----------Alignment-----------*/ .flex {display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex;} .flex-center {-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .flex-bottom {-webkit-box-align: flex-end;-moz-box-align: flex-end;-ms-flex-align: flex-end;-webkit-align-items: flex-end;align-items: flex-end;} /*-----------Zoom Images-----------*/ .zoom-trigger {overflow: hidden;} .zoom-trigger:hover .zoom-img {-webkit-transform: translate3d(0,0,0) scale(1.05); transform: translate3d(0,0,0) scale(1.05);} .zoom-img { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 2s cubic-bezier(0.215, 0.61, 0.355, 1); transition: -webkit-transform 2s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 2s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 2s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 2s cubic-bezier(0.215, 0.61, 0.355, 1); will-change: transform; } /*-----------Background Image Overlay-----------*/ .bg-overlay {position: relative;} .bg-overlay::before, .bg-overlay::after {position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .bg-overlay::before, .bg-overlay::after {content: ""; display: block; } .bg-overlay::before {background: linear-gradient(to right, rgba(0,183,203,0.25) 0%,rgba(0,183,203,0) 100%);} .bg-overlay::after {height:100%; background: rgba(0,0,24,0.15)} /*-----------Background Image Positioning-----------*/ .bg-position-tr {background-position: top right!important;} .bg-position-tc {background-position: top center!important;} /*-----------Aligning-----------*/ .left-align { text-align: left } .center { text-align: center } .right-align { text-align: right } .left, .alignleft { float: left } .right, .alignright { float: right } .wp-caption {max-width: 100%;} .wp-caption img {margin-bottom: 0.625em;} .wp-caption p {font-size: 0.8125em; line-height: 1.4;} /*-----------Misc Typography-----------*/ .montserrat {font-family: 'Montserrat', sans-serif;} .small { font-size:1rem; font-weight: 700; } .light {font-weight:300;} .regular { font-weight:400; } .semi-bold {font-weight: 500;} .bold { font-weight:700; } .italic { font-style: italic } .caps { text-transform: uppercase;} .regular-case {text-transform: none;} .justify { text-align: justify } .nowrap { white-space: nowrap } .break-word { word-wrap: break-word } .truncate { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .t1 {font-size: 0.8125rem;} .t2 {font-size:0.875rem} .t3 {font-size:1.000rem} .t4 {font-size:1.1875rem} .t5 {font-size:1.3125rem} .t6 {font-size:1.5625rem} .t7 {font-size:1.9375rem} .t8 {font-size:2.4375rem} .t6,.t7 {line-height:1.2} .t8 {line-height:1.125} /*-----------Spacing-----------*/ .mx-auto { margin-left: auto; margin-right: auto; } .m0 { margin: 0 } .mt0 { margin-top: 0 } .mt1 { margin-top: 0.313rem } .mt2 { margin-top: 0.625rem } .mt3 { margin-top: 0.938rem } .mt4 { margin-top: 1.250rem } .mt5 { margin-top: 1.563rem } .mt6 { margin-top: 1.875rem } .mt7 { margin-top: 2.500rem } .mt8 { margin-top: 3.125rem } .mt9 { margin-top: 3.750rem } .mt10 { margin-top: 5.000rem } .mt11 { margin-top: 6.250rem } .mt12 { margin-top: 8.750rem } .mb0 { margin-bottom: 0 } .mb1 { margin-bottom: 0.313rem } .mb2 { margin-bottom: 0.625rem } .mb3 { margin-bottom: 0.938rem } .mb4 { margin-bottom: 1.250rem } .mb5 { margin-bottom: 1.563rem } .mb6 { margin-bottom: 1.875rem } .mb7 { margin-bottom: 2.500rem } .mb8 { margin-bottom: 3.125rem } .mb9 { margin-bottom: 3.750rem } .mb10 { margin-bottom: 5.000rem } .mb11 { margin-bottom: 6.250rem } .mb12 { margin-bottom: 8.750rem } .p0 { padding: 0 } .pt0 { padding-top: 0 } .pt1 { padding-top: 0.313rem } .pt2 { padding-top: 0.625rem } .pt3 { padding-top: 0.938rem } .pt4 { padding-top: 1.250rem } .pt5 { padding-top: 1.563rem } .pt6 { padding-top: 1.875rem } .pt7 { padding-top: 2.500rem } .pt8 { padding-top: 3.125rem } .pt9 { padding-top: 3.750rem } .pt10 { padding-top: 5.000rem } .pt11 { padding-top: 6.250rem } .pt12 { padding-top: 8.750rem } .pb0 { padding-bottom: 0 } .pb1 { padding-bottom: 0.313rem } .pb2 { padding-bottom: 0.625rem } .pb3 { padding-bottom: 0.938rem } .pb4 { padding-bottom: 1.250rem } .pb5 { padding-bottom: 1.563rem } .pb6 { padding-bottom: 1.875rem } .pb7 { padding-bottom: 2.500rem } .pb8 { padding-bottom: 3.125rem } .pb9 { padding-bottom: 3.750rem } .pb10 { padding-bottom: 5.000rem } .pb11 { padding-bottom: 6.250rem } .pb12 { padding-bottom: 8.750rem } /*-----------Borders and Rounding-----------*/ .border { border-style: solid; border-width: 1px; border-color:#E8E8E8; } .border-top { border-top-style: solid; border-top-width: 1px; border-top-color:#E8E8E8; } .border-right { border-right-style: solid; border-right-width: 1px; border-right-color:#E8E8E8; } .border-bottom { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#E8E8E8; } .border-left { border-left-style: solid; border-left-width: 1px; border-left-color:#E8E8E8; } .border-none { border: 0 } .rounded { border-radius: 3px } .circle { border-radius: 50% } .rounded-top { border-radius: 3px 3px 0 0 } .rounded-right { border-radius: 0 3px 3px 0 } .rounded-bottom { border-radius: 0 0 3px 3px } .rounded-left { border-radius: 3px 0 0 3px } .not-rounded { border-radius: 0 } /*-----------Labels-----------*/ .label {font-size: 0.875rem; font-weight: 600; text-transform: uppercase; color: #00B7CB; line-height: 1.2; letter-spacing: 1.2px; display: inline-block; margin: 0;} .label--secondary {color: #000018; } .label--tertiary {color: #929497;} .label--spacing {margin: 0 0.909em;} .label--mb {margin-bottom: 0.8333em} /*-----------Blockquotes-----------*/ blockquote {margin: 0 0 1.389em 0; padding:0 0 0 2.5em;; position:relative; border-left: 3px solid #00B7CB} blockquote .quote {line-height: 1.7; margin:0 0 1.000em 0;} blockquote .quote p {font-size: 1.1875em; line-height: 1.8;} blockquote .cite {font-weight: 700; } blockquote .cite span {font-size:0.857em; font-weight: 400; margin: 0 0 0 0.389em } blockquote :last-child { margin: 0; } /*-----------Divider-----------*/ hr { border: none; height: 1px; background: #E8E8E8; clear: both; margin: 1.389em 0; } /*-----------Responsive Embed-----------*/ .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed, .embed-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .embed-container video {background-color:#000018; } /*-----------Buttons-----------*/ .button, .rcp-button {font-size: 0.842rem; font-weight: 500;cursor: pointer; line-height: 1; border: 2px solid transparent; border-radius: 6.6667em; margin: 0 0 1.111em 0; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; display: inline-block; padding: 0.842rem 1.43rem; transition: all 200ms ease; color: #fff; background-color: #00B7CB;} body:not(.user-is-tabbing) .button {outline: none;} .button:hover, .button:focus {color: #ffffff; background-color: #04c9df;} .button.secondary {background-color: #006F91;} .button.secondary:hover, .button.secondary:focus {background-color: #0580a5;} .button.tertiary {background-color: #929497;} .button.tertiary:hover, .button.tertiary:focus {background-color: #7f8184;} .button.stroke {background-color: transparent; border-color:#00B7CB; color: #00B7CB;} .button.stroke:hover {background-color:#00B7CB; color: #fff;} .button.secondary.stroke {border-color:#006F91; color: #006F91;} .button.secondary.stroke:hover {background-color:#006F91; color: #fff;} .button.tertiary.stroke {border-color:#929497; color: #929497;} .button.tertiary.stroke:hover {background-color:#929497; color: #fff;} .button-link {display: inline-flex;align-items: center;position: relative;color: #000018;font-weight: 500;font-size: 0.842rem;margin-top: 1rem;padding-left:2.389rem;} .button-link:before {} .button-link:after {content:'';position: absolute;top:-12px;left: -25px;background-image: url(assets/images/icons/white-gradient-arrow.svg);background-repeat: no-repeat;background-size: contain;height: 47px;width: 47px;} .button-link.button-link--black:after {background-image: url(assets/images/icons/black-gradient-arrow.svg);} .button-link:hover {color: #00B7CB;} .button.large {font-size: 1rem; padding: 1.375em 3.75em;} .button.tiny {font-size: 0.8125em; padding-right: 1.9231em; padding-left: 1.9231em;} .button.expand {padding-right: 0; padding-left: 0; width: 100%;} .button.wide {padding-left: 3.333em; padding-right: 3.333em;} button.reset {border: none; background: none; cursor: pointer; font-weight: normal; text-decoration: none; -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0;} .button-innoviz.stroke {color: #fff;} .button-innoviz--dark.stroke {color: #000018} .button-innoviz.stroke .iris-blue {transition: color 250ms ease} .button-innoviz.stroke:hover .iris-blue {color: #fff;} @media only screen and (max-width: 800px) { .button-link:after {width: 40px;height: 40px;} } /*-----------Text Buttons-----------*/ .text-button {font-size: 0.875rem; text-transform: uppercase; font-weight: 600; line-height: 1.2; margin: 0 0 1.111em 0; padding: 0 0 0.250em 0; display: inline-block; color: #00B7CB; border-bottom: 2px solid #00B7CB; transition: all 250ms ease;} .text-button:hover {color: #929497; border-color: #929497;} .text-button.secondary {color: #006F91; border-color: #006F91;} .text-button.secondary:hover {color: #929497; border-color: #929497;} .text-button.tertiary {color: #929497; border-color: #929497;} .text-button.tertiary:hover {color: #00B7CB; border-color: #00B7CB;} .text-button.tiny {font-size: 0.875rem; text-transform: uppercase;} .text-button .innoviz-text {text-transform: none; color: #000018; transition: color 250ms ease} .text-button .innoviz-text span {text-transform: uppercase; color: #00B7CB; transition: color 250ms ease} .text-button:hover .innoviz-text, .text-button:hover .innoviz-text span {color: #929497} @media only screen and (max-width: 1023px) { .mt5 { margin-top: 1.250rem } .mt6 { margin-top: 1.563rem } .mt7 { margin-top: 2.188rem } .mt8 { margin-top: 2.813rem } .mt9 { margin-top: 3.125rem } .mt10 { margin-top: 4.375rem } .mt11 { margin-top: 5.625rem } .mt12 { margin-top: 7.500rem } .mb5 { margin-bottom: 1.250rem } .mb6 { margin-bottom: 1.563rem } .mb7 { margin-bottom: 2.188rem } .mb8 { margin-bottom: 2.813rem } .mb9 { margin-bottom: 3.125rem } .mb10 { margin-bottom: 4.375rem } .mb11 { margin-bottom: 5.625rem } .mb12 { margin-bottom: 7.500rem } .pt5 { padding-top: 1.250rem } .pt6 { padding-top: 1.563rem } .pt7 { padding-top: 2.188rem } .pt8 { padding-top: 2.813rem } .pt9 { padding-top: 3.125rem } .pt10 { padding-top: 4.375rem } .pt11 { padding-top: 5.625rem } .pt12 { padding-top: 7.500rem } .pb5 { padding-bottom: 1.250rem } .pb6 { padding-bottom: 1.563rem } .pb7 { padding-bottom: 2.188rem } .pb8 { padding-bottom: 2.813rem } .pb9 { padding-bottom: 3.125rem } .pb10 { padding-bottom: 4.375rem } .pb11 { padding-bottom: 5.625rem } .pb12 { padding-bottom: 7.500rem } } @media only screen and (max-width: 800px) { .mt5 { margin-top: 1.125rem } .mt6 { margin-top: 1.375rem } .mt7 { margin-top: 1.875rem } .mt8 { margin-top: 2.500rem } .mt9 { margin-top: 2.813rem } .mt10 { margin-top: 3.750rem } .mt11 { margin-top: 5.000rem } .mt12 { margin-top: 6.250rem } .mb5 { margin-bottom: 1.125rem } .mb6 { margin-bottom: 1.375rem } .mb7 { margin-bottom: 1.875rem } .mb8 { margin-bottom: 2.500rem } .mb9 { margin-bottom: 2.813rem } .mb10 { margin-bottom: 3.750rem } .mb11 { margin-bottom: 5.000rem } .mb12 { margin-bottom: 6.250rem } .pt5 { padding-top: 1.125rem } .pt6 { padding-top: 1.375rem } .pt7 { padding-top: 1.875rem } .pt8 { padding-top: 2.500rem } .pt9 { padding-top: 2.813rem } .pt10 { padding-top: 3.750rem } .pt11 { padding-top: 5.000rem } .pt12 { padding-top: 6.250rem } .pb5 { padding-bottom: 1.125rem } .pb6 { padding-bottom: 1.375rem } .pb7 { padding-bottom: 1.875rem } .pb8 { padding-bottom: 2.500rem } .pb9 { padding-bottom: 2.813rem } .pb10 { padding-bottom: 3.750rem } .pb11 { padding-bottom: 5.000rem } .pb12 { padding-bottom: 6.250rem } } @media only screen and (max-width: 479px) { h1, .h1 {font-size: 2.125rem; line-height: 1.2; } h2, .h2 {font-size: 1.6875rem;} h3, .h3 {font-size: 1.3125rem;} .mt5 { margin-top: 1.000rem } .mt6 { margin-top: 1.250rem } .mt7 { margin-top: 1.625rem } .mt8 { margin-top: 2.188rem } .mt9 { margin-top: 2.500rem } .mt10 { margin-top: 3.125rem } .mt11 { margin-top: 4.375rem } .mt12 { margin-top: 5.000rem } .mb5 { margin-bottom: 1.000rem } .mb6 { margin-bottom: 1.250rem } .mb7 { margin-bottom: 1.625rem } .mb8 { margin-bottom: 2.188rem } .mb9 { margin-bottom: 2.500rem } .mb10 { margin-bottom: 3.125rem } .mb11 { margin-bottom: 4.375rem } .mb12 { margin-bottom: 5.000rem } .pt5 { padding-top: 1.000rem } .pt6 { padding-top: 1.250rem } .pt7 { padding-top: 1.625rem } .pt8 { padding-top: 2.188rem } .pt9 { padding-top: 2.500rem } .pt10 { padding-top: 3.125rem } .pt11 { padding-top: 4.375rem } .pt12 { padding-top: 5.000rem } .pb5 { padding-bottom: 1.000rem } .pb6 { padding-bottom: 1.250rem } .pb7 { padding-bottom: 1.625rem } .pb8 { padding-bottom: 2.188rem } .pb9 { padding-bottom: 2.500rem } .pb10 { padding-bottom: 3.125rem } .pb11 { padding-bottom: 4.375rem } .pb12 { padding-bottom: 5.000rem } } @media only screen and (max-width: 375px) { /*-----------Images-----------*/ img.alignleft, img.alignright {float:none; margin-top:0; margin-right:auto; margin-left:auto; display:block; max-width:100%;} /*----------Buttons-----------*/ .button {display:block; width:100%;} } /******************************************************************************** --- Form Styling --- *********************************************************************************/ /*-----------Standard Forms-----------*/ form { margin: 0; } /*-----------Label Styles-----------*/ label { cursor: pointer; display: block; margin: 0; font-weight:500;color: #000018;font-size: 0.842rem;} .gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label, .gform_wrapper .top_label .gfield_label {font-size: 0.942rem;font-weight: 500;} /*-----------Required-----------*/ .req { color:#f73737; font-weight: 700;} .gform_wrapper ul li.gfield.field_sublabel_above.field_description_below+li.gfield, .gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half {margin-top: 20px!important;} /*-----------styling on all basic form elements-----------*/ input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {font-size: 1.000rem; -webkit-appearance: none; background-color: #fff; border: 1px solid rgba(146, 148, 151, 0.50); color: #000018; display: block; margin: 0 0 1.000em 0; padding: 0.5em 0.9375em; height: 3.25em; width: 100%; transition: border linear 0.2s; border-radius: 3px; font-weight:normal;text-indent:12px;border-radius: 2.2105rem;} /*-----------styling on all basic form focus elements-----------*/ input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus, select:focus {border-color: #00B7CB; outline:none;} body.user-is-tabbing input[type="text"]:focus, body.user-is-tabbing input[type="password"]:focus, body.user-is-tabbing input[type="date"]:focus, body.user-is-tabbing input[type="datetime"]:focus, body.user-is-tabbing input[type="datetime-local"]:focus, body.user-is-tabbing input[type="month"]:focus, body.user-is-tabbing input[type="week"]:focus, body.user-is-tabbing input[type="email"]:focus, body.user-is-tabbing input[type="number"]:focus, body.user-is-tabbing input[type="search"]:focus, body.user-is-tabbing input[type="tel"]:focus, body.user-is-tabbing input[type="time"]:focus, body.user-is-tabbing input[type="url"]:focus, body.user-is-tabbing textarea:focus, body.user-is-tabbing select:focus {border: none; outline: auto; outline: 2px solid #7aacfe !important; /* for non-webkit browsers */ outline: 5px auto -webkit-focus-ring-color !important;} /*-----------styling on all basic form disabled elements-----------*/ input[type="text"][disabled], fieldset[disabled] input[type="text"], input[type="password"][disabled], fieldset[disabled] input[type="password"], input[type="date"][disabled], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], fieldset[disabled] input[type="month"], input[type="week"][disabled], fieldset[disabled] input[type="week"], input[type="email"][disabled], fieldset[disabled] input[type="email"], input[type="number"][disabled], fieldset[disabled] input[type="number"], input[type="search"][disabled], fieldset[disabled] input[type="search"], input[type="tel"][disabled], fieldset[disabled] input[type="tel"], input[type="time"][disabled], fieldset[disabled] input[type="time"], input[type="url"][disabled], fieldset[disabled] input[type="url"], textarea[disabled], fieldset[disabled] textarea { background-color: #E8E8E8; } /*-----------input submit-----------*/ input[type="submit"] { -webkit-appearance: none; } /*-----------textarea-----------*/ textarea { min-height: 6.944em; padding-top: 0.9375em; padding-bottom: 0.9375em; resize: none; max-width: 100%; text-indent: 20px;} textarea[rows] { height: auto; } /*-----------select-----------*/ select { -webkit-appearance: none !important; background-color: #fff; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCAxMCA2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPHRpdGxlPkljb248L3RpdGxlPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggZD0iTTEyLjY2NjY2NjcsNi42NjY2NjY2NyBDMTIuNjY2NjY2Nyw2Ljg2NjY2NjY3IDEyLjYsNyAxMi40NjY2NjY3LDcuMTMzMzMzMzMgTDguNDY2NjY2NjcsMTEuMTMzMzMzMyBDOC4yLDExLjQgNy44LDExLjQgNy41MzMzMzMzMywxMS4xMzMzMzMzIEwzLjUzMzMzMzMzLDcuMTMzMzMzMzMgQzMuMjY2NjY2NjcsNi44NjY2NjY2NyAzLjI2NjY2NjY3LDYuNDY2NjY2NjcgMy41MzMzMzMzMyw2LjIgQzMuOCw1LjkzMzMzMzMzIDQuMiw1LjkzMzMzMzMzIDQuNDY2NjY2NjcsNi4yIEw4LDkuNzMzMzMzMzMgTDExLjUzMzMzMzMsNi4yIEMxMS44LDUuOTMzMzMzMzMgMTIuMiw1LjkzMzMzMzMzIDEyLjQ2NjY2NjcsNi4yIEMxMi42LDYuMzMzMzMzMzMgMTIuNjY2NjY2Nyw2LjQ2NjY2NjY3IDEyLjY2NjY2NjcsNi42NjY2NjY2NyBaIiBpZD0icGF0aC0xIj48L3BhdGg+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iRGVzaWduLVIzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQ2FyZWVycy0tLUQtRmluYWwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MTQuMDAwMDAwLCAtOTY2LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0ib3BlbmluZ3MiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2MC4wMDAwMDAsIDg1NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJmaWx0ZXJzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNDguMDAwMDAwLCA5MC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iQnV0dG9uL01lZGl1bS9JY29uLVJpZ2h0LSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJCdXR0b24vUHJpbWFyeS9EZWZhdWx0Ij4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJJY29uL2FuZ2xlLWRvd24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwMy4wMDAwMDAsIDE1LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImFuZ2xlLWRvd24iIGZpbGwtcnVsZT0ibm9uemVybyI+PC9nPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJDb2xvci9QcmltYXJ5IiBtYXNrPSJ1cmwoI21hc2stMikiIGZpbGw9IiMwMEI3Q0IiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJGaWxsL1ByaW1hcnkiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); background-position: 93% center; background-repeat: no-repeat; line-height: normal; height: 3.25em; } :-moz-any(select) {background-image:none;} select::-ms-expand {display: none;} /*-----------other form elements-----------*/ input[type="file"], input[type="checkbox"], input[type="radio"] { margin: 0 0 1.000em 0; } input[type="checkbox"] + label, input[type="radio"] + label { display: inline-block; margin-left: 0.444em; margin-right: 0.889em; margin-bottom: 0; vertical-align: baseline; } .input-radio, .input-checkbox {vertical-align:top; margin:0.444em 0; line-height:1.2;} .input-radio input[type="radio"], .input-checkbox input[type="checkbox"] {width:18px; height:18px; margin:0 0.222em 0 0; padding:0;} /*-----------Normalize file input width-----------*/ input[type="file"] { width: 100%; } /*-----------We add basic fieldset styling-----------*/ fieldset { border: 1px solid rgba(146, 148, 151, 0.50); border-radius: 3px; padding: 1.111em; margin: 1.000em 0; } fieldset legend { font-weight: 700; background: white; padding: 0 0.167em; margin: 0; margin-left: -0.167em; } /*-----------Custom replaced checkbox, radio, switch-----------*/ .checkbox, .radio, .switch {margin: 1.000em 0; } .checkbox label, .radio label {font-size: 0.875em; text-transform: none; font-weight: 400; line-height: 1.4;} .checkbox *, .radio * { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .checkbox input, .radio input { opacity: 0; margin: 0; outline: none;} .checkbox span, .radio span { position: relative; display: inline-block; margin-left: -1.067em; vertical-align: middle; text-align: center; width: 1.067em; height: 1.067em; line-height: 0.8571em; background: #fff; border: 1px solid #E8E8E8; } .checkbox span {border-radius: 2px; } .radio span { border-radius: 1.067em; } .checkbox:hover span, .radio:hover span { border-color: #00B7CB; } .checkbox span:before, .radio span:before {content: ""; display: inline-block; vertical-align: middle; opacity: 0; color: #00B7CB; line-height: 1; transition: all 250ms ease; } .checkbox span:before {font-size: 0.667em; content: "\e94b"; font-family: 'CD-Project-Icons';} .radio span:before {width: 0.6875em; height: 0.6875em; border-radius: 0.6875em; background-color: #00B7CB;} .checkbox input[type=checkbox]:checked + span, .radio input[type=radio]:checked + span { border-color: #00B7CB; background-color: #00B7CB; } .radio input[type=radio]:checked + span { background-color: #fff; } .checkbox input[type=checkbox]:checked + span:before, .radio input[type=radio]:checked + span:before { color: #fff; opacity: 1;} .checkbox input[type=checkbox]:disabled + span, .radio input[type=radio]:disabled + span { border-color: #E8E8E8 !important; background-color: #E8E8E8 !important; } .radio input[type=radio]:checked:focus + span:before { background-color: #00B7CB;} .radio input[type=radio]:checked:focus + span { border-color: #000018; background-color: #fff; } .checkbox input[type=checkbox]:checked:focus + span, .switch input[type=checkbox]:checked:focus + span {background-color: #00B7CB;} /* --- SWITCH --- */ .switch * { cursor: pointer; } .switch input { opacity: 0; position: absolute; z-index: -1; } .switch span { position: relative; display: inline-block; width: 58px; height: 30px; background-color: #fff; border: 1px solid #E8E8E8; border-radius: 100px; transition: all .5s; box-shadow: 1px 2px 3px rgba(0,0,0,0.1) inset; } .switch span:after { content: ""; position: absolute; background-color: #fff; top: 0; left: 0; height: 28px; width: 28px; border: 1px solid #E8E8E8; border-radius: 400px; box-shadow: 1px 1px 3px rgba(0,0,0,0.1); -webkit-transition: all .2s; } .switch input:checked + span { background-color: #00B7CB; border-color: #00B7CB; transition: all .5s; } .switch input:checked + span:after { left: 50%; transition: all .2s; } /*-----------Error Validation-----------*/ form small.form-error {font-size: 0.667rem; background: #00B7CB; color: #fff; padding: 0.222rem 0.333rem; font-weight: 500; margin: -1.000rem 0 0.556rem 0; display: block; } /*-----------Success Container-----------*/ .success-container {display: none; text-align: center; margin-top: 5em; margin-bottom: 5em;} .success-container__icon {font-size:7.5em; line-height: 1; color: #00B7CB} .success-container p {font-size: 1.125em;} /*-----------Disabled Button-----------*/ .button[disabled], .button.disabled, .button[disabled]:hover, .button.disabled:hover {background:#f2f2f2; color:#000018; cursor:default; text-shadow:none;} /*-----------Form Notice Text-----------*/ .notice-text {font-size: 0.625em} .side-module__addr .footer__locs-label, .side-module__addr .footer__loc li.footer__phone a, .side-module__addr .footer__support-label {color: #000018;} /******************************************************************************** --- Accordion --- *********************************************************************************/ .accordion {font-size:1.000rem; margin: 0 0 1.667em; border-bottom: 1px solid #E8E8E8;} .accordion dt {border-top: 1px solid #E8E8E8; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; padding:1.611em 3.522em 1.611em 0; margin: 0; position:relative; font-weight:500;color: #000018;} .accordion dt:after { content:'';position: absolute;top:50%;margin-top: -23.5px;right: -5px;background-image: url(assets/images/icons/black-gradient-arrow.svg);background-repeat: no-repeat;background-size: contain;height: 47px;width: 47px;transform: rotate(90deg);} .accordion dt.accordion-active:after { transform:rotate(270deg);} .accordion .show-more {position: absolute;left: 0;font-size: .8rem;top: 50%;margin-top: -12px;} .accordion__people.accordion dt {border-top: none;padding: 2.611em 3.522em 1.611em 0;width: 200px;} .accordion__people.accordion dt:after {left: 6rem;margin-top: -25.5px;} .accordion dd { display: none; padding: 1.111em 0 1.111em; margin: 0; } body.user-is-tabbing .accordion dt:focus { margin-left: -1rem; margin-right: -1rem; padding-left: 1rem; padding-right: 3.22rem; } body.user-is-tabbing .accordion dt:focus:after { right:1rem; } body:not(.user-is-tabbing) .accordion dt:focus { outline: none; } .accordion--component {background: #fff; border-radius: 6px; border-bottom: none; box-shadow: 0px 16px 16px rgba(0, 0, 24, 0.03); overflow: hidden;} .accordion--component dt {font-size: 1.1875em; padding: 1.0526em 3.1579em 1.0526em 1.5789em;} .accordion--component dt:after {right: 1.0526em} .accordion--component dt:first-child {border-top: none;} .accordion--component dd {padding: 1.875em;} /******************************************************************************** --- Responsive Tabs --- *********************************************************************************/ /*-----------Universal Tabs-----------*/ .resp-tabs-list {list-style:none; margin: 0; padding: 0;} .resp-tabs-list li {display: inline-block; margin: 0; padding:0; cursor: pointer; float: left; background-color: #f7f9fb; color: #848c8d; } .resp-tabs-list li.resp-tab-active { background: #f7f9fb; font-weight: 500; color:#29333f; position: relative; } .resp-tabs-container {padding: 0; background-color: #fff; clear: left;} .resp-content-active, .resp-accordion-active, .resp-tab-content-active { display: block; } .resp-tab-content { display: none; padding-top: 3.05rem;} .resp-accordion { cursor: pointer; display: none; border:none; margin: 0; padding: 0.667em; } .resp-tab-active {border-bottom:none;} .resp-arrow { position: absolute; top: 0.833em; right: 0.833em; } .resp-arrow:after { content: "\e91b"; font-family: 'CD-Project-Icons'; } .resp-tab-active .resp-arrow:after { content: "\e926"; } body:not(.user-is-tabbing) .resp-accordion:focus { outline: none !important; } /*-----------Vertical tabs-----------*/ .resp-tabs--vertical .resp-tab-content {word-wrap: break-word; } .resp-tab-item:focus, .resp-accordion:focus { position: relative; z-index: 2;} @media only screen and (min-width: 768px) { /*-----------Horizontal tabs-----------*/ .resp-tabs--horizontal .resp-tabs-list li { padding: 0.5em 1.15em; border-left: 1px solid #edf2f7; } .resp-tabs--horizontal .resp-tabs-list li:first-child { border-left: none;border-top-left-radius:3px;border-bottom-left-radius:3px; } .resp-tabs--horizontal .resp-tabs-list li:last-child { border-left: none;border-top-right-radius:3px;border-bottom-right-radius:3px; } .resp-tabs--horizontal .resp-tabs-list li.resp-tab-active:after { content: ""; display: block; background: #00b7cb; height: 3px; width: 100%; position: absolute; bottom: -1px; left: 0; } body:not(.user-is-tabbing) .resp-tabs--horizontal .resp-tabs-list li:focus { outline: none; } /*-----------Vertical tabs-----------*/ .resp-tabs--vertical {overflow: hidden; padding-top: 3px; padding-left: 3px; /*padding is so focus ring shows completely */} .resp-tabs--vertical .resp-tabs-list { float: left; width: 30%; border: 1px solid #E8E8E8; border-right: none; } .resp-tabs--vertical .resp-tabs-list li { display: block; padding: 0.778em 1.111em; cursor: pointer; float: none; border-bottom: 1px solid #E8E8E8; } .resp-tabs--vertical .resp-tabs-list li:last-child {border-bottom:none;} .resp-tabs--vertical .resp-tabs-container { border: 1px solid #E8E8E8; float: left; width: 70%; min-height: 250px; clear: none; } .resp-tabs--vertical .resp-tab-content { border: none; } .resp-tabs--vertical .resp-tab-active { position: relative; z-index: 1; margin-right: -1px !important; } .resp-tab-content.resp-tab-content-active {display:block!important;} .resp-accordion-closed {display:block;} body:not(.user-is-tabbing) .resp-tabs--vertical .resp-tabs-list li:focus { outline: none; } } @media only screen and (max-width: 767px) { .resp-tab-content {padding-top: 1.5rem;padding-bottom: 1.5rem;} .resp-tabs-list { display: none; } .resp-accordion { display: block; background-color: #f7f9fb; color: #848c8d; position: relative; font-size: 1.125em;} .resp-accordion:not(:last-of-type) {border-bottom:none; } .resp-accordion.resp-tab-active { background-color: #f7f9fb;color:#29333f;border-bottom: 3px solid #00b7cb;} .resp-tab-content { border: none; } .resp-tab-content:last-of-type {border-bottom:1px solid #edf2f7;} .resp-tabs--verticalvtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: 100px; clear: none; } } /******************************************************************************** --- Tables --- *********************************************************************************/ table.table { background: white; margin-bottom: 1.000em; border: solid 1px #E8E8E8; table-layout: auto; width: 100%; } table.table caption { background: none; color: #000018; font-weight: bold; } table.table thead { background:#f2f2f2; } table.table thead tr th, table.table thead tr td { padding:0.750em 0.857em; font-size: 0.778em; color: #000018; font-weight:700; border: 1px solid #E8E8E8; } table.table tr th, table.table tr td { padding:1em 0.820em; font-size:0.813em; text-align: left; border: 1px solid #E8E8E8; } table.table tr.even, table.table tr.alt, table.table tr:nth-of-type(even) { background: #f2f2f2; } table.table thead tr th, table.table tfoot tr th, table.table tfoot tr td, table.table tbody tr th, table.table tbody tr td, table.table tr td { display: table-cell; line-height: 1.3; } /******************************************************************************** --- Slide Toggle --- *********************************************************************************/ .slide-content { display: none; } .slide-toggle:not(.button):after { content: "\e911"; font-family: 'CD-Project-Icons'; margin: 0 0 0 0.333em; font-size:90%;} .slide-toggle:not(.button).active:after { content: "\e917"; } .slide-toggle:not(.button).active, .slide-toggle:not(.button).active:after { color:#929497; } .slide-toggle.button.active {background-color:#929497; color:#fff;} .slide-toggle.button:after { content: "\e911"; font-family: 'CD-Project-Icons'; font-size:90%; margin-left:0.333em; } .slide-toggle.button.active:after { content: "\e917";} /******************************************************************************** --- Alerts --- *********************************************************************************/ .alert { display: none; padding: 0.556em 0.833em; margin-bottom: 1.111em; background-color: #000018; color: #fff;} .alert p {line-height:1.2; padding-left:1.333em; position:relative;} .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 0.278em; } .alert a { color: #fff; text-decoration: underline; } .alert a:hover { color:#00B7CB; } .alert p:before { font-family: 'CD-Project-Icons'; color: #fff; position:absolute; top:0; left:0; } .alert-success, .alert-info, .alert-warning, .alert-danger { display: block; } .alert-success { background-color:#00B7CB; } .alert-success p:before { content: "\e94b"; } .alert-info p:before { content: "\e98f"; } .alert-warning { background-color:#ffc04c; } .alert-warning p:before { content: "\ea17"; } .alert-danger { background-color:#f73737; } .alert-danger p:before { content: "\e96d"; } .popup-modal-dismiss { font-size: 24px; position: absolute; right: 0; top: -44px; } .white-popup-block.popup-wide { max-width: 55rem; overflow: visible; } /******************************************************************************** --- Magnific Popup CSS--- *********************************************************************************/ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 10042; overflow: hidden; position: fixed; background: #000018; opacity: 0.98; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 10043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 10045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #E8E8E8; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 10044; } .mfp-preloader a { color: #E8E8E8; } .mfp-preloader a:hover { color: #fff; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 10046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner {padding: 0;border: 0;} .mfp-close {font-size:2.25em; width: 1.385em; height: 1.179em; line-height: 1.179em; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; padding: 0 0 0.462em 0.256em; color: #333; transition: color 250ms ease; font-style: normal; font-weight: 300;} .mfp-close:hover, .mfp-close:focus { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #E8E8E8; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #fff; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #333; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #fff; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #333; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 24, 0.6); background: #000018; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 24, 0.6); background: #333; } .mfp-figure small { color:##E8E8E8; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #E8E8E8; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; transition: all .15s ease-out } .mfp-fade.mfp-bg.mfp-ready { opacity: .60 } .mfp-fade.mfp-bg.mfp-removing { opacity: 0 } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 150ms ease-out; transition: all 150ms ease-out } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1 } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0 } .popup-embed-container .mfp-container { padding-top: 40px; padding-bottom: 40px } .popup-embed-container .mfp-content { width: 100%; max-width: 900px; box-shadow: 0 0 8px rgba(0, 0, 24,0.6) } .popup-embed-container .mfp-close { top: -44px; color: #fff; text-align: right; right: 1px } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 24, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 24, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } @-webkit-keyframes popin{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}85%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-ms-keyframes popin{0%{-ms-transform:scale(0);transform:scale(0);opacity:0}85%{-ms-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-ms-transform:scale(1);transform:scale(1);opacity:1}}@keyframes popin{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}85%{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}} /******************************************************************************** --- Custom Magnific Popup Styling --- *********************************************************************************/ .white-popup-block { background: #fff; text-align: left; max-width: 40.625rem; margin: 40px auto; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-animation: popin .3s; animation: popin .3s; overflow: hidden;} .white-popup-block--padding {padding:2.5em 1.875em 1.875em;} .white-popup-block--narrow {max-width: 28.75rem;} .white-popup-block--wide {max-width: 50rem;} .white-popup-block--wide.white-popup-block--padding {padding:4.25em 5em 2.5em;} .white-popup-block .checkbox label {font-size: 0.8125em; line-height: 1.4;} .form-popup__heading, .form-popup__section {margin-bottom: 1.25em;} .form-popup__heading p {font-size: 1.125em;} .form-popup__fields .row {margin-right: -0.5em; margin-left: -0.5em} .form-popup__fields .column, .form-popup__fields .columns {padding-right: 0.5em; padding-left: 0.5em} .modal-vignette {padding: 3.125em 5.000em;} .modal-vignette__image {width: 12em; height: 12em; border-radius: 12em; background-position: top center; background-size: cover; background-repeat: no-repeat; margin: 0 auto 1.25em auto;} .modal-vignette__header {text-align: center; margin-bottom: 2.188em;} .modal-vignette__title {font-size: 2em; margin-bottom: 0.256em} .modal-vignette__subtitle {font-size: 1.250em; font-weight: 500; color: #00B7CB;} .modal-vignette__subtitle span {display: inline-block; position: relative; padding-left: 0.7143em;} .modal-vignette__subtitle span::before {content: ""; display: block; position: absolute; top: 50%; left: 0.25em; margin-top: -0.3em; width: 2px; height: 0.7em; background: rgba(146, 148, 151, 0.75)} .modal-vignette__overview {font-size: 1em;} @media (max-width: 800px) { .modal-vignette {padding-right:2.813em; padding-left:2.813em;} .modal-vignette__image {font-size: 12px;} } @media (max-width: 639px) { .modal-vignette {font-size: 13px; padding-right:2.813em; padding-left:2.813em;} } @media (max-width: 479px) { .modal-vignette {padding-right:1.563em; padding-left:1.563em;} .modal-vignette__image {font-size: 10px;} .modal-vignette__blockquote {padding-top: 2.083em; padding-bottom: 2.083em;} } @media (max-width: 375px) { .modal-vignette {font-size: 12px;} .modal-vignette__image {font-size: 8px;} } @media only screen and (max-width: 800px) { .white-popup-block--wide.white-popup-block--padding {padding-right:2.6923em; padding-left:2.6923em;} } @media only screen and (max-width: 479px) { .white-popup-block--wide.white-popup-block--padding {padding: 3.3333em 1.6667em 1.6667em;} } @media only screen and (max-width: 375px) { .white-popup-block--wide.white-popup-block--padding {padding-right: 0.8333em; padding-left: 0.8333em;} } /******************************************************************************** --- Slick Slider --- *********************************************************************************/ .slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;} .slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;} .slick-list:focus {outline: none;} .slick-list.dragging {cursor: pointer; cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;} .slick-track:before, .slick-track:after {display: table; content: '';} .slick-track:after {clear: both;} .slick-loading .slick-track {visibility: hidden;} .slick-slide {display: none; float: left; height: 100%; min-height: 1px;} [dir='rtl'] .slick-slide {float: right;} .slick-slide img {display: block;} .slick-slide.slick-loading img {display: none;} .slick-slide.dragging img {pointer-events: none;} .slick-initialized .slick-slide {display: inline-block;} .slick-loading .slick-slide {visibility: hidden;} .slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;} .slick-arrow.slick-hidden {display: none;} .slick-dots {list-style: none;margin:0;width: 100%;text-align: center;} .slick-dots li {display: inline-block;margin: 0 .38rem;} .slick-dots li button {text-indent: -9999em;position: relative;cursor: pointer;border-radius: 50%;width: 0.5rem;height: 0.5rem;background-color: #959d9e;z-index: 2;} .slick-dots li.slick-active button {background-color: rgba(0, 183, 203,1);} .slick-arrow {position: absolute;cursor: pointer;top:50%;color: #565e68;font-size: 2.1rem;margin-top: -20px;} .slick-dots {display:flex;justify-content: center;margin-left: 0;margin-top: 3rem;margin-bottom: 0;} .slick-dots li {padding: 0 .5rem;font-size: 1.5rem;} /******************************************************************************** --- Join List --- *********************************************************************************/ .comeet-groups-list {overflow: hidden; margin: 0 -0.9375em} .comeet-g-r {float: left; width: 33.3333%; padding: 0 0.9375em;} .comeet-position-name {font-size: 0.875em} .comeet-list li {margin-bottom: 0.375em!important} .comeet-positions-list li a.comeet-position { width: 100%; border-bottom: 1px solid #d5d5d5; padding-top: 0!important; margin-bottom: 10px!important; padding-left: 30px!important; text-indent: 0px; display: block; padding-bottom: 10px!important; } .comeet-positions-list .comeet_whatsapp { float: left; } .comeet-positions-list .socialIcon.whatsApp { background: url(https://www.comeet.co/common/assets/jobs-assets/images/social_icons_variations.png) no-repeat; background-position-x: -810px; background-position-y: -90px; display: block; width: 30px; height: 30px; } .comeet-g-r { float: none!important; margin: 0 0 30px; width: 100%!important; } .sub__departments.accordion { margin: 0 0 16px; } .sub__departments.accordion dt { padding: 11px 2.222em 11px 0; } .sub__departments.accordion dt:after { height: 35px; top: 34px; width: 35px; } .comeet-list h6 { line-height: 1.7; margin: 0; } .comeet-positions-list li { padding: 0 0 5px; } @media (max-width: 800px) { .comeet-g-r {width: 100%; text-align: center;} .comeet-position-name {font-size: 1em;} } /******************************************************************************** --- Animated Loader --- *********************************************************************************/ .spinner{position:fixed; z-index:999999; top:50%; left:50%; margin:-30px 0 0 -30px; height:60px;width:60px; -webkit-animation:rotation .6s infinite linear;-moz-animation:rotation .6s infinite linear;-o-animation:rotation .6s infinite linear;animation:rotation .6s infinite linear;border-left:6px solid rgba(232, 232, 232,1);border-right:6px solid rgba(232, 232, 232,1);border-bottom:6px solid rgba(232, 232, 232,1);border-top:6px solid rgba(0, 183, 203,1);border-radius:100%} @-webkit-keyframes rotation{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}} @-moz-keyframes rotation{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(359deg)}} @-o-keyframes rotation{from{-o-transform:rotate(0deg)}to{-o-transform:rotate(359deg)}} @keyframes rotation{from{transform:rotate(0deg)}to{transform:rotate(359deg)}} /******************************************************************************** --- Footer Main--- *********************************************************************************/ .footer {background-color: #000018;position: relative;} .footer__subscribe-headline {font-size:1rem; color: #959d9e; margin-bottom: 0} .footer__subscribe-button {margin-bottom: 0;} .footer__top {padding-top: 3.75em; padding-bottom: 3.125em; position: relative;} .footer__logo {margin-bottom: 2.5rem;padding-bottom: 1.947rem; position: relative;border-bottom: 1px solid #29333F;} .footer__col h5 {font-size: 1rem; font-weight: normal; color: #fff; margin-bottom: 1rem} .footer__loc ul {margin: 0; padding: 0; list-style: none} .footer__loc li {display: block; line-height: 1.2; margin-bottom: 1.737rem;} .footer__loc li::before {content:'\e9b2';font-size: 1.25em; font-family:'CD-Project-Icons'; display: block; color:#04c9df;} .footer__phone {font-size: 1rem; } .footer__phone a {color: #fff;} .footer__phone a:hover {color: #04c9df} .footer__loc li.footer__phone::before {content: "\e99e"; left: -3px;color: #04c9df;} .footer__locs-label {font-size: 1rem; display: block; color: #fff;margin-bottom: 0.526rem;} .footer__locs-addr {font-size: 0.789rem; line-height: 1.31;color: #a6acb3;-webkit-transition: color 300ms ease-out;transition: color 300ms ease-out;} .footer__support-label {font-size: 1rem; display: block; color: #fff;margin-bottom: 0.526rem;} .footer__support-contact {font-size: 0.789rem; line-height: 1.31;color: #a6acb3;-webkit-transition: color 300ms ease-out;transition: color 300ms ease-out;} .footer__loc li.footer__support::before {content:'\e9ff';color: #04c9df;} .footer__loc li.footer__contact::before { content:'\e98f'; } .footer__links ul, .footer__social ul {list-style: none; margin: 0; padding: 0;} .footer__support a:hover .footer__support-contact, .footer__locs a:hover .footer__locs-addr {color: #04c9df;} .footer__links li {display: block; line-height: 2.17;} .footer__links a {font-size: 0.789rem;} .footer__links a {color: #a6acb3} .footer__social a {color: #fff;} .footer__links a:hover, .footer__social a:hover {color: rgba(255,255,255, 1)} .footer__social li {display: block; margin-bottom: 0.9375em} .footer__social a {display: block;} .footer__social .social-links__icon, .footer__social .social-links__label {display: inline-block; vertical-align: middle;} .footer__social .social-links__label {font-size: 0.789rem; line-height: 1;color: #a6acb3;-webkit-transition: color 300ms ease-out; transition: color 300ms ease-out;} .footer__social .social-links__label:hover {color: rgba(255,255,255, 1);} .footer__social .social-links__icon {font-size: 14px; display: inline-block; width: 30px; height: 30px; line-height: 28px; border-radius: 30px; text-align: center; border: 1px solid #959d9e; margin-right: 12px;} .footer__social .social-links__icon::before {position: relative; top: -1px;} .footer__bottom {padding: 2.5em 0;} .footer__copyright {display: block; font-size: 0.579rem; color: #a6acb3;} .footer__site-links {display: block; list-style: none; margin: 0; padding: 0; line-height: 1;} .footer__site-links li {display: inline-block; line-height: 1;} .footer__site-links a {font-size: 0.579rem; color: #a6acb3;} .footer__site-links a:hover {color: rgba(255,255,255, 1);} .footer svg {width: 100%;position: absolute;top:-2rem;left: 0;} @media only screen and (min-width: 1025px) { .footer__back-top {display: block; position: absolute; top: 0; right: 0;} .footer__loc li {position: relative; padding-left: 2em;} .footer__loc li.footer__phone {padding-left: 1.5em} .footer__loc li::before {position: absolute; top: -2px; left: 0;} .footer__bottom-row {overflow: hidden;} .footer__copyright {float: left;} .footer__site-links {float: right;} .footer__site-links li {padding: 0 .75rem;position: relative;} .footer__site-links li:not(:last-of-type):after {content: '';position: absolute;top:5px;right: -1px;height: 95%;background-color:#a6acb3;width: 1px; } .footer__subscribe {height: 3.5em; line-height: 3.5em;} .footer__subscribe-left, .footer__subscribe-right {display: inline-block; vertical-align: middle;} .footer__subscribe-right {width: 7.375em; margin-left: 1.263rem;} .footer__subscribe-button {padding: 0 0.9375em; height: 2.95em; line-height: 2.85em; display: block; width: 100%;} .footer__subscribe {position: absolute;top: 0;right: 0;} } @media only screen and (min-width: 1025px) { .footer__row {display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; margin: 0 -1.875rem;} .footer__col:not(:first-of-type) {width: 14%;} .footer__col:not(:first-of-type).footer__col--media {width: 10%;} .footer__col:first-of-type {width: 35%;} .footer__loc li {margin-left: 2rem;} } @media only screen and (max-width: 1024px) { .footer__subscribe {display: block;} .footer__subscribe-left {margin-bottom: 1rem;} .footer {font-size: 1.1538em; text-align: center;} .footer__logo {max-width: none; margin-bottom: 2em} .footer__back-top {font-size: 0.9333em; display:block; margin-top: 2em; margin-right: auto; margin-left: auto;} .footer__row {display: flex;text-align: center;justify-content: space-between;flex-flow: wrap;} .footer__col {width: 50%;} .footer__col:first-child {width: 100%;} .footer__col:not(:last-child) {margin-bottom: 2.1429em; padding-bottom: 2.1429em; position: relative;} .footer__loc li::before {margin-bottom: 0.4286em} .footer__copyright {margin-bottom: 1em;} .footer__site-links li {margin: 0 0.5333em;} .footer__subscribe {margin-top: 2.5em} .footer__subscribe-left {margin-bottom: 0.9375em} .footer__social {text-align: center;} .footer__social ul {display: inline-block; text-align: left;} .footer__loc li {margin-left: 0;} } @media only screen and (max-width: 479px) { .footer {font-size: 1.0769em;} .footer__logo {margin-bottom: 2.8571em} .footer svg {top:-2.5rem;} } @media only screen and (max-width: 350px) { .footer__col {width: 50%;} } /******************************************************************************** --- ADA Jump to Main Content--- *********************************************************************************/ .ada-banner {position: relative;} a.skip-main {left: -999px; position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: -999; transition: all 300ms ease-out;} a.skip-main:focus, a.skip-main:active {font-size: 1.25em; color: #fff; background-color: #000018; left: auto; top: auto; width: auto; height: auto; overflow: auto; margin: 0 5% ; padding: 0.4em 1em; border-radius: 0 0 5px 5px; text-align: center; font-size: 1.2em; z-index: 99999;} /******************************************************************************** --- WP Toolbar --- *********************************************************************************/ /* This might require updating based on header whether it's fixed or not */ .admin-bar .header {top: 32px;} @media only screen and (max-width: 782px) { .admin-bar .header {top: 0px;} #wpadminbar {position: fixed;} } /******************************************************************************** --- Style Guide--- *********************************************************************************/ .sg-section {padding: 5.000em 0; border-bottom: 1px solid #E8E8E8;} .sg-section__heading {position: relative; margin-bottom: 2.000em} .sg-section__heading span {font-size: 50%; position: absolute; top: 50%; left: -3.125em; margin-top: -0.938em; width: 1.875em; height: 1.875em; line-height: 1.875em;} .sg-section__heading span:after {content: ""; display: block; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #E8E8E8;} .sg-section__subheading {font-size: 14px; margin: 4.000em 0 2.000em; position: relative;} .sg-section__subheading:before {content: ""; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #E8E8E8;} .sg-section__subheading span {position: relative; background: #fff; padding-right: 1.250em;} .sg-section__font {overflow: hidden; margin-bottom: 1.750em;} .sg-section__font {overflow: hidden; margin-bottom: 1.750em;} .sg-section__font-letters {font-size: 5.000em; display: block; line-height: 1; opacity: 0.20;} .sg-section__font-name {display: block; line-height: 1;} .sg-section__font-left, .sg-section__font-right {width: 50%; float: left;} .sg-section__font-left {padding-right: 2.000em;} .sg-section__font-right {border-left: 1px solid #E8E8E8; padding-left: 2.000em;} .sg-section__font-weight {display: block;} .sg-body {overflow-x: hidden;} .sg-body .root, .sg-toggle {-webkit-transition: -webkit-transform 250ms ease; transition: -webkit-transform 250ms ease; transition: transform 250ms ease; transition: transform 250ms ease, -webkit-transform 250ms ease;} .sg-fixed-nav {position: fixed; top: 0; left: 0; width: 250px; height: 100%; overflow-y: auto; padding: 40px 15px; background: #fff; z-index: 9999999; border-right: 1px solid #E8E8E8; -webkit-transform: translate3d(-250px, 0px, 0px);-moz-transform: translate3d(-250px, 0px, 0px);-o-transform: translate3d(-250px, 0px, 0px);-ms-transform: translate3d(-250px, 0px, 0px);transform: translate3d(-250px, 0px, 0px); -webkit-transition: -webkit-transform 250ms ease; transition: -webkit-transform 250ms ease; transition: transform 250ms ease; transition: transform 250ms ease, -webkit-transform 250ms ease;} .sg-snippets-toggle {font-size: 14px; display: block;} .sg-snippets-toggle:before {content: "\ea03"; font-family: 'CD-Project-Icons'; margin-right: 6px;} .sg-snippets-toggle.active:before {content: "\ea04"; font-family: 'CD-Project-Icons';} .sg-toc {font-size: 13px;} .sg-toggle {font-size: 14px; position: fixed; bottom: 0; left:0; width: 28px; height: 28px; line-height:1; padding: 0; margin: 0; border-radius: 0; z-index: 9999999;} .sg-toggle:before {content: "\e974"; font-family: 'CD-Project-Icons';} .sg-body--push .root, .sg-body--push .sg-toggle {-webkit-transform: translate3d(250px, 0px, 0px);-moz-transform: translate3d(250px, 0px, 0px);-o-transform: translate3d(250px, 0px, 0px);-ms-transform: translate3d(250px, 0px, 0px);transform: translate3d(250px, 0px, 0px);} .sg-body--push .sg-fixed-nav {-webkit-transform: translate3d(0px, 0px, 0px);-moz-transform: translate3d(0px, 0px, 0px);-o-transform: translate3d(0px, 0px, 0px);-ms-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px);} .sg-body--push .sg-toggle:before {content: "\e955";} @media (max-width: 1399px) { .sg-section__heading {padding-left: 1.500em;} .sg-section__heading span {left: 0;} } /*---------- Swatches ----------*/ .swatch__color { position: relative; height: 100px;} .swatch__hex { padding: 1rem; text-align: center;} .swatch__name {display:block; font-size:0.750em} /*---------- Code Snippets ----------*/ code {display: none; /* Remove in Production */} code.active {display: block;} pre {padding:15px; border:1px solid #E8E8E8;} /******************************************************************************** --- Curves--- *********************************************************************************/ .bottom-curve {position: relative;} .bottom-curve::before {content: '';position: absolute;bottom:-2rem;left: 0;width: 100%;height: 85px;background-color: #fff;border-radius:0 0 55% 55%/0 0 75% 75%;transform: scale(1.15);} .bottom-curve.bottom-curve--black::before {background-color: #000018;} .top-curve {position: relative;} .top-curve > svg {position: absolute;top: -2rem;width: 100%;} .bg-gray-gradient > svg #curve-color {fill: #f2f5fa;} .bg-white > svg #curve-color, .top-curve--white svg #curve-color, .bg-white > svg .curve-color, .top-curve--white svg .curve-color {fill: #fff;} .bg-light-gray > svg #curve-color {fill:#F7F9FB;} .top-curve--image > svg {top:-1rem;} @media (max-width: 1200px) { .top-curve > svg {top: -3rem;} .top-curve--image > svg {top:-1rem;} } @media (max-width: 600px) { .bottom-curve::before {border-radius:0 0 85% 85%/0 0 75% 75%;} } @media (max-width: 374px) { .top-curve > svg {top: -3.7rem;} } /******************************************************************************** --- Hero --- *********************************************************************************/ .hero {height: 38.632rem; position: relative; background:#000018;z-index: 1;} .hero::before {content: '';position: absolute;top:0;left: 0;width: 100%;height: 100%;background:#000018;border-radius: 0 0 80% 70%/0 0 15% 15%;transform: scale(1.15);} .hero__body { width: 100%; height: 100%;} .hero__inner {height: 100%; display: flex; align-items:center; padding-top: 5em} .hero__valign {width: 100%;} .hero__row {display: flex;flex-flow: wrap;position: relative;} .hero__caption {width: 60%;} .hero__image {width: 63%;position: absolute;right: -11rem;top:-3rem;} .hero__image::after {content: '';position: absolute;background-image: url(assets/images/hero-circles.svg);width: 600px;height: 320px;background-repeat: no-repeat;background-size: contain;left: -45%;bottom: -1rem;} .hero__title {font-size: 3.625em; font-weight: 500; margin-bottom: 0.2667em; line-height: 1.125;color: #fff;} .hero__overview {font-size: 1rem; max-width: 33.3684em; line-height: 1.6; margin-bottom: 0;color:#a6acb3;} .hero__actions {display: inline-block; margin-top: 2.5em; text-align: center;} .hero__button.button {margin-right: 2.189rem;} .hero__text-button.button-link {font-size: 0.842rem; color: #a6acb3;} .hero__text-button.button-link:hover {color: #00B7CB;} @media only screen and (max-width: 1599px) { .hero {font-size: 15px;} } @media only screen and (max-width: 1439px) { .hero {font-size: 14px;} } @media only screen and (max-width: 1399px) { .hero {font-size: 13px;} .hero__image {right: -2rem;top: -2rem;width: 50%;} .hero__image::after {width: 385px;height: 215px;bottom: -2rem;} } @media only screen and (max-width: 1100px) { .hero__image {width: 40%;} .hero__image::after {bottom: -7rem;} } @media only screen and (max-width: 880px) { .hero {font-size: 12px;} .hero__caption {width: 100%;} .hero__image {position: relative;margin-left: auto;width: 60%;top: 4rem;} .hero {height: 50.6rem;} .hero__image::after {bottom: -2rem;} .hero__inner {padding-top: 15em;} } @media only screen and (max-width: 580px) { .hero {height: 44.6rem;} .hero__image {width: 75%;} } @media only screen and (max-width: 479px) { .hero__title {font-size: 3.5em;} .hero__actions {display: block;} .hero__button.button {margin-right: 0; display: block;} } /******************************************************************************** --- Inner Hero --- *********************************************************************************/ .inner-hero {height: 38.632rem; position: relative; background:#000018;background-size:cover;background-repeat:no-repeat;background-position: center;display: flex; align-items: center;justify-content: center;width: 100%;} .inner-hero--overlay:before {content: '';position: absolute;top:0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 24,0.88);} .inner-hero__body {width: 100%;height: 100%;position: relative;z-index: 1;justify-content: center;} .inner-hero__body.flex-bottom {margin-bottom: 5rem;} .inner-hero .inner-hero__inner {color: #fff;width: 100%;} .inner-hero .page-headline {font-size: 3.421rem;margin-bottom: 1.5rem;} .inner-hero__body.flex:not(.flex-bottom) {align-items: center;} .inner-hero .page-headline--small {margin-bottom: 0.578rem;} .inner-hero--short .page-headline {margin-bottom: 0;} .page-subheadline {font-weight: 500;padding: 0 7rem;} .page-sub-headline--contained {padding: 0 10rem;} .page-overview {margin-bottom: 0;color: #A6ACB3;margin-top: 2.157rem;} .page-overview--full {padding: 0px 5.5rem;} .page-overview--contained {padding: 0 12.5rem;} .hero__button .button-link {color: #fff;} .hero__button .button-link:hover {color: #00B7CB;} .hero__button .button {margin-bottom: 0;} .inner-hero--short {height:32.37rem; } .inner-hero--applications.inner-hero--tall {height: auto;padding-top: 9rem;padding-bottom: 6rem;} @media only screen and (max-width:1100px) { .page-sub-headline--contained {padding: 0 5rem;} .page-overview--contained {padding: 0 2.5rem;} .page-overview--full {padding: 0px 1.5rem;} } @media only screen and (max-width:800px) { .page-sub-headline--contained {padding: 0 2rem;} .inner-hero__row {padding: 0;} .inner-hero:not(.inner-hero--short) {height:44.632rem; } .page-subheadline {font-weight: 500;padding: 0 1rem;} .inner-hero--applications.inner-hero--tall {height: auto;padding-top: 9rem;padding-bottom: 6rem;} } @media only screen and (max-width:650px) { .inner-hero:not(.inner-hero--short) {height: 48.632rem;} .inner-hero--short {height:30.632rem; } .page-overview {padding: 0;} .inner-hero .page-headline {font-size: 3rem;} .inner-hero--applications.inner-hero--tall {height: auto;padding-top: 9rem;padding-bottom: 6rem;} } @media only screen and (max-width:650px) { .inner-hero:not(.inner-hero--short) {height: 52.632rem;} .inner-hero--applications.inner-hero--tall {height: auto;padding-top: 9rem;padding-bottom: 6rem;} } @media only screen and (max-width:370px) { .inner-hero__body.flex-bottom {margin-bottom: 10rem;} .inner-hero:not(.inner-hero--short) {height: 56.632rem;} .inner-hero--applications.inner-hero--tall {height: auto;padding-top: 9rem;padding-bottom: 6rem;} } /******************************************************************************** --- Section Heading --- *********************************************************************************/ .section-headline {max-width: 31.579rem;margin: 0 auto;} .section-headline__title {font-weight: 500;margin-bottom: 0.789rem;} .section-headline__overview {color: #848c8d;font-size: 1rem;position: relative;z-index: 9;} .bg-dark-blue .section-headline__title {color: #fff;} /******************************************************************************** --- Home--- *********************************************************************************/ .home__content {padding-top: 300px;} .home__content + section {padding-top: 16rem;padding-bottom: 0;} .home__content .video-block {position: relative;margin-bottom: 3rem;} @media only screen and (max-width:1400px) { .home__content {padding-top: 200px;} } /*-----------Products-----------*/ .product-grid {flex-flow: wrap;justify-content: center;margin-top: 3.526rem;margin-bottom: 1.632rem;} .products--home {margin-bottom: 0;} .product {width:40%;text-align: center;margin-bottom: 2rem;} .product__images figure {margin: 0;} .product__images {margin-bottom: 1.684rem;} .product__images .product__image {height: 8.947rem;display: flex;justify-content: center;align-items: center;margin-bottom: 1.421rem;} .product__logo {height: 2.105rem;display: flex;justify-content: center;align-items: flex-end;} .product__body p {color: #848c8d;padding: 0 7rem;} .product__body .button-link {font-weight: 500;} .product__body .button-link:before {color: #000018;} @media only screen and (max-width: 1120px) { .product {width: 50%;} .product__body p {padding: 0 9rem;} } @media only screen and (max-width: 900px) { .product__body p {padding: 0 4rem;} } @media only screen and (max-width: 830px) { .product {width: 90%;margin-bottom: 5.5rem;} .product__images .product__image {margin-bottom: 3.5rem;} } @media only screen and (max-width: 400px) { .product__body p {padding: 0 1rem;} } /******************************************************************************** --- Video Block--- *********************************************************************************/ .section-headline + .video-item {margin-top: 2.105rem;} .video-item {margin-top: 3.421rem;} .youtube-video-place {position: relative;height: 100%;width: 100%;} .youtube-video-place img {width: 100%;} .play-video-icon {position: absolute;top:0;left:0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;z-index: 5;} .play-video__inner {text-align: center;} .play-video-icon .icon-play-circle-fill {font-size: 4.85rem;color: #fff;-webkit-transition: all 200ms ease;transition: all 200ms ease;} .video-label {margin-bottom: 0;color: #00b7cb;text-transform: uppercase;font-weight: bold;font-size: 0.632rem;width: 100%;text-align: center;margin-top:0.789rem;letter-spacing: 1px;} .youtube-video-place:hover {cursor: pointer;} .play-video-icon:hover .icon-play-circle-fill {transform: scale(1.05);} .videos-section--single .video-item {margin-top: 2.11rem;} @media only screen and (max-width: 550px) { .play-video__circle {width: 100px;height: 100px;} } @media only screen and (max-width: 400px) { .play-video__circle {width: 80px;height: 80px;} } /******************************************************************************** --- Media Section --- *********************************************************************************/ .media-section {padding: 5rem 0;position: relative;} .media-section .section-headline {margin-bottom: 2.737rem;} .home__content + .media-section {margin-top: -6.25rem;position: inherit;} .media-section__inner {position: relative;} .media-section__inner::before {content: '';position: absolute;bottom:-2rem;left: 0;width: 100%;height: 85px;background-color: #000018;border-radius:0 0 25% 25%/0 0 75% 75%;transform: scale(1.15);} .media-section > svg {position: absolute;top:-2rem;left: 0;width: 100%;} .image-cards__grid {flex-flow: wrap;margin: 0 -.947rem;margin-bottom: 3.579rem;} .image-card {width: 33.3%;padding: 0 .9475rem;} .image-card__inner {height: 24.474rem;padding: 1.579rem;display: flex;align-items: flex-end;position: relative;background-size: cover;background-repeat: no-repeat;position: relative;} .image-card__inner::before {content: '';position: absolute;top:0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(to bottom, rgba(0, 0, 24, 0), #00000c);opacity: 0.85;} .image-card__label {position: absolute;top:1.579rem;left: 1.579rem;background-color: rgba(0, 183, 203, 0.37);border: solid 1px #00b7cb;border-radius: 17px;letter-spacing: 1px;color: #fff;font-weight: bold;font-size: 0.632rem;padding: 0.579rem 1.053rem;text-transform: uppercase;} .image-card__body {position: relative;} .image-card__inner .button-link {margin-left: 1.3rem;color: #fff;margin-top: 1.916rem;} .image-card__inner .button-link:hover {color: #00b7cb;} .image-card__title {color: #fff;font-size: 1rem;margin-bottom: 0;} .image-card__title a {color: #fff;} .image-card__title a:hover {color: #00b7cb;} .image-card__inner time {color:#00b7cb;font-weight: bold;text-transform: uppercase;letter-spacing: 1px;font-size: 0.632rem;} @media only screen and (max-width: 850px) { .image-card {width: 50%;margin-bottom:1.895rem; } } @media only screen and (max-width: 550px) { .image-card {width: 100%;margin-bottom:2.895rem;} } /******************************************************************************** --- Join Us --- *********************************************************************************/ .join-us {padding: 7rem 0 0 0;} .country-grid {flex-flow: wrap;margin: 4.211rem -.879rem 6.632rem -.879rem;justify-content: center;} .country-item {text-align: center;padding: 0 .879rem;position: relative;width: 16%;} .country-item a {display: block;} .country-item a:hover h2 {color: #000018;} .country-item__icon {margin-bottom: 0.737rem;} .country-item h2 {margin-bottom: 0;font-size: 1.25rem;color:#00b7cb;font-weight: 500;-webkit-transition: color 300ms ease-out;transition: color 300ms ease-out; } .country-item:not(:last-child):after {content: '';position: absolute;top:0;right: 0;width: 1px;height: 100%;background-image: linear-gradient(to bottom, #E6E9ED, #F2F5FA);} .join-us .button {margin-bottom: 0;position: relative;z-index: 2;} .join-us-team-photo::before {content:'';position: absolute;top:0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(to bottom, #ffffff 5%, rgba(255, 255, 255, 0));} .join-us-team-photo {margin-top: -6rem;position: relative;} .join-us-team-photo img {width: 100%;} @media only screen and (min-width:2000px) { .join-us-team-photo {height: 600px;} .join-us-team-photo img {height: 100%;width: 100%;object-fit: cover;object-position:top;} } @media only screen and (min-width:2800px) { .join-us-team-photo {height: 700px;} .join-us-team-photo img {height: 100%;width: 100%;object-fit: cover;object-position:top;} } @media only screen and (max-width:800px) { .country-item {width: 33.3%;margin-bottom: 2rem;} .country-grid {margin-bottom: 4rem;} .country-item:nth-child(3):after {background-image: none;} } @media only screen and (max-width: 600px) { .join-us-team-photo {height: 300px;} .country-item {width: 100%;} .country-item:not(:last-of-type) {margin-bottom: 4rem;} .join-us-team-photo img {width: 100%;height: 100%;object-fit: cover;} } @media only screen and (max-width: 400px) { .join-us-team-photo {height: 400px;} } /******************************************************************************** --- Parter Slider --- *********************************************************************************/ .partner-slider {margin-top: 2.632rem;} .partner-logo__inner {padding: .5rem 2rem;text-align: center;height: 5rem;display: flex;align-items: center;justify-content: center;} .partner-logo__inner img {opacity: .53;display: inline-block;object-fit: contain;width: 100%;height: 100%;} /******************************************************************************** --- Content block --- *********************************************************************************/ .content-block.bg-dark-blue .content__body--inner {color: #fff;} @media only screen and (max-width: 1200px) { #media-kit-down {padding-bottom: 2rem;} } /******************************************************************************** --- Section Heading --- *********************************************************************************/ .section-heading {position: relative;z-index: 2;} /******************************************************************************** --- Press List --- *********************************************************************************/ .press-section {position: relative;} .press__title {font-size: 1.0769em; line-height: 1.4;} .press__title a {color: #000018} .press__title a:hover {color: #00B7CB;} .press__title .label {font-size: 0.775rem;font-weight: 600;text-transform: uppercase;color: #00B7CB;line-height: 1.2;letter-spacing: 1.2px;display: inline-block;margin: 0;} /******************************************************************************** --- Blog List --- *********************************************************************************/ .blog-list {position: relative;} .blog-list .image-card {margin-bottom: 1.895rem;} .section--blog {position: relative;} .post-detail--blog .inner-hero__row {padding: 0;} .post-detail--blog .inner-hero .page-headline {font-size: 2.421rem;margin-bottom: .5rem;} .inner-hero__blog-meta {list-style: none;margin: 0;} .inner-hero__blog-meta-date {font-size: 1.5625em;color: #00B7CB;font-weight: 600;margin-bottom: 0.34em;} .inner-hero__blog-meta-author {font-style: italic;font-size: .9rem;} /******************************************************************************** --- Load More --- *********************************************************************************/ .load-more-pagination__settings, .load-more-pagination__bucket, .load-more-pagination__button {display:none;} .load-more-pagination__button {text-align: center;} .load-more-pagination__icon{display: inline-block; margin-left: 0.3125em; position: relative; top: 1px; } .icon-spin{-webkit-animation:icon-spin 2s infinite linear;animation:icon-spin 2s infinite linear}@-webkit-keyframes icon-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes icon-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}} /******************************************************************************** --- Image Grid --- *********************************************************************************/ .image-grid__row {flex-flow: wrap;} .image-grid__image:first-of-type {width: 70%;padding-right: 1.474rem;padding-bottom:1.474rem;} .image-grid__image:nth-of-type(2) {width: 30%;} .image-grid__image:nth-of-type(3) {width: 40%;} .image-grid__image img {width: 100%;border-radius: 5px;} .image-grid__image:nth-of-type(3) img {object-fit: cover;width: 100%;height: 100%;} .image-grid__content {width:60%;background-color: #fff;display: flex;align-items: center;min-height: 100%;border-top: 1.474rem solid #F7F9FB;border-left:1.474rem solid #F7F9FB;margin-top: -27.15%;} .image-grid__content p:last-of-type {margin-bottom: 0;} .image-grid__content-inner {padding:2rem 4rem;} .image-grid__content-inner h2 {margin-bottom: 1.632rem;} @media only screen and (max-width: 995px) { .image-grid__image:first-of-type, .image-grid__image:nth-of-type(2), .image-grid__image:nth-of-type(3), .image-grid__content {width: 100%;padding: 0;margin-bottom: 1.474rem;} .image-grid__content {border: 0;margin-top: 0;} .image-grid__content-inner {padding:3rem 4rem;} } @media only screen and (max-width: 500px) { .image-grid__content-inner {padding:3rem;} } /******************************************************************************** --- Split Panel --- *********************************************************************************/ .split-panel {position: relative;} .split-panel__row {margin: 0 -1.684rem;flex-flow: wrap;align-items: center;} .split-panel__body {width: 45%;} .split-panel__images {width: 55%;} .split-panel--right .split-panel__row {flex-flow: row-reverse;} .split-panel__images, .split-panel__body {padding: 0 1.684rem;} .split-panel__images figure {margin: 0;} .split-panel__images figure img {width: 100%;} .split-panel__images.split-panel__images--stacked figure:not(:first-of-type) {margin-top: 3.211rem;} .split-panel__body h2 {margin-bottom: 1.316rem;} .split-panel__body {display: flex;align-items: center;} .split-panel__images--slider .slick-dots {margin-top: .5rem;} .split-panel__images--slider .slick-dots li {padding: 0;} .split-panel-tab__icon {display: block;max-width: 150px;margin-bottom: 1.58rem;} .split-panel-tab__icon img {width: 100%;} .split-panel-tab__headline {color: #29333f;font-weight: 500;margin-bottom: 0.421rem;} .split-panel-tab__overview {font-size: 1rem;margin-bottom: 0;} .split-panel__tabs .button-link {margin-left: 1rem;margin-top: 1.85rem;} .split-panel__body--tabs {display: block;} @media only screen and (min-width:1201px) { .split-panel--full.split-panel--left .split-panel__body {padding-right:10%; } .split-panel--full.split-panel--right .split-panel__body {padding-left:10%; } .split-panel--full .split-panel__container.row.row-site.column {max-width: none;width: 100%;padding: 0;} } @media only screen and (max-width: 1200px) { .split-panel__body, .split-panel__body-inner {width: 100%;} .split-panel__images {width: 100%;} .split-panel--right .split-panel__row {flex-flow: wrap;} .split-panel__images figure {margin-bottom:2.284rem;} .split-panel__images figure:not(:first-of-type):last-of-type {margin-top: 0;} } @media only screen and (max-width: 767px) { .split-panel__tabs .button-link {display: none;} } /******************************************************************************** --- Text Blocks --- *********************************************************************************/ .section-heading + .text-blocks__container {margin-top: 3.579rem;} .text-blocks__grid {margin: 0 -1rem;justify-content: center;flex-flow: wrap;} .text-block {width: 33.3%;padding: 0 1rem;text-align: center;margin-bottom: 4.526rem;} .text-blocks__grid--4 .text-block {width: 25%;} .text-block h3 {margin-bottom: 0.632rem;} .text-blocks__grid--4 .text-block h3 {font-size: 1.8rem;} .text-block p {font-size: 1.316rem;} .text-blocks__grid--4 .text-block p {font-size: 1.15rem;} @media only screen and (max-width: 1024px) { .text-blocks__grid--4 .text-block {width: 33.3%;} .text-blocks__grid {justify-content: flex-start;} } @media only screen and (max-width: 800px) { .text-block, .text-blocks__grid--4 .text-block {width: 50%;} } @media only screen and (max-width: 600px) { .text-block, .text-blocks__grid--4 .text-block {width: 100%;} } /******************************************************************************** --- Image Banner --- *********************************************************************************/ .image-banner {height: 1000px;padding: 8.053rem 0 0 0;background-repeat: no-repeat; background-size: cover;} .image-banner__content {max-width: 45.789rem;margin: 0 auto;} .image-banner__content p {font-size: 1.632rem;line-height: 1.25;} /******************************************************************************** --- Videos - Tabs --- *********************************************************************************/ .video-tab__buttons {margin: 2.31rem -2.31rem 0 -2.31rem;flex-flow: wrap;} .video-tab__button {width: 33.3%;border-radius: 0;text-align: left; padding: 2.31rem;cursor: pointer;transition: color 250ms ease;} .video-tab-item, .video-tab-item .embed-container {display: none;} .video-tab-item--active {display: block;} .video-tab__button--active {background-color: #fff;} .video-tab__overview {color: #848c8d;font-size: 0.842rem;line-height: 1.5;margin-bottom: 0;transition: color 250ms ease;} .video-tab__headline {color: #848c8d;transition: color 250ms ease;} .video-tab__button--active .video-tab__headline {color: #29333f;} .video-tab__button--timer {display: block;height: 5px;background-color: #e6e9ed;width: 100%;margin-bottom: 1.74rem;} .video-tab__button:not(.video-tab__button--active):hover .video-tab__headline, .video-tab__button:not(.video-tab__button--active):hover .video-tab__overview {color: #fff;} .video-bottom-curve {position: absolute;bottom: -3rem;width: 100%;left: 0;} .video-bottom-curve svg {width: 100%;} @media only screen and (max-width: 800px) { .video-tab__button {width: 100%;} } /******************************************************************************** --- Icon Blocks --- *********************************************************************************/ .block-icon-section {position: relative;} .block-icon__grid {flex-flow: wrap;justify-content: center;margin: 3.05rem -.5rem 0 -.5rem;} .block-icon__item {width: 25%;padding: 0 .5rem;margin-bottom: 4.21rem;} .block-icon__icon {display: inline-block;margin-bottom: 0.894rem;max-width: 150px;height: 68px;} .block-icon__icon img {width: 100%;height: 100%;object-fit: contain;} .block-icon__icon span {font-size: 3.5rem;color: #00b9c8;} .block-icon__headline {font-size: 1rem;color: #000018;font-weight: 500;} .block-icon__overview {font-size: .8rem;margin-bottom: 0;} .block-icon-bottom-curve {position: absolute;bottom: -3.45rem;width: 100%;} .bg-white .block-icon-bottom-curve #curve-element {fill:#fff;} .block-icon-bottom-curve svg {width: 100%;} @media only screen and (max-width: 900px) { .block-icon__item {width: 33.3%;} } @media only screen and (max-width: 500px) { .block-icon__item {width: 50%;} } @media only screen and (max-width: 400px) { .block-icon__item {width: 100%;} } /******************************************************************************** --- Footer Banner --- *********************************************************************************/ .footer-banner__actions:not(.footer-banner__actions--blue) .button-link {color: #fff;} .footer-banner .button-link:hover {color: #00b9c8;} .footer-banner__actions a.button-link:last-of-type:not(:first-of-type) {margin-left: 3rem;} .footer-banner__actions a.button:last-of-type:not(:first-of-type) { margin-left: 1.25rem;} .footer-banner__headline {font-weight: 500;font-size: 2.053rem;margin-bottom: 1.053rem;} @media only screen and (max-width: 600px) { .footer-banner__actions a.button{width: 100%;} .footer-banner__actions a.button-link {display: inline-flex;} .footer-banner__actions a.button-link:first-of-type:not(:last-of-type) {margin-bottom: 2rem;} .footer-banner__actions a:first-of-type:not(:last-of-type) {margin-right: 40px;} .footer-banner__actions a.button:last-of-type:not(:first-of-type) {margin-left: 0;} } @media only screen and (max-width: 475px) { .footer-banner__actions a.button-link {width: 50%;} .footer-banner__actions a:first-of-type:not(:last-of-type) {margin-right: 0;} .footer-banner__actions {margin-bottom: .65rem;} } /******************************************************************************** --- Feature Block Icons --- *********************************************************************************/ .feature-block-icon__grid {flex-flow: wrap;margin: 3.368rem -3.055rem 0 -3.055rem;justify-content: center;} .feature-block-icon__item {width: 33.3%;padding: 0 3.055rem;margin-bottom: 4.74rem;} .feature-block-icon__icon {width: 155px;height: 75px;display: block;margin: 0 auto;margin-bottom: 0.842rem;} .feature-block-icon__icon img {width: 100%;height: 100%;object-fit: contain;} .feature-block-icon__headline {color: #29333f;font-weight: 500;font-size: 1.316rem;} @media (max-width: 880px){ .feature-block-icon__grid {margin: 3.368rem -1.055rem 0 -1.055rem;} .feature-block-icon__item {width: 33.3%;padding: 0 1.055rem;margin-bottom: 2.74rem;} } @media (max-width: 750px){ .feature-block-icon__item {width: 50%;} } @media (max-width: 550px){ .feature-block-icon__item {width: 100%;} } /******************************************************************************** --- Two column Content --- *********************************************************************************/ .two-column-content__grid {position: relative;z-index: 2;flex-flow: wrap;margin: 0 -2rem;justify-content: space-between;} .two-column-content__item {padding: 0 2rem;width: 50%;} .two-column-content__headline {font-weight: 500;} .two-column-content__image {margin-left: 0;margin-right: 0;margin-bottom: 3.158rem;} .two-column-content__content {margin-bottom: 4.211rem;} .two-column-content__image img {border-radius: 5px;width: 100%;} @media (max-width: 900px){ .two-column-content__item {width: 100%;} } /******************************************************************************** --- Downloads --- *********************************************************************************/ .downloads-section .downloads-grid {margin: 1.211rem -1.47rem 0 -1.47rem;flex-flow: wrap;} .downloads-item {width: 33.3%;padding: 0 1.47rem;margin-bottom: 1.947rem;} .downloads-item a {display: inline-flex;width: 100%;} .download-title {width: 85%;color: #000018;font-size: 0.842rem;font-weight: 500;padding: 1.16rem 0 1.16rem 1.6rem;border:1px solid #edf2f7;border-right: none;border-top-left-radius: 38px;border-bottom-left-radius: 38px;display: inline-flex;align-items: start;-webkit-transition: color 300ms ease-out;transition: color 300ms ease-out;background-color: #fff; flex-direction: column; justify-content: center;} .download-date { display: block; clear: both; font-size: 12px; } .download-icon {display: inline-flex;align-items: center;color: #fff;background-color: #00b9c8;padding: 1.263rem 1.526rem;font-size: 1rem;border-top-right-radius: 38px;border-bottom-right-radius: 38px;} .download-icon span {font-size: 1.25rem;position: relative;left: -.05rem;top: -.05rem;-webkit-transition: all 300ms ease-out;transition: all 300ms ease-out;} .downloads-item a:hover .download-title {color: #00b9c8;} .downloads-item a:hover .download-icon span {top: 0.15rem;} @media (max-width: 800px){ .downloads-item {width: 50%;} } @media (max-width: 550px){ .downloads-item {width: 100%;margin-bottom: 1.25rem;} } /**** Download Search *****/ .download-filter {justify-content: space-between;padding-bottom: 2.26rem;position: relative;flex-flow: wrap;} .download-filter::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-image: linear-gradient(to left, #e6e9ed, #f2f5fa 0%);} .filter-search {position: relative;} .filter-search input {margin-bottom: 0;border: solid 1px #edf2f7;color: #29333f;font-size: 0.74rem;font-weight: 500;width: 338px;} .filter-search button {cursor: pointer;position: absolute;top: 50%;right: 1rem;margin-top: -12px;color: #00b9c8;} .filter-groups-option {margin-bottom: 0;border: none;background-color: transparent;cursor: pointer;color: #29333f;font-size: 0.74rem;font-weight: 500;width: 225px;padding-left: 0;background-position: 86% center;margin-right: .5rem;-webkit-transition: color 300ms ease-out;transition: color 300ms ease-out} .filter-groups-option:hover {color:#00b9c8; } .filter-groups {width: 60%;} .download-header {padding-top: 2.842rem;justify-content:space-between;} .download__currently-viewing h2 {font-size: 1.316rem;color: #29333f;} .download__currently-viewing-label {color: #848c8d;font-size: 0.74rem;} .download__currently-viewing--results {font-size: 0.74rem;color: #000018;font-weight: 500;margin-left: 0.632rem;} .member-actions {align-items: center;} .member-actions span {color: #000018;font-weight: 500;font-size: 0.895rem;} .member-actions a {margin-bottom: 0;margin-left: 1.053rem;} .download__grid {flex-flow: wrap;margin: 2.684rem -1.47rem;} .button.tiny.filter__button-clear {padding: 0.25rem;margin-bottom: 0;background-color: #000018;display: none;} .button.tiny.filter__button-clear span {position: relative;top: .05rem;} .download__currently-viewing--value {text-transform: capitalize;} @media (max-width: 1200px){ .filter-search, .filter-search input {width: 100%;} .download-filter {flex-direction: column-reverse;} .js-filter-groups {width:100%;margin-top: 1rem;} } @media (max-width: 1100px){ .downloads-item {width: 50%;} .download-header {flex-flow: wrap;flex-direction: column-reverse;} .member-actions {width: 100%;margin-bottom: 1.5rem;} .member-actions .button {margin-left: 0;} } @media (max-width: 600px){ .filter-groups {flex-flow: wrap;} .downloads-item {width: 100%;} .download__grid {margin: 2.684rem -1.47rem;} .filter-groups-option {width: 50%;margin-right: 0;} } @media (max-width: 350px){ .filter-groups-option {width: 100%;background-position: 98% center;} .member-actions {flex-flow: wrap;text-align: center;justify-content: center;} .member-actions .button {width: 100%;margin-top: 1rem;margin-left: 0;} } /******************************************************************************** --- Pagination --- *********************************************************************************/ .pagination {justify-content: flex-end;} .pag-button.pag-button--hidden {cursor: default;color: #29333f;background-color: transparent;} .pag-button {font-weight: 500;font-size: 0.737rem;border-radius: 2.105rem;background-color: #000018;color: #fff;border:1px solid #000018;padding:0.631rem 1.267rem;-webkit-transition: all 300ms ease-out;transition: all 300ms ease-out; } .pag-button:not(.pag-button--hidden):hover {color: #fff;opacity: .9;} .pag-jump {padding: 0 1.579rem;} .pag-jump a {padding: 0.747rem 1.1rem;border: 1px solid #e6e9ed;border-radius: 1.105rem;margin: 0 .5rem;font-size: 0.632rem;color: #a6acb3;font-weight: 500;-webkit-transition: all 300ms ease-out;transition: all 300ms ease-out;} .pag-jump a:hover {background-color:#e6e9ed;color:#000018; } .pag-jump li.active a {background-color:#00b9c8;color: #fff;} /******************************************************************************** --- Applications --- *********************************************************************************/ .applications-timeline-section {position: relative;background-color: #000018;margin-top: -6rem;} .applications-timeline-section::before {content: '';position: absolute;top:0;left: 0;background-image: linear-gradient(to bottom, #000018, rgba(0, 0, 24, 0));height: 100%;width: 100%;} .applications-timeline {position: relative;flex-flow: wrap;} .applications-timeline::after {content: '';position: absolute;left: 50%;margin-left: -2px;width: 4px;height: 100%;background-image: linear-gradient(to bottom, #000018, #00677d 28%, #00b7cb 50%, #007186 69%, #000018);} .applications-item {width: 50%;position: relative;background-position: center;background-repeat: no-repeat;background-size: cover;height: 580px;} .applications-item:nth-child(odd) {text-align: right;height: 545px;} .applications-item:nth-child(odd) .applications-item__inner {padding-right: 12.95rem;padding-left: 1rem;margin-left: auto;max-width: 700px;position: relative;z-index: 1;} .applications-item:nth-child(even) .applications-item__inner {padding-left: 12.95rem;padding-right: 1rem;margin-right: auto;max-width: 700px;position: relative;z-index: 1;} .applications-item:nth-child(even) .applications-item__inner .button-link {margin-left: 1.5rem;} .applications-item:first-of-type .applications-item__inner {padding-top: 3.947rem;} .applications-item:nth-child(even) {padding-top: 9.263rem;position: relative;} .applications-item::before{content: '';position: absolute;top:0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(to bottom, #000018, rgba(0, 0, 24, 0));} .applications-icon {margin-bottom: 0.947rem;} .applications-body h3 {margin-bottom: 0.474rem;} .applications-body h3 a {color: #fff;} .applications-body h3 a:hover {color: #00b9c8;} .applications-icon {position: relative;} .applications-icon img {max-width: 100px;} .applications-icon::before {content: '';position: absolute;top: 64%;width: 12rem;height: 1px;background-color: #00b9c8;} .applications-item:nth-child(odd) .applications-icon::before {left: auto;right: -13rem;} .applications-item:nth-child(even) .applications-icon::before {left: -13rem;right: auto;} .application-icon__point {position: absolute;width: 27px;height: 27px;border-radius: 50%;background-color: rgba(0, 138, 153,.59);top: 50%;margin-top: -5px;display: flex;align-items: center;justify-content: center;} .application-icon__point-inner {width: 10px;height: 10px;background-color: #00b7cb;border-radius: 50%;position: absolute;} .applications-item:nth-child(even) .application-icon__point {left: -13.65rem;} .applications-item:nth-child(odd) .application-icon__point {right: -13.65rem;} .applications-item:nth-child(even) .application-icon__point .application-icon__point-inner {top:9px;left: 8.5px;} .applications-item:nth-child(odd) .application-icon__point .application-icon__point-inner {top:9px;right: 8.5px;} /**** Application Detail ******/ .application-image-banner{position: relative;-webkit-transition: all 300ms ease-out;transition: all 300ms ease-out;scroll-snap-align: start;} .application-image-banner figure {margin: 0;} .application-image-banner figure img {width: 100%;} .application-detail {position: relative;margin-top: -3rem;scroll-snap-type: y mandatory;} .application-image-content {position: absolute;bottom:4rem;-webkit-transition: all 300ms ease-out;transition: all 300ms ease-out;} .application-image-content-boxen { background: #fff; max-width: 740px; padding: 3.16rem 2.89rem; } .application-image-content-boxen ~a { margin: 30px auto 0; } .application-image-content--active .application-image-content {opacity: 1;z-index: 2;} .application-image-content p {margin-bottom: 0;} .application-image-banner:last-of-type .application-image-content {bottom: 4rem;} @media (max-width: 1100px){ .application-image-content {position: relative;bottom: auto;margin-top: -5rem;} } @media (max-width: 800px){ .applications-item:first-of-type .applications-item__inner {padding-top: 0;} .applications-item:nth-child(odd) .applications-item__inner {padding-right: 0;} .applications-timeline {max-width: 90%;margin: 0 auto;} .applications-item {width: 100%;height: auto;margin-bottom: 1.5rem;} .applications-item:nth-child(odd) {height: auto;text-align: left;} .applications-item:nth-child(odd) .button-link {margin-left: 1.5rem; } .applications-item:nth-child(even) .applications-item__inner {padding-left: 0;} .applications-item:nth-child(even), .applications-item:nth-child(odd) {padding: 3rem .5rem;} .applications-item:nth-child(odd) .applications-icon::before,.applications-item:nth-child(even) .applications-icon::before, .application-icon__point, .applications-timeline::after {display: none;} .applications-timeline-section {margin-top: -10rem;padding-bottom: 5rem;} } @media (max-width: 500px){ .application-image-content {padding: 2.16rem 1.89rem;margin-top: -1.5rem;} } /******************************************************************************** --- Featured Case Studies --- *********************************************************************************/ .featured-cs__grid {margin: 1.526rem -.947rem 0 -.947rem;position: relative;z-index: 2;flex-flow: wrap;justify-content: center;} .featured-cs__callout {padding: 5rem 0 5rem 0;} .featured-cs__callout--negative-margin {margin-top: -8rem;padding: 11.947rem 0 5rem 0;} .featured-cs__callout-overview {max-width: 600px;margin: 0 auto;padding: 0 1rem;} /******************************************************************************** --- Careers Page --- *********************************************************************************/ .career-filter-form {flex-flow: wrap;justify-content: center;margin: 2.158rem -.5rem 3.263rem -.5rem;} .career-filter-form .career-filter-form__column {width: 25%;padding: 0 .5rem;} .career-filter-form .career-filter-form__column:last-of-type {width: 25%;} .career-filter-form select {border: 2px solid #00b7cb;border-radius: 1.2105rem;color: #000018;font-weight: 500;margin-bottom: 0;font-size: 0.842rem;} .career-filter-form button {margin-bottom: 0;width: 100%;} .career-departments__grid {flex-flow: wrap;margin: 0 -0.421rem;position: relative;z-index: 2;justify-content: center;} .career-department {width: 16.6%;padding: 0 .421rem;text-align: center;margin-bottom: .8rem;} .career-department__inner {background-color: #fff;padding: 1.58rem .6rem;box-shadow: 0 8px 15px 0 rgba(41, 51, 63, 0.08);border-radius: 2px;} .career-department__inner h3 {font-size: 1rem;padding-bottom: 1.105rem;margin-bottom: 1.105rem;border-color: white;border-bottom: 1px solid;border-image: linear-gradient(to left, #e6e9ed, #f2f5fa 0%);border-image-slice: 1;border-image-width: 0 0 1px 0;font-weight: 500;} .career-department__inner .button-link {margin-bottom: 1.05rem;margin-left: 2.5rem;color: #000018;} .career-department__inner .button-link:hover {color:#00b7cb;} .career-locations {padding: 10.26rem 0 6.789rem 0;margin-top: -6rem;} .career-locations .country-grid {margin: 1.5rem -.879rem 0 -.879rem;} @media (max-width: 1200px){ .career-filter-form .career-filter-form__column {width: 30%;} .career-filter-form .career-filter-form__column:last-of-type {width: 30%;} } @media (max-width: 790px){ .career-filter-form .career-filter-form__column {width: 100%;margin-bottom: 1rem;} .career-filter-form .career-filter-form__column:last-of-type {width: 100%;} .career-department {width: 33.3%;margin-bottom: 1rem;} .career-department:nth-of-type(1n+4) {margin-bottom: 0;} } @media (max-width: 500px){ .career-department {width: 50%;} } /**** Benefits ******/ .career-benefits {background-size: cover;background-repeat: no-repeat;padding: 9.47rem 0;} .benefits-timeline {position: relative;flex-flow: wrap;} .benefits-item {width:50%;} .benefits-icon {position: relative;margin-bottom: 0.947rem;} .benefits-item h3 {font-size: 1.32rem;} .benefits-icon__icon span {color: #00b7cb;font-size: 3.05rem;} @media (min-width: 950px){ .benefits-timeline::after {content: '';position: absolute;left: 50%;margin-left: -2px;width: 4px;height: 100%;background-image: linear-gradient(to bottom, #000018, #00677d 28%, #00b7cb 50%, #007186 69%, #000018);} .benefits-item {width: 50%;position: relative;} .benefits-item:nth-child(odd) {text-align: right;} .benefits-item:nth-child(even) {padding-top: 9.263rem;position: relative;} .benefits-item:nth-child(odd) .benefits-item__inner {padding-right: 12.95rem;padding-left: 1rem;margin-left: auto;max-width: 700px;position: relative;z-index: 1;} .benefits-item:nth-child(even) .benefits-item__inner {padding-left: 12.95rem;padding-right: 1rem;margin-right: auto;max-width: 700pxposition: relative;z-index: 1;} .benefits-item:nth-child(odd) .benefits-icon::before {left: auto;right: -13rem;} .benefits-item:nth-child(even) .benefits-icon::before {right: auto;left: -13rem;} .benefits-icon::before {content: '';position: absolute;top: 64%;width: 12rem;height: 1px;background-color: #00b9c8;} .benefits-item:nth-child(odd) .benefit-icon__point {right: -13.75rem;} .benefits-item:nth-child(even) .benefit-icon__point {left: -13.65rem;z-index: 2;} .benefit-icon__point {position: absolute;width: 27px;height: 27px;border-radius: 50%;background-color: rgba(0, 138, 153,.59);top: 50%;margin-top: -5px;display: flex;align-items: center;justify-content: center;} .benefit-item:nth-child(odd) .benefit-icon__point .benefit-icon__point-inner {top: 9px;right: 8.5px;} .benefit-item:nth-child(even) .benefit-icon__point .benefit-icon__point-inner {top: 9px;left: 8.5px;} .benefit-icon__point-inner {width: 10px;height: 10px;background-color: #00b7cb;border-radius: 50%;position: absolute;} } @media (max-width: 950px){ .benefits-timeline {margin: 0 -1rem;} .benefits-item {padding: 0 1rem;margin-bottom: 1rem;} } @media (max-width: 950px){ .benefits-item {width: 100%;} } @media (max-width: 600px){ .career-benefits {background-color: #000018;background-image: none!important;} } @media (max-width: 374px){ .career-benefits.top-curve > svg {top: -0.8rem;} } /* * CSS Styles that are needed by jScrollPane for it to operate correctly. * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { background: red; height: 100%; position: absolute; right: 0; top: 0; width: 0#108898px; } .jspHorizontalBar { background: red; bottom: 0; height: 8px; left: 0; position: absolute; width: 100%; margin: 0 4rem;} .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: #2c2f3c; position: relative; } .jspDrag { background: #00b7cb; cursor: pointer; left: 0; position: relative; top: 0; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; cursor: pointer; direction: ltr; display: block; margin: 0; padding: 0; text-indent: -20000px; } .jspDisabled { background: #80808d; cursor: default; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { float: left; height: 100%; width: 16px; } .jspVerticalBar .jspArrow:focus { border: 1px solid red; outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } /**** Career Slider ******/ .career-slider-section {padding-top: 9.58rem;margin: 0 -1.25rem;justify-content: center;} .career-slider {padding-bottom: 0;position: relative;top:-5rem;} .career-slide figure {margin: 0;} .career-slide {width: 35%;padding: 0 1.25rem;flex-shrink: 0;} .career-slider.slick-slider .slick-list {overflow: visible;} .career-slider__wrapp .slick-arrow {position: relative;top:auto;left: auto;right: auto;z-index: 6;color: #fff;background-color: rgba(0, 183, 203, 0.37);border: solid 1px #00b7cb;margin: 0 .35rem;border-radius: 50%;width: 45px;height: 45px;display: flex;justify-content: center;align-items: center;font-size: 1.25rem;} .career-slider .slick-arrow.slick-next {right:50%;margin-right: -75px;} .career-slider .slick-arrow.slick-prev {right: 50%;margin-right: -12px;} .career-slider .slick-arrow.slick-prev .button-link:after {transform: rotate(180deg);} .slider-buttons {justify-content: center;position: relative;top: -3rem;} @media (max-width: 800px){ .career-slider__wrapp {padding-bottom: 1rem;} .career-slide {width: 80%;} .jspHorizontalBar {margin: 0 2rem;} .career-slider .slick-arrow.slick-prev {right: 50px;} } /**** Career Testimonials ******/ .career-testimonials {padding: 9.842rem 0 3.842rem 0; } .career-testimonials__grid {flex-flow: wrap;margin: 0 -2.45rem;} .career-testimonial {width: 50%;padding: 0 2.45rem;margin-bottom: 4rem;} .career-testimonials .quote {color: #fff;} .career-testimonials .quote p {margin-bottom: 1.52rem;font-size: 1rem;} .career-testimonials .cite, .career-testimonials .cite span {color: #000018;font-weight: bold;letter-spacing: 1.17px;font-size: 0.74rem;text-transform: uppercase;} .career-testimonials .cite span {position: relative;display: inline-block;padding-left: .55rem;} .career-testimonials .cite span:before {content: '';position: absolute;top:0;left: 0;width: 1.5px; height: 100%;background-color:#000018; } .career-testimonials blockquote {padding-left: 0;border-left: none;} .career-testimonials blockquote .quote:before {font-size: 3rem;content: '\e9e3';font-family: 'CD-Project-Icons';font-style: normal;position: absolute;top: -1.0667em;left: 0;color: #f2f5fa;opacity: .27;line-height: 1;} @media (max-width: 1375px){ .career-testimonials .cite, .career-testimonials .cite span {font-size: .6rem;} } @media (max-width: 1060px){ .career-testimonial {width: 100%;} .career-testimonial:first-of-type {margin-bottom: 3.5rem;} } @media (max-width: 425px){ .career-testimonials .cite, .career-testimonials .cite span {display: block;} .career-testimonials .cite span {margin-left: 0;padding-left: 0;} .career-testimonials .cite span:before {display: none;} } /******************************************************************************** --- Team / Management --- *********************************************************************************/ .people-list {margin: 0 -1rem;flex-flow: wrap;} .people-block {width: 25%;padding: 0 1rem;margin-bottom: 2rem;} .people-block__bio {display: block; position: relative; overflow: hidden;} .people-block__bio::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 24, 0) 0%,rgba(0, 0, 24, 0.20) 50%,rgba(0, 0, 24, 0.65) 100%); z-index:1} .people-block__overlay {position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 0.9375em 1.875em 1.5625em; z-index: 2;} .people-block__name, .people-block__title {display: block; color: #fff; line-height: 1.4;} .people-block__name {font-size: 1.25em; margin-bottom: 0.125rem;} .people-block__title {font-size: 0.8125em;} .people-block__title span {display: inline-block; position: relative; padding-left: 0.7143em;} .people-block__title span::before {content: ""; display: block; position: absolute; top: 50%; left: 0.2857em; margin-top: -0.4286em; width: 1px; height: 0.8571em; background: rgba(255,255,255, 0.75)} .people-block__more {font-size: 0.875em; display: block; margin-top: 0.8571em; margin-bottom: -0.3571em; font-weight: 600;} .people-block__more::after {content: '\e923'; font-family: 'CD-Project-Icons'; margin-left: 0.2857em; position: relative; top: 1px;} .people-block__info {position: relative; padding-bottom: 1em;} .people-block__info .button-link {color: #fff;margin-left: 1rem;margin-top: 1.5rem;} .people-block__image img {border-radius: 3px;} .people-list--alt .people-block {width: 20%;} .people-list--alt .people-block__name {font-size: 1em;} .people-list--alt .people-block__info::after {content: ""; display: block;position: absolute;bottom: 0;left: 0;width: 4.6875em;height: 2px;background: #00B7CB;} @media only screen and (min-width: 1200px) and (max-width: 1366px) { .people-list--alt .people-block__name {font-size: 0.875em;} } @media only screen and (max-width: 1199px) { .people-block {width: 33.33333333333333%} .people-list--alt .people-block {width: 25%;} } @media only screen and (max-width: 959px) { .people-list--alt .people-block {width: 33.33333333333333%} } @media only screen and (max-width: 800px) { .people-block {width: 50%} } @media only screen and (max-width: 640px) { .people-list {margin-right: -0.625rem; margin-left: -0.625rem;} .people-block {padding-right: 0.625rem; padding-left: 0.625rem; padding-bottom: 1.25rem;} .people-list--alt .people-block {width: 50%} } @media only screen and (max-width: 375px) { .people-block {width: 100%} } /******************************************************************************** --- Member Area --- *********************************************************************************/ .rcp_registration_total {display: none;} .root .rcp_form input[type=text], .root .rcp_form select, .root .rcp_form input[type=email], .root .rcp_form input[type=password] {margin-top: 8px;margin-bottom: 1em;} #rcp_submit {margin-top: 1rem;}