a{text-decoration:none}
h4{text-align:center;margin:30px 0;color:#444}


/******************* Timeline Demo - 4 *****************/
.main-timeline4{overflow:hidden;position:relative}
.main-timeline4:before{content:"";width:5px;height:70%;background:#333;position:absolute;top:70px;left:50%;transform:translateX(-50%)}
.main-timeline4 .timeline-content:before,.main-timeline4 .timeline:before{top:50%;transform:translateY(-50%);content:""}
.main-timeline4 .timeline{width:50%;padding-left:100px;float:right;position:relative}
.main-timeline4 .timeline:before{width:20px;height:20px;border-radius:50%;background:#fff;border:5px solid #333;position:absolute;left:-10px}
.main-timeline4 .timeline-content{display:block;padding-left:150px;position:relative}
.main-timeline4 .timeline-content:before{width:90px;height:10px;border-top:7px dotted #333;position:absolute;left:-92px}
.main-timeline4 .image{display:inline-block;width:120px;height:120px;line-height:100px;border-radius:50%;border:10px solid #F6F6F6;font-size:30px;color:#F6F6F6;text-align:center;box-shadow:inset 0 0 10px #F6F6F6;position:absolute;top:0;left:0}
.main-timeline4 .image:before{content:"";border-left:20px solid #F6F6F6 ;border-top:10px solid transparent;border-bottom:10px solid transparent;position:absolute;bottom:-13px;right:0;transform:rotate(45deg)}
.main-timeline4 .inner-content{padding:20px 0}
.main-timeline4 .title{font-size:24px;font-weight:600;color:#7cba01;text-transform:uppercase;margin:0 0 5px}
.main-timeline4 .date{font-size:16px;font-weight:600;color:#6f6f6f;text-transform:uppercase;margin:0 0 5px}
.main-timeline4 .description{font-size:14px;color:#6f6f6f;margin:0 0 5px}
.main-timeline4 .timeline:nth-child(2n){padding:0 100px 0 0}
.main-timeline4 .timeline:nth-child(2n) .timeline-content:before,.main-timeline4 .timeline:nth-child(2n) .image,.main-timeline4 .timeline:nth-child(2n):before{left:auto;right:-10px}
.main-timeline4 .timeline:nth-child(2n) .timeline-content{padding:0 150px 0 0}
.main-timeline4 .timeline:nth-child(2n) .timeline-content:before{right:-92px}
.main-timeline4 .timeline:nth-child(2n) .image{right:0}
.main-timeline4 .timeline:nth-child(2n) .image:before{right:auto;left:0;border-left:none;border-right:20px solid #F6F6F6;transform:rotate(-45deg)}
.main-timeline4 .timeline:nth-child(2){margin-top:110px}
.main-timeline4 .timeline:nth-child(odd){margin:-110px 0 0}
.main-timeline4 .timeline:nth-child(even){margin-bottom:80px}
.main-timeline4 .timeline:first-child,.main-timeline4 .timeline:last-child:nth-child(even){margin:0}
.main-timeline4 .timeline:nth-child(2n) .image{border-color:#F6F6F6;color:#F6F6F6}
.main-timeline4 .timeline:nth-child(2) .image:before{border-right-color:#F6F6F6}
.main-timeline4 .timeline:nth-child(2n) .title{color:#7cba01}
.main-timeline4 .timeline:nth-child(3n) .image{border-color:#F6F6F6;color:#F6F6F6}
.main-timeline4 .timeline:nth-child(3) .image:before{border-left-color:#F6F6F6}
.main-timeline4 .timeline:nth-child(3n) .title{color:#7cba01}
.main-timeline4 .timeline:nth-child(4n) .image{border-color:#F6F6F6;color:#F6F6F6}
.main-timeline4 .timeline:nth-child(4) .image:before{border-right-color:#F6F6F6}
.main-timeline4 .timeline:nth-child(4n) .title{color:#7cba01}
@media only screen and (max-width:1200px){.main-timeline4 .image{top:50%;transform:translateY(-50%)}
}
@media only screen and (max-width:990px){.main-timeline4 .timeline{padding-left:75px}
.main-timeline4 .timeline:nth-child(2n){padding:0 75px 0 0}
.main-timeline4 .timeline-content{padding-left:130px}
.main-timeline4 .timeline:nth-child(2n) .timeline-content{padding:0 130px 0 0}
.main-timeline4 .timeline-content:before{width:68px;left:-68px}
.main-timeline4 .timeline:nth-child(2n) .timeline-content:before{right:-68px}
.main-timeline4 .title{margin:1em 0 5px}
}
@media only screen and (max-width:767px){.main-timeline4{overflow:visible}
.main-timeline4:before{height:100%;top:0;left:0;transform:translateX(0)}
.main-timeline4 .timeline:before,.main-timeline4 .timeline:nth-child(2n):before{top:60px;left:-9px;transform:translateX(0)}
.main-timeline4 .timeline,.main-timeline4 .timeline:nth-child(even),.main-timeline4 .timeline:nth-child(odd){width:100%;float:none;text-align:center;padding:0;margin:0 0 10px}
.main-timeline4 .timeline-content,.main-timeline4 .timeline:nth-child(2n) .timeline-content{padding:0}
.main-timeline4 .timeline-content:before,.main-timeline4 .timeline:nth-child(2n) .timeline-content:before{display:none}
.main-timeline4 .timeline:nth-child(2n) .image,.main-timeline4 .image{position:relative;transform:translateY(0)}
.main-timeline4 .timeline:nth-child(2n) .image:before,.main-timeline4 .image:before{border:none;border-right:20px solid #F6F6F6;border-top:10px solid transparent;border-bottom:10px solid transparent;top:50%;left:-23px;bottom:auto;right:auto;transform:rotate(0)}
.main-timeline4 .timeline:nth-child(2n) .image:before{border-right-color:#F6F6F6}
.main-timeline4 .timeline:nth-child(3n) .image:before{border-right-color:#F6F6F6}
.main-timeline4 .timeline:nth-child(4n) .image:before{border-right-color:#F6F6F6}
.main-timeline4 .inner-content{padding:10px}
}
