﻿
@media (min-width: 992px) {
    .card-seo-about

{
    transform: translateY(-20%);
}

}


/* Story Timeline
    -----------------------------------------------------------------*/
.story-timeline {
    position: relative;
    padding-top: 60px;
}

    .story-timeline > .story-timeline-line {
        position: absolute;
        display: block;
        top: 0;
        left: 10px;
        bottom: 0;
        width: 5px;
        border-radius: 0 0 6px 6px;
        background-image: linear-gradient(to bottom, #139847 0%, #026c96 100%);
    }

    .story-timeline .story-timeline-dots {
        position: absolute;
        display: block;
        top: 0;
        left: 26px;
        z-index: 1;
        width: 30px;
        height: 30px;
        margin-left: -13px;
        background-image: linear-gradient(#279d47 0%, #00648c 100%);
        border: 8px solid #FFF;
        border-radius: 50%;
        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
        transition: border-color .3s ease;
    }

    .story-timeline > .row {
        position: relative;
        padding-left: 40px;
    }

        .story-timeline > .row:hover .story-timeline-dots {
            box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
            background: #555;
        }


/* Story Timeline
    -----------------------------------------------------------------*/
@media (min-width: 768px) {
    .story-timeline > .story-timeline-line {
        left: 50%;
        transform: translateX(-50%);
    }

    .story-timeline .story-timeline-dots {
        left: 50%;
        transform: translateX(-50%);
        margin-left: 0;
    }

    .story-timeline > .row {
        margin-right: -50px;
        margin-left: -50px;
        padding-left: 0;
    }

        .story-timeline > .row > .col,
        .story-timeline > .row > [class*="col-"] {
            padding-right: 50px;
            padding-left: 50px;
        }
}

[id^="particles-"] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

