/******************************************************/
/********************* RESET CSS **********************/
/******************************************************/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

::-moz-selection { background: #db0720; color: #ffffff; }
::selection { background: #db0720; color: #ffffff; }

html, body {
    width: 100%;
    overflow-x: hidden;
}

/******************************************************/
/*********************** FONTS ************************/
/******************************************************/
@font-face {
    font-family: 'zona_proextrabold';
    src: url('fonts/zonapro-extrabold-webfont.eot');
    src: url('fonts/zonapro-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/zonapro-extrabold-webfont.woff2') format('woff2'),
    url('fonts/zonapro-extrabold-webfont.woff') format('woff'),
    url('fonts/zonapro-extrabold-webfont.ttf') format('truetype'),
    url('fonts/zonapro-extrabold-webfont.svg#zona_proextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'zona_proregular';
    src: url('fonts/zonapro-regular-webfont.eot');
    src: url('fonts/zonapro-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/zonapro-regular-webfont.woff2') format('woff2'),
    url('fonts/zonapro-regular-webfont.woff') format('woff'),
    url('fonts/zonapro-regular-webfont.ttf') format('truetype'),
    url('fonts/zonapro-regular-webfont.svg#zona_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'zona_prosemibold';
    src: url('fonts/zonapro-semibold-webfont.eot');
    src: url('fonts/zonapro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/zonapro-semibold-webfont.woff2') format('woff2'),
    url('fonts/zonapro-semibold-webfont.woff') format('woff'),
    url('fonts/zonapro-semibold-webfont.ttf') format('truetype'),
    url('fonts/zonapro-semibold-webfont.svg#zona_prosemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'InkstonCasualBold';
    src: url('fonts/3221C5_0_0.eot');
    src: url('fonts/3221C5_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/3221C5_0_0.woff2') format('woff2'),url('fonts/3221C5_0_0.woff') format('woff'),url('fonts/3221C5_0_0.ttf') format('truetype');}


/******************************************************/
/********************** GENERIC ***********************/
/******************************************************/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html, body {
    font-family: Arial, sans-serif;
}

/*body {
    width: 100%;
    overflow-x: hidden;
}*/

/*main {
    height: 100%;
}*/

b, strong {
    font-family: 'zona_prosemibold', sans-serif;
}

img {
    max-width: 100%;
}

.subsection {
    z-index: 1;
    position: relative;
}

.subsection.in-view {
    /*  position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 2;
      overflow-y: auto;*/
}

.share {
    position: fixed;
    bottom: 29px;
    left: 29px;
    z-index: 30;
}

.share:hover {
    cursor: pointer;
}

.share .txt {
    font-family: 'zona_prosemibold', sans-serif;
    font-size: 11px;
    color: #ffffff;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -ms-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
}

.share.black .txt {
    color: #333333;
}

.icon-share {
    background-position: -3px -3px;
    width: 18px;
    height: 18px;
}

.share.black .icon-share {
    background-position: -3px -29px;
}

/***********************************************************/
/*********************** ANIMATIONS ************************/
/***********************************************************/
@-webkit-keyframes introText {
    0% {
        fill: transparent;
        opacity: .3;
    }
    95% {
        fill: url(#p-img);
    }
    100% {
        fill: #ffffff;
        opacity:1;
    }
}

@-moz-keyframes introText {
    0% {
        fill: transparent;
        opacity: .3;
    }
    95% {
        fill: url(#p-img);
    }
    100% {
        fill: #ffffff;
        opacity: 1;
    }
}

@keyframes introText {
    0% {
        fill: transparent;
        opacity: .3;
    }
    95% {
        fill: url(#p-img);
    }
    100% {
        fill: #ffffff;
        opacity: 1;
    }
}

@-webkit-keyframes rightNavShow {
    0% {
        opacity: 0;
        height: 0;
    }

    100% {
        opacity: 1;
        height: 90vh;
    }
}

@-moz-keyframes rightNavShow {
    0% {
        opacity: 0;
        height: 0;
    }

    100% {
        opacity: 1;
        height: 90vh;
    }
}

@keyframes rightNavShow {
    0% {
        opacity: 0;
        height: 0;
    }

    100% {
        opacity: 1;
        height: 90vh;
    }
}

/******************************************************/
/*********************** INTRO ************************/
/******************************************************/
.intro {
    height: 100vh;
    width: 100%;
    min-height: 500px;
    position: relative;
    text-align: center;
}

.intro .content {
    height: 100%;
}

.intro .bg {
    background: url(../images/intro/Intro_medium.jpg) no-repeat scroll center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;

}

.desktop .intro .bg {
    opacity: 0;
    visibility: hidden;
}

.desktop body.loaded .intro .in-view .bg {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 2.4s ease 4.8s;
    -moz-transition: all 2.4s ease 4.8s;
    -ms-transition: all 2.4s ease 4.8s;
    -o-transition: all 2.4s ease 4.8s;
    transition: all 2.4s ease 4.8s;
}

.intro p {
    font-size: 22px;
    color: #ffffff;
    line-height: 1.2;
    margin-top: 105px;
}

.desktop .intro p {
    font-size: 21px;
    color: #ffffff;
    line-height: 1.2;
    margin-top: 165px;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.desktop body.loaded .intro .in-view p {
    margin-top: 160px;
    opacity: 1;
    font-family: 'zona_prosemibold', sans-serif;
    -webkit-transition: all .6s ease-out 5.1s;
    -moz-transition: all .6s ease-out 5.1s;
    -ms-transition: all .6s ease-out 5.1s;
    -o-transition: all .6s ease-out 5.1s;
    transition: all .6s ease-out 5.1s;
}

.intro .text-wrap,
.intro p {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/*.svgText {
    fill: url(../images/intro/Intro_medium.jpg);
    font-size:100px;
    stroke: black;
}*/

.text-wrap{
    margin: 0;
    position: relative;
    width: 100%;
}

.text-wrap svg {
    /*position: absolute;*/
    width: 100%;
    height: auto;
    font: bold 10px sans-serif;
}

html:not(.desktop) .text-wrap svg {
    font: 75px 'zona_proextrabold';
}

html:not(.desktop) .text-wrap svg .img-layer {
    fill: #ffffff;
}

.desktop body.loaded .intro .text-wrap svg {
    font: 75px 'zona_proextrabold';
}

.desktop body.loaded .intro .in-view .text-wrap svg {
    font: 75px 'zona_proextrabold';
    -webkit-transition: fill 1s ease;
    -moz-transition: fill 1s ease;
    -ms-transition: fill 1s ease;
    -o-transition: fill 1s ease;
    transition: fill 1s ease;
}

.text-wrap svg .img-layer {
    fill: transparent;
    -webkit-transition: fill 1.8s ease .2s;
    -moz-transition: fill 1.8s ease .2s;
    -ms-transition: fill 1.8s ease .2s;
    -o-transition: fill 1.8s ease .2s;
    transition: fill 1.8s ease .2s;
}

.text-wrap svg .img-layer.text-part1 {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
}

.text-wrap svg .img-layer.text-part2 {
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
}

.text-wrap .ie-only {
    display: none;
}

/* ie edge only */
@supports (-ms-accelerator:true) {
    .text-wrap svg .img-layer {
        fill: #ffffff;
    }

    .desktop body.loaded .intro .in-view .text-wrap svg {
        font: 70px 'zona_proextrabold';
    }
}

/* ie11 ie10 only */
@media all and (-ms-high-contrast:none) {
    .text-wrap .ie-only {
        display: block;
        font: 75px 'zona_proextrabold';
        color: #ffffff;
    }
    .text-wrap svg .img-layer {
       display: none;
    }

    .desktop body.loaded .intro .in-view .text-wrap svg {
        display: none;
    }/* IE10 */
    *::-ms-backdrop,.text-wrap svg .img-layer {
        fill: #ffffff;
        display: none;
    }

    .desktop body.loaded .intro .in-view .text-wrap svg {
        font: 75px 'zona_proextrabold';
        display: none;
    } /* IE11 */
}

@supports (-ms-ime-align:auto)  {
    html,body, #fullpage {
        width: 100%;
        overflow-x: hidden;
    }
    .intro {
        width: 100vw;
        overflow: hidden;
    }

    .text-wrap .ie-only {
        display: block;
        font: 75px 'zona_proextrabold';
        color: #ffffff;
    }
    .text-wrap svg .img-layer {
        display: none;
    }

    .desktop body.loaded .intro .in-view .text-wrap svg {
        display: none;
    }
}


.desktop body.loaded .intro .in-view .text-wrap svg .img-layer {
   -webkit-animation: introText 4.8s linear .2s forwards;
    -moz-animation: introText 4.8s linear .2s forwards;
    animation: introText 4.8s linear .2s forwards;
}

/*.text-wrap svg .gradient-layer {
    fill: url(#gr-overlay);
}*/

.intro .content:before {
    content: '';
    width: 1px;
    height: 19.614147909967847%;
    background: #ffffff;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.scroll-down {
    text-align: center;
}

.desktop .js_scroll-down {
    opacity: 0;
    -webkit-transform: translate(-50%, -50px);
    -moz-transform: translate(-50%, -50px);
    -ms-transform: translate(-50%, -50px);
    -o-transform: translate(-50%, -50px);
    transform: translate(-50%, -50px);
}

.desktop .in-view .js_scroll-down {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -webkit-transition: all .6s ease-out 5.9s;
    -moz-transition: all .6s ease-out 5.9s;
    -ms-transition: all .6s ease-out 5.9s;
    -o-transition: all .6s ease-out 5.9s;
    transition: all .6s ease-out 5.9s;
}

.desktop .intro .content:before {
    height: 0;
}

.desktop .intro .content.in-view:before {
    height: 19.614147909967847%;
    -webkit-transition: all .6s ease-out 5.9s;
    -moz-transition: all .6s ease-out 5.9s;
    -ms-transition: all .6s ease-out 5.9s;
    -o-transition: all .6s ease-out 5.9s;
    transition: all .6s ease-out 5.9s;
}

.js_scroll-down {
    font-family: 'zona_prosemibold', sans-serif;
    font-size: 10px;
    color: #ffffff;
    display: inline-block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 19.614147909967847%;
    z-index: 1;
    cursor: pointer;
    padding: 15px;
}

/******************************************************/
/********************* CHAPTER 1 **********************/
/******************************************************/
.chapter1-video {
    height: 100vh;
    width: 100%;
    background: url(../images/chapter1/videoBg.jpg) no-repeat scroll center center;
    background-size: cover;
}

.desktop .chapter1 .chapter1-video .video-container.abs-center {
    opacity: 0;
    -webkit-transition: all .6s ease-out .3s;
    -moz-transition: all .6s ease-out .3s;
    -ms-transition: all .6s ease-out .3s;
    -o-transition: all .6s ease-out .3s;
    transition: all .6s ease-out .3s;
}

.desktop .chapter1.active .chapter1-video .video-container.abs-center {
    opacity: 1;
    -webkit-transition: all .6s ease-out .3s;
    -moz-transition: all .6s ease-out .3s;
    -ms-transition: all .6s ease-out .3s;
    -o-transition: all .6s ease-out .3s;
    transition: all .6s ease-out .3s;
}

.desktop .chapter1 .chapter1-video .video-container .js_video-play {
    opacity: 0;
}

.desktop .chapter1.active .video-container .js_video-play {
    opacity: 1;
    -webkit-transition: all .6s ease-out .9s;
    -moz-transition: all .6s ease-out .9s;
    -ms-transition: all .6s ease-out .9s;
    -o-transition: all .6s ease-out .9s;
    transition: all .6s ease-out .9s;
}

.video-container {
    width: 100%;
    max-width: 63.21428571428571%;
    height: 542px;
    overflow: hidden;
    z-index: 1;
}

.chapter1-video .video-img {
    width: 100%;
    height: 100%;
    background: url(../images/chapter1/videoCover.jpg) no-repeat scroll center center;
    background-size: cover;
}

.desktop .chapter1 .chapter1-video .video-img {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: all .6s ease-out;
    -moz-transition: all .6s ease-out;
    -ms-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    transition: all .6s ease-out;
}

.desktop .chapter1.active .chapter1-video .video-img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .6s ease-out;
    -moz-transition: all .6s ease-out;
    -ms-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    transition: all .6s ease-out;
}

.sprite-icon {
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    display: inline-block;
    vertical-align: middle;
}

.abs-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.video-container iframe {
    display: none;
}

.video-container.open iframe {
    display: block;
}

.video-container.open .js_video-play,
.video-container.open .video-img {
    opacity: 0;
    visibility: hidden;
}

.js_video-play {
    background-position: -3px -69px;
    width: 74px;
    height: 74px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.js_video-play:hover {
    opacity: .8;
    cursor: pointer;
}

h2 {
    font-family: 'zona_proregular', sans-serif;
    font-size: 36px;
    color: #db0720;
    text-align: center;
    padding: 21px 0 54px;
    margin-bottom: 30px;
    position: relative;
}

h2 span {
    position: relative;
    z-index: 2;
}

h2:before {
    content: '';
    width: 206px;
    height: 97px;
    background: url(../images/heading-bg.png) no-repeat scroll center center;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.desktop h2:before {
    -webkit-transform: translateX(-50%) scale(.5);
    -moz-transform: translateX(-50%) scale(.5);
    -ms-transform: translateX(-50%) scale(.5);
    -o-transform: translateX(-50%) scale(.5);
    transform: translateX(-50%) scale(.5);
    opacity: 0;
}

.desktop .in-view h2:before {
    -webkit-transform: translateX(-50%) scale(1);
    -moz-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    -o-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    opacity: 1;
    -webkit-transition: all .5s ease-out .2s;
    -moz-transition: all .5s ease-out .2s;
    -ms-transition: all .5s ease-out .2s;
    -o-transition: all .5s ease-out .2s;
    transition: all .5s ease-out .2s;
}

.chapter1-chance {
    background: #ffffff;
    padding: 90px 0 185px;
}

/*.chapter1-chance .in-view {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 9999;
    top: 0;
    left: 0;
    overflow: hidden;
}*/

/*.chapter1-chance .wrapper {
    height: 100vh;
    position: relative;
    padding-bottom: 185px;
}*/

.chapter1-chance p.red {
    font-size: 19px;
}

.chapter1-chance .wrapper {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
}

.chapter1-chance .col-half:nth-child(1),
.chapter1-chance .col-half:nth-child(3) {
    padding-right: 50px;
}

.chapter1-chance .col-half:nth-child(2),
.chapter1-chance .col-half:nth-child(4) {
    padding-left: 30px;
}

.chapter1-chance .col-half:nth-child(2) {
    padding-top: 0;
}

.chapter1-chance .col-half:nth-child(3) {
    padding-top: 0;
    margin-top: 120px;
}

.chapter1-chance .col-half:nth-child(4) {
    margin-top: 126px;
}
.col {
    display: inline-block;
    vertical-align: top;
}

.col-half {
    width: 50%;
}

p,
.row p {
    font-family: 'zona_proregular', sans-serif;
    font-size: 15px;
    color: #333333;
    line-height: 1.4675;
    margin-bottom: 24px;
}

.red,
p.red {
    color: #db0720;
}

.chapter1-stats {
    background: #ffffff;
}

.desktop .chapter1-stats .prospect h3 {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    opacity: 0;
}

.desktop .chapter1-stats.in-view .prospect h3 {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.desktop .chapter1-stats .stats-text .col {
    opacity: 0;
    -webkit-transform: translateY(80px);
    -moz-transform: translateY(80px);
    -ms-transform: translateY(80px);
    -o-transform: translateY(80px);
    transform: translateY(80px);
}

.desktop .chapter1-stats.in-view .stats-text .col {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.desktop .chapter1-stats.in-view .stats-text .col.gray-bg {
    -webkit-transition: all .4s ease-out .4s;
    -moz-transition: all .4s ease-out .4s;
    -ms-transition: all .4s ease-out .4s;
    -o-transition: all .4s ease-out .4s;
    transition: all .4s ease-out .4s;
}

.desktop .chapter1-stats .stats .stat-box .anim-col1,
.desktop .chapter1-stats .stats .stat-box .anim-col2 {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
}

.desktop .chapter1-stats .stats.in-view .stat-box .anim-col1,
.desktop .chapter1-stats .stats.in-view .stat-box .anim-col2 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.desktop .chapter1-stats .stats.in-view .stat-box-1 .anim-col1 {
    -webkit-transition: all .3s ease-out .3s;
    -moz-transition: all .3s ease-out .3s;
    -ms-transition: all .3s ease-out .3s;
    -o-transition: all .3s ease-out .3s;
    transition: all .3s ease-out .3s;
}

.desktop .chapter1-stats .stats.in-view .stat-box-1 .anim-col2 {
    -webkit-transition: all .3s ease-out .45s;
    -moz-transition: all .3s ease-out .45s;
    -ms-transition: all .3s ease-out .45s;
    -o-transition: all .3s ease-out .45s;
    transition: all .3s ease-out .45s;
}

.desktop .chapter1-stats .stats.in-view .stat-box-2 .anim-col1 {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.desktop .chapter1-stats .stats.in-view .stat-box-2 .anim-col2 {
    -webkit-transition: all .3s ease-out .15s;
    -moz-transition: all .3s ease-out .15s;
    -ms-transition: all .3s ease-out .15s;
    -o-transition: all .3s ease-out .15s;
    transition: all .3s ease-out .15s;
}

.desktop .chapter1-stats .stats.in-view .stat-box-3 .anim-col1 {
    -webkit-transition: all .3s ease-out .6s;
    -moz-transition: all .3s ease-out .6s;
    -ms-transition: all .3s ease-out .6s;
    -o-transition: all .3s ease-out .6s;
    transition: all .3s ease-out .6s;
}

.desktop .chapter1-stats .stats.in-view .stat-box-3 .anim-col2 {
    -webkit-transition: all .3s ease-out .75s;
    -moz-transition: all .3s ease-out .75s;
    -ms-transition: all .3s ease-out .75s;
    -o-transition: all .3s ease-out .75s;
    transition: all .3s ease-out .75s;
}

.desktop .chapter1-stats .stats.in-view .stat-box-4 .anim-col1,
.desktop .chapter1-stats .stats.in-view .stat-box-5 .anim-col1,
.desktop .chapter1-stats .stats.in-view .stat-box-5 .anim-col2 {
    -webkit-transition: all .3s ease-out .9s;
    -moz-transition: all .3s ease-out .9s;
    -ms-transition: all .3s ease-out .9s;
    -o-transition: all .3s ease-out .9s;
    transition: all .3s ease-out .9s;
}

.desktop .chapter1-stats .stats.in-view .stat-box-4 .anim-col2 {
    -webkit-transition: all .3s ease-out 1.05s;
    -moz-transition: all .3s ease-out 1.05s;
    -ms-transition: all .3s ease-out 1.05s;
    -o-transition: all .3s ease-out 1.05s;
    transition: all .3s ease-out 1.05s;
}


/*
.desktop .chapter1-stats .stats.in-view .stat-box-5 .anim-col2 {
    -webkit-transition: all .3s ease-out 1.35s;
    -moz-transition: all .3s ease-out 1.35s;
    -ms-transition: all .3s ease-out 1.35s;
    -o-transition: all .3s ease-out 1.35s;
    transition: all .3s ease-out 1.35s;
}
*/
.desktop .chapter1-stats .stats .stat-box-5 .balloon {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
}

.desktop .chapter1-stats .stats.in-view .stat-box-5 .balloon {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .3s ease-out 1.35s;
    -moz-transition: all .3s ease-out 1.35s;
    -ms-transition: all .3s ease-out 1.35s;
    -o-transition: all .3s ease-out 1.35s;
    transition: all .3s ease-out 1.35s;
}


.prospect {
    position: relative;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.prospect figure img {
    width: 100%;
    height: auto;
}

.prospect h3 {
    font-family: 'zona_proregular', sans-serif;
    font-size: 35px;
    color: #ffffff;
    line-height: 1.3;
    text-align: center;
    width: 100%;
}

.stats-text {
    width: 100%;
    max-width: 1015px;
    margin: 0 auto;
    -webkit-transform: translateY(-20%);
    -moz-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    -o-transform: translateY(-20%);
    transform: translateY(-20%);
}

.stats-text p.red {
    font-size: 19px;
}

.row {
    font-size: 0;
}

.stats-text .col {
    min-height: 510px;
}

.gray-bg {
    background: #f1f1f1;
}

.stats-text .col.gray-bg {
    margin: 40px 0 0 -2px;
    padding: 37px 34px;
}

.icon-sun {
    background-position: -32px -3px;
    width: 52px;
    height: 52px;
}

.icon-graduate {
    background-position: -102px -4px;
    width: 64px;
    height: 33px;
}

.icon-bottle {
    background-position: -184px -4px;
    width: 37px;
    height: 114px;
}

.stats {
    width: 100%;
    max-width: 1010px;
    margin: 0 auto;
    padding: 75px 0 225px;
}

.stats b {
    font-family: 'InkstonCasualBold', sans-serif;
    font-size: 75px;
    font-weight: normal;
}

.stats .stat-box-2 b {
    font-size: 125px;
    display: inline-block;
    position: relative;
}

.stats .stat-box-2 b:before {
    content: '';
    background: url(../images/chapter1/26_bg.png) no-repeat scroll center center;
    background-size: cover;
    width: 147px;
    height: 184px;
    position: absolute;
    top: 0;
    left: -20px;
}

.stats .stat-box.stat-box-2 .col-half:first-child {
    width: 40%;
    text-align: right;
    padding-right: 20px;
}

.stats .stat-box.stat-box-2 .col-half:nth-child(2) {
    width: 60%;
}

.stats .stat-box.stat-box-1 .col.col-pad {
    padding-left: 20px;
    padding-top: 25px;
}

.stats .stat-box.stat-box-2 .col-half:nth-child(2) {
    padding-top: 45px;
}

.stats .stat-box.stat-box-3 .col.col-pad {
    padding-left: 20px;
    padding-top: 25px;
}

.stats .stat-box.stat-box-4 .col.anim-col1 {
    max-width: 18%;
    position: relative;
}

.stats .stat-box.stat-box-4 .col.anim-col1 b {
    display: inline-block;
    position: relative;
    z-index: 2;
}

.stats .stat-box.stat-box-4 .col.anim-col1:before {
    content: '';
    background: url(../images/chapter1/47_bg.png) no-repeat scroll center center;
    background-size: cover;
    width: 124px;
    height: 123px;
    position: absolute;
    top: -14px;
    left: -30px;
    z-index: 1;
}

.stats .stat-box.stat-box-4 .col.col-pad {
    padding-left: 20px;
    padding-top: 80px;
    max-width: 80%;
    position: relative;
    z-index: 1;
}

.stats .stat-box.stat-box-5 .col.col-pad {
    padding-top: 20px;
    padding-left: 20px;
}

.stats .stat-box.stat-box-3 {
    padding-left: 10%;
}

.stats .stat-box.stat-box-4 {
    margin-left: 20%;
}

.stats .stat-box.stat-box-5 {
    padding-left: 20%;
}

.stats .balloon > span {
    width: 220px;
    position: absolute;
    left: 130px;
    top: 16px;
}

.stats .balloon > span .col {
    display: inline-block;
    width: 48%;
    text-align: left;
}

.stats .balloon > span .col:first-child {
    width: 40%;
}

.stats .balloon > span .col:nth-child(2) {
    width: 57%;
    padding-left: 10px;
}

.stats .balloon > span .col:nth-child(2) {
    padding-top: 20px;
}

.stats .balloon b {
    font-size: 60px;
}

.stats .col1-3 {
    width: calc(33.3333% - 10px);
    margin: 0 5px;
}

.stat-row-1 > .col1-3 {
    width: calc(26% - 10px);
}

.stat-row-1 > .col1-3:nth-child(2) {
    position: relative;
    width: calc(48% - 10px);
    padding-left: 30px;
    padding-right: 30px;
}

.stat-row-2 > .col-half:first-child {
    position: relative;
}

.stat-row-1 > .col1-3:nth-child(2):before,
.stat-row-1 > .col1-3:nth-child(2):after,
.stat-row-2 > .col-half:first-child:after {
    content: '';
    width: 1px;
    height: 100%;
    background: #e9e3e3;
    position: absolute;
}

.stat-row-1 > .col1-3:nth-child(2):before,
.stat-row-1 > .col1-3:nth-child(2):after {
    top: 35%;
}

.stat-row-1 > .col1-3:nth-child(2):before {
    left: 0;
}

.stat-row-1 > .col1-3:nth-child(2):after {
    right: 0;
}

.stat-row-2 > .col-half:first-child:after {
    top: 35%;
    right: 0;
}

.stat-box {
    height: 160px;
    padding: 26px 10px;
    line-height: 1.15;
    position: relative;
    margin: 0 auto;
    font-size: 15px;
    font-family: 'zona_proregular', sans-serif;
    color: #505050;
}

.stat-box em {
    font-family: 'zona_prosemibold', sans-serif;
}

.stat-box .col {
    font-size: 18px;
    color: #505050;
    vertical-align: middle;
}

.stat-box .col.red {
    color: #db0720;
    vertical-align: middle;
    font-size: 19px;
    font-family: 'zona_prosemibold', sans-serif;
}

.stat-box.gray-bg {
    background: #f1f1f1;
    border-radius: 4px;
}

.stats .row:first-child .col-half:nth-child(2) .stat-box {
    height: 134px;
}

.col2-3 {
    width: 75%;
}

.stats .col2-3 {
    width: 71%;
}

.col1-3,
.stats .col1-3 .col1-3 {
    width: 25%;
}

.stat-box.sm {
    max-width: 263px;
}

.stat-box .icon-graduate {
    position: absolute;
    top: -12px;
    left: 24.752475247524752%;
}

.stat-box .icon-sun {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}

.col-40 {
    width: 40%;
}

.col-60 {
    width: 60%;
}

.stats > .row {
    margin-bottom: 65px;
}

.balloon {
    width: 295px;
    height: 120px;
    background: url(../images/chapter1/balloon-bg.png) no-repeat scroll top left;
    background-size: cover;
    display: inline-block;
    font-size: 14px;
    color: #333333;
    text-align: center;
    position: absolute;
    top: 69px;
    left: -54%;
}

.right-nav {
    position: fixed;
    z-index: 100;
    right: 34px;
    top: 5vh;
    opacity: 0;
    -webkit-animation: rightNavShow 1s ease-out 4.4s forwards;
    -o-animation: rightNavShow 1s ease-out 4.4s forwards;
    animation: rightNavShow 1s ease-out 4.4s forwards;
}

.right-nav:before {
    content: '';
    width: 2px;
    height: 90vh;
    background: rgba(255,255,255,.15);
    position: absolute;
    top: 0;
    right: 0;
}

.right-nav.black:before {
    background: rgba(0,0,0,.15);
}

.right-nav .circle {
    display: inline-block;
    width: 9px;
    height: 9px;
    background: #ffffff;
    border-radius: 50%;
}

.right-nav.black .circle {
    background: #9e9d9d;
}

.right-nav .black .circle {
    background: #333333;
}

.right-nav .active1 .circle:before,
.right-nav .prev .circle:before {
    content: '';
    width: 25px;
    height: 25px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 0;
}

.right-nav.black .active1 .circle:before,
.right-nav.black .prev .circle:before {
    border: 2px solid #9e9d9d;
}

.right-nav.black .prev .circle:before,
.right-nav .prev .circle:before {
    border: 0;
}

.right-nav .prev .circle {
    background: #ff0000;
}

.right-nav .active1.black .circle:before {
    border: 2px solid #333333;
}

.right-nav li {
    position: absolute;
    margin-top: -15px;
    left: 100%;
    margin-left: -15px;
    padding: 10px;
}

.right-nav li:hover {
    cursor: pointer;
}

.right-nav li:first-child {
    top: 0;
}

.right-nav li:nth-child(2) {
    top: 33%
}

.right-nav li:nth-child(3) {
    top: 66%
}

.right-nav li:nth-child(4) {
    top: 100%
}

.right-nav li:after {
    content: '';
    width: 2px;
    position: absolute;
    top: 0;
    left: 49%;
    background: red;
    height: 0;
    -webkit-transform: translate(-50%,23px);
    -moz-transform: translate(-50%,23px);
    -ms-transform: translate(-50%,23px);
    -o-transform: translate(-50%,23px);
    transform: translate(-50%,23px);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}


.right-nav li.prev:after {
    height: calc(25vh + 20px);
}

.right-nav .prev ~ li.prev:after {
    height: calc(25vh + 37px);
    top: -19px;
}

.right-nav .prev ~ .prev ~ li.prev:after {
    height: calc(25vh + 45px);
    top: -19px;
}

.right-nav .txt {
    font-family: 'zona_prosemibold', sans-serif;
    font-size: 11px;
    color: #e2e2e2;
    position: absolute;
    right: 40px;
    text-align: right;
    width: 190px;
    line-height: 1.2;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s ease-out .3s;
    -moz-transition: all .4s ease-out .3s;
    -ms-transition: all .4s ease-out .3s;
    -o-transition: all .4s ease-out .3s;
    transition: all .4s ease-out .3s;
}

.right-nav.black .txt {
    color: #2d2d2d;
}

.right-nav .black .txt {
    color: #333333;
}

.right-nav .active1 .txt {
    opacity: 1;
    visibility: visible;
}

/******************************************************/
/********************* CHAPTER 2 **********************/
/******************************************************/

.chapter2-video .video-img {
    width: 100%;
    height: 100vh;
    background: url(../images/chapter2/3e-progress-videoBg.jpg) no-repeat scroll center center;
    background-size: cover;
}

.desktop .chapter2-video .video-img {
    opacity: 0;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.desktop .chapter2-video .js_video-play {
    opacity: 0;
}

.desktop .chapter2-video.in-view .video-img {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.desktop .chapter2-video.in-view .js_video-play {
    opacity: 1;
    -webkit-transition: all .4s ease-out .3s;
    -moz-transition: all .4s ease-out .3s;
    -ms-transition: all .4s ease-out .3s;
    -o-transition: all .4s ease-out .3s;
    transition: all .4s ease-out .3s;
}

.chapter2-video iframe {
    height: 100vh;
}

.chapter2-progress {
    padding: 150px 0;
    position: relative;
}

.chapter2-progress:before,
.chapter2-video :before,
.chapter3-story:before,
.chapter3-story:after,
.chapter3-video:before,
.chapter3-video:after {
    content: '';
    width: 1px;
    height: 85px;
    background: #bababa;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.chapter3-video:before,
.chapter3-video:after {
    background: #ffffff;
}

.chapter3-story:after,
.chapter3-video:after {
    top: auto;
    bottom: 0;
}

.chapter2-video :before {
    top: -85px;
}

.chapter2-progress .wrapper {
    width: 100%;
    max-width: 1030px;
    margin: 0 auto;
}

.desktop .chapter2-progress .col-half {
    opacity: 0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
}

.desktop .chapter2-progress.in-view .col-half {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.desktop .chapter2-progress.in-view .col-half:first-child {
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.desktop .chapter2-progress.in-view .col-half:nth-child(2) {
    -webkit-transition: all .4s ease-out .3s;
    -moz-transition: all .4s ease-out .3s;
    -ms-transition: all .4s ease-out .3s;
    -o-transition: all .4s ease-out .3s;
    transition: all .4s ease-out .3s;
}

.chapter2-progress .col-half:first-child {
    padding-right: 20px;
}

.chapter2-progress .col-half:nth-child(2) {
    padding-left: 33px;
}

.chapter2-progress .img-container {
    position: relative;
}

.chapter2-progress .img {
    position: absolute;
}

.chapter2-progress .img:first-child {
    z-index: 3;
    top: 5px;
}

.chapter2-progress .img:nth-child(2) {
    z-index: 2;
    top: 75px;
    left: 40px;
}

.chapter2-progress .img:nth-child(3) {
    z-index: 1;
    top: 20px;
    left: 25px;
}

/*.desktop .chapter2 .chapter2-progress .img {
    opacity: 0;
    visibility: hidden;
}

.desktop .chapter2 .chapter2-progress .img:first-child,
.desktop .chapter2 .chapter2-progress .img:nth-child(2),
.desktop .chapter2 .chapter2-progress .img:nth-child(3) {
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
}*/

/*.desktop .chapter2 .chapter2-progress.in-view .img:nth-child(3) {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .8s ease-out .8s;
    -moz-transition: all .8s ease-out .8s;
    -ms-transition: all .8s ease-out .8s;
    -o-transition: all .8s ease-out .8s;
    transition: all .8s ease-out .8s;
}

.desktop .chapter2 .chapter2-progress.in-view .img:nth-child(2) {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .8s ease-out .6s;
    -moz-transition: all .8s ease-out .6s;
    -ms-transition: all .8s ease-out .6s;
    -o-transition: all .8s ease-out .6s;
    transition: all .8s ease-out .6s;
}

.desktop .chapter2 .chapter2-progress.in-view .img:first-child {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .8s ease-out 1.4s;
    -moz-transition: all .8s ease-out 1.4s;
    -ms-transition: all .8s ease-out 1.4s;
    -o-transition: all .8s ease-out 1.4s;
    transition: all .8s ease-out 1.4s;
}*/

.chapter2-video {
    min-height: 100vh;
    position: relative;
}

.chapter2-video .js_video-play:before {
    display: none;
}

.chapter2-video .video-container {
    max-width: 100%;
    position: relative;
    height: 100vh;
}

.chapter2-quote {
    padding: 125px 0 125px;
    text-align: center;
}

.desktop .chapter2-quote blockquote {
    opacity: 0;
    -webkit-transform: translateY(80px);
    -moz-transform: translateY(80px);
    -ms-transform: translateY(80px);
    -o-transform: translateY(80px);
    transform: translateY(80px);
}

.desktop .chapter2-quote.in-view blockquote {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .4s ease-out .2s;
    -moz-transition: all .4s ease-out .2s;
    -ms-transition: all .4s ease-out .2s;
    -o-transition: all .4s ease-out .2s;
    transition: all .4s ease-out .2s;
}

.chapter2-quote .wrapper {
    width: 100%;
    max-width: 930px;
    margin: 0 auto;
}

blockquote {
    font-family: 'zona_proregular', sans-serif;
    font-size: 30px;
    color: #818080;
    line-height: 1.2;
    position: relative;
    padding-top: 105px;
}

blockquote:before {
    content: '“';
    font-size: 150px;
    font-family: 'zona_proregular', sans-serif;
    line-height: 1;
    color: #db0720;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.chapter2-quote blockquote .signature {
    margin-top: 50px;
}

blockquote .signature,
blockquote .signature > span {
    font-family: 'zona_prosemibold', sans-serif;
    display: block;
    font-size: 12px;
    color: #db0720;
}

/******************************************************/
/********************* CHAPTER 3 **********************/
/******************************************************/
.chapter3-story {
    padding: 150px 0 0;
    position: relative;
    overflow: hidden;
}

.chapter3-story .wrapper {
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
}

.chapter3-story p.big {
    font-size: 18px;
}

.desktop .chapter3-story p.big,
.desktop .chapter3-story .col-half,
.desktop .chapter3-story .footer-row {
    opacity: 0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
}

.desktop .chapter3-story.in-view p.big {
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.desktop .chapter3-story.in-view .col-half:first-child {
    -webkit-transition: all .4s ease-out .2s;
    -moz-transition: all .4s ease-out .2s;
    -ms-transition: all .4s ease-out .2s;
    -o-transition: all .4s ease-out .2s;
    transition: all .4s ease-out .2s;
}

.desktop .chapter3-story.in-view .col-half:nth-child(2) {
    -webkit-transition: all .4s ease-out .4s;
    -moz-transition: all .4s ease-out .4s;
    -ms-transition: all .4s ease-out .4s;
    -o-transition: all .4s ease-out .4s;
    transition: all .4s ease-out .4s;
}

.desktop .chapter3-story.in-view .footer-row {
    -webkit-transition: all .4s ease-out .9s;
    -moz-transition: all .4s ease-out .9s;
    -ms-transition: all .4s ease-out .9s;
    -o-transition: all .4s ease-out .9s;
    transition: all .4s ease-out .9s;
}

.desktop .chapter3-story.in-view p.big,
.desktop .chapter3-story.in-view .col-half,
.desktop .chapter3-story.in-view .footer-row {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.chapter3-story .row {
    margin: 80px 0;
}

.chapter3-story .footer-row {
    padding-bottom: 150px;
    background: #ffffff;
    position: relative;
}

.chapter3-story blockquote {
    text-align: center;
    margin: 0 65px 10px 0;
    padding-top: 80px;
    font-size: 28px;
}

.chapter3-story blockquote .signature {
    margin-top: 20px;
}

.chapter3-story .fixed-element {
    -webkit-transition: all .9s ease-out;
    -moz-transition: all .9s ease-out;
    -ms-transition: all .9s ease-out;
    -o-transition: all .9s ease-out;
    transition: all .9s ease-out;
}

.chapter3-video {
    height: 100vh;
    width: 100%;
    background: url(../images/chapter3/3e-future-videoBg.jpg) no-repeat scroll center center;
    position: relative;
}

.chapter3-video .video-img {
    width: 100%;
    height: 100%;
    background: url(../images/chapter3/3e-future-videoCover.jpg) no-repeat scroll center center;
    background-size: cover;
}

.desktop .chapter3-video .video-img {
    opacity: 0;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
}

.desktop .chapter3-video .js_video-play {
    opacity: 0;
}

.desktop .chapter3-video.in-view .video-img {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.desktop .chapter3-video.in-view .video-img {
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.desktop .chapter3-video.in-view .js_video-play {
   opacity: 1;
    -webkit-transition: all .4s ease-out .3s;
    -moz-transition: all .4s ease-out .3s;
    -ms-transition: all .4s ease-out .3s;
    -o-transition: all .4s ease-out .3s;
    transition: all .4s ease-out .3s;
}

.chapter3-footer {
    width: 100%;
    height: 622px;
    background: url(../images/chapter3/chapter3-footer.jpg) no-repeat scroll center center;
    background-size: cover;
}

.icon-arrow-right {
    background-position: -433px -6px;
    width: 31px;
    height: 15px;
}

.icon-arrow-up {
    background-position: -232px -5px;
    width: 15px;
    height: 32px;
}

.icon-logo {
    background-position: -258px -5px;
    width: 164px;
    height: 154px;
}

.btn {
    font-family: 'zona_proregular', sans-serif;
    font-size: 30px;
    display: inline-block;
    border: 0;
    outline: 0;
    border-radius: 4px;
    padding: 26px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.btn.btn-red {
    color: #ffffff;
    background: #db0720;
}

.btn .icon-arrow-right {
    margin-left: 6px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.btn:hover {
    opacity: .8;
}

.btn:hover .icon-arrow-right {
    -webkit-transform: translateX(6px);
    -moz-transform: translateX(6px);
    -ms-transform: translateX(6px);
    -o-transform: translateX(6px);
    transform: translateX(6px);
}

.chapter3-footer {
    text-align: center;
    padding-top: 110px;
}

.chapter3-footer blockquote {
    font-size: 30px;
    color: #ffffff;
    margin-bottom: 100px;
}

.desktop .chapter3-footer blockquote,
.desktop .chapter3-footer .btn {
    opacity: 0;
    -webkit-transform: translateY(80px);
    -moz-transform: translateY(80px);
    -ms-transform: translateY(80px);
    -o-transform: translateY(80px);
    transform: translateY(80px);
}

.desktop .chapter3-footer.in-view blockquote,
.desktop .chapter3-footer.in-view .btn {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.desktop .chapter3-footer.in-view blockquote {
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.desktop .chapter3-footer.in-view .btn {
    -webkit-transition: all .4s ease-out .4s;
    -moz-transition: all .4s ease-out .4s;
    -ms-transition: all .4s ease-out .4s;
    -o-transition: all .4s ease-out .4s;
    transition: all .4s ease-out .4s;
}

.chapter3-footer blockquote .signature {
    font-family: 'zona_prosemibold', sans-serif;
    font-size: 12px;
    line-height: 1.3;
    color: #b4b4b4;
    display: block;
    margin-top: 35px;
}

.chapter3-audio .wrapper {
    width: 100%;
    max-width: 935px;
    margin: 0 auto;
    padding: 190px 0 100px;
}

.txt-right {
    text-align: right;
}

.col-amanda {
    padding-top: 68px;
}

.col-eirini {
    text-align: right;
    padding-right: 50px;
}

.col-victor {
    padding-left: 76px;
}

.col-ioanna {
    padding-left: 40px;
    padding-top: 59px;
}

.audio-box {
    margin-bottom: 55px;
}

.audio-box figure img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    /*-webkit-backface-visibility: hidden;*/ /* Fix for transition flickering */
    position: relative;
}

.audio-box.colored figure img,
.audio-box:hover figure img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

.audio-box figcaption {
    font-family: 'zona_prosemibold', sans-serif;
    font-size: 15px;
    color: #1c1c1c;
    text-align: left;
    margin-top: 20px;
}

.audio-box figcaption > span {
    display: block;
    margin: 3px 0;
}

.icon-play {
    background-position: -102px -69px;
    width: 42px;
    height: 41px;
}

.icon-pause {
    background-position: -102px -127px;
    width: 42px;
    height: 41px;
}

.audio-timeline {
    width: 66%;
    height: 5px;
    float: left;
    border-radius: 6px;
    background: #ffffff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20%;

}

.audio-playhead {
    width: 18px;
    height: 6px;
    border-radius: 6px;
    background: #e1b384;
}

.audio-time {
    font-size: 12px;
    color: #ffffff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    right: 0;
}

/*.audio-time-controls {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s e   ase-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}*/

.audio-moto {
    font-family: 'zona_proregular', sans-serif;
    font-size: 22px;
    color: #242424;
    position: absolute;
    top: 226px;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(-90deg);
    -moz-transform: translateX(-50%) rotate(-90deg);
    -ms-transform: translateX(-50%) rotate(-90deg);
    -o-transform: translateX(-50%) rotate(-90deg);
    transform: translateX(-50%) rotate(-90deg);
}

.desktop .chapter3-audio .audio-moto {
    opacity: 0;
}

.desktop .chapter3-audio.in-view .audio-moto {
    opacity: 1;
    -webkit-transition: all .4s ease-out .2s;
    -moz-transition: all .4s ease-out .2s;
    -ms-transition: all .4s ease-out .2s;
    -o-transition: all .4s ease-out .2s;
    transition: all .4s ease-out .2s;
}

.desktop .chapter3-audio .audio-box {
    opacity: 0;
}

.desktop .chapter3-audio .audio-box-1,
.desktop .chapter3-audio .audio-box-3 {
    -webkit-transform: translateX(-80px);
    -moz-transform: translateX(-80px);
    -ms-transform: translateX(-80px);
    -o-transform: translateX(-80px);
    transform: translateX(-80px);
}

.desktop .chapter3-audio .audio-box-2,
.desktop .chapter3-audio .audio-box-4 {
    -webkit-transform: translateX(80px);
    -moz-transform: translateX(80px);
    -ms-transform: translateX(80px);
    -o-transform: translateX(80px);
    transform: translateX(80px);
}

.desktop .chapter3-audio.in-view .audio-box-1,
.desktop .chapter3-audio.in-view .audio-box-2,
.desktop .chapter3-audio.in-view .audio-box-3,
.desktop .chapter3-audio.in-view .audio-box-4 {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.desktop .chapter3-audio.in-view .audio-box-1,
.desktop .chapter3-audio.in-view .audio-box-2 {
    -webkit-transition: all .4s ease-out .4s;
    -moz-transition: all .4s ease-out .4s;
    -ms-transition: all .4s ease-out .4s;
    -o-transition: all .4s ease-out .4s;
    transition: all .4s ease-out .4s;
}

.desktop .chapter3-audio.in-view .audio-box-3,
.desktop .chapter3-audio.in-view .audio-box-4 {
    -webkit-transition: all .4s ease-out .8s;
    -moz-transition: all .4s ease-out .8s;
    -ms-transition: all .4s ease-out .8s;
    -o-transition: all .4s ease-out .8s;
    transition: all .4s ease-out .8s;
}

.audio-box .controls-play-pause {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.jp-type-single .jp-play,
.jp-type-single .jp-stop {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.jp-type-single .jp-play,
.jp-type-single .jp-stop,
.jp-progress,
.jp-duration {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: 10;
}

.jp-audio.jp-state-playing .jp-type-single .jp-play,
.jp-audio .jp-type-single .jp-stop,
.jp-progress,
.jp-duration {
    opacity: 0;
    visibility: hidden;
}

.jp-audio.jp-state-playing .jp-type-single .jp-stop,
.jp-audio.jp-state-playing .jp-progress,
.jp-audio.jp-state-playing .jp-duration {
    opacity: 1;
    visibility: visible;
}

.media-player {
    position: absolute;
    margin-top: -34px;
    left: 22px;
    width: calc(100% - 48px);
}

.audio-box figure {
    display: inline-block;
    position: relative;
    min-height: 415px;
}
/******************************************************/
/********************** FOOTER ************************/
/******************************************************/
.main-footer {
    text-align: center;
    padding: 53px 0 45px;
    /*position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;*/
}

.main-footer b {
    font-family: 'zona_proextrabold', sans-serif;
    font-weight: normal;
}

.main-footer .wrapper {
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
}

.back-top {
    padding-top: 6px;
    position: relative;
    display: inline-block;
}

.back-top:before {
    content: '';
    width:15px;
    height: 2px;
    background: #e0283e;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.back-top .txt {
    display: block;
    padding-top: 24px;
    font-family: 'zona_prosemibold', sans-serif;
    font-size: 12px;
    color: #313131;
}

.back-top .icon-arrow-up {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.back-top:hover {
    cursor: pointer;
}

.back-top:hover .icon-arrow-up {
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px);
}

.main-footer .logo {
    margin: 100px auto;
}

.main-footer a:link,
.main-footer a:visited {
    font-family: 'zona_prosemibold', sans-serif;
    font-size: 12px;
    color: #1c1c1c;
    text-decoration: none;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.main-footer a:hover,
.main-footer a:active {
    color: #db0720;
}

.main-footer,
.main-footer p {
    font-family: 'zona_proregular', sans-serif;
    line-height: 1.5;
    font-size: 12px;
    color: #7d7d7d;
}

.main-footer p {
    margin-top: 12px;
}

.cs-loader {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 200;
    background: #ffffff;
}

.cs-loader-inner {
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    width: calc(100% - 200px);
    color: #737373;
    padding: 0 100px;
    text-align: center;
}

.cs-loader-inner label {
    font-size: 20px;
    opacity: 0;
    display:inline-block;
}

@keyframes lol {
    0% {
        opacity: 0;
        transform: translateX(-300px);
    }
    33% {
        opacity: 1;
        transform: translateX(0px);
    }
    66% {
        opacity: 1;
        transform: translateX(0px);
    }
    100% {
        opacity: 0;
        transform: translateX(300px);
    }
}

@-webkit-keyframes lol {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-300px);
    }
    33% {
        opacity: 1;
        -webkit-transform: translateX(0px);
    }
    66% {
        opacity: 1;
        -webkit-transform: translateX(0px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(300px);
    }
}

.cs-loader-inner label:nth-child(6) {
    -webkit-animation: lol 3s infinite ease-in-out;
    animation: lol 3s infinite ease-in-out;
}

.cs-loader-inner label:nth-child(5) {
    -webkit-animation: lol 3s 100ms infinite ease-in-out;
    animation: lol 3s 100ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(4) {
    -webkit-animation: lol 3s 200ms infinite ease-in-out;
    animation: lol 3s 200ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(3) {
    -webkit-animation: lol 3s 300ms infinite ease-in-out;
    animation: lol 3s 300ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(2) {
    -webkit-animation: lol 3s 400ms infinite ease-in-out;
    animation: lol 3s 400ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(1) {
    -webkit-animation: lol 3s 500ms infinite ease-in-out;
    animation: lol 3s 500ms infinite ease-in-out;
}

.desktop .chapter1-chance .img,
.desktop .chapter1-chance .text-right,
.desktop .chapter1-chance .text-left {
    -webkit-transform: translateY(40%);
    -moz-transform: translateY(40%);
    -ms-transform: translateY(40%);
    -o-transform: translateY(40%);
    transform: translateY(40%);
    opacity: 0;
}

.desktop .chapter1-chance .col.in-view .img {
    -webkit-transition: all .6s ease-out .4s;
    -moz-transition: all .6s ease-out .4s;
    -ms-transition: all .6s ease-out .4s;
    -o-transition: all .6s ease-out .4s;
    transition: all .6s ease-out .4s;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.desktop .chapter1-chance .col.in-view .text-left,
.desktop .chapter1-chance .col.in-view .text-right {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.desktop .chapter1-chance .col.in-view .text-right {
    -webkit-transition: all .6s ease-out .6s;
    -moz-transition: all .6s ease-out .6s;
    -ms-transition: all .6s ease-out .6s;
    -o-transition: all .6s ease-out .6s;
    transition: all .6s ease-out .6s;
}

.desktop .chapter1-chance .col.in-view .text-left {
    -webkit-transition: all .6s ease-out;
    -moz-transition: all .6s ease-out;
    -ms-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    transition: all .6s ease-out;
}

.desktop .chapter1-chance .img.fixed {
    position: fixed;
    top: 50px;
    z-index: 4;
}

/*.intro {*/
    /*z-index: 4;*/
/*}*/

/*.chapter1 {*/
    /*z-index: 3;*/
/*}*/

/*.chapter2 {*/
    /*z-index: 2;*/
    /*background: #ffffff;*/
/*}*/

/*.chapter3 {*/
    /*z-index: 1;*/
/*}*/

/* CURTAIN */
html {
    height: 100%;
    overflow-x: hidden;
}

.curtains{
    width: 100%;
    z-index:1;
    position:relative;
}

.curtains>li {
    -webkit-transform: translateZ(0);
    background: white;
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    z-index: 1;
    -webkit-transition: all .6s ease-out;
    -moz-transition: all .6s ease-out;
    -ms-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    transition: all .6s ease-out;
}
.curtains>li.hidden{display:none;}
.curtains>li:first-child{z-index:2;}


.icon-fb {
    background-position: -9px -199px;
    width: 24px;
    height: 24px;
}

.icon-twitter {
    background-position: -53px -199px;
    width: 24px;
    height: 24px;
}

.share.white .icon-fb {
    background-position: -9px -241px;
}

.share.white .icon-twitter {
    background-position: -53px -241px;
}

.share-links a {
    opacity: 0;
    visibility: hidden;
}

.share.active .share-links a {
    opacity: 1;
    visibility: visible;
}

.share .share-links a.twitter,
.share.active .share-links a.fb {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.share .share-links a.fb,
.share.active .share-links a.twitter {
    -webkit-transition: all .3s ease-out .15s;
    -moz-transition: all .3s ease-out .15s;
    -ms-transition: all .3s ease-out .15s;
    -o-transition: all .3s ease-out .15s;
    transition: all .3s ease-out .15s;
}

.share .share-links a.fb {
    margin-left: 5px;
}

.share-links a {
    display: inline-block;
    padding: 5px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.share-links a:hover {
    opacity: .8;
}

.iScrollIndicator {
    opacity: 0 !important;
}

.chapter2-progress.no-line:before {
    display: none;
}

.chapter2-progress.no-line {
    padding-top: 30px;
    padding-bottom: 30px;
}

.chapter3-story {
    padding-bottom: 30px;
}

.chapter2-progress:before {
    top: -85px;
}

.chapter2-progress {
    padding-top: 80px;
}

.chapter2-progress a:link,
.chapter2-progress a:visited {
    font-family: 'zona_prosemibold', sans-serif;
    color: #1c1c1c;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.chapter2-progress a:hover,
.chapter2-progress a:active {
    color: #db0720;
}

.icon-big-fb {
    background-position: -115px -199px;
    width: 48px;
    height: 48px;
}

.icon-big-fb:hover {
    opacity: .8;
}

html:not(.desktop) .balloon {
    top: 107px;
    left: 121px;
}

#mob-nav {
    width: 53px;
    height: 53px;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99999;
    background: #000000;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#mob-nav span {
    display: block;
    position: absolute;
    height: 4px;
    width: 32px;
    background: #ffffff;
    border-radius: 9px;
    opacity: 1;
    left: 50%;
    margin-left: -16px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    top: 15px;
}

#mob-nav span:nth-child(1) {
    top: 15px;
}

#mob-nav span:nth-child(2),#nav-icon3 span:nth-child(3) {
    top: 24px;
}

#mob-nav span:nth-child(4) {
    top: 33px;
}

#mob-nav.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

#mob-nav.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#mob-nav.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 24px;
}

#mob-nav.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.mob-menu-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.45);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    -webkit-transform: scale(.95);
    -moz-transform: scale(.95);
    -ms-transform: scale(.95);
    -o-transform: scale(.95);
    transform: scale(.95);
}

.mob-menu-popup.open {
    background: rgba(0,0,0,.95);
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.mob-menu-popup .content {
    padding: 15vh 10px 0 45px;
}

.mob-menu-popup a:link,
.mob-menu-popup a:visited {
    font-family: 'zona_prosemibold', sans-serif;
    font-size: 18px;
    color: #ffffff;
    display: block;
    line-height: 1.2;
    padding: 8px 0;
    margin: 5px 0;
    text-decoration: none;
}

.mob-menu-popup,
#mob-nav,
.mob-only{
    display: none;
}

@-moz-document url-prefix() {
    .desktop body.loaded .intro .in-view .bg {
        -webkit-transition: all 4.4s ease 1s;
        -moz-transition: all 4.4s ease 1s;
        -ms-transition: all 4.4s ease 1s;
        -o-transition: all 4.4s ease 1s;
        transition: all 4.4s ease 1s;
    }

}


#section42 {
    padding-top: 0;
    position: relative;
}

#section42:before {
    content: '';
    width: 2px;
    height: 85px;
    background: #bababa;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.main-logo {
    position: fixed;
    top: 5vh;
    left: 0;
    z-index: 5000;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.desktop .main-logo {
    display: none;
}

.main-logo.hidden {
    opacity: 0;
    visibility: hidden;
}