.cp_timeline04 {
position: relative;
margin: 3em auto;
padding-bottom: 2em;
}
.cp_timeline04:before {
position: absolute;
top: 0px;
left: 45px;
width: 3px;
height: 100%;
content: '';
background: #193090;
}
.cp_timeline04 .timeline_item {
margin: 0px 0px 0px 80px;
}
.cp_timeline04 .timeline_item .time_date .time {
font-family: serif;
font-size: 4em;
font-weight: bold;
position: relative;
margin: 0;
letter-spacing: 3px;
color: rgba(134,180,255,0.1);
}
.cp_timeline04 .timeline_item .time_date .time:before {
position: absolute;
top: 50%;
left: -39px;
width: 10px;
height: 10px;
content: '';
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border: 3px solid #193090;
background: #fff;
}
.cp_timeline04 .timeline_item .time_date .flag {
font-size: 1.5em;
font-weight: bold;
margin: 0;
margin-top: -60px;
color: #193090;
}
.cp_timeline04 .timeline_item .desc {
font-size: 1.0em;
line-height: 20px;
margin-top: 10px;
padding-left: 20px;
border-left: 3px solid #606EA3;
}
@media only screen and (max-width: 767px) {
.cp_timeline04:before {
left: 15px;
}
.cp_timeline04 .timeline_item .time_date .time:before {
left: -29px;
}
.cp_timeline04 .timeline_item {
margin: 0px 0px 0px 40px;
}
.cp_timeline04 .timeline_item .desc {
padding-left: 0px;
border-top: 1px solid #333a56;
border-left: none;
}
.cp_timeline04 .timeline_item .time_date .time {
font-family: serif;
font-size: 3.4em;
font-weight: bold;
position: relative;
margin: 0;
letter-spacing: 3px;
color: rgba(32,200,233,0.1);
}
}