.hidden {
  display: none;
  color: red;
}

.inactive-slide {
  display: none;
}

.container {
  margin: auto;
  position: relative;
}
.timeline{
background-color: #EFF3F8;
}

.timeline li {
  list-style: none;
  float: left;
  width: 20%;
  position: relative;
  text-align: center;
  text-transform: uppercase;

font-family: "Circular Std";
font-weight: bold;
  
}

ul:nth-child(1) {
  color: #2154A1;
}

.timeline li:before {
  content: '';
  width: 20px;
  height: 20px;
  border: 3px solid #2154A1;
  border-radius: 50%;
  display: block;
  text-align: center;
  line-height: 50px;
  margin: 0 auto 10px auto;
  background: #fff;
  color: #2154A1;
  transition: all ease-in-out .3s;
  cursor: pointer;
}

.timeline li:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #2154A1;
  top: 20%;
  left: -50%;
  z-index: -999;
  transition: all ease-in-out .3s;
}

.timeline li:first-child:after {
  content: none;
}

.timeline li.active-tl:before {
  background: #2154A1;
  color: #F1F1F1;
}

.timeline li.active-tl+li:after {
  background: #2154A1;
}








h1 {
font-family: "Circular Std";
text-align: center
}
h2 {
text-transform: uppercase;
font-family: "Circular Std";
}


.flexcontainer {
display: flex;
flex-wrap: wrap;
max-width: 800px;
margin: 0 auto;
font-family: "Circular Std";
}
.flexitem {
width: 100%;
display: flex;
flex-wrap: nowrap;
justify-content: center;
padding: 0 40px;

  background-color: white;
}

.flexitem__hidden{
border-right: dashed 2px #0553A5;
position: relative;
left: 52px;
z-index: 0;
margin-top: 2px;
}

.flexitem__hidden_iprmero, .line_t {
border-right: dashed 2px #0553A5;
position: relative;
left: 52px;
z-index: 0;
margin-top: 60px;
}

.flexitem__date {
order: 2;
text-align: center;
color: white;
font-size: 28px;
flex-basis: 100px;
display: flex;
}
.flexitem__date> span {
  margin: auto;
  background: #2b2970;
  border-radius: 50%;
  padding: 25px 19px;
  z-index: 2;
font-family: "Circular Std";

}
.flexitem__desc {
order: 3;
width: 80%;
padding-left: 10px;
padding-bottom: 30px;
padding-top: 30px;
}

p{

font-family: "Circular Std";
}

.next-img {
position: absolute;
top: 3%;
right: 1%;
width: 20px;
}

.prev-img {
position: absolute;
top: 3%;
left: 1%;
width: 20px;
}


.content-four .flexitem .c1, .content-five .flexitem .c1, .content-one .flexitem span{
background-color: #2B2970;

}
.content-four .flexitem .c2, .content-five .flexitem .c2, .content-one .flexitem + .flexitem span, .content-two .flexitem + .flexitem span, .content-three .flexitem + .flexitem span{
background-color: #2154A1;
}
.content-four .flexitem .c3, .content-five .flexitem .c3,  .content-one .flexitem + .flexitem + .flexitem span,.content-two .flexitem + .flexitem + .flexitem span,
.content-three .flexitem + .flexitem + .flexitem span{
background-color: #3A94D1;
}

.content-four .flexitem .c4, .content-five .flexitem .c4, .content-one .flexitem + .flexitem + .flexitem + .flexitem span, .content-two .flexitem + .flexitem + .flexitem + .flexitem span,
.content-three .flexitem + .flexitem + .flexitem + .flexitem span{
background-color: #4FC7F5;
}

.line_b{
margin-bottom: 60px;
}

.line_b4{
margin-bottom: 258px;

}


.line_t5{
margin-top: 174px;

}

.content-one, .content-two, .content-three, .content-four, .content-five{
padding-top:90px;
}

.content-one .flexitem__date > span, .cr1 {
  padding: 25px 21px;
  
}

.cr1, .c_a {
  padding: 25px 21px !important;
}

.content-five .flexitem__date> span {

  padding: 25px 16px;

}

.c_b {
  padding: 25px 18px !important;
}
.c_c{
  padding:   28px 16px !important;
}

.c_d{
  padding: 27px 18px !important;
}

.flexitem__desc ul{
  padding-left: 15px;
  color:black ;
font-family: "Circular Std";
}

p{
  padding-left: 15px;
  
}