﻿body.view-standard .ym-g75.ym-gl.ym-gbox, .view-fleet .ym-g75.ym-gl.ym-gbox {
    padding-right: 65px !important;
}

/* ================ The Timeline ================ */

.timeline a {
    color: #ee0000;
    text-decoration: underline;
}
.timeline a:hover,.timeline a:focus,.timeline a:active,.timeline a:visited {
    color: #ee0000;
    text-decoration: underline;
}

.timeline-title {
    font-size: 23px;
    color: #ee0000;
}

.timeline {
    position: relative;
    width: auto;
    max-width: 80%;
    /*margin-top: 20px;*/
    padding: 1em 0;
    list-style-type: none;
    margin-bottom: 150px;
}

.timeline:before {
    position: absolute;
    left: 234px;
    top: 0;
    content: ' ';
    display: block;
    width: 2px;
    height: 100%;
    margin-left: 0px;
    background: rgb(238, 0, 0);
    background: -moz-linear-gradient(top, rgba(238, 0, 0,0) 0%, rgb(238, 0, 0) 8%, rgb(238, 0, 0) 92%, rgba(238, 0, 0,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1)));
    background: -webkit-linear-gradient(top, rgba(238, 0, 0,0) 0%, rgb(238, 0, 0) 8%, rgb(238, 0, 0) 92%, rgba(238, 0, 0,0) 100%);
    background: -o-linear-gradient(top, rgba(238, 0, 0,0) 0%, rgb(238, 0, 0) 8%, rgb(238, 0, 0) 92%, rgba(238, 0, 0,0) 100%);
    background: -ms-linear-gradient(top, rgba(238, 0, 0,0) 0%, rgb(238, 0, 0) 8%, rgb(238, 0, 0) 92%, rgba(238, 0, 0,0) 100%);
    background: linear-gradient(to bottom, rgba(238, 0, 0,0) 0%, rgb(238, 0, 0) 8%, rgb(238, 0, 0) 92%, rgba(238, 0, 0,0) 100%);

    z-index: 5;
}

.timeline h3 {
    font-size: 25px;
    margin-bottom: 20px;
    color: #212529;
	line-height: 1.2em;
}

.timeline .clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.timeline .img-responsive {
    max-width: 100%;
    width: auto;
    height: auto;
}

.timeline li {
    padding: 2em 0;
    min-height: 300px;
    transition: all 1s ease;
    margin-left:0;
}

.timeline li:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.timeline li.nopic {
    min-height: 200px;
}

.timeline .direction-l {
    position: relative;
    width: 200px;
    float: left;
    text-align: right;
    margin-right: -275px;
}

.timeline .direction-r {
    position: relative;
    /*width: 100%;*/
    /*float: left;*/
    margin-left: 275px;
}

.timeline .separator {
    min-height: auto;
}
.timeline .separator .separator-wrapper {
    color: #ee0000;
    font-size: 20px;
    position: relative;
}
.timeline .separator .separator-wrapper span {
    background-color: rgb(245,244,240);
    padding-right: 10px;
}
.timeline .separator .separator-wrapper:after {
    content:"";
    position: absolute;
    top: 52%;
    left: 0;
    right: 0;
    height: 1px;
    z-index: -1;

    background-image: linear-gradient(to right, #ee0000 0%, #ee0000 70%, transparent 70%);
    background-size: 20px 1px;
    background-repeat: repeat-x;
}

.timeline .flag-wrapper {
    position: relative;
    display: block;
    text-align: right;
    margin-right: 25px;
    top: 5px;
}

.timeline .flag {
    font-weight: normal;
    text-align: right;
    color: #212529;
}

.timeline li:not(.active) h3, .timeline li:not(.active) h5, .timeline li:not(.active) p {
    /* color: #bdbdbd; */
    opacity: 0.6;
    transition:opacity ease 1s;
}

.timeline li .flag-icon {
    position: absolute;
    top: 0;
    right: -55px;
    display: block;
    z-index: 10;
}
.timeline li .flag-icon img {
    width: 40px;
    height: auto;
    transition: all 1s ease;
    /* background-color: rgb(245,244,240); */
    background-color:#fff;
}
.timeline li.active .flag-icon img, .timeline li.active .flag-icon.flag-icon-default:before {
    transform: scale(1.5);
}

.timeline li .flag-icon.flag-icon-default {
    top: 5px;
    right: -45px;
}
.timeline li .flag-icon.flag-icon-default:before {
    content: ' ';
    display: block;
    width: 20px;
    height: 20px;
    background: #ee0000;
    border-radius: 50%;
    transition: all 1s ease;
}

.timeline .description-image {
    float: left;
    width: 250px;
    margin-right: -250px;
}
.timeline .description-text {
    max-width: 500px;
}
.timeline .description-image + .description-text {
    margin-left: 270px;
}

.timeline .direction-r .timeline .flag:before {
    left: -38px;
}

.timeline .direction-r .timeline .flag:after {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    height: 0;
    width: 0;
    margin-top: -8px;
    border: solid transparent;
    border-right-color: rgb(248,248,248);
    border-width: 8px;
    pointer-events: none;
}

/* ================ Timeline Media Queries ================ */

@media screen and (max-width: 991px) {

    .timeline .description-image {
        width: 150px;
        margin-right: -150px;
    }
    .timeline .description-image + .description-text {
        margin-left: 170px;
    }

}

@media screen and (max-width: 766px) {

    .timeline {
        width: 100%;
        max-width: 100%;
        padding: 4em 0 1em 0;
    }
    .timeline:before {
        z-index: 0;
        left: 10px;
    }

    .timeline li {
        /*padding: 1em 0;*/
        /*min-height: 600px;*/
        /*transition: all 1s ease;*/
        margin-left:1.2em;
    }

    .timeline li .flag-icon {
        right: auto;
        left: -25px;
    }
    .timeline li .flag-icon.flag-icon-default {
        right: auto;
        left: -16px;
    }
    .timeline li.active .flag-icon img, .timeline li.active .flag-icon.flag-icon-default:before {
        transform: scale(1.2);
    }

    .timeline .direction-l,
    .timeline .direction-r {
        float: none;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: 0;
    }

    .timeline .flag, .timeline .description {
        text-align: left;
    }

    .timeline .description-image, .timeline .description-text {
        float: none;
        width: auto;
        margin: 0;
    }

    .timeline .description-image {
        margin-bottom: 20px;
    }

    .timeline .description-image + .description-text {
        margin-left: 0;
    }

}
li.anker-menu-li{
   background-color: #f6f4f1;
   padding-top:1em;
   padding-bottom:1em;
   margin-top:1em;   
   margin-bottom:1em;  
}

.anker-menu{
    display: block;
    margin: 0px 0px 22px 0px;
    padding:0;
    width: 80%;
    list-style-type: none;
}
.anker-menu li{
    display: inline;
    font-weight: bold;
    min-height: 100%;
    margin-left: 0px;
    padding: 5px 0px 0px 0px;
    word-break: break-word;
}
.anker-menu li:after{
    display: inline;
    word-break: break-all;
    }
.anker-menu li:nth-child(n + 2):before{
    content:"|";
    display: inline;
    font-size:16px;
    color:#444;
    padding: 0 4px;
    font-weight: normal;
    word-break: break-all;
}
h5.flag.anker-menu-flag {
    position: relative;
    top: 115px;
    color: #ee0000!important;
    font-size: 25px;
}
@media(max-width:756px){
    h5.flag.anker-menu-flag {
        top: 0;
    }
}