@font-face { font-family: 'bebasneue'; src: url('../fonts/BebasNeue-Regular.eot'); src: url('../fonts/BebasNeue-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/BebasNeue-Regular.woff2') format('woff2'), url('../fonts/BebasNeue-Regular.woff') format('woff'), url('../fonts/BebasNeue-Regular.ttf') format('truetype'), url('../fonts/BebasNeue-Regular.svg#bebasneue') format('svg'); font-weight: normal; font-style: normal; } h1, h2, h3 {max-width:100%; color:#231f20; padding:20px 0 20px; text-align:left; text-transform:uppercase; background:transparent; position:relative;} p {font:16px/28px 'Open Sans';} a {color:#fff; transition:all .3s ease;} a:hover {color:#1e1e1e;} img.banner {display:block;} .dots {position:absolute; bottom:20px; right:40px; z-index:10;} .dots .dot {width:12px; height:12px; margin:0 2px; box-sizing:border-box; border:1px solid #fff; border-radius:50%; display:inline-block;} .dots .dot.filled {background:#fff;} .dots.gray .dot {border:1px solid #231f20;} .dots.gray .dot.filled {background:#231f20;} /* Impact Report */ #section0 {background:#fff;} #section0 .content {display:flex; flex-flow:row wrap; align-items:center; max-width:100%; height:100%; margin:0; padding:80px 0 40px 0; background:url(../images/2019/cover-bg.jpg) no-repeat center / cover; position:relative; top:auto; left:auto;} #section0 .content.active {padding:80px 0 40px 0;} #section0 .content .inner {flex:1 1 auto; height:auto; margin:0; padding:15% 5% 5% 5%; position:relative;} #section0 .content .inner h1 {display:inline-block; margin:0; padding:0 0 0 150px; color:#fff; font:500 160px/160px 'bebasneue', arial; background:transparent;} #section0 .content .inner h2 {display:block; margin:0; padding:0; color:#fff; font:500 125px/125px 'bebasneue', arial;} #section0 .content .inner img {display:inline-block;} /* Letter from the CEO */ #section1 {background:#fff;} #section1 .introslide {background:#fff;} #section1 .content {padding:80px 0 40px 0; background:#fff;} #section1 .content .heading {width:100%; padding-top:0; position:relative;} #section1 .content .heading .wrapper {display:block; padding:10% 5% 0 5%; color:#fff; background:url(../images/2019/cover-bg.jpg) no-repeat center / cover;} #section1 .content .heading .wrapper h1 {max-width:100%; margin:0; padding:0 0 2% 0; font:500 110px/110px 'bebasneue', arial; background:transparent;} #section1 .content .info {max-width:100%; margin:0; padding:0 0 40px 0 !important; background:transparent;} #section1 .content .info .desc {max-width:100%; width:42.5%; padding:0; display:inline-block;} #section1 .content .info .desc.left {float:left; padding:5% 2.5% 40px 5%;} #section1 .content .info .desc.right {float:right; padding:5% 5% 40px 2.5%;} #section1 .content .info p {font-size:15px;} #section1 .introslide .content .sig {width:100%; text-align:left;} #section1 .introslide .content .sig img {padding-right:20px; vertical-align:middle;} /* Who We Are */ #section2 {background:#fff;} #section2 .introslide {background:url(../images/2019/chap1-bg.jpg) no-repeat center / cover;} #section2 .introslide .content {display:flex; align-items:flex-end; max-width:100%; height:100vh; margin:0; padding:0 0 0 0; position:relative;} #section2 .introslide .content .line {width:80%; height:5px; background:#fff; position:absolute; top:120px; left:50%; transform:translate(-50%,-50%);} #section2 .introslide .content .title {flex:1 1 100%; text-align:right;} #section2 .introslide .content .title .red {max-width:100%; width:50%; margin:0 0 0 auto; padding:2% 5% 1% 5%; background:#c62136; position:relative;} #section2 .introslide .content .title .red::after {content:''; height:0; width:0; border-top:calc(2vw + 70px) solid transparent; border-right:2vw solid #c62136; border-bottom:calc(2vw + 70px) solid #c62136; border-left:2vw solid transparent; position:absolute; top:0; left:1px; transform:translateX(-100%);} #section2 .introslide .content .title .red h1 {max-width:100%; margin:0; padding:1% 0 0 0; color:#fff; font:500 110px/110px 'bebasneue'; background:transparent; text-align:right;} #section2 .sectionDownArrow .bg {border-color:transparent transparent #231f20 transparent;} body.fp-viewing-panel2-0 #section2 .sectionDownArrow .bg {border-color:transparent transparent #fff transparent;} #section2 .fp-controlArrow.fp-next .whitebg {display:none;} #section2 .fp-controlArrow.fp-prev .whitebg {display:none;} #section2 .fp-controlArrow.fp-next .graybg {border-width:75px 75px 75px 0; left:0; top:0;} #section2 .fp-controlArrow.fp-prev .graybg {border-width:75px 0 75px 75px; left:0; top:0; right:auto;} body.fp-viewing-panel2-0 #section2 .fp-controlArrow.fp-next .whitebg {display:block;} body.fp-viewing-panel2-0 #section2 .fp-controlArrow.fp-next .graybg {display:none;} #section2 .slide1 {background:url(../images/2019/chap1-slide1-bg.jpg) no-repeat center / cover;} #section2 .slide1 .content {display:block; padding:80px 0 40px 0;} #section2 .slide1 .content .top {height:auto; padding:2% 5%; position:relative;} #section2 .slide1 .content .top .line {width:80%; height:5px; background:#1f1f1f; position:absolute; top:40px; left:50%; transform:translate(-50%,-50%);} #section2 .slide1 .content .top h1 {max-width:100%; margin:0; padding:0; color:#c62136; font:500 80px/80px 'bebasneue'; background:transparent;} #section2 .slide1 .content .banner {width:100%;} #section2 .slide1 .content .bottom {padding:2% 2.5%; position:relative;} #section2 .slide1 .content .bottom .columns {display:flex; flex-flow:row wrap;} #section2 .slide1 .content .bottom .columns .column {flex:1 1 calc(25% - 5%); padding:0 2.5%;} #section2 .slide1 .content .bottom .columns .column h2 {margin:0; padding:0; color:#1f1f1f; font:500 28px/28px 'bebasneue';} /* #section2 .slide1 .content .inner {padding:0 5% 0 5%;} */ #section2 .slide2 {background:url(../images/2019/chap1-slide2-bg.jpg) no-repeat center / cover;} #section2 .slide2 .content {display:block; padding:80px 0 40px 0;} #section2 .slide2 .content .inner {display:block; padding:2% 5% 0 5%; position:relative;} #section2 .slide2 .content .inner .line {width:80%; height:5px; background:#fff; position:absolute; top:40px; left:50%; transform:translate(-50%,-50%);} #section2 .slide2 .content h1 {margin:0; padding:0; color:#fff; font:500 60px/60px 'bebasneue'; background:transparent;} #section2 .slide2 .content h2 {margin:0; padding:0; color:#fff; font:500 28px/28px 'bebasneue';} #section2 .slide2 .content p {color:#fff;} #section2 .slide2 .content .split {display:flex; flex-flow:row wrap;} #section2 .slide2 .content .split .left {flex:1 1 30.8%; padding:0 2.5% 0 0;} #section2 .slide2 .content .split .left p {padding:2% 0;} #section2 .slide2 .content .split .right {flex:1 1 64.2%; padding:0 0 0 2.5%;} #section2 .slide2 .content .split .right .columns {display:flex; flex-flow:row wrap;} #section2 .slide2 .content .split .right .columns .column {flex:1 1 40%; padding:0 5%; margin-bottom:2%;} #section2 .slide2 .content .split .right .columns .column img {padding:10px 0;} #section2 .slide3 {background:url(../images/2019/chap1-slide3-bg.jpg) no-repeat center / cover;} #section2 .slide3 .content {display:block; padding:80px 0 40px 0;} #section2 .slide3 .content .inner {display:block; padding:2% 0 0 0; position:relative;} #section2 .slide3 .content .inner .line {width:80%; height:5px; background:#fff; position:absolute; top:40px; left:50%; transform:translate(-50%,-50%);} #section2 .slide3 .content h2 {margin:0; padding:0; color:#fff; font:500 28px/28px 'bebasneue';} #section2 .slide3 .content p {color:#fff;} #section2 .slide3 .content .columns {display:flex; flex-flow:row wrap; padding:0 2.5%;} #section2 .slide3 .content .columns .column {flex:0 1 20%; margin:0; padding:0 2.5%; margin-bottom:2%;} #section2 .slide3 .content .columns .column img {padding:10px 0;} #section2 .innerPanel.slide4 {background:url(../images/2019/chap1-slide3-bg.jpg) no-repeat center / cover;} #section2 .innerPanel.slide4 .innerContent {max-width:100%; padding:80px 5% 40px 5%; background:transparent;} #section2 .innerPanel.slide4 .innerContent .info {width:100%; padding:2% 0 40px 0; display:inline-block; position:relative;} #section2 .innerPanel.slide4 .innerContent .info .line {width:80%; height:5px; background:#fff; position:absolute; top:40px; left:50%; transform:translate(-50%,-50%);} #section2 .innerPanel.slide4 .innerContent .info h1 {padding:0; color:#fff; font:500 70px/70px 'bebasneue'; text-align:left;} #section2 .innerPanel.slide4 .innerContent .info h3 {padding:0; color:#fff; font:28px/28px 'bebasneue'; position:relative;} #section2 .innerPanel.slide4 .innerContent .info h3 span {font-size:20px;} #section2 .innerPanel.slide4 .innerContent .info h3 .dot {width:14px; height:14px; background:#1f1f1f; border-radius:50%; position:absolute; top:0; left:-38px;} #section2 .innerPanel.slide4 .innerContent .info p {color:#fff; margin-bottom:20px;} #section2 .innerPanel.slide4 .innerContent .info .cols {width:100%; display:flex; justify-content:center; align-items:stretch; padding-top:2%;} #section2 .innerPanel.slide4 .innerContent .info .col {width:25%;} #section2 .innerPanel.slide4 .innerContent .info .col .inner {height:100%; padding:0 30px; border-left:2px solid #1f1f1f; position:relative;} #section2 .innerPanel.slide4 .innerContent .info .col .inner .arrow {position:absolute; bottom:-8px; left:-11px; display:block;} #section2 .innerPanel.slide4 .innerContent .info .col .inner .arrow.top {top:-9px;} #section2 .innerPanel.slide4 .innerContent .info .col .inner .arrow img {display:block;} @media (max-width:760px) { #section2 .innerPanel.slide4 .innerContent .info .cols {flex-wrap:wrap;} #section2 .innerPanel.slide4 .innerContent .info .col {width:50%;} } @media (max-width:500px) { #section2 .innerPanel.slide4 .innerContent .info .cols {display:block;} #section2 .innerPanel.slide4 .innerContent .info .col {width:100%;} #section2 .innerPanel.slide4 .innerContent .info .col .inner .arrow {display:none;} #section2 .innerPanel.slide4 .innerContent .info .col:last-child .inner .arrow {display:block;} } #section2 .innerPanel.slide5 {background:url(../images/2019/chap1-slide4-bg.jpg) no-repeat center / cover;} #section2 .innerPanel.slide5 .banner {width:100%; padding-top:80px;} #section2 .innerPanel.slide5 .innerContent {max-width:100%; padding:0 5% 80px 5%; background:transparent;} #section2 .innerPanel.slide5 .innerContent .info {width:100%; padding:0 0 40px 0; display:inline-block; position:relative;} #section2 .innerPanel.slide5 .innerContent .info h2 {padding:0 0 20px 0; color:#c62136; font:36px/36px 'bebasneue'; position:relative;} #section2 .innerPanel.slide5 .innerContent .info h2 .dot {width:30px; height:30px; background:#c62136; border-radius:50%; position:absolute; top:0; left:-46px;} #section2 .innerPanel.slide5 .innerContent .info h3 {padding:0; font:28px/28px 'bebasneue'; position:relative;} #section2 .innerPanel.slide5 .innerContent .info h3.red {color:#c62136;} #section2 .innerPanel.slide5 .innerContent .info h3 span {font-size:20px;} #section2 .innerPanel.slide5 .innerContent .info h3 .dot {width:14px; height:14px; background:#c62136; border-radius:50%; position:absolute; top:0; left:-38px;} #section2 .innerPanel.slide5 .innerContent .info h4 {color:#c62136; font-weight:700; font-size:16px; line-height:28px; position:relative;} #section2 .innerPanel.slide5 .innerContent .info h4 .dot {position:absolute; top:0; left:-38px;} #section2 .innerPanel.slide5 .innerContent .info p {margin-bottom:20px;} #section2 .innerPanel.slide5 .innerContent .info .cols {width:100%; display:flex; justify-content:center; align-items:stretch; padding-top:2%;} #section2 .innerPanel.slide5 .innerContent .info .col {width:25%;} #section2 .innerPanel.slide5 .innerContent .info .col .inner {height:100%; padding:0 30px; border-left:2px solid #c62136; position:relative;} #section2 .innerPanel.slide5 .innerContent .info .col .inner .arrow {position:absolute; bottom:-8px; left:-11px; display:block;} #section2 .innerPanel.slide5 .innerContent .info .col .inner .arrow.top {top:-9px;} #section2 .innerPanel.slide5 .innerContent .info .col .inner .arrow.big {left:-21px;} #section2 .innerPanel.slide5 .innerContent .info .col .inner .arrow img {display:block;} @media (max-width:760px) { #section2 .innerPanel.slide5 .innerContent .info .cols {flex-wrap:wrap;} #section2 .innerPanel.slide5 .innerContent .info .col {width:50%;} } @media (max-width:500px) { #section2 .innerPanel.slide5 .innerContent .info .cols {display:block;} #section2 .innerPanel.slide5 .innerContent .info .col {width:100%;} #section2 .innerPanel.slide5 .innerContent .info .col .inner .arrow {display:none;} #section2 .innerPanel.slide5 .innerContent .info .col:last-child .inner .arrow {display:block;} } #section2 .slide6 {background:url(../images/2019/chap1-slide5-bg.jpg) no-repeat center / cover;} #section2 .slide6 .content {display:block; padding:80px 0 40px 0;} #section2 .slide6 .content .inner {display:block; padding:2% 5% 80px 5%; position:relative;} #section2 .slide6 .content .inner .line {width:80%; height:5px; background:#fff; position:absolute; top:40px; left:50%; transform:translate(-50%,-50%);} #section2 .slide6 .content h1 {margin:0; padding:0; color:#fff; font:500 70px/70px 'bebasneue'; background:transparent;} #section2 .slide6 .content h2 {margin:0; padding:0px 0 20px 0; color:#fff; font:500 38px 'bebasneue';} #section2 .slide6 .content h3 {margin:0; padding:20px 0 20px 0; color:#fff; font:500 28px/28px 'bebasneue';} #section2 .slide6 .content p {color:#fff;} #section2 .slide6 .content ul {list-style:disc; padding-bottom:20px; color:#fff;} #section2 .slide6 .content .split {display:flex; flex-flow:row wrap;} #section2 .slide6 .content .split .left {flex:1 1 47.5%; padding:0 2.5% 0 0;} #section2 .slide6 .content .split .right {flex:1 1 47.5%; padding:0 0 0 2.5%;} #section2 .slide7 {background:url(../images/2019/chap1-slide7-bg.jpg) no-repeat center / cover;} #section2 .slide7 .content {display:block; padding:2% 0 40px 0;} #section2 .slide7 .content .inner {display:block; padding:80px 5%; position:relative;} #section2 .slide7 .content .inner .line {width:80%; height:5px; background:#1f1f1f; position:absolute; top:40px; left:50%; transform:translate(-50%,-50%);} #section2 .slide7 .content h1 {margin:0; padding:0; color:#1f1f1f; font:500 60px/60px 'bebasneue'; background:transparent;} #section2 .slide7 .content h2 {margin:0; padding:10px 0; color:#1f1f1f; font:500 24px/24px 'bebasneue';} #section2 .slide7 .content p {color:#1f1f1f;} #section2 .slide7 .content .split {display:flex; flex-flow:row nowrap;} #section2 .slide7 .content .split .left {flex:1 1 47.5%; padding:0 2.5% 0 0;} #section2 .slide7 .content .split .left img {max-width:420px;} #section2 .slide7 .content .split .right {flex:1 1 47.5%; padding:0 0 0 2.5%; color:#fff; font-family:'bebasneue'; text-align:right; text-transform:uppercase;} #section2 .slide7 .content .split .right .num {padding-top:160px; font-size:175px; line-height:175px;} #section2 .slide7 .content .split .right .large {font-size:70px; line-height:70px;} #section2 .slide7 .content .split .right .larger {font-size:125px; line-height:125px;} #section2 .slide8 {background:url(../images/2019/chap1-slide8-bg.jpg) no-repeat center / cover;} #section2 .slide8 .content {display:block; padding:80px 0 40px 0;} #section2 .slide8 .content .banner {width:100%;} #section2 .slide8 .content .inner {display:block; padding:2% 5% 40px 5%; position:relative;} #section2 .slide8 .content h1 {margin:0; padding:0; color:#1f1f1f; font:500 60px/60px 'bebasneue'; background:transparent;} #section2 .slide8 .content h2 {margin:0; padding:10px; color:#1f1f1f; font:500 28px/28px 'bebasneue';} #section2 .slide8 .content p {color:#1f1f1f;} #section2 .slide8 .content .split {display:flex; flex-flow:row wrap;} #section2 .slide8 .content .split .left {flex:1 1 47.5%; padding:0 2.5% 0 0;} #section2 .slide8 .content .split .left img.states {max-width:300px;} #section2 .slide8 .content .split .left .box {border:7px solid #c62136; display:inline-block;} #section2 .slide8 .content .split .left .box .red {display:inline-block; padding:0 10px; color:#c62136; font:500 110px/110px 'bebasneue'; vertical-align:middle;} #section2 .slide8 .content .split .left .box .black {display:inline-block; padding:0 10px 0 0; font:500 40px/40px 'bebasneue'; vertical-align:middle;} #section2 .slide8 .content .split .right {flex:1 1 47.5%; padding:0 0 0 2.5%; text-align:right;} #section2 .slide8 .content .split .right img {max-width:400px;} #section2 .slide9 {background:url(../images/2019/chap1-slide9-bg.jpg) no-repeat center / cover;} #section2 .slide9 .content {display:block; padding:80px 0 40px 0;} #section2 .slide9 .content .banner {width:100%;} #section2 .slide9 .content .inner {display:block; padding:2% 5% 40px 5%; position:relative;} #section2 .slide9 .content h1 {margin:0; padding:0 0 2% 0; color:#fff; font:500 70px/70px 'bebasneue'; background:transparent;} #section2 .slide9 .content h2 {margin:0; padding:40px 0 20px 0; color:#fff; font:500 28px/28px 'bebasneue';} #section2 .slide9 .content p {color:#fff;} #section2 .slide9 .content .split {display:flex; flex-flow:row wrap; color:#fff;} #section2 .slide9 .content .split .left {flex:1 1 47.5%; padding:0 2.5% 0 0;} #section2 .slide9 .content .split .right {flex:1 1 47.5%; padding:0 0 0 2.5%; text-align:left;} #section2 .slide9 .content .split .right table {padding-top:calc(90px + 2%);} #section2 .slide9 .content .split .right table tr td {padding:0 10px;} #section2 .slide9 .content .split .right table tr td:first-child {font-weight:700;} #section2 .slide10 {background:url(../images/2019/chap1-slide10-bg.jpg) no-repeat center / cover;} #section2 .slide10 .content {display:block; padding:80px 0 40px 0;} #section2 .slide10 .content .inner {display:block; padding:2% 5% 80px 5%; position:relative;} #section2 .slide10 .content .inner .line {width:80%; height:5px; background:#fff; position:absolute; top:40px; left:50%; transform:translate(-50%,-50%);} #section2 .slide10 .content h1 {margin:0; padding:0; color:#fff; font:500 60px/60px 'bebasneue'; background:transparent;} #section2 .slide10 .content h2 {margin:0; padding:10px 0; color:#1f1f1f; font:700 28px/28px 'bebasneue'; letter-spacing:.03em;} #section2 .slide10 .content p {font-size:14px; color:#fff;} #section2 .slide10 .content img.chart {display:block; max-width:740px; margin:0 0 0 auto;} #section2 .slide10 .content .split {display:flex; flex-flow:row wrap;} #section2 .slide10 .content .split .left {flex:1 1 47.5%; padding:0 2.5% 0 0;} #section2 .slide10 .content .split .left .wrapper {max-width:420px; margin:0;} #section2 .slide10 .content .split .right {flex:1 1 47.5%; padding:0 0 0 2.5%; color:#fff; font-family:'bebasneue'; text-align:left;} #section2 .slide10 .content .split .right .wrapper {max-width:620px; margin:0 0 0 auto;} #section2 .slide10 .content .split .right .wrapper h1 {padding-bottom:20px;} #section2 .slide11 {background:url(../images/2019/chap1-slide11-bg.jpg) no-repeat center / cover;} #section2 .slide11 .content {display:block; padding:80px 0 40px 0;} #section2 .slide11 .content .inner {display:block; padding:2% 5% 40px 5%; position:relative;} #section2 .slide11 .content .inner .line {width:80%; height:5px; background:#1f1f1f; position:absolute; top:40px; left:50%; transform:translate(-50%,-50%);} #section2 .slide11 .content .inner h1 {margin:0; padding:0 0 20px 0; color:#1f1f1f; font:500 60px/60px 'bebasneue'; background:transparent;} #section2 .slide11 .content .inner p {max-width:600px; color:#1f1f1f;} #section2 .slide11 .content .inner .split {display:flex; flex-flow:row wrap; padding-top:20px;} #section2 .slide11 .content .inner .split .left {flex:1 1 60%;} #section2 .slide11 .content .inner .split .left img {max-width:100%;} #section2 .slide11 .content .inner .split .right {flex:1 1 40%;} #section2 .slide11 .content .inner .split .right .box {max-width:200px; margin:0 0 0 auto; padding:20px; border:7px solid #c62136;} #section2 .slide11 .content .inner .split .right .box .num {font:500 70px/70px 'bebasneue';} #section2 .slide11 .content .inner .split .right .box .text {font:500 40px/40px 'bebasneue';} #section2 .slide11 .content .inner .split .right .box .divider {width:100%; height:7px; margin:20px 0; background:#c62136;} /* Our Culture */ #section3 {} #section3 .introslide {background:url(../images/2019/chap2-bg.jpg) no-repeat center / cover;} #section3 .introslide .content {display:flex; align-items:flex-end; max-width:100%; height:100vh; margin:0; padding:0 0 0 0; position:relative;} #section3 .introslide .content .line {width:80%; height:5px; background:#fff; position:absolute; top:120px; left:50%; transform:translate(-50%,-50%);} #section3 .introslide .content .title {flex:1 1 100%; text-align:right;} #section3 .introslide .content .title .red {max-width:100%; width:50%; margin:0 0 0 auto; padding:2% 5% 1% 5%; background:#c62136; position:relative;} #section3 .introslide .content .title .red::after {content:''; height:0; width:0; border-top:calc(2vw + 70px) solid transparent; border-right:2vw solid #c62136; border-bottom:calc(2vw + 70px) solid #c62136; border-left:2vw solid transparent; position:absolute; top:0; left:1px; transform:translateX(-100%);} #section3 .introslide .content .title .red h1 {max-width:100%; margin:0; padding:1% 0 0 0; color:#fff; font:500 110px/110px 'bebasneue'; background:transparent; text-align:right;} #section3 .slide1 {background:#fff;} #section3 .slide1 .content {display:block; padding:80px 0 80px 0;} #section3 .slide1 .content .inner {height:auto; padding:2% 5%; position:relative;} #section3 .slide1 .content .inner .line {width:80%; height:5px; background:#1f1f1f; position:absolute; top:40px; left:50%; transform:translate(-50%,-50%);} #section3 .slide1 .content .inner h1 {max-width:100%; margin:0; padding:0; color:#c62136; font:500 60px/60px 'bebasneue'; background:transparent;} #section3 .slide1 .content .banner {width:100%;} #section3 .slide1 .content .bottom {padding:2% 2.5% 0 2.5%; position:relative;} #section3 .slide1 .content .bottom p {font-size:15px;} #section3 .slide1 .content .bottom .split {display:flex; flex-flow:row wrap;} #section3 .slide1 .content .bottom .split .left {flex:1 1 calc(50% - 5%); padding:0 2.5%;} #section3 .slide1 .content .bottom .split .right {flex:1 1 calc(50% - 5%); padding:0 2.5%;} #section3 .slide1 .content .bottom .split .right h2 {margin:0; padding:20px 0 0 0; color:#1f1f1f; font:500 28px/28px 'bebasneue';} #section3 .slide1 .content .bottom .split .right a {color:#c62136;} #section3 .slide1 .content .bottom .split .right a:hover {color:#1f1f1f;} #section3 .slide2 {background:url(../images/2019/chap2-slide2-bg.jpg) no-repeat center / cover;} #section3 .slide2 .content {display:block; padding:80px 0 40px 0;} #section3 .slide2 .content .inner {height:auto; padding:2% 5% 80px 5%; position:relative;} #section3 .slide2 .content .inner .line {width:80%; height:5px; background:#1f1f1f; position:absolute; top:40px; left:50%; transform:translate(-50%,-50%);} #section3 .slide2 .content .inner h1 {max-width:100%; margin:0; padding:0; color:#c62136; font:500 80px/80px 'bebasneue'; background:transparent;} #section3 .slide2 .content .inner p {max-width:520px;} #section3 .slide2 .content .inner .acrostic {font:500 60px/70px 'bebasneue'; text-transform:uppercase;} #section3 .slide2 .content .inner .acrostic span {color:#c62136; font-size:70px;} #section3 .slide3 {background:url(../images/2019/chap2-slide3-bg.jpg) no-repeat center / cover;} #section3 .slide3 .content {display:block; padding:80px 0 40px 0;} #section3 .slide3 .content .inner {height:auto; padding:2% 5% 80px 5%; position:relative;} #section3 .slide3 .content .inner .line {width:80%; height:5px; background:#fff; position:absolute; top:40px; left:50%; transform:translate(-50%,-50%);} #section3 .slide3 .content .inner h1 {max-width:100%; margin:0; padding:0; color:#fff; font:500 60px/60px 'bebasneue'; background:transparent;} #section3 .slide3 .content .inner p {max-width:520px; color:#fff;} #section3 .slide3 .content .inner img {display:block;} #section3 .slide3 .content .inner .split {display:flex; flex-flow:row wrap;} #section3 .slide3 .content .inner .split .left {flex:1 1 59%; padding-right:1%;} #section3 .slide3 .content .inner .split .left img {margin:0;} #section3 .slide3 .content .inner .split .right {flex:1 1 39%; padding-left:1%;} #section3 .slide3 .content .inner .split .right img {max-height:620px; margin:0 0 0 auto; padding-top:0;} #section3 .slide4 {background:url(../images/2019/chap2-slide4-bg.jpg) no-repeat center / cover;} #section3 .slide4 .content {display:block; padding:80px 0 40px 0;} #section3 .slide4 .content .inner {height:auto; padding:2% 5% 80px 5%; position:relative;} #section3 .slide4 .content .inner .line {width:80%; height:5px; background:#fff; position:absolute; top:40px; left:50%; transform:translate(-50%,-50%);} #section3 .slide4 .content .inner h1 {max-width:460px; margin:0; padding:0 0 2% 0; color:#fff; font:500 46px/46px 'bebasneue'; background:transparent;} #section3 .slide4 .content .inner h2 {max-width:100%; margin:0; padding:0; color:#1f1f1f; font:700 32px/32px 'bebasneue'; background:transparent;} #section3 .slide4 .content .inner h2.white {color:#fff;} #section3 .slide4 .content .inner h3 {max-width:100%; margin:0; padding:0; color:#fff; font:500 28px/28px 'bebasneue'; background:transparent;} #section3 .slide4 .content .inner h4 {max-width:100%; margin:0; padding:0; color:#1f1f1f; font:700 24px/24px 'bebasneue'; background:transparent;} #section3 .slide4 .content .inner p {max-width:520px; color:#fff;} #section3 .slide4 .content .inner table tr td:nth-child(odd) {padding-right:5px;} #section3 .slide4 .content .inner table tr td:nth-child(even) {padding-left:5px;} #section3 .slide4 .content .inner .split {display:flex; flex-flow:row wrap; color:#fff;} #section3 .slide4 .content .inner .split .left {flex:1 1 49%; padding-right:1%;} #section3 .slide4 .content .inner .split .left img {padding-top:40px; max-width:520px;} #section3 .slide4 .content .inner .split .right {flex:1 1 49%; padding-left:1%;} #section3 .slide4 .content .inner .split .right img {padding:20px 0;} #section3 .slide4 .content .inner .split .right .cols {display:flex; flex-flow:row wrap; padding-top:2%;} #section3 .slide4 .content .inner .split .right .cols .col {flex:1 1 49%; padding-right:1%;} #section3 .slide4 .content .inner .split .right .cols .col:last-child {padding-left:1%; padding-right:0;} #section3 .sectionDownArrow .bg {border-color:transparent transparent #231f20 transparent;} body.fp-viewing-panel3-0 #section3 .sectionDownArrow .bg, body.fp-viewing-panel3-1 #section3 .sectionDownArrow .bg {border-color:transparent transparent #fff transparent;} #section3 .fp-controlArrow.fp-next .whitebg {display:none;} #section3 .fp-controlArrow.fp-prev .whitebg {display:none;} #section3 .fp-controlArrow.fp-next .graybg {border-width:75px 75px 75px 0; left:0; top:0;} #section3 .fp-controlArrow.fp-prev .graybg {border-width:75px 0 75px 75px; left:0; top:0; right:auto;} body.fp-viewing-panel3-0 #section3 .fp-controlArrow.fp-next .whitebg, body.fp-viewing-panel3-1 #section3 .fp-controlArrow.fp-next .whitebg, body.fp-viewing-panel3-1 #section3 .fp-controlArrow.fp-prev .whitebg {display:block;} body.fp-viewing-panel3-0 #section3 .fp-controlArrow.fp-next .graybg, body.fp-viewing-panel3-1 #section3 .fp-controlArrow.fp-next .graybg, body.fp-viewing-panel3-1 #section3 .fp-controlArrow.fp-prev .graybg {display:none;} #section3 .innerPanel.slide3 .panelInfo {background:url(../images/2018/bg-panel3b.gif) center no-repeat; background-size:cover;} #section3 .innerPanel.slide3 .innerContent {max-width:100%; margin:0 10%; padding:0 !important; background:transparent;} #section3 .innerPanel.slide3 .innerContent .info {padding:100px 0 70px; display:inline-block;} #section3 .innerPanel.slide3 .innerContent .info:first-child {padding-bottom:0;} #section3 .innerPanel.slide3 .innerContent .info:last-child {padding-top:0;} #section3 .innerPanel.slide3 .innerContent .info h1 {max-width:100%; color:#ce2338; padding:20px 0 20px; text-align:left; background:transparent; position:relative;} #section3 .innerPanel.slide3 .innerContent .info h1 img {display:inline-block;} #section3 .innerPanel.slide3 .innerContent .info .desc {max-width:100%; width:45%; padding:0; display:inline-block; margin:0;} #section3 .innerPanel.slide3 .innerContent .info .desc.left {float:left;} #section3 .innerPanel.slide3 .innerContent .info .desc.right {float:right;} #section3 .innerPanel.slide4 .panelInfo {background:url(../images/2018/bg-panel3c.gif) center no-repeat; background-size:cover; color:#fff;} #section3 .innerPanel.slide4 .innerContent {max-width:100%; margin:0 10%; padding:0 !important; background:transparent;} #section3 .innerPanel.slide4 .innerContent .info {padding:80px 0; display:inline-block;} #section3 .innerPanel.slide4 .innerContent .info h1 {max-width:100%; color:#c52135; padding:20px 0; text-align:left; background:transparent; position:relative;} #section3 .innerPanel.slide4 .innerContent .info h1 img {display:inline-block;} #section3 .innerPanel.slide4 .innerContent .info h2 {padding:30px 0 0 12px; color:#fff; font-size:24px; text-align:left; background:transparent; position:relative; font:500 30px/1 'bebasneue',arial;} #section3 .innerPanel.slide4 .innerContent .info span.big {color:#c52135; font:500 228px/1 'bebasneue',arial;} #section3 .innerPanel.slide4 .innerContent .info span.caption {color:#fff; font:500 22px/28px 'bebasneue',arial; text-transform:uppercase; display:inline-block; padding-left:5px;} #section3 .innerPanel.slide4 .innerContent .info .desc {max-width:100%; width:45%; padding:0; display:inline-block;} #section3 .innerPanel.slide4 .innerContent .info .desc.left {width:35%; float:left;} #section3 .innerPanel.slide4 .innerContent .info .desc.right {width:55%; float:right;} #section3 .innerPanel.slide4 .innerContent .info .images {width:100%; padding-top:60px; display:table; margin-left:-90px;} #section3 .innerPanel.slide4 .innerContent .info .images .image {width:50%; vertical-align:middle; display:table-cell;} #section3 .innerPanel.slide4 .innerContent .info .images .image:first-child img {max-width:90%;} #section3 .innerPanel.slide4 .innerContent .info .images .image img {max-width:100%; vertical-align:middle; display:block;} @media (max-width:920px) { #section3 .innerPanel.slide4 .innerContent .info span.big {font-size:188px;} } @media (max-width:767px) { #section3 .innerPanel.slide4 .innerContent .info span.big {font-size:100px;} #section3 .innerPanel.slide4 .innerContent .info .images {margin:0 auto;} #section3 .innerPanel.slide4 .innerContent .info .images .image {width:100%; display:block; margin:0 auto 50px;} } #section3 .innerPanel.slide5 {background:url(../images/2018/bg-panel3b.gif) center no-repeat; background-size:cover;} #section3 .innerPanel.slide5 .innerContent {max-width:100%; margin:0 10%; padding:0 !important; background:transparent;} #section3 .innerPanel.slide5 .innerContent .info {width:100%; padding:160px 0 80px 0; display:inline-block;} #section3 .innerPanel.slide5 .innerContent .info h1 {font-size:60px; line-height:1; text-align:left; font-family:'bebasneue',arial; color:#cf2339;} #section3 .innerPanel.slide5 .innerContent .info h2 {padding:20px 0; color:#c52135; font-size:38px; line-height:38px;} #section3 .innerPanel.slide5 .innerContent .info h3 {padding:30px 0 20px; color:#000; font-size:40px; line-height:46px; font-family:'bebasneue',arial; font-weight:500;} #section3 .innerPanel.slide5 .innerContent .info img {display:block;} #section3 .innerPanel.slide5 .innerContent .info img.img-grid {margin:38px 0 0;} #section3 .innerPanel.slide5 .innerContent .info .left {width:45%;} #section3 .innerPanel.slide5 .innerContent .info .left .inner {padding-right:10%;} #section3 .innerPanel.slide5 .innerContent .info .left .inner ul {column-count:2; font-size:14px; margin:0; padding:10px 0 0 0; list-style:none;} #section3 .innerPanel.slide5 .innerContent .info .right {width:52%;} #section3 .innerPanel.slide5 .innerContent .info .right .inner {padding-right:10%;} #section3 .innerPanel.slide5 .innerContent .info .right .inner .red-outline-box {border:8px solid #c52135; display:flex; justify-content:space-between; align-items:flex-start; text-transform:uppercase; padding:15px; margin-top:24px;} #section3 .innerPanel.slide5 .innerContent .info .right .inner .red-outline-box .left-txt {width:45%; text-align:right; margin-right:0; font:500 99px/1 'bebasneue',arial; color:#c52135;} #section3 .innerPanel.slide5 .innerContent .info .right .inner .red-outline-box .right-txt {width:55%; margin-left:0; margin-top:5px; font:400 40px/1 'Open Sans Condensed',arial; color:#000;} #section3 .innerPanel.slide5 .innerContent .info .right .inner .red-outline-box .txt-content {padding:0 10px;} #section3 .innerPanel.slide5 .innerContent .info .right .table {width:100%; padding-top:40px; display:table;} #section3 .innerPanel.slide5 .innerContent .info .right .table .row {width:100%; display:table-row;} #section3 .innerPanel.slide5 .innerContent .info .right .table .row.red {color:#c52135;} #section3 .innerPanel.slide5 .innerContent .info .right .table .row.red .cell {font:700 18px 'Open Sans'; border-bottom:0;} #section3 .innerPanel.slide5 .innerContent .info .right .table .row.dark {background:#000;} #section3 .innerPanel.slide5 .innerContent .info .right .table .row.dark .cell {padding:15px; color:#fff; font:700 18px/1 'Open Sans Condensed'; vertical-align:middle; position:relative; border-bottom:0;} #section3 .innerPanel.slide5 .innerContent .info .right .table .row.dark .cell .line {height:100%; width:8px; background:#fff; top:0; right:-4px; position:absolute; z-index:2;} #section3 .innerPanel.slide5 .innerContent .info .right .table .row .cell {width:25%; padding:10px; font:18px 'Open Sans Condensed'; text-transform:uppercase; text-align:center; display:table-cell; border-bottom:2px solid #1e1e1e;} #section3 .innerPanel.slide5 .innerContent .info .right .table .row .cell:first-child {font:700 18px 'Open Sans Condensed';} #section3 .dots .dot {border-color:#ce1443;} #section3 .dots .dot.filled {background:#ce1443;} @media (max-width:1360px) { #section3 .innerPanel.slide5 .innerContent .info .right .inner .red-outline-box .left-txt {font-size:95px;} #section3 .innerPanel.slide5 .innerContent .info .right .inner .red-outline-box .right-txt {font-size:36px;} } @media (max-width:1250px) { #section3 .innerPanel.slide5 .innerContent .info .right .inner .red-outline-box .left-txt {font-size:80px;} #section3 .innerPanel.slide5 .innerContent .info .right .inner .red-outline-box .right-txt {font-size:30px;} } @media (max-width:1070px) { #section3 .innerPanel.slide5 .innerContent .info .right .inner .red-outline-box .left-txt {font-size:66px;} #section3 .innerPanel.slide5 .innerContent .info .right .inner .red-outline-box .right-txt {font-size:24px;} } @media (max-width:420px) { #section3 .innerPanel.slide5 .innerContent .info .right .inner .red-outline-box {padding:15px 10px;} #section3 .innerPanel.slide5 .innerContent .info .right .inner .red-outline-box .left-txt {font-size:50px;} #section3 .innerPanel.slide5 .innerContent .info .right .inner .red-outline-box .right-txt {font-size:19px;} } @media (max-width:374px) { #section3 .innerPanel.slide5 .innerContent .info .right .inner .red-outline-box .left-txt {font-size:45px;} #section3 .innerPanel.slide5 .innerContent .info .right .inner .red-outline-box .right-txt {font-size:18px;} } /* Who We Support */ #section4 {background:#fff;} #section4 .introslide {background:url(../images/2019/chap3-bg.jpg) no-repeat center / cover;} #section4 .introslide .content {display:flex; align-items:flex-end; max-width:100%; height:100vh; margin:0; padding:0 0 0 0; position:relative;} #section4 .introslide .content .line {width:80%; height:5px; background:#fff; position:absolute; top:120px; left:50%; transform:translate(-50%,-50%);} #section4 .introslide .content .title {flex:1 1 100%; text-align:right;} #section4 .introslide .content .title .red {max-width:100%; width:50%; margin:0 0 0 auto; padding:2% 5% 1% 5%; background:#c62136; position:relative;} #section4 .introslide .content .title .red::after {content:''; height:0; width:0; border-top:calc(2vw + 70px) solid transparent; border-right:2vw solid #c62136; border-bottom:calc(2vw + 70px) solid #c62136; border-left:2vw solid transparent; position:absolute; top:1px; left:1px; transform:translateX(-100%);} #section4 .introslide .content .title .red h1 {max-width:100%; margin:0; padding:1% 0 0 0; color:#fff; font:500 110px/110px 'bebasneue'; background:transparent; text-align:right;} #section4 .slide1 {background:url(../images/2019/chap3-slide1-bg.jpg) no-repeat center / cover;} #section4 .slide1 .content {display:block; padding:80px 0 40px 0;} #section4 .slide1 .content .inner {height:auto; padding:2% 5% 80px 5%; position:relative;} #section4 .slide1 .content .inner .line {width:80%; height:5px; background:#1f1f1f; position:absolute; top:40px; left:50%; transform:translate(-50%,-50%);} #section4 .slide1 .content .inner h1 {max-width:300px; margin:0; padding:0; color:#c62136; font:500 60px/60px 'bebasneue'; background:transparent;} #section4 .slide1 .content .inner p {font-size:14px;} #section4 .slide1 .content .inner .split {display:flex; flex-flow:row wrap;} #section4 .slide1 .content .inner .split .left {flex:1 1 30%;} #section4 .slide1 .content .inner .split .center {flex:1 1 calc(40% - 10%); padding:0 5%; text-align:left;} #section4 .slide1 .content .inner .split .center h1 {padding-top:27px;} #section4 .slide1 .content .inner .split .right {flex:1 1 30%; padding-top:147px;} #section4 .slide1 .content .inner .split .right ul {list-style:circle; font-size:14px;} #section4 .slide2 {background:url(../images/2019/chap3-slide2-bg.jpg) no-repeat center / cover;} #section4 .slide2 .content {display:block; padding:80px 0 40px 0;} #section4 .slide2 .content .inner {height:auto; padding:2% 5% 80px 5%; position:relative;} #section4 .slide2 .content .inner .line {width:80%; height:5px; background:#1f1f1f; position:absolute; top:40px; left:50%; transform:translate(-50%,-50%);} #section4 .slide2 .content .inner h1 {max-width:100%; margin:0; padding:0; color:#c62136; font:500 60px/60px 'bebasneue'; background:transparent;} #section4 .slide2 .content .inner h2 {margin:0; padding:0; color:#1f1f1f; font:500 36px/36px 'bebasneue';} #section4 .slide2 .content .inner .split {display:flex; flex-flow:row wrap;} #section4 .slide2 .content .inner .split .left {flex:1 1 49%; padding-right:1%;} #section4 .slide2 .content .inner .split .left .text {max-width:600px; margin:0;} #section4 .slide2 .content .inner .split .left .text h1 {padding-bottom:2%;} #section4 .slide2 .content .inner .split .right {flex:1 1 49%; padding-left:1%;} #section4 .slide2 .content .inner .split .right img {padding-top:30px;} #section4 .slide2 .content .inner .split .right .cols {display:flex; flex-flow:row wrap; padding-top:5%;} #section4 .slide2 .content .inner .split .right .cols .col {flex:1 1 47%; padding-right:3%;} #section4 .slide2 .content .inner .split .right .cols .col:last-child {padding-left:3%; padding-right:0;} #section4 .slide3 {background:url(../images/2019/chap3-slide3-bg.jpg) no-repeat center / cover;} #section4 .slide3 .content {display:block; padding:80px 0 40px 0;} #section4 .slide3 .content .inner {height:auto; padding:2% 5% 80px 5%; position:relative;} #section4 .slide3 .content .inner .line {width:80%; height:5px; background:#fff; position:absolute; top:40px; left:50%; transform:translate(-50%,-50%);} #section4 .slide3 .content .inner h1 {max-width:100%; margin:0; padding:0; color:#fff; font:500 80px/80px 'bebasneue'; background:transparent;} #section4 .slide3 .content .inner p {color:#fff;} #section4 .slide3 .content .inner .split {display:flex; flex-flow:row wrap; padding-top:2%;} #section4 .slide3 .content .inner .split .left {flex:1 1 47.5%; padding-right:2.5%;} #section4 .slide3 .content .inner .split .right {flex:1 1 47.5%; padding-left:2.5%;} #section4 .slide4 {background:url(../images/2019/chap3-slide4-bg.jpg) no-repeat center / cover;} #section4 .slide4 .content {display:block; padding:80px 0 40px 0;} #section4 .slide4 .content .inner {height:auto; padding:2% 5% 80px 5%; position:relative;} #section4 .slide4 .content .inner .line {width:80%; height:5px; background:#fff; position:absolute; top:40px; left:50%; transform:translate(-50%,-50%);} #section4 .slide4 .content .inner h1 {max-width:400px; margin:0; padding:0; color:#fff; font:500 80px/80px 'bebasneue'; background:transparent;} #section4 .slide4 .content .inner h2 {margin:0; padding:0; color:#fff; font:500 28px/28px 'bebasneue'; background:transparent;} #section4 .slide4 .content .inner h3 {margin:0; padding:0; color:#fff; font:500 20px/20px 'bebasneue'; background:transparent;} #section4 .slide4 .content .inner p {color:#fff;} #section4 .slide4 .content .inner .split {display:flex; flex-flow:row wrap;} #section4 .slide4 .content .inner .split .left {flex:1 1 47.5%; padding-right:2.5%;} #section4 .slide4 .content .inner .split .right {flex:1 1 47.5%; padding-left:2.5%;} #section4 .slide4 .content .inner .split .right .interns {display:flex; flex-flow:row wrap;} #section4 .slide4 .content .inner .split .right .interns .intern {flex:1 1 33.3%;} #section4 .slide4 .content .inner .split .right .interns .intern .wrapper {padding:10px;} #section4 .slide4 .content .inner .split .right .interns .intern .wrapper img {width:100%;} #section4 .sectionDownArrow .bg {border-color:transparent transparent #231f20 transparent;} body.fp-viewing-panel4-0 #section4 .sectionDownArrow .bg {border-color:transparent transparent #fff transparent;} #section4 .fp-controlArrow.fp-next .whitebg {display:none;} #section4 .fp-controlArrow.fp-prev .whitebg {display:none;} #section4 .fp-controlArrow.fp-next .graybg {border-width:75px 75px 75px 0; left:0; top:0;} #section4 .fp-controlArrow.fp-prev .graybg {border-width:75px 0 75px 75px; left:0; top:0; right:auto;} body.fp-viewing-panel4-0 #section4 .fp-controlArrow.fp-next .whitebg {display:block;} body.fp-viewing-panel4-0 #section4 .fp-controlArrow.fp-next .graybg {display:none;} /* How We Support */ #section5 {} #section5 .introslide {background:url(../images/2019/chap4-bg.jpg) no-repeat center / cover;} #section5 .introslide .content {display:flex; align-items:flex-end; max-width:100%; height:100vh; margin:0; padding:0 0 0 0; position:relative;} #section5 .introslide .content .line {width:80%; height:5px; background:#fff; position:absolute; top:120px; left:50%; transform:translate(-50%,-50%);} #section5 .introslide .content .title {flex:1 1 100%; text-align:right;} #section5 .introslide .content .title .red {max-width:100%; width:50%; margin:0 0 0 auto; padding:2% 5% 1% 5%; background:#c62136; position:relative;} #section5 .introslide .content .title .red::after {content:''; height:0; width:0; border-top:calc(2vw + 70px) solid transparent; border-right:2vw solid #c62136; border-bottom:calc(2vw + 70px) solid #c62136; border-left:2vw solid transparent; position:absolute; top:0; left:1px; transform:translateX(-100%);} #section5 .introslide .content .title .red h1 {max-width:100%; margin:0; padding:1% 0 0 0; color:#fff; font:500 110px/110px 'bebasneue'; background:transparent; text-align:right;} #section5 .slide1 {background:url(../images/2019/chap4-slide1-bg.jpg) no-repeat center / cover;} #section5 .slide1 .content {display:block; padding:80px 0 40px 0; position:relative;} #section5 .slide1 .content h1 {margin:0; padding:0; color:#c62136; font:500 60px/60px 'bebasneue'; background:transparent;} #section5 .slide1 .content h3 {margin:0; padding:0; color:#1f1f1f; font:500 20px/20px 'bebasneue';} #section5 .slide1 .content p {color:#1f1f1f; font-size:14px;} #section5 .slide1 .content .inner {display:block; padding:2% 5% 1% 5%;} #section5 .slide1 .content .inner .line {width:80%; height:5px; background:#1f1f1f; position:absolute; top:120px; left:50%; transform:translate(-50%,-50%);} #section5 .slide1 .content .banner {width:100%; padding:0 0 2% 0;} #section5 .slide1 .content .cols {display:flex; flex-flow:row wrap; padding:0 2.5% 40px 2.5%;} #section5 .slide1 .content .cols .col {flex:1 1 calc(33.3% - 5%); padding:0 2.5%;} #section5 .slide2 {background:url(../images/2019/chap4-slide2-bg.jpg) no-repeat center / cover;} #section5 .slide2 .content {display:block; padding:80px 0 40px 0; position:relative;} #section5 .slide2 .content .line {width:80%; height:5px; background:#1f1f1f; position:absolute; top:120px; left:50%; transform:translate(-50%,-50%);} #section5 .slide2 .content h2 {margin:0; padding:0; color:#1f1f1f; font:500 30px/30px 'bebasneue';} #section5 .slide2 .content p {color:#1f1f1f;} #section5 .slide2 .content .cols {display:flex; flex-flow:row wrap; padding:2% 0 80px 0;} #section5 .slide2 .content .cols .col {flex:1 1 calc(33.3% - 5%); padding:0;} #section5 .slide2 .content .cols .col .container {width:auto; min-width:auto; height:auto; padding:2% 10% 40px 10%;} #section5 .slide3 {background:url(../images/2019/chap4-slide3-bg.jpg) no-repeat center / cover;} #section5 .slide3 .content {display:block; padding:80px 0 40px 0; position:relative;} #section5 .slide3 .content h1 {margin:0; padding:0; color:#fff; font:500 60px/60px 'bebasneue'; background:transparent;} #section5 .slide3 .content h3 {margin:0; padding:0; color:#fff; font:500 30px/30px 'bebasneue';} #section5 .slide3 .content p {color:#fff; font-size:15px;} #section5 .slide3 .content .inner {display:block; padding:2% 5% 2% 5%;} #section5 .slide3 .content .inner .line {width:80%; height:5px; background:#fff; position:absolute; top:120px; left:50%; transform:translate(-50%,-50%);} #section5 .slide3 .content .banner {width:100%; padding:0 0 2% 0;} #section5 .slide3 .content .cols {display:flex; flex-flow:row wrap; padding:0 2.5% 80px 2.5%;} #section5 .slide3 .content .cols .col {flex:1 1 calc(50% - 5%); padding:0 2.5%;} #section5 .slide4 {background:url(../images/2019/chap4-slide4-bg.jpg) no-repeat center / cover;} #section5 .slide4 .content {display:block; padding:80px 0 40px 0; position:relative;} #section5 .slide4 .content h1 {max-width:560px; margin:0; padding:0; color:#fff; font:500 60px/60px 'bebasneue'; background:transparent;} #section5 .slide4 .content h3 {margin:0; padding:0; color:#fff; font:500 30px/30px 'bebasneue';} #section5 .slide4 .content p {color:#fff;} #section5 .slide4 .content .inner {display:block; padding:2% 5% 2% 5%;} #section5 .slide4 .content .inner .line {width:80%; height:5px; background:#fff; position:absolute; top:120px; left:50%; transform:translate(-50%,-50%);} #section5 .slide4 .content .banner {width:100%; padding:0 0 2% 0;} #section5 .slide4 .content .cols {display:flex; flex-flow:row wrap; padding:0 2.5% 80px 2.5%;} #section5 .slide4 .content .cols .col {flex:1 1 calc(50% - 5%); padding:0 2.5%;} #section5 .slide4 .content .cols .col.logo {text-align:right;} #section5 .sectionDownArrow .bg {border-color:transparent transparent #231f20 transparent;} body.fp-viewing-panel5-0 #section5 .sectionDownArrow .bg {border-color:transparent transparent #fff transparent;} #section5 .fp-controlArrow.fp-next .whitebg {display:none;} #section5 .fp-controlArrow.fp-prev .whitebg {display:none;} #section5 .fp-controlArrow.fp-next .graybg {border-width:75px 75px 75px 0; left:0; top:0;} #section5 .fp-controlArrow.fp-prev .graybg {border-width:75px 0 75px 75px; left:0; top:0; right:auto;} body.fp-viewing-panel5-0 #section5 .fp-controlArrow.fp-next .whitebg {display:block;} body.fp-viewing-panel5-0 #section5 .fp-controlArrow.fp-next .graybg {display:none;} /* Responsive Styling */ @media(max-width:1280px) { #section2 .introslide .content .title .red {width:65%;} #section2 .introslide .content .title .red::after {border-top:calc(3vw + 70px) solid transparent; border-right:3vw solid #c62136; border-bottom:calc(3vw + 70px) solid #c62136; border-left:3vw solid transparent;} #section3 .introslide .content .title .red {width:65%;} #section3 .introslide .content .title .red::after {border-top:calc(3vw + 70px) solid transparent; border-right:3vw solid #c62136; border-bottom:calc(3vw + 70px) solid #c62136; border-left:3vw solid transparent;} #section4 .introslide .content .title .red {width:65%;} #section4 .introslide .content .title .red::after {border-top:calc(3vw + 70px) solid transparent; border-right:3vw solid #c62136; border-bottom:calc(3vw + 70px) solid #c62136; border-left:3vw solid transparent;} #section5 .introslide .content .title .red {width:65%;} #section5 .introslide .content .title .red::after {border-top:calc(3vw + 70px) solid transparent; border-right:3vw solid #c62136; border-bottom:calc(3vw + 70px) solid #c62136; border-left:3vw solid transparent;} #section2 .slide7 .content .split .right .num {padding-top:120px; font-size:150px;} #section2 .slide7 .content .split .right .larger {font-size:110px;} #section2 .slide7 .content .split .right .large {font-size:58px;} #section2 .slide9 .content .split .left {flex:1 1 41.5%;} #section2 .slide10 .content h1 {font-size:50px; line-height:50px;} #section2 .slide10 .content h2 {padding-bottom:0;} #section2 .slide10 .content img.chart {max-width:720px;} #section2 .slide11 .content .inner h1 {padding-bottom:10px;} #section2 .slide11 .content .inner .split {padding-top:10px;} #section2 .slide11 .content .inner .split .left img {max-width:640px;} #section3 .slide1 .content .bottom p {font-size:14px;} #section3 .slide1 .content .bottom .split .right img {max-width:420px;} #section3 .slide1 .content .bottom .split .right h2 {padding-top:10px;} #section3 .slide2 .content .inner p {max-width:480px;} #section3 .slide3 .content .inner p {font-size:15px;} #section3 .slide3 .content .inner .split .left img {max-width:560px;} #section3 .slide3 .content .inner .split .right img {max-height:580px;} #section4 .slide2 .content .inner h2 {font-size:32px; line-height:32px;} #section5 .slide3 .content h3 {font-size:28px; line-height:28px;} #section5 .slide3 .content p {font-size:14px;} } @media(max-width:960px) { #section3 .introslide .content .title .red {width:85%;} #section5 .introslide .content .title .red {width:85%;} #section2 .slide2 .content h1 {font-size:50px; line-height:50px;} #section2 .slide3 .content .columns .column {flex:1 1 20%;} #section2 .innerPanel.slide4 .innerContent .info .cols {flex-flow:row wrap;} #section2 .innerPanel.slide4 .innerContent .info .cols .col {width:50%; padding-bottom:40px;} #section2 .innerPanel.slide5 .innerContent .info .cols {flex-flow:row wrap;} #section2 .innerPanel.slide5 .innerContent .info .cols .col {width:50%; padding-bottom:40px;} #section2 .slide7 .content .split {flex-flow:row wrap;} #section2 .slide7 .content .split .left {flex:1 1 100%; padding:0 0 40px 0;} #section2 .slide7 .content .split .right {flex:1 1 100%;} #section2 .slide9 .content .split .left {flex:1 1 100%; padding:0;} #section2 .slide9 .content .split .right {flex:1 1 100%; padding:0; padding-top:40px;} #section2 .slide9 .content .split .right table {padding-top:0;} #section2 .slide10 .content .split .left {flex:1 1 100%; padding:0;} #section2 .slide10 .content .split .right {flex:1 1 100%; padding:0;} #section2 .slide10 .content .split .right .wrapper {max-width:100%; padding-top:40px;} #section3 .slide2 .content .inner p {max-width:420px;} #section4 .slide1 .content .inner h1 {font-size:50px; line-height:50px;} #section4 .slide1 .content .inner .split .right {padding-top:140px;} #section4 .slide4 .content .inner .split .left {flex:1 1 100%; padding:0;} #section4 .slide4 .content .inner .split .right {flex:1 1 100%; padding:0;} } @media(max-width:760px) { #section0 .content .inner {padding:35% 5% 25% 5%; background:transparent;} #section0 .content .inner h1 {padding:0 0 0 40px; font-size:70px; line-height:70px;} #section0 .content .inner h2 {font-size:70px; line-height:70px;} #section1 .content {padding-top:50px;} #section1 .content .heading .wrapper h1 {font-size:60px; line-height:60px;} #section1 .content .info .desc.left {width:auto; padding:5% 5% 0 5%;} #section1 .content .info .desc.right {width:auto; padding:0 5% 5% 5%;} #section2 .introslide .content .title .red {width:85%;} #section2 .introslide .content .title .red h1 {font-size:60px; line-height:60px;} #section2 .slide1 .content .bottom {padding:5%;} #section2 .slide1 .content .bottom .columns .column {flex:1 1 100%; padding:0;} #section2 .slide2 .content .split .left {flex:1 1 100%; padding:0;} #section2 .slide2 .content .split .right {flex:1 1 100%; padding:20px 0 0 0;} #section2 .slide2 .content .split .right .columns .column {flex:1 1 100%; padding:20px 0 0 0; margin-bottom:0;} #section2 .slide3 .content .columns .column {flex:1 1 100%;} #section2 .innerPanel.slide4 .innerContent .info .cols .col {width:100%;} #section2 .innerPanel.slide5 .innerContent .info .cols .col {width:100%;} #section2 .slide6 .content .split .left {flex:1 1 100%; padding:0;} #section2 .slide6 .content .split .right {flex:1 1 100%; padding:0;} #section2 .slide6 .content h2 {padding:20px 0;} #section2 .slide7 {background:#fff;} #section2 .slide7 .content .split .left {pading:0;} #section2 .slide7 .content .split .right {padding:0; color:#111;} #section2 .slide7 .content .split .right .num {padding-top:20px; font-size:100px; line-height:100px;} #section2 .slide7 .content .split .right .larger {font-size:74px; line-height:74px;} #section2 .slide7 .content .split .right .large {font-size:39px; line-height:39px;} #section2 .slide8 .content .split .left {flex:1 1 100%; padding:0;} #section2 .slide8 .content .split .right {flex:1 1 100%; padding:0; padding-top:40px;} #section2 .slide11 .content .inner .split .left {flex:1 1 100%; padding:0;} #section2 .slide11 .content .inner .split .right {flex:1 1 100%; padding:40px 0 0 0;} #section2 .slide11 .content .inner .split .right .box {max-width:100%;} #section3 .introslide .content .title .red h1 {font-size:60px; line-height:60px;} #section3 .slide1 .content {padding-top:50px;} #section3 .slide1 .content .inner h1 {font-size:60px; line-height:60px;} #section3 .slide4 .content .inner .split .left {flex:1 1 100%; padding:0;} #section3 .slide4 .content .inner .split .right {flex:1 1 100%; padding:40px 0 0 0;} #section3 .slide4 .content .inner .split .right .cols .col {flex:1 1 100%; padding:0;} #section3 .slide4 .content .inner .split .right .cols .col:last-child {padding:40px 0 0 0;} #section4 .introslide .content .title .red {width:85%;} #section4 .introslide .content .title .red h1 {font-size:60px; line-height:60px;} #section4 .slide1 .content .inner .split .left {flex:1 1 100%;} #section4 .slide1 .content .inner .split .center {flex:1 1 100%; padding:0;} #section4 .slide1 .content .inner .split .right {flex:1 1 100%; padding:0;} #section4 .slide2 .content .inner .split .left {flex:1 1 100%; padding:0;} #section4 .slide2 .content .inner .split .left .text h1 {font-size:60px; line-height:60px;} #section4 .slide2 .content .inner .split .right {flex:1 1 100%; padding:0;} #section4 .slide3 .content .inner h1 {font-size:60px; line-height:60px;} #section4 .slide3 .content .inner .split .left {flex:1 1 100%; padding:0;} #section4 .slide3 .content .inner .split .right {flex:1 1 100%; padding:0;} #section4 .slide4 .content .inner h1 {font-size:60px; line-height:60px;} #section4 .slide4 .content .inner .split .right .interns .intern {flex:0 1 50%; margin:0;} #section5 .introslide .content .title .red h1 {font-size:60px; line-height:60px;} #section5 .slide1 .content h1 {font-size:60px; line-height:60px;} #section5 .slide1 .content .cols .col {flex:1 1 100%;} #section5 .slide2 .content .cols .col {flex:1 1 100%;} #section5 .slide3 .content h1 {font-size:60px; line-height:60px;} #section5 .slide3 .content .cols .col {flex:1 1 100%;} #section5 .slide4 .content h1 {font-size:60px; line-height:60px;} #section5 .slide4 .content .cols .col {flex:1 1 100%;} #section5 .slide4 .content .cols .col.logo {text-align:left; padding-top:20px;} } /* Miscellaneous */ .sectionDownArrow {margin-left:-75px;} .sectionDownArrow .bg {border-width:0 75px 75px 75px;} .sectionDownArrow .inner {width:150px; height:75px;} .sectionDownArrow .inner span {height:18px; bottom:25px; background:url(../images/2017/site-icons.png) -21px -68px no-repeat !important;} .section.alt .sectionDownArrow .inner span {height:18px; background:url(../images/2017/site-icons.png) -21px -68px no-repeat !important;} .fp-controlArrow.fp-next {width:75px; height:150px;} .fp-controlArrow.fp-next > div {width:75px; height:150px;} .fp-controlArrow.fp-next span {top:64px; right:25px; background:url(../images/2017/site-icons.png) -23px -87px no-repeat;} .fp-controlArrow.fp-next:hover span {right:15px;} .fp-controlArrow.fp-next .whitebg {border-width:75px 75px 75px 0;} .fp-controlArrow.fp-prev {width:75px; height:150px;} .fp-controlArrow.fp-prev > div {width:75px; height:150px;} .fp-controlArrow.fp-prev span {top:64px; left:25px; background:url(../images/2017/site-icons.png) 0 -87px no-repeat;} .fp-controlArrow.fp-prev:hover span {left:15px;} .fp-controlArrow.fp-prev .whitebg {border-width:75px 0 75px 75px;} /* Responsive Styling */ @media(max-width:1040px) { /* Impact Report */ #section0 .corner img {bottom:4%;} /* Who We Are */ #section2 .slide.innerPanel .panelInfo .container {text-align:left !important;} #section2 .innerPanel .container .inner {padding:20% 5% 0 5%;} /* Yulista Milestones */ #section6 .innerPanel.slide2 .innerContent {margin:0 7%;} #section6 .innerPanel.slide3 .innerContent .info {padding:15% 0 120px 0;} #section6 .innerPanel.slide4 .innerContent .info .right .inner .text .top {font-size:80px; line-height:80px;} /* Who We Support */ #section4 .innerPanel.slide2 .innerContent {margin:0 12%;} #section4 .innerPanel.slide2 .innerContent .info h3 {font-size:60px;} #section4 .innerPanel.slide3 .innerContent .info .text {max-width:100%;} /* How We Support */ #section5 .innerPanel.slide2 .innerContent .info .white .inner {margin:0 12%;} #section5 .innerPanel.slide2 .innerContent .info .red .inner {margin:0 12% 0 10%;} #section5 .innerPanel.slide5 .innerContent {margin:0 10%;} #section5 .innerPanel.slide6 .innerContent .info .text {width:100%; float:none;} #section5 .innerPanel.slide6 .innerContent .info .images {width:100%; float:none;} #section5 .innerPanel.slide7 .innerContent .info {padding-top:120px;} #section5 .innerPanel.slide7 .innerContent .info .left {width:100%; float:none;} #section5 .innerPanel.slide7 .innerContent .info .right {width:100%; float:none;} #section5 .innerPanel.slide8 .innerContent {margin:0 12%;} #section5 .innerPanel.slide8 .innerContent .info .text {width:100%; float:none;} #section5 .innerPanel.slide8 .innerContent .info .text .inner {padding:0 0 20px 0;} #section5 .innerPanel.slide8 .innerContent .info .people {width:100%; float:none;} /* Our Culture */ #section3 .innerPanel.slide3 .innerContent .info .desc.left {width:100%; float:none;} #section3 .innerPanel.slide3 .innerContent .info .desc.right {width:100%; float:none;} #section3 .innerPanel.slide3 .innerContent .info span.big {font-size:150px; line-height:150px;} #section3 .innerPanel.slide4 .innerContent {margin:0 12%;} /* Looking Forward */ #section7 .innerPanel.slide2 .innerContent {margin:0 12%;} #section7 .innerPanel.slide2 .innerContent .info {padding:15% 0 0 0;} #section7 .innerPanel.slide2 .innerContent .info h3 {min-width:124px;} #section7 .innerPanel.slide2 .innerContent .info .table .row .cell {padding-right:20px;} #section7 .innerPanel.slide2 .innerContent .info .table .row .cell.red {font-size:60px;} /* Our Greatest Asset */ #section8 .innerPanel.slide2 .innerContent {margin:0 10%;} #section8 .innerPanel.slide2 .innerContent .info {padding:15% 0 80px 0;} } @media(max-width:1000px) { .fp-controlArrow.fp-prev {width:45px;} .fp-controlArrow.fp-prev > div {width:45px;} .fp-controlArrow.fp-prev .whitebg {left:-30px;} .fp-controlArrow.fp-prev span {left:10px;} .fp-controlArrow.fp-next {width:45px;} .fp-controlArrow.fp-next .whitebg {left:0;} .fp-controlArrow.fp-next span {left:15px; right:auto;} .sectionDownArrow .bg {bottom:-30px;} .sectionDownArrow .inner {height:45px;} .sectionDownArrow .inner span {bottom:10px;} /* Impact Report */ #section0 .sectionDownArrow .inner span {margin-left:-11px;} /* Letter From The CEO */ #section1 .content .info h1 {padding-bottom:0; font-size:36px;} /* Who We Are */ #section2 .innerPanel .container .inner {padding:22% 5% 0 5%;} #section2 .innerPanel .container .inner h1 {font-size:36px;} #section2 .innerPanel.slide1 .container .services {padding-bottom:80px;} #section2 .innerPanel.slide1 .container .services .service {width:50%; padding:50px 0 0 0;} #section2 .innerPanel.slide1 .container .services .service:nth-child(2n+1) {clear:left;} #section2 .innerPanel.slide1 .container .services .service:nth-child(3n+1) {clear:none;} #section2 .innerPanel.slide1 .container .services .service p {padding:0; text-align:left;} #section2 .innerPanel.slide1 .container .services .service h2 {padding:20px 0 0 0;} #section2 .innerPanel.slide1 .container .services .service img {max-width:100%; padding:10px 0 0 0;} #section2 .innerPanel.slide5 .innerContent .info .desc.left {width:100%; float:none;} #section2 .innerPanel.slide5 .innerContent .info .desc.right {width:100%; float:none;} /* Yulista Milestones */ #section6 .innerPanel.slide2 .innerContent .info {padding:20% 0 120px 0;} #section6 .innerPanel.slide2 .innerContent .info h1, #section6 .innerPanel.slide5 .innerContent .info h1 {font-size:36px;} #section6 .innerPanel.slide2 .innerContent .info h2 {text-align:left;} #section6 .innerPanel.slide2 .innerContent .info .milestones {display:block;} #section6 .innerPanel.slide2 .innerContent .info .milestones .milestone {width:100%; display:block;} #section6 .innerPanel.slide2 .innerContent .info .milestones .milestone .line {display:none;} #section6 .innerPanel.slide3 .innerContent .info {padding:20% 0 160px 0;} #section6 .innerPanel.slide3 .innerContent .info .left {width:100%; float:none;} #section6 .innerPanel.slide3 .innerContent .info .right {width:100%; float:none;} #section6 .innerPanel.slide4 .innerContent .info {padding:20% 0 160px 0;} #section6 .innerPanel.slide4 .innerContent .info h1 {font-size:36px;} #section6 .innerPanel.slide4 .innerContent .info h2 {padding-top:20px;} #section6 .innerPanel.slide4 .innerContent .info .left {width:100%; float:none;} #section6 .innerPanel.slide4 .innerContent .info .left .inner {padding:0;} #section6 .innerPanel.slide4 .innerContent .info .right {width:100%; float:none;} #section6 .innerPanel.slide4 .innerContent .info .right .inner {padding:0;} /* Who We Support */ #section4 .innerPanel.slide2 .innerContent .info {padding:15% 0 80px 0;} #section4 .innerPanel.slide2 .innerContent .info h1 {font-size:36px;} #section4 .innerPanel.slide2 .innerContent .info h2 {text-align:left;} #section4 .innerPanel.slide2 .innerContent .info h3 {font-size:50px; line-height:50px; text-align:left;} #section4 .innerPanel.slide2 .innerContent .info .customers {width:100%; float:none;} #section4 .innerPanel.slide2 .innerContent .info .image {width:100%; float:none;} #section4 .innerPanel.slide2 .innerContent .info .text {width:100%; float:none;} #section4 .innerPanel.slide2 .innerContent .info .sectors {width:100%; float:none;} #section4 .innerPanel.slide3 .innerContent .info h1 {font-size:36px;} #section4 .innerPanel.slide4 .innerContent .info h1 {font-size:36px;} #section4 .innerPanel.slide4 .innerContent .info .graphics h2 {text-align:left;} #section4 .innerPanel.slide4 .innerContent .info .graphics h3 {font-size:32px;} /* How We Support */ #section5 .innerPanel.slide2 .innerContent .info h1 {font-size:36px;} #section5 .innerPanel.slide2 .innerContent .info h2 {font-size:26px; text-align:left;} #section5 .innerPanel.slide2 .innerContent .info .white {min-height:auto; height:auto; width:100%; padding:0 0 40px 0; float:none;} #section5 .innerPanel.slide2 .innerContent .info .white .inner {margin:0 12%; padding:15% 0 0 0;} #section5 .innerPanel.slide2 .innerContent .info .red {min-height:auto; height:auto; width:100%; padding:40px 0 120px 0; float:none;} #section5 .innerPanel.slide2 .innerContent .info .red .inner {margin:0 12%; padding:0;} #section5 .innerPanel.slide3 .innerContent .info {padding:20% 0 80px 0;} #section5 .innerPanel.slide3 .innerContent .info .inner h1 {font-size:36px;} #section5 .innerPanel.slide4 .innerContent .info {padding:20% 0 80px 0;} #section5 .innerPanel.slide4 .innerContent .info h1 {font-size:36px;} #section5 .innerPanel.slide4 .innerContent .info h2 {font-size:34px; line-height:34px;} #section5 .innerPanel.slide4 .innerContent .info .left {width:100%; float:none;} #section5 .innerPanel.slide4 .innerContent .info .left .inner {padding-right:0;} #section5 .innerPanel.slide4 .innerContent .info .right {width:100%; float:none;} #section5 .innerPanel.slide4 .innerContent .info .right .inner {padding-right:0;} #section5 .innerPanel.slide5 .innerContent .info {padding:20% 0 80px 0;} #section5 .innerPanel.slide5 .innerContent .info h2 {text-align:left;} #section5 .innerPanel.slide5 .innerContent .info .text {width:100%; float:none;} #section5 .innerPanel.slide5 .innerContent .info .text .inner {padding:0;} #section5 .innerPanel.slide5 .innerContent .info .images {width:100%; float:none;} #section5 .innerPanel.slide6 .innerContent .info {padding:20% 0 80px 0;} #section5 .innerPanel.slide6 .innerContent .info h2 {font-size:34px;} #section5 .innerPanel.slide6 .innerContent .info .text .inner {padding:0;} #section5 .innerPanel.slide6 .innerContent .info .text .inner .table {padding-top:0;} #section5 .innerPanel.slide6 .innerContent .info .text .inner .table .row .cell .red {font-size:24px; line-height:24px;} #section5 .innerPanel.slide6 .innerContent .info .text .inner .table .row .cell .black {font-size:22px; line-height:22px;} #section5 .innerPanel.slide7 .innerContent .info {padding-top:20%;} #section5 .innerPanel.slide7 .innerContent .info h1 {font-size:36px;} #section5 .innerPanel.slide7 .innerContent .info .left .inner {padding:0;} #section5 .innerPanel.slide7 .innerContent .info .right {padding:30px 0 120px 0;} #section5 .innerPanel.slide8 .innerContent .info {padding:20% 0 80px 0;} #section5 .innerPanel.slide8 .innerContent .info h1 {font-size:36px;} #section5 .innerPanel.slide8 .innerContent .info .people .inner .interns .intern:last-child {clear:initial;} /* Our Culture */ #section3 .innerPanel.slide2 .innerContent .info h1 {font-size:36px;} #section3 .innerPanel.slide3 .innerContent .info h1 {font-size:36px;} #section3 .innerPanel.slide3 .innerContent .info .desc.right {margin-top:20px; padding-bottom:80px;} #section3 .innerPanel.slide4 .innerContent .info h1 {font-size:36px;} #section3 .innerPanel.slide4 .innerContent .info .desc.left {width:100%; margin-top:20px; float:none;} #section3 .innerPanel.slide4 .innerContent .info .desc.right {width:100%; margin-top:20px; float:none;} #section3 .innerPanel.slide5 .innerContent .info {padding:20% 0 80px 0;} #section3 .innerPanel.slide5 .innerContent .info h1 {font-size:36px;} #section3 .innerPanel.slide5 .innerContent .info h2 {font-size:34px; line-height:34px;} #section3 .innerPanel.slide5 .innerContent .info .left {width:100%; float:none;} #section3 .innerPanel.slide5 .innerContent .info .left .inner {padding-right:0;} #section3 .innerPanel.slide5 .innerContent .info .right {width:100%; float:none;} #section3 .innerPanel.slide5 .innerContent .info .right .inner {padding-right:0;} /* Looking Forward */ #section7 .innerPanel.slide2 .innerContent .info {padding:20% 0 0 0;} #section7 .innerPanel.slide2 .innerContent .info h1 {font-size:36px; line-height:32px;} #section7 .innerPanel.slide2 .innerContent .info h2 {font-size:32px; line-height:32px;} #section7 .innerPanel.slide2 .innerContent .info .wrapper .insert {width:100%; float:none;} #section7 .innerPanel.slide2 .innerContent .info .table {padding:0 0 20px 0; display:block;} /*#section7 .innerPanel.slide2 .innerContent .info .insert:nth-child(2) .table .row:first-child {display:none;}*/ /* Our Greatest Asset */ #section8 .introslide .content .info {max-width:420px;} #section8 .innerPanel.slide2 .innerContent .info {padding:20% 0 80px 0;} #section8 .innerPanel.slide2 .innerContent .info h1 {font-size:36px;} #section8 .innerPanel.slide2 .innerContent .info .left {width:100%; float:none;} #section8 .innerPanel.slide2 .innerContent .info .left .inner {padding:0;} #section8 .innerPanel.slide2 .innerContent .info .right {width:100%; padding-top:30px; float:none;} #section8 .innerPanel.slide2 .innerContent .info .right .inner {padding:0;} } @media(max-width:760px) { .dots {right:30px;} /* Impact Report */ #section0 .corner.active {width:50%;} #section0 .content h1 {font-size:120px; line-height:120px; padding-top:0;} #section0 .content h2 {font-size:80px; line-height:80px;} /* Letter From The CEO */ #section1 .content .info {width:auto;} #section1 .content .info h1 {font-size:30px;} #section1 .content .info .desc.left {width:100%; float:none;} #section1 .content .info .desc.right {width:100%; float:none;} #section1 .content .info .desc.right p:first-child {display:none;} /* Who We Are */ #section2 .content .info {width:auto; padding:0 10% !important;} #section2 .content .info h1 {font-size:60px; line-height:60px;} #section2 .innerPanel .container .inner {padding:20% 10% 0 10%;} #section2 .innerPanel .container .left {width:100%; height:auto; padding:0; float:none; display:block;} #section2 .innerPanel .container .right {width:100%; height:auto; padding:0; float:none; display:block;} #section2 .innerPanel .container .right .inner {width:100%; height:auto; padding:40px 0; float:none; display:block;} #section2 .innerPanel.slide1 .container .services {padding-top:20%; padding-bottom:120px;} #section2 .innerPanel.slide1 .container .services .s-container {padding:0 12%;} #section2 .innerPanel.slide1 .container .services .s-container .service {width:100%; padding:10px 0 0 0; float:none; display:block;} #section2 .innerPanel.slide1 .container .services .s-container .service .inner {padding:0;} #section2 .innerPanel.slide2 .innerContent .info h1 {font-size:30px;} /* Yulista Milestones */ #section6 .introslide .content .info {width:auto; padding:0 10% !important; text-align:left;} #section6 .introslide .content .info h1 {font-size:60px; line-height:60px;} #section6 .innerPanel.slide2 .innerContent .info h1 {font-size:30px; line-height:30px;} #section6 .innerPanel.slide3 .innerContent .info h3 span {padding-top:10px; display:block;} #section6 .innerPanel.slide4 .innerContent .info .right .inner .text .top {font-size:74px; line-height:74px;} #section6 .innerPanel.slide4 .innerContent .info .right .inner .text .bottom {padding-bottom:20px; font-size:42px; line-height:42px;} #section6 .innerPanel.slide5 .innerContent .info .right .inner .text .top {font-size:50px; line-height:1;} #section6 .innerPanel.slide5 .innerContent .info .right .inner .text .top span {font-size:24px;} #section6 .innerPanel.slide5 .innerContent .info .right .inner .text .bottom {font-size:40px; padding-top:10px;} /* Who We Support */ #section4 .introslide .content .info {width:auto; padding:0 10% !important; text-align:left;} #section4 .introslide .content .info h1 {font-size:60px; line-height:60px;} #section4 .innerPanel.slide2 .innerContent .info {padding-top:20%;} #section4 .innerPanel.slide2 .innerContent .info h1 {font-size:30px;} #section4 .innerPanel.slide2 .innerContent .info h3 {font-size:30px; line-height:30px;} #section4 .innerPanel.slide3 .innerContent .info {padding-top:20%;} #section4 .innerPanel.slide3 .innerContent .info h1 {font-size:30px;} #section4 .innerPanel.slide4 .innerContent .info {padding-top:20%;} #section4 .innerPanel.slide4 .innerContent .info h1 {font-size:30px;} #section4 .innerPanel.slide4 .innerContent .info .graphics h3 {font-size:36px;} #section4 .innerPanel.slide4 .innerContent .info .graphics .model {width:100%; float:none; display:block;} #section4 .innerPanel.slide4 .innerContent .info .graphics .year {width:100%; padding:20px 0 0 0; float:none; display:block;} /* How We Support */ #section5 .introslide .content .info {width:auto; padding:0 10% !important; text-align:left;} #section5 .introslide .content .info h1 {font-size:60px; line-height:60px;} #section5 .innerPanel.slide2 .innerContent .info h1 {font-size:30px; line-height:30px;} #section5 .innerPanel.slide3 .innerContent {margin:0 12%} #section5 .innerPanel.slide3 .innerContent .info h1 {font-size:30px;} #section5 .innerPanel.slide3 .innerContent .info .inner h1 {font-size:30px;} #section5 .innerPanel.slide3 .innerContent .info .inner {padding:0;} #section5 .innerPanel.slide3 .innerContent .info .left {width:100%; float:none; display:block;} #section5 .innerPanel.slide3 .innerContent .info .right {width:100%; float:none; display:block;} #section5 .innerPanel.slide4 .innerContent .info h1 {font-size:30px; line-height:30px;} #section5 .innerPanel.slide4 .innerContent .info .left .inner ul {column-count:1;} #section5 .innerPanel.slide5 .innerContent .info h2 {font-size:30px; line-height:30px;} #section5 .innerPanel.slide6 .innerContent .info h1 {font-size:36px;} #section5 .innerPanel.slide6 .innerContent .info h2 {font-size:24px;} #section5 .innerPanel.slide6 .innerContent .info .text .inner .table .row .cell {font-size:28px;} #section5 .innerPanel.slide6 .innerContent .info .text .inner .table .row .cell img {max-width:50px;} #section5 .innerPanel.slide6 .innerContent .info .text .inner .table .row .cell .red {font-size:20px; line-height:20px;} #section5 .innerPanel.slide6 .innerContent .info .text .inner .table .row .cell .black {font-size:18px; line-height:18px;} #section5 .innerPanel.slide7 .innerContent {margin:0 12%;} #section5 .innerPanel.slide7 .innerContent .info h3 {float:none;} #section5 .innerPanel.slide7 .innerContent .info .right {padding:0;} #section5 .innerPanel.slide7 .innerContent .info .right h2 {float:none;} #section5 .innerPanel.slide7 .innerContent .info .left .inner .items .item {width:33.3%;} #section5 .innerPanel.slide7 .innerContent .info .left .inner .items .item:nth-child(4n+1) {clear:initial;} #section5 .innerPanel.slide7 .innerContent .info .left .inner .items .item:nth-child(3n+1) {clear:left;} #section5 .innerPanel.slide8 .innerContent .info h1 {font-size:30px; line-height:30px;} #section5 .innerPanel.slide8 .innerContent .info .people .inner .interns .intern {width:50%;} /* Our Culture */ #section3 .content .info {width:auto; padding:0 10% !important; text-align:left;} #section3 .content .info h1 {font-size:60px; line-height:60px;} #section3 .innerPanel.slide2 .innerContent .info {padding-top:20%; padding-bottom:80px;} #section3 .innerPanel.slide2 .innerContent .info h1 {font-size:30px;} #section3 .innerPanel.slide2 .innerContent .info .desc.left {width:100%; margin-top:0; float:none;} #section3 .innerPanel.slide2 .innerContent .info .desc.right {width:100%; margin-top:20px; float:none;} #section3 .innerPanel.slide3 .innerContent .info {padding-top:20%; padding-bottom:80px;} #section3 .innerPanel.slide3 .innerContent .info h1 {font-size:30px;} #section3 .innerPanel.slide2 .innerContent .info .desc.right h1 {display:none;} #section3 .innerPanel.slide3 .innerContent .info span.big {font-size:80px; line-height:80px;} #section3 .innerPanel.slide3 .innerContent .info .desc.left {margin-top:0;} #section3 .innerPanel.slide3 .innerContent .info .desc.right {margin-top:0;} #section3 .innerPanel.slide3 .innerContent .info .images {display:block;} #section3 .innerPanel.slide3 .innerContent .info .images .image {width:100%; display:block;} #section3 .innerPanel.slide4 .innerContent .info h1 {font-size:30px;} #section3 .innerPanel.slide4 .innerContent .info .desc.left {margin-top:0;} #section3 .innerPanel.slide4 .innerContent .info .desc.right {margin-top:0;} #section3 .innerPanel.slide4 .innerContent .info .desc.right .box .inner .big {font-size:78px; line-height:78px;} #section3 .innerPanel.slide4 .innerContent .info .desc.right .box .inner .small {font-size:30px; line-height:30px;} #section3 .innerPanel.slide5 .innerContent .info h1 {font-size:30px; line-height:30px;} #section3 .innerPanel.slide5 .innerContent .info .left .inner ul {column-count:1;} /* Looking Forward */ #section7 .introslide .content .info {width:auto; padding:0 10% !important; text-align:left;} #section7 .introslide .content .info h1 {font-size:60px; line-height:60px;} #section7 .innerPanel.slide2 .innerContent .info h1 {font-size:30px; line-height:30px;} #section7 .innerPanel.slide2 .innerContent .info h2 {padding-bottom:20px; font-size:24px; line-height:24px;} #section7 .innerPanel.slide2 .innerContent .info .table {display:block;} #section7 .innerPanel.slide2 .innerContent .info .table .row {display:block;} #section7 .innerPanel.slide2 .innerContent .info .table .row .cell {display:block;} #section7 .innerPanel.slide3 .innerContent .info h1 {font-size:32px; line-height:32px;} #section7 .innerPanel.slide3 .innerContent .info h2 {font-size:32px; line-height:32px;} /* Our Greatest Asset */ #section8 .introslide .content .info {width:auto; margin:0 auto; padding:0 10% !important; text-align:left;} #section8 .introslide .content .info h1 {font-size:60px; line-height:60px;} #section8 .innerPanel.slide2 .innerContent .info h1 {font-size:30px; line-height:30px;} #section8 .innerPanel.slide2 .innerContent .info .table .row .cell {padding:3px 0;} } @media(max-width:400px) { /* How We Support */ #section5 .innerPanel.slide8 .innerContent .info .people .inner .interns .intern {width:100%;} #section5 .innerPanel.slide8 .innerContent .info .people .inner .interns .intern .wrapper {padding:0;} }