section.content .container {
    max-width: 1200px;
}
    section.content {
    padding-top: 20px;
}
.timeline {
 position:relative
}
.timeline__item:nth-child(odd) .timeline__content {
    background-color: #0074c6;
}
.timeline__content h2, .timeline__content p {
    color: #fff;
}
.timeline__item:nth-child(even) .timeline__content {
    background-color: #fe0011;
}
.timeline * {
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.timeline:not(.timeline--horizontal):before {
 background-color:#ddd;
 bottom:0;
 content:'';
 left:50%;
 margin-left:-2px;
 position:absolute;
 top:0;
 width:4px;
 z-index:1
}
.timeline__wrap {
 overflow:hidden;
 position:relative;
 z-index:2
}
.timeline__item {
 font-size:16px;
 font-size:1rem;
 padding:.625rem 2.5rem .625rem 0;
 position:relative;
 width:50%;
 z-index:2
}
.timeline__item:after {
 background-color:#fff;
 border: 4px solid #0074c6;
 border-radius:50%;
 content:'';
 height:14px;
 position:absolute;
 right:-11px;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%);
 top:50%;
 width:14px;
 z-index:1
}
.timeline__item.animated {
 -webkit-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both;
 opacity:0
}
.timeline__item.fadeIn {
 -webkit-animation-name:fadeIn;
 animation-name:fadeIn
}
.timeline__item--left {
 left:0
}
.timeline__item--right {
 left:50%;
 padding:.625rem 0 .625rem 2.5rem
}
.timeline__item--right:after {
 left:-11px
}
.timeline__item--right .timeline__content:before {
 border-bottom:10px solid transparent;
 border-right:12px solid #ccc;
 border-left:none;
 border-top:10px solid transparent;
 left:-12px
}
.timeline__item--right .timeline__content:after {
 border-bottom:9px solid transparent;
 border-right:11px solid #fff;
 border-left:none;
 border-top:9px solid transparent;
 left:-10px
}
.timeline__content {
 background-color:#fff;
 border:1px solid #ccc;
 border-radius:10px;
 color:#333;
 display:block;
 padding:1.25rem;
 position:relative
}
.timeline__content:after,
.timeline__content:before {
 content:'';
 height:0;
 position:absolute;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%);
 top:50%;
 width:0
}
.timeline__content:before {
 border-bottom:10px solid transparent;
 border-left:12px solid #ccc;
 border-top:10px solid transparent;
 right:-12px;
 z-index:1
}
.timeline__content:after {
 border-bottom:9px solid transparent;
 border-left:11px solid #fff;
 border-top:9px solid transparent;
 right:-10px;
 z-index:2
}
.timeline__content h2 {
 font-size:30px;
 font-weight:700;
 margin:0 0 .625rem
}
.timeline__content p {
 font-size:18px;
 line-height:1.5;
 margin-bottom:10px
}
.timeline--horizontal {
 font-size:0;
 padding:0 3.125rem;
 overflow:hidden;
 white-space:nowrap
}
.timeline--horizontal .timeline-divider {
 background-color:#ddd;
 display:block;
 height:4px;
 left:40px;
 position:absolute;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%);
 right:40px;
 z-index:1;
 background-color: #fe0011;
}
.timeline--horizontal .timeline__items {
 -webkit-transition:all .8s;
 -o-transition:all .8s;
 transition:all .8s;
 will-change:transform
}
.timeline--horizontal .timeline__item {
 display:inline-block;
 left:0;
 padding:0 0 2.5rem;
 position:relative;
 -webkit-transition:none;
 -o-transition:none;
 transition:none;
 vertical-align:top;
 white-space:normal;
 /*! background-color: #; */
}
.timeline--horizontal .timeline__item:after {
 left:50%;
 right:auto;
 -webkit-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 top:100%;
 background-color: #0075c4;
}
.timeline--horizontal .timeline__item .timeline__item__inner {
 display:table;
 height:100%;
 width:100%;
  
   
}
.timeline--horizontal .timeline__item .timeline__content__wrap {
 display:table-cell;
 margin:0;
 padding:0;
 vertical-align:bottom
}
.timeline--horizontal .timeline__item .timeline__content:before {
 border-left:12px solid transparent;
 border-right:12px solid transparent;
 border-top:12px solid #ccc;
 left:50%;
 right:auto;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 top:100%
}
.timeline--horizontal .timeline__item .timeline__content:after {
 border-left:10px solid transparent;
 border-right:10px solid transparent;
 border-top:10px solid #fff;
 left:50%;
 right:auto;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 top:100%
}
.timeline--horizontal .timeline__item:nth-child(even) {
 padding:2.5rem 0 0
}
.timeline--horizontal .timeline__item:nth-child(even):after {
 top:0
}
.timeline--horizontal .timeline__item:nth-child(even) .timeline__content__wrap {
 vertical-align:top
}
.timeline--horizontal .timeline__item:nth-child(even) .timeline__content:before {
 border-bottom:12px solid #ccc;
 border-left:12px solid transparent;
 border-right:12px solid transparent;
 border-top:none;
 bottom:100%;
 top:auto
}
.timeline--horizontal .timeline__item:nth-child(even) .timeline__content:after {
 border-bottom:10px solid #fff;
 border-left:10px solid transparent;
 border-right:10px solid transparent;
 border-top:none;
 bottom:100%;
 top:auto
}
.timeline-nav-button {
  padding: 0px;
 background-color:#fff;
 border:2px solid #ddd;
 /*! border-radius:50px; */
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 -webkit-box-shadow:none;
 box-shadow:none;
 cursor:pointer;
 display:block;
 height:40px;
 outline:0;
 position:absolute;
 text-indent:-9999px;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%);
 top:50%;
 width:40px;
 z-index:10
}
.timeline-nav-button:disabled {
 opacity: .5;
 pointer-events:none;
 background-color: #fe0011;
}
.timeline-nav-button:before {
 background-position:center center;
 background-repeat:no-repeat;
 content:'';
 display:block;
 height:14px;
 left:50%;
 position:absolute;
 -webkit-transform:translateX(-50%) translateY(-50%);
 -ms-transform:translateX(-50%) translateY(-50%);
 transform:translateX(-50%) translateY(-50%);
 top:50%;
 width:8px
}
.timeline-nav-button--prev {
 left:0
}
.timeline-nav-button--prev:before {
 background-image: url( https://tng.vn/Areas/FrontEnd/Assets/images/arrow-left.svg);
}
.timeline-nav-button--next {
 right:0
}
.timeline-nav-button--next:before {
 background-image: url( https://tng.vn/Areas/FrontEnd/Assets/images/arrow-right.svg);
}
.timeline--mobile {
 padding:0
}
.timeline--mobile:before {
 left:10px!important;
 margin:0!important
}
.timeline--mobile .timeline__item {
 left:0;
 padding-left:40px;
 padding-right:0;
 width:100%
}
.timeline--mobile .timeline__item:after {
 left:1px;
 margin:0
}
.timeline--mobile .timeline__item .timeline__content:before {
 left:-12px;
 border-bottom:12px solid transparent;
 border-right:12px solid #ccc;
 border-left:none;
 border-top:12px solid transparent
}
.timeline--mobile .timeline__item .timeline__content:after {
 left:-10px;
 border-bottom:10px solid transparent;
 border-right:10px solid #fff;
 border-left:none;
 border-top:10px solid transparent
}
@-webkit-keyframes fadeIn {
 0% {
  opacity:0;
  top:70px
 }
 100% {
  opacity:1;
  top:0
 }
}
button:focus {border: 2px solid #ddd !important;outline: none;}
@keyframes  fadeIn {
 0% {
  opacity:0;
  top:70px
 }
 100% {
  opacity:1;
  top:0
 }
}
@-webkit-keyframes liftUp {
 0% {
  top:0
 }
 100% {
  top:-15px
 }
}
@keyframes  liftUp {
 0% {
  top:0
 }
 100% {
  top:-15px
 }
}
/*# sourceMappingURL=timeline.min.css.map */
@media(max-width:660px){
	.timeline--horizontal .timeline__item .timeline__content__wrap {
    display: block;
}
    .timeline__item {
    width: 100% !important;
    /* height: 100% !important; */
}

.timeline--horizontal .timeline__items {
    width: unset !important;
    height: unset !important;
    transform: unset !important;
}

.timeline--horizontal .timeline__item {
    transform: unset !important;
    position: unset;
    display: block;
    height: unset !important;
}

button.timeline-nav-button {
    display: none;
}

.timeline--horizontal .timeline__item:nth-child(even) {
    padding: 0 0 2.5rem;
}

.timeline--horizontal .timeline__item .timeline__content:after {
    left: 0 !important;
    right: unset !important;
    transform: unset !important;
    opacity: 0 !important;
    display: none;
}

.timeline--horizontal .timeline__item .timeline__content:before {
    left: -24px;
    transform: translateY(-50%)rotate(90deg);
    top: 50%;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #000 !important;
    display: none;
}


.timeline--horizontal .timeline__item:after {
    display: none;
}

.timeline--horizontal .timeline-divider {
    height: 100%;
    width: 3px;
    background: #000;
    right: unset;
    left: 9px;
    top: 0 !important;
    transform: unset !important;
}

.timeline__item__inner:before {
    background-color: #fff;
    border: 4px solid #0d0631;
    border-radius: 50%;
    content: '';
    height: 14px;
    position: absolute;
    right: unset;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    width: 14px;
    z-index: 1;
    left: -27px;
}

.timeline--horizontal .timeline__item .timeline__item__inner {
    position: relative;
    height: unset;
}

.timeline__wrap {
    overflow: unset;
}
}