.is_timeline_vt2 .hexa{



  border: 0px;



  float: left;



  text-align: center;



  height: 35px;



  width: 60px;



  font-size: 22px;



  background: #f0f0f0;



  color: #3c3c3c;



  position: relative;



  margin-top: 15px;



}







.is_timeline_vt2 .hexa.hexa:before{



  content: ""; 



  position: absolute; 



  left: 0; 



  width: 0; 



  height: 0;



  border-bottom: 15px solid #f0f0f0;



  border-left: 30px solid transparent;



  border-right: 30px solid transparent;



  top: -15px;



}







.is_timeline_vt2 .hexa:after{



  content: ""; 



  position: absolute; 



  left: 0; 



  width: 0; 



  height: 0;



  border-left: 30px solid transparent;



  border-right: 30px solid transparent;



  border-top: 15px solid #f0f0f0;



  bottom: -15px;



}







.is_timeline_vt2 .timeline {



  position: relative;



  padding: 0;



  width: 100%;



  margin-top: 20px;



  list-style-type: none;



  margin-left: 0px;

  z-index: 1;

}







.is_timeline_vt2 .timeline:before {



  position: absolute;



  left: 50%;



  top: 0;



  content: ' ';



  display: block;



  width: 2px;



  height: 100%;



  margin-left: -1px;



  background: rgb(213,213,213);



  background: -moz-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);



  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1)));



  background: -webkit-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);



  background: -o-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);



  background: -ms-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);



  background: linear-gradient(to bottom, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);



  z-index: 5;



}







.is_timeline_vt2 .timeline li {



  /*padding: 2em 0;*/



}







.is_timeline_vt2 .timeline .hexa{



  width: 16px;



  height: 10px;



  position: absolute;



  background: #00c4f3;



  z-index: 5;



  left: 0;



  right: 0;



  margin-left:auto;



  margin-right:auto;



  top: -30px;



  margin-top: 0;



}







.is_timeline_vt2 .timeline .hexa:before {



  border-bottom: 4px solid #00c4f3;



  border-left-width: 8px;



  border-right-width: 8px;



  top: -4px;



}







.is_timeline_vt2 .timeline .hexa:after {



  border-left-width: 8px;



  border-right-width: 8px;



  border-top: 4px solid #00c4f3;



  bottom: -4px;



}







.is_timeline_vt2 .direction-l,



.is_timeline_vt2 .direction-r {



  float: none;



  width: 100%;



  text-align: center;



}



.is_timeline_vt2 .direction-l span.flag {

    text-align: right;

}





.is_timeline_vt2 .flag-wrapper {



  text-align: left;



  position: relative;



}







.is_timeline_vt2 .flag {



  position: relative;



  display: inline-block;



  font-weight: 600;



  z-index: 15;



  padding: 3px 10px;



  text-align: left;



  border-radius: 5px;



  font-size: 18px;



  width: 70%;



}







.is_timeline_vt2 .direction-l .flag:after,



.is_timeline_vt2 .direction-r .flag:after {



  content: "";



  position: absolute;



  left: 50%;



  top: -15px;



  height: 0;



  width: 0;



  margin-left: -8px;



  border: solid transparent;



  border-bottom-color: rgb(255,255,255);



  border-width: 8px;



  pointer-events: none;



}







/* .is_timeline_vt2 .direction-l .flag { */



  /* -webkit-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); */



  /* -moz-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); */



  /* box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); */



/* } */







/* .is_timeline_vt2 .direction-r .flag { */



  /* -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); */



  /* -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); */



  /* box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); */



/* } */







.is_timeline_vt2 .time-wrapper {



  display: block;



  position: relative;



  margin: 4px 0 0 0;



  z-index: 14;



  line-height: 1em;



  vertical-align: middle;



  color: #fff;

  width: 30%;



}







.is_timeline_vt2 .direction-l .time-wrapper {



  float: none;



}







.is_timeline_vt2 .direction-r .time-wrapper {



  float: none;



}







.is_timeline_vt2 .time {



  background: #00c4f3;



  display: inline-block;



  padding: 8px;



}







.is_timeline_vt2 .desc {



  position: relative;



  margin: 10px 0 0;

  overflow: hidden;



  padding: 0 1em 1em;



  background: rgb(254,254,254);



  -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.20);



  -moz-box-shadow: 0 0 1px rgba(0,0,0,0.20);



  box-shadow: 0 0 1px rgba(0,0,0,0.20);



  z-index: 15;

  background: #f6f6f6;



}







.is_timeline_vt2 .direction-l .desc,



.is_timeline_vt2 .direction-r .desc {



  position: relative;



  margin: 10px 0 0;

  overflow: hidden;



  padding: 0 1em 1em;



  z-index: 15;



}







@media(min-width: 768px){



  .is_timeline_vt2 .timeline {



    width: 660px;



    margin: 0 auto;



    margin-top: 20px;



  }







  .is_timeline_vt2 .timeline li:after {



    content: "";



    display: block;



    height: 0;



    clear: both;



    visibility: hidden;



  }



  



  .is_timeline_vt2 .timeline .hexa {



    left: -28px;



    right: auto;



    top: 17px;



  }







  .is_timeline_vt2 .timeline .direction-l .hexa {



    left: auto;



    right: -28px;



  }







  .is_timeline_vt2 .direction-l {



    position: relative;



    width: 310px;



    float: left;



    text-align: right;



  }







  .is_timeline_vt2 .direction-r {



    position: relative;



    width: 310px;



    float: right;



    text-align: left;



  }







.is_timeline_vt2 .flag-wrapper {

    display: inline-block;

    width: 100%;

    background: #efefef;

    padding: 10px;

}



  



  .is_timeline_vt2 .flag {



    font-size: 13px;



  }

  .is_timeline_vt2 .direction-r .flag-wrapper {

    text-align: left;

}







  .is_timeline_vt2 .direction-l .flag:after {



    left: auto;



    right: -16px;



    top: 6px;

    -ms-transform: initial;

    -webkit-transform: initial;

    transform: initial;

    margin-top: 0;



    border: solid transparent;



    border-left-color: rgb(0, 196, 243);



    border-width: 8px;



  }







  .is_timeline_vt2 .direction-r .flag:after {

     top: 3.5px;

    -ms-transform: initial;

    -webkit-transform: initial;

    transform: initial;

    margin-top: 0;



    border: solid transparent;



    border-right-color: rgb(0, 196, 243);



    border-width: 8px;



    left: -4px;



  }







  .is_timeline_vt2 .time-wrapper {



    display: inline;



    vertical-align: middle;



    margin: 0;



  }







  .is_timeline_vt2 .direction-l .time-wrapper {



    float: left;



  }







  .is_timeline_vt2 .direction-r .time-wrapper {



    float: right;



  }







  .is_timeline_vt2 .time {



    padding: 5px 10px;



  }







  .is_timeline_vt2 .direction-r .desc {



    margin: 10px 0 0;



  }



}







@media(min-width: 992px){



  .is_timeline_vt2 .timeline {



    width: 800px;



    margin: 0 auto;



    margin-top: 20px;



  }







  .is_timeline_vt2 .direction-l {



    position: relative;



    width: 380px;



    float: left;



    text-align: right;



  }







  .is_timeline_vt2 .direction-r {



    position: relative;



    width: 380px;



    float: right;



    text-align: left;



  }



}







.is_timeline_vt2 .timeline_year {



    background-color: #00c4f3;



    color: #fff;



    padding: 5px 10px;



    font-size: 16px;



    font-weight: 600;



}



.is_timeline_vt2 .year_box { text-align: center; position: relative; z-index: 14;padding: 2em;}



/*@media(max-width:767px){ .timeline_year { left: 46%;}}



@media(max-width:479px){ .timeline_year { left: 40%;}}*/







.is_timeline_vt2 .mod-articles-category-tags { margin-top: 5px }



.is_timeline_vt2 .direction-l .flag-wrapper{text-align:right;}



.is_timeline_vt2 .timeline .mod-articles-category-tags ul li { padding: 0 0 10px 0; }



.is_timeline_vt2.is_timeline_vt2_shadow .direction-r{box-shadow: 0 0 20px 5px #d8d4d4;}

.is_timeline_vt2.is_timeline_vt2_shadow .direction-l{box-shadow: 0 0 20px 5px #d8d4d4;}



.is_timeline_vt2_shadow .mod-articles-category-tags ul.tags li a { border-radius: unset; }

.is_timeline_vt2_shadow .mod-articles-category-readmore .mod-articles-category-title {border-radius: unset;}

.is_timeline_vt2 .direction-l.stripped_introtext { text-align: left; }





@media (max-width: 768px){

  .is_timeline_vt2 .flag-wrapper{

    text-align: center;

    position: relative;

    z-index: 14;

  }

}



@media (max-width: 767px) {



  .is_timeline_vt2 .flag-wrapper, .is_timeline_vt2 .direction-l .flag-wrapper { text-align: center; padding: 5px 0 10px; }

  .is_timeline_vt2 .timeline li:last-child { padding-bottom: 0; }

  .is_timeline_vt2 .timeline .hexa { top: -37px; }

  .is_timeline_vt2 .year_box { padding: 20px 0 60px; position: relative; }

  .is_timeline_vt2 .year_box:first-child { padding-top: 0; }

  .is_timeline_vt2 .direction-r .flag-wrapper { text-align: center; }

  .is_timeline_vt2 .direction-l .flag:after, .is_timeline_vt2 .direction-r .flag:after { display: none; }

  .is_timeline_vt2 .time-wrapper { display: inline-block; }

}