#roadmap{background:url(/images/bg/roadmap.jpg?);background:#D4E4C2;padding-bottom:0;background:white;}
#roadmap cover{position:relative;display:flex;width:100%;justify-content: flex-end;flex-direction: column;}
#roadmap text{color:black;padding-left:5px;bottom: 0}
#roadmap dates{display:flex;justify-content:space-between;color:grey;padding:5px;border-top:1px solid transparent;font-size:90%;}
#roadmap text,#roadmap d-icon{display:inline-block}
#roadmap d-icon{padding:0px 3px;cursor:pointer;margin-bottom: 35px}
#roadmap project d-icon{color:black;border:1px solid black;margin-left:10px;}
#roadmap project{border:2px solid white;}
#roadmap .task {}
#roadmap .task d-icon{border:1px solid black;font-style:normal;padding:0px 1px;}
section > top title{color:#686C64;}
#roadmap task, #roadmap project{display:flex;position:relative;z-index:2;}
#roadmap gradient{position:absolute;}
#roadmap text{display:flex;position:absolute;}
#roadmap text.task{display:flex;align-items:center;position:relative;color:black}
#roadmap d-icon.right{margin-left:5px}
#roadmap d-icon.left{margin-right:5px}
#roadmap project{align-items:center;display:flex;position:relative;}
#roadmap gradient-line{background:transparent;     
  background: -webkit-linear-gradient(left, #D4E4C2 , #686C64);background: -o-linear-gradient(right, #D4E4C2, #686C64);
  background: -moz-linear-gradient(right, #D4E4C2, #686C64);background: linear-gradient(to right, #D4E4C2, #686C64);
}
#roadmap top right{flex-direction:row;} 
roadmap > cntr{padding-top: 10px;}