/* =============================================
---------------  10.About Us  -------------
==============================================*/

.about-timeline { position: relative; padding: 0 0 30px; margin-bottom: 20px; }

.about-timeline:after { content:''; display:block; width:4px; position: absolute; left:50%; top:0; bottom:0; background-color: #eaeaea; z-index: 1; margin-left: -2px; }

.timeline-date { padding:0 10px; border-radius: 18px; font:700 16px/30px 'Open Sans', Verdana, sans-serif; letter-spacing: 1px; color:#fff; max-width: 90px; text-align: center; letter-spacing: 1px; position: relative; z-index:5; margin-bottom: 50px; }

.about-timeline-section { margin-bottom:40px; padding:0 15px 20px; border-bottom:1px solid #eaeaea; background-color: #fff; position: relative; z-index:5; }

.about-timeline-section .pull-left { margin-right:20px; }

.about-timeline-section .pull-right { margin-right:20px; float:left !important; }

.about-timeline h3 { margin: 12px 0 8px; }

.about-timeline h3 a { color:#303030; }

.about-timeline-section .row { margin-left:-1px; margin-right:-1px; }

.about-timeline-section .row [class^="col-"] { padding-left:1px; padding-right:1px; margin-bottom: 2px; }

.about-timeline-section:after { content:''; position: absolute; right:-30px; top:50%; margin-top:-10px; width: 0; height: 0; border-style: solid; border-width: 10px 16px 10px 0; border-color: transparent #eaeaea transparent transparent; transition: all 0.4s; -webkit-transition: all 0.4s; }

.col-md-push-6 > .about-timeline-section:after { right:auto; left:-30px; border-width: 10px 0 10px 16px; border-color: transparent transparent transparent #eaeaea; }

.timeline-section-date { font:600 12px/26px 'Open Sans', Verdana, sans-serif; letter-spacing: 0.3px; display: block; padding:0 12px; position: absolute; left:100%; margin-left:30px; top:50%; margin-top: -13px; background-color: #eaeaea; white-space: nowrap; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; visibility: hidden; opacity:0; transform:translateX(30px); -webkit-transform:translateX(30px); border-radius: 6px; }

.col-md-push-6 > .about-timeline-section .timeline-section-date { left:auto; right:100%; margin-left:0; margin-right: 30px; transform:translateX(-30px); -webkit-transform:translateX(-30px); }


.about-timeline-section:hover:after,
.about-timeline-section:hover .timeline-section-date { visibility: visible; opacity:1; transform:translateX(0); -webkit-transform:translateX(0); }

@media (max-width: 991px) { .about-timeline-section { border:1px solid #eaeaea; padding: 20px; }

    .about-timeline-section:after,
    .timeline-section-date { display: none; }
}


@media (min-width: 992px) { .about-timeline [class^="col-"] { padding-left:30px; padding-right:30px; }

    .timeline-date { margin-bottom: 70px; }

    .about-timeline-section { margin-bottom:50px; }

    .about-timeline .col-md-push-6 { text-align: right; }

    .about-timeline-section .pull-left { margin-right:25px; }

    .about-timeline-section .pull-right { margin-left:25px; margin-right: 0; float:right !important; }

}