div.timeline-icon>i {
margin-top: 12px; margin-left: 12px;
}
#timeline .timeline-item:after,#timeline .timeline-item:before { content: ; display: block; width: 100%; clear: both;
} /**, *:before, *:after {
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}*/ /*body {
background: #f9f9f9; background-size: cover; margin: 0; padding: 0; font-family: helvetica, arial, tahoma, verdana; line-height: 20px; font-size: 14px; color: #726f77; -webkit-font-smoothing: antialiased;
}*/ /*img {
max-width: 100%}*/
/*a {
text-decoration: none;
}*/ /*.container {
max-width: 1100px; margin: 0 auto;
}*/ /*h1, h2, h3, h4 {
font-family: "Dosis", arial, tahoma, verdana; font-weight: 600;
}*/
- timeline {
width: 90%; margin: 30px auto; position: relative; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;
}
- timeline:before {
content: ""; width: 3px; height: 100%; background: #ee4d4d; left: 50%; top: 0; position: absolute;
}
- timeline:after {
content: ""; clear: both; display: table; width: 100%}
- timeline .timeline-item {
margin-bottom: 50px; position: relative;
}
- timeline .timeline-item .timeline-icon {
background: #ee4d4d; width: 50px; height: 50px; position: absolute; top: 0; left: 50%; overflow: hidden; margin-left: -23px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%}
- timeline .timeline-item .timeline-icon img {
position: relative; top: 14px; left: 14px;
}
- timeline .timeline-item .timeline-content {
width: 45%; background: #fff; padding: 20px; -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1); -webkit-border-radius: 5px; -moz-border-r