How to move timeline bar in music player below?

I want to move the status bar in music player in my site, to be the same like this site. So need to move below for 100px I suppose, but I can't find the right class, to change myself. I think that class is this:

.player-box .jp-seek-bar { 
  padding-bottom:100px; --> But manipulation this value don't change nothing!
}

Also, how to change status bar to be the same color like demo site I provided?

7 Steps for Troubleshooting or "Why Isn't My CSS Showing?!"

Clear the cache: CMS's like Drupal very helpfully stash your CSS so it's zippy when you reload the page...and using the old, unchanged CSS.
Check the URL: Make sure you're looking at the right environment, which comes up more often than you might think. Use the inspector to see if your changes are getting consumed.
C is for Cascading: The last definition wins, so ensure you're not overriding yourself later in the document. The order of the individual stylesheets matters too. If a plugin's stylesheet is loaded after your custom styles, it wins the throwdown.
Preflight it: Try it in the browser inspector dev tools before putting into your custom styles.
Details matter: Check your spelling, match your brackets. Are all your semicolons in place? Run it through a validator: https://jigsaw.w3.org/css-validator/
Oh javascript: If you're overriding an inline style set by javascript you'll either need to track down the javascript setting it or use the !important stick in your CSS.
Caniuse: If your style definition is something a little edgy, it's possible the browser doesn't support that CSS property. Check http://caniuse.com/ before you drive yourself crazy trying to get IE to behave.