.timeline{position:relative;width:100%;padding-bottom:50px;float:left}.timeline>h1{position:absolute;left:0;top:100px;font-size:27px;color:#004696;text-transform:uppercase;font-family:'SegoeUI'}.timeline>h1 span{display:block;font-size:40px;margin-left:75px;font-family:'SegoeUI-Bold'}.head-timeline{float:left;width:100%}.head-timeline .timeline-ul li:nth-of-type(2n+1) .direction{float:right}.head-timeline .timeline-ul li:nth-of-type(2n+2) .direction{float:left}.center-timeline .timeline-ul li:nth-of-type(2n+1) .direction{float:left}.center-timeline .timeline-ul li:nth-of-type(2n+2) .direction{float:right}.bot-timeline .timeline-ul li:nth-of-type(2n+1) .direction{float:right}.bot-timeline .timeline-ul li:nth-of-type(2n+2) .direction{float:left}.last-timeline .timeline-ul li:nth-of-type(2n+1) .direction{float:right}.last-timeline .timeline-ul li:nth-of-type(2n+2) .direction{float:left}.head-timeline .timeline-ul{position:relative;width:100%;margin:0 auto;padding-left:0;float:left;list-style-type:none}.head-timeline .timeline-ul:before{position:absolute;left:0;top:0;content:'';display:block;width:56px;height:100%;margin-left:-3px;background:url(https://demo.binhminhviet.vn/wp-content/uploads/2023/02/bot-tl.png) no-repeat;z-index:5;right:0;margin:auto}.head-timeline:after{position:absolute;left:0;top:200px;content:'';display:block;width:56px;height:1000000%;margin-left:-3px;background:url(https://demo.binhminhviet.vn/wp-content/uploads/2023/02/timeline.png) repeat;z-index:-1;right:0;margin:auto}.head-timeline .timeline-ul::after{position:absolute;content:"";background:url(https://demo.binhminhviet.vn/wp-content/uploads/2023/02/head-tl.png) no-repeat;width:56px;height:74px;left:0;right:0;top:-74px;margin:auto;bottom:auto;z-index:4}.timeline-ul li{width:100%;float:left}.timeline-ul li .direction{width:405px;position:relative}.timeline-ul li .direction{width:405px;position:relative;float:left}.head-timeline{position:relative;padding-top:100px}.head-timeline>p{position:absolute;width:100%;text-align:center;top:0;font-size:20px;color:#0d5290;font-family:'RobotoCondensed-Regular';text-transform:uppercase}.head-timeline .timeline-ul li:nth-of-type(2n+1) .direction .time-wrapper{position:absolute;left:-73px;z-index:99;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.head-timeline .timeline-ul li:nth-of-type(2n+2) .direction .time-wrapper{position:absolute;right:-76px;z-index:99;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.center-timeline .timeline-ul li:nth-of-type(2n+1) .direction .time-wrapper{position:absolute;right:-76px;z-index:99;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.center-timeline .timeline-ul li:nth-of-type(2n+2) .direction .time-wrapper{position:absolute;left:-73px;z-index:99;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.bot-timeline .timeline-ul li:nth-of-type(2n+1) .direction .time-wrapper{position:absolute;left:-73px;z-index:99;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.bot-timeline .timeline-ul li:nth-of-type(2n+2) .direction .time-wrapper{position:absolute;right:-76px;z-index:99;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.last-timeline .timeline-ul li:nth-of-type(2n+1) .direction .time-wrapper{position:absolute;left:-73px;z-index:99;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.last-timeline .timeline-ul li:nth-of-type(2n+2) .direction .time-wrapper{position:absolute;right:-76px;z-index:99;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.head-timeline .timeline-ul li:nth-of-type(2n+1) .direction .desc .desc-img::before{position:absolute;content:"";background:#cfdce9;height:3px;left:-35px;width:35px;top:0;bottom:0;margin:auto;z-index:-2}.head-timeline .timeline-ul li:nth-of-type(2n+2) .direction .desc .desc-img::before{position:absolute;content:"";background:#cfdce9;height:3px;right:-35px;width:35px;top:0;bottom:0;margin:auto;z-index:-2}.center-timeline .timeline-ul li:nth-of-type(2n+1) .direction .desc .desc-img::before{position:absolute;content:"";background:#cfdce9;height:3px;right:-35px;width:35px;top:0;bottom:0;margin:auto;z-index:-2}.center-timeline .timeline-ul li:nth-of-type(2n+2) .direction .desc .desc-img::before{position:absolute;content:"";background:#cfdce9;height:3px;left:-35px;width:35px;top:0;bottom:0;margin:auto;z-index:-2}.bot-timeline .timeline-ul li:nth-of-type(2n+1) .direction .desc .desc-img::before{position:absolute;content:"";background:#cfdce9;height:3px;left:-35px;width:35px;top:0;bottom:0;margin:auto;z-index:-2}.bot-timeline .timeline-ul li:nth-of-type(2n+2) .direction .desc .desc-img::before{position:absolute;content:"";background:#cfdce9;height:3px;right:-35px;width:35px;top:0;bottom:0;margin:auto;z-index:-2}.last-timeline .timeline-ul li:nth-of-type(2n+1) .direction .desc .desc-img::before{position:absolute;content:"";background:#cfdce9;height:3px;left:-35px;width:35px;top:0;bottom:0;margin:auto;z-index:-2}.last-timeline .timeline-ul li:nth-of-type(2n+2) .direction .desc .desc-img::before{position:absolute;content:"";background:#cfdce9;height:3px;right:-35px;width:35px;top:0;bottom:0;margin:auto;z-index:-2}.direction .time-wrapper .time{color:#feffff;font-size:16px;font-weight:600}.direction .desc .desc-img{width:141px;height:141px;border-radius:50%;border:3px solid #cfdce9;display:inline-block;vertical-align:middle;position:relative}.direction .desc .desc-img img{width:135px;height:135px;border-radius:50%;border:5px solid #fff}li.outer-li{margin:15px 0}li.outer-li .direction{margin-left:-215px;width:620px}.direction .desc{position:relative;float:left;width:100%}.direction .desc .desc-tit{text-align:justify;width:calc(100% - 170px);display:inline-block;margin-left:15px;font-size:14px;line-height:22px;word-spacing:1px;color:#484848;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.head-timeline .timeline-ul li:nth-of-type(2n+1) .direction .desc .desc-img{float:left}.head-timeline .timeline-ul li:nth-of-type(2n+1) .direction .desc .desc-tit{float:right;text-align:justify}.head-timeline .timeline-ul li:nth-of-type(2n+2) .direction .desc .desc-img{float:right}.head-timeline .timeline-ul li:nth-of-type(2n+2) .direction .desc .desc-tit{float:left;text-align:justify}.center-timeline .timeline-ul li:nth-of-type(2n+1) .direction .desc .desc-img{float:right}.center-timeline .timeline-ul li:nth-of-type(2n+1) .direction .desc .desc-tit{float:right;text-align:justify}.center-timeline .timeline-ul li:first-child,.bot-timeline .timeline-ul li:first-child,.last-timeline .timeline-ul li:first-child{margin-top:0}.bot-timeline .timeline-ul li:nth-of-type(2n+2) .direction .desc .desc-img{float:right}.bot-timeline .timeline-ul li:nth-of-type(2n+2) .direction .desc .desc-tit{float:right;text-align:justify}.last-timeline .timeline-ul li:nth-of-type(2n+2) .direction .desc .desc-img{float:right}.last-timeline .timeline-ul li:nth-of-type(2n+2) .direction .desc .desc-tit{float:right;text-align:justify}.center-timeline .out-timeline li .direction{float:right}.bot-timeline .out-timeline li .direction{float:right;width:390px}.last-timeline .out-timeline li .direction{float:left}.center-timeline .out-timeline .desc-img::before{position:absolute;content:"";background:#cfdce9;height:3px;left:-110px;width:110px;top:0;bottom:0;margin:auto;z-index:-2}.bot-timeline .out-timeline .desc-img::before{position:absolute;content:"";background:#cfdce9;height:3px;left:-50px;width:50px;top:0;bottom:0;margin:auto;z-index:-2}.last-timeline .out-timeline .desc-img::before{position:absolute;content:"";background:#cfdce9;height:3px;right:-110px;width:110px;top:0;bottom:0;margin:auto;z-index:-2}.bot-timeline .out-timeline li .direction .desc .desc-img{float:left}.bot-timeline .out-timeline li .direction{position:relative}.bot-timeline .out-timeline li .direction .time-wrapper{position:absolute;left:-90px;z-index:99;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.bot-timeline .out-timeline li .direction .desc .desc-tit{float:right;text-align:left}.last-timeline .out-timeline li .direction .desc .desc-img{float:right}.last-timeline .out-timeline li .direction .desc .desc-tit{float:right;text-align:right}.out-timeline{float:left;width:100%}.out-timeline li{float:left;width:100%;padding:1em 0}.out-timeline li .direction{float:left;width:325px}.out-timeline .desc-img{position:relative}@media screen and (max-width:1200px){.timeline{overflow:hidden}.timeline>h1{position:static}.head-timeline>p{text-align:left}.head-timeline::after{right:auto}.head-timeline .timeline-ul::before{right:auto;height:151px}.head-timeline .timeline-ul::after{right:auto}.timeline-ul li .direction .time-wrapper{left:-73px!important}.timeline-ul li .direction .desc .desc-img{float:left!important}.timeline-ul li .direction .desc .desc-img::before{right:auto!important;left:-35px}.timeline-ul li .direction .desc .desc-tit{text-align:left!important}.center-timeline .timeline-ul li,.bot-timeline .timeline-ul li,.last-timeline .timeline-ul li{margin-top:0;padding:1em 0}.timeline-ul li{margin:15px 0}.timeline-ul li .direction{float:left!important;margin-left:80px!important;width:calc(100% - 85px)!important}.out-timeline li .direction{float:left!important}.out-timeline li .direction .desc .desc-img{float:left!important;margin-left:160px!important}.out-timeline li .direction .desc .desc-tit{float:left!important;text-align:left!important}.out-timeline .desc-img::before{right:100%!important}.thumb-items .item .img{width:200px}}