.timeline-v1{padding:20px 0;list-style:none;position:relative;}
.timeline-v1:before{top:0;bottom:0;position:absolute;content:" ";width:3px;background-color:#eee;right:50%;margin-right:-1.5px;}
.timeline-v1 > li{margin-bottom:40px;position:relative;width:50%;float:right;clear:right;}
.timeline-v1 > li:before,
.timeline-v1 > li:after{content:" ";display:table;}
.timeline-v1 > li:after{clear:both;}
.timeline-v1 > li:before,
.timeline-v1 > li:after{content:" ";display:table;}
.timeline-v1 > li:after{clear:both;}
.timeline-v1 > li > .timeline-panel{width:94%;float:right;border:1px solid #d4d4d4;position:relative;}
.timeline-v1 > li > .timeline-panel:before{position:absolute;top:26px;left:-15px;display:inline-block;border-top:15px solid transparent;border-right:15px solid #ccc;border-left:0 solid #ccc;border-bottom:15px solid transparent;content:" ";}
.timeline-v1 > li > .timeline-panel:after{position:absolute;top:27px;left:-14px;display:inline-block;border-top:14px solid transparent;border-right:14px solid #fff;border-left:0 solid #fff;border-bottom:14px solid transparent;content:" ";}
.timeline-v1 > li > .timeline-badge{color:#ccc;width:24px;height:24px;line-height:50px;font-size:1.4em;cursor:pointer;text-align:center;position:absolute;top:19px;left:-12px;z-index:9;}
.timeline-v1 > li > .timeline-badge i:hover{color:#5EC848;}
.timeline-v1 > li.timeline-inverted > .timeline-panel{float:left;}
.timeline-v1 > li.timeline-inverted > .timeline-panel:before{border-right-width:0;border-left-width:15px;right:-15px;left:auto;}
.timeline-v1 > li.timeline-inverted > .timeline-panel:after{border-right-width:0;border-left-width:14px;right:-14px;left:auto;}
.timeline-v1 > li > .timeline-panel .timeline-heading{padding:5px;}
.timeline-v1 > li > .timeline-panel .timeline-heading img{width:100%;}
.timeline-v1 .timeline-body{padding:12px;}
.timeline-v1 .timeline-footer{padding:7px 12px;overflow:hidden;border-top:1px solid #ccc;}
.timeline-v1 .timeline-footer .blog-info{float:right;}
.timeline-v1 .timeline-footer .blog-info i{color:#777;}
.timeline-v1 .timeline-footer .likes{float:left;}
.timeline-v1 .timeline-footer .likes i{margin-left:2px;color:#777;}
.timeline-v1 .timeline-footer .likes:hover{text-decoration:none;color:inherit;}
.timeline-v1 .timeline-footer .likes:hover i{color:#5EC848;}
.timeline-v1 > li.timeline-inverted{float:left;clear:left;margin-bottom:40px;}
.timeline-v1 > li:nth-child(2){margin-top:60px;}
.timeline-v1 > li.timeline-inverted > .timeline-badge{right:-12px;}
@media (max-width:992px){.timeline-v1 > li > .timeline-panel:before{top:31px;left:-11px;border-top:11px solid transparent;border-right:11px solid #ccc;border-bottom:11px solid transparent;}
.timeline-v1 > li > .timeline-panel:after{top:32px;left:-10px;border-top:10px solid transparent;border-right:10px solid #fff;border-bottom:10px solid transparent;}
.timeline-v1 > li.timeline-inverted > .timeline-panel:before{border-left-width:11px;right:-11px;}
.timeline-v1 > li.timeline-inverted > .timeline-panel:after{border-left-width:10px;right:-10px;}
}
@media (max-width:767px){ul.timeline-v1:before{right:40px;}
ul.timeline-v1 > li{margin-bottom:20px;position:relative;width:100%;float:right;clear:right;}
ul.timeline-v1 > li > .timeline-panel{width:calc(100% - 70px);width:-moz-calc(100% - 70px);width:-webkit-calc(100% - 70px);}
ul.timeline-v1 > li > .timeline-badge{right:28px;margin-right:0;top:16px;}
ul.timeline-v1 > li > .timeline-panel{float:left;}
ul.timeline-v1 > li > .timeline-panel:before{top:27px;left:-12px;border-top:12px solid transparent;border-right:12px solid #ccc;border-bottom:12px solid transparent;}
ul.timeline-v1 > li > .timeline-panel:after{top:28px;left:-11px;border-top:11px solid transparent;border-right:11px solid #fff;border-bottom:11px solid transparent;}
ul.timeline-v1 > li > .timeline-panel:before{border-right-width:0;border-left-width:12px;right:-12px;left:auto;}
ul.timeline-v1 > li > .timeline-panel:after{border-right-width:0;border-left-width:11px;right:-11px;left:auto;}
.timeline-v1 > li.timeline-inverted{float:right;clear:right;margin-top:30px;margin-bottom:30px;}
.timeline-v1 > li.timeline-inverted > .timeline-badge{right:28px;}
}