.clearfix:after {
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}

.clearfix {
display:inline-block;
}

* html .clearfix {
height:1%;
}


.header.fixed,.slide .content.fixed {
position:fixed!important;
top:0;
left:0;
right:0;
}

.slide {
position:relative;
width:100%;
height:100%;
}

.slide .content {
position:relative;
top:0;
left:0;
width:100%;
overflow:hidden;
z-index:10;
}

.slide[data-size] .content {
position:absolute;
}

.slide .content.bottom {
bottom:0;
top:auto;
}

.box h1 {
font-size:104px;
font-weight:900;
color:#eeece4;
margin:0;
padding:10px 0;
}

.bordered-text {
border-top:2px solid rgba(255,255,255,.2);
border-bottom:2px solid rgba(255,255,255,.2);
font-size:24px;
line-height:36px;
text-transform:uppercase;
}

.info-box {
font-size:17px;
line-height:24px;
}

.heading-box {
text-align:center;
color:#eeece4;
}

.left {
text-align:left;
}

.heading-box h1 {
font-size:80px;
line-height:80px;
border-top:2px solid rgba(255,255,255,.2);
border-bottom:2px solid rgba(255,255,255,.2);
font-weight:900;
display:inline-block;
margin:20px 0;
padding:20px 0;
}

.heading-box h1.small {
font-size:64px;
line-height:64px;
}

.heading-box h2 {
font-size:24px;
line-height:30px;
font-weight:400;
text-transform:uppercase;
margin:0;
padding:0;
}

.slide-0 .inner {
width:564px;
height:480px;
position:absolute;
top:50%;
left:50%;
margin-top:-300px;
margin-left:-282px;
z-index:20;
background:url(../images/timelines/timeline.png);
-webkit-transform:perspective(1000px) rotateX(80deg);
-webkit-transform-origin:50% 50%;
-webkit-transition:all .4s ease-out;
-webkit-transition-delay:.3s;
transform:perspective(1000px) rotateX(80deg);
transform-origin:50% 50%;
transition:all .4s ease-out;
transition-delay:.3s;
opacity:0;
}

.slide-0 img {
visibility:hidden;
}

.slide-0 img.shown {
visibility:visible;
}

.slide-0 .logo {
position:absolute;
top:50%;
left:50%;
margin-top:200px;
margin-left:-75px;
z-index:20;
-webkit-transform:translateY(-70px) translateZ(0);
transform:translateY(-70px);
}

.slide-0 .scrollDown {
position:absolute;
bottom:5%;
z-index:20;
left:50%;
margin-left:-40px;
padding-top:15px;
font-size:11px;
text-transform:uppercase;
color:#ffdf80;
background:url(../img/arrow.png) no-repeat;
background-position:center top;
background-size:20px;
-webkit-transform:translateY(200px);
transform:translateY(200px);
}

.slide-0 .logo,.slide-0 .inner,.slide-0 .scrollDown {
-webkit-transition:all .2s ease-out;
transition:all .2s ease-out;
opacity:0;
}

.slide-0 .shown .logo,.slide-0 .shown .scrollDown {
-webkit-transition-delay:.6s;
transition-delay:.6s;
}

.slide-0 .video img {
position:absolute;
left:50%;
}

.slide-01 .timeline {
width:100%;
height:7444px;
background:url(../images/timelines/timeline-1.png) repeat-y;
background-size:700px auto;
background-position:center top;
position:relative;
margin:0 auto;
margin-bottom:0px;
}

.ie .timeline {
background-size:auto;
}

.slide-01 .img {
position:fixed;
width:100%;
z-index:0;
left:50%;
top:0;
opacity:0;
-webkit-transition:opacity .6s ease-out;
transition:opacity .6s ease-out;
-webkit-transition-delay:.3s;
transition-delay:.3s;
height:100%;
-webkit-transform:translateZ(0);
}

.slide-01 .img.active {
opacity:1;
-webkit-transition-delay:0;
}

.slide-01 .content .splash-image {
position:absolute;
top:0;
width:100%;
}

.slide-01 .content .splash-image img {
position:absolute;
top:50%;
left:50%;
margin-top:-281px;
margin-left:-480px;
}

.slide-01 .lines {
position:absolute;
top:0;
left:0;
width:100%;
}

.slide-01 .line {
height:800px;
/*background:url(../images/timelines/dotted_line.png) repeat-x;
background-position:center bottom;*/
width:100%;
}

.slide-01 .line-2 {
/*top:950px;*/
top:0px;
}

.slide-01 .inner {
width:700px;
position:relative;
margin:0 auto;
}

.slide-01 .circle {
width:187px;
height:117px;
background:url(../images/timelines/circle.png) no-repeat;
display:block;
position:absolute;
left:51%;
margin-left:-395px;
margin-top:-55px;
-webkit-transition:0 .3s ease-out,opacity .3s ease-out;
-webkit-transform:scale(0);
transition:transform .3s ease-out,opacity .3s ease-out;
transform:scale(0);
opacity:0;
}

.slide-01 .right .circle {
margin-left:175px;
}

.slide-01 .box {
margin-top:-450px;
width:600px;
height:443px;
margin-left:-300px;
text-align:right;
background:url(../images/timelines/frame_01.png) no-repeat;
position:absolute;
left:50%;
z-index:20;
opacity:0;
-webkit-transform-origin:0 50%;
-webkit-transform:translateY(-50px);
-webkit-transition:all .3s ease-out;
-webkit-transition-delay:.1s;
transform-origin:0 50%;
transform:translateY(-50px);
transition:all .3s ease-out;
transition-delay:.1s;
padding:0px;
}
.slide-01 .box img{
width:100%;
}

.slide-01 .right .box {
background:url(../images/timelines/frame_02.png) no-repeat;
margin-left:-345px;
text-align:left;
-webkit-transform-origin:100% 50%;
-webkit-transform:translateY(-50px);
transform-origin:100% 50%;
transform:translateY(-50px);
}

.slide-01 .box h1 {
color:#ffdf80;
font-size:50px;
line-height:50px;
font-weight:900;
text-transform:uppercase;
margin:0;
padding:0;
}

.slide-01 .box h1 small {
font-size:24px;
line-height:30px;
font-weight:400;
display:block;
text-transform:none;
}

.slide-01 .box p {
color:#eeece4;
font-size:17px;
line-height:24px;
position:absolute;
bottom:90px;
right:70px;
}

.slide-01 .right .box p {
left:70px;
right:auto;
}

html[xmlns] .clearfix,.slide-7 .bg.shown,.slide-10 .bg.shown,.slide-10 .rectangle-box.shown,.slide-01 .bgs.shown,.slide-01 .bgs.shown .img {
display:block;
}

.header.shown {
-webkit-transform:translateY(0) translateZ(0);
transform:translateY(0);
}

.header-4 .border,.header-5 .border {
background-image:url(../images/timelines/header-4.png);
}

.info-box b {
font-size:48px;
line-height:48px;
font-weight:400;
}

.right,.slide-15 .heading-box .right h2 {
text-align:right;
}

.heading-box h1>span,.slide-01 .box h1 span {
font-weight:300;
}

.mobile .slide-0 img,.slide-01 .bgs,.slide-01 .bgs .img {
display:none;
}

.slide-0 .shown .logo,.slide-0 .shown .inner,.slide-0 .shown .scrollDown,.slide-15 .heading-box.shown {
opacity:1;
-webkit-transform:none;
transform:none;
}

.slide-0,.slide-01 .img.splash {
background:#1F820D;
background-image:0;
    text-align: center;
    color: #fff;
}

.slide-01 .active .box,.mobile .slide-01 .box,.slide-01 .active .circle,.mobile .slide-01 .circle {
-webkit-transform:none;
transform:none;
opacity:1;
}

.slide-01 .line.last,.slide-01 .line.no-border {
background:0;
}

.slide-01 .line-1,.slide-15 .position-3 .note {
/*margin-top:50px;*/
margin-top:0px;
}

@media  (max-width: 1680px) {
.slide-01 .circle {
    left: 54%;
    margin-left: -420px;
    margin-top: -35px;
    background-size: 70%;
}

.slide-01 .box, .slide-01 .right .box{
    margin-top: -365px;
    width: 500px;
    height: 100%;
    margin-left: -285px;
    background-size: 100%;
}
.slide-01 .right .box {
    left: 55%;
}
.slide-01 .right .circle {
    margin-left: 160px;
}
}

@media only screen and (max-width: 768px) {
.slide-01 .circle {
    left: 56%;
    margin-left: -400px;
    margin-top: -38px;
    background-size: 70%;
}

.slide-01 .box, .slide-01 .right .box{
    margin-top: -385px;
    width: 520px;
    height: 100%;
    margin-left: -300px;
    background-size: 100%;
}
.slide-01 .right .box {
    left: 60%;
}
.slide-01 .right .circle {
    margin-left: 180px;
}
}

@media only screen and -Webkit-min-device-pixel-ratio15,only screen and -moz-min-device-pixel-ratio15,only screen and -o-min-device-pixel-ratio32,only screen and min-device-pixel-ratio15{

}

@media only screen and (max-width: 767px){
.slide-01 .timeline {
    height: 6700px;
    background-size: 90% 27% !important;
}
.slide-01 .circle {
    left: 66%;
    margin-left: -400px;
    margin-top: -38px;
    background-size: 70%;
}
.slide-01 .right .circle {
    margin-left: 205px;
    left: 54%;
}
.slide-01 .box, .slide-01 .right .box{
    width: 485px;
}
.slide-01 .right .box {
    left: 60%;
}
.slide-01 .line {
    /*height: 724px;*/
    width: 100%;
     background-size:100% 100%;
}
.slide-01 .right .circle {
    margin-left: 145px;

}

.slide-01 .box {
    margin-top: -350px;
    margin-left: -245px;

}
.slide-01 .right .box {
    margin-top: -370px;
    margin-left: -330px;

}

.slide-02 .content img{height:100%;}

}

.slide-02 .content{background-color:#487802}

@media only screen and (max-width: 480px){
.slide-01 .timeline {
    background-size: 80% 27% !important;
}
.slide-01 .circle {
    left: 88%;
    margin-left: -400px;
    margin-top: -38px;
    background-size: 70%;
}
.slide-01 .right .circle {
    margin-left: 75px;
    left: 54%;
}
.slide-01 .box, .slide-01 .right .box{
    width: 350px;
}
.slide-01 .box, .slide-01 .right .box {
    left: 75%;
}
.slide-01 .line {
    width: 100%;
}
.slide-01 .timeline {
    background-size: 90%;
}

.slide-01 .box {
    margin-top: -250px;
    margin-left: -275px;

}
.slide-01 .right .box {
    margin-top: -270px;
    margin-left: -330px;
}
.slide-02 .content img{height:60%;}
}

@media only screen and (max-width: 320px){
    
    .slide-01 .timeline {
    background-size: 70% 27% !important;
}
.slide-01 .circle {
    width: 165px;
    left: 54%;
    margin-left: -160px;
    margin-top: -30px;
}
.slide-01 .right .circle {
    margin-left: 20px;
    left: 54%;
}
.slide-01 .box, .slide-01 .right .box{
    width: 250px;
}
.slide-01 .box, .slide-01 .right .box {
    left: 100%;
}
.slide-01 .box {
    margin-top: -180px;
    margin-left: -275px;

}
.slide-01 .right .box {
    margin-top: -180px;
    margin-left: -300px;
}
}
@media (min-width: 320px) and (max-width: 480px){
.media-1, .media-2, .media-3{
	width:290px !important;
	}
}