html, body{ 
    font-size: 100%;
    overflow: hidden;
    background: #f9f9f9;
}
.inspiration{padding:0; margin: 0; background:#FFF; position: absolute; top:0; width:100%; }
/*Player inspiration*/
.inspiration #jp_container_1{ color:#FFF; font-family: Arial,sans-serif; margin: 0; position: relative; width: 100%; height: 60px; padding: 5px auto;}
.inspiration .jp-controls{position: absolute; left:140px; margin-top:4px;}
.inspiration .jp-volume-controls{position: absolute; margin-top:20px; left:240px; width: 120px;  }
.inspiration .btn-players{position: absolute; top:0; right:0; background: #33ccff;  width:35%; height: 60px;} 
.inspiration .contents{padding: 10px auto; margin-top:12px; padding-left: 10px;} 
.inspiration .contents img{height: auto; width: 30px;} 
.inspiration .jp-mute{float: right; margin-left:10px; margin-top:10px}
.inspiration .jp-volume-bar .jp-volume-bar-value{ height: 10px; background: #33ccff; }
.inspiration .fc_capa{ position:absolute; left:380px; }
.inspiration .fc_capa img{ width:55px; padding: 3px;}
.inspiration .musica_atuals{ position:absolute; left:465px; top:20px; font-size: 13px; max-width: 500px; display: block;}
.ico-hide{display: initial;}
.slider{
    width:120px !important; 
}
.slider-selection {
	background: #33ccff ;
        border:#33ccff 1px solid !important;;
        border-radius: 0 !important;
}
.slider-handle.custom {
    border-radius: 100%;
    background: #33ccff !important;
    /* You can customize the handle and set a background image */
}
.slider-handle.custom::before {
	line-height: 20px;
	font-size: 20px;
	content: ''; /*unicode star character*/
	color: #FFF;
}
@media (max-width:966px){
    .inspiration #jp_container_1{  background: #333; color:#FFF; font-family: Arial,sans-serif; margin: 0; position: relative; width: 100%; height: 60px; padding: 5px auto;}
    .inspiration .jp-controls{position: absolute; left:10px; margin-top:4px;}
    .inspiration .jp-volume-controls{position: absolute; margin-top:20px; left:110px; width: 90px; }
    .inspiration .btn-players{position: absolute; top:0; right:0; background: #33ccff;  width:23%; height: 60px;} 
    .inspiration .contents{padding: 10px auto; margin-top:15px; padding-left: 10px;} 
    .inspiration .contents img{height: auto; width: 25px;} 
    .inspiration .jp-mute{float: right; margin-left:10px; margin-top:10px}
    .inspiration .jp-volume-bar .jp-volume-bar-value{ height: 10px; background: #33ccff; }
    .inspiration .fc_capa{ position:absolute; left:210px; }
    .inspiration .fc_capa img{ width:55px; padding: 3px;}
    .inspiration .musica_atuals{ position:absolute; left:285px; top:20px; font-size: 13px; max-width:300px; display: block;}
    .ico-hide{display: none;}
}
@media (max-width:768px){
    .inspiration #jp_container_1{  background: #333; color:#FFF; font-family: Arial,sans-serif; margin: 0; position: relative; width: 100%; height: 60px; padding: 5px auto;}
    .inspiration .jp-controls{position: absolute; left:10px; margin-top:4px;}
    .inspiration .jp-volume-controls{position: absolute; margin-top:20px; left:110px; width: 90px; border:none;}
    .inspiration .btn-players{position: absolute; top:0; right:0; background: #33ccff;  width:23%; height: 60px; display: none;} 
    .inspiration .contents{padding: 10px auto; margin-top:15px; padding-left: 10px;} 
    .inspiration .contents img{height: auto; width: 25px;} 
    .inspiration .jp-mute{float: right; margin-left:10px; margin-top:10px}
    .inspiration .jp-volume-bar .jp-volume-bar-value{ height: 10px; background: #33ccff; }
    .inspiration .fc_capa{ position:absolute; left:210px; }
    .inspiration .play_musica_atual{ position:absolute; left:285px; top:20px; font-size: 13px;}
    .ico-hide{display: none;}
}
@media (max-width:480px){
    .inspiration #jp_container_1{  background: #333; color:#FFF; font-family: Arial,sans-serif; margin: 0; position: relative; width: 100%; height: 60px; padding: 5px auto;}
    .inspiration .jp-controls{position: absolute; left:10px; margin-top:4px;}
    .inspiration .btn-players{position: absolute; top:0; right:0; background: #33ccff;  width:18%; height: 60px; display: none;} 
    .inspiration .contents{padding: 10px auto; margin-top:4px; padding-left: 10px;} 
    .inspiration .contents img{height: auto; width: 25px;} 
    .inspiration .jp-mute{float: right; margin-left:10px; margin-top:10px}
    .inspiration .jp-volume-controls{position: absolute; margin-top:20px; left:110px; width: 80px;border:none; }
    .inspiration .jp-volume-bar .jp-volume-bar-value{ height: 10px; background: #33ccff; }
    .inspiration .fc_capa{ position:absolute; left:210px; }
    .inspiration .fc_capa img{ width:55px; padding: 3px;}
    .inspiration .musica_atuals{display: initial;}
    .ico-hide{display: none;}
}
@media (max-width:420px){
    .inspiration #jp_container_1{  background: #333; color:#FFF; font-family: Arial,sans-serif; margin: 0; position: relative; width: 100%; height: 60px; padding: 5px auto;}
    .inspiration .jp-controls{position: absolute; left:10px; margin-top:4px;}
    .inspiration .btn-players{position: absolute; top:0; right:0; background: #33ccff;  width:23%; height: 60px; display: none;} 
    .inspiration .contents{padding: 10px auto; margin-top:4px; padding-left: 10px;} 
    .inspiration .contents img{height: auto; width: 25px;} 
    .inspiration .jp-mute{float: right; margin-left:10px; margin-top:10px}
    .inspiration .jp-volume-controls{position: absolute; margin-top:20px;  left:110px; width: 80px; border:none; }
    .inspiration .jp-volume-bar .jp-volume-bar-value{ height: 10px; background: #33ccff; }
    .inspiration .fc_capa{ position:absolute; left:210px; }
    .inspiration .fc_capa img{ width:55px; padding: 3px;}
    .inspiration .musica_atuals{display: none;}
    .ico-hide{display: none;}
}
/*//player inspiration*/