.fnc-slider{overflow:hidden;position:relative;height:100%}.fnc-slider,.fnc-slider *,.fnc-slider :after,.fnc-slider :before{box-sizing:border-box}.fnc-slider__slides{position:relative;height:100%;transition:transform 1s .66667s}.fnc-slider .m--blend-dark .fnc-slide__inner{background-color:#8a8a8a}.fnc-slider .m--blend-dark .fnc-slide__mask-inner,.fnc-slider .m--navbg-dark{background-color:#575757}.fnc-slider .m--blend-green .fnc-slide__inner{background-color:#6d9b98}.fnc-slider .m--blend-green .fnc-slide__mask-inner,.fnc-slider .m--navbg-green{background-color:#42605e}.fnc-slider .m--blend-red .fnc-slide__inner{background-color:#ea2329}.fnc-slider .m--blend-red .fnc-slide__mask-inner,.fnc-slider .m--navbg-red{background-color:#990e13}.fnc-slider .m--blend-blue .fnc-slide__inner{background-color:#59aecb}.fnc-slider .m--blend-blue .fnc-slide__mask-inner,.fnc-slider .m--navbg-blue{background-color:#2d7791}.fnc-slide,.fnc-slide__inner{height:100%;transform:translate3d(0,0,0)}.fnc-slide{overflow:hidden;left:0;top:0;width:100%;position:absolute}.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 .66667s ease-in-out;transform:translate3d(0,0,0)}.fnc-slide__inner{position:relative;background-size:contain;overflow: hidden;background-repeat: no-repeat;background-position:center top}.m--blend-bg-active .fnc-slide__inner,.m--global-blending-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 .66667s ease-in-out;transform:translate3d(0,0,0)}.fnc-slide__mask,.fnc-slide__mask-inner{position:absolute;transition-timing-function:ease-in-out}.fnc-slide__mask{overflow:hidden;right:60%;width:50.25vh;margin-right:-90px;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0,6vh 0,6vh 61vh,44vh 61vh,44vh 6vh,6vh 6vh);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;z-index:1;top:15%;height:67vh}.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.22222s,opacity .35s 1.22222s;transform:translate3d(0,0,0);opacity:1}.m--previous-slide .fnc-slide__mask{transition:transform .7s .33333s,opacity .35s .68333s;transform:rotate(10deg) translate3d(-200px,0,0);opacity:0}.fnc-slide__mask-inner{z-index:-1;left:50%;top:50%;width:100vw;height:100vh;margin-left:-50vw;margin-top:-50vh;background-size:contain;overflow: hidden;background-repeat: no-repeat;background-position:center center;background-blend-mode:luminosity;transform-origin:50% 16.5vh}.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.22222s;transform:translateX(0)}.m--previous-slide .fnc-slide__mask-inner{transition:transform .7s .33333s;transform:translateY(0) rotate(-10deg) translateX(200px) translateZ(0)}.fnc-slide__content{z-index:2;position:absolute;left:40%;top:40%}.fnc-slide__heading{margin-bottom:10px;text-transform:uppercase}.fnc-slide__heading-line{overflow:hidden;position:relative;padding-right:20px;font-size:100px;color:#fff;word-spacing:10px}.fnc-slide__heading-line:nth-child(2){padding-left:30px}.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;margin-left:200px;padding:5px 15px;font-size:20px;line-height:1;color:transparent;border:0;text-transform:uppercase;background:0 0;cursor:pointer;text-align:center;outline:0}.fnc-slide__action-btn span,.fnc-slide__action-btn span:after{position:absolute;left:0;top:0;width:100%;height:50%;line-height:30px;transform-origin:50% 0}.fnc-slide__action-btn span{perspective:1000px;transform-style:preserve-3d;color:#fff;transition:transform .3s}.fnc-slide__action-btn span:before{content:"";position:absolute;left:0;top:0;width:100%;height:50%;border:2px solid #fff;border-top:none;border-bottom:none}.fnc-slide__action-btn span:after{content:attr(data-text);background:#1f2833;opacity: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:0;bottom:0}.fnc-nav__bgs{z-index:-1;overflow:hidden}.fnc-nav__bg,.fnc-nav__bgs{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 .66667s;transform:translateX(0)}.fnc-nav__controls{font-size:0}.fnc-nav__control{overflow:hidden;position:relative;display:inline-block;vertical-align:top;width:100px;height:50px;font-size:14px;color:#fff;text-transform:uppercase;background:0 0;border:0;outline:0;cursor:pointer;transition:background-color .5s}.fnc-nav__control.m--active-control{background:#1f2833}.fnc-nav__control-progress{position:absolute;left:0;bottom:0;width:100%;height:2px;background:#fff;transform-origin:0 50%;transform:scaleX(0);transition-timing-function:linear!important}.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{overflow-y:auto;z-index:1;position:absolute;right:0;top:0;width:400px;height:50%;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 .23333s;transform:translate3d(0,0,0)}.demo-cont__credits,.demo-cont__credits *,.demo-cont__credits :after,.demo-cont__credits :before{box-sizing:border-box}.demo-cont__credits-close{position:absolute;right:20px;top:20px;width:28px;height:28px;cursor:pointer}.demo-cont__credits-close:after,.demo-cont__credits-close:before{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(.9)}.example-slider .fnc-slide-1 .fnc-slide__inner,.example-slider .fnc-slide-1 .fnc-slide__mask-inner{background-image:url(im/1.png)}.example-slider .fnc-slide-2 .fnc-slide__inner,.example-slider .fnc-slide-2 .fnc-slide__mask-inner{background-image:url(im/2.png)}.example-slider .fnc-slide-3 .fnc-slide__inner,.example-slider .fnc-slide-3 .fnc-slide__mask-inner{background-image:url(im/3.png)}.example-slider .fnc-slide-3 .fnc-slide__inner:before{content:"";position:absolute;left:0;top:0;width:100%;height:50%;background:rgba(255,255,255,.1)}.example-slider .fnc-slide-4 .fnc-slide__inner,.example-slider .fnc-slide-4 .fnc-slide__mask-inner{background-image:url(im/4.png)}.example-slider .fnc-slide-4 .fnc-slide__inner:before{content:"";position:absolute;left:0;top:0;width:100%;height:50%;background:rgba(0,0,0,.2)}.example-slider .fnc-nav__control,.example-slider .fnc-slide__action-btn,.example-slider .fnc-slide__heading{font-family:"Open Sans",Helvetica,Arial,sans-serif}.colorful-switch{position:relative;width:180px;height:77.14286px;margin:0 auto;border-radius:32.14286px;background:#cfcfcf}.colorful-switch:before{content:"";z-index:-1;position:absolute;left:-5px;top:-5px;width:190px;height:87.14286px;border-radius:37.14286px;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:50%;border-radius:32.14286px;cursor:pointer}.colorful-switch__bg{position:absolute;left:0;top:0;width:540px;height:50%;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.14286px;top:50%;width:5.14286px;height:5.14286px;margin-left:-2.57143px;margin-top:-2.57143px;border-radius:50%;background:#fff;transition:transform .5s;transform:translate3d(0,0,0)}.colorful-switch__checkbox:checked~.colorful-switch__label .colorful-switch__dot,.colorful-switch__checkbox:checked~.colorful-switch__label .colorful-switch__on{transform:translate3d(-80.35714px,0,0)}.colorful-switch__on{position:absolute;left:104.14286px;top:22.5px;width:19.28571px;height:36px;transition:transform .5s;transform:translate3d(0,0,0)}.colorful-switch__on__inner{position:absolute;width:100%;height:50%;transition:transform .25s 0s cubic-bezier(.52,-.96,.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(.67,-.16,.47,1.61);transform:rotate(45deg) scale(1) translateZ(0)}.colorful-switch__on__inner:after,.colorful-switch__on__inner:before{content:"";position:absolute;border-radius:2.57143px;background:#fff}.colorful-switch__on__inner:before{left:0;bottom:0;width:100%;height:6.14286px}.colorful-switch__on__inner:after{right:0;top:0;width:6.14286px;height:50%}.colorful-switch__off{position:absolute;left:131.14286px;top:50%;width:41.14286px;height:41.14286px;margin-left:-20.57143px;margin-top:-20.57143px;transition:transform .5s;transform:translate3d(0,0,0)}.colorful-switch__checkbox:checked~.colorful-switch__label .colorful-switch__off{transform:translate3d(-80.35714px,0,0)}.colorful-switch__off:after,.colorful-switch__off:before{content:"";position:absolute;left:0;top:50%;width:100%;height:5.14286px;margin-top:-2.57143px;border-radius:2.57143px;background:#fff;transition:transform .25s .25s}.colorful-switch__checkbox:checked~.colorful-switch__label .colorful-switch__off:after,.colorful-switch__checkbox:checked~.colorful-switch__label .colorful-switch__off:before{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(.67,-.16,.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)}