*, ::after, ::before{box-sizing:border-box;}
.timeline-wrapper #wrapper .clearfix {
	*zoom: 1;
}

#barba-wrapper{
	position: relative;
	z-index: 1;
}

.timeline-wrapper #wrapper ::-moz-selection { /* Code for Firefox */
	color: #f17d27;
	background:none;
}

.timeline-wrapper #wrapper ::selection {
    color: #f17d27; 
	background:none;
}
.timeline-wrapper #wrapper ::-moz-selection {
  color: #f17d27;
  background:none;
}

.timeline-wrapper #wrapper ::-webkit-selection {
  color: #f17d27;
  background:none;
}
.timeline-wrapper #wrapper .container{
	max-width: 80%;
}
.timeline-wrapper #wrapper .container-fluid{
	max-width: 95%;
}
.timeline-wrapper #wrapper .clearfix:before, .clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.timeline-wrapper #wrapper .clearfix:after {
  clear: both;
}

.timeline-wrapper #wrapper .left {
  float: left;
}

.timeline-wrapper #wrapper .right {
  float: right;
}
.timeline-wrapper #wrapper img{
	max-width: 100%;
}

.timeline-wrapper #wrapper :focus {
  outline: none;
}

.timeline-wrapper #wrapper b, .timeline-wrapper #wrapper strong{
	font-family: 'Nunito Sans', sans-serif;
  	font-weight: 700;
}
.timeline-wrapper #wrapper ul, .timeline-wrapper #wrapper ul > li{
  list-style: none;
  margin: 0;
  padding: 0;
}

.timeline-wrapper #wrapper {
  margin: 0;
  padding: 0;
  font-size:20px;
  color: #5d707f;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
}
.timeline-wrapper #wrapper *{
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.timeline-wrapper #wrapper h1, .timeline-wrapper #wrapper h2, .timeline-wrapper #wrapper h3, .timeline-wrapper #wrapper h4, .timeline-wrapper #wrapper h5, .timeline-wrapper #wrapper h6 {
	font-style: normal;
	color:#455567;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 700;
	line-height: inherit;
	margin:  0;
}
.timeline-wrapper #wrapper p {
	color: #5d707f;
  	font-size: 20px;
  	line-height:36px;
	font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
}
.timeline-wrapper #wrapper a, .timeline-wrapper #wrapper a:hover{
	text-decoration:none;
	outline:none!important;
	color: #1dd1a1;
}
.timeline-wrapper #wrapper button:focus{
	outline:none!important;
}
.timeline-wrapper #wrapper section ul, .timeline-wrapper #wrapper section ol{
	padding-left: 20px;
}
.timeline-wrapper #wrapper section ul > li{
	list-style: disc;
	list-style-position: outside;
}

/******************************************/
/* GO */

#wrapper{
	padding:2vw 0;
	position:relative;
}

#wrapper::before{
	content:"";
	position:absolute;
	top:0;right:0;
	width:6vw;height:6vw;
	border:1vw solid #1cd1a1;
	border-bottom:0;border-left:0;
}
#wrapper::after{
	content:"";
	position:absolute;
	bottom:0;left:0;
	width:6vw;height:6vw;
	border:1vw solid #f7753c;
	border-top:0;border-right:0;
}


/* .timeline-header */
.timeline-wrapper #wrapper .timeline-header{width:80%;margin:auto;padding:0 3vw 3vw;position:relative;text-align:center;float:none;height:auto;background:none;top:inherit;left:inherit;}
.timeline-wrapper #wrapper .timeline-header h1{font-weight:800;font-size:3vw;line-height:1em;color:#3b4a57;padding:1vw;}
.timeline-wrapper #wrapper .timeline-header h1 span.green{color:#1cd1a1;}
.timeline-wrapper #wrapper .timeline-header h1 span.orange{color:#f7753c;}
.timeline-wrapper #wrapper .timeline-header h2{font-weight:400;font-size:1.5vw;line-height:1.2em;padding:0 2vw;width:80%;margin:auto;}
.timeline-wrapper #wrapper .timeline-header img{margin:2vw auto;width:70%;}

.timeline-wrapper #wrapper .timeline-footer{width:80%;margin:auto;padding:3vw 3vw 180px 3vw;position:relative;text-align:center;float:none;background:none;}
.timeline-wrapper #wrapper .timeline-footer h1{font-weight:800;font-size:3vw;line-height:1em;color:#3b4a57;padding-bottom:1vw;}
.timeline-wrapper #wrapper .timeline-footer h1 span{color:#7e8c96;}
.timeline-wrapper #wrapper .timeline-footer img{margin:2vw auto -2px;width:100%;}

#main{
	position:relative;
	min-height:510vh;
}
#line{
	background:#eaece9;
	width:7px;
	height:100%;
	margin:auto;
	position:absolute;
	left:49.7%;
	top:0;
}
.timeline-wrapper #wrapper .year{
	position:relative;
	margin-top:15vh;
	min-height:7vh;
}
.timeline-wrapper #wrapper .year h3{
	position:absolute;
	border-radius:50% 0%;
	background:#1cd1a1;
	padding:20px 10px;
	color:#fff;
	font-weight:800;
	font-size:28px;
	left:50%;top:0;
	margin-left:-45px;
	transition: all .2s;
	z-index:1;
/*
	animation: beat .25s infinite alternate;
	transform-origin: center;
*/
}
@keyframes beat{
	to { transform: scale(1.07); }
}
.timeline-wrapper #wrapper .yearleft h3{
	border-radius:0 50%;
}

.timeline-wrapper #wrapper .year .item{
	padding:0 2vw;
	width:35%;
	position:absolute;
	top:0;
	left:50%;
	z-index:2;
}
.timeline-wrapper #wrapper .year .second{
	margin-top:2vh;
	clear:both;
	position:relative;
}
.timeline-wrapper #wrapper .year .second::before{
	content:'';
	width:4vw;height:1vw;background:#fff;
	position:absolute;
	top:-1vw;
}
.timeline-wrapper #wrapper .yearright .second::before{left:0vw;}
.timeline-wrapper #wrapper .yearleft .second::before{right:0vw;}
.timeline-wrapper #wrapper .yearleft .item{
	margin-left:-36.5%
}
.timeline-wrapper #wrapper .yearleft .item h4{
	text-align:right;
}
.timeline-wrapper #wrapper .yearright .item{
	margin-left:1.35%;
}
.timeline-wrapper #wrapper .detail{padding-top:0vw;}

.timeline-wrapper #wrapper .year h4{font-size:1.6vw;text-align:left;line-height:1.2em;border-top:1vw solid #f6f6f6;padding:.5vw 0 .5vw 4vw;}
.timeline-wrapper #wrapper .yearleft .item h4{padding:.5vw 4vw .5vw 0;}
.timeline-wrapper #wrapper .year h4 span{color:#0196d4;}

.timeline-wrapper #wrapper .year p{font-size:.8vw;line-height:1.3em;text-align:left;margin:0 auto 0 4vw;}
.timeline-wrapper #wrapper .yearleft .item p{text-align:right;margin:0 4vw 0 auto;}

.timeline-wrapper #wrapper .year p a{font-weight:bold;display:inline-block;}
.timeline-wrapper #wrapper .yearleft .item p a{padding-right:1vw;}

.timeline-wrapper #wrapper .year p a:after{
	content:url(./../images/timeline/arrow.gif);
	position:relative; 
	left:1vw;
	top:.3vw;
	transition:all .1s ease-in-out;
	width:3vw;
}
.timeline-wrapper #wrapper .year p a:hover:after{
	padding-left:1vw;
}
.timeline-wrapper #wrapper .item img{display:block;margin-bottom:1vw;}
.timeline-wrapper #wrapper .item img.fleft{float:left;width:25%;margin-right:2vw;margin-bottom:0;}
.timeline-wrapper #wrapper .item img.fright{float:right;width:25%;margin-left:2vw;margin-bottom:0;}
.timeline-wrapper #wrapper .item img.big{width:40%;}
.timeline-wrapper #wrapper .item img.vbig{width:54%;}



.timeline-wrapper .ico {
  z-index:100;
  margin: 0 auto;
  text-align: center;
  width: 80px;
  height: 80px;
  position: fixed;
  top: 93vh; left:50%; margin-left:-42px;
  transform: translateY(-50%);
  filter: url("#goo");
}
.timeline-wrapper .ico .circle {
  background: #0196d4;
  border-radius: 50%;
  display: inline-block;
  height: 80px;
  width: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  transform-origin: 0%;
}
.timeline-wrapper .ico .circle.circle-top {
  height: 33.3333333333px;
  width: 41.6666666667px;
  animation: blob-1-anim 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  z-index: 0;
  top: 0;
}
.timeline-wrapper .ico .circle.circle-bottom {
  height: 33.3333333333px;
  width: 41.6666666667px;
  animation: blob-2-anim 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  z-index: 9;
  bottom: 0px;
}
.timeline-wrapper .ico .st-arrow {
  fill: #fff;
  animation: scrolly 3s cubic-bezier(0.77, 0, 0.175, 1) forwards infinite;
  perspective: 9000px;
  transform: translateZ(0);
  transform-origin: bottom;
}
.timeline-wrapper .svg {
  z-index: 9;
  position: relative;
}
@keyframes blob-1-anim {
  0% {
    transform: translateX(-50%) translateY(0);
  }
  14% {
    transform: translateX(-50%) translateY(-8px);
  }
  24% {
    transform: translateX(-50%) translateY(0);
  }
  100% {
    transform: translateX(-50%) translateY(0);
  }
}
@keyframes blob-2-anim {
  0% {
    transform: scale(1) translate(-50%, 10px);
  }
  30% {
    transform: scale(1) translate(-50%, 10px);
  }
  70% {
    transform: scale(1) translate(-50%, 10px);
  }
  95% {
    transform: scale(1) translate(-50%, 26px);
  }
  100% {
    transform: scale(1) translate(-50%, 10px);
  }
}
@keyframes scrolly {
  0% {
    transform: translate3d(0, -150%, 0) rotateX(90deg) scale(0.5) skewX(3deg);
  }
  30% {
    transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);
  }
  70% {
    transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);
  }
  95% {
    transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg);
  }
  100% {
    transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg);
  }
}

.timeline-wrapper #wrapper #img2001{width:20%;margin-top:-1vw;}
.timeline-wrapper #wrapper #img2003{width:20%;}
.timeline-wrapper #wrapper #img2004{margin-top:-1vh;width:30%;}
.timeline-wrapper #wrapper #img2007{margin-bottom:4vh;}
.timeline-wrapper #wrapper #img2009{width:50%;margin-left:auto;}
.timeline-wrapper #wrapper #img2013{margin-top:2vh;width:20%;}
.timeline-wrapper #wrapper #img2014{margin-top:-4vh;}
.timeline-wrapper #wrapper #img2015{margin-top:-1.5vh;width:30%;}
.timeline-wrapper #wrapper #img2018{width:22%;}

.timeline-wrapper #wrapper .year25{margin-top:25vh;}
.timeline-wrapper #wrapper .year30{margin-top:30vh;}
.timeline-wrapper #wrapper .year35{margin-top:35vh;}
.timeline-wrapper #wrapper .lastyear{padding-bottom:60vh;}

@media (max-width: 980px){
	.timeline-wrapper,html{overflow-x:hidden;width:100%;}
	.timeline-wrapper .ico{display:none;}
	#wrapper::before{width:12vw;height:12vw;border:2vw solid #1cd1a1;border-bottom:0;border-left:0;z-index:1000;}
	#wrapper::after{width:12vw;height:12vw;border:2vw solid #f7753c;border-top:0;border-right:0;}
	.timeline-wrapper #wrapper .timeline-header{width:95%;}
	.timeline-wrapper #wrapper .timeline-header h1{font-size:7vw;width:100%;padding:2vw 1vw 2vw;}
	.timeline-wrapper #wrapper .timeline-header h2{font-size:3vw;width:100%;line-height:1.3em;}
	.timeline-wrapper #wrapper .timeline-header img{margin:4vw auto;width:100%;}
	.timeline-wrapper #wrapper .timeline-footer{width:100%;padding-bottom:110px;}
	.timeline-wrapper #wrapper .timeline-footer img{margin:2vw auto;}
	.timeline-wrapper #wrapper .timeline-footer h1{font-size:5vw;line-height:1.2em;padding-bottom:2vw;}
	#main{min-height:510vh;}
	#line{width:7px;}
	.timeline-wrapper #wrapper .year{margin-top:15vh;}
	.timeline-wrapper #wrapper .year h3{font-size:4vw;margin-left:-5.8vw;padding:3vw 1.5vw;}
	.timeline-wrapper #wrapper .year .item{padding:0 4vw;width:45%;}
	.timeline-wrapper #wrapper .yearleft .item{margin-left:-47%;padding-left:0;}
	.timeline-wrapper #wrapper .yearright .item{margin-left:3%;padding-right:0;}
	.timeline-wrapper #wrapper .year h4{font-size:4vw;}
	.timeline-wrapper #wrapper .year p{font-size:2.5vw;}
	.timeline-wrapper #wrapper .year p a{font-size:3vw;}
	.timeline-wrapper #wrapper .year p a:after{left:1vw;top:1.7vw;}
	.timeline-wrapper #wrapper .year p a:hover:after{padding-left:0vw;}
	.timeline-wrapper #wrapper .item img{margin-bottom:2vw;}
	.timeline-wrapper #wrapper .item img.fleft{width:35%;margin-right:3vw;}
	.timeline-wrapper #wrapper .item img.fright{width:35%;margin-left:3vw;}
	.timeline-wrapper #wrapper #img2001{width:35%;margin-top:1vw;}
	.timeline-wrapper #wrapper #img2003{width:35%;}
	.timeline-wrapper #wrapper #img2004{margin-top:1vh;width:40%;}
	.timeline-wrapper #wrapper #img2008{width:40%;display:none}
	.timeline-wrapper #wrapper #img2009{width:80%;}
	.timeline-wrapper #wrapper #img2014{margin-top:0vh;}
	.timeline-wrapper #wrapper #img2015{margin-top:0vh;width:40%;margin-bottom:1vh;}
	.timeline-wrapper #wrapper #img2018{width:28%;}
	
	.timeline-wrapper #wrapper .d{display:none;}
	.timeline-wrapper #wrapper .yearmob25{margin-top:25vh !important;}
	.timeline-wrapper #wrapper .yearmob30{margin-top:30vh !important;}
	.timeline-wrapper #wrapper .yearmob35{margin-top:35vh !important;}
	.timeline-wrapper #wrapper .yearmob45{margin-top:45vh !important;}
}



@media (max-width: 980px) and (orientation: landscape){
	.timeline-wrapper #wrapper .year{min-height: 20vh;}
	.timeline-wrapper #wrapper .year p a:after{left:1vw;top:.6vw;}
	.timeline-wrapper #wrapper .year{margin-top:75vh;}
	.timeline-wrapper #wrapper .yearmob25{margin-top:75vh !important;}
	.timeline-wrapper #wrapper .yearmob30{margin-top:85vh !important;}
	.timeline-wrapper #wrapper .yearmob35{margin-top:110vh !important;}
	.timeline-wrapper #wrapper .yearmob45{margin-top:130vh !important;}	
	.timeline-wrapper #wrapper .lastyear{padding-bottom:180vh;}
	.timeline-wrapper #wrapper .year2017{margin-top: 130vh !important;}
	.timeline-wrapper #wrapper .year2019{margin-top: 150vh !important;}
	.timeline-wrapper #wrapper .year2021{margin-top: 105vh !important;}
	#main{min-height: 1960vh;}
}