/* CSS Document */

ul {
    padding-inline-start: 0px;
    line-height: 140%;
}

.pr-6 {
    padding-right: 1.5rem;
}

.pl-6 {
    padding-left: 1.5rem;
}

.bubble-on {
    border-color: #046637 !important;
    background-color: #ffffff !important;
}


.motze {
    font-size: 35px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.26;
    letter-spacing: 0.32px;
    text-align: right;
    color: #046637;
}


.item {
    touch-action: none;
    user-select: none;
}


.timeline-sidepanel-content ul {
    list-style-position: inside;
}

.timeline-sidepanel-content li {
    line-height: 21px;
    margin-top: 5px;
}

.speech-bubble {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: solid 3px transparent;
    border-radius: 5px;
    height: 168px;
    color: #333;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.85);
    top: 50% !important;
    transform: translateY(-50%);
}


.speech-bubble:hover {
    border: solid 3px #046637 !important;
}


.strokeme {
    color: white;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.slider-wrapper {
    display: flex;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.85);
    border-radius: 5px;
    padding: 0.5rem 1.125rem;
}

.slider:after {
    content: '';
    width: 48px;
    height: 2px;
    position: absolute;
    background-color: #0466371a;
    left: auto;
    right: 0;
    border-radius: 0 3px 3px 0;
    transform: translateX(100%);
}

.slider {
    position: relative;
    width: calc(100% - 6rem - 48px);
    height: 2px;
    margin: 0 auto 0 15px !important;
    background-color: #0466371a !important;
    border-radius: 0 !important;
}

.ui-widget-content .ui-state-default {
    width: 48px;
    height: 10px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #046637;
    border: 0;
    margin: 0;
    border-radius: 40px;
}

.slider-year {
    color: #333333;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
}

.arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    position: absolute;
    top: calc(50% + 0.6rem);
    left: -10px;
    background: #D9E8E1;
    color: #fff;
    font-size: 50px;
    font-weight: 700;
    transform: translate(-100%, -50%);
    padding: 0;
    border-radius: 5px;
    border: 0;
}

.arrow.forward {
    left: auto;
    right: -10px;
    transform: translate(100%, -50%);
}

.timeline-close-button {
    position: absolute;
    top: 1rem;
    right: 1.5rem;
    padding: 0;
    background-color: transparent;
    border: 0;
}

.slider-content-box {
    position: relative;
    border-radius: 5px;
    border: 3px solid #046637;
    background: #FFF;
    padding: 1.5rem 58px 1.5rem 1.5rem;
}

.ui-widget.ui-widget-content {
    border: 0;
}

.year {
    display: flex;
    align-items: center;
    position: absolute;
    padding: .5rem;
    height: 2rem;
    background: #D9E8E1;
    border-radius: 5px;
    color: #333;
    font-size: 18px;
    font-weight: 600;
}

.slider-min-year {
    position: relative;
    margin-top: -50px;
    display: inline-block;
    top: -15px;
    right: 688px;
}

.timeline-navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
}

.timeline-share-button {
    background: none;
    border-radius: 5px;
    border: 1px solid #E9E9EC;
    box-shadow: 0 0 14px 0 rgba(4, 102, 55, 0.10);
    padding: 8px;
    margin: 0 .5rem;
}

.timeline-share-button > svg {
    width: 24px;
    height: 24px;
}

.timeline-back {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    transform: rotate(180deg);
}

.timeline-navbar.rtl .timeline-back {
    transform: rotate(0);
}

.slider-cap-right {
    display: inline-block;
    /*position: relative;*/
    margin-top: 15px;
    margin-right: 15px;
    width: 30px;
    background: rgba(185, 185, 185, 1);
    height: 8px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    top: 25px;
}


.slider-cap-left {
    top: -17px;
    width: 30px;
    background: rgba(185, 185, 185, 1);
    height: 8px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    position: relative;
    display: inline-block;
    /* margin-top: -12px;*/
    /* margin-right: 600px;*/
    /* margin-top: -8px; */
    margin-right: 930px;
}

/*
.cap {
    width: 30px;
}
.ui-slider, .cap.left, .cap.right {
    float: left;
}
.ui-slider {
    width: 600px;
}
.ui-slider-handle {
    margin-left: -30px;
}
*/

.ui-slider .ui-slider-handle:focus {
    outline: none;
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    /*
    border: 1px solid #c5c5c5;
     background: #f6f6f6;
     font-weight: normal;
     color: #f30;
     */
}

.s-read-more {
    display: flex;
    width: 48px;
    height: 48px;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #333;
    background: none;
    border: none;
    padding: 0 0.5rem;
    margin: 0 -1rem;
}

.s-read-more svg{
    transition: .3s all;
}

.s-read-more.opened svg{
    transform: rotate(180deg);
}

@media (min-width: 992px) {
    .s-read-more {
        width: auto;
        height: auto;
    }

    .s-read-more:after {
        content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Icon - chevron 1' clip-path='url(%23clip0_1652_53061)'%3E%3Cpath id='Icon feather-chevron-left (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M4.4107 6.91075C4.73614 6.58532 5.26378 6.58532 5.58921 6.91075L9.99996 11.3215L14.4107 6.91075C14.7361 6.58532 15.2638 6.58532 15.5892 6.91075C15.9147 7.23619 15.9147 7.76383 15.5892 8.08927L10.5892 13.0893C10.2638 13.4147 9.73614 13.4147 9.4107 13.0893L4.4107 8.08927C4.08527 7.76383 4.08527 7.23619 4.4107 6.91075Z' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1652_53061'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
        padding: 0 .5rem;
    }

    .s-read-more.opened:after {
        content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Icon - chevron 1' clip-path='url(%23clip0_1652_53418)'%3E%3Cpath id='Icon feather-chevron-left (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M15.5893 13.0892C15.2639 13.4147 14.7362 13.4147 14.4108 13.0892L10 8.67847L5.5893 13.0892C5.26386 13.4147 4.73622 13.4147 4.41079 13.0892C4.08535 12.7638 4.08535 12.2361 4.41079 11.9107L9.41079 6.9107C9.73622 6.58527 10.2639 6.58527 10.5893 6.9107L15.5893 11.9107C15.9147 12.2361 15.9147 12.7638 15.5893 13.0892Z' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1652_53418'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    }
}

.s-timeline-content {
    background-color: #fbfbfb;
}

@media (min-width: 992px) {
    .s-timeline-content {
        padding: 1.5rem 0;
    }
}

.event-box .read-more {
    display: none;
}

.event-box-button-wrapper {
    display: flex;
    justify-content: end;
}

.event-box-button {
    width: 1rem;
    height: 1rem;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='chips/Variant6'%3E%3Cpath id='Vector' d='M12.6666 8.66668H8.66665V12.6667H7.33331V8.66668H3.33331V7.33334H7.33331V3.33334H8.66665V7.33334H12.6666V8.66668Z' fill='%238F919A'/%3E%3C/g%3E%3C/svg%3E%0A");
    border: 0;
    padding: 0;

}

@media (min-width: 992px) {
    .event-box-button {
        margin-right: -1rem;
        margin-left: -1rem;
    }
}

.event-box.opened {
    border-color: #046637;
    border-width: 1px;
}

.event-box.opened:before {
    border: 2px solid #EEFCF2;
    background: #046637;
    box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.15);
}

.event-box.opened .event-box-button {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Icon - close 1' clip-path='url(%23clip0_1820_25909)'%3E%3Cpath id='Icon ionic-ios-close' d='M8.7932 8.00358L11.1777 5.62078C11.2824 5.51573 11.3411 5.37339 11.3408 5.22506C11.3406 5.07673 11.2815 4.93457 11.1764 4.82985C11.0714 4.72514 10.929 4.66644 10.7807 4.66667C10.6324 4.66691 10.4902 4.72606 10.3855 4.83111L8.00269 7.2139L5.6199 4.83111C5.56805 4.77925 5.50649 4.73812 5.43874 4.71006C5.371 4.682 5.29839 4.66756 5.22506 4.66756C5.15173 4.66756 5.07912 4.682 5.01137 4.71006C4.94363 4.73812 4.88207 4.77925 4.83022 4.8311C4.77837 4.88296 4.73724 4.94451 4.70918 5.01226C4.68111 5.08001 4.66667 5.15262 4.66667 5.22594C4.66667 5.29927 4.68111 5.37188 4.70918 5.43963C4.73724 5.50738 4.77837 5.56893 4.83022 5.62078L7.21301 8.00358L4.83147 10.3855C4.72675 10.4903 4.66792 10.6323 4.66792 10.7804C4.66792 10.9285 4.72675 11.0705 4.83147 11.1752C4.93619 11.2799 5.07822 11.3388 5.22631 11.3388C5.3744 11.3388 5.51643 11.2799 5.62115 11.1752L8.00394 8.79242L10.3855 11.1756C10.4903 11.2807 10.6325 11.3398 10.7808 11.34C10.9292 11.3402 11.0716 11.2814 11.1766 11.1767C11.2817 11.0719 11.3408 10.9297 11.341 10.7813C11.3412 10.633 11.2824 10.4906 11.1777 10.3855L8.7932 8.00358Z' fill='%238F919A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1820_25909'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.speech-bubble.bubble-on .event-box-button {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Icon - close 1' clip-path='url(%23clip0_1820_25909)'%3E%3Cpath id='Icon ionic-ios-close' d='M8.7932 8.00358L11.1777 5.62078C11.2824 5.51573 11.3411 5.37339 11.3408 5.22506C11.3406 5.07673 11.2815 4.93457 11.1764 4.82985C11.0714 4.72514 10.929 4.66644 10.7807 4.66667C10.6324 4.66691 10.4902 4.72606 10.3855 4.83111L8.00269 7.2139L5.6199 4.83111C5.56805 4.77925 5.50649 4.73812 5.43874 4.71006C5.371 4.682 5.29839 4.66756 5.22506 4.66756C5.15173 4.66756 5.07912 4.682 5.01137 4.71006C4.94363 4.73812 4.88207 4.77925 4.83022 4.8311C4.77837 4.88296 4.73724 4.94451 4.70918 5.01226C4.68111 5.08001 4.66667 5.15262 4.66667 5.22594C4.66667 5.29927 4.68111 5.37188 4.70918 5.43963C4.73724 5.50738 4.77837 5.56893 4.83022 5.62078L7.21301 8.00358L4.83147 10.3855C4.72675 10.4903 4.66792 10.6323 4.66792 10.7804C4.66792 10.9285 4.72675 11.0705 4.83147 11.1752C4.93619 11.2799 5.07822 11.3388 5.22631 11.3388C5.3744 11.3388 5.51643 11.2799 5.62115 11.1752L8.00394 8.79242L10.3855 11.1756C10.4903 11.2807 10.6325 11.3398 10.7808 11.34C10.9292 11.3402 11.0716 11.2814 11.1766 11.1767C11.2817 11.0719 11.3408 10.9297 11.341 10.7813C11.3412 10.633 11.2824 10.4906 11.1777 10.3855L8.7932 8.00358Z' fill='%238F919A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1820_25909'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.carousel.years {
    position: sticky;
    top: 0;
    background-color: #E9E9EC;
    padding-right: 3rem;
    padding-left: 3rem;
    margin-bottom: .5rem;
    color: #046637;
    z-index: 1;
}

.carousel.years .carousel-control-next {
    width: auto;
    right: 1rem;
    opacity: 1;
}

.carousel.years .carousel-control-prev {
    width: auto;
    left: 1rem;
    opacity: 1;
}

.carousel.years .carousel-control-prev-icon {
    margin-left: 0;
    margin-top: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Icon - chevron 1' clip-path='url(%23clip0_1652_52827)'%3E%3Crect width='20' height='20' fill='%23EEFCF2' fill-opacity='0.65'/%3E%3Cpath id='Icon feather-chevron-left (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M13.0893 4.41076C13.4147 4.7362 13.4147 5.26384 13.0893 5.58928L8.67853 10L13.0893 14.4108C13.4147 14.7362 13.4147 15.2638 13.0893 15.5893C12.7638 15.9147 12.2362 15.9147 11.9108 15.5893L6.91076 10.5893C6.58533 10.2638 6.58533 9.7362 6.91076 9.41076L11.9108 4.41076C12.2362 4.08533 12.7638 4.08533 13.0893 4.41076Z' fill='%238F919A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1652_52827'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    filter: none;
}

.carousel.years .carousel-control-next-icon {
    margin-right: 0;
    margin-top: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Icon - chevron 2' clip-path='url(%23clip0_1652_52828)'%3E%3Crect width='20' height='20' fill='%23EEFCF2' fill-opacity='0.65'/%3E%3Cpath id='Icon feather-chevron-left (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M6.91028 15.5889C6.58485 15.2635 6.58485 14.7359 6.91028 14.4104L11.321 9.99967L6.91028 5.58893C6.58485 5.26349 6.58485 4.73586 6.91028 4.41042C7.23572 4.08498 7.76336 4.08498 8.08879 4.41042L13.0888 9.41042C13.4142 9.73586 13.4142 10.2635 13.0888 10.5889L8.08879 15.5889C7.76336 15.9144 7.23572 15.9144 6.91028 15.5889Z' fill='%238F919A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1652_52828'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    filter: none;
}

.carousel.years .carousel-item {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.154px;
}

.carousel.years .carousel-inner {
    padding: 6px 0;
}


.timeline-main {
    text-align: center;
}

.timeline-main-row {
    margin-top: 10px;
}


.timeline-main-title {
    font-size: 30px;
    font-weight: 700;
    color: #000;
    display: inline-block
}


.timeline-main-text {
    display: inline-block;
    position: relative;
    margin-top: 20px;
    font-size: 24px;
    color: #000;
}

.event-box {
    position: relative;
    border-radius: 5px;
    border: 1px solid #E9E9EC;
    background: rgba(255, 255, 255, 0.85);
    padding: .5rem;
}

.event-box:before {
    content: '';
    position: absolute;
    background: #F5F5F6;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    left: -13px;
}

.timeline-container.rtl .event-box:before {
    right: -23px;
    left: auto;
}

.timeline-container {
    position: relative;
}

.timeline-container:before {
    content: '';
    height: 100%;
    width: 2px;
    position: absolute;
    background: #F5F5F6;
    left: 11px;
}

.timeline-container.rtl:before {
    right: 11px;
}

a.timeline-button:link, a.timeline-button:visited, a.timeline-button:hover, a.timeline-button:active {
    color: #333333 !important;
    text-decoration: none !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}


a.timeline-link:link, a.timeline-link:visited, a.timeline-link:hover, a.timeline-link:active {
    color: #5e7b65 !important;
    text-decoration: none !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}


.timeline-button {
    font-size: 16px;
    font-weight: 600;
}

.timeline-year {
    display: inline-flex;
    position: relative;
    justify-content: center;
    width: 44px;
    color: #707070;
    font-size: 12px;
    left: -11px;
    font-weight: 400;
    margin-bottom: 0.5rem;
    letter-spacing: -0.099px;
    border-radius: 0 52px 52px 0;
    background: #F5F5F6;
}

.timeline-year:after {
    content: '';
    width: calc(100vw - 15px - 15px - 42px);
    height: 2px;
    background: #F5F5F6;
    left: 44px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.timeline-container.rtl .timeline-year {
    right: -11px;
    border-radius: 52px 0 0 52px;
}

.timeline-container.rtl .timeline-year:after {
    right: 44px;
}

.timeline-box {
    background: #fff;
    position: relative;
    opacity: 1;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 15px;
}


.timeline-text-parent {
    width: 100%;
    height: 100%;
    display: inline-table;
    position: absolute;
    top: 0px;
    left: 0px;
}


.timeline-text {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    padding: 65px 30px;
    color: #fff;
    font-family: Assistant;
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}


.timeline-img-btn {
    position: absolute;
    z-index: 100;
    bottom: 20px;
    left: 30px;
    color: #333333;
    background: #fff;
    border-radius: 20px;
    padding: 7px 30px;
    font-size: 16px;
    font-weight: 600;
}


.timeline-img-btn-2 {
    width: 82.5px;
    height: 34px;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
    background-color: #ffffff;
    margin-top: -20px;
    line-height: 33px;
}


.timeline-img-btn-2:hover {
    background-color: #f4f4f4;
}

.s-timeline-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: #D9E8E1;
}

.s-button {
    display: flex;
    height: 40px;
    padding: 0 calc(20px - .5rem);
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    background-color: transparent;
    color: #046637;
    border-radius: 2px;
    border: 0.5px solid #046637;
}

.s-button > span {
    margin: 0 .5rem;
}

.s-button > svg {
    margin: 0 .5rem;
}

@media (min-width: 992px) {
    .s-content {
        max-width: 800px;
    }
}

@media (min-width: 992px) {
    .s-content > .entry-content {
        color: #333;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        text-align: initial;
    }
}