/*TIMELINE*/
/*SVG Logo - Firework Styles*/

#GreyStars, #RedStars, #BlueStars, #PurpleStars, #GreenStars, #YellowStars {
    opacity: 0;
}
#BlueDots, #GreenDots, #YellowDots, #RedDot {
    opacity: 0;
}
#BlueBurst, #OrangeBurst, #GreyBurst {
    opacity: 0;
}
.fifty-year-svg-wrapper {
    margin-bottom: 80px;
}
.fifty-year-svg-wrapper svg {
max-width: 830px;
margin: 0 auto;
display: block;
position: relative;
left: -15px;
}
/*Years navigation on left*/
.timeline-years {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    width: calc(15% - 40px);
    z-index: 1;
    margin-left: -15px;
    height: 240px;
    margin-bottom: -240px;
}

.timeline-years .nav-link {
    font-size: 1.5rem;
    font-weight: 800;
    text-align: right;
    border-radius: 0;
    transition: .15s all ease-in-out;
    color: #1b1b1b !important
}

.timeline-years .nav-link:hover {
    background-color: #EEEEEE;
}

.timeline-years .nav-link.active {
    background-color: #236192;
    color: #ffffff !important;
    border-radius: 0;
}
/*Timeline styles*/
.timeline {
    position: relative;
    top:-60px;
}
.timeline p{
    font-size:.9em;
}
.timeline-decade{
    padding-top:60px;
}
.timeline-line {
    content: '';
    position: absolute;
    top: 60px;
    bottom: 0;
    height: calc(100% - 140px);
    background-color: #B5BD00;
    width: 5px;
    left: calc(50% - 5px);
    right: 0;
}
.timeline .row {
    max-width: 950px;
    margin: 0 auto;
}
.timeline .row:hover .timeline-segment i {
    transform: translateY(-50%) scale(.8)
}
.timeline .timeline-segment > div {
    padding: 30px;
    visibility: hidden;
    opacity: 0;
    transform: translateX(-50px);
    transition: all .5s ease-in;
}
.timeline .timeline-segment img {
    max-width: 250px;
}
.timeline .timeline-segment .media img{
    max-width:150px;
}
.timeline .timeline-segment img.timeline-logo {
    max-width: 300px;
}
.timeline .timeline-segment.in-view > div {
    visibility: visible;
    opacity: 1;
    transform: translateX(0px);
}
.timeline .timeline-segment.left {
    text-align: right;
}
.timeline .timeline-segment.right {
    text-align: left;
}

/*Timeline - gradient backgrounds */
.timeline .timeline-background-wrapper-blue,
.timeline .timeline-background-wrapper-purple,
.timeline .timeline-background-wrapper-orange {
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position-x: right !important;
    color: #ffffff;
    min-height:600px;
}

.timeline .timeline-background-wrapper-blue {
    background-color: rgb(35, 97, 146);
    background-image: radial-gradient(circle at 47% 14%, rgba(205, 205, 205,0.04) 0%, rgba(205, 205, 205,0.04) 43%,transparent 43%, transparent 100%),radial-gradient(circle at 35% 12%, rgba(215, 215, 215,0.04) 0%, rgba(215, 215, 215,0.04) 4%,transparent 4%, transparent 100%),radial-gradient(circle at 1% 35%, rgba(24, 24, 24,0.04) 0%, rgba(24, 24, 24,0.04) 37%,transparent 37%, transparent 100%),radial-gradient(circle at 21% 1%, rgba(0, 0, 0,0.04) 0%, rgba(0, 0, 0,0.04) 26%,transparent 26%, transparent 100%),radial-gradient(circle at 23% 82%, rgba(249, 249, 249,0.04) 0%, rgba(249, 249, 249,0.04) 60%,transparent 60%, transparent 100%),radial-gradient(circle at 11% 54%, rgba(251, 251, 251,0.04) 0%, rgba(251, 251, 251,0.04) 23%,transparent 23%, transparent 100%),radial-gradient(circle at 69% 68%, rgba(234, 234, 234,0.04) 0%, rgba(234, 234, 234,0.04) 10%,transparent 10%, transparent 100%),linear-gradient(90deg, #777,#606060);
}
.timeline .timeline-background-wrapper-purple {
    background: linear-gradient(90deg, rgba(106,42,91,1) 0%, rgba(138,27,97,1) 15%, rgba(138,27,97,1) 55%, rgba(255,255,255,0) 100%), url('');
}
.timeline .timeline-background-wrapper-orange {
    background: linear-gradient(90deg, rgba(240,100,0,1) 0%, rgba(240,100,0,1) 15%, rgba(240,100,0,1) 55%, rgba(255,255,255,0) 100%), url('');
}

.timeline-background-wrapper-blue.year-1970 {
    background-color: blue;
    background-image:radial-gradient(circle at 47% 14%, rgba(205, 205, 205,0.04) 0%, rgba(205, 205, 205,0.04) 43%,transparent 43%, transparent 100%),radial-gradient(circle at 35% 12%, rgba(215, 215, 215,0.04) 0%, rgba(215, 215, 215,0.04) 4%,transparent 4%, transparent 100%),radial-gradient(circle at 1% 35%, rgba(24, 24, 24,0.04) 0%, rgba(24, 24, 24,0.04) 37%,transparent 37%, transparent 100%),radial-gradient(circle at 21% 1%, rgba(0, 0, 0,0.04) 0%, rgba(0, 0, 0,0.04) 26%,transparent 26%, transparent 100%),radial-gradient(circle at 23% 82%, rgba(249, 249, 249,0.04) 0%, rgba(249, 249, 249,0.04) 60%,transparent 60%, transparent 100%),radial-gradient(circle at 11% 54%, rgba(251, 251, 251,0.04) 0%, rgba(251, 251, 251,0.04) 23%,transparent 23%, transparent 100%),radial-gradient(circle at 69% 68%, rgba(234, 234, 234,0.04) 0%, rgba(234, 234, 234,0.04) 10%,transparent 10%, transparent 100%),linear-gradient(90deg, #2c7ad2,#1568c6);
}

.timeline-background-wrapper-purple.year-1974 {
    background-image: radial-gradient(circle at 47% 14%, rgba(205, 205, 205,0.04) 0%, rgba(205, 205, 205,0.04) 43%,transparent 43%, transparent 100%),radial-gradient(circle at 35% 12%, rgba(215, 215, 215,0.04) 0%, rgba(215, 215, 215,0.04) 4%,transparent 4%, transparent 100%),radial-gradient(circle at 1% 35%, rgba(24, 24, 24,0.04) 0%, rgba(24, 24, 24,0.04) 37%,transparent 37%, transparent 100%),radial-gradient(circle at 21% 1%, rgba(0, 0, 0,0.04) 0%, rgba(0, 0, 0,0.04) 26%,transparent 26%, transparent 100%),radial-gradient(circle at 23% 82%, rgba(249, 249, 249,0.04) 0%, rgba(249, 249, 249,0.04) 60%,transparent 60%, transparent 100%),radial-gradient(circle at 11% 54%, rgba(251, 251, 251,0.04) 0%, rgba(251, 251, 251,0.04) 23%,transparent 23%, transparent 100%),radial-gradient(circle at 69% 68%, rgba(234, 234, 234,0.04) 0%, rgba(234, 234, 234,0.04) 10%,transparent 10%, transparent 100%),linear-gradient(90deg, #8d3dae,#8d3dae);
}

.timeline-background-wrapper-orange.year-1983 {
    background-image: radial-gradient(circle at 46% 40%, rgba(228, 228, 228,0.06) 0%, rgba(228, 228, 228,0.06) 13%,transparent 13%, transparent 100%),radial-gradient(circle at 11% 41%, rgba(198, 198, 198,0.06) 0%, rgba(198, 198, 198,0.06) 19%,transparent 19%, transparent 100%),radial-gradient(circle at 52% 23%, rgba(14, 14, 14,0.06) 0%, rgba(14, 14, 14,0.06) 69%,transparent 69%, transparent 100%),radial-gradient(circle at 13% 85%, rgba(148, 148, 148,0.06) 0%, rgba(148, 148, 148,0.06) 44%,transparent 44%, transparent 100%),radial-gradient(circle at 57% 74%, rgba(232, 232, 232,0.06) 0%, rgba(232, 232, 232,0.06) 21%,transparent 21%, transparent 100%),radial-gradient(circle at 59% 54%, rgba(39, 39, 39,0.06) 0%, rgba(39, 39, 39,0.06) 49%,transparent 49%, transparent 100%),radial-gradient(circle at 98% 38%, rgba(157, 157, 157,0.06) 0%, rgba(157, 157, 157,0.06) 24%,transparent 24%, transparent 100%),radial-gradient(circle at 8% 6%, rgba(60, 60, 60,0.06) 0%, rgba(60, 60, 60,0.06) 12%,transparent 12%, transparent 100%),linear-gradient(90deg, #ff7600, #ff7600);
}

.timeline-background-wrapper-blue.year-1988 {
    background-image: radial-gradient(circle at 47% 14%, rgba(205, 205, 205,0.04) 0%, rgba(205, 205, 205,0.04) 43%,transparent 43%, transparent 100%),radial-gradient(circle at 35% 12%, rgba(215, 215, 215,0.04) 0%, rgba(215, 215, 215,0.04) 4%,transparent 4%, transparent 100%),radial-gradient(circle at 1% 35%, rgba(24, 24, 24,0.04) 0%, rgba(24, 24, 24,0.04) 37%,transparent 37%, transparent 100%),radial-gradient(circle at 21% 1%, rgba(0, 0, 0,0.04) 0%, rgba(0, 0, 0,0.04) 26%,transparent 26%, transparent 100%),radial-gradient(circle at 23% 82%, rgba(249, 249, 249,0.04) 0%, rgba(249, 249, 249,0.04) 60%,transparent 60%, transparent 100%),radial-gradient(circle at 11% 54%, rgba(251, 251, 251,0.04) 0%, rgba(251, 251, 251,0.04) 23%,transparent 23%, transparent 100%),radial-gradient(circle at 69% 68%, rgba(234, 234, 234,0.04) 0%, rgba(234, 234, 234,0.04) 10%,transparent 10%, transparent 100%),linear-gradient(90deg, #2c7ad2,#1568c6);
}


.timeline-background-wrapper-purple.year-1993 {
    background-image: radial-gradient(circle at 47% 14%, rgba(205, 205, 205,0.04) 0%, rgba(205, 205, 205,0.04) 43%,transparent 43%, transparent 100%),radial-gradient(circle at 35% 12%, rgba(215, 215, 215,0.04) 0%, rgba(215, 215, 215,0.04) 4%,transparent 4%, transparent 100%),radial-gradient(circle at 1% 35%, rgba(24, 24, 24,0.04) 0%, rgba(24, 24, 24,0.04) 37%,transparent 37%, transparent 100%),radial-gradient(circle at 21% 1%, rgba(0, 0, 0,0.04) 0%, rgba(0, 0, 0,0.04) 26%,transparent 26%, transparent 100%),radial-gradient(circle at 23% 82%, rgba(249, 249, 249,0.04) 0%, rgba(249, 249, 249,0.04) 60%,transparent 60%, transparent 100%),radial-gradient(circle at 11% 54%, rgba(251, 251, 251,0.04) 0%, rgba(251, 251, 251,0.04) 23%,transparent 23%, transparent 100%),radial-gradient(circle at 69% 68%, rgba(234, 234, 234,0.04) 0%, rgba(234, 234, 234,0.04) 10%,transparent 10%, transparent 100%),linear-gradient(90deg, #8d3dae,#8d3dae);
}

.timeline-background-wrapper-orange.year-2000 {
    background-image: radial-gradient(circle at 46% 40%, rgba(228, 228, 228,0.06) 0%, rgba(228, 228, 228,0.06) 13%,transparent 13%, transparent 100%),radial-gradient(circle at 11% 41%, rgba(198, 198, 198,0.06) 0%, rgba(198, 198, 198,0.06) 19%,transparent 19%, transparent 100%),radial-gradient(circle at 52% 23%, rgba(14, 14, 14,0.06) 0%, rgba(14, 14, 14,0.06) 69%,transparent 69%, transparent 100%),radial-gradient(circle at 13% 85%, rgba(148, 148, 148,0.06) 0%, rgba(148, 148, 148,0.06) 44%,transparent 44%, transparent 100%),radial-gradient(circle at 57% 74%, rgba(232, 232, 232,0.06) 0%, rgba(232, 232, 232,0.06) 21%,transparent 21%, transparent 100%),radial-gradient(circle at 59% 54%, rgba(39, 39, 39,0.06) 0%, rgba(39, 39, 39,0.06) 49%,transparent 49%, transparent 100%),radial-gradient(circle at 98% 38%, rgba(157, 157, 157,0.06) 0%, rgba(157, 157, 157,0.06) 24%,transparent 24%, transparent 100%),radial-gradient(circle at 8% 6%, rgba(60, 60, 60,0.06) 0%, rgba(60, 60, 60,0.06) 12%,transparent 12%, transparent 100%),linear-gradient(90deg, #ff7600, #ff7600);
}

.timeline-background-wrapper-blue.year-2004 {
    background-image: radial-gradient(circle at 47% 14%, rgba(205, 205, 205,0.04) 0%, rgba(205, 205, 205,0.04) 43%,transparent 43%, transparent 100%),radial-gradient(circle at 35% 12%, rgba(215, 215, 215,0.04) 0%, rgba(215, 215, 215,0.04) 4%,transparent 4%, transparent 100%),radial-gradient(circle at 1% 35%, rgba(24, 24, 24,0.04) 0%, rgba(24, 24, 24,0.04) 37%,transparent 37%, transparent 100%),radial-gradient(circle at 21% 1%, rgba(0, 0, 0,0.04) 0%, rgba(0, 0, 0,0.04) 26%,transparent 26%, transparent 100%),radial-gradient(circle at 23% 82%, rgba(249, 249, 249,0.04) 0%, rgba(249, 249, 249,0.04) 60%,transparent 60%, transparent 100%),radial-gradient(circle at 11% 54%, rgba(251, 251, 251,0.04) 0%, rgba(251, 251, 251,0.04) 23%,transparent 23%, transparent 100%),radial-gradient(circle at 69% 68%, rgba(234, 234, 234,0.04) 0%, rgba(234, 234, 234,0.04) 10%,transparent 10%, transparent 100%),linear-gradient(90deg, #2c7ad2,#1568c6);
}

.timeline-background-wrapper-purple.year-2007 {
    background-image: radial-gradient(circle at 47% 14%, rgba(205, 205, 205,0.04) 0%, rgba(205, 205, 205,0.04) 43%,transparent 43%, transparent 100%),radial-gradient(circle at 35% 12%, rgba(215, 215, 215,0.04) 0%, rgba(215, 215, 215,0.04) 4%,transparent 4%, transparent 100%),radial-gradient(circle at 1% 35%, rgba(24, 24, 24,0.04) 0%, rgba(24, 24, 24,0.04) 37%,transparent 37%, transparent 100%),radial-gradient(circle at 21% 1%, rgba(0, 0, 0,0.04) 0%, rgba(0, 0, 0,0.04) 26%,transparent 26%, transparent 100%),radial-gradient(circle at 23% 82%, rgba(249, 249, 249,0.04) 0%, rgba(249, 249, 249,0.04) 60%,transparent 60%, transparent 100%),radial-gradient(circle at 11% 54%, rgba(251, 251, 251,0.04) 0%, rgba(251, 251, 251,0.04) 23%,transparent 23%, transparent 100%),radial-gradient(circle at 69% 68%, rgba(234, 234, 234,0.04) 0%, rgba(234, 234, 234,0.04) 10%,transparent 10%, transparent 100%),linear-gradient(90deg, #8d3dae,#8d3dae);
}
.timeline-background-wrapper-orange.year-2010 {
    background-image: radial-gradient(circle at 46% 40%, rgba(228, 228, 228,0.06) 0%, rgba(228, 228, 228,0.06) 13%,transparent 13%, transparent 100%),radial-gradient(circle at 11% 41%, rgba(198, 198, 198,0.06) 0%, rgba(198, 198, 198,0.06) 19%,transparent 19%, transparent 100%),radial-gradient(circle at 52% 23%, rgba(14, 14, 14,0.06) 0%, rgba(14, 14, 14,0.06) 69%,transparent 69%, transparent 100%),radial-gradient(circle at 13% 85%, rgba(148, 148, 148,0.06) 0%, rgba(148, 148, 148,0.06) 44%,transparent 44%, transparent 100%),radial-gradient(circle at 57% 74%, rgba(232, 232, 232,0.06) 0%, rgba(232, 232, 232,0.06) 21%,transparent 21%, transparent 100%),radial-gradient(circle at 59% 54%, rgba(39, 39, 39,0.06) 0%, rgba(39, 39, 39,0.06) 49%,transparent 49%, transparent 100%),radial-gradient(circle at 98% 38%, rgba(157, 157, 157,0.06) 0%, rgba(157, 157, 157,0.06) 24%,transparent 24%, transparent 100%),radial-gradient(circle at 8% 6%, rgba(60, 60, 60,0.06) 0%, rgba(60, 60, 60,0.06) 12%,transparent 12%, transparent 100%),linear-gradient(90deg, #ff7600, #ff7600);
}
.timeline-background-wrapper-blue.year-2012 {
    background-image: radial-gradient(circle at 47% 14%, rgba(205, 205, 205,0.04) 0%, rgba(205, 205, 205,0.04) 43%,transparent 43%, transparent 100%),radial-gradient(circle at 35% 12%, rgba(215, 215, 215,0.04) 0%, rgba(215, 215, 215,0.04) 4%,transparent 4%, transparent 100%),radial-gradient(circle at 1% 35%, rgba(24, 24, 24,0.04) 0%, rgba(24, 24, 24,0.04) 37%,transparent 37%, transparent 100%),radial-gradient(circle at 21% 1%, rgba(0, 0, 0,0.04) 0%, rgba(0, 0, 0,0.04) 26%,transparent 26%, transparent 100%),radial-gradient(circle at 23% 82%, rgba(249, 249, 249,0.04) 0%, rgba(249, 249, 249,0.04) 60%,transparent 60%, transparent 100%),radial-gradient(circle at 11% 54%, rgba(251, 251, 251,0.04) 0%, rgba(251, 251, 251,0.04) 23%,transparent 23%, transparent 100%),radial-gradient(circle at 69% 68%, rgba(234, 234, 234,0.04) 0%, rgba(234, 234, 234,0.04) 10%,transparent 10%, transparent 100%),linear-gradient(90deg, #2c7ad2,#1568c6);
}

.timeline-background-wrapper-purple.year-2013 {
    background-image: radial-gradient(circle at 47% 14%, rgba(205, 205, 205,0.04) 0%, rgba(205, 205, 205,0.04) 43%,transparent 43%, transparent 100%),radial-gradient(circle at 35% 12%, rgba(215, 215, 215,0.04) 0%, rgba(215, 215, 215,0.04) 4%,transparent 4%, transparent 100%),radial-gradient(circle at 1% 35%, rgba(24, 24, 24,0.04) 0%, rgba(24, 24, 24,0.04) 37%,transparent 37%, transparent 100%),radial-gradient(circle at 21% 1%, rgba(0, 0, 0,0.04) 0%, rgba(0, 0, 0,0.04) 26%,transparent 26%, transparent 100%),radial-gradient(circle at 23% 82%, rgba(249, 249, 249,0.04) 0%, rgba(249, 249, 249,0.04) 60%,transparent 60%, transparent 100%),radial-gradient(circle at 11% 54%, rgba(251, 251, 251,0.04) 0%, rgba(251, 251, 251,0.04) 23%,transparent 23%, transparent 100%),radial-gradient(circle at 69% 68%, rgba(234, 234, 234,0.04) 0%, rgba(234, 234, 234,0.04) 10%,transparent 10%, transparent 100%),linear-gradient(90deg, #8d3dae,#8d3dae);
}


.timeline-background-wrapper-orange.year-2015 {
    background-image: radial-gradient(circle at 46% 40%, rgba(228, 228, 228,0.06) 0%, rgba(228, 228, 228,0.06) 13%,transparent 13%, transparent 100%),radial-gradient(circle at 11% 41%, rgba(198, 198, 198,0.06) 0%, rgba(198, 198, 198,0.06) 19%,transparent 19%, transparent 100%),radial-gradient(circle at 52% 23%, rgba(14, 14, 14,0.06) 0%, rgba(14, 14, 14,0.06) 69%,transparent 69%, transparent 100%),radial-gradient(circle at 13% 85%, rgba(148, 148, 148,0.06) 0%, rgba(148, 148, 148,0.06) 44%,transparent 44%, transparent 100%),radial-gradient(circle at 57% 74%, rgba(232, 232, 232,0.06) 0%, rgba(232, 232, 232,0.06) 21%,transparent 21%, transparent 100%),radial-gradient(circle at 59% 54%, rgba(39, 39, 39,0.06) 0%, rgba(39, 39, 39,0.06) 49%,transparent 49%, transparent 100%),radial-gradient(circle at 98% 38%, rgba(157, 157, 157,0.06) 0%, rgba(157, 157, 157,0.06) 24%,transparent 24%, transparent 100%),radial-gradient(circle at 8% 6%, rgba(60, 60, 60,0.06) 0%, rgba(60, 60, 60,0.06) 12%,transparent 12%, transparent 100%),linear-gradient(90deg, #ff7600, #ff7600);
}

.timeline-background-wrapper-blue.year-2017 {
    background-image: radial-gradient(circle at 47% 14%, rgba(205, 205, 205,0.04) 0%, rgba(205, 205, 205,0.04) 43%,transparent 43%, transparent 100%),radial-gradient(circle at 35% 12%, rgba(215, 215, 215,0.04) 0%, rgba(215, 215, 215,0.04) 4%,transparent 4%, transparent 100%),radial-gradient(circle at 1% 35%, rgba(24, 24, 24,0.04) 0%, rgba(24, 24, 24,0.04) 37%,transparent 37%, transparent 100%),radial-gradient(circle at 21% 1%, rgba(0, 0, 0,0.04) 0%, rgba(0, 0, 0,0.04) 26%,transparent 26%, transparent 100%),radial-gradient(circle at 23% 82%, rgba(249, 249, 249,0.04) 0%, rgba(249, 249, 249,0.04) 60%,transparent 60%, transparent 100%),radial-gradient(circle at 11% 54%, rgba(251, 251, 251,0.04) 0%, rgba(251, 251, 251,0.04) 23%,transparent 23%, transparent 100%),radial-gradient(circle at 69% 68%, rgba(234, 234, 234,0.04) 0%, rgba(234, 234, 234,0.04) 10%,transparent 10%, transparent 100%),linear-gradient(90deg, #2c7ad2,#1568c6);
}


.timeline-background-wrapper-purple.year-2019 {
    background-image: radial-gradient(circle at 47% 14%, rgba(205, 205, 205,0.04) 0%, rgba(205, 205, 205,0.04) 43%,transparent 43%, transparent 100%),radial-gradient(circle at 35% 12%, rgba(215, 215, 215,0.04) 0%, rgba(215, 215, 215,0.04) 4%,transparent 4%, transparent 100%),radial-gradient(circle at 1% 35%, rgba(24, 24, 24,0.04) 0%, rgba(24, 24, 24,0.04) 37%,transparent 37%, transparent 100%),radial-gradient(circle at 21% 1%, rgba(0, 0, 0,0.04) 0%, rgba(0, 0, 0,0.04) 26%,transparent 26%, transparent 100%),radial-gradient(circle at 23% 82%, rgba(249, 249, 249,0.04) 0%, rgba(249, 249, 249,0.04) 60%,transparent 60%, transparent 100%),radial-gradient(circle at 11% 54%, rgba(251, 251, 251,0.04) 0%, rgba(251, 251, 251,0.04) 23%,transparent 23%, transparent 100%),radial-gradient(circle at 69% 68%, rgba(234, 234, 234,0.04) 0%, rgba(234, 234, 234,0.04) 10%,transparent 10%, transparent 100%),linear-gradient(90deg, #8d3dae,#8d3dae);
}


/*Timeline - video*/
.timeline .timeline-segment.video {
    padding: 30px;
}
.timeline .timeline-segment.video div {
    max-width: 100%;
    padding: 18px 0 !important;
}
/*Dots on the timeline*/
.timeline .timeline-segment .fa-circle {
    color: #B5BD00;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: 2px solid #B5BD00;
    padding: 6px 5px 4px 5px;
    border-radius: 50%;
    font-size: 20px;
    transition: .15s all ease-in-out;
    z-index: 1;
}
.timeline .timeline-segment .fa-circle.text-white {
    border-color:#ffffff;
}
.timeline .timeline-segment.left .fa-circle {
    right: -29px;
}
.timeline .timeline-segment.right .fa-circle {
    left: -35px;
}
@media screen and (max-width: 991px) {
    .timeline-line {
        left: 25px;
        height: calc(100% - 170px);
    }
    .timeline .timeline-segment {
        max-width: 100%;
    }
    .timeline .timeline-segment div img {
        max-width: 200px;
    }
    .timeline .timeline-segment .media img{
        max-width:80px;
    }
    .timeline .timeline-segment.left,
    .timeline .timeline-segment.right {
        text-align: left;
        padding-left: 30px;
    }
    .timeline .timeline-segment.left .fa-circle,
    .timeline .timeline-segment.right .fa-circle {
        left: -20px;
        right: auto;
    }
    .timeline .timeline-segment.first.left:before {
        content: none;
    }
    /*Timeline - background gradients*/
    .timeline .timeline-background-wrapper-blue,
    .timeline .timeline-background-wrapper-purple,
    .timeline .timeline-background-wrapper-orange {
        min-height: auto;
        background-size:cover !important;
        background-position:center !important;
    }

    .timeline-background-wrapper-blue.year-1970 {
        background: linear-gradient(90deg, rgba(35,97,146,.9) 0%, rgba(0,174,199,.9) 35%, rgba(0,174,199,.8) 100%), url('/assets/img/timeline/1970-doug-and-bill_history_800x600.jpg');
    }
    .timeline-background-wrapper-purple.year-1974 {
        background: linear-gradient(90deg, rgba(106,42,91,.9) 0%, rgba(138,27,97,.9) 35%, rgba(138,27,97,.8) 100%), url('/assets/img/timeline/1974-targeted-selectionl_history_800x600.jpg');
    }
    .timeline-background-wrapper-orange.year-1983 {
        background: linear-gradient(90deg, rgba(240,100,0,.9) 0%, rgba(240,100,0,.9) 35%, rgba(240,100,0,.8) 100%), url('/assets/img/timeline/1983-FarEast.jpg');
    }
    .timeline-background-wrapper-blue.year-1988 {
        background: linear-gradient(90deg, rgba(35,97,146,.9) 0%, rgba(0,174,199,.9) 35%, rgba(0,174,199,.8) 100%), url('/assets/img/timeline/1989-Ann-Howard-Doug-Bray_history_800x600.jpg');
    }
    .timeline-background-wrapper-purple.year-1993 {
        background: linear-gradient(90deg, rgba(106,42,91,.9) 0%, rgba(138,27,97,.9) 35%, rgba(138,27,97,.8) 100%), url('/assets/img/timeline/1993-DDI-Latin-America_history_800x600.jpg');
    }
    .timeline-background-wrapper-orange.year-2000 {
        background: linear-gradient(90deg, rgba(240,100,0,.9) 0%, rgba(240,100,0,.9) 35%, rgba(240,100,0,.8) 100%), url('/assets/img/timeline/2000-executive-assessment-centers_history_800x600.jpg');
    }
    .timeline-background-wrapper-blue.year-2004 {
        background: linear-gradient(90deg, rgba(35,97,146,.9) 0%, rgba(0,174,199,.9) 35%, rgba(0,174,199,.8) 100%), url('/assets/img/timeline/2004-Asia-Business-Leaders-Award_history_800x600.jpg');
    }
    .timeline-background-wrapper-purple.year-2007 {
        background: linear-gradient(90deg, rgba(106,42,91,.9) 0%, rgba(138,27,97,.9) 35%, rgba(138,27,97,.8) 100%), url('/assets/img/timeline/2007-international-congress_history_800x600.jpg');
    }
    .timeline-background-wrapper-orange.year-2010 {
        background: linear-gradient(90deg, rgba(240,100,0,.9) 0%, rgba(240,100,0,.9) 35%, rgba(240,100,0,.8) 100%), url('/assets/img/timeline/2011-best-company-to-work_history_800x600.jpg');
    }
    .timeline-background-wrapper-blue.year-2012 {
        background: linear-gradient(90deg, rgba(35,97,146,.9) 0%, rgba(0,174,199,.9) 35%, rgba(0,174,199,.8) 100%), url('/assets/img/timeline/2012-interaction-management_history_800x600.jpg');
    }
    .timeline-background-wrapper-purple.year-2013 {
        background: linear-gradient(90deg, rgba(106,42,91,.9) 0%, rgba(138,27,97,.9) 35%, rgba(138,27,97,.8) 100%), url('/assets/img/timeline/2013-U-Spark_history_800x600.jpg');
    }
    .timeline-background-wrapper-orange.year-2015 {
        background: linear-gradient(90deg, rgba(240,100,0,.9) 0%, rgba(240,100,0,.9) 35%, rgba(240,100,0,.8) 100%), url('/assets/img/timeline/2015-tacy-byham-ceo_history_800x600.jpg');
    }
    .timeline-background-wrapper-blue.year-2017 {
        background: linear-gradient(90deg, rgba(35,97,146,.9) 0%, rgba(0,174,199,.9) 35%, rgba(0,174,199,.8) 100%), url('/assets/img/timeline/2017-PROOF-Leadership-Training-Pays-Off_history_800x600.jpg');
    }
    .timeline-background-wrapper-purple.year-2019 {
        background: linear-gradient(90deg, rgba(106,42,91,.9) 0%, rgba(138,27,97,.9) 35%, rgba(138,27,97,.8) 100%), url('/assets/img/timeline/2019-VR_history_800x600.jpg');
    }
    /*Timeline - years*/
    .timeline-years {
        width: 100%;
        background-color: #ffffff;
        margin: 0 auto;
        height: auto;
        padding: 10px;
        top: 0px;
    }
    .timeline-years .nav-pills {
        width: 100%;
        display: block;
    }
    .timeline-years .nav-item {
        display: inline-block;
        width: calc(16.6% - 5px);
    }
    .timeline-years .nav-item .nav-link {
        text-align: center;
        padding: 5px;
        font-size: 1rem;
    }
    /*Timeline - video*/
    .timeline .timeline-segment.video div {
        padding: 35px 30px !important;
    }
}