#counting .testimonialcontainer p {
    font-family: 'Lora', serif;
    font-style: italic;
}
#counting .testimonialcontainer p.author {
    text-align: left;
    line-height: 25px;
    font-weight: 600;
    font-style: normal;
    margin: 0 0;
}
#counting .testimonialcontainer p.title {
    text-align: left;
    line-height: 25px;
    margin: 0 0;
}

.subnavmenu a {
    padding: 16px 62px 16px 33px;
}
.subnavmenu a:hover, .subnavmenu a.selected {
    padding: 16px 33px;
    text-decoration: none;
}
@media (max-width: 1000px) {
    @media (max-width: 1000px) {
        .sectionanchor {
            top: -330px;
        }
    }
    #history_subnavmenu_m {
        position: sticky;
        top: 80px;
        bottom: unset;
        margin-top: 30px;
        z-index: 15;
    }
    .subnavmenu a {
        text-align: center;
        padding: 16px 33px;
    }
}



.timeline {
    width:70%;
    margin:auto;
    padding-right: 40px;
    position: relative;
}
@media (max-width: 800px) {
    .timeline {
        width: 100%;
        padding-right: 0;
    }
}
.slidercontainer {
    position: fixed;
    right:20%;
    top:30%;
    height: 30vh;
}
.timelinerow {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items:stretch;
}
.timelinecell {
    flex-grow:0;
    flex-shrink:0;
    flex-basis: 25%;
    font-size: 0px;
    border: 3px solid white;
    box-sizing: border-box;
    position: relative;
}
.timelinesubcol {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.timelinesubcolcell {
    border-top: 6px solid white;
    box-sizing: border-box;
    width: 100%;
}
.timelinesubcolcell:first-child {
    border-top: none;
}
.timelinesubcolcell.grow {
    flex-grow: 1;
    position: relative;
}
.timelinesubrow {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: left;
    align-items:stretch;
    height: 100%;
}
.timelinesubrowcell {
    flex-grow:0;
    flex-shrink:0;
    flex-basis: 50%;
    font-size: 0px;
    border-top: 6px solid white;
    box-sizing: border-box;
    position: relative;
    align-self: center;
}
.timelinesubrowcell.borderright {
    border-right: 3px solid white;
}
.timelinesubrowcell.borderleft {
    border-left: 3px solid white;
}
.timelinecell.half {
    flex-basis: 50%;
}
.timelinecell.third {
    flex-basis: 34%;
}
.timelinecell.sixth {
    flex-basis: 16%;
}
.timelinecell.seventwelveths {
    flex-basis: 59%;
}
.timelinecell.onetwelveth {
    flex-basis: 9%;
}
.timelinecell.threequarters {
    flex-basis: 75%;
}
.timelinecell.fivesixths {
    flex-basis: 84%;
}
.timelinecell.paddle, .timelinecell .paddle, .timelinesubrowcell.paddle {
    align-self: center;
    z-index:5;
}
.timelinecell.withpaddle {
    z-index:5;
}
.timelinecell.paddle.right, .timelinesubrowcell.paddle.right {
    text-align: right;
}
.timelinecell.paddle.left {
    text-align: left;
}
.timelinecell.blue, .timelinecell .blue {
    background-color: #f4f2f1;
    padding: 10px;
}
.timelinecell .blue.grow {
    height: 100%;
}
.timelinecell p, .timelinecell p a {
    color: #226E93;
    font-size: 11px;
    line-height: 16px;
    margin-top: 0;
    margin-bottom: 10px;
}
@media (max-width: 800px) {
    .timelinecell p {
        font-size: 9px;
    }
}
.timelinecell p.title {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom:5px;
}
.timelinecell p.credit {
    font-style: italic;
}
.timeline .timelinecell img {
    width: 100%;
    display: inline-block;
}
.timeline .timelinecell.paddle img, .timeline .timelinecell img.paddle {
    height: 55px;
    width: auto;
}
@media (max-width: 1000px) {
    .timeline .timelinecell.paddle.right {
        padding-left: 18%;
    }
    .timeline .timelinecell.paddle.left {
        padding-right: 18%;
    }
    .timeline .timelinecell.paddle.right.half {
        padding-left: 34%;
    }
    .timeline .timelinecell.paddle.left.half {
        padding-right: 34%;
    }
    .timeline .timelinecell.paddle.right.sixth {
        padding-left: 0;
    }
    .timeline .timelinecell.paddle.left.sixth {
        padding-right: 0;
    }
    .timeline .timelinecell .timelinesubrowcell.paddle.right {
        padding-left: 18%;
    }
    .timeline .timelinecell .timelinesubrowcell.paddle.left {
        padding-right: 18%;
    }
    .timeline .timelinecell.half .timelinesubcolcell.paddle.right {
        padding-left: 66%;
    }
    .timeline .timelinecell.half .timelinesubcolcell.paddle.left {
        padding-right: 66%;
    }
    .timeline .timelinecell.paddle img, .timeline .timelinecell img.paddle {
        height: unset;
        width: 100%;
    }
}
.timelinecell.paddle.right img {
    margin-right: -6px;
}
.timelinecell.paddle.left img, .timelinecell img.paddle, .timelinecell .paddle img {
    margin-left: -6px;
}
.timelinecell img.haspaddle.left {
    margin-left: -6px;
}
.timelinecell.padtop {
    padding-top: 30px;
    align-self: flex-end;
}
.timelinecell.padbottom {
    padding-bottom: 30px;
}
img.padtop {
    margin-top: 30px;
}
.vert_container {
    display: table;
    height: 100%;
}
.vert_contents {
    display: table-cell;
    vertical-align: middle;
}

.layoutshifleft {
    margin-left: -50%;
}

@media (max-width: 600px) {
    .timelinecell.paddle.right.mobiletopalign {
        padding-top: 15px;
        align-self: flex-start;
    }
    .timelinecell.paddle.left.sixth {
        border-left: none;
        overflow-x: hidden;
    }
    .timelinecell.paddle.left.sixth img {
        float: right;
    }
    .timelinecell.image.third.paddlenext {
        border-right: none;
    }
}