.clearfix:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

.timeline {
  max-width: 1000px;
  margin: auto;
 font-family:Meera,Arial,Helvetica,sans-serif;
}
.timeline-header {
  padding: 10px;
  background: #dfe7ea url(/images/right-header.png) right no-repeat;
  font-weight: 600;
  border: solid thin #cccccc;
  background-size: contain;
}
.timeline-header h1 {
  font-size: 27px;
  text-transform: uppercase;
  color: #990000;
  line-height: 30px;
  text-align: center;
}
.timeline-header p {
  color: #333333;
  font-size: 15px;
  line-height: 22px;
  padding-top: 5px;
  padding-right: 165px;
}
.timeline-container {
  position: relative;
  padding-bottom: 30px;
}
.timeline-container:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 1px;
  height: 100%;
  background: #cccccc;
}

.month-block {
  padding: 10px 0;
  position: relative;
}
.month-block .month-head {
  position: absolute;
  left: 0;
  right: 0;
  background: #cc6666;
  width: 120px;
  margin: auto;
  text-align: center;
  padding: 10px 0;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  color: #ffffff;
  border-style: solid;
  border-width: 5px;
  border-color: #eeeeee;
  border-radius: 20px;
  -moz-transition: all 0.27s ease-in;
  -o-transition: all 0.27s ease-in;
  -webkit-transition: all 0.27s ease-in;
  transition: all 0.27s ease-in;
}
.month-block ul {
  padding-top: 50px;
}
.month-block ul li {
  position: relative;
  height: 70px;
}
.month-block ul li:before {
  content: "";
  position: absolute;
  margin: auto;
  height: 1px;
  width: 140px;
  background: #cccccc;
  top: 40px;
  bottom: 0;
}
.month-block ul li a {
  width: 40%;
  display: block;
  color: #333333;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  line-height: 22px;
  -moz-transition: all 0.27s ease;
  -o-transition: all 0.27s ease;
  -webkit-transition: all 0.27s ease;
  transition: all 0.27s ease;
}
.month-block ul li a:hover {
  color: #000000;
}
.month-block ul li a:after {
  content: "";
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: solid 4px #eeeeee;
  background: #cc6666;
  top: 0;
  bottom: 0;
  margin: auto;
  visibility: visible;
  -moz-transition: all 0.27s ease;
  -o-transition: all 0.27s ease;
  -webkit-transition: all 0.27s ease;
  transition: all 0.27s ease;
}
.month-block ul li a .image {
  float: left;
  width: 90px;
  height: 90px;
  border-style: solid;
  border-width: 5px;
  border-color: white;
  border-radius: 50%;
  box-shadow: 0px 3px 8.37px 0.63px rgba(0, 0, 0, 0.7);
}
.month-block ul li a .image img {
  width: 100%;
  display: block;
      border-radius: 50%;
    height: 100%;
}
.month-block ul li a .text {
  float: left;
  width: 280px;
  padding-top: 20px;
}
.month-block ul li a .date {
  position: absolute;
  top: 25px;
  font-size: 16px;
  color: #999999;
}
.month-block ul li a .date strong {
  font-size: 18px;
  color: #333333;
}
.month-block ul li:nth-child(2n):before {
  right: 50%;
}
.month-block ul li:nth-child(2n) a {
  float: left;
  padding-right: 10%;
}
.month-block ul li:nth-child(2n) a .image {
  float: right;
  margin-right: 0;
  margin-left: 10px;
}
.month-block ul li:nth-child(2n) a .text {
  float: right;
  text-align: right;
}
.month-block ul li:nth-child(2n) a .date {
  right: 35px;
}
.month-block ul li:nth-child(2n) a:after {
  right: -9px;
}
.month-block ul li:nth-child(2n-1):before {
  left: 50%;
}
.month-block ul li:nth-child(2n-1) a {
  float: right;
  padding-left: 10%;
}
.month-block ul li:nth-child(2n-1) a .image {
  margin-right: 10px;
}
.month-block ul li:nth-child(2n-1) a .date {
  left: 35px;
}
.month-block ul li:nth-child(2n-1) a:after {
  left: -9px;
}

.month-block:nth-child(1) .month-head {
  background: #da635a;
}
.month-block:nth-child(1) ul li a:after {
  background: #da635a !important;
}
.month-block:nth-child(1) ul li:hover a:after {
  background: #d13c30 !important;
}
.month-block:hover:nth-child(1) .month-head {
  background: #d13c30;
}

.month-block:nth-child(2) .month-head {
  background: #ee9a21;
}
.month-block:nth-child(2) ul li a:after {
  background: #ee9a21 !important;
}
.month-block:nth-child(2) ul li:hover a:after {
  background: #cc7f10 !important;
}
.month-block:hover:nth-child(2) .month-head {
  background: #cc7f10;
}

.month-block:nth-child(3) .month-head {
  background: #243a8c;
}
.month-block:nth-child(3) ul li a:after {
  background: #243a8c !important;
}
.month-block:nth-child(3) ul li:hover a:after {
  background: #1a2963 !important;
}
.month-block:hover:nth-child(3) .month-head {
  background: #1a2963;
}

.month-block:nth-child(4) .month-head {
  background: #008181;
}
.month-block:nth-child(4) ul li a:after {
  background: #008181 !important;
}
.month-block:nth-child(4) ul li:hover a:after {
  background: #004e4e !important;
}
.month-block:hover:nth-child(4) .month-head {
  background: #004e4e;
}

.month-block:nth-child(5) .month-head {
  background: #f15a22;
}
.month-block:nth-child(5) ul li a:after {
  background: #f15a22 !important;
}
.month-block:nth-child(5) ul li:hover a:after {
  background: #d3430d !important;
}
.month-block:hover:nth-child(5) .month-head {
  background: #d3430d;
}

.month-block:nth-child(6) .month-head {
  background: #4e8f43;
}
.month-block:nth-child(6) ul li a:after {
  background: #4e8f43 !important;
}
.month-block:nth-child(6) ul li:hover a:after {
  background: #3b6c33 !important;
}
.month-block:hover:nth-child(6) .month-head {
  background: #3b6c33;
}

.month-block:nth-child(7) .month-head {
  background: #8c6424;
}
.month-block:nth-child(7) ul li a:after {
  background: #8c6424 !important;
}
.month-block:nth-child(7) ul li:hover a:after {
  background: #63471a !important;
}
.month-block:hover:nth-child(7) .month-head {
  background: #63471a;
}

.month-block:nth-child(8) .month-head {
  background: #810027;
}
.month-block:nth-child(8) ul li a:after {
  background: #810027 !important;
}
.month-block:nth-child(8) ul li:hover a:after {
  background: #4e0018 !important;
}
.month-block:hover:nth-child(8) .month-head {
  background: #4e0018;
}

.month-block:nth-child(9) .month-head {
  background: #009946;
}
.month-block:nth-child(9) ul li a:after {
  background: #009946 !important;
}
.month-block:nth-child(9) ul li:hover a:after {
  background: #00662f !important;
}
.month-block:hover:nth-child(9) .month-head {
  background: #00662f;
}

.month-block:nth-child(10) .month-head {
  background: #665ec7;
}
.month-block:nth-child(10) ul li a:after {
  background: #665ec7 !important;
}
.month-block:nth-child(10) ul li:hover a:after {
  background: #473eb4 !important;
}
.month-block:hover:nth-child(10) .month-head {
  background: #473eb4;
}

.month-block:nth-child(11) .month-head {
  background: #075598;
}
.month-block:nth-child(11) ul li a:after {
  background: #075598 !important;
}
.month-block:nth-child(11) ul li:hover a:after {
  background: #053a67 !important;
}
.month-block:hover:nth-child(11) .month-head {
  background: #053a67;
}

.month-block:nth-child(12) .month-head {
  background: #ba44ab;
}
.month-block:nth-child(12) ul li a:after {
  background: #ba44ab !important;
}
.month-block:nth-child(12) ul li:hover a:after {
  background: #953689 !important;
}
.month-block:hover:nth-child(12) .month-head {
  background: #953689;
}

.share {
  position: fixed;
  bottom: 30px;
  margin-left: 960px;
}
.share a {
  display: block;
  width: 40px;
  height: 40px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.share .share-facebook {
  background: #315c97 url(/images/facebook1.png) no-repeat center;
}
.share .share-facebook:hover {
  background-color: #2b5084;
}
.share .share-twitter {
  background: #39a9e0 url(/images/twitter.png) no-repeat center;
}
.share .share-twitter:hover {
  background-color: #239fdd;
}
.share .share-gplus {
  background: #dd4b39 url(/images/gplus-new.png) no-repeat center;
}
.share .share-gplus:hover {
  background-color: #d73925;
}
.share .share-youtube {
  background: #bd2125 url(/images/youtube.png) no-repeat center;
}
.share .share-youtube:hover {
  background-color: #a71d21;
}
.month-block:nth-child(13) .month-head {
    background: #ba44ab;
    }

    .month-block:nth-child(14) .month-head {
        background: #075598;
	}

	.month-block:nth-child(15) .month-head {
	    background: #009946;
	    }

	    .month-block:nth-child(16) .month-head {
	        background: #009946;
		}

		.month-block:nth-child(17) .month-head {
		    background: #810027;
		    }

		    .month-block:nth-child(18) .month-head {
		        background: #8c6424;
			}
.month-block:nth-child(13) .month-head {
  background: #f15a22;
  }
  .month-block:nth-child(13) ul li a:after {
    background: #f15a22 !important;
    }
    .month-block:nth-child(13) ul li:hover a:after {
      background: #d3430d !important;
      }
      .month-block:hover:nth-child(13) .month-head {
        background: #d3430d;
	}
	.month-block:nth-child(14) .month-head {
	  background: #810027;
	  }
	  .month-block:nth-child(14) ul li a:after {
	    background: #810027 !important;
	    }
	    .month-block:nth-child(14) ul li:hover a:after {
	      background: #4e0018 !important;
	      }
	      .month-block:hover:nth-child(14) .month-head {
	        background: #4e0018;
		}
		.month-block:nth-child(15) .month-head {
		  background: #075598;
		  }
		  .month-block:nth-child(15) ul li a:after {
		    background: #075598 !important;
		    }
		    .month-block:nth-child(15) ul li:hover a:after {
		      background: #053a67 !important;
		      }
		      .month-block:hover:nth-child(15) .month-head {
		        background: #053a67;
			}