#history-module .timeline-container {
    overflow: hidden;
}
#history-module {
    position: relative;
}
#history-module .timeline .date__inner {
    height: 100%;
}
@media screen and (min-width: 1200px) {
    #history-module .timeline .date__inner {
        display: flex;
    }
}
#history-module .grid-left,
#history-module .grid-right {
    width: 100%;
    height: 50%;
}
@media screen and (min-width: 1200px) {
    #history-module .grid-left,
    #history-module .grid-right {
        width: 50%;
        height: 100%;
    }
}
#history-module .grid-right {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    opacity: 0;
    transition: opacity 0.3s;
}
@media screen and (min-width: 1200px) {
    #history-module .grid-right {
        height: 100%;
    }
}
#history-module .slide-active .grid-right { 
    opacity: 1;
}
#history-module .grid-left {
    position: relative;
    padding: 72px 24px 24px;
}
@media screen and (min-width: 768px) {
    #history-module .grid-left {
        padding: 80px 8.33vw 40px;
    }
}

/* Beat Beaver Builder layout-cache copies of the older 8.33vw padding. */
#history-module .date__inner .grid-left {
    padding: 72px 24px 24px;
}
@media screen and (min-width: 768px) {
    #history-module .date__inner .grid-left {
        padding: 80px 8.33vw 40px;
    }
}

#history-module .grid-left .title {
    font-size: 28px;
    margin-top: 0;
    margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
    #history-module .grid-left .title {
        font-size: 32px;
    }   
}
@media screen and (min-width: 1440px) {
    #history-module .grid-left .title {
        font-size: 40px;
    }   
}
#history-module .grid-left .description {
    font-size: 16px;
    color: #53565A;
}
@media screen and (min-width: 768px) {
    #history-module .grid-left .description {
        font-size: 18px;
    }   
}
#history-module .grid-left .anime {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0;
    transition: opacity .3s,transform .3s;
    transform: translateY(20px);
    transition-delay: .6s;
    z-index: 2;
}
#history-module .slide-active .anime {
    transform: translateY(0);
    opacity: 1;
}
#history-module .grid-left__inner {
    margin: 8px 0 0 !important;
    position: relative;
    display: block;
    height: calc(100% - 36px);
    width: calc(100% - 44px);
}

#history-module .timeline-dots-main {
    top: 16px;
}
@media screen and (min-width: 768px) {
    #history-module .timeline-dots-main {
        top: 24px;
    }
}
.arrows {
    margin-left: -5px;
    justify-content: flex-start;
}
.arrows .slide-prev-button,
.arrows .slide-next-button {
    padding: 0 5px;
    display: block;
}
.arrows span i {
    font-size: 24px;
    color: #53565A;
    cursor: pointer;
}
@media screen and (min-width: 768px) {
    .arrows span i {
        font-size: 30px;
    }
}
@media screen and (min-width: 1200px) {
    .arrows span i {
        font-size: 40px;
    }
}
@media screen and (max-width: 1199px) {
    .arrows {
        margin-right: -5px;
    }
}