section *, section *:after, section *:before {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box; }

  .milestone { /* margin-top:-60px */ }

  #cd-timeline img      { border-bottom:5px solid #f4364c}
  #cd-timeline          { margin-bottom:3em; }
  #cd-timeline::before  { left:50%; margin-left:-2px; }

  .m-date      	 { color:#f4364c;}
  .m-more    		 { position:absolute; bottom:10px; right:10px; font-size:16px; z-index:50}
  .m-more a  		 { cursor:pointer;}
  .m-more a:hover  { color:#f4364c;}
	.m-intro 		 { padding:10px 30px 10px 20px}

	/*.year 			 { width:100%; text-align:center;}*/

  .no-circle 		{
			          border-radius:50%;
			          margin: 0 auto 0 0;
			          line-height:0;
			          position:relative;
			          behavior: url(PIE.htc); /* remove if you don't care about IE8 */
			          width:80px;
			          height:80px;
			          padding:40px 0;
			          background:#13426b;
			          color: #fff;
			          text-align:center;
			          font-size:20px;
			          font-weight:normal;
			          letter-spacing:-0.8px;
			          margin-top:60px
			          }


  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
		    -webkit-animation: cd-bounce-2-inverse 0.6s;
		       -moz-animation: cd-bounce-2-inverse 0.6s;
		            animation: cd-bounce-2-inverse 0.6s; }

  .cd-timeline-content    			{ margin-left:0; width:45%; position:relative; margin-left:60px; background:#ececec}
  .cd-timeline-content::before  { top:15px; left:100%; border-color:transparent; border-left-color: #ececec; }

  .cd-timeline-block       				{ position:relative; margin:20px 0; }
  .cd-timeline-block .video-cover		{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; cursor: pointer; background-size: cover; background-position: center center; }
  .cd-timeline-block .video-cover .video-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 120px; color: #fff; opacity: 0.6; }

  .cd-timeline-block:nth-child(even) .cd-timeline-content 			    {/* float:right; */}
  .cd-timeline-block .cd-timeline-content::before 	{top:1px;left:auto;right:100%;border-color: transparent;border-right-color: #ececec;}
  
  .cssanimations .cd-timeline-content.is-hidden { visibility: hidden;}
  .cssanimations .cd-timeline-content.bounce-in { visibility: visible;
                                                  -webkit-animation: cd-bounce-2 0.6s;
                                                     -moz-animation: cd-bounce-2 0.6s;
                                                          animation: cd-bounce-2 0.6s; }

  .cd-timeline-img    {
                              width:15px;
                              height:15px;
                              left: 42px;
                              top:10px;
                              margin:-9px;
                              background:#f4364c;
                              border-radius:50%;
                              -webkit-transform: translateZ(0);
                              -webkit-backface-visibility: hidden;
                              }

  .cssanimations .cd-timeline-img.is-hidden { visibility: hidden;}
 	.cssanimations .cd-timeline-img.bounce-in { visibility: visible;
                      -webkit-animation: cd-bounce-1 0.6s;
                         -moz-animation: cd-bounce-1 0.6s;
                              animation: cd-bounce-1 0.6s; }


  #cd-timeline::before  {content: '';position:absolute;top:20px;left: 42px;margin-left: -2px;height:100%;width:1px;background:#ececec;} /* this is the vertical line */
  .cd-timeline-content  {margin-left:0;width: calc(100% - 80px);float: right;}
  .cd-timeline-content::before  {content: '';position: absolute;/* top: 1px; *//* right: 100%; */height: 0;width: 0;border: 12px solid transparent;border-left: 12px solid #13426b;}


	/* ==========================================================================
	    Media Style
	============================================================================= */
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	.cd-timeline-content  { line-height:1.4}
  .cd-timeline-content  { width:45%; }

	}

	@media only screen and (max-width:767px) {
  .milestone { margin-top:-50px}

  .no-circle 		{ margin:50px 0 0 -10px;  width:50px; height:50px; padding:15px 0; font-size:15px; line-height:1.3}

  #cd-timeline::before  			{ top:50px; left:17px; } /* this is the vertical line */
  .cd-timeline-block    			{ margin:20px 0; }
  .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;}



  .cd-timeline-content  		{ position:relative; margin-left:50px; width:calc(100% - 50px); background:#ececec;}
  /* .cd-timeline-content::before,
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before
                                { content: ''; position:absolute; top:14px; left:-20px; right:0;
                                  width: 0;
                                  height: 0;
                                  border-style: solid;
                                  border-width: 15px 20px 15px 0;
                                  border-color: transparent #13426b transparent transparent;
                                  } */

  .cd-timeline-block:nth-child(even) .cd-timeline-content { /* float:left */ }
  .cd-timeline-img    	{ width:10px; height:10px; left:19.5px; /* top:26px; */ background:#f4364c; border-radius:50%;
                              -webkit-transform: translateZ(0);
                    -webkit-backface-visibility: hidden;}

  }

  @-webkit-keyframes cd-bounce-1 {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.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(0.5);
    }

    60% {
      opacity: 1;
      -moz-transform: scale(1.2);
    }

    100% {
      -moz-transform: scale(1);
    }
  }
  @keyframes cd-bounce-1 {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.5);
      -moz-transform: scale(0.5);
      -ms-transform: scale(0.5);
      -o-transform: scale(0.5);
      transform: scale(0.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);
    }
  }



  @-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);
    }
  }