/*
    
    1 - FONTS
    2 - GENERAL HTML SETTINGS
    3 - INTRO
    4 - TIMELINE

*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                            1 - FONTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@font-face {
    font-family: Montserrat-Light;
    src: url('../fonts/Montserrat-Light.ttf');
}

@font-face {
    font-family: Montserrat-Regular;
    src: url('../fonts/Montserrat-Regular.otf');
}

@font-face {
    font-family: Montserrat-Bold;
    src: url('../fonts/Montserrat-Bold.ttf');
}

@font-face {
    font-family: Montserrat-Bold-Italic;
    src: url('../fonts/Montserrat-Bold-Italic.ttf');
}

@font-face {
    font-family: KlintLTPro-Regular;
    src: url('../fonts/KlintLTPro-Regular.otf');
}

@font-face {
    font-family: Supply-Regular;
    src: url('../fonts/Supply-Regular.otf');
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                    2 - GENERAL HTML SETTINGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
*, ::after, ::before {
    box-sizing: border-box
}


:root {
    --montserrat-light: "Montserrat-Light", Helvetica, Arial, Verdana, sans-serif;
    --montserrat-regular: "Montserrat-Regular", Helvetica, Arial, Verdana, sans-serif;
    --montserrat-bold: "Montserrat-Bold", Helvetica, Arial, Verdana, sans-serif;
    --montserrat-bold-italic: "Montserrat-Bold-Italic", Helvetica, Arial, Verdana, sans-serif;
    --supply: "Supply-Regular", Courier New, serif;
    --main-color: #231F20;
}

html {
    font-size: 16px;
    overflow-x: hidden;
    overflow-y: auto;
}


body {
    margin: 0;
    font-family: var(--montserrat-regular);
    line-height: 1.4;
    color: #000;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

::selection, ::-moz-selection {
    background: #1d1d1d;
    color: #fff;
}


a, a:hover {
    text-decoration: none
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                            3 - INTRO
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.cv_intro {
    position: fixed;
    background-color: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    display: none;
}

.cv_intro .lines {
    position: absolute;
    background-color: var(--main-color);
}

.cv_intro .lines.line-1, .cv_intro .lines.line-2, .cv_intro .lines.line-4 {
    border-top: 3px solid var(--main-color);
}

.cv_intro .lines.line-1, .cv_intro .lines.line-2 {
    top: 15.8rem;
}

.cv_intro .lines.line-1 {
    width: 20px;
    left: 54.2%;
}

.cv_intro .lines.line-2 {
    width: 28px;
    left: 73.5%;
}

.cv_intro .lines.line-3 {
    border-top: 6px solid var(--main-color);
    width: 205px;
    left: 27%;
    top: 18.2rem;
}

.cv_intro .lines.line-4 {
    width: 47px;
    top: 20rem;
    left: 65.5%;
}

.cv_intro .intro_info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 21.3rem;
    margin-left: 13.5%;
}

.cv_intro .intro_info h1, .cv_intro .intro_info .subheading {
    text-transform: uppercase;
}

.cv_intro .intro_info h1 {
    font-family: var(--montserrat-bold-italic);
    font-size: 3.3rem;
    line-height: 3.6rem;
    max-width: 31rem;
    margin-left: -4px;
}

.cv_intro .intro_info .subheading, .cv_intro .intro_info .author {
    font-family: var(--montserrat-regular);
    font-weight: 600;
    font-size: 1.1rem;
    letter-spacing: 0.3px;
}

.cv_intro .intro_info hr {
    width: 100px;
    margin-top: 2.3rem;
    margin-left: -0.3rem;
    margin-bottom: 1.5rem;
    border-top: 3px solid #131718;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                            4 - TIMELINE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* container geral */
.timeline-container {
    min-height: 100vh;
    margin-bottom: 0;
    position: relative;
}

.timeline-slider-container {
    width: 100%
}

.timeline-layout-container {
    position: relative;
    display: block;
    min-height: 100vh;
    height: 55vw;
}

.professional_activity {
    position: relative;
    margin-top: -2vw;
}

.timeline-buttons-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    pointer-events: none;
}

.timeline-buttons-container > button.swiper-button-disabled {
    opacity: 0;
}

/* botoes/setas */
.timeline-next-btn, .timeline-previous-btn {
    position: absolute;
    background-color: transparent;
    border: 0;
    top: 257px !important;
    transition: all .4s ease 0s;
    pointer-events: all;
}

.timeline-next-btn {
    right: 4.2%
}

.timeline-previous-btn {
    left: 4.2%;
    visibility: hidden;
    pointer-events: none;
}

.timeline-next-btn:focus, .timeline-previous-btn:focus {
    outline: 0
}

.timeline-next-btn > svg, .timeline-previous-btn > svg {
    width: 30px;
    fill: #000;
    transition: all .1s ease 0s
}

.timeline-next-btn > svg:hover, .timeline-previous-btn > svg:hover {
    transform: scale(1.05, 1.05)
}

.timeline-next-btn:active > svg, .timeline-previous-btn:active > svg {
    transform: scale(1.1, 1.1)
}

/* Logo */
.rv_logo {
    width: 90px;
    top: 20px;
    right: 70px;
    margin: 0;
    position: absolute;
}

/* Labels */
.timeline_labels {
    height: 100%;
    position: absolute;
    writing-mode: vertical-lr;
    display: flex;
    flex-direction: row;
    z-index: 5;
}

.timeline_labels span {
    font-family: var(--montserrat-regular);
    font-size: 10px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    transform: rotate(180deg);
    padding: 0 7px 0 9px;
}

.timeline_labels .academic {
    background-color: #BD6C2E;
    border-top: 6px solid var(--main-color);
}

.timeline_labels .professional {
    height: calc(100% - 220px);
    min-height: calc(100vh - 220px);
    background-color: #2C7C8B;
}

/* Formacao academica */
.timeline_labels .academic, .academic_info {
    height: 220px;
}

.academic_info {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: -6px;
    position: relative;
}

.academic_info .school {
    font-size: 1.2rem;
}

.teaching_period {
    font-family: var(--montserrat-bold);
    font-size: 12px;
    position: relative;
}

.teaching_period:before {
    content: '';
    position: relative;
    display: block;
    border-top: 2px solid var(--main-color);
    width: 11px;
    margin-bottom: 5px;
}

.teaching_what {
    font-size: 0.85rem;
    line-height: 1.1rem;
    margin-top: -1px;
}

/* Anos */
.cv_years {
    width: 100%;
    position: relative;
    border-top: 6px solid var(--main-color);
}

.timeline-year {
    font-family: var(--supply) !important;
    font-size: 3.3rem !important;
    position: relative;
    display: inline-block;
}

.timeline-year:before {
    content: '';
    position: absolute;
    width: 29px;
    top: 0;
    left: 2px;
    border-top: 7px solid var(--main-color);
}


/* Textos */
.timeline-text-container {
    position: absolute;
    width: 100%;
    font-family: var(--montserrat-light) !important;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.3;
    letter-spacing: .0625rem
}


/* ****************************************
                PAST - ACADEMIC
****************************************** */
/* SLIDE 1 */
.slide_1 .academic_info .learning {
    margin-left: 33%;
    flex-wrap: nowrap;
    position: relative;
}

.slide_1 .academic_info figure {
    display: block;
    width: 190px;
    margin-bottom: 0;
    margin-right: 2rem;
}

.slide_1 .academic_info figure img {
    width: 100%;
}

.slide_1 .academic_info p {
    width: max-content;
    position: absolute;
    left: calc(190px + 2rem);
}

.slide_1 .academic_info .learning_period {
    font-family: var(--montserrat-bold);
    font-size: 1rem;
    font-weight: unset;
}

.slide_1 .year-1 {
    margin-left: calc(34% + 20px);
}

.slide_1 .year-2, .slide_2 .year-2 {
    margin-left: 24%;
}

.slide_1_img_1 {
    width: 26vw;
    top: 3.5vw;
    left: 12.1vw;
}

.slide_1_text_1 {
    font-size: 1.59vw;
    top: 8.7vw;
    left: 40vw;
}

.timeline-slide-1-line-1 {
    max-width: 17vw;
    top: 18vw;
    left: 40vw;
}


/* Slide 2 */
.slide_2 .year-1 {
    margin-left: 17.5%;
}

.slide_2_img_1 {
    width: 18vw;
    top: 7.2vw;
    left: 25.2vw;
}

.timeline-slide-2-line-1 {
    max-width: 4vw;
    top: 22.2vw;
    left: 13.9vw;
}

.timeline-slide-2-line-2 {
    max-width: 6.9vw;
    top: 28.5vw;
    left: 25vw;
}

.timeline-slide-2-line-3 {
    max-width: 2vw;
    top: 30vw;
    left: 23.5vw;
}

.timeline-slide-2-line-4 {
    max-width: 2vw;
    top: 24vw;
    left: 12.2vw;
}


/* Slide 3 */
.slide_3 .academic_info .learning {
    align-items: center;
    margin-left: 18%;
    margin-bottom: -4rem;
}

.slide_3 .academic_info .learning figure {
    width: 50px;
    margin-right: 2em;
}

.slide_3 .year-1, .slide_4 .year-1, .slide_5 .year-1, .slide_6 .year-1, .slide_6 .academic_info .teaching {
    margin-left: 38%;
}

.slide_3 .year-2, .slide_5 .year-2 {
    position: absolute;
    margin-left: 33%;
}

.slide_3_img_1 {
    width: 13vw;
    top: 9vw;
    left: 11vw;
}

.slide_3_img_2 {
    width: 29vw;
    top: 9vw;
    left: 31vw;
}

.slide_3_text_1 {
    top: 7.4vw;
    left: 29vw;
    max-width: 14vw;
}

.timeline-slide-3-line-1 {
    max-width: 1.5rem;
    top: 2vw;
    left: 38.5vw;
}

.timeline-slide-3-line-2 {
    max-width: 8vw;
    top: 12.3vw;
    left: 51.2vw;
    z-index: 1;
}

.timeline-slide-3-line-3 {
    max-width: 3vw;
    top: 32vw;
    left: 12vw;
}

.timeline-slide-3-line-4 {
    max-width: 3vw;
    top: 6vw;
    left: 29vw;
}


/* Slide 4*/
.slide_4_img_1 {
    width: 16vw;
    top: 5.8vw;
    left: 23vw;
}

.slide_4_text_1 {
    max-width: 14rem;
    top: 23.2vw;
    left: 23.3vw;
}

.timeline-slide-4-line-1 {
    max-width: 21.5vw;
    top: 21.8vw;
    left: 21.7vw;
}

/* Slide 5 */
.slide_5_img_1 {
    width: 15vw;
    top: calc(5vw + 6.2rem);
    left: 15.2vw;
}

.slide_5_img_2 {
    width: 22.3vw;
    top: 4.2vw;
    left: 43.8vw;
}

.slide_5_text_1 {
    max-width: 14.5rem;
    top: 5.5vw;
    left: 21vw;
}

.timeline-slide-5-line-1 {
    max-width: 3.5vw;
    top: 1.5vw;
    left: 10.5vw;
}

.timeline-slide-5-line-2 {
    top: 4vw;
    left: 21.2vw;
    max-width: 3.2vw;
}

.timeline-slide-5-line-3 {
    max-width: 2rem;
    top: 2vw;
    left: 64.5vw;
}

.timeline-slide-5-line-4 {
    max-width: 5.3vw;
    top: 31vw;
    left: 6.8vw;
}

/* Slide 6 */
.slide_6 .academic_info .teaching {
    margin-bottom: -4rem;
}

.slide_6_text_1 {
    max-width: 14rem;
    top: 28vw;
    left: 19vw;
}

.timeline-slide-6-line-1 {
    top: 11.5vw;
    left: 28vw;
    max-width: 1.5rem;
}

.timeline-slide-6-line-2 {
    max-width: 22vw;
    top: 17.3vw;
    left: 19.5vw;
}

.timeline-slide-6-line-3 {
    top: 19.8vw;
    left: 39vw;
    max-width: 5vw;
}

.timeline-slide-6-line-4 {
    max-width: 8vw;
    top: 26.5vw;
    left: 19vw;
}


/* ****************************************
                    PRESENT
****************************************** */
/* Slide 7 */
.slide_7 .teaching, .slide_7 .year-1 {
    margin-left: 45%;
}

.slide_7 .academic_info, .slide_8 .academic_info {
    padding-top: 4rem;
}

/* Slide 8 */
.slide_8 .teaching, .slide_8 .year-1 {
    margin-left: 6%;
}

/* Slide 9, Slide 11, Slide 13, Slide 15 */
.slide_9 .teaching, .slide_9 .year-1, .slide_11 .teaching, .slide_11 .year-1, .slide_13 .teaching, .slide_13 .year-1, .slide_15 .teaching, .slide_15 .year-1, .slide_19 .teaching, .slide_19 .year-1, .slide_21 .teaching, .slide_21 .year-1, .slide_31 .teaching, .slide_31 .year-1 {
    margin-left: 54%;
}

.slide_9 .teaching *, .slide_11 .teaching, .slide_13 .teaching *, .slide_15 .teaching *, .slide_19 .teaching *, .slide_21 .teaching *, .slide_23 .teaching *, .slide_27 .teaching *, .slide_29 .teaching *, .slide_31 .teaching *, .slide_33 .teaching *, .slide_35 .teaching * {
    width: max-content;
}

.slide_9 .academic_info, .slide_10 .academic_info, .slide_11 .academic_info, .slide_13 .academic_info, .slide_14 .academic_info, .slide_15 .academic_info, .slide_17 .academic_info, .slide_18 .academic_info, .slide_19 .academic_info, .slide_21 .academic_info, .slide_23 .academic_info, .slide_26 .academic_info, .slide_27 .academic_info, .slide_29 .academic_info, .slide_31 .academic_info, .slide_33 .academic_info, .slide_38 .academic_info {
    padding-top: 3rem;
}

/* Slide 10, Slide 12, Slide 14, Slide 16 */
.slide_10 .teaching, .slide_10 .year-1, .slide_12 .teaching, .slide_12 .year-1, .slide_14 .teaching, .slide_14 .year-1, .slide_16 .teaching, .slide_16 .year-1 {
    margin-left: 37.5%;
}

/* Slide 12 */
.slide_12 .teaching img {
    width: 27%;
    margin-top: -0.5vw;
}

/* Slide 13 */
.slide_13 .academic_info img {
    position: absolute;
    width: 18%;
    top: 0.5rem;
    left: 33%;
}

/* Slide 14 */
.slide_14 .academic_info .teaching_period:before {
    border-top-color: transparent;
}

/* Slide 17 */
.slide_17 .teaching, .slide_17 .year-1 {
    margin-left: 37%;
}

/* Slide 18 */
.slide_18 .teaching {
    margin-left: 24%;
}   

/* Slide 20 */
.slide_20 .year-1 {
    margin-left: 28%;
}

/* Slide 22 */
.slide_22 .year-1 {
    margin-left: 32%;
}

/* Slide 24 */
.slide_23 .teaching, .slide_23 .year-1 {
    margin-left: 93%;
}

/* Slide 26 */
.slide_26 .teaching, .slide_26 .year-1 {
    margin-left: 5%;
}

/* Slide 27 */
.slide_27 .teaching, .slide_27 .year-1 {
    margin-left: 80%;
}

/* Slide 29 */
.slide_29 .teaching, .slide_29 .year-1 {
    margin-left: 71%;
}

/* Slide 33 */
.slide_33 .teaching, .slide_33 .year-1 {
    margin-left: 77%;
}

/* Slide 35 */
.slide_35 .academic_info, .slide_37 .academic_info {
    padding-top: 2rem;
}

.slide_35 .teaching, .slide_35 .year-1 {
    margin-left: 72%;
}

/* Slide 37 */
.slide_37 .teaching {
    margin-left: 49%;
}

.slide_37 .year-1 {
    margin-left: 75%;
}

.slide_37 .year-1:before {
    left: 16px;
}

/* Slide 38 */
.slide_38 .teaching {
    margin-left: 13%;
}


.anim, .anim-fade, .anim-left, .anim-right, .anim-up {
    opacity: 0;
    transition: transform 1s cubic-bezier(.33, 1, .68, 1), opacity 1s cubic-bezier(.33, 1, .68, 1)
}

.anim-up {
    transform: translateY(100px) translateX(0)
}

.article-front-block.anim-up {
    transform: translateY(200px) translateX(0)
}

.anim-left {
    transform: translateX(-100px) translateY(0)
}

.anim-right {
    transform: translateX(100px) translateY(0)
}

.anim-left.el-anim,
.anim-right.el-anim,
.anim-up.el-anim,
.article-front-block.anim-up.el-anim {
    transform: translateX(0) translateY(0);
    opacity: 1
}

.line-anim > span:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -5px;
    transform: scaleX(0);
    background-color: #1d1d1d;
    margin: 1px 0 0 0;
    height: 2px;
    transform-origin: bottom right;
    transition: transform .3s ease-out;
    will-change: transform
}

.line-anim > span:hover:before {
    transform-origin: bottom left;
    transform: scaleX(1)
}

.line-anim:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 0;
    bottom: -5px;
    opacity: 1;
    background-color: #1d1d1d;
    height: 2px;
    margin: 1px 0 0 0;
    transition: width .4s ease-in-out
}

.line-anim.active:after {
    width: 16px
}

.line-anim.active:hover:after {
    width: 0
}

@-webkit-keyframes line-animation-right {
    0% {
        transform: translateX(40vw);
        opacity: 0
    }

    100% {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes line-animation-right {
    0% {
        transform: translateX(40vw);
        opacity: 0
    }

    100% {
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes line-animation-left {
    0% {
        transform: translateX(-40vw);
        opacity: 0
    }

    100% {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes line-animation-left {
    0% {
        transform: translateX(-40vw);
        opacity: 0
    }

    100% {
        transform: translateX(0);
        opacity: 1
    }
}

.timeline-line-thin {
    height: 2.5px
}

.timeline-line-medium {
    height: 5px
}

.timeline-line-bold {
    height: 7px
}

.timeline-image-container {
    position: absolute;
    display: -moz-flex;
    display: flex;
    justify-content: center;
    align-items: center
}

.timeline-image-container > img {
    width: 100%
}


@media (max-width:1399.98px) {
    .timeline-year {
        font-size: 2.625rem
    }
}

@media (max-width:1199.98px) {
    .timeline-year {
        font-size: 2.25rem
    }
}

.timeline-line {
    position: absolute;
    width: 100%;
    background-color: #000
}

.timeline-layout-container.timeline-front .timeline-line {
    -webkit-animation: slideRight 1.5s cubic-bezier(.33, 1, .68, 1) 0s;
    animation: slideRight 1.5s cubic-bezier(.33, 1, .68, 1) 0s
}

.timeline-layout-container.timeline-front .timeline-text-container {
    -webkit-animation: slideRight 1.3s cubic-bezier(.33, 1, .68, 1) 0s;
    animation: slideRight 1.3s cubic-bezier(.33, 1, .68, 1) 0s
}

.timeline-layout-container.timeline-front .timeline-image-container {
    -webkit-animation: slideRight 1.1s cubic-bezier(.33, 1, .68, 1) 0s;
    animation: slideRight 1.1s cubic-bezier(.33, 1, .68, 1) 0s
}

.timeline-layout-container.timeline-front .timeline-year {
    -webkit-animation: slideRight 1s cubic-bezier(.33, 1, .68, 1) 0s;
    animation: slideRight 1s cubic-bezier(.33, 1, .68, 1) 0s
}

.timeline-layout-container.timeline-back .timeline-line {
    -webkit-animation: slideLeft 1.5s cubic-bezier(.33, 1, .68, 1) 0s;
    animation: slideLeft 1.5s cubic-bezier(.33, 1, .68, 1) 0s
}

.timeline-layout-container.timeline-back .timeline-text-container {
    -webkit-animation: slideLeft 1.3s cubic-bezier(.33, 1, .68, 1) 0s;
    animation: slideLeft 1.3s cubic-bezier(.33, 1, .68, 1) 0s
}

.timeline-layout-container.timeline-back .timeline-image-container {
    -webkit-animation: slideLeft 1.1s cubic-bezier(.33, 1, .68, 1) 0s;
    animation: slideLeft 1.1s cubic-bezier(.33, 1, .68, 1) 0s
}

.timeline-layout-container.timeline-back .timeline-year {
    -webkit-animation: slideLeft 1s cubic-bezier(.33, 1, .68, 1) 0s;
    animation: slideLeft 1s cubic-bezier(.33, 1, .68, 1) 0s
}

@-webkit-keyframes slideRight {
    0% {
        transform: translateX(400px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes slideRight {
    0% {
        transform: translateX(400px)
    }

    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes slideLeft {
    0% {
        transform: translateX(-400px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes slideLeft {
    0% {
        transform: translateX(-400px)
    }

    100% {
        transform: translateX(0)
    }
}

.timeline-layout-1-line-3 {
    max-width: 3vw;
    top: calc(4vw + 14rem);
    left: 8vw;
}

.timeline-layout-1-text-container-1 {
    max-width: 11.5rem;
    left: 8vw;
    top: 4vw;
}

.timeline-layout-1-text-container-1 img {
    width: 62%;
    margin-bottom: 1rem;
}

.timeline-layout-1-year-left {
    top: 14vw;
    left: 23vw
}

.timeline-layout-1-line-5 {
    max-width: 2.75rem;
    left: 22.5vw;
    top: 20.9vw;
}

.timeline-layout-1-text-container-2 {
    max-width: 16vw;
    top: 23vw;
    left: 22.5vw;
}

.timeline-layout-1-image-3 {
    top: 9.5vw;
    left: 27.5vw;
}

.timeline-layout-1-image-3 > img {
    max-width: 8vw
}

.timeline-layout-1-text-container-3 {
    max-width: 13vw;
    top: 16.5vw;
    right: -10.5vw;
}

.timeline-layout-1-image-4 {
    top: 5.5vw;
    right: -9vw;    
}

@media (max-width:1199.98px) {
    .timeline-layout-1-image-4 {
        top: 9vw;
    }
}

.timeline-layout-1-image-4 > img {
    max-width: 11.5vw;
}

.slide_8 .professional_activity {
    margin-top: -3vw;
}

.timeline-layout-1-line-7 {
    max-width: 1.5vw;
    top: 6vw;
    left: -15.5vw;
}

.timeline-layout-1-line-8 {
    max-width: 8vw;
    top: 15.7vw;
    left: -2.7vw;
}

.timeline-layout-1-year-right {
    top: 5vw;
    left: 12.5vw
}

.timeline-layout-1-text-container-4 {
    max-width: 18vw;
    top: 2.7vw;
    left: 16.7vw;
}

.timeline-layout-1-line-10 {
    max-width: 20.7vw;
    top: 8.5vw;
    left: 16.6vw;
}

.timeline-layout-1-image-5 {
    top: 11.5vw;
    left: 16.6vw;
}

@media (max-width:1199.98px) {
    .timeline-layout-1-image-5 {
        top: 27vw;
        left: 15vw
    }
}

.timeline-layout-1-image-5 > img {
    max-width: 25vw
}

.timeline-layout-2-line-1 {
    max-width: 5vw;
    top: 29.5vw;
    left: 4vw;
}

.timeline-layout-2-line-2 {
    max-width: 4vw;
    top: 2.7vw;
    left: 5.5vw;
    z-index: 2;
}

.timeline-layout-2-image-1 {
    top: -2vw;
    left: 8.7vw;
}

.timeline-layout-2-image-1 > img {
    max-width: 14vw;
}

.timeline-layout-2-text-container-1 {
    max-width: 13vw;
    top: 13.8vw;
    left: 11vw;
}

.timeline-layout-2-image-2 {
    top: 18.5vw;
    left: 17.5vw;
}

.timeline-layout-2-image-2 > img {
    max-width: 13.5vw
}

.timeline-layout-2-text-container-2 {
    max-width: 14.8rem;
    top: 26vw;
    left: 32.7vw;
}

.timeline-layout-2-line-3 {
    max-width: 3.2vw;
    top: 6.7vw;
    left: 24.4vw;
}

.timeline-layout-2-year-left {
    top: 12.5vw;
    left: 28.5vw
}

.timeline-layout-2-image-3 {
    top: 1.2vw;
    right: -2.5vw;
}

.timeline-layout-2-image-3 > img {
    max-width: 13.5vw
}

.timeline-layout-2-text-container-3 {
    max-width: 15.4rem;
    top: 8.5vw;
    right: -5.1vw;
}

.timeline-layout-2-line-5 {
    max-width: 16.2vw;
    top: 20.5vw;
    left: 36vw;
}

.timeline-layout-2-image-4 {
    top: 23vw;
    left: 5.5vw;
}

.timeline-layout-2-image-4 > img {
    max-width: 7vw
}

.timeline-layout-2-line-6 {
    max-width: 8vw;
    top: 32.5vw;
    left: 5.1vw;
}

@media (max-width:1199.98px) {
    .timeline-layout-2-line-6 {
        top: 39.5vw
    }
}

.timeline-layout-2-line-7 {
    max-width: 2.3vw;
    top: 2.5vw;
    left: 11vw;
}

.timeline-layout-2-line-8 {
    max-width: 1.5vw;
    top: 12.4vw;
    left: 11.9vw;
}

.timeline-layout-2-image-5 {
    top: 3.7vw;
    left: 16vw;
}

.timeline-layout-2-image-5 > img {
    max-width: 18vw
}

.timeline-layout-2-text-container-4 {
    max-width: 15rem;
    top: 8.8vw;
    left: 16vw;
}

.timeline-layout-2-line-10 {
    max-width: 21.5vw;
    top: 16.5vw;
    left: 15.7vw;
}

.timeline-layout-2-year-right {
    top: 19vw;
    left: 14.5vw
}

.timeline-layout-2-line-11 {
    max-width: 5.4vw;
    top: 19vw;
    left: 34.2vw;
}

.timeline-layout-2-image-6 {
    top: 18vw;
    left: 20vw;
}

.timeline-layout-2-image-6 > img {
    max-width: 13vw;
}

.timeline-layout-2-text-container-5 {
    max-width: 12vw;
    top: 21.3vw;
    left: 34.2vw;
}

.timeline-layout-3-line-2 {
    max-width: 1.3rem;
    top: 15vw;
    left: 27vw;
}

.timeline-layout-3-image-1 {
    top: 20.2vw;
    left: 7.8vw;
    border: 1px solid #231f20
}


.timeline-layout-3-image-1 > img {
    max-width: 12vw
}

.timeline-layout-3-year-left {
    top: 16.5vw;
    left: 20vw
}

.timeline-layout-3-image-2 {
    top: 2.4vw;
    left: 14.5vw;
}

.timeline-layout-3-image-2 > img {
    max-width: 10.2vw;
}

.timeline-layout-3-text-container-1 {
    max-width: 13rem;
    top: 7vw;
    left: 27vw;
}

.timeline-layout-3-image-3 {
    top: 19.5vw;
    right: -2.5vw;
}

.timeline-layout-3-image-3 > img {
    max-width: 25vw;
}

.timeline-layout-3-line-4 {
    max-width: 3rem;
    top: 18vw;
    left: 21.5vw;
}

.timeline-layout-3-image-4 {
    top: -1.8vw;
    left: 44vw;
}

.timeline-layout-3-image-4 > img {
    width: 18vw;
    max-width: unset;
}

.timeline-layout-3-line-5 {
    max-width: 1.7rem;
    top: 1.2vw;
    right: 12.2vw;
}

@media (max-width:1300px) {
    .timeline-layout-3-line-5 {
        right: -1.5vw
    }
}

@media (max-width:1199.98px) {
    .timeline-layout-3-line-5 {
        top: 10.7vw;
        right: -5.5vw
    }
}

.timeline-layout-3-image-5 {
    top: 23vw;
    left: 7.5vw;
}

.timeline-layout-3-image-5 > img {
    max-width: 10.5vw
}

.timeline-layout-3-line-6 {
    max-width: 2rem;
    top: 34.7vw;
    left: -2vw;
}

.timeline-layout-3-text-container-2 {
    max-width: 16rem;
    top: 3.9vw;
    left: 15.4vw;
}

.timeline-layout-3-line-8 {
    max-width: 12vw;
    top: 11vw;
    left: 15.4vw;
}

@media (max-width:1199.98px) {
    .timeline-layout-3-line-8 {
        top: 20.3vw
    }
}

.timeline-layout-3-year-right {
    top: 14vw;
    left: 16.5vw
}

@media (max-width:1199.98px) {
    .timeline-layout-3-year-right {
        top: 23vw
    }
}

.timeline-layout-3-line-9 {
    max-width: 5vw;
    top: 13vw;
    left: 37vw;
}

@media (max-width:1199.98px) {
    .timeline-layout-3-line-9 {
        top: 24vw
    }
}

.timeline-layout-3-image-6 {
    top: 14.5vw;
    left: 24vw;
}

.timeline-layout-3-image-6 > img {
    max-width: 15.5vw;
    width: 100%
}

.timeline-layout-3-line-10 {
    max-width: 8.3vw;
    top: 41.5vw;
    left: 18vw
}

.timeline-layout-4-line-1 {
    max-width: 5vw;
    top: 21.5vw;
    left: 10vw;
}

.timeline-layout-4-line-2 {
    max-width: 7vw;
    top: 3.2vw;
    left: 3.8vw
}

.timeline-layout-4-line-3 {
    max-width: 3.5vw;
    top: 7vw;
    left: 21.5vw;
}

.timeline-layout-4-text-container-1 {
    max-width: 15vw;
    top: 14.5vw;
    left: 10vw;
}

.timeline-layout-4-image-1 {
    top: 24vw;
    left: 11.5vw;
}

@media (max-width:1199.98px) {
    .timeline-layout-4-image-1 {
        top: 36vw
    }
}

.timeline-layout-4-image-1 > img {
    max-width: 12vw
}

.timeline-layout-4-year-left {
    top: 13.5vw;
    left: 23.5vw
}

.timeline-layout-4-text-container-2 {
    max-width: 15rem;
    left: 34vw;
    top: 3.5vw;
}

@media (min-width: 1200px) and (max-width:1495px) {
    .timeline-layout-4-text-container-2 {
        min-width: 17rem;
    }
}

@media (max-width:1199.98px) {
    .timeline-layout-4-text-container-2 {
        top: 12.5vw
    }
}

.timeline-layout-4-line-5 {
    max-width: 16.2vw;
    top: 23vw;
    left: 30.5vw;
}

@media (max-width:1199.98px) {
    .timeline-layout-4-line-5 {
        top: 28.5vw
    }
}

.timeline-layout-4-image-2 {
    top: 14vw;
    top: calc(3vw + 10.5rem);
    left: 33.8vw
}

.timeline-layout-4-image-2 > img {
    max-width: 15vw
}

.timeline-layout-4-image-3 {
    top: 29vw;
    left: 34.5vw;
}

.timeline-layout-4-image-3 > img {
    max-width: 8vw
}

.timeline-layout-4-text-container-3 {
    max-width: 14rem;
    top: 29vw;
    left: 44.5vw;
}

.timeline-layout-4-line-6 {
    max-width: 1.5vw;
    top: calc(25.8vw + 9rem);
    left: 44.5vw;
}

.timeline-layout-4-line-7 {
    max-width: 2.1vw;
    top: 3vw;
    left: 3.2vw;
}

.timeline-layout-4-line-8 {
    max-width: 1.5vw;
    top: 12.8vw;
    left: 3.9vw;
}

@media (min-width: 1199.98px) and (max-width:1449.98px) {
    .timeline-layout-4-line-8 {
        left: 4.5vw;
    }
}

.timeline-layout-4-image-4 {
    top: 3vw;
    left: 9vw;
}

.timeline-layout-4-image-4 > img {
    width: 6.3vw
}

.timeline-layout-4-image-5 {
    top: 2vw;
    left: 23.9vw;
}

.timeline-layout-4-image-5 > img {
    max-width: 12.5vw
}

.timeline-layout-4-text-container-4 {
    max-width: 11rem;
    top: 11.6vw;
    left: 24vw;
}

.timeline-layout-4-line-10 {
    max-width: 21.8vw;
    top: calc(11vw + 5.3rem);
    left: 15.8vw;
}

.timeline-layout-4-year-right {
    top: 18vw;
    left: 14vw
}

@media (max-width:1199.98px) {
    .timeline-layout-4-year-right {
        top: 23vw;
        left: 16vw
    }
}

.timeline-layout-4-line-11 {
    max-width: 5.2vw;
    top: 22.9vw;
    left: 36vw;
}

.timeline-layout-4-image-6 {
    top: 18.2vw;
    left: 19.8vw;
}

.timeline-layout-4-image-6 > img {
    max-width: 13vw;
}

.timeline-layout-4-text-container-5 {
    top: 28.2vw;
    left: 34.5vw;
    max-width: 9rem;
}

.timeline-layout-5-image-1 {
    top: 3.8vw;
    left: 21.6vw;
}

.timeline-layout-5-image-1 > img {
    max-width: 13vw
}

.timeline-layout-5-text-container-1 {
    max-width: 14rem;
    top: 9vw;
    left: 21.5vw;
}

.timeline-layout-5-line-3 {
    max-width: 3vw;
    top: 13.5vw;
    left: 4.5vw;
}

@media (max-width:1199.98px) {
    .timeline-layout-5-line-3 {
        top: 22.4vw
    }
}

.timeline-layout-5-image-2 {
    top: 17vw;
    left: 6.7vw;
}

.timeline-layout-5-image-2 > img {
    max-width: 11vw;
}

.timeline-layout-5-line-4 {
    max-width: 2vw;
    top: 26.5vw;
    left: 19.5vw;
}

.timeline-layout-5-text-container-2 {
    max-width: 15rem;
    top: 28.5vw;
    left: 19.5vw;
}

.timeline-layout-5-line-5 {
    max-width: 7.5vw;
    top: 16.7vw;
    left: 30.7vw;
}

.timeline-layout-5-year-left {
    top: 13vw;
    left: 27vw
}

.timeline-layout-5-image-3 {
    top: -2vw;
    right: -11vw;
}

.timeline-layout-5-image-3 > img {
    max-width: 16.4vw
}

.timeline-layout-5-line-6 {
    max-width: 16.4vw;
    top: 24vw;
    left: 44vw;
}

.timeline-layout-5-text-container-3 {
    max-width: 16.5vw;
    top: 26vw;
    left: 44vw;
}

.timeline-layout-5-line-7 {
    max-width: 8.2vw;
    top: 40.5vw;
    left: -.3vw
}

.timeline-layout-5-image-4 {
    top: 3vw;
    left: 16.2vw;
}

.timeline-layout-5-image-4 > img {
    max-width: 9.2vw
}

.timeline-layout-5-line-8 {
    max-width: 1.4vw;
    top: 15.1vw;
    left: 8.7vw
}

.timeline-layout-5-line-9 {
    max-width: 2vw;
    top: 3vw;
    left: 27.5vw;
}

.timeline-layout-5-line-10 {
    max-width: 2vw;
    top: 20.7vw;
    left: 21.5vw;
}

.timeline-layout-5-text-container-4 {
    max-width: 17rem;
    top: 4.5vw;
    left: 27.5vw;
}

.timeline-layout-5-line-11 {
    max-width: 1.5rem;
    top: 19.2vw;
    left: 18.5vw;
}

@media (max-width:1199.98px) {
    .timeline-layout-5-line-11 {
        top: 19vw
    }
}

.timeline-layout-5-year-right {
    top: 16vw;
    left: 14.2vw
}

@media (max-width:1199.98px) {
    .timeline-layout-5-year-right {
        top: 22vw
    }
}

.timeline-layout-5-image-5 {
    top: 13.5vw;
    left: 27.5vw;
}

.timeline-layout-5-image-5 > img {
    max-width: 16vw;
    min-width: 15rem;
}

.timeline-layout-5-image-6 {
    width: 10vw;
    top: 2.7vw;
    left: 6.7vw;
}

.timeline-layout-5-image-7 {
    width: 8vw;
    top: 19vw;
    left: 30.2vw;
}

.timeline-layout-5-image-8 {
    width: 9vw;
    top: 25.8vw;
    left: 14.8vw;
}

.timeline-layout-6-line-2 {
    max-width: 7vw;
    top: 0.5vw;
    left: 3.8vw
}

.timeline-layout-6-image-1 {
    top: 13.2vw;
    left: 7.5vw;
}

.timeline-layout-6-image-1 > img {
    max-width: 16.5vw
}

.timeline-layout-6-line-3 {
    max-width: 3vw;
    top: 5.5vw;
    left: 17.3vw;
}

.timeline-layout-6-year-left {
    top: 13.5vw;
    left: 23.5vw
}

.timeline-layout-6-text-container-1 {
    max-width: 12.3rem;
    top: 17.5vw;
    left: 25.5vw;
}

.timeline-layout-6-image-2 {
    top: 3.5vw;
    left: -17vw;
}

.timeline-layout-6-image-2 > img {
    max-width: 14vw
}

.timeline-layout-6-line-6 {
    max-width: 2.1vw;
    top: 0.5vw;
    left: -8vw
}

.timeline-layout-6-image-3 {
    top: 13.2vw;
    left: -5.5vw;
    border: 1px solid #231f20
}

.timeline-layout-6-image-3 > img {
    max-width: 15vw;
}

.timeline-layout-6-line-7 {
    max-width: 1.5vw;
    top: 10vw;
    left: -7.6vw;
}

.timeline-layout-6-image-4 {
    top: -2vw;
    left: 11.8vw;
}

.timeline-layout-6-image-4 > img {
    max-width: 28vw
}

.timeline-layout-6-line-8 {
    max-width: 21vw;
    top: 17vw;
    left: 11.8vw;
}

.timeline-layout-6-year-right {
    top: 18vw;
    left: 14.2vw
}

.timeline-layout-6-image-5 {
    top: 18.7vw;
    left: 27vw;
}

.timeline-layout-6-image-5 > img {
    max-width: 19vw
}

.timeline-layout-6-text-container-2 {
    max-width: 13vw;
    top: 18.5vw;
    left: 11.8vw;
}

.timeline-layout-6-line-10 {
    max-width: 8.5vw;
    top: calc(22vw + 11rem);
    left: 20.5vw;
}

.timeline-layout-7-line-2 {
    max-width: 7vw;
    top: 4.7vw;
    left: 5.7vw;
}

.timeline-layout-7-line-3 {
    max-width: 3vw;
    top: 1.5vw;
    left: 13.2vw;
}

.timeline-layout-7-image-1 {
    top: 5.8vw;
    left: 9.2vw;
}

.timeline-layout-7-image-1 > img {
    max-width: 22vw;
}

.timeline-layout-7-text-container-1 {
    max-width: 18rem;
    top: 23.5vw;
    left: 11vw;
}

.timeline-layout-7-image-2 {
    top: 0.5vw;
    right: -1.5vw;
}

.timeline-layout-7-image-2 > img {
    max-width: 11vw
}

.timeline-layout-7-line-5 {
    max-width: 16.5vw;
    top: 10vw;
    left: 35vw;
}

.timeline-layout-7-text-container-2 {
    max-width: 15rem;
    top: 12.8vw;
    left: 37vw;
}

.timeline-layout-7-image-3 {
    top: 22.8vw;
    left: -10.5vw;
}

@media (max-width:1199.98px) {
    .timeline-layout-7-image-3 {
        top: 34vw;
        left: -10.5vw
    }
}

.timeline-layout-7-image-3 > img {
    max-width: 10vw
}

.timeline-layout-7-text-container-3 {
    max-width: 15rem;
    top: 27.9vw;
    left: 2.5vw;
}

.timeline-layout-7-line-6 {
    max-width: 7.8vw;
    top: 26.2vw;
    left: 2.5vw;
}

.timeline-layout-7-line-8 {
    max-width: 1.4vw;
    top: 6vw;
    left: 6.2vw;
}

.timeline-layout-7-image-4 {
    top: 14.7vw;
    left: 26.3vw;
}

.timeline-layout-7-image-4 > img {
    max-width: 16vw;
}

.timeline-layout-7-image-5 {
    max-width: 10.5vw;
    top: 16.2vw;
    left: 7.2vw;
}

.timeline-layout-7-text-container-4 {
    max-width: 17rem;
    top: 3vw;
    left: 14.1vw;
}

.timeline-layout-7-line-10 {
    max-width: 21.6vw;
    top: calc(3vw + 9.2rem);
    left: 14vw;
}

.timeline-layout-7-line-11 {
    max-width: 5.5vw;
    top: 10.2vw;
    left: 35.2vw;
}

.timeline-layout-8-line-1 {
    max-width: 5vw;
    top: 25.2vw;
    left: 24.3vw;
    z-index: 1;
}

.timeline-layout-8-line-2 {
    max-width: 7.5vw;
    top: -0.7vw;
    left: 10vw;
}

.timeline-layout-8-image-1 {
    top: 13vw;
    left: 7.6vw;
}

.timeline-layout-8-image-1 > img {
    max-width: 16vw
}

.timeline-layout-8-text-container-1 {
    max-width: 16rem;
    top: 28.2vw;
    left: 9.5vw;
}

.timeline-layout-8-image-2 {
    top: 1.7vw;
    left: 14vw;
    z-index: -1;
}

.timeline-layout-8-image-2 > img {
    max-width: 23vw
}

.timeline-layout-8-text-container-2 {
    max-width: 14rem;
    top: 4.2vw;
    left: 36.5vw;
}

.timeline-layout-8-image-3 {
    top: 17vw;
    right: -6.8vw;
}

.timeline-layout-8-image-3 > img {
    max-width: 21.5vw;
}

.timeline-layout-8-line-5 {
    max-width: 16.5vw;
    top: 14.2vw;
    left: 34vw;
}

.timeline-layout-8-line-6 {
    max-width: 2.2vw;
    top: 1.8vw;
    right: -0.9vw;
}

.timeline-layout-8-image-4 {
    top: 2.8vw;
    left: 9vw;
}

.timeline-layout-8-image-4 > img {
    max-width: 11.8vw
}

.timeline-layout-8-image-5 {
    top: 3vw;
    left: 17.5vw;
}

.timeline-layout-8-image-5 > img {
    max-width: 17vw
}

.timeline-layout-8-line-7 {
    max-width: 1.5vw;
    top: 18.6vw;
    left: 8.2vw;
}

.timeline-layout-8-line-8 {
    max-width: 20.5vw;
    top: 21.7vw;
    left: 11.7vw;
}

.timeline-layout-8-line-9 {
    max-width: 5.5vw;
    top: 13vw;
    left: 38vw;
}

.timeline-layout-8-text-container-3 {
    max-width: 18rem;
    top: 23.5vw;
    left: 13.7vw;
}

.timeline-layout-8-image-6 {
    top: 17.7vw;
    left: 34.8vw;
    border: 1px solid #231f20
}

.timeline-layout-8-image-6 > img {
    max-width: 13vw;
}

.slide_23 .professional_activity, .slide_24 .professional_activity, .slide_31 .professional_activity, .slide_32 .professional_activity {
    margin-top: -1vw;
}

.timeline-layout-9-image-1 {
    top: -2.7vw;
    left: 13.2vw;
}

.timeline-layout-9-image-1 > img {
    max-width: 15vw
}

.timeline-layout-9-line-2 {
    max-width: 7.8vw;
    top: 9vw;
    left: 20.4vw;
}

.timeline-layout-9-image-2 {
    top: 12.4vw;
    left: 6.7vw;
}

.timeline-layout-9-image-2 > img {
    max-width: 15.3vw
}

.timeline-layout-9-text-container-1 {
    max-width: 16vw;
    top: 30vw;
    left: 6.8vw;
}

@media (max-width:1199.98px) {
    .timeline-layout-9-text-container-1 {
        max-width: 16vw
    }
}

.timeline-layout-9-image-3 {
    width: 18vw;
    top: -2.5vw;
    left: 29vw;
    z-index: -1;
}

.timeline-layout-9-image-4 {
    top: 24.1vw;
    left: 25.8vw;
}

.timeline-layout-9-image-4 > img {
    max-width: 10.7vw;
}

.timeline-layout-9-text-container-2 {
    max-width: 12vw;
    top: 25.7vw;
    left: 38.5vw;
}

.timeline-layout-9-line-4 {
    max-width: 2.3vw;
    top: 24.2vw;
    left: 38.5vw
}

.timeline-layout-9-text-container-3 {
    max-width: 10.5rem;
    top: 4.8vw;
    left: 46.2vw;
}

.timeline-layout-9-line-6 {
    max-width: 1.3rem;
    top: 17vw;
    left: 3.5vw;
}

.timeline-layout-9-image-5 {
    top: 3vw;
    left: 13.4vw;
}

.timeline-layout-9-image-5 > img {
    max-width: 22vw
}

.timeline-layout-9-line-7 {
    max-width: 16.2vw;
    top: 19.5vw;
    left: 19.5vw;
}

.timeline-layout-9-text-container-4 {
    max-width: 15rem;
    top: 20.7vw;
    left: 19.5vw;
}

.timeline-layout-9-image-6 {
    top: 20vw;
    left: 0vw;
}

.timeline-layout-9-image-6 > img {
    max-width: 17vw
}

.timeline-layout-9-text-container-5 {
    max-width: 11.2rem;
    top: 27.5vw;
    left: 17vw
}

.timeline-layout-9-line-8 {
    max-width: 5.5vw;
    top: calc(26vw + 10.5rem);
    left: 17vw;
}

.timeline-layout-9-line-9 {
    max-width: 3.2vw;
    top: 26.1vw;
    left: 39.3vw;
}

.timeline-layout-9-text-container-6 {
    max-width: 11rem;
    top: 28.5vw;
    left: 34vw
}

.timeline-layout-9-text-container-6 img {
    width: 5.2vw;
    margin-bottom: 1vw;
    display: block;
}

.timeline-layout-9-line-10 {
    max-width: 1.7rem;
    top: 9.6vw;
    left: 42.1vw;
}

.timeline-layout-10-line-1 {
    max-width: 5vw;
    top: calc(32vw + 8rem);
    left: 5.5vw;
}

.timeline-layout-10-image-1 {
    top: 22.5vw;
    left: 9.2vw;
}

.timeline-layout-10-image-1 > img {
    max-width: 8.5vw
}

.timeline-layout-10-text-container-1 {
    max-width: 13rem;
    top: 32.8vw;
    left: 9.8vw;
}

.timeline-layout-10-text-container-2 {
    max-width: 17rem;
    top: 24vw;
    left: 28.7vw;
}

.timeline-layout-10-image-2 {
    left: 28.7vw;
    top: 4.7vw;
}

.timeline-layout-10-image-2 > img {
    max-width: 12.5vw;
}

.timeline-layout-10-line-3 {
    max-width: 3vw;
    top: 17.1vw;
    left: 14.8vw;
}

.timeline-layout-10-line-4 {
    max-width: 7.8vw;
    top: 20vw;
    left: 17.9vw;
}

.timeline-layout-10-image-3 {
    top: 24.2vw;
    left: 25.5vw;
    border: 1px solid #231f20
}

.timeline-layout-10-image-3 > img {
    max-width: 10vw
}

.timeline-layout-10-image-4 {
    top: 7.5vw;
    left: 38vw;
}

.timeline-layout-10-image-4 > img {
    max-width: 4vw
}

.timeline-layout-10-image-5 {
    top: 4vw;
    left: 15vw;
}

.timeline-layout-10-image-5 > img {
    width: 22.5vw
}

.timeline-layout-10-image-6 {
    top: 0.1vw;
    left: 28.7vw;
}

.timeline-layout-10-image-6 > img {
    max-width: 8.8vw;
}

.timeline-layout-10-image-7 {
    width: 25.5vw;
    top: 3vw;
    left: 29px;
}

.timeline-layout-10-image-8 {
    width: 10vw;
    top: 9vw;
    left: 44vw;
}

.timeline-layout-10-image-9 {
    width: 5vw;
    top: 11vw;
    left: 11.5vw;
}

.timeline-layout-10-image-10 {
    width: 18.5vw;
    top: 18.5vw;
    left: -1.7vw;
}

.timeline-layout-10-text-container-3 {
    max-width: 18.2rem;
    top: 18vw;
    left: 22.2vw;
}

.timeline-layout-10-text-container-4 {
    max-width: 10rem;
    top: 27vw;
    left: 37.1vw;
}

.slide_26 .professional_activity {
    margin-top: -4vw;
}

.timeline-layout-10-line-7 {
    max-width: 2.2vw;
    top: 13.5vw;
    left: -1vw;
}

.timeline-layout-10-line-8 {
    max-width: 1.5vw;
    top: 15.5vw;
    left: -3.6vw;
}

.timeline-layout-10-line-10 {
    max-width: 8vw;
    top: 33.2vw;
    left: 37vw;
}

@media (max-width:1199.98px) {
    .timeline-layout-10-line-10 {
        top: 38vw
    }
}

.timeline-layout-10-line-11 {
    max-width: 8.5vw;
    top: 42.5vw;
    left: 16.2vw
}

@media (max-width:1199.98px) {
    .timeline-layout-10-line-11 {
        top: 51vw
    }
}

.timeline-layout-10-line-12 {
    max-width: 2vw;
    top: 16.7vw;
    left: 22.2vw;
}

.timeline-layout-11-line-1 {
    max-width: 5.3vw;
    top: 33vw;
    left: 5.8vw;
}

.timeline-layout-11-text-container-1 {
    max-width: 17vw;
    top: 8.5vw;
    left: 22.2vw
}

.timeline-layout-11-line-2 {
    max-width: 7vw;
    top: 4.9vw;
    left: 6.4vw;
}

.timeline-layout-11-image-1 {
    top: 19.5vw;
    left: 22.2vw;
}

.timeline-layout-11-image-1 > img {
    max-width: 25vw
}

.timeline-layout-11-line-3 {
    max-width: 3.4vw;
    top: 7.2vw;
    left: 22.2vw;
}

.timeline-layout-11-line-7 {
    max-width: 1.7rem;
    top: 8.9vw;
    left: 13.8vw;
}

.timeline-layout-11-line-8 {
    max-width: 7.2vw;
    top: 21.2vw;
    left: -1.5vw;
}

.timeline-layout-11-image-2 {
    top: 13vw;
    left: 17.5vw;
    z-index: -1;
}


.timeline-layout-11-image-2 > img {
    max-width: 20vw
}

.timeline-layout-11-text-container-2 {
    max-width: 13.5vw;
    top: 22.1vw;
    left: 0.5vw;
}

.timeline-layout-11-image-3 {
    top: 31.1vw;
    left: 25.6vw;
}

.timeline-layout-11-text-container-3 {
    max-width: 16vw;
    top: 4vw;
    left: 19.2vw;
}

.timeline-layout-11-image-3 > img {
    max-width: 10vw
}

.timeline-layout-11-image-4 {
    width: 17vw;
    top: 10.5vw;
    left: 2.7vw;
}

.timeline-layout-11-image-5 {
    width: 13vw;
    left: -1.7vw;
    top: 11.8vw;
}

.timeline-layout-11-line-9 {
    max-width: 21.5vw;
    top: 28.8vw;
    left: 24.2vw;
}

.timeline-layout-11-line-10 {
    max-width: 5vw;
    top: 38.3vw;
    left: 13vw;
}

@media (max-width:1199.98px) {
    .timeline-layout-11-line-10 {
        top: 47vw
    }
}

.slide_30 .professional_activity {
    margin-top: 0;
}

.timeline-layout-12-line-1 {
    max-width: 2rem;
    top: 23.5vw;
    left: 9vw;
}

.timeline-layout-12-image-1 {
    top: -0.5vw;
    left: 7vw;
}

.timeline-layout-12-image-1 > img {
    max-width: 18vw
}

.timeline-layout-12-text-container-1 {
    max-width: 14rem;
    top: 16.7vw;
    left: 9vw;
}

.timeline-layout-12-image-2 {
    top: 29.4vw;
    left: 19.5vw;
}

.timeline-layout-12-image-2 > img {
    max-width: 12vw
}

.timeline-layout-12-text-container-2 {
    max-width: 13rem;
    top: 13.5vw;
    left: 35.1vw;
}

.timeline-layout-12-image-3 {
    top: 20.5vw;
    right: -7.5vw;
    mix-blend-mode: multiply;
}

.timeline-layout-12-image-3 > img {
    max-width: 24vw
}

.timeline-layout-12-line-3 {
    max-width: 2.9vw;
    top: 35.5vw;
    left: 28vw;
}

.timeline-layout-12-line-4 {
    max-width: 16.5vw;
    top: 11.5vw;
    left: 35vw;
}

.timeline-layout-12-line-5 {
    max-width: 3vw;
    top: 40vw;
    left: 30vw
}

.timeline-layout-12-text-container-3 {
    max-width: 14.5rem;
    top: 27.5vw;
    left: 13.3vw;
}

.timeline-layout-12-image-4 {
    top: 1vw;
    left: 13.1vw
}

.timeline-layout-12-image-4 > img {
    max-width: 17.3vw;
}

.timeline-layout-12-image-5 {
    width: 13.5vw;
    top: 1.5vw;
    left: 47.5vw;
}

.timeline-layout-12-image-6 {
    width: 8.5vw;
    top: 29.8vw;
    left: 36.5vw;
}

.timeline-layout-12-line-7 {
    max-width: 1.5vw;
    top: 22vw;
    left: 8.5vw;
}

.timeline-layout-12-line-8 {
    max-width: 2vw;
    top: 8.8vw;
    left: 37.4vw;
}

.timeline-layout-12-line-9 {
    max-width: 21.5vw;
    top: 25.2vw;
    left: 13.1vw;
}

.timeline-layout-12-line-10 {
    max-width: 5.3vw;
    top: 19.8vw;
    left: 39vw;
}

.timeline-layout-12-line-11 {
    max-width: 8vw;
    top: 38vw;
    left: 29.8vw;
}

.timeline-layout-13-line-2 {
    max-width: 7vw;
    top: 30vw;
    left: 35.3vw;
    height: 1px !important;
}

.timeline-layout-13-line-3 {
    max-width: 5vw;
    top: 10.4vw;
    left: 4.7vw
}

.timeline-layout-13-image-1 {
    top: 1.9vw;
    left: 25vw;
}

.timeline-layout-13-image-1 > img {
    width: 32.5vw;
    max-width: unset;
}

.timeline-layout-13-text-container-1 {
    max-width: 15.5rem;
    top: 21vw;
    left: 35.5vw;
}

.timeline-layout-13-line-6 {
    max-width: 5.3vw;
    top: 14.8vw;
    right: -17.8vw
}

.timeline-layout-13-line-7 {
    top: 36.8vw;
    right: -7.2vw;
    max-width: 1.5vw;
}

.timeline-layout-13-line-8 {
    max-width: 1.8vw;
    top: 31.5vw;
    left: 24vw;
}

.timeline-layout-13-text-container-2 {
    top: 3.8vw;
    left: 12.5vw;
    width: 13rem;
}

.timeline-layout-13-text-container-2 img {
    width: 12vw;
    margin-bottom: 1.5vw;
    display: block;
}

.timeline-layout-13-image-2 {
    top: 6.5vw;
    left: 34.9vw;
}

.timeline-layout-13-image-2 > img {
    max-width: 7.5vw
}

.timeline-layout-13-image-3 {
    width: 13vw;
    top: 5.8vw;
    left: 7.8vw;
}

.timeline-layout-13-image-4 {
    width: 15.8vw;
    top: 15vw;
    left: 7.5vw;
}

.timeline-layout-13-image-5 {
    width: 9.5vw;
    top: 31.2vw;
    left: 35.3vw;
}

.timeline-layout-13-image-6 {
    width: 12vw;
    top: 34.5vw;
    left: 9vw;
}

.timeline-layout-13-image-7 {
    width: 21vw;
    top: 20.3vw;
    left: 27.5vw;
}

.timeline-layout-13-text-container-3 {
    text-align: right;
    top: 26.3vw;
    width: 15vw;
    left: 11vw;
}

.timeline-layout-13-line-9 {
    max-width: 7vw;
    top: 15.9vw;
    left: 35.2vw;
}



/* ****************************************
                    FUTURE
****************************************** */
/* Slide 33 - 2020 */
.slide_33_text_1 {
    width: 17rem;
    top: 17.9vw;
    left: 7.5vw;
}

.slide_33_text_2 {
    max-width: 19vw;
    top: 19.5vw;
    left: 33.4vw;
}

.slide_33_img_1 {
    width: 23vw;
    top: -0.7vw;
    left: 4vw;
}

.slide_33_img_2 {
    width: 27vw;
    top: 3.2vw;
    left: 33.4vw;
}

.slide_33_img_3 {
    width: 10vw;
    top: 24vw;
    left: 11.7vw;
}

.slide_33_img_4 {
    width: 16.5vw;
    top: 25.9vw;
    left: 29.9vw;
}

.timeline-slide-33-line-1 {
    max-width: 1.5rem;
    top: 1vw;
    left: 31.5vw;
}

.timeline-slide-33-line-2 {
    max-width: 5.5vw;
    top: 22.2vw;
    left: 7.7vw;
}

.timeline-slide-33-line-3 {
    max-width: 7.8vw;
    top: 24vw;
    left: 33.2vw;
}

/* Slide 34 - 2020 */
.slide_34_text_1 {
    max-width: 15rem;
    top: 15.3vw;
    left: 23vw;
}

.slide_34_img_1 {
    width: 19vw;
    top: 3vw;
    left: 23vw;
}

.slide_34_img_2 {
    width: 17.5vw;
    top: 24.6vw;
    left: 3.2vw;
}

.slide_34_img_3 {
    width: 27.5vw;
    top: 24.6vw;
    left: 22vw;
}

.timeline-slide-34-line-1 {
    max-width: 1.75rem;
    top: 5.6vw;
    left: 13.5vw;
}

.timeline-slide-34-line-2 {
    max-width: 4.7vw;
    top: 14vw;
    left: 23vw;
}

.timeline-slide-34-line-3 {
    max-width: 21vw;
    top: 22.5vw;
    left: 17vw;
}

/* Slide 35 - 2021 */
.slide_35 .professional_activity {
    height: calc(max(100vh, 55vw) - 220px - 2vw - 6px);
}

.slide_35_text_1 {
    width: 15rem;
    top: 21.8vw;
    left: 12.5vw;
}

.slide_35_text_1 img {
    width: 12.5vw;
    margin-top: 1.5vw;
    display: block;
}

.slide_35_text_2 {
    max-width: 16rem;
    top: 3.2vw;
    left: 40.8vw;
}

.slide_35_text_3 {
    text-align: right;
    max-width: 12vw;
    bottom: 2vw;
    left: 34.8vw;
}

.slide_35_img_1 {
    width: 23vw;
    top: -0.7vw;
    left: 8vw;
}

.slide_35_img_2 {
    width: 31.2vw;
    top: 7.1vw;
    left: 31.5vw;
    z-index: -1;
}

.slide_35_img_3 {
    width: 23.2vw;
    bottom: 0;
    left: 49.5vw;
    mix-blend-mode: multiply;
}

.slide_35_img_4 {
    width: 17.5vw;
    top: 27.2vw;
    left: 29.5vw;
}

.timeline-slide-35-line-1 {
    max-width: 8vw;
    top: calc(3.7vw + 5rem);
    left: 40.8vw;
}

.timeline-slide-35-line-2 {
    max-width: 20.2vw;
    top: 20.2vw;
    left: 12.5vw;
}

.timeline-slide-35-line-3 {
    max-width: 1.75rem;
    top: 29.8vw;
    left: 38.2vw;
}

.timeline-slide-35-line-4 {
    max-width: 5.5vw;
    bottom: 6.8vw;
    left: 41vw;
}

/* Slide 36 - 2021 */
.slide_36_text_1 {
    top: 4.3vw;
    left: 19vw;
}

.slide_36_img_1 {
    width: 27vw;
    top: 9vw;
    left: 19vw;
}

.slide_36_img_2 {
    width: 14.2vw;
    top: 26.2vw;
    left: 30.2vw;
}

.slide_36_img_3 {
    width: 27vw;
    top: 26vw;
    left: 22.5vw;
}

.timeline-slide-36-line-1 {
    max-width: 5vw;
    top: 3.2vw;
    left: 18.9vw;
}

.timeline-slide-36-line-2 {
    max-width: 1.75rem;
    top: 27vw;
    left: 26.7vw;
}

.timeline-slide-36-line-3 {
    max-width: 21vw;
    top: 24.5vw;
    left: 17vw;
}

/* Slide 37 - 2022 */
.slide_37_text_1 {
    width: 17rem;
    top: 29.7vw;
    left: 12vw;
}

.slide_37_text_2 {
    max-width: 16.5vw;
    top: 4.2vw;
    left: 40.8vw;
}

.slide_37_text_3 {
    text-align: right;
    max-width: 12vw;
    top: 32.5vw;
    left: 34.8vw;
}

.slide_37_img_1 {
    width: 8vw;
    top: -0.7vw;
    left: 12vw;
}

.slide_37_img_2 {
    width: 32.8vw;
    top: 6.5vw;
    left: 6.8vw;
}

.slide_37_img_3 {
    width: 18vw;
    top: 20.1vw;
    left: 41.7vw;
}

.slide_37_img_4 {
    width: 17.5vw;
    top: 27.2vw;
    left: 29.5vw;
}

.timeline-slide-37-line-1 {
    max-width: 3.2vw;
    top: 4vw;
    left: 6.8vw;
}

.timeline-slide-37-line-2 {
    max-width: 3.2vw;
    top: 18.2vw;
    left: 44.5vw;
}

.timeline-slide-37-line-3 {
    max-width: 1.75rem;
    top: calc(29vw + 5rem);
    left: 11.9vw;
}

.timeline-slide-37-line-4 {
    max-width: 5.5vw;
    top: 31vw;
    left: 41vw;
}

/* Slide 38 - 2022 */
.slide_38 .professional_activity {
    margin-top: -3vw;
    height: calc(max(100vh, 55vw) - 220px + 3vw - 6px);
}

.slide_38_text_1 {
    top: 34.1vw;
    left: 12.3vw;
    max-width: 14rem;
}

.slide_38_text_2 {
    top: 20.5vw;
    left: 29.5vw;
    max-width: 15rem;
}

.slide_38_img_1 {
    width: 32.2vw;
    top: 5.5vw;
    left: -4vw;
}

.slide_38_img_2 {
    width: 12.2vw;
    top: 28.3vw;
    left: 12.2vw;
}

.slide_38_img_3 {
    width: 12vw;
    top: 11vw;
    left: 29.8vw;
}

.slide_38_img_4 {
    width: 18.5vw;
    bottom: -1vw;
    left: 28.8vw;
}

.timeline-slide-38-line-1 {
    max-width: 1.5rem;
    top: 22.2vw;
    left: 0.5vw;
}

.timeline-slide-38-line-2 {
    max-width: 1.75rem;
    top: 7vw;
    left: 31.4vw;
}

.timeline-slide-38-line-3 {
    max-width: 5.4vw;
    top: 19.1vw;
    left: 29.6vw;
}

.timeline-slide-38-line-4 {
    max-width: 7.7vw;
    top: 33vw;
    left: 12.2vw
}