/*-------- Type- 01 ------*/

.frst-timeline-style-1{
  color: #000 !important;
}
.frst-timeline-style-1 .frst-timeline-block::before {
  width: 3px !important;
  background: rgba(0,0,0,0) !important;
  margin-left: -1px !important;
  background: #D5DBDB !important;
}

.frst-timeline-style-1.frst-right-align .frst-timeline-block::before{
  margin-right: -1px !important;
}

.frst-timeline-block {
  padding-bottom: 30px !important;
  padding-left: 45px !important;
  padding-right: 45px !important;
}

.frst-timeline-style-1 .frst-timeline-img {
  padding: 0 !important;
  margin-left: -28px !important;
  top: 5px !important;/*--- Box shadow value --*/
  width: 56px !important;
  height: 56px !important;
  color: #D5DBDB !important;
  text-align: center !important;
  font-size: 28px !important;

}
.frst-timeline-style-1 .frst-timeline-img span{
  display: inline-block !important;
  margin: auto !important;
  padding: 9px !important;
  min-height: 16px !important;
  min-width: 16px !important;
  background: #1ABC9C !important;
  -webkit-border-radius: 10% !important;
  border-radius: 10% !important;
  vertical-align: middle !important;
  transform: rotate(45deg) !important;
  box-shadow: 0 0 0 5px #D5DBDB !important;
  -webkit-box-shadow: 0 0 0 5px #D5DBDB !important;
}
.frst-timeline-style-1 .frst-timeline-img i{
  display: block !important;
  transform: rotate(-45deg) !important;
}

.frst-timeline-style-1.frst-right-align .frst-timeline-img {
  margin-right: -28px !important;
}

.frst-timeline-style-1 .frst-timeline-content {
  color: #6f6f6f !important;
}

.frst-timeline-style-1 .frst-date {
  color: #9c9c9c !important;
  margin-bottom: 10px !important;
  display: block !important;
}

.frst-timeline-style-1 h2 {
  margin: 0 0 5px !important;
  font-weight: 800 !important;
  color: #6f6f6f !important;
  font-size: 16px !important;
}

.frst-date-opposite.frst-timeline-style-1 h2 {
}

.frst-timeline-style-1 p {
  margin: 0 !important;
}

.frst-timeline-style-1 .frst-timeline-label-block{
  padding-top: 0 !important;
}
.frst-timeline-style-1 .frst-labels{
  padding: 50px 0 !important;
}
.frst-timeline-style-1 .frst-labels.frst-start-label{
  padding-top: 0 !important;
}
.frst-timeline-style-1 .frst-labels.frst-end-label{
  padding-bottom: 0 !important;
}
.frst-timeline-style-1 .frst-labels span{
  position: relative !important;
  background: #17A589 !important;
  -webkit-border-radius: 25% !important;
  border-radius: 25% !important;
  vertical-align: top !important;
  color: #D5DBDB !important;
  text-align: center !important;
  font-size: 18px !important;
  font-weight: bold !important;
  box-shadow: 0 0 0 5px #D5DBDB !important;
  -webkit-box-shadow: 0 0 0 5px #D5DBDB !important;
  width: 60px !important;
  height: 60px !important;
  padding: 20px 5px !important;
  margin-left: -45px !important;
  left: -35px !important;
}
.frst-timeline-style-1.frst-alternate .frst-timeline-label-block .frst-labels span{
  margin: 0 !important;
}
.frst-timeline-style-1.frst-right-align .frst-labels span{
  left: auto !important;
  right: -35px !important;
  margin-left:0 !important;
  margin-right: -45px !important;
}

/*--------- news-------*/
.frst-timeline-style-1 .frst-timeline-content-inner{
  padding: 30px !important;
  position: relative !important;
  -webkit-border-radius: 4px !important;
  border-radius: 4px !important;
  background: #D5DBDB !important;
}
.frst-timeline-style-1 .frst-timeline-content-inner::before,
.frst-timeline-style-1 .frst-timeline-content-inner::after{
  content: "" !important;
  border-style: solid !important;
  border-color: transparent !important;
  position: absolute !important;
}
.frst-timeline-style-1 .frst-timeline-content-inner::before{
  border-width: 10px 11px 10px 0 !important;
  border-right-color: #D5DBDB !important;
  left: -10px !important;
  top: 18px !important;
}
.frst-timeline-style-1 .frst-timeline-content-inner::after{
  border-width: 8px 9px 8px 0 !important;
  border-right-color: #D5DBDB !important;
  left: -9px !important;
  top: 18px !important;

}
.frst-timeline-style-1.frst-right-align .frst-timeline-content-inner::before{
  border-width: 10px 0 10px 11px !important;
  border-left-color: #D5DBDB !important;
  left: auto !important;
  right: -11px !important;
}
.frst-timeline-style-1.frst-right-align .frst-timeline-content-inner::after{
  border-width: 8px 0 8px 9px !important;
  border-left-color: #D5DBDB !important;
  right: -8px !important;
  left: auto !important;
}

/*---------- Responsive part ------------*/
@media only screen and (min-width:679px) {

  .frst-date-opposite {
    margin-left: 203px;
  }

  .frst-left-align.frst-date-opposite {
    margin-left: 203px;
  }

  .frst-right-align.frst-date-opposite {
    margin-right: 203px !important;
    margin-left: 0 !important;
  }
  .frst-timeline-style-1.frst-alternate .frst-timeline-content,
  .frst-timeline-style-1.frst-date-opposite .frst-timeline-content {
    width: calc(50% - 44px) !important;
  }

  .frst-timeline-style-1.frst-date-opposite .frst-date {
    left: -248px !important;
    line-height: 56px !important;
    width: 160px !important;
  }

  .frst-timeline-style-1.frst-date-opposite.frst-right-align .frst-date,
  .frst-timeline-style-1.frst-date-opposite.frst-alternate .frst-timeline-block.frst-odd-item .frst-date {
    right: -248px !important;
    left: auto !important;
    text-align: left !important;
  }
  .frst-timeline-style-1.frst-right-align .frst-date{
    left: auto !important;
    right: 0 !important;

  }

  /*--------- news-------*/
  .frst-timeline-style-1.frst-alternate .frst-odd-item .frst-timeline-content-inner::before{
    border-width: 10px 0 10px 11px !important;
    border-left-color: #D5DBDB !important;
    left: auto !important;
    right: -10px !important;
  }
  .frst-timeline-style-1.frst-alternate .frst-odd-item .frst-timeline-content-inner::after{
    border-width: 8px 0 8px 9px !important;
    border-left-color: #D5DBDB !important;
    right: -8px !important;
    left: auto !important;
  }
}
@media only screen and (max-width:1200px) {
  .frst-timeline-style-1{
    margin-left: 45px !important;
  }
  .frst-timeline-style-1.frst-right-align{
    margin-left: 0 !important;
    margin-right: 45px !important;
  }
}
@media only screen and (max-width:678px) {
  .frst-timeline-style-1.frst-responsive-right .frst-labels span{
    left: auto !important;
    right: -47px
  }
  .frst-timeline-style-1.frst-responsive-right .frst-timeline-block::before {
    margin-right: -1px !important;
  }
  .frst-timeline-style-1.frst-responsive-right .frst-timeline-img {
    margin-right: -28px !important;
  }
  .frst-timeline-style-1.frst-alternate .frst-timeline-label-block .frst-labels span{
    margin-left: -45px !important;
  }
  .frst-timeline-style-1.frst-responsive-right .frst-labels span,
  .frst-timeline-style-1.frst-alternate.frst-responsive-right .frst-labels span{
    right: -35px !important;
    margin-right: -45px !important;
    left: auto !important;
    margin-left: 0 !important;
  }
  .frst-timeline-style-1.frst-responsive-right{
    margin-left: 0 !important;
    margin-right: 45px !important;
  }

  /*--------- news-------*/
  .frst-timeline-style-1.frst-responsive-right .frst-timeline-content-inner::before{
    border-width: 10px 0 10px 11px !important;
    border-left-color: #D5DBDB !important;
    left: auto !important;
    right: -11px !important;
  }
  .frst-timeline-style-1.frst-responsive-right .frst-timeline-content-inner::after{
    border-width: 8px 0 8px 9px !important;
    border-left-color: #D5DBDB !important;
    right: -8px !important;
    left: auto !important;
  }

}



/*style*/

/*-------- Type- 01 ------*/

.frst-timeline-style-2{
  color: #000 !important;
}
.frst-timeline-style-2 .scale-effect .frst-timeline-img span{
  transform: scale(1.2) rotate(45deg) !important;
  box-shadow: 0 0 0 6px rgba(0, 190, 164, 0.18) !important;
  -webkit-transition: all 0.4s ease-out !important;
 -moz-transition: all 0.4s ease-out !important;
 -o-transition: all 0.4s ease-out !important;
 -ms-transition: all 0.4s ease-out !important;
 transition: all 0.4s ease-out !important;

}
.frst-timeline-style-2 .scale-effect .frst-timeline-content-inner span,.frst-timeline-style-2 .scale-effect .frst-timeline-content-inner h2 {
   font-size: 22px !important;
   -webkit-transition: all 0.4s ease-out !important;
  -moz-transition: all 0.4s ease-out !important;
  -o-transition: all 0.4s ease-out !important;
  -ms-transition: all 0.4s ease-out !important;
  transition: all 0.4s ease-out !important;
}
.frst-timeline-style-2 .scale-effect .frst-timeline-content-inner p{
  font-size: 17px !important;
  -webkit-transition: all 0.4s ease-out !important;
 -moz-transition: all 0.4s ease-out !important;
 -o-transition: all 0.4s ease-out !important;
 -ms-transition: all 0.4s ease-out !important;
 transition: all 0.4s ease-out !important;
}

.frst-timeline-style-2 .frst-timeline-block::before{
  width: 2px !important;
  background: #e6e6e6 !important;
  margin-left: -1px !important;
}

.frst-timeline-style-2.frst-right-align .frst-timeline-block::before{
  margin-right: -1px !important;
}
.frst-timeline-block{
  padding-bottom: 30px !important;
}
.frst-timeline-style-2 .frst-timeline-img{
  width: 36px !important;
  height: 36px !important;
  margin-left: -18px !important;
  top: 6px !important;/*--- Box shadow value --*/
  text-align: center !important;
}
.frst-timeline-style-2 .frst-timeline-img i{
    color: white !important;
    font-size: 18px !important;
    transform: rotate(-45deg) !important;
}

.frst-timeline-style-2.frst-right-align .frst-timeline-img{
  margin-right: -18px !important;
}
.frst-timeline-style-2 .frst-timeline-img span{
  display: inline-block !important;
  padding: 8px !important;
  background: #1ABC9C !important;
  box-shadow: 0 0 0 6px #e3e4e4 !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  transform: rotate(45deg) !important;
  min-width: 18px !important;
  min-height: 18px !important;
  -webkit-transition: all 0.4s ease-out !important;
 -moz-transition: all 0.4s ease-out !important;
 -o-transition: all 0.4s ease-out !important;
 -ms-transition: all 0.4s ease-out !important;
 transition: all 0.4s ease-out !important;
}
.frst-timeline-style-2 .frst-timeline-img span:hover{
  cursor:pointer !important;
  animation: timeline-step 2s infinite !important;
}
@keyframes timeline-step {
  0% {
    box-shadow: 0 0 0 6px #e3e4e4 !important;
  }
  25% {
    box-shadow: 0 0 0 6px #dcdcdc !important;
      transform: scale(1.1) rotate(45deg) !important;
  }

  50% {
    box-shadow: 0 0 0 6px #cecece !important;
      transform: scale(1.2) rotate(45deg) !important;
  }

  75% {
    box-shadow: 0 0 0 6px #dcdcdc !important;
    transform: scale(1.1) rotate(45deg) !important;
  }

  100% {
    box-shadow: 0 0 0 6px #e3e4e4 !important;
    transform: scale(1) rotate(45deg) !important;
  }
}



.frst-timeline-style-2 .frst-timeline-content{
  color: #777 !important;
}

.frst-timeline-style-2 .frst-date{
  font-weight: 800 !important;
  font-size: 18px !important;
  margin-bottom: 10px !important;
  color: #000 !important;
  line-height: 30px !important;
}
.frst-timeline-style-2 h2{
  font-size: 18px !important;
  margin: 20px 0 !important;
  font-weight: 800 !important;
  color: #6f6f6f !important;

}
.frst-date-opposite.frst-timeline-style-2 h2{
  margin-top: 0 !important;

}
.frst-timeline-style-2 p{
  margin: 0 !important;
}

.frst-timeline-style-2 .frst-labels span{
  position: relative !important;
  left: -36px !important;
  background: #e6e6e6 !important;
  color: #000 !important;
  padding: 8px 20px !important;
  -webkit-border-radius: 3px !important;
  border-radius: 3px !important;
}
.frst-timeline-style-2.frst-right-align .frst-labels span{
  left: auto !important;
  right: -36px
}


/*---------- Responsive part ------------*/
@media only screen and (min-width: 679px) {
  .frst-timeline-style-2.frst-alternate .frst-timeline-content{
    width: calc(50% - 32px) !important;
  }
  .frst-timeline-style-2.frst-date-opposite .frst-date{
    left: -225px !important;
    line-height: 26px !important;
    width: 160px !important;
  }
  .frst-timeline-style-2.frst-date-opposite.frst-right-align .frst-date,
  .frst-timeline-style-2.frst-date-opposite.frst-alternate .frst-timeline-block.frst-odd-item .frst-date{
    right: -225px !important;
    left: auto !important;
    text-align: left !important;
  }

}

@media only screen and (max-width: 678px) {

  .frst-timeline-style-2.frst-responsive-right .frst-timeline-block::before{
    margin-right: -1px !important;
  }
  .frst-timeline-style-2.frst-responsive-right .frst-timeline-img{
    margin-right: -18px !important;
  }
  .frst-timeline-style-2.frst-responsive-right .frst-labels span{
    left: auto !important;
    right: -36px
  }


}


/*style3*/
/*-------- Type- 01 ------*/

.frst-timeline-style-3{
  color: #000 !important;
}
.frst-timeline-style-3 .frst-timeline-block::before {
background: rgba(0,0,0,0) !important;
margin-left: -2px !important;
border: 2px dotted transparent !important;
top: 80px !important;
background-image: -moz-radial-gradient(#6E6F72 25%, rgba(255,255,255,0) 0%) !important;
background-image: -webkit-radial-gradient(#6E6F72 25%, rgba(255,255,255,0) 0%) !important;
background-image: radial-gradient(#6E6F72 25%, rgba(255,255,255,0) 0%) !important;
background-position: center !important;
background-size: 10px 13px !important;
background-repeat: repeat-y !important;
}

.frst-timeline-style-3.frst-right-align .frst-timeline-block::before {
  margin-right: -2px !important;
}

.frst-timeline-style-3 .frst-timeline-block {
  padding-bottom: 30px !important;
  padding-left: 45px !important;
  padding-right: 45px !important;
}

.frst-timeline-style-3 .frst-timeline-img {
  padding: 0 !important;
  margin-left: -21px !important;
  top: 60px !important;/*--- Box shadow value --*/
  width: 42px !important;
  height: 42px !important;
  color: #fff !important;
  text-align: center !important;
  font-size: 24px !important;

}
.frst-timeline-style-3 .frst-timeline-img span{
  display: inline-block !important;
  margin: auto !important;
  padding: 6px !important;
  min-height: 20px !important;
  min-width: 20px !important;
  background: #d8d8d8 !important;
  -webkit-border-radius: 50% !important;
  border-radius: 50% !important;
  vertical-align: top !important;
}
.frst-timeline-style-3 .frst-timeline-img i{
  display: block !important;
}

.frst-timeline-style-3.frst-right-align .frst-timeline-img{
  margin-right: -21px !important;
}

.frst-timeline-style-3 .frst-timeline-content {
  color: white !important;
}

.frst-timeline-style-3 .frst-date {
  color: #444 !important;
  font-weight: bold !important;
}

.frst-timeline-style-3 h2 {
  margin: 0 0 5px !important;
  font-weight: 800 !important;
  color: white !important;
  font-size: 16px !important;
  text-transform: uppercase !important;
}

.frst-timeline-style-3 .frst-date-opposite.frst-timeline-style-3 h2 {
}

.frst-timeline-style-3 p {
  margin: 0 !important;
}
.frst-timeline-style-3 .frst-labels span{
  position: relative !important;
  left: -35px !important;
  width: 78px !important;
  height: 78px !important;
  background: #f13d9e !important;
  color: #fff !important;
  font-weight: 800 !important;
  padding: 23px 10px !important;
  -webkit-border-radius: 50% !important;
  border-radius: 50% !important;
  text-transform: uppercase !important;
  text-align: center !important;
  font-size: 14px !important;
  margin-left: -39px !important;
}
.frst-timeline-style-3.frst-right-align .frst-labels span{
  left: auto !important;
  right: -47px !important;
  margin-right: -39px !important;
  margin-left: 0 !important;
}

.frst-timeline-style-3 .frst-timeline-content-inner{
  padding: 30px !important;
  position: relative !important;
  -webkit-border-radius: 4px !important;
  border-radius: 4px !important;
  background: #D5DBDB !important;
}
.frst-timeline-style-3 .frst-timeline-content-inner::before,
.frst-timeline-style-3 .frst-timeline-content-inner::after{
  content: "" !important;
  border-style: solid !important;
  border-color: transparent !important;
  position: absolute !important;
}
.frst-timeline-style-3 .frst-timeline-content-inner::before{
  border-width: 20px 40px 20px 0 !important;
  border-right-color: #D5DBDB !important;
  left: -25px !important;
  top: 50px !important;
}
.frst-timeline-style-3 .frst-timeline-content-inner::after{
  border-width: 20px 40px 20px 0 !important;
  border-right-color: #D5DBDB !important;
  left: -25px !important;
  top: 50px !important;

}
.frst-timeline-style-3.frst-right-align .frst-timeline-content-inner::before{
  border-width: 20px 0 20px 40px !important;
  border-left-color: #D5DBDB !important;
  left: auto !important;
  right: -25px !important;
}
.frst-timeline-style-3.frst-right-align .frst-timeline-content-inner::after{
  border-width: 20px 0 20px 40px !important;
  border-left-color: #D5DBDB !important;
  right: -25px !important;
  left: auto !important;
}

/*turqoise*/
.frst-timeline-style-3 .frst-timeline-content-inner.turqoise::before{
  border-right-color: #00A79D !important;
}
.frst-timeline-style-3 .frst-timeline-content-inner.turqoise::after{
  border-right-color: #00A79D !important;
}
.frst-timeline-style-3.frst-right-align .frst-timeline-content-inner.turqoise::before{
  border-left-color: #00A79D !important;
}
.frst-timeline-style-3.frst-right-align .frst-timeline-content-inner.turqoise::after{
  border-left-color: #00A79D !important;
}
/*light-blue*/
.frst-timeline-style-3 .frst-timeline-content-inner.light-blue::before{
  border-right-color: #27AAE2 !important;
}
.frst-timeline-style-3 .frst-timeline-content-inner.light-blue::after{
  border-right-color: #27AAE2 !important;
}
.frst-timeline-style-3.frst-right-align .frst-timeline-content-inner.light-blue::before{
  border-left-color: #27AAE2 !important;
}
.frst-timeline-style-3.frst-right-align .frst-timeline-content-inner.light-blue::after{
  border-left-color: #27AAE2 !important;
}
/*blue*/
.frst-timeline-style-3 .frst-timeline-content-inner.blue::before{
  border-right-color: #1D75BD !important;
}
.frst-timeline-style-3 .frst-timeline-content-inner.blue::after{
  border-right-color: #1D75BD !important;
}
.frst-timeline-style-3.frst-right-align .frst-timeline-content-inner.blue::before{
  border-left-color: #1D75BD !important;
}
.frst-timeline-style-3.frst-right-align .frst-timeline-content-inner.blue::after{
  border-left-color: #1D75BD !important;
}
/*violette*/
.frst-timeline-style-3 .frst-timeline-content-inner.violette::before{
  border-right-color: #2B3991 !important;
}
.frst-timeline-style-3 .frst-timeline-content-inner.violette::after{
  border-right-color: #2B3991 !important;
}
.frst-timeline-style-3.frst-right-align .frst-timeline-content-inner.violette::before{
  border-left-color: #2B3991 !important;
}
.frst-timeline-style-3.frst-right-align .frst-timeline-content-inner.violette::after{
  border-left-color: #2B3991 !important;
}
/*dark-violette*/
.frst-timeline-style-3 .frst-timeline-content-inner.dark-violette::before{
  border-right-color: #272264 !important;
}
.frst-timeline-style-3 .frst-timeline-content-inner.dark-violette::after{
  border-right-color: #272264 !important;
}
.frst-timeline-style-3.frst-right-align .frst-timeline-content-inner.dark-violette::before{
  border-left-color: #272264 !important;
}
.frst-timeline-style-3.frst-right-align .frst-timeline-content-inner.dark-violette::after{
  border-left-color: #272264 !important;
}

/*---------- Responsive part ------------*/
@media only screen and (min-width:679px) {

  .frst-timeline-style-3 .frst-date-opposite {
    margin-left: 203px;
  }

 .frst-timeline-style-3 .frst-left-align.frst-date-opposite {
    margin-left: 203px;
  }

  .frst-timeline-style-3 .frst-right-align.frst-date-opposite {
    margin-right: 203px !important;
    margin-left: 0 !important;
  }
  .frst-timeline-style-3.frst-alternate .frst-timeline-content,
  .frst-timeline-style-3.frst-date-opposite .frst-timeline-content {
    width: calc(50% - 44px) !important;
  }

  .frst-timeline-style-3.frst-date-opposite .frst-date {
    left: -248px !important;
    line-height: 20px !important;
    width: 160px !important;
    top: 60px !important;
  }

  .frst-timeline-style-3.frst-date-opposite.frst-right-align .frst-date,
  .frst-timeline-style-3.frst-date-opposite.frst-alternate .frst-timeline-block.frst-odd-item .frst-date {
    right: -248px !important;
    left: auto !important;
    text-align: left !important;
    top: 60px !important;
  }
  .frst-timeline-style-3 .frst-timeline-content-inner{
     padding-left: 110px !important;
     position: relative !important;
  }
  .frst-timeline-style-3.frst-right-align .frst-timeline-content-inner,
  .frst-timeline-style-3.frst-alternate .frst-timeline-block.frst-odd-item .frst-timeline-content-inner{
    padding-left: 0 !important;
    padding-right: 110px !important;
  }
  .frst-timeline-style-3.frst-date-opposite .frst-timeline-content-inner,
  .frst-timeline-style-3.frst-date-opposite .frst-timeline-block.frst-odd-item .frst-timeline-content-inner{
    padding: 30px !important;
  }
  .frst-timeline-style-3 .frst-date{
    position: absolute !important;
    left: 0 !important;
    width: 80px !important;
  }
  .frst-timeline-style-3.frst-right-align .frst-date,
  .frst-timeline-style-3.frst-alternate .frst-timeline-block.frst-odd-item .frst-date{
    left: auto !important;
    right: 0 !important;

  }
  .frst-timeline-style-3.frst-alternate .frst-labels span{
    margin: 0
  }
  .frst-timeline-style-3.frst-alternate .frst-odd-item .frst-timeline-content-inner::before{
    border-width: 20px 0 20px 40px !important;
    border-left-color: #D5DBDB !important;
    left: auto !important;
    right: -25px !important;
  }
  .frst-timeline-style-3.frst-alternate .frst-odd-item .frst-timeline-content-inner::after{
    border-width: 20px 0 20px 40px !important;
    border-left-color: #D5DBDB !important;
    right: -25px !important;
    left: auto !important;
  }

  /*turqoise*/
  .frst-timeline-style-3.frst-alternate .frst-odd-item .frst-timeline-content-inner.turqoise::before{
    border-left-color: #00A79D !important;
  }
  .frst-timeline-style-3.frst-alternate .frst-odd-item .frst-timeline-content-inner::after{
    border-left-color: #00A79D !important;
  }
  /*light-blue*/
  .frst-timeline-style-3.frst-alternate .frst-odd-item .frst-timeline-content-inner.light-blue::before{
    border-left-color: #27AAE2 !important;
  }
  .frst-timeline-style-3.frst-alternate .frst-odd-item .frst-timeline-content-inner.light-blue::after{
    border-left-color: #27AAE2 !important;
  }
  /*blue*/
  .frst-timeline-style-3.frst-alternate .frst-odd-item .frst-timeline-content-inner.blue::before{
    border-left-color: #1D75BD !important;
  }
  .frst-timeline-style-3.frst-alternate .frst-odd-item .frst-timeline-content-inner.blue::after{
    border-left-color: #1D75BD !important;
  }

  /*violette*/
  .frst-timeline-style-3.frst-alternate .frst-odd-item .frst-timeline-content-inner.violette::before{
    border-left-color: #2B3991 !important;
  }
  .frst-timeline-style-3.frst-alternate .frst-odd-item .frst-timeline-content-inner.violette::after{
    border-left-color: #2B3991 !important;
  }

  /*dark-violette*/
  .frst-timeline-style-3.frst-alternate .frst-odd-item .frst-timeline-content-inner.dark-violette::before{
    border-left-color: #272264 !important;
  }
  .frst-timeline-style-3.frst-alternate .frst-odd-item .frst-timeline-content-inner.dark-violette::after{
    border-left-color: #272264 !important;
  }

}

@media only screen and (max-width:678px) {
  .frst-timeline-style-3.frst-responsive-right .frst-timeline-block::before {
    margin-right: -2px !important;
  }
  .frst-timeline-style-3.frst-responsive-right .frst-timeline-img {
    margin-right: -21px !important;
  }
  .frst-timeline-style-3.frst-responsive-right .frst-labels span{
    left: auto !important;
    right: -35px !important;
    margin-left: 0 !important;
    margin-right: -39px !important;
  }
  .frst-timeline-style-3.frst-responsive-right .frst-timeline-content-inner::before{
    border-width: 20px 0 20px 40px !important;
    border-left-color: #D5DBDB !important;
    left: auto !important;
    right: -25px !important;
  }
  .frst-timeline-style-3.frst-responsive-right .frst-timeline-content-inner::after{
    border-width: 20px 0 20px 40px !important;
    border-left-color: #D5DBDB !important;
    right: -25px !important;
    left: auto !important;
  }


  /*turqoise*/
    .frst-timeline-style-3.frst-responsive-right .frst-timeline-content-inner.turqoise::before{
    border-left-color: #00A79D !important;
  }
    .frst-timeline-style-3.frst-responsive-right .frst-timeline-content-inner::after{
    border-left-color: #00A79D !important;
  }
  /*light-blue*/
    .frst-timeline-style-3.frst-responsive-right .frst-timeline-content-inner.light-blue::before{
    border-left-color: #27AAE2 !important;
  }
    .frst-timeline-style-3.frst-responsive-right .frst-timeline-content-inner.light-blue::after{
    border-left-color: #27AAE2 !important;
  }
  /*blue*/
    .frst-timeline-style-3.frst-responsive-right .frst-timeline-content-inner.blue::before{
    border-left-color: #1D75BD !important;
  }
    .frst-timeline-style-3.frst-responsive-right .frst-timeline-content-inner.blue::after{
    border-left-color: #1D75BD !important;
  }

  /*violette*/
    .frst-timeline-style-3.frst-responsive-right .frst-timeline-content-inner.violette::before{
    border-left-color: #2B3991 !important;
  }
    .frst-timeline-style-3.frst-responsive-right .frst-timeline-content-inner.violette::after{
    border-left-color: #2B3991 !important;
  }

  /*dark-violette*/
    .frst-timeline-style-3.frst-responsive-right .frst-timeline-content-inner.dark-violette::before{
    border-left-color: #272264 !important;
  }
    .frst-timeline-style-3.frst-responsive-right .frst-timeline-content-inner.dark-violette::after{
    border-left-color: #272264 !important;
  }

}


/*style4*/
/*-------- Type- 01 ------*/

.frst-timeline-style-4 {
    color: #000 !important;
}

.frst-timeline-style-4 .frst-timeline-block::before {
    width: 3px !important;
    background: #8E8F93 !important;
    margin-left: -2px !important;
    top: 36px !important;
}

.frst-timeline-style-4.frst-right-align .frst-timeline-block::before {
    margin-right: -2px !important;
}

.frst-timeline-style-4 .frst-timeline-block {
    padding-bottom: 30px !important;
    padding-left: 45px !important;
    padding-right: 45px !important;
}

.frst-timeline-style-4 .frst-timeline-img {
    padding: 0 !important;
    margin-left: -18px !important;
    top: 30px !important;
    /*--- Box shadow value --*/
    width: 36px !important;
    height: 36px !important;
    color: #fff !important;
    text-align: center !important;
    font-size: 24px !important;
}

.frst-timeline-style-4 .frst-timeline-content-inner p {
    color: #aeafab !important;
}

.frst-timeline-style-4 .frst-timeline-img span {
    box-shadow: 0 0 0 3px #fff !important;
    display: inline-block !important;
    margin: auto !important;
    padding: 6px !important;
    min-width: 8px !important;
    min-height: 8px !important;
    background: #f13d9e !important;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    vertical-align: top !important;
}

.frst-timeline-style-4 .frst-timeline-img i {
    display: block !important;
}

.frst-timeline-style-4.frst-right-align .frst-timeline-img {
    margin-right: -18px !important;
}

.frst-timeline-style-4 .frst-timeline-content {
    color: #777 !important;
}

.frst-timeline-style-4 .frst-date {
    font-weight: 800 !important;
    font-size: 18px !important;
    margin-bottom: 10px !important;
    color: #000 !important;
    line-height: 30px !important;
}

.frst-timeline-style-4 h2 {
    margin: 0 0 5px !important;
    font-weight: 800 !important;
    color: #000 !important;
    font-size: 16px !important;
    color: #767772 !important;
}

.frst-timeline-style-4 .frst-date-opposite.frst-timeline-style-4 h2 {}

.frst-timeline-style-4 p {
    margin: 0 !important;
}

.frst-timeline-style-4 .frst-labels span {
    position: relative !important;
    left: -47px !important;
    background: #e2e2e2 !important;
    color: #000 !important;
    font-weight: 800 !important;
    padding: 10px 20px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
}

.frst-timeline-style-4.frst-right-align .frst-labels span {
    left: auto !important;
    right: -47px
}

.content-alternate  .frst-timeline-style-4 .frst-odd-item .frst-timeline-content-inner .side-border,.content-right-align .frst-timeline-style-4 .frst-odd-item .frst-timeline-content-inner .side-border {
    width: 75% !important;
    background: #777777 !important;
    position: absolute !important;
    top: 34px !important;
    height: 2px !important;
    right: 89px !important;
}

.frst-timeline-style-4 .frst-odd-item .frst-timeline-content-inner {
    width: 70% !important;
    float: right !important;
}

.frst-timeline-style-4 .frst-odd-item .frst-timeline-content-inner h2 {
    text-align: left !important;
}

.frst-timeline-style-4 .frst-even-item .frst-timeline-content-inner {
    width: 70% !important;
    float: left !important;
}

.content-right-align .frst-timeline-style-4 .frst-even-item .frst-timeline-content-inner {
    float: right !important;
}

.content-left-align .frst-timeline-style-4 .frst-even-item .frst-timeline-content-inner,.content-left-align .frst-timeline-style-4 .frst-odd-item .frst-timeline-content-inner {
    float: left !important;
}

.content-alternate .frst-timeline-style-4 .frst-even-item .frst-timeline-content-inner h2 {
    text-align: left !important;
    position: relative !important;
    left: 28% !important;
}

.content-alternate .frst-timeline-style-4 .frst-even-item .frst-timeline-content-inner p {
    position: RELATIVE !important;
    right: -30px !important;
    width: 80% !important;
    float: right !important;
}

.content-right-align .frst-timeline-style-4 .frst-even-item .frst-timeline-content-inner h2 {
    text-align: left !important;
}

.frst-timeline-style-4 .frst-odd-item .frst-timeline-content-inner .side-border h2 {
    position: absolute !important;
    top: -30px !important;
    right: 40% !important;
    font-size: 22px !important;
    font-weight: 300 !important;
    color: #777777 !important;
}

.content-alternate .frst-timeline-style-4 .frst-even-item .frst-timeline-content-inner .side-border {
    width: 75% !important;
    background: #777777 !important;
    position: absolute !important;
    top: 34px !important;
    height: 2px !important;
    left: 89px !important;
}

.content-left-align .frst-timeline-style-4 .frst-even-item .frst-timeline-content-inner .side-border,.content-left-align .frst-timeline-style-4 .frst-odd-item .frst-timeline-content-inner .side-border {
    width: 75% !important;
    background: #777777 !important;
    position: absolute !important;
    top: 34px !important;
    height: 2px !important;
    left: 89px !important;
}

.content-left-align .frst-timeline-style-4 .frst-even-item .frst-timeline-content-inner .side-border:before,.content-left-align .frst-timeline-style-4 .frst-odd-item .frst-timeline-content-inner .side-border:before {
    content: "" !important;
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 12px solid transparent !important;
    border-bottom: 0px solid transparent !important;
    border-right: 12px solid #727272 !important;
    position: absolute !important;
    top: -11px !important;
    right: -1px !important;
}

.frst-timeline-style-4 .frst-even-item .frst-timeline-content-inner .side-border:before {
    content: "" !important;
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 12px solid transparent !important;
    border-bottom: 0px solid transparent !important;
    border-right: 12px solid #727272 !important;
    position: absolute !important;
    top: -11px !important;
    right: -1px !important;
}

.frst-timeline-style-4 .frst-even-item .frst-timeline-content-inner .side-border h2 {
    position: absolute !important;
    top: -30px !important;
    left: 40% !important;
    font-size: 22px !important;
    font-weight: 300 !important;
    color: #777777 !important;
}

.frst-timeline-style-4 .frst-odd-item .frst-timeline-content-inner .icon-section {
    font-size: 1.5em !important;
    border: 4px solid #777777 !important;
    border-radius: 50% !important;
    width: 70px !important;
    height: 70px !important;
    position: relative !important;
    margin: 0 auto !important;
    text-align: center !important;
    margin-right: 20px !important;
}

.frst-timeline-style-4 .frst-even-item .frst-timeline-content-inner .icon-section {
    font-size: 1.5em !important;
    border: 4px solid #777777 !important;
    border-radius: 50% !important;
    width: 70px !important;
    height: 70px !important;
    position: relative !important;
    margin: 0 auto !important;
    text-align: center !important;
    margin-left: 20px !important;
}

.content-right-align .frst-timeline-style-4 .frst-timeline-content-inner .icon-section {
    font-size: 1.5em !important;
    border: 4px solid #777777 !important;
    border-radius: 50% !important;
    width: 70px !important;
    height: 70px !important;
    position: relative !important;
    margin: 0 auto !important;
    text-align: center !important;
    margin-right: 20px !important;
}

.content-left-align .frst-timeline-style-4 .frst-timeline-content-inner .icon-section {
    font-size: 1.5em !important;
    border: 4px solid #777777 !important;
    border-radius: 50% !important;
    width: 70px !important;
    height: 70px !important;
    position: relative !important;
    margin: 0 auto !important;
    text-align: center !important;
    margin-left: 20px !important;
}

.content-alternate .frst-timeline-style-4 .frst-even-item .frst-timeline-content-inner .icon-section::before {
    content: "" !important;
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 7px solid transparent !important;
    border-bottom: 7px solid transparent !important;
    border-left: 17px solid #727272 !important;
    position: absolute !important;
    top: 24px !important;
    left: -19px !important;
    transform: rotate(180deg) !important;
}

.content-alternate .frst-timeline-style-4 .frst-even-item .frst-timeline-content-inner .icon-section::after {
    content: "" !important;
    display: block !important;
    height: 5px !important;
    border-top: 2px solid #8E8F93 !important;
    width: 40px !important;
    position: absolute !important;
    top: 30px !important;
    left: -58px !important;
}

.content-alternate .frst-timeline-style-4 .frst-odd-item .frst-timeline-content-inner .icon-section::before {
    content: "" !important;
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 7px solid transparent !important;
    border-bottom: 7px solid transparent !important;
    border-left: 17px solid #727272 !important;
    position: absolute !important;
    top: 25px !important;
    left: 64px !important;
}

.content-alternate .frst-timeline-style-4 .frst-odd-item .frst-timeline-content-inner .icon-section::after {
    content: "" !important;
    display: block !important;
    height: 5px !important;
    border-top: 2px solid #8E8F93 !important;
    width: 40px !important;
    position: absolute !important;
    top: 31px !important;
    left: 80px !important;
}

.content-right-align .frst-timeline-style-4 .frst-timeline-content-inner .icon-section::before {
    content: "" !important;
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 7px solid transparent !important;
    border-bottom: 7px solid transparent !important;
    border-left: 17px solid #727272 !important;
    position: absolute !important;
    top: 25px !important;
    left: 64px !important;
}

.content-right-align .frst-timeline-style-4 .frst-timeline-content-inner .icon-section::after {
    content: "" !important;
    display: block !important;
    height: 5px !important;
    border-top: 2px solid #8E8F91 !important;
    width: 40px !important;
    position: absolute !important;
    top: 31px !important;
    left: 79px !important;
}

.content-right-align .frst-timeline-style-4 .frst-even-item .frst-timeline-content-inner .side-border {
    width: 75% !important;
    background: #777777 !important;
    position: absolute !important;
    top: 34px !important;
    height: 2px !important;
    right: 89px !important;
}

.content-right-align .frst-timeline-style-4 .frst-even-item .frst-timeline-content-inner .side-border::before, .content-right-align .frst-timeline-style-4 .frst-odd-item .frst-timeline-content-inner .side-border:before {
    content: "" !important;
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 12px solid transparent !important;
    border-bottom: 0px solid transparent !important;
    border-right: 12px solid #727272 !important;
    position: absolute !important;
    top: -11px !important;
    left: -1px !important;
    transform: rotate(90deg) !important;
}

.content-right-align .frst-timeline-style-4 .frst-even-item .frst-timeline-content-inner .icon-section:after {
    content: "" !important;
    display: block !important;
    height: 5px !important;
    border-top: 2px solid #8E8F91 !important;
    width: 40px !important;
    position: absolute !important;
    top: 31px !important;
    left: 79px !important;
}

.content-left-align .frst-timeline-style-4 .frst-timeline-content-inner .icon-section::before {
    content: "" !important;
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 7px solid transparent !important;
    border-bottom: 7px solid transparent !important;
    border-left: 17px solid #727272 !important;
    position: absolute !important;
    top: 24px !important;
    left: -19px !important;
    transform: rotate(180deg) !important;
}

.content-left-align .frst-timeline-style-4 .frst-timeline-content-inner .icon-section::after {
    content: "" !important;
    display: block !important;
    height: 5px !important;
    border-top: 2px solid #8E8F91 !important;
    width: 40px !important;
    position: absolute !important;
    top: 30px !important;
    left: -58px !important;
}

.frst-timeline-style-4 .frst-timeline-content-inner .icon-section i {
    position: relative !important;
    top: 10px !important;
    font-size: 2em !important;
}


/*color-schemes*/

.aqua-blue .frst-timeline-img span {
    background: #fff !important;
    box-shadow: 0 0 0 3px #36ACB6 !important;
}

.aqua-blue .frst-timeline-content-inner .icon-section {
    border: 4px solid #36ACB6 !important !important;
    color: #36ACB6 !important;
}

.aqua-blue .frst-timeline-content-inner .icon-section:before {
    border-left: 17px solid #36ACB6 !important !important;
}

.aqua-blue .frst-timeline-content-inner .side-border {
    background: #36ACB6 !important !important;
}

.aqua-blue .frst-timeline-content-inner .side-border h2 {
    color: #36ACB6 !important;
}

.aqua-blue .frst-timeline-content-inner .side-border:before {
    border-right: 12px solid #36ACB6 !important !important;
}


/*red*/

.red .frst-timeline-img span {
    background: #fff !important;
    box-shadow: 0 0 0 3px #C84028 !important;
}

.red .frst-timeline-content-inner .icon-section {
    border: 4px solid #C84028 !important !important;
    color: #C84028 !important;
}

.red .frst-timeline-content-inner .icon-section:before {
    border-left: 17px solid #C84028 !important !important;
}

.red .frst-timeline-content-inner .side-border {
    background: #C84028 !important !important;
}

.red .frst-timeline-content-inner .side-border h2 {
    color: #C84028 !important;
}

.red .frst-timeline-content-inner .side-border:before {
    border-right: 12px solid #C84028 !important !important;
}


/*orange*/

.orange .frst-timeline-img span {
    background: #fff !important;
    box-shadow: 0 0 0 3px #EB8D23 !important;
}

.orange .frst-timeline-content-inner .icon-section {
    border: 4px solid #EB8D23 !important !important;
    color: #EB8D23 !important;
}

.orange .frst-timeline-content-inner .icon-section:before {
    border-left: 17px solid #EB8D23 !important !important;
}

.orange .frst-timeline-content-inner .side-border {
    background: #EB8D23 !important !important;
}

.orange .frst-timeline-content-inner .side-border h2 {
    color: #EB8D23 !important;
}

.orange .frst-timeline-content-inner .side-border:before {
    border-right: 12px solid #EB8D23 !important !important;
}


/*light-green*/

.light-green .frst-timeline-img span {
    background: #fff !important;
    box-shadow: 0 0 0 3px #C2C84A !important;
}

.light-green .frst-timeline-content-inner .icon-section {
    border: 4px solid #C2C84A !important !important;
    color: #C2C84A !important;
}

.light-green .frst-timeline-content-inner .icon-section:before {
    border-left: 17px solid #C2C84A !important !important;
}

.light-green .frst-timeline-content-inner .side-border {
    background: #C2C84A !important !important;
}

.light-green .frst-timeline-content-inner .side-border h2 {
    color: #C2C84A !important;
}

.light-green .frst-timeline-content-inner .side-border:before {
    border-right: 12px solid #C2C84A !important !important;
}


/*---------- Responsive part ------------*/

@media(min-width:679px) and (max-width:967px) {
   .content-alternate .frst-timeline-style-4 .frst-odd-item .frst-timeline-content-inner,.content-alternate .frst-timeline-style-4 .frst-even-item .frst-timeline-content-inner {
        width: 100% !important;
    }
}

@media only screen and (min-width:679px) {
   .frst-timeline-style-4 .frst-date-opposite {
        margin-left: 203px;
    }
   .frst-left-align.frst-date-opposite .frst-timeline-style-4 {
        margin-left: 203px;
    }
   .frst-right-align.frst-date-opposite .frst-timeline-style-4{
        margin-right: 203px !important;
        margin-left: 0 !important;
    }
    .frst-timeline-style-4.frst-alternate .frst-timeline-content, .frst-timeline-style-4.frst-date-opposite .frst-timeline-content {
        width: calc(50% - 44px) !important;
    }
    .frst-date-opposite .frst-timeline-style-4 .frst-date {
        left: -248px !important;
        line-height: 39px !important;
        width: 160px !important;
    }
    .frst-date-opposite.frst-right-align .frst-timeline-style-4 .frst-date, .frst-timeline-style-4.frst-date-opposite.frst-alternate .frst-timeline-block.frst-odd-item .frst-date {
        right: -248px !important;
        left: auto !important;
        text-align: left !important;
    }
   .content-alternate .frst-timeline-style-4 .frst-odd-item .frst-timeline-content-inner .side-border:before, .content-right-align .frst-timeline-style-4 .frst-odd-item .frst-timeline-content-inner .side-border:before {
        content: "" !important;
        display: block !important;
        width: 0 !important;
        height: 0 !important;
        border-top: 12px solid transparent !important;
        border-bottom: 0px solid transparent !important;
        border-right: 12px solid #727272 !important;
        position: absolute !important;
        top: -11px !important;
        left: -1px !important;
        transform: rotate(90deg) !important;
    }
   .frst-timeline-style-4 .frst-odd-item .frst-timeline-content-inner p {
        position: RELATIVE !important;
        left: 0px !important;
        text-align: left !important;
        width: 80% !important;
    }
   .content-left-align .frst-timeline-style-4 .frst-odd-item .frst-timeline-content-inner h2,.content-left-align .frst-timeline-style-4 .frst-even-item .frst-timeline-content-inner h2 {
        text-align: right !important;
    }
   .content-left-align .frst-timeline-style-4 .frst-odd-item .frst-timeline-content-inner p,.content-left-align .frst-timeline-style-4 .frst-even-item .frst-timeline-content-inner p {
        text-align: left !important;
        right: -35px !important;
        float: right !important;
        position: RELATIVE !important;
        left: unset !important;
        width: 80% !important;
    }
   .content-right-align .frst-timeline-style-4 .frst-even-item .frst-timeline-content-inner p {
        position: RELATIVE !important;
        left: 0px !important;
        text-align: left !important;
        width: 80% !important;
    }
}

@media only screen and (max-width:678px) {
    .frst-timeline-style-4.frst-responsive-right .frst-timeline-block::before {
        margin-right: -3px !important;
    }
    .frst-timeline-style-4.frst-responsive-right .frst-timeline-img {
        margin-right: -18px !important;
    }
    .frst-timeline-style-4.frst-responsive-right .frst-labels span {
        left: auto !important;
        right: -47px
    }
    .content-alternate .frst-timeline-style-4 .frst-odd-item .frst-timeline-content-inner .side-border {
        width: 75% !important;
        background: #777777 !important;
        position: absolute !important;
        top: 34px !important;
        height: 2px !important;
        left: 89px !important;
    }
   .content-alternate .frst-timeline-style-4 .frst-odd-item .frst-timeline-content-inner {
        width: 70% !important;
        float: left !important;
    }
   .content-alternate .frst-timeline-style-4 .frst-odd-item .frst-timeline-content-inner h2 {
        text-align: left !important;
        position: relative !important;
        left: 28% !important;
    }
   .content-alternate .frst-timeline-style-4 .frst-odd-item .frst-timeline-content-inner p {
        position: RELATIVE !important;
        right: -30px !important;
        width: 80% !important;
        float: right !important;
    }
  .content-right-align .frst-timeline-style-4 .frst-odd-item .frst-timeline-content-inner p,.content-right-align .frst-timeline-style-4 .frst-even-item .frst-timeline-content-inner p {
        position: RELATIVE !important;
        left: -10px !important;
        width: 80% !important;
        float: left !important;
        text-align: left !important;
    }
    .content-right-align .frst-timeline-style-4 .frst-odd-item .frst-timeline-content-inner .icon-section h2 h2, .content-right-align .frst-timeline-style-4 .frst-even-item .frst-timeline-content-inner .icon-section h2 {
        text-align: left !important;
        position: relative !important;
        left: -4% !important;
    }
    .content-left-align .frst-timeline-style-4 .frst-odd-item .frst-timeline-content-inner h2,.content-left-align .frst-timeline-style-4 .frst-even-item .frst-timeline-content-inner h2 {
        text-align: right !important;
    }
   .content-left-align .frst-timeline-style-4 .frst-odd-item .frst-timeline-content-inner p,.content-left-align .frst-timeline-style-4 .frst-even-item .frst-timeline-content-inner p {
        text-align: left !important;
        right: -35px !important;
        float: right !important;
        position: RELATIVE !important;
        left: unset !important;
        width: 80% !important;
    }
   .content-alternate .frst-timeline-style-4 .frst-odd-item .frst-timeline-content-inner .side-border:before {
        content: "" !important;
        display: block !important;
        width: 0 !important;
        height: 0 !important;
        border-top: 12px solid transparent !important;
        border-bottom: 0px solid transparent !important;
        border-right: 12px solid #727272 !important;
        position: absolute !important;
        top: -11px !important;
        right: -1px !important;
    }
  .frst-timeline-style-4  .frst-odd-item .frst-timeline-content-inner .side-border h2 {
        position: absolute !important;
        top: -30px !important;
        left: 40% !important;
        font-size: 22px !important;
        font-weight: 300 !important;
        color: #777777 !important;
    }
  .content-alternate .frst-timeline-style-4 .frst-odd-item .frst-timeline-content-inner .icon-section {
        font-size: 1.5em !important;
        border: 4px solid #777777 !important;
        border-radius: 50% !important;
        width: 70px !important;
        height: 70px !important;
        position: relative !important;
        margin: 0 auto !important;
        text-align: center !important;
        margin-left: 20px !important;
    }
   .content-alternate .frst-timeline-style-4 .frst-odd-item .frst-timeline-content-inner .icon-section::before {
        content: "" !important;    
        display: block !important;
        width: 0 !important;
        height: 0 !important;
        border-top: 7px solid transparent !important;
        border-bottom: 7px solid transparent !important;
        border-left: 17px solid #727272 !important;
        position: absolute !important;
        top: 24px !important;
        left: -19px !important;
        transform: rotate(180deg) !important;
    }
   .content-alternate .frst-timeline-style-4 .frst-odd-item .frst-timeline-content-inner .icon-section::after {
        content: "" !important;
        display: block !important;
        height: 5px !important;
        border-top: 2px solid #8E8F93 !important;
        width: 40px !important;
        position: absolute !important;
        top: 30px !important;
        left: -58px !important;
    }
}



/*style5*/
/*-------- Type- 01 ------*/

.frst-timeline-style-5 .frst-carousel {
    margin: 120px auto !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    display: block !important;
}

.frst-timeline-style-5 {
    color: #000 !important;
    overflow: hidden !important;
    /*min-width: 4000px !important;*/
    max-height: 500px !important;
    cursor: -webkit-grab !important;
}

.frst-timeline-style-5 .frst-timeline-block {
    padding-bottom: 30px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
    width: 235px !important;
    float: left !important;
    display: inline-block !important;
}

.frst-timeline-style-5 .frst-timeline-block .timeline-step {
    width: 100% !important;
    overflow: hidden !important;
    height: 100px !important;
}

.frst-timeline-block .frst-timeline-content .frst-timeline-content-inner p.date {
    top: 10px !important;
    position: relative !important;
    color: #1d75bd !important;
}

.frst-timeline-style-5 .frst-timeline-img {
    padding: 0 !important;
    margin-left: -21px !important;
    width: 42px !important;
    height: 42px !important;
    color: #000 !important;
    background: rgba(255, 255, 255, 0.18) !important;
    text-align: center !important;
    font-size: 24px !important;
    left: 50% !important;
    border: 2px solid rgba(255, 255, 255, 0.35) !important;
    border-radius: 50% !important;
}

.frst-timeline-style-5 .frst-timeline-block:not(:nth-child(1)) .frst-timeline-img {
    margin-left: -30px !important;
}

.frst-timeline-style-5 .frst-timeline-block:nth-child(1) {
    width: 15px !important;
}

.frst-timeline-style-5 .frst-timeline-block:nth-child(1) .frst-timeline-img {
    left: 0 !important !important;
    margin-left: -10px !important;
    border: none !important;
    background: transparent !important;
}

.frst-timeline-style-5 .frst-timeline-block:nth-child(1) .frst-timeline-img span {
    background: #bdbcbc !important;
    border: 1px solid #bdbcbc !important;
    box-shadow: 0 0 0 0 #fff !important;
    display: inline-block !important;
    margin: auto !important;
    padding: 6px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    position: relative !important;
    top: 8px !important;
}

.frst-timeline-style-5 .frst-timeline-block:not(:nth-child(1)) .frst-timeline-img span {
    box-shadow: 0 0 0 0 #fff !important;
    display: inline-block !important;
    margin: auto !important;
    padding: 6px !important;
    min-width: 21px !important;
    min-height: 21px !important;
    background: #e4443a !important;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    position: relative !important;
    top: 8px !important;
}

.frst-timeline-style-5 .frst-timeline-block:not(:nth-child(1)) .frst-timeline-img span:before {
    content: " " !important;
    position: absolute !important;
    border-top: 3px solid #bdbcbc !important;
    width: 520% !important;
    top: 9px !important;
    left: -109px !important;
}

.frst-timeline-style-5 .frst-timeline-block:not(:nth-child(1)) .frst-timeline-img span:after {
    content: " " !important;
    position: absolute !important;
    border-top: 3px solid #bdbcbc !important;
    width: 525% !important;
    top: 9px !important;
    left: 21px !important;
}


/*last-child*/

.frst-timeline-style-5 .frst-timeline-block:last-child {
    width: 15px !important;
}

.frst-timeline-style-5 .frst-timeline-block:last-child .frst-timeline-img {
    left: 0 !important !important;
    border: none !important;
    background: transparent !important;
}

.frst-timeline-style-5 .frst-timeline-block:last-child .frst-timeline-img span {
    background: #bdbcbc !important;
    border: 1px solid #bdbcbc !important;
    box-shadow: 0 0 0 0 #fff !important;
    display: inline-block !important;
    margin: auto !important;
    padding: 6px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    position: relative !important;
    top: 8px !important;
}

.frst-timeline-style-5 .frst-timeline-block:last-child .frst-timeline-img span:before {
    border: none !important;
}

.frst-timeline-style-5 .frst-timeline-block:last-child .frst-timeline-img span::after {
    border: none !important;
}


/*end last-child*/

.frst-timeline-style-5 .frst-timeline-img i {
    display: block !important;
}

.frst-timeline-style-5.frst-right-align .frst-timeline-img {
    margin-right: -21px !important;
}

.frst-timeline-style-5 .frst-timeline-content {
    color: #777 !important;
    background: #F2F2CC !important;
    margin-top: 60px !important;
    min-height: 200px !important;
    padding: 20px !important;
    text-align: center !important;
    -webkit-border-bottom-right-radius: 60px 60px !important;
    -moz-border-radius-bottomright: 60px 60px !important;
    border-bottom-right-radius: 60px 60px !important;
    -webkit-box-shadow: 4px 6px 15px rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 4px 6px 15px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 4px 6px 15px rgba(0, 0, 0, 0.2) !important;
}

.frst-timeline-style-5 .frst-timeline-content:before {
    content: " " !important;
    width: 25px !important;
    height: 24px !important;
    position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
    -webkit-border-bottom-right-radius: 30px !important;
    -moz-border-radius-bottomright: 30px !important;
    border-bottom-right-radius: 30px !important;
    -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3) !important;
    -moz-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3) !important;
    box-shadow: -2px -2px 5px #ababab !important;
    -webkit-transform: rotate(-20deg) skew(-40deg, -3deg) translate(-13px, -13px) !important;
    -moz-transform: rotate(-20deg) skew(-40deg, -3deg) translate(-13px, -13px) !important;
    -o-transform: rotate(-20deg) skew(-40deg, -3deg) translate(-13px, -13px) !important;
    transform: rotate(-20deg) skew(-40deg, -3deg) translate(-13px, -13px) !important;
}

.frst-timeline-style-5 .frst-timeline-content .content-step {
    position: relative !important;
    width: 24px !important;
    height: 34px !important;
    left: calc(50% - 9px) !important;
    background: rgba(234, 233, 153, 0.52) !important;
    top: -40px !important;
}

.frst-timeline-style-5 .frst-timeline-content .content-step span {
    position: absolute !important;
    content: " " !important;
    width: 14px !important;
    height: 14px !important;
    background: rgba(189, 188, 188, 0.82) !important;
    border-radius: 50% !important;
    top: 4px !important;
    left: 5px !important;
}

.frst-timeline-style-5 .frst-timeline-content .content-step span::before {
    content: " " !important;
    position: absolute !important;
    top: -112px !important;
    left: 6px !important;
    background: #bdbcbc !important;
    width: 3px !important;
    height: 115px !important;
}

.frst-timeline-style-5 .frst-timeline-content .frst-timeline-content-inner i {
    margin: 0 auto !important;
    position: relative !important;
    font-size: 6em !important;
    top: -13px !important;
    color: rgba(139, 136, 119, 0.72) !important;
    -webkit-text-stroke: 3px #f2f2cc !important;
}

.frst-timeline-style-5 .frst-date {
    font-weight: 800 !important;
    font-size: 18px !important;
    margin-bottom: 10px !important;
    color: #000 !important;
    line-height: 30px !important;
}

.frst-timeline-style-5 h2 {
    margin: 0 0 5px !important;
    font-weight: 200 !important;
    color: #1D75BD !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    text-align: left !important;
}

.frst-date-opposite.frst-timeline-style-5 h2 {}

.frst-timeline-style-5 p {
    margin: 0 !important;
    font-weight: 100 !important;
    font-size: 13px !important;
    text-align: left !important;
}

.frst-timeline-style-5 .frst-timeline-label-block {
    padding-top: 0 !important;
}

.frst-timeline-style-5 .frst-labels span {
    position: relative !important;
    left: -45px !important;
    width: 78px !important;
    height: 78px !important;
    background: #3d5bf1 !important;
    color: #fff !important;
    font-weight: 800 !important;
    padding: 23px 10px !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    text-transform: uppercase !important;
    text-align: center !important;
    font-size: 14px !important;
    margin-left: -39px !important;
}

.frst-timeline-style-5.frst-right-align .frst-labels span {
    left: auto !important;
    right: -45px !important;
    margin-right: -39px !important;
    margin-left: 0 !important;
}


/*---------- Responsive part ------------*/

@media only screen and (min-width:679px) {
    .frst-date-opposite {
        margin-left: 203px;
    }
    .frst-left-align.frst-date-opposite {
        margin-left: 203px;
    }
    .frst-right-align.frst-date-opposite {
        margin-right: 203px !important;
        margin-left: 0 !important;
    }
    .frst-timeline-style-5.frst-alternate .frst-timeline-content, .frst-timeline-style-5.frst-date-opposite .frst-timeline-content {
        width: calc(100% - 25px) !important;
    }
    .frst-timeline-style-5.frst-date-opposite .frst-date {
        left: -248px !important;
        line-height: 42px !important;
        width: 160px !important;
    }
    .frst-timeline-style-5.frst-date-opposite.frst-right-align .frst-date, .frst-timeline-style-4.frst-date-opposite.frst-alternate .frst-timeline-block.frst-odd-item .frst-date {
        right: -248px !important;
        left: auto !important;
        text-align: left !important;
    }
    .frst-timeline-style-5.frst-alternate .frst-labels span {
        margin: 0 !important;
    }
}

@media only screen and (max-width:678px) {
    .frst-timeline-style-5.frst-responsive-right .frst-timeline-block::before {
        margin-right: -2px !important;
    }
    .frst-timeline-style-5.frst-alternate .frst-timeline-content, .frst-timeline-style-5.frst-date-opposite .frst-timeline-content {
        width: calc(100% - 25px) !important;
    }
    .frst-timeline-style-5.frst-responsive-right .frst-timeline-img {
        margin-right: -21px !important;
    }
    .frst-timeline-style-5.frst-responsive-right .frst-labels span {
        left: auto !important;
        right: -45px !important;
        margin-right: -39px !important;
        margin-left: 0 !important;
    }
}



/*style6*/
/*-------- Type- 01 ------*/

.frst-timeline-style-6 {
    padding: 0 45px !important;
    color: #000 !important;
}

.frst-timeline-style-6 .frst-timeline-block::before {
    width: 4px !important;
    background: rgba(0, 0, 0, 0) !important;
    margin-left: -2px !important;
    background-image: linear-gradient(#F5D6AA 80%, rgba(255, 255, 255, 0) 0%) !important;
    background-position: right !important;
    background-size: 4px 8px !important;
    background-repeat: repeat-y !important;
}

.frst-timeline-style-6.frst-right-align .frst-timeline-block::before {
    margin-right: -2px !important;
}

.frst-timeline-block {
    padding-bottom: 50px !important;
}

.frst-alternate.frst-timeline-style-6 .frst-odd-item .frst-timeline-img {
    padding: 0 !important;
    margin-left: -28px !important;
    top: 0px !important;
    width: 58px !important;
    height: 58px !important;
    color: #fff !important;
    text-align: center !important;
    font-size: 24px !important;
}

.frst-right-align.frst-timeline-style-6 .frst-timeline-img {
    padding: 0 !important;
    margin-left: -28px !important;
    top: 0px !important;
    width: 58px !important;
    height: 58px !important;
    color: #fff !important;
    text-align: center !important;
    font-size: 24px !important;
}

.frst-right-align.frst-timeline-style-6 .frst-timeline-img i {
    transform: rotate(45deg) !important;
}

.frst-alternate.frst-timeline-style-6 .frst-odd-item .frst-timeline-img i {
    transform: rotate(45deg) !important;
}

.frst-alternate.frst-timeline-style-6 .frst-even-item .frst-timeline-img {
    padding: 0 !important;
    margin-left: -28px !important;
    top: 0px !important;
    width: 58px !important;
    height: 58px !important;
    color: #fff !important;
    text-align: center !important;
    font-size: 24px !important;
    transform: rotate(180deg) !important;
}

.frst-left-align.frst-timeline-style-6 .frst-timeline-img {
    padding: 0 !important;
    margin-left: -28px !important;
    top: 0px !important;
    width: 58px !important;
    height: 58px !important;
    color: #fff !important;
    text-align: center !important;
    font-size: 24px !important;
    transform: rotate(180deg) !important;
}

.frst-timeline-style-6 .frst-timeline-img span {
    position: relative !important;
    display: block !important;
    background: #3F3F47 !important;
    width: 58px !important;
    height: 58px !important;
    border: 4px solid #F5D6AA !important;
    border-radius: 0 50% 50% 50% !important;
    transform: rotate(-45deg) !important;
}


/*.frst-timeline-style-6 .frst-timeline-img span::after, .frst-timeline-style-6 .frst-timeline-img span::before {
    content: "" !important;
    position: absolute !important;
    width: 0 !important;
    left: 0 !important;
    border-left: 21px solid transparent !important;
    border-right: 21px solid transparent !important;
}

.frst-timeline-style-6 .frst-timeline-img span:before {
    bottom: 100% !important;
    border-bottom: 12.12px solid #f13d9e !important;
}

.frst-timeline-style-6 .frst-timeline-img span:after {
    top: 100% !important;
    width: 0 !important;
    border-top: 12.12px solid #f13d9e !important;
}*/

.frst-timeline-style-6 .frst-timeline-img i {
    display: block !important;
    line-height: 23px !important;
    transform: rotate(-135deg) !important;
    font-size: 1.4em !important;
    position: relative !important;
    top: 14px !important;
    /*-webkit-text-stroke: 2px #3f3f47 !important;*/
}

.frst-timeline-style-6.frst-right-align .frst-timeline-img {
    margin-right: -31px !important;
}

.frst-timeline-style-6 .frst-timeline-content {
    color: #777 !important;
}

.frst-alternate.frst-timeline-style-6 .frst-odd-item .frst-timeline-content .frst-timeline-content-inner {
    margin-right: 10px !important;
}

.frst-alternate.frst-timeline-style-6 .frst-even-item .frst-timeline-content .frst-timeline-content-inner {
    margin-left: 10px !important;
}

.frst-right-align.frst-timeline-style-6 .frst-timeline-content .frst-timeline-content-inner {
    margin-right: 10px !important;
}

.frst-left-align.frst-timeline-style-6 .frst-timeline-content .frst-timeline-content-inner {
    margin-left: 10px !important;
}

.frst-timeline-style-6 .frst-date {
    font-weight: 800 !important;
    font-size: 18px !important;
    margin-bottom: 10px !important;
    color: #000 !important;
    line-height: 30px !important;
}

.frst-timeline-style-6 h2 {
    margin: 0 0 5px !important;
    font-weight: 800 !important;
    color: #f5d6aa !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
}

.frst-date-opposite.frst-timeline-style-6 h2 {}

.frst-timeline-style-6 p {
    margin: 0 !important;
    font-size: 13px !important;
    color: #bdbcbc !important;
}

.frst-timeline-style-6 .frst-labels span {
    position: relative !important;
    left: -35px !important;
    width: 78px !important;
    height: 78px !important;
    background: #f13d9e !important;
    color: #fff !important;
    font-weight: 800 !important;
    padding: 23px 10px !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    text-transform: uppercase !important;
    text-align: center !important;
    font-size: 14px !important;
    margin-left: -39px !important;
}

.frst-timeline-style-6.frst-right-align .frst-labels span {
    left: auto !important;
    right: -35px !important;
    margin-right: -39px !important;
    margin-left: 0 !important;
}


/*---------- Responsive part ------------*/

@media only screen and (min-width:679px) {
    .frst-date-opposite {
        margin-left: 203px;
    }
    .frst-left-align.frst-date-opposite {
        margin-left: 203px;
    }
    .frst-right-align.frst-date-opposite {
        margin-right: 203px !important;
        margin-left: 0 !important;
    }
    .frst-timeline-style-6.frst-alternate .frst-timeline-content, .frst-timeline-style-6.frst-date-opposite .frst-timeline-content {
        width: calc(50% - 44px) !important;
    }
    .frst-timeline-style-6.frst-date-opposite .frst-date {
        left: -248px !important;
        line-height: 32px !important;
        width: 160px !important;
    }
    .frst-timeline-style-6.frst-date-opposite.frst-right-align .frst-date, .frst-timeline-style-6.frst-date-opposite.frst-alternate .frst-timeline-block.frst-odd-item .frst-date {
        right: -248px !important;
        left: auto !important;
        text-align: left !important;
    }
    .frst-timeline-style-6.frst-alternate .frst-labels span {
        margin: 0
    }
}

@media only screen and (max-width:678px) {
    .frst-timeline-style-6.frst-responsive-right .frst-timeline-block::before {
        margin-right: -2px !important;
    }
    .frst-timeline-style-6.frst-responsive-right .frst-timeline-img {
        margin-right: -21px !important;
    }
    .frst-timeline-style-6.frst-responsive-right .frst-labels span {
        left: auto !important;
        right: -35px !important;
        margin-right: -39px !important;
        margin-left: 0 !important;
    }
    .frst-alternate.frst-timeline-style-6 .frst-timeline-img {
        padding: 0 !important;
        margin-left: -28px !important;
        top: 0px !important;
        width: 58px !important;
        height: 58px !important;
        color: #fff !important;
        text-align: center !important;
        font-size: 24px !important;
        transform: rotate(180deg) !important;
    }
    .frst-alternate.frst-timeline-style-6 .frst-timeline-content .frst-timeline-content-inner {
        margin-left: 15px !important;
    }
}


/*style7*/
/*-------- Type- 01 ------*/

.frst-timeline-style-7 {
    color: #000 !important;
}

.frst-timeline-style-7 .frst-timeline-block::before {
    width: 3px !important;
    background: rgba(0, 0, 0, 0) !important;
    margin-left: -2px !important;
    background: #27aae2 !important;
}

.frst-timeline-style-7.frst-right-align .frst-timeline-block::before {
    margin-right: -2px !important;
}

.frst-timeline-block {
    padding-bottom: 50px !important;
    padding-left: 45px !important;
    padding-right: 45px !important;
}

.frst-timeline-style-7 .frst-timeline-img {
    padding: 0 !important;
    margin-left: -21px !important;
    top: 0px !important;
    /*--- Box shadow value --*/
    width: 42px !important;
    height: 42px !important;
    color: #fff !important;
    text-align: center !important;
    font-size: 24px !important;
}

.frst-timeline-style-7 .frst-timeline-img span {
    display: inline-block !important;
    margin: auto !important;
    padding: 6px !important;
    min-height: 16px !important;
    min-width: 16px !important;
    background: #27aae2 !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    vertical-align: top !important;
}

.frst-timeline-style-7 .frst-timeline-img i {
    display: block !important;
}

.frst-timeline-style-7.frst-right-align .frst-timeline-img {
    margin-right: -21px !important;
}

.frst-timeline-style-7 .frst-timeline-content {
    color: #777 !important;
    padding-bottom: 20px !important;
    border-bottom: 2px solid rgb(39, 170, 226) !important;
}

.frst-timeline-style-7 .frst-date {
    color: #9c9c9c !important;
}

.frst-timeline-style-7 h2 {
    margin: 0 0 5px !important;
    font-weight: 800 !important;
    color: #000 !important;
    font-size: 16px !important;
}

.frst-date-opposite.frst-timeline-style-7 h2 {}

.frst-timeline-style-7 p {
    margin: 0 !important;
}

.frst-timeline-style-7 .frst-labels span {
    position: relative !important;
    left: -35px !important;
    width: 78px !important;
    height: 78px !important;
    background: #f13d9e !important;
    color: #fff !important;
    font-weight: 800 !important;
    padding: 23px 10px !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    text-transform: uppercase !important;
    text-align: center !important;
    font-size: 14px !important;
    margin-left: -39px !important;
}

.frst-timeline-style-7.frst-right-align .frst-labels span {
    left: auto !important;
    right: -47px !important;
    margin-right: -39px !important;
    margin-left: 0 !important;
}


/*---------- Responsive part ------------*/

@media only screen and (min-width:679px) {
    .frst-date-opposite {
        margin-left: 203px;
    }
    .frst-left-align.frst-date-opposite {
        margin-left: 203px;
    }
    .frst-right-align.frst-date-opposite {
        margin-right: 203px !important;
        margin-left: 0 !important;
    }
    .frst-timeline-style-7.frst-alternate .frst-timeline-content, .frst-timeline-style-7.frst-date-opposite .frst-timeline-content {
        width: calc(50% - 44px) !important;
    }
    .frst-timeline-style-7.frst-date-opposite .frst-date {
        left: -248px !important;
        line-height: 20px !important;
        width: 160px !important;
    }
    .frst-timeline-style-7.frst-date-opposite.frst-right-align .frst-date, .frst-timeline-style-7.frst-date-opposite.frst-alternate .frst-timeline-block.frst-odd-item .frst-date {
        right: -248px !important;
        left: auto !important;
        text-align: left !important;
    }
    .frst-timeline-style-7 .frst-timeline-content-inner {
        padding-left: 110px !important;
        position: relative !important;
    }
    .frst-timeline-style-7.frst-right-align .frst-timeline-content-inner, .frst-timeline-style-7.frst-alternate .frst-timeline-block.frst-odd-item .frst-timeline-content-inner {
        padding-left: 0 !important;
        padding-right: 110px !important;
    }
    .frst-timeline-style-7.frst-date-opposite .frst-timeline-content-inner, .frst-timeline-style-7.frst-date-opposite .frst-timeline-block.frst-odd-item .frst-timeline-content-inner {
        padding: 0 !important;
    }
    .frst-timeline-style-7 .frst-date {
        position: absolute !important;
        left: 0 !important;
        width: 80px !important;
    }
    .frst-timeline-style-7.frst-right-align .frst-date, .frst-timeline-style-7.frst-alternate .frst-timeline-block.frst-odd-item .frst-date {
        left: auto !important;
        right: 0 !important;
    }
    .frst-timeline-style-6.frst-alternate .frst-labels span {
        margin: 0
    }
}

@media only screen and (max-width:678px) {
    .frst-timeline-style-7.frst-responsive-right .frst-timeline-block::before {
        margin-right: -2px !important;
    }
    .frst-timeline-style-7.frst-responsive-right .frst-timeline-img {
        margin-right: -21px !important;
    }
    .frst-timeline-style-7.frst-responsive-right .frst-labels span {
        left: auto !important;
        right: -35px !important;
        margin-left: 0 !important;
        margin-right: -39px !important;
    }
}

/*style8*/
/*-------- Type- 01 ------*/

.frst-timeline-style-8 {
    color: #000 !important;
}

.frst-timeline-style-8 .frst-timeline-block::before {
    width: 3px !important;
    background: rgba(0, 0, 0, 0) !important;
    margin-left: -2px !important;
    background: rgba(12, 12, 12, 0.8) !important;
    top: 12px !important;
}

.frst-timeline-style-8.frst-right-align .frst-timeline-block::before {
    margin-right: -2px !important;
}

.frst-timeline-block {
    padding-bottom: 30px !important;
    padding-left: 45px !important;
    padding-right: 45px !important;
}

.frst-timeline-style-8 .frst-timeline-img {
    padding: 0 !important;
    margin-left: -21px !important;
    top: 6px !important;
    /*--- Box shadow value --*/
    width: 42px !important;
    height: 42px !important;
    color: #fff !important;
    text-align: center !important;
    font-size: 16px !important;
}

.frst-timeline-style-8 .frst-timeline-img span {
    display: inline-block !important;
    margin: auto !important;
    padding: 6px !important;
    height: 50% !important;
    width: 50% !important;
    background: #202020 !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    vertical-align: top !important;
    border: 3px solid #202020 !important;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5) !important;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5) !important;
    vertical-align: middle !important;
}

.frst-timeline-style-8 .frst-timeline-img i {
    display: block !important;
    position: absolute !important;
    top: 4px !important;
    left: 13px !important;
}

.frst-timeline-style-8.frst-right-align .frst-timeline-img {
    margin-right: -21px !important;
}

.frst-timeline-style-8 .frst-timeline-content {
    color: #777 !important;
    background: white !important;
}

.frst-timeline-style-8 .frst-date {
    color: #9c9c9c !important;
}

.frst-timeline-style-8 h2 {
    margin: 0 0 5px !important;
    font-weight: 800 !important;
    color: #444 !important;
    font-size: 18px !important;
}

.frst-date-opposite.frst-timeline-style-8 h2 {}

.frst-timeline-style-8 p {
    margin: 0 !important;
}

.frst-timeline-style-8 .frst-timeline-label-block {
    padding-top: 0 !important;
}

.frst-timeline-style-8 .frst-labels span {
    position: relative !important;
    background: #202020 !important;
    color: #fff !important;
    font-weight: 800 !important;
    padding: 8px 30px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    font-size: 14px !important;
}

.frst-timeline-style-8.frst-right-align .frst-labels span {
    left: auto !important;
    right: -47px
}

.frst-timeline-style-8.frst-left-align .frst-labels span {
    right: auto !important;
    left: -47px !important;
}


/*--------- news-------*/

.frst-timeline-style-8 .frst-timeline-content-inner {
    border: 2px solid #d8d8d8 !important;
    padding: 30px !important;
    position: relative !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
}

.frst-timeline-style-8 .frst-timeline-content-inner .media-section {
    width: 100% !important;
    max-height: 350px !important;
    overflow: hidden !important;
    margin-bottom: 20px !important;
}

.frst-timeline-style-8 .frst-timeline-content-inner .media-section iframe {
    max-width: 100% !important;
}

.frst-timeline-style-8 .frst-timeline-content-inner::before, .frst-timeline-style-8 .frst-timeline-content-inner::after {
    content: "" !important;
    border-style: solid !important;
    border-color: transparent !important;
    position: absolute !important;
}

.frst-timeline-style-8 .frst-timeline-content-inner::before {
    border-width: 10px 11px 10px 0 !important;
    border-right-color: #d8d8d8 !important;
    left: -11px !important;
    top: 10px !important;
}

.frst-timeline-style-8 .frst-timeline-content-inner::after {
    border-width: 8px 9px 8px 0 !important;
    border-right-color: #fff !important;
    left: -9px !important;
    top: 12px !important;
}

.frst-timeline-style-8.frst-right-align .frst-timeline-content-inner::before {
    border-width: 10px 0 10px 11px !important;
    border-left-color: #d8d8d8 !important;
    left: auto !important;
    right: -11px !important;
}

.frst-timeline-style-8.frst-right-align .frst-timeline-content-inner::after {
    border-width: 8px 0 8px 9px !important;
    border-left-color: #fff !important;
    right: -8px !important;
    left: auto !important;
}


/*---------- Responsive part ------------*/

@media only screen and (min-width:679px) {
    .frst-date-opposite {
        margin-left: 203px;
    }
    .frst-left-align.frst-date-opposite {
        margin-left: 203px;
    }
    .frst-right-align.frst-date-opposite {
        margin-right: 203px !important;
        margin-left: 0 !important;
    }
    .frst-timeline-style-8.frst-alternate .frst-timeline-content, .frst-timeline-style-8.frst-date-opposite .frst-timeline-content {
        width: calc(50% - 44px) !important;
    }
    .frst-timeline-style-8.frst-date-opposite .frst-date {
        left: -248px !important;
        line-height: 32px !important;
        width: 160px !important;
    }
    .frst-timeline-style-8.frst-date-opposite.frst-right-align .frst-date, .frst-timeline-style-8.frst-date-opposite.frst-alternate .frst-timeline-block.frst-odd-item .frst-date {
        right: -248px !important;
        left: auto !important;
        text-align: left !important;
    }
    .frst-timeline-style-8.frst-right-align .frst-date {
        left: auto !important;
        right: 0 !important;
    }
    /*--------- news-------*/
    .frst-timeline-style-8.frst-alternate .frst-odd-item .frst-timeline-content-inner::before {
        border-width: 10px 0 10px 11px !important;
        border-left-color: #d8d8d8 !important;
        left: auto !important;
        right: -11px !important;
    }
    .frst-timeline-style-8.frst-alternate .frst-odd-item .frst-timeline-content-inner::after {
        border-width: 8px 0 8px 9px !important;
        border-left-color: #fff !important;
        right: -8px !important;
        left: auto !important;
    }
}

@media only screen and (max-width:678px) {
    .frst-timeline-style-8.frst-responsive-right .frst-labels span {
        left: auto !important;
        right: -47px
    }
    .frst-timeline-style-8.frst-responsive-right .frst-timeline-block::before {
        margin-right: -2px !important;
    }
    .frst-timeline-style-8.frst-responsive-right .frst-timeline-img {
        margin-right: -21px !important;
    }
    /*--------- news-------*/
    .frst-timeline-style-8.frst-responsive-right .frst-timeline-content-inner::before {
        border-width: 10px 0 10px 11px !important;
        border-left-color: #d8d8d8 !important;
        left: auto !important;
        right: -11px !important;
    }
    .frst-timeline-style-8.frst-responsive-right .frst-timeline-content-inner::after {
        border-width: 8px 0 8px 9px !important;
        border-left-color: #fff !important;
        right: -8px !important;
        left: auto !important;
    }
}



/*style9*/
/*-------- Type- 01 ------*/

.frst-timeline-style-9 {
    color: #000 !important;
}

.frst-timeline-style-9 .frst-timeline-block::before {
    width: 2px !important;
    background: rgba(0, 0, 0, 0) !important;
    margin-left: -1px !important;
    background: #d7e3e5 !important;
}

.frst-timeline-style-9.frst-right-align .frst-timeline-block::before {
    margin-right: -1px !important;
}

.frst-timeline-block {
    padding-bottom: 10px !important;
    padding-left: 45px !important;
    padding-right: 45px !important;
}

.frst-timeline-style-9 .frst-timeline-img {
    padding: 0 !important;
    margin-left: -21px !important;
    top: 0px !important;
    /*--- Box shadow value --*/
    width: 42px !important;
    height: 42px !important;
    color: #fff !important;
    text-align: center !important;
    font-size: 24px !important;
}

.frst-timeline-style-9 .frst-timeline-img span {
    display: block !important;
    margin: auto !important;
    height: 100% !important;
    overflow: hidden !important;
    background: #d7e3e5 !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    vertical-align: top !important;
    border: 1px solid #d7e3e5 !important;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5) !important;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5) !important;
}

.frst-timeline-style-9 .frst-timeline-img span.step-text {
    width: 80px !important;
    height: 25px !important;
    position: relative !important;
    top: 1px !important;
    right: 20px !important;
    overflow: initial !important;
    box-shadow: none !important;
    z-index: 3 !important;
    background: #0092e6 !important;
    border-radius: 9px !important;
    font-size: 10pt !important;
    padding-top: 3px !important;
    overflow: hidden !important;
}

.frst-timeline-style-9 .frst-timeline-img span img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
}

.frst-timeline-style-9 .frst-timeline-img i {
    display: block !important;
}

.frst-timeline-style-9.frst-right-align .frst-timeline-img {
    margin-right: -21px !important;
}

.frst-timeline-style-9 .frst-timeline-content {
    color: #777 !important;
}

.frst-right-align.frst-timeline-style-9 .frst-timeline-content {
    width: calc(100% - 50px) !important !important;
}

.frst-left-align.frst-timeline-style-9 .frst-timeline-content {
    width: calc(100% - 50px) !important !important;
    float: right !important;
}

.frst-timeline-style-9 .frst-timeline-content .connector {
    position: absolute !important;
    width: 112px !important;
    height: 3px !important;
    background: #d7e3e5 !important;
    top: 55px !important;
    z-index: 1 !important;
    right: -121px !important;
}

.frst-right-align.frst-timeline-style-9 .frst-timeline-content .connector {
    position: absolute !important;
    width: 112px !important;
    height: 3px !important;
    background: #d7e3e5 !important;
    top: 55px !important;
    z-index: 1 !important;
    right: -121px !important;
}

.frst-alternate.frst-timeline-style-9 .frst-even-item .frst-timeline-content .connector {
    position: absolute !important;
    width: 112px !important;
    height: 3px !important;
    background: #d7e3e5 !important;
    top: 55px !important;
    z-index: 1 !important;
    left: -121px !important;
}

.frst-left-align.frst-timeline-style-9 .frst-timeline-content .connector {
    position: absolute !important;
    width: 112px !important;
    height: 3px !important;
    background: #d7e3e5 !important;
    top: 55px !important;
    z-index: 1 !important;
    left: -121px !important;
}

.frst-timeline-style-9 .frst-date {
    color: #9c9c9c !important;
}

.frst-timeline-style-9 h2 {
    margin: 0 0 5px !important;
    font-weight: 800 !important;
    color: #000 !important;
    font-size: 16px !important;
}

.frst-date-opposite.frst-timeline-style-9 h2 {}

.frst-timeline-style-9 p {
    margin: 0 !important;
}

.frst-timeline-style-9 .frst-timeline-label-block {
    padding-top: 0 !important;
}

.frst-timeline-style-9 .frst-labels span {
    position: relative !important;
    background: #202020 !important;
    color: #fff !important;
    font-weight: 800 !important;
    padding: 8px 30px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    font-size: 14px !important;
}

.frst-timeline-style-9.frst-right-align .frst-labels span {
    left: auto !important;
    right: -47px !important;
}


/*--------- news-------*/

.frst-timeline-style-9 .frst-timeline-content-inner .media-section {
    width: 100% !important;
    max-height: 350px !important;
    overflow: hidden !important;
}

.frst-timeline-style-9 .frst-timeline-content-inner .media-section iframe {
    max-width: 100% !important;
}

.frst-timeline-style-9 .frst-timeline-content-inner {
    /*border: 2px solid #d7e3e5 !important;*/
    padding: 30px !important;
    position: relative !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    background: #fff !important;
    box-shadow: 12px 1px 20px 0px #d8d8d8 !important;
}

.frst-right-align.frst-timeline-style-9 .frst-timeline-content-inner {
    /*border: 2px solid #d7e3e5 !important;*/
    padding: 30px !important;
    position: relative !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    background: #fff !important;
    box-shadow: 12px 1px 20px 0px #d8d8d8 !important;
}

.frst-alternate.frst-timeline-style-9 .frst-even-item .frst-timeline-content-inner {
    box-shadow: -12px 1px 20px 0px #d8d8d8 !important;
}

.frst-left-align.frst-timeline-style-9 .frst-timeline-content-inner {
    box-shadow: -12px 1px 20px 0px #d8d8d8 !important;
}

.frst-timeline-style-9 .frst-timeline-content-inner::before, .frst-timeline-style-9 .frst-timeline-content-inner::after {
    content: "" !important;
    border-style: solid !important;
    border-color: transparent !important;
    position: absolute !important;
}

.frst-timeline-style-9 .frst-timeline-content-inner::before {
    border-width: 20px 20px 20px 0 !important;
    border-right-color: #ffffff !important;
    left: -20px !important;
    top: 36px !important;
}

.frst-timeline-style-9 .frst-timeline-content-inner::after {
    border-width: 6px 12px 6px 0 !important;
    border-color: #eff4f5 !important;
    left: -12px !important;
    top: 50px !important;
    border-radius: 50% !important;
}

.frst-timeline-style-9.frst-right-align .frst-timeline-content-inner::before {
    border-width: 20px 0 20px 20px !important;
    border-left-color: #ffffff !important;
    left: auto !important;
    right: -20px !important;
}

.frst-timeline-style-9.frst-right-align .frst-timeline-content-inner::after {
    border-width: 6px 0px 6px 12px !important;
    border-color: #eff4f5 !important;
    right: -12px !important;
    left: auto !important;
    border-radius: 50% !important;
}


/*---------- Responsive part ------------*/

@media only screen and (min-width:679px) {
    .frst-date-opposite {
        margin-left: 203px;
    }
    .frst-left-align.frst-date-opposite {
        margin-left: 203px;
    }
    .frst-right-align.frst-date-opposite {
        margin-right: 203px !important;
        margin-left: 0 !important;
    }
    .frst-timeline-style-9.frst-alternate .frst-timeline-content, .frst-timeline-style-9.frst-date-opposite .frst-timeline-content {
        width: calc(40% - 44px) !important;
    }
    .frst-timeline-style-9.frst-date-opposite .frst-date {
        left: -248px !important;
        line-height: 20px !important;
        width: 160px !important;
    }
    .frst-timeline-style-9.frst-date-opposite.frst-right-align .frst-date, .frst-timeline-style-9.frst-date-opposite.frst-alternate .frst-timeline-block.frst-odd-item .frst-date {
        right: -248px !important;
        left: auto !important;
        text-align: left !important;
    }
    .frst-timeline-style-9.frst-right-align .frst-date {
        left: auto !important;
        right: 0 !important;
    }
    /*--------- news-------*/
    .frst-timeline-style-9.frst-alternate .frst-odd-item .frst-timeline-content-inner::before {
        border-width: 20px 0 20px 20px !important;
        border-left-color: #ffffff !important;
        left: auto !important;
        right: -20px !important;
    }
    .frst-timeline-style-9.frst-alternate .frst-odd-item .frst-timeline-content-inner::after {
        border-width: 6px 0px 6px 12px !important;
        border-color: #eff4f5 !important;
        right: -12px !important;
        left: auto !important;
        border-radius: 50% !important;
    }
}

@media only screen and (max-width:678px) {
    .frst-timeline-style-9.frst-responsive-right .frst-labels span {
        left: auto !important;
        right: -47px !important;
    }
    .frst-timeline-style-9.frst-responsive-right .frst-timeline-block::before {
        margin-right: -1px !important;
    }
    .frst-timeline-style-9.frst-responsive-right .frst-timeline-img {
        margin-right: -21px !important;
    }
    /*--------- news-------*/
    .frst-timeline-style-9.frst-responsive-right .frst-timeline-content-inner::before {
        border-width: 10px 0 10px 11px !important;
        border-left-color: #d7e3e5 !important;
        left: auto !important;
        right: -11px !important;
    }
    .frst-timeline-style-9.frst-responsive-right .frst-timeline-content-inner::after {
        border-width: 8px 0 8px 9px !important;
        border-left-color: #fff !important;
        right: -8px !important;
        left: auto !important;
    }
    .frst-timeline-style-9.frst-alternate .frst-timeline-content, .frst-timeline-style-9.frst-date-opposite .frst-timeline-content {
        width: calc(80% - 30px) !important;
        float: right !important;
    }
    .frst-timeline-style-9.frst-right-align .frst-timeline-content {
        float: left !important;
    }
    .frst-alternate.frst-timeline-style-9 .frst-timeline-block:before {
        margin-left: 20px !important;
    }
    .frst-left-align.frst-timeline-style-9 .frst-timeline-block:before {
        margin-left: 0 !important;
    }
    .frst-alternate.frst-timeline-style-9 .frst-timeline-img {
        margin-left: 0px !important;
    }
    .frst-alternate.frst-timeline-style-9 .frst-timeline-content .connector {
        position: absolute !important;
        width: 112px !important;
        height: 3px !important;
        background: #d7e3e5 !important;
        top: 55px !important;
        z-index: 1 !important;
        left: -121px !important;
    }
}

/*style10*/
/*-------- Type- 01 ------*/

.frst-timeline-style-10 {
    margin-top: 25px !important !important;
    color: #000 !important;
}

.frst-timeline-style-10 .frst-timeline-block::before {
    width: 3px !important;
    background: rgba(0, 0, 0, 0) !important;
    margin-left: -1px !important;
    background: #ababab !important;
    top: 8px !important;
}

.frst-timeline-style-10.frst-right-align .frst-timeline-block::before {
    margin-right: -2px !important;
}

.frst-timeline-block {
    padding-bottom: 30px !important;
    padding-left: 45px !important;
    padding-right: 45px !important;
}

.frst-timeline-style-10 .frst-timeline-img {
    padding: 0 !important;
    margin-left: -21px !important;
    top: 5px !important;
    /*--- Box shadow value --*/
    width: 42px !important;
    height: 42px !important;
    color: #fff !important;
    text-align: center !important;
    font-size: 24px !important;
}

.frst-timeline-style-10 .frst-timeline-img span {
    display: inline-block !important;
    margin: auto !important;
    padding: 6px !important;
    min-height: 16px !important;
    min-width: 16px !important;
    background: #1288ce !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    vertical-align: top !important;
}

.frst-timeline-style-10 .frst-timeline-img i {
    display: block !important;
}

.frst-timeline-style-10.frst-right-align .frst-timeline-img {
    margin-right: -21px !important;
}

.frst-timeline-style-10 .frst-timeline-content {
    color: #777 !important;
}

.frst-timeline-style-10 .frst-date {
    color: #035ac5 !important;
    margin-bottom: 10px !important;
}

.frst-timeline-style-10 h2 {
    margin: 20px 0 15px !important;
    font-weight: 800 !important;
    color: #000 !important;
    font-size: 16px !important;
}

.frst-date-opposite.frst-timeline-style-10 h2 {}

.frst-timeline-style-10 p {
    margin: 0 !important;
}

.frst-timeline-style-10 .frst-timeline-label-block {
    padding-top: 0 !important;
}

.frst-timeline-style-10 .frst-labels span {
    position: relative !important;
    background: #202020 !important;
    color: #fff !important;
    font-weight: 800 !important;
    padding: 8px 30px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    font-size: 14px !important;
}

.frst-timeline-style-10.frst-right-align .frst-labels span {
    left: auto !important;
    right: -47px !important;
}


/*--------- news-------*/

.frst-timeline-style-10 .frst-timeline-content-inner {
    /*border: 2px solid #d8d8d8 !important;*/
    padding: 30px !important;
    position: relative !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    top: -25px !important;
    background: #e2e2e2 !important;
    padding-top: 80px !important;
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important !important;
}

.frst-timeline-style-10 .frst-timeline-content-inner .content-header {
    position: absolute !important;
    width: 106% !important;
    height: 60px !important;
    background: #1288CE !important;
    text-align: center !important;
    top: 7px !important;
    left: -17px !important;
    box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.2), 0 3px 20px 0 rgba(0, 0, 0, 0.19) !important !important;
}

.frst-timeline-style-10 .frst-timeline-content-inner .content-header h2 {
    font-size: 30px !important;
    color: white !important;
    text-transform: uppercase !important;
    position: relative !important;
    top: -5px !important;
}

.frst-timeline-style-10 .frst-timeline-content-inner .content-header::before, .frst-timeline-style-10 .frst-timeline-content-inner .content-header::after {
    content: "" !important;
    border-style: solid !important;
    border-color: transparent !important;
    position: absolute !important;
}

.frst-alternate.frst-timeline-style-10 .frst-odd-item .frst-timeline-content-inner .content-header::before {
    border-width: 13px 15px 13px 0 !important;
    border-right-color: #1288CE !important;
    top: 18px !important;
    left: unset !important;
    transform: rotate(180deg) !important;
    right: -13px !important;
}

.frst-timeline-style-10 .frst-timeline-content-inner .content-header::before {
    border-width: 13px 15px 13px 0 !important;
    border-right-color: #1288CE !important;
    left: -15px !important;
    top: 18px !important;
}

.frst-right-align.frst-timeline-style-10 .frst-timeline-content-inner .content-header:before {
    border-width: 13px 15px 13px 0 !important;
    border-right-color: #1288CE !important;
    left: unset !important;
    top: 18px !important;
    right: -13px !important;
    transform: rotate(180deg) !important;
}

.frst-timeline-style-10 .frst-timeline-content-inner .content-header::after {
    border-width: 11px 12px 11px 0 !important;
    border-right-color: #1288ce !important;
    left: 6px !important;
    top: 52px !important;
    transform: rotate(135deg) !important;
}

.frst-alternate.frst-timeline-style-10 .frst-even-item .frst-timeline-content-inner .content-header::after {
    border-width: 11px 12px 11px 0 !important;
    border-right-color: #1288ce !important;
    top: 52px !important;
    transform: rotate(45deg) !important;
    right: 5px !important;
    left: unset !important;
}

.frst-left-align.frst-timeline-style-10 .frst-timeline-content-inner .content-header::after {
    border-width: 11px 12px 11px 0 !important;
    border-right-color: #1288ce !important;
    top: 52px !important;
    transform: rotate(45deg) !important;
    right: 5px !important;
    left: unset !important;
}


/*right-align*/

.frst-timeline-style-10.frst-right-align .frst-timeline-content-inner::before {
    border-width: 10px 0 10px 11px !important;
    border-left-color: #d8d8d8 !important;
    left: auto !important;
    right: -11px !important;
}

.frst-timeline-style-10.frst-right-align .frst-timeline-content-inner::after {
    border-width: 8px 0 8px 9px !important;
    border-left-color: #fff !important;
    right: -8px !important;
    left: auto !important;
}


/*---------- Responsive part ------------*/

@media only screen and (min-width:679px) {
    .frst-date-opposite {
        margin-left: 203px;
    }
    .frst-left-align.frst-date-opposite {
        margin-left: 203px;
    }
    .frst-right-align.frst-date-opposite {
        margin-right: 203px !important;
        margin-left: 0 !important;
    }
    .frst-timeline-style-10.frst-alternate .frst-timeline-content, .frst-timeline-style-10.frst-date-opposite .frst-timeline-content {
        width: calc(50% - 44px) !important;
    }
    .frst-timeline-style-10.frst-date-opposite .frst-date {
        left: -248px !important;
        line-height: 20px !important;
        width: 160px !important;
    }
    .frst-alternate.frst-timeline-style-10 .frst-odd-item .frst-timeline-content-inner {
        text-align: left !important !important;
    }
    .frst-timeline-style-10.frst-date-opposite.frst-right-align .frst-date, .frst-timeline-style-10.frst-date-opposite.frst-alternate .frst-timeline-block.frst-odd-item .frst-date {
        right: -248px !important;
        left: auto !important;
        text-align: left !important;
    }
    .frst-timeline-style-10.frst-date-opposite .frst-date {
        top: 25px !important;
    }
    .frst-timeline-style-10.frst-right-align .frst-date {
        left: auto !important;
        right: 0 !important;
    }
    /*--------- news-------*/
    .frst-timeline-style-10.frst-alternate .frst-odd-item .frst-timeline-content-inner::before {
        border-width: 10px 0 10px 11px !important;
        border-left-color: #d8d8d8 !important;
        left: auto !important;
        right: -11px !important;
    }
    .frst-timeline-style-10.frst-alternate .frst-odd-item .frst-timeline-content-inner::after {
        border-width: 8px 0 8px 9px !important;
        border-left-color: #fff !important;
        right: -8px !important;
        left: auto !important;
    }
}

@media only screen and (max-width:678px) {
    .frst-timeline-style-10.frst-responsive-right .frst-labels span {
        left: auto !important;
        right: -47px !important;
    }
    .frst-timeline-style-10.frst-responsive-right .frst-timeline-block::before {
        margin-right: -2px !important;
    }
    .frst-timeline-style-10.frst-responsive-right .frst-timeline-img {
        margin-right: -21px !important;
    }
    /*--------- news-------*/
    .frst-timeline-style-10.frst-responsive-right .frst-timeline-content-inner::before {
        border-width: 10px 0 10px 11px !important;
        border-left-color: #d8d8d8 !important;
        left: auto !important;
        right: -11px !important;
    }
    .frst-timeline-style-10.frst-responsive-right .frst-timeline-content-inner::after {
        border-width: 8px 0 8px 9px !important;
        border-left-color: #fff !important;
        right: -8px !important;
        left: auto !important;
    }
    .frst-alternate.frst-timeline-style-10 .frst-odd-item .frst-timeline-content-inner .content-header:before {
        border-width: 13px 15px 13px 0 !important;
        border-right-color: #1288CE !important;
        left: -15px !important;
        top: 18px !important;
        right: unset !important;
        transform: rotate(0deg) !important;
    }
    .frst-alternate.frst-timeline-style-10 .frst-odd-item .frst-timeline-content-inner .content-header::after {
        border-width: 11px 12px 11px 0 !important;
        border-right-color: #1288ce !important;
        top: 52px !important;
        transform: rotate(45deg) !important;
        right: 5px !important;
        left: unset !important;
    }
    .frst-timeline-style-10 .frst-timeline-content-inner .content-header {
        width: 107% !important;
    }
}


/*style11*/
/*-------- Type- 01 ------*/

.frst-timeline-style-11 {
    color: #000 !important;
}

.frst-timeline-style-11 .frst-timeline-block::before {
    width: 4px !important;
    background: rgba(220, 220, 220, 0.74) !important;
    margin-left: -2px !important;
}

.frst-timeline-style-11 .frst-timeline-block:last-child::before {
    display: block !important;
    height: calc(100% - 50px) !important;
}

.frst-timeline-style-11.frst-right-align .frst-timeline-block::before {
    margin-right: -2px !important;
}

.frst-timeline-block {
    padding-bottom: 30px !important;
}

.frst-timeline-style-11 .frst-timeline-img {
    margin-left: -18px !important;
    width: 36px !important;
    height: 36px !important;
    text-align: center !important;
    top: calc(50% - 14px) !important;
    margin-top: -18px !important;
    vertical-align: middle !important;
    font-size: 22px !important;
}

.frst-timeline-style-11.frst-right-align .frst-timeline-img {
    margin-right: -18px !important;
}

.frst-timeline-style-11 .frst-timeline-img span {
    display: inline-block !important;
    min-width: 16px !important;
    min-height: 16px !important;
    padding: 7px !important;
    background: #BFBFBF !important;
    box-shadow: 0 0 0 3px #eff4f5 !important;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    vertical-align: middle !important;
}

.frst-timeline-style-11 .frst-timeline-content {}

.frst-timeline-style-11 .frst-date {
    color: #b7b7b7 !important;
    font-weight: 600 !important;
}

.frst-timeline-style-11 h2 {
    font-size: 18px !important;
    margin: 20px 0 5px !important;
    font-weight: 800 !important;
}

.frst-date-opposite.frst-timeline-style-11 h2 {
    margin-top: 0 !important;
}

.frst-timeline-style-11 p {
    margin: 0 !important;
}

.frst-timeline-style-11 .frst-labels span {
    position: relative !important;
    left: -37px !important;
    background: #50b9f3 !important;
    color: #fff !important;
    padding: 8px 20px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
}

.frst-timeline-style-11.frst-right-align .frst-labels span {
    left: auto !important;
    right: -37px
}

.frst-timeline-style-11 .frst-timeline-content-inner {
    display: inline-block !important;
    background: #fff !important;
    padding: 20px !important;
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.1) !important;
    border-radius: 6px !important;
    font-family: 'Lekton', sans-serif !important;
}

.frst-timeline-style-11 .frst-timeline-content-inner span {
    color: #E21130 !important;
}

.frst-timeline-style-11 .frst-timeline-content-inner .content-section {
    margin-top: 10px !important;
}

.frst-timeline-style-11 .frst-timeline-content-inner .title-section {
    font-size: 18px !important;
}


/*---------- Responsive part ------------*/

@media only screen and (min-width: 679px) {
    .frst-timeline-style-11.frst-alternate .frst-timeline-content {
        width: calc(50% - 32px) !important;
    }
    .frst-timeline-style-11.frst-date-opposite .frst-date {
        left: -225px !important;
        line-height: 20px !important;
        width: 160px !important;
        top: 50% !important;
        margin-top: -10px !important;
    }
    .frst-timeline-style-11.frst-date-opposite.frst-right-align .frst-date, .frst-timeline-style-11.frst-date-opposite.frst-alternate .frst-timeline-block.frst-odd-item .frst-date {
        right: -225px !important;
        left: auto !important;
        text-align: left !important;
    }
}

@media only screen and (max-width: 678px) {
    .frst-timeline-style-11.frst-responsive-right .frst-timeline-block::before {
        margin-right: -2px !important;
    }
    .frst-timeline-style-11.frst-responsive-right .frst-timeline-img {
        margin-right: -18px !important;
    }
    .frst-timeline-style-11.frst-responsive-right .frst-labels span {
        left: auto !important;
        right: -37px
    }
}


/*style12 */
/*-------- Type- 01 ------*/


.frst-timeline-style-12 {
    color: #999 !important;
}

.frst-timeline-style-12 .frst-timeline-block::before {
    width: 2px !important;
    background: #DDDDE5 !important;
    margin-left: -1px !important;
}

.frst-timeline-style-12.frst-right-align .frst-timeline-block::before {
    margin-right: -2px !important;
}

.frst-timeline-style-12 .frst-timeline-block {
    padding-bottom: 30px !important;
}

.frst-timeline-style-12 .frst-timeline-img {
    margin-left: -18px !important;
    width: 36px !important;
    height: 36px !important;
    text-align: center !important;
    font-size: 22px !important;
    vertical-align: top !important;
}

.frst-timeline-style-12 .frst-timeline-img span {
    display: inline-block !important;
    vertical-align: top !important;
    background: #DDDDE5 !important;
    padding: 7px !important;
    min-width: 10px !important;
    min-height: 10px !important;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
}

.frst-timeline-style-12.frst-right-align .frst-timeline-img {
    margin-right: -18px !important;
}

.frst-timeline-style-12 .frst-timeline-completed .frst-timeline-img span {
    background: #E1545D !important;
}

.frst-timeline-style-12 .frst-timeline-completed::before {
    background: #E1545D !important;
}

.frst-timeline-style-12 .frst-timeline-completed.frst-timeline-completed-last::before {
    background: #d0d0d0 !important;
}

.frst-timeline-style-12 .frst-timeline-content {}

.frst-timeline-style-12 .frst-date {
    font-weight: 600 !important;
}

.frst-timeline-style-12 h2 {
    font-size: 14px !important;
    text-transform: uppercase !important;
    margin: 20px 0 5px !important;
    font-weight: 800 !important;
    color: #e1545d !important;
}

.frst-date-opposite.frst-timeline-style-12 h2 {
    margin-top: 0 !important;
}

.frst-timeline-style-12 p {
    margin: 0 !important;
}

.frst-timeline-style-12 .frst-labels span {
    position: relative !important;
    left: -37px !important;
    background: #50b9f3 !important;
    color: #fff !important;
    padding: 8px 20px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
}

.frst-timeline-style-12.frst-right-align .frst-labels span {
    left: auto !important;
    right: -37px
}


/*---------- Responsive part ------------*/

@media only screen and (min-width: 679px) {
    .frst-timeline-style-12.frst-alternate .frst-timeline-content {
        width: calc(50% - 32px) !important;
    }
    .frst-timeline-style-12.frst-date-opposite .frst-date {
        left: -225px !important;
        line-height: 20px !important;
        width: 160px !important;
    }
    .frst-timeline-style-12.frst-date-opposite.frst-right-align .frst-date, .frst-timeline-style-12.frst-date-opposite.frst-alternate .frst-timeline-block.frst-odd-item .frst-date {
        right: -225px !important;
        left: auto !important;
        text-align: left !important;
    }
}

@media only screen and (max-width: 678px) {
    .frst-timeline-style-12.frst-responsive-right .frst-timeline-block::before {
        margin-right: -2px !important;
    }
    .frst-timeline-style-12.frst-responsive-right .frst-timeline-img {
        margin-right: -18px !important;
    }
    .frst-timeline-style-12.frst-responsive-right .frst-labels span {
        left: auto !important;
        right: -37px
    }
}

/*style13*/
/*-------- Type- 01 ------*/


.frst-timeline-style-13 {
    color: #999 !important;
}

.frst-timeline-style-13 .frst-timeline-block::before {
    width: 6px !important;
    background: #1D1C21 !important;
    margin-left: -3px !important;
    top: 3px !important;
}

.frst-timeline-style-13.frst-right-align .frst-timeline-block::before {
    margin-right: -1px !important;
}

.frst-timeline-style-13 .frst-timeline-block {
    padding-bottom: 30px !important;
}

.frst-timeline-style-13 .frst-timeline-img {
    width: 36px !important;
    height: 36px !important;
    margin-left: -18px !important;
    text-align: center !important;
    color: #fff !important;
    font-size: 22px !important;
}

.frst-timeline-style-13 .content-border {
    height: 3px !important;
    width: 100% !important;
    background: #1d1c21 !important;
}

.frst-timeline-style-13 .frst-timeline-content-inner {}

.frst-timeline-style-13.frst-right-align .frst-timeline-img {
    margin-right: -18px !important;
}

.frst-timeline-style-13 .frst-timeline-img span {
    display: inline-block !important;
    padding: 7px !important;
    background: #1D1C21 !important;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    min-width: 18px !important;
    min-height: 18px !important;
    top: -9px !important;
    position: relative !important;
}

.frst-timeline-style-13 .frst-timeline-content {
    color: #777 !important;
}

.frst-timeline-style-13 .frst-date {
    margin-bottom: 25px !important;
    color: #636363 !important;
    line-height: 30px !important;
    top:-10px !important;
}

.frst-timeline-style-13 p {
    margin: 0 !important;
}

.frst-timeline-style-13 .frst-labels span {
    position: relative !important;
    left: -36px !important;
    background: #e6e6e6 !important;
    color: #000 !important;
    padding: 8px 20px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
}

.frst-timeline-style-13.frst-right-align .frst-labels span {
    left: auto !important;
    right: -36px
}

.frst-timeline-style-13 .frst-day-time-table {
    list-style: none !important;
    padding: 20px !important;
    margin: 0 !important;
}

.frst-timeline-style-13 .frst-day-time-table li {
    margin-bottom: 15px !important;
}

.frst-timeline-style-13 .frst-day-time-table h2 {
    font-size: 16px !important;
    margin: 0 0 10px !important;
    color: #1d1c21 !important;
    font-weight: 700 !important;
}


/*---------- Responsive part ------------*/

@media only screen and (min-width: 679px) {
    .frst-timeline-style-13.frst-alternate .frst-timeline-content {
        width: calc(50% - 32px) !important;
    }
    .frst-timeline-style-13.frst-date-opposite .frst-date {
        left: -225px !important;
        line-height: 20px !important;
        width: 160px !important;
    }
    .frst-timeline-style-13.frst-date-opposite.frst-right-align .frst-date, .frst-timeline-style-13.frst-date-opposite.frst-alternate .frst-timeline-block.frst-odd-item .frst-date {
        right: -225px !important;
        left: auto !important;
        text-align: left !important;
    }
    .frst-timeline-style-13 .frst-day-time-table li {
        position: relative !important;
        padding-left: 100px !important;
    }
    .frst-timeline-style-13.frst-right-align .frst-day-time-table li, .frst-timeline-style-13.frst-alternate .frst-odd-item .frst-day-time-table li {
        padding-left: 0 !important;
        padding-right: 100px !important;
    }
    .frst-timeline-style-13 .frst-day-time-table .frst-day-time {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 80px !important;
        margin-bottom: 10px !important;
        text-align: left !important;
    }
    .frst-timeline-style-13.frst-right-align .frst-day-time-table .frst-day-time, .frst-timeline-style-13.frst-alternate .frst-odd-item .frst-day-time-table .frst-day-time {
        left: auto !important;
        right: 0 !important;
        text-align: right !important;
    }
}

@media only screen and (max-width: 678px) {
    .frst-timeline-style-13.frst-responsive-right .frst-timeline-block::before {
        margin-right: -1px !important;
    }
    .frst-timeline-style-13.frst-responsive-right .frst-timeline-img {
        margin-right: -18px !important;
    }
    .frst-timeline-style-13.frst-responsive-right .frst-labels span {
        left: auto !important;
        right: -36px
    }
}

/*style14*/

/*-------- Type- 01 ------*/

.frst-timeline-style-14{
  color: #999 !important;
}
.frst-timeline-style-14 .frst-timeline-block::before{
  width: 2px !important;
  background: #514141 !important;
  margin-left: -1px !important;
}

.frst-timeline-style-14.frst-right-align .frst-timeline-block::before{
  margin-right: -1px !important;
}
.frst-timeline-style-14 .frst-timeline-block{
  padding-bottom: 30px !important;
}
.frst-timeline-style-14 .frst-timeline-img{
  width: 36px !important;
  height: 36px !important;
  margin-left: -18px !important;
  text-align: center !important;
  font-size: 22px !important;
}
.frst-timeline-style-14.frst-right-align .frst-timeline-img{
  margin-right: -18px !important;
}
.frst-timeline-style-14 .frst-timeline-img span{
  display: inline-block !important;
  padding: 7px !important;
  background: #514141 !important;
  border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  min-width: 18px !important;
  min-height: 18px !important;
  position: relative !important;
  top:-5px
}

.frst-timeline-style-14 .frst-timeline-content{
  color: #777 !important;    
    background:#fff !important;
background: -webkit-gradient(linear, 100% 100%, 50% 10%, from(#fff), to(#f3f3f3), color-stop(.1,#fff)) !important;
background: -moz-linear-gradient(100% 50% 90deg, #fff, #fff 10%, #f3f3f3) !important;
border: 1px solid #ccc !important;
-webkit-box-shadow: 1px 1px 4px rgba(0,0,0, 0.1) !important;
-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.1) !important;
box-shadow: 1px 1px 4px rgba(0,0,0,0.1) !important;
-webkit-border-bottom-right-radius: 60px 5px !important;
-moz-border-radius-bottomright: 60px 5px !important;
border-bottom-right-radius: 60px 5px !important;
}
.frst-timeline-style-14 .frst-timeline-content:before{
    content: "" !important;
width: 98% !important;
z-index:-1 !important;
height: 100% !important;
padding: 0 0 1px 0 !important;
position: absolute !important;
bottom:0 !important; right:0 !important;
background: #fff !important;
background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#f9f9f9), color-stop(.1,#fff)) !important;
background: -moz-linear-gradient(0 0 270deg, #fff, #fff 10%, #f9f9f9) !important;
border: 1px solid #ccc !important;
-webkit-box-shadow: 1px 1px 8px rgba(0,0,0, 0.1) !important;
-moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.1) !important;
box-shadow: 1px 1px 8px rgba(0,0,0,0.1) !important;
-webkit-border-bottom-right-radius: 60px 5px !important;
-moz-border-radius-bottomright: 60px 5px !important;
border-bottom-right-radius: 60px 5px !important;
-webkit-transform: skew(2deg,2deg)
translate(3px,8px) !important;
-moz-transform: skew(2deg,2deg)
translate(3px,8px) !important;
-o-transform: skew(2deg,2deg)
translate(3px,8px) !important;
transform: skew(2deg,2deg)
translate(3px,8px) !important;
}
.frst-timeline-style-14 .frst-timeline-content:after{
    content: "" !important;
width: 98% !important;
z-index:-1 !important;
height: 98% !important;
padding: 0 0 1px 0 !important;
position: absolute !important;
bottom:0 !important; right:0 !important;
background: #f3f3f3 !important;
background: -webkit-gradient(linear, 0% 20%, 0% 100%, from(#f3f3f3), to(#f6f6f6), color-stop(.1,#fff)) !important;
background: -moz-linear-gradient(0% 0% 360deg, #f3f3f3, #fff, #f6f6f6) !important;
border: 1px solid #ccc !important;
-webkit-box-shadow: 0px 0px 8px rgba(0,0,0, 0.1) !important;
-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.1) !important;
box-shadow: 0px 0px 8px rgba(0,0,0,0.1) !important;
-webkit-transform: skew(2deg,2deg)
translate(-1px,2px) !important;
-moz-transform: skew(2deg,2deg)
translate(-1px,2px) !important;
-o-transform: skew(2deg,2deg)
translate(-1px,2px) !important;
transform: skew(2deg,2deg)
translate(-1px,2px) !important;
}

.frst-timeline-style-14 .frst-date{
  margin-bottom: 25px !important;
  color: #636363 !important;
  line-height: 30px !important;
}

.frst-timeline-style-14 p{
  margin: 0 !important;
}
.frst-timeline-style-14 .frst-labels span{
  position: relative !important;
  left: -36px !important;
  background: #e6e6e6 !important;
  color: #000 !important;
  padding: 8px 20px !important;
  -webkit-border-radius: 3px !important;
  border-radius: 3px !important;
}
.frst-timeline-style-14.frst-right-align .frst-labels span{
  left: auto !important;
  right: -36px
}


.frst-timeline-style-14 .frst-timeline-content-inner{
  background: #fff !important;
  padding: 20px !important;
}
.frst-timeline-style-14 .frst-day-time-table{
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.frst-timeline-style-14 .frst-day-time-table li{
  margin-bottom: 15px !important;
}

.frst-timeline-style-14 .frst-day-time-table h2{
  font-size: 14px !important;
  margin: 0 0 10px !important;
  color: #514141 !important;
  font-weight: bold !important;  
}
.frst-timeline-style-14.frst-timeline .frst-timeline-content .media-section {
    width: 100% !important;
    max-height: 350px !important;
    overflow: hidden !important;
    margin-bottom: 20px !important;    
    
}
.frst-timeline-style-14.frst-timeline .frst-timeline-content .media-section img{
    max-width: 100% !important;   
}
.frst-timeline-style-14.frst-timeline .frst-timeline-content .media-section iframe{
    max-width: 100% !important;   
}

/*---------- Responsive part ------------*/
@media only screen and (min-width: 679px) {
  .frst-timeline-style-14.frst-alternate .frst-timeline-content{
    width: calc(50% - 32px) !important;
  }
  .frst-timeline-style-14.frst-date-opposite .frst-date{
    left: -225px !important;
    line-height: 20px !important;
    width: 160px !important;
  }
  .frst-timeline-style-14.frst-date-opposite.frst-right-align .frst-date,
  .frst-timeline-style-14.frst-date-opposite.frst-alternate .frst-timeline-block.frst-odd-item .frst-date{
    right: -225px !important;
    left: auto !important;
    text-align: left !important;
  }

  .frst-timeline-style-14 .frst-day-time-table li{
    position: relative !important;
    padding-left: 100px !important;
  }
  .frst-timeline-style-14.frst-right-align .frst-day-time-table li,
  .frst-timeline-style-14.frst-alternate .frst-odd-item .frst-day-time-table li{
    padding-left: 0 !important;
    padding-right: 100px !important;
  }
  .frst-timeline-style-14 .frst-day-time-table .frst-day-time{
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 80px !important;
    margin-bottom: 10px !important;
    text-align: left !important;
  }
  .frst-timeline-style-14.frst-right-align .frst-day-time-table .frst-day-time,
  .frst-timeline-style-14.frst-alternate .frst-odd-item .frst-day-time-table .frst-day-time{
    left: auto !important;
    right: 0 !important;
    text-align: right !important;
  }

}

@media only screen and (max-width: 678px) {

  .frst-timeline-style-14.frst-responsive-right .frst-timeline-block::before{
    margin-right: -1px !important;
  }
  .frst-timeline-style-14.frst-responsive-right .frst-timeline-img{
    margin-right: -18px !important;
  }
  .frst-timeline-style-14.frst-responsive-right .frst-labels span{
    left: auto !important;
    right: -36px
  }