@charset "UTF-8";.device-nav{text-align:center}.md-slider{width:100%;position:relative;height:700px;padding-top:40px;margin:10px 0}.md-slider>nav{position:absolute;text-align:center;width:100%;top:0}.md-slider>nav .md-win{display:inline-block;width:14px;height:14px;background:#ddd;margin:3px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;outline:none}.touch .md-slider>nav .md-win{width:20px;height:20px;margin:2px 8px}.md-slider>nav .md-win.md-current,.md-slider>nav .md-win:hover{background:#aaa}.md-device-wrapper{position:relative;text-align:center;max-width:760px;margin:0 auto}.md-device{position:relative;display:inline-block;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#555;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.md-device>.md-win,.md-device>.md-win img{display:block;outline:none}.md-device>.md-win{position:relative;background-color:#fff}.md-device>.md-win img{width:100%;height:100%;position:absolute;top:0;left:0}.md-device>.md-win img.md-fadeout{opacity:0}.md-device,.md-device:after,.md-device:before,.md-device div{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.md-base-element:after,.md-border-element:after,.md-device:after,.md-device:before{position:absolute;content:"";z-index:1000;left:50%;top:0}.md-device:after,.md-device:before{background:#444}.md-device:before{-webkit-transform:translateY(300%) translateX(-50%);-moz-transform:translateY(300%) translateX(-50%);-ms-transform:translateY(300%) translateX(-50%);-o-transform:translateY(300%) translateX(-50%);transform:translateY(300%) translateX(-50%);width:4px;height:4px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.md-device>div{position:absolute}.md-device button{position:absolute;top:50%;left:50%;width:50px;height:50px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;z-index:1001;border:none;color:#fff;background:#101010;text-align:center;cursor:pointer;margin:-25px 0 0 -25px;opacity:0;outline:none}.md-device:hover button,.touch .md-device button{opacity:1}.md-device button:before{font-family:md-icons;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;font-size:30px;line-height:50px;-webkit-font-smoothing:antialiased;content:""}.md-device.md-rotated button{-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-ms-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1)}.md-base-element,.md-border-element,.md-border-element:after{opacity:0}.md-device:after{width:24px;height:24px;top:100%;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:translateY(-200%) translateX(-50%) scale(0);-moz-transform:translateY(-200%) translateX(-50%) scale(0);-ms-transform:translateY(-200%) translateX(-50%) scale(0);-o-transform:translateY(-200%) translateX(-50%) scale(0);transform:translateY(-200%) translateX(-50%) scale(0)}.md-border-element{height:60px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;top:100%;width:100%;background:#ddd;left:50%}.md-border-element:after{background:#aaa;width:100px;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;height:10px;opacity:0}.md-border-element,.md-border-element:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.md-shadow-element{width:80%;height:0;display:block;position:absolute;left:50%;z-index:-1;-webkit-transform:translateY(100px) translateX(-50%) translateY(-75%);-moz-transform:translateY(100px) translateX(-50%) translateY(-75%);-ms-transform:translateY(100px) translateX(-50%) translateY(-75%);-o-transform:translateY(100px) translateX(-50%) translateY(-75%);transform:translateY(100px) translateX(-50%) translateY(-75%);-webkit-box-shadow:0 0 40px 3px #000;-moz-box-shadow:0 0 40px 3px #000;box-shadow:0 0 40px 3px #000}.md-base-element{top:100%;left:50%;width:160px;height:0;background:transparent;border-bottom:120px solid #ddd;border-left:30px solid transparent;border-right:30px solid transparent;-webkit-transform:translateY(60px) translateX(-50%) translateY(-75%);-moz-transform:translateY(60px) translateX(-50%) translateY(-75%);-ms-transform:translateY(60px) translateX(-50%) translateY(-75%);-o-transform:translateY(60px) translateX(-50%) translateY(-75%);transform:translateY(60px) translateX(-50%) translateY(-75%);z-index:-1}.md-base-element:after{background:#d0d0d0;width:260px;height:20px;-webkit-border-top-left-radius:20px;-moz-border-radius-topleft:20px;border-top-left-radius:20px;-webkit-border-top-right-radius:20px;-moz-border-radius-topright:20px;border-top-right-radius:20px;-webkit-transform:translateY(120px) translateX(-50%);-moz-transform:translateY(120px) translateX(-50%);-ms-transform:translateY(120px) translateX(-50%);-o-transform:translateY(120px) translateX(-50%);transform:translateY(120px) translateX(-50%)}.md-device-1{padding:30px;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.md-device-1:before{background:#aaa}.md-device-1>.md-win{width:700px;height:455px}.md-device-1 .md-border-element{opacity:1;border-top:5px solid #333}.md-device-1 .md-base-element{opacity:1;-webkit-transform:translateY(60px) translateX(-50%) translateY(0);-moz-transform:translateY(60px) translateX(-50%) translateY(0);-ms-transform:translateY(60px) translateX(-50%) translateY(0);-o-transform:translateY(60px) translateX(-50%) translateY(0);transform:translateY(60px) translateX(-50%) translateY(0)}.md-device-1 .md-shadow-element{width:20.25%;-webkit-transform:translateY(100px) translateX(-50%) translateY(-75%);-moz-transform:translateY(100px) translateX(-50%) translateY(-75%);-ms-transform:translateY(100px) translateX(-50%) translateY(-75%);-o-transform:translateY(100px) translateX(-50%) translateY(-75%);transform:translateY(100px) translateX(-50%) translateY(-75%);-webkit-box-shadow:0 0 12px 5px #ccc;-moz-box-shadow:0 0 12px 5px #ccc;box-shadow:0 0 12px 5px #ccc}.md-device-2{padding:30px;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.md-device-2>.md-win{width:394.8076109937px;height:248px}.md-device-2 .md-border-element{opacity:1;width:125%;height:35px;background:#ddd;-webkit-border-radius:0 0 20px 20px;-moz-border-radius:0 0 20px 20px;border-radius:0 0 20px 20px;border-bottom:5px solid #ccc}.md-device-2 .md-border-element:after{opacity:1}.md-device-2 .md-shadow-element{width:110%;-webkit-transform:translateY(76px) translateX(-50%) translateY(-75%);-moz-transform:translateY(76px) translateX(-50%) translateY(-75%);-ms-transform:translateY(76px) translateX(-50%) translateY(-75%);-o-transform:translateY(76px) translateX(-50%) translateY(-75%);transform:translateY(76px) translateX(-50%) translateY(-75%);-webkit-box-shadow:0 0 30px 5px #000;-moz-box-shadow:0 0 30px 5px #000;box-shadow:0 0 30px 5px #000}.md-device-3{padding:55px 40px;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;top:-40px}.md-device-3.md-rotated{-webkit-transform:translateY(40px) rotate(90deg);-moz-transform:translateY(40px) rotate(90deg);-ms-transform:translateY(40px) rotate(90deg);-o-transform:translateY(40px) rotate(90deg);transform:translateY(40px) rotate(90deg)}.md-device-3>.md-win{width:272.7296137339px;height:204px}.md-device-3:before{-webkit-transform:translateY(600%) translateX(-50%);-moz-transform:translateY(600%) translateX(-50%);-ms-transform:translateY(600%) translateX(-50%);-o-transform:translateY(600%) translateX(-50%);transform:translateY(600%) translateX(-50%)}.md-device-3:after{-webkit-transform:translateY(-160%) translateX(-50%) scale(1);-moz-transform:translateY(-160%) translateX(-50%) scale(1);-ms-transform:translateY(-160%) translateX(-50%) scale(1);-o-transform:translateY(-160%) translateX(-50%) scale(1);transform:translateY(-160%) translateX(-50%) scale(1)}.md-device-4{padding:50px 12px 70px;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);-o-transform:translateY(50px);transform:translateY(50px);-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;top:-50px}.md-device-4.md-rotated{-webkit-transform:translateY(50px) rotate(90deg);-moz-transform:translateY(50px) rotate(90deg);-ms-transform:translateY(50px) rotate(90deg);-o-transform:translateY(50px) rotate(90deg);transform:translateY(50px) rotate(90deg)}.md-device-4>.md-win{width:93.6768149883px;height:200px}.md-device-4:before{width:20px;height:4px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-transform:translateY(600%) translateX(-50%);-moz-transform:translateY(600%) translateX(-50%);-ms-transform:translateY(600%) translateX(-50%);-o-transform:translateY(600%) translateX(-50%);transform:translateY(600%) translateX(-50%)}.md-device-4:after{-webkit-transform:translateY(-180%) translateX(-50%) scale(1.2);-moz-transform:translateY(-180%) translateX(-50%) scale(1.2);-ms-transform:translateY(-180%) translateX(-50%) scale(1.2);-o-transform:translateY(-180%) translateX(-50%) scale(1.2);transform:translateY(-180%) translateX(-50%) scale(1.2)}.md-border-element,.md-device,.md-device:before,.md-device>.md-win,.md-shadow-element{-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.md-base-element,.md-border-element:after,.md-device:after{-webkit-transition:opacity .3s,background .3s,-webkit-transform .3s;transition:opacity .3s,background .3s,-webkit-transform .3s;-o-transition:opacity .3s,background .3s,-o-transform .3s;-moz-transition:transform .3s,opacity .3s,background .3s,-moz-transform .3s;transition:transform .3s,opacity .3s,background .3s;transition:transform .3s,opacity .3s,background .3s,-webkit-transform .3s,-moz-transform .3s,-o-transform .3s}.md-base-element,.md-border-element,.md-border-element:after,.md-device,.md-device:after,.md-device:before,.md-device>.md-win{-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.md-device>.md-win img{-webkit-transition:opacity .5s linear;-o-transition:opacity .5s linear;-moz-transition:opacity .5s linear;transition:opacity .5s linear}.md-device button{-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;-o-transition:opacity .3s,-o-transform .3s;-moz-transition:transform .3s,opacity .3s,-moz-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s,-moz-transform .3s,-o-transform .3s}@media screen and (max-width:758px){.md-slider{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);margin-top:-50px}}@media screen and (max-width:530px){.md-slider{-webkit-transform:scale(.6);-moz-transform:scale(.6);-ms-transform:scale(.6);-o-transform:scale(.6);transform:scale(.6);margin-top:-90px}}@media screen and (max-width:450px){.md-slider{-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);margin-top:-120px;left:-3%}}@media screen and (max-width:410px){.md-slider{-webkit-transform:scale(.4);-moz-transform:scale(.4);-ms-transform:scale(.4);-o-transform:scale(.4);transform:scale(.4);margin-top:-180px;left:-3%}}
/*# sourceMappingURL=device.css.map */