body {
  counter-reset: step;
}

.cd-timeline__content img {
  max-width:100%;
  height:auto
 }
 .cd-timeline__content h2 {
  margin:0 0 30px 0;
  padding:22.5px 0px;
  color:#ab9262;
  font-size:32px;
  font-weight:300;
  position: relative;

 }

.cd-timeline__content h2 span {
  display: inline-block;
}

 

 .cd-timeline__content .parag_text_content {
  text-align:left;
  font-size:16px
 }
 .cd-timeline__content {

 }
 .cd-container {
  width:100%;
  max-width:1170px;
  margin:0 auto
 }
 .cd-container::after {
  content:'';
  display:table;
  clear:both
 }
 #cd-timeline {
  position:relative;
  padding-top: 30px;
  margin-top: 30px;
  margin-bottom: 60px;;
 }
 #cd-timeline::before {
  content:'';
  position:absolute;
  top:15px;
  left:18px;
  height:100%;
  width:1px;
  background:#ab9262;
 }
 @media only screen and (min-width:1170px) {
  #cd-timeline::before {
   left:50%;
   margin-left:-2px
  }
 }
 .cd-timeline__block {
  position:relative;
  margin:0em 0;
  /*! float: left; */
 }
 .cd-timeline__block:after {
  content:"";
  display:table;
  clear:both
 }
 .cd-timeline__block:first-child {
  margin-top:0
 }
 .cd-timeline__block:last-child {
  margin-bottom:0
 }
 @media only screen and (max-width:1169px) {
  .cd-timeline__block:nth-child(odd) h2:before,
  .cd-timeline__block:nth-child(even) h2:before {
    counter-increment: step;
    content: counter(step) ".";
  
    font-size: 40px;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 10px;
  
    }

    .cd-timeline__block h2 {
      margin-bottom: 0;
      font-size: 19px;
  }
 }
 @media only screen and (min-width:1170px) {
  .cd-timeline__block {
   margin:0em 0
  }
  .cd-timeline__block:first-child {
   margin-top:0
  }
  .cd-timeline__block:last-child {
   margin-bottom:0
  }


  .cd-timeline__block:nth-child(odd) h2:after {
    content: "";

    position: absolute;
    bottom: 6px;
    left: 106px;
    right: -55px;

    display: block;
    height: 1px;
    background-color: #ab9262;
  }

  .cd-timeline__block:nth-child(odd) h2 span {
    margin-left: 90px;
  }

  .cd-timeline__block:nth-child(even) h2 span {
    margin-right: 90px;
  }

  .cd-timeline__block:nth-child(odd) h2:before {
  counter-increment: step;
  content: counter(step) ".";

  font-size: 100px;
  position: absolute;
  top: 25px;
  margin-right: 25px;

  }

  .cd-timeline__block:nth-child(even) .cd-timeline__content h2:before {
  content: "";

  position: absolute;
  bottom: 6px;
  right: 106px;
  left: -59px;

  display: block;
  height: 1px;
  background-color: #ab9262;
  }

  .cd-timeline__block:nth-child(even) h2:after {
  counter-increment: step;
  content: counter(step) ".";

  font-size: 100px;
  position: absolute;
  top: 25px;
  right: 0;
  margin-left: 25px;;

  }

}
 .cd-timeline__img {
  position:absolute;
  top:10px;
  left:7px;
  width:15px;
  height:15px;
  border-radius:50%;
  top: 87px;
  z-index: 407;
  box-shadow:0 0 0 3px #ab9262;
  background-color: white;
 }

 @media only screen and (max-width:1169px) {
  .cd-timeline__img {
    top: 0;
    left: 11px;
    box-shadow:0 0 1px 3px #ab9262;
  }
 }
 .cd-timeline__img img {
  display:block;
  width:24px;
  height:24px;
  position:relative;
  left:50%;
  top:50%;
  margin-left:-12px;
  margin-top:-12px
 }
 .cd-timeline__img.cd-location {
  background:#205876
 }
 @media only screen and (min-width:1170px) {
  .cd-timeline__img {
   width:26px;
   height:26px;
   left:50%;
   margin-left:-14px;
   -webkit-transform:translateZ(0);
   -webkit-backface-visibility:hidden
  }
  .cd-timeline__img.is-hidden {
   visibility:hidden
  }
  .cd-timeline__img.bounce-in {
   visibility:visible;
   -webkit-animation:cd-bounce-1 .6s;
   -moz-animation:cd-bounce-1 .6s;
   animation:cd-bounce-1 .6s
  }
 }
 @-webkit-keyframes cd-bounce-1 {
  0% {
   opacity:0;
   -webkit-transform:scale(.5)
  }
  60% {
   opacity:1;
   -webkit-transform:scale(1.2)
  }
  100% {
   -webkit-transform:scale(1)
  }
 }
 @-moz-keyframes cd-bounce-1 {
  0% {
   opacity:0;
   -moz-transform:scale(.5)
  }
  60% {
   opacity:1;
   -moz-transform:scale(1.2)
  }
  100% {
   -moz-transform:scale(1)
  }
 }
 @keyframes cd-bounce-1 {
  0% {
   opacity:0;
   -webkit-transform:scale(.5);
   -moz-transform:scale(.5);
   -ms-transform:scale(.5);
   -o-transform:scale(.5);
   transform:scale(.5)
  }
  60% {
   opacity:1;
   -webkit-transform:scale(1.2);
   -moz-transform:scale(1.2);
   -ms-transform:scale(1.2);
   -o-transform:scale(1.2);
   transform:scale(1.2)
  }
  100% {
   -webkit-transform:scale(1);
   -moz-transform:scale(1);
   -ms-transform:scale(1);
   -o-transform:scale(1);
   transform:scale(1)
  }
 }
 .cd-timeline__content {
  position:relative;
  margin-left:60px;
  background:#fff
 }
 .cd-timeline__content:after {
  content:"";
  display:table;
  clear:both
 }
 .cd-timeline__content .cd-date,
 .cd-timeline__content .cd-read-more {
  display:inline__block
 }
 .cd-timeline__content .cd-date {
  position:absolute;
  width:196px;
  height:45px;
  line-height:45px;
  background:url(../img/date-right.png);
  left:-22px;
  top:0;
  text-align:center;
  color:#fff;
  text-transform:uppercase;
  font-size:21px
 }
 @media only screen and (min-width:1170px) {
  .cd-timeline__content {
   margin-left:0;
   width:45%
  }
  .cd-timeline__content::before {
   top:24px;
   left:100%;
   border-color:transparent;
   border-left-color:#fff
  }
  .cd-timeline__content .cd-read-more {
   float:left
  }
  .cd-timeline__content .cd-date {
   position:absolute;
   width:168px;
   height:45px;
   line-height:45px;
   background:url(../img/date-left.png);
   left:auto;
   right:-22px;
   top:0;
   text-align:center;
   color:#fff;
   text-transform:uppercase;
   font-size:21px
  }
  .cd-timeline__block:nth-child(even) .cd-timeline__content {
   float:right
  }

  

  .cd-timeline__block:nth-child(even) .cd-timeline__content h2 {
    text-align: right;
  }
  .cd-timeline__block:nth-child(even) .cd-timeline__content .cd-read-more {
   float:right
  }
  .cd-timeline__block:nth-child(even) .cd-timeline__content .cd-date {
   right:auto;
   left:-22px;
   background:url(../img/date-right.png)
  }
  .cd-timeline__content.is-hidden {
   visibility:hidden
  }
  .cd-timeline__content.bounce-in {
   visibility:visible;
   -webkit-animation:cd-bounce-2 .6s;
   -moz-animation:cd-bounce-2 .6s;
   animation:cd-bounce-2 .6s
  }
 }
 @media only screen and (min-width:1170px) {
  .cd-timeline__block:nth-child(even) .cd-timeline__content.bounce-in {
   -webkit-animation:cd-bounce-2-inverse .6s;
   -moz-animation:cd-bounce-2-inverse .6s;
   animation:cd-bounce-2-inverse .6s
  }
 }
 @-webkit-keyframes cd-bounce-2 {
  0% {
   opacity:0;
   -webkit-transform:translateX(-100px)
  }
  60% {
   opacity:1;
   -webkit-transform:translateX(20px)
  }
  100% {
   -webkit-transform:translateX(0)
  }
 }
 @-moz-keyframes cd-bounce-2 {
  0% {
   opacity:0;
   -moz-transform:translateX(-100px)
  }
  60% {
   opacity:1;
   -moz-transform:translateX(20px)
  }
  100% {
   -moz-transform:translateX(0)
  }
 }
 @keyframes cd-bounce-2 {
  0% {
   opacity:0;
   -webkit-transform:translateX(-100px);
   -moz-transform:translateX(-100px);
   -ms-transform:translateX(-100px);
   -o-transform:translateX(-100px);
   transform:translateX(-100px)
  }
  60% {
   opacity:1;
   -webkit-transform:translateX(20px);
   -moz-transform:translateX(20px);
   -ms-transform:translateX(20px);
   -o-transform:translateX(20px);
   transform:translateX(20px)
  }
  100% {
   -webkit-transform:translateX(0);
   -moz-transform:translateX(0);
   -ms-transform:translateX(0);
   -o-transform:translateX(0);
   transform:translateX(0)
  }
 }
 @-webkit-keyframes cd-bounce-2-inverse {
  0% {
   opacity:0;
   -webkit-transform:translateX(100px)
  }
  60% {
   opacity:1;
   -webkit-transform:translateX(-20px)
  }
  100% {
   -webkit-transform:translateX(0)
  }
 }
 @-moz-keyframes cd-bounce-2-inverse {
  0% {
   opacity:0;
   -moz-transform:translateX(100px)
  }
  60% {
   opacity:1;
   -moz-transform:translateX(-20px)
  }
  100% {
   -moz-transform:translateX(0)
  }
 }
 @keyframes cd-bounce-2-inverse {
  0% {
   opacity:0;
   -webkit-transform:translateX(100px);
   -moz-transform:translateX(100px);
   -ms-transform:translateX(100px);
   -o-transform:translateX(100px);
   transform:translateX(100px)
  }
  60% {
   opacity:1;
   -webkit-transform:translateX(-20px);
   -moz-transform:translateX(-20px);
   -ms-transform:translateX(-20px);
   -o-transform:translateX(-20px);
   transform:translateX(-20px)
  }
  100% {
   -webkit-transform:translateX(0);
   -moz-transform:translateX(0);
   -ms-transform:translateX(0);
   -o-transform:translateX(0);
   transform:translateX(0)
  }
 }