.timeline{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.timeline *,.timeline :after,.timeline :before{-webkit-box-sizing:inherit;box-sizing:inherit}.timeline:not(.timeline--horizontal):before{background-color:#ddd;bottom:0;content:'';left:50%;margin-left:-2px;position:absolute;top:0;width:4px;z-index:1}.timeline__wrap{overflow:hidden;position:relative;z-index:2}.timeline__item{font-size:16px;font-size:1rem;padding:.625rem 2.5rem .625rem 0;position:relative;width:50%;z-index:2}.timeline__item:after{background-color:#fff;border:4px solid #ddd;border-radius:50%;content:'';height:20px;position:absolute;right:-10px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;width:20px;z-index:1}.timeline__item.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;opacity:0}.timeline__item.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}.timeline__item--left{left:0}.timeline__item--right{left:50%;padding:.625rem 0 .625rem 2.5rem}.timeline__item--right:after{left:-10px}.timeline__item--right .timeline__content:before{border-bottom:10px solid transparent;border-right:12px solid #ccc;border-left:none;border-top:10px solid transparent;left:-12px}.timeline__item--right .timeline__content:after{border-bottom:9px solid transparent;border-right:11px solid #fff;border-left:none;border-top:9px solid transparent;left:-10px}.timeline__content{background-color:#fff;border:1px solid #ccc;border-radius:10px;color:#333;display:block;padding:1.25rem;position:relative}.timeline__content:after,.timeline__content:before{content:'';height:0;position:absolute;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;width:0}.timeline__content:before{border-bottom:10px solid transparent;border-left:12px solid #ccc;border-top:10px solid transparent;right:-12px;z-index:1}.timeline__content:after{border-bottom:9px solid transparent;border-left:11px solid #fff;border-top:9px solid transparent;right:-10px;z-index:2}.timeline__content h2{font-size:1.25rem;font-weight:700;margin:0 0 .625rem}.timeline__content p{font-size:.9375rem;line-height:1.5;margin-bottom:10px}.timeline--horizontal{font-size:0;padding:0 3.125rem;overflow:hidden;white-space:nowrap}.timeline--horizontal .timeline-divider{background-color:#ddd;display:block;height:4px;left:40px;position:absolute;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:40px;z-index:1}.timeline--horizontal .timeline__items{-webkit-transition:all .8s;-o-transition:all .8s;transition:all .8s;will-change:transform}.timeline--horizontal .timeline__item{display:inline-block;left:0;padding:0 0 2.5rem;position:relative;-webkit-transition:none;-o-transition:none;transition:none;vertical-align:top;white-space:normal}.timeline--horizontal .timeline__item:after{left:50%;right:auto;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:100%}.timeline--horizontal .timeline__item .timeline__item__inner{display:table;height:100%;width:100%}.timeline--horizontal .timeline__item .timeline__content__wrap{display:table-cell;margin:0;padding:0;vertical-align:bottom}.timeline--horizontal .timeline__item .timeline__content:before{border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #ccc;left:50%;right:auto;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:100%}.timeline--horizontal .timeline__item .timeline__content:after{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;left:50%;right:auto;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:100%}.timeline--horizontal .timeline__item--bottom{padding:2.5rem 0 0}.timeline--horizontal .timeline__item--bottom:after{top:0}.timeline--horizontal .timeline__item--bottom .timeline__content__wrap{vertical-align:top}.timeline--horizontal .timeline__item--bottom .timeline__content:before{border-bottom:12px solid #ccc;border-left:12px solid transparent;border-right:12px solid transparent;border-top:none;bottom:100%;top:auto}.timeline--horizontal .timeline__item--bottom .timeline__content:after{border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;border-top:none;bottom:100%;top:auto}.timeline-nav-button{background-color:#fff;border:2px solid #ddd;border-radius:50px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;display:block;height:40px;outline:0;position:absolute;text-indent:-9999px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;width:40px;z-index:10}.timeline-nav-button:disabled{opacity:.5;pointer-events:none}.timeline-nav-button:before{background-position:center center;background-repeat:no-repeat;content:'';display:block;height:14px;left:50%;position:absolute;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);top:50%;width:8px}.timeline-nav-button--prev{left:0}.timeline-nav-button--prev:before{background-image:url(../images/arrow-left.svg)}.timeline-nav-button--next{right:0}.timeline-nav-button--next:before{background-image:url(../images/arrow-right.svg)}.timeline--mobile{padding:0}.timeline--mobile:before{left:10px!important;margin:0!important}.timeline--mobile .timeline__item{left:0;padding-left:40px;padding-right:0;width:100%}.timeline--mobile .timeline__item:after{left:2px;margin:0}.timeline--mobile .timeline__item .timeline__content:before{left:-12px;border-bottom:12px solid transparent;border-right:12px solid #ccc;border-left:none;border-top:12px solid transparent}.timeline--mobile .timeline__item .timeline__content:after{left:-10px;border-bottom:10px solid transparent;border-right:10px solid #fff;border-left:none;border-top:10px solid transparent}@-webkit-keyframes fadeIn{0%{opacity:0;top:70px}100%{opacity:1;top:0}}@keyframes fadeIn{0%{opacity:0;top:70px}100%{opacity:1;top:0}}@-webkit-keyframes liftUp{0%{top:0}100%{top:-15px}}@keyframes liftUp{0%{top:0}100%{top:-15px}}
.timeline_icon{
	position: absolute;
    text-align: center;
    left: 20%;
    transform: translateX(-50%);
}
.timeline__item--bottom .timeline_icon{
	top: -110px;
	bottom:auto;
}
.timeline__item--top .timeline_icon{
	bottom: -110px;
	top:auto;
}
/*.timeline-nav-button--prev {
    top: auto !important;
    bottom: 0;
}
.timeline-nav-button--next{
	top: auto !important;
    bottom: 0;
    right: auto;
}*/
.timeline__item:after {
    background-color: #fed501;
	border: 9px solid #00984b;
	height: 30px;
	width: 30px;
}
.timeline--horizontal .timeline__item:after {
    left: 20%;
}
.timeline--horizontal .timeline__item .timeline__content:after{
	left: 20%;
}
.timeline--horizontal .timeline__item .timeline__content:before{
	left: 20%;
}
.timeline__item .pointer {
      width: 140px;
    height: 36px;
    background: #12525B;
    position: absolute;
    left: 41%;
    top: auto;
    bottom: -20px;
background: transparent;
background-repeat: no-repeat;
    background-size: 140px;

}
.timeline__item--bottom .pointer{
	top: -16px;
    bottom: auto;
}
.timeline__item .pointer:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 20px solid #ffffff;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
display:none;
}
.timeline__item .pointer:before {
  content: "";
  position: absolute;
  right: -20px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 20px solid #12525B;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
display:none;
}
.timeline__item .pointer-darkgreen{
    background-image: url(../image/green-arrow-1.png);
}
.timeline__item .pointer-darkgreen:before{
	border-left: 20px solid #12525B;
}
.timeline__item .pointer-lightblue{
	background-image: url(../image/green-arrow-1.png);
}
.timeline__item .pointer-lightblue:before{
	border-left: 20px solid #47A5DA;
}
.timeline__item .pointer-darkgray{
	background-image: url(../image/green-arrow-1.png);
}
.timeline__item .pointer-darkgray:before{
	border-left: 20px solid #938296;
}
.timeline__item .pointer-lightgreen{
	background-image: url(../image/green-arrow-1.png);
}
.timeline__item .pointer-lightgreen:before{
	border-left: 20px solid #48A7AF;
}
.timeline__content{
	border-radius:0 !important;
}
.timeline--horizontal .timeline-divider{
	display:none;
}
.timeline-nav-button--prev:before {
    background-image: url(../image/left-arrow.svg);
	background-size:18px;
}
.timeline-nav-button--next:before {
    background-image: url(../image/right-arrow.svg);
	background-size:18px;
}
.timeline-nav-button:before{
	height: 22px;
	width: 23px;
}
.timeline-nav-button {
    background-color: #00984b;
	border:0;
bottom: -20px;
}
/*.timeline-nav-button--next{
	left: 100px;
}
.timeline-nav-button--prev {
    left: 40px;
}*/
.timeline__content{
	max-width:250px;
padding:15px;
}
.timeline__wrap{
background:transparent;
	background-image: url('../image/map-1.png');
background-repeat: no-repeat;
background-size: contain;  
padding-bottom:20px;
    margin-left: 60px;
    margin-right: 80px;  
}
.timeline_icon img{
max-width:80px;
}
.timeline--horizontal{
padding:0;
}
button:focus {
    outline: 1px dotted;
    outline: none;
}
.timeline__content h2{
    color: #00984b;
}
.timeline__content p{
color: #999999;
    font-weight: 400;
font-size: 14px;
}

@media only screen and (max-width:1199px){
.timeline_icon img{
max-width:70px;
}
.timeline__item--bottom .pointer {
    top: -15px;
}
.timeline__item .pointer{
    width: 120px;
    height: 30px;
    background-size: 120px;
    bottom: -15px;
}
.timeline__item--bottom .timeline_icon {
    top: -95px;
}
.timeline__item--top .timeline_icon {
    bottom: -95px;
}

}
@media only screen and (max-width:991px){
.timeline_icon img{
max-width:60px;
}
.timeline__item--bottom .pointer {
    top: -10px;
}
.timeline__item .pointer{
    width: 75px;
    height: 20px;
background-size: 75px;
bottom: -10px;
}
.timeline__item--bottom .timeline_icon {
    top: -85px;
}
.timeline__item--top .timeline_icon {
    bottom: -85px;
}
}

@media only screen and (max-width:700px){
.timeline--mobile .timeline__item{
padding-left:80px;
}
.timeline__item--top .timeline_icon {
    bottom: auto;
    top: 0;
    left: 0;
    transform: none;
}
.timeline_icon{
left: 0;
    transform: none;
    top: 50% !important;
    transform: translateY(-50%) !important;
}
.timeline_icon img{
max-width:60px;
}
.timeline__item .pointer{
transform: rotate(90deg);
    left: -60px;
display:none;
}
.timeline--mobile:before {
    left: 30px!important;
}
.timeline__item:after{
display:none;
}
.timeline__wrap{
background-image:none;
margin-left:0;
margin-right:0;
}

}