﻿@charset "utf-8";

body {
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    color: #fff;
    font-family: Arial,sans-serif;
    font-size: 12px;
    text-shadow: 1px 1px 0px #000;
    overflow: hidden;
}

#container {
    width: auto;
    margin: 0px;
    min-width: 269px;
}

#container-inner {
    width: auto;
}

#content {
    padding: 5px;
    width: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-height: 100px;
    overflow: hidden;
}

.content {
    padding: 5px 0px 0px 10px;
    width: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-height: 100px;
}

.content2, .content3, .content4 {
    position: relative;
    height: 90px;
    width: calc(100%-10px);
    color: #bebebe;
    overflow: hidden;
}

.content1 {
    position: relative;
    top: 0px;
}

.content2 {
    top: 0px;
}

.content3 {
    text-align: center;
    margin: auto;
    z-index: 103;
    top: 0px;
}

.content4 {
    z-index: 104;
}

#album {
    border: 4px solid #0f0f0f;
    float: left;
    margin-right: 10px;
    margin-top: -7px;
    width: 80px;
    height: 80px;
    margin-left: -1px;
    border-radius: 2px;
}

#albumbox1 {
    position: absolute;
    z-index: 1;
    background-color: #1f1f1f;
    line-height: 80px;
    text-align: center;
    height: 80px;
    width: 80px;
    font-size: 9px;
    color: #666;
}

#albumbox2 {
    position: absolute;
    z-index: 2;
    display: block;
}

#albumbox3 {
    position: absolute;
    z-index: 3;
}

#content-live {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 18px;
    padding-top: 7px;
}

#content-border {
    width: auto;
}

#content-holder {
    margin-bottom: 3px;
    height: 15px;
    overflow: hidden;
}

#playerbar {
    background-image: url(./../../assets/img/resplayer/background-lower.png);
    border: 1px solid #0b0b0b;
    border-top: 1px solid #232323;
    border-bottom: 0px;
    height: 34px;
    box-shadow: 1px 2px 2px #000;
}

.clear {
    clear: both;
}

.break {
    width: 2px;
    height: 34px;
    background-image: url(./../../assets/img/resplayer/break.png);
    background-repeat: no-repeat;
}

.right {
    float: right;
}

.left {
    float: left;
}

.title {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
}

#livebtn {
    float: left;
    padding: 0px 0px;
    height: 100%;
    line-height: 33px;
    font-size: 11px;
    text-align: center;
    width: 50px;
}

.onair {
    color: #eaff00;
}

.offair {
    color: #000;
}

#kbs92 {
    cursor: pointer;
}

#kbs128 {
    cursor: pointer;
}

#volumebar {
    margin: 0 auto;
    float: left;
    padding: 0px;
    height: 100%;
    width: 113px;
}

#btn1 {
    height: 34px;
    float: right;
    width: 39px;
    padding: 0px;
    margin: 0px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

#btn2 {
    height: 34px;
    float: right;
    width: 36px;
    padding: 0px;
    margin: 0px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

#btn3 {
    height: 34px;
    float: right;
    width: 32px;
    padding: 0px;
    margin: 0px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.btn1hover, .btn2hover, .btn3hover {
    cursor: pointer;
}

#embedtitle {
    float: left;
}

#embed {
    float: left;
    -moz-box-shadow: inset 2px 2px 2px 1px #080808;
    -webkit-box-shadow: inset 2px 2px 2px 1px #080808;
    box-shadow: inset 2px 2px 2px 1px #080808;
    padding: 0px;
    background-color: #1a1a1a;
    border-radius: 20px;
    margin: -7px 0px 0px 9px;
    height: 28px;
    width: 259px;
    border-bottom: 1px solid #484848;
    border-right: 1px solid #484848;
}

#embedtext {
    background-image: none;
    background-color: transparent;
    border: 0px;
    padding: 0px;
    margin: 6px 11px 0px 11px;
    color: #bebebe;
    font-size: 12px;
    width: calc(100% - 22px);
    color: #b2b2b2;
}

.iconbox {
    margin-bottom: 5px;
    font-size: 11px;
    float: left;
    width: 25%;
    white-space: nowrap;
    text-align: center;
    min-width: 170px;
}

.icontext {
    margin-left: 5px;
    float: left;
    margin-top: 6px;
    color: #b2b2b2;
}

#ico1 {
}

#ico2 {
}

#ico3 {
}

#ico4 {
}

#volumebarbreak {
    display: none;
}

@media (min-width:10px) and (max-width:395px) {
    #volumebarbreak {
        display: none;
    }
}

@media (min-width:10px) and (max-width:279px) {
    #tuneinbreak {
        display: none;
    }
}

@media (min-width:10px) and (max-width:391px) {
    #btn1 {
        display: none;
    }

    #tuneinbreak {
        display: none;
    }

    #btn2 {
        display: none;
    }

    #switchbreak {
        display: none;
    }

    #embed {
        width: calc(100% - 95px);
    }

    .iconbox {
        margin: 5px 0px 0px 0px;
        font-size: 11px;
        float: left;
        width: 25%;
        white-space: nowrap;
        text-align: center;
        min-width: 25%;
    }

    .icontext {
        display: none;
    }
}

#btnplay-holder {
    float: right;
    width: 70px;
    height: 34px;
    display: block;
    z-index: 1000;
    position: relative;
}

.jp-play {
    width: 82px;
    height: 68px;
    float: left;
    position: absolute;
    margin-top: -17px;
    cursor: pointer;
}

.jp-pause {
    width: 82px;
    height: 68px;
    float: left;
    position: absolute;
    margin-top: -17px;
    cursor: pointer;
}

.jp-no-solution {
    color: #FF6363;
    margin-left: 5px;
}

.stream {
    cursor: pointer;
}

section {
    width: 118px;
    height: auto;
    position: relative;
    margin: 8px 0px 0px 0px;
}

#slider {
    border-width: 1px;
    border-style: solid;
    border-color: #333 #333 #484848 #333;
    border-radius: 25px;
    width: 75px;
    position: absolute;
    height: 8px;
    margin-top: 4px;
    background-color: #F00;
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#080808),to(#1a1a1a));
    background: -webkit-linear-gradient(top,#080808,#1a1a1a);
    background: -moz-linear-gradient(top,#080808,#1a1a1a);
    background: -ms-linear-gradient(top,#080808,#1a1a1a);
    background: -o-linear-gradient(top,#080808,#1a1a1a);
    left: 25px;
}

.tooltip {
    position: absolute;
    display: none;
    top: -25px;
    width: 35px;
    height: 20px;
    color: #fff;
    text-align: center;
    font: 10pt Tahoma,Arial,sans-serif;
    border-radius: 3px;
    border: 1px solid #333;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,.3);
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,.3);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: -moz-linear-gradient(top,rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(69,72,77,0.5)),color-stop(100%,rgba(0,0,0,0.5)));
    background: -webkit-linear-gradient(top,rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%);
    background: -o-linear-gradient(top,rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%);
    background: -ms-linear-gradient(top,rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%);
    background: linear-gradient(top,rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8045484d',endColorstr='#80000000',GradientType=0);
}

.jp-mute {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    right: -5px;
    background: url('./../../assets/img/resplayer/volume.png') no-repeat 0 -75px;
    margin-top: -5px;
    float: left;
    margin-right: 15px;
    cursor: pointer;
}

.ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: url('./../../assets/img/resplayer/handle.png') no-repeat 50% 50%;
    font-weight: bold;
    color: #1C94C4;
    outline: none;
    top: -7px;
    margin-left: -12px;
    margin-top: 0px;
}

.ui-slider-range {
    background: #f7fd05;
    background: -moz-linear-gradient(top,#f7fd05 0%,#d4e626 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f7fd05),color-stop(100%,#d4e626));
    background: -webkit-linear-gradient(top,#f7fd05 0%,#d4e626 100%);
    background: -o-linear-gradient(top,#f7fd05 0%,#d4e626 100%);
    background: -ms-linear-gradient(top,#f7fd05 0%,#d4e626 100%);
    background: linear-gradient(top,#f7fd05 0%,#d4e626 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7fd05',endColorstr='#d4e626',GradientType=0);
    position: absolute;
    border: 0;
    top: 0;
    height: 100%;
    border-radius: 25px;
}

.slider {
    width: 300px;
}

    .slider > .dragger {
        background: #8DCA09;
        background: -webkit-linear-gradient(top,#8DCA09,#72A307);
        background: -moz-linear-gradient(top,#8DCA09,#72A307);
        background: linear-gradient(top,#8DCA09,#72A307);
        -webkit-box-shadow: inset 0 2px 2px rgba(255,255,255,0.5),0 2px 8px rgba(0,0,0,0.2);
        -moz-box-shadow: inset 0 2px 2px rgba(255,255,255,0.5),0 2px 8px rgba(0,0,0,0.2);
        box-shadow: inset 0 2px 2px rgba(255,255,255,0.5),0 2px 8px rgba(0,0,0,0.2);
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #496805;
        width: 16px;
        height: 16px;
    }

        .slider > .dragger:hover {
            background: -webkit-linear-gradient(top,#8DCA09,#8DCA09);
        }

    .slider > .track, .slider > .highlight-track {
        background: #ccc;
        background: -webkit-linear-gradient(top,#bbb,#ddd);
        background: -moz-linear-gradient(top,#bbb,#ddd);
        background: linear-gradient(top,#bbb,#ddd);
        -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
        -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
        box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        border: 1px solid #aaa;
        height: 4px;
    }

    .slider > .highlight-track {
        background-color: #8DCA09;
        background: -webkit-linear-gradient(top,#8DCA09,#72A307);
        background: -moz-linear-gradient(top,#8DCA09,#72A307);
        background: linear-gradient(top,#8DCA09,#72A307);
        border-color: #496805;
    }

.output {
    padding: 3px;
    position: absolute;
    display: none !important;
    top: -25px;
    color: #fff;
    text-align: center;
    font: 10pt Tahoma,Arial,sans-serif;
    border-radius: 3px;
    border: 1px solid #333;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,.3);
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,.3);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: -moz-linear-gradient(top,rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(69,72,77,0.5)),color-stop(100%,rgba(0,0,0,0.5)));
    background: -webkit-linear-gradient(top,rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%);
    background: -o-linear-gradient(top,rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%);
    background: -ms-linear-gradient(top,rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%);
    background: linear-gradient(top,rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8045484d',endColorstr='#80000000',GradientType=0);
}

.volume-control {
    width: 65px;
    margin-left: 0px !important;
    float: left;
    margin-top: 8px;
    position: relative !important;
    padding: 0px;
    !important;
}

    .volume-control .volume-icon {
        position: absolute;
        left: 10px;
        vertical-align: middle;
        cursor: pointer;
        height: 28px;
    }

        .volume-control .volume-icon svg {
            fill: #fff;
        }

    .volume-control .volume-slider {
        position: absolute;
        vertical-align: middle;
        left: -18px;
        right: 0;
        top: 50%;
        margin-top: -4px;
        padding-left: 10px;
    }

        .volume-control .volume-slider .vol-progress {
            margin: 0 5px;
            width: 100%;
            height: 8px;
            padding: 1px;
            background: #ccc;
            cursor: pointer;
            background: rgba(0,0,0,0.2);
            box-shadow: inset 0 1px 2px rgba(0,0,0,0.15),0 1px 0 rgba(255,255,255,0.05);
            border-radius: 3px;
        }

            .volume-control .volume-slider .vol-progress .vol-bar {
                position: relative;
                display: block;
                height: 100%;
                background: #5CB85C;
                width: 50%;
                border-radius: 3px;
            }

            .volume-control .volume-slider .vol-progress .circle-control {
                position: absolute;
                top: -6px;
                right: -6px;
                display: block;
                width: 23px;
                height: 23px;
                background: transparent url("./../../assets/img/oldskin/sprite.png") no-repeat -160px 0;
                transition: opacity 250ms cubic-bezier(0.25,0.8,0.25,1);
                -webkit-transition: opacity 250ms cubic-bezier(0.25,0.8,0.25,1);
            }

            .volume-control .volume-slider .vol-progress:hover .circle-control {
                cursor: pointer;
                opacity: 0.95;
            }

        .volume-control .volume-slider .player-status {
            font-size: 10pt;
            position: absolute;
            text-align: center;
            width: 100%;
            top: 100%;
            margin-top: 10px;
        }

.slider-volume {
    width: 65px;
    margin-left: 0px !important;
    float: left;
    margin-top: 8px;
    position: relative !important;
    padding: 0px;
    !important;
}

    .slider-volume > .dragger {
        background: url('./../../assets/img/resplayer/handle.png') no-repeat 50% 50%;
        width: 23px;
        height: 22px;
        margin: 0 auto;
        position: relative !important;
        background-repeat: no-repeat !important;
        margin-top: -13px !important;
    }

    .slider-volume > .track, .slider-volume > .highlight-track {
        height: 8px;
        border-bottom: 1px solid #484848;
        border-right: 1px solid #484848;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        position: relative !important;
    }

    .slider-volume > .highlight-track {
        background-color: #ddd;
        position: relative !important;
        margin-top: -9px !important;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        margin-left: -10px !important;
    }

.tooltipster-default {
    border-radius: 5px;
    border: 2px solid #000;
    background: #4c4c4c;
    color: #fff;
}

    .tooltipster-default .tooltipster-content {
        font-family: Arial,sans-serif;
        font-size: 14px;
        line-height: 16px;
        padding: 8px 10px;
        overflow: hidden;
    }

    .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
    }

.tooltipster-icon {
    cursor: help;
    margin-left: 4px;
}

.tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999999;
    pointer-events: none;
    width: auto;
    overflow: visible;
}

    .tooltipster-base .tooltipster-content {
        overflow: hidden;
    }

.tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

    .tooltipster-arrow span, .tooltipster-arrow-border {
        display: block;
        width: 0;
        height: 0;
        position: absolute;
    }

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid;
    bottom: -7px;
}

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 9px solid;
    bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid;
    top: -7px;
}

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid;
    top: -7px;
}

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
    left: 0;
    right: 0;
    margin: 0 auto;
}

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
    left: 6px;
}

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    left: 5px;
}

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
    right: 6px;
}

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    right: 5px;
}

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -7px;
}

.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-left: 9px solid;
    margin-top: -8px;
}

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -7px;
}

.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-right: 9px solid;
    margin-top: -8px;
}

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}

.tooltipster-fade-show {
    opacity: 1;
}

.tooltipster-grow {
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -o-transform: scale(0,0);
    -ms-transform: scale(0,0);
    transform: scale(0,0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden;
}

.tooltipster-grow-show {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transition-timing-function: cubic-bezier(0.175,0.885,0.320,1);
    -webkit-transition-timing-function: cubic-bezier(0.175,0.885,0.320,1.15);
    -moz-transition-timing-function: cubic-bezier(0.175,0.885,0.320,1.15);
    -ms-transition-timing-function: cubic-bezier(0.175,0.885,0.320,1.15);
    -o-transition-timing-function: cubic-bezier(0.175,0.885,0.320,1.15);
    transition-timing-function: cubic-bezier(0.175,0.885,0.320,1.15);
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform,opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
}

.tooltipster-swing-show {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition-timing-function: cubic-bezier(0.230,0.635,0.495,1);
    -webkit-transition-timing-function: cubic-bezier(0.230,0.635,0.495,2.4);
    -moz-transition-timing-function: cubic-bezier(0.230,0.635,0.495,2.4);
    -ms-transition-timing-function: cubic-bezier(0.230,0.635,0.495,2.4);
    -o-transition-timing-function: cubic-bezier(0.230,0.635,0.495,2.4);
    transition-timing-function: cubic-bezier(0.230,0.635,0.495,2.4);
}

.tooltipster-fall {
    top: 0;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175,0.885,0.320,1);
    -webkit-transition-timing-function: cubic-bezier(0.175,0.885,0.320,1.15);
    -moz-transition-timing-function: cubic-bezier(0.175,0.885,0.320,1.15);
    -ms-transition-timing-function: cubic-bezier(0.175,0.885,0.320,1.15);
    -o-transition-timing-function: cubic-bezier(0.175,0.885,0.320,1.15);
    transition-timing-function: cubic-bezier(0.175,0.885,0.320,1.15);
}

.tooltipster-fall-show {
}

.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0px !important;
    opacity: 0;
}

.tooltipster-slide {
    left: -40px;
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175,0.885,0.320,1);
    -webkit-transition-timing-function: cubic-bezier(0.175,0.885,0.320,1.15);
    -moz-transition-timing-function: cubic-bezier(0.175,0.885,0.320,1.15);
    -ms-transition-timing-function: cubic-bezier(0.175,0.885,0.320,1.15);
    -o-transition-timing-function: cubic-bezier(0.175,0.885,0.320,1.15);
    transition-timing-function: cubic-bezier(0.175,0.885,0.320,1.15);
}

    .tooltipster-slide.tooltipster-slide-show {
    }

    .tooltipster-slide.tooltipster-dying {
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        -ms-transition-property: all;
        transition-property: all;
        left: 0px !important;
        opacity: 0;
    }

.tooltipster-content-changing {
    opacity: 0.5;
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}

.tooltipster-punk {
    border-radius: 5px;
    border-bottom: 3px solid #f71169;
    color: #fff;
}

    .tooltipster-punk .tooltipster-content {
        font-size: 12px;
        line-height: 16px;
        padding: 8px 10px;
    }

@font-face {
    font-family: 'icomoon';
    src: url('https://corscdn.caster.fm/advplayer/icomoon.eot?-l3v4h0');
    src: url('https://corscdn.caster.fm/advplayer/icomoon.eot?#iefix-l3v4h0') format('embedded-opentype'),url('https://corscdn.caster.fm/advplayer/icomoon.ttf?-l3v4h0') format('truetype'),url('https://corscdn.caster.fm/advplayer/icomoon.woff?-l3v4h0') format('woff'),url('https://corscdn.caster.fm/advplayer/icomoon.svg?-l3v4h0#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-equalizer:before {
    content: "\eb58";
}

.icon-link:before {
    content: "\ec96";
}

.icon-embed2:before {
    content: "\eeca";
}

.icon-equalizer:before {
    content: "\eb58";
}

.icon-link:before {
    content: "\ec96";
}

.icon-embed2:before {
    content: "\eeca";
}

.icon-feed:before {
    content: "\e986";
}

.icon-square-up-right:before {
    content: "\ee02";
}

.icon-new-tab:before {
    content: "\eec6";
}

.icon-new-tab2:before {
    content: "\eec7";
}

.iconn {
    font-size: 15px;
    line-height: 34px;
    width: 39px;
    text-align: center;
    color: #909090;
    display: inline-block;
    margin: 0 auto;
}

    .iconn:hover, .newwindow:hover span {
        color: #DDD;
    }

#btn2 .iconn {
    width: 36px;
}

#btn3 .iconn {
    width: 32px;
}

.newwindow {
    margin-right: 5px;
    float: right;
    text-align: right;
}

    .newwindow span {
        cursor: pointer;
        color: #909090;
        font-size: 15px;
        bottom: 4px;
        position: absolute;
        right: 6px;
    }

#volumecount {
    display: none;
}
