.vtl{position:relative;padding:5px 12px;overflow:hidden;}
.vtl:before{content:'';position:absolute;height:100%;width:1px;background:#1c8dc4;top:5px;bottom:0px;left:0;right:0;margin:0 auto;}
.vtl img{width:30px;height:30px;border-radius:35px;margin-right:5px;}
.vtl span{position:relative;top:-10px;}
.vtl-p{position:relative;width:100%;margin-bottom:10px;}
.vtl-i{position:absolute;top:40px;height:16px;width:16px;left:0;right:0;margin:0 auto;border-radius:50%;background:#f7772b;}
.vtl-b{width:47%;margin:0;transition:0.5s ease all;}
.vtl-b:after{content:'';position:absolute;top:40px;left:47%;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #1c8dc4;border-right:none;}
.vtl-r{margin-left:53%;}
.vtl-r.vtl-a-slide .vtl-content{-webkit-transform:translateX(100%);transform:translateX(100%);}
.vtl-r .vtl-date{left:auto;right:55%;}
.vtl-r:after{left:auto;right:47%;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:none;border-right:10px solid #1c8dc4;}
.vtl-date{position:absolute;left:55%;top:15px;}
.vtl-content{font-family:fn3;font-size:13px;background:#f2fafd;border:1px solid#dce7f1;padding:8px;box-shadow:1px 1px 1px #b2b2b2;transition:0.5s ease all;}
.vtl-a-fade{opacity:0;}
.vtl-a-slide{opacity:0;}
.vtl-a-slide .vtl-content{-webkit-transform:translateX(-100%);transform:translateX(-100%);}
.vt-noarrows:after{content:none;}
@media only screen and (max-width:992px){
  .vtl:before{left:10px;right:auto;margin:0;}
  .vtl-i{left:-8px;right:auto;margin:0;}
  .vtl-b {width:90%;margin-left:10%;}
  .vtl-b:after{left:auto;right:90%;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:none;border-right:10px solid #1c8dc4;}
  .vtl-date{position:relative;display:block;top:0;left:0;right:auto;background:#eee;}
  .vtl-r .vtl-date{right:auto;}
  .vtl.basic .vtl-date{padding:10px 10px 0 10px;}
  .vtl-a-slide .vtl-content{-webkit-transform:translateX(100%);transform:translateX(100%);}
}