.cont{position:relative;display:flex;justify-content:center;align-items:center;height:auto;overflow:hidden}.app{position:relative;min-width:850px;height:460px;overflow:hidden;border-radius:12px}.app__bgimg{position:absolute;top:0;left:-2.5%;width:105%;height:100%;transition:-webkit-transform 3.5s 770ms;transition:transform 3.5s 770ms;transition:transform 3.5s 770ms,-webkit-transform 3.5s 770ms}.app__bgimg-image{position:absolute;width:100%;height:100%;top:0;left:0}.app__bgimg-image--1{background:url(../images/about1.jpg) center center no-repeat;background-size:cover}.app__bgimg-image--2{background:url(../images/about2.jpg) center center no-repeat;background-size:cover;opacity:0;transition:opacity 0ms 1300ms;will-change:opacity}.app__text{position:absolute;right:165px;top:30px;z-index:1}.app__text-line{transition:opacity 750ms 500ms,-webkit-transform 1500ms 400ms;transition:transform 1500ms 400ms,opacity 750ms 500ms;transition:transform 1500ms 400ms,opacity 750ms 500ms,-webkit-transform 1500ms 400ms;will-change:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.app__text-line--4{transition:opacity 1500ms 1500ms,-webkit-transform 1500ms 1500ms;transition:transform 1500ms 1500ms,opacity 1500ms 1500ms;transition:transform 1500ms 1500ms,opacity 1500ms 1500ms,-webkit-transform 1500ms 1500ms}.app__text-line--3{transition:opacity 1500ms 1750ms,-webkit-transform 1500ms 1600ms;transition:transform 1500ms 1600ms,opacity 1500ms 1750ms;transition:transform 1500ms 1600ms,opacity 1500ms 1750ms,-webkit-transform 1500ms 1600ms}.app__text-line--2{transition:opacity 1500ms 2000ms,-webkit-transform 1500ms 1700ms;transition:transform 1500ms 1700ms,opacity 1500ms 2000ms;transition:transform 1500ms 1700ms,opacity 1500ms 2000ms,-webkit-transform 1500ms 1700ms}.app__text-line--1{transition:opacity 1500ms 2250ms,-webkit-transform 1500ms 1800ms;transition:transform 1500ms 1800ms,opacity 1500ms 2250ms;transition:transform 1500ms 1800ms,opacity 1500ms 2250ms,-webkit-transform 1500ms 1800ms}.app__text-line--4{font-size:30px;font-weight:700;color:#0a101d}.app__text-line--3{font-size:20px;font-weight:300}.app__text-line--2{margin-top:10px;font-size:12px;font-weight:500;color:#777;text-transform:capitalize}.app__text-line--1{margin-top:5px}.app__text-line--1 img{width:200px}.app__text--1 .app__text-line{-webkit-transform:translate3d(0,-125px,0);transform:translate3d(0,-125px,0);opacity:0}.app__text--2{right:initial;top:150px;left:80px;z-index:-1;transition:z-index 1500ms}.app__text--2 .app__text-line--4{opacity:0;transition:opacity 400ms 125ms,-webkit-transform 1500ms -75ms;transition:transform 1500ms -75ms,opacity 400ms 125ms;transition:transform 1500ms -75ms,opacity 400ms 125ms,-webkit-transform 1500ms -75ms}.app__text--2 .app__text-line--3{opacity:0;transition:opacity 400ms 200ms,-webkit-transform 1500ms 0ms;transition:transform 1500ms 0ms,opacity 400ms 200ms;transition:transform 1500ms 0ms,opacity 400ms 200ms,-webkit-transform 1500ms 0ms}.app__text--2 .app__text-line--2{opacity:0;transition:opacity 400ms 275ms,-webkit-transform 1500ms 75ms;transition:transform 1500ms 75ms,opacity 400ms 275ms;transition:transform 1500ms 75ms,opacity 400ms 275ms,-webkit-transform 1500ms 75ms}.app__text--2 .app__text-line--1{opacity:0;transition:opacity 400ms 350ms,-webkit-transform 1500ms 150ms;transition:transform 1500ms 150ms,opacity 400ms 350ms;transition:transform 1500ms 150ms,opacity 400ms 350ms,-webkit-transform 1500ms 150ms}.app__img{position:absolute;-webkit-transform:translate3d(0,-750px,0);transform:translate3d(0,-750px,0);width:850px;height:100%;transition:-webkit-transform 3s cubic-bezier(.6,.13,.31,1.02);transition:transform 3s cubic-bezier(.6,.13,.31,1.02);transition:transform 3s cubic-bezier(.6,.13,.31,1.02),-webkit-transform 3s cubic-bezier(.6,.13,.31,1.02);will-change:transform}.app__img img{min-width:106%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.initial .app__img{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.initial .app__text--1 .app__text-line--1{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:opacity 400ms 1600ms,-webkit-transform 1500ms 1400ms;transition:transform 1500ms 1400ms,opacity 400ms 1600ms;transition:transform 1500ms 1400ms,opacity 400ms 1600ms,-webkit-transform 1500ms 1400ms;opacity:1}.initial .app__text--1 .app__text-line--2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:opacity 400ms 1675ms,-webkit-transform 1500ms 1475ms;transition:transform 1500ms 1475ms,opacity 400ms 1675ms;transition:transform 1500ms 1475ms,opacity 400ms 1675ms,-webkit-transform 1500ms 1475ms;opacity:1}.initial .app__text--1 .app__text-line--3{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:opacity 400ms 1750ms,-webkit-transform 1500ms 1550ms;transition:transform 1500ms 1550ms,opacity 400ms 1750ms;transition:transform 1500ms 1550ms,opacity 400ms 1750ms,-webkit-transform 1500ms 1550ms;opacity:1}.initial .app__text--1 .app__text-line--4{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:opacity 400ms 1825ms,-webkit-transform 1500ms 1625ms;transition:transform 1500ms 1625ms,opacity 400ms 1825ms;transition:transform 1500ms 1625ms,opacity 400ms 1825ms,-webkit-transform 1500ms 1625ms;opacity:1}.active .app__bgimg{-webkit-transform:translate3d(10px,0,0) scale(1.05);transform:translate3d(10px,0,0) scale(1.05);transition:-webkit-transform 5s 850ms ease-in-out;transition:transform 5s 850ms ease-in-out;transition:transform 5s 850ms ease-in-out,-webkit-transform 5s 850ms ease-in-out}.active .app__bgimg .app__bgimg-image--2{opacity:1;transition:opacity 0ms 1500ms}.active .app__img{transition:-webkit-transform 3s cubic-bezier(.6,.13,.31,1.02);transition:transform 3s cubic-bezier(.6,.13,.31,1.02);transition:transform 3s cubic-bezier(.6,.13,.31,1.02),-webkit-transform 3s cubic-bezier(.6,.13,.31,1.02);-webkit-transform:translate3d(0,-1410px,0);transform:translate3d(0,-1410px,0)}.active .app__text--1{z-index:-1;transition:z-index 0ms 1500ms}.active .app__text--1 .app__text-line--1{-webkit-transform:translate3d(0,-125px,0);transform:translate3d(0,-125px,0);transition:opacity 400ms 500ms,-webkit-transform 1500ms 300ms;transition:transform 1500ms 300ms,opacity 400ms 500ms;transition:transform 1500ms 300ms,opacity 400ms 500ms,-webkit-transform 1500ms 300ms;opacity:0}.active .app__text--1 .app__text-line--2{-webkit-transform:translate3d(0,-125px,0);transform:translate3d(0,-125px,0);transition:opacity 400ms 575ms,-webkit-transform 1500ms 375ms;transition:transform 1500ms 375ms,opacity 400ms 575ms;transition:transform 1500ms 375ms,opacity 400ms 575ms,-webkit-transform 1500ms 375ms;opacity:0}.active .app__text--1 .app__text-line--3{-webkit-transform:translate3d(0,-125px,0);transform:translate3d(0,-125px,0);transition:opacity 400ms 650ms,-webkit-transform 1500ms 450ms;transition:transform 1500ms 450ms,opacity 400ms 650ms;transition:transform 1500ms 450ms,opacity 400ms 650ms,-webkit-transform 1500ms 450ms;opacity:0}.active .app__text--1 .app__text-line--4{-webkit-transform:translate3d(0,-125px,0);transform:translate3d(0,-125px,0);transition:opacity 400ms 725ms,-webkit-transform 1500ms 525ms;transition:transform 1500ms 525ms,opacity 400ms 725ms;transition:transform 1500ms 525ms,opacity 400ms 725ms,-webkit-transform 1500ms 525ms;opacity:0}.active .app__text--2{z-index:1}.active .app__text--2 .app__text-line--1{-webkit-transform:translate3d(0,-125px,0);transform:translate3d(0,-125px,0);transition:opacity 1300ms 1300ms,-webkit-transform 2500ms 1100ms;transition:transform 2500ms 1100ms,opacity 1300ms 1300ms;transition:transform 2500ms 1100ms,opacity 1300ms 1300ms,-webkit-transform 2500ms 1100ms;opacity:1}.active .app__text--2 .app__text-line--2{-webkit-transform:translate3d(0,-125px,0);transform:translate3d(0,-125px,0);transition:opacity 1300ms 1575ms,-webkit-transform 2500ms 1175ms;transition:transform 2500ms 1175ms,opacity 1300ms 1575ms;transition:transform 2500ms 1175ms,opacity 1300ms 1575ms,-webkit-transform 2500ms 1175ms;opacity:1}.active .app__text--2 .app__text-line--3{-webkit-transform:translate3d(0,-125px,0);transform:translate3d(0,-125px,0);transition:opacity 1300ms 1850ms,-webkit-transform 2500ms 1250ms;transition:transform 2500ms 1250ms,opacity 1300ms 1850ms;transition:transform 2500ms 1250ms,opacity 1300ms 1850ms,-webkit-transform 2500ms 1250ms;opacity:1}.active .app__text--2 .app__text-line--4{-webkit-transform:translate3d(0,-125px,0);transform:translate3d(0,-125px,0);transition:opacity 1300ms 2125ms,-webkit-transform 2500ms 1325ms;transition:transform 2500ms 1325ms,opacity 1300ms 2125ms;transition:transform 2500ms 1325ms,opacity 1300ms 2125ms,-webkit-transform 2500ms 1325ms;opacity:1}.mouse{position:relative;margin-right:20px;min-width:50px;height:80px;border-radius:30px;border:5px solid rgba(255,255,255,.8)}.mouse:after{content:"";position:absolute;top:20px;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);width:10px;height:10px;border-radius:50%;background-color:#fff;-webkit-animation:scroll 1s infinite alternate;animation:scroll 1s infinite alternate}@-webkit-keyframes scroll{100%{-webkit-transform:translate(-50%,15px);transform:translate(-50%,15px)}}@keyframes scroll{100%{-webkit-transform:translate(-50%,15px);transform:translate(-50%,15px)}}.pages{margin-left:20px}.pages__list{list-style-type:none}.pages__item{position:relative;margin-bottom:10px;width:30px;height:30px;border-radius:50%;border:3px solid #fff;cursor:pointer}.pages__item:after{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) scale(0,0);transform:translate(-50%,-50%) scale(0,0);width:75%;height:75%;border-radius:50%;background-color:#fff;opacity:0;transition:500ms}.pages__item:hover:after{-webkit-transform:translate(-50%,-50%) scale(1,1);transform:translate(-50%,-50%) scale(1,1);opacity:1}.page__item-active:after{-webkit-transform:translate(-50%,-50%) scale(1,1);transform:translate(-50%,-50%) scale(1,1);opacity:1}.icon-link{position:absolute;left:5px;bottom:5px;width:50px}.icon-link img{width:100%;vertical-align:top}.icon-link--twitter{left:auto;right:5px}