/* Theme Name: Antenna Theme Theme URI: Author: Antenna Author URI: https://www.antennagroup.com Description: Starting Chicago Digital WordPress Boilerplate Theme Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ :root { /* Fonts */ --barlow: 'Barlow', sans-serif; --muli: 'Muli', sans-serif; /* Primary Color */ --primaryHue: 223; --primarySat: 54%; --primaryLight: 28%; --primaryLightPlus: calc(var(--primaryLight) + 10%); --primaryLightMinus: calc(var(--primaryLight) - 10%); --primary: 33, 55, 109; --primaryLighter: hsl(var(--primaryHue), var(--primarySat), var(--primaryLightPlus)); --primaryDarker: hsl(var(--primaryHue), var(--primarySat), var(--primaryLightMinus)); --blue: var(--primary); --blueLighter: var(--primaryLighter); /* Secondary Color */ --secondaryHue: 151; --secondarySat: 54%; --secondaryLight: 52%; --secondaryLightPlus: calc(var(--secondaryLight) + 10%); --secondaryLightMinus: calc(var(--secondaryLight) - 10%); --secondary: 66, 198, 134; --secondaryLighter: hsl(var(--secondaryHue), var(--secondarySat), var(--secondaryLightPlus)); --secondaryDarker: hsl(var(--secondaryHue), var(--secondarySat), var(--secondaryLightMinus)); --green: var(--secondary); --greenLighter: var(--secondaryLighter); /* Tertiary Color */ --tertiaryHue: 195; --tertiarySat: 63%; --tertiaryLight: 50%; --tertiaryLightPlus: calc(var(--tertiaryLight) + 10%); --tertiaryLightMinus: calc(var(--tertiaryLight) - 10%); --tertiary: 47, 168, 208; --tertiaryLighter: hsl(var(--tertiaryHue), var(--tertiarySat), var(--tertiaryLightPlus)); --tertiaryDarker: hsl(var(--tertiaryHue), var(--tertiarySat), var(--tertiaryLightMinus)); --lightBlue: var(--tertiary); --lightBlueLighter: var(--tertiaryLighter); /* Dark Blue */ --darkBlue: 17, 28, 56; --overlay: var(--darkBlue); /* Dark Gray */ --darkGray: 96, 105, 128; --body-text: rgb(var(--darkGray)); /* Gray */ --gray: 169, 175, 192; /* Light Gray */ --lightGray: 229, 230, 235; /* Off White */ --offWhite: 246, 247, 248; /* White */ --white: 255,255,255; /* Olive */ --olive: 187, 224, 116; /* Alert Colors */ --success: var(--secondary); --warning: 255, 161, 70; --alert: 237, 78, 61; } /******************************************************************************** --- CSS BASE --- *********************************************************************************/ html{font-size:16px;box-sizing:border-box;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{padding:0;margin:0;background:rgb(var(--white));font-family:var(--muli);font-weight:normal;line-height:1.5;color:var(--body-text);-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:rgb(var(--primary));color:rgb(var(--darkBlue))}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 rgb(var(--light-gray));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: rgb(var(--gray)); opacity: 1;}:-ms-input-placeholder {color: rgb(var(--gray)); opacity: 1;}::-ms-input-placeholder {color: rgb(var(--gray)); opacity: 1;} /*Reduce Root Element (html) Sizing For REMs*/ @media only screen and (max-width: 1199px){html{font-size:15px}}@media only screen and (max-width: 1023px){html{font-size:14px}}@media only screen and (max-width: 800px){html{font-size:13px}}@media only screen and (max-width: 375px){html{font-size:12px}} /*-----------Scrollbars-----------*/ html{scrollbar-color:linear-gradient(to bottom, #2fa8d0 0%,#40b7c4 28%,#43bcba 46%,#47c2ad 63%,#42c686 100%); scrollbar-width:17px;} html::-webkit-scrollbar{width:17px;height:17px} html::-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%);} html::-webkit-scrollbar-track{background:rgb(var(--darkGray));} /******************************************************************************** --- Template - Announcement Banner --- *********************************************************************************/ .announcement-banner {height: 4.375em; background: rgb(var(--primary)); display: flex; align-items: center; position: relative;} .announcement-banner__row p {color: rgb(var(--white)); text-align: center; margin-bottom: 0; } .announcement-banner__row p a {color: rgb(var(--white)); border-bottom: 1px solid rgb(var(--secondary)); padding-bottom: 1px;} .announcement-banner__row p a:hover {color: rgb(var(--secondary))} .announcement-banner__type {margin-right: 2.5em; position: relative;} .announcement-banner__type::after {content: ""; display: block; position: absolute; top: 0; right: -1.375em; width: 1px; height: 100%; background: rgba(var(--white),0.15)} .announcement-banner__type [class^="icon-"] {position: relative; top: 1px; margin-right: 0.25em} .announcement-banner__close {position: absolute; top: 50%; right: 1.875em; margin-top: -0.625em; width: 1.25em; height: 1.25em; line-height: 1.25em; border-radius: 1.25em; background: rgb(var(--white)); color: rgb(var(--primary)); cursor: pointer; transition: all 250ms ease;} .announcement-banner__close:hover {background: rgb(var(--secondary)); color: rgb(var(--white));} .announcement-banner__close span {font-size: 0.75em; font-weight: bold; position: relative; top: -0.0833em;} @media only screen and (max-width: 959px) { .announcement-banner {padding-right: 3.75em;} } @media only screen and (max-width: 800px) { .announcement-banner__type {display: none;} .menu_open .announcement-banner {display: none;} } @media only screen and (max-width: 479px) { .announcement-banner {padding-right: 3.125em;} .announcement-banner__row p {font-size: 0.9375em} .announcement-banner__close {right: 0.9231em} } @media only screen and (max-width: 375px) { .announcement-banner__row p {font-size: 0.875em} } /******************************************************************************** --- Template - Header --- *********************************************************************************/ .root {overflow-x: hidden} .header {z-index:9999;} .antenna-wordmark{fill:rgb(var(--white)); transition: fill 250ms ease;} @media only screen and (min-width: 1025px) { /*-----------Hidden Mobile Elements-----------*/ .drawer-toggle {display:none;} /*-----------Header-----------*/ .header {position: relative;} .header__container{max-width:1350px; 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:39.45px; left:1.25rem; width: 150px; z-index:1;} .logo svg {display: block; width: 100%; height: auto;} /*-----------Menu - Second Level Dropdown-----------*/ .utility-links {font-size: 14px;} .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: rgb(var(--white)); position: relative;} .utility-links > ul > li > a:hover {color: var(--secondaryLighter)} .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.8125em; padding: 1.3846em 1.9231em 1.2308em; margin-bottom: 0; color: rgb(var(--white)); } .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:rgb(var(--darkBlue)); 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 rgb(var(--secondary)) transparent; } .utility-links ul ul::after {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: rgb(var(--secondary))} .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 rgba(var(--gray), 0.10); color: rgb(var(--white)); transition: background-color 250ms ease} .utility-links > ul > li > ul > li:not(:last-child) > a {border-bottom: 1px solid rgba(var(--white),0.10)} .utility-links ul ul a:hover, .utility-links ul ul li.selected > a {background-color:var(--primaryDarker);} /*-----------Header - Menu-----------*/ .menu {position:absolute; top:0; width: 100%;} .menu ul {list-style: none; margin: 0; padding: 0;} .menu li, .menu a {display: block;} /*-----------Menu - First Level-----------*/ .menu > ul {float: right; margin-right: 320px;} .menu > ul li:not(.mega-drop) {position:relative;} .menu > ul > li {float: left;} .menu > ul > li > a {font-size: 1em; font-weight: 600; height:120px; line-height:120px; margin: 0 1.0714em; color: rgb(var(--white)); position: relative; transition:color 250ms ease;} .menu > ul > li > a:hover {color: var(--secondaryLighter)} .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 rgb(var(--secondary)) 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 - 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:rgb(var(--darkBlue)); 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: rgb(var(--secondary))} .menu > ul > li:not(.mega-drop) > ul > li > a {font-size: 0.875em; font-weight: 700; padding:1.4286em 1.7857em; color: rgb(var(--white)); transition: background-color 250ms ease} .menu > ul > li:not(.mega-drop) > ul > li:not(:last-child) > a {border-bottom: 1px solid rgba(var(--white),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:var(--primaryDarker);} .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(var(--white),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:rgb(var(--darkBlue)); 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:var(--primaryDarker);} .menu > ul > li:not(.mega-drop) ul ul li {margin-bottom: 0.3125em;} .menu > ul > li:not(.mega-drop) ul ul a {color: rgb(var(--white));} .menu > ul > li:not(.mega-drop) ul ul a:hover {color:rgb(var(--secondary))} /*-----------Menu - Mega Menu-----------*/ .mega-menu {position: absolute; top:auto; left: 0; transform: translate3d(-9999px, 0px, 0px); width: 100%; text-align: left; background:rgb(var(--darkBlue)); box-shadow: 0 5px 12px 0 rgba(var(--darkBlue), 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: rgb(var(--darkBlue)); border-top: 4px solid rgb(var(--secondary))} .mega-menu::before {left: -100%; height: 100%; } .mega-menu::after {right: -100%; height: 100%; } .mega-menu__inner {padding: 2.1875em 0;} .mega-menu__inner::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: rgb(var(--secondary));} .mega-menu__title {font-size: 1.9375em; font-weight: 500; text-align: center; color: rgb(var(--white)); 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: 25%; padding: 1.25em 1.5625em 1.25em;} .mega-menu__link {display: block; position: relative; padding-top: 0.625em; transition: transform 250ms ease;} .mega-menu__link:hover {transform: translate3d(0px, -4px, 0px);} .mega-menu__link::before, .mega-menu__link::after {content: ""; display: block; position: absolute; top: 0; left: 0; width: 85%; height: 2px;} .mega-menu__link::before {width: 85%; opacity: 1; background: rgb(var(--white)); transition: opacity 0ms 0ms ease;} .mega-menu__link:hover::before {opacity: 0; transition: opacity 0ms 350ms ease;} .mega-menu__link::after {width: 0%; opacity: 0; background: linear-gradient(to right, #2fa8d0 0%,#40b7c4 28%,#43bcba 46%,#47c2ad 63%,#42c686 100%); transition: width 350ms ease, opacity 250ms ease} .mega-menu__link:hover::after {width: 85%; opacity: 1} .mega-menu__link h4 {font-size: 1.25em; color: rgb(var(--white)); transition: color 250ms 250ms ease;} .mega-menu__link p {font-size: 0.8125em; color: rgba(var(--white),0.65)} .mega-menu__link-icon {position: absolute; top: -18px; right: 0; line-height: 1; color: rgb(var(--white)); transition: color 250ms 250ms ease;} .mega-menu__link-icon span {font-size: 34px;} .mega-menu__link:hover .mega-menu__link-icon {color: rgb(var(--secondary));} /*-----------Sticky Header-----------*/ .sticky-header .logo {top:19.45px;} .sticky-header .header__container, .sticky-header .header-spacer, .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;} .sticky-header .utility-links__project .button.secondary.stroke {background-color: rgb(var(--secondary)); color: rgb(var(--white));} .sticky-header .utility-links__project .button.secondary.stroke:hover {background-color: transparent; border-color: rgb(var(--secondary)); color: rgb(var(--secondary));} } @media only screen and (min-width: 1200px) { .sticky-header .header__container, .sticky-header .header-spacer, .sticky-header .utility-links > ul > li, .sticky-header .menu > ul > li > a {height: 90px;} .sticky-header .menu > ul > li > a {line-height: 90px;} .sticky-header .utility-links > ul > li {line-height: 86px;} .logo {top:35.33px; width: 180px; left:1.875rem;} .menu > ul {margin-right: 350px;} .menu > ul > li > a {font-size: 1em; margin: 0 1.5625em;} .utility-links {font-size: 15px; right: 1.875rem;} .sticky-header .logo {top:25px;} } @media only screen and (min-width: 1366px) { .logo {top:32.6px; width: 200px; left:0.9375rem;} .menu > ul {margin-right: 420px;} .utility-links {font-size: 16px; right: 0.9375rem} .sticky-header .logo {top:17.5px;} } @media only screen and (max-width: 1024px) { /*-----------Header-----------*/ .header {position:relative; height:54px;} .sticky-header .header-spacer {height: 54px;} /*-----------Header - Logo-----------*/ .logo {display:block; position: absolute; width:130px; top: 9.19px; left: 18px; z-index: 9999} .logo svg {display:block; width: 100%; height: auto;} /*-----------Drawer Toggle-----------*/ .drawer-toggle {position: absolute; top: 0; right: 0; width: 54px; height: 54px; text-align: center; display: block; margin: 0; padding: 0; outline: none; z-index: 9999} .drawer-toggle span { position: absolute; display: block; width: 20px; height: 3px; border-radius: 25px; background: rgb(var(--white)); top: 31px; left: 50%; margin-left: -10px; } .drawer-toggle span, .drawer-toggle span:before { transition: transform 250ms ease-in-out, top 250ms 250ms ease-in-out, color 250ms ease-in-out; } .drawer-toggle span::before { content: ''; position: absolute; top: -8px; left: 0; background: inherit; width: 100%; height: 100%; border-radius: 25px;} .root.menu_open .drawer-toggle span {background: rgb(var(--primary))} .root.menu_open .drawer-toggle span, .root.menu_open .drawer-toggle span:before { transition: transform 250ms ease-in-out; } .root.menu_open .drawer-toggle span {top:25px; transform: rotate(45deg);} .root.menu_open .drawer-toggle span:before { top: 0; transform: rotate(-90deg); } /*-----------Drawer-----------*/ .drawer { position: fixed; z-index:9998; top: 0; right:0; height: 100%; width: 100%; background: rgb(var(--white)); 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:rgb(var(--darkGray));} /*-----------Main Menu-----------*/ .menu, .utility-links {max-width: 640px; margin-right: auto; margin-left: auto;} .menu {font-size: 1.2em; 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: 700; padding: 0.833em 0.9375em; position: relative; border-bottom: 1px solid rgba(var(--lightGray), 1); color: rgb(var(--primary)); transition: color 250ms ease;} .menu a:hover {color: rgb(var(--secondary));} .menu > ul > li > a {font-size: 1em;} .menu > ul > li.active > a, .menu > ul > li.selected > a {color: rgb(var(--secondary));} .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 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: rgb(var(--secondary));} .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.0547em; display: block; font-weight: normal;} .mega-menu__link-icon {display: inline-block; margin-right: 0.15em} .mega-menu__link-icon span {font-size: 1.5625em} .mega-menu__link h4 {font-size: 1.125em; display: inline-block; margin-bottom: 0.625em; transition: color 250ms ease} .mega-menu__link p {font-size: 0.875em; font-weight: 600; color: rgb(var(--darkGray)); margin-bottom: 0} .mega-menu__link:hover h4 {color: rgb(var(--secondary))} /*-----------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 .antenna-wordmark{fill:#152347;} /*-----------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 li {display: block; float: left; width: 48%;} .utility-links li + li {float: right;} .utility-links__project a, .utility-links__contact a {display: block; width: 100%; margin: 0; padding-right: 0; padding-left: 0;} .utility-links__contact a {font-size: 0.8125rem; 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: rgb(var(--secondary)); color: rgb(var(--white));} .utility-links__contact a:hover {background-color: var(--secondaryLighter); color: rgb(var(--white))} .utility-links ul ul {display: none;} } @media only screen and (max-width: 479px) { .menu {margin-top: 1.25em;} } .sticky-header .header{position:fixed; top: 0; left: 0; width: 100%; background: rgb(var(--darkBlue))} .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)}} /******************************************************************************** --- Home Hero --- *********************************************************************************/ .hero {margin-top: -120px; position: relative; background: rgb(var(--darkBlue));} .hero__body {height: 50em; line-height: 50em;} .hero__bg, .hero__bg::before, .hero__bg::after {position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .hero__bg {background-position: center; background-repeat: no-repeat; background-size: cover;} .hero__bg::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(21, 35, 71, 0.60); z-index: 1;} .hero__bg::after {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(ellipse at center, rgba(33,55,109,0) 0%,rgba(28,47,93,0) 31%,rgba(21, 35, 71,0.75) 88%,rgba(21, 35, 71,0.75) 100%);} .hero__bg-video {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;} .hero__body {position: relative; z-index: 1;} .hero__body-align {display: inline-block; vertical-align: middle; line-height: 1.2; width: 100%;} .hero__caption {position: relative; max-width: 680px; margin-top: 2.5em;} .hero__headline, .hero__overview {color: rgb(var(--white)); } .hero__headline {font-size: 4.0625em; margin-bottom: 0.3333em} .hero__overview {font-size: 1.5625em; margin-bottom: 1.5em;} .hero__overview a {color: rgb(var(--secondary)); border-bottom: 1px solid rgb(var(--secondary)); transition: color 250ms ease, border-color 250ms ease;} .hero__overview a:hover {color: var(--secondaryLighter); border-color: var(--secondaryLighter);} .hero__actions a {font-size: 1.125em; color: rgb(var(--white)); } .hero__actions a:hover {color: rgb(var(--secondary))} .hero__actions-text {font-size: 1em; text-transform: uppercase; font-weight: 700; line-height: 1; display: inline-block; padding: 0 0 0.250em 0; border-bottom: 2px solid rgb(var(--secondary));} .hero__actions .icon-add-circle {font-size: 1.5625em; margin-left: 5px; position: relative; top: -2px;} @media only screen and (max-width: 1600px) { .hero, .hero__body {height: 43.75em;} .hero__body {line-height: 43.75em;} } @media only screen and (max-width: 1440px) { .hero {font-size: 15px} .hero, .hero__body {height: 40em;} .hero__body {line-height: 40em;} .hero__headline {font-size: 3em;} .hero__overview {font-size: 1.25em; max-width: 29em;} .hero__actions {font-size: 1em;} } @media only screen and (max-width: 1366px) { .hero, .hero__body {height: 38.6667em;} .hero__body {line-height: 38.6667em;} } @media only screen and (max-width: 1200px) { .hero {font-size: 14px} } @media only screen and (max-width: 1024px) { .hero {margin-top: -54px;} .hero, .hero__body {height: 35.7143em;} .hero__body {line-height: 35.7143em;} .hero__headline {font-size: 3.25em} } @media only screen and (max-width: 960px) { .hero__headline {font-size: 3em} .hero__overview {font-size: 1.125em} } @media only screen and (max-width: 800px) { .hero {text-align: center;} .hero__headline, .hero__overview {max-width: none;} } @media only screen and (max-width: 639px) { .hero, .hero__body {height: 32.1429em;} .hero__body {line-height: 32.1429em;} .hero__headline {font-size: 2.4375em;} } @media only screen and (max-width: 479px) { .hero {font-size: 13px;} .hero__headline {font-size: 2em;} } @media only screen and (max-width: 375px) { .hero {font-size: 12px;} } /******************************************************************************** --- Ecosystem Section --- *********************************************************************************/ .ecosystem-section__heading-headline {font-size: 1.5625em; margin-bottom: 0} .ecosystem-section__heading-overview {font-size: 1.25em; margin-top: 0.25em; margin-bottom: 0} .ecosystem-section__headline {font-size: 1.9375em;} .ecosystem-section__overview {font-size: 1.25em} .ecosystem-section__grid {display: flex; flex-wrap: wrap; align-items: stretch; align-content: flex-start; justify-content: center; margin: 0 -0.9375rem} .ecosystem-section__grid-block {width: 25%; padding: 0 0.9375rem 1.875rem;} .ecosystem-section__grid-block .block-icon--card {height: 100%;} .ecosystem-section__grid-block .block-icon__title--sm {font-size: 1.25em;} @media only screen and (min-width: 640px) { .ecosystem-section__heading {display: flex; align-items: center; justify-content:space-between; margin-bottom: 5em;} .ecosystem-section__heading-left {width: 60%;} .ecosystem-section__heading-right {width: 32%;} } @media only screen and (max-width: 1024px) { .ecosystem-section__heading-headline {font-size: 1.9375em;} } @media only screen and (max-width: 800px) { .ecosystem-section__grid-block {width: 50%} } @media only screen and (max-width: 639px) { .ecosystem-section__heading {margin-bottom: 2.5em;} } /******************************************************************************** --- Page Headers --- *********************************************************************************/ .page-header {margin-top: -120px; padding-top: 86px; height: 34.375em; position: relative; display: flex; align-items:center; background: rgb(var(--darkBlue)); overflow: hidden;} .page-header--tall {height: 50em;} .page-header--short {height: 21.875em;} .page-header__bg, .page-header__bg::before, .page-header__bg::after {position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .page-header__bg {background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden;} .page-header__bg::before {content: ""; display: block; background: rgba(21, 35, 71, 0.55); z-index: 1;} .page-header__bg::after {content: ""; display: block; background: radial-gradient(ellipse at center, rgba(33,55,109,0) 0%,rgba(28,47,93,0) 31%,rgba(21, 35, 71,0.75) 88%,rgba(21, 35, 71,0.75) 100%); z-index: 2;} .page-header__bg-video {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;} .page-header__antenna {font-size: 2.625em; position: absolute; bottom: -6.6667em; right: -1.9048em;} .page-header__antenna .antenna-logo-css {opacity: 0.05} .page-header__antenna .antenna-logo-css > span, .page-header .antenna-logo-css > span::before, .page-header .antenna-logo-css > span::after, .page-header .antenna-logo-css > span > span {background: rgb(var(--white));} .page-header__wrapper {position: relative; z-index: 3; width: 100%;} .page-header__caption > :last-child, .page-header__action .button.stroke {margin-bottom: 0} .page-header__headline, .page-header__subheadline, .page-header__cta-headline, .page-header__cta-overview {color: rgb(var(--white));} .page-header__headline {font-size: 3em;} .page-header__subheadline {font-size: 1.5625em; font-weight: 400;} .page-header__overview {font-size: 1.25em; color: rgba(var(--white), 0.75)} .page-header__action {margin-top: 1.875em;} .page-header__action .button.stroke {border-color: rgba(var(--white), 1); color: rgba(var(--white), 1);} .page-header__action .button.stroke:hover {border-color: transparent; background-color: rgb(var(--secondary)); color: rgba(var(--white), 1);} .page-header--default .page-header__caption {max-width: 650px;} .page-header--centered .page-header__caption {max-width: 800px; margin-right: auto; margin-left: auto; text-align: center;} .page-header__cta-headline {font-size: 1.25em; position: relative; padding-left: 1.8em;} .page-header__cta-headline span {font-size: 1.25em; position: absolute; top: 0; left: 0; color: rgb(var(--secondary))} .page-header__meta {list-style: none; margin: 0; padding: 0;} .page-header__meta li {font-size: 1.25em; display: inline-block; color: rgba(var(--white), 1); margin: 0 0.75em 1em;} .page-header__meta span {position: relative; top: 1px;} .page-header__meta a {color: rgba(var(--white), 1);} .page-header__meta a:hover {color: var(--secondaryLighter)} @media only screen and (min-width: 800px) { .page-header--cta .page-header__body {display: flex; justify-content:space-between; align-items: center;} .page-header--cta .page-header__caption {width: 65.90909090909091%; padding-right: 4em;} .page-header__cta {max-width: 34.09090909090909%; padding-left: 4em; border-left: 2px solid rgba(var(--white),0.20)} } @media only screen and (max-width: 1199px) { .page-header--tall {height: 46.875em;} .page-header__antenna {font-size: 2.25em;} .page-header__headline {font-size: 2.4375em;} .page-header__subheadline {font-size: 1.4375em} } @media only screen and (max-width: 1024px) { .page-header {margin-top: -54px; padding-top: 42px;} } @media only screen and (max-width: 800px) { .page-header--cta {height: 46.875em} .page-header--cta .page-header__caption {margin-bottom: 1.875em; padding-bottom: 1.875em; border-bottom: 2px solid rgba(var(--white),0.20)} } @media only screen and (max-width: 479px) { .page-header {height: 30em;} .page-header--tall {height: 40.625em;} .page-header--cta.page-header--tall {height: 46.875em} .page-header__headline {font-size: 1.9375em;} .page-header__subheadline {font-size: 1.25em} .page-header__overview {font-size: 1em;} } @media only screen and (max-width: 375px) { .page-header__caption {font-size: 0.9167em} } .page-header:not(:first-child) {margin-top: 10px;} /******************************************************************************** --- Template Layout --- *********************************************************************************/ /******************************************************************************** ---AOS Animate Library--- *********************************************************************************/ [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=fade-up-small]{transform:translateY(50px)}[data-aos=fade-down-small]{transform:translateY(-50px)}[data-aos=fade-up-xsmall]{transform:translateY(25px)}[data-aos=fade-down-xsmall]{transform:translateY(-25px)} @media screen and (max-width: 800px) { [data-aos-delay] { transition-delay: 100ms !important; } } /******************************************************************************** --- Grid --- *********************************************************************************/ /* Base Grid Classes */ .row{max-width:1350px;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?yk0w7i) format('woff2'), url(assets/fonts/CD-Project-Icons.ttf?yk0w7i) format('truetype'), url(assets/fonts/CD-Project-Icons.woff?yk0w7i) format('woff'), url(assets/fonts/CD-Project-Icons.svg?yk0w7i#CD-Project-Icons) 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-esg:before {content: "\ea38";}.icon-prospect-lead-gen:before {content: "\ea36";}.icon-public-affairs:before {content: "\ea37";}.icon-mobility:before {content: "\ea35";}.icon-pen:before{content:"\ea34"}.icon-webinar:before{content:"\ea22"}.icon-video:before{content:"\ea23"}.icon-best-practice-guide:before{content:"\ea24"}.icon-websites:before{content:"\ea25"}.icon-ventures:before{content:"\ea26"}.icon-supply:before{content:"\ea27"}.icon-spaces:before{content:"\ea28"}.icon-public-relations:before{content:"\ea29"}.icon-online-marketing:before{content:"\ea2a"}.icon-integrated-marketing:before{content:"\ea2b"}.icon-innovations:before{content:"\ea2c"}.icon-health:before{content:"\ea2d"}.icon-giving:before{content:"\ea2e"}.icon-environment:before{content:"\ea2f"}.icon-ecosystem:before{content:"\ea30"}.icon-eBook:before{content:"\ea31"}.icon-creative:before{content:"\ea32"}.icon-branding-strategy:before{content:"\ea33"}.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"} .icon-right, .icon-left {display:inline-block; vertical-align:top}.icon-right {margin-left: 0.25em;}.icon-left {margin-right: 0.25em;} /******************************************************************************** --- Template - Page Elements --- *********************************************************************************/ /*-----------Titles-----------*/ h1, h2, h3, h4, h5, h6 { margin: 0 0 1rem 0; line-height: 1.3; font-weight:600; font-style: normal; color: rgb(var(--primary)); font-family:var(--barlow)} .page-title {font-size: 3rem; line-height: 1.15;} h1, .h1 {font-size: 2.4375rem; line-height: 1.15;} h2, .h2 {font-size: 1.9375rem} h3, .h3 {font-size: 1.5625rem} h4, .h4 {font-size: 1.25rem;} h5, .h5 {font-size: 1.125rem} h6, .h6 {font-size: 1rem} .subheader {font-weight: 500; color: rgb(var(--secondary))} /*-----------Branding Colors-----------*/ .primary-color, .blue {color:rgb(var(--primary))} .bg-primary-color, .bg-blue {background-color: rgb(var(--primary))} .primary-color--light, .blue--light {color:var(--primaryLighter)} .bg-primary-color--light, .bg-blue--light {background-color:var(--primaryLighter)} .primary-color--dark, .blue--dark {color:var(--primaryDarker)} .bg-primary-color--dark, .bg-blue--dark {background-color:var(--primaryDarker)} .secondary-color, .blue {color:rgb(var(--secondary))} .bg-secondary-color, .bg-blue {background-color: rgb(var(--secondary))} .secondary-color--light, .blue--light {color:var(--secondaryLighter)} .bg-secondary-color--light, .bg-blue--light {background-color:var(--secondaryLighter)} .secondary-color--dark, .blue--dark {color:var(--secondaryDarker)} .bg-secondary-color--dark, .bg-blue--dark {background-color:var(--secondaryDarker)} .tertiary-color, .light-blue {color:rgb(var(--tertiary))} .bg-tertiary-color, .bg-light-blue {background-color: rgb(var(--tertiary))} .tertiary-color--light, .light-blue--light {color:var(--tertiaryLighter)} .bg-tertiary-color--light, .bg-light-blue--light {background-color:var(--tertiaryLighter)} .tertiary-color--dark, .light-blue--dark {color:var(--tertiaryDarker)} .bg-tertiary-color--dark, .bg-light-blue--dark {background-color:var(--tertiaryDarker)} .olive {color: rgb(var(--olive))} .bg-olive {background-color: rgb(var(--olive))} .dark-blue {color:rgb(var(--darkBlue))} .bg-dark-blue {background-color: rgb(var(--darkBlue))} .dark-gray {color:rgb(var(--darkGray))} .bg-dark-gray {background-color: rgb(var(--darkGray))} .gray {color:rgb(var(--gray))} .bg-gray {background-color: rgb(var(--gray))} .light-gray {color:rgb(var(--lightGray))} .bg-light-gray {background-color: rgb(var(--lightGray))} .off-white {color:rgb(var(--offWhite))} .bg-off-white {background-color: rgb(var(--offWhite))} .logo-grayscale {filter: grayscale(1);} /*-----------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 {list-style: none; 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:rgb(var(--secondary)); margin-right: 0.5em; } ol ol { margin: 1.250em 0 0 0.667em; } 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; left: 0; color:rgb(var(--secondary)); } ul.bullets li:before {content: "\e915"; top: 0;} ul.checkmarks li:before {content: "\e94b"; top: 0;} ul.bullets ul, ul.checkmarks ul { margin: 1.250em 0 0 0.667em; } ul.bullets ul li, ul.checkmarks ul li {font-size: 0.875em;} ul.bullets ul li::before, ul.checkmarks ul li::before {top: 1px;} .list-icon-bullets {list-style: none; margin: -0.625em 0 1.875em 0; padding: 0;} .list-icon-bullets li {display: block; min-height: 2.25em; position: relative; padding-top: 0.75em; padding-bottom: 0.75em; padding-left: 3em} .list-icon-bullets__icon {position: absolute; top: 0.75em; left: 0; width: 2.25em; height: 2.25em} .list-icon-bullets__icon span {font-size: 2.25em; color: rgb(var(--secondary))} .list-icon-bullets__text {display: block; margin-top: 0.25em;} .list-icon-bullets__text h5 {font-size: 1.25em; font-weight: 700; margin-bottom: 0.3em; transition: color 250ms ease} .list-icon-bullets a:hover .list-icon-bullets__text h5 {color: rgb(var(--secondary))} .list-icon-bullets__text p {font-size: 1em; line-height: 1.4; color: var(--body-text)} .list-icon-bullets__text > :last-child {margin-bottom: 0} .number-section {position:relative; padding-left: 3.25em; counter-reset: section;} .number-section h3 {position:relative; margin: 1.75em 0 1.1538em;} .number-section h3:after {font-size:0.6923em; position: relative; background: rgb(var(--white));counter-increment: section; content:counter(section) ""; color: rgb(var(--tertiary)); font-weight:600; display:block; position:absolute; top:0; left:-4.0625rem; width:2.2222em; height:2.2222em; line-height:2.0556em; text-align:center; border:2px solid rgb(var(--tertiary)); border-radius:50%;} .section--gray .number-section h3:after {background: rgb(var(--offWhite))} .number-section--sequence > div {position: relative;} .number-section--sequence > div:not(:last-child)::before {content: ""; display: block; position: absolute; top: 3.125rem; left: -2.9375rem; width: 2px; height: 100%; height: calc(100% - 0.625rem); background: rgb(var(--lightGray));} .article { font-size: 1.25rem; } .article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {margin: 3.25rem 0 1.875rem; } .article p {line-height: 1.8; margin-bottom: 1.875rem} .article p.lead {line-height: 1.6;} .article .subheader {margin-top: -0.75rem} .article > :first-child, .article .mt0 {margin-top: 0} .article .label--mb {margin-bottom: 0.8333em} .article > p.drop-cap:first-letter {font-size:3rem; float: left; line-height: 0.5; margin-top: 1.125rem; margin-right: 0.375rem;} .article blockquote {font-size: 0.8em;} .article a:not(.button):not(.text-button) {border-bottom: 1px solid rgb(var(--tertiary)); position: relative; transition: color 250ms ease, border 250ms ease;} .article a:not(.button):not(.text-button):hover {border-color: rgb(var(--darkGray))} .article form {font-size: 0.8em;} /*-----------Paragraphs-----------*/ p { margin: 0 0 1.500em 0; line-height:1.6; } .lead { font-size: 1.5625rem; font-weight: 300; line-height:1.6;} /*-----------Links-----------*/ a { color:rgb(var(--tertiary)); text-decoration: none; -webkit-transition: color 300ms ease-out; transition: color 300ms ease-out; } a:hover {color:rgb(var(--darkGray)); 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;} /*-----------Image Pan Zoom Effect-----------*/ .img-pan {overflow: hidden;} .img-pan__bg {will-change: transform; transform-style: preserve-3d; transform:scale3d(1, 1, 1); transition: transform 250ms ease-out} /*-----------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 4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: -webkit-transform 4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 4s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 4s cubic-bezier(0.215, 0.61, 0.355, 1); will-change: transform; } /*-----------Figure-----------*/ figure {padding: 0; margin: 0 0 1.875rem 0; text-align: center; } figcaption {font-size: 1rem; margin-top: 0.625em} @media only screen and (min-width: 641px) { figure.alignleft, figure.alignright {margin-top: 0.625rem; width: 65%;} figure.alignleft {margin-left: -9.375rem; float: left; margin-right: 1.875rem;} figure.alignright {margin-right: -9.375rem; float: right; margin-top: 0.625rem; margin-left: 1.875rem;} } /*-----------Aligning-----------*/ .left-align { text-align: left } .center { text-align: center } .right-align { text-align: right } .left { float: left } .right { float: right } /*-----------Misc Typography-----------*/ .muli {font-family: var(--muli);} .barlow {font-family: var(--barlow);} .small {font-size: 1rem; font-weight: 700;} .light {font-weight: 300;} .regular {font-weight: 400;} .medium {font-weight: 500;} .semi-bold {font-weight: 600;} .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.8125em;} /* 13px */ .t2 {font-size:1.000em} /* 16px */ .t3 {font-size:1.25em} /* 20px */ .t4 {font-size:1.5625em} /* 25px */ .t5 {font-size:1.9375em} /* 31px */ .t6 {font-size:2.4375em} /* 39px */ .t7 {font-size:3em} /* 48px */ .t4,.t5,.t6 {line-height:1.35} .t7,.t8,.t9,.t10 {line-height:1.2} /*-----------Spacing-----------*/ .mx-auto { margin-left: auto; margin-right: auto; } .m0 { margin: 0 } .mt0 { margin-top: 0 } .mt2 { margin-top: 1.25rem } .mt4 { margin-top: 2.5rem } .mt6 { margin-top: 3.75rem } .mt8 { margin-top: 5rem } .mt10 { margin-top: 6.25rem } .mt12 { margin-top: 7.5rem } .mb0 { margin-bottom: 0 } .mb2 { margin-bottom: 1.25rem } .mb4 { margin-bottom: 2.5rem } .mb6 { margin-bottom: 3.75rem } .mb8 { margin-bottom: 5rem } .mb10 { margin-bottom: 6.25rem } .mb12 { margin-bottom: 7.5rem } .p0 { padding: 0 } .pt0 { padding-top: 0 } .pt2 { padding-top: 1.25rem } .pt4 { padding-top: 2.5rem } .pt6 { padding-top: 3.75rem } .pt8 { padding-top: 5rem } .pt10 { padding-top: 6.25rem } .pt12 { padding-top: 7.5rem } .pb0 { padding-bottom: 0 } .pb2 { padding-bottom: 1.25rem } .pb4 { padding-bottom: 2.5rem } .pb6 { padding-bottom: 3.75rem } .pb8 { padding-bottom: 5rem } .pb10 { padding-bottom: 6.25rem } .pb12 { padding-bottom: 7.5rem } /*-----------Borders and Rounding-----------*/ .border { border-style: solid; border-width: 1px; border-color:rgb(var(--lightGray)); } .border-top { border-top-style: solid; border-top-width: 1px; border-top-color:rgb(var(--lightGray)); } .border-right { border-right-style: solid; border-right-width: 1px; border-right-color:rgb(var(--lightGray)); } .border-bottom { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:rgb(var(--lightGray)); } .border-left { border-left-style: solid; border-left-width: 1px; border-left-color:rgb(var(--lightGray)); } .border-none { border: 0 } .rounded { border-radius: 3px; overflow: hidden;} .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-family: var(--barlow); font-weight: 700; text-transform: uppercase; color: rgb(var(--tertiary)); line-height: 1.2; letter-spacing: 1.2px; display: inline-block; margin: 0;} .label--secondary {color: rgb(var(--secondary)); } .label--tertiary {color: rgb(var(--primary));} .label--spacing {margin: 0 0.909em;} .label--mb {margin-bottom: 0.8333em} /*-----------Blockquotes-----------*/ blockquote {margin: 0 0 1.875rem 0; padding:2.5em 0 0 0; position:relative;} blockquote .quote {line-height: 1.6; margin:0 0 1.875rem 0; font-style: normal; } blockquote:not(.blockquote-alt) .quote:before {font-size:2.25em; content:'\e9e3'; font-family: 'CD-Project-Icons'; font-style: normal; position:absolute; top:-0.1389em; color:rgb(var(--secondary)); line-height:1; } blockquote .quote p {font-size: 1.5625em; font-weight: 600; color: rgb(var(--primary));} blockquote .cite {font-weight: 700; color: rgb(var(--secondary)); margin-top: -0.625rem; position: relative;} blockquote .cite span {font-size:0.8125rem; margin: 0 0 0 0.389em; color: var(--body-text)} .blockquote-alt {padding-top: 0; padding-left: 2.5em;} .blockquote-alt::before {content: ""; display: block; position: absolute; top: 0; left: 0; width:3px; height: 100%; background: rgb(var(--secondary))} /*-----------Divider-----------*/ hr { border: none; height: 1px; background: rgb(var(--lightGray)); 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 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*-----------Buttons-----------*/ .button, .hs-button {font-size: 0.8125rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; line-height: 1; border: 1px solid transparent; border-radius: 1px; padding: 1.5385em 1.9231em 1.3846em; margin: 0 0 1.111em 0; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; display: inline-block; -webkit-transition: all 200ms ease; transition: all 200ms ease; color: rgb(var(--white)); background-color: rgb(var(--primary));} body:not(.user-is-tabbing) .button, body:not(.user-is-tabbing) .hs-button {outline: none;} .button:hover, .button:focus, .hs-button:hover, .hs-button:focus {color: rgb(var(--white)); background-color: var(--primaryLighter);} .button.secondary {background-color: rgb(var(--secondary));} .button.secondary:hover, .button.secondary:focus {background-color: var(--secondaryLighter);} .button.tertiary {background-color: rgb(var(--tertiary));} .button.tertiary:hover, .button.tertiary:focus {background-color: var(--tertiaryLighter);} .button.stroke {background-color: transparent; border-color: rgb(var(--primary)); color: rgb(var(--primary))} .button.stroke:hover {background-color: rgb(var(--primary)); color: rgb(var(--white))} .button.stroke.secondary {border-color: rgb(var(--secondary)); color: rgb(var(--secondary))} .button.stroke.secondary:hover {background-color: rgb(var(--secondary)); color: rgb(var(--white))} .button.stroke.tertiary {border-color: rgb(var(--tertiary)); color: rgb(var(--tertiary))} .button.stroke.tertiary:hover {background-color: rgb(var(--tertiary)); color: rgb(var(--white))} .button.x-large {font-size: 1.25rem; padding: 1.1em 2em} .button.large {font-size: 1rem; padding: 1.25em 2.1875em} .button.tiny {font-size: 0.6875rem; padding: 1.3636em 1.8182em} .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;} .action-button {display: inline-block; margin-bottom: 1.25em;} .action-button .dropit-select {font-size: 0.8125rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; line-height: 1; border: 1px solid transparent; border-radius: 1px; padding: 1.5385em 1.9231em 1.3846em; margin: 0; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; display: inline-block; -webkit-transition: all 200ms ease; transition: all 200ms ease; color: rgb(var(--white)); background-color: rgb(var(--primary)); } .action-button .dropit-submenu {border: 1px solid rgb(var(--lightGray)); box-shadow: 0 2px 3px 0 rgba(var(--darkBlue), .10);} .action-button .dropit-option:not(:last-child) {border-bottom: 1px solid rgb(var(--lightGray))} .action-button .dropit-submenu li a {padding: 0.625em 0.9375em} /*-----------Disabled Button-----------*/ .button[disabled], .button.disabled, .button[disabled]:hover, .button.disabled:hover {background:rgb(var(--lightGray)); color:rgb(var(--darkGray)); cursor:default; text-shadow:none;} /*-----------Text Buttons-----------*/ .text-button {font-size: 0.875rem; font-weight: 700; text-transform: uppercase; line-height: 1; margin: 0 0 1.111em 0; padding: 0 0 0.250em 0; display: inline-block; color: rgb(var(--primary)); border-bottom: 2px solid rgb(var(--secondary)); transition: all 250ms ease;} .text-button:hover {color: rgb(var(--secondary)); border-color: rgb(var(--secondary));} .text-button.secondary {color: rgb(var(--secondary)); border-color: rgb(var(--primary));} .text-button.secondary:hover {color: rgb(var(--primary)); border-color: rgb(var(--primary));} .text-button.tertiary {color: rgb(var(--tertiary)); border-color: rgb(var(--primary));} .text-button.tertiary:hover {color: rgb(var(--primary)); border-color: rgb(var(--primary));} .text-button [class^="icon-"] {transition: margin 250ms ease} .text-button [class^="icon-"]::before {font-size: 1.2143em; line-height: 1; position: relative; top: -0.1765em} .text-button:hover .icon-right {margin-left: 10px;} @media only screen and (max-width: 1199px) { .mt6 { margin-top: 3.125rem } /*50px*/ .mt8 { margin-top: 4.375rem } /*70px*/ .mt10 { margin-top: 5rem } /*80px*/ .mt12 { margin-top: 6.25rem } /*100px*/ .mb6 { margin-bottom: 3.125rem } .mb8 { margin-bottom: 4.375rem } .mb10 { margin-bottom: 5rem } .mb12 { margin-bottom: 6.25rem } .pt6 { padding-top: 3.125rem } .pt8 { padding-top: 4.375rem } .pt10 { padding-top: 5rem } .pt12 { padding-top: 6.25rem } .pb6 { padding-bottom: 3.125rem } .pb8 { padding-bottom: 4.375rem } .pb10 { padding-bottom: 5rem } .pb12 { padding-bottom: 6.25rem } } @media only screen and (max-width: 800px) { h1, .h1 {font-size: 2.000rem} h2, .h2 {font-size: 1.500rem} h3, .h3 {font-size: 1.313rem} .mt6 { margin-top: 2.5rem } /*40px*/ .mt8 { margin-top: 3.75rem } /*60px*/ .mt10 { margin-top: 4.375rem } /*70px*/ .mt12 { margin-top: 5.625rem } /*90px*/ .mb6 { margin-bottom: 2.5rem } .mb8 { margin-bottom: 3.75rem } .mb10 { margin-bottom: 4.375rem } .mb12 { margin-bottom: 5.625rem } .pt6 { padding-top: 2.5rem } .pt8 { padding-top: 3.75rem } .pt10 { padding-top: 4.375rem } .pt12 { padding-top: 5.625rem } .pb6 { padding-bottom: 2.5rem } .pb8 { padding-bottom: 3.75rem } .pb10 { padding-bottom: 4.375rem } .pb12 { padding-bottom: 5.625rem } .number-section {padding-left: 2.75em;} .number-section h3:after {font-size:0.8125em; top: -1px;} } @media only screen and (max-width: 479px) { h1, .h1 {font-size: 1.750rem} h2, .h2 {font-size: 1.375rem} h3, .h3 {font-size: 1.188rem} h4, .h4 {font-size: 1.125rem} .article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {margin: 2.5rem 0 1.25rem; } .number-section h3:after {left: -3.5rem; } .number-section--sequence > div:not(:last-child)::before {top: 2.8rem; left: -2.5rem; height: calc(100% - 1.25rem);} } @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%;} } /******************************************************************************** --- Layouts --- *********************************************************************************/ @media only screen and (min-width: 1025px) { .two-column::before {display:table;content:' ';-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-order:1;order:1}.two-column::after{clear:both} .two-column__main {float: left; width:60.60606060606061%} .two-column__aside {float: right; position: relative; width:32%} } @media only screen and (max-width: 1024px) { .two-column__main {margin-bottom: 3.75em;} } /******************************************************************************** --- Action Button --- *********************************************************************************/ .dropit-select { font-size: 1.000em; position: relative; display: block; width: 100%; margin: 0; cursor: pointer; -webkit-appearance: none; } .dropit-select:after {content: '\e911'; font-family: 'CD-Project-Icons'; display: inline-block; vertical-align: top; font-weight: normal; margin-left: 0.4em;} .dropit-open .dropit-select:after { content: '\e917'; } .dropit-parent { position: relative; } .dropit-submenu { position: absolute; z-index: 1; top: auto; left: 0; display: none; overflow-y: auto; width: 100%; max-height: 18.750em; margin: 0; padding: 0; list-style: none; background: rgb(var(--white)); } .dropit-submenu li, .dropit-submenu li a { display: block; } .dropit-submenu li a { padding: .500em .938em; } .dropit-open .dropit-submenu { display: block; } /******************************************************************************** --- Sections --- *********************************************************************************/ .section--white {background-color: rgba(var(--white), 1)} .section--gray {background-color: rgba(var(--offWhite), 1)} .section--dark-blue {background-color: rgba(var(--darkBlue), 1);} /******************************************************************************** --- Components - Featured - Stacked --- *********************************************************************************/ .featured-stacked {display: flex; justify-content: space-between; align-items: center; align-content: center} .featured-stacked__content {width: 30%;} .featured-stacked__headline {font-size: 2.4375em;} .featured-stacked__overview {font-size: 1.25em} .featured-stacked__list {width: 60%; margin-top: 5em; margin-bottom: 5em; position: relative;} .featured-stacked__list ul {list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns:1fr 1fr 1fr; grid-template-rows:repeat(17, 1.875em); grid-gap: 0 1.875em; position: relative;} .featured-stacked__list li {text-align: center;} .featured-stacked__list li:nth-child(1) {grid-column-start: 1; grid-row-start: 1} .featured-stacked__list li:nth-child(2) {grid-column-start: 2; grid-row-start: 2} .featured-stacked__list li:nth-child(3) {grid-column-start: 3; grid-row-start: 3} .featured-stacked__list li:nth-child(4) {grid-column-start: 1; grid-row-start: 9} .featured-stacked__list li:nth-child(5) {grid-column-start: 2; grid-row-start: 10} .featured-stacked__list li:nth-child(6) {grid-column-start: 3; grid-row-start: 11} .featured-stacked__list li {display: block;} .featured-stacked__list-bg {position: absolute; top: -5.625em; right:0.625em;} .featured-stacked__list-bg .antenna-logo-css {font-size: 2.4375em;} .featured-stacked__item {display:flex; align-items: center; height:13.125em; background:rgb(var(--white)); box-shadow: 0px 2px 25px -6px rgba(var(--darkBlue),0.20); transition: box-shadow 250ms ease, transform 250ms ease; transform: translate3d(0px, 0px, 0px);} .featured-stacked__item:hover {box-shadow: 0px 20px 50px -15px rgba(var(--darkBlue),0.25); transform: translate3d(0px, -0.3125em, 0px);} .featured-stacked__item-inner {padding: 0 1.25em; width: 100%;} .featured-stacked__item-inner > :last-child {margin-bottom: 0;} .featured-stacked__item-icon {font-size: 3.75em; margin-bottom: 0.166em; color: rgb(var(--secondary))} .featured-stacked__item-headline {font-size: 1.25em; margin-bottom: 0.6em;} .featured-stacked__item-overview {font-size: 0.8125em; line-height: 1.4; color: var(--body-text)} @media only screen and (max-width: 1439px) { .featured-stacked__item-icon {font-size: 3em} .featured-stacked__item-headline {font-size: 1em} } @media only screen and (max-width: 1365px) { .featured-stacked__list-bg {font-size: 15px;} } @media only screen and (max-width: 1199px) { .featured-stacked__list-bg {font-size: 14px; right: -1.4286em;} } @media only screen and (max-width: 1024px) { .featured-stacked {flex-wrap: wrap} .featured-stacked__content, .featured-stacked__list {width: 100%;} .featured-stacked__content {margin-bottom: 3.75em; text-align: center;} .featured-stacked__list-bg {right: 50%; margin-right: -23em} } @media only screen and (max-width: 800px) { .featured-stacked__list-bg {font-size: 13px;} } @media only screen and (max-width: 639px) { .featured-stacked__list {margin-top: 1.75em; margin-bottom: 3em;} .featured-stacked__list-bg {font-size: 11px; top: -1.75em;} } @media only screen and (max-width: 479px) { .featured-stacked__list ul {grid-template-columns:1fr 1fr; grid-template-rows:repeat(24, 1.875em); grid-gap: 0 1.875em;} .featured-stacked__list li:nth-child(1) {grid-column-start: 1; grid-row-start: 1} .featured-stacked__list li:nth-child(2) {grid-column-start: 2; grid-row-start: 2} .featured-stacked__list li:nth-child(3) {grid-column-start: 1; grid-row-start: 9} .featured-stacked__list li:nth-child(4) {grid-column-start: 2; grid-row-start: 10} .featured-stacked__list li:nth-child(5) {grid-column-start: 1; grid-row-start: 17} .featured-stacked__list li:nth-child(6) {grid-column-start: 2; grid-row-start: 18} .featured-stacked__list {margin-top: 0; margin-bottom: 0;} .featured-stacked__list-bg {font-size: 13px; top: 1.25em;} } /******************************************************************************** --- Components - Featured - Services --- *********************************************************************************/ .featured-services {display: flex; justify-content: space-between; align-items: flex-start; align-content: center} .featured-services__content {width: 30%;} .featured-services__button {margin-top: 3rem;} .featured-services__headline {font-size: 2.4375em;margin-bottom: 2.75rem;} .featured-services__overview {font-size: 1.25em} .featured-services__list {width: 50%; position: relative;} .featured-services__list ul {list-style: none; margin: 0 -2rem; padding: 0; display: flex;justify-content: space-between;align-items: flex-start;flex-flow: wrap;position: relative;} .featured-services__list ul li {width: 50%;padding: 0 2rem;} .featured-services:not(.featured-services--full) .featured-services__list ul li:not(:nth-last-child(-n+2)) {margin-bottom: 4.5rem;} .featured-services__list ul li:hover .featured-services__item-icon {transform: translate3d(0px, -0.1125em, 0px);} .featured-services__item-icon {color: rgb(var(--secondary));transition: box-shadow 250ms ease, transform 250ms ease;transform: translate3d(0px, 0px, 0px);} .featured-services__item-inner {display: flex;font-size: 3.4375em;} .featured-services__item-headline {line-height: 1.2;padding-left: 1.65rem;} .featured-services-section {position: relative;overflow: hidden;padding: 11rem 0 8rem 0;} .featured-services-section--full {position: relative;overflow: hidden;padding: 4rem 0 7rem 0;} .featured-services-section .antenna-logo-css {position: absolute;right: -4rem;top: -8rem;} .featured-services-section--full .antenna-logo-css {position: absolute;right:0;top: -1rem;width: 18.75rem;height: 17.835rem;font-size: 1.6375rem;} .featured-services__item-overview {font-size: 1rem; color: var(--body-text);margin-bottom: 0;} @media only screen and (max-width: 1350px) { .featured-services__item-icon {font-size: 3rem;} .featured-services__item-headline {font-size: 1.35rem;} } @media only screen and (max-width: 1275px) { .featured-services__content {width: 35%;} .featured-services__list ul {margin: 0 -1rem;} .featured-services__list ul li {padding: 0 1rem;} .featured-services__item-headline {font-size: 1.25rem;padding-left: 0.85rem;} } @media only screen and (max-width: 1024px) { .featured-services {flex-wrap: wrap;} .featured-services__content, .featured-services__list {width: 100%;} .featured-services__content {margin-bottom: 3.75rem; text-align: center;} .featured-services__item-inner {display: block;} .featured-services__item-headline {padding-left: 0;margin-top: .5rem;} .featured-services__list ul {margin: 0 -.75rem;} .featured-services__list ul li {padding: 0 .75rem;text-align: center;} } @media only screen and (max-width: 639px) { .featured-services__list {margin-top: 1.75rem; margin-bottom: 3rem;} .featured-services-section {padding-bottom: 2rem;} } @media only screen and (max-width: 479px) { .featured-services__item-headline {font-size: 1.25rem;} } /** Full Width Section ***/ .featured-services--full {display: block;} .featured-services--full .featured-services__content {width: 75%;margin:3rem auto 4rem auto;text-align: center;} .featured-services-section--full .featured-services__headline {margin-bottom: 4.5rem;} .featured-services--full .featured-services__list {width: 100%;} .featured-services--full .featured-services__item-inner {display: block;text-align: center;} .featured-services--full .featured-services__item-headline {padding: 0;} .featured-services--full .featured-services__item-icon {margin-bottom: 1rem;font-size: 3.9375rem;} @media only screen and (max-width: 1200px) { .featured-services-section--full .antenna-logo-css {font-size: 1.1375rem;right: -5rem;top: -4rem;} } @media only screen and (min-width: 980px) { .featured-services--full .featured-services__list ul li:not(:nth-last-child(-n+4)) {margin-bottom: 4.5rem;} .featured-services--full .featured-services__list ul {margin-left: -2.95rem;margin-right: -2.95rem;} .featured-services--full .featured-services__list li {width: 25%;padding: 0 2.95rem;} } @media only screen and (min-width: 600px) and (max-width:980px) { .featured-services--full .featured-services__list ul li:not(:nth-last-child(-n+2)) {margin-bottom: 4.5rem;} } @media only screen and (max-width: 980px) { .featured-services--full .featured-services__list li {width: 50%;} .featured-services--full .featured-services__content {width: 90%;} } @media only screen and (max-width: 600px) { .featured-services--full .featured-services__list li {width: 100%;} .featured-services--full .featured-services__list li:not(:last-child) {margin-bottom: 2rem;} .featured-services-section--full .antenna-logo-css {font-size: 1rem;right: -6rem;top: -8rem;} } @media only screen and (max-width: 450px) { .featured-services-section--full .antenna-logo-css {font-size: .9rem;right: -7rem;top: -10.5rem;} } /******************************************************************************** --- Featured Icon Cards --- *********************************************************************************/ .featured-icons ul {list-style: none; margin: 0; padding: 0;} .featured-icons__block {display: flex; align-items:flex-start; padding: 1.5625em; height: 100%; background:rgb(var(--white)); box-shadow: 0px 2px 25px -6px rgba(var(--darkBlue),0.14); transition: box-shadow 250ms ease, transform 250ms ease; transform: translate3d(0px, 0px, 0px);} .featured-icons__block:hover {box-shadow: 0px 20px 50px -15px rgba(var(--darkBlue),0.14); transform: translate3d(0px, -0.3125em, 0px);} .featured-icons__desc {padding-left: 1.25em;} .featured-icons__icon {font-size: 3.75em; color: rgb(var(--secondary))} .featured-icons__headline {font-size: 1.25em; margin-bottom: 0.6em;} .featured-icons__overview {font-size: 0.8125em; line-height: 1.4; color: var(--body-text)} .featured-icons__desc > :last-child {margin-bottom: 0} /******************************************************************************** --- Components - Featured - Images --- *********************************************************************************/ .featured-image {margin-top: 2.5em;} .featured-image__headline {font-size: 2.4375em;} .featured-image__subheadline {font-size: 1.5625em; font-weight: 300; color: rgb(var(--secondary));} .featured-image__overview {font-size: 1.25em} .featured-image__image, .featured-image__image img {position: relative;} .featured-image__image .antenna-logo-css {font-size: 2.5em; position: absolute; top: -2em;} .featured-image--right .antenna-logo-css {right: -3.75em;} .featured-image--left .antenna-logo-css {left: -3.75em;} @media only screen and (min-width: 1025px) { .featured-image {display: flex; justify-content: space-between; align-items: center; align-content: center} .featured-image__content {width: 50%; position: relative; z-index: 1;} .featured-image__image {width: 39.77272727272727%;} .featured-image--right .featured-image__content {order:0} .featured-image--right .featured-image__image {order:1} .featured-image--left .featured-image__content {order:1} .featured-image--left .featured-image__image {order:0} } @media only screen and (min-width: 1200px) { .featured-image .featured-icons ul {display: flex; flex-wrap: wrap; align-items: stretch; margin: 0 -0.625em 2.5em -0.625em;} .featured-image .featured-icons li {width: 50%; padding: 0 0.625em 1.25em;} } @media only screen and (min-width: 1025px) and (max-width: 1199px) { .featured-image__content {width: 40%;} .featured-image__image {width: 52%;} .featured-image .featured-icons ul {margin: 0 0 2.5em 0;} .featured-image .featured-icons li {margin-bottom: 0.625em;} } @media only screen and (max-width: 1680px) { .featured-image__image .antenna-logo-css {right: -2.75em;} } @media only screen and (max-width: 1366px) { .featured-image__image .antenna-logo-css {font-size: 2.25em;} } @media only screen and (max-width: 1024px) { .featured-image {margin-top: 5em;} .featured-image__image {max-width: 50%; margin-right: auto; margin-left: auto; margin-bottom: 3.75em; text-align: center;} .featured-image__image .antenna-logo-css {font-size: 2.25em; right: 50%; margin-right: -9.375em;} } @media only screen and (max-width: 800px) { .featured-image__image .antenna-logo-css {font-size: 2em;} } @media only screen and (min-width: 640px) and (max-width: 1024px) { .featured-image .featured-icons ul {display: flex; flex-wrap: wrap; align-items: stretch; margin: 0 -0.625em 2.5em -0.625em;} .featured-image .featured-icons li {width: 50%; padding: 0 0.625em 1.25em;} } @media only screen and (max-width: 639px) { .featured-image .featured-icons ul {margin: 0 0 2.5em 0;} .featured-image .featured-icons li {margin-bottom: 0.625em;} .featured-image__image .antenna-logo-css {font-size: 1.5em;} .featured-image__image.featured-image__image--mobile-full {max-width: 100%;} } @media only screen and (max-width: 479px) { .featured-image {margin-top: 3.75em;} .featured-image__image {max-width: 60%; margin-bottom: 2.5em;} .featured-image__image .antenna-logo-css {font-size: 1.25em;} .featured-image__image.featured-image__image--mobile-full {max-width: 100%;} } @media only screen and (max-width: 375px) { .featured-image {margin-top: 2.5em;} .featured-image__image .antenna-logo-css {font-size: 1em;} } /******************************************************************************** --- Components - Components - Featured - Full Image Content --- *********************************************************************************/ .featured-full-image {position: relative;} .featured-full-image__headline {font-size: 2.4375em;} .featured-full-image__subheadline {font-size: 1.5625em; font-weight: 300; color: rgb(var(--secondary));} .featured-full-image__overview {font-size: 1.25em} .featured-full-image__image {background-position: center; background-size: cover; background-repeat: no-repeat; position: relative;} @media only screen and (min-width: 1025px) { .featured-full-image__content {width: 100%;} .featured-full-image__body {width: 40%; padding-top: 4em; padding-bottom: 4em;} .featured-full-image__image {position: absolute; top: 0; width: 50%; height: 100%;} .featured-full-image--right .featured-full-image__image {right: 0;} .featured-full-image--left .featured-full-image__image {left: 0;} .featured-full-image--left .featured-full-image__body {float: right;} } @media only screen and (min-width: 1200px) { .featured-full-image__body {padding-top: 6.25em; padding-bottom: 6.25em;} .featured-full-image .featured-icons ul {display: flex; flex-wrap: wrap; align-items: stretch; margin: 0 -0.625em 2.5em -0.625em;} .featured-full-image .featured-icons li {width: 50%; padding: 0 0.625em 1.25em;} } @media only screen and (min-width: 1025px) and (max-width: 1199px) { .featured-full-image .featured-icons ul {margin: 0 0 2.5em 0;} .featured-full-image .featured-icons li {margin-bottom: 0.625em;} } @media only screen and (min-width: 640px) and (max-width: 1024px) { .featured-full-image .featured-icons ul {display: flex; flex-wrap: wrap; align-items: stretch; margin: 0 -0.625em 2.5em -0.625em;} .featured-full-image .featured-icons li {width: 50%; padding: 0 0.625em 1.25em;} } @media only screen and (max-width: 1024px) { .featured-full-image__image {height: 25em;} .featured-full-image__body {padding-top: 3.75em; padding-bottom: 3.75em;} } @media only screen and (max-width: 639px) { .featured-full-image__image {height: 20em;} .featured-full-image .featured-icons ul {margin: 0 0 2.5em 0;} .featured-full-image .featured-icons li {margin-bottom: 0.625em;} } /******************************************************************************** --- Components - Heading Block --- *********************************************************************************/ .heading-block {text-align: center;} .heading-block--left {text-align: left;} .heading-block .small-centered > :last-child {margin-bottom: 0} .heading-block--divider > .row-site {padding-bottom: 3.75em; margin-bottom: 3.75em; border-bottom: 1px solid rgba(var(--lightGray), 1)} .heading-block p {font-size: 1.25em;} .heading-block__overview > :last-child {margin-bottom: 0} .heading-block__cta {margin-top: 2.5em;} @media only screen and (max-width: 639px) { .heading-block--divider > .row-site {padding-bottom: 2.5em; margin-bottom: 2.5em;} } /******************************************************************************** --- Components - Content Block --- *********************************************************************************/ .content-block__cta {margin-top: 3.125rem; padding-top: 2.5rem; border-top: 1px solid rgb(var(--lightGray))} .content-block__cta-headline {margin-bottom: 0.3226rem} @media only screen and (min-width: 801px) { .content-block__cta {display: flex; justify-content: space-between; align-items:center;} .content-block__cta-body {padding-right: 6.25em;} .content-block__cta-action {flex:1 0 auto;} .content-block__cta-action .button {display: block; width: 100%; margin-bottom: 0} } /******************************************************************************** --- Results --- *********************************************************************************/ .results-grid{display:grid;grid-gap:2.5em;grid-template-columns:repeat(4,1fr); grid-auto-rows: minmax(min-content, max-content);} .results__item {position: relative;} .results__case-study{grid-column-end:span 2;grid-row-end:span 4} .results__testimonial{grid-column-end:span 2;grid-row-end:span 2} .results__portfolio{grid-column-end:span 2;grid-row-end:span 2} .results__clients{grid-row-end:span 2} .results__bg {position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat;} .results__item .card {height:100%;} @media only screen and (max-width: 1199px) { .results-grid{grid-gap:0.9375em} .results-grid .card__testimonial {font-size: 0.9375rem;} } @media only screen and (max-width: 959px) { .results__clients{grid-column-end:span 2} .results-grid .card__testimonial {font-size: 0.875rem;} } @media only screen and (max-width: 767px) { .results__case-study{grid-column-end:span 4; grid-row-end:span 5} .results__testimonial{grid-column-end:span 4;grid-row-end:span 2} } @media only screen and (max-width: 560px) { .results__portfolio{grid-column-end:span 4} .results__clients{grid-row-end:span 2} } @media only screen and (max-width: 479px) { .results__case-study{grid-row-end:span 2} .results__clients{grid-row-end:span 1} } /******************************************************************************** --- Cards - Grid --- *********************************************************************************/ .card-grid__list {display: flex; flex-wrap: wrap; align-items: stretch; align-content: flex-start; margin: 0 -0.625rem;} .card-grid__block {padding: 0 0.625rem 1.875rem; width: 100%;} .card-grid__block .card {height: 100%;} @media only screen and (min-width: 1025px) { .card-grid--3 .card-grid__block {width: 33.33333333333333%;} } @media only screen and (min-width: 580px) and (max-width: 1024px) { .card-grid--3 .card-grid__block {width: 50%;} } @media only screen and (min-width: 580px) { .card-grid--2 .card-grid__block {width: 50%;} } @media only screen and (max-width: 1439px) { .card-grid--2 .card--tall .card__image-bg {height: 24em} } @media only screen and (max-width: 1199px) { .card-grid--2 .card--tall .card__image-bg {height: 20em} } /******************************************************************************** --- Cards --- *********************************************************************************/ .card {overflow: hidden; box-shadow: 0 15px 50px 0 rgba(var(--darkBlue), 0.06); background-color: rgb(var(--white)); transition: box-shadow 250ms ease} .card:hover {box-shadow: 0px 20px 50px -15px rgba(var(--darkBlue),0.15);} .card__image {display: block; position: relative; } .card__image:before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(17, 28, 56,1) 0%,rgba(33, 55, 109,1) 100%); z-index: 1; opacity: 0.35;} .card__image img {display: block; width: 100%; height: auto;} .card__image-bg {height:15.625em; background-position: center center; background-repeat: no-repeat; background-size: cover;} .card--tall .card__image-bg {height: 28.125em} .card--short .card__image-bg {height: 12.5em;} .card__image-labels {position: absolute; top: 1.25em; left: 1.25em; z-index: 1; } .card__image-label {font-size:0.6875em; font-family: var(--barlow); display: block; float: left; margin:0 0.1818em 0.4545em; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; padding: 0.4545em 1.3636em; border-radius: 2.2727em; background-color: rgb(var(--primary)); color: rgb(var(--white));} .card__image-label--secondary {background-color: rgb(var(--secondary));} .card__body {padding: 1.5625em 1.5625em 2.1875em;} .card__body > :last-child {margin-bottom: 0} .card__label {font-size: 0.875em; font-family: var(--barlow); display: block; font-weight: 700; text-transform: uppercase; line-height: 1.2; letter-spacing: 1.2px; margin-bottom: 0.3846em; color: rgb(var(--tertiary))} .card__meta {margin-bottom: 0.3125em;} .card__meta span {display: inline-block; font-size: 0.8125em; font-family: var(--barlow); text-transform: uppercase; font-weight: 700; color: rgb(var(--secondary)); position: relative;} .card__meta span:not(:last-child) {margin-right: 1.5385em;} .card__meta span:not(:last-child)::after {content: ""; display: block; position: absolute; top: 50%; right:-1.1538em; margin-top: -3px; width: 6px; height: 6px; border-radius: 6px; background: rgb(var(--secondary));} .card__title {font-size: 1.5625em; line-height: 1.4;} .card__title a {color: rgb(var(--primary))} .card__subtitle {font-size: 1.25em; display: block; color: rgb(var(--secondary)); font-weight: 400; margin-top: -0.625em; margin-bottom: 0.625em;} .card__overview {font-size: 1em; margin-bottom: 1.500em; color: var(--body-text)} .card__overview :last-child {margin-bottom: 0;} .card--has-button {position: relative;} .card--has-button .card__body {padding-bottom: calc(2.1875em + 4.5em)} .card__action {display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 3.75em; line-height: 3.5em; padding: 0 5em 0 1.5625em; border-top: solid 1px rgba(var(--lightGray), 1); } .card__action-center {font-size: 0.875em; font-weight: 700; letter-spacing: 0.5px; display: inline-block; vertical-align: middle; line-height: 1.2; color: rgb(var(--secondary)); transition: color 250ms ease} .card:hover .card__action-center, .card:hover .card__action-icon {color: rgb(var(--primary));} .card__action-icon {font-size: 1.125em; position: absolute; top: 50%; right: 1.3889em; margin-top: -0.5em; font-weight: 700; margin-right: 5px; color: rgb(var(--secondary)); transition: color 250ms ease} .card__testimonial {position: relative;} .card__testimonial::before {font-size: 10em; content: "\e9e3"; font-family: 'CD-Project-Icons'; line-height: 1; display: block; position: absolute; top: -0.5625em; right: -0.25em; color: rgba(var(--gray), 0.35)} .card__testimonial blockquote {margin: 0; padding: 0;} .card__testimonial blockquote .quote {margin-top: 0.625em; margin-bottom: 0.625em;} .card__testimonial blockquote .quote p {font-size: 1.5625em; font-weight: 700; line-height: 1.6;} .card__testimonial blockquote:not(.blockquote-alt) .quote:before {display: none;} .card__testimonial blockquote .cite {margin-bottom: 0; padding-right: 12.5em; position: relative;} .card__testimonial-all {font-size: 0.8125em; position: absolute; bottom: 0; right: 0; margin-bottom: 0} .card--no-overlay .card__image:before {display: none;} .card--post-featured {background: none;} .card--post-featured, .card--post-featured:hover {box-shadow: none;} .card--post-featured .card__body {padding: 1.25em 0 0 0} .card--post-featured .card__title {font-size: 1.9375em;} .card--post-featured .card__meta span {font-size: 0.875em;} @media (min-width: 800px) { .card--index-large {position: relative; padding-left: 50%;} .card--index-large .card__image {position: absolute; top: 0; left: 0; width: 50%; height: 100%; overflow: hidden;} .card--index-large .card__image-bg {height: 100%;} .card--index-large .card__image img {object-fit: cover; object-position: center; height: 100%;} .card--index-large .card__body {min-height: 25em;} .card--index-large .card__overview {font-size: 1.25em; font-weight: 300;} .card--index-large .card__meta span {font-size: 0.875em;} } @media (min-width: 960px) { .card--index-large .card__body {padding: 2.813em 3.750em} } @media (max-width: 959px) { .card__body {padding: 1.250em;} } @media (max-width: 800px) { .card__body {padding: 1.563em;} .card__overview {font-size: 1em;} .card__testimonial-all {bottom: 1.563em; right: 1.563em;} } @media (max-width: 639px) { .card__body {padding: 1.250em;} .card--tall .card__image-bg {height: 24em} .card__testimonial-all {bottom: 1.250em; right: 1.250em;} } @media (max-width: 479px) { .card__body, .card--resource .card__body {padding: 1.250em;} .card--tall .card__image-bg {height: 20em} } @media (max-width: 375px) { .card--tall .card__image-bg {height: 18em} } /******************************************************************************** --- Icon Block List --- *********************************************************************************/ .block-icon-list .column-block {margin-bottom: 3.75em;} .block-icon {text-align: center; padding: 0 1.5625em;} .block-icon--card {background: rgb(var(--white)); box-shadow: 0px 2px 25px -6px rgba(var(--darkBlue),0.14); padding: 1.5625em;} .block-icon__icon {font-size: 3.4375em; line-height: 1; margin-bottom: 0.3636em; color: rgb(var(--secondary)); transition: color 250ms ease} .block-icon__icon span {vertical-align: top;} .block-icon__image {text-align: center; height: 5em; line-height: 5em; margin-bottom: 1.25em;} .block-icon__image img {max-height: 5em; width: auto;} .block-icon__title {font-size: 1.5625em} .block-icon__overview {font-size: 1em; color: var(--body-text)} .block-icon > :last-child {margin-bottom: 0} a.block-icon {display: block; transition: transform 250ms ease; transform: translate3d(0px, 0px, 0px);} a.block-icon:hover {transform: translate3d(0px, -0.3125em, 0px);} a.block-icon:hover .block-icon__icon {color: rgb(var(--primary));} a.block-icon--card:hover .block-icon__icon {color: rgb(var(--secondary));} @media (max-width: 479px) { .block-icon-list .column-block {margin-bottom: 1.875em;} } /******************************************************************************** --- Support Cards --- *********************************************************************************/ a.logo.support { position: relative; top: auto; left: auto; margin: 0 auto 15px; } section.support__boxen { overflow: hidden; position: relative; } .support__boxen .antenna-logo-css { bottom: -10rem; font-size: 1.6375rem; height: 32.835rem; position: absolute; right: 21px; width: 37.75rem; z-index: 0; } .support__cards.ecosystem-section__grid { justify-content: flex-start; } .support__cards .block-icon__overview { font-size: 1rem; } .support__cards .ecosystem-section__grid-block { margin: 0; position: relative; width: 50%; } .support__cards .ecosystem-section__grid-block .block-icon { text-align: left; } .support__cards h3 { font-size: 1.25rem; } .support__block >p { font-size: 18px; } section.support__boxen .side-module--card { margin: 50px 0 0; } section.support__boxen .form-block__side-module-headline { font-size: 25px; } section.support__boxen .form-block__side-module-overview { font-size: 18px; } .form-block__side-module-topcontent { color: #606980; font-weight: normal; margin: 0 0 30px; } .sticky-header .support-header { background: rgba(var(--offWhite),1);; } .tooltip { cursor: pointer; position: absolute; right: 20px; bottom: 29px;} .tooltip span { color: #21376D; font-size: 20px; } .tooltip:hover span { color: #42C686; } .tooltip::before { box-shadow: 4px 5px 8px rgb(0 0 0 / 30%); content: attr(data-text); position:absolute; top: 118%; left: 0; width: 315px; padding:10px; border-radius:10px; background:#606980; color: #fff; text-align:left; z-index: 3; } .tooltip::after { content: ""; position:absolute; left: 0; top:50%; border:10px solid #606980; border-color: transparent transparent #606980 transparent; } .tooltip::before, .tooltip::after { opacity: 0; transition: all 0.4s ease; } .tooltip::after { transform: scale(0); } .tooltip::before { transform: scale(0) translateX(-71%); } .tooltip:hover::after, .tooltip:hover::before { opacity: 1; transform: scale(1); } .tooltip:hover::before { transform: scale(1) translateX(-71%); } @media (max-width: 430px) { .support__cards .ecosystem-section__grid-block { width: 100%; } } /******************************************************************************** --- Logo Cards --- *********************************************************************************/ .logo-card {display: flex; align-items: center; align-content: center; height: 100%; padding: 1.875em; background: rgb(var(--primary)); box-shadow: 0 15px 50px 0 rgba(var(--darkBlue), 0.10); transition: box-shadow 250ms ease; } .logo-card:hover {box-shadow: 0px 20px 50px -15px rgba(var(--darkBlue),0.35);} .logo-card--green {background: rgb(var(--secondary))} .logo-card__inner {width: 100%;} .logo-card__image, .logo-card__body {display: block; width: 100%; text-align: center;} .logo-card__image {height: 5em; line-height: 5em; } .logo-card__image img {width: auto; max-width: 75%; max-height: 5em; } .logo-card__body {margin-top: 2.5em;} .logo-card--logo-bg .logo-card__image {max-width: 75%; margin-right: auto; margin-left: auto; background: rgb(var(--white)); padding:0 1.5625em; border-radius: 6px;} .logo-card--logo-bg .logo-card__image img {max-height: 4em;} .logo-card__label, .logo-card__name {color: rgb(var(--white));} /******************************************************************************** --- CTA Card --- *********************************************************************************/ .cta-card {box-shadow: 0 15px 50px 0 rgba(var(--darkBlue), 0.06); background-color: rgb(var(--white)); padding:2.5em 5em} .cta-card--dark-shadow {box-shadow: 0 15px 50px 0 rgba(var(--darkBlue), 0.20);} .cta-card__icon {font-size: 3.75em; color: rgb(var(--gray))} .cta-card__headline {font-size: 1.5625em; margin-bottom: 0.2em} .cta-card__overview {font-size: 1.25em;} .cta-card__body > :last-child {margin-bottom: 0;} .cta-card__action .button {margin-bottom: 0} .section--cta {margin-bottom: -1.875em;} .section--cta .cta-card {padding-top: 3.75em; padding-bottom: 3.75em; position: relative; z-index: 1;} @media only screen and (min-width: 640px) { .cta-card {display: flex; justify-content:space-between; align-items:center; } .cta-card__body {width: 60%} .cta-card__action {width: 40%; text-align: right;} .cta-card--icon .cta-card__body {padding-left: 4.75em; position: relative;} .cta-card__icon {position: absolute; top: 0.0333em; left: 0;} } @media only screen and (max-width: 639px) { .cta-card {text-align: center;} .cta-card__body {margin-bottom: 1.25em} .cta-card--icon .cta-card__body {padding-left: 0;} .cta-card {padding:1.875em 2.1875em} } @media only screen and (max-width: 479px) { .cta-card__icon {font-size: 2.25em; display: inline-block; margin-bottom: 0.2778em} } /******************************************************************************** --- Swiper 4.4.6 --- *********************************************************************************/ .swiper-container {margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1;} .swiper-container-no-flexbox .swiper-slide {float: left;} .swiper-container-vertical > .swiper-wrapper {-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;} .swiper-wrapper {position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box;} .swiper-container-android .swiper-slide, .swiper-wrapper {-webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0);} .swiper-container-multirow > .swiper-wrapper {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} .swiper-container-free-mode > .swiper-wrapper {-webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto;} .swiper-slide {-webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform;} .swiper-slide-invisible-blank {visibility: hidden;} /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {height: auto;} .swiper-container-autoheight .swiper-wrapper {-webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform;} /* 3D Effects */ .swiper-container-3d {-webkit-perspective: 1200px; perspective: 1200px;} .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {-webkit-transform-style: preserve-3d; transform-style: preserve-3d;} .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10;} .swiper-container-3d .swiper-slide-shadow-left {background-image: -webkit-gradient(linear, right top, left top, from(rgba(var(--darkBlue), 0.5)), to(rgba(var(--darkBlue), 0))); background-image: -webkit-linear-gradient(right, rgba(var(--darkBlue), 0.5), rgba(var(--darkBlue), 0)); background-image: -o-linear-gradient(right, rgba(var(--darkBlue), 0.5), rgba(var(--darkBlue), 0)); background-image: linear-gradient(to left, rgba(var(--darkBlue), 0.5), rgba(var(--darkBlue), 0));} .swiper-container-3d .swiper-slide-shadow-right {background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--darkBlue), 0.5)), to(rgba(var(--darkBlue), 0))); background-image: -webkit-linear-gradient(left, rgba(var(--darkBlue), 0.5), rgba(var(--darkBlue), 0)); background-image: -o-linear-gradient(left, rgba(var(--darkBlue), 0.5), rgba(var(--darkBlue), 0)); background-image: linear-gradient(to right, rgba(var(--darkBlue), 0.5), rgba(var(--darkBlue), 0));} .swiper-container-3d .swiper-slide-shadow-top {background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--darkBlue), 0.5)), to(rgba(var(--darkBlue), 0))); background-image: -webkit-linear-gradient(bottom, rgba(var(--darkBlue), 0.5), rgba(var(--darkBlue), 0)); background-image: -o-linear-gradient(bottom, rgba(var(--darkBlue), 0.5), rgba(var(--darkBlue), 0)); background-image: linear-gradient(to top, rgba(var(--darkBlue), 0.5), rgba(var(--darkBlue), 0));} .swiper-container-3d .swiper-slide-shadow-bottom {background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(var(--darkBlue), 0.5)), to(rgba(var(--darkBlue), 0))); background-image: -webkit-linear-gradient(top, rgba(var(--darkBlue), 0.5), rgba(var(--darkBlue), 0)); background-image: -o-linear-gradient(top, rgba(var(--darkBlue), 0.5), rgba(var(--darkBlue), 0)); background-image: linear-gradient(to bottom, rgba(var(--darkBlue), 0.5), rgba(var(--darkBlue), 0));} /* IE10 Windows Phone 8 Fixes */ .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {-ms-touch-action: pan-y; touch-action: pan-y;} .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {-ms-touch-action: pan-x; touch-action: pan-x;} .swiper-button-lock {display: none;} .swiper-pagination {position: absolute; text-align: center; -webkit-transition: 300ms opacity; -o-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10;} .swiper-pagination.swiper-pagination-hidden {opacity: 0;} /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 10px; left: 0; width: 100%;} /* Bullets */ .swiper-pagination-bullets-dynamic {overflow: hidden; font-size: 0;} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {-webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); position: relative;} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {-webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66);} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {-webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33);} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {-webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66);} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {-webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33);} .swiper-pagination-bullet {width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: rgb(var(--darkBlue)); opacity: 0.2;} button.swiper-pagination-bullet {border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer;} .swiper-pagination-bullet-active {opacity: 1; background: rgb(var(--secondary));} .swiper-container-vertical > .swiper-pagination-bullets {right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0);} .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 6px 0; display: block;} .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px;} .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform;} .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 4px;} .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap;} .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {-webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform;} .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {-webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform;} /* Progress */ .swiper-pagination-progressbar {background: rgba(var(--darkBlue), 0.25); position: absolute;} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: rgb(var(--secondary)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top;} .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {-webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top;} .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {width: 100%; height: 4px; left: 0; top: 0;} .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {width: 4px; height: 100%; left: 0; top: 0;} .swiper-pagination-white .swiper-pagination-bullet-active {background: rgb(var(--white));} .swiper-pagination-progressbar.swiper-pagination-white {background: rgba(var(--white), 0.25);} .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {background: rgb(var(--white));} .swiper-pagination-black .swiper-pagination-bullet-active {background: rgb(var(--darkBlue));} .swiper-pagination-progressbar.swiper-pagination-black {background: rgba(var(--darkBlue), 0.25);} .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {background: rgb(var(--darkBlue));} .swiper-pagination-lock {display: none;} /* Scrollbar */ .swiper-scrollbar {border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(var(--darkBlue), 0.1);} .swiper-container-horizontal > .swiper-scrollbar {position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%;} .swiper-container-vertical > .swiper-scrollbar {position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%;} .swiper-scrollbar-drag {height: 100%; width: 100%; position: relative; background: rgba(var(--darkBlue), 0.5); border-radius: 10px; left: 0; top: 0;} .swiper-scrollbar-cursor-drag {cursor: move;} .swiper-scrollbar-lock {display: none;} .swiper-zoom-container {width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center;} .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas {max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain;} .swiper-slide-zoomed {cursor: move;} /* Preloader */ .swiper-lazy-preloader {width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite;} .swiper-lazy-preloader:after {display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat;} .swiper-lazy-preloader-white:after {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");} @-webkit-keyframes swiper-preloader-spin {100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}} @keyframes swiper-preloader-spin {100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}} /* a11y */ .swiper-container .swiper-notification {position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000;} .swiper-container-fade.swiper-container-free-mode .swiper-slide {-webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out;} .swiper-container-fade .swiper-slide {pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity;} .swiper-container-fade .swiper-slide .swiper-slide {pointer-events: none;} .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {pointer-events: auto;} .swiper-container-cube {overflow: visible;} .swiper-container-cube .swiper-slide {pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%;} .swiper-container-cube .swiper-slide .swiper-slide {pointer-events: none;} .swiper-container-cube.swiper-container-rtl .swiper-slide {-webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0;} .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {pointer-events: auto;} .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide {pointer-events: auto; visibility: visible;} .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right {z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .swiper-container-cube .swiper-cube-shadow {position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: rgb(var(--darkBlue)); opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0;} .swiper-container-flip {overflow: visible;} .swiper-container-flip .swiper-slide {pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1;} .swiper-container-flip .swiper-slide .swiper-slide {pointer-events: none;} .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {pointer-events: auto;} .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right {z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .swiper-container-coverflow .swiper-wrapper {/* Windows 8 IE 10 fix */ -ms-perspective: 1200px;} /******************************************************************************** --- Default Carousel --- *********************************************************************************/ .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: linear-gradient(to right, #2fa8d0 0%,#40b7c4 28%,#43bcba 46%,#47c2ad 63%,#42c686 100%);} /******************************************************************************** --- Order List Carousel --- *********************************************************************************/ .order-list-carousel__headline {font-size: 2.4375em;} .order-list-carousel__overview {font-size: 1.25em} .order-list-carousel__overview p {margin-bottom:1.2em } /* Carousel Slide */ .order-list-slide {height: 37.5em; position: relative;} .order-list-slide__bg, .order-list-slide__bg::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .order-list-slide__bg {background-position: center; background-size: cover; background-repeat: no-repeat;} .order-list-slide__bg::before {content: ""; display: block; background: linear-gradient(to bottom, rgba(var(--darkBlue),0.10) 0%,rgba(var(--darkBlue),0.25) 40%,rgba(var(--darkBlue),0.75) 100%);} .order-list-slide__caption {display: flex; justify-content: center; align-items:flex-end; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;} .order-list-slide__caption-inner {position: relative; padding: 0 2.5em 3.75em 8.75em} .order-list-slide__caption-num, .order-list-slide__caption-headline, .order-list-slide__caption-desc {color: rgb(var(--white));} .order-list-slide__caption-num {font-size: 9.375em; line-height: 1; font-weight: 700; font-family: var(--barlow); position: absolute; top: -0.2333em; left: 0.2667em; color: rgba(var(--secondary),0.65);} .order-list-slide__caption-headline {font-size: 3em; line-height: 1.2; margin-bottom: 0; position: relative;} .order-list-slide__caption-desc {font-size: 1.25em; line-height: 1.4; position: relative; margin-bottom: 0} .order-list-slide__caption-num, .order-list-slide__caption-headline, .order-list-slide__caption-desc {opacity:0; transition-property:opacity,transform; transition-duration:800ms; transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);} .order-list-slide__caption-num {transition-delay:250ms; transform:translate3d(0,50px,0); } .order-list-slide__caption-headline {transition-delay:500ms; transform:translate3d(0,25px,0); } .order-list-slide__caption-desc {transition-delay:600ms; transform:translate3d(0,25px,0); } .order-list-carousel .swiper-slide-active .order-list-slide__caption-num, .order-list-carousel .swiper-slide-active .order-list-slide__caption-headline, .order-list-carousel .swiper-slide-active .order-list-slide__caption-desc {opacity:1;transform:translateZ(0)} .order-list-carousel .swiper-button-prev, .order-list-carousel .swiper-button-next {position: absolute; width: 4.0625em; height: 4.1875em; margin-top: -2.0938em; top: 50%; z-index: 10; cursor: pointer;} .order-list-carousel .swiper-button-prev::before, .order-list-carousel .swiper-button-next::before {font-size: 4.0625em; line-height: 1; font-family: 'CD-Project-Icons'; color: rgb(var(--secondary)); transition: all 250ms ease} .order-list-carousel .swiper-button-prev.swiper-button-disabled, .order-list-carousel .swiper-button-next.swiper-button-disabled {opacity: 0.35; cursor: auto; pointer-events: none;} .order-list-carousel .swiper-button-prev {left: 1.25em; right: auto;} .order-list-carousel .swiper-button-prev::before {content: "\e913"; text-shadow: 0px 0px 0px rgba(var(--tertiary),0)} .order-list-carousel .swiper-button-prev:hover::before {text-shadow: -13px 0px 0px rgba(var(--tertiary),1)} .order-list-carousel .swiper-button-next {right: 1.25em; left: auto;} .order-list-carousel .swiper-button-next::before {content: "\e915"; text-shadow: 0px 0px 0px rgba(var(--tertiary),0)} .order-list-carousel .swiper-button-next:hover::before {text-shadow: 13px 0px 0px rgba(var(--tertiary),1)} @media only screen and (max-width: 1199px) { .order-list-slide__caption {font-size: 0.875em;} .order-list-slide {height: 30em;} } @media only screen and (max-width: 959px) { .order-list-slide__caption {font-size: 0.75em;} } @media only screen and (min-width: 801px) { .order-list-carousel {display: flex; justify-content: space-between; align-items: center; align-content: center} .order-list-carousel__content {width: 40%;} .order-list-carousel__carousel {width: 50%;} } @media only screen and (max-width: 800px) { .order-list-slide__caption {font-size: 1em;} .order-list-carousel__content {margin-bottom: 2.5em} } @media only screen and (max-width: 639px) { .order-list-slide__caption {font-size: 0.9375em;} } @media only screen and (max-width: 479px) { .order-list-slide__caption {font-size: 0.75em;} .order-list-slide {height: 22em;} } @media only screen and (max-width: 375px) { .order-list-slide__caption-num {font-size: 8em} .order-list-slide__caption-desc {font-size: 1.4444em;} } /******************************************************************************** --- Antenna Logo --- *********************************************************************************/ .antenna-logo-css {width: 18.75em; height: 17.835em; transform: translate3d(0px, 0, 0px); transition: all 0.5s ease;} .antenna-logo-css > span, .antenna-logo-css > span::before, .antenna-logo-css > span::after, .antenna-logo-css > span > span {position: absolute; width: 2em; border-radius: 50px; background: linear-gradient(45deg, #2fa8d0 0%, #40b7c4 28%, #43bcba 46%, #47c2ad 63%, #42c686 100%); opacity: 0.90;} .antenna-logo-css > span {top: -1.6875em; left: 54%; height: 119%; transform: rotate(35deg);} .antenna-logo-css > span::before {content: ""; display: block; top: 20%; left: -4.25em; height: 80%;} .antenna-logo-css > span::after {content: ""; display: block; top: 20%; right: -4.25em; height: 60%;} .antenna-logo-css > span > span {display: block; top: 40%; left: -8.5625em; height: 40%} /******************************************************************************** --- Full Bleed Cards --- *********************************************************************************/ .full-bleed-card-heading {text-align: center; margin-bottom: 3.75em} .full-bleed-card-list {overflow: hidden; margin-bottom: 4px} .full-bleed-card-list--container {max-width: 1600px; margin-right: auto; margin-left: auto; } .full-bleed-card {width: 16.66666666666667%; float: left; } .full-bleed-card a, .full-bleed-card > div {display: block; height: 20em; background: rgb(var(--darkBlue)); position: relative;} .full-bleed-card__bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position:top center; background-repeat: no-repeat; background-size: cover; filter: grayscale(0%); transition: all 0.5s ease; -webkit-backface-visibility:hidden;} .full-bleed-card__bg-overlay {display: block; position: absolute; top: 0; left:0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(var(--darkBlue),0.10) 0%,rgba(var(--darkBlue),0.25) 40%,rgba(var(--darkBlue),0.75) 100%);} .full-bleed-card__bg-overlay::before {content: ""; display: block; position: absolute; top: 0; left:0; width: 100%; height: 100%; background: rgba(var(--darkBlue), 0.35); opacity: 0; transition: all 0.5s ease; } .full-bleed-card .antenna-logo-css {font-size: 0.4375em; top: 46%; left: 50%; position: absolute; margin-top: -9.375em; margin-left: -8.9175em;} .full-bleed-card .antenna-logo-css {opacity:0; transition-property:opacity,transform; transition-duration:600ms; transition-delay:0ms; transform:translate3d(0,50px,0); transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);} .full-bleed-card:hover .antenna-logo-css {opacity:1;transform:translateZ(0)} .full-bleed-card:hover .full-bleed-card__bg {filter: grayscale(100%);} .full-bleed-card:hover .full-bleed-card__bg-overlay::before {opacity: 1;} .full-bleed-card__overlay {position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 2.8125em 2.8125em 2.8125em; text-align: center;} .full-bleed-card-list--locations .full-bleed-card__overlay {padding-right: 1.875em; padding-left: 1.875em;} .full-bleed-card__overlay > :last-child {margin-bottom: 0;} .full-bleed-card__headline, .full-bleed-card__title, .full-bleed-card__overview {color: rgb(var(--white));} .full-bleed-card__headline {font-size: 1.4375em; margin-bottom: 0.4em;} .full-bleed-card__title {font-size: 1em; margin-bottom: 1.5625em} .full-bleed-card__overview {font-size: 1em; line-height: 1.25; margin-bottom: 0} .full-bleed-card__action {position: absolute; bottom: 0; right: 0; width: 5.000em; height: 5.000em; } .full-bleed-card__action:before {content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 0 0 5.000em 5.000em; border-color: transparent transparent rgb(var(--secondary)) transparent; transition: border-color 250ms ease;} .full-bleed-card__action:after {font-size: 1.375em; content: "\e9b2"; font-family: 'CD-Project-Icons'; line-height: 1; display: block; position: absolute; bottom:0.636em; right: 0.545em; color: rgb(var(--white)); } @media only screen and (max-width: 1439px) { .full-bleed-card-list--locations .full-bleed-card a, .full-bleed-card-list--locations .full-bleed-card > div {height:18em;} .full-bleed-card .antenna-logo-css {font-size: 0.375em} } @media only screen and (min-width: 1024px) and (max-width: 1199px) { .full-bleed-card-list--locations .full-bleed-card__headline {font-size: 1.25em} } @media only screen and (max-width: 1199px) { .full-bleed-card-list--4 .full-bleed-card {width: 33.3333%} .full-bleed-card-list--4 .full-bleed-card a, .full-bleed-card-list--4 .full-bleed-card > div {height:24.625em;} } @media only screen and (max-width: 1024px) { .full-bleed-card-list--locations .full-bleed-card {width: 50%} } @media only screen and (max-width: 960px) { .full-bleed-card-list--4 .full-bleed-card a, .full-bleed-card-list--4 .full-bleed-card > div {height:22.4286em;} } @media only screen and (max-width: 800px) { .full-bleed-card-list--4 .full-bleed-card {width: 50%;} .full-bleed-card-list--4 .full-bleed-card a, .full-bleed-card-list--4 .full-bleed-card > div {height:23.4375em;} } @media only screen and (max-width: 530px) { .full-bleed-card-list--4 .full-bleed-card a, .full-bleed-card-list--4 .full-bleed-card > div {height:18.75em;} .full-bleed-card-list--4 .full-bleed-card__action {width: 4em; height: 4em; } .full-bleed-card-list--4 .full-bleed-card__action:before {border-width: 0 0 4em 4em;} .full-bleed-card-list--4 .full-bleed-card__action:after {font-size: 1.125em;} } @media only screen and (max-width: 479px) { .full-bleed-card-list--locations .full-bleed-card__headline {font-size: 1.25em} .full-bleed-card-list--locations .full-bleed-card a, .full-bleed-card-list--locations .full-bleed-card > div {height:16em;} .full-bleed-card .antenna-logo-css {font-size: 0.375em} } @media only screen and (max-width: 375px) { .full-bleed-card-list--4 .full-bleed-card a, .full-bleed-card > div {height:16.6667em;} .full-bleed-card-list--locations .full-bleed-card a, .full-bleed-card-list--locations .full-bleed-card > div {height:14em;} .full-bleed-card .antenna-logo-css {font-size: 0.3125em} } /******************************************************************************** --- Logo Carousel --- *********************************************************************************/ .logo-carousel {padding: 3.75em 3.75em 2.5em; max-width: 1920px; margin-right: auto; margin-left: auto;} .logo-carousel__logo {padding: 1.25em 0.625em; text-align: center;} .logo-carousel__block {display: block; height: 7.8125em; display: flex; align-items: center; justify-content: center; padding: 0 1.875em;} .logo-carousel__image img {max-height: 5em; width: auto;} .logo-carousel__slide:not(.logo-carousel__slide--white):nth-child(odd) .logo-carousel__block {background: rgb(var(--primary));} .logo-carousel__slide:not(.logo-carousel__slide--white):nth-child(even) .logo-carousel__block {background: rgb(var(--secondary));} .logo-carousel__slide--white .logo-carousel__block {background: rgb(var(--white));} .logo-carousel__logo--bg .logo-carousel__image {background: rgb(var(--white)); padding: 0.625em 0.9375em; border-radius: 6px;} .section--dark-blue .logo-carousel__title h4 {color: rgb(var(--white));} .section--dark-blue .logo-carousel__title h3 {color: rgb(var(--secondary))} .logo-carousel--logos {padding: 0;} .logo-carousel--logos .logo-carousel__container {} .logo-carousel--logos .logo-carousel__block {background: none!important;} .logo-carousel--logos .logo-carousel__image img {max-height: 6em;} .logo-carousel--logos .logo-carousel__logo--bg .logo-carousel__image {border-radius: 0;} @media only screen and (min-width: 1025px) { .logo-carousel__container {padding-left: 15em; position: relative;} .logo-carousel__title {position: absolute; top: 0; left: 0; width: 15em; height: 9.375em; line-height: 9.375em;} .logo-carousel__title-valign {display: inline-block; vertical-align: middle; line-height: 1.2;} .logo-carousel__title-valign > :last-child {margin-bottom: 0} .logo-carousel__title h3 {display: inline-block;} .logo-carousel__slides .slick-arrow {display: none!important;} } @media only screen and (max-width: 1569px) { .logo-carousel {font-size: 15px;} } @media only screen and (max-width: 1366px) { .logo-carousel {font-size: 14px;} } @media only screen and (max-width: 1199px) { .logo-carousel {font-size: 13px;} } @media only screen and (max-width: 1024px) { .logo-carousel {font-size: 13px; padding-right: 1.1538em; padding-left: 1.1538em} .logo-carousel__title {margin-bottom: 2.5em; text-align: center;} .logo-carousel__slides-container {padding: 0 2.5em} .logo-carousel__slides .slick-next {right: -2.5em;} .logo-carousel__slides .slick-prev {left: -2.5em;} .logo-carousel--logos {padding-top: 2.5em; padding-bottom: 1.25em;} .logo-carousel--logos .swiper-container {overflow: inherit;} .logo-carousel--logos .logo-carousel__title {margin-bottom: 0} } @media only screen and (max-width: 639px) { .logo-carousel {font-size: 12px;} .logo-carousel--logos .logo-carousel__block {padding-right: 0.9375em; padding-left: 0.9375em;} } @media only screen and (max-width: 479px) { .logo-carousel {font-size: 11px;} } /******************************************************************************** --- People List --- *********************************************************************************/ .people-list {display: flex; flex-wrap: wrap; margin-right: -0.9375rem; margin-left: -0.9375rem;} .people-block {width: 25%; padding: 0 0.9375rem 3.75rem;} .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(var(--darkBlue),0.10) 0%,rgba(var(--darkBlue),0.25) 40%,rgba(var(--darkBlue),0.75) 100%); z-index:1} .people-block__image-funny {position: absolute; top: 0; left:0; width: 100%; height: 100%;} .people-block__image {position: relative;} .people-block__image-funny, .people-block__image {transform: translate3d(0, 0, 0); will-change: transform;} .people-block__image {transition: transform 3s cubic-bezier(0.215, 0.61, 0.355, 1);} .people-block__bio--funny .people-block__image {transition: transform 3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1);} .people-block__image-funny {transition: transform 3s cubic-bezier(0.215, 0.61, 0.355, 1);} .people-block__bio:hover .people-block__image-funny, .people-block__bio:hover .people-block__image {transform: scale(1.05);} .people-block__bio.people-block__bio--funny:hover .people-block__image {opacity: 0;} .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 {color: rgb(var(--white)); line-height: 1.2;} .people-block__name {font-size: 1.25em; margin-bottom: 0.15em;} .people-block__title {font-size: 0.875em;} .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(var(--white), 0.75)} .people-block__info {position: relative; padding-bottom: 1em;} .people-block__info::after {content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 4.6875em; height: 2px; background: linear-gradient(to right, #2fa8d0 0%,#40b7c4 28%,#43bcba 46%,#47c2ad 63%,#42c686 100%);} @media only screen and (max-width: 1199px) { .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 Grid --- *********************************************************************************/ .people-grid__spotlight {padding-bottom: 3.125em; margin-bottom: 3.125em; border-bottom: 1px solid rgba(var(--lightGray), 1)} .people-grid__spotlight .bio-card__overview {font-size: 1.25em; font-weight: 300;} .people-grid__spotlight .bio-card__body {max-width: 43.75em;} .people-grid__list .column-block {margin-bottom: 2.5em;} @media only screen and (min-width: 1200px) { .people-grid__spotlight .bio-card__body-wrapper {width: 68%} } @media only screen and (max-width: 479px) { .people-grid__spotlight {padding-bottom: 1.5625em; margin-bottom: 2.5em;} } /******************************************************************************** --- Bio Cards --- *********************************************************************************/ .bio-card {display: flex; align-items: stretch; justify-content: space-between;} .bio-card__image {width: 26%; height: 100%} .bio-card__body-wrapper {display: flex; align-items: center; width: 70%; } .bio-card__name {font-size: 1.5625em; margin-bottom: 0.2em;} .bio-card__title {font-size: 1.25em; font-weight: 500; color: rgb(var(--secondary))} .bio-card__overview > :last-child {margin-bottom: 0} .bio-card__action {margin-top: 0.9375em;} /******************************************************************************** --- Post Cards --- *********************************************************************************/ .post-card-small {display: flex; align-items: stretch; justify-content: space-between;} .post-card-small__image {width: 26%; height: 100%} .post-card-small__body-wrapper {display: flex; align-items: center; width: 70%;} .post-card-small__meta {margin-bottom: 0.625em;} .post-card-small__meta span {display: inline-block; font-size: 0.8125em; font-family: var(--barlow); text-transform: uppercase; font-weight: 700; color: rgb(var(--secondary)); position: relative;} .post-card-small__meta span:not(:last-child) {margin-right: 1.5385em;} .post-card-small__meta span:not(:last-child)::after {content: ""; display: block; position: absolute; top: 50%; right:-1.1538em; margin-top: -3px; width: 6px; height: 6px; border-radius: 6px; background: rgb(var(--secondary));} .post-card-small__title {font-size: 0.875em; margin-bottom: 0.7143em; } .post-card-small__title a {color: rgb(var(--primary))} .post-card-small__title a:hover {color: rgb(var(--secondary))} .post-card-small__overview p {font-size: 0.875em;} .post-card-small__overview > :last-child {margin-bottom: 0} .post-card-small--right .post-card-small__image {order:1} .post-card-small--right .post-card-small__body-wrapper {order:0; width: 66%} .post-card-small--whitepaper .post-card-small__image {position: relative;} .post-card-small--whitepaper .post-card-small__image::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(var(--white)); transform: rotate(-15deg); box-shadow: 0 15px 50px 0 rgba(var(--darkBlue), 0.06); transition: box-shadow 250ms ease} .post-card-small--whitepaper .post-card-small__image:hover::before {box-shadow: 0px 20px 50px -15px rgba(var(--darkBlue),0.15);} .post-card-small--whitepaper .post-card-small__image img {position: relative;} /******************************************************************************** --- Post Cards List--- *********************************************************************************/ .post-card-list__block {margin-bottom: 3.75em;} .post-card-list__block .post-card-small__meta span {font-size: 0.875em} .post-card-list__block .post-card-small__title {font-size: 1.5625em;} .post-card-list__block .post-card-small__overview p {font-size: 1em;} /******************************************************************************** --- Side Module--- *********************************************************************************/ .side-module:not(:last-child) {margin-bottom: 2.5em;} .side-module > :last-child {margin-bottom: 0} .side-module--card {padding: 1.5625em; background: rgb(var(--white)); box-shadow: 0 0 4px 0 rgba(var(--darkBlue),0.08); border-radius: 4px 4px 0 0; overflow: hidden; position: relative;} .side-module--card::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(to right, #2fa8d0 0%,#40b7c4 28%,#43bcba 46%,#47c2ad 63%,#42c686 100%);} .side-module .list-icon-bullets li:not(:last-child) {margin-bottom: 0.9375em;} .side-module form input[type="text"], .side-module form input[type="email"] {margin-bottom: 1.25em} .side-module .fv-has-error input[type="text"], .side-module .fv-has-error input[type="email"] {margin-bottom: 0} .side-module.side-module--contact {padding: 2.5em;} .aside-addr {margin-bottom: 2.5em;} .aside-addr ul {list-style: none; margin: 0; padding: 0;} .aside-addr li {position: relative; padding-left: 2em; margin-bottom: 1.25em; line-height: 1.2;} .aside-addr li.aside-addr__phone {margin-bottom: 2.5em;} .aside-addr li.aside-addr__phone::before {content: "\e99e"} .aside-addr li::before {font-size: 1.25em; content: "\e9b2"; font-family: 'CD-Project-Icons'; position: absolute; top: 0; left: 0; color: rgb(var(--darkGray))} .aside-addr a {font-size: 1.25em; color: rgb(var(--primary))} .aside-addr a:hover {color: rgb(var(--secondary))} .aside-addr__label {font-size: 1em; display: block; } .aside-addr__addr {font-size: 0.8125em; } /******************************************************************************** --- Events Cards --- *********************************************************************************/ .events-list .events-card {margin-bottom: 3.75em;} .events-list .events-card__overview {font-size: 1.25em; font-weight: 300;} .events-card__title {margin-bottom: 0.4em;} .events-card__title a {color: rgb(var(--primary))} .events-card__title a:hover {color: rgb(var(--secondary))} .events-card__overview > :last-child {margin-bottom: 0} .events-card__details-label {display: block; padding-bottom: 0.5714em; margin-bottom: 0.5714em; border-bottom: 1px solid rgba(var(--lightGray), 1)} .events-card__details ul {list-style: none; margin: 0; padding: 0;} .events-card__details li {font-size: 0.875em; display: block; padding-bottom: 0.5714em; padding-left: 1.4286em; margin-bottom: 0.5714em; border-bottom: 1px solid rgba(var(--lightGray), 1); position: relative;} .events-card__details a {color: rgb(var(--secondary)); font-weight: 700;} .events-card__details a:hover {color: rgb(var(--primary))} .events-card__details li span {position: absolute; top: 0.1429em; left: 0; font-weight: 400;} .events-card__image {box-shadow: 0px 2px 25px -6px rgba(var(--darkBlue),0.14);} @media only screen and (min-width: 801px) { .events-card__body-wrapper {display: flex; align-items: stretch} .events-card__body {flex: 0 1 auto;} .events-card__details {flex: 1 0 auto; padding-left: 3.75em; width: 15.625em;} } @media only screen and (max-width: 800px) { .events-card__details {margin-top: 1.25em;} } @media only screen and (min-width: 425px) { .events-card {display: flex; align-items: stretch; justify-content: space-between;} .events-card__image {width: 26%; height: 100%} .events-card__body-wrapper {width: 70%;} } @media only screen and (max-width: 424px) { .events-card__image {margin-bottom: 1.25em;} } /******************************************************************************** --- Positions Cards --- *********************************************************************************/ /**.positions-list .positions-card {margin-bottom: 3.75em;} .positions-list .positions-card__overview {font-size: 1.25em; font-weight: 300;} .positions-card__title {margin-bottom: 0.4em;} .positions-card__title a {color: rgb(var(--primary))} .positions-card__title a:hover {color: rgb(var(--secondary))} .positions-card__overview > :last-child {margin-bottom: 0} .positions-card__details-label {display: block; padding-bottom: 0.5714em; margin-bottom: 0.5714em; border-bottom: 1px solid rgba(var(--lightGray), 1)} .positions-card__details ul {list-style: none; margin: 0; padding: 0;} .positions-card__details li {font-size: 0.875em; display: block; padding-bottom: 0.5714em; padding-left: 1.4286em; margin-bottom: 0.5714em; border-bottom: 1px solid rgba(var(--lightGray), 1); position: relative;} .positions-card__details a {color: rgb(var(--secondary)); font-weight: 700;} .positions-card__details a:hover {color: rgb(var(--primary))} .positions-card__details li span {position: absolute; top: 0.1429em; left: 0; font-weight: 400;} @media only screen and (min-width: 640px) { .positions-card {display: flex; align-items: stretch; justify-content: space-between;} .positions-card__body {flex: 0 1 auto;} .positions-card__details {flex: 1 0 auto; padding-left: 3.75em; width: 15.625em;} } @media only screen and (max-width: 639px) { .positions-card__details {margin-top: 1.25em;} }**/ /******************************************************************************** --- Positions Cards --- *********************************************************************************/ .positions-list .positions-card {margin-bottom: 3.75em;} .positions-list .positions-card__overview {font-size: 1.25em; font-weight: 300;} .positions-card__title {margin-bottom: 0.4em;} .positions-card__title a {color: rgb(var(--primary))} .positions-card__title a:hover {color: rgb(var(--secondary))} .positions-card__overview > :last-child {margin-bottom: 0} .positions-card__details-label {display: block; padding-bottom: 0.5714em; margin-bottom: 0.5714em; border-bottom: 1px solid rgba(var(--lightGray), 1)} .positions-card__details ul {list-style: none; margin: 0; padding: 0;} .positions-card__details li {font-size: 0.875em; display: block; padding-bottom: 0.5714em; padding-left: 1.4286em; margin-bottom: 0.5714em; border-bottom: 1px solid rgba(var(--lightGray), 1); position: relative;} .positions-card__details a {color: rgb(var(--secondary)); font-weight: 700;} .positions-card__details a:hover {color: rgb(var(--primary))} .positions-card__details li span {position: absolute; top: 0.1429em; left: 0; font-weight: 400;} .page-header__meta li.apply-now__button {display: block;} @media only screen and (min-width: 640px) { /**.positions-card {display: flex; align-items: stretch; justify-content: space-between;} .positions-card__body {flex: 0 1 auto;} .positions-card__details {flex: 1 0 auto; padding-left: 3.75em; width: 15.625em;}**/ .positions-card__body {display: flex;justify-content: space-between;gap:1rem;align-items: center;} } @media only screen and (max-width: 639px) { .positions-card__details {margin-top: 1.25em;} } /******************************************************************************** --- Page Banner --- *********************************************************************************/ .page-banner {text-align: center; background: rgb(var(--darkBlue))} .page-banner, .page-banner .row-site {position: relative;} .page-banner__bg, .page-banner__bg::before, .page-banner__bg::after {position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .page-banner__bg {background-position: center; background-repeat: no-repeat; background-size: cover;} .page-banner__bg::before, .page-banner__bg::after {content: ""; display: block; } .page-banner--color .page-banner__bg::before {background-image: linear-gradient(253deg, #51cf95, #47c2ad 68%, #40b7c4); opacity: 0.90;} .page-banner--color-alt .page-banner__bg::before {background: linear-gradient(45deg, rgba(64,183,196,1) 0%,rgba(81,207,149,1) 47%,rgba(81,207,149,1) 47%); opacity: 0.90;} .page-banner--dark .page-banner__bg::before {background: rgba(21, 35, 71, 0.70);} .page-banner--dark .page-banner__bg::after {background: radial-gradient(ellipse at center, rgba(33,55,109,0) 0%,rgba(28,47,93,0) 31%,rgba(21, 35, 71,0.85) 88%,rgba(21, 35, 71,0.85) 100%);} .page-banner__label, .page-banner__headline, .page-banner__overview {color: rgb(var(--white))} .page-banner__overview {font-size: 1.1875em;} .page-banner__actions {margin-top: 2.5em} .page-banner__actions a {margin: 0 0.9375em 1.25em;} .page-banner .text-button {border-color: rgb(var(--primary))} .page-banner .text-button:hover {color: var(--primaryLighter); border-color: rgb(var(--primaryLighter))} .page-banner--carousel .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: rgb(var(--primary));} .page-banner--carousel {text-align: left;} .page-banner--carousel .page-banner__actions a {margin-right: 1.875em; margin-left: 0} .page-banner-swiper {height: 34.375em;} .page-banner-swiper__slide-wrapper { display: flex; align-items: center; height: 100%;} .page-banner-swiper__slide-wrapper .row {max-width: 1320px;} .page-banner-swiper__slide-wrapper .row-site {width: 90%;} .page-banner-swiper__slide-title {margin-bottom: 1.6em;} .page-banner__body {max-width: 50em; margin-right: auto; margin-left: auto;} .page-banner-swiper .swiper-pagination, .page-banner-swiper .swiper-button-next, .page-banner-swiper .swiper-button-prev {display: none} .js-page-banner-swiper .swiper-pagination, .js-page-banner-swiper .swiper-button-next, .js-page-banner-swiper .swiper-button-prev {display: block;} .page-banner-swiper .swiper-button-prev, .page-banner-swiper .swiper-button-next {font-size: 0.9375em;} .page-banner-swiper .swiper-button-prev, .page-banner-swiper .swiper-button-next {position: absolute; bottom: 2.5em; width: 4.0625em; height: 4.1875em; border-radius: 4.0625em; border:2px solid rgba(var(--secondary),0.5); z-index: 10; cursor: pointer; outline: none; transition: all 250ms ease} .page-banner-swiper .swiper-button-prev:hover, .page-banner-swiper .swiper-button-next:hover {border-color: rgba(var(--tertiary),0.5)} .page-banner-swiper .swiper-button-prev::before, .page-banner-swiper .swiper-button-next::before {font-size: 3.5em; display: block; line-height: 1; font-family: 'CD-Project-Icons'; position: relative; top: 0.0536em; color: rgb(var(--secondary)); transition: all 250ms ease} .page-banner-swiper .swiper-button-prev.swiper-button-disabled, .page-banner-swiper .swiper-button-next.swiper-button-disabled {opacity: 0.35; cursor: auto; pointer-events: none;} .page-banner-swiper .swiper-button-prev {right: 9.3333em;} .page-banner-swiper .swiper-button-prev::before {content: "\e913"; text-shadow: 0px 0px 0px rgba(var(--tertiary),0)} .page-banner-swiper .swiper-button-prev:hover::before {text-shadow: -0.2321em 0px 0px rgba(var(--tertiary),1)} .page-banner-swiper .swiper-button-next {right: 4em;} .page-banner-swiper .swiper-button-next::before {content: "\e915"; text-shadow: 0px 0px 0px rgba(var(--tertiary),0)} .page-banner-swiper .swiper-button-next:hover::before {text-shadow: 0.2321em 0px 0px rgba(var(--tertiary),1)} .page-banner-swiper .swiper-button-prev:hover::before {transform: translate3d(0.4375rem, 0px, 0px);} .page-banner-swiper .swiper-button-next:hover::before {transform: translate3d(-0.3125rem, 0px, 0px);} .page-banner--color .page-banner-swiper .swiper-button-prev, .page-banner--color .page-banner-swiper .swiper-button-next {border-color: rgba(var(--white),0.5)} .page-banner--color .page-banner-swiper .swiper-button-prev:hover, .page-banner--color .page-banner-swiper .swiper-button-next:hover {border-color: rgba(var(--primary),0.5)} .page-banner--color .page-banner-swiper .swiper-button-prev::before, .page-banner--color .page-banner-swiper .swiper-button-next::before {color: rgb(var(--white));} .page-banner--color .page-banner-swiper .swiper-button-prev:hover::before {text-shadow: -0.2321em 0px 0px rgba(var(--primary),1)} .page-banner--color .page-banner-swiper .swiper-button-next:hover::before {text-shadow: 0.2321em 0px 0px rgba(var(--primary),1)} .page-banner-swiper__slide--bio .bio-card__name, .page-banner-swiper__slide--bio .bio-card__title, .page-banner-swiper__slide--bio .bio-card__overview, .page-banner-swiper__slide--post-card .post-card-small__title, .page-banner-swiper__slide--testimonial blockquote .quote p, .page-banner-swiper__slide--testimonial blockquote .cite span, .page-banner-swiper__slide--post-card .post-card-small__overview, .page-banner-swiper__slide--events .events-card__title a, .page-banner-swiper__slide--events .events-card__overview, .page-banner-swiper__slide--events .events-card__details li, .page-banner-swiper__slide--events .events-card__details a, .page-banner-swiper__slide--post-card .post-card-small__title a {color: rgb(var(--white));} .page-banner-swiper__slide--post-card .post-card-small__title a:hover, .page-banner-swiper__slide--events .events-card__title a:hover, .page-banner-swiper__slide--events .events-card__details a:hover {color: rgba(var(--white), 0.60)} .page-banner-swiper__slide--bio .bio-card__label, .page-banner-swiper__slide--testimonial blockquote:not(.blockquote-alt) .quote:before, .page-banner-swiper__slide--testimonial blockquote .cite, .page-banner-swiper__slide--post-card .post-card-small__meta span, .page-banner-swiper__slide--events .events-card__details-label {color: rgb(var(--primary));} .page-banner-swiper__slide--bio .page-banner__body {padding-bottom: 1.875em; border-bottom: 2px solid rgba(var(--white), 0.45);} .page-banner-swiper__slide--bio .bio-card__label {display: block; } .page-banner-swiper__slide--post-card .post-card-small__image {width: 32%;} .page-banner-swiper__slide--post-card .post-card-small__body-wrapper {width: 64%;} .page-banner-swiper__slide--post-card .post-card-small__title {font-size: 1.5625em; margin-bottom: 0.4em} .page-banner-swiper__slide--post-card .post-card-small__meta span {font-size: 0.875em;} .page-banner-swiper__slide--post-card .post-card-small__meta span:not(:last-child)::after {background: rgb(var(--primary));} .page-banner-swiper__slide--post-card .post-card-small__overview p {font-size: 1em;} .page-banner-swiper__slide--events .page-banner__body {max-width: 75em;} .page-banner-swiper__slide--events .events-card__details-label {border-color: rgba(var(--white), 0.25)} .page-banner-swiper__slide--events .events-card__details li {border-color: rgba(var(--white), 0.25)} .page-banner__cta {display: flex; align-items: center;} .page-banner__cta-image {width: 12.5em;} .page-banner__cta-image-circle {width: 12.5em; height: 12.5em; border-radius: 12.5em; background-position: top center; background-repeat: no-repeat; background-size: cover; margin-bottom: 0.625em;} .page-banner__cta-image-name, .page-banner__cta-image-title {display: block; color: rgb(var(--white));} .page-banner__cta-image-title {font-size: 0.8125em; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase;} .page-banner__cta-body {text-align: left; padding-left: 3.75em;} .page-banner__cta-body .page-banner__actions a {margin-left: 0; margin-right: 1.875em;} @media only screen and (max-width: 1024px) { .page-banner__body {padding-bottom: 5em;} } @media only screen and (max-width: 800px) { .page-banner-swiper .swiper-button-prev, .page-banner-swiper .swiper-button-next {font-size: 0.75em; bottom: 2.25em} .page-banner-swiper .swiper-button-prev {right: 6.75em;} .page-banner-swiper .swiper-button-next {right: 1.5385em;} .page-banner-swiper__slide--events .events-card__image {display: none;} .page-banner-swiper__slide--events .events-card__body-wrapper {float: none; width: 100%} } @media only screen and (max-width: 639px) { .page-banner--carousel .page-banner__actions a {margin-right: 0.625em} } @media only screen and (max-width: 479px) { .page-banner__actions a {margin-right: 0.3125em; margin-left: 0.3125em;} .page-banner--carousel .page-banner__actions a {padding-right: 1.1361em; padding-left: 1.1361em;} .page-banner__body {padding-bottom: 3em;} .page-banner-swiper .swiper-button-prev, .page-banner-swiper .swiper-button-next {font-size: 0.625em;} .page-banner-swiper .swiper-button-prev::before, .page-banner-swiper .swiper-button-next::before {top: 1px;} .page-banner-swiper .swiper-button-prev:hover::before {transform: translate3d(3px, 0px, 0px);} .page-banner-swiper .swiper-button-next:hover::before {transform: translate3d(-2px, 0px, 0px);} } /******************************************************************************** --- Split Panel --- *********************************************************************************/ .split-panel .featured-panel {display: flex; align-items: center; padding: 3.75em 0;} .split-panel .featured-panel__wrapper {width: 100%;} .split-panel .events-card__image {display: none;} .split-panel .events-card__body-wrapper {float: none; width: 100%} .split-panel .page-banner__headline, .featured-panel__headline {font-size: 1.5625em;} .split-panel .featured-panel__subheadline {font-size: 1.25em} .split-panel .page-banner__overview {font-size: 1em;} .split-panel .featured-panel__panel:not(:first-child) {display: none;} .split-panel .post-card-small__title {font-size: 1.5625em; margin-bottom: 0.4em;} .split-panel .post-card-small__overview p, ..featured-panel__overview p {font-size: 1em;} .split-panel .page-banner__actions a, .featured-panel__actions a {margin: 0 0.3125em 1.25em;} .featured-panel__actions {margin-top: 2.5em} @media only screen and (min-width: 801px) { .events-card__details {padding-left: 2.5em; width: 12.5em;} } @media only screen and (min-width: 1025px) { .split-panel {display: flex;} .split-panel .page-banner {width: 50%} .split-panel .featured-panel {width: 50%;} } @media only screen and (min-width: 480px) and (max-width: 1439px) { .split-panel .page-banner-swiper .swiper-button-prev, .split-panel .page-banner-swiper .swiper-button-next {font-size: 0.75em; bottom: 2.25em} .split-panel .page-banner-swiper .swiper-button-prev {right: 6.75em;} .split-panel .page-banner-swiper .swiper-button-next {right: 1.5385em;} } @media only screen and (max-width: 479px) { .featured-panel__actions a {padding-right: 1.1361em; padding-left: 1.1361em;} } /******************************************************************************** --- Learn Layout --- *********************************************************************************/ .post-featured__header {margin-bottom: 1.875rem; position: relative;} .post-featured__header-headline {margin-bottom: 0; padding-right: 6em} .post-featured__header-link {position: absolute; right: 0; margin-bottom: 0} .post-featured__list-block {margin-bottom: 1.5625rem;} .post-featured__list-block .post-card-small__image {margin-top: 0.5rem;} @media only screen and (min-width: 1025px) { .post-featured {overflow: hidden;} .post-featured__left {float: left; width: 60.60606060606061%} .post-featured__right {float: right; width: 34%;} .post-featured__header {padding-top: 0.625rem; border-top: 1px solid rgb(var(--lightGray));} .post-featured__header-link {top: 1.375rem;} } @media only screen and (max-width: 1024px) { .post-featured__left {padding-bottom: 2.5em; margin-bottom: 2.5em; border-bottom: 1px solid rgb(var(--lightGray));} .post-featured__header-link {top: 0.4396em;} } /******************************************************************************** --- Post Detail --- *********************************************************************************/ .post-detail__image {margin-bottom:2.5rem;} .post-detail__image img {display: block; width: 100%;} .post-detail .page-header__subheadline span {position: relative; display: inline-block;} .post-detail .page-header__subheadline span a {color: rgb(var(--white));} .post-detail .page-header__subheadline span a:hover {color: rgb(var(--tertiary))} .post-detail .page-header__subheadline span:not(:last-child) {margin-right: 1.5385em;} .post-detail .page-header__subheadline span:not(:last-child)::after {content: ""; display: block; position: absolute; top: 50%; right:-1em; margin-top: -3px; width: 6px; height: 6px; border-radius: 6px; background: rgb(var(--white));} .post-detail__side-module:not(:last-child) {margin-bottom: 2.5em;} .post-detail__tags {margin-bottom: 0.9375em;} .post-detail__tags h5 {font-size: 1.125em; margin-bottom: 0.2778em} .post-detail__tags .tag {font-size: 0.6875em; font-family: var(--barlow); display: inline-block; margin-bottom: 0.7273em; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; padding: 0.4545em 1.3636em; border-radius: 2.2727em; background-color: rgb(var(--secondary)); color: rgb(var(--white)); transition: background-color 250ms ease} .post-detail__tags a.tag:hover {background-color: rgb(var(--primary));} .post-detail--blog .post-detail__image {max-width: 1200px; margin-right: auto; margin-left: auto;} .post-detail--case-studies .article ul { list-style: none; margin: 0 0 1.000em 0; padding: 0; overflow: hidden; } .post-detail--case-studies .article li { list-style: none; margin: 0 0 1.125em 0; padding: 0 0 0 1.50em; position: relative; } .post-detail--case-studies .article li:before {font-size: 1.2em; content: "\e94b"; font-family: 'CD-Project-Icons'; display: block; position: absolute; top: -0.125em; left: 0; color:rgb(var(--secondary)); } .post-detail--case-studies .article ul ul { margin: 1.250em 0 0 0.667em; } .post-detail--case-studies .article ul ul li {font-size: 0.875em;} .post-detail--case-studies .article ul ul li::before {top: 1px;} .post-detail__sticky-header {position: fixed; top: 0; left: 0; width: 100%; background: rgb(var(--darkBlue)); z-index: 10001; transform:translate3d(0px,-100%,0px)} .sticky-header--up .post-detail__sticky-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 .post-detail__sticky-header {-webkit-animation-name:stickyHeaderDown;animation-name:stickyHeaderDown;-webkit-animation-duration:400ms;animation-duration:400ms; -webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;} .post-detail__sticky-container {max-width: 1320px; margin-right: auto; margin-left: auto; overflow: hidden;} .post-detail__sticky-header-progress {position: absolute; top: 0; left: 0; display: block; width:0; height: 3px; background: linear-gradient(to right, #2fa8d0 0%,#40b7c4 28%,#43bcba 46%,#47c2ad 63%,#42c686 100%); transition: width 250ms ease-out;} .post-detail__sticky-header-nav {float: left; overflow: hidden; list-style: none; margin: 0; padding: 0;} .post-detail__sticky-header-nav li {display: block; float: left;} .post-detail__sticky-header-nav a {display: block; height: 80px; line-height: 80px; text-align: center; width: 5em; border-right: 1px solid rgba(var(--white),0.15); color: rgb(var(--white));} .post-detail__sticky-header-nav a.post-detail__sticky-header-nav-disabled {color: rgba(var(--white), 0.25); cursor: default;} .post-detail__sticky-header-nav a:not(.post-detail__sticky-header-nav-disabled):hover {color: var(--secondaryLighter);} .post-detail__sticky-header-nav div {display: inline-block; vertical-align: middle; line-height: 1; font-size: 0.75em; font-weight: 700; text-transform: uppercase;} .post-detail__sticky-header-nav span {font-size: 1.5833em; display: block; margin-bottom: 0.5263em; font-weight: normal;} .post-detail__sticky-header-aside {float: right; height: 80px; line-height: 80px; margin-right: 0.9375rem;} .post-detail__sticky-header-aside-share, .post-detail__sticky-header-aside-subscribe {display: inline-block; vertical-align: middle; line-height: 1.2;} .post-detail__sticky-header-aside-share-label {display: inline-block; vertical-align: middle; margin-right:0.7895em; } .post-detail__sticky-header-aside-share-label, .post-detail__sticky-header-aside-subscribe {font-size:0.75em; font-weight: 700; text-transform: uppercase; color: rgb(var(--white))} .post-detail__sticky-header-aside-share ul {display:inline-block; vertical-align: middle; list-style: none; margin: 0; padding: 0; overflow: hidden;} .post-detail__sticky-header-aside-share li {display:block; float:left; margin-right:0.75em;} .post-detail__sticky-header-aside-share a {display:block; width:2.25em; height: 2.25em; border-radius: 2.25em; border: 2px solid transparent; line-height: 2em; text-align: center; color: rgb(var(--white)); background: rgb(var(--secondary)); transition: all 250ms ease;} .post-detail__sticky-header-aside-share a:hover {background: none; border-color: rgb(var(--secondary)); color: rgb(var(--secondary));} .post-detail__sticky-header-aside-subscribe {position: relative; margin-left: 1.6667em;} .post-detail__sticky-header-aside-subscribe:hover {color: var(--secondaryLighter);} .post-detail__sticky-header-aside-subscribe span {font-size: 1.3333em; font-weight: 400; position: relative; top: 2px; margin-right: 0.25em;} @media only screen and (min-width: 1025px) { .post-detail__body--columns::before,.post-detail__body--columns::after{display:table;content:' ';-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-order:1;order:1}.post-detail__body--columns::after{clear:both} .post-detail__body-left {float: left; width:60.60606060606061%} .post-detail__body-right {float: right; width:32%} } @media only screen and (max-width: 1439px) { .post-detail__sticky-header {font-size: 13px;} } @media only screen and (min-width: 1366px) { .post-detail__sticky-header-nav li:first-child a {border-left: 1px solid rgba(var(--white),0.15)} } @media only screen and (max-width: 1024px) { .post-detail__body-left {padding-bottom: 0.625em; margin-bottom: 2.5em; border-bottom: 1px solid rgb(var(--lightGray))} } @media only screen and (max-width: 800px) { .post-detail__sticky-header-aside, .post-detail__sticky-header-nav a {height: 54px; line-height: 54px;} } @media only screen and (max-width: 479px) { .post-detail__sticky-header {font-size: 12px;} .post-detail__sticky-header-aside-share li {margin-right: 0.4167em;} } @media only screen and (max-width: 415px) { .post-detail__sticky-header {font-size: 11px;} } @media only screen and (max-width: 355px) { .post-detail__sticky-header-aside-share-label {display: none;} .post-detail__sticky-header {font-size: 11px;} } /******************************************************************************** --- Portfolio Detail --- *********************************************************************************/ .portfolio-work__inner {background: #fff; box-shadow: 0px 2px 25px -6px rgba(var(--darkBlue),0.14);} @media only screen and (min-width: 640px) { .post-detail--portfolio-image .page-header__caption {max-width: 45%} .portoflio-header-image {max-width: 1320px; margin-right: auto; margin-left: auto;} .portoflio-header-image__container {padding-left: 56%;} .portfolio-header-image__inner {position: relative; height: 40px;} .portoflio-header-image img {position: absolute; bottom: 0; right: 0.9375rem; max-height: 460px; width: auto} } @media only screen and (max-width: 639px) { .portoflio-header-image {position: relative; max-width: 55%; margin:-4.6154em auto 0;} } /******************************************************************************** --- eBook Detail --- *********************************************************************************/ .ebook-detail__aside {text-align: center;} .ebook-detail__image {overflow: hidden; border-radius: 2px; box-shadow: 0 15px 50px 0 rgba(var(--darkBlue), 0.06); margin-bottom: 1.25em;} @media only screen and (max-width: 639px) { .ebook-detail__aside {max-width: 300px; width: 75%; margin: 0 auto 2.5em auto;} } /******************************************************************************** --- Whitepaper Detail --- *********************************************************************************/ .whitepapers-detail__aside {text-align: center;} .whitepapers-detail__image {margin-bottom: 3.75em; position: relative;} .whitepapers-detail__image::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(var(--white)); transform: rotate(-15deg); box-shadow: 0 15px 50px 0 rgba(var(--darkBlue), 0.06); transition: box-shadow 250ms ease} .whitepapers-detail__image img {position: relative;} @media only screen and (max-width: 639px) { .whitepapers-detail__aside {max-width: 300px; width: 75%; margin: 0 auto 2.5em auto;} } /******************************************************************************** --- Filters --- *********************************************************************************/ .filter {margin-top: -3.75rem; margin-bottom: 1.875rem} .filter__header {text-align: right; margin-bottom: 1.25em;} .filter__toggle, .filter__clear {font-weight: 700; text-transform: uppercase; cursor: pointer; transition: color 250ms ease; outline: none;} .filter__toggle {color: rgb(var(--secondary));} .filter__toggle:hover, .filter--active .filter__toggle {color: rgb(var(--primary))} .filter__toggle span::before {content: "\e974"; font-family: 'CD-Project-Icons'; position: relative; top: 1px;} .filter--active .filter__toggle span::before {content: "\e955"; font-family: 'CD-Project-Icons';} .filter__clear {font-size: 0.875em; margin-right: 1.25em; color: rgb(var(--darkGray))} .filter__clear:hover {color: rgb(var(--primary));} .filter__clear span::before {font-size: 1.1429em; position: relative; top: 1px;} .filter__body {box-shadow: 0 15px 50px 0 rgba(var(--darkBlue), 0.06); margin-bottom: 2.5em; display: none;} .filter--active .filter__body {display: block;} .filter__row {padding:1.5625em 2.1875em; border-bottom: 1px solid rgba(var(--lightGray), 0.75);} .filter__row:last-child {border-bottom: none;} .filter__headline {font-size: 1.25em; display: block; margin-bottom: 1em; font-weight: 600; font-family: var(--barlow); color: rgb(var(--primary));} .filter__list {margin: 0 -0.625rem; display: flex; flex-wrap: wrap; align-items: stretch; list-style: none; padding: 0;} .filter__list > .filter__item {display: block; line-height: 1.2; padding: 0 0.625rem 1.25rem; } .filter__primary .filter__label {font-size: 1em; font-weight: 600; color: rgb(var(--primary));} .filter__primary {cursor: pointer; transition: border-color 250ms ease} .filter__primary .filter__inner {position: relative; padding-left: 1.875em;} .filter__primary .filter__check {display: block; position: absolute; top: 0; left: 0; width: 1.25em; height: 1.25em; text-align: center; border:2px solid rgb(var(--primary)); transition: border-color 250ms ease} .filter__primary:hover .filter__check {border-color: rgb(var(--secondary))} .filter__primary .filter__check::before {font-size: 1.25em; display: block; content: "\e94b"; font-family: 'CD-Project-Icons'; color: rgb(var(--secondary)); position: relative; top:-0.24em; left: -1px; transform: scale(0); transition: all 200ms ease;} .filter__item--active > .filter__primary > .filter__inner > .filter__check {border-color: rgb(var(--secondary))} .filter__item--active > .filter__primary > .filter__inner > .filter__check::before {transform: scale(1);} .filter__sub-list {list-style: none; margin: 0; padding: 0 0 0 1.875em;} .filter__sub-list li {font-size: 0.875em; display: inline-block;} .filter__sub-list .filter__label {display: inline-block;} .filter__sub-list .filter__label::after {content: ", ";} /* .filter__sub-list .filter__item {padding: 0.25em 0} .filter__sub-list .filter__check {width: 1em; height: 1em; top: 0.125em;} .filter__sub-list .filter__check::before {font-size: 1em;} .filter__sub-list .filter__label {font-size: 0.875em;} .filter__sub-list .filter__inner {padding-left: 1.5em;} */ .filter-ecosystem .filter__list > .filter__item {width: 25%} .filter-ecosystem .filter__list > .filter__item {padding-bottom: 2.5rem;} .filter-ecosystem .filter__list > .filter__item > .filter__input {margin-bottom: 0.625em;} .filter-services .filter__item {width: 33.33333333333333%} .filter-no-results {padding: 2.5em 5em; margin: 2.5em 0; text-align: center; box-shadow: 0 15px 50px 0 rgba(var(--darkBlue), 0.06); } .filter-no-results__icon {margin-top: 1.25em;} .filter-no-results__icon span {font-size: 4.0625em; color: rgb(var(--secondary))} .filter-no-results__message {font-size: 1.5625em; margin-bottom: 0} .filter-submit {margin-bottom: 0;} @media only screen and (max-width: 959px) { .filter-ecosystem .filter__list > .filter__item {width: 33.33333333333333%} } @media only screen and (max-width: 800px) { .filter-services .filter__item {width: 50%} .filter__sub-list .filter__item {font-size: 1.0769em;} } @media only screen and (max-width: 479px) { .filter-ecosystem .filter__list > .filter__item {width: 50%} } /******************************************************************************** --- Load More Pagination --- *********************************************************************************/ .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)}} /******************************************************************************** --- Horizontal Scroll Menu --- *********************************************************************************/ .sub-header {background: rgba(var(--offWhite),1); border-bottom: 1px solid rgba(var(--lightGray),1);} .sub-header__container {max-width: 1320px; margin-right: auto; margin-left: auto; } .sub-nav {display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y:hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;} .sub-nav ul {display: flex; flex-wrap: nowrap; justify-content: space-between; width: 100%; list-style: none; margin: 0; padding: 0;} .sub-nav li {flex: 0 0 auto; padding:1.25em; } .sub-nav a {font-size: 1em; font-weight: 700; color: rgb(var(--primary)); position: relative;} .sub-nav a::after {content: ""; display: block; position: absolute; bottom: -1.4375em; left: 0; width: 100%; height: 0.25em; background: linear-gradient(to right, #2fa8d0 0%,#40b7c4 28%,#43bcba 46%,#47c2ad 63%,#42c686 100%); opacity: 0; transition: opacity 250ms ease} .sub-nav a:hover {color: rgb(var(--secondary));} .sub-nav li.selected a {color: rgb(var(--primary));} .sub-nav li.selected a::after {opacity: 1;} @media only screen and (min-width: 1200px) { .sub-nav--centered ul {justify-content:space-around} } /******************************************************************************** --- Form Block --- *********************************************************************************/ @media only screen and (max-width: 1025px) { .form-block .two-column__aside {margin-bottom: 1.5rem;} } .form-block__accordions .slide-toggle {font-size: 1.15rem; color: rgb(var(--primary));} .form-block__accordions .slide-toggle-container p {margin-bottom: .5rem;} /******************************************************************************** --- Support Form - Record Screen --- *********************************************************************************/ #pipeRecordRTC-customer-support-video {background-color: #e5e6eb;} #customer-support-video .pipeRecordRTC {width:100%;} #pipeVideoInput-customer-support-video {width:100%;} #pipeRecordRTC-customer-support-video {border-radius:0!important;} #pipePlay-customer-support-video, #pipeRec-customer-support-video {display:none;} .root #pipeMenu-customer-support-video {border-bottom-left-radius: 0!important;} .root #pipeSaveVideo-customer-support-video {display:none;} #pipeClickPowered-customer-support-video{display:none;} #pipeStartRecording-customer-support-video {display:none;} #pipeClickPowered-customer-support-video {display:none;} #recordbtn {width:50%;} #stopbtn {width:55%;flex-grow: 1;} #playbtn.button:not(:disabled) {background-color:rgb(var(--lightBlue));} #stopbtn.button:not(:disabled), #removebtn.button:not(:disabled) {background-color:#c02b0a;color:#fff;} #stopbtn.button:not(:disabled):hover, #removebtn.button:not(:disabled):hover {background-color: #D3310E;} #pipeCounter-customer-support-video {font-weight: bold;} #playbtn.button, #removebtn.button, #savebtn.button {width: 33.3%;} .root .gform_wrapper.gravity-theme button.button:disabled {opacity:1;} .controls.controls--active {background-color: rgb(var(--primary));} .controls button {display: none;} .controls.controls--active button.button:not(:disabled) {display: block;} .controls {background-color: transparent;display:flex;justify-content:center;} .controls .upload-message {color:#fff;font-weight:bold;} .controls .button {margin: 0;cursor:pointer;} .pipeTimer {margin-left:1rem;} button[hidden] {display:none;} .js-pipe-form input[type="radio"] {margin:0;} .gform_wrapper.gravity-theme .js-pipe-form legend.gfield_label, .gform_wrapper.gravity-theme .js-pipe-form .gfield_label{font-size: 16px;color:rgb(var(--primary));font-weight: 600;margin-bottom: 0;display: inline-block;padding: 0;} #customer-support-video {position: relative;} #customer-support-video.video-timer--active #pipeVrec-customer-support-video::before {content:''; position: absolute;top:0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.9);} .customer-support-video-timer {position: absolute;top:50%;left: 50%;margin-left: -1rem;margin-top: -1rem;color: #fff;font-weight: bold;font-size: 2rem;} @media only screen and (max-width: 600px) { .controls {flex-flow:wrap;} #recordbtn, #stopbtn, #playbtn {width:48.5%;} #savebtn {width:100%;} } /******************************************************************************** --- Support Search --- *********************************************************************************/ .support-form-search {position: relative;} .support-form-search input[type="text"] {margin-bottom: 0;text-indent: 1.05rem;} .support-form-search::before { content: '\e9eb';position: absolute;left: .55rem;top:50%;margin-top:-12px;font-family: 'CD-Project-Icons' !important;font-size: 1rem;} .root .gform_wrapper.gravity-theme .support-form-internal .gf_progressbar_wrapper {margin-bottom: 2rem;} .root .gform_wrapper.gravity-theme .support-form-internal .gf_progressbar_title {font-weight: bold;color: rgb(var(--primary));} .root .gform_wrapper.gravity-theme .support-form-internal .gf_progressbar_blue {background: rgb(var(--offWhite));} .root .gform_wrapper.gravity-theme .support-form-internal .gf_progressbar_percentage.percentbar_blue {background-color:rgb(var(--secondary)); } /******************************************************************************** --- Form Styling --- *********************************************************************************/ /*-----------Standard Forms-----------*/ form {margin: 0;} /*-----------Label Styles-----------*/ label {cursor: pointer; display: block; margin: 0; font-weight:600; color: rgb(var(--primary))} /*-----------Required-----------*/ .req, .hs-form-required { color:rgb(var(--alert)); font-weight: 700;} /*-----------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: rgb(var(--white)); border: 1px solid rgb(var(--gray)); color: rgb(var(--body-text)); display: block; margin: 0 0 1.875em 0; padding:0.625em 0.9375em; height: 3.125em; width: 100%; transition: border linear 0.2s; border-radius: 1px; font-weight:normal;} /*-----------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: rgb(var(--secondary)); 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 rgba(var(--tertiary),0.15) !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: rgb(var(--lightGray)); } /*-----------input submit-----------*/ input[type="submit"] { -webkit-appearance: none; } /*-----------textarea-----------*/ textarea { min-height: 6.944em; resize: none; max-width: 100%; } textarea[rows] { height: auto; } /*-----------select-----------*/ select { background-color: rgb(var(--white)); background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiPgo8cGF0aCBkPSJNMTEuODc5NyAxLjIxODZMMTEuMjc4NSAwLjYxNjUxMkMxMS4yMDY0IDAuNTQ0MjY2IDExLjA5ODEgMC40OTYwOTQgMTEuMDAyIDAuNDk2MDk0QzEwLjkwNTggMC40OTYwOTQgMTAuNzk3NSAwLjU0NDI2NiAxMC43MjU0IDAuNjE2NTEyTDUuOTk5OTggNS4zNDg4NEwxLjI3NDUzIDAuNjE2NTEyQzEuMjAyMzkgMC41NDQyNjYgMS4wOTQxNiAwLjQ5NjA5NCAwLjk5Nzk5MiAwLjQ5NjA5NEMwLjg4OTc3MSAwLjQ5NjA5NCAwLjc5MzU3NCAwLjU0NDI2NiAwLjcyMTQ1MSAwLjYxNjUxMkwwLjEyMDI0NiAxLjIxODZDMC4wNDgwOTg0IDEuMjkwODUgMCAxLjM5OTIyIDAgMS40OTU1NkMwIDEuNTkxOTEgMC4wNDgwOTg0IDEuNzAwMjcgMC4xMjAyNDYgMS43NzI1Mkw1LjcyMzQ2IDcuMzgzOUM1Ljc5NTYxIDcuNDU2MTQgNS45MDM4MyA3LjUwNDMyIDYgNy41MDQzMkM2LjA5NjIgNy41MDQzMiA2LjIwNDQyIDcuNDU2MTQgNi4yNzY1NCA3LjM4MzlMMTEuODc5OCAxLjc3MjUyQzExLjk1MTkgMS43MDAyNyAxMiAxLjU5MTkxIDEyIDEuNDk1NTZDMTIgMS4zOTkyMiAxMS45NTE5IDEuMjkwODUgMTEuODc5OCAxLjIxODZIMTEuODc5N1oiIGZpbGw9IiNBOUFGQzAiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMCI+CjxyZWN0IHdpZHRoPSIxMiIgaGVpZ2h0PSI4IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-position: calc(100% - 13px) center; background-size: 0.675em; -webkit-appearance: none; -moz-appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer;} :-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.875em 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 rgb(var(--lightGray)); padding: 1.111em; margin: 1.000em 0; } fieldset legend { font-weight: 700; background: rgb(var(--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: 1em; text-transform: none; font-weight: 400; line-height: 1;} .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: -0.75em; vertical-align: middle; text-align: center; width: 18px; height: 18px; background: rgb(var(--white)); border: 2px solid rgb(var(--gray)); transition: border-color 250ms ease;} .checkbox span {border-radius: 2px;} .radio span { border-radius: 18px; } .checkbox:hover span, .radio:hover span { border-color: rgb(var(--secondary)); } .checkbox span:before, .radio span:before {display:block; opacity: 0; color: rgb(var(--secondary)); line-height: 1; transition: opacity 250ms ease; } .checkbox span:before {font-size: 13px; content: "\e94b"; font-family: 'CD-Project-Icons';} .radio span:before {content: ""; width: 8px; height: 8px; border-radius: 8px; position: absolute; top: 50%; left: 50%; margin: -4px 0 0 -4px; background-color: rgb(var(--secondary));} .checkbox input[type=checkbox]:checked + span, .radio input[type=radio]:checked + span { border-color: rgb(var(--secondary)); background-color: rgb(var(--secondary)); } .radio input[type=radio]:checked + span { background-color: rgb(var(--white)); } .checkbox input[type=checkbox]:checked + span:before, .radio input[type=radio]:checked + span:before { color: rgb(var(--white)); opacity: 1;} .checkbox input[type=checkbox]:disabled + span, .radio input[type=radio]:disabled + span { border-color: rgb(var(--lightGray)) !important; background-color: rgb(var(--lightGray)) !important; } .radio input[type=radio]:checked:focus + span:before { background-color: rgb(var(--secondary));} .radio input[type=radio]:checked:focus + span { border-color: rgb(var(--secondary)); background-color: rgb(var(--white)); } .checkbox input[type=checkbox]:checked:focus + span, .switch input[type=checkbox]:checked:focus + span {background-color: rgb(var(--secondary));} /* --- 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: rgb(var(--white)); border: 1px solid rgb(var(--lightGray)); border-radius: 100px; transition: all .5s; box-shadow: 1px 2px 3px rgba(var(--darkBlue),0.1) inset; } .switch span:after { content: ""; position: absolute; background-color: rgb(var(--white)); top: 0; left: 0; height: 28px; width: 28px; border: 1px solid rgb(var(--gray)); border-radius: 400px; box-shadow: 1px 1px 3px rgba(var(--darkBlue),0.1); transition: all .2s; } .switch input:checked + span { background-color: rgb(var(--secondary)); border-color: rgb(var(--secondary)); transition: all .5s; } .switch input:checked + span:after { left: 50%; transition: all .2s; } /*-----------Error Validation-----------*/ form small.form-error {font-size: 0.667rem; background: rgb(var(--alert)); color: rgb(var(--white)); padding: 0.222rem 0.333rem; font-weight: 500; margin:0; display: block;} form small.form-error:last-of-type {margin-bottom: 1.875em} .fv-has-error input[type="text"], .fv-has-error input[type="email"], .fv-has-error input[type="tel"], .fv-has-error textarea, .fv-has-error select {margin-bottom: 0} /*-----------Success Container-----------*/ .success-container {display: none; text-align: center;} .success-container__icon {font-size:7.5em; line-height: 1; margin-bottom: 1.25rem; color: rgb(var(--secondary))} .success-container p {font-size: 1.25em;} /*-----------HubSpot Forms-----------*/ .hbspt-form fieldset {max-width: 100%!important;} .hbspt-form fieldset.form-columns-1 .hs-input:not([type='checkbox']) {width: 100%!important;} .hbspt-form fieldset input[type="checkbox"].hs-input {margin-right: 0.625em;} .hbspt-form .hs-error-msgs, .hbspt-form .inputs-list {list-style: none; margin: 0; padding: 0;} .hbspt-form .legal-consent-container {font-size: 0.875em;} .hbspt-form .hs-richtext {margin-bottom: 1.4286em;} .hbspt-form .submitted-message {font-size: 1.25em; margin:1.875em 0; text-align: center; position: relative;} .hbspt-form .submitted-message::before {font-size:6em; content: "\e94c"; font-family: 'CD-Project-Icons'; display: block; line-height: 1; margin: 0 auto 1.25rem auto; color: rgb(var(--secondary));} .hbspt-form .hs_recaptcha {margin-bottom: 1.875em;} .hbspt-form .hs-error-msgs.inputs-list {margin-top: -1.875em; margin-bottom: 1.875em; margin-right: 8px; background: rgb(var(--alert)); padding: 0.222rem 0.333rem;} .hbspt-form .hs-error-msgs.inputs-list label {font-size: 0.667rem; color: rgb(var(--white)); font-weight: 500;} @media only screen and (min-width: 481px) { .hbspt-form fieldset.form-columns-2 .hs-form-field:first-child .input:not([type='checkbox']), .hbspt-form fieldset.form-columns-2 .hs-form-field:first-child .hs-error-msgs.inputs-list {margin-right: 1.875em!important;} } @media (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) { .hbspt-form:not(.hs-video-form) .form-columns-2 .hs-form-field .hs-input:not([type='checkbox']), .hbspt-form:not(.hs-video-form) .form-columns-3 .hs-form-field .hs-input:not([type='checkbox']) {width: 100%!important;} } /*-----------Team Support Forms-----------*/ .js-request { margin: 25px 0; } .js-request #label_9_25_1 img, .js-request #label_9_25_0 img, .js-request #label_15_25_1 img, .js-request #label_15_25_0 img { box-shadow: 0px 2px 25px -6px rgba(var(--darkBlue),0.14); transition: transform 250ms ease; transform: translate3d(0px, 0px, 0px); } .js-request #label_9_25_1 img:hover, .js-request #label_9_25_0 img:hover, .js-request #label_15_25_1 img:hover, .js-request #label_15_25_0 img:hover { transform: translate3d(0px, -0.3125em, 0px); } .js-request input[type='radio'], #gform_previous_button_9 { display: none!important; } .js-request input[type='radio']:checked +label img { box-shadow: 0px 2px 25px -6px rgba(var(--darkBlue),0.44)!important; } /******************************************************************************** --- Accordion --- *********************************************************************************/ .accordion {font-size:1.000em; margin: 0 0 1.667em; box-shadow: 0 8px 16px 0 rgba(var(--darkBlue), .10); border-bottom: 1px solid rgba(var(--lightGray), 0.75);} .accordion dt {background: rgb(var(--offWhite)); border-bottom: 1px solid rgb(var(--lightGray)); padding:0.9375em 1.5625em; margin: 0; -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; position:relative; font-weight:700; color:rgb(var(--primary));} .accordion dt:after {font-size: 1.25em; content: "\e9dd"; font-family: 'CD-Project-Icons'; font-weight: normal; position:absolute; top:0.6em; right:1em;} .accordion dt.accordion-active {color: rgb(var(--secondary))} .accordion dt.accordion-active:after { content: "\e9bd"; } .accordion dd { display: none; padding: 1.875em 1.5625em; 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; } /******************************************************************************** --- Responsive Tabs --- *********************************************************************************/ /*-----------Universal Tabs-----------*/ .resp-tabs-list {list-style:none; margin: 0; padding: 0;} .resp-tabs-list li {font-size: 0.938em; display: inline-block; margin: 0; padding:0; cursor: pointer; color: rgb(var(--primary)); font-weight: 700; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .resp-tabs-list li:focus {outline: none;} .resp-tabs-list li.resp-tab-active { color: rgb(var(--secondary)); position: relative; } .resp-tabs-container {padding: 0; background-color: rgb(var(--white)); clear: left;} .resp-content-active, .resp-accordion-active, .resp-tab-content-active { display: block; } .resp-tab-content { display: none; padding: 1.667em 1.944em;} .resp-accordion {display: none;} .resp-tabs {box-shadow: 0 8px 16px 0 rgba(var(--darkBlue), .10);} .resp-tabs--vertical .resp-tab-content {word-wrap: break-word; } @media (min-width: 768px) { /*-----------Horizontal tabs-----------*/ .resp-tabs--horizontal .resp-tabs-list {overflow: hidden; background: rgb(var(--offWhite)); text-align: center;} .resp-tabs--horizontal .resp-tabs-list li { padding:1.000em 1.125em; position: relative;} .resp-tabs--horizontal .resp-tabs-list li.resp-tab-active:after {content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: rgb(var(--secondary));} /*-----------Vertical tabs-----------*/ .resp-tabs--vertical {background: rgb(var(--offWhite));} .resp-tabs--vertical::after {content: ""; display: table; clear: both;} .resp-tabs--vertical .resp-tabs-list { float: left; width: 30%;} .resp-tabs--vertical .resp-tabs-list li {display: block; padding: 1.000em 1.111em; cursor: pointer; float: none; border-bottom: 1px solid rgb(var(--lightGray)); } .resp-tabs--vertical .resp-tabs-list li.resp-tab-active:after {content: ""; display: block; position: absolute; top: 0; right: 0; width: 3px; height: 100%; background: rgb(var(--secondary));} .resp-tabs--vertical .resp-tabs-container { float: left; width: 70%; min-height: 250px; clear: none; } .resp-tabs--vertical .resp-tab-active { position: relative; z-index: 1; } .resp-tab-content.resp-tab-content-active {display:block!important;} .resp-accordion-closed {display:block;} } @media (max-width: 767px) { .resp-tabs-list { display: none; } .resp-arrow { position: absolute; top: 0.833em; right: 0.833em; } .resp-arrow:after { content: "\e91b"; font-family: 'CD-Project-Icons'; color:rgb(var(--primary));} .resp-tab-active .resp-arrow:after { content: "\e926"; } .resp-accordion {border-bottom: 1px solid rgb(var(--lightGray)); display: block; cursor: pointer; margin: 0; padding: 0.667em; background-color: rgb(var(--offWhite)); color: rgb(var(--darkGray)); position: relative; font-size: 1.125em;} .resp-accordion.resp-tab-active { background: rgb(var(--white)); color:rgb(var(--secondary)); } } /******************************************************************************** --- Tables --- *********************************************************************************/ table.table {border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed;} @media screen and (min-width: 801px) { table.table {background: rgb(var(--white)); box-shadow: 0 8px 16px 0 rgba(var(--darkBlue), .10); border:1px solid rgb(var(--lightGray)); text-align: left} table.table thead tr { background:rgb(var(--darkBlue)); color: rgb(var(--white))} table.table td {padding: 0.625em 1.25em;} table.table th {font-size: 0.8125em; padding: 0.7692em 1.5385em; text-transform: uppercase;} table.table tr:nth-of-type(even) { background: rgb(var(--offWhite)); } } @media screen and (max-width: 800px) { table.table thead {border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;} table.table tr {display: block; margin-bottom: 1.25em;} table.table td {display: block; overflow: hidden; position: relative; background: rgb(var(--white)); box-shadow: 0 4px 8px 0 rgba(var(--darkBlue), .10); } table.table td::before {content: attr(data-label); float: left; width: 35%; padding: 0.9375em; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; position: relative; z-index: 1; color: rgb(var(--primary))} table.table td > div {float: right; width: 65%; padding: 0.9375em;} table.table td:nth-of-type(even) { background: rgb(var(--offWhite)); } } /******************************************************************************** --- 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:rgb(var(--darkGray)); } .slide-toggle.button.active {background-color:rgb(var(--darkGray)); color:rgb(var(--white));} .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: rgb(var(--primary)); color: rgb(var(--white));} .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: rgb(var(--white)); text-decoration: underline; } .alert a:hover { color: rgba(var(--white), 0.65); } .alert p:before { font-family: 'CD-Project-Icons'; color: rgb(var(--white)); position:absolute; top:0; left:0; } .alert-success, .alert-info, .alert-warning, .alert-danger { display: block; } .alert-success { background-color:rgb(var(--secondary)); } .alert-success p:before { content: "\e94b"; } .alert-info p:before { content: "\e98f"; } .alert-warning { background-color:rgb(var(--warning)); } .alert-warning p:before { content: "\ea17"; } .alert-danger { background-color:rgb(var(--alert)); } .alert-danger p:before { content: "\e96d"; } /******************************************************************************** --- Step Form--- *********************************************************************************/ body.antenna-step-form-active {overflow: hidden;} .antenna-step-form {position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgb(var(--white)); z-index: 99999; overflow-y: scroll; display: none; -webkit-animation: popin .3s; animation: popin .3s; -webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;} .antenna-step-form-loading .antenna-step-form::before {content: ""; display: block; 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(var(--lightGray),1);border-right:6px solid rgba(var(--lightGray),1);border-bottom:6px solid rgba(var(--lightGray),1);border-top:6px solid rgba(var(--primary),1);border-radius:100%} .antenna-step-form-active .antenna-step-form {display: block;} .antenna-step-form{scrollbar-color:linear-gradient(to bottom, #2fa8d0 0%,#40b7c4 28%,#43bcba 46%,#47c2ad 63%,#42c686 100%); scrollbar-width:1.0625rem;} .antenna-step-form::-webkit-scrollbar{width:1.0625rem;height:1.062rem} .antenna-step-form::-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%);} .antenna-step-form::-webkit-scrollbar-track{background:rgb(var(--darkGray));} .antenna-step-form__wrapper {padding-top: 3.75rem; padding-bottom: 3.75rem; -webkit-animation: fadeIn 250ms; animation: fadeIn 250ms; -webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;} .antenna-step-form__wrapper, .antenna-step-form__container {height: 100%; } @-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}} @keyframes fadeIn{0%{opacity:0}100%{opacity:1}} .antenna-step-form__container {width: 90%; max-width: 960px; margin-right: auto; margin-left: auto; padding: 0 0.9375rem;} .antenna-step-form__heading, .antenna-step-form__section {margin-bottom: 3.75rem;} .antenna-checkbox ul, .antenna-radio ul {margin: 0 -0.625rem; display: flex; flex-wrap: wrap; align-items: stretch;} .antenna-checkbox ul {list-style: none; padding: 0;} .antenna-checkbox__block, .antenna-radio__block {display: block; width: 50%; padding: 0 0.625rem 1.25rem; line-height: 1.2;} .antenna-checkbox__input {padding: 0.9375rem; height: 100%; border:2px solid rgba(var(--primary),1); display: flex; align-items: center; cursor: pointer; transition: border-color 250ms ease} .antenna-checkbox__input:hover {border-color: rgb(var(--secondary))} .antenna-checkbox__inner {position: relative; padding-left: 30px;} .antenna-checkbox__check {display: block; position: absolute; top: 0; left: 0; width: 1.375rem; height: 1.375rem; text-align: center; border:2px solid rgb(var(--secondary))} .antenna-checkbox__check::before {font-size: 1.25em; display: block; content: "\e94b"; font-family: 'CD-Project-Icons'; color: rgb(var(--secondary)); position: relative; top:-0.2em; transform: scale(0); transition: all 200ms ease;} .antenna-checkbox__block--active .antenna-checkbox__check::before {transform: scale(1);} .antenna-checkbox__label {font-weight: 600;} .antenna-radio__block .featured-icons__block {cursor: pointer; box-shadow: 0px 2px 25px -6px rgba(var(--darkBlue),0.14), inset 0px 0px 0px 3px rgba(var(--secondary),0);} .antenna-radio__block--active .featured-icons__block {box-shadow: 0px 2px 25px -6px rgba(var(--darkBlue),0.14), inset 0px 0px 0px 3px rgba(var(--secondary),1); } .antenna-step-form__field label {color: var(--body-text);} .antenna-step-form__field input[type="text"], .antenna-step-form__field input[type="email"] {height: 3.75em;} .antenna-step-form__field textarea, .antenna-step-form__field input[type="text"], .antenna-step-form__field input[type="email"] {border:2px solid rgb(var(--primary)); margin-bottom: 1.25em} .antenna-step-form__field textarea:focus, .antenna-step-form__field input[type="text"]:focus, .antenna-step-form__field input[type="email"]:focus {border-color: rgb(var(--secondary))} .antenna-step-form__field > .row {margin-right: -0.9375rem; margin-left: -0.9375rem;} .antenna-step-form__close {position: absolute; top: 0.9375rem; right: 0.9375rem; cursor: pointer; transition: color 250ms ease;} .antenna-step-form__close:hover {color: rgb(var(--gray))} .antenna-step-form__close span {font-size: 2.8125rem;} .antenna-step-form__success {margin: 3.75em auto; max-width: 40em; text-align: center; display: none;} .antenna-step-form__success-icon {margin-bottom: 1.25em;} .antenna-step-form__success-icon span {font-size: 8.75em; color: rgb(var(--secondary))} .antenna-step-form__success p {font-size: 1.25em;} .antenna-step-form__success > :last-child {margin-bottom: 0} @media screen and (max-width: 639px) { .antenna-step-form__field > .row {margin-right: -0.625rem; margin-left: -0.625rem;} } @media screen and (max-width: 519px) { .antenna-checkbox__block, .antenna-radio__block {width: 100%;} } @media screen and (max-width: 479px) { .antenna-step-form__container {width: 96%;} } /******************************************************************************** --- Footer Main--- *********************************************************************************/ .footer {background: rgb(var(--darkBlue));} .footer__top {padding-top: 4.375em; padding-bottom: 3.125em; position: relative;} .footer__logo {margin-bottom: 4.375em; position: relative;} .footer__back-top {width: 2.125em; height: 2.125em; line-height: 1.875em; border-radius: 2.125em; border: 2px solid rgba(var(--white), 0.65); text-align: center; color: rgba(var(--white), 0.65); transition: border-color 250ms ease, color 250ms ease;} .footer__back-top:hover {color: rgba(var(--white), 1); border-color: rgba(var(--white), 1)} .footer__col h5 {font-size: 1.5625em; font-weight: 400; color: rgb(var(--white)); margin-bottom: 1.875rem} .footer__loc ul {margin: 0; padding: 0; list-style: none} .footer__loc li {display: block; line-height: 1.2; margin-bottom: 1.25em;} .footer__loc li::before {font-size: 1.25em; font-family:'CD-Project-Icons'; display: block;} .footer__phone {font-size: 1.25em;} .footer__phone a {color: rgb(var(--secondary))} .footer__phone a:hover {color: var(--secondaryLighter)} .footer__loc li.footer__phone::before {content: "\e99e"; left: -3px} .footer__loc li.footer__locs::before {content: "\e9b2"} .footer__locs-label {font-size: 1em; display: block; color: rgba(var(--white), 0.95)} .footer__locs-addr {font-size: 0.8125em; color: rgba(var(--white), 0.75)} .footer__links ul, .footer__social ul {list-style: none; margin: 0; padding: 0;} .footer__links li {display: block; margin-bottom: 0.9375em;} .footer__links a, .footer__social a {color: rgba(var(--white), 0.75)} .footer__links a:hover, .footer__social a:hover {color: rgba(var(--white), 1)} .footer__social li {display: block; margin-bottom: 1.25em} .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 {line-height: 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: 2px solid rgba(var(--white),0.95); margin-right: 12px;} .footer__social .social-links__icon::before {position: relative; top: -1px;} .footer__bottom {padding: 2.5em 0; border-top: 1px solid rgba(var(--white),0.15);} .footer__copyright {display: block; font-size: 0.8125em; font-weight: 600; color: rgba(var(--white), 0.75)} .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.8125em; color: rgba(var(--white), 0.75); font-weight: 600;} .footer__site-links a:hover {color: rgba(var(--white), 1);} @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 {padding: 0 1.875rem;} } @media only screen and (min-width: 641px) and (max-width: 1024px) { .footer__row {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; margin: 0 -1.875rem;} .footer__col {padding: 0 1.875rem 3.75em;} } @media only screen and (min-width: 641px) { .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 {margin-left: 1.25em;} } @media only screen and (max-width: 640px) { .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 {text-align: center;} .footer__col:not(:last-child) {margin-bottom: 2.1429em; padding-bottom: 2.1429em; position: relative;} .footer__col:not(:last-child)::after {content: ""; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -40px; width: 80px; height: 2px; background: rgba(var(--white), 0.75);} .footer__loc li::before {margin-bottom: 0.4286em} .footer__copyright {margin-bottom: 1em;} .footer__site-links li {margin: 0 0.5333em;} } @media only screen and (max-width: 479px) { .footer {font-size: 1.0769em;} .footer__logo {margin-bottom: 2.8571em} } /******************************************************************************** --- Magnific Popup CSS--- *********************************************************************************/ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 10042; overflow: hidden; position: fixed; background: rgb(var(--darkBlue)); 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: rgb(var(--lightGray)); position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 10044; } .mfp-preloader a { color: rgb(var(--lightGray)); } .mfp-preloader a:hover { color: rgb(var(--white)); } .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: rgb(var(--gray)); transition: color 250ms ease; font-style: normal; font-weight: 300;} .mfp-close:hover, .mfp-close:focus { color: rgb(var(--darkGray)); } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: rgb(var(--white)); right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: rgb(var(--lightGray)); 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 rgb(var(--white)); margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid rgb(var(--darkGray)); } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid rgb(var(--white)); margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid rgb(var(--darkGray)); } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 1200px; } .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(var(--darkBlue), 0.6); background: rgb(var(--darkBlue)); } /* 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(var(--darkBlue), 0.6); background: rgb(var(--darkGray)); } .mfp-figure small { color: rgb(var(--lightGray)); 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: rgb(var(--offWhite)); 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: .90 } .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(var(--darkBlue),0.6) } .popup-embed-container .mfp-close { top: -44px; color: rgb(var(--white)); 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(var(--darkBlue), 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(var(--darkBlue), 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: rgb(var(--white)); 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;} .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} .testimonial-popup {position: relative; padding:3.75em 3.75em 2.5em;} .testimonial-popup::before {font-size: 13.75em; content: "\e9e2"; font-family: 'CD-Project-Icons'; line-height: 1; display: block; position: absolute; top: -0.3182em; left: -0.1364em; color: rgba(var(--gray), 0.35);} .testimonial-popup p {font-size: 1.25em;} .testimonial-popup__cite {font-weight: 700; color: rgb(var(--secondary)); margin-top: -0.625rem; position: relative;} .testimonial-popup__cite span {font-size:0.8125rem; margin: 0 0 0 0.389em; color: var(--body-text)} .testimonial-popup > :last-child {margin-bottom: 0} .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: rgb(var(--secondary));} .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(var(--gray), 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;} } /******************************************************************************** --- 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(var(--lightGray),1);border-right:6px solid rgba(var(--lightGray),1);border-bottom:6px solid rgba(var(--lightGray),1);border-top:6px solid rgba(var(--primary),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)}} /******************************************************************************** --- HubSpot Live Chat --- *********************************************************************************/ #hubspot-messages-iframe-container {z-index: 10000!important;} @media only screen and (max-width: 640px) { #hubspot-messages-iframe-container {z-index: 1000000!important;} } /******************************************************************************** --- Glassdoor Review Widget --- *********************************************************************************/ .glassdoor-review-widget {margin-bottom: 1.5em; max-width: 11.25em;} /******************************************************************************** --- 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: rgb(var(--white)); background-color: rgb(var(--darkBlue)); 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: 46px;} #wpadminbar {position: fixed;} } /******************************************************************************** --- Style Guide--- *********************************************************************************/ .sg-section {padding: 5.000em 0; border-bottom: 1px solid rgb(var(--lightGray));} .sg-section__heading {position: relative; margin-bottom: 2.000rem} .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: rgb(var(--lightGray));} .sg-section__subheading {font-size: 14px; text-transform: uppercase; margin: 4.000em 0 2.000em; position: relative;} .sg-section__subheading--mb {margin-bottom: 6.000em} .sg-section__subheading:before {content: ""; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: rgb(var(--lightGray));} .sg-section__subheading span {position: relative; background: rgb(var(--white)); 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 rgb(var(--lightGray)); 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: rgb(var(--white)); z-index: 9999999; border-right: 1px solid rgb(var(--lightGray)); -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: none;} .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 {padding-bottom: 1.875em;} .swatch__color { position: relative; height: 7.8125em;} .swatch__details {height: 9.375em; padding: 0.625em 0.9375em; background: rgb(var(--white)); box-shadow: 0px 2px 25px -6px rgba(var(--darkBlue),0.14);} .swatch__details .label {font-size: 0.75em;} .swatch__details p {font-size: 0.875em; line-height: 1.4;} .swatch__info {position: absolute; bottom: 0; left: 0; padding: 10px; color: rgb(var(--white));} .swatch__info--dark {color: var(--darkBlue)} .swatch__name, .swatch__hex, .swatch__rgb {font-size: 0.8125em;} .swatch__hex, .swatch__rgb {display: inline-block;} .swatch__name {display:block;} /*---------- Code Snippets ----------*/ code {display: none; /* Remove in Production */} code.active {display: block;} pre {padding:15px; border:1px solid rgb(var(--lightGray));} /******************************************************************************** --- Greenhouse Careers --- *********************************************************************************/ .open-positions--filter {display: flex;align-items: center;margin: 1.5rem -1rem 4rem -1rem;} .open-position__filter {margin: 0 1rem 0 1rem;} .open-position__filter option[value="4002702005"] {display: none;} #grnhse_app {background-color: rgba(var(--offWhite), 1);} /* Min height for spinner */ .positions-list { min-height: 200px; } /* Hide for Reset */ .reset-btn.hide { display: none; } .reset-btn { margin-top: -3rem; } @media (max-width: 600px) { .open-positions--filter {flex-flow: wrap;justify-content: center;} .open-positions--filter .label {margin: .9rem 0;} } form.post-password-form { max-width: 700px; margin: 0 auto; } form.post-password-form input[type="submit"] { font-size: 0.8125rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; line-height: 1; border: 1px solid transparent; border-radius: 1px; padding: 1.5385em 1.9231em 1.3846em; margin: 0 0 1.111em 0; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; display: inline-block; -webkit-transition: all 200ms ease; transition: all 200ms ease; color: rgb(var(--white)); background-color: rgb(var(--primary)); } form.post-password-form input[type="submit"]:hover { color: rgb(var(--white)); background-color: var(--primaryLighter); }