/* Theme Name: Marcum LLP Theme Theme URI: Author: Antenna | Digital Author URI: https://www.antennagroup.com Description: Custom theme designed and built for Marcum LLP Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /******************************************************************************** --- CSS BASE --- *********************************************************************************/ html{font-size: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:#fff;font-family:'Roboto',sans-serif;font-weight:normal;line-height:1.5;color:#212936;-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:#0099a9;color:#212936}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 #a7a9ac;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;color:inherit;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}details{display:block}summary{display:list-item}menu{display:block}canvas{display:inline-block}template{display:none}[hidden]{display:none}img{display:inline-block;vertical-align:middle;max-width:100%;height:auto;-ms-interpolation-mode:bicubic}textarea{height:auto;min-height:50px;border-radius:3px}select{box-sizing:border-box;width:100%;border-radius:3px}button{padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:3px;background:transparent;line-height:1;cursor:auto}pre{overflow:auto}button,input,optgroup,select,textarea{font-family:inherit}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}::placeholder {color: #767676; opacity: 1;}:-ms-input-placeholder {color: #767676; opacity: 1;}::-ms-input-placeholder {color: #767676; opacity: 1;} /*Reduce Root Element (html) Sizing For REMs*/ @media only screen and (max-width: 1199px){html{font-size: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}} /******************************************************************************** --- Announcement --- *********************************************************************************/ .announcement-banner {background: #0099a9;} .announcement-banner > .row {position: relative; font-size: 1.25em; padding: 1em; text-align: center; margin-top: auto; margin-bottom: auto;} .announcement-banner__label {font-size: 0.875em; display: inline-block; vertical-align: middle; line-height: 1.2; color: #fff; margin: 0 2.1429em 0 0;} .announcement-banner__label a {color: rgba(255,255,255,1); text-decoration: underline;} .announcement-banner__label a:hover {color: rgba(255,255,255,0.65); text-decoration: underline;} .announcement-banner__close {position: absolute; top: 50%; right: 0.625em; margin-top: -0.625em; text-align: center; color: #ffffff; cursor: pointer; background: #fff; color: #0099a9; border-radius: 50%; width: 1.25em; height: 1.25em; line-height: 1.25em; transition: all 250ms ease;} .announcement-banner__close span {font-size: 0.875em; font-weight: 700; display: inline-block; vertical-align: middle; line-height: 1; position: relative; top: -1px;} .announcement-banner__close:hover {background: #212936; color: #fff;} /******************************************************************************** --- Announcement --- *********************************************************************************/ .cookie-banner {position: fixed; bottom: 0; left: 0; right: 0; width: 100%; background: #212936; z-index: 101; display: none;} .cookie-banner--active {display: block;} .cookie-banner > .row {position: relative; padding-top: 1.25em; padding-bottom: 1.25em} .cookie-banner__label {font-size: 0.875em; display: inline-block; vertical-align: middle; line-height: 1.2; color: #fff; margin: 0 2.5em 0 0;} .cookie-banner__label a {color: rgba(255,255,255,1); text-decoration: underline;} .cookie-banner__label a:hover {color: rgba(255,255,255,0.65); text-decoration: underline;} .cookie-banner__close {position: absolute; top: 50%; right: 0.625em; margin-top: -0.75em; text-align: center; color: #ffffff; cursor: pointer; background: #fff; color: #0099a9; border-radius: 50%; width: 1.5em; height: 1.5em; line-height: 1.5em; transition: all 250ms ease;} .cookie-banner__close span {font-size: 0.875em; font-weight: 700; display: inline-block; vertical-align: middle; line-height: 1; position: relative; top: -1px;} .cookie-banner__close:hover {background: #0099a9; color: #fff;} @media only screen and (max-width: 375px) { .cookie-banner__close span {top: 0;} } /******************************************************************************** --- Top Bar --- *********************************************************************************/ @media only screen and (min-width: 1025px) { .top-bar {height: 42px; overflow: hidden; background: #212936; text-align: right; position: relative; z-index: 9999} .top-bar__container{max-width:1350px; margin-right:auto;margin-left:auto; position: relative;}.top-bar__container::before,.top-bar__container::after{display:table;content:' ';-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-order:1;order:1}.top-bar__container::after{clear:both} .top-bar__links, .top-bar__social {display: inline-block; vertical-align: top; text-align: left;} .top-bar__social {margin-left: 0.5em; margin-right: 0.9375rem;} .top-bar__links ul, .top-bar__social ul {list-style: none; margin: 0; padding: 0;} .top-bar__links li, .top-bar__social li {display: block; float: left; height: 42px; line-height: 42px;} .top-bar__links a, .top-bar__social a {display: inline-block; vertical-align: middle; color: #fff; height: 21px; line-height: 21px;} .top-bar__links a:hover, .top-bar__social a:hover {color: #0099a9} .top-bar__links a {font-size: 0.8125em; text-transform: uppercase; padding: 0 1.5385em; border-right: 1px solid rgba(255,255,255,0.20)} .top-bar__social a {font-size: 1em; padding: 0 0.5em;} .top-bar__social li:last-child a {padding-right: 0} } @media only screen and (max-width: 1024px) { .top-bar {display: none;} } .social-links__label {display: none;} /******************************************************************************** --- Template - Header --- *********************************************************************************/ .root {overflow-x: hidden} .header {z-index:9999; box-shadow: 0px 2px 1px rgba(33, 41, 54, 0.08)} .antenna-wordmark{fill:#fff; transition: fill 250ms ease;} @media only screen and (min-width: 1025px) { /*-----------Hidden Mobile Elements-----------*/ .drawer-toggle, .header__cta-mobile, .top-bar-mobile {display:none;} /*-----------Header-----------*/ .header {position: relative;} .header__container{max-width:1350px; height: 110px; 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.52px; left:1.25rem; width: 120px; z-index:1;} .logo svg {display: block; width: 100%; height: auto;} /*-----------Menu - Second Level Dropdown-----------*/ .utility-links {font-size: 12px;} .utility-links > ul > li {height: 110px; line-height: 106px;} /*-----------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.875em; display: inline-block; vertical-align: middle; line-height: 1.2; letter-spacing: 0.5px; text-transform: uppercase; font-weight: 700; color: #6d6e71; position: relative;} .utility-links > ul > li > a:hover {color: #0099a9} .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.875em; margin-bottom: 0; color: #fff; } .utility-links > ul > li.utility-links__search > a {font-size: 1.1875em;} .utility-links > ul > li.utility-links__clients span {display: none;} .utility-links > ul > li:not(:first-child) > a:not(.button)::before {content: ""; display: block; position: absolute; top: 0; left:-9px; width: 1px; height: 24px; background: #e2e2ec} .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:#0099a9; 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 #0099a9 transparent; } .utility-links ul ul::after {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: #0099a9} .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(86, 94, 104, 0.10); color: #fff; transition: background-color 250ms ease} .utility-links > ul > li > ul > li:not(:last-child) > a {border-bottom: 1px solid rgba(255,255,255,0.10)} .utility-links ul ul a:hover, .utility-links ul ul li.selected > a {background-color:#0099a9;} /*-----------Header - Menu-----------*/ .menu {font-size: 13px; 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: left; margin-left: 170px} .menu > ul li:not(.mega-drop) {position:relative;} .menu > ul > li {float: left;} .menu > ul > li > a {font-size: 1em; font-weight: 500; height:110px; line-height:106px; margin: 0 0.625em; color: #212936; position: relative; transition:color 250ms ease;} .menu > ul > li > a:hover, .menu > ul > li:hover > a {color: #0099a9} .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 #212936 transparent; opacity:0; transition:opacity 250ms ease; } .menu > ul > li > a > .menu-arrow {display: inline-block; vertical-align: middle; margin-left:3px;} .menu > ul > li > a > .menu-arrow::before {content: "\e911"; font-family: 'CD-Project-Icons'; display: block; position: relative; top: -2px; color: #0099a9;} .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:#212936; 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: #212936} .menu > ul > li:not(.mega-drop) > ul > li > a {font-size: 0.875em; font-weight: 700; padding:1.4286em 1.7857em; color: #fff; transition: background-color 250ms ease; position: relative;} .menu > ul > li:not(.mega-drop) > ul > li:not(:last-child) > a {border-bottom: 1px solid rgba(255,255,255,0.10)} .menu > ul > li:not(.mega-drop) > ul > li:hover > a, .menu > ul > li:not(.mega-drop) > ul > li.drop-open > a, .menu > ul > li:not(.mega-drop) > ul > li.selected > a {background-color:rgba(255,255,255,0.025);} .menu > ul > li:not(.mega-drop) > ul > li > a::before, .menu > ul > li:not(.mega-drop) > ul > li > a::before, .menu > ul > li:not(.mega-drop) > ul > li > a::before {content:""; display:block; position:absolute; top:0; left:0; width:4px; height:100%; background:transparent; transition: background 250ms ease;} .menu > ul > li:not(.mega-drop) > ul > li:hover > a::before, .menu > ul > li:not(.mega-drop) > ul > li.drop-open > a::before, .menu > ul > li:not(.mega-drop) > ul > li.selected > a::before {background:#0099a9} .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: 1.25em 1.5625em; background-color: rgba(255,255,255,0.025); border-bottom: 1px solid rgba(255,255,255,0.10); position: relative; transition: background 250ms ease;} .menu > ul > li:not(.mega-drop) ul ul li {margin-bottom: 0.3125em;} .menu > ul > li:not(.mega-drop) ul ul a {font-size: 0.875em; color: #fff;} .menu > ul > li:not(.mega-drop) ul ul a:hover {color:#0099a9} /*-----------Menu - Mega Menu-----------*/ .menu > ul > li.mega-drop > ul {display: none;} .mega-menu {position: absolute; top:auto; left: 0; transform: translate3d(-9999px, 0px, 0px); width: 100%; text-align: left; 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__row {border-top: 4px solid #212936; box-shadow: 0 5px 12px 0 rgba(33, 41, 54, 0.06); } .mega-menu__hide {display: none!important;} /*-----------Sticky Header-----------*/ .sticky-header .logo {top:27.5px;} .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;} } @media only screen and (min-width: 1200px) { .logo {top:35.82px; width: 150px; left:1.875rem;} .menu {font-size: 14px;} .menu > ul {margin-left: 210px} .menu > ul > li > a {font-size: 1em; margin: 0 0.9375em;} .utility-links {font-size: 14px; right: 1.875rem;} .sticky-header .logo {top:20.82px;} } @media only screen and (min-width: 1366px) { .logo {top:33px; width: 172px; left:0.9375rem;} .menu {font-size: 16px;} .menu > ul {margin-left: 250px;} .utility-links {font-size: 16px; right: 0.9375rem} .sticky-header .logo {top:18px;} } @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: 11px; left: 18px; z-index: 9999} .logo svg {display:block; width: 100%; height: auto;} /*-----------Header - Logo-----------*/ .header__cta-mobile {position: absolute; top: 0; right: 4.375em; height: 54px; line-height: 54px;} .header__cta-mobile .button {font-size: 0.75em; display: inline-block; padding-right: 1.25em; padding-left: 1.25em; vertical-align: middle; width: auto; margin-bottom: 0; } .header--secure-zone .header__cta-mobile {right: 0.9375em;} /*-----------Drawer Toggle-----------*/ .drawer-toggle { position: absolute; top: 0; right: 0; display: block; text-align: center; width: 54px; height: 54px; font: inherit; cursor: pointer; transition-timing-function: linear; transition-duration: 0.15s; transition-property: opacity,filter; text-transform: none; color: inherit; border: 0; background-color: transparent; z-index: 9999} .drawer-toggle span {right: 14px;} .drawer-toggle span, .drawer-toggle span:after, .drawer-toggle span:before {position: absolute; width: 24px; height: 3px; transition-timing-function: ease; transition-duration: 0.15s; transition-property: transform; border-radius: 4px; background-color: #6d6e71;} .drawer-toggle span:after, .drawer-toggle span:before {display: block; content: "";} .drawer-toggle span:before {top: -6px;} .drawer-toggle span:after {bottom: -6px;} .menu_open .drawer-toggle:hover, .drawer-toggle:hover {opacity: 0.7;} .menu_open .drawer-toggle span, .menu_open .drawer-toggle span:after, .menu_open .drawer-toggle span:before {background-color: #6d6e71;} .menu_open .drawer-toggle span:before {transform: translate3d(-8px,1.5px,0) rotate(-45deg) scaleX(0.6);} .menu_open .drawer-toggle span, .menu_open .drawer-toggle span:after, .menu_open .drawer-toggle span:before {background-color: #6d6e71;} .menu_open .drawer-toggle span:after {transform: translate3d(-8px,-1.5px,0) rotate(45deg) scaleX(0.6);} /*-----------Drawer-----------*/ .drawer { position: fixed; z-index:9998; top: 0; right:0; height: 100%; width: 100%; padding-top: 54px; transform: translate3d(100%, 0, 0); transition:transform 150ms ease-in-out;} .drawer__inner {width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; background: #ffffff;} .announcement-active .drawer {padding-top: 115px;} /*-----------Main Menu-----------*/ .menu {background: #fff} .menu {font-size: 1.25em;} .menu ul {padding: 0; margin: 0; list-style: none;} .menu > ul > li, .menu > ul > li > ul, .menu > ul > li > ul > li > ul {line-height: 1.2;} .menu > ul > li, .menu > ul > li > ul > li, .menu > ul > li > ul > li > ul > li, .menu > ul > li > a, .menu > ul > li > ul > li > a, .menu > ul > li > ul > li > ul > li > a {display: block;} .menu > ul > li > a, .menu > ul > li > ul > li > a, .menu > ul > li > ul > li > ul > li > a {font-weight: 500; padding: 0.833em 0.9375em; position: relative; color: #212936; transition: color 250ms ease;} .menu a:hover {color: #0099a9;} .menu > ul > li > a {font-size: 1.4em;} .menu > ul > li > ul > h3 {font-size: 1.1429em; padding-top: 0.625em; padding-left:1.5em;} .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.75em; font-weight: normal; content: "\e91d"; 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--mobile).active > ul, .menu li.active.mega-drop--mobile .mega-menu {display: block;} .menu ul li:not(.mega-drop--mobile) ul {display: none; background: #fff} .menu ul li:not(.mega-drop--mobile) ul li a {font-size: 1.2246em; padding-left: 1.875em;} .menu ul li:not(.mega-drop--mobile) ul ul li a {font-size: 1.01608em; padding-left: 3.4615em; background: #f4f8f8;} .menu ul li:not(.mega-drop--mobile) ul ul ul li a {background:transparent;color: #212936;padding:0.833em 0.9375em;display: block;padding-left: 4.25rem;} .menu > ul > li.active > a, .menu > ul > li.selected > a {color: #0099a9;} .menu > ul > li > ul > li.active > a, .menu > ul > li > ul > li.selected > a, .menu > ul > li > ul > li > ul > li.active > a, .menu > ul > li > ul > li > ul > li.selected > a, .menu > ul > li > ul > li > ul > li > ul > li.selected > a {color: #0099a9;} .mega-menu {display: none;} .mega-drop--mobile.active .mega-menu {display: block;} .mega-menu .row {padding: 0;} /*-----------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 ul {list-style: none; margin: 0; padding: 0;} .utility-links li {display: block;} .utility-links a {font-size: 1.72312em; display: block; padding: 0.833em 0.9375em; position: relative; border-bottom: 1px solid rgba(255,255,255, 0.08); transition: color 250ms ease;} .utility-links li.utility-links__cta, .utility-links li.utility-links__search {display: none;} /*-----------Header - Site Search-----------*/ .site-search {font-size: 16px; padding: 0.9375em;} .site-search form {position: relative;} .site-search__input[type="text"] {font-size: 1em; height: 2.75em; margin-bottom: 0} .site-search__button {font-size: 1.25em; height: 2.2em; width: 2.5em; position: absolute; top: 0; right: 0; color: #0099a9; cursor: pointer} .site-search__button .icon-search {margin: 0; top: 0} .site-search__close, .site-search__headline, .site-search__button-text {display: none;} /*-----------Header - Top Bar Mobile-----------*/ .top-bar-mobile {font-size: 16px; padding: 0 0.9375em;} .top-bar-mobile ul, .top-bar__social ul {list-style: none; margin: 0; padding: 0;} .top-bar-mobile li, .top-bar-mobile a {display: block;} .top-bar-mobile a {padding: 0.375em 0; font-weight: 500; text-transform: uppercase; color: #212936;} .top-bar-mobile a:hover {color:#0099a9;} .top-bar-mobile__social li {display: block; float: left; margin-right: 0.9375em;} .top-bar-mobile__social a {font-size: 1.5em; display: block; color: #0099a9} .top-bar-mobile__social a:hover {color: #a7a9ac} .top-bar-mobile__social li:last-child {margin-right: 0} } @media only screen and (max-width: 800px) { .announcement-active .drawer {padding-top: 111px} } @media only screen and (max-width: 639px) { .drawer-toggle span {right: 15px;} .drawer-toggle span, .drawer-toggle span:after, .drawer-toggle span:before {width: 20px; height: 3px;} .drawer-toggle span:before {top: -6px;} .drawer-toggle span:after {bottom: -6px;} .menu_open .drawer-toggle span:before {transform: translate3d(-8px,2px,0) rotate(-45deg) scaleX(0.7);} .menu_open .drawer-toggle span:after {transform: translate3d(-8px,-2px,0) rotate(45deg) scaleX(0.7);} } @media only screen and (max-width: 479px) { .utility-links {font-size: 1em;} } @media only screen and (max-width: 375px) { .announcement-active .drawer {padding-top: 106px;} } .sticky-header .header{position:fixed; top: 0; left: 0; width: 100%; background: #fff} .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)}} /******************************************************************************** --- Site Search--- *********************************************************************************/ @media only screen and (min-width: 1025px) { .site-search {font-size: 15px; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(33, 41, 54,0.98); z-index: 99999999; visibility: hidden; opacity: 0; transition: all 250ms ease-out;} .site-search-active {overflow: hidden;} .site-search-active .site-search {visibility: visible; opacity: 1;} .site-search__wrapper {display: flex; width: 100%; height: 100%; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center;} .site-search__valign {width:100%; max-width: 44em; border-radius: 3px; background: #fff; position: relative;} .site-search__container {padding: 5em 21.875em 5em 2.5em; } .site-search__bg {position: absolute; top: 0; right: 0; width: 18.75em; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;} .site-search__bg:before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #212936; z-index: 1; opacity: 0.30;} .site-search__headline {text-transform: none;} .site-search__form {position: relative;} .site-search__form .site-search__input, .site-search__form .site-search__select {font-size: 1.1875em; margin-bottom: 0.5263em} .site-search__form .site-search__select {color: rgba(45, 41, 45, 0.72);} .site-search__button {font-size: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; cursor: pointer; line-height: 1; border: none; border-radius: 3px; margin: 0.625em 0 0 0; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; display: inline-block; padding: 1em 1.875em; -webkit-transition: all 200ms ease; transition: all 200ms ease; color: #ffffff; background-color: #0099a9;} .site-search__button:hover {color: #ffffff; background-color: #6d6e71;} .site-search__close {font-size: 1.25em; font-weight: 500; position: absolute; top: -1.875em; right: 0; cursor: pointer; color: #0099a9; transition: opacity 250ms ease;} .site-search__close:hover {opacity: 0.65} .site-search__close .icon-close {font-size: 1.125em; position: relative; top: 0.125em;} } @media only screen and (min-width: 1200px) { .site-search {font-size: 16px;} } /******************************************************************************** --- Mega Menus --- *********************************************************************************/ /* Mega Menu - Overall */ .mega-menu__row {overflow: hidden; border-radius: 0px 0px 3px 3px; position: relative;} .mega-menu__title {font-size: 1.25em; text-transform: none; padding-bottom: 0.4em; color: #0099a9; border-bottom: 1px solid #e2e2ec;} @media only screen and (min-width: 1025px) { .mega-menu__row--image {padding-right: 18.75em;} .mega-menu__image {position: absolute; top: 0; right: 0; width: 18.75em; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;} } /* Mega Menu - Tabs */ .mega-menu__tabs {background: #fff; overflow: hidden; position: relative;} .mega-menu__tabs::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 25%; background: #212936; height: 100%;} .mega-menu__tabs-toggle {width: 25%; float: left; position: relative; background: #212936;} .mega-menu__tabs-toggle ul {list-style: none; margin: 0; padding: 0;} .mega-menu__tabs-toggle li {display: block; border-bottom: 1px solid rgba(255,255,255,0.06)} .mega-menu__tabs-toggle a {font-size: 1em; text-transform: uppercase; display: block; padding: 1.5625em 2.1875em; color: #fff; position: relative; transition: background 250ms ease} .mega-menu__tabs-toggle a::before{content:""; display:block; position:absolute; top:0; left:0; width:3px; height:100%; background:#0099a9; transform: translate3d(-3px, 0px, 0px); transition: transform 400ms ease;} .mega-menu__tabs-toggle a:hover, .mega-menu__tabs-toggle li.active a {background:rgba(255,255,255,0.03); color: #fff} .mega-menu__tabs-toggle li.active a::before {transform: translate3d(0px, 0px, 0px);} .mega-menu__tabs-links {width: 75%; float: left; padding:1.875em 2.5em;} .mega-menu__tabs-links-container {position: relative;} .mega-menu__tabs-links-inner {overflow: hidden; margin: 0 -0.9375em; position: absolute; display: none;} .mega-menu__tabs-links-inner--active {display: block; position: relative;} .mega-menu__tabs-links-inner > ul {float: left; width: 33.3333%; padding: 0 0.9375em;} /* Mega Menu - Links */ .mega-menu__links h3 {font-size: 1.25em; text-transform: none; color: #0099a9; margin-bottom: 0.25em;} .mega-menu__links ul {margin: 0; padding: 0 1rem 0 0;} .mega-menu__links > ul {display: block;} .mega-menu__links > ul.two-column { column-count: 2; column-gap: 40px; } .mega-menu__links > ul.three-column { column-count: 3; column-gap: 30px; } .mega-menu__links > ul.four-column { column-count: 4; column-gap: 30px; } .mega-menu__links li {list-style: none; margin: 0; padding: 0; line-height: 1.4; display: block;} .mega-menu__links a {display: inline-block;} .mega-menu__links > ul > li {padding: 0.625em 0; break-inside: avoid; border-top: 1px solid #e2e2ec} .mega-menu__links > ul > li:first-child {border-top: none;} .mega-menu__links > ul > li > a {font-size: 0.9375em; color: #212936; font-weight: 500;} .mega-menu__links > ul > li > a:hover {color: #0099a9;} .mega-menu__links > ul > li > ul {margin: 0.625em 0.625em 0 0.625em} .mega-menu__links > ul > li > ul > li {margin-bottom: 0.375em} .mega-menu__links > ul > li > ul > li > a {font-size: 0.8125em; font-weight: 500; text-transform: capitalize;; color: #0099a9;} .mega-menu__links > ul > li > ul > li > a:hover {color: #212936} /* Mega Menu - People */ .mega-menu__people {overflow: hidden; position: relative; padding: 1.875em 2.1875em; background: #fff; } .people-filter h3 {font-size: 1.25em; text-transform: none; color: #0099a9} .people-filter__alpha {overflow: hidden; margin-bottom: 1.25em; position: relative;} .people-filter__alpha .button.tiny {display: block; width: 100%; padding-right: 0; padding-left: 0; margin-bottom: 0;} .people-filter__alpha ul {list-style: none; margin:0; padding: 0;} .people-filter__alpha li {display: inline-block; margin: 0 0.25em 0.625em; line-height: 1.4;} .people-filter__alpha-left a {font-size: 1.25em; display: block; color: #212936;} .people-filter__alpha-left a:hover {color: #0099a9} .row .people-filter__form .row {margin-right: -0.5rem; margin-left: -0.5rem} .people-filter__form .column, .people-filter__form .columns {padding-right: 0.5rem; padding-left: 0.5rem;} .people-filter__form input[type="text"], .people-filter__form select {margin-bottom: 1.25em} @media only screen and (min-width: 960px) { .people-filter__alpha {min-height: 2.5em;} .people-filter__alpha-right {position: absolute; top: 0; right: 0; width: 6.875em;} .people-filter__alpha-left {padding-right: 9.375em;} .people-filter__alpha ul {margin-top: 0.4375em;} } /* @media only screen and (min-width: 1025px) { .people-filter__form select[name="job_title"],.people-filter__form select[name="industry"],.people-filter__form select[name="division"],.people-filter__form select[name="office"] {height: 8em;} } */ @media only screen and (max-width: 1024px) { .mega-menu__people {border-bottom: 1px solid rgba(33, 41, 54, 0.08);} } @media only screen and (max-width: 959px) { .people-filter__alpha-right {margin-bottom: 0.625em;} } @media only screen and (max-width: 479px) { .mega-menu__people {padding-right: 0.9375em; padding-left: 0.9375em;} } /* Mega Menu - Firm */ .mega-menu__firm {overflow: hidden; position: relative; display: flex; flex-wrap: wrap; align-items: stretch; align-content: flex-start; background: #fff;} .mega-menu__firm .mega-menu__links {float: left; width: 30%; padding: 1.875em 2.1875em; background: #fff;} .mega-menu__firm .mega-menu__cards {float: right; width: 70%; padding: 1.875em 2.1875em; background: #212936;} .mega-menu__cards--equal .row {display: flex; flex-wrap: wrap; align-items: stretch; align-content: flex-start;} .mega-menu__cards .card {height: 100%; border-radius: 3px 3px 0 0; overflow: hidden; position: relative;} .mega-menu__cards .card__image-bg {height: 9.375em;} .mega-menu__cards .card__title {font-size: 1em; margin-bottom: 0.5em;} .mega-menu__cards .card__overview {font-size: 0.875em;} .mega-menu__cards .card__overview p {line-height: 1.4;} .mega-menu__cards .card__overview li {font-size: 0.875em; margin-bottom: 0.3571em;} .mega-menu__cards .card--equal-col.card {position: relative; padding-bottom: 3.125em;} .mega-menu__cards .card__action-container {position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 1.5625em 1.5625em;} .mega-menu__cards .card__action {height: 2.5em; line-height: 2.5em;} /* Mega Menu - News */ .mega-menu__news {overflow: hidden; position: relative; display: flex; flex-wrap: wrap; align-items: stretch; align-content: flex-start;} .mega-menu__news-left {float: left; width: 66%; padding: 1.875em 2.1875em; background: #fff;} .mega-menu__news-right {float: right; width: 34%; padding: 1.875em 2.1875em; background: #212936;} .mega-menu__news-right .mega-menu__title {border-color: rgba(255,255,255,0.15)} .mega-menu__news .news-grid {overflow: hidden;} .mega-menu__news .news-grid__featured {float: left; width: 48%;} .mega-menu__news .news-grid__addl {float: right; width: 46%;} .mega-menu__news .news-grid__featured .card__image-bg {height: 9.375em;} .mega-menu__news .news-grid .card__title {font-size: 1em; margin-bottom: 0.5em;} .mega-menu__news .news-grid .card__overview {font-size: 0.875em;} .mega-menu__news .news-grid .card__overview p {line-height: 1.4;} .mega-menu__news .news-grid__addl .card {margin-bottom: 1.875em;} .mega-menu__news .card__action {height: 2.5em; line-height: 2.5em;} .mega-menu__news-right .card {background: none;} .mega-menu__news-right .card__title, .mega-menu__news-right .card__overview {color: #fff;} .mega-menu__news-right .card__action {border-color: rgba(255,255,255,0.15)} .mega-menu__news-right .card:hover .card__action-center, .mega-menu__news-right .card:hover .card__action-icon {color: rgba(255,255,255,0.65);} /* Mega Menu - Insights */ .mega-menu__insights {overflow: hidden; position: relative; padding: 1.875em 2.1875em; background: #fff; } .mega-menu__insights-left {float: left; width: 48%; overflow: hidden; margin: 0 -0.9375rem;} .mega-menu__insights-right {float: right; width: 48%;} .mega-menu__insights-links {float: left; width: 50%; padding: 0 0.9375rem;} .mega-menu__insights-links .mega-menu__links {margin-bottom: 1.25em;} @media only screen and (max-width: 1024px) { .mega-menu__insights-left {float: none; width: 100%; margin: 0} .mega-menu__insights-right {float: none; width: 100%;} } @media only screen and (max-width: 479px) { .mega-menu__insights {padding-right: 1.8em; padding-left: 1.8em;} } @media only screen and (max-width: 420px) { .mega-menu__insights-links {float: none; width: 100%; padding: 0;} } /* Mega Menu - Offices */ .mega-menu__offices {overflow: hidden; position: relative; background: #fff; } /**.mega-menu__offices::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 30%; height: 100%; background: #212936;}**/ .mega-menu__offices-left {float: left; width: 30%; padding: 1.875em 2.1875em; background: #212936;} .mega-menu__offices-right {width: 100%; padding: 1.875em 2.1875em; background: #fff; overflow: hidden; margin: 0 -0.9375rem;} .mega-menu__offices-col { float: left; padding: 0 0.9375rem; } .mega-menu__offices-col:first-child { width: 80%; } .mega-menu__offices-col:last-child { width: 20%; } .mega-menu__office-addr {position: relative; color: #fff;} .mega-menu__office-addr h3 {color: #0099a9; text-transform: none;} .mega-menu__office-addr h5 {color: #fff;} .mega-menu__office-addr-img {margin-bottom: 1.25em;} .mega-menu__office-addr p {font-size: 0.875em; line-height: 1.4} .mega-menu__office-addr-title {font-size: 1.1429em; display: block;} @media only screen and (max-width: 1024px) { .mega-menu__offices-left {display: none;} .mega-menu__offices-right {float: none; width: 100%; margin: 0;} .mega-menu__offices::before {display: none;} .mega-menu__links > ul.three-column, .mega-menu__links > ul.four-column {column-count: 2;column-gap: 40px;} .mega-menu__offices-col { float: none; padding: 0 0.9375rem; } .mega-menu__offices-col:first-child { margin: 0 0 30px; width: 100%; } .mega-menu__offices-col:last-child { width: 100%; } } @media only screen and (max-width: 479px) { .mega-menu__offices-right {padding-right: 0.9375em; padding-left: 0.9375em;} .mega-menu__offices-right .mega-menu__links a {font-size: 0.875em;} } /* Mega Menu - Industries */ .mega-menu__industries {display: flex; flex-wrap: wrap; align-items: stretch; align-content: flex-start; overflow: hidden; position: relative; background: #ffffff;} .mega-menu__industries-left {float: left; width: 50%; overflow: hidden; padding: 1.875em 2.1875em;} .mega-menu__industries-right {float: right; width: 50%; padding: 1.875em 2.1875em; background: #212936;} .mega-menu__industries-right .mega-menu__title {border-color: rgba(255,255,255,0.15)} .mega-menu__industries-links {float: left; width: 50%; padding: 0 0.9375rem;} .mega-menu__industries-links .mega-menu__links {margin-bottom: 1.25em;} .mega-menu__industries-col {width: 50%; float: left; padding: 0 0.9375rem;} @media only screen and (max-width: 1024px) { .mega-menu {display: none;} } /* Mega Menu - Advisory */ /* .mega-menu__links.mega-menu__tabs-links-inner[data-tab="Advisory"] { overflow: visible; top: -15px; } .mega-menu__links.mega-menu__tabs-links-inner[data-tab="Advisory"]::before { background: rgb(255,255,255); background: linear-gradient(90deg, rgb(255, 255, 255) 22.5%, rgb(248, 250, 252) 22.5%); bottom: -35px; content: ""; display: block; height: 135%; left: 0; position: absolute; right: -35px; top: -1.875em; width: 135%; } .mega-menu__links[data-tab="Advisory"] > ul { float: none; position: relative; padding: 0; margin-left: -25px; } .mega-menu__links[data-tab="Advisory"] > ul > li ul { height: 100%; left: 96%; opacity: 0; position: absolute; top: 0; transition: opacity .5s ease; width: 210%; z-index: 1; } .mega-menu__links[data-tab="Advisory"] > ul > li { border: none; position: static; padding: 0; } .mega-menu__links[data-tab="Advisory"] > ul > li:hover { background: #f8fafc; } .mega-menu__links[data-tab="Advisory"] > ul > li::before:hover { background: #f8fafc; content: ''; height: 100%; left: -35px; position: absolute; top: 0; width: 35px; } .mega-menu__links[data-tab="Advisory"] > ul > li:hover ul { opacity: 1; z-index: 3; } .mega-menu__links[data-tab="Advisory"] > ul > li > a { border-bottom: 1px solid #e2e2ec; color: #212936; display: block; /* font-size: 0.84375rem; margin: 0 10px 0 25px; padding: 13px 0; position: relative; } .mega-menu__links[data-tab="Advisory"] >ul >li >a::after { color: #0099a9; content: '\e923'; font-family: 'CD-Project-Icons' !important; font-size: 16px; position: absolute; right: 0; top: 11px; } .mega-menu__links[data-tab="Advisory"] > ul > li ul li { padding-bottom: 5px; padding-left: 30px; width: 50%; } .mega-menu__links[data-tab="Advisory"] > ul > li ul li.quaternary--title { color: #212936; font-size: 0.9375em; color: #0099a9; font-weight: 500; } .mega-menu__links[data-tab="Advisory"] > ul > li ul li a { color: #212936; display: block; font-size: 0.9375em; font-weight: 500; text-transform: none; } .mega-menu__links[data-tab="Advisory"] > ul > li ul li a:hover { color: #0099a9; } .mega-menu__links[data-tab="Advisory"] > ul > li:hover >ul >.boxen--featured { display: block; } */ .boxen--featured { display: none; position: absolute; right: 0; top: -3px; width: 40%; } .boxen--featured h3 { border-bottom: 1px solid #e2e2ec; margin: 0 0 10px; padding: 0 0 5px; text-transform: capitalize; } .boxen--featured-date { color: #a7a9ac; font-size: 13px; margin: 10px 0 3px; text-transform: uppercase; } .boxen--featured-text { font-size: 15px; line-height: 1.5; margin: 0 0 15px; } /******************************************************************************** --- Page Headers --- *********************************************************************************/ .page-header {position: relative; display: flex; align-items:center; background: #212936; overflow: hidden;} .page-header--tall {height: 40.625em;} .page-header--short {height: 23.75em;} .page-header--variable {padding: 3.75em 0; overflow: inherit;} .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:not(.overlay--off)::before {content: ""; display: block; background: #212936; z-index: 1; opacity: 0.10;} .page-header__bg:not(.overlay--off)::after {content: ""; display: block; background: linear-gradient(to right, rgba(33,41,54,1) 0%,rgba(33,41,54,0) 100%); z-index: 1;} .page-header__bg-video {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;} .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__label.label {color: #00b9ca;} .page-header__headline, .page-header__subheadline, .page-header__cta-headline, .page-header__cta-overview {color: #fff;} .page-header--dark .page-header__headline, .page-header--dark .page-header__subheadline, .page-header--dark .page-header__cta-headline, .page-header--dark .page-header__cta-overview {color: #212936;} .page-header__headline {font-size: 3.4375em; margin-bottom: 0.2727em;} .page-header__subheadline {font-size: 1.5625em} .page-header--short .page-header__subheadline {font-size: 1.25em; font-family: 'Roboto', serif; line-height: 1.4; font-weight: 400; text-transform: none; } .page-header__overview {font-size: 1.25em; line-height: 1.4;} .page-header__overview, .page-header__overview a {color: #fff;} .page-header__action {margin-top: 1.875em;} .page-header__action .button.stroke {border-color: rgba(255,255,255, 1); color: rgba(255,255,255, 1);} .page-header__action .button.stroke:hover {border-color: transparent; background-color: #0099a9; color: rgba(255,255,255, 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: #0099a9} .page-header__meta {list-style: none; margin: 0; padding: 0;} .page-header__meta li {font-size: 1.25em; display: inline-block; color: rgba(255,255,255, 1); margin: 0 0.75em 1em;} .page-header__meta span {position: relative; top: 1px;} .page-header__meta a {color: rgba(255,255,255, 1);} .page-header__meta a:hover {color: #a7a9ac} .page-header__actions .button span[class^="icon-"] {vertical-align: bottom;} .page-header__actions .button:first-child {margin-right: 0.625em;} .page-carousel:not(.slick-initialized) .page-carousel__slide:not(:first-child) {display: none;} .page-carousel .slick-dots {list-style: none; margin: 2.5em 0 0 0; padding: 0;} /* .page-carousel__dots {opacity: 0;} .slick-initialized .page-carousel__dots {animation-name: slickFadeIn; transition-timing-function: ease; animation-duration: 400ms; animation-delay: 1s; animation-fill-mode: forwards;} @-webkit-keyframes slickFadeIn{0%{opacity:0}100%{opacity:1}}@keyframes slickFadeIn{0%{opacity:0}100%{opacity:1}} */ .page-carousel .slick-dots, .page-carousel .slick-dots li {line-height: 1.2;} .page-carousel .slick-dots li {display: inline-block; margin: 0 0.5em;} .page-carousel .slick-dots li:first-child {margin-left: 0} .page-carousel .slick-dots button {display: block; text-indent: -9999px; width: 0.875em; height: 0.875em; border-radius: 0.875em; background: rgba(86, 94, 104, 0.65); cursor: pointer; transition: background 250ms ease;} .page-carousel .slick-dots button:hover {background: rgba(86, 94, 104, 1);} .page-carousel .slick-dots li.slick-active button {background: rgba(0, 160, 175, 1)} .page-carousel .page-header--short .slick-dots {margin-top: 1.25em;} .page-carousel .slick-arrow {position: absolute; top: 50%; margin-top: -1em; z-index: 100; cursor: pointer; opacity: 0; transition: opacity 250ms ease;} .page-carousel:hover .slick-arrow {opacity: 1;} .page-carousel .slick-next {right: 0;} .page-carousel .slick-next span {border-radius: 3px 0 0 3px;} .page-carousel .slick-prev {left: 0;} .page-carousel .slick-prev span {border-radius: 0 3px 3px 0;} .page-carousel .slick-arrow span {font-size: 1.5em; display: block; width: 1.9167em; height: 2.5em; line-height: 2.5em; text-align: center; background-color: rgba(0, 160, 175, 1); color: #fff; transition: background-color 250ms ease;} .page-carousel .slick-next:hover span {background-color: rgba(0, 160, 175, 0.65);} /* .page-carousel .page-header__label.label, .page-carousel .page-header__headline, .page-carousel .page-header__subheadline, .page-carousel .page-header__action {opacity: 0;} .slick-active .page-header__label.label, .slick-active .page-header__headline, .slick-active .page-header__subheadline, .slick-active .page-header__action {animation-name: slickFadeInUp; transition-timing-function: ease; animation-duration: 400ms; animation-fill-mode: forwards;} .page-carousel .slick-active .page-header__label.label {animation-delay: 300ms;} .page-carousel .slick-active .page-header__headline {animation-delay: 500ms;} .page-carousel .slick-active .page-header__subheadline {animation-delay: 700ms;} .page-carousel .slick-active .page-header__action {animation-delay: 800ms;} .page-header--single .page-header__label.label, .page-header--single .page-header__headline, .page-header--single .page-header__subheadline, .page-header--single .page-header__action, .page-header--single .people-licenses {animation-name: slickFadeInUp; transition-timing-function: ease; animation-duration: 400ms; animation-fill-mode: forwards; opacity: 0} .page-header--single .page-header__label.label {animation-delay: 300ms;} .page-header--single .page-header__headline {animation-delay: 500ms;} .page-header--single .page-header__subheadline {animation-delay: 700ms;} .page-header--single .page-header__action {animation-delay: 800ms;} .page-header--single .people-licenses {animation-delay: 800ms;} @-webkit-keyframes slickFadeInUp{0%{opacity:0;-webkit-transform:translateY(25px);transform:translateY(25px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slickFadeInUp{0%{opacity:0;-webkit-transform:translateY(25px);transform:translateY(25px)}100%{opacity:1;-webkit-transform:none;transform:none}}.slickFadeInUp{-webkit-animation-name:slickFadeInUp;animation-name:slickFadeInUp} */ @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(255,255,255,0.20)} } @media only screen and (max-width: 1199px) { .page-header--tall {height: 34.375em;} .page-header--short {height: 21.875em} .page-header__headline {font-size: 2.4375em;} .page-header__subheadline {font-size: 1.4375em} .page-carousel .slick-arrow {font-size: 12px;} } @media only screen and (max-width: 959px) { .page-header--short {height: 20.3125em} } @media only screen and (max-width: 800px) { .page-header--short {height: 17.5em} .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(255,255,255,0.20)} .page-carousel .slick-arrow {font-size: 10px;} } @media only screen and (max-width: 639px) { .page-carousel .slick-arrow {display: none!important} } @media only screen and (max-width: 479px) { .page-header--short {height: 16.25em} .page-header--tall {height: 28.125em;} .page-header--variable {padding-top: 2.5em; padding-bottom: 2.5em} .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} } /******************************************************************************** --- Breadcrumbs --- *********************************************************************************/ .breadcrumbs {background: #f4f8f8; padding: 0.625em 0; border-bottom: 1px solid rgba(226, 226, 236, 0.75)} .breadcrumbs ol {counter-reset: none; margin: 0; padding: 0; line-height: 1.2;} .breadcrumbs ol li {display: inline-block; counter-increment: none; margin-bottom: 0; padding: 0 0.9375em; position: relative; line-height: 1.2;} .breadcrumbs ol li:before {display: none;} .breadcrumbs a {font-size: 0.875em; display: block; font-weight: 500; color: #a7a9ac; } .breadcrumbs a .breadcrumbs__label--hidden {display: none;} .breadcrumbs li:first-child {padding-left: 0} .breadcrumbs li:not(:last-child) a:hover {color: #0099a9} .breadcrumbs .icon-home:before {position: relative; top: 0.0625em;} .breadcrumbs li:not(:last-child) a::after {font-size: 0.875em; content: "\e915"; font-family: 'CD-Project-Icons'; display: block; position: absolute; top: 1px; right: -0.5714em; color: #a7a9ac} .breadcrumbs li:last-child a {cursor: default; color: #6d6e71;} @media only screen and (max-width: 479px) { .breadcrumbs {font-size: 0.8125em;} .breadcrumbs a {padding: 0 0.625em;} } /******************************************************************************** ---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)} /******************************************************************************** --- Section --- *********************************************************************************/ .section--off-white {background-color: #f4f8f8} .section--pattern {background-image:url(../png/bg-01.png); background-position: center center; background-size: 100% 100%; background-repeat: no-repeat} .section--bg {background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;} .section--bg::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; display: block; background: rgba(33, 41, 54, 0.9)} .section--bg > div {position: relative;} .section--bg .heading-block h3, .section--bg .heading-block__overview, .section--bg .heading-block__cta h5 {color: #fff;} .section--bg .button.secondary {background-color: #6d6e71;} .section--bg .button.secondary:hover {background-color: #a7a9ac;} .section > :last-child {margin-bottom: 0;} .section.border-top{border-top: 1px solid #e2e2ec;} .section--tabs .heading-block {margin-bottom: 3.75em; text-align: left;} .section--tabs .heading-block > .row > .row > .column {width: 100%;} /******************************************************************************** --- Two Column Layout --- *********************************************************************************/ .page-body {padding-top: 5em; padding-bottom: 5em;} .page-body--m0 {padding-top: 0; padding-bottom: 0} @media only screen and (min-width: 1025px) { .page-body::before,.page-body::after{display:table;content:' ';-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-order:1;order:1}.page-body::after{clear:both} .page-body__left {float: left; width: 25%;} .page-body__right {float: right; width: 66.67%;} .page-body__right--wide {width: 71.67%;} .page-body--flip .page-body__left {float: right;} .page-body--flip .page-body__right {float:left;} } @media only screen and (max-width: 1024px) { .page-body__left .sidebar__module, .sidebar--top .sidebar__module {display: none;} } /******************************************************************************** --- Sidebar --- *********************************************************************************/ .sidebar > :last-child {margin-bottom: 0} @media only screen and (min-width: 1025px) { .sidebar--top {padding: 1.5625em; background: #f4f8f8; border: 1px solid rgba(226, 226, 236,1); border-radius: 3px; margin-bottom: 2.5em;} .sidebar--top .sidebar__module {padding: 0; background: none; border: none; border-radius: 0; margin-bottom: 0} .sidebar--top .filter {overflow: hidden; margin: 0 -0.9375em;} .sidebar--top .sidebar__module--filter {float: left; width: 50%; padding: 0 0.9375em;} .sidebar--top .sidebar__module--search {width: 25%;} .sidebar--top .sidebar__module--filters {width: 75%;} .sidebar--top .filter__row {margin: 0 -0.375em;} .sidebar--top .filter__row .filter__column {padding: 0 0.375em;} .sidebar--top .filter__row--3 .filter__column {float: left; width: 33.3333%;} .sidebar--top .filter__label {font-size: 0.75em;} .sidebar--top .filter__button-clear {margin-top: 0.75em;} .sidebar__mobile-toggle {display: none;} .sidebar__module {display: block!important;} } @media only screen and (max-width: 1024px) { .sidebar__mobile-toggle {font-size: 1em; text-transform: uppercase; font-weight: 600 ;cursor: pointer; color: #0099a9; margin-top: -2.5em; margin-bottom: 2.1429em} .sidebar__mobile-toggle::after {font-size: 1.375em; font-weight: normal; content: "\e9b7"; font-family: 'CD-Project-Icons'; color: #0099a9; margin-left: 8px; position: relative; top: 3px;} .sidebar__mobile-toggle.sidebar__mobile-toggle--active::after {content: "\e955";} } /******************************************************************************** --- Sidebar - Menu --- *********************************************************************************/ .sidebar__menu {margin-bottom: 1.875em} .sidebar__menu h5 {font-size: 1.25em; font-weight: 600;} .sidebar__menu ul {list-style: none; margin: 0; padding: 0;} .sidebar__menu li {line-height: 1.2;} .sidebar__menu li, .sidebar__menu a {display: block;} .sidebar__menu a {color: #2d3a4b} .sidebar__menu a:hover, .sidebar__menu li.selected > a {color: #0099a9} .sidebar__menu > ul {background: #f4f8f8; border: 1px solid rgba(226, 226, 236,1); border-radius: 3px;} .sidebar__menu > ul > li {display: block; border-bottom: 1px solid rgba(226, 226, 236,1); position: relative;} .sidebar__menu > ul > li:last-child {border-bottom: none;} .sidebar__menu > ul > li > a {font-size: 1em; font-weight: 500; text-transform: uppercase; display: block; padding: 1em 1.25em;} .sidebar__menu > ul > li.selected ul {display: block;} .sidebar__menu ul ul {display: none; padding-left: 2.1875em;} .sidebar__menu ul ul a {font-size: 0.9375em; font-weight: 500; padding: 0.5714em 0;} .sidebar__menu ul ul ul {padding-left: 1.25em} .sidebar__menu ul ul ul a {font-size: 0.875em; font-weight: 400;} @media only screen and (min-width: 1025px) { .sidebar__menu > ul {display: block!important} } @media only screen and (max-width: 1024px) { .sidebar__menu {margin-top: -2em; margin-bottom: 2em} .sidebar__menu h5 {font-size: 1em; text-transform: uppercase; font-weight: 600 ;cursor: pointer; color: #0099a9;} .sidebar__menu h5::after {font-size: 1.375em; font-weight: normal; content: "\e9b7"; font-family: 'CD-Project-Icons'; color: #0099a9; margin-left: 8px; position: relative; top: 3px;} .sidebar__menu--active h5::after {content: "\e955";} .sidebar__menu > ul {display: none;} .sidebar__menu ul ul {display: block;} } /******************************************************************************** --- Sidebar - Module --- *********************************************************************************/ .sidebar__module {margin-bottom: 1.875em} .sidebar__module--off-white {background: #f4f8f8; border: 1px solid rgba(226, 226, 236,1); border-radius: 3px; } .sidebar__module--padding {padding: 1.5625em;} .sidebar__module-title {font-size: 1.25em; margin-bottom: 1.5em} .sidebar__module--off-white .sidebar__module-title {color: #0099a9} .sidebar__module--links, .sidebar__module--accordion {padding: 1.5625em 1.25em 1.5625em 1.25em;} .sidebar__module--links h5, .sidebar__module--accordion h5 {font-size: 1.25em; color: #0099a9} .sidebar__module--links ul, .sidebar__module--accordion ul {list-style: none; margin: 0; padding: 0;} .sidebar__module--links li, .sidebar__module--links a {display: block;} .sidebar__module--links li {border-bottom: 1px solid rgba(226, 226, 236,1); line-height: 1.4;} .sidebar__module--links a {font-size: 0.875em; font-weight: 500; text-transform: uppercase; display: block; padding: 1em 1.25em 1em 0; color: #212936} .sidebar__module--links a:hover, .sidebar__module--links li.selected > a {color: #0099a9} .filter__link-accordion li {display: block; line-height: 1.4;} .filter__link-accordion > ul > li > a {font-size: 1.25em; font-weight: 500; text-transform: uppercase; display: block; color: #212936; position: relative;} .filter__link-accordion > ul > li > a > span {font-size: 1.1em; position: absolute; top: 2px; right: 0;} .filter__link-accordion > ul > li.active > a > span:before {content: "\e9be"} .filter__link-accordion > ul > li > a:hover, .filter__link-accordion > ul > li.active > a, .filter__link-accordion > ul > li > ul > li > a:hover, .filter__link-accordion > ul > li > ul > li.selected > a {color: #0099a9} .filter__link-accordion > ul > li {padding-bottom: 0.9375em; margin-bottom: 0.9375em;} .filter__link-accordion > ul > li:not(:last-child) {border-bottom: 1px solid rgba(226, 226, 236,1);} .filter__link-accordion > ul > li > ul > li > a {font-size: 1em; font-weight: 500; display: block; padding: 0.3125em 0; color: #212936;} .filter__link-accordion > ul > li > ul {display: none; padding-top: 0.625em;} .sidebar__module--text .sidebar__module-title {margin-bottom: 0.5em;} .sidebar__module--text p {font-size: 0.875em; line-height: 1.6;} .sidebar__module--podcasts .card, .side-module--subscribe .card {padding: 1.5625em;} .sidebar__module--podcasts .list-icon-bullets {margin-bottom: 0} .sidebar__module--podcasts .list-icon-bullets li:not(:last-child) {margin-bottom: 0.9375em;} .sidebar__module .card__image-bg {height: 12em;} .sidebar__module .card__title {font-size: 1em;} .sidebar__module .card--icon .card__title {font-size: 1.25em} .sidebar__module .card__image-label, .sidebar__module .card__label {font-weight: 500; padding: 0.3333em 1em;} .sidebar__module .card__body {padding-bottom: 1em;} .sidebar__module .card__overview {font-size: 0.875em;} .sidebar__module .card__overview p {line-height: 1.6;} .sidebar__module .card__image-icon {width: 3.375em; height: 3.375em; line-height: 3.375em;} .sidebar__module .card__image-icon span {font-size: 1.75em;} .sidebar__module .card__action-container {padding:0 1.5625em 1.5625em;} .sidebar__module .button.tiny {font-size: 0.75em; padding: 0.8333em 1.1538em} .sidebar__module--bio .sidebar__module-title {margin-bottom: 0.5em;} .sidebar__module--bio .post-bio__body {float: none;} .sidebar__module--bio .post-bio__title, .sidebar__module--bio .post-bio__image {display: none;} .sidebar__module--bio .post-bio__image {margin: 0 auto 1.500em auto;} .sidebar__module--bio .post-bio__body {width: 100%;} .sidebar__module--events {border-radius: 3px; box-shadow: 0 5px 25px 0 rgba(33, 41, 54, 0.06); background-color: #fff; padding: 1.5625em 1.25em 1.5625em 1.25em;} .sidebar__module--cta .card__title {font-size: 1.25em; font-weight: 500; text-transform: uppercase;} .sidebar__module--cta .card__overview {font-size: 1em;} .sidebar__module--cta .card__overview p {line-height: 1.4;} .sidebar__module--cta .card__body {padding-bottom: 1.562em;} .sidebar__module--cta .button {font-size: 0.875em;} .sidebar__module--dark .card {background-color: #212936;} .sidebar__module--dark .card__title, .sidebar__module--dark .card__overview {color: #fff;} .sidebar__module--dark .card__icon {background: rgba(248, 250, 252, 0.20); border: 1px solid rgb(223, 229, 233, 0.20);} .sidebar__module--filter {padding: 1.5625em;} .sidebar__module--filter .sidebar__module-title {margin-bottom: 0.8em} .filter__search input[type="text"]:first-child { margin-bottom: 10px; } .filter__search input[type="text"] {font-size: 0.875em; height: 3.4286em; padding: 0.625em 3.4286em 0.625em 0.9375em; margin-bottom: 0;} .filter__search button {font-size: 1.25em; position: absolute; bottom: 0; right:0; width: 2.4em; height: 2.4em; text-align: center; color: #0099a9; cursor: pointer;} .filter__row {position: relative; margin-bottom: 0.625em} .filter__label {font-size: 1em; text-transform: uppercase; font-weight: 500; margin-bottom: 0.3125em} .filter__row select {height: 3em; margin-bottom: 0;} .filter__alpha ul {list-style: none; margin: 0; padding: 0;} .filter__alpha li {display: inline-block; line-height: 1.2; margin: 0 0 0.25em 0} .filter__alpha a {display: block; color: #212936; font-weight: 500; padding: 0.25em 0.5em; border-radius: 3px; } .filter__alpha a:hover {color: #0099a9} .filter__alpha li.active a {background: #0099a9; color: #fff; } .filter__button-clear.button {display: none;} @media only screen and (min-width: 1025px) and (max-width: 1260px) { .sidebar__module--filter {padding: 0.9375em} .sidebar__module .card {font-size: 13px;} } /******************************************************************************** --- 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 #e2e2ec} .heading-block p {font-size: 1.25em;} .heading-block__overview > :last-child {margin-bottom: 0} .heading-block__cta {margin-top: 2.5em;} .heading-block__cta a {margin-right: 0.3125em; margin-left: 0.3125em;} .section--pattern .heading-block .label, .section--pattern .heading-block__overview, .section--pattern .subheader, .section--pattern .heading-block__cta h5 {color: #fff;} .section--pattern .button {background-color: #212936;} @media only screen and (max-width: 639px) { .heading-block--divider > .row-site {padding-bottom: 2.5em; margin-bottom: 2.5em;} } /******************************************************************************** --- Featured Services --- *********************************************************************************/ .featured-services {overflow: hidden;} .featured-services__left p {font-size: 1.25em;} .featured-services__list {overflow: hidden; margin: 0 -0.9375rem; position: relative; z-index: 1} .featured-services__list--2 .featured-services__block {width: 50%;} .featured-services__list--3 .featured-services__block {width: 33.33%;} .featured-services__list--4 .featured-services__block {width: 25%;} .featured-services__block {float: left; padding: 0 0.9375rem 1.875em;} .featured-services__block-inner {display: block; height: 17.5em; line-height: 17.5em; background: #6d6e71; overflow: hidden; border-radius: 3px; text-align: center; position: relative; box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.07);} .featured-services__block-bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;} .featured-services__block-bg:before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #212936; z-index: 1; opacity: 0.80;} .featured-services__block-body {position: relative; z-index: 1; display: inline-block; vertical-align: middle; line-height: 1.2; width: 100%; padding: 0 2.5em; opacity: 1; transition: opacity 0.5s;} .featured-services__block-icon {margin-bottom: 1.25em;} .featured-services__block-icon span {font-size: 4.0625em; color: #0099a9; transition: all 250ms ease} .featured-services__block-title {font-size: 1.5625em; color: #fff;} .featured-services__overlay {position: absolute; top: 0; left: 0; width: 100%; height: 17.5em; line-height: 17.5em; background: rgba(0, 160, 175, 0.70); z-index: 1; opacity: 0; -webkit-transform: perspective(400px) rotateX(-90deg); -ms-transform: perspective(400px) rotateX(-90deg); transform: perspective(400px) rotateX(-90deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} .featured-services__overlay-align {display: inline-block; vertical-align: middle; line-height: 1; padding: 0 25px; width: 100%;} .featured-services__overlay-align > :last-child {margin-bottom: 0;} .featured-services__overlay-overview {font-size: 0.875em; line-height: 1.6; color: #fff;} .featured-services__block--overlay:hover .featured-services__overlay {opacity: 1; -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg);} .featured-services__block--overlay:hover .featured-services__block-body {opacity: 0;} .section--featured-hero-block {margin-top: -5em} .featured-services--hero .featured-services__block-bg {opacity: 0; transition: opacity 600ms ease} .featured-services--hero .featured-services__block-inner {background: #fff;} .featured-services--hero .featured-services__block-title {color: #212936} .featured-services--hero .featured-services__block:hover .featured-services__block-bg {opacity: 1;} .featured-services--hero .featured-services__block:not(.featured-services__block--overlay):hover .featured-services__block-bg {opacity: 0;} .featured-services--hero .featured-services__block:not(.featured-services__block--overlay):hover .featured-services__block-icon {-webkit-animation: bounce2 1.5s ease infinite; animation: bounce2 1.5s ease infinite;} .featured-services--hero .featured-services__block:not(.featured-services__block--overlay):hover .featured-services__block-icon span {color: #6d6e71;} @media only screen and (min-width: 801px) { .featured-services__left {float: left; width: 32%;} .featured-services__right {float: right; width: 62%;} } @media only screen and (min-width: 1024px) and (max-width: 1199px) { .featured-services__block {font-size: 13px;} .featured-services__left p {font-size: 1.125em;} } @media only screen and (min-width: 801px) and (max-width: 1023px) { .featured-services__block {font-size: 11px;} .featured-services__left p {font-size: 1em;} } @media only screen and (max-width: 800px) { .featured-services__left {margin-bottom: 2.5em;} .featured-services__list--4 .featured-services__block {width: 50%;} } @media only screen and (max-width: 639px) { .featured-services__block {font-size: 12px;} .featured-services__list--3 .featured-services__block {width: 100%;} } @media only screen and (max-width: 479px) { .featured-services__block {font-size: 11px;} .featured-services__block-inner {height: 14em; line-height: 14em;} .featured-services__overlay {height: 14em; line-height: 14em;} } @media only screen and (max-width: 375px) { .featured-services__block {font-size: 9px;} } .featured-services__list--2 [data-aos].aos-animate:nth-child(2n+1) {transition-delay: 100ms;} .featured-services__list--2 [data-aos].aos-animate:nth-child(2n+2) {transition-delay: 200ms;} @media only screen and (min-width: 640px) { .featured-services__list--3 [data-aos].aos-animate:nth-child(3n+1) {transition-delay: 100ms;} .featured-services__list--3 [data-aos].aos-animate:nth-child(3n+2) {transition-delay: 200ms;} .featured-services__list--3 [data-aos].aos-animate:nth-child(3n+3) {transition-delay: 300ms;} } @media only screen and (min-width: 801px) { .featured-services__list--4 [data-aos].aos-animate:nth-child(4n+1) {transition-delay: 100ms;} .featured-services__list--4 [data-aos].aos-animate:nth-child(4n+2) {transition-delay: 200ms;} .featured-services__list--4 [data-aos].aos-animate:nth-child(4n+3) {transition-delay: 300ms;} .featured-services__list--4 [data-aos].aos-animate:nth-child(4n+4) {transition-delay: 400ms;} } @media only screen and (max-width: 800px) { .featured-services__list--4 [data-aos].aos-animate:nth-child(2n+1) {transition-delay: 100ms;} .featured-services__list--4 [data-aos].aos-animate:nth-child(2n+2) {transition-delay: 200ms;} } /******************************************************************************** --- News --- *********************************************************************************/ .post-body__meta.post-body__grid { margin-bottom:3.75em; } .news-grid--main .card, .post-body__meta.post-body__grid .news-grid--main .card {margin-bottom: 1.875em} .news-grid--main .news-grid__addl .card__label, .post-body__meta.post-body__grid .news-grid--main .news-grid__addl .card__label {margin-bottom: 1.6667em} .news-grid--main .news-grid__addl > :last-child, .post-body__meta.post-body__grid .news-grid--main .news-grid__addl > :last-child {margin-bottom: 0} .article .post-body__meta.post-body__grid > div h3 { margin-bottom: 2.875rem; } .detail--people > .post-body__meta {padding-top: 0; margin-top: 5em; border-top: none;} .post-body__meta.post-body__grid .card__body { padding: 1.5625em 1.125em 2.1875em; } .post-body__grid h3 { margin-bottom: 2.5rem; } .post-body__meta.post-body__grid p { line-height: 1.6; } .post-body__meta.post-body_slider .section.border-top { border: none; } .post-body__meta.post-body_slider .card-carousel__slides-block { padding-bottom: 0; height: calc(100% - 2rem)!important; max-height: 496px; } .post-body__meta.post-body_slider .slick-track { display: flex; flex-wrap: wrap; } .post-body__meta.post-body_slider .card-carousel__slides-block .card{ height: 100%; } .post-body_slider .card-carousel__slider { width: 100%; } .detail--people .post-body__meta.post-body__related-people { margin-top: 0em; } @media only screen and (max-width: 800px) { .detail--people > .post-body__meta {margin-top: 3em; } .news-grid--main, .post-body__meta.post-body__grid .news-grid--main {margin-bottom: 1.875em;} .post-body__meta h3 {font-size: 2em;} } @media only screen and (min-width: 480px) { .news-grid--main::before,.news-grid--main::after{display:table;content:' ';-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-order:1;order:1}.news-grid--main::after{clear:both} } @media only screen and (max-width: 479px) { .post-body__meta h3 {font-size: 1.56em;} } /******************************************************************************** --- Cards --- *********************************************************************************/ .card {overflow: hidden; border-radius: 3px; box-shadow: 0 5px 25px 0 rgba(33, 41, 54, 0.06); background-color: #fff; transition: box-shadow 250ms ease} .card:hover {box-shadow: 0px 20px 50px -15px rgba(33, 41, 54,0.15);} .card__image {display: block; position: relative; overflow: hidden;} .card__img { min-height: 50px; } .card__image--overlay:before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #212936; z-index: 1; opacity: 0.30;} .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; max-width: calc(100% - 2.55em);} .card__image-label {font-size:0.65em; display: inline-block; margin-bottom: 0.4545em; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; padding: 0.4545em 1.3636em; border-radius: 3px; background-color: #0099a9; color: #fff;} .card__image-label--secondary {background-color: #6d6e71;} .card__body {padding: 1.5625em 1.5625em 2.1875em;} .card__body-inner {position: relative;} .card__body > :last-child {margin-bottom: 0} .card__label {font-size:0.75em; display: inline-block; margin-bottom: 0.4545em; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; padding: 0.4545em 1.3636em; border-radius: 3px; background-color: #0099a9; color: #fff;} .card__meta {margin-bottom: 0.3125em;} .card__meta span {display: inline-block; font-size: 0.8125em; font-weight: 500; text-transform: uppercase; color: #a7a9ac; line-height: 1.2; 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: #0099a9;} .card__title, .post-body__meta.post-body__grid .card__title{font-size: 1.1875em; text-transform: none; margin-bottom: 0.6316em; line-height: 1.4;} .card__title a {color: #0099a9} .card__subtitle {font-size: 1.25em; display: block; color: #0099a9; font-weight: 400; margin-top: -0.625em; margin-bottom: 0.625em;} .card__overview {font-size: 1em; margin-bottom: 1.500em; color: #6d6e71} .card__overview ul { list-style: none; margin: 0 0 1.000em 0; padding: 0; overflow: hidden; } .card__overview li { list-style: none; margin: 0 0 0.625em 0; padding: 0 0 0 1.250em; position: relative; } .card__overview li:before {font-size: 1em; content: "\e915"; top: -0.0625em; font-family: 'CD-Project-Icons'; display: block; position: absolute; top: 0; left: 0; color:#0099a9; } .card__overview a {color: #212936;} .card__overview a:hover {color: #0099a9;} .card__overview ul ul { margin: 1.250em 0 0 0.667em; } .card__overview :last-child {margin-bottom: 0;} .card__body-image {text-align: center; margin-bottom: 1.25em} .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(166, 172, 179, 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__action {display: block; height: 3em; line-height: 3em; padding: 0 5em 0 0; border-bottom: solid 1px #e2e2ec; position: relative;} .card__action-center {font-size: 0.875em; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; display: inline-block; vertical-align: middle; line-height: 1.2; color: #0099a9; transition: color 250ms ease} .card:hover .card__action-center, .card:hover .card__action-icon {color: #212936;} .card__action-icon {font-size: 1.125em; position: absolute; top: 50%; right: 0; margin-top: -0.5em; font-weight: 700; margin-right: 5px; color: #0099a9; transition: color 250ms ease} .card.card--no-box, .card.card--no-box:hover {box-shadow: none;} .card.card--no-box .card__image {margin-bottom: 0.625em;} .card.card--no-box .card__body {padding: 0;} .card.card--no-box .card__action {padding: 0 2.5em 0 0;} .card.card--no-box .card__action-icon {right: 0;} .card--post-featured {background: none; border-radius: 0;} .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;} .card-list {display: flex; flex-wrap: wrap; align-items: stretch; align-content: flex-start;} .card-list .card, .people-detail__side-module .card {height: 100%; padding-bottom: 5.1875em; position: relative;} .card-list .card__action-container, .people-detail__side-module .card__action-container {position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 1.5625em 2.1875em;} .card-list .alert {width: 100%;} .card--icon .card__title {font-size: 1.5625em; text-transform: uppercase; padding-right: 4em} .card--icon .card__body {position: relative;} .card__image-icon {position: absolute; top: -1.75em; right: 1.5625em; width: 4.625em; height: 4.625em; line-height: 4.625em; background: #0099a9; color: #ffffff; text-align: center; z-index: 1;} .card__image-icon span {font-size: 2.25em; display: inline-block; line-height: 1; vertical-align: middle; position: relative; top: -2px;} .card:hover .card__image-icon {-webkit-animation: bounce2 1.5s ease infinite; animation: bounce2 1.5s ease infinite;} .card--cta {text-align: center;} .card__icon {display: block; width: 4.750em; height: 4.750em; line-height: 4.625em; border-radius: 4.750em; margin: 0 auto 1.250em auto; text-align: center; background: #f4f8f8; color: #0099a9; border: 1px solid #dfe5e9; transition: all 250ms ease;} .card__icon span {font-size:2.250em; display: inline-block; vertical-align: middle; line-height: 1; position: relative; top: -0.111em; left: -0.028em;} .card--events .card__subtitle {font-size: 0.875em; margin-top: 0; text-transform: none; font-weight: 500;} .card-list__block--featured.column.column-block {width: 100%;} .card-list__block--featured.column.column-block .card {padding-bottom: 0;} .card-list__block--featured.column.column-block .card > a {display: flex;flex-flow:wrap;} .card-list__block--featured.column.column-block .card__image{width: 40%;} .card-list__block--featured.column.column-block .card__body {width: 60%;position: relative;} .card-list__block--featured.column.column-block .card__body p {color: #212936;} .post-body__meta .card__title { font-size: 1.13rem; margin: 0; } .card-list__block--featured.column.column-block .card__image .card__image, .card-list__block--featured.column.column-block .card__image .card__image img{width: 100%;} .card-list__block--featured.column.column-block .card__image .card__image {height: 100%;} .card-list__block--featured.column.column-block .card__image .card__image img {height: 100%;width: 100%;object-fit: cover;} .card-list__block--featured.column.column-block .card__body:not(.card__body--no-text) .card__action-container {position: relative;padding: 0;} @media only screen and (min-width: 600px) { .card-list__block--featured:not(.alt) .card__action-container { left: inherit!important; right: 0; width: 60%!important; } .card-list__block--featured.column.column-block .card__body { padding-bottom: 100px; } } @media only screen and (max-width: 600px) { .card-list__block--featured.column.column-block .card__image, .card-list__block--featured.column.column-block .card__body {width: 100%;} .card-list .card__action-container, .people-detail__side-module .card__action-container { position: relative; width: 100%; } .card-list .card-list__block--featured.alt .card__action-container, .people-detail__side-module .card__action-container { padding: 0 0 2.1875em!important; } } .post-body__meta .card-carousel__slider a:not(.button):not(.text-button) { border-bottom: none; position: static; } .post-body__meta .card-carousel__slider .card__action { padding: 0 3em 0 0; } .post-body__meta .card-carousel { margin-bottom: 0 !important; } .post-body__meta .card-carousel__slides-block .card__action-container { padding: 0 1.5625em 1.3em; } @-webkit-keyframes bounce2 { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);transform: translateY(0);} 40% {-webkit-transform: translateY(-9px);transform: translateY(-9px);} 60% {-webkit-transform: translateY(-3px);transform: translateY(-3px);} } @keyframes bounce2 { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);transform: translateY(0);} 40% {-webkit-transform: translateY(-9px);transform: translateY(-9px);} 60% {-webkit-transform: translateY(-3px);transform: translateY(-3px);} } @media only screen and (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__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 only screen and (min-width: 960px) { .card--index-large .card__body {padding: 2.813em 3.750em} } @media only screen and (max-width: 959px) { .card__body {padding: 1.250em;} } @media only screen and (max-width: 800px) { .card__body {padding: 1.563em;} .card__overview {font-size: 1em;} .card__testimonial-all {bottom: 1.563em; right: 1.563em;} } @media only screen and (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 only screen and (max-width: 479px) { .card__body, .card--resource .card__body {padding: 1.250em;} .card--tall .card__image-bg {height: 20em} } @media only screen and (max-width: 375px) { .card--tall .card__image-bg {height: 18em} } @media only screen and (min-width: 480px) { .card-list.small-up-2 [data-aos].aos-animate:nth-child(2n+1) {transition-delay: 100ms;} .card-list.small-up-2 [data-aos].aos-animate:nth-child(2n+2) {transition-delay: 200ms;} } @media only screen and (min-width: 1024px) { .card-list.xlarge-up-3 [data-aos].aos-animate:nth-child(3n+1) {transition-delay: 100ms;} .card-list.xlarge-up-3 [data-aos].aos-animate:nth-child(3n+2) {transition-delay: 200ms;} .card-list.xlarge-up-3 [data-aos].aos-animate:nth-child(3n+3) {transition-delay: 300ms;} } @media only screen and (min-width: 640px) and (max-width: 1023px) { .card-list.medium-up-2 [data-aos].aos-animate:nth-child(2n+1) {transition-delay: 100ms;} .card-list.medium-up-2 [data-aos].aos-animate:nth-child(2n+2) {transition-delay: 200ms;} } /******************************************************************************** --- Split Panel --- *********************************************************************************/ .split-panel__content {font-size: 1.25em;} .split-panel__content p {line-height: 1.6; margin-bottom: 1em;} .split-panel__image img {border-radius: 3px;} .split-panel .resp-tabs-container {background: none;} .split-panel__double-images > div::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 160, 175, 0.10); z-index: 1;} .split-panel__double-image-one, .split-panel__double-image-two {display: block; position: relative; border-radius: 3px; overflow: hidden; box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.07); float: left; width: 56%;} .split-panel--left .split-panel__double-image-one {top: -3.125em;} .split-panel--left .split-panel__double-image-two {top: 3.125em;} .split-panel--right .split-panel__double-image-one {top: 3.125em; position: relative; z-index: 1;} .split-panel--right .split-panel__double-image-two {top: -3.125em; } .split-panel__double-image-two {margin-left: -12%} .section--bg .split-panel__content, .section--bg .split-panel__content h1, .section--bg .split-panel__content h2, .section--bg .split-panel__content h3, .section--bg .split-panel__content h4, .section--bg .split-panel__content h5, .section--bg .split-panel__content h6, .section--bg .split-panel__tabs .resp-tabs-list li {color: #fff;} .split-panel__carousel-arows {margin-top: 1.25em;} .split-panel__carousel-arows .slick-arrow {width: 2.25em; height: 2.25em; border-radius: 50%; box-shadow: 0 3px 8px 0 rgba(33, 41, 54, 0.20); background-color: #fff; color: #0099a9; cursor: pointer; transition: all 250ms ease; outline:none;} .split-panel__carousel-arows .slick-arrow:hover {background: #0099a9; color: #fff; box-shadow: 0 3px 8px 0 rgba(33, 41, 54, 0.50);} .split-panel__carousel-arows .slick-arrow span {font-size: 1.25em; display: inline-block; vertical-align: middle; line-height: 1; position: relative; top: 1px} .split-panel__carousel-arows .slick-prev {margin-right: 0.375em;} .split-panel__carousel-slides {padding: 1em; outline: none;} .split-panel__tabs.split-panel__content {font-size: 1em;} .section--bg .split-panel__tabs .resp-tabs-list li.resp-tab-active {color: #0099a9} .section--bg .split-panel__tabs .resp-tabs--horizontal .resp-tab-content {border-color: rgba(255,255,255,0.15)} @media only screen and (min-width: 480px) { .split-panel__carousel .slick-list {margin:0 -1em} } @media only screen and (min-width: 801px) { .split-panel:not(.split-panel--image)::before,.split-panel:not(.split-panel--image)::after{display:table;content:' ';-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-order:1;order:1}.split-panel:not(.split-panel--image)::after{clear:both} .split-panel__left {float: left; width: 46%} .split-panel__right {float: right; width: 46%} .split-panel--right .split-panel__left {float: right;} .split-panel--right .split-panel__right {float: left;} .split-panel--left .split-panel__double-images {padding-left: 2.5em;} .split-panel--right .split-panel__double-images {padding-right: 2.5em;} .split-panel__double-image-one, .split-panel__double-image-two {display: block; position: relative; float: left; width: 56%;} .split-panel--carousel .split-panel__left {width: 44%} .split-panel--carousel .split-panel__right {width: 51%} @supports (display: flex) { .split-panel--image {display: flex; justify-content: space-between} .split-panel--image .split-panel__left, .split-panel--image .split-panel__right {float: none;} .split-panel__image {height: 100%; display: flex; align-items: center} .split-panel--left .split-panel__double-images, .split-panel--right .split-panel__double-images {padding: 0;} .split-panel--left .split-panel__left {order: 0;} .split-panel--left .split-panel__right {order: 1;} .split-panel--right .split-panel__left {order: 1;} .split-panel--right .split-panel__right {order: 0;} .split-panel__double-images {display: flex; align-items: center; height: 100%;} .split-panel--image .split-panel__content {min-height: 22em;} } } @media only screen and (max-width: 800px) { .split-panel__left {margin-bottom: 2.5em} .split-panel__image {text-align: center;} .split-panel__double-images {margin-top: 6.25em; margin-bottom: 4em;} .split-panel__double-images::before,.split-panel__double-images::after{display:table;content:' ';-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-order:1;order:1}.split-panel__double-images::after{clear:both} } /******************************************************************************** --- Icon Card --- *********************************************************************************/ .card-icon {background: #fff; box-shadow: 0 2px 1em 0 rgba(0, 0, 0, 0.07); border-radius: 3px; padding: 1.875em 1.562em;} .card-icon__icon {display:block; margin-bottom: 0.625em;} .card-icon__icon span {font-size: 45px; color: #0099a9} .card-icon__headline {font-size: 1.5625em;} .card-icon__subheadline {font-size: 1.25em; margin-top: -1em; text-transform: none; color: #0099a9} .card-icon__overview {font-size: 1.25em; margin-bottom: 1em;} .card-icon__overview p {line-height: 1.4; color: #6d6e71} .card-icon__overview > :last-child {margin-bottom: 0;} .card-icon__overview .label {font-size: 0.6em} @media only screen and (min-width: 1024px) and (max-width: 1199px) { .split-panel__carousel .card-icon {font-size: 14px;} } @media only screen and (min-width: 801px) and (max-width: 1023px) { .split-panel__carousel .card-icon {font-size: 12px;} } @media only screen and (max-width: 639px) { .split-panel__carousel .card-icon {font-size: 12px;} } /******************************************************************************** --- Logo Carousel --- *********************************************************************************/ .logo-carousel {padding: 0 3.75em; max-width: 1920px; margin-right: auto; margin-left: auto;} .logo-carousel__slide {outline: none;} .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; background: #fff; box-shadow: 0 2px 0.75em 0 rgba(0, 0, 0, 0.05); border-radius: 3px;} .logo-carousel__image img {max-height: 4em; width: auto;} .logo-carousel.logo-carousel--no-heading {padding: 0;} .section--bg .logo-carousel__title-valign h4 {color: #fff;} @media only screen and (min-width: 1025px) { .logo-carousel__container {padding-left: 15em; position: relative;} .logo-carousel--no-heading .logo-carousel__container {padding-left: 0; max-width: 1350px; margin-right: auto; margin-left: auto; padding-right: 0.9375rem; padding-left: 0.9375rem;} .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;} } @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} } @media only screen and (max-width: 639px) { .logo-carousel {font-size: 12px;} } @media only screen and (max-width: 479px) { .logo-carousel {font-size: 11px;} } /******************************************************************************** --- Horizontal Featured List --- *********************************************************************************/ .horizontal-featured {display: block; background: #212936; border-radius: 3px; box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.07); padding: 1.5625em 2.8125em 1.5625em 1.25em; position: relative;} .horizontal-featured__bg, .horizontal-featured__bg::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .horizontal-featured__bg {background-position: center center; background-repeat: no-repeat; background-size: cover;} .horizontal-featured__bg::before {content: ""; display: block; background-color: rgba(33, 41, 54, 0.8);} .horizontal-featured__inner {position: relative; padding-left: 7.5em} .horizontal-featured__icon {position: absolute; top: 0; left: 0; width: 7.5em; height: 5em; line-height: 5em; text-align: center;} .horizontal-featured__icon span {font-size: 3.75em; display: inline-block; vertical-align: middle; line-height: 1; position: relative; top:-2px;} .horizontal-featured__body, .horizontal-featured__title {color: #fff;} .horizontal-featured__body {min-height: 5em;} .horizontal-featured__title {font-size: 1.5625em; margin-bottom: 0.2em} .horizontal-featured__overview {font-size: 0.875em; line-height: 1.6; margin-bottom: 0;} .horizontal-featured-list .horizontal-featured:not(:last-child) {margin-bottom: 1.25em;} @media only screen and (min-width: 801px) and (max-width: 1199px) { .split-panel .horizontal-featured-list {font-size: 14px;} } @media only screen and (max-width: 479px) { .horizontal-featured {padding-right: 1.5625em; padding-left: 0} .horizontal-featured__inner {padding-left: 6.3462em} .horizontal-featured__icon {font-size: 0.8462em} } /******************************************************************************** --- Box --- *********************************************************************************/ .box {overflow: hidden; border-radius: 3px; box-shadow: 0 5px 25px 0 rgba(33, 41, 54, 0.06); background-color: #fff;} /******************************************************************************** --- Upcoming Events --- *********************************************************************************/ .events-upcoming__header {padding: 0.9375em 1.875em; border-bottom: 1px solid #e2e2ec; position: relative;} .events-upcoming__header-title {font-size: 1.25em; margin-bottom: 0; text-transform: none; padding-right: 5em} .events-upcoming__header a {font-size: 0.7em; text-transform: uppercase; font-weight: 600; position: absolute; top: 1.2143em; right: 1.4286em; margin-bottom: 0} .events-upcoming__list {padding: 1.25em 1.875em 2.5em;} .events-upcoming__scroll {max-height: 34.375em; overflow-x: auto;} .events-upcoming__scroll{scrollbar-color:#0099a9; scrollbar-width:8px;} .events-upcoming__scroll::-webkit-scrollbar{width:8px;height:8px} .events-upcoming__scroll::-webkit-scrollbar-thumb{background:#0099a9;} .events-upcoming__scroll::-webkit-scrollbar-track{background:#6d6e71;} /******************************************************************************** --- Events List--- *********************************************************************************/ .events__block {padding-right: 20px;} .event-item {padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e2e2ec} .event-item .label {margin-bottom: 1.818em;} .event-item__wrapper {position: relative; min-height: 3.75em} .event-item__date {position: absolute; top: 0.25em; left: 0; width:4.0625em; text-align: center;} .event-item__body {padding-left: 4.75em;} .event-item__date-month, .event-item__date-days, .event-item__date-year {display: block; line-height: 1;} .event-item__date-month, .event-item__date-year {font-size: 0.813em; color: #a7a9ac; text-transform: uppercase;} .event-item__date-days {margin-bottom: 0.125em;} .event-item__date-day {font-size: 1.938em; color: #0099a9; line-height: 1;} .event-item__date-days--small .event-item__date-day {font-size: 1.375em} .event-item__title {font-size: 1.000em; text-transform: none; margin-bottom: 0.625em;} .event-item__title a {color: #212936} .event-item__title a:hover {color: #0099a9;} .event-item__meta {margin-top: -0.625em; } .event-item__meta span {font-size: 0.8125em; text-transform: uppercase; font-weight: 500; color: #0099a9;} .event-item__overview {font-size: 0.875em; color: #6d6e71; line-height: 1.4; margin-bottom: 0;} /******************************************************************************** --- Banner Card--- *********************************************************************************/ .banner-card {padding-top: 5em; min-height: 40.625em;} .banner-card__inner {position: relative;} .banner-card__bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat} .banner-card__container {position: relative;} .banner-card__body {max-width: 50em; color: #fff; margin-top: -5em; background: #212936; padding: 5em; margin-bottom: 6.25em; border-radius: 3px;} .banner-card__body h1, .banner-card__body h2, .banner-card__body h3, .banner-card__body h4, .banner-card__body h5, .banner-card__body label {color: #fff;} .banner-card__body form .row {margin-right: -0.5em; margin-left: -0.5rem;} .banner-card__body form .column, .banner-card__body form .columns {padding-right: 0.5rem; padding-left: 0.5rem;} .banner-card__body form span.maxSize1 {color: #fff;} .banner-card--right .banner-card__body {float: right;} .section--off-white + section .banner-card {background-color: #f4f8f8;} @media only screen and (max-width: 800px) { .banner-card__body {padding: 3.75em} } @media only screen and (max-width: 639px) { .banner-card__body form .responsiveCellSize1 {width: 100%;} } @media only screen and (max-width: 479px) { .banner-card__body {padding: 2.8125em} } @media only screen and (max-width: 375px) { .banner-card__body {padding: 1.875em} } /******************************************************************************** --- CTA Banner--- *********************************************************************************/ .cta-banner__inner {position: relative;} .cta-banner__bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat} .cta-banner__bg--overlay::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(33, 41, 54, 0.10);} .cta-banner__container {position: relative;} .cta-banner__body {background: #212936; max-width: 28.125em; color: #fff; padding:6.25em 2.8125em;} .cta-banner__body h1, .cta-banner__body h2, .cta-banner__body h3, .cta-banner__body h4, .cta-banner__body h5 {color: #fff;} .cta-banner__body form .row {margin-right: -0.5em; margin-left: -0.5rem;} .cta-banner__body form .column, .cta-banner__body form .columns {padding-right: 0.5rem; padding-left: 0.5rem;} .cta-banner--right .cta-banner__body {float: right;} @media only screen and (max-width: 800px) { .cta-banner__body {padding: 3.75em} } @media only screen and (max-width: 479px) { .cta-banner__body {padding: 2.8125em} } @media only screen and (max-width: 375px) { .cta-banner__body {padding: 1.875em} } /******************************************************************************** --- Nav Carousel --- *********************************************************************************/ .nav-carousel__header {margin-bottom: 3.75em;} .nav-carousel__header .row {position: relative;} .nav-carousel__header h2 {margin-bottom: 0; padding-right: 15rem; position: relative;} .nav-carousel__arrows .slick-arrow {position: absolute; top: 0; display: block; width: 2.625em; height: 2.625em; border-radius: 50%; box-shadow: 0 3px 8px 0 rgba(33, 41, 54, 0.20); background-color: #fff; color: #0099a9; cursor: pointer; transition: all 250ms ease; outline:none;} .nav-carousel__arrows .slick-arrow:hover {background: #0099a9; color: #fff; box-shadow: 0 3px 8px 0 rgba(33, 41, 54, 0.50);} .nav-carousel__arrows .slick-arrow span {font-size: 1.5em; display: inline-block; vertical-align: middle; line-height: 1; position: relative; top: 1px} .nav-carousel__arrows .slick-prev {right: 4.375em;} .nav-carousel__arrows .slick-next {right: 0.9375rem;} .nav-carousel__slides {outline: none;} .nav-carousel__slides .full-bleed-card {padding: 1em 0.9375em;} .nav-carousel__slides .full-bleed-card__body {height: 28.125em;} @media only screen and (min-width: 640px) { .nav-carousel__all {display: block; position: absolute; top: 0.875em; right:9.375em;} .nav-carousel__all .text-button {margin-bottom: 0; vertical-align: top;} } @media only screen and (min-width: 800px) and (max-width: 959px) { .nav-carousel__slides .full-bleed-card__overlay {padding-right: 1.875em; padding-left: 1.875em;} } @media only screen and (max-width: 959px) { .nav-carousel__slides .full-bleed-card {padding-right: 0.625em; padding-left: 0.625em} } @media only screen and (max-width: 639px) { .nav-carousel__slides .full-bleed-card__overlay {padding-right: 1.875em; padding-left: 1.875em;} .nav-carousel__slides .full-bleed-card__body {height: 24em;} .nav-carousel__all {display: block; margin-top: 0.625em} } @media only screen and (max-width: 479px) { .nav-carousel__slides .full-bleed-card__body {height: 22em;} } @media only screen and (max-width: 375px) { .nav-carousel__slides .full-bleed-card__body {height: 20em;} } /******************************************************************************** --- Nav Carousel --- *********************************************************************************/ .card-carousel{overflow: hidden;max-height: 750px;padding-top: 12px;} .card-carousel__header {margin-bottom: 0; min-height: 76px; } .card-carousel__header .row {position: relative;} .card-carousel__header h3 {margin-bottom: 0; padding-right: 9rem;} .card-carousel__arows .slick-arrow,.event-carousel__arows .slick-arrow {position: absolute; top: 0; display: block; width: 2.625em; height: 2.625em; border-radius: 50%; box-shadow: 0 3px 8px 0 rgba(33, 41, 54, 0.20); background-color: #fff; color: #0099a9; cursor: pointer; transition: all 250ms ease; outline:none;} .card-carousel__arows .slick-arrow:hover,.event-carousel__arows .slick-arrow:hover {background: #0099a9; color: #fff; box-shadow: 0 3px 8px 0 rgba(33, 41, 54, 0.50);} .card-carousel__arows .slick-arrow.slick-disabled,.event-carousel__arows .slick-arrow.slick-disabled {background: #f4f8f8; color: #a7a9ac; box-shadow: 0 3px 8px 0 rgba(33, 41, 54, 0.10); cursor: default;} .card-carousel__arows .slick-arrow span,.event-carousel__arows .slick-arrow span {font-size: 1.5em; display: inline-block; vertical-align: middle; line-height: 1; position: relative; top: 0} .card-carousel__arows .slick-prev,.event-carousel__arows .slick-prev {right: 4.375em;} .card-carousel__arows .slick-next,.event-carousel__arows .slick-next {right: 0.9375rem;} .card-carousel__slider {width: 96%; max-width: 1350px; margin-right: auto; margin-left: auto; padding: 2.5em 0 0} .card-carousel__slider > .js-card-carousel {height: 33.75em; visibility: hidden; opacity: 0; transition: opacity 250ms ease} .card-carousel__slider > .js-card-carousel.slick-initialized {visibility: visible; opacity: 1;} .card-carousel.show-arrows .slick-arrow.slick-hidden{display: block!important;} .card-carousel__slider .slick-list {overflow: inherit;} .card-carousel__slides.slick-slide {outline: none; min-height: inherit; height: auto;} .card-carousel__slides-block {padding: 0 0.625rem;} /* .card-carousel__slides-block, .card-carousel__slides-block .card {height: 100%;} */ .card-carousel__slides-block .card {padding-bottom: 5.1875em; position: relative; box-shadow: 0 0.3125em 1.5625em 0 rgba(33, 41, 54, 0.06); } .card-carousel__slides-block .card:hover {box-shadow: 0px 20px 50px -15px rgba(33, 41, 54,0.15);} .card-carousel__slides-block .card__action-container {position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 1.5625em 2.1875em;} .card-carousel__row::before,.card-carousel__row::after{display:table;content:' ';-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-order:1;order:1}.card-carousel__row::after{clear:both} .card-carousel__row .card-carousel__slides {float: left; width: 33.3333%;} .js-cs-card-carousel {padding-bottom: 1.5rem;} /** .js-card-carousel--related .card {height: 600px;} **/ @media only screen and (min-width: 480px) { .slick-initialized .card-carousel__slides {outline: none; opacity: 0; transition: opacity 250ms ease} .slick-initialized .card-carousel__slides.slick-active {opacity: 1;} } @media only screen and (min-width: 640px) { .card-carousel__slider {width: 90%;} .card-carousel__slides-block {padding: 0 0.9375rem 2em;height: auto!important;} .post-body__meta .card-carousel__slider { width: 100%; } } @media only screen and (max-width: 959px) { .card-carousel__row .card-carousel__slides {width: 50%;} } @media only screen and (max-width: 800px) { .card-carousel__header h3 {font-size: 2em;} } @media only screen and (max-width: 479px) { .card-carousel__row .card-carousel__slides {width: 100%; margin-bottom: 1.875em} .card-carousel__header h3 {font-size: 1.56em;} } /******************************************************************************** --- Horizontal Featured List --- *********************************************************************************/ .full-bleed-card {display: block;} .full-bleed-card.zoom-trigger {overflow: inherit;} .full-bleed-card__body {background: #212936; height: 23.4375em; border-radius: 3px; overflow: hidden; position: relative; box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.07);} .full-bleed-card__bg, .full-bleed-card__bg::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .full-bleed-card__bg {background-position: center center; background-repeat: no-repeat; background-size: cover;} .full-bleed-card__bg::before {content: ""; display: block; background-color: rgba(33, 41, 54, 0.9); transition: background 450ms ease} .full-bleed-card__overlay {position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; padding: 0 2.8125em 2.8125em 2.8125em; color: #fff; transition: opacity 250ms ease;} .full-bleed-card__overlay > :last-child {margin-bottom: 0} .full-bleed-card__headline {color: #fff; margin-bottom: 0.4em} .full-bleed-card__overview {line-height: 1.6;} .full-bleed-card:hover .full-bleed-card__bg::before {background-color: rgba(33, 41, 54, 0.85)} .full-bleed-card__hover {position: absolute; top: 0; left: 0; width: 100%; height: 23.4375em; line-height: 23.4375em; background: rgba(0, 160, 175, 0.70); z-index: 1; opacity: 0; -webkit-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms;} .full-bleed-card__hover-align {display: inline-block; vertical-align: middle; line-height: 1; padding: 0 1.5625em; width: 100%; text-align: center} .full-bleed-card__hover-align > :last-child {margin-bottom: 0;} .full-bleed-card__hover-overview {font-size: 0.875em; line-height: 1.6; color: #fff;} .full-bleed-card.full-bleed-card--has-overlay:hover .full-bleed-card__overlay {opacity: 0;} .full-bleed-card-list > .row > .column:nth-child(4n+1) .full-bleed-card__hover {-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0);} .full-bleed-card-list > .row > .column:nth-child(4n+1) .full-bleed-card:hover .full-bleed-card__hover {opacity: 1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);} .full-bleed-card-list > .row > .column:nth-child(4n+2) .full-bleed-card__hover {-webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0);} .full-bleed-card-list > .row > .column:nth-child(4n+2) .full-bleed-card:hover .full-bleed-card__hover {opacity: 1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);} .full-bleed-card-list > .row > .column:nth-child(4n+3) .full-bleed-card__hover {-webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);} .full-bleed-card-list > .row > .column:nth-child(4n+3) .full-bleed-card:hover .full-bleed-card__hover {opacity: 1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);} .full-bleed-card-list > .row > .column:nth-child(4n+4) .full-bleed-card__hover {-webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0);} .full-bleed-card-list > .row > .column:nth-child(4n+4) .full-bleed-card:hover .full-bleed-card__hover {opacity: 1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);} .nav-carousel__slides:nth-child(4n+1) .full-bleed-card__hover {-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0);} .nav-carousel__slides:nth-child(4n+1) .full-bleed-card:hover .full-bleed-card__hover {opacity: 1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);} .nav-carousel__slides:nth-child(4n+2) .full-bleed-card__hover {-webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0);} .nav-carousel__slides:nth-child(4n+2) .full-bleed-card:hover .full-bleed-card__hover {opacity: 1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);} .nav-carousel__slides:nth-child(4n+3) .full-bleed-card__hover {-webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);} .nav-carousel__slides:nth-child(4n+3) .full-bleed-card:hover .full-bleed-card__hover {opacity: 1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);} .nav-carousel__slides:nth-child(4n+4) .full-bleed-card__hover {-webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0);} .nav-carousel__slides:nth-child(4n+4) .full-bleed-card:hover .full-bleed-card__hover {opacity: 1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);} .nav-carousel__slides .full-bleed-card__hover {height:28.125em; line-height: 28.125em;} @media only screen and (min-width: 1350px) { .full-bleed-card-list .xxlarge-up-4 [data-aos].aos-animate:nth-child(4n+1) {transition-delay: 100ms;} .full-bleed-card-list .xxlarge-up-4 [data-aos].aos-animate:nth-child(4n+2) {transition-delay: 200ms;} .full-bleed-card-list .xxlarge-up-4 [data-aos].aos-animate:nth-child(4n+3) {transition-delay: 300ms;} .full-bleed-card-list .xxlarge-up-4 [data-aos].aos-animate:nth-child(4n+4) {transition-delay: 400ms;} } @media only screen and (min-width: 801px) and (max-width: 1349px) { .full-bleed-card-list .large-up-3 [data-aos].aos-animate:nth-child(3n+1) {transition-delay: 100ms;} .full-bleed-card-list .large-up-3 [data-aos].aos-animate:nth-child(3n+2) {transition-delay: 200ms;} .full-bleed-card-list .large-up-3 [data-aos].aos-animate:nth-child(3n+3) {transition-delay: 300ms;} } /******************************************************************************** --- Slick Carousel --- *********************************************************************************/ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0} .slick-list:focus{outline:none} .slick-list.dragging{cursor:pointer;cursor:hand} .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .slick-track{position:relative;top:0;left:0;display:block;margin-left:0;margin-right:auto} .slick-track:before,.slick-track:after{display:table;content:''} .slick-track:after{clear:both} .slick-loading .slick-track{visibility:hidden} .slick-slide{display:none;float:left;height:100%;min-height:1px} [dir='rtl'] .slick-slide{float:right} .slick-slide img{display:block} .slick-slide.slick-loading img{display:none} .slick-slide.dragging img{pointer-events:none} .slick-initialized .slick-slide{display:block} .slick-loading .slick-slide{visibility:hidden} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} .slick-arrow.slick-hidden{display:none} /******************************************************************************** --- Person Event Carousel --- *********************************************************************************/ .people-event__sidebar{margin-top:1.875em;overflow: hidden;padding-top: 10px;} .people-event__sidebar,.people-event__sidebar .card-carousel__slider,.people-event__sidebar .card-carousel__header .row-site{width:100%;} .people-event__sidebar .card-carousel__slider{padding-top: 1.5em; margin-left:0; margin-right:0;} .people-event-carousel .card-carousel__slides-block{padding-left:0;padding-right:0;} .people-event__sidebar .card-carousel__header h3{padding-right: 40%;} .people-event__sidebar .card-carousel__arows .slick-arrow, .people-event__sidebar .event-carousel__arows .slick-arrow{width: 2em; height: 2em; top: -5px;} .people-event__sidebar .slick-arrow span{font-size: 1em; top: 0;} .people-event__sidebar .card-carousel__arows .slick-next, .event-carousel__arows .slick-next{right: 5px;} .people-event__sidebar .event-carousel__arows .slick-prev{right: 55px;} .people-event__sidebar .card-carousel__slides-block .card {box-shadow: none;border: 1px solid #e2e2ec;width: calc(100% - 1px);background-color: #f4f8f8;} /******************************************************************************** --- Bullet Icons --- *********************************************************************************/ .bullets-icon {overflow: hidden; position: relative; margin-bottom: 2.5em} .bullets-icon:last-child {margin-bottom: 0} .bullets-icon__icon {position: absolute; top: 0; left: 0; width: 5em; height: 5em; line-height: 5em; background: #0099a9; color: #fff; text-align: center;} .bullets-icon__icon span {font-size: 2.25em; display: inline-block; line-height: 1; vertical-align: middle; position: relative; top: -2px;} .bullets-icon__body {padding-left: 6.5em; min-height: 5em} .bullets-icon__body > :last-child {margin-bottom: 0} .bullets-icon__headline {font-size: 1.5625em; margin-bottom: 0.2em;} .bullets-icon__overview {font-size: 0.875em; line-height: 1.6; color: #212936;} .bullets-icon a .bullets-icon__icon {transition:all 0.8s 250ms; transform-style: preserve-3d;} .bullets-icon a:hover .bullets-icon__icon {transform: rotateY(180deg); background: #212936;} /******************************************************************************** --- Featured Bullet Section --- *********************************************************************************/ .featured-bullets::before,.featured-bullets::after{display:table;content:' ';-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-order:1;order:1}.featured-bullets::after{clear:both} .featured-bullets__left p {font-size: 1.25em;} .featured-bullets__right {display: flex;} .featured-bullets__image, .featured-bullets__list {float: left;} .featured-bullets__image {width: 52%} .featured-bullets__list {width: 48%} .featured-bullets__image {height: 34.375em; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; border-radius: 3px; box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.07);} .featured-bullets__image::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(33, 41, 54, 0.75);} .featured-bullets__list {display: flex; align-items: center;} .featured-bullets__list-align {margin-left: -2.5em; position: relative;} .featured-bullets .bullets-icon__icon {width: 6.25em; height: 6.25em; line-height: 6.25em;} .featured-bullets .bullets-icon__icon span {font-size: 3em;} .featured-bullets .bullets-icon__body {padding-left: 7.5em; min-height: 6.25em} @media only screen and (min-width: 801px) and (max-width: 1199px) { .featured-bullets .bullets-icon {font-size: 14px;} .featured-bullets .bullets-icon__icon {font-size: 0.7143em} .featured-bullets .bullets-icon__body {padding-left: 5.5em;} .featured-bullets__image {width: 58%} .featured-bullets__list {width: 42%} } @media only screen and (min-width: 801px) { .featured-bullets__left {float: left; width: 34%;} .featured-bullets__right {float: right; width: 62%;} } @media only screen and (max-width: 800px) { .featured-bullets__left {margin-bottom: 2.5em} } @media only screen and (max-width: 639px) { .featured-bullets .bullets-icon {font-size: 12px;} .featured-bullets .bullets-icon__icon {font-size: 0.8333em} .featured-bullets .bullets-icon__body {padding-left: 6em;} .featured-bullets__image {width: 52%} .featured-bullets__list {width: 48%} } @media only screen and (max-width: 479px) { .featured-bullets__right {display: block;} .featured-bullets__image {height: 18.75em;} .featured-bullets__image, .featured-bullets__list {display: block; float: none; width: 100%} .featured-bullets__list {margin-top: -40px; padding: 0 15px;} .featured-bullets__list-align {margin-left: 0;} .featured-bullets .bullets-icon {font-size: 14px;} .featured-bullets .bullets-icon__icon {font-size: 0.5714em} .featured-bullets .bullets-icon__body {padding-left: 4.5em;} .featured-bullets__image::before {background: linear-gradient(to bottom, rgba(248,250,252,0) 0%,rgba(248,250,252,0) 42%,rgba(248,250,252,0.9) 100%);} .featured-bullets__image::after {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(33, 41, 54, 0.12);} } /******************************************************************************** --- Marcum Entities --- *********************************************************************************/ .logos-list {position: relative; text-align: center;} .logos-list__top {padding: 5em 0; border-bottom: 1px solid #e2e2ec} .logo-list__heading-block > :last-child, .logos-list__overview p {margin-bottom: 0} .logos-list__main-logo {max-width: 18.75em; margin-right: auto; margin-left: auto; margin-bottom: 1.875em; } .logos-list__overview {margin-bottom: 1.25em} .logos-list__overview p {font-size: 1.25em; line-height: 1.6;} .logos-list__bottom {padding-top: 3.75em; padding-bottom: 1.25em;} .logos-list__logo {padding: 0 0.625em; margin-bottom: 2.5em} .logos-list__logo {height: 3.5em; line-height: 3.5em;} .logos-list__logo img {max-height: 3.5em; width: auto;} .section--bg .logos-list__top, .section--bg .logos-list__headline {color: #fff; border-color: rgba(255,255,255,0.15)} .section--white .logos-list__logo {background: #fff; box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.07); height: 9.38em; line-height: 9.38em; border-radius: 3px} .section--white .logos-list__logo img {line-height: 1;} @media only screen and (max-width: 639px) { .logos-list__bottom {margin-top: 1.875em; padding-top: 1.875em} .logos-list__logo {margin-bottom: 1.875em} } @media only screen and (min-width: 801px) { .logos-list__bottom .large-up-4 [data-aos].aos-animate:nth-child(4n+1) {transition-delay: 100ms;} .logos-list__bottom .large-up-4 [data-aos].aos-animate:nth-child(4n+2) {transition-delay: 200ms;} .logos-list__bottom .large-up-4 [data-aos].aos-animate:nth-child(4n+3) {transition-delay: 300ms;} .logos-list__bottom .large-up-4 [data-aos].aos-animate:nth-child(4n+4) {transition-delay: 400ms;} } @media only screen and (max-width: 800px) { .logos-list__bottom .xsmall-up-3 [data-aos].aos-animate:nth-child(3n+1) {transition-delay: 100ms;} .logos-list__bottom .xsmall-up-3 [data-aos].aos-animate:nth-child(3n+2) {transition-delay: 200ms;} .logos-list__bottom .xsmall-up-3 [data-aos].aos-animate:nth-child(3n+3) {transition-delay: 300ms;} } /******************************************************************************** --- Testimonials Carousel --- *********************************************************************************/ .testimonials-carousel {max-width: 60em; padding: 0 6.25em; margin-right: auto; margin-left: auto;} .testimonials-carousel__slider .slick-arrow {position: absolute; top: 50%; margin-top: -1.3125em; display: block; width: 2.625em; height: 2.625em; border-radius: 50%; box-shadow: 0 3px 8px 0 rgba(33, 41, 54, 0.20); background-color: #fff; color: #0099a9; cursor: pointer; transition: all 250ms ease; outline:none;} .testimonials-carousel__slider .slick-arrow:hover {background: #0099a9; color: #fff; box-shadow: 0 3px 8px 0 rgba(33, 41, 54, 0.50);} .testimonials-carousel__slider .slick-arrow span {font-size: 1.5em; display: inline-block; vertical-align: middle; line-height: 1; position: relative; top: 1px} .testimonials-carousel__slider .slick-prev {left: -6.25em;} .testimonials-carousel__slider .slick-next {right: -6.25em;} .testimonials-carousel__slide {outline: none; padding: 16px;} @media only screen and (max-width: 639px) { .testimonials-carousel {padding-right:4em; padding-left: 4em;} .testimonials-carousel__slider .slick-prev {left: -4em;} .testimonials-carousel__slider .slick-next {right: -4em;} } @media only screen and (max-width: 479px) { .testimonials-carousel {padding-right:0; padding-left: 0;} .testimonials-carousel__slider .slick-arrow {display: none!important;} } /******************************************************************************** --- Testimonials Block --- *********************************************************************************/ .testimonial-block {background: #fff; box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.07); border-radius: 3px; padding: 2.812em;} @media only screen and (max-width: 639px) { .testimonial-block {padding: 2.187em 1.562em} } /******************************************************************************** --- Testimonials List Block --- *********************************************************************************/ @supports (display: flex) { .testimonial-list {display: flex; flex-wrap: wrap;} .testimonial-list .testimonial-block {height: 100%;} } @media only screen and (min-width: 1350px) { .testimonial-list.xxlarge-up-3 [data-aos].aos-animate:nth-child(3n+1) {transition-delay: 100ms;} .testimonial-list.xxlarge-up-3 [data-aos].aos-animate:nth-child(3n+2) {transition-delay: 200ms;} .testimonial-list.xxlarge-up-3 [data-aos].aos-animate:nth-child(3n+3) {transition-delay: 300ms;} } @media only screen and (min-width: 640px) and (max-width: 1349px) { .testimonial-list.medium-up-2 [data-aos].aos-animate:nth-child(2n+1) {transition-delay: 100ms;} .testimonial-list.medium-up-2 [data-aos].aos-animate:nth-child(2n+2) {transition-delay: 200ms;} } /******************************************************************************** --- Two Column Banner --- *********************************************************************************/ .two-column-banner {position: relative; margin-top:6.25em; padding-bottom: 7.5em;} .two-column-banner__bg, .two-column-banner__bg::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .two-column-banner__bg {background-position: center center; background-repeat: no-repeat; background-size: cover;} .two-column-banner__bg::before {content: ""; display: block; background: rgba(33, 41, 54, 0.8)} .two-column-banner__body {position: relative; margin: -6.25em -0.9375rem 0 -0.9375rem;} .two-column-banner__box {background: #fff; box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.07); border-radius: 3px; padding: 2.25em;} .two-column-banner__box > :last-child {margin-bottom: 0;} @media only screen and (min-width: 801px) { .two-column-banner [data-aos].aos-animate:nth-child(2n+1) {transition-delay: 100ms;} .two-column-banner [data-aos].aos-animate:nth-child(2n+2) {transition-delay: 200ms;} .two-column-banner__body-col {width: 50%; float: left; padding: 0 0.9375rem} @supports (display: flex) { .two-column-banner__body {display: flex; align-items: stretch; float: none;} .two-column-banner__box {height: 100%;} } } @media only screen and (max-width: 800px) { .two-column-banner__body {padding-right: 1.25em; padding-left: 1.25em;} .two-column-banner__body-col:first-child {margin-bottom: 1.875em;} } @media only screen and (max-width: 479px) { .two-column-banner__box {padding: 1.875em 1.5625em;} } /******************************************************************************** --- People - Bio --- *********************************************************************************/ .bio__image {position: relative; margin-bottom: 0.625em} .bio__image img {display: block; width: 100%;} .bio__links {position: absolute; bottom: 0; left: 0; width: 100%; padding: 0.3125em 0.9375em; background: rgba(0, 160, 175, 0.76)} .bio__links ul {list-style: none; margin: 0; padding: 0; text-align: center;} .bio__links li {display: inline-block; margin: 0 0.375em; line-height: 1.2;} .bio__links a {font-size: 1.25em; font-weight: 400; color: rgba(255,255,255,1);} .bio__links a:hover {color: rgba(255,255,255,0.65)} .bio__name, .bio__title {font-family: 'Roboto', serif; text-transform: none; } .bio__name {font-size: 1.25em; margin-bottom: 0.5em; color: #0099a9} .bio__title {font-size: 1em;} .bio__meta {list-style: none; margin: 0; padding: 0;} .bio__meta li {font-size: 0.875em; font-weight: 500; display: block; margin-bottom: 0.2857em; color: #6d6e71;} /******************************************************************************** --- People - Filter by Location List --- *********************************************************************************/ .page-body__right .people-locations {margin: 2.5em 0;} .people-locations__filter-title {margin-top: -1.25em; color: #6d6e71;} .people-locations__filter-row {margin-bottom: 1.875em} .people-locations__filter-row ul {list-style: none; margin: 0; padding: 0;} .people-locations__filter-row li {display: inline-block; margin:0 0.625em 0.9375em 0;} .people-locations__filter-row a {font-size: 0.875em; text-transform: uppercase; font-weight: 500; display: block; padding: 0.5714em 1.0714em; border: 2px solid #e2e2ec; border-radius: 3px; color: #212936; transition: all 250ms ease} .people-locations__filter-row a:hover {background: #e2e2ec; color: #212936;} .people-locations__filter-row li.active a, .people-locations__filter-row li a:active {background: #0099a9; border-color: #0099a9; color: #fff;} .people-locations__filter-list {min-height: 25em;} .people-locations__filter-list-dump {display: none;} @media only screen and (min-width: 640px) and (max-width: 800px) { .people-locations__filter-list.xxlarge-up-5 [data-aos].aos-animate:nth-child(3n+1) {transition-delay: 100ms;} .people-locations__filter-list.xxlarge-up-5 [data-aos].aos-animate:nth-child(3n+2) {transition-delay: 200ms;} .people-locations__filter-list.xxlarge-up-5 [data-aos].aos-animate:nth-child(3n+3) {transition-delay: 300ms;} } @media only screen and (min-width: 801px) and (max-width: 1349px) { .people-locations__filter-list.xxlarge-up-5 [data-aos].aos-animate:nth-child(4n+1) {transition-delay: 100ms;} .people-locations__filter-list.xxlarge-up-5 [data-aos].aos-animate:nth-child(4n+2) {transition-delay: 200ms;} .people-locations__filter-list.xxlarge-up-5 [data-aos].aos-animate:nth-child(4n+3) {transition-delay: 300ms;} .people-locations__filter-list.xxlarge-up-5 [data-aos].aos-animate:nth-child(4n+4) {transition-delay: 400ms;} } @media only screen and (min-width: 801px) and (max-width: 1023px) { .people-list.large-up-4 [data-aos].aos-animate:nth-child(4n+1) {transition-delay: 100ms;} .people-list.large-up-4 [data-aos].aos-animate:nth-child(4n+2) {transition-delay: 200ms;} .people-list.large-up-4 [data-aos].aos-animate:nth-child(4n+3) {transition-delay: 300ms;} .people-list.large-up-4 [data-aos].aos-animate:nth-child(4n+4) {transition-delay: 400ms;} } @media only screen and (min-width: 1024px) and (max-width: 1349px) { .people-list.xlarge-up-3 [data-aos].aos-animate:nth-child(3n+1) {transition-delay: 100ms;} .people-list.xlarge-up-3 [data-aos].aos-animate:nth-child(3n+2) {transition-delay: 200ms;} .people-list.xlarge-up-3 [data-aos].aos-animate:nth-child(3n+3) {transition-delay: 300ms;} } @media only screen and (min-width: 1350px) { .people-locations__filter-list.xxlarge-up-5 [data-aos].aos-animate:nth-child(5n+1) {transition-delay: 100ms;} .people-locations__filter-list.xxlarge-up-5 [data-aos].aos-animate:nth-child(5n+2) {transition-delay: 200ms;} .people-locations__filter-list.xxlarge-up-5 [data-aos].aos-animate:nth-child(5n+3) {transition-delay: 300ms;} .people-locations__filter-list.xxlarge-up-5 [data-aos].aos-animate:nth-child(5n+4) {transition-delay: 400ms;} .people-locations__filter-list.xxlarge-up-5 [data-aos].aos-animate:nth-child(5n+5) {transition-delay: 500ms;} .people-list.xxlarge-up-4 [data-aos].aos-animate:nth-child(4n+1) {transition-delay: 100ms;} .people-list.xxlarge-up-4 [data-aos].aos-animate:nth-child(4n+2) {transition-delay: 200ms;} .people-list.xxlarge-up-4 [data-aos].aos-animate:nth-child(4n+3) {transition-delay: 300ms;} .people-list.xxlarge-up-4 [data-aos].aos-animate:nth-child(4n+4) {transition-delay: 400ms;} } @media only screen and (max-width: 639px) { .people-locations__filter-list.xxlarge-up-5 [data-aos].aos-animate:nth-child(2n+1) {transition-delay: 100ms;} .people-locations__filter-list.xxlarge-up-5 [data-aos].aos-animate:nth-child(2n+2) {transition-delay: 200ms;} .people-list.xsmall-up-2 [data-aos].aos-animate:nth-child(2n+1) {transition-delay: 100ms;} .people-list.xsmall-up-2 [data-aos].aos-animate:nth-child(2n+2) {transition-delay: 200ms;} } /******************************************************************************** --- People - Detail --- *********************************************************************************/ .people-detail__left > :last-child {margin-bottom: 0} .detail--people .page-header__subheadline {margin-bottom: 0.25em;} .people-licenses {font-size: 0.75em; display: inline-block; color: #fff;} .page-header--dark .people-licenses { color: #212936; } .people-header-card__inner {border-radius: 3px; background-color: #f4f8f8; border:1px solid #e2e2ec; padding: 1.875em} .people-header-card {margin-bottom: 2.5em} .people-header-card__title, .people-header-card__header > :last-child {margin-bottom: 0} .people-header-card__header {margin-bottom: 1.25em} .people-header-card__industry {font-size: 0.875em; display: block; color: #6d6e71;} .people-header-card__meta-row {margin: 0 -0.625em;} .people-header-card__meta-left, .people-header-card__meta-right {float: left; padding: 0 0.625em;} .people-header-card__meta-left {width: 60%} .people-header-card__meta-right {width: 40%;} .people-header-card__meta-box {border-radius: 3px; box-shadow: 0 5px 25px 0 rgba(33, 41, 54, 0.06); background-color: #fff; padding:0 0.9375em} .people-header-card__meta-box:not(:last-child) {margin-bottom: 1.25em} .people-header-card__meta-box ul {list-style: none; margin: 0; padding: 0;} .people-header-card__meta-box li {padding: 1.25em 0 1.25em 2.5em; position: relative; line-height: 1.4;} .people-header-card__meta-box li:not(:last-child) {border-bottom: 1px solid #e2e2ec;} .people-header-card__meta-box li [class^="icon-"] {position: absolute; top: 1.25em; left: 0; color: #0099a9;} .people-header-card__meta-box li [class^="icon-"]::before {font-size: 1.5625em;} .people-header-card__meta-text {font-size: 1em; font-weight: 500; line-height: 1.4; color: #212936;} a.people-header-card__meta-text:hover {color: #0099a9;} .people-detail__body {margin-bottom: 3.75em} .people-detail__sidebar {background: #212936; border-radius: 3px; padding: 1.5625em;} .people-detail__sidebar, .people-detail__sidebar a {color: #fff;} .people-detail__sidebar p, .people-detail__sidebar li {font-size: 0.875em; line-height: 1.4;} .people-detail__sidebar-module {margin-bottom: 1.875em} .people-detail__sidebar-module h5 {color: #fff; padding-bottom: 0.375em; border-bottom: 2px solid #0099a9;} .people-detail__side-module {margin-top: 1.875em;} .people-detail__side-module-more {margin-top: 0.9375em;} .people-detail__side-module-more .button {display: block; width: 100%;} @media only screen and (min-width: 640px) { .people-header-card { display: flex; } .people-header-card__image img {display: block; width: 100%;} .people-header-card__body { flex-grow: 1; padding-left: 1rem; } } @media only screen and (min-width: 1025px) { .people-detail {overflow: hidden;} .people-detail__left {width: 72%; float: left;} .people-detail__right {width: 26%; float: right;} } @media only screen and (max-width: 1366px) { .people-detail .people-header-card {font-size: 0.875em;} } @media only screen and (max-width: 1199px) { .people-header-card__meta-left, .people-header-card__meta-right {float: none; width: 100%} .people-header-card__meta-left {margin-bottom: 1.25em} } @media only screen and (max-width: 1024px) { .people-detail__left {margin-bottom: 3.75em} } @media only screen and (max-width: 639px) { .people-detail__left {margin-bottom: 3.75em} .people-header-card__image {margin-bottom: 2.5em; text-align: center;} .people-detail__body {margin-bottom: 2.5em} } /******************************************************************************** --- Offices List --- *********************************************************************************/ .office-list, .office-list__block-row {overflow: hidden;} .office-list__left {position: relative; margin-bottom: 2.5em; } .office-list__right h2 {margin-bottom: 2.5rem} .office-list__image, .office-list__image::before {position: absolute; top: 0; left: 0; width:100%; height: 100%; } .office-list__image {overflow: hidden; border-radius: 3px;} .office-list__image {background-position: center center; background-repeat: no-repeat; background-size: cover;} .office-list__image::before {content: ""; display: block; background: linear-gradient(to bottom, rgba(33,41,54,0.8) 0%,rgba(33,41,54,0.8) 17%,rgba(33,41,54,0.15) 100%);} .office-list__image-overlay {position: absolute; top: 0; left: 0; width: 100%; padding: 1.875em; text-align: center;} .office-list__image-overlay h2 {color: #fff;} .office-list__info {padding-top: 1.25em; border-top: 3px solid #0099a9} .office-list__info h3 {font-size: 1.25em;} .office-list__info p {line-height: 1.4;} .office-list__info p a, .office-list__info h3 a {color: #212936} .office-list__info p a:hover, .office-list__info h3 a:hover {color: #0099a9} .office-list__info ul {list-style: none; margin: 0; padding: 0;} .office-list__info li {display: block; line-height: 1.4; margin-bottom: 0.3125em; padding-left: 1.5625em; position: relative;} .office-list__info li a {font-weight: 500;} .office-list__info [class^="icon-"] {position: absolute; top: 0.1875em; left: 0; color: #a7a9ac} @media only screen and (min-width: 801px) { .office-list__left {float: left; width: 36%; height: 25em} .office-list__right {float: right; width: 58%;} } @media only screen and (max-width: 800px) { .office-list__left {height: 12.5em} } @media only screen and (min-width: 420px) { .office-list__block-row { display: flex; flex-wrap: wrap; gap: 50px; } .office-list__block { padding: 0 0 2.5em; width: calc(100% / 2 - 50px); } } /******************************************************************************** --- Select Dropdown Replacement --- *********************************************************************************/ .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#0099a9;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #0099a9}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #0099a9}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #0099a9}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #0099a9}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#0099a9;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#0099a9} /** Custom Select2 Styles */ .filter-bar .select2-container--default {width: 100%!important;} .filter-bar .select2-container--default .select2-selection--single {background-color: #fff; border: 1px solid #e2e2ec; color: #212936; border-radius: 3px; text-align: left;} .filter-bar .select2-container .select2-selection--single { height: 3.375em;} .filter-bar .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 3.375em;} .filter-bar .select2-container .select2-selection--single .select2-selection__rendered {padding: 0 0.9375em;} .filter-bar .select2-container--default .select2-selection--single .select2-selection__arrow {height: 3.375em; line-height: 3.375em; text-align: center; width: 2.25em} .filter-bar .select2-container--default .select2-selection--single .select2-selection__arrow b {display: inline-block; vertical-align: middle; border: none; font-weight: normal; color: #a7a9ac; height: 1.25em; left:inherit; margin-left: 0; margin-top: 0; position: relative; top: inherit; width: 1.25em;} .filter-bar .select2-container--default .select2-selection--single .select2-selection__arrow b::before {font-size: 1.25em; content: "\e911"; font-family: 'CD-Project-Icons'; display: block; line-height: 1; position: absolute; top: 50%; margin-top: -10px} .filter-bar .select2-container--open.select2-container--default .select2-selection__arrow b::before {content: "\e917";} .select2-container--default .select2-search--dropdown .select2-search__field {height: 2em; margin-bottom: 0.625em} /******************************************************************************** --- Filter Bar --- *********************************************************************************/ .filter-bar {padding: 1.5625em 0 0} /******************************************************************************** --- Offices Filter --- *********************************************************************************/ .filter-bar--offices, .filter-bar--media {text-align: right} .filter-bar--offices .filter-bar__right, .filter-bar--media .filter-bar__right {display: inline-block;} .filter-bar--offices .filter-bar__right {width: 25em;} .filter-bar--media .filter-bar__right {width: 32em;} .filter-bar--offices .filter-bar__label, .filter-bar--media .filter-bar__label {display: inline-block; margin-right: 1.25em} .filter-bar--offices .select2-container--default, .filter-bar--media .filter-bar__form {display: inline-block; width: 16.875em!important; text-align: left} .filter-bar--offices .filter-bar__label-text, .filter-bar--media .filter-bar__label-text {font-weight: 500; text-transform: uppercase;} .sticky-header--down .filter-bar {position: fixed; top: 80px; left: 0; right: 0; width: 100%; padding: 0.9375em 0; z-index: 99; background: #212936; box-shadow: inset 0px 2px 1px 0px rgba(33,41,54,0.08);} .sticky-header--down .filter-bar.filter-bar--offices .filter-bar__label, .sticky-header--down .filter-bar.filter-bar--media .filter-bar__label {color: #fff;} .sticky-header--down .filter-bar .select2-container .select2-selection--single, .sticky-header--down .filter-bar .select2-container--default .select2-selection--single .select2-selection__arrow {height: 2.5em;} .sticky-header--down .filter-bar .select2-container--default .select2-selection--single .select2-selection__rendered, .sticky-header--down .filter-bar .select2-container--default .select2-selection--single .select2-selection__arrow {line-height: 2.5em;} @media only screen and (max-width: 1024px) { .sticky-header--down .filter-bar {top: 54px;} } @media only screen and (max-width: 479px) { .filter-bar--media .filter-bar__form {width: 14.5em!important;} .filter-bar--offices .select2-container--default {width: 15.5em!important} .filter-bar--offices .filter-bar__right, .filter-bar--media .filter-bar__right {width: auto;} .filter-bar--offices .filter-bar__label-text, .filter-bar--media .filter-bar__label-text {font-size: 0.6923em} } .sticky-header--down .filter-bar{opacity: 0; -webkit-animation-name:stickyFilterDown;animation-name:stickyFilterDown;-webkit-animation-duration:250ms;animation-duration:250ms; -webkit-animation-delay: 500ms; animation-delay: 500ms; -webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;} @-webkit-keyframes stickyFilterDown{from{opacity:0}to{opacity:1}}@keyframes stickyFilterDown{from{opacity:0}to{opacity:1}} /******************************************************************************** --- Offices Detail --- *********************************************************************************/ .meta-box-row {margin: 0 -0.9375em} .meta-box {float: left; padding: 0 0.9375em 1.875em} .meta-box-row--3 .meta-box {width: 33.3333%; } .meta-box__body {border-radius: 3px; box-shadow: 0 5px 25px 0 rgba(33, 41, 54, 0.06); background-color: #fff; padding: 1.875em;} .meta-box__info ul {list-style: none; margin: 0; padding: 0;} .meta-box__info li {padding: 1.25em 0 1.25em 2.5em; position: relative; line-height: 1.4;} .meta-box__info li:not(:last-child) {border-bottom: 1px solid #e2e2ec;} .meta-box__info li [class^="icon-"] {position: absolute; top: 1.25em; left: 0; color: #0099a9;} .meta-box__info li [class^="icon-"]::before {font-size: 1.5625em;} .meta-box__info__text {font-size: 1em; font-weight: 500; line-height: 1.4; color: #212936;} a.meta-box__info__text:hover {color: #0099a9;} .meta-box__info li.meta-box__bio {position: relative; padding-left: 3.75em;} .meta-box__bio a {display: block;} .meta-box__bio a .meta-box__info__text {transition: color 250ms ease} .meta-box__bio a:hover .meta-box__info__text {color: #0099a9} .meta-box__bio-image {position: absolute; top: 1.25em; left: 0; width: 2.5em; overflow: hidden; border-radius: 3px; max-height: 3em;} .meta-box__bio-name, .meta-box__bio-title {display: block;} .full-bleed-cta {background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; position: relative; padding: 1.875em; border-radius: 3px; overflow: hidden; box-shadow: 0 5px 25px 0 rgba(33, 41, 54, 0.06); } .full-bleed-cta::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(33, 41, 54, 0.8);} .full-bleed-cta__body {position: relative; text-align: center; color: #fff; width: 100%; max-width: 28.5714em; margin-right: auto; margin-left: auto;} .full-bleed-cta__title {font-size: 1.5625em; color: #fff; margin-bottom: 0.4em;} .full-bleed-cta__overview {font-size: 1.25em;} .full-bleed-cta__overview p {line-height: 1.4;} @supports (display: flex) { .meta-box-row {display: flex; flex-wrap: wrap} .meta-box__body {height: 100%; } .full-bleed-cta {display: flex; align-items:center;} } @media only screen and (max-width: 1365px) { .meta-box-row--3 .meta-box {font-size: 0.875em;} } @media only screen and (max-width: 1024px) { .meta-box-row--3 .meta-box {width: 50%} .office-detail .meta-box-row--3 .meta-box:last-child {width: 100%;} } @media only screen and (max-width: 639px) { .meta-box-row--3 .meta-box {font-size: 0.9375em; width: 100%} } /******************************************************************************** --- Custom Post Pagination --- *********************************************************************************/ /* .pagination {font-size:16px; margin-top:3.000em} .pagination:before,.pagination:after{content:" ";display:table}.pagination:after{clear:both} .pag-button {text-decoration: none; text-align: center; display:block; padding:0 1.250em; height:2.250em; line-height:2.250em; border:1px solid transparent; outline: none; color: #fff; background-color:#0099a9; text-transform: uppercase; letter-spacing: 0.5px; border-radius: 3px; font-weight: 500; transition:all 250ms ease;} .pag-button--hidden {display: none;} .pag-button:hover {background-color: #6d6e71; color: #fff;} .pag-next, .pag-prev, .pag-jump {float:left;} .pag-prev {margin-right:0.250em;} .pag-jump {width:7.500em; position:relative; cursor:pointer; list-style:none; margin:0 0 0 0.938em; padding:0;} .pag-jump-label {display:block; text-align:center; height:2.250em; line-height:2.250em; background:#f4f8f8; border: 1px solid #e2e2ec; color:#585d6b; font-weight:700; text-transform:uppercase;} .pag-jump-label:after {content:"\e911"; font-family: 'CD-Project-Icons'; margin-left:0.375em;} .pag-jump ul {display:none; position:absolute; top:auto; right:0; width:100%; text-align:center; background:#fff; border: 1px solid #e2e2ec; list-style:none; margin:0.188em 0 0 0; padding:0;} .pag-jump ul li a {display:block; padding:0.375em 0.625em; line-height:1.2; border-bottom:1px solid #e2e2ec; font-weight: 500; color: #212936; transition:all 250ms ease;} .pag-jump ul li a:hover {color: #0099a9;} .pag-jump ul li.active a {background:#f4f8f8; color:#a7a9ac; cursor:default;} .pag-jump.drop-active ul {display:block; z-index:1; max-height:12.500em; overflow-y:auto} .pag-jump.drop-active .pag-jump-label:after {content:"\e917"} @media only screen and (max-width: 767px) { .pagination {font-size:15px;} } @media only screen and (max-width: 639px) { .pagination {font-size:14px;} } @media only screen and (max-width: 479px) { .pagination {font-size:13px;} } @media only screen and (max-width: 320px) { .pagination {font-size:11px;} } */ /******************************************************************************** --- Pagination --- *********************************************************************************/ .pagination{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin-top:2.21rem;margin-bottom:2.21rem} /*.pag-button{font-weight:600;padding-top:.125rem}*/ .pag-button {text-decoration: none; text-align: center; display:block; padding:0 .50em; height:2.250em; line-height:2.1em; border:1px solid transparent; outline: none; color: #fff; background-color:#0099a9; text-transform: uppercase; letter-spacing: 0.5px; border-radius: 3px; font-weight: 500; transition:all 250ms ease;} .pag-jump{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:0 .5rem} .pag-jump.list-reset{margin-left:.5em;margin-right:.5em;} .pag-button:hover{background-color: #6d6e71;color:#fff;} .pag-jump li{padding:0 .06125rem;font-size:.875rem} .pag-jump li a{padding:.375rem .5rem;font-size:1rem;border:none;color:#56616b;border-radius:3px;font-weight:700;display:block;-webkit-transition:all 200ms ease;transition:all 200ms ease} .pag-jump li.active a{background-color:#0099a9;color:#fff;border-color:#0099a9} .pag-button--hidden{display:none} .pag-jump li a[data-page="0"]{border:none;padding:0 0 .3rem;height:100%;display:flex;align-items:flex-end;cursor:default;pointer-events:none} .pag-first-last{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;column-gap:2rem;margin-top:2rem;} @media only screen and (min-width: 350px) { .pag-button {padding-left:1.250em;padding-right:1.250em;} .pag-jump{padding-left:1rem;padding-right:1rem} .pag-jump li{padding-left:.125rem;padding-right:.125rem;font-size:1rem} .pag-jump li a{padding-left:.65rem;padding-right:.65rem} } @media only screen and (max-width: 489px) { .pagination{flex-wrap:wrap;column-gap:2rem;} .pag-jump.list-reset{width:100%;justify-content:center;margin-bottom:2rem;} .pag-prev{order:2;} } @media only screen and (min-width: 960px) { .pag-button{line-height:2.2em;} .pag-jump li a:hover{background-color:#6d6e71;color:#fff;border-color:#0099a9} } /******************************************************************************** --- Post Detail - Header --- *********************************************************************************/ .detail--people .page-header__overview {font-size: 0.9375em;} .detail--people .page-header__overview p, .detail--people .page-header__overview a {color: rgba(255,255,255,0.85)} .detail--people .page-header__overview a {padding-bottom: 2px; border-bottom: 1px solid rgba(255,255,255,0.85); transition: all 250ms ease} .detail--people .page-header__overview a:hover {color: rgba(255,255,255,1); border-color: rgba(255,255,255,1)} .post-header--top {border-bottom: 1px solid #e2e2ec} .post-header--bottom {border-top: 1px solid #e2e2e2;} .dpsp-shortcode-wrapper { float: right; } .post-header__share {float: right; height: 3.125em; line-height: 3.125em;} .post-header__share-label {font-size:0.75em; line-height: 1.2; font-weight: 700; text-transform: uppercase; display: inline-block; vertical-align: middle; margin-right:0.7895em; } .post-header__share ul {display:inline-block; vertical-align: middle; line-height: 1.2; list-style: none; margin: 0; padding: 0; overflow: hidden;} .post-header__share li { display:block; float:left; margin-right:0; } .post-header__share a {display:block; text-align: center; transition: all 250ms ease;} .dpsp-button-style-8 .dpsp-networks-btns-content.dpsp-networks-btns-wrapper .dpsp-network-btn:hover {box-shadow:none} .post-header__nav {float: left;} .post-header__nav ul {list-style: none; margin: 0; padding: 0;} .post-header__nav li {display: block; float: left;} .post-header__nav a {display: block; height: 3.125em; line-height: 3em; text-align: center; width: 5em; border-right: 1px solid rgb(226, 226, 236, 1);} .post-header__nav a.post-header__nav--disabled {cursor: default; color: #a7a9ac} .post-header__nav a:not(.post-header__nav--disabled):hover {} .post-header__nav div {display: inline-block; vertical-align: middle; line-height: 1; font-size: 0.75em; font-weight: 700; text-transform: uppercase;} .post-header__nav span {font-size: 1.5em; display: block; margin-bottom: 0.2222em; font-weight: normal;} .post-body__image, .post-body__header {max-width:60em; margin-right: auto; margin-left: auto;} .post-body__image {max-width:60em; margin-bottom: 2.5em; position: relative;} .post-body__image img {width: 100%;} .post-body__image-label {display: block; line-height: 1.2; position: absolute; top: 1.25em; left: 1.25em; z-index: 1; padding: 0.1875em 1em 0.375em; border-radius: 3px; background-color: #0099a9; transition: background 250ms ease;} a.post-body__image-label:hover {background: #a7a9ac;} .post-body__image-label span {font-size:0.75em; font-weight: 700; display: inline-block; vertical-align: middle; text-transform: uppercase; letter-spacing: 1.2px; color: #fff;} .post-body__header {text-align: left; margin-bottom: 2.5em;} .post-body__header--border {padding-bottom: 2.5em; margin-bottom: 3.75em; border-bottom: 1px solid #e2e2ec} .post-body__header > :last-child, .post-body__overview > :last-child {margin-bottom: 0} .post-body__headline { margin-bottom: 0.3846em; text-transform: none; } .post-body__subheadline {font-size: 1.5625em; text-transform: none; color: #a7a9ac;} .post-body__source p {font-weight: 700; margin-bottom: 0} .post-body__overview, .post-body__related {margin-bottom: 1.25em} .post-body__overview p {font-size: 1em;} .post-body__related > p {line-height: 1.4; margin-bottom: 0} .post-body__related > p > span {display: block; font-weight: 700;} .article .post-body__meta {padding-top: 3.75em; margin-top: 3.75em; border-top: 1px solid #e2e2ec;} .article .post-body__meta h3 {margin-top: 0; margin-bottom: 0.6em} .article .post-body__meta > div {margin-bottom: 2.5em} .article .post-body__meta > div :last-child, .article .post-body__meta > div:last-child {margin-bottom: 0} /******************************************************************************** --- Article Header --- *********************************************************************************/ .post-bio__image img {border-radius: 50%} .post-bio__image--square img {border-radius: 0} .post-bio__label {font-size: 0.81em; font-weight: 600; text-transform:uppercase;} .post-bio__title {font-size: 2.438em; margin-bottom: 0.256em;} .post-bio__subtitle {font-size: 0.875em; display: block; font-weight: 600; margin-bottom:1.786em;} .post-bio__links {margin-bottom: 1.25em;} .post-bio__links ul {list-style: none; margin: 0; padding: 0;} .post-bio__links li {display:block; line-height: 1.2;} .post-bio__links li:not(:last-child) {margin-bottom: 0.625em;;} .post-bio__links a {font-weight: 500; color: #212936;} .post-bio__links a span {font-size: 1.25em; color: #0099a9; font-weight: 400; position: relative; top: 2px; margin-right: 0.2em} .post-bio__links a:hover {color: #0099a9} .post-bio__meta {list-style: none; margin: 0 0 1.563em 0; padding: 0;} .post-bio__meta li {font-size: 0.938em; margin-bottom: 0.800em; line-height: 1.3;} .post-bio__meta a {} .post-bio__meta [class^="icon-"] {margin-right: 0.250em;} .post-bio__actions {font-size: 0.938em; margin: 0 -0.333em;} .post-bio__actions .button {margin: 0 0.333em; padding-right: 1.750em; padding-left: 1.750em;} .post-body__bio {padding-top: 5em; border-top:1px solid #e2e2ec;} .featured-contact .post-bio, .post-body__bio .post-bio {text-align: center;} .featured-contact .post-bio__image, .featured-contact .post-bio__body, .post-body__bio .post-bio__image, .post-body__bio .post-bio__body {text-align: left; float: none; display: inline-block; vertical-align: top; width: auto; margin: 0 1.25em;} .featured-contact .post-bio__image, .post-body__bio .post-bio__image {max-width: 13.75em; margin-bottom: 1.25em} .featured-contact .post-bio__body, .post-body__bio .post-bio__body {max-width: 37.875em;} @media (max-width: 639px) { .post-bio__title {font-size: 1.750em;} .post-bio__actions .button {display: block; width: 100%;} .post-bio__actions .button:not(:last-child) {margin-bottom: 0.625em;} } @media (max-width: 375px) { .post-bio {text-align: center;} .post-bio__image, .post-bio__body {float: none;} .post-bio__image {margin: 0 auto 1.500em auto;} .post-bio__body {width: 100%;} } /******************************************************************************** --- Sidebar Bio --- *********************************************************************************/ .sidebar-bio__title {font-size: 1.25em; font-weight: 500; text-transform: uppercase;} .sidebar-bio__name {font-size: 1.125em; color: #0099a9; margin-bottom: 0.4444em;} .sidebar-bio__image {margin-bottom: 0.625em;} .sidebar-bio__image img {max-width: 75%;} .sidebar-bio__label {font-size: 0.81em; font-weight: 600; text-transform:uppercase;} .sidebar-bio__subtitle {font-size: 1em; display: block; font-weight: 600; margin-bottom:0.3125em;} .sidebar-bio__links {margin-top: 1.25em;} .sidebar-bio__links ul {display: inline-block; list-style: none; margin:0; padding: 0; text-align: left;} .sidebar-bio__links li {display:block; line-height: 1.2;} .sidebar-bio__links li:not(:last-child) {margin-bottom: 0.9375em;} .sidebar-bio__links a {font-size: 0.875em; font-weight: 500; color: #212936;} .sidebar-bio__links a span {font-size: 1.25em; color: #0099a9; font-weight: 400; position: relative; top: 2px; margin-right: 0.2em} .sidebar-bio__links a:hover {color: #0099a9} .sidebar-bio__meta {list-style: none; margin: 0; padding: 0;} .sidebar-bio__meta li {font-size: 0.875em; margin-bottom: 0.3571em; line-height: 1.3;} .sidebar-bio__meta [class^="icon-"] {margin-right: 0.250em;} .sidebar-bio__actions {margin-top: 1.25em} .sidebar-bio__actions .button {font-size: 0.875em; margin-bottom: 0} .sidebar__module--contact .sidebar-bio {margin-bottom: 0.625em} /******************************************************************************** --- Sidebar Offices --- *********************************************************************************/ .sidebar__module--office .card__overview ul {list-style: none; margin: 1.25em 0 0 0; padding: 0;} .sidebar__module--office .card__overview li {display: block; line-height: 1.4; margin-bottom: 0.3125em; padding-left: 1.5625em; position: relative;} .sidebar__module--office .card__overview li:before {display: none;} .sidebar__module--office .card__overview li a {font-weight: 500;} .sidebar__module--office .card__overview [class^="icon-"] {position: absolute; top: 0.1875em; left: 0; color: #a7a9ac} /******************************************************************************** --- 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 {} .post-featured__left {float: left; width: 60.60606060606061%} .post-featured__right {float: right; width: 34%;} .post-featured__header-link {top: 1.375rem;} } @media only screen and (max-width: 1024px) { .post-featured__header-link {top: 0.4396em;} } /******************************************************************************** --- 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; text-transform: uppercase; font-weight: 700; color: #0099a9; 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: -5px; width: 6px; height: 6px; border-radius: 6px; background: #a7a9ac;} .post-card-small__meta--sub {margin-top: -0.7692em; margin-bottom: 1.3846em;} .post-card-small__title {font-size: 0.875em; margin-bottom: 0.7143em; } .post-card-small__title a {color: #212936} .post-card-small__title a:hover {color: #0099a9} .post-card-small__overview p {font-size: 0.875em;} .post-card-small__overview > :last-child {margin-bottom: 0} /******************************************************************************** --- 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;} /******************************************************************************** --- Executive Search--- *********************************************************************************/ .detail--executive-search .post-body__image {text-align: center;} .detail--executive-search .post-body__image img {width: auto;} /******************************************************************************** --- Resource List --- *********************************************************************************/ .resource-list {border-radius: 3px; box-shadow: 0 5px 25px 0 rgba(33, 41, 54, 0.06); background: #fff; margin-bottom: 2.5em;} .resource-list__heading {font-size: 1.25em; text-transform: uppercase; font-weight: 500; color: #fff; padding: 1em 1.5em; background: #6d6e71; margin-bottom: 0;} .resource-item a {display: block; padding:1.563em 1.875em; line-height: 1.3;} .resource-item:not(:last-child) a {border-bottom: 1px solid #e2e2ec} .resource-item h3 {font-size: 1.000em; text-transform: none; font-weight: 500; margin: 0; position: relative; padding: 0 2.188em 0 1.750em; transition: color 250ms ease;} .resource-item h3:after {font-size: 1.250em; content: "\e969"; font-family: 'CD-Project-Icons'; font-weight: normal; color:#a7a9ac; display: block; line-height: 1; position: absolute; top: 0; right: 0; transition: color 250ms ease;} .resource-item__size {font-size: 0.75em;} .resource-item a:hover h3, .resource-item a:hover h3:after {color:#0099a9;} .resource-item h3:before {font-family: 'CD-Project-Icons'; font-weight: normal; color:#0099a9; display: block; position: absolute; top: 0; left: 0;} .resource-item--pdf h3:before {content: "\e9d1"; } .resource-item--word h3:before {content: "\e9bc;" } .resource-item--excel h3:before {content: "\e9ba"; } .resource-item--powerpoint h3:before {content: "\e9bb"; } .resource-item--audio h3:before {content: "\e92b"; } .resource-item--video h3:before {content: "\ea12"; } @media (max-width: 479px) { .resource-item a {padding: 1.154em 1.538em} } /******************************************************************************** --- Career List --- *********************************************************************************/ .career-list {border-radius: 3px; box-shadow: 0 5px 25px 0 rgba(33, 41, 54, 0.12); background: #fff; margin-bottom: 2.5em;} .career-list__heading {font-size: 1.25em; text-transform: uppercase; font-weight: 500; color: #fff; padding: 1em 1.5em; background: #6d6e71; margin-bottom: 0;} .career-item {overflow: hidden; padding: 0.9375em;} .career-item:nth-child(odd) {background: #f4f8f8;} .career-item:not(:last-child) {border-bottom: 1px solid #e2e2ec} .career-item__row {margin: 0 -0.9375em} .career-item__name h3 {font-size: 1.25em; text-transform: none;} .career-item__col {float: left; padding: 0 0.9375em;} .career-item__name {width: 52%;} .career-item__location {width: 30%; text-align: center;} .career-item__name, .career-item__location {margin-top: 0.625em;} .career-item__link {width: 18%; text-align: right;} .career-item__link a.button {font-size: 0.875em; padding-right: 0.9375em; padding-left: 0.9375em; display: block; width: 100%; margin-bottom: 0} @media (max-width: 639px) { .career-item__name {width: 70%;} .career-item__location {width: 30%;} .career-item__link {float: none; width: 100%; clear: both;} } /******************************************************************************** --- 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:1025px) { .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:1350px) { .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('../woff2/cd-project-icons6878.woff2?l3sqeq') format('woff2'), url('../ttf/cd-project-icons6878.ttf?l3sqeq') format('truetype'), url('../woff/cd-project-icons6878.woff?l3sqeq') format('woff'), url('../svg/cd-project-icons6878.svg?l3sqeq#CD-Project-Icons') format('svg'); font-weight: normal; font-style: normal; font-display: block; } .icon-twitter-x:before{content: "\ea34";}.icon-view-all:before{content:"\ea22"}.icon-advisory:before{content:"\ea23"}.icon-assurance:before{content:"\ea24"}.icon-career-experienced:before{content:"\ea25"}.icon-career-openings:before{content:"\ea26"}.icon-career-students:before{content:"\ea27"}.icon-careers-experienced:before{content:"\ea28"}.icon-construction:before{content:"\ea29"}.icon-core-values-careers:before{content:"\ea2a"}.icon-integrity:before{content:"\ea2b"}.icon-non-profit:before{content:"\ea2c"}.icon-openings-careers:before{content:"\ea2d"}.icon-passion:before{content:"\ea2e"}.icon-real-estate:before{content:"\ea2f"}.icon-students-careers:before{content:"\ea30"}.icon-tax-business:before{content:"\ea31"} [class*=" icon-"],[class^=icon-]{font-family:CD-Project-Icons!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-due-diligence_2:before{content:"\ea32"}.icon-View-All:before{content:"\ea22"}.icon-Advisory:before{content:"\ea23"}.icon-Assurance:before{content:"\ea24"}.icon-Career-Experienced:before{content:"\ea25"}.icon-Career-Openings:before{content:"\ea26"}.icon-Career-Students:before{content:"\ea27"}.icon-Careers-Experienced:before{content:"\ea28"}.icon-Construction:before{content:"\ea29"}.icon-Core-Values-Careers:before{content:"\ea2a"}.icon-Integrity:before{content:"\ea2b"}.icon-Non-Profit:before{content:"\ea2c"}.icon-Openings-Careers:before{content:"\ea2d"}.icon-Passion:before{content:"\ea2e"}.icon-Real-Estate:before{content:"\ea2f"}.icon-Students-Careers:before{content:"\ea30"}.icon-Tax-Business:before{content:"\ea31"}.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"} /******************************************************************************** --- Template - Page Elements --- *********************************************************************************/ /*-----------Titles-----------*/ h1, h2, h3, h4, h5, h6 { margin: 0 0 0.833em 0; line-height: 1.2; font-weight:500; font-style: normal; text-transform: uppercase; color: #212936; font-family:'Barlow',sans-serif} .page-title {font-size: 3.4375rem} h1, .h1 {font-size: 2.4375rem; line-height: 1.125;} h2, .h2 {font-size: 1.9375rem} h3, .h3 {font-size: 1.5625rem} h4, .h4 {font-size: 1.25rem} h5, .h5 {font-size: 1rem} h6, .h6 {font-size: 0.8125rem} .subheader { color: #0099a9; margin-top: -0.6em} .headings {border-bottom:1px solid #a7a9ac; padding:0 0 0.667em 0; margin:0 0 1.667em 0; position:relative;} .headings:before {content:""; display:block; position:absolute; bottom:-1px; left:0; width:175px; height:1px; background:#212936;} .headings span[class^="icon-"] {color:#a7a9ac; font-size:80%; margin-right:0.167em;} /*-----------Branding Colors-----------*/ .green {color:#0099a9} .bg-green {background-color: #0099a9;} .black {color:#212936} .bg-black {background-color: #212936;} .navy {color:#123053} .bg-navy {background-color: #123053;} .dark-green {color:#76BD22} .bg-dark-green {background-color: #76BD22;} .orange {color:#F28B00} .bg-orange {background-color: #F28B00;} .dark-gray {color:#6d6e71} .bg-dark-gray {background-color: #6d6e71;} .gray {color:#a7a9ac} .bg-gray {background-color: #a7a9ac;} .light-gray {color:#e2e2ec} .bg-light-gray {background-color: #e2e2ec;} .off-white {color:#f4f8f8} .bg-off-white {background-color: #f4f8f8;} /*-----------Lists-----------*/ .list-reset { list-style: none; padding: 0; margin: 0; } ul, ol { margin: 0 0 1.000em 1.778em; padding: 0; } ol, li { line-height: 1.5; } ol { counter-reset: section; list-style-type: none; margin: 0 0 1.000em 0; padding: 0; } ol li { counter-increment: section; position: relative; padding: 0 0 0 1.125em; margin-bottom: 1.250em; } ol li:before { font-weight: 700; content: counters(section, ".") "."; display: inline-block; color:#0099a9; margin-right: 0.5em; } ol ol { margin: 1.778em 0; } ol ol li { font-size: 0.875em; } ol ol li { padding-left: 2.1429em; } ul.bullets, ul.checkmarks, .body-bullets ul { list-style: none; margin: 0 0 1.000em 0; padding: 0; overflow: hidden; } ul.bullets li, ul.checkmarks li, .body-bullets 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, .body-bullets li:before { font-family: 'CD-Project-Icons'; display: block; position: absolute; top: 0; left: 0; color:#0099a9; } ul.bullets li:before, .body-bullets li:before { font-size: 1em; content: "\e915"; top: -0.0625em;} ul.checkmarks li:before { font-size: 1em; content: "\e94b"; top: -0.0625em;} ul.bullets ul, ul.checkmarks ul, .body-bullets ul ul { margin: 1.250em 0 0 0.667em; } .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: #0099a9} .list-icon-bullets__text {display: block; margin-top: 0.25em;} .list-icon-bullets__text h5 {font-size: 1.25em; font-weight: 500; margin-bottom: 0.3em; transition: color 250ms ease} .list-icon-bullets a:hover .list-icon-bullets__text h5 {color: #0099a9} .list-icon-bullets__text p {font-size: 1em; line-height: 1.4; color: #6d6e71} .list-icon-bullets__text > :last-child {margin-bottom: 0} .article { font-size: 1.1875rem; } .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),.post-body__related-links a {border-bottom: 1px solid #0099a9; position: relative; transition: color 250ms ease, border 250ms ease;} .article a:not(.button):not(.text-button):hover {color: #6d6e71; border-color: #6d6e71} .article form {font-size: 0.8em;} .post-body__related-links a {font-size: 1.1875rem;} /*-----------Clear-----------*/ .clearfix::before,.clearfix::after{display:table;content:' ';-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-order:1;order:1}.clearfix::after{clear:both} /*-----------Paragraphs-----------*/ p { margin: 0 0 1.500em 0; line-height:1.8; } .lead { font-size: 1.25rem; font-weight: 500; line-height:1.6;} /*-----------Links-----------*/ a { color:#0099a9; text-decoration: none; -webkit-transition: color 300ms ease-out; transition: color 300ms ease-out; } a:hover {color:#a7a9ac; text-decoration: none; cursor: pointer; } /*-----------Images-----------*/ img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle; } img.aligntop { margin: 0 0 1.000em 0; } img.alignleft, img.alignright {max-width:35%; margin-top:0.333em; margin-bottom:0.333em} img.alignleft { float: left; margin-right:1.389em;} img.alignright { float: right; margin-left:1.389em;} img.border { border: 1px solid #a7a9ac; padding:0.278em; background: #fff;} /*-----------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)!important; will-change: transform; } /*-----------Aligning-----------*/ .left-align { text-align: left } .center { text-align: center } .right-align { text-align: right } .left { float: left } .right { float: right } /*-----------Misc Typography-----------*/ .barlow {font-family: 'Barlow', sans-serif; font-weight: 500;} .roboto {font-family: 'Roboto', serif;} .small { font-size:1rem; font-weight: 700; } .regular { font-weight:400; } .semi-bold { font-weight:500; } .bold { font-weight:700; } .italic { font-style: italic } .caps { text-transform: uppercase;} .regular-case {text-transform: none;} .justify { text-align: justify } .nowrap { white-space: nowrap } .break-word { word-wrap: break-word } .truncate { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .t1 {font-size:0.8125rem} .t2 {font-size:1.000rem} .t3 {font-size:1.25rem} .t4 {font-size:1.5625rem} .t5 {font-size:1.9375rem} .t6 {font-size:2.4375rem} .t7 {font-size:3.4375rem} .t4,.t5 {line-height:1.35} .t6,.t7 {line-height:1.2} /*-----------Spacing-----------*/ .mx-auto { margin-left: auto; margin-right: auto; } .m0 { margin: 0 } .mt0 { margin-top: 0 } .mt1 { margin-top: 0.313rem } .mt2 { margin-top: 0.625rem } .mt3 { margin-top: 0.938rem } .mt4 { margin-top: 1.250rem } .mt5 { margin-top: 1.563rem } .mt6 { margin-top: 1.875rem } .mt7 { margin-top: 2.500rem } .mt8 { margin-top: 3.125rem } .mt9 { margin-top: 3.750rem } .mt10 { margin-top: 5.000rem } .mt11 { margin-top: 6.250rem } .mt12 { margin-top: 8.750rem } .mb0 { margin-bottom: 0 } .mb1 { margin-bottom: 0.313rem } .mb2 { margin-bottom: 0.625rem } .mb3 { margin-bottom: 0.938rem } .mb4 { margin-bottom: 1.250rem } .mb5 { margin-bottom: 1.563rem } .mb6 { margin-bottom: 1.875rem } .mb7 { margin-bottom: 2.500rem } .mb8 { margin-bottom: 3.125rem } .mb9 { margin-bottom: 3.750rem } .mb10 { margin-bottom: 5.000rem } .mb11 { margin-bottom: 6.250rem } .mb12 { margin-bottom: 8.750rem } .p0 { padding: 0 } .pt0 { padding-top: 0 } .pt1 { padding-top: 0.313rem } .pt2 { padding-top: 0.625rem } .pt3 { padding-top: 0.938rem } .pt4 { padding-top: 1.250rem } .pt5 { padding-top: 1.563rem } .pt6 { padding-top: 1.875rem } .pt7 { padding-top: 2.500rem } .pt8 { padding-top: 3.125rem } .pt9 { padding-top: 3.750rem } .pt10 { padding-top: 5.000rem } .pt11 { padding-top: 6.250rem } .pt12 { padding-top: 8.750rem } .pb0 { padding-bottom: 0 } .pb1 { padding-bottom: 0.313rem } .pb2 { padding-bottom: 0.625rem } .pb3 { padding-bottom: 0.938rem } .pb4 { padding-bottom: 1.250rem } .pb5 { padding-bottom: 1.563rem } .pb6 { padding-bottom: 1.875rem } .pb7 { padding-bottom: 2.500rem } .pb8 { padding-bottom: 3.125rem } .pb9 { padding-bottom: 3.750rem } .pb10 { padding-bottom: 5.000rem } .pb11 { padding-bottom: 6.250rem } .pb12 { padding-bottom: 8.750rem } /*-----------Borders and Rounding-----------*/ .border { border-style: solid; border-width: 1px; border-color:#a7a9ac; } .border-top { border-top-style: solid; border-top-width: 1px; border-top-color:#a7a9ac; } .border-right { border-right-style: solid; border-right-width: 1px; border-right-color:#a7a9ac; } .border-bottom { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#a7a9ac; } .border-left { border-left-style: solid; border-left-width: 1px; border-left-color:#a7a9ac; } .border-none { border: 0 } .rounded { border-radius: 3px } .circle { border-radius: 50% } .rounded-top { border-radius: 3px 3px 0 0 } .rounded-right { border-radius: 0 3px 3px 0 } .rounded-bottom { border-radius: 0 0 3px 3px } .rounded-left { border-radius: 3px 0 0 3px } .not-rounded { border-radius: 0 } /*-----------Labels-----------*/ .label {font-size: 0.875rem; font-weight: 600; text-transform: uppercase; color: #0099a9; line-height: 1.2; letter-spacing: 1.2px; display: inline-block; margin: 0;} .label--secondary {color: #212936; } .label--tertiary {color: #a7a9ac;} .label--spacing {margin: 0 0.909em;} .label--mb {margin-bottom: 0.8333em} /*-----------Blockquotes-----------*/ blockquote {margin: 0 0 1.389em 0; padding:0 0 0 2.5em;; position:relative;} blockquote .quote {line-height: 1.7; margin:0 0 1.000em 0; font-style: italic; } blockquote .quote:before {font-size:1.5em; content:'\e9e3'; font-family: 'CD-Project-Icons'; font-style: normal; position:absolute; top:-0.0667em; left:0; color:#0099a9; line-height:1; } blockquote .quote p {font-size: 1.0625rem;} blockquote .quote-cite__name, blockquote .quote-cite__title {display: block; line-height: 1.6;} blockquote .quote-cite__name {fontg-size:1em; font-weight: 700;} blockquote .quote-cite__title {font-size:0.857em; font-weight: 400;} blockquote .quote-cite--image {overflow: hidden; position: relative; padding-left: 5.625em;} blockquote .quote-cite__image {position: absolute; top: 0; left: 0; width: 4.375em; height: 4.375em; border-radius: 50%; overflow: hidden;} blockquote .quote-cite__info {min-height: 4.375em; display: flex; align-items: center;} blockquote :last-child { margin: 0; } /*-----------Divider-----------*/ hr { border: none; height: 1px; background: #a7a9ac; 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 {font-size: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; cursor: pointer; line-height: 1; border: none; border-radius: 3px; margin: 0 0 1.111em 0; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; display: inline-block; padding: 1em 1.875em; -webkit-transition: all 200ms ease; transition: all 200ms ease; color: #ffffff; background-color: #0099a9;} body:not(.user-is-tabbing) .button {outline: none;} .button:hover, .button:focus {color: #ffffff; background-color: #6d6e71;} .button.secondary {background-color: #212936;} .button.secondary:hover, .button.secondary:focus {background-color: #6d6e71;} .button.large {font-size: 1.25em; padding: 1em 2em; } .button.tiny {font-size: 0.8125em; padding: 1em 1.4286em; } .button.expand {padding-right: 0; padding-left: 0; width: 100%;} .button.wide {padding-left: 3.333em; padding-right: 3.333em;} button.reset {border: none; background: none; cursor: pointer; font-weight: normal; text-decoration: none; -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0;} .button.navy { background-color: #123053; } .button.navy:hover { background-color: #6d6e71; } .button.dark-green { background-color: #76BD22; } .button.dark-green:hover { background-color: #6d6e71; } .button.orange { background-color: #F28B00; } .button.orange:hover { background-color: #6d6e71; } /*-----------Text Buttons-----------*/ .text-button {font-size: 1.000rem; line-height: 1; margin: 0 0 1.111em 0; padding: 0 0 0.250em 0; display: inline-block; color: #0099a9; border-bottom: 2px solid #0099a9; transition: all 250ms ease;} .text-button:hover {color: #a7a9ac; border-color: #a7a9ac;} .text-button.secondary {color: #6d6e71; border-color: #6d6e71;} .text-button.secondary:hover {color: #0099a9; border-color: #0099a9;} .text-button.tiny {font-size: 0.875rem; text-transform: uppercase;} @media only screen and (max-width: 1023px) { .mt5 { margin-top: 1.250rem } .mt6 { margin-top: 1.563rem } .mt7 { margin-top: 2.188rem } .mt8 { margin-top: 2.813rem } .mt9 { margin-top: 3.125rem } .mt10 { margin-top: 4.375rem } .mt11 { margin-top: 5.625rem } .mt12 { margin-top: 7.500rem } .mb5 { margin-bottom: 1.250rem } .mb6 { margin-bottom: 1.563rem } .mb7 { margin-bottom: 2.188rem } .mb8 { margin-bottom: 2.813rem } .mb9 { margin-bottom: 3.125rem } .mb10 { margin-bottom: 4.375rem } .mb11 { margin-bottom: 5.625rem } .mb12 { margin-bottom: 7.500rem } .pt5 { padding-top: 1.250rem } .pt6 { padding-top: 1.563rem } .pt7 { padding-top: 2.188rem } .pt8 { padding-top: 2.813rem } .pt9 { padding-top: 3.125rem } .pt10 { padding-top: 4.375rem } .pt11 { padding-top: 5.625rem } .pt12 { padding-top: 7.500rem } .pb5 { padding-bottom: 1.250rem } .pb6 { padding-bottom: 1.563rem } .pb7 { padding-bottom: 2.188rem } .pb8 { padding-bottom: 2.813rem } .pb9 { padding-bottom: 3.125rem } .pb10 { padding-bottom: 4.375rem } .pb11 { padding-bottom: 5.625rem } .pb12 { padding-bottom: 7.500rem } } @media only screen and (max-width: 800px) { .mt5 { margin-top: 1.125rem } .mt6 { margin-top: 1.375rem } .mt7 { margin-top: 1.875rem } .mt8 { margin-top: 2.500rem } .mt9 { margin-top: 2.813rem } .mt10 { margin-top: 3.750rem } .mt11 { margin-top: 5.000rem } .mt12 { margin-top: 6.250rem } .mb5 { margin-bottom: 1.125rem } .mb6 { margin-bottom: 1.375rem } .mb7 { margin-bottom: 1.875rem } .mb8 { margin-bottom: 2.500rem } .mb9 { margin-bottom: 2.813rem } .mb10 { margin-bottom: 3.750rem } .mb11 { margin-bottom: 5.000rem } .mb12 { margin-bottom: 6.250rem } .pt5 { padding-top: 1.125rem } .pt6 { padding-top: 1.375rem } .pt7 { padding-top: 1.875rem } .pt8 { padding-top: 2.500rem } .pt9 { padding-top: 2.813rem } .pt10 { padding-top: 3.750rem } .pt11 { padding-top: 5.000rem } .pt12 { padding-top: 6.250rem } .pb5 { padding-bottom: 1.125rem } .pb6 { padding-bottom: 1.375rem } .pb7 { padding-bottom: 1.875rem } .pb8 { padding-bottom: 2.500rem } .pb9 { padding-bottom: 2.813rem } .pb10 { padding-bottom: 3.750rem } .pb11 { padding-bottom: 5.000rem } .pb12 { padding-bottom: 6.250rem } } @media only screen and (max-width: 479px) { .mt5 { margin-top: 1.000rem } .mt6 { margin-top: 1.250rem } .mt7 { margin-top: 1.625rem } .mt8 { margin-top: 2.188rem } .mt9 { margin-top: 2.500rem } .mt10 { margin-top: 3.125rem } .mt11 { margin-top: 4.375rem } .mt12 { margin-top: 5.000rem } .mb5 { margin-bottom: 1.000rem } .mb6 { margin-bottom: 1.250rem } .mb7 { margin-bottom: 1.625rem } .mb8 { margin-bottom: 2.188rem } .mb9 { margin-bottom: 2.500rem } .mb10 { margin-bottom: 3.125rem } .mb11 { margin-bottom: 4.375rem } .mb12 { margin-bottom: 5.000rem } .pt5 { padding-top: 1.000rem } .pt6 { padding-top: 1.250rem } .pt7 { padding-top: 1.625rem } .pt8 { padding-top: 2.188rem } .pt9 { padding-top: 2.500rem } .pt10 { padding-top: 3.125rem } .pt11 { padding-top: 4.375rem } .pt12 { padding-top: 5.000rem } .pb5 { padding-bottom: 1.000rem } .pb6 { padding-bottom: 1.250rem } .pb7 { padding-bottom: 1.625rem } .pb8 { padding-bottom: 2.188rem } .pb9 { padding-bottom: 2.500rem } .pb10 { padding-bottom: 3.125rem } .pb11 { padding-bottom: 4.375rem } .pb12 { padding-bottom: 5.000rem } } @media only screen and (max-width: 375px) { /*-----------Images-----------*/ img.alignleft, img.alignright {float:none; margin-top:0; margin-right:auto; margin-left:auto; display:block; max-width:100%;} /*----------Buttons-----------*/ .button {display:block; width:100%;} } /******************************************************************************** --- Filter Bar --- *********************************************************************************/ .search-filter-bar {font-family: 'Noir Pro',sans-serif; background: #fff; margin-bottom: 2.5em; height: 3em; position: relative; padding-right: 6.25em; border-radius: 2px; box-shadow: 0 5px 30px 0 rgba(9,21,28,0.03);} .search-filter-bar--active {padding-right: 11.5625em;} .search-filter-bar--input {padding-right: 17.1875em;} .search-filter-bar form {display: none} .search-filter-bar__button {font-size:1em; position: absolute; top: 0; right: 0; padding: 0; width: 6.25em; height: 3em; margin-bottom: 0; border-radius: 0 2px 2px 0} .search-filter-bar__input input[type="text"] {box-shadow: none; border: none; margin-bottom: 0; height: 3em;} .search-filter-bar--input .search-filter-bar__refine {width:10.9375em; position: absolute; top: 0; right: 6.25em;} .search-filter-bar--input .search-filter-bar__refine .dropit-select {font-size: 0.875em; height: 3.4286em; text-align: center;} .search-filter-bar--input .dropit-select-icon, .search-filter-bar--input .dropit-select-active {display: inline-block; vertical-align: middle;} .search-filter-bar--input .dropit-select-active {max-width:5.7143em;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .search-filter-bar--input .search-filter-bar__refine .dropit-select-icon {top: 0;} .search-filter-bar--input .dropit-select:after {top: 2px;} .search-filter-bar__refine .dropit-select {height: 3em; line-height: 3em; padding: 0 1.5625em} .search-filter-bar__refine .dropit-select-icon {color: #0083CA; position: relative; top: 1px; margin-right: 4px;} .search-filter-bar__refine .dropit-select:after {margin-left: 0.625em;} .search-filter-bar__refine .dropit-submenu {background: #fff;} .search-filter-bar__refine .dropit-submenu ul {list-style: none; margin: 0; padding: 0;} .search-filter-bar__refine .dropit-submenu li {line-height: 1.2;} .search-filter-bar__refine .dropit-submenu li, .search-filter-bar__refine .dropit-submenu a {display: block;} .search-filter-bar__refine .dropit-submenu a {font-size:0.875em; padding: 0.8571em 1.4286em; border-bottom: 1px solid #E6EBEC} .search-filter-bar__refine .dropit-submenu li:last-child a {border-bottom: none;} .search-filter-bar__clear {font-size:0.75em; display: none; text-transform:uppercase; position: absolute; top: 0; right: 8.3333em; height:4em; line-height: 4em; outline: none; width: 7.0833em; padding: 0 1.25em; text-align: center; cursor:pointer; transition: color 250ms ease;} .search-filter-bar__clear span {position: relative; top: 1px;} .search-filter-bar__clear:hover {color: #96A4A8} .search-filter-bar--active .search-filter-bar__clear {display: block;} @media only screen and (max-width: 639px) { .search-filter-bar--input {padding-right: 15.5em;} .search-filter-bar__input input[type="text"] {font-size: 0.875em; height: 3.4286em;} .search-filter-bar--input .search-filter-bar__refine {width: 9.25em;} .search-filter-bar--input .search-filter-bar__refine .dropit-select {padding-right: 1em; padding-left: 1em;} } /******************************************************************************** --- Dropdown Select --- *********************************************************************************/ .dropit * {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .dropit-select {-webkit-appearance: none; border: none; display: block; margin: 0; padding:0 0.444em; height: 2.750em; line-height: 2.750em; width: 100%; transition: background-color 250ms ease; position: relative; cursor: pointer;} .dropit-select:after {content: "\e911"; font-family: 'CD-Project-Icons'; display: inline-block; margin-left:1.000em; position: relative; top:1px;} .dropit-open .dropit-select:after {content: "\e917"} .dropit-parent {position: relative;} .dropit-submenu {display: none; list-style: none; margin: 0; padding:0; position: absolute; top: auto; left: 0; width: 100%; max-height: 18.750em; overflow-y: auto; z-index: 2;} .dropit-open .dropit-submenu {display: block;} /******************************************************************************** --- Search List --- *********************************************************************************/ .search-item {padding: 1.875em 0; border-bottom: 1px solid #e2e2ec} .search-item > :last-child {margin-bottom: 0} .search-item__title a {color: #212936} .search-item__title a:hover {color: #0099a9} /******************************************************************************** --- Form Styling --- *********************************************************************************/ /*-----------Standard Forms-----------*/ form {margin: 0;} /*-----------Label Styles-----------*/ label {font-size: 0.875em; cursor: pointer; display: block; margin: 0; font-weight:500; color: #212936} /*-----------Required-----------*/ .req, .hs-form-required { color:#0099a9; 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: #fff; border: 1px solid #e2e2ec; color: #212936; display: block; margin: 0 0 1.875em 0; padding:0.625em 0.9375em; height: 3.375em; width: 100%; transition: border linear 0.2s; border-radius: 3px; 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: #0099a9; 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(0, 160, 175,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: #e2e2ec; } /*-----------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: #fff; 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 #e2e2ec; border-radius: 3px; padding: 1.111em; margin: 1.000em 0; } fieldset legend { font-weight: 700; background: #fff; 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: #fff; border: 2px solid #e2e2ec; transition: border-color 250ms ease;} .checkbox span {border-radius: 2px;} .radio span { border-radius: 18px; } .checkbox:hover span, .radio:hover span { border-color: #0099a9; } .checkbox span:before, .radio span:before {display:block; opacity: 0; color: #0099a9; 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: #0099a9;} .checkbox input[type=checkbox]:checked + span, .radio input[type=radio]:checked + span { border-color: #0099a9; background-color: #0099a9; } .radio input[type=radio]:checked + span { background-color: #fff; } .checkbox input[type=checkbox]:checked + span:before, .radio input[type=radio]:checked + span:before { color: #fff; opacity: 1;} .checkbox input[type=checkbox]:disabled + span, .radio input[type=radio]:disabled + span { border-color: #e2e2ec!important; background-color: #e2e2ec!important; } .radio input[type=radio]:checked:focus + span:before { background-color: #0099a9;} .radio input[type=radio]:checked:focus + span { border-color: #0099a9; background-color: #fff; } .checkbox input[type=checkbox]:checked:focus + span, .switch input[type=checkbox]:checked:focus + span {background-color: #0099a9;} /* --- SWITCH --- */ .switch * { cursor: pointer; } .switch input { opacity: 0; position: absolute; z-index: -1; } .switch span { position: relative; display: inline-block; width: 58px; height: 30px; background-color: #fff; border: 1px solid #e2e2ec; border-radius: 100px; transition: all .5s; box-shadow: 1px 2px 3px rgba(0, 160, 175,0.1) inset; } .switch span:after { content: ""; position: absolute; background-color: #fff; top: 0; left: 0; height: 28px; width: 28px; border: 1px solid #e2e2ec; border-radius: 400px; box-shadow: 1px 1px 3px rgba(0, 160, 175,0.1); transition: all .2s; } .switch input:checked + span { background-color: #0099a9; border-color: #0099a9; transition: all .5s; } .switch input:checked + span:after { left: 50%; transition: all .2s; } /*-----------Error Validation-----------*/ .fv-row__error label {color: #0099a9;} .fv-row__error input, .fv-row__error textarea, .fv-row__error select, .fv-row__error input:focus, .fv-row__error textarea:focus, .fv-row__error select:focus {border-color: #0099a9} .form-validation-container {margin: 1.25em 0;} .form-validation-message {font-size: 0.875em; line-height: 1.2; background: #0099a9; color: #fff; padding: 0.375em 0.9375em; margin-bottom: 0.1429em} /*-----------Success Container-----------*/ .form-success-container {margin: 3.75em auto;max-width: 40em;text-align: center; display: none;} .form-success-container__icon {margin-bottom: 1.25em;} .form-success-container__icon span {font-size: 6em; color: #0099a9} .form-success-container p {font-size: 1.25em;} .form-success-container > :last-child {margin-bottom: 0} /*-----------Hide reCaptcha v3-----------*/ .form-recaptcha-message {font-size: 0.75rem;} .grecaptcha-badge {display: none!important; /*Allowed to hide Google reCAPTCHA with text on form*/ } /*-----------Success Container-----------*/ .success-container {display: none; text-align: center;} .success-container__icon {font-size:7.5em; line-height: 1; margin-bottom: 1.25rem; color: #0099a9} .success-container p {font-size: 1.25em; line-height: 1.6;} /*-----------Disabled Button-----------*/ .button[disabled], .button.disabled, .button[disabled]:hover, .button.disabled:hover {background:#e2e2ec; color:#6d6e71; cursor:default; text-shadow:none;} /*-----------Click Dimensions-----------*/ .responsiveRow::before,.responsiveRow::after{display:table;content:' ';-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-order:1;order:1}.responsiveRow::after{clear:both} .responsiveCell {padding: 0 0.625em; float: left;} .responsiveCellSize1 {width: 33.3333%;} .responsiveCellSize2 {width: 50%;} .responsiveCellSize3 {width: 100%;} span.maxSize1 {font-size: 0.875em; cursor: pointer; display: block; margin: 0; font-weight:500; color: #212936} .requiredStar {color:#0099a9; font-weight: 700;} .requiredInfo > div {font-size: 0.75em; position: relative; margin-top: -4.1667em; margin-bottom: 0.8333em; background: rgb(255, 0, 0); color: #fff; padding: 0.3333em 0.5em;} @media only screen and (max-width: 639px) { .form-popup--ask-marcum .responsiveCellSize1 {width: 100%;} } /*-----------Gravity Forms Default-----------*/ .gform_fields { list-style: none; margin: 0 0 0; } .gform_fields li { list-style: none; } /******************************************************************************** --- 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(226, 226, 236,0.98);border-right:6px solid rgba(226, 226, 236,0.98);border-bottom:6px solid rgba(226, 226, 236,0.98);border-top:6px solid rgba(0, 160, 175,0.98);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)}} /******************************************************************************** --- Accordion --- *********************************************************************************/ .accordion {font-size:1.000rem; margin: 0 0 1.667em; border-bottom: 1px solid #e2e2ec;} .accordion dt {font-size: 1em; border:1px solid #e2e2ec; border-radius: 3px; background: #f4f8f8; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; padding:0.9375em 4.0625em 0.9375em 1.875em; margin: 0 0 20px 0; position:relative; font-weight:500; transition: border 1s ease, color 250ms ease;} .accordion dt:after { content: "\e911"; font-family: 'CD-Project-Icons'; position:absolute; top:0.4737em; right:1.0526em; font-size: 1.333em; color:#0099a9;} .accordion dt.accordion-active {border-bottom: transparent; border-radius: 3px 3px 0 0; color:#0099a9;} .accordion dt.accordion-active:after { content: "\e917"; } .accordion dd { display: none; padding: 2.1875em; margin: -20px 0 1.25em 0; border:1px solid #e2e2ec; border-top: none; border-radius: 0px 0px 3px 3px} 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 {display: inline-block; margin: 0; padding:0; cursor: pointer; float: left; background-color: #f4f8f8; color: #212936; } .resp-tabs-list li.resp-tab-active { font-weight: 500; background: #fff; color:#0099a9; position: relative; } .resp-tabs-container {padding: 0; background-color: #fff; clear: left;} .resp-content-active, .resp-accordion-active, .resp-tab-content-active { display: block; } .resp-tab-content { display: none; padding: 1.667em 1.944em; border: 1px solid #e2e2ec;} .resp-accordion { cursor: pointer; display: none; border: 1px solid #e2e2ec; margin: 0; padding: 0.667em; } .resp-tab-active {border-bottom:none;} .resp-arrow { position: absolute; top: 0.6em; right: 0.833em; } .resp-arrow:after { content: "\e91b"; font-family: 'CD-Project-Icons'; } .resp-tab-active .resp-arrow:after { content: "\e926"; } body:not(.user-is-tabbing) .resp-accordion:focus { outline: none!important; } /*-----------Vertical tabs-----------*/ .resp-tabs--vertical .resp-tab-content {word-wrap: break-word; } .resp-tab-item:focus, .resp-accordion:focus { position: relative; z-index: 2;} @media only screen and (min-width: 768px) { /*-----------Horizontal tabs-----------*/ .resp-tabs--horizontal .resp-tabs-list li {font-size: 1.1875em; background: none; padding: 0.833em; } .resp-tabs--horizontal .resp-tab-content {border: none; border-top: 2px solid #e2e2ec; padding-right: 0; padding-left: 0} .resp-tabs--horizontal .resp-tabs-list li.resp-tab-active {border-bottom: 2px solid #0099a9} body:not(.user-is-tabbing) .resp-tabs--horizontal .resp-tabs-list li:focus { outline: none; } /*-----------Vertical tabs-----------*/ .resp-tabs--vertical {overflow: hidden; padding-top: 3px; padding-left: 3px; /*padding is so focus ring shows completely */} .resp-tabs--vertical .resp-tabs-list { float: left; width: 30%; border: 1px solid #e2e2ec; border-right: none; } .resp-tabs--vertical .resp-tabs-list li { display: block; padding: 0.778em 1.111em; cursor: pointer; float: none; border-bottom: 1px solid #e2e2ec; } .resp-tabs--vertical .resp-tabs-list li:last-child {border-bottom:none;} .resp-tabs--vertical .resp-tabs-container { border: 1px solid #e2e2ec; float: left; width: 70%; min-height: 250px; clear: none; } .resp-tabs--vertical .resp-tab-content { border: none; } .resp-tabs--vertical .resp-tab-active { position: relative; z-index: 1; margin-right: -1px!important; } .resp-tab-content.resp-tab-content-active {display:block!important;} .resp-accordion-closed {display:block;} body:not(.user-is-tabbing) .resp-tabs--vertical .resp-tabs-list li:focus { outline: none; } } @media only screen and (max-width: 767px) { .resp-tabs-list { display: none; } .resp-accordion { display: block; background-color: #f4f8f8; color: #212936; position: relative; font-size: 1.125em; text-transform: none;} .resp-accordion:not(:last-of-type) {border-bottom:none; } .resp-accordion.resp-tab-active { background: #fff; color:#0099a9; } .resp-tab-content { border: 1px solid #e2e2ec; border-bottom:none; } .resp-tab-content:last-of-type {border-bottom:1px solid #e2e2ec;} .resp-tabs--verticalvtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: 100px; clear: none; } } /******************************************************************************** --- Tables --- *********************************************************************************/ table.table { background: white; margin-bottom: 1.000em; border: solid 1px #e2e2ec; table-layout: auto; width: 100%; } table.table caption { background: none; color: #212936; font-weight: bold; } table.table thead { background:#f4f8f8; } table.table thead tr th, table.table thead tr td { padding:0.750em 0.857em; font-size: 0.778em; text-transform: uppercase; color: #212936; font-weight:700; border: 1px solid #e2e2ec; } table.table tr th, table.table tr td { padding:1em 0.820em; font-size:0.813em; text-align: left; border: 1px solid #e2e2ec; } table.table tr.even, table.table tr.alt, table.table tr:nth-of-type(even) { background: #f4f8f8; } table.table thead tr th, table.table tfoot tr th, table.table tfoot tr td, table.table tbody tr th, table.table tbody tr td, table.table tr td { display: table-cell; line-height: 1.3; } /******************************************************************************** --- Slide Toggle --- *********************************************************************************/ .slide-content { display: none; } .slide-toggle:not(.button):after { content: "\e911"; font-family: 'CD-Project-Icons'; margin: 0 0 0 0.333em; font-size:90%;} .slide-toggle:not(.button).active:after { content: "\e917"; } .slide-toggle:not(.button).active, .slide-toggle:not(.button).active:after { color:#a7a9ac; } .slide-toggle.button.active {background-color:#a7a9ac; color:#fff;} .slide-toggle.button:after { content: "\e911"; font-family: 'CD-Project-Icons'; font-size:90%; margin-left:0.333em; } .slide-toggle.button.active:after { content: "\e917";} /******************************************************************************** --- Alerts --- *********************************************************************************/ .alert { display: none; padding: 0.556em 0.833em; margin-bottom: 1.111em; background-color: #212936; color: #fff;} .alert p {line-height:1.2; padding-left:1.333em; position:relative;} .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 0.278em; } .alert a { color: #fff; text-decoration: underline; } .alert a:hover { color:#0099a9; } .alert p:before { font-family: 'CD-Project-Icons'; color: #fff; position:absolute; top:0; left:0; } .alert-success, .alert-info, .alert-warning, .alert-danger { display: block; } .alert-success { background-color:#0099a9; } .alert-success p:before { content: "\e94b"; } .alert-info p:before { content: "\e98f"; } .alert-warning { background-color:#ffad31; } .alert-warning p:before { content: "\ea17"; } .alert-danger { background-color:#c61313; } .alert-danger p:before { content: "\e96d"; } /******************************************************************************** --- Magnific Popup CSS--- *********************************************************************************/ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 10042; overflow: hidden; position: fixed; background: #212936; 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: #a7a9ac; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 10044; } .mfp-preloader a { color: #a7a9ac; } .mfp-preloader a:hover { color: #fff; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 10046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner {padding: 0;border: 0;} .mfp-close {font-size:2.25em; width: 1.385em; height: 1.179em; line-height: 1.179em; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; padding: 0 0 0.462em 0.256em; color: #333; transition: color 250ms ease; font-style: normal; font-weight: 300;} .mfp-close:hover, .mfp-close:focus { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #a7a9ac; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #fff; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #333; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #fff; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #333; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 24, 0.6); background: #212936; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 24, 0.6); background: #333; } .mfp-figure small { color:#a7a9ac; 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: #a7a9ac; 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(0, 0, 24,0.6) } .popup-embed-container .mfp-close { top: -44px; color: #fff; text-align: right; right: 1px } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 24, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 24, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } @-webkit-keyframes popin{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}85%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-ms-keyframes popin{0%{-ms-transform:scale(0);transform:scale(0);opacity:0}85%{-ms-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-ms-transform:scale(1);transform:scale(1);opacity:1}}@keyframes popin{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}85%{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}} /******************************************************************************** --- Custom Magnific Popup Styling --- *********************************************************************************/ .white-popup-block { background: #fff; text-align: left; max-width: 40.625rem; margin: 40px auto; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-animation: popin .3s; animation: popin .3s; overflow: hidden;} .white-popup-block--padding {padding:2.5em 1.875em 1.875em;} .white-popup-block--narrow {max-width: 28.75rem;} .white-popup-block--wide {max-width: 50rem;} .white-popup-block--wide.white-popup-block--padding {padding:4.25em 5em 2.5em;} .form-popup {padding: 3.75em 2.1875em 1.25em 2.1875em} .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} .form-popup .success-container {padding: 2.1875em; border:1px solid #e2e2ec; border-radius: 3px;} .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: #0099a9;} .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(166, 172, 179, 0.75)} .modal-vignette__overview {font-size: 1em;} @media only screen and (max-width: 800px) { .modal-vignette {padding-right:2.813em; padding-left:2.813em;} .modal-vignette__image {font-size: 12px;} } @media only screen and (max-width: 639px) { .modal-vignette {font-size: 13px; padding-right:2.813em; padding-left:2.813em;} .form-popup {padding: 3.75em 1.25em 1.25em 1.25em} } @media only screen and (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 only screen and (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(226, 226, 236,1);border-right:6px solid rgba(226, 226, 236,1);border-bottom:6px solid rgba(226, 226, 236,1);border-top:6px solid rgba(0, 160, 175,1);border-radius:100%} @-webkit-keyframes rotation{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}} @-moz-keyframes rotation{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(359deg)}} @-o-keyframes rotation{from{-o-transform:rotate(0deg)}to{-o-transform:rotate(359deg)}} @keyframes rotation{from{transform:rotate(0deg)}to{transform:rotate(359deg)}} /******************************************************************************** --- Footer--- *********************************************************************************/ .footer__subscribe {background-image: url('../png/bg-01.png'); background-position: center; background-repeat: no-repeat; background-size: 100% 101%; padding: 2.5em 0;} .footer__subscribe-headline {font-size: 1.9375em; color: #fff; text-transform: uppercase; margin-bottom: 0.1613em} .footer__subscribe-subtitle {font-size: 2.4375em; margin-bottom: 0} .footer__subscribe__button {margin-bottom: 0; display: inline-block; width: 100%; max-width: 10em;} @media only screen and (min-width: 640px) { .footer__subscribe-left {float: left; width: 70%;} .footer__subscribe-right {float: right; width: 30%; margin-top: 1.25em; text-align: right} } @media only screen and (max-width: 959px) { .footer__subscribe-left {font-size: 0.9286em;} } @media only screen and (max-width: 639px) { .footer__subscribe {text-align: center;} .footer__subscribe-left {font-size: 0.7857em; margin-bottom: 1.875em} } @media only screen and (max-width: 375px) { .footer__subscribe-left {font-size: 0.7143em;} } .footer__top {padding-top: 5em; padding-bottom: 2.5em; border-bottom: 1px solid #e2e2ec} .footer__top-links ul, .footer__top-social ul {list-style: none; margin: 0; padding: 0;} .footer__top-links li, .footer__top-social li {display: inline-block; vertical-align: top;} .footer__top-links a, .footer__top-social a {display: block;} .footer__top-links a:hover{color: #0099a9;} .footer__top-links a {color: #212936; font-weight: 500; padding: 0 1.25em;} .footer__top-social-label, .footer__top-social ul {display: inline-block; vertical-align: middle} .footer__top-social ul {margin-left: 1.25em} .footer__top-social-label {font-size: 0.875em; text-transform: uppercase; font-weight: 500;} .footer__top-social a {font-size: 1.25em; padding: 0 0.3125em} .footer__top-social a:hover {color: #212936} .footer__disclaimer { color: #fff; font-size: 13px; margin: 25px auto 0; } .site-disclaimer-full { display: none; } @media only screen and (min-width: 640px) { .footer__top-links {float: left; width: 70%} .footer__top-social {float: right; width: 30%; text-align: right} .footer__top-links li:first-child a {padding-left: 0;} .footer__top-links li:last-child a {padding-right: 0;} } @media only screen and (max-width: 800px) { .footer__top-links a {padding: 0 0.75em;} } @media only screen and (max-width: 639px) { .footer__top-links, .footer__top-social {font-size: 1.1538em; text-align: center;} .footer__top-links {margin-bottom: 1.25em} .footer__top-links a {padding-bottom: 0.625em} } @media only screen and (max-width: 479px) { .footer__top {padding-top: 1.875em; padding-bottom: 1.875em;} .footer__top-links, .footer__top-social {font-size: 1em;} } .footer__middle {padding: 2.5em 0;} .footer__middle-col p {line-height: 1.4;} .footer__middle-col a {color: #212936} .footer__middle-col a:hover {color: #0099a9} .footer__middle-col ul {list-style: none; margin: 0; padding: 0;} .footer__middle-col li {margin-bottom: 0.3125em;} .footer__middle-title {font-size: 1.25em; text-transform: none; color: #0099a9} .footer__about {padding-right: 2.5em;} .footer__addr {margin-bottom: 1.25em} .footer__addr p {line-height: 1.4;} .footer__addr-hq {margin-bottom: 0.625em;} .footer__addr-title {display: block; font-weight: 500; margin-bottom: 0.3125em} .footer__addr-link, .footer__addr-link .text-button {margin-bottom: 0} .footer__logos {margin-bottom: 1.25em;} .footer__app-logo {margin-bottom: 1.25em;} .footer__app-logo img {margin-bottom: 0.625em;} .footer__email-logo {margin-top: 0.625em;} .footer__app-logo img, .footer__email-logo img {max-width: 9.375em; } @media only screen and (min-width: 640px) { .footer__middle-container {overflow: hidden; margin: 0 -0.9375em;} .footer__middle-col {float: left; padding: 0 0.9375em 3.75em 0.9375em;} .footer__middle-col--1 {width: 70%;} .footer__middle-col--2 {width: 30%;} .footer__middle-col--3 {width: 50%;} .footer__middle-col--4 {width: 50%;} } @media only screen and (min-width: 960px) { .footer__middle-col {padding: 0 0.9375em;} .footer__middle-col--1 {width: 47%;} .footer__middle-col--2 {width: 21%;} .footer__middle-col--3 {width: 15%;} .footer__middle-col--4 {width: 17%;} } @media only screen and (min-width: 960px) and (max-width: 1300px) { .footer__middle-col--1 {width: 38%;} .footer__middle-col--2 {width: 23%;} .footer__middle-col--3 {width: 18%;} .footer__middle-col--4 {width: 21%;} } @media only screen and (max-width: 639px) { .footer__middle {text-align: center;} .footer__middle-col:not(:last-child) {margin-bottom: 2.5em;} .footer__about, .footer__app-logo, .footer__email-logo {padding-right: 0} } .footer__bottom {background: #212936; padding: 0.9375em 0;} .footer__bottom-copy {font-size: 0.8125em; display: block; color: #fff;} .footer__bottom-copy ul {list-style: none; margin: 0; padding: 0; display: inline-block; vertical-align: top} .footer__bottom-copy li {display: inline-block;} .footer__bottom-copy a {display: block; padding: 0 10px; color: rgba(255,255,255,0.75);} .footer__bottom-copy a:hover {color: rgba(255,255,255,1);} .footer__bottom-top-text {font-size: 0.875em; color: rgba(255,255,255, 0.65); text-transform: uppercase; margin-right: 0.625em; transition: color 250ms ease;} .footer__bottom-top-icon {display: inline-block; width: 1.625em; height: 1.625em; line-height: 1.25em; border-radius: 1.625em; border: 2px solid rgba(255,255,255, 0.65); text-align: center; color: rgba(255,255,255, 0.65); transition: border-color 250ms ease, color 250ms ease;} .footer__bottom-top-icon::before {font-size: 0.875em;} .footer__bottom-top:hover .footer__bottom-top-text {color: rgba(255,255,255, 1);} .footer__bottom-top:hover .footer__bottom-top-icon {color: rgba(255,255,255, 1); border-color: rgba(255,255,255, 1)} @media only screen and (min-width: 801px) { .footer__bottom-row {position: relative;} .footer__bottom-right {display: block; position: absolute; top: -0.1875em; right: 0; } } @media only screen and (max-width: 800px) { .footer__bottom-right {margin-top: 1.875em;} } @media only screen and (max-width: 639px) { .footer__bottom {text-align: center;} .footer__bottom-copy ul{display: block; margin-top: 0.9375em;} } /******************************************************************************** --- CTA Bar --- *********************************************************************************/ .cta-bar{font-size:16px;position:fixed;bottom:0;left:0;right:0;width:100%; z-index: 100; -webkit-transform:translate3d(0,6.000em,0);transform:translate3d(0,6.000em,0);-webkit-transition:-webkit-transform 350ms ease-in-out;transition:-webkit-transform 350ms ease-in-out;transition:transform 350ms ease-in-out;transition:transform 350ms ease-in-out,-webkit-transform 350ms ease-in-out; display:none;} .cta-bar--active {display: block;} .cta-bar.active {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .cta-bar__container {position: relative;} .cta-bar__label {font-size: 0.75em; display: block; color: #212936;} .cta-bar__title {font-size: 1em; font-weight: 600; color: #fff;} .cta-bar__inner a {font-size:0.875em; font-weight: 600; display:inline-block; margin:0 0.533em; line-height:1.2; padding:0.857em 2em; border:1px solid #fff; border-radius: 3px; color: #fff; transition: background-color 250ms ease;} .cta-bar__inner a:hover {color: #212936; background-color:#fff;} .cta-bar__inner a span {margin-right: 0.250em; position: relative; top: 1px; font-weight: normal;} .cta-bar__mobile-toggle {display:none;} .cta-bar__hide {font-size: 0.8125em; position: absolute; top: 0; right: 0; width: 1.5385em; height: 1.5385em; border-radius: 0 3px 0 3px; background: rgba(33, 41, 54, 1); color: #fff; cursor: pointer; transition: background 250ms ease;} .cta-bar__hide:hover {background: rgba(45, 55, 72, 1)} @media only screen and (min-width: 801px) { .cta-bar {bottom: 0.9375em;} .cta-bar__container {width:100%; max-width: 960px; margin:0 auto; padding: 0 0.9375em; } .cta-bar__inner {background-color: #0099a9; border-radius: 3px; box-shadow:0px 0px 50px 0px rgba(7,18,22,0.05); overflow: hidden; padding: 0 1.875em; position: relative;} .cta-bar__left, .cta-bar__right {height:5.000em; line-height:5.000em;} .cta-bar__left {float: left;} .cta-bar__right {float: right;} .cta-bar__valign {display: inline-block; vertical-align: middle; line-height: 1.2;} .cta-bar--posts .cta-bar__container {max-width: 600px;} } @media only screen and (max-width: 1199px) { .cta-bar {font-size:15px;} } @media only screen and (max-width: 959px) { .cta-bar {font-size:14px;} } @media only screen and (max-width: 860px) { .cta-bar {font-size:13px;} } @media only screen and (max-width: 800px) { .cta-bar {padding-bottom:0.714em; width: 11.765em; left:inherit;} .cta-bar__container {padding-right:0.500em; padding-left:0.500em;} .cta-bar__inner {font-size: 14px; visibility:hidden; opacity:0; height:0; line-height:1.2; border:none; transition:opacity 200ms 150ms ease; background-color: #0099a9; text-align: center; position: relative;} .cta-bar__inner a {font-size:1.000em; display:block; margin:0.7692em 0;} .cta-bar__left, .cta-bar__right {position: relative;} .cta-bar__left {margin-bottom: 1.0714em} .cta-bar__mobile-toggle {font-size:1em; text-transform: uppercase; font-weight: 600; display:block; height:2.857em; line-height:2.857em; background:#0099a9; text-align:center; box-shadow: 0px 0px 1.333em 0px rgba(33, 41, 54,0.35); color:#fff; position:relative; padding-right:2.857em; width:100%; margin:0 0 0 auto; transition:all 250ms ease;} .cta-bar__mobile-toggle span {position:absolute; top:0; right:0; width:2.857em; height:100%; line-height:2.857em; font-size:1.000em; background: #212936; text-align:center; transition:background 250ms ease;} .cta-bar__mobile-toggle span.icon-arrow-right:before {display:inline-block; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition:-webkit-transform 250ms ease; transition:transform 250ms ease;} .cta-bar__label {margin-bottom: 0.381em} .active--mobile {width:100%;} .active--mobile .cta-bar__inner {visibility:visible; opacity:1; height:auto; padding:1.4286em 1.7857em; } .active--mobile .cta-bar__mobile-toggle {width:100%; background: #212936;} .active--mobile .cta-bar__mobile-toggle span.icon-arrow-right:before {-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg)} } @media only screen and (max-width: 479px) { .cta-bar {font-size:13px;} } @media only screen and (max-width: 375px) { .cta-bar {font-size:12px;} } /******************************************************************************** --- ADA Jump to Main Content--- *********************************************************************************/ .ada-banner {position: relative;} a.skip-main {left: -999px; position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: -999; transition: all 300ms ease-out;} a.skip-main:focus, a.skip-main:active {font-size: 1.25em; color: #fff; background-color: #212936; 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.sticky-header .header {top: 32px;} @media only screen and (max-width: 782px) { .admin-bar.sticky-header .header {top: 46px;} #wpadminbar {position: fixed;} } /******************************************************************************** --- Style Guide--- *********************************************************************************/ .sg-section {padding: 5.000em 0; border-bottom: 1px solid #e2e2ec;} .sg-section__heading {position: relative; margin-bottom: 2.000em} .sg-section__heading span {font-size: 50%; position: absolute; top: 50%; left: -3.125em; margin-top: -0.938em; width: 1.875em; height: 1.875em; line-height: 1.875em;} .sg-section__heading span:after {content: ""; display: block; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #e2e2ec;} .sg-section__subheading {font-size: 14px; text-transform: uppercase; margin: 4.000em 0 2.000em; position: relative;} .sg-section__subheading:before {content: ""; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #e2e2ec;} .sg-section__subheading span {position: relative; background: #fff; padding-right: 1.250em;} .sg-section__font {overflow: hidden; margin-bottom: 1.750em;} .sg-section__font {overflow: hidden; margin-bottom: 1.750em;} .sg-section__font-letters {font-size: 5.000em; display: block; line-height: 1; opacity: 0.20;} .sg-section__font-name {display: block; line-height: 1;} .sg-section__font-left, .sg-section__font-right {width: 50%; float: left;} .sg-section__font-left {padding-right: 2.000em;} .sg-section__font-right {border-left: 1px solid #e2e2ec; padding-left: 2.000em;} .sg-section__font-weight {display: block;} .sg-body {overflow-x: hidden;} .sg-body .root, .sg-toggle {-webkit-transition: -webkit-transform 250ms ease; transition: -webkit-transform 250ms ease; transition: transform 250ms ease; transition: transform 250ms ease, -webkit-transform 250ms ease;} .sg-fixed-nav {position: fixed; top: 0; left: 0; width: 250px; height: 100%; overflow-y: auto; padding: 40px 15px; background: #fff; z-index: 9999999; border-right: 1px solid #e2e2ec; -webkit-transform: translate3d(-250px, 0px, 0px);-moz-transform: translate3d(-250px, 0px, 0px);-o-transform: translate3d(-250px, 0px, 0px);-ms-transform: translate3d(-250px, 0px, 0px);transform: translate3d(-250px, 0px, 0px); -webkit-transition: -webkit-transform 250ms ease; transition: -webkit-transform 250ms ease; transition: transform 250ms ease; transition: transform 250ms ease, -webkit-transform 250ms ease;} .sg-snippets-toggle {font-size: 14px; display: block;} .sg-snippets-toggle:before {content: "\ea03"; font-family: 'CD-Project-Icons'; margin-right: 6px;} .sg-snippets-toggle.active:before {content: "\ea04"; font-family: 'CD-Project-Icons';} .sg-toc {font-size: 13px;} .sg-toggle {font-size: 14px; position: fixed; bottom: 0; left:0; width: 28px; height: 28px; line-height:1; padding: 0; margin: 0; border-radius: 0; z-index: 9999999;} .sg-toggle:before {content: "\e974"; font-family: 'CD-Project-Icons';} .sg-body--push .root, .sg-body--push .sg-toggle {-webkit-transform: translate3d(250px, 0px, 0px);-moz-transform: translate3d(250px, 0px, 0px);-o-transform: translate3d(250px, 0px, 0px);-ms-transform: translate3d(250px, 0px, 0px);transform: translate3d(250px, 0px, 0px);} .sg-body--push .sg-fixed-nav {-webkit-transform: translate3d(0px, 0px, 0px);-moz-transform: translate3d(0px, 0px, 0px);-o-transform: translate3d(0px, 0px, 0px);-ms-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px);} .sg-body--push .sg-toggle:before {content: "\e955";} @media only screen and (max-width: 1399px) { .sg-section__heading {padding-left: 1.500em;} .sg-section__heading span {left: 0;} } /*---------- Swatches ----------*/ .swatch__color { position: relative; height: 100px;} .swatch__hex { padding: 1rem; text-align: center;} .swatch__name {display:block; font-size:0.750em} /*---------- Code Snippets ----------*/ code {display: none; /* Remove in Production */} code.active {display: block;} pre {padding:15px; border:1px solid #a7a9ac;} /*-----------HubSpot Forms-----------*/ .hs-button {font-size: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; cursor: pointer; line-height: 1; border: none; border-radius: 3px; margin: 0 0 1.111em 0; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; display: inline-block; padding: 1em 1.875em; -webkit-transition: all 200ms ease; transition: all 200ms ease; color: #ffffff; background-color: #0099a9;} body:not(.user-is-tabbing) .button {outline: none;} .hs-button:hover, .button:focus {color: #ffffff; background-color: #6d6e71;} .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: #0099a9;} .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: #0099a9; padding: 0.222rem 0.333rem;} .hbspt-form .hs-error-msgs.inputs-list label {font-size: 0.667rem; color: #ffffff; font-weight: 500; padding-top:.3em;} /* Original by AG .hspt-form ul.bullets li, ul.checkmarks li, .body-bullets li { list-stle:none; margin:0; padding:0; position:relative; } .hspt-form ul.bullets li:before, .body-bullets li:before { display:none; } */ @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;} } /* Webinar Archive for Coronavirus Page Update */ .webinar-archive { max-height: 500px; overflow: auto; padding-right: 1.3em; } /*-----------Roadmap-----------*/ #roadmap { padding-bottom: 10rem; } .image-roadway { width: 100%; max-width: 1333px; margin-top: 16%; } .roadmap-step { display: -webkit-flex; display: -moz-box; display: flex; width: 100%; position: absolute; } .roadmap-step.active { } .roadmap-nr { display: none; } .roadmap-marker { text-align: center; display: inline-block; position: relative; background-repeat: no-repeat; background-size: contain; } .roadmap-marker .hover { cursor: pointer; width: 100%; height: 52%; border-radius: 50%; position: absolute; } .roadmap-marker [class^="icon-"], .roadmap-marker [class*=" icon-"] { color: #fff; font-size: 5rem; margin: 0 auto; width: 100%; position: absolute; top: 50%; left: 0; right: 0; transition: transform .2s; transform: translate(0, -50%); } .roadmap-marker .hover:hover [class^="icon-"], .roadmap-marker:hover [class*=" icon-"] { transform: scale(1.2) translate(0, -40%); } .roadmap-step:nth-child(1) .roadmap-marker .hover:hover [class^="icon-"], .roadmap-step:nth-child(1) .roadmap-marker:hover [class*=" icon-"] { -webkit-transform: translate(0, -50%);; transform: translate(0, -50%);; } .roadmap-container { position: relative; } .roadmap-step:nth-child(1) { top: 0; left: 7.5%; } .roadmap-step:nth-child(1) .roadmap-marker { width: 11.17%; padding-bottom: 21.8%; background-image: url(../png/step-1.png); } .roadmap-step:nth-child(1) .roadmap-details { margin-top: 2.85rem; } .roadmap-step:nth-child(2) { top: 12%; left: 43.960990247%; z-index: 10; } .roadmap-step:nth-child(2) .roadmap-marker { width: 11.7779%; padding-bottom: 22.8807%; background-image: url(../png/step-2.png); } .roadmap-step:nth-child(2) .roadmap-details { margin-top: 2.8rem; } .roadmap-step:nth-child(3) { top: 31%; left: 2.35108%; -webkit-flex-direction: row-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; flex-direction: row-reverse; -webkit-justify-content: flex-end; -moz-box-pack: end; justify-content: flex-end; } .roadmap-step:nth-child(3) .roadmap-marker { width: 12.97824%; margin-left: -1.5rem; padding-bottom: 25.13128%; background-image: url(../png/step-3.png); } .roadmap-step:nth-child(3) .roadmap-details { max-width: 18%; margin-top: 7.4%; margin-left: 0; margin-right: 1.8rem; } .roadmap-step:nth-child(4) { top: 49%; left: 45.01125%; z-index: 11; } .roadmap-step:nth-child(4) .roadmap-marker { width: 15.678919%; padding-bottom: 30.30757%; background-image: url(../png/step-4.png); } .roadmap-step:nth-child(4) .roadmap-marker [class^="icon-"], .roadmap-step:nth-child(4) .roadmap-marker [class*=" icon-"] { font-size: 6.3rem; /* top: 19%; */ } .roadmap-step:nth-child(4) .roadmap-details ul { -webkit-columns: 2; -moz-columns: 2; columns: 2; column-gap: 0; } .roadmap-step:nth-child(5) { -webkit-flex-direction: row-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; flex-direction: row-reverse; -webkit-justify-content: flex-end; -moz-box-pack: end; justify-content: flex-end; top: 84.45%; left: 57%; z-index: 12; } .roadmap-step:nth-child(5) .roadmap-marker { width: 12.60315%; height: 100%; padding-bottom: 13.12828%; background-image: url(../png/step-5.png); } .roadmap-step:nth-child(5) .roadmap-marker .hover { height: 100%; } .roadmap-step:nth-child(5) .roadmap-marker [class^="icon-"], .roadmap-step:nth-child(5) .roadmap-marker [class*=" icon-"] { font-size: 5.12rem; top: 46.5%; left: 3.5%; } .roadmap-step:nth-child(5) .roadmap-details { width: 15%; margin-top: 2%; margin-right: 0.5rem; margin-left: 0; } .roadmap-details { margin-left: 1.8rem; } .roadmap-details h3 { font-size: 1.5rem; margin: 0 0 0.5em 0; } .roadmap-details ul { margin-bottom: 0; position: relative; z-index: 9; } .roadmap-details ul li { color: #565e68; font-size: 15.5px; margin: 0 0 0.5em 0; } .roadmap-details ul li:last-child { margin-bottom: 0; } @media print, screen and (min-width: 801px) { .roadmap-details ul { margin-top: 0.55rem; } .roadmap-step:nth-child(3) .roadmap-details .slide-toggle-container { width: 227px; } } @media print, screen and (min-width: 1441px) { .row-roadmap { max-width: 1363px; width: 100%; } } @media print, screen and (min-width: 801px) { .roadmap-step:nth-child(4) .roadmap-details ul { width: 36vw; max-width: 512px; } } @media print, screen and (max-width: 1440px) { .roadmap-marker [class^="icon-"], .roadmap-marker [class*=" icon-"] { font-size: 5vw; /* top: 26%; */ } } @media print, screen and (max-width: 1368px) { .roadmap-step:nth-child(2) { margin-top: -3rem; } .roadmap-step:nth-child(2) .roadmap-details { margin-top: 0; } .roadmap-step:nth-child(2) .roadmap-details ul { -webkit-columns: 2; -moz-columns: 2; columns: 2; column-gap: 0; } .roadmap-step:nth-child(4) .roadmap-details { margin-top: -4rem; } } @media print, screen and (max-width: 1240px) { .roadmap-step:nth-child(4) { left: 37.01125%; } .roadmap-step:nth-child(4) .roadmap-details ul { width: 45vw; } } @media print, screen and (max-width: 1120px) { .roadmap-step .roadmap-details ul li { font-size: 14px; margin: 0 0 0.2em 0; } .roadmap-step:nth-child(5) .roadmap-marker [class^="icon-"], .roadmap-step:nth-child(5) .roadmap-marker [class*=" icon-"] { font-size: 4.12rem; } } @media print, screen and (max-width: 1000px) { #roadmap { padding-bottom: 6rem; } .image-roadway { display: none; } .roadmap-container { display: -webkit-flex; display: -moz-box; display: flex; background-image: url(../png/mobile-roadway.png); background-repeat: repeat-y; background-position: 12.5px top; background-size: 40px; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; } .roadmap-container:before { content: ""; display: block; width: 100%; height: 25px; background-color: #fff; position: absolute; top: 0; left: 0; } .roadmap-nr { display: inline; } .roadmap-marker .roadmap-nr { display: none; } .roadmap-step { display: flex; max-width: 100% !important; padding-right: 0; margin-top: 0 !important; margin-bottom: 10px; top: 0 !important; left: 0 !important; -webkit-flex-direction: row !important; flex-direction: row !important; -webkit-justify-content: flex-start !important; -moz-box-pack: start !important; justify-content: flex-start !important; position: relative; opacity: 1 !important; } .roadmap-step:nth-child(4) .roadmap-details ul { -webkit-columns: 1; -moz-columns: 1; columns: 1; } .roadmap-details { text-align: left; margin-top: 18px !important; margin-left: 1.538rem !important; width: 100% !important; max-width: 100% !important; margin-top: 18px !important; } .roadmap-step .roadmap-details h3 { font-size: 1.846rem; } .roadmap-step .roadmap-details ul li { font-size: 15.5px; margin: 0 0 0.5em 0; } .roadmap-details .slide-toggle-container, .roadmap-details .slide-toggle, .roadmap-details .slide-content { height: auto !important; display: block !important; } .roadmap-details .slide-toggle { height: auto !important; display: none !important; } .roadmap-details .slide-content { display: block !important; } .roadmap-step:nth-child(2) .roadmap-details ul { -webkit-columns: 1; -moz-columns: 1; columns: 1; } .roadmap-marker { cursor: default; width: 65px !important; height: 72px !important; margin: 0 !important; padding: 0 !important; flex-shrink: 0; background-image: url(../svg/marker.svg) !important; background-repeat: no-repeat; background-size: contain; background-color: transparent; } .roadmap-marker .hover { cursor: default; } .roadmap-marker [class^="icon-"], .roadmap-marker [class*=" icon-"] { display: none; } .roadmap-nr { display: none; } .roadmap-marker .roadmap-nr { color: #fff; font-size: 31.51px; font-weight: 500; letter-spacing: 0; line-height: 27.24px; font-family: 'Barlow',sans-serif; display: block; padding-top: 16px; } .roadmap-container .roadmap-step:last-child { margin-bottom: 0; } .roadmap-container .roadmap-step:nth-child(5):before { content: ""; display: block; width: 100%; height: 100%; background-color: #fff; position: absolute; top: 25px; left: 0; z-index: -1; } } @media print, screen and (max-width: 680px) { .roadmap-step { padding-right: 1rem; } } .row-width > .column, .row-width > .row > .column { width: 100%; max-width: 100%; }