@charset "UTF-8";
html {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

*,
*::before,
*::after {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.inner,
.nav-panel ul .nav-btn::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
}

html,
body {
    width: 100%;
    height: 100%;
    font-family: "Montserrat", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
    color: #1f1f1f;
    font-size: 16px;
    -ms-overflow-style: none;
    overflow: hidden;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
    display: none;
}

@media (max-width: 1439px) {
    html,
    body {
        font-size: 14px;
    }
}

header {
    position: fixed;
    background: transparent;
    z-index: 1000000;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

header .title-container {
    margin-left: auto;
    margin-right: 50px;
    overflow: hidden;
    /*height:$title-top;*/
}

header .title-scroll {
    position: relative;
    top: 40px;
}

header .title-container h2 {
    font-size: 2rem;
    /*margin:0 0 30px 0;*/
    margin: 0;
    font-weight: bold;
    color: #fff;
    line-height: 100%;
}

header h3 {
    position: relative;
    z-index: 10;
    color: #fff;
}

h1 {
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 0 0;
    font-size: 1.25rem;
    color: #fff;
    transition: all ease 1s;
    -moz-transition: all ease 1s;
    -webkit-transition: all ease 1s;
    -o-transition: all ease 1s;
}

#horizontalScroll {
    position: relative;
}

#block1,
#block2,
#block3 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 100vh;
}

#block3 {
    background-color: #e6e3d9;
    background-image: url("../images/davidplas_37820.jpg");
    background-size: cover;
    background-position: center center;
}

.wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    -webkit-transition: -webkit-transform 1.5s;
    transition: -webkit-transform 1.5s;
    -o-transition: transform 1.5s;
    transition: transform 1.5s;
    transition: transform 1.5s, -webkit-transform 1.5s;
    background-image: url(../images/fondo-2.jpg);
    background-size: 100% auto;
    background-position: left bottom;
    background-repeat: no-repeat;
}

@media (min-width: 1200px) {
    .wrapper {
        overflow: hidden;
    }
}

@media (max-width: 1199px) {
    .wrapper {
        overflow: hidden;
        overflow-y: auto;
    }
}

.wrapper.flag {
    background-image: url(../images/fondo-3.jpg);
    background-size: auto 100vh;
    background-color: #c6bebe;
    background-position: left top;
}

.wrapper.barnier {
    background-image: url(../images/fondo-4.jpg);
    background-size: cover;
    background-position: left top;
    background-color: #001351;
}

.wrapper.convention {
    background-image: url(../images/fondo-5.jpg);
    background-size: cover;
    background-color: #001351;
}

.wrapper.birth {
    background-color: #001351;
    background-image: url("../images/banner_the_birth_of_an_agency_.jpg");
    background-size: cover;
    background-position: center center;
    transition: opacity 2s;
    -moz-transition: opacity 2s;
    -webkit-transition: opacity 2s;
    -o-transition: opacity 2s;
}

.wrapper .page {
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.wrapper .page article {
    margin-bottom: 20px;
    width: 100%;
}

.wrapper .article-title {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -moz-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    margin-top: 140px;
    position: relative;
    left: 100%;
    margin-right: 25%;
}

.wrapper .page .article-content {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 40px;
}

.wrapper .article-content .textContent {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    left: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 1.5s;
    -moz-transition: opacity 1.5s;
    -webkit-transition: opacity 1.5s;
    -o-transition: opacity 1.5s;
}

.wrapper .page h3 {
    color: #fff;
    font-weight: 700;
    margin: 0 0 0 0;
    position: relative;
    left: 100%;
    min-height: 52px;
    z-index: 10;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 1.5s;
    -moz-transition: opacity 1.5s;
    -webkit-transition: opacity 1.5s;
    -o-transition: opacity 1.5s;
}

.wrapper .page .year-container {
    white-space: nowrap;
    overflow: hidden;
}

.wrapper .page .year-container h4 {
    white-space: nowrap;
    color: #fff;
    font-weight: 100;
    margin: 0;
    position: relative;
    top: 52px;
}

.wrapper .page h3,
.wrapper .page .year-container h4 {
    font-size: 1.5rem;
}

@media (min-width: 768px) {
    .wrapper .page h3,
    .wrapper .page .year-container h4 {
        font-size: 2rem;
    }
}

@media (min-width: 1200px) {
    .wrapper .page h3,
    .wrapper .page .year-container h4 {
        font-size: 2.5rem;
    }
}

@media (min-width: 1440px) {
    .wrapper .page h3,
    .wrapper .page .year-container h4 {
        font-size: 3rem;
    }
}

.wrapper .page p {
    color: #fff;
    font-weight: 400;
    margin: 15px 0;
    line-height: 1.75;
}

@media screen and (max-height: 950px) {
    .wrapper .page p {
        line-height: 1.5;
    }
}

@media screen and (max-height: 850px) {
    .wrapper .page p {
        line-height: 1.4;
    }
}

.wrapper .page .scroll-signal {
    text-transform: uppercase;
}

.wrapper .page .article-content figcaption span {
    display: block;
    font-size: 1.4em;
    margin-bottom: 6px;
    line-height: 1.2;
}

.wrapper .page svg {
    position: absolute;
}

header {
    height: 90px;
    padding: 0 15px;
}

header .logo img {
    max-height: 50px;
}

@media screen and (min-width: 768px) {
    .page article {
        padding-top: 90px;
    }
    .page .yearContent article {
        padding-top: 0;
    }
    .yearsFooter {
        top: 140px;
    }
    #timeline {
        top: 190px;
    }
    #block3 .wrapperHorizontal {
        top: 230px;
    }
}

.wrapper .page.page0 {
    background-image: url("../images/fondo-1.jpg");
    background-size: cover;
    background-position: center center;
    height: 100vh;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.wrapper .page.page0 .page-content {
    margin: 0 auto 20px;
    max-width: 90%;
}

.wrapper .page.page0 h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 2.5rem;
    font-weight: 600;
    margin: 20px 0 30px 0;
}

.wrapper .page.page0 img.logo-eda {
    margin: auto;
    display: none;
}

.wrapper .page.page0 div.scroll-signal {
    width: 40%;
}

.wrapper .page.page0 .scroll-signal i {
    font-size: 1.4em;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .wrapper .page.page0 {
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }
}

@media screen and (min-width: 768px) {
    .wrapper .page.page0 img.logo-eda {
        max-height: 100px;
    }
    .wrapper .page.page0 .page-content {
        max-width: 600px;
    }
}

@media (min-width: 992px) {
    .wrapper .page.page0 .page-content {
        max-width: 500px;
    }
    .wrapper .page.page0 img.logo-eda {
        max-height: 150px;
        display: block;
    }
    .wrapper .page.page0 h2 {
        font-size: 3.5rem;
    }
}

.wrapper .page.page1,
.wrapper .page.page11 {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.wrapper .page.page7.birth {
    background-color: #001351;
    background-image: url("../images/banner_the_birth_of_an_agency_.jpg");
    background-size: cover;
    background-position: center center;
    transition: opacity 2s;
    -moz-transition: opacity 2s;
    -webkit-transition: opacity 2s;
    -o-transition: opacity 2s;
}

.wrapper .page.page2,
.wrapper .page.page3,
.wrapper .page.page5,
.wrapper .page.page6,
.wrapper .page.page4 {
    background-color: #c6bebe;
    transition: background-color 1s;
    -moz-transition: background-color 1s;
    -webkit-transition: background-color 1s;
    -o-transition: background-color 1s;
}

.wrapper .page.page10 {
    position: relative;
    background-color: #001351;
    transition: background-color 1s;
    -moz-transition: background-color 1s;
    -webkit-transition: background-color 1s;
    -o-transition: background-color 1s;
}

.wrapper .page.page10.transparent {
    background-color: transparent !important;
}

.wrapper .page.page11 {
    background-color: #001351;
    transition: background-color 1s;
    -moz-transition: background-color 1s;
    -webkit-transition: background-color 1s;
    -o-transition: background-color 1s;
}

.wrapper .page.page11.transparent {
    background-color: transparent !important;
}

.wrapper .page.page1 article {
    width: 1200px;
}

.wrapper .page.page7 .article-title {
    margin-top: 80px;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.wrapper .page.page7 .article-title .svgContainer {
    max-width: 500px;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
}

.wrapper .page.page7 .article-title .svgContainer svg {
    top: 10px;
}

.wrapper .page.page7 h3 {
    font-size: 3rem;
    left: 0;
    margin: 0 35px;
}

.wrapper .page.page7 .year-container h4 {
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
}

.wrapper .page.page2 h3,
.wrapper .page.page2 h4 {
    margin-left: 15%;
}

.wrapper .page.page3 h3,
.wrapper .page.page3 h4 {
    margin-left: 20%;
}

.wrapper .page.page4 h3,
.wrapper .page.page4 h4 {
    margin-left: 35%;
}

.wrapper .page.page5 h3,
.wrapper .page.page5 h4 {
    margin-left: 5%;
}

.wrapper .page.page6 h3,
.wrapper .page.page6 h4 {
    margin-left: 52%;
}

.wrapper .page.page8 h3,
.wrapper .page.page8 h4 {
    margin-left: 50%;
}

.wrapper .page.page9 h3,
.wrapper .page.page9 h4 {
    margin-left: 35%;
}

.wrapper .page.page10 h3,
.wrapper .page.page10 h4 {
    margin-left: 15%;
}

.wrapper .page.page11 h3,
.wrapper .page.page11 h4 {
    margin-left: 35%;
}

.wrapper .page.page12 h3,
.wrapper .page.page12 h4 {
    margin-left: 35%;
}

.wrapper .page.page13 h3,
.wrapper .page.page13 h4 {
    margin-left: 40%;
}

.wrapper .page.page14 h3,
.wrapper .page.page14 h4 {
    margin-left: 35%;
}

@media (min-width: 1440px) {
    .wrapper .page.page5 h3,
    .wrapper .page.page5 h4 {
        margin-left: 15%;
    }
}

.wrapper .page.page2 .year-container h4,
.wrapper .page.page2 h3,
.wrapper .page.page2 p,
.wrapper .page.page3 .year-container h4,
.wrapper .page.page3 h3,
.wrapper .page.page3 p,
.wrapper .page.page4 .year-container h4,
.wrapper .page.page4 h3,
.wrapper .page.page4 p,
.wrapper .page.page5 .year-container h4,
.wrapper .page.page5 h3,
.wrapper .page.page5 p,
.wrapper .page.page6 .year-container h4,
.wrapper .page.page6 h3,
.wrapper .page.page6 p,
.wrapper .page.page10 p,
.wrapper .page.page10 figcaption h4 {
    color: #191919;
}

.wrapper .page.page2 circle.center {
    -ms-transform: translateX(45%);
    /* IE 9 */
    -webkit-transform: translateX(45%);
    /* Safari prior 9.0 */
    transform: translateX(45%);
    /* Standard syntax */
    transition: 1.5s;
    -moz-transition: 1.5s;
    -webkit-transition: 1.5s;
    -o-transition: 1.5s;
}

.wrapper .page.page8 circle.center {
    -ms-transform: translateX(45%);
    /* IE 9 */
    -webkit-transform: translateX(45%);
    /* Safari prior 9.0 */
    transform: translateX(45%);
    /* Standard syntax */
    transition: 1.5s;
    -moz-transition: 1.5s;
    -webkit-transition: 1.5s;
    -o-transition: 1.5s;
}

.wrapper .page.page9 circle.center {
    -ms-transform: translateX(45%);
    /* IE 9 */
    -webkit-transform: translateX(45%);
    /* Safari prior 9.0 */
    transform: translateX(45%);
    /* Standard syntax */
    transition: 1.5s;
    -moz-transition: 1.5s;
    -webkit-transition: 1.5s;
    -o-transition: 1.5s;
}

.wrapper .page.page10 circle.center {
    -ms-transform: translateX(45%);
    /* IE 9 */
    -webkit-transform: translateX(45%);
    /* Safari prior 9.0 */
    transform: translateX(45%);
    /* Standard syntax */
    transition: 1.5s;
    -moz-transition: 1.5s;
    -webkit-transition: 1.5s;
    -o-transition: 1.5s;
}

.wrapper .page.page11 circle.center {
    -ms-transform: translateX(45%);
    /* IE 9 */
    -webkit-transform: translateX(45%);
    /* Safari prior 9.0 */
    transform: translateX(45%);
    /* Standard syntax */
    transition: 1.5s;
    -moz-transition: 1.5s;
    -webkit-transition: 1.5s;
    -o-transition: 1.5s;
}

.wrapper .page.page12 circle.center {
    -ms-transform: translateX(55%);
    /* IE 9 */
    -webkit-transform: translateX(55%);
    /* Safari prior 9.0 */
    transform: translateX(55%);
    /* Standard syntax */
    transition: 1.5s;
    -moz-transition: 1.5s;
    -webkit-transition: 1.5s;
    -o-transition: 1.5s;
}

.wrapper .page.page14 circle.center {
    -ms-transform: translateX(33%);
    /* IE 9 */
    -webkit-transform: translateX(33%);
    /* Safari prior 9.0 */
    transform: translateX(33%);
    /* Standard syntax */
    transition: 1.5s;
    -moz-transition: 1.5s;
    -webkit-transition: 1.5s;
    -o-transition: 1.5s;
}

.wrapper .page.page3 circle.center {
    -ms-transform: translateX(18%);
    /* IE 9 */
    -webkit-transform: translateX(18%);
    /* Safari prior 9.0 */
    transform: translateX(18%);
    /* Standard syntax */
    transition: 1.5s;
    -moz-transition: 1.5s;
    -webkit-transition: 1.5s;
    -o-transition: 1.5s;
}

.wrapper .page.page4 circle.center {
    -ms-transform: translateX(21%);
    /* IE 9 */
    -webkit-transform: translateX(21%);
    /* Safari prior 9.0 */
    transform: translateX(21%);
    /* Standard syntax */
    transition: 1.5s;
    -moz-transition: 1.5s;
    -webkit-transition: 1.5s;
    -o-transition: 1.5s;
}

.wrapper .page.page5 circle.center {
    -ms-transform: translateX(21%);
    /* IE 9 */
    -webkit-transform: translateX(21%);
    /* Safari prior 9.0 */
    transform: translateX(21%);
    /* Standard syntax */
    transition: 1.5s;
    -moz-transition: 1.5s;
    -webkit-transition: 1.5s;
    -o-transition: 1.5s;
}

.wrapper .page.page6 circle {
    -ms-transform: translateX(-5%);
    /* IE 9 */
    -webkit-transform: translateX(-5%);
    /* Safari prior 9.0 */
    transform: translateX(-5%);
    /* Standard syntax */
    transition: 1.5s;
    -moz-transition: 1.5s;
    -webkit-transition: 1.5s;
    -o-transition: 1.5s;
}

.wrapper .page.page6 circle.center {
    -ms-transform: translateX(calc(100% - 7px));
    /* IE 9 */
    -webkit-transform: translateX(calc(100% - 7px));
    /* Safari prior 9.0 */
    transform: translateX(calc(100% - 7px));
    /* Standard syntax */
    transition: 1.5s;
    -moz-transition: 1.5s;
    -webkit-transition: 1.5s;
    -o-transition: 1.5s;
}

.wrapper .page.page10 circle.center {
    -ms-transform: translateX(31%);
    /* IE 9 */
    -webkit-transform: translateX(31%);
    /* Safari prior 9.0 */
    transform: translateX(31%);
    /* Standard syntax */
    transition: 1.5s;
    -moz-transition: 1.5s;
    -webkit-transition: 1.5s;
    -o-transition: 1.5s;
}

.wrapper .page.page13 circle.center {
    -ms-transform: translateX(15%);
    /* IE 9 */
    -webkit-transform: translateX(15%);
    /* Safari prior 9.0 */
    transform: translateX(15%);
    /* Standard syntax */
    transition: 1.5s;
    -moz-transition: 1.5s;
    -webkit-transition: 1.5s;
    -o-transition: 1.5s;
}

.wrapper .page.page1 .article-content {
    margin-left: 250px;
    left: 100%;
    position: relative;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 2s;
    -moz-transition: opacity 2s;
    -webkit-transition: opacity 2s;
    -o-transition: opacity 2s;
}

.wrapper .page.page11 .article-content {
    position: relative;
    left: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 2s;
    -moz-transition: opacity 2s;
    -webkit-transition: opacity 2s;
    -o-transition: opacity 2s;
}

.wrapper .page.page6 .article-content {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
}

.wrapper .page.page7 .article-content {
    position: relative;
    left: 100%;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.wrapper .page.page12 .article-content {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.wrapper .page .article-content figure .image-crop {
    overflow: hidden;
}

.wrapper .page.page2 .article-content figure {
    position: relative;
    padding: 0 30px;
    left: 100%;
    z-index: 2;
    top: -20px;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: 30%;
    -moz-flex-basis: 30%;
    -ms-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.wrapper .page.page2 .article-content figure .image-crop {
    max-width: 450px;
    height: 100%;
    width: 100%;
}

.wrapper .page.page2 .article-content figure img {
    max-width: 100%;
    left: 0;
    position: relative;
    top: -25px;
    z-index: 5;
}

.wrapper .page.page8 .article-content figure {
    position: relative;
    padding: 0 30px;
    left: 100%;
    z-index: 2;
    top: -100px;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: 30%;
    -moz-flex-basis: 30%;
    -ms-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.wrapper .page.page8 .article-content figure .image-crop {
    max-width: 450px;
    height: 100%;
}

.wrapper .page.page8 .article-content figure img {
    max-width: 100%;
    left: 0;
    position: relative;
    top: -25px;
    z-index: 5;
}

.wrapper .page.page9 .article-content figure {
    position: relative;
    padding: 0 30px;
    left: 100%;
    z-index: 2;
    top: -20px;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: 30%;
    -moz-flex-basis: 30%;
    -ms-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.wrapper .page.page9 .article-content figure .image-crop {
    max-width: 450px;
    height: 100%;
}

.wrapper .page.page9 .article-content figure img {
    max-width: 100%;
    left: 0;
    position: relative;
    top: -25px;
    z-index: 5;
}

.wrapper .page.page10 .article-content figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    opacity: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.wrapper .page.page10 .article-content figure img {
    height: 100%;
    z-index: 5;
    position: absolute;
    right: -100%;
    top: 0;
}

.wrapper .page.page12 .article-content figure {
    position: relative;
    padding: 0 30px;
    left: 100%;
    z-index: 2;
    top: -43px;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: 30%;
    -moz-flex-basis: 30%;
    -ms-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.wrapper .page.page12 .article-content figure .image-crop {
    max-width: 850px;
    width: 100%;
    height: 480px;
}

.wrapper .page.page12 .article-content figure img {
    left: 0;
    position: relative;
    top: -25px;
    z-index: 5;
    width: 110%;
}

.wrapper .page.page13 .article-content img {
    width: 115%;
    position: relative;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}

.wrapper .page.page13 .article-content figure {
    position: relative;
    top: 0;
    margin-left: 50px;
}

.wrapper .page.page13 .article-content figure .image-crop {
    width: 325px;
    height: 420px;
    position: relative;
    left: 1000px;
}

.wrapper .page.page14 .article-content figure {
    position: relative;
    left: 100%;
    z-index: 2;
    margin: 40px;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.wrapper .page.page14 .article-content figure .image-crop {
    max-width: 850px;
    width: 100%;
    height: 480px;
}

.wrapper .page.page14 .article-content figure img {
    left: 0;
    position: relative;
    top: -25px;
    z-index: 5;
    width: 110%;
}

.wrapper .page.page6 .article-content img {
    height: 102vh;
    position: relative;
    left: -20%;
    z-index: 1;
    transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -ms-transform: 3s;
    /* IE 9 */
    -webkit-transform: 3s;
    /* Safari prior 9.0 */
    transform: 3s;
    /* Standard syntax */
}

.wrapper .page.page6 .article-content figure {
    position: relative;
    height: 100vh;
    top: calc(-10% - 40px);
}

.wrapper .page.page6 .article-content figure .image-crop {
    position: relative;
    width: 650px;
    left: 75%;
    transition: opacity 2s;
    -moz-transition: opacity 2s;
    -webkit-transition: opacity 2s;
    -o-transition: opacity 2s;
}

.wrapper .page.page3 .article-content img {
    width: 115%;
    position: relative;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}

.wrapper .page.page3 .article-content .fig1 {
    position: absolute;
    top: -20%;
}

.wrapper .page.page3 .article-content .fig1 .image-crop {
    width: 300px;
    height: 445px;
    position: relative;
    left: 1500px;
}

.wrapper .page.page3 .article-content .fig2 {
    position: absolute;
    bottom: 25px;
    right: 0;
}

.wrapper .page.page3 .article-content .fig2 .image-crop {
    width: 550px;
    overflow: hidden;
    height: 400px;
    position: absolute;
    right: -1500px;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.wrapper .page.page3 .article-content .fig1 img {
    z-index: 2;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}

.wrapper .page.page3 .article-content .fig2 img {
    z-index: 1;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}

figure img.dark {
    -webkit-filter: brightness(50%);
    /* Safari 6.0 - 9.0 */
    filter: brightness(50%);
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}

.wrapper .page .article-content figcaption {
    color: #191919;
    background: #fff;
    position: absolute;
    padding: 25px 35px;
    font-weight: bold;
    font-size: .85em;
    overflow: hidden;
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    line-height: 1.2;
    z-index: 5;
}

.wrapper .page.page2 .article-content figcaption {
    width: 325px;
    left: 1000px;
    bottom: 0;
}

.wrapper .page.page9 .article-content figcaption {
    width: 325px;
    left: 1000px;
    bottom: 100px;
}

.wrapper .page.page12 .article-content figcaption {
    width: 325px;
    right: -100%;
    bottom: 100px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.wrapper .page.page14 .article-content figcaption {
    width: 325px;
    right: -100%;
    top: 218px;
    z-index: 5;
    opacity: 0;
    filter: alpha(opacity=0);
}

.wrapper .page.page10 .article-content figcaption {
    top: 45%;
    left: 100%;
    z-index: 10;
}

.wrapper .page.page10 .article-content figcaption h4 {
    font-size: 1.8em;
    margin: 25px 0 10px 0;
}

.wrapper .page.page10 .article-content figcaption p {
    line-height: 1.6em;
    font-size: 1.1em;
}

.wrapper .page.page6 .article-content figcaption {
    bottom: 500px;
    width: 350px;
    right: -2000px;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 2;
}

.wrapper .page.page13 .article-content figcaption {
    width: 275px;
    left: 1000px;
    bottom: 150px;
    position: relative;
}

.wrapper .page .article-content .indexText {
    font-size: 40px;
    letter-spacing: 0;
    text-align: right;
    line-height: 100% !important;
    margin: 20px 40px 15px 15px;
    height: 40px;
    width: 100px;
    overflow: hidden;
    position: relative;
    right: 0;
    top: 0;
}

.wrapper .page .article-content .indexText span {
    position: relative;
    width: 40%;
    display: inline-block;
    left: 0;
    text-align: right;
}

.wrapper .page .textCarousel-container {
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 20px;
}

.wrapper .page .textCarousel-container p {
    font-size: 14px;
    font-weight: bold;
}

.wrapper .page .textCarousel-container span {
    font-size: 1.4em;
    line-height: 1.2;
    display: block;
}

.wrapper .page .textCarousel-container h5 {
    color: #fff;
    font-size: 14px;
}

.wrapper .page.page1 .textCarousel-container {
    width: 365px;
}

.wrapper .page.page2 .textCarousel-container {
    width: 730px;
}

.wrapper .page.page8 .textCarousel-container {
    max-width: 730px;
}

.wrapper .page.page9 .textCarousel-container {
    max-width: 730px;
}

.wrapper .page.page12 .textCarousel-container {
    max-width: 730px;
}

.wrapper .page.page14 .textCarousel-container {
    max-width: 730px;
}

.wrapper .page.page4 .textCarousel-container {
    max-width: 1095px;
}

.wrapper .page.page5 .textCarousel-container {
    max-width: 1095px;
}

.wrapper .page.page11 .textCarousel-container {
    max-width: 730px;
}

.wrapper .page .textCarousel-content {
    -webkit-column-count: 24;
    -moz-column-count: 24;
    column-count: 24;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    column-width: 325px;
    -webkit-column-width: 325px;
    -moz-column-width: 325px;
    margin-top: 0;
    position: relative;
    margin-bottom: 15px;
}

.wrapper .page .textCarousel-container .textCarousel-content p {
    width: 325px;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 0.9rem;
    font-weight: 400;
}

.wrapper .page .textCarousel-container .textCarousel-content p:first-child {
    margin-top: 0;
}

.wrapper .page.page1 .textCarousel-content {
    width: 325px;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}

.wrapper .page .textCarousel-content {
    max-height: 410px;
}

.wrapper .page.page1 .textCarousel-content {
    max-height: 360px;
}

.wrapper .page.page2 .textCarousel-content {
    max-height: 375px;
}

.wrapper .page.page6 .textCarousel-content {
    max-height: 360px;
}

.wrapper .page.page13 .textCarousel-content {
    max-height: 430px;
}

.wrapper .page.page8 .textCarousel-content {
    max-height: 375px;
}

.wrapper .page.page9 .textCarousel-content {
    max-height: 375px;
}

.wrapper .page.page12 .textCarousel-content {
    max-height: 375px;
}

.wrapper .page.page7 .textCarousel-content {
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
}

.wrapper .page.page11 .textCarousel-content {
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    /*opacity:0;*/
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
}

.wrapper .page.page7 .textCarousel-container .textCarousel-content p {
    width: 325px;
}

.wrapper .page.page1 .textCarousel-container aside,
.wrapper .page.page11 .textCarousel-container aside {
    height: 100px;
    overflow: hidden;
    margin-top: 50px;
}

.wrapper .page.page1 .textCarousel-container aside span,
.wrapper .page.page11 .textCarousel-container aside span {
    display: inline-block;
    margin-right: 10px;
}

.wrapper .page.page1 .textCarousel-container aside p,
.wrapper .page.page11 .textCarousel-container aside p {
    margin-top: 5px;
}

.wrapper .page.page11 .textCarousel-container aside {
    width: 325px;
}

@media (max-height: 900px) {
    .wrapper .page .textCarousel-content {
        max-height: 300px;
    }
    .wrapper .page.page1 .textCarousel-content {
        max-height: 260px;
    }
    .wrapper .page.page2 .textCarousel-content {
        max-height: 300px;
    }
    .wrapper .page.page6 .textCarousel-content {
        max-height: 360px;
    }
    .wrapper .page.page13 .textCarousel-content {
        max-height: 320px;
    }
    .wrapper .page.page8 .textCarousel-content {
        max-height: 300px;
    }
    .wrapper .page.page9 .textCarousel-content {
        max-height: 300px;
    }
    .wrapper .page.page12 .textCarousel-content {
        max-height: 300px;
    }
    .wrapper .page.page11 .textCarousel-content {
        max-height: 250px;
    }
    .wrapper .page.page3 .textCarousel-content {
        max-height: 320px;
    }
    .wrapper .page.page1 .textCarousel-container aside,
    .wrapper .page.page11 .textCarousel-container aside {
        margin-top: 20px;
    }
}

@media (max-height: 800px) {
    .wrapper .page .textCarousel-container .textCarousel-content p {
        font-size: 13px;
    }
    .wrapper .page.page3 .textCarousel-container .textCarousel-content p {
        font-size: 13px;
    }
}

.wrapper .page.page3 .textCarousel-container {
    width: 730px;
}

.wrapper .page.page3 .figureGroup {
    position: relative;
    width: calc(100% - 765px);
    max-width: 600px;
    margin-left: 35px;
}

.wrapper .page.page3 .article-content .fig1 figcaption {
    width: 375px;
    right: -1000px;
    bottom: 225px;
    position: relative;
}

.wrapper .page.page3 .article-content .fig2 figcaption {
    width: 375px;
    z-index: 5;
    left: -375px;
    bottom: 300px;
    opacity: 0;
    filter: alpha(opacity=0);
}

@media (max-width: 1439px) {
    .wrapper .page.page3 .textCarousel-container {
        width: 590px;
    }
    .wrapper .page.page3 .textCarousel-content {
        column-width: 550px;
        -webkit-column-width: 550px;
        -moz-column-width: 550px;
    }
    .wrapper .page.page3 .textCarousel-container .textCarousel-content p {
        width: 550px;
    }
    .wrapper .page.page3 .article-content .fig1 figcaption {
        right: 0 !important;
    }
    .wrapper .page.page3 .article-content .fig2 .image-crop {
        width: 520px;
    }
}

.wrapper .page.page6 .textCarousel-container {
    width: 730px;
}

.wrapper .page.page6 .article-content figure .image-crop {
    top: -40%;
}

@media (min-width: 1440px) {
    .wrapper .page.page6 .article-content figure .image-crop {
        top: -25%;
    }
}

@media (max-width: 1439px) {
    .wrapper .page.page6 .textCarousel-content {
        column-width: 730px;
        -webkit-column-width: 730px;
        -moz-column-width: 730px;
    }
    .wrapper .page.page6 .textCarousel-container .textCarousel-content p {
        width: 70%;
    }
    .wrapper .page.page6 .article-content img {
        left: 0 !important;
    }
    .wrapper .page.page6 .article-content figcaption {
        right: 20px !important;
        bottom: 300px !important;
    }
}

.wrapper .page.page13 .textCarousel-container {
    width: 730px;
}

.wrapper .page.page13 .article-content figure {
    width: calc(100% - 780px);
    max-width: 500px;
    margin-left: 50px;
}

@media (max-width: 1439px) {
    .wrapper .page.page13 .textCarousel-content {
        column-width: 730px;
        -webkit-column-width: 730px;
        -moz-column-width: 730px;
    }
    .wrapper .page.page13 .textCarousel-container .textCarousel-content p {
        width: 95%;
    }
    .wrapper .page.page13 .article-content figure {
        margin-left: 0;
    }
}

.wrapper .page.page14 .textCarousel-container {
    width: 730px;
}

@media (max-width: 1439px) {
    .wrapper .page.page14 .textCarousel-content {
        column-width: 730px;
        -webkit-column-width: 730px;
        -moz-column-width: 730px;
    }
    .wrapper .page.page14 .textCarousel-container .textCarousel-content p {
        width: 600px;
    }
}

.wrapper .page.page10 .article-content figcaption {
    margin-left: 15%;
    max-width: 90%;
}

@media (min-width: 1440px) {
    .wrapper .page.page10 .article-content figcaption {
        width: 600px;
    }
}

@media (max-width: 1439px) {
    .wrapper .page.page10 .article-content figcaption {
        width: 400px;
    }
}

.wrapper .page .scroll-signal a {
    color: #fff;
}

.wrapper .page.page1 .scroll-signal {
    margin: 14% 17% auto auto;
    opacity: 0;
    filter: alpha(opacity=0);
}

.wrapper .page.page7 .scroll-signal {
    width: 350px;
    padding: 2% 4%;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
}

.wrapper .page.page6 .scroll-signal {
    position: absolute;
    bottom: 40%;
    right: 20px;
    max-width: 300px;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: .9em;
}

.wrapper .page.page6 .scroll-signal svg {
    position: static;
}

.wrapper .page.page6 .scroll-signal p {
    margin: 0;
    line-height: 1.5;
}

.wrapper .page.page6 .scroll-signal .year {
    font-weight: 300;
}

.wrapper .page.page6 .scroll-signal .title {
    text-transform: capitalize;
    font-weight: 700;
}

.wrapper .page.page14 .scroll-signal {
    position: fixed;
    font-size: .9em;
    max-width: 300px;
    margin-left: 40px;
    bottom: 10px;
    right: 10px;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.wrapper .page.page14 .scroll-signal svg {
    top: 5px;
    left: -50px;
}

.wrapper .page.page14 .scroll-signal p {
    margin: 0;
    line-height: 1.5;
}

.wrapper .page.page14 .scroll-signal .year {
    font-weight: 300;
}

.wrapper .page.page14 .scroll-signal .title {
    text-transform: capitalize;
    font-weight: 700;
}

@media (min-width: 1440px) {
    .wrapper .page.page14 .scroll-signal {
        bottom: 50px;
    }
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src: url("fonts/montserrat-v14-latin-100.eot");
    /* IE9 Compat Modes */
    src: local("Montserrat Thin"), local("Montserrat-Thin"), url("fonts/montserrat-v14-latin-100.eot?#iefix") format("embedded-opentype"), url("fonts/montserrat-v14-latin-100.woff2") format("woff2"), url("fonts/montserrat-v14-latin-100.woff") format("woff"), url("fonts/montserrat-v14-latin-100.ttf") format("truetype"), url("fonts/montserrat-v14-latin-100.svg#Montserrat") format("svg");
    /* Legacy iOS */
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: url("fonts/montserrat-v14-latin-300.eot");
    /* IE9 Compat Modes */
    src: local("Montserrat Light"), local("Montserrat-Light"), url("fonts/montserrat-v14-latin-300.eot?#iefix") format("embedded-opentype"), url("fonts/montserrat-v14-latin-300.woff2") format("woff2"), url("fonts/montserrat-v14-latin-300.woff") format("woff"), url("fonts/montserrat-v14-latin-300.ttf") format("truetype"), url("fonts/montserrat-v14-latin-300.svg#Montserrat") format("svg");
    /* Legacy iOS */
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 300;
    src: url("fonts/montserrat-v14-latin-300italic.eot");
    /* IE9 Compat Modes */
    src: local("Montserrat Light Italic"), local("Montserrat-LightItalic"), url("fonts/montserrat-v14-latin-300italic.eot?#iefix") format("embedded-opentype"), url("fonts/montserrat-v14-latin-300italic.woff2") format("woff2"), url("fonts/montserrat-v14-latin-300italic.woff") format("woff"), url("fonts/montserrat-v14-latin-300italic.ttf") format("truetype"), url("fonts/montserrat-v14-latin-300italic.svg#Montserrat") format("svg");
    /* Legacy iOS */
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url("fonts/montserrat-v14-latin-regular.eot");
    /* IE9 Compat Modes */
    src: local("Montserrat Regular"), local("Montserrat-Regular"), url("fonts/montserrat-v14-latin-regular.eot?#iefix") format("embedded-opentype"), url("fonts/montserrat-v14-latin-regular.woff2") format("woff2"), url("fonts/montserrat-v14-latin-regular.woff") format("woff"), url("fonts/montserrat-v14-latin-regular.ttf") format("truetype"), url("fonts/montserrat-v14-latin-regular.svg#Montserrat") format("svg");
    /* Legacy iOS */
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 400;
    src: url("fonts/montserrat-v14-latin-italic.eot");
    /* IE9 Compat Modes */
    src: local("Montserrat Italic"), local("Montserrat-Italic"), url("fonts/montserrat-v14-latin-italic.eot?#iefix") format("embedded-opentype"), url("fonts/montserrat-v14-latin-italic.woff2") format("woff2"), url("fonts/montserrat-v14-latin-italic.woff") format("woff"), url("fonts/montserrat-v14-latin-italic.ttf") format("truetype"), url("fonts/montserrat-v14-latin-italic.svg#Montserrat") format("svg");
    /* Legacy iOS */
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url("fonts/montserrat-v14-latin-500.eot");
    /* IE9 Compat Modes */
    src: local("Montserrat Medium"), local("Montserrat-Medium"), url("fonts/montserrat-v14-latin-500.eot?#iefix") format("embedded-opentype"), url("fonts/montserrat-v14-latin-500.woff2") format("woff2"), url("fonts/montserrat-v14-latin-500.woff") format("woff"), url("fonts/montserrat-v14-latin-500.ttf") format("truetype"), url("fonts/montserrat-v14-latin-500.svg#Montserrat") format("svg");
    /* Legacy iOS */
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 500;
    src: url("fonts/montserrat-v14-latin-500italic.eot");
    /* IE9 Compat Modes */
    src: local("Montserrat Medium Italic"), local("Montserrat-MediumItalic"), url("fonts/montserrat-v14-latin-500italic.eot?#iefix") format("embedded-opentype"), url("fonts/montserrat-v14-latin-500italic.woff2") format("woff2"), url("fonts/montserrat-v14-latin-500italic.woff") format("woff"), url("fonts/montserrat-v14-latin-500italic.ttf") format("truetype"), url("fonts/montserrat-v14-latin-500italic.svg#Montserrat") format("svg");
    /* Legacy iOS */
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url("fonts/montserrat-v14-latin-600.eot");
    /* IE9 Compat Modes */
    src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url("fonts/montserrat-v14-latin-600.eot?#iefix") format("embedded-opentype"), url("fonts/montserrat-v14-latin-600.woff2") format("woff2"), url("fonts/montserrat-v14-latin-600.woff") format("woff"), url("fonts/montserrat-v14-latin-600.ttf") format("truetype"), url("fonts/montserrat-v14-latin-600.svg#Montserrat") format("svg");
    /* Legacy iOS */
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 600;
    src: url("fonts/montserrat-v14-latin-600italic.eot");
    /* IE9 Compat Modes */
    src: local("Montserrat SemiBold Italic"), local("Montserrat-SemiBoldItalic"), url("fonts/montserrat-v14-latin-600italic.eot?#iefix") format("embedded-opentype"), url("fonts/montserrat-v14-latin-600italic.woff2") format("woff2"), url("fonts/montserrat-v14-latin-600italic.woff") format("woff"), url("fonts/montserrat-v14-latin-600italic.ttf") format("truetype"), url("fonts/montserrat-v14-latin-600italic.svg#Montserrat") format("svg");
    /* Legacy iOS */
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url("fonts/montserrat-v14-latin-700.eot");
    /* IE9 Compat Modes */
    src: local("Montserrat Bold"), local("Montserrat-Bold"), url("fonts/montserrat-v14-latin-700.eot?#iefix") format("embedded-opentype"), url("fonts/montserrat-v14-latin-700.woff2") format("woff2"), url("fonts/montserrat-v14-latin-700.woff") format("woff"), url("fonts/montserrat-v14-latin-700.ttf") format("truetype"), url("fonts/montserrat-v14-latin-700.svg#Montserrat") format("svg");
    /* Legacy iOS */
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 700;
    src: url("fonts/montserrat-v14-latin-700italic.eot");
    /* IE9 Compat Modes */
    src: local("Montserrat Bold Italic"), local("Montserrat-BoldItalic"), url("fonts/montserrat-v14-latin-700italic.eot?#iefix") format("embedded-opentype"), url("fonts/montserrat-v14-latin-700italic.woff2") format("woff2"), url("fonts/montserrat-v14-latin-700italic.woff") format("woff"), url("fonts/montserrat-v14-latin-700italic.ttf") format("truetype"), url("fonts/montserrat-v14-latin-700italic.svg#Montserrat") format("svg");
    /* Legacy iOS */
}

#timeline {
    position: fixed;
    width: 100%;
    left: 37.5%;
    transition: width 1s;
    -moz-transition: width 1s;
    -webkit-transition: width 1s;
    -o-transition: width 1s;
    display: none;
    /*z-index: 10;*/
}

#timeline.sectionInit {
    width: 1200px;
    left: 100%;
    transition: width 1s;
    -moz-transition: width 1s;
    -webkit-transition: width 1s;
    -o-transition: width 1s;
}

#timeline.section2InitWidth {
    width: 25%;
    transition: width 1s;
    -moz-transition: width 1s;
    -webkit-transition: width 1s;
    -o-transition: width 1s;
}

#timeline.sectionInit circle,
#timeline.section2Init circle {
    fill: #fff;
}

#timeline.sectionInit line,
#timeline.section2Init line {
    stroke: #fff;
    transition: all .3s ease-in
}

#timeline.section3Init {
    transition: width 1s;
    -moz-transition: width 1s;
    -webkit-transition: width 1s;
    -o-transition: width 1s;
}

#timeline.section3Init circle {
    fill: #283c68;
}

#timeline.section3Init line {
    stroke: #283c68;
}

footer.footer-page-0 {
    position: static;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 10%;
}

footer.footer-page-0 svg {
    position: static;
}

footer.footer-page-0 ul {
    margin-top: 15px;
}

footer.footer-page-0 ul li {
    display: inline;
    color: #fff;
    margin: 0 8px;
}

footer .progress-bar {
    transition: 0.8s;
    -moz-transition: 0.8s;
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
}


/*
* MENU 
*/

.nav-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.nav-panel h3 {
    margin-right: 50px;
    text-transform: uppercase;
    font-weight: bold;
}

.nav-panel h3.desplegado {
    color: #191919 !important;
}

#menuToggle {
    display: block;
    position: relative;
    top: 0px;
    left: -30px;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#menuToggle input {
    display: block;
    width: 40px;
    height: 32px;
    position: absolute;
    top: -7px;
    left: -5px;
    cursor: pointer;
    opacity: 0;
    /* hide this */
    z-index: 2;
    /* and place it over the hamburger */
    -webkit-touch-callout: none;
}


/* Just a quick hamburger */

#menuToggle>span {
    display: block;
    width: 20px;
    height: 2px;
    margin-bottom: 3px;
    position: relative;
    background-color: #fff;
    border-radius: 3px;
    z-index: 1;
    -webkit-transform-origin: 4px 0px;
    -ms-transform-origin: 4px 0px;
    transform-origin: 4px 0px;
    -webkit-transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    -o-transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}

body.section15 #menuToggle>span {
    background-color: #283c68;
}

#menuToggle>span:first-child {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}

#menuToggle>span:nth-last-child(2) {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

#menuToggle input:checked~span {
    opacity: 1;
    -webkit-transform: rotate(45deg) translate(-2px, -1px);
    -ms-transform: rotate(45deg) translate(-2px, -1px);
    transform: rotate(45deg) translate(-2px, -1px);
    background: #232323;
}

#menuToggle input:checked~span:nth-last-child(3) {
    opacity: 0;
    -webkit-transform: rotate(0deg) scale(0.2, 0.2);
    -ms-transform: rotate(0deg) scale(0.2, 0.2);
    transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked~span:nth-last-child(2) {
    -webkit-transform: rotate(-45deg) translate(0, -1px);
    -ms-transform: rotate(-45deg) translate(0, -1px);
    transform: rotate(-45deg) translate(0, -1px);
}

#menuToggle input:checked~ul {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.nav-panel ul .nav-btn::after {
    display: none;
}

#menu {
    position: absolute;
    width: 400px;
    height: calc(100vh + 55px);
    margin: 0 0 0 -320px;
    padding: 100px 0 20px 0;
    background: white;
    list-style-type: none;
    top: -55px;
    -webkit-font-smoothing: antialiased;
    /* to stop flickering of text in safari */
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
    transition: -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    -o-transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}

#menu li {
    font-size: 13px;
    color: #1f1f1f;
    font-weight: 400;
    position: relative;
    border-top: 1px solid #e5e5e5;
    /*&::before{ display:none;   content: ''; position: absolute; width: 18px; height: 18px; left: -10px; background-color: #263697; border: 4px solid #263697; top: 10px; border-radius: 50%; z-index: 1; } &.active::before{border: 4px solid #BBB;  }*/
}

#menu li span {
    display: block;
    padding: 12px 20px;
    text-transform: uppercase;
}

#menu li span>strong {
    display: inline-block;
    margin-right: 5px;
    color: #283c68;
    font-weight: 600;
}

#menu li>ul {
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
}

#menu li>ul>li {
    font-weight: 400;
    padding: 12px 20px;
}

#menu li:not(.active) {
    cursor: pointer;
}

#menu li.active>span {
    background: #e5e5e5;
}

#menu li.active>ul {
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
}

#menu li.active>ul>li.active {
    background: #283c68;
    color: #fff;
}

#menu li>ul.sbinline>li {
    float: left;
    border-top: none !important;
    padding: 12px 10px !important;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    width: 16% !important;
    margin: 0;
    text-align: center;
}

#menu li>ul.sbinline::after {
    clear: both;
    content: "";
    display: table;
    height: 0;
}

::-webkit-scrollbar {
    display: none;
}

.marginTop20 {
    margin-top: 20px;
}

#block3 .page-horizontal {
    position: relative;
}

#block3 .page h2 {
    color: #283c68;
    text-transform: uppercase;
    font-size: 3.5rem;
    font-weight: 600;
    margin: 20px 0 30px 0;
}

#block3 .page p {
    color: #000;
    font-size: 1rem;
    line-height: 30px;
    font-weight: 400;
    margin: 15px 0;
}

#block3 .page.page15 {
    position: relative;
}

#block3 .wrapperHorizontal {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-direction: normal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 100;
}

#block3 .wrapperHorizontal .page-horizontal {
    pointer-events: none;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box: 0 0 auto;
    -moz-box: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    margin: 0;
    overflow: scroll scroll;
}

#block3 .wrapperHorizontal .yearContent {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

#block3 .wrapperHorizontal h3 {
    display: none;
}

#block3 .wrapperHorizontal article {
    font-size: .95em;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}

#block3 .wrapperHorizontal article a:link,
#block3 .wrapperHorizontal article a:visited {
    color: #000;
    text-decoration: underline;
}

#block3 .wrapperHorizontal article a:hover {
    text-decoration: underline;
}

#block3 .wrapperHorizontal article .textContent,
#block3 .wrapperHorizontal article blockquote {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
}

#block3 .wrapperHorizontal article figure {
    margin-top: 40px;
    position: relative;
    left: 100%;
}

#block3 .wrapperHorizontal article figure .image-crop {
    height: 233px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

#block3 .wrapperHorizontal article figure img {
    width: 115%;
    top: -10px;
    position: relative;
    z-index: 0;
}

#block3 .wrapperHorizontal article figure.quote img {
    height: 400px;
    width: auto;
}

#block3 .wrapperHorizontal article figcaption {
    margin: 20px 0;
    font-style: italic;
    font-size: 0.9375rem;
    line-height: 1.3;
    color: #666;
    position: relative;
    z-index: 0;
}

#block3 .wrapperHorizontal article h4 {
    font-weight: bold;
    position: relative;
    color: #283c68;
}

#block3 .wrapperHorizontal article p {
    position: relative;
}

#block3 .wrapperHorizontal article .hidden {
    display: none;
}

#block3 .wrapperHorizontal article blockquote {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    font-size: inherit;
}

#block3 .wrapperHorizontal article blockquote .blockbox {
    margin-top: 20px;
    background: #fff;
    padding: 25px 25px 40px;
}

#block3 .wrapperHorizontal article blockquote .blockbox p {
    margin-top: 10px;
}

#block3 .wrapperHorizontal article blockquote p {
    font-weight: bold;
    margin-bottom: 20px;
    color: #505050;
}

#block3 .wrapperHorizontal article blockquote footer {
    max-height: 100px;
    overflow: hidden;
}

#block3 .wrapperHorizontal article blockquote cite {
    color: #191919;
    position: relative;
    top: 100px;
    font-weight: 700;
}

#block3 .wrapperHorizontal article blockquote cite span {
    font-size: .75rem;
    display: block;
    margin-top: 8px;
    line-height: 1.3em;
    font-weight: 400;
}

#block3 .wrapperHorizontal article blockquote::before {
    font-family: "Montserrat", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    content: "“";
    color: #283c68;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    font-weight: bold;
    line-height: 100%;
    max-height: 60px;
    display: block;
    overflow: hidden;
    position: absolute;
    z-index: 5;
    top: 0px;
    left: 20px;
}

#block3 .wrapperHorizontal article blockquote.hidden::before {
    font-size: 0px;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}

#block3 .wrapperHorizontal article#october2006 figure {
    margin-top: 0;
}

#block3 .wrapperHorizontal article p,
#block3 .wrapperHorizontal article blockquote p {
    font-size: 0.9375rem;
    line-height: 1.5;
}

#block3 .wrapperHorizontal article h4,
#block3 .wrapperHorizontal article blockquote cite {
    font-size: 1.15rem;
    line-height: 1em;
}

#block3 .wrapperHorizontal article blockquote::before {
    font-size: 100px;
    line-height: 90px;
}

@media (max-width: 1439px) {
    #block3 .wrapperHorizontal article p,
    #block3 .wrapperHorizontal article blockquote p {
        line-height: 1.35;
    }
    #block3 .wrapperHorizontal article blockquote::before {
        font-size: 90px;
        line-height: 80px;
    }
    #block3 .wrapperHorizontal article blockquote .blockbox {
        padding-bottom: 25px;
    }
    #block3 .wrapperHorizontal article figure {
        margin-top: 0;
    }
}

#block3 .wrapperHorizontal .wrapper-2015,
#block3 .wrapperHorizontal .wrapper-2016 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

#block3 .wrapperHorizontal .articleMask {
    overflow: hidden;
}

#block3 .wrapperHorizontal .doubleWidth {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

#block3 .wrapperHorizontal .tripleWidth {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

#block3 .wrapperHorizontal .cuadrupleWidth {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.twoCols {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    margin-top: 1em;
}

.twoCols p:first-child {
    margin-top: 0 !important;
}

#block3 .wrapperHorizontal #march2016 figure img {
    top: 0;
}

#june2015 figcaption,
#december2015 figcaption,
#october2006 figcaption {
    top: 0px;
}

#block3 .wrapperHorizontal article#noMonth2005 .textContent p {
    margin-top: 35px;
}

@media (min-width: 1200px) and (max-width: 1439px) {
    #block3 .wrapperHorizontal,
    #block3 .wrapperHorizontal .page-horizontal {
        width: 1200px;
    }
    #block3 .wrapperHorizontal article,
    #block3 .wrapperHorizontal article blockquote,
    #block3 .wrapperHorizontal article .textContent {
        width: 280px;
    }
    #block3 .wrapperHorizontal article,
    #block3 .wrapperHorizontal article blockquote {
        margin-left: 10px;
        margin-right: 10px;
    }
    #block3 .wrapperHorizontal article blockquote.quote {
        width: 300px;
    }
    #block3 .wrapperHorizontal article .textContent {
        margin-right: 10px;
    }
    #block3 .wrapperHorizontal .articleMask {
        width: 280px;
    }
    #block3 .wrapperHorizontal .textContent.double {
        width: 590px;
    }
    #block3 .wrapperHorizontal .doubleWidth {
        width: 590px;
    }
    #block3 .wrapperHorizontal article.doubleWidth {
        margin-right: 610px;
    }
    #block3 .wrapperHorizontal .tripleWidth {
        width: 880px;
    }
    #block3 .wrapperHorizontal article.tripleWidth {
        margin-right: 310px;
    }
    #block3 .wrapperHorizontal .cuadrupleWidth {
        width: 1170px;
    }
    #block3 .wrapperHorizontal article.cuadrupleWidth {
        margin-right: 20px;
    }
    #block3 .wrapperHorizontal article#july2004 {
        margin-right: 910px;
    }
    #block3 .wrapperHorizontal article#december2005 {
        margin-right: 310px;
    }
    #block3 .wrapperHorizontal article#february2007 {
        margin-right: 0;
    }
    #block3 .wrapperHorizontal article#november2008 {
        margin-right: 310px;
    }
    #block3 .wrapperHorizontal article#june2009 {
        margin-right: 610px;
    }
    #block3 .wrapperHorizontal article#april2010 {
        margin-right: 10px;
    }
    #block3 .wrapperHorizontal article#november2010 {
        margin-right: 10px;
    }
    #block3 .wrapperHorizontal article#july2011 {
        margin-right: 10px;
    }
    #block3 .wrapperHorizontal article#june2012 {
        margin-right: 10px;
    }
    #block3 .wrapperHorizontal article#september2012 {
        margin-right: 10px;
    }
    #block3 .wrapperHorizontal article#november2012 {
        margin-right: 910px;
    }
    #block3 .wrapperHorizontal article#october2014 {
        margin-right: 610px;
    }
    #block3 .wrapperHorizontal article#april2015 {
        margin-right: 310px;
    }
    #block3 .wrapperHorizontal article#november2015 {
        margin-right: 0;
    }
    #block3 .wrapperHorizontal article#july2016 {
        margin-right: 0;
    }
    #block3 .wrapperHorizontal article#november2016 {
        margin-right: 610px;
    }
    #block3 .wrapperHorizontal article#april2017 {
        margin-right: 600px;
    }
    #block3 .wrapperHorizontal article#november2017 {
        margin-right: 10px;
    }
    #block3 .wrapperHorizontal article#december2017 {
        margin-right: 600px;
    }
    #block3 .wrapperHorizontal article#march2018 {
        margin-right: 310px;
    }
    #block3 .wrapperHorizontal article#june2018 {
        margin-right: 0;
    }
    #block3 .wrapperHorizontal article#september2018 {
        margin-right: 0;
    }
    #block3 .wrapperHorizontal article#november2018-2 {
        margin-right: 0;
    }
    #block3 .wrapperHorizontal article#december2018 {
        margin-right: 0;
    }
    #block3 .wrapperHorizontal article#february2019 {
        margin-right: 0;
    }
    #block3 .wrapperHorizontal article#march2019 {
        margin-right: 0;
    }
    #block3 .wrapperHorizontal article#march2019-2 {
        margin-right: 20px;
    }
    #block3 .wrapperHorizontal article#may2019 {
        margin-right: 20px;
    }
    #block3 .wrapperHorizontal article#august2019 {
        margin-right: 0;
    }
    #block3 .wrapperHorizontal article#june2019-2 .textContent {
        width: 500px;
    }
}

@media (min-width: 1440px) {
    #block3 .wrapperHorizontal,
    #block3 .wrapperHorizontal .page-horizontal {
        width: 1440px;
    }
    #block3 .wrapperHorizontal article,
    #block3 .wrapperHorizontal article blockquote,
    #block3 .wrapperHorizontal article .textContent {
        width: 320px;
    }
    #block3 .wrapperHorizontal article,
    #block3 .wrapperHorizontal article blockquote {
        margin-left: 20px;
        margin-right: 20px;
    }
    #block3 .wrapperHorizontal article blockquote.quote {
        width: 360px;
    }
    #block3 .wrapperHorizontal article .textContent {
        margin-right: 20px;
    }
    #block3 .wrapperHorizontal .articleMask {
        width: 320px;
    }
    #block3 .wrapperHorizontal .textContent.double {
        width: 700px;
    }
    #block3 .wrapperHorizontal .doubleWidth {
        width: 700px;
    }
    #block3 .wrapperHorizontal article.doubleWidth {
        margin-right: 740px;
    }
    #block3 .wrapperHorizontal .tripleWidth {
        width: 1040px;
    }
    #block3 .wrapperHorizontal article.tripleWidth {
        margin-right: 380px;
    }
    #block3 .wrapperHorizontal .cuadrupleWidth {
        width: 1380px;
    }
    #block3 .wrapperHorizontal article.cuadrupleWidth {
        margin-right: 40px;
    }
    #block3 .wrapperHorizontal article#july2004 {
        margin-right: 1100px;
    }
    #block3 .wrapperHorizontal article#december2005 {
        margin-right: 380px;
    }
    #block3 .wrapperHorizontal article#february2007 {
        margin-right: 0;
    }
    #block3 .wrapperHorizontal article#november2008 {
        margin-right: 380px;
    }
    #block3 .wrapperHorizontal article#june2009 {
        margin-right: 740px;
    }
    #block3 .wrapperHorizontal article#april2010 {
        margin-right: 20px;
    }
    #block3 .wrapperHorizontal article#november2010 {
        margin-right: 20px;
    }
    #block3 .wrapperHorizontal article#july2011 {
        margin-right: 20px;
    }
    #block3 .wrapperHorizontal article#june2012 {
        margin-right: 20px;
    }
    #block3 .wrapperHorizontal article#september2012 {
        margin-right: 20px;
    }
    #block3 .wrapperHorizontal article#november2012 {
        margin-right: 1100px;
    }
    #block3 .wrapperHorizontal article#october2014 {
        margin-right: 740px;
    }
    #block3 .wrapperHorizontal article#april2015 {
        margin-right: 380px;
    }
    #block3 .wrapperHorizontal article#november2015 {
        margin-right: 0;
    }
    #block3 .wrapperHorizontal article#july2016 {
        margin-right: 0;
    }
    #block3 .wrapperHorizontal article#november2016 {
        margin-right: 740px;
    }
    #block3 .wrapperHorizontal article#april2017 {
        margin-right: 720px;
    }
    #block3 .wrapperHorizontal article#november2017 {
        margin-right: 20px;
    }
    #block3 .wrapperHorizontal article#december2017 {
        margin-right: 720px;
    }
    #block3 .wrapperHorizontal article#march2018 {
        margin-right: 380px;
    }
    #block3 .wrapperHorizontal article#june2018 {
        margin-right: 0;
    }
    #block3 .wrapperHorizontal article#september2018 {
        margin-right: 0;
    }
    #block3 .wrapperHorizontal article#november2018-2 {
        margin-right: 0;
    }
    #block3 .wrapperHorizontal article#december2018 {
        margin-right: 0;
    }
    #block3 .wrapperHorizontal article#february2019 {
        margin-right: 0;
    }
    #block3 .wrapperHorizontal article#march2019 {
        margin-right: 0;
    }
    #block3 .wrapperHorizontal article#march2019-2 {
        margin-right: 20px;
    }
    #block3 .wrapperHorizontal article#may2019 {
        margin-right: 20px;
    }
    #block3 .wrapperHorizontal article#august2019 {
        margin-right: 0;
    }
    #block3 .wrapperHorizontal article#june2019-2 .textContent {
        width: 500px;
    }
}


/*
* Footer year menu
*/

.yearsFooter {
    position: fixed;
    left: 100%;
    overflow: hidden;
    z-index: 2;
    width: 100%;
}

#years {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 1200px) {
    #years {
        max-width: 1200px;
    }
}

@media (min-width: 1440px) {
    #years {
        max-width: 1440px;
    }
}

#years ul {
    position: relative;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#years li {
    text-align: center;
    padding: 10px;
    color: #adaca7;
    font-weight: 700;
    font-size: 1.2rem;
    width: 140px;
    /* <- here it is */
}

#years li:not(.active) {
    cursor: pointer;
}

#years li:hover {
    color: #283c68;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}

#years li.active {
    opacity: 1;
    filter: alpha(opacity=100);
    color: #283c68;
    font-size: 2.5rem;
    font-weight: bold;
    background-image: none;
}