#page {
    margin: 150px 0 10px 0;
}
.sp-buttons-container a {
    z-index: 200;
}
#header.sticky {
    top: 58px;
}
.sp-volume-bar-container {
    top: 65px;
}
.sp-volume-bar-container:after {
    bottom: 30px;
}
.sp-player-container {
    position: absolute;
    top: 0;
}
#scamp_player.sp-show-player #sp-toggle:after {
    display:none;
}
#sp-toggle-wrap {
    overflow: visible;
}
#nav a {
    font-size: 14px;
}
#copyrights {
    text-align: left;
    font-size: 13px;
}
.menu11:hover, .menu11:active {
background-color: #ef8305; 
  transition: .5s;
}
.menu22:hover {
background-color: #37bfe5; 
    transition: .5s;
}
.menu33:hover {
background-color: #d80377; 
    transition: .5s;
}
.menu44:hover {
background-color: #83d126; 
    transition: .5s;
}
.menu55:hover {
background-color: #000000; 
    transition: .5s;
}
.menu66:hover {
background-color: #bd0944; 
    transition: .5s;
}
.menu77:hover {
background-color: #8733b7; 
    transition: .5s;
}
.menu88:hover {
background-color: #94b9f0; 
    transition: .5s;
}
#nav .current > a, #nav .current-menu-item > a {
    background-color: #4fc3f0;
}
.playl {
  height: auto;
}
.menu00, .menu00:active {
background-color: #FF4848; 
    -webkit-animation: menu00 3s linear infinite;
  animation: menu00 3s linear infinite;
}

@-webkit-keyframes menu00 {
  0% { background-color: rgba(68, 113, 175, 1); }
  50% { background-color: rgba(68, 113, 175, 0); }
  100% { background-color: rgba(68, 113, 175, 1); }
}
@keyframes menu00 {
  0% { background-color: rgba(68, 113, 175, 1); }
  50% { background-color: rgba(68, 113, 175, 0); }
  100% { background-color: rgba(68, 113, 175, 1); }
}
@media only screen and (max-width: 767px) {
.sp-track-cover {
    display: block;
}
}