html { scroll-behavior: smooth; overflow-x: hidden; overflow-y: auto; }

body { background: #fff; font-family: "FS Albert", sans-serif; color: #555555; font-size: 18px; line-height: 1.72222; font-weight: normal; overflow-x: hidden; overflow-y: auto; opacity: 1; -webkit-animation: fade-in 0.5s ease; animation: fade-in 0.5s ease; }

body.body { font-weight: bold; }

body::after { z-index: -1; content: ""; position: absolute; top: 0; left: 0; width: 0; height: 0; display: block; opacity: 0; cursor: pointer; background: rgba(255, 255, 255, 0.5); -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

body.open-downloads-menu::after { position: fixed; z-index: 999999999; width: 100%; height: 100%; min-height: 100vh; }

body.style-downloads-menu::after { opacity: 1; }

a { color: #555555; text-decoration: underline; -webkit-transition-property: color, background, border; transition-property: color, background, border; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

a:hover { color: #3264DC; }

h1, h2, h3, h4, h5, h6 { color: inherit; margin: 0; padding: 0; line-height: 1.2; }

h1.line-above, h2.line-above, h3.line-above, h4.line-above, h5.line-above, h6.line-above { position: relative; padding-top: 32px; }

h1.line-above::after, h2.line-above::after, h3.line-above::after, h4.line-above::after, h5.line-above::after, h6.line-above::after { content: ""; position: absolute; top: 0; left: 0; width: 100px; height: 2px; background: #ccc; display: block; }

h1 sup, h2 sup, h3 sup, h4 sup, h5 sup, h6 sup { color: #64F0FF; font-size: inherit; vertical-align: bottom; }

h1, h2 { color: #001950; font-size: 50px; line-height: 1.12; font-weight: bold; margin-bottom: 17px; }

h3 { font-size: 35px; line-height: 1.14286; margin-bottom: 20px; color: #001950; font-weight: bold; }

h4 { font-size: 28px; line-height: 1.10714; font-weight: bold; color: #001950; margin-bottom: 15px; margin-top: 36px; }

h5 { color: #3264DC; font-style: italic; font-size: 22px; line-height: 1.13636; }

h6 { color: #001950; font-size: 20px; line-height: 1.1; font-weight: bold; text-transform: uppercase; margin: 0; }

p { margin-bottom: 1em; }

p + h2, p + h3 { margin-top: 30px; }

ul { position: relative; list-style: none; margin-bottom: 1em; padding-left: 15px; }

ul li { position: relative; margin-bottom: 1em; }

ul li::before { content: "\2022"; position: absolute; left: -15px; color: #64F0FF; -webkit-transform: scale(0.7, 0.7); -ms-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); }

ul.minimal { margin-top: -0.6em; }

ul.minimal li { margin-bottom: 0.5em; }

ul.minimal ul.minimal { margin-top: 0; padding-left: 32px; }

ul.push-up { margin-top: -0.8em; }

ul.footnotes { font-size: 12px; line-height: 1.16667; font-weight: normal; padding-right: 20px; color: #787878; }

ul.footnotes li::before { font-size: 12px; line-height: 1.16667; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); width: 13px; text-align: right; }

ul.footnotes li:first-child::before { content: "*"; }

ul.footnotes li:nth-child(2)::before { content: "**"; }

ul.footnotes li:nth-child(3)::before { content: "***"; }

strong.primary { color: #001950; }

strong.sec { color: #3264DC; }

strong.accent { color: #64F0FF; }

.button { position: relative; background: #64F0FF; border-radius: 200px; padding: 21px 70px 20px 30px; color: #001950; text-transform: uppercase; font-size: 16px; line-height: 1.1875; font-weight: bold; text-decoration: none !important; display: inline-block; }

.button::after { content: "\f35a"; font-family: "Font Awesome 5 Free"; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; position: absolute; right: 30px; top: 50%; font-size: 1.2em; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: right 0.3s; transition: right 0.3s; }

.button:hover { color: #001950; }

.button:hover::after { right: 25px; }

.cta { position: relative; display: inline-block; text-transform: uppercase; color: #3264DC; font-size: 14px; line-height: 1; text-decoration: none !important; padding-right: 30px; }

.cta::after { content: "\f0a9"; font-family: "Font Awesome 5 Free"; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; position: absolute; right: 5px; top: 48%; font-size: 16px; line-height: 1; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: right 0.3s; transition: right 0.3s; }

.cta:hover { color: #3264DC; }

.cta:hover::after { right: 0; }

.cta.cta-download { padding-right: 20px; text-transform: none; font-weight: bold; color: #00377B; font-size: 16px; }

.cta.cta-download::after { content: "\f063"; font-size: 10px; border-bottom: 1px solid #3264DC; color: #3264DC; -webkit-transition: padding 0.5s; transition: padding 0.5s; }

.cta.cta-download:hover { color: #3264DC; }

.cta.cta-download:hover::after { right: 5px; }

.link-circle { z-index: 20; position: relative; width: 80px; height: 80px; border-radius: 100%; text-align: center; line-height: 80px; color: #3264DC; display: block; background: rgba(100, 240, 255, 0.6); }

.link-circle::after { font-size: 25px; font-weight: normal; display: inline-block; padding-bottom: 5px; border-bottom: 2px solid #3264DC; content: "\f063"; font-family: "Font Awesome 5 Free"; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; line-height: 1; -webkit-transition: border-color 0.3s; transition: border-color 0.3s; }

.link-circle:hover { color: #001950; }

.link-circle:hover::after { border-bottom-color: #001950; }

.download { text-decoration: none !important; color: #00377B; font-size: 16px; line-height: 1.75; font-weight: bold; display: inline-block; text-align: center; padding: 5px 10px; white-space: nowrap; }

.download:hover { color: #3264DC; }

.download small { color: #787878; font-weight: normal; font-size: 12px; line-height: 1; display: block; }

.download small i { font-size: 8px; color: #00C8FF; padding-bottom: 2px; border-bottom: 1px solid #00C8FF; vertical-align: top; margin-left: 3px; text-align: center; }

.download.button { padding: 10px; }

.download.button small { color: #001950; }

.download.button small i { color: #001950; border-color: #001950; }

.download.button::after { display: none; }

.leading { color: #3264DC; font-size: 26px; line-height: 1.5; }

.leading.primary, .leading .primary { color: #00377B; }

blockquote { z-index: 10; position: relative; margin-bottom: 70px; text-align: left; }

blockquote span.quote { position: relative; font-size: 36px; line-height: 1.33333; color: #3264DC; font-style: italic; padding-top: 25px; padding-left: 60px; margin-bottom: 10px; display: block; }

blockquote span.quote::before { z-index: -1; position: absolute; left: -43px; top: 0; font-weight: normal; font-style: normal; width: 128px; height: 128px; display: block; background: rgba(0, 200, 255, 0.2); border-radius: 100%; color: #3264DC; font-size: 45px; text-align: center; line-height: 131px; content: "\f10d"; font-family: "Font Awesome 5 Free"; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; }

blockquote span.quote.quote-top { padding-left: 48px; }

blockquote span.quote.quote-top::before { left: -24px; top: -70px; }

blockquote span.caption { text-align: right; max-width: 400px; margin-left: auto; display: block; }

.caption { font-size: 14px; line-height: 1.14286; color: #555; font-weight: normal; }

.caption.sig span, .caption.sig strong { display: block; }

.caption.sig strong { color: #001950; text-transform: uppercase; display: block; margin-bottom: 4px; }

.signature { font-size: 14px; line-height: 1.14286; text-transform: uppercase; color: #001950; font-weight: bold; }

.signature strong { font-size: 18px; line-height: 1.11111; color: #3264DC; text-transform: none; }

.signature span { display: inline-block; }

.footnote { padding-top: 50px; opacity: 0.8; }

.footnote p { font-style: italic; font-size: 0.8em; }

header { z-index: 99999999999999999999999; position: absolute; top: 0; left: 0; width: 100%; height: 100px; background: transparent; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-transition-property: background, box-shadow, height; transition-property: background, box-shadow, height; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); overflow: hidden; box-shadow: 0 0 0 rgba(85, 85, 85, 0); }

header > .wrapper { width: 100%; }

header a#logo { width: 210px; float: left; }

header a#logo img.logo { display: block; }

header a#logo img.logo-white { display: none; }

html:not(.header-styled):not(.open-mobile-menu) body.header-background header a#logo img.logo { display: none; }

html:not(.header-styled):not(.open-mobile-menu) body.header-background header a#logo img.logo-white { display: block; }

header nav#main-menu { text-align: right; float: right; width: calc(99% - 210px); }

html.header-fixed header { position: fixed; -webkit-transition-property: background, box-shadow; transition-property: background, box-shadow; }

html.header-styled header { height: 65px; background: #F6F8F7; -webkit-animation: header-style 0.5s ease 0s forwards; animation: header-style 0.5s ease 0s forwards; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

main { z-index: 50; position: relative; }

body.home main::before { margin-bottom: -101px; }

body:not(.header-background) main { background: #fff; padding-top: 40px; }

.wrapper { padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; max-width: 1192px; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

.wrapper-full { padding-left: 20px; padding-right: 20px; }

.row5 { margin-left: -5px; margin-right: -5px; }

.row5 > [class*="col-"] { padding-left: 5px; padding-right: 5px; }

.row7 { margin-left: -7px; margin-right: -7px; }

.row7 > [class*="col-"] { padding-left: 7px; padding-right: 7px; }

.row10 { margin-left: -10px; margin-right: -10px; }

.row10 > [class*="col-"] { padding-left: 10px; padding-right: 10px; }

.row15 { margin-left: -15px; margin-right: -15px; }

.row15 > [class*="col-"] { padding-left: 15px; padding-right: 15px; }

.row20 { margin-left: -20px; margin-right: -20px; }

.row20 > [class*="col-"] { padding-left: 20px; padding-right: 20px; }

.row30 { margin-left: -30px; margin-right: -30px; }

.row30 > [class*="col-"] { padding-left: 30px; padding-right: 30px; }

.row.row0 { margin-left: 0; margin-right: 0; }

.background { position: relative; background: #F6F8F7; padding-top: 135px; padding-bottom: 135px; margin-bottom: 50px; }

.background::before { z-index: -1; content: ""; position: absolute; left: 0; bottom: calc(100% - 5px); width: 100%; height: 49px; display: block; background: url("../images/main-background-alt.png") no-repeat center bottom/101% 100%; }

.background::after { z-index: 0; content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 28.91px; display: block; background: url("../images/main-background.png") no-repeat center bottom/101% 100%; }

body.body-background .background::before { background-image: url("../images/main-background-alt.png"); }

body.home .background { padding-top: 0; padding-bottom: 0; }

.background.floating { position: absolute; top: 166px; left: 0; bottom: 0; width: 100%; height: auto; padding: 0; margin: 0; }

.has-floating-background { margin-top: -166px; padding-bottom: 80px; }

#page-top { position: relative; min-height: 387px; padding-top: 208px; padding-bottom: 65px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; background-color: #F6F8F7; background-size: cover; background-position: center center; background-repeat: no-repeat; }

#page-top body.header-background { min-height: 500px; }

#page-top .wrapper { z-index: 30; width: 100%; }

#page-top .wrapper.full-width h1 { max-width: none; }

#page-top .wrapper.full-width .scroll-down { position: absolute; right: 5px; top: auto; bottom: 0; }

#page-top .wrapper.full-width .scroll-down span { color: #3264DC; }

#page-top .header-bg-scrollto { z-index: 999; }

#page-top .header-bg-scrollto .scroll-down { position: absolute; right: 20px; }

body.home #page-top { height: 100vh; min-height: 650px; overflow: hidden; }

body.home #page-top .scroll-down { position: absolute; right: 3.5%; top: 50%; }

body.header-background #page-top { padding-bottom: 120px; padding-top: 35%; }

body.header-background #page-top::before { z-index: 20; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 286px; display: block; opacity: 0.4; background-image: -webkit-linear-gradient(top, #010114, rgba(0, 0, 8, 0)); background-image: linear-gradient(to bottom, #010114, rgba(0, 0, 8, 0)); }

body.header-background #page-top .scroll-down { z-index: 40; background: rgba(0, 25, 80, 0.6); }

body.home.header-background #page-top { padding-top: 0; }

body:not(.header-background) #page-top { z-index: 60; padding-bottom: 100px; }

body:not(.header-background) #page-top::before { z-index: 0; content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 47px; display: block; background: url("../images/main-background.png") no-repeat center bottom/101% 100%; }

body:not(.header-background) #page-top h1 { max-width: 650px; }

body.our-business #page-top .cta.cta-download { float: right; }

footer .footer-bottom { border-top: 2px solid #ccc; padding-top: 24px; padding-bottom: 40px; color: #787878; font-size: 14px; line-height: 1.2; font-weight: normal; }

footer .footer-bottom .column:last-of-type { text-align: right; }

footer .footer-bottom a { color: inherit; text-decoration: underline; }

footer .footer-bottom a:hover { text-decoration: none; }

.ellipse { position: absolute; left: 0; width: 100%; height: 0px; }

.ellipse span { position: absolute; top: -56px; left: calc(50% - 56px); display: block; width: 112px; height: 112px; background: rgba(204, 204, 204, 0.3); border-radius: 100%; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }

.ellipse span::before, .ellipse span::after { content: ""; position: absolute; top: 50%; display: block; border-radius: 100%; width: 40px; height: 40px; }

.ellipse span::before { top: 10px; left: -12px; background: #64F0FF; opacity: 0.8; }

.ellipse span::after { top: auto; right: -15px; bottom: 10px; background: #3264DC; opacity: 0.9; }

#homepage-content .ellipse span::before { width: 46px; height: 46px; }

.ellipse.is-inview span.rotate { -webkit-animation: ellipse-rotate 3s linear 0s 3; animation: ellipse-rotate 3s linear 0s 3; }

.scroll-up { z-index: 9999999999999999999999999; position: fixed; right: 0; bottom: 20px; border: 0 none; width: 40px; height: 70px; padding: 10px 0 0 20px; background: rgba(0, 25, 80, 0.1); border-radius: 100px 0 0 100px; -webkit-transform: translate(0, 150%); -ms-transform: translate(0, 150%); transform: translate(0, 150%); -webkit-transition-property: background, -webkit-transform; transition-property: background, -webkit-transform; transition-property: background, transform; transition-property: background, transform, -webkit-transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }

.scroll-up:focus { outline: 1px dotted; outline: 1px auto -webkit-focus-ring-color; }

.scroll-up span { color: #001950; text-transform: uppercase; font-size: 16px; line-height: 1; font-weight: bold; display: block; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: color 0.3s; transition: color 0.3s; }

.scroll-up::after { content: "\f35b"; font-family: "Font Awesome 5 Free"; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; position: absolute; bottom: 100%; right: 0; font-size: 1.3em; font-weight: normal; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: bottom 0.3s; transition: bottom 0.3s; color: #64F0FF; line-height: 0; }

.scroll-up:hover { background: rgba(0, 25, 80, 0.8); }

.scroll-up:hover span { color: #fff; }

.scroll-up:hover::after { bottom: 110%; }

.scroll-up.scroll-fixed { position: fixed; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

.scroll-up.scroll-absolute { position: absolute; }

.scroll-down { position: relative; border: 0 none; width: 95px; height: 95px; background: rgba(50, 100, 220, 0.1); border-radius: 100%; }

.scroll-down span { color: #fff; text-transform: uppercase; font-size: 16px; line-height: 1; font-weight: bold; display: block; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

.scroll-down::after { content: "\f358"; font-family: "Font Awesome 5 Free"; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; position: absolute; top: 100%; left: 50%; font-size: 1.3em; font-weight: normal; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: top 0.3s; transition: top 0.3s; color: #64F0FF; }

.scroll-down:hover::after { top: 105%; }

.page-thumbnail { position: absolute; top: -30px; right: -50px; padding-right: 50px; width: 472px; max-width: 41.666667%; padding-left: 20px; overflow: hidden; }

.page-thumbnail .image-radius { display: inline-block; border-radius: 100%; overflow: hidden; }

.page-thumbnail img { z-index: 10; position: relative; width: 100%; }

.page-thumbnail .scroll-down { z-index: 0; position: absolute; top: auto; bottom: 90px; right: 0; opacity: 1; }

.page-thumbnail .scroll-down span { font-size: 16px; color: #3264DC; }

.leading-copy { opacity: 0; -webkit-transform: translate(0, 100px); -ms-transform: translate(0, 100px); transform: translate(0, 100px); -webkit-transition: opacity 0.5s ease 0.3s, -webkit-transform 0.5s ease 0.3s; transition: opacity 0.5s ease 0.3s, -webkit-transform 0.5s ease 0.3s; transition: opacity 0.5s ease 0.3s, transform 0.5s ease 0.3s; transition: opacity 0.5s ease 0.3s, transform 0.5s ease 0.3s, -webkit-transform 0.5s ease 0.3s; }

.leading-copy .inner-content { background: #fff; padding-left: 8%; padding-right: 8%; padding-top: 55px; padding-bottom: 30px; margin-bottom: 30px; border-radius: 5px; }

body.fixed-image-complete .leading-copy { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

.related-stories { margin-top: 96px; overflow: hidden; }

.related-stories .rs-title { position: relative; font-size: 14px; line-height: 1.14286; color: #999; margin-bottom: 40px; }

.related-stories .rs-title span { position: relative; display: inline-block; padding-right: 10px; text-transform: uppercase; }

.related-stories .rs-title span::after { content: ""; position: absolute; left: 100%; top: 50%; height: 2px; width: 100vw; display: block; background: #ccc; }

.fixed-image { clip: rect(0, auto, auto, 0); overflow: hidden; height: 100%; width: 100%; position: absolute; top: 0; left: 0; }

.fixed-image .parallax { position: fixed; background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; top: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: top; background-clip: padding-box; -webkit-transition: height 0.8s; transition: height 0.8s; }

.fixed-image .bg-mobile { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: cover; }

body.high-performance-latam-datacenters .fixed-image .parallax { background-position: left bottom; }

body.new-life-for-old-electronics .fixed-image .parallax { background-position: left bottom; }

body.transforming-public-healthcare-access .fixed-image .bg-mobile { background-position: center top; }

body.children-learn-digital-skills .fixed-image .bg-mobile { background-position: center top; }

.svg-wrapper { position: relative; padding: 50% 0 0; width: 100%; }

.svg-wrapper svg { position: absolute; top: 0; left: 50%; display: block; width: 100%; height: auto; min-height: 100%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.svg-wrapper#svg-sangre-tigo { padding-top: 75%; }

.svg-wrapper#svg-sangre-tigo svg { max-width: 700px; }

#video-modal { z-index: -1; position: fixed; top: 0; left: 0; width: 0; height: 0; opacity: 0; overflow: hidden; -webkit-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; }

#video-modal .video-modal-inner { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 955px; max-width: 90%; max-height: 90%; }

#video-modal .video-modal-item { z-index: -1; opacity: 0; -webkit-transform: translate(0, 100px); -ms-transform: translate(0, 100px); transform: translate(0, 100px); -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; }

#video-modal .video-wrapper { background: #333; margin: 0 60px 0 0; }

#video-modal .close-modal { z-index: 9999; position: absolute; top: -65px; right: -74px; width: 95px; height: 95px; display: block; font-size: 16px; line-height: 1; font-weight: bold; border: 0 none; background: rgba(234, 239, 252, 0.8); border-radius: 100%; opacity: 0; -webkit-transform: translate(0, 100px); -ms-transform: translate(0, 100px); transform: translate(0, 100px); -webkit-transition: opacity 0.5s, -webkit-transform 0.5s 0.2s; transition: opacity 0.5s, -webkit-transform 0.5s 0.2s; transition: opacity 0.5s, transform 0.5s 0.2s; transition: opacity 0.5s, transform 0.5s 0.2s, -webkit-transform 0.5s 0.2s; }

#video-modal .close-modal span { position: absolute; top: 50%; left: 50%; text-transform: uppercase; color: #001950; -webkit-transform: translate(-50%, -50%) rotate(-90deg); -ms-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg); }

#video-modal .close-modal::after { content: "\f057"; font-family: "Font Awesome 5 Free"; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; position: absolute; top: -20px; left: 50%; color: #3264DC; font-size: 30px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

html.open-video-modal #video-modal { z-index: 99999999999999999999999999999; width: 100%; height: 100%; background: rgba(248, 248, 248, 0.95); }

html.open-video-modal #video-modal .video-modal-item.current { z-index: 99; }

html.style-video-modal #video-modal { opacity: 1; }

html.style-video-modal #video-modal .video-modal-item { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

html.style-video-modal #video-modal .video-modal-item.current { opacity: 1; }

html.style-video-modal #video-modal .close-modal { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }

aside.sidebar { position: static; height: 0; }

aside.sidebar .contents { position: absolute; right: 20px; width: calc(48% - 40px); max-width: 443px; }

nav#main-menu { margin-top: 10px; }

nav#main-menu ul { list-style: none; margin: 0; padding: 0; font-size: 0; white-space: nowrap; }

nav#main-menu ul li { display: inline-block; }

nav#main-menu li.active a { color: #001950; }

nav#main-menu li.active a::after { content: ""; position: absolute; bottom: 0; left: 7.5px; right: 7.5px; display: block; background: #64F0FF; height: 2px; }

nav#main-menu li.header-download a { padding-right: 13px; color: #3264DC; }

nav#main-menu li.header-download a::after { content: "\f063"; font-family: "Font Awesome 5 Free"; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; position: absolute; right: 0; top: 50%; width: 9px; height: 11px; text-align: center; line-height: 0.5; font-size: 10px; color: inherit; font-weight: normal; vertical-align: top; border-bottom: 1px solid #3264DC; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: line-height 0.3s; transition: line-height 0.3s; }

nav#main-menu li.header-download a:hover::after { line-height: 1; }

nav#main-menu a { position: relative; color: #555555; text-decoration: none !important; font-size: 16px; line-height: 1.75; padding: 15px 7.5px; font-weight: bold; }

html.header-styled nav#main-menu a:hover, html.open-mobile-menu nav#main-menu a:hover, body:not(.header-background) nav#main-menu a:hover { color: #001950; }

html:not(.header-styled):not(.open-mobile-menu) body.header-background nav#main-menu a { color: #fff; }

html:not(.header-styled):not(.open-mobile-menu) body.header-background nav#main-menu li.header-download a { color: #64F0FF; }

html:not(.header-styled):not(.open-mobile-menu) body.header-background nav#main-menu li.header-download a::after { border-bottom-color: #64F0FF; }

#navicon { position: absolute; right: 20px; top: 50%; width: 35px; height: 35px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); display: none; background: transparent; border: 0 none; }

#navicon .navicon, #navicon .navicon::before, #navicon .navicon::after { position: absolute; left: 50%; display: block; width: 100%; height: 3px; background: #001950; border-radius: 2px; -webkit-transition-property: background, -webkit-transform; transition-property: background, -webkit-transform; transition-property: background, transform; transition-property: background, transform, -webkit-transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

#navicon .navicon { top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

#navicon .navicon.navicon::before, #navicon .navicon.navicon::after { content: ""; -webkit-transform: translate(-50%, 0) rotate(0deg); -ms-transform: translate(-50%, 0) rotate(0deg); transform: translate(-50%, 0) rotate(0deg); }

#navicon .navicon::before { top: -10px; }

#navicon .navicon::after { top: 10px; }

html:not(.header-styled):not(.open-mobile-menu) body.header-background #navicon .navicon, html:not(.header-styled):not(.open-mobile-menu) body.header-background #navicon .navicon::before, html:not(.header-styled):not(.open-mobile-menu) body.header-background #navicon .navicon::after { background: #fff; }

html.style-mobile-menu #navicon .navicon { background: transparent; }

html.style-mobile-menu #navicon .navicon::before { top: 0; -webkit-transform: translate(-50%, 0) rotate(45deg); -ms-transform: translate(-50%, 0) rotate(45deg); transform: translate(-50%, 0) rotate(45deg); }

html.style-mobile-menu #navicon .navicon::after { top: 0; -webkit-transform: translate(-50%, 0) rotate(-45deg); -ms-transform: translate(-50%, 0) rotate(-45deg); transform: translate(-50%, 0) rotate(-45deg); }

#homepage-intro { position: relative; width: 549px; max-width: 100%; color: #fff; font-size: 14px; line-height: 1.5; font-weight: bold; margin-bottom: 65px; }

#homepage-intro h1 { font-size: 70px; line-height: 0.94286; text-transform: uppercase; font-weight: bold; margin-bottom: 16px; margin-left: -7px; text-indent: 7px; letter-spacing: 5px; color: #fff; }

#homepage-intro h1 small { font-size: 0.6em; font-weight: 100; line-height: 1; letter-spacing: 6px; margin-bottom: 5px; white-space: nowrap; display: block; }

#homepage-intro .intro { z-index: 10; position: relative; padding-top: 30px; }

#homepage-intro .intro p { max-width: 540px; margin-bottom: 15px; }

#homepage-intro .intro::before { content: ""; position: absolute; left: 0; top: 0; width: 100px; height: 2px; background: #64F0FF; display: block; }

#homepage-intro::before, #homepage-intro::after { z-index: 0; content: ""; position: absolute; bottom: -100px; left: 0; width: 110%; height: auto; padding: 110% 0 0; border-radius: 100%; font-size: 0; }

#homepage-intro::before { bottom: 25px; left: auto; right: 55%; width: 90%; padding: 90% 0 0; opacity: 0.8; background: #001950; }

#homepage-intro::after { opacity: 0.9; background-image: -webkit-linear-gradient(top, #001950, #00377B); background-image: linear-gradient(to bottom, #001950, #00377B); }

.box { position: relative; display: block; max-width: 540px; text-decoration: none !important; margin-right: 20px; margin-bottom: 70px; text-align: left; }

.box.box-right { margin-right: 0; margin-left: 20px; }

.box .figure-wrapper { position: relative; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; display: block; border-radius: 5px; }

.box .figure { position: relative; padding: 80% 0 0; overflow: hidden; background: #eee; display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; }

.box .figure img { position: absolute; top: 50%; left: 50%; width: auto; height: auto; min-width: 101%; min-height: 101%; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; -webkit-transform: translate(-50%, -50%) scale(1, 1); -ms-transform: translate(-50%, -50%) scale(1, 1); transform: translate(-50%, -50%) scale(1, 1); }

.box .title { position: absolute; left: -20px; bottom: -20px; background: #fff; width: 450px; max-width: 100%; min-height: 97px; padding: 10px 60px 10px 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #001950; font-size: 28px; line-height: 1.10714; font-weight: bold; }

.box .title::after { content: "\f35a"; font-family: "Font Awesome 5 Free"; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; position: absolute; right: 30px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: right 0.3s; transition: right 0.3s; color: #3264DC; font-size: 0.85em; }

.box .title:hover { color: #001950; }

.box .title:hover::after { right: 25px; }

.box:hover .figure { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }

#read-ceo-message .inner-content { background: #fff; padding-left: 10%; padding-right: 10%; padding-top: 105px; padding-bottom: 100px; margin-left: 20px; margin-bottom: 70px; border-radius: 5px; min-height: 500px; }

#read-ceo-message h2 { margin-bottom: 10px; }

#read-ceo-message h2::before { content: ""; display: block; width: 100px; max-width: 100%; height: 2px; background: #ccc; margin: 0 auto 40px; }

#read-ceo-message p { font-weight: bold; margin-bottom: 45px; max-width: 400px; }

#homepage-grid { -webkit-transform: translate(0, -100px); -ms-transform: translate(0, -100px); transform: translate(0, -100px); }

#homepage-grid .wrapper { position: relative; z-index: 20; }

#homepage-grid .row .column { z-index: 20; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

#homepage-grid .row .column:last-of-type { z-index: 10; }

#homepage-grid h5 { margin-bottom: 30px; }

#homepage-grid h5 span { position: relative; padding-right: 15.5px; }

#homepage-grid h5 span::after { content: ""; position: absolute; top: 50%; left: 100%; width: 100vw; background: #ccc; height: 2px; display: block; }

#homepage-grid .message-wrapper { position: relative; }

#homepage-grid .ellipse { z-index: 30; top: auto; bottom: 30px; }

#homepage-content { position: relative; margin-bottom: 50px; }

#homepage-content figure { margin: 0 0 0 -20px; overflow: hidden; }

#homepage-content figure img { float: right; }

#homepage-content h2 { margin-bottom: 20px; }

#homepage-content p { margin-bottom: 33px; }

#homepage-content .column { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

#homepage-content .content { max-width: 508px; margin-left: 50px; margin-right: auto; }

#homepage-content .flex-row-reverse { margin-top: 40px; }

#homepage-content .flex-row-reverse figure { margin-left: 0; margin-right: -20px; }

#homepage-content .flex-row-reverse figure img { float: left; }

#homepage-content .flex-row-reverse .content { margin-left: auto; margin-right: 50px; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; }

#homepage-content .ellipse { top: 50%; }

.downloads { padding-top: 120px; margin-bottom: 54px; }

.downloads::after { content: ""; display: table; width: 100%; height: 0; clear: both; }

.downloads .title { display: block; margin: 0; color: #3264DC; font-style: italic; font-size: 22px; line-height: 2.5; vertical-align: super; width: 120px; float: left; }

.downloads nav { float: right; width: 1000px; max-width: calc(99% - 120px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.downloads nav a { max-width: 100%; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.line-text { position: relative; font-size: 14px; line-height: 1.14286; color: #999999; margin: 12px 0; display: block; text-transform: uppercase; }

.line-text span { position: relative; display: inline-block; padding-right: 9.5px; }

.line-text span::after { content: ""; position: absolute; top: 50%; left: 100%; display: block; width: 100px; height: 2px; background: #ccc; }

#downloads-menu { z-index: 99999999999999999999999; position: fixed; top: 0; left: 0; width: 100%; height: auto; min-height: 125px; padding: 30px 0 30px; margin: 0; background: #F6F8F7; opacity: 0; -webkit-transform: translate(0, -101%); -ms-transform: translate(0, -101%); transform: translate(0, -101%); -webkit-transition: opacity, -webkit-transform; transition: opacity, -webkit-transform; transition: opacity, transform; transition: opacity, transform, -webkit-transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; overflow: hidden; }

body.open-downloads-menu #downloads-menu { overflow: visible; }

body.style-downloads-menu #downloads-menu { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

#downloads-menu.downloads nav { max-width: none; float: none; width: 100%; }

#downloads-menu::after { content: ""; position: absolute; top: 100%; left: 0; width: 100%; display: block; height: 25px; background: url("../images/downloads-background-shape.png") no-repeat center bottom/100% auto; }

#downloads-menu a.button { width: 313px; max-width: 29%; text-transform: none; }

#downloads-menu .menu-title span { position: relative; display: inline-block; padding-right: 30px; font-size: 16px; line-height: 1.1875; margin-bottom: 12px; font-style: italic; color: #3264DC; }

#downloads-menu .menu-title span::after { content: ""; position: absolute; left: 100%; top: 50%; height: 2px; width: 100vw; display: block; background: #ccc; }

#downloads-menu .close-downloads { z-index: 99999; position: absolute; right: 3.5%; top: auto; bottom: -70px; background: transparent; border: 0 none; width: 95px; height: 95px; background: rgba(234, 239, 252, 0.8); border-radius: 100%; }

#downloads-menu .close-downloads span { color: #00377B; text-transform: uppercase; font-size: 16px; line-height: 1; font-weight: bold; display: block; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

#downloads-menu .close-downloads::after { content: "\f057"; font-family: "Font Awesome 5 Free"; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; position: absolute; bottom: 100%; left: 50%; font-size: 1.3em; font-weight: normal; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); -webkit-transition: top 0.3s; transition: top 0.3s; color: #3264DC; }

.video-prompts { position: relative; }

.video-prompts::after { content: ""; display: table; width: 100%; height: 0; clear: both; }

.video-prompts .prompt { z-index: 10; position: relative; }

.video-prompts .prompt figure { position: relative; max-width: 100%; display: inline-block; border-radius: 100%; border: 9px solid #fff; overflow: hidden; }

.video-prompts .prompt figure::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; }

.video-prompts .prompt .prompt-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 90px; height: 60px; line-height: 60px; }

.video-prompts .prompt .prompt-icon::after { font-size: 80px; color: #fff; cursor: pointer; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: "\f167"; font-family: "Font Awesome 5 Brands"; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; -webkit-transition: color 0.3s; transition: color 0.3s; }

.video-prompts .prompt .prompt-icon:hover::after { color: #64F0FF; }

.video-prompts .prompt img { max-width: 100%; }

.video-prompts .prompt.accent figure::before { background: rgba(100, 240, 255, 0.6); }

.video-prompts .prompt.sec figure::before { background: rgba(50, 100, 220, 0.6); }

.video-prompts .caption { font-style: italic; font-weight: normal; color: #787878; }

.video-prompts#ceo-videos { max-width: 422px; margin-left: auto; }

.video-prompts#ceo-videos .top-left { float: left; margin-bottom: -85px; }

.video-prompts#ceo-videos .bottom-right { z-index: 30; position: relative; float: right; border-top-left-radius: 100%; }

.video-prompts#ceo-videos .caption { clear: both; max-width: 200px; margin-left: auto; padding-top: 20px; padding-bottom: 50px; display: block; text-align: right; }

[data-modal] { cursor: pointer; }

.financial-charts.circle-stats { margin-top: 40px; }

.financial-charts .chart-title { font-size: 22px; line-height: 1.13636; max-width: 210px; font-weight: normal; color: #787878; height: 0; }

.financial-charts .chart-title.big { max-width: 225px; }

.financial-charts .chart-title.not-floating { height: auto; margin-top: 30px; margin-bottom: -10px; }

.financial-charts ul.footnotes { position: absolute; bottom: 0; margin: 0; padding-bottom: 50px; }

.financial-charts .chart-info { position: relative; }

.bar-chart { position: relative; max-width: calc(100% - 10px); margin-bottom: 50px; }

.bar-chart h6 { max-width: calc(100% - 80px); }

.bar-chart .chart-heading { min-height: 53px; }

.bar-chart .subtext { font-size: 14px; line-height: 1.14286; }

.bar-chart .chart-wrapper { max-width: 85%; }

.bar-chart .circle-stat { position: absolute; top: -5px; right: -15px; }

.bar-chart .circle-stat sup { margin-right: 0; }

.bar-chart ul { list-style: none; margin: 0; padding: 0; }

.bar-chart ul li { position: relative; height: 50px; margin-bottom: 5px; }

.bar-chart ul li::before { display: none; }

.bar-chart ul li.primary span.bar { background: #001950; }

.bar-chart ul li.primary span.year { color: #64F0FF; }

.bar-chart ul li.primary span.value { color: #fff; }

.bar-chart ul li.active span.bar { background: #3264DC; border-color: #3264DC; }

.bar-chart ul li.active span.year { color: #64F0FF; }

.bar-chart ul li.active span.value { color: #fff; }

.bar-chart ul span.bar { position: relative; height: 100%; display: block; font-size: 14px; line-height: 50px; background: #fff; border: 2px solid #ccc; color: #787878; border-top-right-radius: 50px; border-bottom-right-radius: 50px; white-space: nowrap; overflow: hidden; }

.bar-chart ul span.year { float: left; padding-left: 10px; }

.bar-chart ul span.value { float: right; padding-right: 20px; }

.bar-chart span.bar { width: 0; opacity: 0; -webkit-transition-property: opacity, width; transition-property: opacity, width; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; }

.bar-chart span.year, .bar-chart span.value { opacity: 0; -webkit-transition: opacity 0.8s ease-out 0.8s; transition: opacity 0.8s ease-out 0.8s; }

.bar-chart.is-inview span.bar { opacity: 1; }

.bar-chart.is-inview span.year, .bar-chart.is-inview span.value { opacity: 1; }

.circle-stats .circle-stat-title { font-size: 14px; line-height: 1.14286; color: #787878; font-style: italic; text-align: center; }

.circle-stats .circle-stat-title span { display: block; max-width: 140px; margin: 0 auto; min-height: 75px; }

.circle-stats .circle-stat-title.big span { max-width: 165px; }

.circle-stats .circle-stat { margin: 0 auto 10px; }

body.new-life-for-old-electronics .circle-stats { max-width: 400px; margin-left: auto; margin-right: auto; }

body.the-value-of-volunteerism .circle-stats .circle-stat-title { max-width: 185px; margin: 0 auto; }

.circle-stats .circle-left { clear: both; float: left; margin-top: -20%; }

.circle-stats .circle-left::after { content: ""; display: table; width: 100%; height: 0; clear: both; }

.circle-stat { position: relative; display: block; width: 138px; height: 138px; max-width: 100%; background: rgba(0, 200, 255, 0.8); border-radius: 100%; margin: 0; }

.circle-stat .circle-text { position: absolute; top: 100%; left: 50%; color: #787878; font-style: italic; font-size: 14px; font-weight: normal; text-align: center; width: 130px; text-transform: none; display: block; -webkit-transform: translate(-50%, 5px); -ms-transform: translate(-50%, 5px); transform: translate(-50%, 5px); }

.circle-stat .number { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; font-weight: bold; font-size: 40px; line-height: 1; width: 100%; text-align: center; }

.circle-stat sup { font-size: 20px; line-height: 1; font-weight: normal; vertical-align: middle; margin-left: -3px; margin-right: -0.5em; color: #fff; }

.circle-stat i.fa { font-size: 25px; line-height: 1; font-weight: normal; }

.circle-stat .icon-top { position: absolute; left: 50%; bottom: 102%; font-size: 20px; font-weight: normal; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.circle-stat.small-stat { width: 75px; height: 75px; }

.circle-stat.small-stat .number { top: 60%; font-size: 24px; }

.circle-stat.small-stat sup { font-size: 14px; }

.circle-stat.small-stat .icon-top { font-size: 18px; }

.story-preview { position: relative; display: block; font-size: 14px; line-height: 1.5; color: #555555; text-decoration: none !important; max-width: 360px; margin: 0 auto 20px; }

.story-preview img { max-width: 95%; margin: 0 auto; display: block; border-radius: 5px; }

.story-preview:hover { color: #555555; }

.story-preview span.content { position: relative; display: block; margin-top: -5px; padding: 26px 20px 30px; background: #fff; border-radius: 5px; }

.story-preview span.title { display: block; margin-bottom: 2px; font-size: 20px; line-height: 1.3; color: #001950; font-weight: bold; }

.story-preview span.desc { display: block; margin-bottom: 10px; }

.image-slider { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform; background-clip: padding-box; }

html.home-ready-phase2 .image-slider { opacity: 1; }

.image-slider .slide { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/homepage-header-1.jpg") no-repeat center center/cover; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

.image-slider .slide.active { z-index: 20; -webkit-animation-name: fade-in; animation-name: fade-in; }

.image-slider .slide.last { z-index: 10; }

.image-slider .slide.slide-1 { background-image: url("../images/homepage-header-1.jpg"); }

.image-slider .slide.slide-2 { background-image: url("../images/homepage-header-2.jpg"); }

.image-slider .slide.slide-3 { background-image: url("../images/homepage-header-3.jpg"); }

.image-slider .slide.slide-4 { background-image: url("../images/homepage-header-4.jpg"); }

.image-slider .slide.slide-5 { background-image: url("../images/homepage-header-5.jpg"); }

.image-slider .slide.align-top { background-position: center top; }

.exec { position: relative; display: block; text-align: center; margin-top: 20px; padding-bottom: 30px; margin-bottom: 15px; }

.exec > span { position: relative; display: block; }

.exec .exec-figure { position: relative; display: inline-block; margin-bottom: 20px; max-width: 100%; }

.exec .exec-figure img { max-width: 100%; }

.exec .exec-name { color: #001950; font-weight: bold; font-size: 24px; line-height: 1.125; margin-bottom: 2px; }

.exec .exec-figure { font-size: 18px; line-height: 1.11111; }

.exec-pdf .exec-figure { display: block; max-width: 340px; margin-left: auto; margin-right: auto; }

.exec-pdf a { display: block; width: 100%; padding: 100% 0 0; max-width: 340px; }

.exec-pdf a::before { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; display: block; border-radius: 100%; font-size: 0; background: rgba(204, 204, 204, 0.1); }

.exec-pdf a:hover .download-icon::before { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }

.exec-pdf .inner { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 90%; text-align: center; }

.exec-pdf .inner > span { display: block; }

.exec-pdf .download-icon { width: 60px; margin: 0 auto 30px; border-bottom: 6px solid #3264DC; padding-bottom: 15px; }

.exec-pdf .download-icon::before { content: "\f063"; font-family: "Font Awesome 5 Free"; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; font-size: 55px; line-height: 1; color: #00C8FF; display: block; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; }

.exec-pdf .exec-text { color: #001950; font-weight: bold; font-size: 24px; line-height: 1.125; margin-bottom: 2px; }

.exec-pdf .exec-sub-text { font-size: 16px; margin-top: 5px; color: #555; }

.pie-container { max-width: 250px; margin: 40px auto; min-height: 365px; }

.pie-wrapper { position: relative; width: 100%; padding: 100% 0 0; font-size: 0; }

.pie-wrapper::after { content: ""; display: table; width: 100%; height: 0; clear: both; }

.pie-wrapper canvas.pie { position: absolute; top: 50%; left: 0; width: 100%; height: 100%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }

.pie-title { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 20px; line-height: 1.1; font-weight: bold; text-transform: uppercase; color: #001950; text-align: center; white-space: nowrap; }

ul.chart-legend { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-left: 0; }

ul.chart-legend li { position: absolute; top: 0; left: 0; font-size: 14px; padding-left: 0; margin: 0; color: #44c8f5; line-height: 1; }

ul.chart-legend li strong { display: block; }

ul.chart-legend li::before { display: none !important; }

ul.chart-legend#cfo-chart-1-data li.data-point-0 { top: -1%; left: 69%; }

ul.chart-legend#cfo-chart-1-data li.data-point-1 { top: 19%; left: 93%; }

ul.chart-legend#cfo-chart-1-data li.data-point-2 { top: 80%; left: auto; right: 1%; }

ul.chart-legend#cfo-chart-1-data li.data-point-3 { top: auto; left: 48%; bottom: -6%; }

ul.chart-legend#cfo-chart-1-data li.data-point-4 { top: 91%; left: 12%; }

ul.chart-legend#cfo-chart-1-data li.data-point-5 { top: 41%; left: auto; right: 100%; }

ul.chart-legend#cfo-chart-1-data li.data-point-6 { top: -3%; left: 26%; }

ul.chart-legend#cfo-chart-2-data li.data-point-0 { top: -6%; left: 49%; }

ul.chart-legend#cfo-chart-2-data li.data-point-1 { top: 85%; left: 85%; }

ul.chart-legend#cfo-chart-2-data li.data-point-2 { top: 91%; left: 16%; }

ul.chart-legend#cfo-chart-2-data li.data-point-3 { top: 9%; left: 3%; }

ul.pie-legend { position: relative; width: 100%; max-width: 200px; list-style: none; padding: 0; margin: 30px auto 20px; }

ul.pie-legend::after { content: ""; display: table; width: 100%; height: 0; clear: both; }

ul.pie-legend li { display: block; width: 49%; float: left; font-size: 14px; margin-bottom: 5px; line-height: 1; text-indent: -20px; padding-left: 20px; }

ul.pie-legend li:nth-child(even) { float: right; }

ul.pie-legend li::before { display: none; }

ul.pie-legend .legend-color { display: inline-block; width: 1em; height: 1em; border-radius: 100%; background: #eee; margin-right: 5px; vertical-align: middle; }

ul.pie-legend#cfo-chart-2-data li { width: 56%; }

ul.pie-legend#cfo-chart-2-data li:nth-child(even) { width: 44%; }

.message-stats { max-width: 300px; margin-left: auto; }

.message-stats .number-stat { margin-top: 40px; margin-bottom: 0; }

.message-stats .number { color: #001950; font-size: 30px; display: block; line-height: 1; margin-bottom: 8px; }

.message-stats .stat-title { display: block; font-size: 23px; color: #001950; line-height: 1.1; margin-bottom: -3px; }

.message-stats .stat-sub-text { display: block; font-size: 16px; }

.video-wrapper { position: relative; width: 100%; padding: 56.25% 0 0; margin: 40px auto; }

.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#cr-gramework-graphic { z-index: 9999; position: relative; }

#cr-gramework-graphic a.box { margin-top: 40px; }

h4.latam-charts { font-weight: normal; margin-top: 15px; margin-bottom: -20px; }

h4.latam-charts small { display: block; font-size: 0.7em; }

figure { margin: 0; }

figure.img img { max-width: 100%; display: inline-block; }

figure.image-circle { position: relative; }

figure.image-circle .img { position: relative; padding-top: 84px; padding-bottom: 84px; text-align: center; }

figure.image-circle .img img { width: auto; height: auto; max-width: 100%; }

figure.image-circle .img::after { content: ""; background: rgba(204, 204, 204, 0.1); width: 505px; height: 505px; display: block; border-radius: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

figure.aside-right { position: relative; display: inline-block; width: auto; }

figure.aside-right img { max-width: 100%; }

figcaption { font-size: 16px; line-height: 1.75; color: #555555; }

figcaption p { margin-bottom: 0.3em; }

img { height: auto; }

img.push-right { float: right; margin-left: 57px; margin-right: -55%; max-width: 80%; }

img.push-right#graphic-stakeholders { width: 530px; }

img.img-responsive { max-width: 100%; height: auto; }

article.two-column { position: relative; }

article.two-column .wrapper { position: relative; }

article.two-column section { position: static; max-width: 52%; }

article#supporting-people { margin-bottom: 0; }

article#supporting-people.background { padding-top: 100px; }

article#strategy-risk { overflow: hidden; }

article#strategy-risk .wrapper { margin-top: 130px; }

article#strategy-risk figure.image-circle .link-circle { position: absolute; top: 5%; right: 2%; }

article#strategy-risk .row .column:first-of-type .content { max-width: 513px; }

article#strategy-risk .row .column:last-of-type .content { max-width: 540px; margin-left: auto; }

article#strategy-risk .row.flex-row-reverse .column:first-of-type .content { margin-left: auto; }

article#strategy-risk .row.flex-row-reverse .column:last-of-type .content { margin-left: 0; margin-right: auto; }

article#strategy-risk .row.flex-row-reverse figure.image-circle .link-circle { top: -2%; left: 30%; }

article#financial-performance { padding-top: 50px; padding-bottom: 100px; }

article#financial-performance section { max-width: 535px; font-weight: bold; }

article#cfo-message { padding-bottom: 100px; }

article#leadership-in-action.background { padding-top: 100px; padding-bottom: 50px; }

article#leadership-in-action .grid-boxes .row > .column:first-of-type { padding-bottom: 20px; }

.track { z-index: 10; position: absolute; left: 0; width: 100%; height: 0; opacity: 0; -webkit-transition: opacity 1s; transition: opacity 1s; }

.track.is-inview { opacity: 1; }

.page-thumbnail .track { top: 28%; -webkit-transition-delay: 1s; transition-delay: 1s; }

.page-thumbnail .track .circle { width: 37px; height: 37px; }

.page-thumbnail .track .horizontal { left: 3%; }

.track.track-1 .circle { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); will-change: transform; }

.track.track-1 .circle.sec { top: 267px; left: 10%; -webkit-animation: track-1-circle-1 10s linear infinite; animation: track-1-circle-1 10s linear infinite; -webkit-transform-origin: 250%	-350%; -ms-transform-origin: 250%	-350%; transform-origin: 250%	-350%; -webkit-transition: left 10s, top 10s; transition: left 10s, top 10s; }

.track.track-1 .circle.accent { opacity: 0.8; top: 280px; left: 10%; -webkit-transform: rotateZ(0deg); -ms-transform: rotate(0deg); transform: rotateZ(0deg); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; }

.track.track-2 { left: 10%; width: 40%; -webkit-transform: translate(0, 20px); -ms-transform: translate(0, 20px); transform: translate(0, 20px); }

.track.track-2 .circle { top: 50px; right: 100%; -webkit-animation-name: rotate-down-up; animation-name: rotate-down-up; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: translate3d(-25%, 25%, 0) rotate(0deg); transform: translate3d(-25%, 25%, 0) rotate(0deg); -webkit-animation-duration: 40s; animation-duration: 40s; -webkit-animation-timing-function: cubic-bezier(0.6, 0.435, 0.435, 0.925); animation-timing-function: cubic-bezier(0.6, 0.435, 0.435, 0.925); }

.track.track-2 .circle.accent { width: 30px; height: 30px; }

.track.track-2 .circle.gray { -webkit-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); -webkit-animation-delay: 0.2s; animation-delay: 0.2s; width: 23px; height: 23px; }

.track.track-2 .horizontal { -webkit-animation-name: horizontal-right-back-around; animation-name: horizontal-right-back-around; -webkit-animation-duration: 40s; animation-duration: 40s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

.track.track-3 { width: 50%; }

#homepage-content .track.track-3 { width: 250px; max-width: 40%; left: 4%; right: auto; bottom: 0; -webkit-transform: translate(0, -20px); -ms-transform: translate(0, -20px); transform: translate(0, -20px); }

.track.track-3 .circle { top: 12px; right: 110%; -webkit-animation-name: rotate-down-up; animation-name: rotate-down-up; -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(-10%, 10%, 0) rotate(0deg); transform: translate3d(-10%, 10%, 0) rotate(0deg); -webkit-animation-duration: 60s; animation-duration: 60s; -webkit-animation-timing-function: cubic-bezier(0.6, 0.435, 0.435, 0.925); animation-timing-function: cubic-bezier(0.6, 0.435, 0.435, 0.925); }

.track.track-3 .circle.accent { width: 37px; height: 37px; }

.track.track-3 .circle.sec { top: -10px; width: 29px; height: 29px; background: #3264DC; -webkit-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); -webkit-animation-delay: 1s; animation-delay: 1s; }

.track.track-3 .horizontal { -webkit-animation-name: horizontal-right-back-around; animation-name: horizontal-right-back-around; -webkit-animation-duration: 60s; animation-duration: 60s; -webkit-animation-timing-function: cubic-bezier(0.6, 0.435, 0.435, 0.925); animation-timing-function: cubic-bezier(0.6, 0.435, 0.435, 0.925); }

.track.track-4 { z-index: 9999; left: auto; right: 2%; width: 10%; bottom: 140px; }

.track.track-4 .circle { top: 0; right: auto; left: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: translate3d(-25%, 25%, 0) rotate(0deg); transform: translate3d(-25%, 25%, 0) rotate(0deg); -webkit-animation-name: rotate-down-up-lg; animation-name: rotate-down-up-lg; -webkit-animation-duration: 30s; animation-duration: 30s; -webkit-animation-timing-function: cubic-bezier(0.6, 0.435, 0.435, 0.925); animation-timing-function: cubic-bezier(0.6, 0.435, 0.435, 0.925); }

.track.track-4 .circle.accent { background: #00C8FF; }

.track.track-4 .circle.gray { -webkit-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.track.track-4 .horizontal { right: 100%; -webkit-animation-name: horizontal-right-back-around; animation-name: horizontal-right-back-around; -webkit-animation-duration: 30s; animation-duration: 30s; }

.track.track-4.inner-track { bottom: auto; }

.track.track-5 { z-index: 9999; left: auto; right: 6%; width: 10%; bottom: 140px; }

.track.track-5 .circle { top: 0; right: auto; left: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: translate3d(-25%, 25%, 0) rotate(0deg); transform: translate3d(-25%, 25%, 0) rotate(0deg); -webkit-animation-name: rotate-down-up-lg; animation-name: rotate-down-up-lg; -webkit-animation-duration: 30s; animation-duration: 30s; -webkit-animation-timing-function: cubic-bezier(0.6, 0.435, 0.435, 0.925); animation-timing-function: cubic-bezier(0.6, 0.435, 0.435, 0.925); }

.track.track-5 .circle.accent { width: 30px; height: 30px; }

.track.track-5 .circle.gray { top: 17px; left: 45%; width: 23px; height: 23px; -webkit-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.track.track-5 .horizontal { right: 100%; -webkit-animation-name: horizontal-right-back-around; animation-name: horizontal-right-back-around; -webkit-animation-duration: 30s; animation-duration: 30s; }

.track.track-6 { bottom: 20px; }

.track.track-6 .circle { top: auto; bottom: 10px; left: -30px; }

.track.track-6 .circle.gray { width: 51px; height: 51px; }

.track.track-6 .horizontal { left: -20px; }

.track.track-7 { z-index: 9999; left: auto; right: 2%; width: 10%; }

.track.track-7 .circle { top: 0; right: auto; left: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: translate3d(-25%, 25%, 0) rotate(0deg); transform: translate3d(-25%, 25%, 0) rotate(0deg); -webkit-animation-name: rotate-down-up-lg; animation-name: rotate-down-up-lg; -webkit-animation-duration: 30s; animation-duration: 30s; -webkit-animation-timing-function: cubic-bezier(0.6, 0.435, 0.435, 0.925); animation-timing-function: cubic-bezier(0.6, 0.435, 0.435, 0.925); }

.track.track-7 .circle.accent { width: 30px; height: 30px; }

.track.track-7 .circle.sec { top: 17px; left: 45%; width: 23px; height: 23px; background: #3264DC; -webkit-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.track.track-7 .horizontal { right: 100%; -webkit-animation-name: horizontal-right-back-around; animation-name: horizontal-right-back-around; -webkit-animation-duration: 30s; animation-duration: 30s; }

.track.track-8 { left: 2%; width: 300px; max-width: 30%; }

.track.track-8 .circle { top: 12px; right: 110%; -webkit-animation-name: rotate-down-up; animation-name: rotate-down-up; -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(-10%, 10%, 0) rotate(0deg); transform: translate3d(-10%, 10%, 0) rotate(0deg); -webkit-animation-duration: 60s; animation-duration: 60s; -webkit-animation-timing-function: cubic-bezier(0.6, 0.435, 0.435, 0.925); animation-timing-function: cubic-bezier(0.6, 0.435, 0.435, 0.925); }

.track.track-8 .circle.accent { width: 32px; height: 32px; }

.track.track-8 .circle.gray { top: -10px; width: 23px; height: 23px; -webkit-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); -webkit-animation-delay: 1s; animation-delay: 1s; }

.track.track-8 .horizontal { -webkit-animation-name: horizontal-right-back-around; animation-name: horizontal-right-back-around; -webkit-animation-duration: 60s; animation-duration: 60s; -webkit-animation-timing-function: cubic-bezier(0.6, 0.435, 0.435, 0.925); animation-timing-function: cubic-bezier(0.6, 0.435, 0.435, 0.925); }

.track.track-img { top: 12%; left: 50%; width: 95%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 0; -webkit-transition-delay: 1.5s; transition-delay: 1.5s; }

.track.track-img .circle { -webkit-animation: rotate-circle 10s cubic-bezier(0.445, 0.05, 0.55, 0.95); animation: rotate-circle 10s cubic-bezier(0.445, 0.05, 0.55, 0.95); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; }

.track.track-img .horizontal { left: 5%; }

figure.aside img.is-inview + .track.track-img { opacity: 0; }

figure.aside img.is-inview + .track.track-img.is-inview, .track.track-img.is-inview { opacity: 1; }

.page-thumbnail .track .circle { -webkit-animation: rotate-circle 10s cubic-bezier(0.445, 0.05, 0.55, 0.95); animation: rotate-circle 10s cubic-bezier(0.445, 0.05, 0.55, 0.95); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; }

.exec .track { top: 0; left: 50%; width: 95%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.exec .track .circle { -webkit-animation: rotate-circle 10s cubic-bezier(0.445, 0.05, 0.55, 0.95); animation: rotate-circle 10s cubic-bezier(0.445, 0.05, 0.55, 0.95); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; }

.track.track-exec-1 { top: 30%; width: 105%; }

.track.track-exec-2 { top: auto; bottom: 20%; }

.track.track-exec-2 .circle { width: 40px; height: 40px; }

.track.track-exec-2 .horizontal { right: 20%; left: auto; }

.track.track-exec-3 { top: 30%; width: 85%; }

.track.track-exec-3 .circle { width: 30px; height: 30px; }

.track.track-exec-3 .horizontal { right: 0; left: auto; }

.track.track-exec-4 { top: 8%; width: 55%; }

.track.track-exec-4 .circle { width: 50px; height: 50px; }

.track.track-exec-4 .horizontal { right: 0; left: auto; }

.track.track-exec-5 { top: 8%; width: 72%; }

.track.track-exec-5 .circle { width: 23px; height: 23px; }

.track.track-exec-5 .circle.gray { background: rgba(120, 120, 120, 0.6); }

.track.track-exec-6 { top: auto; bottom: 15%; width: 70%; }

.track.track-exec-6 .circle { width: 40px; height: 40px; }

.track.track-exec-7 { top: 20%; width: 100%; }

.track.track-exec-7 .circle { width: 45px; height: 45px; }

.track.track-exec-7 .circle.accent { background: rgba(0, 200, 255, 0.6); }

.track.track-exec-8 { top: auto; bottom: 28%; }

.track.track-exec-8 .circle { width: 15px; height: 15px; }

.track.track-exec-8 .horizontal { right: 6%; left: auto; }

.track.track-exec-pdf { top: 15%; }

.track.track-exec-pdf .circle { width: 18px; height: 18px; }

.track.track-exec-pdf .circle.gray { background: rgba(120, 120, 120, 0.6); }

.track.track-exec-pdf .horizontal { right: 11%; left: auto; }

.track.track-exec-3 .circle { animation-direction: reverse; }

.track.track-exec-4 .circle { -webkit-animation-duration: 30s; animation-duration: 30s; }

.track.track-exec-6 .circle { animation-direction: reverse; }

.track.track-exec-8 .circle { -webkit-animation-duration: 30s; animation-duration: 30s; }

.circle { position: absolute; width: 30px; height: 30px; border-radius: 100%; display: block; will-change: transform, right, top; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0s; animation-delay: 0s; }

.track.is-inview .circle { -webkit-animation-iteration-count: 3; animation-iteration-count: 3; }

.circle.lg { width: 65px; height: 65px; }

.circle.xl { width: 95px; height: 95px; }

.circle.primary { background: rgba(0, 25, 80, 0.5); }

.circle.sec { background: rgba(50, 100, 220, 0.5); }

.circle.accent { background: rgba(100, 240, 255, 0.5); }

.circle.gray { background: rgba(204, 204, 204, 0.5); }

.horizontal { position: absolute; width: 1px; height: 1px; display: block; will-change: transform, right, top; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0s; animation-delay: 0s; }

.track.is-inview .horizontal { -webkit-animation-iteration-count: 3; animation-iteration-count: 3; }

@-webkit-keyframes circle-right-back-around { 0% { top: 60px; }
  10% { top: -40px; }
  20% { top: 40px; }
  30% { top: -40px; }
  40% { top: 40px; }
  50% { top: 15px; }
  60% { top: -40px; }
  70% { top: 40px; }
  80% { top: -40px; }
  90% { top: 40px; }
  100% { top: 60px; } }

@keyframes circle-right-back-around { 0% { top: 60px; }
  10% { top: -40px; }
  20% { top: 40px; }
  30% { top: -40px; }
  40% { top: 40px; }
  50% { top: 15px; }
  60% { top: -40px; }
  70% { top: 40px; }
  80% { top: -40px; }
  90% { top: 40px; }
  100% { top: 60px; } }

@-webkit-keyframes horizontal-right-back-around { 0% { right: 100%; }
  50% { right: 0%; }
  100% { right: 100%; } }

@keyframes horizontal-right-back-around { 0% { right: 100%; }
  50% { right: 0%; }
  100% { right: 100%; } }

@-webkit-keyframes rotate-down-up { 0% { -webkit-transform: translate3d(-10%, 10%, 0) rotate(0deg); transform: translate3d(-10%, 10%, 0) rotate(0deg); }
  25% { -webkit-transform: translate3d(10%, -10%, 0) rotate(720deg); transform: translate3d(10%, -10%, 0) rotate(720deg); }
  50% { -webkit-transform: translate3d(-10%, 10%, 0) rotate(-360deg); transform: translate3d(-10%, 10%, 0) rotate(-360deg); }
  75% { -webkit-transform: translate3d(10%, -10%, 0) rotate(720deg); transform: translate3d(10%, -10%, 0) rotate(720deg); }
  100% { -webkit-transform: translate3d(-10%, 10%, 0) rotate(0deg); transform: translate3d(-10%, 10%, 0) rotate(0deg); } }

@keyframes rotate-down-up { 0% { -webkit-transform: translate3d(-10%, 10%, 0) rotate(0deg); transform: translate3d(-10%, 10%, 0) rotate(0deg); }
  25% { -webkit-transform: translate3d(10%, -10%, 0) rotate(720deg); transform: translate3d(10%, -10%, 0) rotate(720deg); }
  50% { -webkit-transform: translate3d(-10%, 10%, 0) rotate(-360deg); transform: translate3d(-10%, 10%, 0) rotate(-360deg); }
  75% { -webkit-transform: translate3d(10%, -10%, 0) rotate(720deg); transform: translate3d(10%, -10%, 0) rotate(720deg); }
  100% { -webkit-transform: translate3d(-10%, 10%, 0) rotate(0deg); transform: translate3d(-10%, 10%, 0) rotate(0deg); } }

@-webkit-keyframes rotate-down-up-lg { 0% { -webkit-transform: translate3d(-25%, 25%, 0) rotate(0deg); transform: translate3d(-25%, 25%, 0) rotate(0deg); }
  25% { -webkit-transform: translate3d(25%, -25%, 0) rotate(200deg); transform: translate3d(25%, -25%, 0) rotate(200deg); }
  50% { -webkit-transform: translate3d(-25%, 25%, 0) rotate(0deg); transform: translate3d(-25%, 25%, 0) rotate(0deg); }
  75% { -webkit-transform: translate3d(25%, -25%, 0) rotate(360deg); transform: translate3d(25%, -25%, 0) rotate(360deg); }
  100% { -webkit-transform: translate3d(-25%, 25%, 0) rotate(0deg); transform: translate3d(-25%, 25%, 0) rotate(0deg); } }

@keyframes rotate-down-up-lg { 0% { -webkit-transform: translate3d(-25%, 25%, 0) rotate(0deg); transform: translate3d(-25%, 25%, 0) rotate(0deg); }
  25% { -webkit-transform: translate3d(25%, -25%, 0) rotate(200deg); transform: translate3d(25%, -25%, 0) rotate(200deg); }
  50% { -webkit-transform: translate3d(-25%, 25%, 0) rotate(0deg); transform: translate3d(-25%, 25%, 0) rotate(0deg); }
  75% { -webkit-transform: translate3d(25%, -25%, 0) rotate(360deg); transform: translate3d(25%, -25%, 0) rotate(360deg); }
  100% { -webkit-transform: translate3d(-25%, 25%, 0) rotate(0deg); transform: translate3d(-25%, 25%, 0) rotate(0deg); } }

@-webkit-keyframes rotate-circle { 0% { -webkit-transform-origin: top left; transform-origin: top left;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% { -webkit-transform-origin: center center; transform-origin: center center; }
  100% { -webkit-transform-origin: top left; transform-origin: top left;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes rotate-circle { 0% { -webkit-transform-origin: top left; transform-origin: top left;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% { -webkit-transform-origin: center center; transform-origin: center center; }
  100% { -webkit-transform-origin: top left; transform-origin: top left;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes track-1-circle-1 { 0% { top: 267px;
    left: 0%; }
  25% { top: 200px; }
  50% { top: 220px;
    left: 50%; }
  75% { top: 200px; }
  100% { top: 267px;
    left: 0%; } }

@keyframes track-1-circle-1 { 0% { top: 267px;
    left: 0%; }
  25% { top: 200px; }
  50% { top: 220px;
    left: 50%; }
  75% { top: 200px; }
  100% { top: 267px;
    left: 0%; } }

@-webkit-keyframes track-1-circle-2 { 0% { top: 267px;
    left: -1%;
    -webkit-transform: rotate(95deg);
            transform: rotate(95deg);
    -webkit-transform-origin: 300%	-380%;
            transform-origin: 300%	-380%; }
  30% { left: 3%; }
  50% { left: 0%;
    -webkit-transform: rotate(-300deg);
            transform: rotate(-300deg);
    -webkit-transform-origin: 250%	-550%;
            transform-origin: 250%	-550%; }
  80% { left: 2%; }
  100% { top: 267px;
    left: -1%;
    -webkit-transform: rotate(95deg);
            transform: rotate(95deg);
    -webkit-transform-origin: 350%	-450%;
            transform-origin: 350%	-450%; } }

@keyframes track-1-circle-2 { 0% { top: 267px;
    left: -1%;
    -webkit-transform: rotate(95deg);
            transform: rotate(95deg);
    -webkit-transform-origin: 300%	-380%;
            transform-origin: 300%	-380%; }
  30% { left: 3%; }
  50% { left: 0%;
    -webkit-transform: rotate(-300deg);
            transform: rotate(-300deg);
    -webkit-transform-origin: 250%	-550%;
            transform-origin: 250%	-550%; }
  80% { left: 2%; }
  100% { top: 267px;
    left: -1%;
    -webkit-transform: rotate(95deg);
            transform: rotate(95deg);
    -webkit-transform-origin: 350%	-450%;
            transform-origin: 350%	-450%; } }

body.home #page-top { background-position: center 50%; -webkit-transition: background-position 0.1s ease; transition: background-position 0.1s ease; }

body.home .background::before { height: 0; -webkit-transition: height 0.3s; transition: height 0.3s; }

.home header .wrapper { opacity: 0; -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out; transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out; transition: opacity 0.5s ease-out, transform 0.5s ease-out; transition: opacity 0.5s ease-out, transform 0.5s ease-out, -webkit-transform 0.5s ease-out; }

#homepage-intro .intro, #homepage-intro::before, #homepage-intro::after, #page-top > .scroll-down { opacity: 0; -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out; transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out; transition: opacity 0.5s ease-out, transform 0.5s ease-out; transition: opacity 0.5s ease-out, transform 0.5s ease-out, -webkit-transform 0.5s ease-out; }

#homepage-intro::before { -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

#homepage-intro::after { -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition-delay: 1s; transition-delay: 1s; }

#page-top .wrapper { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition-property: opacity transform; transition-property: opacity transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

#read-ceo-message { opacity: 0; -webkit-transform: translate(0, 100px); -ms-transform: translate(0, 100px); transform: translate(0, 100px); -webkit-transition-property: opacity transform; transition-property: opacity transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.home header .wrapper, #homepage-intro .intro, #page-top > .scroll-down { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; }

html.animation-start .home header .wrapper, html.animation-start #homepage-intro .intro, html.animation-start #page-top > .scroll-down { opacity: 1; }

html.animation-start #homepage-intro::before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); opacity: 0.8; }

html.animation-start #homepage-intro::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); opacity: 0.9; }

html.home-ready-phase2 #page-top .wrapper, html.home-ready-phase2 #page-top > .scroll-down { -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; -webkit-transition-delay: 0s; transition-delay: 0s; }

html.home-phase2 #page-top .wrapper, html.home-phase2 #page-top > .scroll-down { opacity: 0; -webkit-transform: translate(0, -100px); -ms-transform: translate(0, -100px); transform: translate(0, -100px); }

html.home-phase2 #read-ceo-message { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition-delay: 1s; transition-delay: 1s; }

html.home-phase2 #read-ceo-message:first-of-type { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; }

html.home-phase2 body.home .background::before { height: 29px; }

blockquote .quote::before { opacity: 0; -webkit-transform: translate(-50px, 0); -ms-transform: translate(-50px, 0); transform: translate(-50px, 0); -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out; transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out; transition: opacity 0.3s ease-out, transform 0.3s ease-out; transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }

blockquote.is-inview .quote::before { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

.page-thumbnail { -webkit-transform: translate(0, 100px); -ms-transform: translate(0, 100px); transform: translate(0, 100px); }

.page-thumbnail, .page-thumbnail .scroll-down { opacity: 0; -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out; transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out; transition: opacity 0.3s ease-out, transform 0.3s ease-out; transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }

.page-thumbnail .scroll-down { -webkit-transform: translate(0, -50px); -ms-transform: translate(0, -50px); transform: translate(0, -50px); -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

.page-thumbnail.is-inview, .page-thumbnail.is-inview .scroll-down { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

.header-bg-scrollto .scroll-down { opacity: 0; -webkit-transform: translate(0, -120%); -ms-transform: translate(0, -120%); transform: translate(0, -120%); -webkit-transition-delay: 2s; transition-delay: 2s; -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out; transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out; transition: opacity 0.3s ease-out, transform 0.3s ease-out; transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }

body.fixed-image-complete .header-bg-scrollto .scroll-down { opacity: 1; -webkit-transform: translate(0, -80%); -ms-transform: translate(0, -80%); transform: translate(0, -80%); }

.video-wrapper:not(.video-modal-item) iframe { opacity: 0; -webkit-transform: translate(0, 50%); -ms-transform: translate(0, 50%); transform: translate(0, 50%); -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out; transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out; transition: opacity 0.3s ease-out, transform 0.3s ease-out; transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }

.video-wrapper:not(.video-modal-item).is-inview iframe { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

.inview, .inview-child, .inview-custom-child { -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.inview-in-up { opacity: 0; -webkit-transform: translate(0, 50px); -ms-transform: translate(0, 50px); transform: translate(0, 50px); }

.inview-fade-in { opacity: 0; }

.inview-drop-in { opacity: 0; }

.inview.is-inview { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

.inview.is-inview.inview-delay-1 { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.inview.is-inview.inview-delay-2 { -webkit-transition-delay: 1s; transition-delay: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; }

.inview.is-inview.inview-delay-3 { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }

.inview.is-inview.inview-delay-4 { -webkit-transition-delay: 2s; transition-delay: 2s; -webkit-animation-delay: 2s; animation-delay: 2s; }

.inview.is-inview.inview-delay-5 { -webkit-transition-delay: 2.5s; transition-delay: 2.5s; -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }

.inview-parent.is-inview .inview-child { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

.inview-parent.is-inview .inview-drop-in { -webkit-animation: fade-drop-in 1.25s linear forwards; animation: fade-drop-in 1.25s linear forwards; }

.inview-parent.is-inview .inview-delay-1 { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.inview-parent.is-inview .inview-delay-2 { -webkit-transition-delay: 1s; transition-delay: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; }

.inview-parent.is-inview .inview-delay-3 { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }

.inview-parent.is-inview .inview-delay-4 { -webkit-transition-delay: 2s; transition-delay: 2s; -webkit-animation-delay: 2s; animation-delay: 2s; }

.inview-parent.is-inview .inview-delay-5 { -webkit-transition-delay: 2.5s; transition-delay: 2.5s; -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }

#homepage-content.is-inview .inview-custom-child { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

#homepage-content.is-inview .inview-drop-in { -webkit-animation: fade-drop-in 1s linear forwards; animation: fade-drop-in 1s linear forwards; }

#homepage-content.is-inview .inview-delay-1 { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

#homepage-content.is-inview .inview-delay-2 { -webkit-transition-delay: 1s; transition-delay: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; }

#homepage-content.is-inview .inview-delay-3 { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }

#homepage-content.is-inview .inview-delay-4 { -webkit-transition-delay: 2s; transition-delay: 2s; -webkit-animation-delay: 2s; animation-delay: 2s; }

#homepage-content.is-inview .inview-delay-5 { -webkit-transition-delay: 2.5s; transition-delay: 2.5s; -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }

.delay-1 { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.delay-2 { -webkit-transition-delay: 1s; transition-delay: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; }

.delay-3 { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }

.delay-4 { -webkit-transition-delay: 2s; transition-delay: 2s; -webkit-animation-delay: 2s; animation-delay: 2s; }

.delay-5 { -webkit-transition-delay: 2.5s; transition-delay: 2.5s; -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }

.iteration-1 { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

.iteration-2 { -webkit-animation-iteration-count: 2; animation-iteration-count: 2; }

.iteration-3 { -webkit-animation-iteration-count: 3; animation-iteration-count: 3; }

.iteration-4 { -webkit-animation-iteration-count: 4; animation-iteration-count: 4; }

.iteration-5 { -webkit-animation-iteration-count: 5; animation-iteration-count: 5; }

.rotate { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; }

.fade-in { -webkit-animation: fade-in 1s ease; animation: fade-in 1s ease; }

@-webkit-keyframes fade-in { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes fade-in { from { opacity: 0; }
  to { opacity: 1; } }

@-webkit-keyframes fade-in-out { 0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes fade-in-out { 0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; } }

@-webkit-keyframes ellipse-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes ellipse-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@-webkit-keyframes fade-drop-in { 0% { opacity: 0;
    -webkit-transform: translate(0, -700px);
            transform: translate(0, -700px); }
  5% { opacity: 0.7; }
  100% { opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fade-drop-in { 0% { opacity: 0;
    -webkit-transform: translate(0, -700px);
            transform: translate(0, -700px); }
  5% { opacity: 0.7; }
  100% { opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes header-style { from { -webkit-transform: translate(0, -100px); transform: translate(0, -100px); }
  to { -webkit-transform: translate(0, 0); transform: translate(0, 0); } }

@keyframes header-style { from { -webkit-transform: translate(0, -100px); transform: translate(0, -100px); }
  to { -webkit-transform: translate(0, 0); transform: translate(0, 0); } }

.ovh { overflow: hidden; }

mark { color: red; background: lightpink; }

/*# sourceMappingURL=style.css.map */