.spinner{margin:100px auto;width:50px;height:40px;text-align:center;font-size:10px}.spinner>div{background-color:#fff;height:100%;width:6px;display:inline-block;margin:0 1px;-webkit-animation:a 1.2s infinite ease-in-out;animation:a 1.2s infinite ease-in-out}.spinner>span{color:#fff;text-transform:uppercase;letter-spacing:2px;margin-left:-2px;padding-top:10px;display:block}.spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.spinner .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes a{0%,40%,to{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes a{0%,40%,to{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}#pads{width:100%;height:100%;position:absolute;left:0;top:0;font-size:0}#pads .col{width:33.333%;height:100%;display:inline-block}#pads .big{height:19%}#pads .big,#pads .med{width:100%;cursor:pointer}#pads .med{height:14.3%}#pads .med.bot{margin-bottom:11.4%}#pads .sm{width:100%;height:10%;cursor:pointer}#pads .sm.top{margin-top:10.1%}#pads .sm.bot{margin-bottom:10.1%}body,html{height:100%;font-family:sans-serif}body,html,ul{width:100%;padding:0;margin:0}ul{list-style-type:none}.text-center{text-align:center}.text-right{text-align:right}#wrapper{top:0;bottom:0;left:0;right:0;overflow:auto;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:400px){#wrapper{display:block}}.overlay{width:100%;height:100%;top:0;bottom:0;left:0;right:0;position:fixed;background-color:#000;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex}.overlay .overlay-content{width:200px;height:200px;margin:auto}.container{width:50vw;margin:auto}@media screen and (max-width:400px){.container{width:100%}}.container .cover{min-height:auto;overflow:hidden;position:relative}.container .cover img{width:100%}.container .tip{text-align:center}.container .tip a{color:grey}.container .tip .btn{display:inline-block;border:1px solid grey;padding:10px 20px;color:#000;border-radius:6px;text-decoration:none;-webkit-transition:all .4s;transition:all .4s;font-weight:100;opacity:.5;margin:20px 0}.container .tip .btn:hover{opacity:1}.container .tip p{margin:20px 0 0;font-weight:100;text-align:center;width:100%;color:#c2c2c2;text-transform:uppercase;font-size:.7vw;letter-spacing:2px;line-height:2}@media screen and (max-width:400px){.container .tip p{font-size:12px;padding:0 20px;box-sizing:border-box}}.container .tracks .track{display:inline-block;width:50%;padding:20px;box-sizing:border-box;opacity:.5;-webkit-transition:all .2s;transition:all .2s;cursor:pointer}.container .tracks .track.active,.container .tracks .track:hover{opacity:1}.container .tracks img{width:100%}.container .botnav{text-transform:uppercase;font-size:.9vw;letter-spacing:2px;padding:20px 0 0}@media screen and (max-width:400px){.container .botnav{font-size:18px;text-align:center}}.container .botnav .tracks li{display:inline-block;width:33.33%;padding:2px 0;opacity:.5;-webkit-transition:all .2s;transition:all .2s;cursor:pointer}@media screen and (max-width:400px){.container .botnav .tracks li{display:block;text-align:center!important;width:100%}}.container .botnav .tracks li.active,.container .botnav .tracks li:hover{opacity:1}