@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg)
    }
}
@keyframes wave {
    from {
        transform: translate(0px, -1px);
    }
    to {
        transform: translate(0px, 2px)
    }
}
@keyframes boat {
    from {
        transform: translate(0px, -3px);
    }
    to {
        transform: translate(0px, 0px)
    }
}
@keyframes cloud {
    from {
        transform: translate(-30px, 0);
        opacity: 0.1;
    }
    to {
        transform: translate(30px, 0);
        opacity: 1;
    }
}
@keyframes airplane {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(10deg)
    }
}
@keyframes small-plane {
    0% {
        transform: translate(-20px, 20px);
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translate(20px, -20px);
    }
}
@keyframes heli {
    from {
        transform: translate(0px, 36px) rotate(0deg);
    }
    to {
        transform: translate(0px, -36px) rotate(10deg);
    }
}
@keyframes rig-flame {
    0% {
        transform: rotate(-10deg)
    }
    100% {
        transform: rotate(10deg)
    }
}
#timeline{
    enable-background:new 0 0 999.7999878 2284.2109375;
}
#timeline .wave {
    animation: wave 1s linear infinite alternate;
}
#timeline #boat1 {
    animation: boat 1s linear infinite alternate;
}
#timeline #boat {
    animation: boat 1s linear infinite alternate;
}
#timeline .cloud {
    animation: cloud 6s linear infinite alternate;
}
#timeline #windmill {
    transform-origin: 59px 59px;
    transform-box: fill-box;
    animation: rotate 5s linear infinite;
}
#timeline #airplane {
    transform-origin: 158px 66px;
    transform-box: fill-box;
    animation: airplane 5s linear infinite alternate;
}
#timeline #small-plane {
    animation: small-plane 6s linear infinite;
}
#timeline #rig-flame {
    animation: rig-flame 1s linear infinite alternate;
    transform-box: fill-box;
    transform-origin: bottom center;
}
#timeline #heli {
    animation: heli 3s linear infinite alternate;
    transform-box: fill-box;
}

/* Microsoft Edge Browser 12+ (All) - @supports method */
@supports (-ms-ime-align:auto) {
    #timeline #airplane, #timeline #windmill, #timeline #heli, #timeline #rig-flame { animation: none; }
}
/* IE 10 and 11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #timeline #airplane, #timeline #windmill, #timeline #heli, #timeline #rig-flame { animation: none; }
}


.st0{fill:#DFE5F1;}
.st1{fill:#FFFFFF;}
.st2{fill:#004289;}
.st3{fill:none;}
.st4{fill:#F6A22D;}
.st5{fill:none;stroke:#F6A22C;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}