@import url(https://fonts.googleapis.com/css?family=Lato);@-webkit-keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{background:#2f2f2f;font-family:'Lato',sans-serif}*{padding:0;margin:0}a{color:#369;text-decoration:none}.wrapper{display:none}.loader{position:fixed;top:50%;left:50%;margin-top:-32px;margin-left:-32px;width:64px;height:64px;z-index:99}.loader:after{content:" ";display:block;width:64px;height:64px;margin:1px;border-radius:50%;border:5px solid #fff;border-color:#fff transparent;-webkit-animation:lds-dual-ring 1.2s linear infinite;animation:lds-dual-ring 1.2s linear infinite}header{position:relative}.brand{display:block;text-transform:uppercase;margin:20px}@media (max-width:768px) and (orientation:landscape){.brand{display:none}}.brand img{float:left;width:70px;height:auto}.brand h1{float:left;padding:10px 0 20px 10px;font-size:1.5em}@media (min-width:992px){.brand h1{display:block}}.brand span{display:block;font-weight:300;color:#aaa;font-size:14px}@media (min-width:768px){.brand span{font-size:20px}}footer{position:absolute;bottom:0;color:#aaa;font-size:16px;width:100%}footer p{text-align:center;margin:40px 0}.brand h1,footer a{color:#fff}footer a:hover{opacity:.8}.ad-tablet{display:none;width:728px;margin:0 auto}@media (min-width:768px) and (max-width:991px){.ad-tablet{display:block}}.ad{display:none;position:absolute;width:300px;height:90%;top:20px;right:20px}@media (min-width:992px){.ad{display:block}}.tuner-wrapper header img{width:32px;height:auto;float:left;margin:4px 6px 0}.tuner-wrapper header h2{float:left;margin:12px 0 0;line-height:1.1}.tuner-wrapper{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding-top:5em;font-size:11px;width:350px;height:310px}#tabs{width:343px;height:250px}:focus{outline:0!important;text-decoration:none}#pitch-detection{position:relative}#pitch-detection p{position:absolute;text-align:center;left:15px;top:190px;font-size:11px;color:#aaa}.flated,.sharped,.tuned{position:absolute;border-radius:50%}.tuned{background:#555;left:131px;width:80px;height:80px;top:68px}.tuned #note-name{text-align:center;text-indent:-3px;letter-spacing:-3px}.flated span,.sharped span,.tuned span{display:block;font-size:42px;margin-top:16px;text-align:center}.flated,.sharped{width:30px;height:30px;top:93px}.flated{left:95px}.sharped{right:95px}.flated span,.sharped span{margin-top:6px;font-weight:700;font-size:14px}fieldset{border:0;padding:0;margin:0}.play-ctrl,.strings,.tunings{padding:0 10px;margin-left:3px}.tunings{margin-top:17px}.play-ctrl,.strings{margin-top:36px}.set-tuning{margin-left:8px}.add,.set-tuning>div,.tbl-wrapper{margin-top:10px}.set-tuning select{border:1px solid #666;background:#555;font-weight:700;color:#eee;height:25px;width:40px;margin-right:5px;margin-bottom:10px}#add-tuning{margin-left:5px;padding:0;width:30px;height:30px}.add label{font-size:16px;display:inline-block;margin-right:5px}.add input{padding-left:5px;border:0;background:#777;color:#fff;width:200px;height:30px;border-radius:4px}.tbl-wrapper{position:absolute;width:85%;height:90px;overflow:auto}.tbl-wrapper table td:first-child{width:100%;border-bottom:1px dashed #777;line-height:2.2}.volume{top:57px;position:absolute;right:50px}.volume span{position:absolute;top:-5px;left:-5px}.strings .ui-button{padding:5px}.string{width:36px}.string:not(:last-child){margin-right:6px}.times{float:right}.times i{margin-right:-5px;margin-top:0}#times{width:10px}#play{float:right;width:20px;height:26px;margin:0 4px 0 6px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#777}::-webkit-scrollbar-thumb{background-color:#aaa}::-webkit-scrollbar-button{background-color:#777}::-webkit-scrollbar-corner{background-color:#777}.ui-selectmenu-menu .ui-menu{max-height:350px}.ui-menu .ui-menu-item{font-size:14px}.clearfix:after{content:"";display:table;clear:both}