.timeline h1,.timeline p{font-family:Dosis}.maincontainer{background-color:#212121}::-moz-selection{color:#fff;background:#0892d0}::-webkit-selection{color:#fff;background:#0892d0}::selection{color:#fff;background:#0892d0}.container{background:#212121;color:#fff;max-width:1224px;height:100%;text-align:center;margin:0 auto;padding:2em;position:relative}.main-title{color:#0892d0;font-weight:600;font-size:4em;margin-bottom:.3em;letter-spacing:1px}.timeline{position:relative;width:auto;margin:5em auto 0;padding-bottom:2em;padding-left:0}.timeline:before{position:absolute;left:50%;top:0;content:' ';display:block;width:4px;height:100%;margin-left:-3px;background:#0892d0;z-index:5}.dir-l,.dir-r{position:relative;width:40%;padding:1.5em 1em;background:#303030;box-shadow:0 3px 0 #151515;margin-top:0;margin-bottom:1.5em}.timeline h1{font-size:1.6em;color:#0892d0;width:90%;margin-top:0}.dir-l:before,.dir-r:before{content:"";display:inline-block;vertical-align:middle;width:0;height:0;top:1em;border-top:17px solid transparent;border-bottom:17px solid transparent;position:absolute}.timeline p{letter-spacing:.5px;font-size:1.1em;line-height:1.5em;margin:1.5em .5em .5em}.timeline-icon{right:0;border-radius:50%;z-index:10}.dir-l{float:left}.dir-l:before{right:-.95em;border-left:15px solid #0892d0}.dir-r{float:right}.dir-r:before{left:-.9em;border-right:15px solid #0892d0}.timeline-icon{position:absolute;top:2em;width:60px;height:60px;left:50%;margin-left:-30px;box-shadow:0 0 0 2px #0892d0,inset 0 2px 0 transparent,0 0 0 5px rgba(0,0,0,.15)}.timeline-icon>img{background-color:#fff}.timeline-item{display:block;height:auto;padding:1em 0;position:relative;overflow:hidden}.timeline img{border-radius:50%;width:100%}.timeline a{color:#0892d0;margin-left:.3em}.timeline-item .date-l,.timeline-item .date-r{position:absolute;top:2em;right:58%;font-size:1em}.timeline-item .date-r{left:54%;right:auto}.timeline-item a:hover{color:#4B878D}@media (max-width :576px){.dir-l::before,.dir-r::before,.timeline,.timeline::before{width:0;height:0;display:none}}@media (min-width :576px){.frow{display:none;width:0;height:0}}.frow>div>h3{color:#0892d0}.frow>div>p{width:60%;text-align:center;display:block;margin:0 auto}.frow>div{margin:3vw 0}