#timeline{
    position: relative;
    width: 100%;
    height: 370px;
    margin-bottom: 40px;
    /*border:1px solid red;*/
}
#timeline .container.main{
    width: 100%;
    position: relative;
    padding-left: 0!important;
    padding-right: 0!important;
}
.slider .slider-container-mask .slider-container{
    position: relative;
    background:none;

}
#timeline .feature .slider{
    border-bottom: 1px solid #F68428;
    box-shadow: none;
    -webkit-box-shadow: none;
}
#timeline div.navigation{
    background: none;
    border-top:none;
}
/* Creating the 3D effect for the timeline navigation */
#timeline div.navigation:before{
    position:relative;
    content:'';
}
#timeline div.navigation:after{
    position:relative;
    content:'';
}
#timeline .navigation .toolbar{
    border-radius: 5px;
}
#timeline .navigation .toolbar .zoom-in, #timeline .navigation .toolbar .zoom-out, #timeline .navigation .toolbar .back-home{
    height: 25px;
    width: 25px;
}
/* Adding a darker background to the timeline navigation */
#timeline div.timenav-background{
    background-color:transparent !important;
}
#timeline .navigation .timenav-background .timenav-interval-background{
    background:none;
}
#timeline .top-highlight{
    background-color:transparent !important;
}
/* The zoom-in / zoom-out toolbar */
#timeline .toolbar{
    border:none !important;
    background-color: #202222 !important;
}
#timeline .toolbar div{
    border:none !important;
}
/* Styling the timeline numbers on the bottom */
#timeline .navigation .timenav .time .time-interval-minor .minor{
    margin-left:-1px;
}
#timeline .navigation .timenav .time .time-interval div{
    color: #F68428;
}
.slider .nav-previous, .slider .nav-next{
    color: #F68428;
    z-index: 998;
}
/* The vertical lines */
#timeline .navigation .timenav .content .marker .line {
    background: #242828;
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.05);
}
#timeline .navigation .timenav .content .marker .dot {
    background: none repeat scroll 0 0 #F68428;
    border-radius: 3px 3px 3px 3px;
}
/* The previous / next arrows & labels */
.slider .nav-previous .icon {
    background: url("timeline.png") no-repeat scroll 0 -293px transparent;
}
.slider .nav-next .icon {
    background: url("timeline.png") no-repeat scroll 50px -221px transparent;
    width: 70px !important;
}
.slider .nav-next:hover .icon{
    position:relative;
    right:-5px;
}
.slider .nav-previous:hover, .slider .nav-next:hover {
    color: #666;
    cursor: pointer;
}
#timeline .thumbnail {
    border: medium none;
}
/* Color of the headings */
#timeline h1, #timeline h2, #timeline h3, #timeline h4, #timeline h5, #timeline h6{
    color:#ddd;
}
/* The loading screen */
#timeline .feedback {
    background-color: #222222;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2) inset;
    border:none;
}
#timeline .feedback div{
    color: #666;
    font-size: 14px !important;
    font-weight: normal;
}
#timeline .navigation .timenav-background .timenav-line{
    background: #F68428;
}
#timeline .navigation .timenav .content .marker.active .line{
    z-index:199;
    background:#F68428;
    width:1px;
}
#timeline .navigation .timenav .content .marker.active .flag .flag-content h3{
    color: #F68428;
}
#timeline .navigation .timenav .content .marker.active:hover .flag .flag-content h3{
    color: #F68428;
}
#timeline .navigation .timenav .content .marker.active .line .event-line{
    background:#F68428;
    filter:alpha(opacity=75);
    -khtml-opacity:0.75;
    -moz-opacity:0.75;
    opacity:0.75;
}
#timeline .navigation .timenav .content .marker.active .flag {
    background-size: 100% 1665px;
    width: 90px;
}
#timeline .navigation .timenav .content .marker .flag{
    background-size: 100% 1665px;
    width: 90px;
}
#timeline .navigation .timenav .content .marker .flag:hover{
    background-size: 100% 1665px;
    width: 90px;
}
.slider .nav-previous .title, .slider .nav-next .title{
    display: none;
}
#timeline .navigation .timenav .content .marker .flag .flag-content{
    padding: 15px 7px 2px 5px;
}
#timeline{
    /*font-family:Arial,serif;*/
    font-family: Roboto;
    -webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust:100%;
    /*font-size:15px;
    font-weight:normal;*/
    line-height:20px;
    margin-top: -90px;
}
#timeline p{
    /*font-size:15px;
    font-weight:normal;*/
    font-size: 20px;
    font-weight: 300;
    line-height:20px;
    margin-bottom:20px;
    color:#666666;
}
#timeline p small{
    font-size:13px;
}
/*----------------------------
        The Slides
-----------------------------*/
#timeline .slider-item h2,
#timeline .slider-item h3{
    /*font-family:'Arial',sans-serif;*/
    font-family: Roboto;
}
#timeline .slider-item h2{
    color:#F68428;
    font-weight: normal;
}
#timeline .text h3{
    display: none;
}
#timeline .slider-item p{
    /*font-family:'Arial',sans-serif;*/
    font-family: Roboto;
}
#timeline .slider-item img,
#timeline .slider-item iframe{
    border:none;
}
/* Customizing the first slide - the cover */
#timeline .slider-item h2{
    /*font:normal 32px/1 'Arial',sans-serif;*/
    font-family: Roboto;
    font-size: 60px;
    font-weight: 100;
    /*border-bottom: 1px solid #F68428;*/
    padding-bottom: 10px;
    margin-bottom: 10px;
    background:none;
    white-space: nowrap;
    position:relative;
    z-index:10;
}
#timeline .slider-item:nth-child(1) p i{
    /*font:normal normal 40px 'Arial',sans-serif;*/
    font-family: Roboto;
    background:rgba(0,0,0,0.3);
    white-space: nowrap;
    padding:5px 20px;
    position:relative;
    right:-60px;
    z-index:10;
}
#timeline .slider-item:nth-child(1) p .c1{
    color:#1bdff0;
}
#timeline .slider-item:nth-child(1) p .c2{
    color:#c92fe6;
}
#timeline .slider-item:nth-child(1) .media-container {
    left: -30px;
    position: relative;
    z-index: 1;
}
#timeline .slider-item:nth-child(1) .credit{
    text-align: center;
}
@media (max-width: 767px) {
    .slider{
        overflow: visible !important;
    }

    #timeline .slider-item h2 {
        font-size: 45px !important;
    }

    #timeline p{
        font-size: 15px !important;
    }
    #timeline p small{
        font-size:13px;
    }

    .slider .slider-item .content .content-container.layout-text .text .container {
        padding-top: 10px !important;
    }

    #timeline .navigation{
        display:  none !important;
    }

    .slider .slider-container-mask{
        height: 300px !important;
    }

    #timeline .feature .slider{
        /*padding-top: 100px !important;*/
    }

}
@media (max-width: 991px) AND (min-width: 768px) {

}
@media (min-width: 992px) AND (max-width: 1200px){

}
@media (min-width: 1201px) {

}