.bg-audio{z-index:0;position:absolute;top:0px;left:0}.audio-player{position:relative;margin:30% 0 30px;z-index:0;min-height:531px}.equalizer{z-index:1;position:relative;top:0%;left:0}.disco{z-index:2;position:absolute;top:18%;left:18%}.disco
button{z-index:3;position:absolute;top:33%;left:33%;border:0;background-color:#fff;outline:0px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;box-shadow:0 3px 5px 1px rgba(0, 0, 0, 0.3);width:120px;height:120px}.disco button:hover{transform:scale(1.03);-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-o-transform:scale(1.03)}.disco button
i{background-color:#fff;font-size:3em;color:#c7374c;padding-left:5px;text-shadow:2px 2px 0 #ccc,-1px -1px 0 #ccc,1px -1px 0 #ccc,-1px  0px 0 #ccc,1px  1px 0 #ccc}.disco button
#play{z-index:3}.disco button
#pause{z-index:4}.spin{-webkit-animation:spin 0.7s infinite linear;-moz-animation:spin 0.7s infinite linear;-o-animation:spin 0.7s infinite linear;-ms-animation:spin 0.7s infinite linear}@-webkit-keyframes
spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes
spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg)}}@-o-keyframes
spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(360deg)}}@-ms-keyframes
spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(360deg)}}.climb{-webkit-animation:climb 0.7s infinite linear;-moz-animation:climb 0.7s infinite linear;-o-animation:climb 0.7s infinite linear;-ms-animation:climb 0.7s infinite linear}@-webkit-keyframes
climb{0%{-webkit-transform:scale(0.5)}25%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(0.25)}100%{-webkit-transform:scale(1.2)}}@-moz-keyframes
climb{0%{-moz-transform:scale(0.5)}25%{-moz-transform:scale(1)}50%{-moz-transform:scale(0.25)}100%{-moz-transform:scale(1.2)}}@-o-keyframes
climb{0%{-o-transform:scale(0.5)}25%{-o-transform:scale(1)}50%{-o-transform:scale(0.25)}100%{-o-transform:scale(1.2)}}@-ms-keyframes
climb{0%{-ms-transform:scale(0.5)}25%{-ms-transform:scale(1)}50%{-ms-transform:scale(0.25)}100%{-ms-transform:scale(1.2)}}@media only screen and (max-width : 1700px){}@media only screen and (max-width : 1199px){.audio-player{margin:30% 0 0}.disco{width:280px}.disco
button{width:90px;height:90px}.disco button
i{font-size:2em}}@media only screen and (max-width : 991px){.audio-player{min-height:360px}.disco{width:200px;top:20%;left:20%}.disco
button{width:70px;height:70px}.audio-player
.handle{font-size:2em;color:#c5304b}}@media only screen and (max-width : 767px){.audio-player{margin:0px
! important;min-height:290px}.disco{left:16%}}