*, *:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { overflow-x: hidden; line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after { content: ""; content: none; } q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } input, textarea, button, select { appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; border-radius: 0; border: none; box-shadow: none; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes slideInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } @-webkit-keyframes slideOutRight { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } @keyframes slideOutRight { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } /* @import "_attention-seekers/attention-seekers.scss", "_bouncing-entrances/bouncing-entrances.scss", "_bouncing-exits/bouncing-exits.scss", "_fading-entrances/fading-entrances.scss", "_fading-exits/fading-exits.scss", "_flippers/flippers.scss", "_lightspeed/lightspeed.scss", "_rotating-entrances/rotating-entrances.scss", "_rotating-exits/rotating-exits.scss", "_sliding-entrances/sliding-entrances.scss", "_sliding-exits/sliding-exits.scss", "_specials/specials.scss", "_zooming-entrances/zooming-entrances.scss", "_zooming-exits/zooming-exits.scss"; */ @font-face { font-family: 'icomoon'; src: url("../_assets/fonts/icomoon.eot?wmo2xq"); src: url("../_assets/fonts/icomoon.eot?wmo2xq#iefix") format("embedded-opentype"), url("../_assets/fonts/icomoon.ttf?wmo2xq") format("truetype"), url("../_assets/fonts/icomoon.woff?wmo2xq") format("woff"), url("../_assets/fonts/icomoon.svg?wmo2xq#icomoon") format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow-left:before { content: "\e900"; } .icon-arrow-right:before { content: "\e901"; } .icon-caret-down:before { content: "\e902"; } .icon-caret-left:before { content: "\e903"; } .icon-caret-right:before { content: "\e904"; } .icon-caret-up:before { content: "\e905"; } .icon-close:before { content: "\e906"; } .icon-email:before { content: "\e907"; } .icon-facebook:before { content: "\e908"; } .icon-linkedin:before { content: "\e909"; } .icon-open-arrow-left:before { content: "\e90a"; } .icon-open-arrow-right:before { content: "\e90b"; } .icon-play:before { content: "\e90c"; } .icon-twitter:before { content: "\e90d"; } html { font-size: 1vw; } @media (min-width: 1600px) { html { font-size: 16px; } } @media (max-width: 767px) { html { font-size: 9px; } } body { font-family: aktiv-grotesk, sans-serif; font-style: normal; font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body.nav-expanded { overflow: hidden; } body.overlay { overflow: hidden; } em { font-style: italic; } strong { font-weight: 700; color: #231f20; } img { max-width: 100%; height: auto; display: block; } iframe { display: none !important; } .titleLarge { font-size: 3.75em; font-weight: 700; letter-spacing: -0.02em; line-height: 1.1em; color: #231f20; } @media (max-width: 900px) { .titleLarge { font-size: 3.125em; } } @media (max-width: 767px) { .titleLarge { font-size: 2.125em; } } .title, section.primary h2.title, section.primary h3.title, section.primary h1, section.intro p.title, header .main-menu .menu li a { font-size: 3.125em; font-weight: 700; color: #231f20; letter-spacing: -0.02em; line-height: 1.1em; } .subtitle + .title, #ripple-block .count + .title, section.primary h4 + .title, section.primary h5 + .title, section.primary h6 + .title, section.primary h2.subtitle + .title, #ripple-block section.primary h2.count + .title, section.primary h3.subtitle + .title, #ripple-block section.primary h3.count + .title, section.primary .subtitle + h2.title, #ripple-block section.primary .count + h2.title, section.primary .subtitle + h3.title, #ripple-block section.primary .count + h3.title, section.primary h1.subtitle + .title, #ripple-block section.primary h1.count + .title, section.primary .subtitle + h1, section.primary #ripple-block .count + h1, #ripple-block section.primary .count + h1, section.primary h4 + h1, section.primary h5 + h1, section.primary h6 + h1, section.qualifiers .qualifier-row .descriptionTitle span.number + .title, section.qualifiers .qualifier-row .descriptionTitle section.primary span.number + h2.title, section.qualifiers .qualifier-row .descriptionTitle section.primary span.number + h3.title, section.qualifiers .qualifier-row .descriptionTitle section.primary span.number + h1, section.primary section.qualifiers .qualifier-row .descriptionTitle span.number + h1, section.hero ul.filter li a + .title, section.hero ul.filter li section.primary a + h2.title, section.hero ul.filter li section.primary a + h3.title, section.hero ul.filter li section.primary a + h1, section.primary section.hero ul.filter li a + h1, section.industries .container .industry-list li a span.number + .title, section.industries .container .industry-list li a section.primary span.number + h2.title, section.industries .container .industry-list li a section.primary span.number + h3.title, section.industries .container .industry-list li a section.primary span.number + h1, section.primary section.industries .container .industry-list li a span.number + h1, section.intro .subtitle + p.title, #ripple-block section.intro .count + p.title, section.primary section.intro h4 + p.title, section.primary section.intro h5 + p.title, section.primary section.intro h6 + p.title, section.qualifiers .qualifier-row .descriptionTitle section.intro span.number + p.title, section.hero ul.filter li section.intro a + p.title, section.industries .container .industry-list li a section.intro span.number + p.title, section.hero-slider .count + .title, section.hero-slider section.primary .count + h2.title, section.hero-slider section.primary .count + h3.title, section.hero-slider section.primary .count + h1, section.primary section.hero-slider .count + h1, section.hero-slider section.intro .count + p.title, header .main-menu .menu li .subtitle + a, header .main-menu .menu li #ripple-block .count + a, #ripple-block header .main-menu .menu li .count + a, header .main-menu .menu li section.primary h4 + a, section.primary header .main-menu .menu li h4 + a, header .main-menu .menu li section.primary h5 + a, section.primary header .main-menu .menu li h5 + a, header .main-menu .menu li section.primary h6 + a, section.primary header .main-menu .menu li h6 + a, header .main-menu .menu li section.primary h2.subtitle + a, #ripple-block header .main-menu .menu li section.primary h2.count + a, header .main-menu .menu li section.primary h3.subtitle + a, #ripple-block header .main-menu .menu li section.primary h3.count + a, header .main-menu .menu li section.primary h1.subtitle + a, #ripple-block header .main-menu .menu li section.primary h1.count + a, header .main-menu .menu li section.qualifiers .qualifier-row .descriptionTitle span.number + a, section.qualifiers .qualifier-row .descriptionTitle header .main-menu .menu li span.number + a, header .main-menu .menu section.hero ul.filter li a + a, section.hero ul.filter header .main-menu .menu li a + a, header .main-menu .menu section.industries .container .industry-list li a span.number + a, section.industries .container .industry-list header .main-menu .menu li a span.number + a, header .main-menu .menu li section.hero-slider .count + a, section.hero-slider header .main-menu .menu li .count + a { margin-top: 20px; } .title + p, section.primary h2.title + p, section.primary h3.title + p, section.primary h1 + p, section.intro p.title + p, header .main-menu .menu li a + p { margin-top: 20px; } .title + p.paragraphLarge, section.primary h2.title + p.paragraphLarge, section.primary h3.title + p.paragraphLarge, section.primary h1 + p.paragraphLarge, section.intro .title + p, section.intro section.primary h2.title + p, section.intro section.primary h3.title + p, section.intro section.primary h1 + p, section.primary section.intro h1 + p, header .main-menu .menu li a + p.paragraphLarge, header .main-menu .menu li section.intro a + p, section.intro header .main-menu .menu li a + p { margin-top: 10px; } @media (max-width: 900px) { .title, section.primary h2.title, section.primary h3.title, section.primary h1, section.intro p.title, header .main-menu .menu li a { font-size: 2.5em; } } @media (max-width: 767px) { .title, section.primary h2.title, section.primary h3.title, section.primary h1, section.intro p.title, header .main-menu .menu li a { font-size: 1.875em; } } .titleSmall, .gform_confirmation_message, section.primary h2, section.primary h3, section.primary h1.titleSmall, section.primary h1.gform_confirmation_message { font-size: 2em; font-weight: 500; color: #231f20; letter-spacing: -0.02em; line-height: 1.1em; } .titleSmall + p, .gform_confirmation_message + p, section.primary h2 + p, section.primary h3 + p, section.primary h1.titleSmall + p, section.primary h1.gform_confirmation_message + p { margin-top: 20px; } @media (max-width: 900px) { .titleSmall, .gform_confirmation_message, section.primary h2, section.primary h3, section.primary h1.titleSmall, section.primary h1.gform_confirmation_message { font-size: 1.5em; } .titleSmall + p, .gform_confirmation_message + p, section.primary h2 + p, section.primary h3 + p, section.primary h1.titleSmall + p, section.primary h1.gform_confirmation_message + p { margin-top: 15px; } } .descriptionTitle, section.primary h2.descriptionTitle, section.primary h3.descriptionTitle, section.primary h1.descriptionTitle { font-size: 1.5em; font-weight: 500; color: #231f20; letter-spacing: -0.02em; line-height: 1.1em; } .descriptionTitle + p, section.primary h2.descriptionTitle + p, section.primary h3.descriptionTitle + p, section.primary h1.descriptionTitle + p { margin-top: 20px; } .smallTitle, section.primary h2.smallTitle, section.primary h3.smallTitle, section.primary h1.smallTitle { color: #231f20; letter-spacing: 0; line-height: 1.2em; font-size: 40px; font-weight: 400; margin-bottom: 25px; } @media (max-width: 900px) { .smallTitle, section.primary h2.smallTitle, section.primary h3.smallTitle, section.primary h1.smallTitle { font-size: 26px; } } .subtitle, #ripple-block .count, section.primary h4, section.primary h5, section.primary h6, section.primary h2.subtitle, section.primary h3.subtitle, section.primary h1.subtitle, section.qualifiers .qualifier-row .descriptionTitle span.number, section.hero ul.filter li a, section.industries .container .industry-list li a span.number, section.hero-slider .count { font-size: 0.875em; letter-spacing: 0.1em; color: #8d9ba0; font-weight: 700; line-height: 1.2em; position: relative; text-transform: uppercase; } .subtitle.divider:before, #ripple-block .divider.count:before, section.primary h4.divider:before, section.primary h5.divider:before, section.primary h6.divider:before, section.primary h2.divider.subtitle:before, section.primary h3.divider.subtitle:before, section.primary h1.divider.subtitle:before, section.qualifiers .qualifier-row .descriptionTitle span.divider.number:before, section.hero ul.filter li a.divider:before, section.industries .container .industry-list li a span.divider.number:before, section.hero-slider .divider.count:before { content: ''; width: 75px; height: 1px; background-color: #c8d8e1; position: absolute; left: -25px; top: 7px; transform: translateX(-100%); } @media (max-width: 1450px) { .subtitle.divider:before, #ripple-block .divider.count:before, section.primary h4.divider:before, section.primary h5.divider:before, section.primary h6.divider:before, section.primary h2.divider.subtitle:before, section.primary h3.divider.subtitle:before, section.primary h1.divider.subtitle:before, section.qualifiers .qualifier-row .descriptionTitle span.divider.number:before, section.hero ul.filter li a.divider:before, section.industries .container .industry-list li a span.divider.number:before, section.hero-slider .divider.count:before { position: relative; left: 0; width: 50px; transform: none; margin-right: 15px; display: inline-block; } } @media (max-width: 767px) { .subtitle.divider:before, #ripple-block .divider.count:before, section.primary h4.divider:before, section.primary h5.divider:before, section.primary h6.divider:before, section.primary h2.divider.subtitle:before, section.primary h3.divider.subtitle:before, section.primary h1.divider.subtitle:before, section.qualifiers .qualifier-row .descriptionTitle span.divider.number:before, section.hero ul.filter li a.divider:before, section.industries .container .industry-list li a span.divider.number:before, section.hero-slider .divider.count:before { width: 30px; } } @media (max-width: 1450px) { .subtitle.divider, #ripple-block .divider.count, section.primary h4.divider, section.primary h5.divider, section.primary h6.divider, section.primary h2.divider.subtitle, section.primary h3.divider.subtitle, section.primary h1.divider.subtitle, section.qualifiers .qualifier-row .descriptionTitle span.divider.number, section.hero ul.filter li a.divider, section.industries .container .industry-list li a span.divider.number, section.hero-slider .divider.count { display: flex; align-items: flex-start; } } .subtitle + .headline-wrap, #ripple-block .count + .headline-wrap, section.primary h4 + .headline-wrap, section.primary h5 + .headline-wrap, section.primary h6 + .headline-wrap, section.primary h2.subtitle + .headline-wrap, #ripple-block section.primary h2.count + .headline-wrap, section.primary h3.subtitle + .headline-wrap, #ripple-block section.primary h3.count + .headline-wrap, section.primary h1.subtitle + .headline-wrap, #ripple-block section.primary h1.count + .headline-wrap, section.qualifiers .qualifier-row .descriptionTitle span.number + .headline-wrap, section.hero ul.filter li a + .headline-wrap, section.industries .container .industry-list li a span.number + .headline-wrap, section.hero-slider .count + .headline-wrap { margin-top: 20px; } .subtitle a, #ripple-block .count a, section.primary h4 a, section.primary h5 a, section.primary h6 a, section.primary h2.subtitle a, section.primary h3.subtitle a, section.primary h1.subtitle a, section.qualifiers .qualifier-row .descriptionTitle span.number a, section.hero ul.filter li a a, section.industries .container .industry-list li a span.number a, section.hero-slider .count a { color: #8d9ba0; text-decoration: none; } .subtitle a:hover, #ripple-block .count a:hover, section.primary h4 a:hover, section.primary h5 a:hover, section.primary h6 a:hover, section.primary h2.subtitle a:hover, section.primary h3.subtitle a:hover, section.primary h1.subtitle a:hover, section.qualifiers .qualifier-row .descriptionTitle span.number a:hover, section.hero ul.filter li a a:hover, section.industries .container .industry-list li a span.number a:hover, section.hero-slider .count a:hover { color: #0F7BB6; } .paragraph, section.footer p, section.footer a, section.footer ul li, form .gform_footer input.button, form .validation_error, form ul li .ginput_container_checkbox ul li label, section.primary p.wp-caption-text, section.filter .select .label-wrap label, section.alternating > .container .media a.caption, .work-grid .work-tile .copy p, .work-grid .work-ajax-tile .copy p, a.underline, span.underline, a.next, a.back, a.play, a.download, section.download-popup p.dlm-nf-download-link a, section.primary a.download:not(.next):not(.back), section.primary section.download-popup p.dlm-nf-download-link a:not(.next):not(.back), section.download-popup p.dlm-nf-download-link section.primary a:not(.next):not(.back), section.primary section.intro p.dlm-nf-download-link a:not(.back), section.intro p.dlm-nf-download-link section.primary a:not(.back), section.intro p.dlm-nf-download-link a, span.next, span.back, span.play, span.download, p, ul:not(.menu) li, ol li { font-size: 1.125em; font-weight: 400; color: #686868; letter-spacing: -0.02em; line-height: 1.7em; } @media (max-width: 767px) { .paragraph, section.footer p, section.footer a, section.footer ul li, form .gform_footer input.button, form .validation_error, form ul li .ginput_container_checkbox ul li label, section.primary p.wp-caption-text, section.filter .select .label-wrap label, section.alternating > .container .media a.caption, .work-grid .work-tile .copy p, .work-grid .work-ajax-tile .copy p, a.underline, span.underline, a.next, a.back, a.play, a.download, section.download-popup p.dlm-nf-download-link a, section.primary a.download:not(.next):not(.back), section.primary section.download-popup p.dlm-nf-download-link a:not(.next):not(.back), section.download-popup p.dlm-nf-download-link section.primary a:not(.next):not(.back), section.primary section.intro p.dlm-nf-download-link a:not(.back), section.intro p.dlm-nf-download-link section.primary a:not(.back), section.intro p.dlm-nf-download-link a, span.next, span.back, span.play, span.download, p, ul:not(.menu) li, ol li { font-size: 1.0625em; } } .paragraphLarge, section.intro p { font-size: 2em; font-weight: 300; line-height: 1.5em; letter-spacing: -0.02em; color: #231f20; width: 100%; max-width: 850px; } @media (max-width: 900px) { .paragraphLarge, section.intro p { font-size: 1.5em; } } * + p, * + ul:not(.menu) li, * + ol li { margin-top: 15px; } p + h1, p + h2, p + h3, p + h4, p + h5, p + h6, p + a, ul:not(.menu) li + h1, ul:not(.menu) li + h2, ul:not(.menu) li + h3, ul:not(.menu) li + h4, ul:not(.menu) li + h5, ul:not(.menu) li + h6, ul:not(.menu) li + a, ol li + h1, ol li + h2, ol li + h3, ol li + h4, ol li + h5, ol li + h6, ol li + a { margin-top: 25px; } @media (max-width: 767px) { p + h1, p + h2, p + h3, p + h4, p + h5, p + h6, p + a, ul:not(.menu) li + h1, ul:not(.menu) li + h2, ul:not(.menu) li + h3, ul:not(.menu) li + h4, ul:not(.menu) li + h5, ul:not(.menu) li + h6, ul:not(.menu) li + a, ol li + h1, ol li + h2, ol li + h3, ol li + h4, ol li + h5, ol li + h6, ol li + a { margin-top: 15px; } } .icons, #ripple-block .ripple-arrow:before, section.single-post .back-section .social-share a, section.post-author .social-share a, section.section-overlay #close, section.video-overlay #close, section.video .video-wrap:before, section.case-studies .work-no-results--message button:before, section.filter .select .workSelect .close:before, section.filter .select .workSelect .option:after, section.filter .select .label-wrap label:after, section.hero-slider .slick-arrow:before, a.play:before, span.play:before { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a, span { transition: all 0.3s ease; } a.next, a.back, a.play, a.download, section.download-popup p.dlm-nf-download-link a, section.primary a.download:not(.next):not(.back), section.primary section.download-popup p.dlm-nf-download-link a:not(.next):not(.back), section.download-popup p.dlm-nf-download-link section.primary a:not(.next):not(.back), section.primary section.intro p.dlm-nf-download-link a:not(.back), section.intro p.dlm-nf-download-link section.primary a:not(.back), section.intro p.dlm-nf-download-link a, span.next, span.back, span.play, span.download { color: #0F7BB6; font-weight: 500; display: inline-flex; align-items: center; text-decoration: none; letter-spacing: 0.02em; } a.next:hover, a.back:hover, a.play:hover, a.download:hover, section.download-popup p.dlm-nf-download-link a:hover, section.primary a.download:hover:not(.next):not(.back), section.primary section.download-popup p.dlm-nf-download-link a:hover:not(.next):not(.back), section.download-popup p.dlm-nf-download-link section.primary a:hover:not(.next):not(.back), section.primary section.intro p.dlm-nf-download-link a:hover:not(.back), section.intro p.dlm-nf-download-link section.primary a:hover:not(.back), section.intro p.dlm-nf-download-link a:hover, span.next:hover, span.back:hover, span.play:hover, span.download:hover { color: #231f20; } a.next.white, a.back.white, a.play.white, a.download.white, section.download-popup p.dlm-nf-download-link a.white, section.primary a.white.download:not(.next):not(.back), section.primary section.download-popup p.dlm-nf-download-link a.white:not(.next):not(.back), section.download-popup p.dlm-nf-download-link section.primary a.white:not(.next):not(.back), section.primary section.intro p.dlm-nf-download-link a.white:not(.back), section.intro p.dlm-nf-download-link section.primary a.white:not(.back), section.intro p.dlm-nf-download-link a.white, span.next.white, span.back.white, span.play.white, span.download.white { color: #fff; } @media (max-width: 767px) { a.next, a.back, a.play, a.download, section.download-popup p.dlm-nf-download-link a, section.primary a.download:not(.next):not(.back), section.primary section.download-popup p.dlm-nf-download-link a:not(.next):not(.back), section.download-popup p.dlm-nf-download-link section.primary a:not(.next):not(.back), section.primary section.intro p.dlm-nf-download-link a:not(.back), section.intro p.dlm-nf-download-link section.primary a:not(.back), section.intro p.dlm-nf-download-link a, span.next, span.back, span.play, span.download { font-size: 1.125em; } } p a.next, p a.back, p a.play, p a.download, section.download-popup p.dlm-nf-download-link a, p section.primary a.download:not(.next):not(.back), section.download-popup p.dlm-nf-download-link section.primary a:not(.next):not(.back), section.primary p a.download:not(.next):not(.back), section.primary section.download-popup p.dlm-nf-download-link a:not(.next):not(.back), section.download-popup section.primary p.dlm-nf-download-link a:not(.next):not(.back), section.primary section.intro p.dlm-nf-download-link a:not(.back), section.intro p.dlm-nf-download-link section.primary a:not(.back), section.intro p.dlm-nf-download-link a, p span.next, p span.back, p span.play, p span.download { font-size: 1em; } a.next:after, span.next:after { content: ''; display: inline-block; width: 35px; height: 35px; border: 1px solid #c8d8e1; border-radius: 100%; margin-left: 15px; overflow: hidden; background: url("../_assets/icons/arrow-right.svg") center no-repeat; background-size: 15px 13px; flex: 0 0 35px; } a.next:hover:after, span.next:hover:after { -webkit-animation: cta-btn-arrow-next-hover .4s ease; animation: cta-btn-arrow-next-hover .4s ease; } a.next.white:after, span.next.white:after { background: url("../_assets/icons/arrow-right_white.svg") center no-repeat; background-size: 15px 13px; } a.back:before, span.back:before { content: ''; display: inline-flex; align-items: center; justify-content: center; width: 35px; height: 35px; border: 1px solid #c8d8e1; border-radius: 100%; margin-right: 15px; overflow: hidden; background: url("../_assets/icons/arrow-left.svg") center no-repeat; background-size: 15px 13px; flex: 0 0 35px; } a.back:hover:before, span.back:hover:before { -webkit-animation: cta-btn-arrow-back-hover .4s ease; animation: cta-btn-arrow-back-hover .4s ease; } a.back.white:before, span.back.white:before { background: url("../_assets/icons/arrow-right_white.svg") center no-repeat; background-size: 15px 13px; } a.download:before, section.download-popup p.dlm-nf-download-link a:before, section.primary a.download:not(.next):not(.back):before, section.primary section.download-popup p.dlm-nf-download-link a:not(.next):not(.back):before, section.download-popup p.dlm-nf-download-link section.primary a:not(.next):not(.back):before, section.primary section.intro p.dlm-nf-download-link a:not(.back):before, section.intro p.dlm-nf-download-link section.primary a:not(.back):before, section.intro p.dlm-nf-download-link a:before, span.download:before { content: ''; display: inline-flex; align-items: center; justify-content: center; width: 35px; height: 35px; border: 1px solid #c8d8e1; border-radius: 100%; margin-right: 15px; overflow: hidden; background: url("../_assets/icons/arrow-down.svg") center no-repeat; background-size: 13px 15px; flex: 0 0 35px; } a.download:hover:before, section.download-popup p.dlm-nf-download-link a:hover:before, section.primary a.download:hover:not(.next):not(.back):before, section.primary section.download-popup p.dlm-nf-download-link a:hover:not(.next):not(.back):before, section.download-popup p.dlm-nf-download-link section.primary a:hover:not(.next):not(.back):before, section.primary section.intro p.dlm-nf-download-link a:hover:not(.back):before, section.intro p.dlm-nf-download-link section.primary a:hover:not(.back):before, section.intro p.dlm-nf-download-link a:hover:before, span.download:hover:before { -webkit-animation: cta-btn-arrow-down-hover .4s ease; animation: cta-btn-arrow-down-hover .4s ease; } a.play:before, span.play:before { content: "\e90c"; color: #0F7BB6; font-size: 10px; padding-left: 3px; width: 35px; height: 35px; border: 1px solid #c8d8e1; border-radius: 100%; display: inline-flex; align-items: center; justify-content: center; margin-right: 15px; flex: 0 0 35px; } a.underline, span.underline { letter-spacing: 0.02em; font-weight: 500; color: #fff; text-decoration: none; position: relative; background-image: linear-gradient(#fff 50%, rgba(255, 255, 255, 0) 50%); background-size: 100% 3px; background-position: 100% 100%; padding-bottom: 10px; background-repeat: no-repeat; display: inline-block; } a.underline:hover, a.underline:focus, span.underline:hover, span.underline:focus { outline: none; -webkit-animation: underline-hover 0.5s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1 normal none running; animation: underline-hover 0.5s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1 normal none running; } * + a.underline, * + span.underline { margin-top: 25px; } @-webkit-keyframes underline-hover { 0% { background-size: 100% 3px; background-position: 100% 100%; } 50% { background-size: 0 3px; background-position: 100% 100%; } 50.01% { background-size: 0 3px; background-position: 0% 100%; } to { background-size: 100% 3px; background-position: 0% 100%; } } @keyframes underline-hover { 0% { background-size: 100% 3px; background-position: 100% 100%; } 50% { background-size: 0 3px; background-position: 100% 100%; } 50.01% { background-size: 0 3px; background-position: 0% 100%; } to { background-size: 100% 3px; background-position: 0% 100%; } } @-webkit-keyframes cta-btn-arrow-next-hover { 0% { background-position: center center; } 50% { background-position: 37px center; } 50.1% { background-position: 37px -37px; } 50.2% { background-position: -37px -37px; } 50.3% { background-position: -37px center; } 100% { background-position: center center; } } @keyframes cta-btn-arrow-next-hover { 0% { background-position: center center; } 50% { background-position: 37px center; } 50.1% { background-position: 37px -37px; } 50.2% { background-position: -37px -37px; } 50.3% { background-position: -37px center; } 100% { background-position: center center; } } @-webkit-keyframes cta-btn-arrow-back-hover { 0% { background-position: center center; } 50% { background-position: -37px center; } 50.1% { background-position: -37px 37px; } 50.2% { background-position: 37px 37px; } 50.3% { background-position: 37px center; } 100% { background-position: center center; } } @keyframes cta-btn-arrow-back-hover { 0% { background-position: center center; } 50% { background-position: -37px center; } 50.1% { background-position: -37px 37px; } 50.2% { background-position: 37px 37px; } 50.3% { background-position: 37px center; } 100% { background-position: center center; } } @-webkit-keyframes cta-btn-arrow-down-hover { 0% { background-position: center center; } 50% { background-position: center 37px; } 50.1% { background-position: 37px 37px; } 50.2% { background-position: 37px -37px; } 50.3% { background-position: center -37px; } 100% { background-position: center center; } } @keyframes cta-btn-arrow-down-hover { 0% { background-position: center center; } 50% { background-position: center 37px; } 50.1% { background-position: 37px 37px; } 50.2% { background-position: 37px -37px; } 50.3% { background-position: center -37px; } 100% { background-position: center center; } } section { padding: 9.375rem 6.25rem; } @media (max-width: 767px) { section { padding: 70px 25px; } } section .container { width: 1200px; max-width: 100%; margin: 0 auto; } section .container.small { width: 800px; } section .container.large { width: 1400px; } section.gray { background: #f4f7f9; } section.dark { background: #2e2f33; } section.dark a.underline { color: #fff; } section.dark .title, section.dark section.primary h2.title, section.primary section.dark h2.title, section.dark section.primary h3.title, section.primary section.dark h3.title, section.dark section.primary h1, section.primary section.dark h1, section.dark section.intro p.title, section.intro section.dark p.title, section.dark header .main-menu .menu li a, header .main-menu .menu li section.dark a, section.dark .descriptionTitle, section.dark section.primary h2.descriptionTitle, section.primary section.dark h2.descriptionTitle, section.dark section.primary h3.descriptionTitle, section.primary section.dark h3.descriptionTitle { color: #fff; } section.dark .subtitle, section.dark #ripple-block .count, #ripple-block section.dark .count, section.dark section.primary h4, section.primary section.dark h4, section.dark section.primary h5, section.primary section.dark h5, section.dark section.primary h6, section.primary section.dark h6, section.dark section.primary h2.subtitle, section.primary section.dark h2.subtitle, section.dark section.primary h3.subtitle, section.primary section.dark h3.subtitle, section.dark section.primary h1.subtitle, section.primary section.dark h1.subtitle, section.dark section.qualifiers .qualifier-row .descriptionTitle span.number, section.qualifiers .qualifier-row .descriptionTitle section.dark span.number, section.dark section.hero ul.filter li a, section.hero ul.filter li section.dark a, section.dark section.industries .container .industry-list li a span.number, section.industries .container .industry-list li a section.dark span.number, section.dark section.hero-slider .count, section.hero-slider section.dark .count { color: #fff; } section.dark .subtitle.divider:before, section.dark #ripple-block .divider.count:before, #ripple-block section.dark .divider.count:before, section.dark section.primary h4.divider:before, section.primary section.dark h4.divider:before, section.dark section.primary h5.divider:before, section.primary section.dark h5.divider:before, section.dark section.primary h6.divider:before, section.primary section.dark h6.divider:before, section.dark section.qualifiers .qualifier-row .descriptionTitle span.divider.number:before, section.qualifiers .qualifier-row .descriptionTitle section.dark span.divider.number:before, section.dark section.hero ul.filter li a.divider:before, section.hero ul.filter li section.dark a.divider:before, section.dark section.industries .container .industry-list li a span.divider.number:before, section.industries .container .industry-list li a section.dark span.divider.number:before, section.dark section.hero-slider .divider.count:before, section.hero-slider section.dark .divider.count:before { background-color: #fff; } section.dark p { color: #8d9ba0; } section.dark strong { color: #fff; } section:not(.dark):not(.gray):not(.hero-slider):not(.full-image):not(.image-grid):not(#ripple-block) + section:not(.dark):not(.gray):not(.hero-slider):not(.full-image):not(.image-grid):not(.video-overlay):not(#ripple-block) { padding-top: 0; } header { display: flex; align-items: center; justify-content: space-between; padding: 3.125rem; position: fixed; left: 0; top: 0; width: 100%; z-index: 9999; transition: all 0.3s ease; } @media (max-width: 900px) { header.nav-up { top: -100px; } header.nav-down { top: 0; background: #fff; } header.nav-down .logo svg .st1 { fill: #231f20; } body.home header.nav-down .logo svg .st1 { fill: #231f20; } header.nav-down .nav-toggle i { background-color: #231f20; } body.home header.nav-down .nav-toggle i { background-color: #231f20; } header.nav-down .logo #Ideabar #letters path, header.nav-down .logo #Ideabar #letters rect { fill: #231f20; } header.nav-down .logo #Ideabar #dot { fill: #0F7BB6; } header.nav-down .logo #tagline path, header.nav-down .logo #tagline rect { fill: #A3BBC3; } header.nav-down.white .logo svg path:not(.st0), header.nav-down.white .logo svg rect { fill: #231f20; } header.nav-down.white .nav-toggle i { background-color: #231f20 !important; } header.nav-down.white .logo svg #Ideabar #letters path, header.nav-down.white .logo svg #Ideabar #letters rect { fill: #231f20; } header.nav-down.white .logo svg #Ideabar #dot { fill: #0F7BB6; } header.nav-down.white .logo svg #tagline path, header.nav-down.white .logo svg #tagline rect { fill: #A3BBC3; } } @media (max-width: 767px) { header { padding: 25px; } header.nav-up { top: -85px; } } header .logo { width: 175px; position: relative; z-index: 9999; } @media (max-width: 767px) { header .logo { width: 120px; } } header .logo svg { width: 100%; } header .logo svg rect, header .logo svg path { transition: all 0.2s ease; } header .logo svg #Ideabar #letters path, header .logo svg #Ideabar #letters rect { fill: #231f20; } header .logo svg #Ideabar #dot { fill: #0F7BB6; } header .logo svg #tagline path, header .logo svg #tagline rect { fill: #A3BBC3; } header .logo svg .st1 { fill: #231f20; } header .logo svg .st0 { fill: #A3BBC3; } header .logo .main-logo { transition: all 0.2s ease; } header .logo .small-logo { opacity: 0; transition: all 0.2s ease; position: absolute; top: 0; left: 0; width: 60px; } header .logo .small-logo svg .st0 { fill: #0F7BB6; } @media (max-width: 767px) { header .logo .small-logo { width: 40px; } } header.small .logo .small-logo { opacity: 1; } header.small .logo .main-logo { opacity: 0; } header .nav-toggle { background: transparent; padding: 0; cursor: pointer; z-index: 9999; width: 25px; height: 25px; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; } body.overlay header .nav-toggle { z-index: -1; } header .nav-toggle:focus { outline: none; } header .nav-toggle i { width: 23px; height: 2px; background-color: #231f20; display: block; transition: all 0.2s ease; } header .nav-toggle i + i { margin-top: 5px; } body.nav-expanded header .nav-toggle i { background-color: #fff; } body.nav-expanded header .nav-toggle i:nth-of-type(1) { opacity: 0; } body.nav-expanded header .nav-toggle i:nth-of-type(2) { transform: rotate(-45deg); } body.nav-expanded header .nav-toggle i:nth-of-type(3) { transform: rotate(45deg); margin-top: -2px; } @media (max-width: 900px) { body.nav-expanded header .nav-toggle i { background: #231f20; } } body.home header.small .nav-toggle i { background-color: #231f20; } body.home.nav-expanded header.small .nav-toggle i { background-color: #fff; } @media (max-width: 900px) { body.home.nav-expanded header.small .nav-toggle i { background-color: #231f20; } } header.white .logo svg .st1, body.home header .logo svg .st1 { fill: #fff; } body.nav-expanded header.white .logo svg .st1, body.nav-expanded body.home header .logo svg .st1 { fill: #231f20; } header.white .logo svg #Ideabar #letters path, header.white .logo svg #Ideabar #letters rect, body.home header .logo svg #Ideabar #letters path, body.home header .logo svg #Ideabar #letters rect { fill: #fff; } header.white .nav-toggle i, body.home header .nav-toggle i { background-color: #fff; } body.home header.dark .nav-toggle i { background: #231f20; } body.home header.dark .logo svg .st1 { fill: #231f20; } body.home header.dark .logo svg #Ideabar #letters path, body.home header.dark .logo svg #Ideabar #letters rect { fill: #231f20; } body.home.nav-expanded header.dark .nav-toggle i { background: #fff; } header.white .logo svg rect, header.white .logo svg path:not(.st0) { fill: #fff; } body.nav-expanded header.white .logo svg rect, body.nav-expanded header.white .logo svg path:not(.st0) { fill: #231f20; } header.white .logo svg #Ideabar #letters path, header.white .logo svg #Ideabar #letters rect { fill: #fff; } body.nav-expanded header.white .logo svg #Ideabar #letters path, body.nav-expanded header.white .logo svg #Ideabar #letters rect { fill: #231f20; } header.white .nav-toggle i { background-color: #fff !important; } body.home.nav-expanded header .logo svg .st1 { fill: #231f20; } body.home.nav-expanded header .logo svg #Ideabar #letters path, body.home.nav-expanded header .logo svg #Ideabar #letters rect { fill: #231f20; } @media (max-width: 900px) { body.home.nav-expanded header .nav-toggle i { background-color: #231f20; } } header .main-menu { visibility: hidden; display: flex; align-items: center; position: fixed; top: 0; right: 0; background-color: #fff; width: 0; height: 800px; min-height: 100vh; z-index: 999; overflow: hidden; transition: width 0.3s ease; } header .main-menu.bg { background-color: #fff; transition: all 0.5s ease; } header .main-menu.active { width: 100%; visibility: visible; } header .main-menu.active .menu:before { opacity: 1; } header .main-menu .container { display: flex; } header .main-menu .social, header .main-menu .locations, header .main-menu .menu { width: 33.33%; } header .main-menu .subtitle.divider, header .main-menu #ripple-block .divider.count, #ripple-block header .main-menu .divider.count, header .main-menu section.primary h4.divider, section.primary header .main-menu h4.divider, header .main-menu section.primary h5.divider, section.primary header .main-menu h5.divider, header .main-menu section.primary h6.divider, section.primary header .main-menu h6.divider, header .main-menu section.qualifiers .qualifier-row .descriptionTitle span.divider.number, section.qualifiers .qualifier-row .descriptionTitle header .main-menu span.divider.number, header .main-menu section.hero ul.filter li a.divider, section.hero ul.filter li header .main-menu a.divider, header .main-menu section.industries .container .industry-list li a span.divider.number, section.industries .container .industry-list li a header .main-menu span.divider.number, header .main-menu section.hero-slider .divider.count, section.hero-slider header .main-menu .divider.count { display: flex; align-items: center; opacity: 0; position: relative; top: 10px; } header .main-menu .subtitle.divider:before, header .main-menu #ripple-block .divider.count:before, #ripple-block header .main-menu .divider.count:before, header .main-menu section.primary h4.divider:before, section.primary header .main-menu h4.divider:before, header .main-menu section.primary h5.divider:before, section.primary header .main-menu h5.divider:before, header .main-menu section.primary h6.divider:before, section.primary header .main-menu h6.divider:before, header .main-menu section.qualifiers .qualifier-row .descriptionTitle span.divider.number:before, section.qualifiers .qualifier-row .descriptionTitle header .main-menu span.divider.number:before, header .main-menu section.hero ul.filter li a.divider:before, section.hero ul.filter li header .main-menu a.divider:before, header .main-menu section.industries .container .industry-list li a span.divider.number:before, section.industries .container .industry-list li a header .main-menu span.divider.number:before, header .main-menu section.hero-slider .divider.count:before, section.hero-slider header .main-menu .divider.count:before { width: 30px; left: 0; top: 0; transform: none; margin-right: 10px; position: relative; } header .main-menu .social ul { margin-top: 40px; } header .main-menu .social ul li { font-size: 16px; opacity: 0; position: relative; top: 20px; } header .main-menu .social ul li a { font-weight: 700; color: #231f20; letter-spacing: 0.02em; font-size: 1em; text-decoration: none; background-image: linear-gradient(#fff 50%, rgba(255, 255, 255, 0) 50%); background-size: 100% 3px; background-position: 100% 100%; padding-bottom: 2px; background-repeat: no-repeat; display: inline-block; } header .main-menu .social ul li a:hover, header .main-menu .social ul li a:focus { color: #0F7BB6; outline: none; background-image: linear-gradient(#0F7BB6 50%, rgba(107, 190, 74, 0) 50%); -webkit-animation: underline-hover 0.5s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1 normal none running; animation: underline-hover 0.5s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1 normal none running; } header .main-menu .social ul li + li { margin-top: 23px; } header .main-menu .locations .subtitle + p, header .main-menu .locations #ripple-block .count + p, #ripple-block header .main-menu .locations .count + p, header .main-menu .locations section.primary h4 + p, section.primary header .main-menu .locations h4 + p, header .main-menu .locations section.primary h5 + p, section.primary header .main-menu .locations h5 + p, header .main-menu .locations section.primary h6 + p, section.primary header .main-menu .locations h6 + p, header .main-menu .locations section.primary h2.subtitle + p, #ripple-block header .main-menu .locations section.primary h2.count + p, header .main-menu .locations section.primary h3.subtitle + p, #ripple-block header .main-menu .locations section.primary h3.count + p, header .main-menu .locations section.primary h1.subtitle + p, #ripple-block header .main-menu .locations section.primary h1.count + p, header .main-menu .locations section.qualifiers .qualifier-row .descriptionTitle span.number + p, section.qualifiers .qualifier-row .descriptionTitle header .main-menu .locations span.number + p, header .main-menu .locations section.hero ul.filter li a + p, section.hero ul.filter li header .main-menu .locations a + p, header .main-menu .locations section.industries .container .industry-list li a span.number + p, section.industries .container .industry-list li a header .main-menu .locations span.number + p, header .main-menu .locations section.hero-slider .count + p, section.hero-slider header .main-menu .locations .count + p { margin-top: 40px; } header .main-menu .locations p { font-size: 1em; opacity: 0; position: relative; top: 20px; } header .main-menu .locations p strong { color: #231f20; } header .main-menu .locations p + p { margin-top: 25px; } header .main-menu .menu { text-align: right; padding: 0 0 0 3.125rem; position: relative; margin-top: -17.5px; } header .main-menu .menu:before { content: ''; background: #0F7BB6; width: 60vw; height: 110vh; position: absolute; left: 6.25rem; top: 50%; transform: translateY(-50%); z-index: -1; border-radius: 100%; transition: all 0.3s ease; opacity: 0; } @media (max-width: 1200px) { header .main-menu .menu:before { left: 0; } } @media (min-width: 1850px) { header .main-menu .menu:before { height: 120vh; width: 50vw; } } header .main-menu #menu-item-48_active.menu:before { background: #36b1de; } header .main-menu #menu-item-47_active.menu:before { background: #e6a9c9; } header .main-menu #menu-item-46_active.menu:before { background: #938bb6; } header .main-menu #menu-item-45_active.menu:before { background: #f27179; } header .main-menu #menu-item-44_active.menu:before { background: #edc536; } header .main-menu #menu-item-43_active.menu:before { background: #c8d8e1; } header .main-menu .menu li { opacity: 0; position: relative; } header .main-menu .menu li a { color: #fff; font-size: 2.8125em; text-decoration: none; text-transform: lowercase; padding: 17.5px 0; display: inline-block; position: relative; background-image: linear-gradient(rgba(107, 190, 74, 0) 50%, rgba(107, 190, 74, 0) 50%); background-size: 100% 6px; background-position: 100% 95%; background-repeat: no-repeat; } @media (max-width: 1100px) { header .main-menu .menu li a { font-size: 2.1875em; } } header .main-menu .menu li a:hover, header .main-menu .menu li a:focus { outline: none; background-image: linear-gradient(#fff 50%, rgba(255, 255, 255, 0) 50%); -webkit-animation: menu-underline-hover 0.5s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1 normal none running; animation: menu-underline-hover 0.5s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1 normal none running; } header .main-menu .menu li.current-menu-item a { background-image: linear-gradient(#fff 50%, rgba(255, 255, 255, 0) 50%); } header .main-menu .menu li.current-menu-item a:hover { -webkit-animation: none; animation: none; } @media (max-width: 900px) { header .main-menu { display: block; overflow: scroll; -webkit-overflow-scrolling: touch; padding-top: 115px; } header .main-menu .social, header .main-menu .locations { display: none; } header .main-menu .menu { width: 100%; text-align: left; padding: 0; margin: 0; } header .main-menu .menu:before { content: none; } header .main-menu .menu li a { color: #231f20; font-size: 2.125em; padding: 20px 0; background-image: none; } header .main-menu .menu li a:hover, header .main-menu .menu li a:focus { background-image: none; -webkit-animation: none; animation: none; } header .main-menu .menu li.current-menu-item a { position: relative; color: #0F7BB6; } header .main-menu .menu li.current-menu-item a:after { content: ''; position: relative; left: 0; bottom: 0; width: 100%; height: 3px; background: #0F7BB6; display: block; margin-top: 5px; } } @-webkit-keyframes menu-underline-hover { 0% { background-size: 100% 6px; background-position: 100% 95%; } 50% { background-size: 0 6px; background-position: 100% 95%; } 50.01% { background-size: 0 6px; background-position: 0% 95%; } to { background-size: 100% 6px; background-position: 0% 95%; } } @keyframes menu-underline-hover { 0% { background-size: 100% 6px; background-position: 100% 95%; } 50% { background-size: 0 6px; background-position: 100% 95%; } 50.01% { background-size: 0 6px; background-position: 0% 95%; } to { background-size: 100% 6px; background-position: 0% 95%; } } section.hero-slider { padding: 0; background: #000; width: 100%; height: 67.5rem; max-height: 100vh; min-height: 650px; } @media (min-width: 1600px) { section.hero-slider { height: calc(56.25vw - 129px); } } @media (max-width: 900px) { section.hero-slider { min-height: inherit; } } @media (max-width: 767px) { section.hero-slider { height: 100vh; max-height: 800px; position: relative; } } section.hero-slider .count { position: absolute; right: 3.125rem; bottom: 300px; color: #fff; display: flex; align-items: center; transform: rotate(90deg) translateY(100%); transform-origin: 100%; } section.hero-slider .count span { width: 65px; height: 1px; background: #fff; margin: 0 10px; } @media (max-width: 767px) { section.hero-slider .count { bottom: 147px; right: 15px; } section.hero-slider .count span { width: 30px; } } section.hero-slider .slick-list, section.hero-slider .slick-track { height: 100%; position: absolute; top: 0; left: 0; width: 100%; } section.hero-slider .slide { width: 100%; height: 100%; padding: 9.375rem 6.25rem; position: relative; display: flex; align-items: center; } @media (max-width: 767px) { section.hero-slider .slide:before { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(35, 31, 32, 0.2); z-index: 1; top: 0; left: 0; } } @media (max-width: 767px) { section.hero-slider .slide { padding: 110px 25px 25px 25px; display: block; } } section.hero-slider .slide.compat-object-fit { background-size: cover; background-position: center; } section.hero-slider .slide.compat-object-fit img { display: none; } section.hero-slider .slide img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } section.hero-slider .slide img.mobile-img { display: none; } @media (max-width: 767px) { section.hero-slider .slide img.mobile-img { display: block; } } section.hero-slider .slide .container { position: relative; } section.hero-slider .slide .copy { position: relative; z-index: 2; max-width: 600px; width: 100%; } section.hero-slider .slide .copy .subtitle + .titleLarge, section.hero-slider .slide .copy #ripple-block .count + .titleLarge, #ripple-block section.hero-slider .slide .copy .count + .titleLarge, section.hero-slider .slide .copy section.primary h4 + .titleLarge, section.primary section.hero-slider .slide .copy h4 + .titleLarge, section.hero-slider .slide .copy section.primary h5 + .titleLarge, section.primary section.hero-slider .slide .copy h5 + .titleLarge, section.hero-slider .slide .copy section.primary h6 + .titleLarge, section.primary section.hero-slider .slide .copy h6 + .titleLarge, section.hero-slider .slide .copy section.primary h2.subtitle + .titleLarge, #ripple-block section.hero-slider .slide .copy section.primary h2.count + .titleLarge, section.hero-slider .slide .copy section.primary h3.subtitle + .titleLarge, #ripple-block section.hero-slider .slide .copy section.primary h3.count + .titleLarge, section.hero-slider .slide .copy section.primary h1.subtitle + .titleLarge, #ripple-block section.hero-slider .slide .copy section.primary h1.count + .titleLarge, section.hero-slider .slide .copy section.qualifiers .qualifier-row .descriptionTitle span.number + .titleLarge, section.qualifiers .qualifier-row .descriptionTitle section.hero-slider .slide .copy span.number + .titleLarge, section.hero-slider .slide .copy section.hero ul.filter li a + .titleLarge, section.hero ul.filter li section.hero-slider .slide .copy a + .titleLarge, section.hero-slider .slide .copy section.industries .container .industry-list li a span.number + .titleLarge, section.industries .container .industry-list li a section.hero-slider .slide .copy span.number + .titleLarge, section.hero-slider .slide .copy .count + .titleLarge { margin-top: 15px; } section.hero-slider .slide .copy .subtitle, section.hero-slider .slide .copy #ripple-block .count, #ripple-block section.hero-slider .slide .copy .count, section.hero-slider .slide .copy section.primary h4, section.primary section.hero-slider .slide .copy h4, section.hero-slider .slide .copy section.primary h5, section.primary section.hero-slider .slide .copy h5, section.hero-slider .slide .copy section.primary h6, section.primary section.hero-slider .slide .copy h6, section.hero-slider .slide .copy section.qualifiers .qualifier-row .descriptionTitle span.number, section.qualifiers .qualifier-row .descriptionTitle section.hero-slider .slide .copy span.number, section.hero-slider .slide .copy section.hero ul.filter li a, section.hero ul.filter li section.hero-slider .slide .copy a, section.hero-slider .slide .copy section.industries .container .industry-list li a span.number, section.industries .container .industry-list li a section.hero-slider .slide .copy span.number, section.hero-slider .slide .copy .count, section.hero-slider .slide .copy .titleLarge { color: #fff; } section.hero-slider .slide .copy .subtitle:before, section.hero-slider .slide .copy #ripple-block .count:before, #ripple-block section.hero-slider .slide .copy .count:before, section.hero-slider .slide .copy section.primary h4:before, section.primary section.hero-slider .slide .copy h4:before, section.hero-slider .slide .copy section.primary h5:before, section.primary section.hero-slider .slide .copy h5:before, section.hero-slider .slide .copy section.primary h6:before, section.primary section.hero-slider .slide .copy h6:before, section.hero-slider .slide .copy section.qualifiers .qualifier-row .descriptionTitle span.number:before, section.qualifiers .qualifier-row .descriptionTitle section.hero-slider .slide .copy span.number:before, section.hero-slider .slide .copy section.hero ul.filter li a:before, section.hero ul.filter li section.hero-slider .slide .copy a:before, section.hero-slider .slide .copy section.industries .container .industry-list li a span.number:before, section.industries .container .industry-list li a section.hero-slider .slide .copy span.number:before, section.hero-slider .slide .copy .count:before, section.hero-slider .slide .copy .titleLarge:before { background-color: #fff; } section.hero-slider .slide .copy .titleLarge + p { color: #fff; font-size: 1.25em; } @media (max-width: 767px) { section.hero-slider .slide .copy .titleLarge + p { font-size: 1.125em; margin-top: 15px; } } section.hero-slider .slide .btn-wrap { width: 100%; position: absolute; bottom: 3.125rem; left: 0; z-index: 2; padding: 0 6.25rem; } @media (max-width: 767px) { section.hero-slider .slide .btn-wrap { bottom: 25px; padding: 0 25px; } } section.hero-slider .slick-arrow { background: rgba(255, 255, 255, 0.15); padding: 0; width: 125px; height: 125px; font-size: 0; position: absolute; right: 0; bottom: 0; cursor: pointer; z-index: 2; transition: all 0.3s ease; } section.hero-slider .slick-arrow:before { content: "\e90a"; font-size: 35px; color: #fff; } section.hero-slider .slick-arrow.slick-next { bottom: 127px; } section.hero-slider .slick-arrow.slick-next:before { content: "\e90b"; } section.hero-slider .slick-arrow:focus, section.hero-slider .slick-arrow:hover { outline: none; background: rgba(255, 255, 255, 0.25); } @media (max-width: 767px) { section.hero-slider .slick-arrow { width: 60px; height: 60px; } section.hero-slider .slick-arrow:before { font-size: 25px; } section.hero-slider .slick-arrow.slick-next { bottom: 62px; } } .headline-wrap { display: flex; align-items: flex-end; justify-content: space-between; } @media (max-width: 900px) { .headline-wrap { display: block; } .headline-wrap a.next { margin-top: 15px; } } section.intro a:not(.next):not(.back):not(.play):not(.download) { color: #0F7BB6; text-decoration: none; background-image: linear-gradient(#0F7BB6 50%, rgba(107, 190, 74, 0) 50%); background-size: 100% 3px; background-position: 100% 100%; padding-bottom: 2px; background-repeat: no-repeat; display: inline-block; } section.intro a:not(.next):not(.back):not(.play):not(.download):hover, section.intro a:not(.next):not(.back):not(.play):not(.download):focus { outline: none; -webkit-animation: underline-hover 0.5s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1 normal none running; animation: underline-hover 0.5s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1 normal none running; } section.intro p.dlm-nf-download-link a { font-size: 18px; } .text-grid { display: flex; align-items: stretch; flex-wrap: wrap; width: calc(100% + 3.125rem); margin: -1.5625rem; margin-top: 50px; } .text-grid .text-wrap { width: 33.33%; padding: 1.5625rem; } .text-grid .text-wrap i.number { color: #fff; font-weight: 500; font-size: 24px; letter-spacing: -0.02em; width: 60px; height: 60px; border-radius: 100%; background: #0F7BB6; display: flex; align-items: center; justify-content: center; margin-bottom: 25px; } section.dark .text-grid .text-wrap i.number { color: #2e2f33; } @media (max-width: 900px) { .text-grid .text-wrap { width: 50%; } } @media (max-width: 767px) { .text-grid { display: block; width: 100%; margin: 0; margin-top: 35px; } .text-grid .text-wrap { width: 100%; padding: 0; } .text-grid .text-wrap + .text-wrap { margin-top: 40px; } } .work-grid { display: flex; align-items: stretch; flex-wrap: wrap; width: calc(100% + 30px); margin: -15px; margin-top: 50px; } .work-grid .work-tile, .work-grid .work-ajax-tile { width: 50%; padding: 15px; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-delay: 0.25s; animation-delay: 0.25s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .work-grid .work-tile .inner, .work-grid .work-ajax-tile .inner { width: 100%; background-size: cover; background-position: center; padding-top: 60%; position: relative; } .work-grid .work-tile .inner:before, .work-grid .work-ajax-tile .inner:before { content: ''; background: rgba(35, 31, 32, 0.6); position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; } .work-grid .work-tile .copy, .work-grid .work-ajax-tile .copy { position: absolute; top: 0; left: 0; padding: 30px; width: 100%; z-index: 1; } .work-grid .work-tile .copy p, .work-grid .work-ajax-tile .copy p { color: #fff; font-weight: 500; font-size: 1.5em; } .work-grid .work-tile .copy p.description, .work-grid .work-ajax-tile .copy p.description { font-size: 2em; line-height: 1.3em; margin-top: 30px; opacity: 0; transition: all 0.3s ease; } @media (max-width: 1300px) { .work-grid .work-tile .copy p.description, .work-grid .work-ajax-tile .copy p.description { font-size: 1.75em; } } .work-grid .work-tile:hover, .work-grid .work-ajax-tile:hover, .work-grid .work-tile:focus, .work-grid .work-ajax-tile:focus { outline: none; } .work-grid .work-tile:hover .inner:before, .work-grid .work-ajax-tile:hover .inner:before, .work-grid .work-tile:focus .inner:before, .work-grid .work-ajax-tile:focus .inner:before { opacity: 1; } .work-grid .work-tile:hover .copy p.description, .work-grid .work-ajax-tile:hover .copy p.description, .work-grid .work-tile:focus .copy p.description, .work-grid .work-ajax-tile:focus .copy p.description { margin-top: 10px; opacity: 1; } @media (max-width: 900px) { .work-grid { margin-top: 40px; } .work-grid .work-tile .copy, .work-grid .work-ajax-tile .copy { padding: 15px; } .work-grid .work-tile .copy p, .work-grid .work-ajax-tile .copy p { font-size: 1.25em; } .work-grid .work-tile .copy p.description, .work-grid .work-ajax-tile .copy p.description { display: none; } .work-grid .work-tile:hover .inner:before, .work-grid .work-ajax-tile:hover .inner:before { opacity: 0; } } @media (max-width: 767px) { .work-grid { display: block; width: 100%; margin: 0; margin-top: 40px; } .work-grid .work-tile, .work-grid .work-ajax-tile { width: 100%; padding: 0; display: block; } .work-grid .work-tile + .work-tile, .work-grid .work-ajax-tile + .work-tile, .work-grid .work-tile + .work-ajax-tile, .work-grid .work-ajax-tile + .work-ajax-tile { margin-top: 15px; } } .news-grid { display: flex; align-items: stretch; flex-wrap: wrap; width: calc(100% + 3.125rem * 1.5); margin: -2.34375rem; margin-top: -4.6875rem; } section.news .news-grid { margin-top: 20px; } @media (max-width: 767px) { section.news .news-grid { margin-top: 35px; } } .news-grid .news-tile { width:33.33%; padding: 2.34375rem; text-decoration: none; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-delay: 0.25s; animation-delay: 0.25s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .news-grid .news-tile .image { width: 100%; background-size: cover; background-position: center; padding-top: 60%; margin-bottom: 30px; } .news-grid .news-tile .copy .descriptionTitle { margin-top: 20px; margin-bottom: 20px; } .news-grid .news-tile:hover span.next { color: #231f20; } .news-grid .news-tile:hover span.next:after { -webkit-animation: cta-btn-arrow-next-hover .4s ease; animation: cta-btn-arrow-next-hover .4s ease; } @media (max-width: 767px) { .news-grid { display: block; width: 100%; margin: 0; } .news-grid .news-tile { width: 100%; padding: 0; display: block; } .news-grid .news-tile + .news-tile { margin-top: 35px; } .news-grid .news-tile .image { margin-bottom: 20px; } .news-grid .news-tile .copy .descriptionTitle { margin-top: 15px; margin-bottom: 15px; } } .posts-grid { display: flex; align-items: stretch; width: calc(100% + 30px); margin: -15px; margin-top: 40px; } @media (max-width: 1024px) { .posts-grid { width: calc(100% + 25px); margin: -12.5px; margin-top: 40px; } } @media (max-width: 767px) { .posts-grid { display: block; width: 100%; margin: 0; margin-top: 40px; } } .posts-grid .post-wrap { width: 33.33%; padding: 15px; text-decoration: none; min-height: 380px; } @media (max-width: 1024px) { .posts-grid .post-wrap { min-height: inherit; padding: 12.5px; } } @media (max-width: 767px) { .posts-grid .post-wrap { width: 100%; padding: 0; display: block; } .posts-grid .post-wrap + .post-wrap { margin-top: 25px; } } .posts-grid .post-wrap .inner { background-color: #36b1de; height: 100%; padding: 45px; display: flex; flex-direction: column; } @media (max-width: 1024px) { .posts-grid .post-wrap .inner { padding: 25px; } } @media (max-width: 767px) { .posts-grid .post-wrap .inner { min-height: 225px; } } .posts-grid .post-wrap .inner .titleSmall, .posts-grid .post-wrap .inner .gform_confirmation_message, .posts-grid .post-wrap .inner section.primary h2, section.primary .posts-grid .post-wrap .inner h2, .posts-grid .post-wrap .inner section.primary h3, section.primary .posts-grid .post-wrap .inner h3, .posts-grid .post-wrap .inner .subtitle, .posts-grid .post-wrap .inner #ripple-block .count, #ripple-block .posts-grid .post-wrap .inner .count, .posts-grid .post-wrap .inner section.primary h4, section.primary .posts-grid .post-wrap .inner h4, .posts-grid .post-wrap .inner section.primary h5, section.primary .posts-grid .post-wrap .inner h5, .posts-grid .post-wrap .inner section.primary h6, section.primary .posts-grid .post-wrap .inner h6, .posts-grid .post-wrap .inner section.qualifiers .qualifier-row .descriptionTitle span.number, section.qualifiers .qualifier-row .descriptionTitle .posts-grid .post-wrap .inner span.number, .posts-grid .post-wrap .inner section.hero ul.filter li a, section.hero ul.filter li .posts-grid .post-wrap .inner a, .posts-grid .post-wrap .inner section.industries .container .industry-list li a span.number, section.industries .container .industry-list li a .posts-grid .post-wrap .inner span.number, .posts-grid .post-wrap .inner section.hero-slider .count, section.hero-slider .posts-grid .post-wrap .inner .count { color: #fff; } .posts-grid .post-wrap .inner .titleSmall, .posts-grid .post-wrap .inner .gform_confirmation_message, .posts-grid .post-wrap .inner section.primary h2, section.primary .posts-grid .post-wrap .inner h2, .posts-grid .post-wrap .inner section.primary h3, section.primary .posts-grid .post-wrap .inner h3 { font-size: 1.625em; line-height: 1.5em; margin-bottom: 30px; width: 100%; max-width: 280px; } @media (max-width: 1024px) { .posts-grid .post-wrap .inner .titleSmall, .posts-grid .post-wrap .inner .gform_confirmation_message, .posts-grid .post-wrap .inner section.primary h2, section.primary .posts-grid .post-wrap .inner h2, .posts-grid .post-wrap .inner section.primary h3, section.primary .posts-grid .post-wrap .inner h3 { font-size: 1.5em; } } .posts-grid .post-wrap .inner .date-wrap { display: flex; align-items: center; justify-content: space-between; margin-top: auto; } .posts-grid .post-wrap .inner .date-wrap .subtitle, .posts-grid .post-wrap .inner .date-wrap #ripple-block .count, #ripple-block .posts-grid .post-wrap .inner .date-wrap .count, .posts-grid .post-wrap .inner .date-wrap section.primary h4, section.primary .posts-grid .post-wrap .inner .date-wrap h4, .posts-grid .post-wrap .inner .date-wrap section.primary h5, section.primary .posts-grid .post-wrap .inner .date-wrap h5, .posts-grid .post-wrap .inner .date-wrap section.primary h6, section.primary .posts-grid .post-wrap .inner .date-wrap h6, .posts-grid .post-wrap .inner .date-wrap section.qualifiers .qualifier-row .descriptionTitle span.number, section.qualifiers .qualifier-row .descriptionTitle .posts-grid .post-wrap .inner .date-wrap span.number, .posts-grid .post-wrap .inner .date-wrap section.hero ul.filter li a, section.hero ul.filter li .posts-grid .post-wrap .inner .date-wrap a, .posts-grid .post-wrap .inner .date-wrap section.industries .container .industry-list li a span.number, section.industries .container .industry-list li a .posts-grid .post-wrap .inner .date-wrap span.number, .posts-grid .post-wrap .inner .date-wrap section.hero-slider .count, section.hero-slider .posts-grid .post-wrap .inner .date-wrap .count { flex: 1 1 auto; } .posts-grid .post-wrap .inner .date-wrap span.next { margin-left: 15px; flex: 0 0 35px; } .posts-grid .post-wrap .inner .date-wrap span.next:after { border: 1px solid #fff; margin-left: 0; background: url("../_assets/icons/arrow-right_white.svg") center no-repeat; background-size: 15px 13px; } .posts-grid .post-wrap:hover .inner .date-wrap span.next:after { -webkit-animation: cta-btn-arrow-next-hover .4s ease; animation: cta-btn-arrow-next-hover .4s ease; } .posts-grid .post-wrap:nth-of-type(2) .inner { background-color: #edc536; } .posts-grid .post-wrap:nth-of-type(3) .inner { background-color: #f27179; } section.industries .container { display: flex; align-items: center; } section.industries .container .list, section.industries .container .media { width: 50%; } section.industries .container .media { padding-left: 6.25rem; } section.industries .container .media .inner { padding-top: 137.69%; width: 100%; position: relative; } section.industries .container .media .inner img { position: absolute; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } section.industries .container .media .inner img.active { z-index: 2; } section.industries .container .industry-list { margin-top: calc(3.125rem - 15px); } section.industries .container .industry-list li { margin-top: 0; } section.industries .container .industry-list li a { text-decoration: none; display: inline-flex; align-items: flex-start; padding: 15px 0; } section.industries .container .industry-list li a span.number { display: inline-block; margin-right: 15px; margin-top: 6px; font-size: 12px; } section.industries .container .industry-list li a span.industry-title { position: relative; background-image: linear-gradient(#fff 50%, rgba(255, 255, 255, 0) 50%); background-size: 100% 6px; background-position: 100% 100%; background-repeat: no-repeat; padding-bottom: 10px; transition: none; } section.industries .container .industry-list li a:hover { color: #0F7BB6; } section.industries .container .industry-list li a:hover span.industry-title { background-image: linear-gradient(#0F7BB6 50%, rgba(107, 190, 74, 0) 50%); -webkit-animation: cta-underline-hover 0.6s cubic-bezier(0.58, 0.3, 0.005, 1) 0.1s 1 normal none running; animation: cta-underline-hover 0.6s cubic-bezier(0.58, 0.3, 0.005, 1) 0.1s 1 normal none running; } section.industries .container .industry-list li a:hover span.number { color: #0F7BB6; } @media (max-width: 900px) { section.industries .container { display: block; } section.industries .container .list { width: 100%; } section.industries .container .media { display: none; } section.industries .container .industry-list { margin-top: 35px; } section.industries .container .industry-list li + li { margin-top: 25px; } section.industries .container .industry-list li a { padding: 0; } section.industries .container .industry-list li a span.industry-title { background-image: none; padding: 0; } section.industries .container .industry-list li a span.industry-title:after { content: none; } section.industries .container .industry-list li a:hover { color: #231f20; } section.industries .container .industry-list li a:hover span.industry-title { -webkit-animation: none; animation: none; background-image: none; } section.industries .container .industry-list li a:hover span.number { color: #8d9ba0; } } .title + section.clients .logo-grid, section.primary h1 + section.clients .logo-grid, header .main-menu .menu li a + section.clients .logo-grid { margin-top: 40px; } @media (max-width: 767px) { .title + section.clients .logo-grid, section.primary h1 + section.clients .logo-grid, header .main-menu .menu li a + section.clients .logo-grid { margin-top: 20px; } } section.qualifiers + section.clients { margin-top: -40px; } section.clients .logo-grid { display: flex; flex-wrap: wrap; } section.clients .logo-grid.logo-slider { display: block; } section.clients .logo-grid.logo-slider .slide { display: flex; flex-wrap: wrap; } section.clients .logo-grid .item { width: 25%; padding: 3.125rem; } section.clients .logo-grid .item .inner { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } @media (max-width: 900px) { section.clients .logo-grid .item { width: 33.33%; } } @media (max-width: 767px) { section.clients .logo-grid .item { width: 50%; } section.clients .logo-grid .item .item { padding: 25px; } } section.clients .logo-grid .slick-dots { width: 100%; display: flex; align-items: center; justify-content: center; } section.clients .logo-grid .slick-dots li { margin: 0; } section.clients .logo-grid .slick-dots li + li { margin-left: 15px; } section.clients .logo-grid .slick-dots li button { font-size: 0; padding: 0; width: 12px; height: 12px; border-radius: 100%; background: #848791; transition: all 0.3s ease; cursor: pointer; opacity: 0.5; } section.clients .logo-grid .slick-dots li button:focus, section.clients .logo-grid .slick-dots li button:hover { outline: none; opacity: 0.8; } section.clients .logo-grid .slick-dots li.slick-active button { opacity: 1; } section.hero { padding-top: 12.5rem; padding-bottom: 6.25rem; } @media (max-width: 767px) { section.hero { padding-bottom: 40px; } } section.hero .title, section.hero section.primary h2.title, section.primary section.hero h2.title, section.hero section.primary h3.title, section.primary section.hero h3.title, section.hero section.primary h1, section.primary section.hero h1, section.hero header .main-menu .menu li a, header .main-menu .menu li section.hero a, section.hero section.intro p.title, section.intro section.hero p.title { width: 700px; max-width: 100%; } section.hero.work-hero .title, section.hero.work-hero section.primary h1, section.primary section.hero.work-hero h1, section.hero.work-hero header .main-menu .menu li a, header .main-menu .menu li section.hero.work-hero a { width: 900px; } section.hero .paragraphLarge, section.hero section.intro p, section.intro section.hero p { font-weight: 400; margin-top: 15px; } section.hero a.back { margin-top: 15px; } section.hero ul.filter { display: flex; flex-wrap: wrap; margin-top: 3.125rem; } section.hero ul.filter li { margin-right: 35px; margin-top: 0; } section.hero ul.filter li a { color: #231f20; text-decoration: none; font-size: 14px; background-image: linear-gradient(#fff 50%, rgba(255, 255, 255, 0) 50%); background-size: 100% 3px; background-position: 100% 100%; padding-bottom: 10px; background-repeat: no-repeat; display: inline-block; } section.hero ul.filter li a:hover, section.hero ul.filter li a:focus { background-image: linear-gradient(#231f20 50%, rgba(35, 31, 32, 0) 50%); outline: none; -webkit-animation: underline-hover 0.5s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1 normal none running; animation: underline-hover 0.5s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1 normal none running; } section.hero ul.filter li.current-cat a { background-image: linear-gradient(#231f20 50%, rgba(35, 31, 32, 0) 50%); } @media (max-width: 767px) { section.hero ul.filter { margin-top: 30px; } section.hero ul.filter li { margin-right: 20px; } section.hero ul.filter li a { font-size: 13px; } } section.services-slider { padding: 0; background: #f4f7f9; width: 100%; } section.services-slider + section { padding-top: 6.25rem; background: #f4f7f9; } @media (max-width: 767px) { section.services-slider + section { padding-top: 45px; } } section.services-slider .slide:focus { outline: none; } section.services-slider .slide .image { width: 100%; padding-top: 43.75% !important; overflow: hidden; position: relative; } section.services-slider .slide .image.compat-object-fit { background-size: cover; background-position: center; } section.services-slider .slide .image.compat-object-fit img { display: none; } section.services-slider .slide .image img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media (max-width: 767px) { section.services-slider .slide .image { padding-top: 56.25% !important; } } section.services-slider .slide .caption { padding: 35px 6.25rem; font-size: 17px; } section.services-slider .slide .caption p, section.services-slider .slide .caption a { color: #231f20; text-decoration: none; } @media (max-width: 767px) { section.services-slider .slide .caption p, section.services-slider .slide .caption a { font-size: 17px !important; } } @media screen and (max-device-width: 767px) { section.services-slider .slide .caption p, section.services-slider .slide .caption a { -webkit-text-size-adjust: none; } } section.services-slider .slide .caption a:hover { color: #0F7BB6; } @media (max-width: 767px) { section.services-slider .slide .caption { padding: 25px; } } section.services-slider .slick-dots { display: flex; align-items: center; position: absolute; bottom: 40px; right: 6.25rem; } @media (max-width: 767px) { section.services-slider .slick-dots { right: 25px; bottom: 30px; } } section.services-slider .slick-dots li { margin: 0; } section.services-slider .slick-dots li + li { margin-left: 10px; } section.services-slider .slick-dots li button { font-size: 0; padding: 0; width: 12px; height: 12px; border-radius: 100%; background: #c8d8e1; transition: all 0.3s ease; cursor: pointer; } section.services-slider .slick-dots li button:focus, section.services-slider .slick-dots li button:hover { outline: none; background: #b7c8d0; } section.services-slider .slick-dots li.slick-active button { background: #0F7BB6; } section.single-hero { padding-top: 12.5rem; padding-bottom: 12.5rem; background: #f4f7f9; } section.single-hero .paragraphLarge, section.single-hero section.intro p, section.intro section.single-hero p { font-weight: 400; margin-top: 15px; } section.single-hero a.back { margin-top: 25px; } section.single-hero.blog-hero { text-align: center; } section.single-hero.blog-hero + section.featured-image { padding-bottom: 0; } @media (max-width: 767px) { section.single-hero { padding-bottom: 70px; } section.single-hero a.back { margin-top: 20px; } } section.featured-image { padding-top: 0; margin-top: -6.25rem; position: relative; } @media (max-width: 767px) { section.featured-image { margin-top: -35px; } } section.featured-image img { width: 100%; } section.featured-image .image-grid { display: flex; flex-wrap: wrap; } section.featured-image .image-grid .image { width: 25%; background: #f4f7f9; } @media (max-width: 767px) { section.featured-image .image-grid .image { width: 33.33%; } section.featured-image .image-grid .image:nth-last-child(2), section.featured-image .image-grid .image:last-child { display: none; } } section.featured-image .image-grid .image .wrap { width: 100%; padding-top: 100%; position: relative; } section.featured-image .image-grid .image .wrap.compat-object-fit { background-size: cover; background-position: center; } section.featured-image .image-grid .image .wrap.compat-object-fit img { display: none; } section.featured-image .image-grid .image .wrap img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } section.featured-work-image { padding: 0; width: 100%; padding-top: 43.75% !important; overflow: hidden; position: relative; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-delay: 0.25s; animation-delay: 0.25s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media (max-width: 767px) { section.featured-work-image { padding-top: 56.25% !important; } } section.featured-work-image.compat-object-fit { background-size: cover; background-position: center; } section.featured-work-image.compat-object-fit img { display: none; } section.featured-work-image img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } section.featured-work-image + section { padding-top: 9.375rem !important; } section.service-wrap .container { display: flex; align-items: center; } @media (max-width: 900px) { section.service-wrap .container { display: block; } } section.service-wrap .container .copy { width: 50%; padding-right: 3.125rem; } section.service-wrap .container .copy ul { margin-top: 30px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 3.125rem; -moz-column-gap: 3.125rem; column-gap: 3.125rem; } section.service-wrap .container .copy ul li { color: #231f20; margin: 0; line-height: 1.3em; display: block; } section.service-wrap .container .copy ul li + li { margin-top: 10px; } section.service-wrap .container .copy ul + a { margin-top: 35px; } @media (max-width: 900px) { section.service-wrap .container .copy { width: 100%; padding-right: 0; } } @media (max-width: 767px) { section.service-wrap .container .copy ul { margin-top: 20px; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } section.service-wrap .container .copy ul + a { margin-top: 20px; } } section.service-wrap .container .media { width: 50%; align-self: flex-start; order: 2; } section.service-wrap .container .media .image { width: 100%; padding-top: 66.69%; position: relative; } section.service-wrap .container .media .image.compat-object-fit { background-size: cover; background-position: center; } section.service-wrap .container .media .image.compat-object-fit img { display: none; } section.service-wrap .container .media .image img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media (max-width: 900px) { section.service-wrap .container .media { width: 100%; margin-bottom: 30px; } } section.qualifiers .qualifier-row { display: flex; justify-content: space-between; align-items: flex-start; padding: 45px 0; border-top: 1px solid #c8d8e1; } section.qualifiers .qualifier-row .descriptionTitle, section.qualifiers .qualifier-row section.primary h2.descriptionTitle, section.primary section.qualifiers .qualifier-row h2.descriptionTitle, section.qualifiers .qualifier-row section.primary h3.descriptionTitle, section.primary section.qualifiers .qualifier-row h3.descriptionTitle, section.qualifiers .qualifier-row section.primary h1.descriptionTitle, section.primary section.qualifiers .qualifier-row h1.descriptionTitle, section.qualifiers .qualifier-row .description { width: 50%; } section.qualifiers .qualifier-row .descriptionTitle, section.qualifiers .qualifier-row section.primary h2.descriptionTitle, section.primary section.qualifiers .qualifier-row h2.descriptionTitle, section.qualifiers .qualifier-row section.primary h3.descriptionTitle, section.primary section.qualifiers .qualifier-row h3.descriptionTitle, section.qualifiers .qualifier-row section.primary h1.descriptionTitle, section.primary section.qualifiers .qualifier-row h1.descriptionTitle { padding-right: 3.125rem; display: flex; } section.qualifiers .qualifier-row .descriptionTitle span.number { display: inline-block; margin-right: 15px; margin-top: 3px; font-size: 12px; } section.qualifiers .qualifier-row:last-child { padding-bottom: 0; } @media (max-width: 767px) { section.qualifiers .qualifier-row { display: block; padding: 35px 0; } section.qualifiers .qualifier-row .descriptionTitle, section.qualifiers .qualifier-row section.primary h2.descriptionTitle, section.primary section.qualifiers .qualifier-row h2.descriptionTitle, section.qualifiers .qualifier-row section.primary h3.descriptionTitle, section.primary section.qualifiers .qualifier-row h3.descriptionTitle, section.qualifiers .qualifier-row section.primary h1.descriptionTitle, section.primary section.qualifiers .qualifier-row h1.descriptionTitle, section.qualifiers .qualifier-row .description { width: 100%; } section.qualifiers .qualifier-row .descriptionTitle, section.qualifiers .qualifier-row section.primary h2.descriptionTitle, section.primary section.qualifiers .qualifier-row h2.descriptionTitle, section.qualifiers .qualifier-row section.primary h3.descriptionTitle, section.primary section.qualifiers .qualifier-row h3.descriptionTitle, section.qualifiers .qualifier-row section.primary h1.descriptionTitle, section.primary section.qualifiers .qualifier-row h1.descriptionTitle { padding-right: 0; margin-bottom: 20px; } section.qualifiers .qualifier-row .descriptionTitle span.number { margin-right: 10px; } } section.alternating > .container { display: flex; align-items: center; } @media (max-width: 767px) { section.alternating > .container { display: block; } } section.alternating > .container .content { width: 55%; padding: 0 6.25rem; } @media (max-width: 900px) { section.alternating > .container .content { padding: 0 40px; } } @media (max-width: 767px) { section.alternating > .container .content { width: 100%; padding: 0; } } section.alternating > .container .media { width: 45%; align-self: flex-start; } @media (max-width: 767px) { section.alternating > .container .media { width: 100%; margin-bottom: 25px; } } section.alternating > .container .media .image { width: 100%; padding-top: 66.69%; position: relative; } section.alternating > .container .media .image.compat-object-fit { background-size: cover; background-position: center; } section.alternating > .container .media .image.compat-object-fit img { display: none; } section.alternating > .container .media .image img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } section.alternating > .container .media a.caption { text-decoration: none; color: #231f20; margin-top: 18px; line-height: 1.2em; display: inline-block; font-size: 17px; padding-bottom: 5px; background-image: linear-gradient(#fff 50%, rgba(255, 255, 255, 0) 50%); } section.alternating > .container .media a.caption:hover, section.alternating > .container .media a.caption:focus { color: #231f20; background-image: linear-gradient(#231f20 50%, rgba(35, 31, 32, 0) 50%); } section.alternating > .container .media p.caption { font-size: 17px; color: #231f20; margin-top: 18px; line-height: 1.2em; } section.alternating:nth-of-type(odd) .container .media { order: 2; } section.filter { padding: 0; border-top: 1px solid #c8d8e1; display: flex; align-items: stretch; position: relative; } @media (max-width: 450px) { section.filter { display: block; } } section.filter .select { width: 50%; } @media (max-width: 450px) { section.filter .select { width: 100%; } } section.filter .select .label-wrap { padding: 20px 6.25rem; width: 100%; cursor: pointer; } section.filter .select .label-wrap label { color: #0F7BB6; font-weight: 500; letter-spacing: 0.02em; display: block; width: 100%; max-width: calc(700px - 6.25rem); margin-left: auto; pointer-events: none; transition: all 0.3s ease; } section.filter .select .label-wrap label:after { content: "\e902"; font-size: 7px; margin-left: 8px; display: inline-block; vertical-align: middle; transition: transform 0.3s ease; } @media (max-width: 767px) { section.filter .select .label-wrap { padding: 15px 25px; } section.filter .select .label-wrap label { font-size: 15px; } } section.filter .select .label-wrap:focus, section.filter .select .label-wrap:hover { outline: none; } section.filter .select .label-wrap:focus label, section.filter .select .label-wrap:hover label { color: #2e2f33; } section.filter .select .label-wrap.active label:after { transform: rotate(-180deg); } section.filter .select.industry-filter { border-left: 1px solid #c8d8e1; } section.filter .select.industry-filter .label-wrap label { margin-left: 0; } section.filter .select .workSelect { position: absolute; z-index: 999; width: 100%; left: 0; padding: 3.125rem 6.25rem; background: #e7edf0; display: none; } @media (min-width: 451px) { section.filter .select .workSelect { top: 100%; } } @media (max-width: 767px) { section.filter .select .workSelect { padding: 25px; } } section.filter .select .workSelect:focus { outline: none; } section.filter .select .workSelect .container { position: relative; } section.filter .select .workSelect .option-wrap { display: flex; flex-wrap: wrap; margin: -6px -5px; padding-right: 50px; } section.filter .select .workSelect .option { background: #fff; border-radius: 35px; padding: 9px 8px 11px 20px; font-size: 15px; letter-spacing: 0.02em; font-weight: 500; line-height: 1em; color: #231f20; margin: 6px 5px; text-decoration: none; } section.filter .select .workSelect .option.active, section.filter .select .workSelect .option.filter-active, section.filter .select .workSelect .option:hover { outline: none; background: #0F7BB6; color: #fff; } section.filter .select .workSelect .option:after { content: "\e906"; font-size: 0.6rem; opacity: 0; transition: all 0.15s linear; } section.filter .select .workSelect .option.filter-active:after { opacity: 1; padding-left: 12px; padding-right: 14px; } section.filter .select .workSelect .close { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #231f20; color: #fff; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; border-radius: 100%; position: absolute; top: 6px; right: 0; padding: 0; transition: all 0.3s ease; cursor: pointer; } section.filter .select .workSelect .close:before { content: "\e906"; font-size: 14px; padding-left: 1px; } section.filter .select .workSelect .close:hover, section.filter .select .workSelect .close:focus { outline: none; background: #0F7BB6; } section.case-studies .work-grid { margin-top: -15px; } section.case-studies .work-no-results--message h1, section.case-studies .work-no-results--message h2, section.case-studies .work-no-results--message h3, section.case-studies .work-no-results--message h4, section.case-studies .work-no-results--message h5, section.case-studies .work-no-results--message h6 { font-size: 0.875em; letter-spacing: 0.1em; color: #fff; font-weight: 700; line-height: 1.2em; position: relative; text-transform: uppercase; text-align: center; margin-bottom: 1.5625rem; } section.case-studies .work-no-results--message p { font-size: 2em; font-weight: 500; color: #fff; letter-spacing: -0.02em; line-height: 1.5em; margin-bottom: 1.5625rem; text-align: center; } section.case-studies .work-no-results--message button { display: block; background: #fff; border-radius: 35px; padding: 9px 20px 11px 20px; font-size: 15px; letter-spacing: 0.02em; font-weight: 500; line-height: 1em; color: #231f20; margin: 3.125rem auto 0 auto; text-decoration: none; cursor: pointer; text-align: center; } section.case-studies .work-no-results--message button:hover, section.case-studies .work-no-results--message button:focus { outline: none; background: #0F7BB6; color: #fff; } section.case-studies .work-no-results--message button:before { content: "\e906"; padding-right: 12px; font-size: 0.6rem; transition: all 0.15s linear; } section.work-intro .container { display: flex; } @media (max-width: 767px) { section.work-intro .container { display: block; } } section.work-intro .container .sidebar { width: 33.33%; padding-right: 6.25rem; } @media (max-width: 1024px) { section.work-intro .container .sidebar { width: 40%; padding-right: 3.125rem; } } @media (max-width: 767px) { section.work-intro .container .sidebar { width: 100%; padding: 0; margin-bottom: 40px; } } section.work-intro .container .sidebar .subtitle, section.work-intro .container .sidebar #ripple-block .count, #ripple-block section.work-intro .container .sidebar .count, section.work-intro .container .sidebar section.primary h4, section.primary section.work-intro .container .sidebar h4, section.work-intro .container .sidebar section.primary h5, section.primary section.work-intro .container .sidebar h5, section.work-intro .container .sidebar section.primary h6, section.primary section.work-intro .container .sidebar h6, section.work-intro .container .sidebar section.hero-slider .count, section.hero-slider section.work-intro .container .sidebar .count, section.work-intro section.industries .container .sidebar .industry-list li a span.number, section.industries section.work-intro .container .sidebar .industry-list li a span.number, section.work-intro section.industries .container .industry-list li a .sidebar span.number, section.industries section.work-intro .container .industry-list li a .sidebar span.number, section.work-intro .container .sidebar section.hero ul.filter li a, section.hero ul.filter li section.work-intro .container .sidebar a, section.work-intro .container .sidebar section.qualifiers .qualifier-row .descriptionTitle span.number, section.qualifiers .qualifier-row .descriptionTitle section.work-intro .container .sidebar span.number { margin-bottom: 10px; } section.work-intro .container .sidebar p { text-decoration: none; color: #231f20; font-size: 1.25em; margin-top: 0; line-height: 1.5em; display: inline; } section.work-intro .container .sidebar p a { font-weight: 400; color: #231f20; text-decoration: none; background-image: linear-gradient(#fff 50%, rgba(255, 255, 255, 0) 50%) !important; } section.work-intro .container .sidebar p a:hover { color: #0F7BB6; background-image: linear-gradient(#0F7BB6 50%, rgba(107, 190, 74, 0) 50%) !important; } @media (max-width: 1024px) { section.work-intro .container .sidebar p { font-size: 1.125em; } } section.work-intro .container .sidebar .next { display: flex; } section.work-intro .container .content { width: 66.66%; } @media (max-width: 1024px) { section.work-intro .container .content { width: 60%; } } @media (max-width: 767px) { section.work-intro .container .content { width: 100%; } } section.work-intro .container ul.awards-accolades { border-bottom: 1px solid #c5d5dd; margin-top: 20px; } section.work-intro .container ul.awards-accolades li { margin-top: 0; color: #231f20; font-weight: 500; border-top: 1px solid #c5d5dd; padding-top: 15px; padding-bottom: 15px; } section.work-intro .container ul.awards-accolades li + li { margin-top: 0; } * + section.primary h4:not(:first-of-type), * + section.primary h5:not(:first-of-type), * + section.primary h6:not(:first-of-type) { margin-top: 40px; } section.primary p + h1, section.primary p + h2, section.primary p + h3, section.primary p + h4, section.primary p + h5, section.primary p + h6 { margin-top: 40px; } section.primary p + a.next, section.primary p + a.back { margin-top: 25px; } section.primary .youtube-embed + *, * + section.primary .youtube-embed { margin-top: 35px; } section.primary blockquote p { font-size: 26px; color: #231f20; font-weight: 300; letter-spacing: -0.02em; line-height: 1.5em; } @media (max-width: 767px) { section.primary blockquote p { font-size: 24px; } } section.primary blockquote + *, * + section.primary blockquote { margin-top: 35px; } section.primary ol { list-style: none; counter-reset: my-awesome-counter; } section.primary ol + * { margin-top: 25px; } section.primary ol li + li { margin-top: 10px; } section.primary ol li { counter-increment: my-awesome-counter; text-indent: -1.3em; padding-left: 1.3em; } section.primary ol li:before { content: counter(my-awesome-counter) ". "; color: #0F7BB6; font-weight: 700; margin-right: 5px; } section.primary ul { list-style-type: none; } section.primary ul + * { margin-top: 25px; } section.primary ul li { text-indent: -1.2em; padding-left: 1.2em; } section.primary ul li:before { content: ''; background-color: #0F7BB6; margin-right: 12px; width: 10px; height: 10px; border-radius: 100%; display: inline-block; } section.primary ul li + li { margin-top: 10px; } section.primary a:not(.next):not(.back) { color: #0F7BB6; text-decoration: none; background-image: linear-gradient(#0F7BB6 50%, rgba(107, 190, 74, 0) 50%); background-size: 100% 3px; background-position: 100% 100%; padding-bottom: 2px; font-weight: 500; background-repeat: no-repeat; } section.primary a:not(.next):not(.back):hover, section.primary a:not(.next):not(.back):focus { outline: none; -webkit-animation: underline-hover 0.5s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1 normal none running; animation: underline-hover 0.5s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1 normal none running; } section.primary a.download:not(.next):not(.back), section.primary section.download-popup p.dlm-nf-download-link a:not(.back), section.download-popup p.dlm-nf-download-link section.primary a:not(.back), section.primary section.intro p.dlm-nf-download-link a:not(.back), section.intro p.dlm-nf-download-link section.primary a:not(.back) { background-image: none; } section.primary .alignleft, section.primary .alignright { width: 300px !important; max-width: 100%; } @media (max-width: 767px) { section.primary .alignleft, section.primary .alignright { width: auto !important; max-width: 100%; } } section.primary .alignleft { float: left; margin-bottom: 25px; margin-right: 25px; } @media (max-width: 767px) { section.primary .alignleft { float: none; margin: 25px auto; } } section.primary .alignright { float: right; margin-bottom: 25px; margin-left: 25px; } @media (max-width: 767px) { section.primary .alignright { float: none; margin: 25px auto; } } section.primary .aligncenter { margin: 25px auto; max-width: 100%; } section.primary .alignnone { width: 100% !important; margin: 25px auto; } section.primary p.wp-caption-text { text-align: left; font-size: 16px; letter-spacing: 0; line-height: 1.3em; color: #231f20; margin-top: 10px; width: 100%; } section.primary .wp-caption { margin-top: 25px; } section.full-image { padding: 0; } section.full-image img { width: 100%; } section.image-grid { padding: 0; display: flex; flex-wrap: wrap; align-items: flex-start; } section.image-grid img { width: 50%; height: auto; } @media (max-width: 767px) { section.image-grid { display: block; } section.image-grid img { width: 100%; } } section.basic-content .inner { width: 850px; max-width: 100%; } section.sticky .container { display: flex; align-items: stretch; } section.sticky .container .content { width: 50%; padding-right: 6.25rem; max-width: 600px; margin-left: auto; position: relative; } section.sticky .container .content .inner { position: -webkit-sticky; position: sticky; top: 6.25rem; right: 0; } @media (min-width: 768px) and (max-width: 1430px) { section.sticky .container .content .inner { top: 12.5rem; } } section.sticky .container .image { width: 50%; } section.sticky .container .image img { border-radius: 5px; width: 100%; box-shadow: 0px 12px 40px 0px rgba(35, 42, 45, 0.13); } @media (max-width: 767px) { section.sticky .container { display: block; } section.sticky .container .content { width: 100%; padding-right: 0; margin-bottom: 70px; max-width: 100%; } section.sticky .container .content .inner { position: relative; top: 0; } section.sticky .container .image { width: 100%; } } section.browser-mocks .wrap { display: flex; align-items: flex-start; flex-wrap: wrap; width: calc(100% + 3.125rem); margin: -1.5625rem; } section.browser-mocks .wrap .image { width: 50%; padding: 1.5625rem; } section.browser-mocks .wrap .image img { border-radius: 5px; width: 100%; box-shadow: 0px 12px 40px 0px rgba(35, 42, 45, 0.13); } @media (max-width: 767px) { section.browser-mocks .wrap { display: block; width: 100%; margin: 0; } section.browser-mocks .wrap .image { width: 100%; padding: 0; } section.browser-mocks .wrap .image + .image { margin-top: 25px; } } section.video .video-wrap { width: 100%; padding-top: 56.25%; background-size: cover; background-position: center; position: relative; cursor: pointer; } section.video .video-wrap:before { content: "\e90c"; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 20px; padding-left: 5px; width: 80px; height: 80px; background: #231f20; border-radius: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease; } @media (max-width: 767px) { section.video .video-wrap:before { width: 45px; height: 45px; font-size: 13px; padding-left: 3px; } } section.video .video-wrap iframe { position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; display: none; } section.video .video-wrap:hover:before { background: #0F7BB6; } section.video .video-wrap:focus { outline: none; position: relative; } section.video .video-wrap:focus:after { position: absolute; content: ''; top: -2px; bottom: -2px; left: -2px; right: -2px; border: 1px solid #0F7BB6; box-shadow: 0px 0px 3px 0px #0F7BB6; } section.video .video-wrap.active iframe { display: block !important; z-index: 2; } section.video-overlay { opacity: 0; transition: opacity 0.3s ease; padding-top: 9.375rem !important; } section.video-overlay .header-wrap { display: flex; align-items: center; justify-content: space-between; padding: 3.125rem; position: fixed; left: 0; top: 0; width: 100%; z-index: 9999; } @media (max-width: 767px) { section.video-overlay .header-wrap { padding: 25px; } } section.video-overlay .header-wrap .logo { width: 60px; position: relative; z-index: 9999; } @media (max-width: 767px) { section.video-overlay .header-wrap .logo { width: 40px; } } section.video-overlay .header-wrap .logo svg { width: 100%; } section.video-overlay .header-wrap .logo svg rect, section.video-overlay .header-wrap .logo svg path { transition: all 0.2s ease; } section.video-overlay .header-wrap .logo svg .st1 { fill: #231f20; } section.video-overlay .header-wrap .logo svg .st0 { fill: #0F7BB6; } section.video-overlay #close { -webkit-appearance: none; -moz-appearance: none; appearance: none; top: 0; right: 0; font-size: 18px; color: #231f20; transition: all 0.3s ease; cursor: pointer; } section.video-overlay #close:hover, section.video-overlay #close:focus { color: #0F7BB6; outline: none; } section.video-overlay #close:before { content: "\e906"; display: inline-block; } section.video-overlay .wrap { width: 100%; padding-top: 56.25%; position: relative; } section.video-overlay .wrap iframe { display: block !important; position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; } section.video-overlay.active { display: flex; flex-direction: column; align-items: center; justify-content: center; visibility: visible; opacity: 1; z-index: 9999; } section.about-slider { padding: 0; } section.about-slider + section { padding-top: 6.25rem; } section.about-slider .inner { width: 100%; max-width: calc((100% + 15px + 3.125rem) - (50% - (1400px / 2))); margin-left: auto; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-delay: 0.25s; animation-delay: 0.25s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } section.about-slider .slick-track { margin: 0 -15px; } @media (max-width: 767px) { section.about-slider { padding: 0; } section.about-slider + section { padding-top: 70px; } section.about-slider .inner { max-width: 100%; } section.about-slider .slick-track { margin: 0 -7.5px; } } section.about-slider .slide { padding: 0 15px; } @media (max-width: 767px) { section.about-slider .slide { padding: 0 7.5px; } } section.about-slider .slide:focus { outline: none; } section.about-slider .slide .image { width: 100%; padding-top: 66.65% !important; overflow: hidden; position: relative; } section.about-slider .slide .image.compat-object-fit { background-size: cover; background-position: center; } section.about-slider .slide .image.compat-object-fit img { display: none; } section.about-slider .slide .image img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } section.about-slider .slide .caption { padding: 35px 0; } @media (max-width: 767px) { section.about-slider .slide .caption { padding: 25px; } } section.about-slider .slide .caption p, section.about-slider .slide .caption a { color: #231f20; text-decoration: none; min-height: 30px; } section.about-slider .slide .caption a:hover { color: #0F7BB6; } section.about-slider .slick-dots { display: flex; align-items: center; position: absolute; bottom: 40px; right: 6.25rem; } @media (max-width: 767px) { section.about-slider .slick-dots { right: 25px; bottom: 30px; } } section.about-slider .slick-dots li { margin: 0; } section.about-slider .slick-dots li + li { margin-left: 10px; } section.about-slider .slick-dots li button { font-size: 0; padding: 0; width: 12px; height: 12px; border-radius: 100%; background: #c8d8e1; transition: all 0.3s ease; cursor: pointer; } section.about-slider .slick-dots li button:focus, section.about-slider .slick-dots li button:hover { outline: none; background: #b7c8d0; } section.about-slider .slick-dots li.slick-active button { background: #0F7BB6; } section.split .container { display: flex; align-items: center; } section.split .media { width: 50%; align-self: flex-start; } section.split .content { width: 50%; padding: 0 6.25rem; } @media (max-width: 1024px) { section.split .content { padding: 0 0 0 6.25rem; } } @media (max-width: 767px) { section.split .container { display: block; } section.split .media { width: 100%; margin-bottom: 30px; } section.split .content { width: 100%; padding: 0; } } section.team .team-grid { display: flex; flex-wrap: wrap; width: calc(100% + 30px); margin: -30px -15px; margin-top: 40px; } @media (max-width: 600px) { section.team .team-grid { width: 100%; margin: 0; margin-top: 35px; } } section.team .team-grid .team-member { width: 25%; padding: 30px 15px; cursor: pointer; text-decoration: none; } @media (max-width: 900px) { section.team .team-grid .team-member { width: 33.33%; } } @media (max-width: 767px) { section.team .team-grid .team-member { width: 50%; } } @media (max-width: 600px) { section.team .team-grid .team-member { width: 100%; padding: 0; margin-top: 30px; } section.team .team-grid .team-member:first-child { margin-top: 0; } } section.team .team-grid .team-member .image { width: 100%; padding-top: 113.33%; position: relative; margin-bottom: 25px; } @media (max-width: 600px) { section.team .team-grid .team-member .image { margin-bottom: 20px; } } section.team .team-grid .team-member .image.compat-object-fit { background-size: cover; background-position: center; } section.team .team-grid .team-member .image.compat-object-fit img { display: none; } section.team .team-grid .team-member .image img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } section.team .team-grid .team-member .image .hover-image { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; z-index: 2; transition: opacity 0.2s ease; } section.team .team-grid .team-member .image .hover-image.compat-object-fit { background-size: cover; background-position: center; } section.team .team-grid .team-member .image .hover-image.compat-object-fit img { display: none; } section.team .team-grid .team-member .image .hover-image img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } section.team .team-grid .team-member:hover .image .hover-image { opacity: 1; } section.team .team-grid .team-member:focus { outline: none; } section.team .team-grid .team-member:focus .image { position: relative; } section.team .team-grid .team-member:focus .image:before { position: absolute; content: ''; top: -2px; bottom: -2px; left: -2px; right: -2px; border: 1px solid #0F7BB6; box-shadow: 0px 0px 3px 0px #0F7BB6; } section.team .team-grid .team-member p.position { line-height: 1.5em; margin-top: 10px; } section.section-overlay { display: none; z-index: 9999; width: 100%; height: 100%; position: fixed; top: 0; left: 0; overflow: scroll; -webkit-overflow-scrolling: touch; background: #fff; padding-top: 12.5rem; } section.section-overlay .header-wrap { display: flex; align-items: center; justify-content: space-between; padding: 3.125rem; position: fixed; left: 0; top: 0; width: 100%; z-index: 9999; } @media (max-width: 767px) { section.section-overlay .header-wrap { padding: 25px; } } section.section-overlay .header-wrap .logo { width: 60px; position: relative; z-index: 9999; } @media (max-width: 767px) { section.section-overlay .header-wrap .logo { width: 40px; } } section.section-overlay .header-wrap .logo svg { width: 100%; } section.section-overlay .header-wrap .logo svg rect, section.section-overlay .header-wrap .logo svg path { transition: all 0.2s ease; } section.section-overlay .header-wrap .logo svg .st1 { fill: #231f20; } section.section-overlay .header-wrap .logo svg .st0 { fill: #0F7BB6; } section.section-overlay #close { -webkit-appearance: none; -moz-appearance: none; appearance: none; top: 0; right: 0; font-size: 18px; color: #231f20; transition: all 0.3s ease; cursor: pointer; background: transparent; } section.section-overlay #close:hover, section.section-overlay #close:focus { color: #0F7BB6; outline: none; } section.section-overlay #close:before { content: "\e906"; display: inline-block; } section.team-bio .wrap { display: flex; } section.team-bio .wrap .headshot { width: 30%; } section.team-bio .wrap .headshot .image { width: 100%; padding-top: 106.8%; position: relative; } section.team-bio .wrap .headshot .image.compat-object-fit { background-size: cover; background-position: center; } section.team-bio .wrap .headshot .image.compat-object-fit img { display: none; } section.team-bio .wrap .headshot .image img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } section.team-bio .wrap .bio { width: 70%; padding-left: 6.25rem; } section.team-bio .wrap .bio .titleSmall, section.team-bio .wrap .bio .gform_confirmation_message, section.team-bio .wrap .bio section.primary h2, section.primary section.team-bio .wrap .bio h2, section.team-bio .wrap .bio section.primary h3, section.primary section.team-bio .wrap .bio h3 { font-weight: 400; margin-top: 15px; } section.team-bio .wrap .bio .titleSmall + p, section.team-bio .wrap .bio .gform_confirmation_message + p, section.team-bio .wrap .bio section.primary h1.titleSmall + p, section.team-bio .wrap .bio section.primary h1.gform_confirmation_message + p, section.team-bio .wrap .bio section.primary h2 + p, section.primary section.team-bio .wrap .bio h2 + p, section.team-bio .wrap .bio section.primary h3 + p, section.primary section.team-bio .wrap .bio h3 + p { margin-top: 35px; } @media (max-width: 767px) { section.team-bio .wrap .bio .titleSmall + p, section.team-bio .wrap .bio .gform_confirmation_message + p, section.team-bio .wrap .bio section.primary h1.titleSmall + p, section.team-bio .wrap .bio section.primary h1.gform_confirmation_message + p, section.team-bio .wrap .bio section.primary h2 + p, section.primary section.team-bio .wrap .bio h2 + p, section.team-bio .wrap .bio section.primary h3 + p, section.primary section.team-bio .wrap .bio h3 + p { margin-top: 25px; } } @media (max-width: 767px) { section.team-bio .wrap { display: block; } section.team-bio .wrap .headshot { width: 100%; margin-bottom: 30px; } section.team-bio .wrap .bio { width: 100%; padding: 0; } } section.photo-hero { padding-right: 0; padding-top: 0; padding-bottom: 0; width: 100%; } section.photo-hero + section { padding-top: 6.25rem !important; } section.photo-hero .inner { width: 100%; max-width: calc((100% + 15px + 3.125rem) - (50% - (1400px / 2))); margin-left: auto; display: flex; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-delay: 0.25s; animation-delay: 0.25s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media (max-width: 767px) { section.photo-hero { padding: 0; } section.photo-hero + section { padding-top: 70px; } section.photo-hero .inner { max-width: 100%; } } section.photo-hero .image .inner { width: 100%; position: relative; } section.photo-hero .image .inner.compat-object-fit { background-size: cover; background-position: center; } section.photo-hero .image .inner.compat-object-fit img { display: none; } section.photo-hero .image .inner img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } section.photo-hero .image:first-child { width: 60%; padding-right: 30px; } section.photo-hero .image:first-child .inner { padding-top: 66.66%; } @media (max-width: 767px) { section.photo-hero .image:first-child { padding-right: 15px; width: 70%; } } section.photo-hero .image:last-child { width: 40%; } @media (max-width: 767px) { section.photo-hero .image:last-child { width: 30%; } } section.photo-hero .image:last-child .inner { height: 100%; } section.open-positions .positions-wrap { margin: 50px 0; border-bottom: 1px solid #51535b; } @media (max-width: 767px) { section.open-positions .positions-wrap { margin: 40px 0; } } section.open-positions .positions-wrap .position { text-decoration: none; display: block; padding: 40px 0; border-top: 1px solid #51535b; position: relative; } @media (max-width: 767px) { section.open-positions .positions-wrap .position { padding: 30px 0; } } section.open-positions .positions-wrap .position:after { content: ''; display: inline-block; width: 25px; height: 25px; overflow: hidden; background: url("../_assets/icons/arrow-right_white.svg") center no-repeat; background-size: 100% auto; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } @media (max-width: 900px) { section.open-positions .positions-wrap .position:after { top: 60px; transform: none; } } @media (max-width: 767px) { section.open-positions .positions-wrap .position:after { top: 40px; width: 20px; height: 20px; } } section.open-positions .positions-wrap .position:hover:after { -webkit-animation: cta-btn-arrow-next-hover .4s ease; animation: cta-btn-arrow-next-hover .4s ease; } @media (max-width: 900px) { section.open-positions .positions-wrap .position:hover:after { -webkit-animation: none; animation: none; } } section.open-positions .positions-wrap .position h3.smallTitle { color: #fff; } section.open-positions .positions-wrap .position p { color: #fff; margin: 0; font-size: 16px; letter-spacing: 0; } section.open-positions .positions-wrap .position .position-info { display: flex; } section.open-positions .positions-wrap .position .position-info .wrap { width: 33.33%; max-width: 290px; padding-right: 9.375rem; } @media (max-width: 900px) { section.open-positions .positions-wrap .position .position-info .wrap { padding-right: 3.125rem; } } @media (max-width: 767px) { section.open-positions .positions-wrap .position .position-info { display: block; } section.open-positions .positions-wrap .position .position-info .wrap { width: 100%; max-width: 100%; padding-right: 0; } section.open-positions .positions-wrap .position .position-info .wrap + .wrap { margin-top: 20px; } } section.open-positions .careers-description { width: 600px; max-width: 100%; } section.open-positions .careers-description p { color: #fff; } section.single-career { padding-top: 12.5rem; } section.single-career .position-info { display: flex; padding-bottom: 35px; border-bottom: 1px solid #0F7BB6; margin-bottom: 60px; } section.single-career .position-info .wrap { width: 33.33%; padding-right: 3.125rem; } section.single-career .position-info .smallTitle { margin-bottom: 35px; } section.single-career .position-info p { color: #231f20; margin: 0; font-size: 16px; letter-spacing: 0; } @media (max-width: 767px) { section.single-career .position-info { display: block; margin-bottom: 35px; padding-bottom: 25px; } section.single-career .position-info .smallTitle { margin-bottom: 25px; } section.single-career .position-info .wrap { width: 100%; max-width: 100%; padding-right: 0; } section.single-career .position-info .wrap + .wrap { margin-top: 15px; } } .pagination { margin-top: 6.25rem; width: 100%; } .pagination ul { display: flex; justify-content: center; } .pagination ul li { width: 30px; } .pagination ul li + li { margin-left: 20px; } .pagination ul li a { width: 100%; text-align: center; padding: 10px 0; color: #231f20; font-size: 1.3125em; line-height: 1em; text-decoration: none; background-image: linear-gradient(#fff 50%, rgba(255, 255, 255, 0) 50%); background-size: 100% 4px; background-position: 100% 100%; background-repeat: no-repeat; display: inline-block; } .pagination ul li a:hover, .pagination ul li a:focus { background-image: linear-gradient(#231f20 50%, rgba(35, 31, 32, 0) 50%); outline: none; -webkit-animation: underline-hover-thick 0.5s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1 normal none running; animation: underline-hover-thick 0.5s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1 normal none running; } .pagination ul li.active a { background-image: linear-gradient(#231f20 50%, rgba(35, 31, 32, 0) 50%); } .pagination ul li.active a:hover, .pagination ul li.active a:focus { -webkit-animation: none; animation: none; } @-webkit-keyframes underline-hover-thick { 0% { background-size: 100% 4px; background-position: 100% 100%; } 50% { background-size: 0 4px; background-position: 100% 100%; } 50.01% { background-size: 0 4px; background-position: 0% 100%; } to { background-size: 100% 4px; background-position: 0% 100%; } } @keyframes underline-hover-thick { 0% { background-size: 100% 4px; background-position: 100% 100%; } 50% { background-size: 0 4px; background-position: 100% 100%; } 50.01% { background-size: 0 4px; background-position: 0% 100%; } to { background-size: 100% 4px; background-position: 0% 100%; } } section.post-author { padding-top: 0; padding-bottom: 0; } section.post-author .container { padding: 25px 0; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #0F7BB6; } @media (max-width: 767px) { section.post-author .container { display: block; border: none; } } section.post-author .author-wrap { display: flex; align-items: center; text-decoration: none; } section.post-author .author-wrap:hover p, section.post-author .author-wrap:hover p strong { color: #0F7BB6; } section.post-author .author-wrap img { width: 65px; height: 65px; border-radius: 100%; margin-right: 15px; } section.post-author .author-wrap p { margin: 0; line-height: 1.5em; font-size: 1.0625em; transition: all 0.3s ease; } section.post-author .author-wrap p strong { transition: all 0.3s ease; } @media (max-width: 767px) { section.post-author .author-wrap { margin-right: 0; } } section.post-author .social-share { display: flex; align-items: center; } @media (max-width: 767px) { section.post-author .social-share { display: none; } } section.post-author .social-share a { color: #8d9ba0; text-decoration: none; font-size: 14px; } section.post-author .social-share a + a { margin-left: 25px; } section.post-author .social-share a.email { font-size: 12px; } section.post-author .social-share a:hover, section.post-author .social-share a:focus { outline: none; color: #0F7BB6; } .youtube-embed { max-width: 100%; width: 100%; } .youtube-embed .iframe { width: 100%; padding-top: 56.25%; position: relative; } .youtube-embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block !important; } section.single-post { padding-top: 50px !important; } @media (max-width: 767px) { section.single-post { padding-top: 0 !important; } } section.single-post .back-section { display: flex; align-items: center; justify-content: space-between; padding-top: 30px; border-top: 1px solid #c5d5dd; margin-top: 50px; } section.single-post .back-section .social-share { display: flex; align-items: center; } section.single-post .back-section .social-share a { color: #8d9ba0; text-decoration: none; background-image: none; padding: 0; font-size: 14px; } section.single-post .back-section .social-share a + a { margin-left: 25px; } section.single-post .back-section .social-share a.email { font-size: 12px; } section.single-post .back-section .social-share a:hover, section.single-post .back-section .social-share a:focus { outline: none; color: #0F7BB6; } @media (max-width: 767px) { section.single-post .back-section { display: block; margin-top: 40px; } section.single-post .back-section .social-share { margin-top: 35px; } } section.next-post a.next-post { width: 100%; padding-top: 56.25%; position: relative; background-size: cover; background-position: center; text-decoration: none; display: block; } @media (max-width: 767px) { section.next-post a.next-post { padding: 70px 25px; } } section.next-post a.next-post:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(35, 31, 32, 0.6); transition: all 0.3s ease; } section.next-post a.next-post .copy { max-width: 800px; padding: 3.125rem; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } section.next-post a.next-post .copy p { color: #fff; } section.next-post a.next-post .copy p + p { margin-top: 40px; } section.next-post a.next-post .copy span.next { margin-left: 0; margin-top: 40px; } @media (max-width: 767px) { section.next-post a.next-post .copy { position: relative; top: 0; left: 0; transform: none; padding: 0; } section.next-post a.next-post .copy p + p { margin-top: 30px; } section.next-post a.next-post .copy span.next { margin-top: 30px; } } section.next-post a.next-post:hover:before { background: rgba(35, 31, 32, 0.7); } section.next-post a.next-post:hover .copy span.next:after { -webkit-animation: cta-btn-arrow-next-hover .4s ease; animation: cta-btn-arrow-next-hover .4s ease; } section.contact-form { padding-top: 12.5rem; } section.contact-form .inner { width: 800px; max-width: 100%; } section.contact-form form { margin-top: 40px; } section.download-popup .title, section.download-popup header .main-menu .menu li a, header .main-menu .menu li section.download-popup a, section.download-popup section.intro p.title, section.intro section.download-popup p.title, section.download-popup section.primary h1, section.primary section.download-popup h1, section.download-popup section.primary h2.title, section.primary section.download-popup h2.title, section.download-popup section.primary h3.title, section.primary section.download-popup h3.title { margin-bottom: 40px; } section.download-popup p.dlm-nf-download-link a { font-size: 18px; } section.contact-ctas .container { display: flex; } section.contact-ctas .container .column { width: 50%; } section.contact-ctas .container .column:first-child { padding-right: 3.125rem; } section.contact-ctas .container .column:last-child { padding-left: 3.125rem; } @media (max-width: 767px) { section.contact-ctas .container { display: block; } section.contact-ctas .container .column { width: 100%; } section.contact-ctas .container .column:first-child, section.contact-ctas .container .column:last-child { padding: 0; } section.contact-ctas .container .column + .column { margin-top: 40px; } } section.google-map { border-bottom: 1px solid #c8d8e1; } section.google-map .map { margin-top: 40px; width: 100%; padding-top: 43.75%; position: relative; } section.google-map .map iframe { display: block !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } form { width: 100%; } form ul { font-size: 16px; display: flex; flex-wrap: wrap; justify-content: space-between; } form ul li { padding: 0 !important; text-indent: 0 !important; position: relative; margin: 0 !important; margin-bottom: 30px !important; width: 100%; } form ul li:before { content: none !important; } form ul li.w50 { width: calc(50% - 15px); } @media (max-width: 767px) { form ul li.w50 { width: 100%; } } @media (max-width: 767px) { form ul li { font-size: 24px; } } form ul li label { font-size: 32px; font-weight: 300; letter-spacing: -0.02em; line-height: 1.2em; color: #8d9ba0; position: absolute; top: 20px; transition: all 0.3s ease; pointer-events: none; } form ul li label.focused { font-size: 16px; letter-spacing: 0; color: #231f20; top: -2px; font-weight: 400; } form ul li label span.gfield_required { display: none; } @media (max-width: 767px) { form ul li label { font-size: 24px; top: 15px; } form ul li label.focused { top: -8px; font-size: 15px; } } form ul li.hideLabel > label { display: none; } form ul li input, form ul li textarea, form ul li select { width: 100%; border: none; border-bottom: 2px solid #dce6eb; padding: 20px 0; transition: all 0.2s ease; font-size: 32px; font-weight: 300; letter-spacing: -0.02em; line-height: 1.2em; color: #231f20; background: transparent; } form ul li input:focus, form ul li textarea:focus, form ul li select:focus { outline: none; border-color: #0F7BB6; } @media (max-width: 767px) { form ul li input, form ul li textarea, form ul li select { font-size: 24px; padding: 15px 0; } } form ul li textarea { height: 125px; resize: none; } form ul li.gfield_error input, form ul li.gfield_error textarea, form ul li.gfield_error select { border-color: red; } form ul li.gfield_error .validation_message { font-size: 14px; margin-top: 5px; color: red; } form ul li.gform_validation_container { display: none; } form ul li .ginput_container_checkbox ul li { margin-bottom: 0 !important; } form ul li .ginput_container_checkbox ul li input { opacity: 0; position: absolute; } form ul li .ginput_container_checkbox ul li input:checked + label:after { content: ''; width: 15px; height: 15px; background: #0F7BB6; border-radius: 100%; left: 5px; top: 7px; position: absolute; } form ul li .ginput_container_checkbox ul li label { position: relative; top: 0; color: #8d9ba0; font-size: 18px; display: flex; cursor: pointer; } form ul li .ginput_container_checkbox ul li label:before { content: ''; width: 25px; height: 25px; border: 2px solid #dce6eb; border-radius: 100%; margin-right: 10px; position: relative; top: 2px; flex: 0 0 25px; } form .validation_error { margin-bottom: 20px; color: #231f20; font-weight: 700; } form .gform_footer { display: inline-flex; align-items: center; } form .gform_footer:after { content: ''; display: inline-block; width: 35px; height: 35px; border: 1px solid #c8d8e1; border-radius: 100%; margin-left: 15px; overflow: hidden; background: url("../_assets/icons/arrow-right.svg") center no-repeat; background-size: 15px 13px; pointer-events: none; } form .gform_footer input.button { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; cursor: pointer; color: #0F7BB6; font-weight: 500; text-decoration: none; letter-spacing: 0.02em; transition: all 0.3s ease; background: transparent; } @media (max-width: 767px) { form .gform_footer input.button { font-size: 1.125em; } } form .gform_footer input.button:focus { outline: none; color: #231f20; } form .gform_footer:hover input.button, form .gform_footer:focus input.button { outline: none; color: #231f20; } form .gform_footer:hover:after, form .gform_footer:focus:after { -webkit-animation: cta-btn-arrow-next-hover .4s ease; animation: cta-btn-arrow-next-hover .4s ease; } .gform_confirmation_message { margin-top: 40px; } body img.gform_ajax_spinner { display: none !important; } section.cta { text-align: center; padding-top: 11.5625rem; padding-bottom: 11.5625rem; } @media (max-width: 767px) { section.cta { padding-top: 70px; padding-bottom: 70px; } } section.cta .container.small { width: 900px; } section.cta p { font-size: 2em; line-height: 1.5em; font-weight: 500; color: #231f20; } @media (max-width: 900px) { section.cta p { font-size: 1.5em; } } section.cta a { color: #0F7BB6; text-decoration: none; background-image: linear-gradient(#0F7BB6 50%, rgba(107, 190, 74, 0) 50%); background-size: 100% 6px; background-position: 100% 100%; background-repeat: no-repeat; padding-bottom: 10px; } section.cta a:hover, section.cta a:focus { outline: none; -webkit-animation: cta-underline-hover 0.6s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1 normal none running; animation: cta-underline-hover 0.6s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1 normal none running; } @-webkit-keyframes cta-underline-hover { 0% { background-size: 100% 6px; background-position: 100% 100%; } 50% { background-size: 0 6px; background-position: 100% 100%; } 50.01% { background-size: 0 6px; background-position: 0% 100%; } to { background-size: 100% 6px; background-position: 0% 100%; } } @keyframes cta-underline-hover { 0% { background-size: 100% 6px; background-position: 100% 100%; } 50% { background-size: 0 6px; background-position: 100% 100%; } 50.01% { background-size: 0 6px; background-position: 0% 100%; } to { background-size: 100% 6px; background-position: 0% 100%; } } section.footer { padding-top: 6.25rem; padding-bottom: 6.25rem; } body.single-career section.footer, body.single-post section.footer, body.error404 section.footer { border-top: 1px solid #c5d5dd; } section.footer .container { display: flex; justify-content: space-between; flex-wrap: wrap; } section.footer p, section.footer a, section.footer ul li { color: #8d9ba0; text-decoration: none; font-size: 1em; line-height: 1.7em; display: block; letter-spacing: 0; } section.footer p strong, section.footer a strong, section.footer ul li strong { color: #231f20; font-weight: 700; } section.footer a:not(.logo) { background-image: linear-gradient(#fff 50%, rgba(255, 255, 255, 0) 50%); background-size: 100% 3px; background-position: 100% 100%; padding-bottom: 2px; background-repeat: no-repeat; display: inline-block; } section.footer a:not(.logo):hover, section.footer a:not(.logo):focus { color: #0F7BB6; outline: none; background-image: linear-gradient(#0F7BB6 50%, rgba(107, 190, 74, 0) 50%); -webkit-animation: underline-hover 0.5s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1 normal none running; animation: underline-hover 0.5s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1 normal none running; } @media (max-width: 767px) { section.footer a:not(.logo) { display: block; background-image: none; } section.footer a:not(.logo):hover, section.footer a:not(.logo):focus { -webkit-animation: none; animation: none; background-image: none; color: #8d9ba0; } } section.footer ul { list-style-type: none; } section.footer ul li + li { margin-top: 8px; } section.footer .identity { width: 25%; padding-right: 6.25rem; } section.footer .identity .logo { width: 135px; display: block; margin-bottom: 35px; } section.footer .identity a + a { margin-top: 5px; } @media (max-width: 1024px) { section.footer .identity { width: 30%; } } @media (max-width: 767px) { section.footer .identity { width: 100%; margin-bottom: 35px; } section.footer .identity .logo { margin-bottom: 20px; width: 120px; } } section.footer .footer-nav, section.footer .social { width: 15%; padding-right: 6.25rem; } @media (max-width: 1024px) { section.footer .footer-nav, section.footer .social { width: 17.5%; } } @media (max-width: 767px) { section.footer .footer-nav, section.footer .social { width: 50%; } } section.footer .locations { width: 45%; display: flex; flex-wrap: wrap; justify-content: space-between; } section.footer .locations .location-wrap { width: calc(50% - 3.125rem/2); margin-bottom: 25px; } section.footer .locations .location-wrap p { margin: 0; } @media (max-width: 1024px) { section.footer .locations { display: block; width: 35%; } section.footer .locations .location-wrap { width: 100%; margin-bottom: 0; } section.footer .locations .location-wrap + .location-wrap { margin-top: 20px; } } @media (max-width: 767px) { section.footer .locations { width: 100%; margin-top: 35px; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .nav-toggle { margin-left: auto; } } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; 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 { transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: 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; } .download-box { width: 250px; border: 1px solid #ccc; border-radius: 4px; text-align: center; position: relative; margin: 1em auto; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.4); } .download-box h1 { margin: 0.5em 0 !important; } .download-box img.wp-post-image { margin: 0; padding: 0; display: block; width: 100%; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-border-top-left-radius: 3px; -moz-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; border-radius: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); } .download-box .download-box-content { padding: 0 1em 1em; } .download-box .download-count { border-radius: 1em; color: #777; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background: #ddd; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.4); position: absolute; top: 0; right: 0; padding: .6em; width: auto; min-width: 1em; font-size: 1em; text-align: center; vertical-align: middle; line-height: 1em; border: 1px solid #bbb; margin: -.5em -.5em 0 0; } .download-button { text-align: center; text-decoration: none !important; padding: .75em 1em; color: #fff; display: block; font-size: 1.2em; line-height: 1.5em; background-color: #09c; background-image: -moz-linear-gradient(#009fd4, #09c, #0086b2); border-radius: 4px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4); border: 1px solid #0086b2; cursor: pointer; } .download-button:hover { color: #fff; background-color: #09c; background-image: -moz-linear-gradient(#09c, #0086b2); } .download-button:visited { color: #fff; text-decoration: none; } .download-button small { font-size: .8em; opacity: .8; display: block; } .filetype-icon { padding-left: 19px; background-repeat: no-repeat; background-position: left; background-image: url(../images/filetypes/document.png); } .filetype-pdf { background-image: url(../images/filetypes/document-pdf.png); } .filetype-aif, .filetype-aifc, .filetype-aiff, .filetype-au, .filetype-kar, .filetype-m3u, .filetype-m4r, .filetype-mid, .filetype-midi, .filetype-mp2, .filetype-mp3, .filetype-mpga, .filetype-ra, .filetype-ram, .filetype-rm, .filetype-rpm, .filetype-snd, .filetype-wav, .filetype-wave { background-image: url(../images/filetypes/document-music.png); } .filetype-avi, .filetype-divx, .filetype-mov, .filetype-movie, .filetype-mp4, .filetype-mpe, .filetype-mpeg, .filetype-mpg, .filetype-mxu, .filetype-qt, .filetype-wmv { background-image: url(../images/filetypes/document-film.png); } .filetype-7z, .filetype-gz, .filetype-rar, .filetype-sit, .filetype-tar, .filetype-zip { background-image: url(../images/filetypes/document-zipper.png); } .filetype-csv, .filetype-tsv, .filetype-xls, .filetype-xlsx { background-image: url(../images/filetypes/document-excel.png); } .filetype-doc, .filetype-docx { background-image: url(../images/filetypes/document-word-text.png); } .filetype-ai { background-image: url(../images/filetypes/document-illustrator.png); } .filetype-swf { background-image: url(../images/filetypes/document-flash-movie.png); } .filetype-bmp, .filetype-djv, .filetype-eps, .filetype-gif, .filetype-ief, .filetype-jpe, .filetype-jpeg, .filetype-jpg, .filetype-pbm, .filetype-pgm, .filetype-png, .filetype-pnm, .filetype-ppm, .filetype-ps, .filetype-ras, .filetype-rgb, .filetype-tif, .filetype-tiff, .filetype-wbmp, .filetype-xbm, .filetype-xpm, .filetype-xwd { background-image: url(../images/filetypes/document-image.png); } .filetype-psd { background-image: url(../images/filetypes/document-photoshop.png); } .filetype-ppt, .filetype-pptx { background-image: url(../images/filetypes/document-powerpoint.png); } .filetype-as, .filetype-css, .filetype-htaccess, .filetype-htm, .filetype-html, .filetype-js, .filetype-php, .filetype-sql, .filetype-xml, .filetype-xsl { background-image: url(../images/filetypes/document-code.png); } .filetype-rtf, .filetype-rtx { background-image: url(../images/filetypes/document-text-image.png); } .filetype-txt { background-image: url(../images/filetypes/document-text.png); } #content nav.download-monitor-pagination, nav.download-monitor-pagination { text-align: center; } #content nav.download-monitor-pagination ul, nav.download-monitor-pagination ul { display: inline-block; white-space: nowrap; padding: 0; clear: both; border: 1px solid #eee; border-right: 0; margin: 1px; } #content nav.download-monitor-pagination ul li, nav.download-monitor-pagination ul li { border-right: 1px solid #eee; padding: 0; margin: 0; float: left; display: inline; overflow: hidden; } #content nav.download-monitor-pagination ul li a, #content nav.download-monitor-pagination ul li span, nav.download-monitor-pagination ul li a, nav.download-monitor-pagination ul li span { margin: 0; text-decoration: none; padding: 0; line-height: 1em; font-size: 1em; font-weight: 400; padding: .5em; min-width: 1em; display: block; } #content nav.download-monitor-pagination ul li a:focus, #content nav.download-monitor-pagination ul li a:hover, #content nav.download-monitor-pagination ul li span.current, nav.download-monitor-pagination ul li a:focus, nav.download-monitor-pagination ul li a:hover, nav.download-monitor-pagination ul li span.current { background: #eee; color: #888; } .dlm_widget_downloads ul, .dlm_widget_downloads ul li { list-style: none; } /* * Slide Aniamtion Class * @author Dino Mastrianni * @desc This CSS class adds a psuedo element to an image wrapper, and uses JS to releav the underlying image when the user scrolls to it. */ .animationClass { position: relative; } .animationClass.slideOut:before { content: ''; position: absolute; top: 0px; width: 100%; height: 100%; z-index: 1; background-color: #2e2f33; transition: all 0.45s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-delay: 0.5s; } .animationClass.slideOut.left:before { left: 0px; } .animationClass.slideOut.right:before { right: 0px; } .animationClass.slideOut.revealed:before { width: 0%; } .animationClass.fadeIn { opacity: 0; transition: opacity 0.5s ease; } .animationClass.fadeIn.revealed { opacity: 1; } .animationClass.fadeInUp { opacity: 0; top: 60px; transition: all 0.5s ease; } .animationClass.fadeInUp.revealed { top: 0px; opacity: 1; } #ripple-block { position: relative; padding: 0; background: #000; width: 100%; height: 67.5rem; /* .ripple-content-1 .slide{ .copy{ max-width: 420px; @media(max-width: 767px){ max-width: 100%; } } } .ripple-content-2 .slide{ .copy{ @media(max-width: 1140px){ max-width: 450px; } } } .ripple-content-4 .slide{ .copy{ max-width: 550px; @media(max-width: 1140px){ max-width: 450px; } @media(max-width: 767px){ max-width: 100%; } } } .ripple-content-7 .slide{ .copy{ @media(max-width: 1190px){ max-width: 500px; } @media(max-width: 1140px){ max-width: 450px; } @media(max-width: 767px){ max-width: 100%; } } }*/ } @media (min-width: 1600px) { #ripple-block { height: calc(56.25vw - 129px); } } @media (max-width: 900px) { #ripple-block { min-height: inherit; } } @media (max-width: 767px) { #ripple-block { position: relative; } } #ripple-block .count { position: absolute; right: 3.125rem; bottom: 300px; color: #fff; display: flex; align-items: center; transform: rotate(90deg) translateY(100%); transform-origin: 100%; } #ripple-block .count span { width: 65px; height: 1px; background: #fff; margin: 0 10px; } @media (max-width: 767px) { #ripple-block .count { bottom: 147px; right: 15px; } #ripple-block .count span { width: 30px; } } #ripple-block #ripple-slider { position: absolute; top: 0px; left: 0px; } #ripple-block .ripple-slide { display: none; } #ripple-block .ripple-slide.display-flex { display: flex; } #ripple-block .ripple-slide.show .copy { opacity: 1; left: 0; transition: all 0.5s ease; } #ripple-block .ripple-slide.show .btn-wrap { opacity: 1; transition-delay: 0s; } #ripple-block .slide { width: 100%; height: 100%; padding: 9.375rem 6.25rem; position: relative; display: flex; align-items: center; } @media (max-width: 767px) { #ripple-block .slide { padding: 110px 25px 25px 25px; display: block; } } #ripple-block .slide.compat-object-fit { background-size: cover; background-position: center; } #ripple-block .slide.compat-object-fit img { display: none; } #ripple-block .slide img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } #ripple-block .slide img.mobile-img { display: none; } @media (max-width: 767px) { #ripple-block .slide img.mobile-img { display: block; } } #ripple-block .slide .container { position: relative; } #ripple-block .slide .copy { position: relative; z-index: 2; max-width: 575px; width: 100%; opacity: 0; left: -20px; transition: all 0.5s ease; } @media (max-width: 1140px) { #ripple-block .slide .copy { max-width: 500px; } } @media (max-width: 767px) { #ripple-block .slide .copy { max-width: 100%; } } @media (max-width: 1140px) { #ripple-block .slide .copy .titleLarge { font-size: 3.125em; } } @media (max-width: 767px) { #ripple-block .slide .copy .titleLarge { font-size: 2.125em; } } #ripple-block .slide .copy .subtitle + .titleLarge, #ripple-block .slide .copy section.hero-slider .count + .titleLarge, #ripple-block .slide .copy section.industries .container .industry-list li a span.number + .titleLarge, section.industries .container .industry-list li a #ripple-block .slide .copy span.number + .titleLarge, #ripple-block .slide .copy section.hero ul.filter li a + .titleLarge, section.hero ul.filter li #ripple-block .slide .copy a + .titleLarge, #ripple-block .slide .copy section.qualifiers .qualifier-row .descriptionTitle span.number + .titleLarge, section.qualifiers .qualifier-row .descriptionTitle #ripple-block .slide .copy span.number + .titleLarge, #ripple-block .slide .copy section.primary h1.subtitle + .titleLarge, #ripple-block .slide .copy section.primary h2.subtitle + .titleLarge, #ripple-block .slide .copy section.primary h3.subtitle + .titleLarge, #ripple-block .slide .copy section.primary h4 + .titleLarge, section.primary #ripple-block .slide .copy h4 + .titleLarge, #ripple-block .slide .copy section.primary h5 + .titleLarge, section.primary #ripple-block .slide .copy h5 + .titleLarge, #ripple-block .slide .copy section.primary h6 + .titleLarge, section.primary #ripple-block .slide .copy h6 + .titleLarge, #ripple-block .slide .copy .count + .titleLarge, #ripple-block .slide .copy section.primary h1.count + .titleLarge, #ripple-block .slide .copy section.primary h2.count + .titleLarge, #ripple-block .slide .copy section.primary h3.count + .titleLarge { margin-top: 15px; } #ripple-block .slide .copy .subtitle, #ripple-block .slide .copy section.industries .container .industry-list li a span.number, section.industries .container .industry-list li a #ripple-block .slide .copy span.number, #ripple-block .slide .copy section.hero ul.filter li a, section.hero ul.filter li #ripple-block .slide .copy a, #ripple-block .slide .copy section.qualifiers .qualifier-row .descriptionTitle span.number, section.qualifiers .qualifier-row .descriptionTitle #ripple-block .slide .copy span.number, #ripple-block .slide .copy section.primary h4, section.primary #ripple-block .slide .copy h4, #ripple-block .slide .copy section.primary h5, section.primary #ripple-block .slide .copy h5, #ripple-block .slide .copy section.primary h6, section.primary #ripple-block .slide .copy h6, #ripple-block .slide .copy .count, #ripple-block .slide .copy .titleLarge { color: #fff; } #ripple-block .slide .copy .subtitle:before, #ripple-block .slide .copy section.industries .container .industry-list li a span.number:before, section.industries .container .industry-list li a #ripple-block .slide .copy span.number:before, #ripple-block .slide .copy section.hero ul.filter li a:before, section.hero ul.filter li #ripple-block .slide .copy a:before, #ripple-block .slide .copy section.qualifiers .qualifier-row .descriptionTitle span.number:before, section.qualifiers .qualifier-row .descriptionTitle #ripple-block .slide .copy span.number:before, #ripple-block .slide .copy section.primary h4:before, section.primary #ripple-block .slide .copy h4:before, #ripple-block .slide .copy section.primary h5:before, section.primary #ripple-block .slide .copy h5:before, #ripple-block .slide .copy section.primary h6:before, section.primary #ripple-block .slide .copy h6:before, #ripple-block .slide .copy .count:before, #ripple-block .slide .copy .titleLarge:before { background-color: #fff; } #ripple-block .slide .copy .titleLarge + p { color: #fff; font-size: 1.25em; } @media (max-width: 767px) { #ripple-block .slide .copy .titleLarge + p { font-size: 1.125em; margin-top: 15px; } } #ripple-block .slide .btn-wrap { width: 100%; position: absolute; bottom: 3.125rem; left: 0; z-index: 2; padding: 0 6.25rem; opacity: 0; transition: all 0.5s ease; transition-delay: 0.25s; } @media (max-width: 767px) { #ripple-block .slide .btn-wrap { bottom: 25px; padding: 0 25px; } } #ripple-block .ripple-arrow { background: rgba(255, 255, 255, 0.15); padding: 0; width: 125px; height: 125px; font-size: 0; position: absolute; right: 0; bottom: 0; cursor: pointer; z-index: 2; transition: all 0.3s ease; } #ripple-block .ripple-arrow:before { content: "\e90a"; font-size: 35px; color: #fff; } #ripple-block .ripple-arrow.ripple-next { bottom: 127px; } #ripple-block .ripple-arrow.ripple-next:before { content: "\e90b"; } #ripple-block .ripple-arrow:focus, #ripple-block .ripple-arrow:hover { outline: none; background: rgba(255, 255, 255, 0.25); } @media (max-width: 767px) { #ripple-block .ripple-arrow { width: 60px; height: 60px; } #ripple-block .ripple-arrow:before { font-size: 25px; } #ripple-block .ripple-arrow.ripple-next { bottom: 62px; } } .rippleDots { display: flex; align-items: center; justify-content: flex-end; list-style: none; position: absolute; right: 6.25rem; top: 36px; } @media (max-width: 767px) { .rippleDots { width: 100%; top: 71px; right: 25px; } } .rippleDots li { margin-left: 0.75rem; } @media (max-width: 767px) { .rippleDots li { margin-left: 1rem; } } .rippleDots button { font-size: 0; padding: 0; width: 12px; height: 12px; border-radius: 100%; background: #848791; transition: all 0.3s ease; cursor: pointer; opacity: 0.5; } .rippleDots button:focus, .rippleDots button:hover { outline: none; opacity: 0.8; } .rippleDots button.active { background-color: #0F7BB6; opacity: 1; } .rippleCaption { display: none; opacity: 0; padding: 35px 6.25rem; font-size: 17px; transition: all 0.5s ease; } .rippleCaption p, .rippleCaption a { color: #231f20; text-decoration: none; } @media (max-width: 767px) { .rippleCaption p, .rippleCaption a { font-size: 17px !important; } } @media screen and (max-device-width: 767px) { .rippleCaption p, .rippleCaption a { -webkit-text-size-adjust: none; } } .rippleCaption a:hover { color: #0F7BB6; } @media (max-width: 767px) { .rippleCaption { padding: 25px; } } .rippleCaption.display-flex { display: flex; } .rippleCaption.show { opacity: 1; left: 0; transition: all 0.5s ease; } .ripple-footer { width: 100%; height: 102px; position: relative; } /*# sourceMappingURL=style.css.map */