.instant{-webkit-transition:0 0 !important;transition:0 0 !important;}.scene{position:relative;background:#fff;overflow:hidden;-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s,-webkit-transform 0.5s;will-change:transform;}.content{position:relative;height:100%;-webkit-transition:opacity 0.4s 0.1s,-webkit-transform 0.6s;transition:opacity 0.4s 0.1s,-webkit-transform 0.6s;transition:transform 0.6s,opacity 0.4s 0.1s;transition:transform 0.6s,opacity 0.4s 0.1s,-webkit-transform 0.6s;will-change:transform,opacity;}.content.inactive{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9);}.back,.front{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:-webkit-transform 0.5s 0.5s;transition:-webkit-transform 0.5s 0.5s;transition:transform 0.5s 0.5s;transition:transform 0.5s 0.5s,-webkit-transform 0.5s 0.5s;will-change:transform;}.back__bg,.front__bg{position:absolute;left:0;width:100%;height:100%;background-size:cover;-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s,-webkit-transform 0.5s;will-change:transform;}.back__bg.hidden{display:none;}.back__bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}.front__bg{-webkit-transform:scale(0.8);transform:scale(0.8);}.front__bg.active{-webkit-transform:scale(1);transform:scale(1);}.front__bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.25);}.nav{position:absolute;left:0;bottom:150px;width:100%;text-align:center;}.nav__el{display:inline-block;position:relative;font-size:24px;color:#a9a9a9;font-family:Arial,sans-serif;margin:5px 25px;padding-left:22px;cursor:pointer;overflow:hidden;transition:0.5s;}.nav__el:hover{color:#FFFFFF;}.nav__el-clone{position:absolute;top:0;left:0;overflow:hidden;-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s,-webkit-transform 0.5s;will-change:transform;-webkit-transform:translateX(-100%);transform:translateX(-100%);}.nav__el-clone > div{margin:0;color:#FFFFFF;-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s,-webkit-transform 0.5s;will-change:transform;-webkit-transform:translateX(100%);transform:translateX(100%);}.nav__el.active:after{-webkit-transform:scale(1);transform: scale(1);}.nav__el.active .nav__el-clone{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 6s 2s;transition:-webkit-transform 6s 2s;transition:transform 6s 2s;transition:transform 6s 2s,-webkit-transform 6s 2s;}.nav__el.active .nav__el-clone .nav__el{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 6s 2s;transition:-webkit-transform 6s 2s;transition:transform 6s 2s;transition:transform 6s 2s,-webkit-transform 6s 2s;}.nav__el:before{position:absolute;top:50%;margin:0;left:0;font-size:13px;-webkit-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg);}.nav__el:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#FFFFFF;-webkit-transition:-webkit-transform 1.5s;transition:-webkit-transform 1.5s;transition:transform 1.5s;transition:transform 1.5s,-webkit-transform 1.5s;-webkit-transform:scale(0);transform:scale(0);}