ul,ol{list-style:none}.timeline{width:100%;height:100vh;padding:0px;margin:0px auto 0;position:relative}.tl-section-main .slider-timeline1{width:100%;height:100vh;position:absolute;top:50%;left:0;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);overflow:hidden;position:relative;border-radius:0px}.tl-section-main .slider-timeline1 ul,.tl-section-main .slider-timeline1 ul li{width:100%;height:100%}.tl-section-main .slider-timeline1 ul{position:absolute;top:0;left:0;margin:0px;padding:0px}.tl-section-main .slider-timeline1 ul li{color:#aaa}.tl-section-main .slider-timeline1 ul li:first-of-type{background:#222}.tl-section-main .slider-timeline1 ul li:nth-of-type(2){background:#252525}.tl-section-main .slider-timeline1 ul li:nth-of-type(3){background:#222}.tl-section-main .slider-timeline1 ul li:nth-of-type(4){background:#252525}.tl-section-main .slider-timeline1 ul li:last-of-type{background:#222}.full-height:before{content:'';position:absolute;top:0px;left:140px;height:100%;width:1px;background:#fff;z-index:1;background-color:rgba(255,255,255,0.2)}.tl-section-main .slider-timeline1 ol{margin:0px;position:absolute;left:0;top:50%;padding-right:15px;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);max-width:90px;width:100%}.tl-section-main .slider-timeline1 ol li{margin:42px 0;cursor:pointer;color:#fff}.tl-section-main .slider-timeline1 ol li span{font-size:16px}.tl-section-main .slider-timeline1 ol li.active span{color:#f94c30;position:relative}.tl-section-main .slider-timeline1 ol li.active span:after{display:block}.tl-section-main .slider-timeline1 ol li span:after{display:none;content:'';position:absolute;background:#f94c30;height:8px;width:8px;border-radius:50%;margin-top:7px;left:97px;top:0}.slide-content{position:relative;left:86%;top:50%;transform:translate(-70%,-50%)}.timeline-year{font-size:12px;color:#f94c30;letter-spacing:2px;font-weight:bold}.timeline-title{font-size:46px;margin:0px;color:#fff;font-weight:bold;font-family:'FreightSansW01'}.timeline-text{margin:0;color:#fff;line-height:30px;padding-right:100px;max-width:540px;width:100%;font-size:20px;font-family:'Freight';letter-spacing:.3px}.fnc-slider{overflow:hidden;box-sizing:border-box;position:relative;height:100vh}.fnc-slider__slides{position:relative;height:100%;transition:transform 1s .6666666667s}.fnc-slider .m--blend-dark .fnc-slide__inner{background-color:#8a8a8a}.fnc-slider .m--blend-dark .fnc-slide__mask-inner{background-color:#575757}.fnc-slider .m--navbg-dark{background-color:#ef4e32}.fnc-slider .m--blend-green .fnc-slide__inner{background-color:#6d9b98}.fnc-slider .m--blend-green .fnc-slide__mask-inner{background-color:#42605e}.fnc-slider .m--navbg-green{background-color:#ef4e32}.fnc-slider .m--blend-red .fnc-slide__inner{background-color:#ea2329}.fnc-slider .m--blend-red .fnc-slide__mask-inner{background-color:#990e13}.fnc-slider .m--navbg-red{background-color:#ef4e32}.fnc-slider .m--blend-blue .fnc-slide__inner{background-color:#59aecb}.fnc-slider .m--blend-blue .fnc-slide__mask-inner{background-color:#2d7791}.fnc-slider .m--navbg-blue{background-color:#f44336}.fnc-slide{overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;transform:translate3d(0,0,0)}.fnc-slide.m--before-sliding{z-index:2 !important;transform:translate3d(100%,0,0)}.fnc-slide.m--active-slide{z-index:1;transition:transform 1s .6666666667s ease-in-out;transform:translate3d(0,0,0)}.fnc-slide__inner{position:relative;height:100%;background-size:cover;background-position:center top;transform:translate3d(0,0,0)}.m--global-blending-active .fnc-slide__inner,.m--blend-bg-active .fnc-slide__inner{background-blend-mode:luminosity}.m--before-sliding .fnc-slide__inner{transform:translate3d(-100%,0,0)}.m--active-slide .fnc-slide__inner{transition:transform 1s .6666666667s ease-in-out;transform:translate3d(0,0,0)}.fnc-slide__mask{overflow:hidden;z-index:1;position:absolute;right:60%;top:15%;width:50.25vh;height:67vh;margin-right:-90px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0,6vh 0,6vh 61vh,44vh 61vh,44vh 6vh,6vh 6vh);transform-origin:50% 0;transition-timing-function:ease-in-out}.m--before-sliding .fnc-slide__mask{transform:rotate(-10deg) translate3d(200px,0,0);opacity:0}.m--active-slide .fnc-slide__mask{transition:transform .7s 1.2222222222s,opacity .35s 1.2222222222s;transform:translate3d(0,0,0);opacity:1}.m--previous-slide .fnc-slide__mask{transition:transform .7s .3333333333s,opacity .35s .6833333333s;transform:rotate(10deg) translate3d(-200px,0,0);opacity:0}.fnc-slide__mask-inner{z-index:-1;position:absolute;left:50%;top:50%;width:100vw;height:100vh;margin-left:-50vw;margin-top:-50vh;background-size:cover;background-position:center center;background-blend-mode:luminosity;transform-origin:50% 16.5vh;transition-timing-function:ease-in-out}.m--before-sliding .fnc-slide__mask-inner{transform:translateY(0) rotate(10deg) translateX(-200px) translateZ(0)}.m--active-slide .fnc-slide__mask-inner{transition:transform .7s 1.2222222222s;transform:translateX(0)}.m--previous-slide .fnc-slide__mask-inner{transition:transform .7s .3333333333s;transform:translateY(0) rotate(-10deg) translateX(200px) translateZ(0)}.fnc-slide__content{z-index:2;position:absolute;left:15%;top:30%}.fnc-slide__heading{margin-bottom:10px}.fnc-slide__heading-line{overflow:hidden;position:relative}.fnc-slide__heading-line:nth-child(2){padding-left:0px}.m--before-sliding .fnc-slide__heading-line{transform:translateY(100%)}.m--active-slide .fnc-slide__heading-line{transition:transform 1.5s 1s;transform:translateY(0)}.m--previous-slide .fnc-slide__heading-line{transition:transform 1.5s;transform:translateY(-100%)}.fnc-slide__heading-line span{display:block}.m--before-sliding .fnc-slide__heading-line span{transform:translateY(-100%)}.m--active-slide .fnc-slide__heading-line span{transition:transform 1.5s 1s;transform:translateY(0)}.m--previous-slide .fnc-slide__heading-line span{transition:transform 1.5s;transform:translateY(100%)}.fnc-slide__action-btn{position:relative;padding:5px 15px;font-size:20px;line-height:1;color:transparent;border:0;text-transform:uppercase;background:transparent;cursor:pointer;text-align:center;outline:0}.fnc-slide__action-btn span{color:#fff}.fnc-slide__action-btn span:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border:2px solid #fff;border-top:0;border-bottom:0}.fnc-slide__action-btn span:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%;line-height:30px;background:#1f2833;opacity:0;transform-origin:50% 0;transform:translateY(100%) rotateX(-90deg);transition:opacity .15s .15s}.fnc-slide__action-btn:hover span{transform:rotateX(90deg)}.fnc-slide__action-btn:hover span:after{opacity:1;transition:opacity .15s}.fnc-nav{z-index:5;position:absolute;right:22px;width:83%;bottom:20px}.fnc-nav__bgs{z-index:-1;overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;display:none}.fnc-nav__bg{position:absolute;left:0;top:0;width:100%;height:100%}.fnc-nav__bg.m--nav-bg-before{z-index:2 !important;transform:translateX(100%)}.fnc-nav__bg.m--active-nav-bg{z-index:1;transition:transform 1s .6666666667s;transform:translateX(0)}.fnc-nav__controls:after{content:'';position:absolute;bottom:0px;left:0px;height:2px;width:100%;background:rgba(255,255,255,0.48)}.fnc-nav__control{overflow:hidden;position:relative;display:inline-block;vertical-align:top;width:210px;height:50px;font-size:12px;color:#fff;text-transform:uppercase;background:transparent;border:0;outline:0;cursor:pointer;transition:background-color .5s;letter-spacing:.5px}.fnc-nav__control.m--active-control{background:0;color:#ef4e32}.fnc-nav__control-progress{position:absolute;left:0;bottom:0;width:100%;height:2px;background:#ef4e32;transform-origin:0 50%;transform:scaleX(0);transition-timing-function:linear !important;z-index:1}.m--with-autosliding .m--active-control .fnc-nav__control-progress{transform:scaleX(1)}.m--prev-control .fnc-nav__control-progress{transform:translateX(100%);transition:transform .5s !important}.m--reset-progress .fnc-nav__control-progress{transform:scaleX(0);transition:transform 0s 0s !important}.m--autosliding-blocked .fnc-nav__control-progress{transition:all 0s 0s !important;transform:scaleX(0) !important}body{margin:0}.demo-cont{overflow:hidden;position:relative;height:100vh;perspective:1500px;background:#000}.demo-cont__credits{box-sizing:border-box;overflow-y:auto;z-index:1;position:absolute;right:0;top:0;width:400px;height:100%;padding:20px 10px 30px;background:#303030;font-family:'Open Sans',Helvetica,Arial,sans-serif;color:#fff;text-align:center;transition:transform .7s;transform:translate3d(100%,0,0) rotateY(-45deg);will-change:transform}.credits-active .demo-cont__credits{transition:transform .7s .2333333333s;transform:translate3d(0,0,0)}.demo-cont__credits *,.demo-cont__credits *:before,.demo-cont__credits *:after{box-sizing:border-box}.demo-cont__credits-close{position:absolute;right:20px;top:20px;width:28px;height:28px;cursor:pointer}.demo-cont__credits-close:before,.demo-cont__credits-close:after{content:"";position:absolute;left:0;top:50%;width:100%;height:2px;margin-top:-1px;background:#fff}.demo-cont__credits-close:before{transform:rotate(45deg)}.demo-cont__credits-close:after{transform:rotate(-45deg)}.demo-cont__credits-heading{text-transform:uppercase;font-size:40px;margin-bottom:20px}.demo-cont__credits-img{display:block;width:60%;margin:0 auto 30px;border-radius:10px}.demo-cont__credits-name{margin-bottom:20px;font-size:30px}.demo-cont__credits-link{display:block;margin-bottom:10px;font-size:24px;color:#fff}.demo-cont__credits-blend{font-size:30px;margin-bottom:10px}.example-slider{z-index:2;transform:translate3d(0,0,0);transition:transform .7s}.credits-active .example-slider{transform:translate3d(-400px,0,0) rotateY(10deg) scale(0.9)}.example-slider .fnc-slide-3 .fnc-slide__inner:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,0.1)}.example-slider .fnc-slide-4 .fnc-slide__inner:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2)}.colorful-switch{position:relative;width:180px;height:77.1428571429px;margin:0 auto;border-radius:32.1428571429px;background:#cfcfcf}.colorful-switch:before{content:"";z-index:-1;position:absolute;left:-5px;top:-5px;width:190px;height:87.1428571429px;border-radius:37.1428571429px;background:#314239;transition:background-color .3s}.colorful-switch:hover:before{background:#4c735f}.colorful-switch__checkbox{z-index:-10;position:absolute;left:0;top:0;opacity:0}.colorful-switch__label{z-index:1;overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:32.1428571429px;cursor:pointer}.colorful-switch__bg{position:absolute;left:0;top:0;width:540px;height:100%;background:linear-gradient(90deg,#14dcd6 0,#10e7bd 180px,#ef9c29 360px,#e76339 100%);transition:transform .5s;transform:translate3d(-360px,0,0)}.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__bg{transform:translate3d(0,0,0)}.colorful-switch__dot{position:absolute;left:131.1428571429px;top:50%;width:5.1428571429px;height:5.1428571429px;margin-left:-2.5714285714px;margin-top:-2.5714285714px;border-radius:50%;background:#fff;transition:transform .5s;transform:translate3d(0,0,0)}.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__dot{transform:translate3d(-80.3571428571px,0,0)}.colorful-switch__on{position:absolute;left:104.1428571429px;top:22.5px;width:19.2857142857px;height:36px;transition:transform .5s;transform:translate3d(0,0,0)}.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__on{transform:translate3d(-80.3571428571px,0,0)}.colorful-switch__on__inner{position:absolute;width:100%;height:100%;transition:transform .25s 0s cubic-bezier(0.52,-0.96,0.51,1.28);transform-origin:100% 50%;transform:rotate(45deg) scale(0) translateZ(0)}.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__on__inner{transition:transform .25s .25s cubic-bezier(0.67,-0.16,0.47,1.61);transform:rotate(45deg) scale(1) translateZ(0)}.colorful-switch__on__inner:before,.colorful-switch__on__inner:after{content:"";position:absolute;border-radius:2.5714285714px;background:#fff}.colorful-switch__on__inner:before{left:0;bottom:0;width:100%;height:6.1428571429px}.colorful-switch__on__inner:after{right:0;top:0;width:6.1428571429px;height:100%}.colorful-switch__off{position:absolute;left:131.1428571429px;top:50%;width:41.1428571429px;height:41.1428571429px;margin-left:-20.5714285714px;margin-top:-20.5714285714px;transition:transform .5s;transform:translate3d(0,0,0)}.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off{transform:translate3d(-80.3571428571px,0,0)}.colorful-switch__off:before,.colorful-switch__off:after{content:"";position:absolute;left:0;top:50%;width:100%;height:5.1428571429px;margin-top:-2.5714285714px;border-radius:2.5714285714px;background:#fff;transition:transform .25s .25s}.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:before,.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:after{transition-delay:0s}.colorful-switch__off:before{transform:rotate(45deg) scaleX(1) translateZ(0)}.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:before{transform:rotate(45deg) scaleX(0) translateZ(0)}.colorful-switch__off:after{transition-timing-function:cubic-bezier(0.67,-0.16,0.47,1.61);transform:rotate(-45deg) scaleX(1) translateZ(0)}.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:after{transition-timing-function:ease;transform:rotate(-45deg) scaleX(0) translateZ(0)}@keyframes imageAnimation{0%{opacity:1;animation-timing-function:ease-in}8%{opacity:1;transform:scale(1.05);animation-timing-function:ease-out}17%{opacity:1;transform:scale(1.1) rotate(3deg)}25%{opacity:1;transform:scale(1.1) rotate(3deg)}100%{opacity:1}}.fnc-slide__inner .bg-img{-webkit-animation-delay:30s;-moz-animation-delay:30s;-o-animation-delay:30s;-ms-animation-delay:30s;animation-delay:30s}.m--active-slide .fnc-slide__inner .bg-img{width:100%;height:100%;position:absolute;top:0px;left:0px;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:none;opacity:0;z-index:0;-webkit-backface-visibility:hidden;-webkit-animation:imageAnimation 36s linear infinite 0s;-moz-animation:imageAnimation 36s linear infinite 0s;-o-animation:imageAnimation 36s linear infinite 0s;-ms-animation:imageAnimation 36s linear infinite 0s;animation:imageAnimation 36s linear infinite 0s}.bg-img img{height:100vh;object-fit:cover;width:100%}@media(min-width:300px) and (max-width:767px){.example-slider .fnc-slide__heading,.example-slider .fnc-slide__action-btn,.example-slider .fnc-nav__control{display:block;text-align:left}.timeline-text{line-height:22px}.fnc-nav__controls:after{display:none}.fnc-nav__control{height:inherit;padding:10px 0;width:100%}.fnc-nav{left:110px;width:100%;max-width:256px}.bg-img img{height:100vh;object-fit:cover;width:100%}.fnc-slide__content{left:30%;top:26%}.timeline-title{font-size:24px}.timeline-text{max-width:540px;width:100%;font-size:14px}.tl-section-main .slider-timeline1 ol{padding:0px 0 0 10px;width:100%;max-width:95px}.full-height:before{left:100px}.tl-section-main .slider-timeline1 ol li span:after{left:87px}.tl-section-main .slider-timeline1 ol li{margin:22px 0}}@media(min-width:568px) and (max-width:767px){.fnc-slide__content{left:140px;padding-right:16px}.fnc-nav{max-width:536px}.fnc-nav .fnc-nav__controls .fnc-nav__control{float:left;width:130px}}@media(min-width:768px) and (max-width:991px){.bg-img img{height:100vh;object-fit:cover;width:100%}.fnc-slide__content{left:25%}.fnc-nav{width:77%}.fnc-nav__control{max-width:140px;width:100%}}@media(min-width:992px) and (max-width:1100px){.fnc-nav__control{max-width:140px;width:100%}.bg-img img{height:100vh;object-fit:cover;width:100%}}@media(min-width:769px) and (max-width:854px){.tl-section-main .slider-timeline1 ol li{margin:22px 0}.fnc-slide__content{top:60px;left:180px}.timeline-title{font-size:34px}.timeline-text{font-size:16px}}@media(min-width:300px) and (max-width:374px){.fnc-slide__content{left:37%;max-width:200px}.fnc-nav .fnc-nav__controls .fnc-nav__control{float:left;width:100px}.fnc-nav{bottom:0}}@media(min-width:481px) and (max-width:568px){.fnc-slide__content{top:12%}.fnc-nav{bottom:0}.tl-section-main .slider-timeline1 ol li span{font-size:14px}.tl-section-main .slider-timeline1 ol li{margin:12px 0}}