.arrow-down {
    position: absolute;
    top: 90px; 
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #13bbe8;
    z-index: 100;
    margin-left: 25px;
}


.timeline-wrapper { width: 100%; height: auto; position: relative; }           
.konba-timeline { width: 1030px; background: #13bbe8; margin: 0 auto; display: block; }
.konba-timeline .row { margin: 0px; } 

#timeline { 
    
        padding: 0px; 
        overflow: hidden;
        margin: 0px auto 0px auto;
        position: relative;
        /*background: url('../images/dot.gif') left 45px repeat-x;*/
        
        width: 1030px;
}
.dates-row { background: #13bbe8; height: 90px; position: relative; width: 1030px; margin: 0px 0px 0px 0px; }
#dates {
        background-color: #13bbe8 !important;
        width: 1030px !important;
        height: 90px;
        overflow: hidden;     
        padding: 25px 45px 10px 55px;      
        margin: 0px auto 0px auto !important;
        background:  url('../images/timeline-circle.png') no-repeat 47px 64px,
                     url('../images/timeline-circle.png') no-repeat 955px 64px;
}

#dates li {
        list-style: none;
        float: left;
        width: 90px;
        height: 50px;
        font-size: 20px;
        text-align: center;
        background: url('../images/timeline-rhombus.png') center bottom no-repeat,
                    url('../images/white-dot.png') repeat-x center 43px;                  
}

#dates a {
        line-height: 18px;
        padding-bottom: 10px;
        color: white;
        text-decoration: none;
        font-family: 'Roboto Slab', serif;
        font-weight: 300;
}

#dates li .arrow-down { display: none !important; }
#dates li .selected .arrow-down { display: block !important; }

#dates a:hover {
        text-decoration: none;
}

#dates .selected {
        font-size: 30px;
        color: white;
        text-decoration: none;
        font-family: 'Roboto Slab', serif;
        font-weight: 300;
}

/*
#dates .selected::after{
    content: "";
    position: absolute;
    top: 90px;
    
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #13bbe8;
    z-index: 100;

}
*/

		
#issues {
    
    height: 150px;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    
    display: block;
    position: relative;
    
}	

#issues li {
        width: 984px;
        height: 150px;
        list-style: none;
        float: left;
        background-color: #ffffff;
        padding: 35px 0px 20px 0px;
        opacity: 1 !important;
}

#issues .selected { opacity: 1 !important; }

#issues li.selected img {
        -webkit-transform: scale(1.1,1.1);
        -moz-transform: scale(1.1,1.1);
        -o-transform: scale(1.1,1.1);
        -ms-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
}

#issues li img {
        float: left;
        margin: 10px 30px 10px 50px;
        background: transparent;
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */   
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */      
        zoom: 1;
        -webkit-transition: all 2s ease-in-out;
        -moz-transition: all 2s ease-in-out;
        -o-transition: all 2s ease-in-out;
        -ms-transition: all 2s ease-in-out; 
        transition: all 2s ease-in-out;
        -webkit-transform: scale(0.7,0.7);
        -moz-transform: scale(0.7,0.7);
        -o-transform: scale(0.7,0.7);
        -ms-transform: scale(0.7,0.7);
        transform: scale(0.7,0.7);
}

#issues li h1 {
        color: #ffcc00;
        font-size: 48px;
        margin: 20px 0;
        text-shadow: #000 1px 1px 2px;
}

#issues li p {
        font-size: 14px;       
        font-weight: 300;        
        font-family: 'Fira Sans', serif;
        color: #91d8f1;
        padding: 0px 55px
}
		
#grad_left,
#grad_right {
        width: 100px;
        height: 350px;
        position: absolute;
        top: 0;
}

#grad_left {
        left: 0;
        /*background: url('../images/grad_left.png') repeat-y;*/
}

#grad_right {
        right: 0;
        /*background: url('../images/grad_right.png') repeat-y;*/
}
		
#next,
#prev {
        position: absolute;
        top: 0;
        font-size: 70px;
        top: 55px;
        width: 22px;
        height: 38px;
        background-position: 0 0;
        background-repeat: no-repeat;
        text-indent: -9999px;
        overflow: hidden;
}

#next {
        right: 10px;
        background-image: url('../images/arrow-right-timeline.png');
        background-size: 12px 22px; 
}

#prev {
        left: 10px;
        background-image: url('../images/arrow-left-timeline.png');
        background-size: 12px 22px; 
}

#next.disabled,
#prev.disabled {
        opacity: 1;
}