@charset "UTF-8";
/* CSS Document */

article, aside, figure, footer, header, hgroup, menu, nav, section { 
    display: block; 
}

* { 
	margin: 0; 
	padding: 0; 
}

html, body {
	width:100%;
}

html {
    -webkit-text-size-adjust: none;
}

a, img {
    border:none;
    outline:0px;
}

p {
    font: 500 1.6vw/1.4em proxima-nova,Arial,sans-serif;
    color:#000;
}

h1 {
    font: 700 4.2vw/1em proxima-nova,Arial,sans-serif;
}

h2 {
    font: 800 3.4vw/1em proxima-nova,Arial,sans-serif;
}

h3 {
    font: 700 2.2vw/1.1em proxima-nova,Arial,sans-serif;
}

h4 {
    font: 700 2.1vw/1em proxima-nova,Arial,sans-serif;
}

h5 {
    font: 700 1.8vw/1em proxima-nova,Arial,sans-serif;
}

video:focus {
    outline: none;
}

.mobile {
    display:none!important;
}

.desktop {
    display:block!important; 
}

.smallp {
    font: 500 1.3vw/1.4em proxima-nova,Arial,sans-serif;
    color: #000;
}

.subTxt {
    font: 800 2.3vw/1em proxima-nova,Arial,sans-serif;
    text-transform:none;
    color:#5d99b0;
}

.contentContainer {
    overflow:hidden;
}

.contentSection {
    position:relative;
    float:left;
    clear:both;
    width:100%;
}

.section-one {
    z-index:2;
    height:100vh;
    overflow:hidden;
}

.section-one .connectInfo {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: right;
}

.section-one .connectInfo > strong {
    position: absolute;
    width: 100%;
    right: 0;
    font: 700 1.7vw/1em proxima-nova,Arial,sans-serif;
    color: #fff;
    padding: 0.6vw 2.5vw;
    display: inline-block;
    background: rgb(30,53,63);
    background: linear-gradient(54deg, rgba(30,53,63,1) 0%, rgba(93,153,176,1) 100%);
}

.section-one .connectInfo .socialWrapper {
    margin-right:2.5vw;
    margin-top: 2vw;
}

.section-one .connectInfo .socialIcon img {
    float: right;
    width: 2vw;
    margin-left: 1.8vw;
}

.section-one .connectInfo .socialIcon img:hover {
    transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    opacity:.5;
}

.section-one .connectInfo .url {
    text-decoration: none;
}

.section-one .connectInfo .url p {
    font-weight:bold;
    color:#489bb2!important; 
    transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}

.section-one .connectInfo .url p:hover {
    color:#bdd15c!important;
}

.section-one .logoWrapper {
    position: relative;
    float: left;
    z-index: 0;
    width: 34vw;
    margin: 4vw 0 0 2vw;
}

.section-one h1 {
    position: absolute;
    z-index: 3;
    right: 6vw;
    bottom: 4vw;
    color: #d3df68;
    text-align: right;
    text-transform: uppercase;
}

.section-one h1 strong {
    color:#fff;
    font-weight:800;
}

.section-one h1 p {
    color: #489bb2;
    text-transform: none;
    font-weight: bold;
}

.section-one .swoosh1 {
    position: absolute;
    z-index: 1;
    width: 78vw;
    bottom: 0;
    right: 0;
    pointer-events: none;
}

.section-one .ring1 {
    position: absolute;
    z-index: 2;
    bottom: 11vw;
    left: 49vw;
    width: 40vw;
    pointer-events:none;
}

.section-one .ring1img {
    position: absolute;
    z-index: 3;
    bottom: 17vw;
    left: 55vw;
    width: 28vw;
    pointer-events:none;
}

.section-one .scroll {
    position: absolute;
    z-index: 2;
    bottom: 3vw;
    left: 6vw;
    font-weight: bold;
    color: #489bb2;
}

.section-one .scroll img {
    position: relative;
    width: 1.4vw;
    margin-left: 0.5vw;
}

.section-two {
    background:#fff;
}

.section-two .title {
    position:relative;
    float:left;
    z-index:1;
    width:100%;
    margin:4.5vw 0 0 0;
}

.section-two h2 {
    position:relative;
    float:left;
    z-index:1;
    width:100%;
    text-align:center;
    color:#d3df68;
}

.section-two .greenLeft {
    position: absolute;
    top: 0.8vw;
    left: 1.8vw;
    width: 24vw;
}

.section-two .greenRight {
    position: absolute;
    top: 0.8vw;
    right: 1.8vw;
    width: 24vw;
}

.section-two .content {
    position:relative;
    float:left;
    z-index:1;
    width:100%;
    text-align:center;
    margin:4vw 0;
    font-weight:bold;
    color:#fff;
    font: 700 1.8vw/1.2em proxima-nova,Arial,sans-serif;
}

.section-two .logos {
    position:relative;
    float:left;
    width:80vw;
    margin:-1vw 0 5vw 10vw;
}

.section-two .logosWrapper {
    position:relative;
    z-index:1;
    float:left;
    margin:0 0 0 10vw;
    width:80vw;
}

.section-two .logosWrapper .nacdLogo {
    position:relative;
    float:left;
    width:30vw;
}

.section-two .logosWrapper .acdLogo {
    position: relative;
    float: right;
    width: 30vw;
    margin-top: -1vw;
}

.section-two .arrows {
    position: absolute;
    width: 15vw;
    left: 32vw;
    top: 2vw;
}

.section-two .chain {
    position:relative;
    float:left;
    z-index:1;
    width:80vw;
    margin:5vw 0 0 10vw;
    color:#fff;
    font-weight:bold;
    text-align:center;
    padding:2vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: rgb(30,53,63);
    background: linear-gradient(54deg, rgba(30,53,63,1) 0%, rgba(93,153,176,1) 100%);
}

.section-two .vid {
    position: relative;
    display: inline-block;
    z-index:1;
    width:88vw;
    height:49.5vw;
    margin:6vw;
}

.section-two .vid .shadow {
    position:absolute;
    z-index:0;
    top:0;
    left:0;
    width:100%;
    height:99%!important; 
    -webkit-box-shadow: -1px 10px 24px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 10px 24px 0px rgba(0,0,0,0.75);
    box-shadow: -1px 10px 24px 0px rgba(0,0,0,0.75);
}

.section-two video {
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
}

.section-two .gradientBg {
    position:absolute;
    top:0;
    left:0;
    z-index:0;
    width:100%;
    height:81vh;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 27%, rgba(93,153,176,1) 77%);
}

.section-two .symbol-left {
    position: absolute;
    top: 0.5vw;
    left: 0.7vw;
    z-index: 0;
    width: 5.4vw;
}

.section-two .symbol-right {
    position: absolute;
    top: 0.5vw;
    right: 0.7vw;
    z-index: 0;
    width: 5.4vw;
}

.section-three {
    background:#bccf83;
    background: url(../images/members.jpg) no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: flex;
    align-items: center;
}

.section-three .column {
    position: relative;
    display: inline-block;
    z-index: 5;
    width: 41vw;
    padding: 0 0 0vw 54vw;
    margin: 5vw 0;
}

.section-three .column h2 {
    position: relative;
    color: #1e353e;
    text-align: center;
    font-weight: 800;
    width:100%;
    margin: 2.6vw 0;
    font: 800 4.2vw/1em proxima-nova,Arial,sans-serif;
}

.section-three .column ul {
    position: relative;
    display: inline-block;
    display: inline-block;
    list-style: none;
    width: 41vw;
}

.section-three .column ul li {
    position: relative;
    background: #fff;
    display:block!important; 
    padding: 1vw 2vw 1vw 1.6vw;
    -webkit-box-shadow: -1px 4px 2px -2px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 4px 2px -2px rgba(0,0,0,0.2);
    box-shadow: -1px 4px 2px -2px rgba(0,0,0,0.2);
    margin-bottom: 1.3vw;
}

.section-three .column ul li strong {
    font: 700 2.2vw/1em 'Titillium Web',Arial,sans-serif;
    color: #5d99b0;
    text-align: right;
    width: 4vw;
    position: relative;
    display: inline-block;
}

.section-three .column ul li span {
    position: relative;
    display: inline-block;
    font: 800 1.4vw/1.2em proxima-nova,Arial,sans-serif;
    color: #1e353e;
    text-transform: uppercase;
    top: -0.2vw;
    margin-left: 2vw;
    letter-spacing: 0.1vw!important;
}

.section-three .column ul li .number {
    position: absolute;
    font: 700 1.7vw/4.4vw proxima-nova,Arial,sans-serif;
    color: #fff;
    background: rgb(30,53,63);
    background: linear-gradient(54deg, rgba(30,53,63,1) 0%, rgba(93,153,176,1) 100%);
    width: 5vw;
    height: 100%;
    top: 0;
    right: 0;
    text-align: center;
    padding-left: 0.3vw;
}

.section-three .total {
    float:right;
    margin-top:2vw;
}

.section-three .total h2 {
    color:#2b3f8a;
}

.section-three .total span {
    position:relative;
    top: -3vw;
    font: 700 1.7vw/4vw 'Titillium Web',Arial,sans-serif;
    color:#898989;
}

.section-three .totalTxt {
    margin-top: 1.8vw!important;
}

.section-three .totalTxt a {
    color:#1e353e!important;
}

.section-four {
    z-index:0;
    background:#fff;
    margin-top: 1.4vw;
}

.section-four > h2 {
    float:left;
    color:#5d99b0;
    padding: 6vw 2vw 4vw 6vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.section-four > h2 strong {
    color:#1e353e;
    text-transform: uppercase;
    font-weight:800;
}

.section-four .contentTxt {
    float:right;
    text-align:left;
    font: 500 1.4vw/1.3em proxima-nova,Arial,sans-serif;
    padding: 4.4vw 6vw 4vw 6vw;
}

.section-four .contentTxt span {
    position: relative;
    display: inline-block;
    padding-bottom: 1vw;
    letter-spacing: 0.05vw;
}

.section-four .contentTxt a {
    color:#5d99b0!important;
    font-weight:800;
}

.section-four .contentTxt a:hover {
    color:#bdd15c!important;
}

.section-four .imgRow {
    position: relative;
    float: left;
    width: 100%;
    margin: 1vw 1vw 0.5vw 1vw;
}

.section-four .imgWrapper {
    position: relative;
    float: left;
    width: 22.25vw;
    margin: 1vw;
    overflow:hidden;
}

.section-four .imgWrapper img {
    float:left;
    width:100%;
    margin-top: -4vw;
}

.section-four .imgWrapper h4 {
    float:left;
    width:100%;
    text-align:center;
    color:#fff;
    font-weight:700;
    height: 6.4vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 700 1.6vw/0.8em proxima-nova,Arial,sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: rgb(30,53,63);
    background: linear-gradient(54deg, rgba(30,53,63,1) 0%, rgba(93,153,176,1) 100%);
}

.section-four .imgWrapper .perc {
    position: absolute;
    color: #1e353e;
    font: 800 2vw/3em proxima-nova,Arial,sans-serif;
    text-align: center;
    background: #97cdd4;
    width: 6vw;
    height: 6vw;
    bottom: 5.5vw;
    left: 50%;
    margin-left: -3vw;
    border-radius: 100vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
}

.section-five {
    background:#1e353e;
}

.section-five .affairsTeam {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 63.5vw;
}

.section-five .swoosh2 {
    position: absolute;
    z-index: 1;
    top: 20vw;
    left: 0;
    width: 80vw;
}

.section-five .superfundTxt {
    float: right;
    position: relative;
    z-index: 2;
    background: #fff;
    padding: 4vw;
    width: 51.5vw;
    margin-top: 5.5vw;
}

.section-five h2 {
    color:#2f556c;
    font: 800 4.1vw/1em proxima-nova,Arial,sans-serif;
    text-transform: uppercase;
}

.section-five .subTxt {
    position: relative;
    display: inline-block;
    top: -1.6vw;
}

.section-five .superfundTxt ul {
    list-style: none;
    position: relative;
    float: left;
    width: 105%;
}

.section-five .superfundTxt ul li {
    float: left;
    position: relative;
    width: 28vw;
    margin: 2vw 1vw 0 1.4vw;
}

.section-five .superfundTxt ul li.small {
    width:20vw;
}

.section-five .superfundTxt ul li p {
    font-weight:700;
    color:#5d99b0;
    line-height:1em;
}

.bullet {
    position: absolute;
    width: 0.7vw;
    left: -1.4vw;
}

.section-five .blueBoxes {
    position: absolute;
    top: -4vw;
    right: 2vw;
    width: 35vw;
}

.section-five .blueBoxes.boxes2 {
    top: 48vw;
}

.section-five .railContent {
    position:relative;
    float:left;
    clear:both;
    width:87vw;
    margin:6vw 0 0 6vw;
}

.section-five .railContent .railTitle {
    position:relative;
    float:left;
    clear:both;
    color:#bdd15c;
}

.section-five .railContent .subTxt {
    color:#97cdd4;
}

.section-five .railContent p {
    position: relative;
    float: left;
    clear: both;
    width: 46vw;
    color: #fff;
}

.section-five .sanders {
    position: relative;
    float: right;
    width: 37vw;
    margin-top: -6vw;
    margin-bottom: 6vw;
    box-shadow: 0px 8px 18px 6px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 8px 18px 6px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 8px 18px 6px rgba(0,0,0,0.4);
}

.section-five p a {
    color: #5d99b0!important;
    font-weight: 800;
}

.section-five p a:hover {
    color:#bdd15c!important;
}

.section-six {
    overflow: hidden; 
    min-height:122vh;
    background-color:#fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.section-six .titleInfo {
    position:relative;
    z-index:1;
    margin: 9vw 0 0 43vw;
}

.section-six .subText {
    color:#daa446;
    width:100%;
}

.section-six h2 {
    color:#898989;
}

.section-six .column {
    position: relative;
    z-index: 4;
    width: 55vw;
    margin: 6vw 0 6vw 38vw;
    height: 100%;
}

.section-six .column h3 {
    color:#2f556c;
    margin-bottom: 3vw;
    font: 800 3.2vw/1.1em proxima-nova,Arial,sans-serif;
}

.section-six .column ul {
    list-style:none;
}

.section-six .column li {
    margin-bottom:1.7vw;
    overflow:hidden;
    max-height:800px;
    transition: max-height 0.5s ease-out;
    -o-transition: max-height 0.5s ease-out;
    -moz-transition: max-height 0.5s ease-out;
    -webkit-transition: max-height 0.5s ease-out;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
}

.section-six .column li p {
    position:relative;
    z-index:0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
    padding: 5.6vw 3.1vw 3.1vw 3.1vw;
    margin-top:-3.2vw!important; 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.section-six .column li p a {
    color: #000!important;
    font-weight: 700;
    text-decoration: underline;
    transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}

.section-six .column li p a:hover {
    color:#bdd15c!important;
}

.section-six .column li:first-child p {
    display:block;
}

.section-six .column li h5 {
    position:relative;
    z-index:1;
    text-transform:uppercase;
    user-select: none;
    background:#fff;
    color:#5d99b0;
    padding: 1.2vw 2.2vw;
    cursor:pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
}

.accordionBtn {
    position: absolute;
    right: 0.58vw;
    top: 0.58vw;
    width: 3vw;
}

.accordionBtn img {
    position:absolute;
    top:0;
    left:0;
    width:100%;
}

.firstAccordion {
    height: 27.5vw!important;
}

.currAccordion {
    height:auto!important; 
}

.section-six .imgWalking {
    position:absolute;
    top:0;
    left:0;
    width:32vw;
}

.section-six .imgWalkingSquare {
    display:none;
}

.section-seven {
    background:#f1f1f1;
    z-index:3;
}

.section-seven .vid {
    position: relative;
    display: inline-block;
    z-index: 1;
    width: 80vw;
    height: 45vw;
    margin: 6vw 0 6vw 9vw;
}

.section-seven .vid .shadow {
    position:absolute;
    z-index:0;
    top:0;
    left:0;
    width:100%;
    height:99%!important; 
    -webkit-box-shadow: -1px 10px 24px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 10px 24px 0px rgba(0,0,0,0.75);
    box-shadow: -1px 10px 24px 0px rgba(0,0,0,0.75);
}

.section-seven video {
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
}

.section-seven .swoosh3 {
    position: absolute;
    z-index: 0;
    left: 0;
    top: -3vw;
    width: 58vw;
}

.section-seven .txtColumn {
    float: left;
    position: relative;
    width: 29vw;
    margin: 0 0 0 4vw;
}

.section-seven ul {
    list-style: none;
    position: relative;
    float: left;
}

.section-seven ul li {
    float: left;
    position: relative;
    width: 28vw;
    margin: 2vw 1vw 0 1.4vw;
}

.section-seven ul li p {
    color:#1e353e;
    line-height: 1em;
}

.section-seven h4 {
    color:#5d99b0;
}

.section-seven .txtColumn.column1 {
    margin: 0 0 0 5vw;
}

.section-seven .txtColumn.column3 {
    width: 20vw;
}

.section-seven .meeting {
    position: relative;
    float: left;
    width: 29vw;
    margin: 4vw 0 5vw 3vw;
}

.section-seven .meetingsWrapper {
    position:relative;
    float:left;
}

.section-seven .meetingsWrapper img {
    -webkit-box-shadow: -1px 5px 12px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: -1px 5px 12px 0px rgba(0,0,0,0.5);
    box-shadow: -1px 5px 12px 0px rgba(0,0,0,0.5);
}

.section-eight {
    z-index:1;
    padding-bottom: 6vw;
    background: rgb(47,85,108);
    background: linear-gradient(180deg, rgba(47,85,108,1) 0%, rgba(31,57,72,1) 100%);
}

.section-eight .flipTxt {
    position: absolute;
    top: 3.5vw;
    right: 0;
    width: 24.5vw;
    background: #1e353e;
    font: 700 2vw/1em proxima-nova,Arial,sans-serif;
    text-align: left;
    color: #fff;
    padding: 1vw 2vw 0.9vw 1.4vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.section-eight .flipTxt img {
    position: relative;
    width: 1.7vw;
    padding-left: 0.5vw;
}

.section-eight .swoosh4 {
    position:absolute;
    z-index:0;
    top:0;
    left:0;
    width:100%;
}

.section-eight .cardsWrapper {
    position:relative;
    display:inline-block;
    z-index:2;
    width:100%;
    text-align:center;
}

.section-eight .cardsWrapper > .smallp {
    color:#fff;
    font-weight:700;
    margin: 2.4vw 0;
}

.section-eight .unflip {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.section-eight .cardContainer { 
    position: relative;
    z-index:2;
    display: inline-block;
    width: 43vw;
    height: 46vw;
    margin: 1.2vw;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px;
}

.section-eight .card {
    position: relative;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    
    /*passes 3d perspective to children*/
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
    
    transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}

.section-eight .card > span {
    position: absolute;
    top:0;
    left:0;
    display: block;
    width: 100%;
    height: 100%;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden; /* Chrome and Safari */
    -moz-backface-visibility:hidden; /* Firefox */
    -webkit-transform:translate3d(0,0,0);
}

.section-eight .cardImage {
    position: relative;
    z-index: 0;
    width: 100%;
    top: 0;
    margin: 0;
    height: auto;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

.section-eight .cardName {
    position: absolute;
    width: 100%!important;
    float: left;
    z-index: 1;
    font: 700 2.9vw/1em proxima-nova,Arial,sans-serif;
    color: #1e353e;
    display: inline-block;
    width: auto;
    text-align: center;
    text-transform: uppercase;
    padding: 2vw 0;
    left: 0;
    bottom: 3vw;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.section-eight .card4 .cardName {
    line-height:0.8em;
}

.section-eight .cardName span {
    font: 700 1.85vw/1em proxima-nova,Arial,sans-serif;
}

.section-eight .cardName.double {
    bottom: 2vw;
}

.section-eight .cardName img {
    margin:-4px 10px 0;
    vertical-align:middle;
}

.section-eight .card .front {
    background: #fff;
    overflow:hidden;
    -webkit-box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.2);
}

.section-eight .card .front .copy {
    font: 400 1.2vw/1.6em proxima-nova,Arial,sans-serif;
    letter-spacing: 0;
    color: #000;
    text-align: left;
    padding: 0 4vw 0 6.2vw;
}

.section-eight .card.card5 .front .copy {
    padding: 0 10vw 0 6.2vw;
}

.section-eight .card.card4 .front .copy {
    letter-spacing: -0.05vw;
    padding: 0 4vw 0 5vw;
}

.section-eight .card .back {
    background: #212121;
    display:none;
    overflow:hidden;
    -webkit-box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.2);
}

.section-eight .card .back.rotated {
    background: #fff;
    display:block;
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-eight .card .back p {
    position:relative;
    display:inline-block;
    margin-left: -1vw;
    font:normal 1.3vw/1.4em proxima-nova,Arial,sans-serif;
    color:#00215b;
    text-align:center;
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none;
}

.section-eight .card .back span {
    display: inline-block;
    text-align:left;
    font: normal 1vw/1em proxima-nova,Arial,sans-serif;
    margin-top: 1vw;
    color:#00215b;
    width:100%;
}

.section-eight .card.flipped {
    -webkit-transform: translateX( -100% ) rotateY( -180deg );
    -moz-transform: translateX( -100% ) rotateY( -180deg );
    -o-transform: translateX( -100% ) rotateY( -180deg );
    transform: translateX( -100% ) rotateY( -180deg );
}

.section-eight .cardContainer3 {
    display:none!important; 
}

.section-eight .knowTitle {
    margin: 4vw 0 0 0;
}

.backBtn {
    position:absolute;
    z-index:0;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.visible {
    z-index:9;
    backface-visibility: visible!important;
    -webkit-backface-visibility: visible!important;
    -moz-backface-visibility: visible!important;
}

.section-eight .card .back ul {
    position:relative;
    z-index:1;
    display:inline-block;
    margin:2vw 4vw;
    font: 400 1.1vw/1em proxima-nova,Arial,sans-serif;
    color:#000;
    text-align:center;
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none;
}

.section-eight .card .back ul li {
    width: 100%;
    text-align: left;
    margin-bottom:1vw;
    padding-left:0;
}

.section-eight .card .back ul li a {
    font-weight:600;
    text-decoration:underline;
    color:#000;
    transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}

.section-eight .card.card1 .back ul, .section-eight .card.card2 .back ul, .section-eight .card.card4 .back ul {
    font: 400 1.3vw/1.2em proxima-nova,Arial,sans-serif!important;
    margin: 2vw 5vw;
}

.section-eight .card .back p {
    margin: 1vw 0 1vw -1vw;
}

.section-eight .card .back ul li a:hover {
    color:#5d99b0;
}

.section-eight .subText {
    font: 700 2.8vw/1em proxima-nova,Arial,sans-serif;
    color:#56ade9;
    margin-bottom:4vw;
}

.section-eight .subText img {
    width: 2.4vw;
}

.section-eight h2 {
    position: relative;
    z-index: 1;
    color: #97cdd4;
    margin: 10vw 0 0 0;
    font-weight: 700;
}

.section-eight .hexBg1 {
    position: absolute;
    z-index: 0;
    top: 3vw;
    right: 0;
    width: 24vw;
}

.section-eight .hexBg2 {
    position: absolute;
    z-index: 0;
    bottom: 9vw;
    right: 0;
    width: 80vw;
    display:none;
}

.section-eight .swoosh5 {
    position: absolute;
    bottom: -28vw;
    right: 0;
    width: 100vw;
    pointer-events: none;
}

.section-nine {
    z-index:0;
    background: url(../images/geometric-bg.jpg) no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-nine .socialContent {
    position:relative;
    background:#d8dc55;
    width:70vw;
    -webkit-box-shadow: -1px 10px 24px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: -1px 10px 24px 0px rgba(0,0,0,0.4);
    box-shadow: -1px 10px 24px 0px rgba(0,0,0,0.4);
    margin: 8vw 0;
}

.section-nine .socialContent h3 {
    position:relative;
    float:left;
    color:#2f556c;
    margin:3vw 0 0 5vw;
    font: 800 3vw/1.1em proxima-nova,Arial,sans-serif;
}

.section-nine .socialContent > h4 {
    position: relative;
    float: left;
    width: 87.5%;
    margin-top: 1vw;
    text-align: right;
    padding: 0.8vw 2vw 0.8vw 2vw;
    background: rgb(47,85,108);
    background: linear-gradient(90deg, rgba(47,85,108,0) 0%, rgba(47,85,108,1) 100%);
    color: #fff;
    font: 700 2vw/1.1em proxima-nova,Arial,sans-serif;
}

.section-nine .wrapper {
    margin-left: 4vw;
}

.section-nine .wrapper h3 {
    color:#2b3f8a;
    margin-bottom:5vw;
    text-transform: uppercase;
}

.section-nine .wrapper h3 {
    font: 700 2.8vw/0.8em proxima-nova,Arial,sans-serif;
    color:#fff;
}

.section-nine .wrapper h3 strong {
    font: 800 4.6vw/1.2em proxima-nova,Arial,sans-serif;
    color: #2b3f8a;
}

.section-nine .wrapper .socialInfo {
    position: relative;
    float: left;
    margin: 6vw 0 6vw 8vw;
}

.section-nine .wrapper .socialInfo > p {
    float: left;
    font: 700 1.4vw/1em proxima-nova,Arial,sans-serif;
    text-transform: uppercase;
    color: #2f556c;
}

.section-nine .wrapper .socialInfo > p strong {
    font: 800 2vw/1.4em proxima-nova,Arial,sans-serif;
}

.section-nine .wrapper .socialInfo > p span {
    color:#fff;
    position:relative;
    display:inline-block;
    margin-top:1vw;
}

.section-nine .wrapper .socialInfo.twitterInfo > p span {
    margin-top: 1.4vw;
}

.section-nine .wrapper .socialInfo h5 {
    float: left;
    clear: both;
    font: 800 6vw/1em proxima-nova,Arial,sans-serif;
    color: #fff;
    text-shadow: -1px 2px 3px rgba(0,0,0,0.3);
}

.section-nine .wrapper .socialInfo.twitterInfo p {
    margin-top: 0.3vw;
}

.section-nine .wrapper .socialInfo.linkedinInfo {
    margin-left:10vw;
}

.section-nine .wrapper .socialInfo.linkedinInfo p {
    margin-top: -0.7vw;
}

.section-nine .wrapper .socialInfo img {
    position: absolute;
    width: 6.5vw;
    height: auto;
    margin-top: -0.7vw;
    left: -7.5vw;
    transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
}

.scaleSocialIcon {
    transform: scale(1, 1)!important; 
    opacity:1!important; 
}

.section-nine .wrapper .socialInfo h4 {
    float: left;
    margin-left: 2vw;
    font: 600 1.3vw/1.4em proxima-nova,Arial,sans-serif;
    color: #2f556c;
    text-transform: uppercase;
}

.section-ten {
    background:#172930;
    background: url(../images/chemline.jpg) no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-ten .contentWrapper {
    position:relative;
    width:88vw;
    margin-top: -1vw;
    margin: 7vw 0;
}

.section-ten h2 {
    float: left;
    text-transform: none;
    color: #fff;
    font: 800 4.2vw/1em proxima-nova,Arial,sans-serif;
}

.section-ten h2 .subTxt {
    float: left;
    color: #4b9cd4;
    font: 800 2.25vw/1.4em proxima-nova,Arial,sans-serif;
}

.section-ten .contentWrapper > p {
    float:left;
    margin:3vw 0;
    width:64vw;
    color:#fff;
}

.section-ten .contentWrapper .banner {
    position: relative;
    float: right;
    width: 20vw;
    margin-top: -7vw;
    -webkit-box-shadow: -1px 10px 24px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: -1px 10px 24px 0px rgba(0,0,0,0.4);
    box-shadow: -1px 10px 24px 0px rgba(0,0,0,0.4);
}

.section-ten .txtColumn {
    float: left;
    position: relative;
}

.columnWrapper {
    float:left;
    margin-top: 5vh;
}

.section-ten ul {
    list-style: none;
    position: relative;
    float: left;
}

.section-ten ul li {
    float: left;
    clear: both;
    position: relative;
    margin: 1.1vw 1vw 0 3vw;
}

.section-ten ul li p {
    color: #ced752;
    line-height: 1em;
    font-weight: 700;
}

.section-ten h4 {
    color:#fff;
}

.section-ten .bullet {
    position: absolute;
    width: 0.7vw;
    left: -2.9vw;
    top: 0.1vw;
}

.section-ten .column2 {
    margin-left: 2.6vw;
}

.section-eleven {
    background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 22%, rgba(89,147,169,1) 100%);
}

.section-eleven h2 {
    color:#2f556c;
}

.section-eleven h2.subTxt {
    color:#5d99b0;
}

.section-eleven .txtColumn {
    float: left;
    position: relative;
    width: 60vw;
    margin-top: 1vw;
}

.section-eleven .txtColumn.column2 {
    width: 56vw;
    padding-left: 4vw;
}

.columnWrapper {
    float:left;
    margin-top: 5vh;
}

.section-eleven ul {
    list-style: none;
    position: relative;
    float: left;
}

.section-eleven ul li {
    float: left;
    clear: both;
    position: relative;
    margin: 1.1vw 1vw 0 3vw;
}

.section-eleven ul li p {
    color: #000;
    line-height: 1.2em;
}

.section-eleven h4 {
    color:#fff;
}

.section-eleven .bullet {
    position: absolute;
    width: 0.7vw;
    left: -2.9vw;
    top: 0.19vw;
}

.section-eleven h2 {
    text-transform: uppercase;
}

.section-eleven .subTxt {
    font-weight:700;
    text-transform:none;
}

.section-eleven .contentWrapper {
    position: relative;
    width: 88vw;
    margin: 4vw 0 0 4.3vw;
}

.section-eleven .responsibleLogo {
    position: relative;
    float: right;
    width: 27vw;
    margin: -6vw -3vw 0 0;
}

.section-eleven .achievements {
    float: left;
    background: #fff;
    margin-top: 4vw;
    margin-bottom: 4vw;
    width: 90vw;
    -webkit-box-shadow: -1px 10px 24px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: -1px 10px 24px 0px rgba(0,0,0,0.4);
    box-shadow: -1px 10px 24px 0px rgba(0,0,0,0.4);
}

.section-eleven .achievements h3 {
    position: relative;
    float: left;
    color: #fff;
    background: #d8df50;
    padding: 1vw 1vw 1vw 4vw;
    width: 66vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.section-eleven .workersReview {
    position: relative;
    float: left;
    width: 24vw;
}

.section-twelve {
    background:#1e353e;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-twelve .contentWrapper {
    position:relative;
    z-index:5;
    width:88vw;
    margin: 5vw 0;
}

.section-twelve h3 {
    float:left;
    color:#d8df50;
    font: 700 2.13vw/1.1em proxima-nova,Arial,sans-serif;
}

.section-twelve .regclear {
    position: relative;
    float: left;
    clear: both;
    width: 38vw;
    margin: 3vw 0 0 5vw;
}

.section-twelve .contentWrapper .uni {
    position: relative;
    float: left;
    clear: both;
    margin: 4vw 0 0 0;
    background: #416e82;
    -webkit-box-shadow: -1px 10px 24px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: -1px 10px 24px 0px rgba(0,0,0,0.4);
    box-shadow: -1px 10px 24px 0px rgba(0,0,0,0.4);
}

.section-twelve .contentWrapper p {
    position: relative;
    color: #fff;
    float: left;
    padding: 5vw;
    width: 39vw;
}

.section-twelve .contentWrapper p strong {
    position:relative;
    display:inline-block;
    color:#d8df50;
    margin-bottom:1vw;
    font: 700 1.8vw/1.4em proxima-nova,Arial,sans-serif;
}

.section-twelve .acdu {
    position: absolute;
    z-index:-1;
    float: right;
    height: 100%;
    -webkit-box-shadow: -1px 10px 24px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: -1px 10px 24px 0px rgba(0,0,0,0.4);
    box-shadow: -1px 10px 24px 0px rgba(0,0,0,0.4);
}

.section-twelve .glow {
    position:absolute;
    z-index:0;
    top:0;
    right:0;
    width:70vw;
}

.section-twelve .boxes {
    position: absolute;
    top: 8.3vw;
    right: 3vw;
    width: 32vw;
}

.section-thirteen {
    background:#fff;
}

.section-thirteen .contentWrapper {
    position:relative;
    z-index:2;
    width:100vw;
    margin:4vw 0 0 0;
}

.section-thirteen .emergingLeaders {
    position: relative;
    z-index:2;
    float: left;
    margin: 0 0 0 7vw;
    width: 34vw;
}

.section-thirteen .contentWrapper h3 {
    position:relative;
    z-index:2;
    float: right;
    width: 44vw;
    text-align: center;
    font: 700 2.4vw/1.1em proxima-nova,Arial,sans-serif;
    margin: 4vw 5.5vw 0 0;
    color: #5d99b0;
}

.section-thirteen .contentWrapper .callouts {
    position:relative;
    z-index:2;
    float: left;
    clear: both;
    width: 39vw;
    margin: 4vw 0 3vw 4vw;
}

.section-thirteen .contentWrapper .callouts p {
    background: #000;
    color: #fff;
    text-align: center;
    padding: 1.6vw 2.1vw;
    line-height:1em;
    color:#dae15a;
    font-weight:700;
    width:100%;
    margin: 0 0 1.8vw 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: rgb(30,53,63);
    background: linear-gradient(54deg, rgba(30,53,63,1) 0%, rgba(93,153,176,1) 100%);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
}

.section-thirteen .quoteBox {
    position:relative;
    z-index: 2;
    float:left;
    width:100vw;
    background:#fff;
    padding: 5vw 5vw 4vw 5vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.section-thirteen .emergingLeadersTeam {
    position: absolute;
    z-index: 1;
    top: 13vw;
    right: 6vw;
    width: 44vw;
}

.section-thirteen .bgGradient {
    position: absolute;
    z-index: 0;
    top:0;
    width:100%;
    height:40vw;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 22%, rgba(89,147,169,1) 100%);
}

.section-thirteen .swoosh6 {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 51vw;
}

.section-thirteen .quoteWrapper {
    position: relative;
    float: left;
    width: 38vw;
}

.section-thirteen .quoteWrapper p {
    color:#000;
}

.section-thirteen .quoteWrapper strong.name {
    float: right;
    margin-top: 1.4vw;
    line-height: 1em;
}

.section-thirteen .quoteWrapper .leftQuote {
    position: absolute;
    left: -3vw;
    width: 2vw;
    top: -1vw;
}

.section-thirteen .quoteWrapper .rightQuote {
    position: absolute;
    width: 1.1vw;
    display: inline-block;
    margin-left: 0.8vw;
}

.section-thirteen .greenBoxes {
    position: relative;
    float: left;
    width: 1.2vw;
    margin: -2vw 4vw 0 4vw;
}

.section-thirteen .quoteWrapper.quote1 {
    margin-left: 2vw;
}

.section-thirteen .quoteWrapper.quote2 {
    float:right;
}

.section-fourteen {
    background:#f1f1f1;
    display: flex;
    align-items: center;
}

.section-fourteen .contentWrapper {
    margin: 5vw 0;
}

.section-fourteen h2 {
    position:relative;
    float:left;
    width:100%;
    text-align: center;
    color:#2f556c;
    font: 800 4.1vw/1em proxima-nova,Arial,sans-serif;
    text-transform: uppercase;
    margin-top: 1vw;
}

.section-fourteen .subTxt {
    position: relative;
    display: inline-block;
    top: -1vw;
    font-weight:700;
}

.section-fourteen .webinar {
    position: relative;
    float: left;
    width: 49vw;
    margin: 2.4vw 0;
}

.section-fourteen ul {
    float:left;
    clear:both;
    list-style: none;
    position: relative;
    float: left;
}

.section-fourteen ul li {
    float: left;
    clear: both;
    position: relative;
    margin: 1vw 1vw 0 1.4vw;
}

.section-fourteen ul li p {
    color: #1e353e;
    line-height: 1em;
    padding-left: 1vw;
}

.section-fourteen h4 {
    float: left;
    clear: both;
    color: #5d99b0;
    margin: 3vw 0 0 0;
}

.section-fourteen .txtColumn {
    float: left;
    position: relative;
    margin: 4vw 0 0 7vw;
    width: 38vw;
}

.section-fifteen {
    background:#1e353e;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-fifteen .contentWrapper {
    position:relative;
    z-index:1;
    width:88vw;
    margin: 5vw 0;
}

.section-fifteen h2 {
    float: left;
    width: 100%;
    color:#fff;
    text-transform: uppercase;
}

.section-fifteen h2 span {
    color:#5d99b0;
}

.section-fifteen ul {
    list-style: none;
    position: relative;
    float: left;
}

.section-fifteen ul li {
    float: left;
    clear: both;
    position: relative;
    margin: 1.1vw 1vw 0 3vw;
}

.section-fifteen ul li p {
    color: #ced752;
    line-height: 1em;
    font-weight: 700;
}

.section-fifteen h4 {
    color:#bdd15c;
    font: 700 3vw/1em proxima-nova,Arial,sans-serif;
}

.section-fifteen h4 span {
    color:#5d99b0;
    font: 700 2vw/1em proxima-nova,Arial,sans-serif;
}

.section-fifteen .bullet {
    position: absolute;
    width: 0.7vw;
    left: -2.9vw;
    top: 0.1vw;
}

.section-fifteen .txtColumn {
    float: left;
    margin-top: 3vw;
}

.section-fifteen .txtColumn.txtColumn2 {
    float: left;
    margin-top: 3vw;
    margin-left:15vw;
}

.section-fifteen .chemedge {
    position:absolute;
    right:0;
    width:20vw;
    top:21vw;
}

.section-fifteen .event {
    width: 27.7vw;
    margin-top: 4vw;
    margin-left: 2vw;
    -webkit-box-shadow: -1px 5px 12px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: -1px 5px 12px 0px rgba(0,0,0,0.5);
    box-shadow: -1px 5px 12px 0px rgba(0,0,0,0.5);
}

.section-fifteen .event.event1 {
    margin-left:0;
}

.section-fifteen .swoosh7 {
    position:absolute;
    z-index:0;
    top:0;
    right:0;
    width:60vw;
}

.section-sixteen {
    position: relative;
    z-index: 5;
    background-color: #2f556c!important;
    padding: 11vw 7vw 4vw 7vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    background: url(../images/team.jpg) no-repeat top right; 
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.section-sixteen .subText {
    position:relative;
    z-index:3;
    width:100%;
    color: #5d99b0;
    margin-left: 0.5vw;
    font:700 2vw/1em proxima-nova,Arial,sans-serif;
    text-transform: uppercase;
}

.section-sixteen .titleWrapper {
    position: relative;
    float: left;
    padding: 1.6vw 2vw 1.4vw 7vw;
    background: #1e353e;
    margin: -6vw 0 9vw -7vw;
}

.section-sixteen h2 {
    position:relative;
    z-index:3;
    color:#fff;
    margin-left: 0.5vw;
    text-transform: uppercase;
}

.section-sixteen > h3 {
    float:left;
    width:108%;
    margin-left:-4%!important; 
    color:#5d99b0;
    margin: 8vw 0 2vw 0;
    background:#fff;
    padding:2vw 4vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight:400;
    font: 700 3.4vw/0.8em proxima-nova,Arial,sans-serif;
}

.section-sixteen > h3 span {
    float:right;
    color:#2f556c;
}

.section-sixteen > h3.expense {
    margin: 4vw 0 3vw 0;
}

.section-sixteen ul {
    position: relative;
    float: left;
    width: 46%;
    list-style: none;
    margin-top: 2vw;
}

.section-sixteen ul li {
    float:left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 3vw;
}

.section-sixteen ul.right {
    margin-left: 8%;
}

.section-sixteen ul li h3 {
    color: #bdd15c;
    float:left;
    width:21%;
    font: 800 3.4vw/1em proxima-nova,Arial,sans-serif;
}

.section-sixteen ul li h4 {
    float:left;
    width:79%;
    color: #fff;
    margin-top: 0.8vw;
    font: 700 1.8vw/1em proxima-nova,Arial,sans-serif;
}

.section-sixteen ul li h4 span {
    float:right;
    color: #bdd15c;
}

.section-sixteen ul li .slider {
    position:relative;
    float:left;
    clear:both;
    width:100%;
    margin-top: 1.5vw;
    height:14px;
    background: #1e353e;
}

.section-sixteen ul li .slider .sliderBar {
    position:absolute;
    top:0;
    left:0;
    width:50%;
    height:100%;
    background:#5d99b0;
    transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
}

.section-sixteen ul li.slider1 .sliderBar { width:46%; }

.section-sixteen ul li.slider2 .sliderBar { width:19%; }

.section-sixteen ul li.slider3 .sliderBar { width:2%; }

.section-sixteen ul li.slider4 .sliderBar { width:7%; }

.section-sixteen ul li.slider5 .sliderBar { width:6%; }

.section-sixteen ul li.slider6 .sliderBar { width:3%; }

.section-sixteen ul li.slider7 .sliderBar { width:8%; }

.section-sixteen ul li.slider8 .sliderBar { width:10%; }

.section-sixteen ul li.slider9 .sliderBar { width:16%; }

.section-sixteen ul li.slider10 .sliderBar { width:7%; }

.section-sixteen ul li.slider11 .sliderBar { width:19%; }

.section-sixteen ul li.slider12 .sliderBar { width:8%; }

.section-sixteen ul li.slider13 .sliderBar { width:17%; }

.section-sixteen ul li.slider14 .sliderBar { width:7%; }

.section-sixteen ul li.slider15 .sliderBar { width:11%; }

.section-sixteen ul li.slider16 .sliderBar { width:6%; }

.section-sixteen ul li.slider17 .sliderBar { width:9%; }

.changeSliderWidth {
    width:0!important; 
}

.changeMarkerPos {
    left:0!important; 
}

.section-seventeen {
    background:#1e3540;
    padding:4vw 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow:hidden;
}

.section-seventeen .citcoTeam {
    position: relative;
    float: left;
    width: 45vw;
}

.section-seventeen h2 {
    color:#fff;
    text-transform: uppercase;
    font: 800 4.2vw/1em proxima-nova,Arial,sans-serif;
}

.section-seventeen h2 span {
    color:#d8df50;
    font-weight:700;
}

.section-seventeen .contentWrapper {
    position:relative;
    float:left;
    margin:5vw 0 0 4vw;
}

.section-seventeen .contentWrapper h3 {
    color: #88cdd5;
    font: 800 4.2vw/0.9em proxima-nova,Arial,sans-serif;
    margin: 3vw 0 2vw 0;
}

.section-seventeen .citco {
    position: relative;
    float: left;
    margin: 2vw 0;
    width: 18vw;
}

.section-seventeen .boxes {
    position: absolute;
    right: 0;
    top: 39vw;
    z-index: 0;
    width: 48vw;
}

.section-eighteen {
    background:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-eighteen .contentWrapper {
    position:relative;
    z-index:1;
    width:88vw;
    margin:5vw 0;
}

.section-eighteen h2 {
    position:relative;
    float:left;
    width:100%;
    text-align:center;
    color:#1e353e;
    text-transform:uppercase;
}

.section-eighteen h2 .marker1 {
    position:absolute;
    top:0;
    left:0;
    width:40vw;
    height:100%;
    margin-left:-31vw;
    background:#1e353e;
}

.section-eighteen h2 .marker2 {
    position:absolute;
    top:0;
    right:0;
    width:40vw;
    height:100%;
    margin-right:-31vw;
    background:#1e353e;
}

.section-eighteen .txtColumn {
    position: relative;
    float: left;
    width: 36vw;
    margin: 5vw 0 3vw 0;
}

.section-eighteen ul {
    list-style: none;
    position: relative;
    float: left;
}

.section-eighteen ul li {
    float: left;
    position: relative;
    margin: 2vw 1vw 0 1.4vw;
}

.section-eighteen ul li p {
    color:#1e353e;
    line-height: 1em;
}

.section-eighteen h4 {
    color:#5d99b0;
}

.section-eighteen .contentColumn {
    position: relative;
    float: left;
    width: 44vw;
    margin: 3vw 0 3vw 7vw;
}

.section-eighteen .contentColumn .callout {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 1.6vw 2.1vw;
    line-height: 1.2em;
    font-weight: 700;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: rgb(30,53,63);
    background: linear-gradient(54deg, rgba(30,53,63,1) 0%, rgba(93,153,176,1) 100%);
}

.section-eighteen .contentColumn .service {
    position: relative;
    float: left;
    width: 21.5vw;
    margin-top: 1vw;
}

.section-eighteen .contentColumn .service2 {
    margin-left:1vw;
}

.section-eighteen .fossiWrapper {
    position: relative;
    float: left;
    width: 100%;
    background: #2f556c;
    padding: 1.4vw 0 1.2vw 5vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.section-eighteen .fossiWrapper .fossiLogo {
    position:relative;
    float:left;
    width:20vw;
}

.section-eighteen .fossiWrapper p {
    font: 400 1.3vw/1em proxima-nova,Arial,sans-serif;
    color: #fff;
    float: left;
    width: 55vw;
    margin-left: 5vw;
}

.section-eighteen .fossiWrapper p strong {
    position: relative;
    display: inline-block;
    margin-bottom: 0.5vw;
    margin-top: 0.3vw;
    color: #bdd15c;
    text-transform: uppercase;
}

.section-eighteen .fossiWrapper p a {
    color:#bdd15c!important; 
    font-weight:800;
}

.section-eighteen .swoosh8 {
    position:absolute;
    z-index:0;
    bottom:0;
    right:0;
    width:36vw;
}

.section-nineteen {
    padding-top: 9vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.section-nineteen h3 {
    color: #2f556c;
    text-transform: uppercase;
    font: 800 1.8vw/1em proxima-nova,Arial,sans-serif;
    margin-top: 2vw;
}

.section-nineteen .column {
    position: relative;
    z-index:1;
    float: left;
    width: 26vw;
    margin-left: 6vw;
}

.section-nineteen a {
    position:relative;
    float:left;
    font:700 1.8vw/1.3em proxima-nova,Arial,sans-serif;
    color:#fff!important; 
    background:#efb03a;
    padding:1vw 3vw;
    border-radius:100px;
    text-transform:uppercase;
    text-decoration:none!important; 
    transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}

.section-nineteen a:hover {
    background:#ecc95e;
}

.section-nineteen ul {
    position: relative;
    float: left;
    width: 100%;
    list-style: none;
    margin-top: 4vw;
}

.section-nineteen ul li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 3vw;
}

.section-nineteen .columnOne ul li {
    width:100%;
}

.section-nineteen ul li h4 {
    float: left;
    font: 700 1.6vw/1em proxima-nova,Arial,sans-serif;
    width: 100%;
    color: #5993a9;
    margin-bottom: 0.4vw;
}

.section-nineteen ul li p {
    font: 400 1.5vw/1.2em proxima-nova,Arial,sans-serif;
}

.section-nineteen .columnThree h3 {
    margin-top: 0.3vw;
}

.section-nineteen .gradientBg {
    position: absolute;
    z-index:0;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 19vw;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(89,147,169,1) 100%);
}

.section-nineteen .listBtn {
    position:relative;
    float:left;
    font:700 1.4vw/1.3em proxima-nova,Arial,sans-serif;
    color:#fff!important; 
    background:#1e353e;
    padding:1vw 3vw;
    border-radius:100vw;
    margin: 7vw 0 0 3vw;
    text-transform:uppercase;
    text-decoration:none!important; 
    transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}

.section-nineteen .listBtn:hover {
    background:#bdd15c;
}

.section-nineteen .footerLogo {
    float: right;
    clear: both;
    width: 26vw;
    margin: 4vw 8vw 7vw 0;
}

.section-nineteen .swoosh9 {
    position:absolute;
    bottom:0;
    left:0;
    width:58vw;
}


/* animations init */

.section-two .greenLeft, .section-two .logosWrapper .nacdLogo, .section-four > h2, .section-five .affairsTeam, .section-five .railContent p, .section-seven .txtColumn.column1, .section-nine .socialContent > h4, .section-ten .column1, .section-ten .column2, .section-eleven ul li, .section-twelve .regclear, .section-twelve .contentWrapper p, .section-thirteen .emergingLeaders, .section-thirteen .contentWrapper .callouts p.one, .section-thirteen .contentWrapper .callouts p.two, .section-fourteen .webinar, .section-fifteen .txtColumn.txtColumn1, .section-sixteen .titleWrapper, .section-eighteen .txtColumn, .section-nineteen .column {
    display:inline-block;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translateX(-40%);
    -moz-transform: translateX(-40%);
    -ms-transform: translateX(-40%);
    transform: translateX(-40%);
}

.this {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translateX(20%);
    -moz-transform: translateX(20%);
    -ms-transform: translateX(20%);
    transform: translateX(20%);
}

.section-two .greenRight, .section-two .logosWrapper .acdLogo, .section-three .column ul li, .section-four .contentTxt, .section-five .superfundTxt, .section-seven .txtColumn.column3, .section-eight .flipTxt, .section-twelve .acdu, .section-fifteen .txtColumn.txtColumn2, .section-fourteen .txtColumn, .section-seventeen .contentWrapper h3, .section-eighteen .contentColumn {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translateX(40%);
    -moz-transform: translateX(40%);
    -ms-transform: translateX(40%);
    transform: translateX(40%);
}

.section-one h1, .section-two .content, .section-two .arrows, .section-three .column h2, .section-four .imgRow1 .imgWrapper, .section-four .imgRow2 .imgWrapper, .section-four .imgRow3 .imgWrapper, .section-five .railContent .railTitle, .section-seven .txtColumn.column2, .section-eight h2, .section-eight .cardsWrapper > .smallp, .section-nine .socialContent h3, .section-ten h2, .section-ten .contentWrapper > p, .section-eleven h2, .section-twelve h3, .section-fourteen h2, .section-fifteen h2, .section-seventeen h2, .section-seventeen h2, .section-eighteen h2, .section-eighteen .fossiWrapper {
    display:inline-block;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translateY(40%);
    -moz-transform: translateY(40%);
    -ms-transform: translateY(40%);
    transform: translateY(40%);
}

.this {
    display:inline-block;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translateY(-40%);
    -moz-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%);
}

.section-two h2, .section-five .sanders, .section-seven .meetingsWrapper img, .twitterInfo img, .linkedinInfo img, .section-ten .contentWrapper .banner, .section-eleven .responsibleLogo, .section-thirteen .contentWrapper h3, .section-thirteen .quoteWrapper.quote1, .section-thirteen .quoteWrapper.quote2, .section-fifteen .event, .section-fifteen .chemedge, .section-seventeen .citcoTeam, .section-seventeen .citco, .section-seventeen .citco, .section-eighteen .contentColumn .service {
    opacity:0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
}

.section-nine .wrapper .socialInfo.twitterInfo h5 span, .section-nine .wrapper .socialInfo.linkedinInfo h5 span {
    opacity:0;
}


/* animations */

.moveUp {
    -webkit-transform: translateY(0%)!important;
    -moz-transform: translateY(0%)!important;
    -ms-transform: translateY(0%)!important;
    transform: translateY(0%)!important;
    opacity:1!important;    
    -webkit-transition: transform 1s ease-out, opacity 1s ease-in-out;
    -moz-transition: transform 1s ease-out, opacity 1s ease-in-out;
    transition: transform 1s ease-out, opacity 1s ease-in-out;
}

.move {
    -webkit-transform: translateX(0%)!important;
    -moz-transform: translateX(0%)!important;
    -ms-transform: translateX(0%)!important;
    transform: translateX(0%)!important;
    opacity:1!important;
    -webkit-transition: transform 1s ease-out, opacity 1s ease-out;
    -moz-transition: transform 1s ease-out, opacity 1s ease-out;
    transition: transform 1s ease-out, opacity 1s ease-out;
}

.scaleUp {
    -webkit-transform: scale(1)!important;
    -moz-transform: scale(1)!important;
    -ms-transform: scale(1)!important;
    transform: scale(1)!important;
    opacity:1!important; 
    -webkit-transition: transform 2s cubic-bezier(.87,-.41,.19,1.44), opacity 2s cubic-bezier(.87,-.41,.19,1.44);
    transition: transform 2s cubic-bezier(.87,-.41,.19,1.44), opacity 2s cubic-bezier(.87,-.41,.19,1.44);
    -ms-transition: transform 1s ease-out, opacity 1s ease-out;
}

.moveUpLarge {
    -webkit-transform: scale(1.3) translateY(0%)!important;
    -moz-transform: scale(1.3) translateY(0%)!important;
    -ms-transform: scale(1.3) translateY(0%)!important;
    transform: scale(1.3) translateY(0%)!important;
    opacity:1!important;    
    -webkit-transition: transform 1s ease-out, opacity 1s ease-in-out;
    -moz-transition: transform 1s ease-out, opacity 1s ease-in-out;
    transition: transform 1s ease-out, opacity 1s ease-in-out;
}

.reveal {
    opacity:1!important;
}

.timelyLeft {
    opacity:0!important;
    transform:translateX(-40%) rotate(-40deg)!important;
}

.timelyRight {
    opacity:0!important;
    transform: translateX(40%) rotate(40deg)!important;
}

.asterisk {
    list-style:none;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 200s linear infinite;
  -moz-animation: rotating 200s linear infinite;
  -ms-animation: rotating 200s linear infinite;
  -o-animation: rotating 200s linear infinite;
  animation: rotating 200s linear infinite;
}


/* for really wide aspect ratios desktop */

@media (min-aspect-ratio: 8/4) { 
    
    .section-one .ring1 {
        left: 36vw;
        bottom: 9vw;
    }
    
    .section-one .ring1img {
        left: 42vw;
        bottom: 15vw;
    }
    
    .section-one .swoosh1 {
        bottom: -6vw;
    }
    
    .section-one .logoWrapper {
        margin:0;
    }
    
    .section-one {
        height: 109vh;
    }
    
    .section-two .gradientBg {
        height: 130vh;
    }
    
    .section-one .scroll {
        bottom: 6vw;
    }
}

/* ipad */

@media screen and (max-width: 1024px) { 
    
    .section-one h1 {
        font: 700 7vw/1em proxima-nova,Arial,sans-serif;
    }
    
    h2 {
        font:700 6vw/1em proxima-nova,Arial,sans-serif;
    }
    
    h3 {
        font: 700 3.4vw/1.1em proxima-nova,Arial,sans-serif;
    }
    
    h4 {
        font: 700 3vw/1em proxima-nova,Arial,sans-serif;
    }
    
    h5 {
        font: 700 2.4vw/1em proxima-nova,Arial,sans-serif;
    }
    
    p {
        font: 500 2.2vw/1.6em proxima-nova,Arial,sans-serif;
    }
    
    .section-one .connectInfo .socialIcon img {
        width: 4vw;
        margin-left: 3vw;
    }
    
    .section-one .connectInfo .url p {
        line-height:1.4em;
    }
    
    .section-one .logoWrapper {
        width: 47vw;
        margin: 4vw 0 0 2vw;
    }
    
    .section-one .swoosh1 {
        width: 98vw;
    }
    
    .section-one .scroll {
        bottom: 40vw;
    }
    
    .section-one .ring1 {
        position: absolute;
        z-index: 2;
        bottom: 21vw;
        left: 32vw;
        width: 68vw;
        pointer-events: none;
    }
    
    .section-one .ring1img {
        position: absolute;
        z-index: 3;
        bottom: 31vw;
        left: 42vw;
        width: 48vw;
        pointer-events: none;
    }
    
    .section-two .gradientBg {
        height: 45vh;
    }
    
    .section-two .greenLeft, .section-two .greenRight {
        top:-3vw;
    }
    
    .section-two h2 {
        margin-top: 2vw;
    }
    
    .section-two .content {
        font: 700 2.6vw/1.2em proxima-nova,Arial,sans-serif;
    }
    
    .section-two .chain {
        width: 87vw;
        margin: 5vw 0 0 6vw;
        line-height:1.2em;
    }
    
    .section-two .symbol-left, .section-two .symbol-right {
        width:6vw;
    }
    
    .section-two .vid {
        margin: 6vw 6vw 6vw 5.5vw;
    }
    
    .section-three .column {
        padding: 0 0 0vw 37vw;
        margin: 15vw 0;
        transform: scale(1.4);
    }
    
    .section-three .totalTxt a {
        font: 500 1.8vw/1.6em proxima-nova,Arial,sans-serif;
    }
    
    .section-four .contentTxt {
        font: 500 2.5vw/1.3em proxima-nova,Arial,sans-serif;
        padding: 0vw 6vw 4vw 6vw;
        width: 86vw;
    }
    
    .section-four .imgWrapper {
        width: 46.25vw;
    }
    
    .section-four .imgWrapper h4 {
        font: 700 3vw/0.8em proxima-nova,Arial,sans-serif;
        height: 8.4vw;
    }
    
    .section-four .imgWrapper .perc {
        bottom: 13vw;
        transform: scale(1.6);
    }
    
    .smallp {
        font: 500 2.2vw/1.4em proxima-nova,Arial,sans-serif; 
    }
    
    .section-five .superfundTxt {
        width: 74vw;
    }
    
    .section-five h2 {
        font: 800 6vw/1em proxima-nova,Arial,sans-serif;
    }
    
    .section-five .blueBoxes.boxes2 {
        display:none!important; 
    }
    
    .section-five .subTxt {
        font: 800 3vw/1em proxima-nova,Arial,sans-serif;
    }
    
    .section-five .superfundTxt {
        margin-top: 32vw;
    }
    
    .section-five .affairsTeam {
        width: 115vw;
    }
    
    .section-five .swoosh2 {
        top: 51vw;
    }
    
    .section-five .superfundTxt ul li {
        width: 72vw!important; 
        margin: 2vw 1vw 0 3vw;
    }
    
    .bullet {
        width: 1.3vw;
        left: -3vw;
    }
    
    .section-five .railContent {
        margin: 6vw 0 0 9vw;
    }
    
    .section-five .railContent p {
        width: 80vw;
    }
    
    .section-five .sanders {
        width: 66vw;
        margin-top: 8vw;
        margin-bottom: 9vw;
        margin-right: 14vw;
    }
    
    .section-six .imgWalking {
        display:none!important; 
    }
    
    .section-six .imgWalkingSquare {
        float:left;
        width:90vw;
        margin:4vw 0 4vw 5vw;
        display:block;
    }
    
    .section-six .column {
        margin: 6vw 0 6vw 4vw;
        width: 90vw;
    }
    
    .section-six .column li h5 {
        padding: 2vw 2.2vw 1.8vw 2.2vw;
        font: 700 3vw/1em proxima-nova,Arial,sans-serif;
    }
    
    .accordionBtn {
        width: 5vw;
    }
    
    .section-one .connectInfo .url p {
        font: 700 3vw/1.3em proxima-nova,Arial,sans-serif;
    }
    
    .section-seven ul {
        margin-left: 1.8vw;
    }
    
    .section-seven ul li {
        width: 22vw;
    }
    
    .section-eight .cardsWrapper > .smallp {
        padding: 0 5vw;
    }
    
    .section-eight .cardsWrapper > .smallp br {
        display:none;
    }
    
    .section-eight h2 {
        font: 700 5vw/1em proxima-nova,Arial,sans-serif;
    }
    
    .section-eight .card .back ul {
        font: 400 1.3vw/1em proxima-nova,Arial,sans-serif;
    }
    
    .section-eight .card.card1 .back ul, .section-eight .card.card2 .back ul, .section-eight .card.card4 .back ul {
        font: 400 1.5vw/1.2em proxima-nova,Arial,sans-serif!important;
        margin: 2vw 5vw;
    }
    
    .section-eight .cardContainer {
        height: 57vw;
    }
    
    .section-nine .socialContent > h4 {
        font: 700 2.8vw/1.1em proxima-nova,Arial,sans-serif;
    }
    
    .section-ten .columnWrapper {
        margin-top:0;
    }
    
    .section-ten .column2 {
        margin-left: 0;
        margin-top: 4vw;
    }
    
    .section-ten .contentWrapper {
        margin: 10vw 0;
    }
    
    .bullet {
        width: 1vw!important;
        top: 0.2vw!important;
    }
    
    .section-eleven .responsibleLogo {
        margin: -6vw -1vw 0 0;
    }
    
    .section-eleven .txtColumn.column2 {
        padding-top: 2vw;
        padding-bottom: 5vw;
    }
    
    .section-eleven .workersReview {
        position:absolute;
        margin: 9vw 0 0 63vw;
    }
    
    .section-eleven .achievements {
        width: 90vw;
        margin-top: 5vw;
    }
    
    .section-eleven .achievements h3 {
        width: 100%;
    }
    
    .section-twelve .contentWrapper p {
        width: 78vw;
    }
    
    .section-twelve .contentWrapper p strong {
        font: 700 3.5vw/1.4em proxima-nova,Arial,sans-serif;
    }
    
    .section-twelve .acdu {
        position: relative;
        z-index: 1;
        float: left;
        width: 88vw;
        clear: both;
        height: auto;
    }
    
    .section-twelve h3 {
        font: 700 3vw/1.1em proxima-nova,Arial,sans-serif;
    }
    
    .section-thirteen .contentWrapper .callouts {
        margin: 4vw 0 3vw 4vw;
        width: 46vw;
    }
    
    .section-thirteen .emergingLeadersTeam {
        top: 12vw;
        right: -16vw;
        width: 64vw;
    }
    
    .section-thirteen .contentWrapper h3 {
        font: 700 2.8vw/1.1em proxima-nova,Arial,sans-serif;
    }
    
    .section-fourteen ul {
        margin-left: 2vw;
    }
    
    .section-fifteen .chemedge {
        width: 26vw;
        top: 14vw;
    }
    
    .section-fifteen .event {
        width: 88vw;
        margin-left: 0!important;
    }
    
    .section-eighteen h2 {
        font: 700 3.4vw/1em proxima-nova,Arial,sans-serif;
    }
    
    .section-eighteen ul {
        margin-left: 1.8vw;
    }
    
    .section-eighteen .contentColumn .service {
        width: 44vw!important;
        margin-left: 0!important;
    }
    
    .section-eighteen ul li p {
        line-height: 1.4em;
    }
    
    .bullet {
        top: 0.6vw!important;
    }
    
    .section-eighteen .fossiWrapper {
        padding: 4vw 0 4vw 4vw;
    }
    
    .section-eighteen .fossiWrapper p {
        font: 400 2.2vw/1.2em proxima-nova,Arial,sans-serif;
    }
    
    .section-nineteen ul li p {
        font: 400 2vw/1.2em proxima-nova,Arial,sans-serif;
    }
    
    .section-nineteen ul li h4 {
        font: 700 2vw/1em proxima-nova,Arial,sans-serif;
    }
    
    .section-nineteen .listBtn {
        font: 700 2vw/1.3em proxima-nova,Arial,sans-serif;
        margin: 7vw 0 0 0;
    }
    
    .firstAccordion {
        height:auto!important; 
    }
    
    .currAccordion {
        height:auto!important; 
    }
}

/* iphone */

@media screen and (max-width: 767px) { 
    
    h2 {
        font: 700 7vw/1em proxima-nova,Arial,sans-serif;
    }
    
    h3 {
        font: 700 5vw/1.1em proxima-nova,Arial,sans-serif;
    }
    
    h4 {
        font: 700 4.6vw/1em proxima-nova,Arial,sans-serif;
    } 
    
    h5 {
        font: 700 3.8vw/1em proxima-nova,Arial,sans-serif;
    }
    
    p {
        font: 500 4vw/1.4em proxima-nova,Arial,sans-serif;
    }
    
    .mobile {
        display:block!important;
    }

    .desktop {
        display:none!important; 
    }
    
    .section-one .logoWrapper {
        width: 76vw;
        margin: 20vw 0 0 10vw;
    }
    
    .section-one .connectInfo .url p {
        font: 700 5vw/1.3em proxima-nova,Arial,sans-serif;
    }
    
    .section-one .connectInfo .socialIcon img {
        width: 6vw;
        margin-left: 7vw;
    }
    
    .section-one .connectInfo .socialWrapper {
        margin-right: 20vw;
        margin-top: 6vw;
    }
    
    .section-one .ring1 {
        position: absolute;
        z-index: 2;
        bottom: -4vw;
        left: 12vw;
        width: 82vw;
        pointer-events: none;
    }
    
    .section-one .ring1img {
        position: absolute;
        z-index: 3;
        bottom: 8vw;
        left: 24vw;
        width: 58vw;
        pointer-events: none;
    }
    
    .section-one .scroll {
        display:none!important; 
    }
    
    .section-one .swoosh1 {
        width: 115vw;
    }
    
    .section-one h1 {
        right: 21vw;
        bottom: 80vw;
        color: #469aad;
    }
    
    .section-one h1 strong {
        color: #17363f;
    }
    
    .section-one .logoWrapper {
        width: 68vw;
        margin: 17vw 0 0 15vw;
    }
    
    .section-two .greenLeft, .section-two .greenRight {
        width:47vw;
    }
    
    .section-two .content {
        font: 700 4vw/1.2em proxima-nova,Arial,sans-serif;
        width: 90vw;
        text-align: center;
        margin: 8vw 5vw;
    }
    
    .section-two .content br, .section-two .chain br {
        display:none!important; 
    }
    
    .section-two .chain {
        padding: 4vw;
    }
    
    .section-two .symbol-left, .section-two .symbol-right {
        width: 19vw;
    }
    
    .section-two .symbol-left {
        left: 1vw;
    }
    
    .section-two .symbol-right {
        right: 1vw;
    }
    
    .section-two .gradientBg {
        height: 49vh;
    }
    
    .section-three {
        background: #f2f2f2;
        display:block;
    }
    
    .section-three .column {
        padding: 2vw 0 0vw 0;
        width: 100vw;
        transform: scale(1);
    }
    
    .section-three .column ul {
        width: 92vw;
        margin-left: 2vw;
    }
    
    .section-three .column ul li strong {
        font: 700 5.4vw/1em proxima-nova,Arial,sans-serif;
    }
    
    .section-three .column ul li span {
        font: 700 4vw/1em proxima-nova,Arial,sans-serif;
        margin-left: 8vw;
        letter-spacing: -0.01vw!important;
    }
    
    .section-three .column ul li {
        padding: 2vw 4vw;
        margin-bottom: 5vw;
    }
    
    .section-three .column h2 {
        margin-left: 4vw;
    }
    
    .section-three .moleculesOne {
        width: 71vw;
    }
    
    .section-three .blueTriangle {
        width: 62vw;
    }
    
    .section-three .moleculesTwo {
        width: 77vw;
    }
    
    .section-three .column ul li .number {
        width: 7.4vw;
        height: 7.4vw;
        top: -0.7vw;
        right: -3vw;
        font: 700 3.6vw/7vw proxima-nova,Arial,sans-serif;
    }
    
    .section-three .workerLaptop {
        left: 9vw;
        bottom: -29vw;
        width: auto;
        height: 71%;
        top: auto;
    }
    
    .section-three .total {
        margin-right: 10vw;
    }
    
    .section-three .total span {
        font: 700 4vw/4vw proxima-nova,Arial,sans-serif;
    }
    
    .section-three .column ul li .number {
        width: 10vw;
        height: 10vw;
        top: 0;
        right: -3vw;
        font: 700 3.6vw/2.8em proxima-nova,Arial,sans-serif;
    }
    
    .section-three .column h2 {
        color:#5d99b0;
        margin-left: 0;
        margin: 7vw 0;
        font: 800 11vw/1em proxima-nova,Arial,sans-serif;
    }
    
    .section-three .totalTxt a {
        font: 500 4vw/1.6em proxima-nova,Arial,sans-serif;
    }
    
    .section-three .members {
        position:relative;
        float:left;
        width: 100vw;
        margin-left: 0;
    }
    
    .section-three .column {
        margin: 0 0 2vw 0;
    }
    
    .section-four {
        padding-bottom: 3vw;
    }
    
    .section-four .contentTxt {
        float: left;
        font: 500 4vw/1.3em proxima-nova,Arial,sans-serif;
        padding: 0vw 6vw 4vw 6vw!important;
    }
    
    .section-four .contentTxt span br {
        display:none;
    }
    
    .section-four .imgWrapper {
        width: 92vw;
        margin: 2vw 3vw;
    }
    
    .section-four .imgWrapper .perc {
        bottom: 21vw;
        transform: scale(3);
        font: 800 2vw/3.1em proxima-nova,Arial,sans-serif;
        margin-left: -3.5vw;
    }
    
    .section-four .imgWrapper h4 {
        font: 700 5vw/0.8em proxima-nova,Arial,sans-serif;
        height: 17vw;
    }
    
    .smallp {
        font: 500 4vw/1.4em proxima-nova,Arial,sans-serif;
    }
    
    .section-five .superfundTxt {
        width: 76vw;
        padding: 7vw;
    }
    
    .section-five .superfundTxt {
        margin-top: 44vw;
    }
    
    .section-five .blueBoxes {
        width: 64vw;
        top: -7vw;
    }
    
    .section-five .swoosh2 {
        top: 75vw;
    }
    
    .section-five .subTxt {
        font: 800 6vw/1em proxima-nova,Arial,sans-serif;
        margin-bottom: 4vw;
        margin-top: 3vw;
    }
    
    .section-five h2 {
        font: 800 8vw/1em proxima-nova,Arial,sans-serif;
    }
    
    .section-five .affairsTeam {
        width: 147vw;
    }
    
    .section-five .superfundTxt ul {
        margin-top: 4vw;
    }
    
    .section-five .superfundTxt ul li {
        margin: 2vw 1vw 2vw 5vw;
        width: 68vw!important;
    }
    
    .bullet {
        top: 0.6vw!important;
        width: 1.6vw!important;
        left: -5vw!important;
    } 
    
    .section-five .sanders {
        margin-right: 5.5vw;
        width: 82vw;
    }
    
    .section-six .column h3 {
        font: 800 5.2vw/1.1em proxima-nova,Arial,sans-serif;
    }
    
    .section-six .column ul {
        margin-top: 6vw;
    }
    
    .section-six .column li {
        height:
    }
    
    .section-six .column li h5 {
        padding: 4vw 9vw 3.4vw 5vw;
        font: 700 5vw/1em proxima-nova,Arial,sans-serif;
    }
    
    .section-six .column li p {
        padding: 8vw 6vw 4vw 6vw;
    }
    
    .section-six h5 {
        height: 17.5vw!important;
    }
    
    .section-six li:nth-child(1) h5, .section-six li:nth-child(2) h5, .section-six li:nth-child(4) h5 {
        line-height: 2em!important;
    }
    
    .section-six .accordionBtn {
        width: 11vw;
    }
    
    .accordionBtn {
        right: 3vw;
        top: 3vw;
    }
    
    .section-seven {
        padding-bottom: 4vw;
    }
    
    .section-seven .txtColumn {
        width: 80vw;
        margin: 0 0 0 9vw!important;
    }
    
    .section-seven ul {
        margin-left: 4vw;
    }
    
    .section-seven ul li {
        width: 78vw;
        margin: 4vw 1vw 0 1.4vw;
    }
    
    .section-seven h4 {
        margin-top: 9vw;
        width: 82vw;
    }
    
    .section-seven .meeting {
        width: 90vw;
        margin: 4vw 0 5vw 5vw;
    }
    
    .section-seven .txtColumn.column3 {
        margin-bottom: 7vw!important;
    }
    
    .section-eight h2 {
        margin: 26vw 0 0 0;
    }
    
    .section-eight .flipTxt {
        top: 8vw;
        font: 700 4vw/1em proxima-nova,Arial,sans-serif;
        padding: 2vw 3vw 2vw 3vw;
        width: 50vw;
    }
    
    .section-eight .flipTxt img {
        width: 3vw;
    }
    
    .section-eight .cardContainer {
        width: 82vw;
        height: 110vw;
        margin: 3vw 1.2vw;
        margin: 3vw 1.2vw;
    }
    
    .section-eight .cardsWrapper > .smallp {
        padding: 0 7vw 9vw 7vw;
    }
    
    .section-eight .cardName {
        font: 700 6vw/1em proxima-nova,Arial,sans-serif;
        bottom: 9vw;
    }
    
    .section-eight .cardName.double {
        bottom: 7vw;
    }
    
    .section-eight .card.card1 .back ul, .section-eight .card.card2 .back ul, .section-eight .card.card4 .back ul {
        font: 400 3.2vw/1.2em proxima-nova,Arial,sans-serif!important;
        margin: 2vw 8vw;
    }
    
    .section-eight .cardName span {
        font: 700 3.8vw/1em proxima-nova,Arial,sans-serif;
    }
    
    .section-eight .cardContainer.cardContainer5 {
        height: 144vw;
    }
    
    .section-eight .cardContainer.cardContainer5 ul {
        margin: 2vw 7vw;
        font: 400 3.2vw/1em proxima-nova,Arial,sans-serif;
    }
    
    .section-nine .socialContent h3 {
        font: 800 6vw/1.1em proxima-nova,Arial,sans-serif;
    }
    
    .section-nine .socialContent > h4 {
        font: 700 3.5vw/1.1em proxima-nova,Arial,sans-serif;
    }
    
    .section-nine .wrapper .socialInfo > p {
        font: 700 4vw/1em proxima-nova,Arial,sans-serif;
    }
    
    .section-nine .wrapper .socialInfo {
        margin: 6vw 0 6vw 18vw;
        clear:both;
    }
    
    .section-nine .wrapper .socialInfo img {
        left: -18vw;
        width: 15vw;
    }
    
    .section-nine .wrapper .socialInfo > p strong {
        font: 800 4vw/1.4em proxima-nova,Arial,sans-serif;
    }
    
    .section-nine .wrapper .socialInfo h5 {
        font: 800 12vw/1em proxima-nova,Arial,sans-serif;
    }
    
    .section-nine .wrapper .socialInfo.linkedinInfo {
        margin-left:18vw;
    }
    
    .section-nine .socialContent {
        margin: 19vw 0;
    }
    
    .section-eight .knowTitle {
        margin: 10vw 0 0 0;
    }
    
    .section-ten .contentWrapper {
        margin: 10vw 0 10vw 4vw;
    }
    
    .section-ten .contentWrapper > p {
        width: 84vw;
    }
    
    .section-ten .contentWrapper .banner {
        width: 83vw;
        margin: 5vw 0 5vw 0;
        clear:both;
        float: left;
    }
    
    .section-ten h2 {
        font: 800 5.6vw/1em proxima-nova,Arial,sans-serif;
        margin-top: 4vw;
    }
    
    .section-ten h2 .subTxt {
        font: 800 5vw/1em proxima-nova,Arial,sans-serif;
        padding-top: 2vw;
        padding-bottom: 4vw;
    }
    
    .section-ten .txtColumn.column1 {
        margin-top: 6vw;
    }
    
    .section-ten ul {
        margin: 2vw 0 2vw 2vw;
    }
    
    .section-ten ul li {
        margin: 4vw 1vw 0 3vw;
    }
    
    .section-eleven .responsibleLogo {
        margin: 8vw 0 7vw 11vw;
        float: left;
        clear: both;
        width: 64vw;
    }
    
    .section-eleven .contentWrapper {
        width: 84vw;
        margin: 4vw 0 0 8vw;
    }
    
    .section-eleven .txtColumn {
        width:auto;
    }
    
    .section-eleven ul {
        margin-left: 2.4vw;
    }
    
    .section-eleven .subTxt {
        padding-bottom: 3vw;
        position: relative;
        display: inline-block;
        margin-top: 9vw;
        font: 800 5vw/1em proxima-nova,Arial,sans-serif;
    }
    
    .section-eleven ul li {
        margin: 4vw 1vw 0 3vw;
    }
    
    .section-eleven .achievements {
        margin-left: -3vw;
    }
    
    .section-eleven .achievements h3 {
        padding: 3vw 0 3vw 0;
        text-align: center;
        font: 700 5vw/1.1em proxima-nova,Arial,sans-serif;
    }
    
    .section-eleven .workersReview {
        float: left;
        width: 100%;
        clear: both;
        position: relative;
        margin: 0;
    }
    
    .section-eleven .txtColumn.column2 ul {
        margin-left: 6vw;
    }
    
    .section-eleven .txtColumn.column2 {
        padding-top: 2vw;
        padding-bottom: 10vw;
        padding-right: 6vw;
        width:auto;
    }
    
    .section-eleven .achievements {
        margin-bottom: 10vw;
    }
    
    .section-twelve h3 {
        font: 700 6vw/1.1em proxima-nova,Arial,sans-serif;
        margin-top: 8vw;
    }
    
    .section-twelve .boxes {
        right: 0vw;
        width: 56vw;
    }
    
    .section-twelve .regclear {
        width: 76vw;
        margin: 7vw 0 5vw 5vw;
    }
    
    .section-twelve .contentWrapper p strong {
        font: 700 6.5vw/1em proxima-nova,Arial,sans-serif;
        margin: 2vw 0 5vw 0;
    }
    
    .section-twelve .boxes {
        width: 56vw;
        top: 0.3vw;
    }
    
    .section-thirteen .emergingLeaders {
        margin: 2vw 0 0 7vw;
        width: 86vw;
    }
    
    .section-thirteen .contentWrapper h3 {
        float: left;
        width: auto;
        margin: 4vw 0 44vw 7vw;
        font: 700 6vw/1.1em proxima-nova,Arial,sans-serif;
    }
    
    .section-thirteen .bgGradient {
        height: 82vw;
    }
    
    .section-thirteen .emergingLeadersTeam {
        top: 43.5vw;
        right: 4vw;
        width: 90vw;
    }
    
    .section-thirteen .contentWrapper .callouts {
        width: 92.5vw;
        margin: 4vw 0 3vw 4vw;
    }
    
    .section-thirteen .contentWrapper .callouts p {
        padding: 5vw 6vw;
        margin: 0 0 5vw 0;
    }
    
    .section-thirteen .greenBoxes {
        display:none;
    }
    
    .section-thirteen .quoteWrapper {
        width: 78vw;
        clear: both;
        margin: 0 0 12vw 7vw!important;
    }
    
    .section-thirteen .quoteWrapper.quote2 {
        float: left;
    }
    
    .section-thirteen .quoteWrapper .leftQuote {
        left: -7vw;
        width: 5vw;
    }
    
    .section-thirteen .quoteWrapper .rightQuote {
        width: 4vw;
    }
    
    .section-fourteen h2 {
        font: 800 6vw/1em proxima-nova,Arial,sans-serif;
        margin:4vw 0;
    }
    
    .section-fourteen .subTxt {
        font: 800 4.3vw/2em proxima-nova,Arial,sans-serif;
    }
    
    .section-fourteen .webinar {
        width: 88vw;
        margin: 2.4vw 0 2.4vw 6vw;
    }
    
    .section-fourteen .txtColumn {
        margin: 6vw 0 6vw 7vw;
        width: 88vw;
    }
    
    .section-fourteen ul {
        margin: 4vw 0 4vw 4vw;
    }
    
    .section-fourteen ul li {
        margin: 1vw 1vw 3vw 1.4vw;
    }
    
    .section-fourteen {
        margin-bottom: 6vw;
    }
    
    .section-fifteen h2 span {
        font: 800 5vw/1em proxima-nova,Arial,sans-serif;
    }
    
    .section-fifteen h2 {
        font: 700 5.4vw/1.4em proxima-nova,Arial,sans-serif;
        margin: 5vw 0 4vw 0;
    }
    
    .section-fifteen .chemedge {
        width: 86vw;
        top: auto;
        float: left;
        clear: both;
        position: relative;
    }
    
    .section-fifteen .txtColumn.txtColumn2 {
        margin-top: 8vw;
        margin-bottom: 10vw;
    }
    
    .section-fifteen ul {
        margin-left: 2vw;
    }
    
    .section-fifteen h2 {
        font: 700 5.4vw/1.4em proxima-nova,Arial,sans-serif;
        margin: 8vw 0 4vw 0;
    }
    
    .section-fifteen h4 {
        font: 700 8vw/1em proxima-nova,Arial,sans-serif;
    }
    
    .section-fifteen h4 span {
        font: 700 5vw/1em proxima-nova,Arial,sans-serif;
    }
    
    .section-fifteen ul li {
        margin: 4vw 1vw 0 3vw;
    }
    
    .section-fifteen ul li p {
        font: 500 5vw/1.4em proxima-nova,Arial,sans-serif;
    }
    
    .section-fifteen .txtColumn.txtColumn2 {
        margin-left: 0;
    }
    
    .section-fifteen .bullet {
        top: 2vw!important;
    }
    
    .section-fifteen .swoosh7 {
        width: 148vw;
    }
    
    .section-sixteen > h3 {
        font: 700 5vw/1em proxima-nova,Arial,sans-serif;
        margin: -3vw 0 10vw 0;
    }
    
    .section-sixteen h2 {
        font: 700 7.8vw/1em proxima-nova,Arial,sans-serif;
        margin-left:0;
    }
    
    .section-sixteen ul {
        width:100%;
        margin-top: 0;
    }
    
    .section-sixteen ul li {
        margin-bottom: 6vw;
    }
    
    .section-sixteen ul li h3 {
        font: 700 8vw/1em proxima-nova,Arial,sans-serif;
    }
    
    .section-sixteen ul li h4 {
        margin-top: 2.3vw;
    }
    
    .section-sixteen ul.right {
        margin-left: 0;
    }
    
    .section-sixteen ul li h4 {
        font:700 4vw/1em proxima-nova,Arial,sans-serif;
    }
    
    .section-sixteen .subText {
        font: 700 4vw/1em proxima-nova,Arial,sans-serif;
    }
    
    .section-sixteen .titleWrapper {
        margin: 26vw 0 9vw -7vw;
    }
    
    .section-seventeen .citcoTeam {
        float: left;
        clear: both;
        width: 100vw;
        margin-left: 0vw;
    }
    
    .section-seventeen .contentWrapper {
        margin: 5vw 0 0 8vw;
    }
    
    .section-seventeen h2 {
        font: 800 8.2vw/1em proxima-nova,Arial,sans-serif;
    }
    
    .section-seventeen h2 span {
        font: 800 6vw/1em proxima-nova,Arial,sans-serif;
    }
    
    .section-seventeen .contentWrapper h3 {
        font: 800 7vw/0.9em proxima-nova,Arial,sans-serif;
        margin: 6vw 0 7vw -9vw;
        text-align: center;
    }
    
    .section-seventeen .boxes {
        position: relative;
        right: 0;
        top: auto;
        z-index: 0;
        width: 85vw;
    }
    
    .section-seventeen .citco {
        margin: 2vw 0 6vw 15vw;
        width: 52vw;
    }
    
    .section-eighteen h2 {
        font: 700 8vw/1em proxima-nova,Arial,sans-serif;
        margin: 5vw 0 6vw 0;
    } 
    
    .section-eighteen h2 .marker1, .section-eighteen h2 .marker2 {
        display:none;
    }
    
    .section-eighteen .txtColumn {
        width: 86vw;
        margin: 5vw 0 3vw 1.6vw;
    }
    
    .section-eighteen ul {
        margin-left: 4vw;
    }
    
    .section-eighteen .txtColumn h4 {
        font: 700 5.2vw/1em proxima-nova,Arial,sans-serif;
    }
    
    .section-eighteen .contentColumn {
        width: 86vw;
        margin: 3vw 0 3vw 1vw;
    }
    
    .section-eighteen .contentColumn .callout {
        padding: 5vw 6vw;
    }
    
    .section-eighteen .contentColumn .service {
        width: 86vw!important;
    }
    
    .section-eighteen .fossiWrapper {
        padding: 8vw;
    }   
    
    .section-eighteen .fossiWrapper p {
        float: left;
        width: auto;
        margin-left: 0;
        font: 400 4vw/1.2em proxima-nova,Arial,sans-serif;
    }
    
    .section-eighteen .fossiWrapper p strong {
        font: 700 5.6vw/1em proxima-nova,Arial,sans-serif;
        margin: 3vw 0;
    }
    
    .section-eighteen .fossiWrapper .fossiLogo {
        width: 50vw;
    }
    
    .section-nineteen .column {
        width: 88vw;
        margin-left: 14vw;
        margin-top: 7vw;
    }
    
    .section-nineteen ul li p {
        font: 400 4vw/1.2em proxima-nova,Arial,sans-serif;
    } 
    
    .section-nineteen ul li h4 {
        font: 700 5vw/1em proxima-nova,Arial,sans-serif;
    }
    
    .section-nineteen h3 {
        font: 800 5vw/1em proxima-nova,Arial,sans-serif;
    }
    
    .section-nineteen .footerLogo {
        width: 60vw;
        margin: 1vw 8vw 6vw 0;
    }
    
    .section-nineteen .listBtn {
        font: 700 5vw/1.3em proxima-nova,Arial,sans-serif;
        margin: 7vw 0 0 15vw;
        padding: 3vw 10vw;
    }
    
    .section-nineteen .swoosh9 {
        display:none;
    }
    
    .section-nineteen .footerLogo {
        margin: 9vw 20vw 18vw 0;
        width: 60vw;
    }
}