/* ICON */
.icon-qlist:before {
    content: '\e867';
} 


.ico-menu{
    float: left;
    margin-right: 22px;
    width: 14px;
    height: 20px;
}
.ico-pianotine {
    background: url("../img/ico/pianotine.png") no-repeat;
    background-size: contain;
    background-position: center;           
}


/* 32x32 */
.ico {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.ico-16{ 
    width: 16px;
    height: 16px;
}

.ico-14{
    width: 14px;
    height: 14px;
}

.ico-off{
    opacity: 0.25;
    filter: alpha(opacity=25); /* For IE8 and earlier */
}

.ico-50{
    opacity: 0.50;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}



.op-90{
    opacity: 0.90;
    filter: alpha(opacity=90); /* For IE8 and earlier */
}
.op-80{
    opacity: 0.80;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}
.op-70{
    opacity: 0.70;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}
.op-60{
    opacity: 0.60;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}
.op-50{
    opacity: 0.50;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
.op-40{
    opacity: 0.40;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
.op-30{
    opacity: 0.30;
    filter: alpha(opacity=30); /* For IE8 and earlier */
}
.op-20{
    opacity: 0.20;
    filter: alpha(opacity=20); /* For IE8 and earlier */
}
.op-10{
    opacity: 0.10;
    filter: alpha(opacity=10); /* For IE8 and earlier */
}
/*
.ico-playlist.ico-off {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAEHRSTlMAAAQIDBAUGBwgJCgwODxAmX5h5wAAAKFJREFUeNrt1sEOwiAQhOHVtlYsOO//tk24jMawceZkIv+R8N12CXExm/C34BJmOEwKkKoQz3J1oEkBkwKkImRtl6BJAY8Skt5EyOqmwJyWftpr/QZhTgsY4YAuImR3D7Y9NEgmQc6tAKVNGTADHmQCFN6fD2bAusZr65YV47muyAqQaZC7K0JOlwjJRFgiPDjuUbNi9mVF6A1CaMKkf/ivnhJQQJw568ytAAAAAElFTkSuQmCC);
}
*/
/* play icon  54x54 */
.ico-play {
    width: 54px;
    height: 54px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAANlBMVEUAAAD////////////////////////////////////////////////////////////////////xY8b8AAAAEXRSTlMAABAgMEBQYHCAj5+vv8/f7/4ucL8AAAE9SURBVHgBndbRsqMgDMbxzyBg4ATC+7/s1k6X6e4Qj+Z/2/4uWoUEmytsWEUx81ncsWzBKNc+RE5VpQ/h/QaLdbRjx4xS1X7QNYuiHPB/SZTJZlTPj1dF6cliUX8CrLJWWrJDMy4iaWHBqu4GWHxjstpMNePp/jJWwu8VpX9Y0h13qu2bBU24VytfTApuFjROlpRwN26T9Yz79fxhueNBuX9Yy3hST2+2Kx51/LxZqc9YGHSylvCsE2w0sCiTzbi8WBQsGsomPMXGZcmGDWm8WGGD2XAQNkkGs2GLLxYNZkO5YhMmD+sZS5aumGTjtxW2mUTjnzSfm41Aw3xLbAREMd9JGwFc/CfAe96cp9t5l3hvLs896biV/TPAP3H88w1gDY5p6pjdjk3BsZc4tiDnzuXf8Pz7pH97de7KfwDJThIJ6WeSYAAAAABJRU5ErkJggg==);
}
/* playlist icon  56x56 */
.ico-playlist.ico-16, .ico-playlist-pause.ico-16 {
    position: relative;
    top: -2px;
}

.ico-playlist {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAD3RSTlMAABAgMEBQYHCAj5+/3+9Dop6xAAAAoUlEQVR42u3WwQ7CIBCE4dW2Viw47/+2TbiMxrBx5mQi/5Hw3XYJcTGb8LfgEmY4TAqQqhDPcnWgSQGTAqQiZG2XoEkBjxKS3kTI6qbAnJZ+2mv9BmFOCxjhgC4iZHcPtj00SCZBzq0ApU0ZMAMeZAIU3p8PZsC6xmvrlhXjua7ICpBpkLsrQk6XCMlEWCI8OO5Rs2L2ZUXoDUJowqR/+K+eElBAnDnrzK0AAAAASUVORK5CYII=);
}
/* playlist icon  56x56 */
.ico-playlist-pause {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAHlBMVEUAAAD///////////////////////////////////8kfJuVAAAACXRSTlMAABAgMEBggL8BqR+UAAAAY0lEQVR42u3WQQuAMAiGYcts2///w40uijCR0Yjoe86+l82DtE1CuCRkUQd1Yuw0Vpqq1DVDECJ8LaxOOmwOwidCcbCr86FOeF8KpajznjM4CGMrQkhiyXMPn4cwMP0dfzh0L83QMOTz2fuQAAAAAElFTkSuQmCC);
}
 
/* 18x18 */
.ico-metronome18 {
    width: 18px;
    height: 18px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAABMlBMVEX69/f6+Pj7+Pj7+fn8+fn8+vr9+/v9/Pz+/Pz+/f3+/v7//f3//v7////69/f6+Pj7+Pj69/f69/f69/f+/Pz69/f69/f69/f7+Pj69/f69/f69/f69/f9/Pz69/f8+/v69/f69/f69/f69/f69/f9/Pz69/f69/f59vb59/f59vb59/f59vb49fX59vb59/f18vL59vb69/f59vb59vb69/f49vb69/f49fX59fX59vb69/f59fX59vb59vb8+/v59vb7+fn59vb59vb59vb59vb59vb69/f49vb69/f49fX59vb59vb59vb59vb49fX8+vr39PT49fX49fX28/P59vb69vb59vb59vb59vb49vb49fX59vb59vb49fX59vb69/f69/f69/f59vb69/f7+Pgt2avOAAAAY3RSTlMAAAAAAAAAAAAAAAAAAAEBAQIDBQUGBwkJCgsODxITGh4jJSYrLC4wMTE9PUVGS1JVVlxfYGJjZWdnaGlqbnF2eHp/gYWHiIyQkJSXmJmcnZ2jo6aqqq2ur7K0u9LX4uLo/P4Q1TqMAAAA1UlEQVR4AT3OV1IDMQyAYSGvbXaxQyf0EgoLhN5DL6En9N6z4v5X4CGS/yfNN9KMwHPOJa4+CZnm81O0gZp0ZPU20TokQh2tgC1vpbX7nBEaL+dh9LkBqyOR0MDHZ371EPXOihIa+qbhyrQ16UWguPCw8NTtTfttfyyEhfdZ9BaOi5rJR1CeB+Nw7iiQ6tx47VIOB+/aEn4VJ6v7JVQAV2NMjbC7lXvpBYClTS30uDxxeZKmU4vXTHHfT41+MyKqffUwFYn7y2b4sEJSdsZbBzehPe//AfGiKir1MKQvAAAAAElFTkSuQmCC);
}

.ico-menu.ico-metronome18{
    margin-right: 18px;
}


.bg-center-cover{
    background-size: cover;
    overflow: auto;
    background-position: center;
}
.bg-equalizer{
    background-color: #889299;    
}