.iphone__item{width:16.06em;height:1em;position:absolute;bottom:-2em;color:#158f76;text-align:center;}.iphone__power-btn{width:2.188em;height:.188em;background:#e0e0e0;position:absolute;right:2.5em;top:-0.188em;}.iphone__left-btn{width:.188em;height:1.250em;top:3.250em;left:-0.188em;position:absolute;background:#e0e0e0;}.iphone__left-btn:before{content:'';width:.188em;height:.875em;position:absolute;top:3em;background:#e0e0e0;}.iphone__left-btn:after{content:'';width:.188em;height:.875em;position:absolute;top:5.5em;background:#e0e0e0;}.iphone__details{width:.438em;height:.438em;border-radius:100%;position:relative;top:1.313em;left:8em;background:#7c7c7c;}.iphone__details:before{content:'';width:2.5em;height:.25em;border-radius:.25em;position:absolute;top:1em;left:-1em;background:#7c7c7c;}.iphone__home-btn{width:2.25em;height:2.25em;border-radius:100%;position:absolute;bottom:1em;right:6.75em;background:#f7f7f7;}.iphone__home-btn:before{content:'';width:.813em;height:.813em;border:.15em solid #a8a8a8;border-radius:.2em;position:absolute;top:.6em;left:.57em;}.iphone__screen{position:absolute;top:0px;left:0px;overflow:hidden;}.iphone__content{position:relative;width:100%;height:100%;}.small-nav{position:fixed;z-index:100;opacity:0;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:300ms;transition-duration:300ms;}.nav--active .small-nav{opacity:0.8;background-color:#000;}.nav__list{margin:96px 0px 0px 0px;padding:10px;}.nav__item{list-style-type:none;text-align:left;margin:0px 0px 12px 0px;}.nav__link{display:block;text-align:center;font-size:16px;text-transform:uppercase;text-decoration:none;color:#FFFFFF;opacity:1;-webkit-transition:opacity 300ms ease-in-out;transition:opacity 300ms ease-in-out;}.nav__link span{color:#999;font-size:20px;}.nav__link h3{display:inline-block;width:90px;font:normal 15px/26px "Noto Sans SC";height:26px;border:1px solid #656565;border-radius:5px;}.nav__trigger{display:block;position:fixed;width:20px;height:25px;right:5%;top:46px;z-index:200;margin:0px 12px 0px 0px;}.nav--active .nav__trigger{opacity:0.5;}.nav__icon{display:inline-block;position:relative;width:20px;height:2px;background-color:#000;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,-webkit-transform;transition-property:background-color,transform;transition-property:background-color,transform,-webkit-transform;-webkit-transition-duration:300ms;transition-duration:300ms;}.nav__icon:before,.nav__icon:after{content:'';display:block;width:20px;height:2px;position:absolute;background:#000;-webkit-transition-property:margin,-webkit-transform;transition-property:margin,-webkit-transform;transition-property:margin,transform;transition-property:margin,transform,-webkit-transform;-webkit-transition-duration:300ms;transition-duration:300ms;}.nav__icon:before{margin-top:-7px;}.nav__icon:after{margin-top:7px;}.style-1{z-index:99999999;position:relative;}.style-1 .small-nav{-webkit-transform:translateX(-100%);transform:translateX(-100%);width:100%;height:100%;}.style-1 .nav__link{opacity:0;-webkit-transition-delay:500ms;transition-delay:500ms;}.style-1 .nav__link:hover{color:#FFF;}.style-1 .nav__link:focus{color:#FFF;}.style-1 .nav--active .nav__link{opacity:1;}.style-1 .nav--active .small-nav{-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;-webkit-transform:translateX(0);transform:translateX(0);}.style-1 .nav--active .nav__icon{background:rgba(0,0,0,0);}.style-1 .nav--active .nav__icon:before{margin-top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);background:#FFF;}.style-1 .nav--active .nav__icon:after{margin-top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background:#FFF;}