body{background-color:#f8f8f8;margin:0;padding:0;color:#797979;font-family:Roboto,sans-serif}a:hover{text-decoration:none}#preloader{width:100%;height:100%;background-color:#a85858;position:fixed;margin:-100px;z-index:999;background-image:url(site-files/preloader.svg);background-repeat:no-repeat;background-position:center center}#devload-up{opacity:0;position:relative;bottom:40px;-webkit-transition:opacity ease .4s,bottom ease .4s;-moz-transition:opacity ease .4s,bottom ease .4s;-o-transition:opacity ease .4s,bottom ease .4s;transition:opacity ease .4s,bottom ease .4s}.keyboardsec{background:url(../images/bg-keyboard-2.jpg) no-repeat;background-size:cover;padding:50px 0}#devload-down{opacity:0;position:relative;top:40px;-webkit-transition:opacity ease .4s,top ease .4s;-moz-transition:opacity ease .4s,top ease .4s;-o-transition:opacity ease .4s,top ease .4s;transition:opacity ease .4s,top ease .4s}.clean{clear:both}.fleft{float:left}.fright{float:right}use{-webkit-transition:fill ease .2s;-moz-transition:fill ease .2s;-o-transition:fill ease .2s;transition:fill ease .2s}use.pressed{fill:#fff}use.led{fill:green}use.pressed-key{fill:gray}#keyboard-main-frame svg{width:100%;max-width:100%;min-width:350px;display:block;border-radius:16px}#deva-one{max-width:875px;margin:0 auto}#out{font-size:14px;height:50px;font-weight:300;line-height:30px;width:100%;margin-bottom:30px;outline:0;border:none}#devakeys-frame{min-width:350px;display:block;max-width:875px;margin:0 auto}@media all and (max-width:1300px){h1{font-size:32px;padding:0 0 50px}#devakeys-frame{clear:both;float:none;text-align:left;margin:0 0 40px 0}#out{font-size:64px;line-height:60px}}.pressanykey{float:left;max-width:48%;font-size:20px;color:#fff;font-weight:600}.keyinpercent{font-weight:800;font-size:32px;color:#fff;line-height:24px;float:right;text-align:right}#keystay-pressed{display:inline-block;margin:0 auto;padding:30px 20px 0 0;font-weight:400;font-size:24px;color:#fff}.activekeypressed{max-width:360px;margin:0 auto;text-align:center}.btnslideswitch{position:relative;display:inline-block;width:54px;height:28px;top:10px}.btnslideswitch input{display:none}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;-moz-transition:.4s;-webkit-transition:.4s;transition:.4s;border:2px solid #fff}.slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#227fcd}input:focus+.slider{box-shadow:0 0 1px #42ca99}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:28px}.slider.round:before{border-radius:50%}.devkeyboard-choose{float:left;margin:0 40px 80px 0;font-size:14px;font-weight:400;line-height:16px;cursor:pointer}.devkeyboard-choose img{display:block;margin:0 0 20px 0;padding:3px;border:1px solid #a85858;border-radius:5px}.devkeyboard-choose:hover img{border:1px solid #fff}.devkeyboard-choose.active{cursor:default}.devkeyboard-choose.active img{border:1px solid #fff}.example2 .navbar-brand>img{padding:0 15px}.example2 .navbar-default .navbar-nav>.active>a,.example2 .navbar-default .navbar-nav>.open>a{color:#fff;background-color:#227fcd}header{background:#fff;box-shadow:1px 2px 4px #ccc}header .navbar{background:0 0;border:none;box-shadow:none;margin-bottom:0;padding:5px 0}.navbar-brand{padding:0}.topthreeboxes{padding:20px 0;margin:0}.boxinn{background:#fff;padding:0;border:2px solid #fff;height:200px;box-shadow:0 0 6px 4px #f3f3f3}.boxinn.videobx{height:200px}.boxinn.batterybx{background:#00a5d4;background:#00b3f4;background:-moz-linear-gradient(top,#00b3f4 1%,#00a5d4 100%);background:-webkit-linear-gradient(top,#00b3f4 1%,#00a5d4 100%);background:linear-gradient(to bottom,#00b3f4 1%,#00a5d4 100%);text-align:center}.boxinn.videobx iframe{margin:0;padding:0;height:100%}.battery{position:relative;margin:25px auto;border:2px solid #fff;border-radius:2px;width:100px;height:50px;position:relative}@keyframes anim-batt{0%{border-color:#fff}20%{border-color:#fff}40%{border-color:#ff0}60%{border-color:red}}.battery:after,.battery:before{content:'';position:absolute}.battery:before{width:10px;height:20px;background:#fff;border-radius:2px 0 0 2px;display:block;top:50%;left:-10px;transform:translateY(-50%)}@keyframes anim-battcap{0%{background:#fff}20%{background:#fff}40%{background:#ff0}60%{background:red}}.battery:after{height:80%;width:20%;top:10%;right:4%;background:#fff;box-shadow:-24px 0 0 0 #fff,-48px 0 0 0 #fff,-72px 0 0 0 #fff}@keyframes anim-battlife{0%{background:#fff;box-shadow:-24px 0 0 0 #fff,-48px 0 0 0 #fff,-72px 0 0 0 #fff}20%{background:#fff;box-shadow:-24px 0 0 0 #fff,-48px 0 0 0 #fff,-72px 0 0 0 rgba(255,255,255,0)}40%{background:#ff0;box-shadow:-24px 0 0 0 #ff0,-48px 0 0 0 rgba(255,255,0,0),-72px 0 0 0 rgba(255,255,0,0)}60%{background:red;box-shadow:-24px 0 0 0 rgba(255,0,0,0),-48px 0 0 0 rgba(255,0,0,0),-72px 0 0 0 rgba(255,0,0,0)}80%{background:rgba(255,0,0,0);box-shadow:-24px 0 0 0 rgba(255,0,0,0),-48px 0 0 0 rgba(255,0,0,0),-72px 0 0 0 rgba(255,0,0,0);content:'!';color:red;font-weight:700;font-family:Impact,Charcoal,sans-serif;font-size:32px;line-height:50px;top:0;right:0;bottom:0;left:0;text-align:center;width:100%}}.titlebtry{font-size:16px;color:#fff;font-weight:600;line-height:24px}.imgmicphone .titlebtry,.webcambgbox .titlebtry{font-size:20px;color:#fff;font-weight:300;line-height:24px;padding-top:20px}.boxinn.batterybx p{font-size:14px;color:#fff;line-height:18px;font-weight:400;padding:0 15px}#app-cover{position:relative;max-width:320px;height:70px;margin:-4px auto;top:110px}#bg-artwork{position:relative;top:-30px;right:-30px;bottom:-30px;left:-30px;background-image:url(https://raw.githubusercontent.com/himalayasingh/music-player-1/master/img/_1.jpg);background-repeat:no-repeat;background-size:cover;background-position:50%;filter:blur(40px);-webkit-filter:blur(40px);z-index:1}#bg-layer{position:relative;top:0;right:0;bottom:0;left:0;background-color:#fff;opacity:.51;z-index:2}#player{position:relative;height:100%;z-index:3}#player-track{position:absolute;top:0;right:15px;left:15px;padding:13px 13px 10px 120px;background-color:#fff7f7;border-radius:15px 15px 0 0;-webkit-transition:.3s ease top;transition:.3s ease top;z-index:1}#player-track.active{top:-92px}#album-name{color:#54576f;font-size:17px;font-weight:700}#track-name{color:#acaebd;font-size:13px;margin:2px 0 13px 0}#track-time{height:12px;margin-bottom:3px;overflow:hidden}#current-time{float:left}#track-length{float:right}#current-time,#track-length{color:transparent;font-size:11px;background-color:#ffe8ee;border-radius:10px;-webkit-transition:.3s ease all;transition:.3s ease all}#track-time.active #current-time,#track-time.active #track-length{color:#f86d92;background-color:transparent}#s-area,#seek-bar{position:relative;height:4px;border-radius:4px}#s-area{background-color:#ffe8ee;cursor:pointer}#ins-time{position:absolute;top:-29px;color:#fff;font-size:12px;white-space:pre;padding:5px 6px;border-radius:4px;display:none}#s-hover{position:absolute;top:0;bottom:0;left:0;opacity:.2;z-index:2}#ins-time,#s-hover{background-color:#3b3d50}#seek-bar{content:'';position:absolute;top:0;bottom:0;left:0;width:0;background-color:#fd6d94;-webkit-transition:.2s ease width;transition:.2s ease width;z-index:1}#player-content{position:relative;height:100%;background-color:#fff;box-shadow:0 30px 80px #656565;border-radius:15px;z-index:2}#album-art{position:absolute;top:-40px;width:70px;height:70px;margin-left:40px;-webkit-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition:.3s ease all;transition:.3s ease all;box-shadow:0 0 0 10px #fff;border-radius:50%;overflow:hidden}#album-art.active{top:-60px;box-shadow:0 0 0 4px #fff7f7,0 30px 50px -15px #afb7c1}#album-art:before{content:'';position:absolute;top:50%;right:0;left:0;width:20px;height:20px;margin:-10px auto 0 auto;background-color:#d6dee7;border-radius:50%;box-shadow:inset 0 0 0 2px #fff;z-index:2}#album-art img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:-1}#album-art img.active{opacity:1;z-index:1}#album-art.active img.active{z-index:1;-webkit-animation:rotateAlbumArt 3s linear 0s infinite forwards;animation:rotateAlbumArt 3s linear 0s infinite forwards}@-webkit-keyframes rotateAlbumArt{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotateAlbumArt{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}#buffer-box{position:absolute;top:50%;right:0;left:0;height:13px;color:#1f1f1f;font-size:13px;font-family:Helvetica;text-align:center;font-weight:700;line-height:1;padding:6px;margin:-12px auto 0 auto;background-color:rgba(255,255,255,.19);opacity:0;z-index:2}#album-art img,#buffer-box{-webkit-transition:.1s linear all;transition:.1s linear all}#album-art.buffering img{opacity:.25}#album-art.buffering img.active{opacity:.8;filter:blur(2px);-webkit-filter:blur(2px)}#album-art.buffering #buffer-box{opacity:1}#player-controls{width:136px;margin:0 5px 0 141px;float:right;overflow:hidden}.control{width:33.333%;float:left;padding:12px 0}.audiobx{background:#701e96;background:-moz-linear-gradient(45deg,#701e96 0,#5b00a5 39%,#751ebc 70%,#6b15b2 100%);background:-webkit-linear-gradient(45deg,#701e96 0,#5b00a5 39%,#751ebc 70%,#6b15b2 100%);background:linear-gradient(45deg,#701e96 0,#5b00a5 39%,#751ebc 70%,#6b15b2 100%);display:table;position:relative;width:100%}.audiobx .button{padding:10px;background-color:#fff;border-radius:6px;cursor:pointer}.button i{display:block;color:#d6dee7;font-size:26px;text-align:center;line-height:1}.button,.button i{-webkit-transition:.2s ease all;transition:.2s ease all}.button:hover{background-color:#d6d6de}.button:hover i{color:#fff}#ytd-url{display:block;position:fixed;right:0;bottom:0;padding:10px 14px;margin:20px;color:#fff;font-size:14px;text-decoration:none;background-color:#ae5f87;border-radius:4px;box-shadow:0 10px 20px -5px rgba(174,95,135,.86);z-index:125}.webcambgbox{background:#1e5799;background:-moz-linear-gradient(45deg,#1e5799 0,#1575c4 20%,#1575c4 20%,#2989d8 45%,#207cca 62%,#207cca 94%,#316fbf 100%);background:-webkit-linear-gradient(45deg,#1e5799 0,#1575c4 20%,#1575c4 20%,#2989d8 45%,#207cca 62%,#207cca 94%,#316fbf 100%);background:linear-gradient(45deg,#1e5799 0,#1575c4 20%,#1575c4 20%,#2989d8 45%,#207cca 62%,#207cca 94%,#316fbf 100%);display:table;position:relative;width:100%}.imgmicphone,.imgwebcam{display:table-cell;vertical-align:middle;text-align:center}.imgmicphone a,.imgwebcam a{display:block}footer{margin:0;padding:15px 0;background:#f8f8f8}.copyrt{float:left;font-size:14px;color:#797979;line-height:24px;padding:10px 0 0 0}.ftlinks{text-align:right}.ftlinks a{font-size:14px;color:#797979;line-height:24px;display:inline-block;padding:5px 0}.ftlinks a:hover{color:#227fcd;transition:all 1s ease}