/*# sourceMappingURL=audio-style-pc.css.map */

#podcast {
    background: url('../images/BackGround/background-pc-18.jpg') scroll 0 0;
    border: 1px solid #E5E5E5;
    -webkit-box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
    border-radius: 8px;
    padding: 20px;
    margin-top: 20px;
}
@media (max-width: 600px) {
#podcast {
    background: url('../images/BackGround/background-mobile-18.jpg') scroll 0 0;
    border: 1px solid #E5E5E5;
    -webkit-box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
    border-radius: 8px;
    padding: 20px;
    margin-top: 20px;
}
}

.podcast-info {
    display: flex;
    margin-top: 30px;
    font: 400 15px arial;
}

    .podcast-info img {
        /*max-height: 150px;*/
        /*max-width: 150px;*/
        object-fit: cover;
        /*border-radius: 20px;*/
        margin-right: 15px;
    }

    .podcast-info p span:first-child {
        font-size: 14px;
        color: #9f9f9f;
        margin-bottom: 8px;
    }

    .podcast-info p b {
        font-size: 24px;
        font-weight: bold;
    }

    .podcast-info p span:last-child {
        font-size: 18px;
    }

.news-detail__title {
    color: #c92a57 !important;
}

.audio-player {
    height: 98px;
    width: 100%;
    /*background: #7a99cf;*/
    font-family: Figtree;
    color: #F2E2EA;
    font-size: 0.75em;
    overflow: hidden;
    display: flex;
}

    .audio-player .controls {
        display: flex;
        flex: 1;
        align-items: stretch;
        padding: 0 32px;
		padding: 0 90px;
    }

        .audio-player .controls > * {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .audio-player .controls .play-wrapper {
            /*background: white;*/
            width: 64px;
            height: 64px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .audio-player .controls .toggle-play.play {
            background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCA0OCA1MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNzk5OTYgMC40MDAwMjRDMi4yMzQxNyAwLjQwMDAyNCAxLjY5MTU1IDAuNjI0Nzg2IDEuMjkxNDcgMS4wMjQ4NkMwLjg5MTM5MiAxLjQyNDk0IDAuNjY2NjMgMS45Njc1NiAwLjY2NjYzIDIuNTMzMzZDMC42NjY2MjUgMi41MzYxNCAwLjY2NjYyNSAyLjUzODkxIDAuNjY2NjMgMi41NDE2OVYyNlY0OS40NTg0QzAuNjY2NjI1IDQ5LjQ2MTEgMC42NjY2MjUgNDkuNDYzOSAwLjY2NjYzIDQ5LjQ2NjdDMC42NjY2MyA1MC4wMzI1IDAuODkxMzkyIDUwLjU3NTEgMS4yOTE0NyA1MC45NzUyQzEuNjkxNTUgNTEuMzc1MyAyLjIzNDE3IDUxLjYgMi43OTk5NiA1MS42QzMuMjQ0MDQgNTEuNTk4OCAzLjY3NjY1IDUxLjQ1ODkgNC4wMzc0NiA1MS4yTDQuMDQxNjMgNTEuMjA0Mkw0Ni4zNTQxIDI3LjkzNzVDNDYuNzI1NCAyNy43Njc3IDQ3LjA0MDIgMjcuNDk0OCA0Ny4yNjEgMjcuMTUxNEM0Ny40ODE5IDI2LjgwNzkgNDcuNTk5NSAyNi40MDgzIDQ3LjYgMjZDNDcuNjAwMiAyNS41ODAzIDQ3LjQ3NjYgMjUuMTY5OCA0Ny4yNDQ2IDI0LjgyQzQ3LjAxMjYgMjQuNDcwMSA0Ni42ODI2IDI0LjE5NjUgNDYuMjk1OCAyNC4wMzM0TDQuMDQxNjMgMC43OTU4NThINC4wMzc0NkMzLjY3NjE1IDAuNTM4NDU1IDMuMjQzNTkgMC40MDAwOTIgMi43OTk5NiAwLjQwMDAyNFoiIGZpbGw9IiNDOTJBNTciLz4KPC9zdmc+Cg==) no-repeat center center;
            width: 100%;
            height: 100%;
            border: none;
            background-size: 100% 100%;
        }

        .audio-player .controls .toggle-play.pause {
            background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0MCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMDY2NzIgMC41MzMzMjVDMi43MDkzOCAwLjUzMzMyNSAwLjgwMDA0OSAyLjQ0MjY2IDAuODAwMDQ5IDQuNzk5OTlWNDMuMkMwLjgwMDA0OSA0NS41NTczIDIuNzA5MzggNDcuNDY2NyA1LjA2NjcyIDQ3LjQ2NjdIOS4zMzMzOEMxMS42OTA3IDQ3LjQ2NjcgMTMuNiA0NS41NTczIDEzLjYgNDMuMlY0Ljc5OTk5QzEzLjYgMi40NDI2NiAxMS42OTA3IDAuNTMzMzI1IDkuMzMzMzggMC41MzMzMjVINS4wNjY3MlpNMzAuNjY2NyAwLjUzMzMyNUMyOC4zMDk0IDAuNTMzMzI1IDI2LjQgMi40NDI2NiAyNi40IDQuNzk5OTlWNDMuMkMyNi40IDQ1LjU1NzMgMjguMzA5NCA0Ny40NjY3IDMwLjY2NjcgNDcuNDY2N0gzNC45MzM0QzM3LjI5MDcgNDcuNDY2NyAzOS4yIDQ1LjU1NzMgMzkuMiA0My4yVjQuNzk5OTlDMzkuMiAyLjQ0MjY2IDM3LjI5MDcgMC41MzMzMjUgMzQuOTMzNCAwLjUzMzMyNUgzMC42NjY3WiIgZmlsbD0iIzdBMUM0NSIvPgo8L3N2Zz4K) no-repeat center center;
            width: 100%;
            height: 100%;
            border: none;
            background-size: 38px;
        }

            .audio-player .controls .toggle-play.pause:before {
                position: absolute;
                top: 0;
                left: 4px;
                background: #3165bf;
                content: "";
                height: 15px;
                width: 3px;
                visibility: hidden;
            }

            .audio-player .controls .toggle-play.pause:after {
                position: absolute;
                top: 0;
                right: 4px;
                background: #3165bf;
                content: "";
                height: 15px;
                width: 3px;
                visibility: hidden;
            }

        .audio-player .controls .time {
            display: flex;
            flex: 1;
            margin-left: 44px;
            justify-content: space-between;
            font-size: 14px;
            align-items: center;
        }

            .audio-player .controls .time .wave-wrapper {
                position: relative;
            }

        .audio-player .controls .volume-container {
            cursor: pointer;
            position: relative;
            z-index: 2;
        }

            .audio-player .controls .volume-container .volume-button {
                height: 26px;
                display: flex;
                align-items: center;
            }

                .audio-player .controls .volume-container .volume-button .volume {
                    transform: scale(0.7);
                }

            .audio-player .controls .volume-container .volume-slider {
                position: absolute;
                left: -3px;
                top: 15px;
                z-index: -1;
                width: 0;
                height: 15px;
                background: white;
                box-shadow: 0 0 20px #000 a;
                transition: 0.25s;
            }

                .audio-player .controls .volume-container .volume-slider .volume-percentage {
                    background: coral;
                    height: 100%;
                    width: 75%;
                }

            .audio-player .controls .volume-container:hover .volume-slider {
                left: -123px;
                width: 120px;
            }

.btn-controls {
    display: flex;
}

    .btn-controls .btn-controls-item {
        cursor: pointer;
    }

        .btn-controls .btn-controls-item + .btn-controls-item {
            margin-left: 17px;
        }

/*.wave-wrapper {
    width: 100%;
    display: flex;
    padding: 0 24px;
    align-items: center;
    justify-content: center;
}*/

.wave-surfer {
    position: relative;
}

    .wave-surfer .timeline {
        position: absolute;
        inset: 0;
        z-index: 2;
        cursor: pointer;
    }

    .wave-surfer .progress {
        background-size: auto;
        position: absolute;
        inset: 0;
        wikk-change: width;
        transition: width 0.2s;

        background: rgb(164, 100, 129);
        height: 4px;
    }

    .wave-surfer img {
        display: block;
    }


.wave-wrapper {
    background: #F2E2EA;
    position: relative;
    width: 100%;
    height: 4px;
    cursor: pointer;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    border-radius: 0px 2px 2px 0px;
}

.audio-player .current, .audio-player .length {
    color: #7A1C45;
    min-width: 40px;
    -webkit-filter: unset;
    filter: unset;
    opacity: unset;
}

.audio-player .controls .time-control.rewind {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMyAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMEMwLjQ0NzcxNSAwIDAgMC40NDc3MTUgMCAxVjdDMCA3LjU1MjI4IDAuNDQ3NzE1IDggMSA4SDdDNy41NTIyOCA4IDggNy41NTIyOCA4IDdDOCA2LjQ0NzcyIDcuNTUyMjggNiA3IDZIMi42OTkxM0M0LjM4MzMxIDMuNzAxIDcuODAxODYgMiAxMS43NDk5IDJDMTUuODUgMiAxOC44NTc3IDMuOTI0OTkgMjEuMTU2MiA3LjUzNjg4QzIxLjQ1MjcgOC4wMDI4MiAyMi4wNzA4IDguMTQwMTcgMjIuNTM2NyA3Ljg0MzY2QzIzLjAwMjcgNy41NDcxNSAyMy4xNCA2LjkyOTA3IDIyLjg0MzUgNi40NjMxMkMyMC4yNDQ4IDIuMzc5NDYgMTYuNjQ5NyAwIDExLjc0OTkgMEM3Ljg4NDg0IDAgNC4yNzY3NyAxLjQ0MjM1IDIgMy43NDcxVjFDMiAwLjQ0NzcxNSAxLjU1MjI4IDAgMSAwWk04LjI2NzA4IDEwLjAzNjNDOC43MDAyNiAxMC4xNTYzIDkuMDAwMTUgMTAuNTUwNSA5LjAwMDE1IDExVjIxQzkuMDAwMTUgMjEuNTUyMyA4LjU1MjQ0IDIyIDguMDAwMTUgMjJDNy40NDc4NyAyMiA3LjAwMDE1IDIxLjU1MjMgNy4wMDAxNSAyMVYxMy43MzQ5QzYuNTc0MDggMTQuMTI3NCA2LjA3Njg4IDE0LjUyMDIgNS41MTQ2NSAxNC44NTc1QzUuMDQxMDcgMTUuMTQxNiA0LjQyNjgxIDE0Ljk4ODEgNC4xNDI2NiAxNC41MTQ1QzMuODU4NTEgMTQuMDQwOSA0LjAxMjA4IDEzLjQyNjcgNC40ODU2NiAxMy4xNDI1QzUuMjk2NjQgMTIuNjU1OSA1Ljk2NTUyIDExLjk5MjggNi40Mzk4OSAxMS40MzIyQzYuNjc0MzQgMTEuMTU1MSA2Ljg1NDY2IDEwLjkxMDkgNi45NzQ2NyAxMC43Mzg4QzcuMDM0NTUgMTAuNjUyOCA3LjA3OTAyIDEwLjU4NTQgNy4xMDczNSAxMC41NDE0QzcuMTIxNSAxMC41MTk0IDcuMTMxNTggMTAuNTAzNCA3LjEzNzUgMTAuNDkzOEw3LjE0Mjg4IDEwLjQ4NTFMNy4xNDM3MiAxMC40ODM3QzcuMzc1MzIgMTAuMDk5NSA3LjgzNDU3IDkuOTE2NDggOC4yNjcwOCAxMC4wMzYzWk0xMi42NDgxIDExLjk0NzJDMTMuMzc4IDEwLjczOTUgMTQuNTc5NSAxMCAxNi4yMzgzIDEwQzE3Ljg5NzEgMTAgMTkuMDk4NSAxMC43Mzk1IDE5LjgyODUgMTEuOTQ3MkMyMC41MTI5IDEzLjA3OTYgMjAuNzM4MyAxNC41NDQxIDIwLjczODMgMTZDMjAuNzM4MyAxNy40NTU5IDIwLjUxMjkgMTguOTIwNCAxOS44Mjg1IDIwLjA1MjhDMTkuMDk4NSAyMS4yNjA1IDE3Ljg5NzEgMjIgMTYuMjM4MyAyMkMxNC41Nzk1IDIyIDEzLjM3OCAyMS4yNjA1IDEyLjY0ODEgMjAuMDUyOEMxMS45NjM3IDE4LjkyMDQgMTEuNzM4MyAxNy40NTU5IDExLjczODMgMTZDMTEuNzM4MyAxNC41NDQxIDExLjk2MzcgMTMuMDc5NiAxMi42NDgxIDExLjk0NzJaTTE0LjM1OTcgMTIuOTgxN0MxMy45NTA0IDEzLjY1OSAxMy43MzgzIDE0LjY5NDUgMTMuNzM4MyAxNkMxMy43MzgzIDE3LjMwNTUgMTMuOTUwNCAxOC4zNDEgMTQuMzU5NyAxOS4wMTgzQzE0LjcyMzUgMTkuNjIwMiAxNS4yNzIxIDIwIDE2LjIzODMgMjBDMTcuMjA0NSAyMCAxNy43NTMgMTkuNjIwMiAxOC4xMTY4IDE5LjAxODNDMTguNTI2MiAxOC4zNDEgMTguNzM4MyAxNy4zMDU1IDE4LjczODMgMTZDMTguNzM4MyAxNC42OTQ1IDE4LjUyNjIgMTMuNjU5IDE4LjExNjggMTIuOTgxN0MxNy43NTMgMTIuMzc5OCAxNy4yMDQ1IDEyIDE2LjIzODMgMTJDMTUuMjcyMSAxMiAxNC43MjM1IDEyLjM3OTggMTQuMzU5NyAxMi45ODE3WiIgZmlsbD0iI0E0NjQ4MSIvPgo8L3N2Zz4K) no-repeat center center;
    width: 32px;
    height: 32px;
    background-size: 23px;
}

.audio-player .controls .time-control.fast-forward {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMyAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuODQzNzkgNy41MzY4OEM0LjE0MjI2IDMuOTI0OTkgNy4xNDk5OSAyIDExLjI1MDEgMkMxNS4xOTgxIDIgMTguNjE2NyAzLjcwMSAyMC4zMDA5IDZIMTZDMTUuNDQ3NyA2IDE1IDYuNDQ3NzIgMTUgN0MxNSA3LjU1MjI4IDE1LjQ0NzcgOCAxNiA4SDIyQzIyLjU1MjMgOCAyMyA3LjU1MjI4IDIzIDdWMUMyMyAwLjQ0NzcxNSAyMi41NTIzIDAgMjIgMEMyMS40NDc3IDAgMjEgMC40NDc3MTUgMjEgMVYzLjc0NzFDMTguNzIzMiAxLjQ0MjM1IDE1LjExNTIgMCAxMS4yNTAxIDBDNi4zNTAyNiAwIDIuNzU1MTYgMi4zNzk0NiAwLjE1NjQ2NSA2LjQ2MzEyQy0wLjE0MDA0MyA2LjkyOTA3IC0wLjAwMjY5MDc2IDcuNTQ3MTUgMC40NjMyNTEgNy44NDM2NkMwLjkyOTE5MiA4LjE0MDE3IDEuNTQ3MjggOC4wMDI4MiAxLjg0Mzc5IDcuNTM2ODhaTTE1LjIzODMgMTBDMTMuNTc5NSAxMCAxMi4zNzggMTAuNzM5NSAxMS42NDgxIDExLjk0NzJDMTAuOTYzNyAxMy4wNzk2IDEwLjczODMgMTQuNTQ0MSAxMC43MzgzIDE2QzEwLjczODMgMTcuNDU1OSAxMC45NjM3IDE4LjkyMDQgMTEuNjQ4MSAyMC4wNTI4QzEyLjM3OCAyMS4yNjA1IDEzLjU3OTUgMjIgMTUuMjM4MyAyMkMxNi44OTcxIDIyIDE4LjA5ODUgMjEuMjYwNSAxOC44Mjg1IDIwLjA1MjhDMTkuNTEyOSAxOC45MjA0IDE5LjczODMgMTcuNDU1OSAxOS43MzgzIDE2QzE5LjczODMgMTQuNTQ0MSAxOS41MTI5IDEzLjA3OTYgMTguODI4NSAxMS45NDcyQzE4LjA5ODUgMTAuNzM5NSAxNi44OTcxIDEwIDE1LjIzODMgMTBaTTEyLjczODMgMTZDMTIuNzM4MyAxNC42OTQ1IDEyLjk1MDQgMTMuNjU5IDEzLjM1OTcgMTIuOTgxN0MxMy43MjM1IDEyLjM3OTggMTQuMjcyMSAxMiAxNS4yMzgzIDEyQzE2LjIwNDUgMTIgMTYuNzUzIDEyLjM3OTggMTcuMTE2OCAxMi45ODE3QzE3LjUyNjIgMTMuNjU5IDE3LjczODMgMTQuNjk0NSAxNy43MzgzIDE2QzE3LjczODMgMTcuMzA1NSAxNy41MjYyIDE4LjM0MSAxNy4xMTY4IDE5LjAxODNDMTYuNzUzIDE5LjYyMDIgMTYuMjA0NSAyMCAxNS4yMzgzIDIwQzE0LjI3MjEgMjAgMTMuNzIzNSAxOS42MjAyIDEzLjM1OTcgMTkuMDE4M0MxMi45NTA0IDE4LjM0MSAxMi43MzgzIDE3LjMwNTUgMTIuNzM4MyAxNlpNOC4wMDAxNSAxMUM4LjAwMDE1IDEwLjU1MDUgNy43MDAyNiAxMC4xNTYzIDcuMjY3MDggMTAuMDM2M0M2LjgzNDU3IDkuOTE2NDggNi4zNzUzMiAxMC4wOTk1IDYuMTQzNzIgMTAuNDgzN0w2LjE0Mjg4IDEwLjQ4NTFMNi4xMzc1IDEwLjQ5MzhDNi4xMzE1OCAxMC41MDM0IDYuMTIxNSAxMC41MTk0IDYuMTA3MzUgMTAuNTQxNEM2LjA3OTAyIDEwLjU4NTQgNi4wMzQ1NSAxMC42NTI4IDUuOTc0NjcgMTAuNzM4OEM1Ljg1NDY2IDEwLjkxMDkgNS42NzQzNCAxMS4xNTUxIDUuNDM5ODkgMTEuNDMyMkM0Ljk2NTUyIDExLjk5MjggNC4yOTY2NCAxMi42NTU5IDMuNDg1NjYgMTMuMTQyNUMzLjAxMjA4IDEzLjQyNjcgMi44NTg1MSAxNC4wNDA5IDMuMTQyNjYgMTQuNTE0NUMzLjQyNjgxIDE0Ljk4ODEgNC4wNDEwNyAxNS4xNDE2IDQuNTE0NjUgMTQuODU3NUM1LjA3Njg4IDE0LjUyMDIgNS41NzQwOCAxNC4xMjc0IDYuMDAwMTUgMTMuNzM0OVYyMUM2LjAwMDE1IDIxLjU1MjMgNi40NDc4NyAyMiA3LjAwMDE1IDIyQzcuNTUyNDQgMjIgOC4wMDAxNSAyMS41NTIzIDguMDAwMTUgMjFWMTFaIiBmaWxsPSIjQTQ2NDgxIi8+Cjwvc3ZnPgo=) no-repeat center center;
    background-size: 23px;
    width: 32px;
    height: 32px;
}

@media (max-width: 600px) {
    .audio-player .controls {
        padding: 0 2px;
    }
        .audio-player .controls .play-wrapper {
            /*background: white;*/
            width: 34px;
            height: 34px;
        }

    .audio-player .controls .toggle-play.play {
        background-size: 20px;
    }

        .audio-player .controls .toggle-play.pause {
            background-size: 20px;
        }

        .audio-player .controls .time {
            margin-left: 22px;
        }

    .control-audio-bar {
        /*display:none !important;*/
    }
}

.progress-node {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    right: -9px;
    margin-top: -3px;
    background: #A46481;
    -webkit-box-shadow: 1px 3px 8px rgba(0,0,0,0.1);
    box-shadow: 1px 3px 8px rgba(0,0,0,0.1);
}

.afp-main-w {
    position: absolute;
    top: 0;
    left: 0;
    height: 60px;
    width: 100%;
    padding-top: 40px;
    -webkit-transition-property: padding-top;
    -webkit-transition-duration: .5s;
    transition-property: padding-top;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s
}

.afp-timer {
    position: absolute;
    top: 0;
    left: 10px
}

.afp-duration {
    display: block;
    padding: 12px 0 0 0;
    font-size: 15px;
    font-family: Arial;
    float: right
}

.afp-position {
    display: block;
    padding: 12px 0 0 0;
    font-size: 15px;
    font-family: Arial;
    float: left
}

.afp-slash {
    display: block;
    padding: 0;
    font-size: 16px;
    font-family: Arial;
    float: left;
    padding-top: 20px;
    display: none
}

.afp-volume-container {
    float: left;
    height: 36px;
    cursor: pointer;
    width: 150px;
    -webkit-transition: all 200ms;
    transition: all 200ms;
    padding: 0 10px;
    margin-left: -10px;
    border-radius: 8px;
    background: transparent
}

    .afp-volume-container:hover {
        background: rgba(122,28,69,0.06)
    }

.afp-sound {
    float: left;
    padding-right: 0
}

.afp-volume-slide {
    float: left;
    height: 36px;
    cursor: pointer;
    width: 80px
}

.afp-volume-bar {
    position: relative;
    width: 100%;
    height: 2px;
    background: #F2E2EA;
    border-radius: 0px 2px 2px 0px;
    margin: 17px 0 0;
    cursor: pointer
}

.afp-volume-current {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: visible;
    background: #A46481;
    border-radius: 2px 0px 0px 2px
}

.afp-volume-node {
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #A46481;
    -webkit-box-shadow: 1px 3px 8px rgba(0,0,0,0.1);
    box-shadow: 1px 3px 8px rgba(0,0,0,0.1);
    margin-top: -2px;
    cursor: pointer;
    right: -4px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.afp-play {
    position: relative;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    cursor: pointer;
    float: left;
    margin-left: 30px;
    margin-right: 30px
}

.afp-info-container {
    position: relative;
    float: left;
    top: 30px;
    padding-left: 5px;
    width: calc(100% - 120px);
    height: auto
}

.afp-author {
    color: #828282;
    padding: 0;
    font-size: 12px;
    font-family: Arial;
    margin: 0 !important;
    line-height: 20px !important
}

.afp-playlist-container {
    width: 100%;
    height: 150px;
    float: left;
    overflow-y: scroll
}

.afp-playlist-item {
    position: relative;
    display: block;
    margin-bottom: -1px;
    background-color: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-decoration: none;
    font-family: Arial;
    font-size: 14px;
    line-height: 50px;
    color: #000;
    height: 50px
}

    .afp-playlist-item.item-actived {
        position: relative;
        display: block;
        margin-bottom: -1px;
        background-color: #fff;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        text-decoration: none;
        font-family: Arial;
        font-size: 14px;
        line-height: 50px;
        color: #1B71B2;
        height: 50px
    }

    .afp-playlist-item.active {
        color: #1B71B2
    }

    .afp-playlist-item:hover {
        color: #1B71B2
    }

    .afp-playlist-item .afp-playlist-item-timer {
        float: right;
        color: #828282
    }

    .afp-playlist-item.item-actived .afp-playlist-item-timer {
        float: right;
        color: #1B71B2
    }

    .afp-playlist-item .afp-playlist-item-ico {
        position: relative;
        width: 25px;
        height: 25px;
        border-radius: 25px;
        background: #e5e5e5 url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC4zNzUgNi44NTcxNEgzLjkzNzVDMi45NzA5IDYuODU3MTQgMi4xODc1IDcuNjI1ODkgMi4xODc1IDguNTc0NjRWMTAuMjgyNUMyLjE4NzUgMTEuMjMxIDIuOTcwOSAxMiAzLjkzNzUgMTJINC4zNzVDNC44NTgxNiAxMiA1LjI1IDExLjYxNTQgNS4yNSAxMS4xNDEzVjcuNzE1ODlDNS4yNSA3LjI0MTUyIDQuODU4MTYgNi44NTcxNCA0LjM3NSA2Ljg1NzE0Wk0xMC4wNjI1IDYuODU3MTRIOS42MjVDOS4xNDE4NCA2Ljg1NzE0IDguNzUgNy4yNDE1MiA4Ljc1IDcuNzE1ODlWMTEuMTQxM0M4Ljc1IDExLjYxNTQgOS4xNDE4NCAxMiA5LjYyNSAxMkgxMC4wNjI1QzExLjAyOTEgMTIgMTEuODEyNSAxMS4yMzEgMTEuODEyNSAxMC4yODI1VjguNTc0NjRDMTEuODEyNSA3LjYyNjE2IDExLjAyOTEgNi44NTcxNCAxMC4wNjI1IDYuODU3MTRaTTcgMEMzLjA4NzM4IDAgMC4xMjQ5NjEgMy4xOTA5OCAwIDYuODU3MTRWOS44NTcxNEMwIDEwLjA5MzkgMC4xOTU3ODEgMTAuMjg1NyAwLjQzNzUgMTAuMjg1N0gwLjg3NUMxLjExNjcyIDEwLjI4NTcgMS4zMTI1IDEwLjA5MzkgMS4zMTI1IDkuODU3MTRWNi44NTcxNEMxLjMxMjUgMy43ODU2MiAzLjg2NDQ5IDEuMjkxMDcgNyAxLjI5MDU0QzEwLjEzNTUgMS4yOTEwNyAxMi42ODc1IDMuNzg1NjIgMTIuNjg3NSA2Ljg1NzE0VjkuODU3MTRDMTIuNjg3NSAxMC4wOTM5IDEyLjg4MzMgMTAuMjg1NyAxMy4xMjUgMTAuMjg1N0gxMy41NjI1QzEzLjgwNDIgMTAuMjg1NyAxNCAxMC4wOTM5IDE0IDkuODU3MTRWNi44NTcxNEMxMy44NzUgMy4xOTA5OCAxMC45MTI2IDAgNyAwWiIgZmlsbD0iIzk5OTk5OSIvPjwvc3ZnPg==) no-repeat center center;
        margin-right: 15px;
        margin-top: 12px;
        cursor: pointer;
        float: left
    }

    .afp-playlist-item.item-actived .afp-playlist-item-ico {
        position: relative;
        width: 25px;
        height: 25px;
        border-radius: 25px;
        background: #1b71b2 url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC4zNzUgNi44NTcxNEgzLjkzNzVDMi45NzA5IDYuODU3MTQgMi4xODc1IDcuNjI1ODkgMi4xODc1IDguNTc0NjRWMTAuMjgyNUMyLjE4NzUgMTEuMjMxIDIuOTcwOSAxMiAzLjkzNzUgMTJINC4zNzVDNC44NTgxNiAxMiA1LjI1IDExLjYxNTQgNS4yNSAxMS4xNDEzVjcuNzE1ODlDNS4yNSA3LjI0MTUyIDQuODU4MTYgNi44NTcxNCA0LjM3NSA2Ljg1NzE0Wk0xMC4wNjI1IDYuODU3MTRIOS42MjVDOS4xNDE4NCA2Ljg1NzE0IDguNzUgNy4yNDE1MiA4Ljc1IDcuNzE1ODlWMTEuMTQxM0M4Ljc1IDExLjYxNTQgOS4xNDE4NCAxMiA5LjYyNSAxMkgxMC4wNjI1QzExLjAyOTEgMTIgMTEuODEyNSAxMS4yMzEgMTEuODEyNSAxMC4yODI1VjguNTc0NjRDMTEuODEyNSA3LjYyNjE2IDExLjAyOTEgNi44NTcxNCAxMC4wNjI1IDYuODU3MTRaTTcgMEMzLjA4NzM4IDAgMC4xMjQ5NjEgMy4xOTA5OCAwIDYuODU3MTRWOS44NTcxNEMwIDEwLjA5MzkgMC4xOTU3ODEgMTAuMjg1NyAwLjQzNzUgMTAuMjg1N0gwLjg3NUMxLjExNjcyIDEwLjI4NTcgMS4zMTI1IDEwLjA5MzkgMS4zMTI1IDkuODU3MTRWNi44NTcxNEMxLjMxMjUgMy43ODU2MiAzLjg2NDQ5IDEuMjkxMDcgNyAxLjI5MDU0QzEwLjEzNTUgMS4yOTEwNyAxMi42ODc1IDMuNzg1NjIgMTIuNjg3NSA2Ljg1NzE0VjkuODU3MTRDMTIuNjg3NSAxMC4wOTM5IDEyLjg4MzMgMTAuMjg1NyAxMy4xMjUgMTAuMjg1N0gxMy41NjI1QzEzLjgwNDIgMTAuMjg1NyAxNCAxMC4wOTM5IDE0IDkuODU3MTRWNi44NTcxNEMxMy44NzUgMy4xOTA5OCAxMC45MTI2IDAgNyAwWiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=) no-repeat center center;
        margin-right: 15px;
        margin-top: 12px;
        cursor: pointer;
        float: left
    }

.afp-playback-rate-container {
    position: relative;
    margin-top: 0;
    cursor: pointer;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 8px;
    border-radius: 8px;
    -webkit-transition: all 200ms;
    transition: all 200ms;
    background: transparent;
    margin-left: 40px
}

    .afp-playback-rate-container .txt-rate {
        color: #A46481;
        font-size: 14px;
        margin-right: 5px;
        font-family: Arial;
    }

    .afp-playback-rate-container .afp-playback-rate {
        color: #A46481;
        font-size: 18px;
        font-weight: 700;
        font-family: Arial;
    }

    .afp-playback-rate-container:hover {
        background: rgba(122,28,69,0.06)
    }

.afp-playback-rate-detail {
    position: absolute;
    top: -45px;
    width: auto;
    right: 0;
    height: auto;
    background: rgba(122,28,69,0.06);
    border-radius: 3px;
    display: none;
    padding-left: 8px;
    padding-right: 8px;
    white-space: nowrap
}

.afp-pin .afp-playback-rate-detail {
    position: absolute;
    top: -55px;
    width: auto;
    left: -231px;
    height: auto;
    background: #222;
    border-radius: 3px;
    border: solid 1px #C4C4C4;
    display: none;
    padding-left: 8px;
    padding-right: 8px
}

.afp-playback-rate-detail::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 90%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(255,255,255,0.2) transparent transparent
}

.afp-pin .afp-playback-rate-detail::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 90%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #222 transparent transparent
}

.afp-playback-rate-node {
    display: inline-block;
    padding: 15px 12px;
    opacity: 1
}

    .afp-playback-rate-node.active {
        opacity: 0.4
    }

.afp-playlist-container::-webkit-scrollbar {
    width: 4px
}

.afp-playlist-container::-webkit-scrollbar-track {
    border-radius: 4px
}

.afp-playlist-container::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #eee
}

    .afp-playlist-container::-webkit-scrollbar-thumb:hover {
        background: #BDBDBD
    }

    .afp-playlist-container::-webkit-scrollbar-thumb:active {
        background: -webkit-gradient(linear, left top, right top, from(#22ADD4), to(#1E98BA));
        background: linear-gradient(left, #22ADD4, #1E98BA)
    }

.afp-player-parent-top {
    width: 100% !important;
    height: 100% !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.duration-bar {
    width: 100%
}

.time-count-number {
    width: 100%
}

.control-audio-bar {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*margin-top: 8px;*/
    height: 48px;
    margin-left: 44px;
}

.three-button-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}


.afp-loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    background: url("data:image/svg+xml,%3Csvg width='48px' height='48px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' class='uil-ring-alt'%3E%3Crect x='0' y='0' width='100' height='100' fill='none' class='bk'%3E%3C/rect%3E%3Ccircle cx='50' cy='50' r='40' stroke='%23ffffff' fill='none' stroke-width='10' stroke-linecap='round'%3E%3C/circle%3E%3Ccircle cx='50' cy='50' r='40' stroke='%23ffffff' fill='none' stroke-width='6' stroke-linecap='round'%3E%3Canimate attributeName='stroke-dashoffset' dur='2s' repeatCount='indefinite' from='0' to='502'%3E%3C/animate%3E%3Canimate attributeName='stroke-dasharray' dur='2s' repeatCount='indefinite' values='150.6 100.4;1 250;150.6 100.4'%3E%3C/animate%3E%3C/circle%3E%3C/svg%3E") no-repeat scroll center center;
    background-size: auto 100%
}

    .afp-loading .afp-loading-label {
        position: absolute;
        right: 0;
        bottom: 0;
        margin-bottom: 10px;
        margin-right: 10px;
        color: #fff;
        font-size: 12px;
        font-family: Arial;
        text-shadow: 1px 1px #000
    }

.afp-timeline {
    background: #F2E2EA;
    position: relative;
    width: 100%;
    height: 4px;
    cursor: pointer;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    border-radius: 0px 2px 2px 0px
}

.afp-buffer {
    width: 0;
    background: rgba(255,255,255,0.2);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.afp-current {
    width: 0;
    background: #A46481;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: width .5s;
    transition: width .5s;
    border-radius: 2px 0px 0px 2px
}

.show-ad .afp-current {
    background: #F1C21B
}

.show-ad .afp-node {
    display: none
}

.show-ad .afp-timeline:before {
    height: 0;
    width: 0
}

.show-ad .afp-timeline:after {
    height: 0;
    width: 0
}

.afp-node {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    right: -9px;
    margin-top: -3px;
    background: #A46481;
    -webkit-box-shadow: 1px 3px 8px rgba(0,0,0,0.1);
    box-shadow: 1px 3px 8px rgba(0,0,0,0.1)
}

.afp-controlbar-container {
    width: 100%;
    min-height: 60px;
    position: absolute;
    top: 0;
    padding-top: 5px;
    left: 0;
    display: block;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: -webkit-transform .5s ease 0;
    -webkit-transition: -webkit-transform 0.5s ease 0;
    transition: -webkit-transform 0.5s ease 0;
    transition: transform 0.5s ease 0;
    transition: transform 0.5s ease 0, -webkit-transform 0.5s ease 0
}

    .afp-controlbar-container.hover {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-transition: -webkit-transform .5s ease 0;
        -webkit-transition: -webkit-transform 0.5s ease 0;
        transition: -webkit-transform 0.5s ease 0;
        transition: transform 0.5s ease 0;
        transition: transform 0.5s ease 0, -webkit-transform 0.5s ease 0
    }

.afp-ads-ico {
    padding: 3px;
    border: 1px solid #fff;
    border-radius: 4px;
    font-size: 14px;
    font-family: Arial;
    line-height: 40px;
    margin-left: 10px;
    opacity: 0
}

.show-ad .afp-ads-ico {
    opacity: 1
}

.show-ad .afp-group-center {
    pointer-events: none
}

.afp-controlbar-container:-moz-full-screen {
    position: fixed
}

.afp-controlbar-container:-webkit-full-screen {
    position: fixed
}

.afp-controlbar-container:-ms-fullscreen {
    position: fixed
}

.afp-controlbar-container:fullscreen {
    position: fixed
}

.z-top {
    z-index: 2147483647
}

.afp-controlbar {
    line-height: 14px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    display: inline-block
}

.afp-controlbar-mo {
    line-height: 14px;
    position: absolute;
    margin: auto;
    height: 28px;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    display: inline-block;
    background-color: #eee;
    background-color: #eee;
    padding: 0 50px 0 80px
}

.afp-control-playlist {
    padding: 0 110px 0 135px !important
}

.afp-control-playlist-mo {
    padding: 0 80px 0 135px !important
}

.afp-controlbar-container button {
    outline: none !important;
    border: none;
    cursor: pointer
}

.afp-button {
    cursor: pointer;
    outline: none;
    border: none;
    height: 36px;
    width: 20px
}

.afp-button-2 {
    cursor: pointer;
    outline: none;
    border: none;
    height: 32px;
    width: 32px;
    padding: 0;
    float: left;
    position: relative
}

.afp-sound-muted {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDEuMDA2MTNDMTAgMC4xMzMxMDYgOC45NTk3IC0wLjMyMDcyMiA4LjMxOTc3IDAuMjczMTI3TDQuNDQ3NiAzLjg2NjUxQzQuMzU1MTMgMy45NTIzMiA0LjIzMzY0IDQuMDAwMDEgNC4xMDc0OSA0LjAwMDAxSDEuNUMwLjY3MTU3MyA0LjAwMDAxIDAgNC42NzE1OCAwIDUuNTAwMDFWMTAuNUMwIDExLjMyODQgMC42NzE1NzMgMTIgMS41IDEySDQuMTA3NDlDNC4yMzM2NCAxMiA0LjM1NTEzIDEyLjA0NzcgNC40NDc2IDEyLjEzMzVMOC4zMTk3NyAxNS43MjY5QzguOTU5NyAxNi4zMjA3IDEwIDE1Ljg2NjkgMTAgMTQuOTkzOVYxLjAwNjEzWiIgZmlsbD0iI0E0NjQ4MSIvPgo8L3N2Zz4K") no-repeat left center;
    background-size: 10px
}

    .afp-sound-muted:hover {
        background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDEuMDA2MTNDMTAgMC4xMzMxMDYgOC45NTk3IC0wLjMyMDcyMiA4LjMxOTc3IDAuMjczMTI3TDQuNDQ3NiAzLjg2NjUxQzQuMzU1MTMgMy45NTIzMiA0LjIzMzY0IDQuMDAwMDEgNC4xMDc0OSA0LjAwMDAxSDEuNUMwLjY3MTU3MyA0LjAwMDAxIDAgNC42NzE1OCAwIDUuNTAwMDFWMTAuNUMwIDExLjMyODQgMC42NzE1NzMgMTIgMS41IDEySDQuMTA3NDlDNC4yMzM2NCAxMiA0LjM1NTEzIDEyLjA0NzcgNC40NDc2IDEyLjEzMzVMOC4zMTk3NyAxNS43MjY5QzguOTU5NyAxNi4zMjA3IDEwIDE1Ljg2NjkgMTAgMTQuOTkzOVYxLjAwNjEzWiIgZmlsbD0iI0E0NjQ4MSIvPgo8L3N2Zz4K") no-repeat left center;
        background-size: 10px
    }

.afp-sound-level-0 {
    background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13 11.9' style='enable-background:new 0 0 13 11.9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cpath class='st0' d='M7.8,0.1C7.6,0,7.4,0,7.2,0.1L3,3.2H0.5C0.2,3.2,0,3.5,0,3.8v4.3c0,0.3,0.2,0.5,0.5,0.5H3l4.2,3.1 c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.2,0c0.2-0.1,0.3-0.3,0.3-0.5V0.5C8.1,0.3,8,0.1,7.8,0.1z'/%3E%3C/svg%3E") no-repeat center center;
    background-size: 14px
}

    .afp-sound-level-0:hover {
        background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13 11.9' style='enable-background:new 0 0 13 11.9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cpath class='st0' d='M7.8,0.1C7.6,0,7.4,0,7.2,0.1L3,3.2H0.5C0.2,3.2,0,3.5,0,3.8v4.3c0,0.3,0.2,0.5,0.5,0.5H3l4.2,3.1 c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.2,0c0.2-0.1,0.3-0.3,0.3-0.5V0.5C8.1,0.3,8,0.1,7.8,0.1z'/%3E%3C/svg%3E") no-repeat center center;
        background-size: 14px
    }

.afp-sound-level-1 {
    background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13 11.9' style='enable-background:new 0 0 13 11.9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cpath class='st0' d='M7.8,0.1C7.6,0,7.4,0,7.2,0.1L3,3.2H0.5C0.2,3.2,0,3.5,0,3.8v4.3c0,0.3,0.2,0.5,0.5,0.5H3l4.2,3.1 c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.2,0c0.2-0.1,0.3-0.3,0.3-0.5V0.5C8.1,0.3,8,0.1,7.8,0.1z'/%3E%3Cpath class='st0' d='M9.9,3.6L9.5,3.3L8.7,4.1l0.4,0.4c0.9,0.9,0.9,2.2,0,3L8.7,7.8l0.8,0.8l0.4-0.4C11.1,7,11.1,4.9,9.9,3.6z'/%3E%3C/svg%3E%0A") no-repeat center center;
    background-size: 14px
}

    .afp-sound-level-1:hover {
        background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13 11.9' style='enable-background:new 0 0 13 11.9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cpath class='st0' d='M7.8,0.1C7.6,0,7.4,0,7.2,0.1L3,3.2H0.5C0.2,3.2,0,3.5,0,3.8v4.3c0,0.3,0.2,0.5,0.5,0.5H3l4.2,3.1 c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.2,0c0.2-0.1,0.3-0.3,0.3-0.5V0.5C8.1,0.3,8,0.1,7.8,0.1z'/%3E%3Cpath class='st0' d='M9.9,3.6L9.5,3.3L8.7,4.1l0.4,0.4c0.9,0.9,0.9,2.2,0,3L8.7,7.8l0.8,0.8l0.4-0.4C11.1,7,11.1,4.9,9.9,3.6z'/%3E%3C/svg%3E%0A") no-repeat center center;
        background-size: 14px
    }

.afp-sound-level-2 {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDEuMDA2MTNDMTAgMC4xMzMxMDYgOC45NTk3IC0wLjMyMDcyMiA4LjMxOTc3IDAuMjczMTI3TDQuNDQ3NiAzLjg2NjUxQzQuMzU1MTMgMy45NTIzMiA0LjIzMzY0IDQuMDAwMDEgNC4xMDc0OSA0LjAwMDAxSDEuNUMwLjY3MTU3MyA0LjAwMDAxIDAgNC42NzE1OCAwIDUuNTAwMDFWMTAuNUMwIDExLjMyODQgMC42NzE1NzMgMTIgMS41IDEySDQuMTA3NDlDNC4yMzM2NCAxMiA0LjM1NTEzIDEyLjA0NzcgNC40NDc2IDEyLjEzMzVMOC4zMTk3NyAxNS43MjY5QzguOTU5NyAxNi4zMjA3IDEwIDE1Ljg2NjkgMTAgMTQuOTkzOVYxLjAwNjEzWiIgZmlsbD0iI0E0NjQ4MSIvPgo8L3N2Zz4K") no-repeat left center;
    background-size: 10px
}

    .afp-sound-level-2:hover {
        background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDEuMDA2MTNDMTAgMC4xMzMxMDYgOC45NTk3IC0wLjMyMDcyMiA4LjMxOTc3IDAuMjczMTI3TDQuNDQ3NiAzLjg2NjUxQzQuMzU1MTMgMy45NTIzMiA0LjIzMzY0IDQuMDAwMDEgNC4xMDc0OSA0LjAwMDAxSDEuNUMwLjY3MTU3MyA0LjAwMDAxIDAgNC42NzE1OCAwIDUuNTAwMDFWMTAuNUMwIDExLjMyODQgMC42NzE1NzMgMTIgMS41IDEySDQuMTA3NDlDNC4yMzM2NCAxMiA0LjM1NTEzIDEyLjA0NzcgNC40NDc2IDEyLjEzMzVMOC4zMTk3NyAxNS43MjY5QzguOTU5NyAxNi4zMjA3IDEwIDE1Ljg2NjkgMTAgMTQuOTkzOVYxLjAwNjEzWiIgZmlsbD0iI0E0NjQ4MSIvPgo8L3N2Zz4K") no-repeat left center;
        background-size: 10px
    }

.afp-sound-level-max {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDEuMDA2MTNDMTAgMC4xMzMxMDYgOC45NTk3IC0wLjMyMDcyMiA4LjMxOTc3IDAuMjczMTI3TDQuNDQ3NiAzLjg2NjUxQzQuMzU1MTMgMy45NTIzMiA0LjIzMzY0IDQuMDAwMDEgNC4xMDc0OSA0LjAwMDAxSDEuNUMwLjY3MTU3MyA0LjAwMDAxIDAgNC42NzE1OCAwIDUuNTAwMDFWMTAuNUMwIDExLjMyODQgMC42NzE1NzMgMTIgMS41IDEySDQuMTA3NDlDNC4yMzM2NCAxMiA0LjM1NTEzIDEyLjA0NzcgNC40NDc2IDEyLjEzMzVMOC4zMTk3NyAxNS43MjY5QzguOTU5NyAxNi4zMjA3IDEwIDE1Ljg2NjkgMTAgMTQuOTkzOVYxLjAwNjEzWk0xMy4yNTM3IDIuNjI3NjRDMTMuNDU5NCAyLjQ0MzM3IDEzLjc3NTUgMi40NjA3MSAxMy45NTk4IDIuNjY2MzhDMTYuNjc2IDUuNjk3OTcgMTYuNjc2IDEwLjMwMjEgMTMuOTU5OCAxMy4zMzM3QzEzLjc3NTYgMTMuNTM5NCAxMy40NTk0IDEzLjU1NjcgMTMuMjUzOCAxMy4zNzI0QzEzLjA0ODEgMTMuMTg4MiAxMy4wMzA4IDEyLjg3MiAxMy4yMTUgMTIuNjY2NEMxNS41OTEgMTAuMDE0NiAxNS41OTEgNS45ODU0OCAxMy4yMTUgMy4zMzM2OUMxMy4wMzA3IDMuMTI4MDIgMTMuMDQ4MSAyLjgxMTkxIDEzLjI1MzcgMi42Mjc2NFpNMTIuMDc4NSAxMC45MzMzQzExLjgzOTMgMTAuNzk1NCAxMS43NTcgMTAuNDg5NyAxMS44OTQ4IDEwLjI1MDRDMTIuNjcxIDguOTAyODggMTIuNzI2NSA3LjE5MTYzIDExLjg5NDIgNS43NDk5NUMxMS43NTYxIDUuNTEwOCAxMS44MzggNS4yMDUgMTIuMDc3MiA1LjA2NjkzQzEyLjMxNjMgNC45Mjg4NiAxMi42MjIxIDUuMDEwOCAxMi43NjAyIDUuMjQ5OTVDMTMuNzc4MiA3LjAxMzIyIDEzLjcwODQgOS4xMDU0NCAxMi43NjE0IDEwLjc0OTZDMTIuNjIzNSAxMC45ODg4IDEyLjMxNzggMTEuMDcxMSAxMi4wNzg1IDEwLjkzMzNaIiBmaWxsPSIjQTQ2NDgxIi8+Cjwvc3ZnPgo=") no-repeat right center;
    background-size: 16px;
    width: 28px
}

    .afp-sound-level-max:hover {
        background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDEuMDA2MTNDMTAgMC4xMzMxMDYgOC45NTk3IC0wLjMyMDcyMiA4LjMxOTc3IDAuMjczMTI3TDQuNDQ3NiAzLjg2NjUxQzQuMzU1MTMgMy45NTIzMiA0LjIzMzY0IDQuMDAwMDEgNC4xMDc0OSA0LjAwMDAxSDEuNUMwLjY3MTU3MyA0LjAwMDAxIDAgNC42NzE1OCAwIDUuNTAwMDFWMTAuNUMwIDExLjMyODQgMC42NzE1NzMgMTIgMS41IDEySDQuMTA3NDlDNC4yMzM2NCAxMiA0LjM1NTEzIDEyLjA0NzcgNC40NDc2IDEyLjEzMzVMOC4zMTk3NyAxNS43MjY5QzguOTU5NyAxNi4zMjA3IDEwIDE1Ljg2NjkgMTAgMTQuOTkzOVYxLjAwNjEzWk0xMy4yNTM3IDIuNjI3NjRDMTMuNDU5NCAyLjQ0MzM3IDEzLjc3NTUgMi40NjA3MSAxMy45NTk4IDIuNjY2MzhDMTYuNjc2IDUuNjk3OTcgMTYuNjc2IDEwLjMwMjEgMTMuOTU5OCAxMy4zMzM3QzEzLjc3NTYgMTMuNTM5NCAxMy40NTk0IDEzLjU1NjcgMTMuMjUzOCAxMy4zNzI0QzEzLjA0ODEgMTMuMTg4MiAxMy4wMzA4IDEyLjg3MiAxMy4yMTUgMTIuNjY2NEMxNS41OTEgMTAuMDE0NiAxNS41OTEgNS45ODU0OCAxMy4yMTUgMy4zMzM2OUMxMy4wMzA3IDMuMTI4MDIgMTMuMDQ4MSAyLjgxMTkxIDEzLjI1MzcgMi42Mjc2NFpNMTIuMDc4NSAxMC45MzMzQzExLjgzOTMgMTAuNzk1NCAxMS43NTcgMTAuNDg5NyAxMS44OTQ4IDEwLjI1MDRDMTIuNjcxIDguOTAyODggMTIuNzI2NSA3LjE5MTYzIDExLjg5NDIgNS43NDk5NUMxMS43NTYxIDUuNTEwOCAxMS44MzggNS4yMDUgMTIuMDc3MiA1LjA2NjkzQzEyLjMxNjMgNC45Mjg4NiAxMi42MjIxIDUuMDEwOCAxMi43NjAyIDUuMjQ5OTVDMTMuNzc4MiA3LjAxMzIyIDEzLjcwODQgOS4xMDU0NCAxMi43NjE0IDEwLjc0OTZDMTIuNjIzNSAxMC45ODg4IDEyLjMxNzggMTEuMDcxMSAxMi4wNzg1IDEwLjkzMzNaIiBmaWxsPSIjQTQ2NDgxIi8+Cjwvc3ZnPgo=") no-repeat right center;
        background-size: 16px
    }

.afp-playbtn {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCA0OCA1MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNzk5OTYgMC40MDAwMjRDMi4yMzQxNyAwLjQwMDAyNCAxLjY5MTU1IDAuNjI0Nzg2IDEuMjkxNDcgMS4wMjQ4NkMwLjg5MTM5MiAxLjQyNDk0IDAuNjY2NjMgMS45Njc1NiAwLjY2NjYzIDIuNTMzMzZDMC42NjY2MjUgMi41MzYxNCAwLjY2NjYyNSAyLjUzODkxIDAuNjY2NjMgMi41NDE2OVYyNlY0OS40NTg0QzAuNjY2NjI1IDQ5LjQ2MTEgMC42NjY2MjUgNDkuNDYzOSAwLjY2NjYzIDQ5LjQ2NjdDMC42NjY2MyA1MC4wMzI1IDAuODkxMzkyIDUwLjU3NTEgMS4yOTE0NyA1MC45NzUyQzEuNjkxNTUgNTEuMzc1MyAyLjIzNDE3IDUxLjYgMi43OTk5NiA1MS42QzMuMjQ0MDQgNTEuNTk4OCAzLjY3NjY1IDUxLjQ1ODkgNC4wMzc0NiA1MS4yTDQuMDQxNjMgNTEuMjA0Mkw0Ni4zNTQxIDI3LjkzNzVDNDYuNzI1NCAyNy43Njc3IDQ3LjA0MDIgMjcuNDk0OCA0Ny4yNjEgMjcuMTUxNEM0Ny40ODE5IDI2LjgwNzkgNDcuNTk5NSAyNi40MDgzIDQ3LjYgMjZDNDcuNjAwMiAyNS41ODAzIDQ3LjQ3NjYgMjUuMTY5OCA0Ny4yNDQ2IDI0LjgyQzQ3LjAxMjYgMjQuNDcwMSA0Ni42ODI2IDI0LjE5NjUgNDYuMjk1OCAyNC4wMzM0TDQuMDQxNjMgMC43OTU4NThINC4wMzc0NkMzLjY3NjE1IDAuNTM4NDU1IDMuMjQzNTkgMC40MDAwOTIgMi43OTk5NiAwLjQwMDAyNFoiIGZpbGw9IiNDOTJBNTciLz4KPC9zdmc+Cg==") no-repeat center center;
    width: 100%;
    height: 100%;
    border: none;
    background-size: 100% 100%
}

.afp-backbtn {
    background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='12.004px' height='12px' viewBox='0 0 12.004 12' enable-background='new 0 0 12.004 12' xml:space='preserve'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23666766' d='M12.004,0L0,6l0,0l12.004,6V0z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23666766' d='M0.004,0h0.75v12h-0.75V0z'/%3E%3C/svg%3E%0A") no-repeat center center
}

.afp-nextbtn {
    background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='12.004px' height='12px' viewBox='0 0 12.004 12' enable-background='new 0 0 12.004 12' xml:space='preserve'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23666766' d='M0,0l12.004,6l0,0L0,12V0z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23666766' d='M11.25,0H12v12h-0.75V0z'/%3E%3C/svg%3E") no-repeat center center
}

.afp-back15sbtn {
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='26' height='25' viewBox='0 0 26 26' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23828282;%7D .st0:hover%7Bfill:%231B71B2;%7D%0A%3C/style%3E%3Cpath class='st0' d='M18.5743 19L16.745 19L16.745 16.9687L18.5743 16.9687C21.4567 16.9687 23.8016 14.6905 23.8016 11.8904C23.8016 9.09018 21.4567 6.81205 18.5743 6.81205L6.46157 6.81205L9.90429 10.1566L8.426 11.5928L3.19867 6.51446C3.00268 6.32399 2.89258 6.0657 2.89258 5.79639C2.89258 5.52707 3.00268 5.26878 3.19867 5.07831L8.426 1.4236e-06L9.90429 1.43615L6.46157 4.78072L18.5743 4.78072C22.6098 4.78072 25.8926 7.9699 25.8926 11.8904C25.8926 15.8108 22.6098 19 18.5743 19Z'/%3E%3Cpath class='st0' d='M4.40234 24H2.48145V16.7607C1.77962 17.417 0.952474 17.9023 0 18.2168V16.4736C0.501302 16.3096 1.0459 15.9997 1.63379 15.5439C2.22168 15.0837 2.625 14.5482 2.84375 13.9375H4.40234V24Z'/%3E%3Cpath class='st0' d='M7.30762 21.4229L9.22168 21.2246C9.27637 21.6576 9.43815 22.0016 9.70703 22.2568C9.97591 22.5075 10.2858 22.6328 10.6367 22.6328C11.0378 22.6328 11.3773 22.471 11.6553 22.1475C11.9333 21.8193 12.0723 21.3271 12.0723 20.6709C12.0723 20.0557 11.9333 19.5954 11.6553 19.29C11.3818 18.9801 11.0241 18.8252 10.582 18.8252C10.0306 18.8252 9.53613 19.069 9.09863 19.5566L7.54004 19.3311L8.52441 14.1152H13.6035V15.9131H9.98047L9.67969 17.6152C10.1081 17.401 10.5456 17.2939 10.9922 17.2939C11.8444 17.2939 12.5667 17.6038 13.1592 18.2236C13.7516 18.8434 14.0479 19.6478 14.0479 20.6367C14.0479 21.4616 13.8086 22.1976 13.3301 22.8447C12.6784 23.7288 11.7738 24.1709 10.6162 24.1709C9.69108 24.1709 8.93685 23.9225 8.35352 23.4258C7.77018 22.929 7.42155 22.2614 7.30762 21.4229Z'/%3E%3C/svg%3E%0A") no-repeat center center;
    width: 100%;
    height: 100%;
    background-size: 20px
}

    .afp-back15sbtn:hover {
        background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='26' height='25' viewBox='0 0 26 26' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%231B71B2;%7D .st0:hover%7Bfill:%231B71B2;%7D%0A%3C/style%3E%3Cpath class='st0' d='M18.5743 19L16.745 19L16.745 16.9687L18.5743 16.9687C21.4567 16.9687 23.8016 14.6905 23.8016 11.8904C23.8016 9.09018 21.4567 6.81205 18.5743 6.81205L6.46157 6.81205L9.90429 10.1566L8.426 11.5928L3.19867 6.51446C3.00268 6.32399 2.89258 6.0657 2.89258 5.79639C2.89258 5.52707 3.00268 5.26878 3.19867 5.07831L8.426 1.4236e-06L9.90429 1.43615L6.46157 4.78072L18.5743 4.78072C22.6098 4.78072 25.8926 7.9699 25.8926 11.8904C25.8926 15.8108 22.6098 19 18.5743 19Z'/%3E%3Cpath class='st0' d='M4.40234 24H2.48145V16.7607C1.77962 17.417 0.952474 17.9023 0 18.2168V16.4736C0.501302 16.3096 1.0459 15.9997 1.63379 15.5439C2.22168 15.0837 2.625 14.5482 2.84375 13.9375H4.40234V24Z'/%3E%3Cpath class='st0' d='M7.30762 21.4229L9.22168 21.2246C9.27637 21.6576 9.43815 22.0016 9.70703 22.2568C9.97591 22.5075 10.2858 22.6328 10.6367 22.6328C11.0378 22.6328 11.3773 22.471 11.6553 22.1475C11.9333 21.8193 12.0723 21.3271 12.0723 20.6709C12.0723 20.0557 11.9333 19.5954 11.6553 19.29C11.3818 18.9801 11.0241 18.8252 10.582 18.8252C10.0306 18.8252 9.53613 19.069 9.09863 19.5566L7.54004 19.3311L8.52441 14.1152H13.6035V15.9131H9.98047L9.67969 17.6152C10.1081 17.401 10.5456 17.2939 10.9922 17.2939C11.8444 17.2939 12.5667 17.6038 13.1592 18.2236C13.7516 18.8434 14.0479 19.6478 14.0479 20.6367C14.0479 21.4616 13.8086 22.1976 13.3301 22.8447C12.6784 23.7288 11.7738 24.1709 10.6162 24.1709C9.69108 24.1709 8.93685 23.9225 8.35352 23.4258C7.77018 22.929 7.42155 22.2614 7.30762 21.4229Z'/%3E%3C/svg%3E%0A") no-repeat center center;
        width: 100%;
        height: 100%;
        background-size: 20px
    }

.afp-next15sbtn {
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='26' height='25' viewBox='0 0 26 26' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23828282;%7D .st0:hover%7Bfill:%231B71B2;%7D%0A%3C/style%3E%3Cpath class='st0' d='M7.31825 19L9.14759 19L9.14759 16.9687L7.31825 16.9687C4.43591 16.9687 2.09093 14.6905 2.09093 11.8904C2.09093 9.09018 4.43591 6.81205 7.31825 6.81205L19.431 6.81205L15.9883 10.1566L17.4666 11.5928L22.6939 6.51446C22.8899 6.32399 23 6.0657 23 5.79639C23 5.52707 22.8899 5.26878 22.6939 5.07831L17.4666 1.4236e-06L15.9883 1.43615L19.431 4.78072L7.31825 4.78072C3.28276 4.78072 -9.43067e-07 7.9699 -1.2858e-06 11.8904C-1.62854e-06 15.8108 3.28276 19 7.31825 19Z' /%3E%3Cpath class='st0' d='M17.5098 24H15.5889V16.7607C14.887 17.417 14.0599 17.9023 13.1074 18.2168V16.4736C13.6087 16.3096 14.1533 15.9997 14.7412 15.5439C15.3291 15.0837 15.7324 14.5482 15.9512 13.9375H17.5098V24Z' /%3E%3Cpath class='st0' d='M20.415 21.4229L22.3291 21.2246C22.3838 21.6576 22.5456 22.0016 22.8145 22.2568C23.0833 22.5075 23.3932 22.6328 23.7441 22.6328C24.1452 22.6328 24.4847 22.471 24.7627 22.1475C25.0407 21.8193 25.1797 21.3271 25.1797 20.6709C25.1797 20.0557 25.0407 19.5954 24.7627 19.29C24.4893 18.9801 24.1315 18.8252 23.6895 18.8252C23.138 18.8252 22.6436 19.069 22.2061 19.5566L20.6475 19.3311L21.6318 14.1152H26.7109V15.9131H23.0879L22.7871 17.6152C23.2155 17.401 23.653 17.2939 24.0996 17.2939C24.9518 17.2939 25.6742 17.6038 26.2666 18.2236C26.859 18.8434 27.1553 19.6478 27.1553 20.6367C27.1553 21.4616 26.916 22.1976 26.4375 22.8447C25.7858 23.7288 24.8812 24.1709 23.7236 24.1709C22.7985 24.1709 22.0443 23.9225 21.4609 23.4258C20.8776 22.929 20.529 22.2614 20.415 21.4229Z' /%3E%3C/svg%3E%0A") no-repeat center center;
    width: 100%;
    height: 100%;
    background-size: 20px
}

    .afp-next15sbtn:hover {
        background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='26' height='25' viewBox='0 0 26 26' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%231B71B2;%7D .st0:hover%7Bfill:%231B71B2;%7D%0A%3C/style%3E%3Cpath class='st0' d='M7.31825 19L9.14759 19L9.14759 16.9687L7.31825 16.9687C4.43591 16.9687 2.09093 14.6905 2.09093 11.8904C2.09093 9.09018 4.43591 6.81205 7.31825 6.81205L19.431 6.81205L15.9883 10.1566L17.4666 11.5928L22.6939 6.51446C22.8899 6.32399 23 6.0657 23 5.79639C23 5.52707 22.8899 5.26878 22.6939 5.07831L17.4666 1.4236e-06L15.9883 1.43615L19.431 4.78072L7.31825 4.78072C3.28276 4.78072 -9.43067e-07 7.9699 -1.2858e-06 11.8904C-1.62854e-06 15.8108 3.28276 19 7.31825 19Z' /%3E%3Cpath class='st0' d='M17.5098 24H15.5889V16.7607C14.887 17.417 14.0599 17.9023 13.1074 18.2168V16.4736C13.6087 16.3096 14.1533 15.9997 14.7412 15.5439C15.3291 15.0837 15.7324 14.5482 15.9512 13.9375H17.5098V24Z' /%3E%3Cpath class='st0' d='M20.415 21.4229L22.3291 21.2246C22.3838 21.6576 22.5456 22.0016 22.8145 22.2568C23.0833 22.5075 23.3932 22.6328 23.7441 22.6328C24.1452 22.6328 24.4847 22.471 24.7627 22.1475C25.0407 21.8193 25.1797 21.3271 25.1797 20.6709C25.1797 20.0557 25.0407 19.5954 24.7627 19.29C24.4893 18.9801 24.1315 18.8252 23.6895 18.8252C23.138 18.8252 22.6436 19.069 22.2061 19.5566L20.6475 19.3311L21.6318 14.1152H26.7109V15.9131H23.0879L22.7871 17.6152C23.2155 17.401 23.653 17.2939 24.0996 17.2939C24.9518 17.2939 25.6742 17.6038 26.2666 18.2236C26.859 18.8434 27.1553 19.6478 27.1553 20.6367C27.1553 21.4616 26.916 22.1976 26.4375 22.8447C25.7858 23.7288 24.8812 24.1709 23.7236 24.1709C22.7985 24.1709 22.0443 23.9225 21.4609 23.4258C20.8776 22.929 20.529 22.2614 20.415 21.4229Z' /%3E%3C/svg%3E%0A") no-repeat center center;
        width: 100%;
        height: 100%;
        background-size: 20px
    }

.afp-backbtn {
    background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='12.004px' height='12px' viewBox='0 0 12.004 12' enable-background='new 0 0 12.004 12' xml:space='preserve'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23666766' d='M12.004,0L0,6l0,0l12.004,6V0z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23666766' d='M0.004,0h0.75v12h-0.75V0z'/%3E%3C/svg%3E%0A") no-repeat center center
}

.afp-nextbtn {
    background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='12.004px' height='12px' viewBox='0 0 12.004 12' enable-background='new 0 0 12.004 12' xml:space='preserve'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23666766' d='M0,0l12.004,6l0,0L0,12V0z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23666766' d='M11.25,0H12v12h-0.75V0z'/%3E%3C/svg%3E") no-repeat center center
}

.afp-back10sbtn {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMyAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMEMwLjQ0NzcxNSAwIDAgMC40NDc3MTUgMCAxVjdDMCA3LjU1MjI4IDAuNDQ3NzE1IDggMSA4SDdDNy41NTIyOCA4IDggNy41NTIyOCA4IDdDOCA2LjQ0NzcyIDcuNTUyMjggNiA3IDZIMi42OTkxM0M0LjM4MzMxIDMuNzAxIDcuODAxODYgMiAxMS43NDk5IDJDMTUuODUgMiAxOC44NTc3IDMuOTI0OTkgMjEuMTU2MiA3LjUzNjg4QzIxLjQ1MjcgOC4wMDI4MiAyMi4wNzA4IDguMTQwMTcgMjIuNTM2NyA3Ljg0MzY2QzIzLjAwMjcgNy41NDcxNSAyMy4xNCA2LjkyOTA3IDIyLjg0MzUgNi40NjMxMkMyMC4yNDQ4IDIuMzc5NDYgMTYuNjQ5NyAwIDExLjc0OTkgMEM3Ljg4NDg0IDAgNC4yNzY3NyAxLjQ0MjM1IDIgMy43NDcxVjFDMiAwLjQ0NzcxNSAxLjU1MjI4IDAgMSAwWk04LjI2NzA4IDEwLjAzNjNDOC43MDAyNiAxMC4xNTYzIDkuMDAwMTUgMTAuNTUwNSA5LjAwMDE1IDExVjIxQzkuMDAwMTUgMjEuNTUyMyA4LjU1MjQ0IDIyIDguMDAwMTUgMjJDNy40NDc4NyAyMiA3LjAwMDE1IDIxLjU1MjMgNy4wMDAxNSAyMVYxMy43MzQ5QzYuNTc0MDggMTQuMTI3NCA2LjA3Njg4IDE0LjUyMDIgNS41MTQ2NSAxNC44NTc1QzUuMDQxMDcgMTUuMTQxNiA0LjQyNjgxIDE0Ljk4ODEgNC4xNDI2NiAxNC41MTQ1QzMuODU4NTEgMTQuMDQwOSA0LjAxMjA4IDEzLjQyNjcgNC40ODU2NiAxMy4xNDI1QzUuMjk2NjQgMTIuNjU1OSA1Ljk2NTUyIDExLjk5MjggNi40Mzk4OSAxMS40MzIyQzYuNjc0MzQgMTEuMTU1MSA2Ljg1NDY2IDEwLjkxMDkgNi45NzQ2NyAxMC43Mzg4QzcuMDM0NTUgMTAuNjUyOCA3LjA3OTAyIDEwLjU4NTQgNy4xMDczNSAxMC41NDE0QzcuMTIxNSAxMC41MTk0IDcuMTMxNTggMTAuNTAzNCA3LjEzNzUgMTAuNDkzOEw3LjE0Mjg4IDEwLjQ4NTFMNy4xNDM3MiAxMC40ODM3QzcuMzc1MzIgMTAuMDk5NSA3LjgzNDU3IDkuOTE2NDggOC4yNjcwOCAxMC4wMzYzWk0xMi42NDgxIDExLjk0NzJDMTMuMzc4IDEwLjczOTUgMTQuNTc5NSAxMCAxNi4yMzgzIDEwQzE3Ljg5NzEgMTAgMTkuMDk4NSAxMC43Mzk1IDE5LjgyODUgMTEuOTQ3MkMyMC41MTI5IDEzLjA3OTYgMjAuNzM4MyAxNC41NDQxIDIwLjczODMgMTZDMjAuNzM4MyAxNy40NTU5IDIwLjUxMjkgMTguOTIwNCAxOS44Mjg1IDIwLjA1MjhDMTkuMDk4NSAyMS4yNjA1IDE3Ljg5NzEgMjIgMTYuMjM4MyAyMkMxNC41Nzk1IDIyIDEzLjM3OCAyMS4yNjA1IDEyLjY0ODEgMjAuMDUyOEMxMS45NjM3IDE4LjkyMDQgMTEuNzM4MyAxNy40NTU5IDExLjczODMgMTZDMTEuNzM4MyAxNC41NDQxIDExLjk2MzcgMTMuMDc5NiAxMi42NDgxIDExLjk0NzJaTTE0LjM1OTcgMTIuOTgxN0MxMy45NTA0IDEzLjY1OSAxMy43MzgzIDE0LjY5NDUgMTMuNzM4MyAxNkMxMy43MzgzIDE3LjMwNTUgMTMuOTUwNCAxOC4zNDEgMTQuMzU5NyAxOS4wMTgzQzE0LjcyMzUgMTkuNjIwMiAxNS4yNzIxIDIwIDE2LjIzODMgMjBDMTcuMjA0NSAyMCAxNy43NTMgMTkuNjIwMiAxOC4xMTY4IDE5LjAxODNDMTguNTI2MiAxOC4zNDEgMTguNzM4MyAxNy4zMDU1IDE4LjczODMgMTZDMTguNzM4MyAxNC42OTQ1IDE4LjUyNjIgMTMuNjU5IDE4LjExNjggMTIuOTgxN0MxNy43NTMgMTIuMzc5OCAxNy4yMDQ1IDEyIDE2LjIzODMgMTJDMTUuMjcyMSAxMiAxNC43MjM1IDEyLjM3OTggMTQuMzU5NyAxMi45ODE3WiIgZmlsbD0iI0E0NjQ4MSIvPgo8L3N2Zz4K") no-repeat center center;
    width: 32px;
    height: 32px;
    background-size: 23px
}

.afp-next10sbtn {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMyAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuODQzNzkgNy41MzY4OEM0LjE0MjI2IDMuOTI0OTkgNy4xNDk5OSAyIDExLjI1MDEgMkMxNS4xOTgxIDIgMTguNjE2NyAzLjcwMSAyMC4zMDA5IDZIMTZDMTUuNDQ3NyA2IDE1IDYuNDQ3NzIgMTUgN0MxNSA3LjU1MjI4IDE1LjQ0NzcgOCAxNiA4SDIyQzIyLjU1MjMgOCAyMyA3LjU1MjI4IDIzIDdWMUMyMyAwLjQ0NzcxNSAyMi41NTIzIDAgMjIgMEMyMS40NDc3IDAgMjEgMC40NDc3MTUgMjEgMVYzLjc0NzFDMTguNzIzMiAxLjQ0MjM1IDE1LjExNTIgMCAxMS4yNTAxIDBDNi4zNTAyNiAwIDIuNzU1MTYgMi4zNzk0NiAwLjE1NjQ2NSA2LjQ2MzEyQy0wLjE0MDA0MyA2LjkyOTA3IC0wLjAwMjY5MDc2IDcuNTQ3MTUgMC40NjMyNTEgNy44NDM2NkMwLjkyOTE5MiA4LjE0MDE3IDEuNTQ3MjggOC4wMDI4MiAxLjg0Mzc5IDcuNTM2ODhaTTE1LjIzODMgMTBDMTMuNTc5NSAxMCAxMi4zNzggMTAuNzM5NSAxMS42NDgxIDExLjk0NzJDMTAuOTYzNyAxMy4wNzk2IDEwLjczODMgMTQuNTQ0MSAxMC43MzgzIDE2QzEwLjczODMgMTcuNDU1OSAxMC45NjM3IDE4LjkyMDQgMTEuNjQ4MSAyMC4wNTI4QzEyLjM3OCAyMS4yNjA1IDEzLjU3OTUgMjIgMTUuMjM4MyAyMkMxNi44OTcxIDIyIDE4LjA5ODUgMjEuMjYwNSAxOC44Mjg1IDIwLjA1MjhDMTkuNTEyOSAxOC45MjA0IDE5LjczODMgMTcuNDU1OSAxOS43MzgzIDE2QzE5LjczODMgMTQuNTQ0MSAxOS41MTI5IDEzLjA3OTYgMTguODI4NSAxMS45NDcyQzE4LjA5ODUgMTAuNzM5NSAxNi44OTcxIDEwIDE1LjIzODMgMTBaTTEyLjczODMgMTZDMTIuNzM4MyAxNC42OTQ1IDEyLjk1MDQgMTMuNjU5IDEzLjM1OTcgMTIuOTgxN0MxMy43MjM1IDEyLjM3OTggMTQuMjcyMSAxMiAxNS4yMzgzIDEyQzE2LjIwNDUgMTIgMTYuNzUzIDEyLjM3OTggMTcuMTE2OCAxMi45ODE3QzE3LjUyNjIgMTMuNjU5IDE3LjczODMgMTQuNjk0NSAxNy43MzgzIDE2QzE3LjczODMgMTcuMzA1NSAxNy41MjYyIDE4LjM0MSAxNy4xMTY4IDE5LjAxODNDMTYuNzUzIDE5LjYyMDIgMTYuMjA0NSAyMCAxNS4yMzgzIDIwQzE0LjI3MjEgMjAgMTMuNzIzNSAxOS42MjAyIDEzLjM1OTcgMTkuMDE4M0MxMi45NTA0IDE4LjM0MSAxMi43MzgzIDE3LjMwNTUgMTIuNzM4MyAxNlpNOC4wMDAxNSAxMUM4LjAwMDE1IDEwLjU1MDUgNy43MDAyNiAxMC4xNTYzIDcuMjY3MDggMTAuMDM2M0M2LjgzNDU3IDkuOTE2NDggNi4zNzUzMiAxMC4wOTk1IDYuMTQzNzIgMTAuNDgzN0w2LjE0Mjg4IDEwLjQ4NTFMNi4xMzc1IDEwLjQ5MzhDNi4xMzE1OCAxMC41MDM0IDYuMTIxNSAxMC41MTk0IDYuMTA3MzUgMTAuNTQxNEM2LjA3OTAyIDEwLjU4NTQgNi4wMzQ1NSAxMC42NTI4IDUuOTc0NjcgMTAuNzM4OEM1Ljg1NDY2IDEwLjkxMDkgNS42NzQzNCAxMS4xNTUxIDUuNDM5ODkgMTEuNDMyMkM0Ljk2NTUyIDExLjk5MjggNC4yOTY2NCAxMi42NTU5IDMuNDg1NjYgMTMuMTQyNUMzLjAxMjA4IDEzLjQyNjcgMi44NTg1MSAxNC4wNDA5IDMuMTQyNjYgMTQuNTE0NUMzLjQyNjgxIDE0Ljk4ODEgNC4wNDEwNyAxNS4xNDE2IDQuNTE0NjUgMTQuODU3NUM1LjA3Njg4IDE0LjUyMDIgNS41NzQwOCAxNC4xMjc0IDYuMDAwMTUgMTMuNzM0OVYyMUM2LjAwMDE1IDIxLjU1MjMgNi40NDc4NyAyMiA3LjAwMDE1IDIyQzcuNTUyNDQgMjIgOC4wMDAxNSAyMS41NTIzIDguMDAwMTUgMjFWMTFaIiBmaWxsPSIjQTQ2NDgxIi8+Cjwvc3ZnPgo=") no-repeat center center;
    background-size: 23px;
    width: 32px;
    height: 32px
}

.afp-replaybtn {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDciIGhlaWdodD0iNDciIHZpZXdCb3g9IjAgMCA0NyA0NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQyLjcwMzcgMjMuOEM0Mi43MDM3IDEzLjM1OTcgMzQuMjQwMiA0Ljg5NjI3IDIzLjggNC44OTYyN0MxOC43NzY2IDQuODk2MjcgMTQuMjEwOSA2Ljg1NTY1IDEwLjgyNTQgMTAuMDUxOEgxNC43Nzc4QzE1Ljk2NDIgMTAuMDUxOCAxNi45MjU5IDExLjAxMzYgMTYuOTI1OSAxMi4yQzE2LjkyNTkgMTMuMzg2NCAxNS45NjQyIDE0LjM0ODEgMTQuNzc3OCAxNC4zNDgxSDcuMDQ0NDRDNS44NTgwNiAxNC4zNDgxIDQuODk2MjkgMTMuMzg2NCA0Ljg5NjI5IDEyLjJWNC40NjY2NEM0Ljg5NjI5IDMuMjgwMjUgNS44NTgwNiAyLjMxODQ5IDcuMDQ0NDQgMi4zMTg0OUM4LjIzMDgzIDIuMzE4NDkgOS4xOTI1OSAzLjI4MDI1IDkuMTkyNTkgNC40NjY2NFY1Ljc3NTAyQzEzLjE4MDggMi41MzkwMyAxOC4yNjM5IDAuNTk5OTc2IDIzLjggMC41OTk5NzZDMzYuNjEzIDAuNTk5OTc2IDQ3IDEwLjk4NyA0NyAyMy44QzQ3IDM2LjYxMyAzNi42MTMgNDcgMjMuOCA0N0MxMC45ODcgNDcgMC41OTk5OTggMzYuNjEzIDAuNTk5OTk4IDIzLjhDMC41OTk5OTggMjMuMzE5IDAuNjE0NjMyIDIyLjg0MTUgMC42NDM0ODIgMjIuMzY3OEMwLjcxMzkwOSAyMS4yMTE0IDEuNzEwNjYgMjAuMzYyOSAyLjg2OTIzIDIwLjM2MjlDNC4wODYyMSAyMC4zNjI5IDQuOTk5NDkgMjEuNDY4NSA0LjkyODcyIDIyLjY4MzVDNC45MDcyIDIzLjA1MjkgNC44OTYyOSAyMy40MjUyIDQuODk2MjkgMjMuOEM0Ljg5NjI5IDM0LjI0MDIgMTMuMzU5OCA0Mi43MDM3IDIzLjggNDIuNzAzN0MzNC4yNDAyIDQyLjcwMzcgNDIuNzAzNyAzNC4yNDAyIDQyLjcwMzcgMjMuOFoiIGZpbGw9IiM3QTFDNDUiLz4KPC9zdmc+Cg==") no-repeat center center;
    width: 100%;
    height: 100%;
    border: none;
    background-size: 38px
}

.afp-pausebtn {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0MCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMDY2NzIgMC41MzMzMjVDMi43MDkzOCAwLjUzMzMyNSAwLjgwMDA0OSAyLjQ0MjY2IDAuODAwMDQ5IDQuNzk5OTlWNDMuMkMwLjgwMDA0OSA0NS41NTczIDIuNzA5MzggNDcuNDY2NyA1LjA2NjcyIDQ3LjQ2NjdIOS4zMzMzOEMxMS42OTA3IDQ3LjQ2NjcgMTMuNiA0NS41NTczIDEzLjYgNDMuMlY0Ljc5OTk5QzEzLjYgMi40NDI2NiAxMS42OTA3IDAuNTMzMzI1IDkuMzMzMzggMC41MzMzMjVINS4wNjY3MlpNMzAuNjY2NyAwLjUzMzMyNUMyOC4zMDk0IDAuNTMzMzI1IDI2LjQgMi40NDI2NiAyNi40IDQuNzk5OTlWNDMuMkMyNi40IDQ1LjU1NzMgMjguMzA5NCA0Ny40NjY3IDMwLjY2NjcgNDcuNDY2N0gzNC45MzM0QzM3LjI5MDcgNDcuNDY2NyAzOS4yIDQ1LjU1NzMgMzkuMiA0My4yVjQuNzk5OTlDMzkuMiAyLjQ0MjY2IDM3LjI5MDcgMC41MzMzMjUgMzQuOTMzNCAwLjUzMzMyNUgzMC42NjY3WiIgZmlsbD0iIzdBMUM0NSIvPgo8L3N2Zz4K") no-repeat center center;
    width: 100%;
    height: 100%;
    border: none;
    background-size: 38px
}

.afp-qualitybtn {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDI4IDI4Ij48cmVjdCB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNOCAxNC4xYzAgMCAwLTAuMSAwLTAuMSAwLTAuMiAwLTAuNCAwLjEtMC42IDAtMC4zIDAuMS0wLjQgMC40LTAuNCAwLjEgMCAwLjMgMCAwLjQtMC4xIDAuNi0wLjEgMS0wLjcgMS0xLjIgMC0wLjQtMC4xLTAuNy0wLjQtMSAtMC4yLTAuMS0wLjItMC4zLTAuMS0wLjUgMC4zLTAuMyAwLjYtMC43IDEtMSAwLjEtMC4xIDAuMy0wLjEgMC41IDAgMC40IDAuNCAxLjEgMC41IDEuNiAwLjMgMC40LTAuMyAwLjctMC42IDAuNy0xLjEgMC0wLjIgMC4xLTAuNCAwLjMtMC40IDAuMyAwIDAuNy0wLjEgMSAwIDAuNSAwIDAuNiAwLjEgMC42IDAuNCAwIDAuNiAwLjMgMSAwLjggMS4zIDAuNSAwLjIgMSAwLjEgMS40LTAuMyAwLjItMC4yIDAuNC0wLjIgMC42IDAgMC4zIDAuMyAwLjUgMC41IDAuOCAwLjggMC4zIDAuMyAwLjMgMC40IDAgMC43IC0wLjMgMC40LTAuNSAwLjktMC4yIDEuNCAwLjIgMC40IDAuNiAwLjcgMS4xIDAuNyAwLjMgMCAwLjUgMC4yIDAuNSAwLjUgMCAwLjEgMCAwLjMgMC4xIDAuNCAwIDAuMSAwIDAuMSAwIDAuMiAwIDAuMiAwIDAuMy0wLjEgMC41IDAgMC4yLTAuMSAwLjQtMC40IDAuNCAtMC4xIDAtMC4yIDAtMC4yIDAgLTAuNSAwLjEtMC45IDAuMy0xIDAuOCAtMC4yIDAuNS0wLjEgMSAwLjMgMS4zIDAuMiAwLjIgMC4yIDAuNCAwIDAuNiAtMC4zIDAuMy0wLjUgMC42LTAuOCAwLjkgLTAuMiAwLjItMC41IDAuMi0wLjctMC4xIC0wLjQtMC40LTAuOS0wLjQtMS40LTAuMiAtMC41IDAuMi0wLjcgMC42LTAuNyAxLjEgMCAwLjQtMC4yIDAuNS0wLjUgMC41IC0wLjMgMC0wLjYgMC0wLjkgMCAtMC40IDAtMC41LTAuMS0wLjYtMC42IDAtMC40LTAuMi0wLjctMC41LTAuOSAtMC42LTAuNC0xLjItMC4zLTEuNyAwLjEgLTAuMiAwLjItMC40IDAuMi0wLjYgMCAtMC4zLTAuMy0wLjYtMC41LTAuOC0wLjggLTAuMy0wLjMtMC4yLTAuNCAwLTAuNyAwLjItMC4yIDAuMy0wLjUgMC4zLTAuOCAwLjEtMC43LTAuNS0xLjQtMS4zLTEuNCAtMC4zIDAtMC40LTAuMi0wLjQtMC41QzggMTQuNCA4IDE0LjIgOCAxNC4xek0xNiAxNGMwLTEtMC45LTItMi0yIC0xLjEgMC0yIDAuOS0yIDIgMCAxLjEgMC44IDEuOSAyIDJDMTUuMSAxNiAxNiAxNS4xIDE2IDE0eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==) no-repeat center center
}

.afp-fullscreenbtn {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDI4IDI4Ij48cmVjdCB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMjEgOWwwIDQuNSAtMS41LTEuNSAtMi4yIDIuMiAtMS41LTEuNSAyLjItMi4yIC0xLjUtMS41TDIxIDl6TTEzLjUgMjFsLTQuNSAwIDAtNC41IDEuNSAxLjUgMi4yLTIuMiAxLjUgMS41IC0yLjIgMi4yTDEzLjUgMjF6TTEyLjcgMTQuM2wtMi4yLTIuMiAtMS41IDEuNUw5IDlsNC41IDAgLTEuNSAxLjUgMi4yIDIuMkwxMi43IDE0LjN6TTE3LjMgMTUuN2wyLjIgMi4yIDEuNS0xLjVMMjEgMjFsLTQuNSAwIDEuNS0xLjUgLTIuMi0yLjJMMTcuMyAxNS43eiIgZmlsbD0iIzE5MTkxOSIvPjxwYXRoIGQ9Ik0yMCA4bDAgNC41IC0xLjUtMS41IC0yLjIgMi4yIC0xLjUtMS41IDIuMi0yLjIgLTEuNS0xLjVMMjAgOHpNMTIuNSAyMGwtNC41IDAgMC00LjUgMS41IDEuNSAyLjItMi4yIDEuNSAxLjUgLTIuMiAyLjJMMTIuNSAyMHpNMTEuNyAxMy4zbC0yLjItMi4yIC0xLjUgMS41TDggOGw0LjUgMCAtMS41IDEuNSAyLjIgMi4yTDExLjcgMTMuM3pNMTYuMyAxNC43bDIuMiAyLjIgMS41LTEuNUwyMCAyMGwtNC41IDAgMS41LTEuNSAtMi4yLTIuMkwxNi4zIDE0Ljd6IiBmaWxsPSIjRkZGIi8+PC9zdmc+) no-repeat center center
}

.afp-playlistbtn {
    background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='14px' height='11px' viewBox='-1 0.5 14 11' enable-background='new -1 0.5 14 11' xml:space='preserve'%3E%3Cpath fill='%23666666' d='M0.926,9.574C0.876,9.525,0.818,9.5,0.75,9.5h-1.5c-0.068,0-0.126,0.025-0.176,0.074 C-0.975,9.624-1,9.682-1,9.75v1.5c0,0.068,0.025,0.126,0.074,0.176c0.05,0.049,0.107,0.074,0.176,0.074h1.5 c0.068,0,0.126-0.025,0.176-0.074C0.975,11.376,1,11.318,1,11.25v-1.5C1,9.682,0.975,9.624,0.926,9.574z M0.926,6.574 C0.876,6.525,0.818,6.5,0.75,6.5h-1.5c-0.068,0-0.126,0.025-0.176,0.074C-0.975,6.624-1,6.682-1,6.75v1.5 c0,0.068,0.025,0.126,0.074,0.176C-0.876,8.475-0.818,8.5-0.75,8.5h1.5c0.068,0,0.126-0.025,0.176-0.074C0.975,8.376,1,8.318,1,8.25 v-1.5C1,6.682,0.975,6.624,0.926,6.574z M0.926,3.574C0.876,3.525,0.818,3.5,0.75,3.5h-1.5c-0.068,0-0.126,0.025-0.176,0.074 C-0.975,3.624-1,3.682-1,3.75v1.5c0,0.068,0.025,0.126,0.074,0.176C-0.876,5.475-0.818,5.5-0.75,5.5h1.5 c0.068,0,0.126-0.025,0.176-0.074C0.975,5.376,1,5.318,1,5.25v-1.5C1,3.682,0.975,3.624,0.926,3.574z M12.926,9.574 C12.876,9.525,12.818,9.5,12.75,9.5H2.25c-0.068,0-0.126,0.025-0.176,0.074C2.025,9.624,2,9.682,2,9.75v1.5 c0,0.068,0.025,0.126,0.074,0.176C2.124,11.475,2.182,11.5,2.25,11.5h10.5c0.068,0,0.126-0.025,0.176-0.074 C12.975,11.376,13,11.318,13,11.25v-1.5C13,9.682,12.975,9.624,12.926,9.574z M0.926,0.574C0.876,0.525,0.818,0.5,0.75,0.5h-1.5 c-0.068,0-0.126,0.025-0.176,0.074C-0.975,0.624-1,0.682-1,0.75v1.5c0,0.068,0.025,0.126,0.074,0.176 C-0.876,2.475-0.818,2.5-0.75,2.5h1.5c0.068,0,0.126-0.025,0.176-0.074C0.975,2.376,1,2.318,1,2.25v-1.5 C1,0.682,0.975,0.624,0.926,0.574z M12.926,6.574C12.876,6.525,12.818,6.5,12.75,6.5H2.25c-0.068,0-0.126,0.025-0.176,0.074 C2.025,6.624,2,6.682,2,6.75v1.5c0,0.068,0.025,0.126,0.074,0.176C2.124,8.475,2.182,8.5,2.25,8.5h10.5 c0.068,0,0.126-0.025,0.176-0.074C12.975,8.376,13,8.318,13,8.25v-1.5C13,6.682,12.975,6.624,12.926,6.574z M12.926,3.574 C12.876,3.525,12.818,3.5,12.75,3.5H2.25c-0.068,0-0.126,0.025-0.176,0.074C2.025,3.624,2,3.682,2,3.75v1.5 c0,0.068,0.025,0.126,0.074,0.176C2.124,5.475,2.182,5.5,2.25,5.5h10.5c0.068,0,0.126-0.025,0.176-0.074 C12.975,5.376,13,5.318,13,5.25v-1.5C13,3.682,12.975,3.624,12.926,3.574z M12.926,0.574C12.876,0.525,12.818,0.5,12.75,0.5H2.25 c-0.068,0-0.126,0.025-0.176,0.074C2.025,0.624,2,0.682,2,0.75v1.5c0,0.068,0.025,0.126,0.074,0.176C2.124,2.475,2.182,2.5,2.25,2.5 h10.5c0.068,0,0.126-0.025,0.176-0.074C12.975,2.376,13,2.318,13,2.25v-1.5C13,0.682,12.975,0.624,12.926,0.574z'/%3E%3C/svg%3E%0A") no-repeat center center
}

.afp-pinbtn {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNiAySDJ2OGg4VjZIOGEyIDIgMCAwIDEtMi0yVjJ6TTIgMGg4YTIgMiAwIDAgMSAyIDJ2OGEyIDIgMCAwIDEtMiAySDJhMiAyIDAgMCAxLTItMlYyYTIgMiAwIDAgMSAyLTJ6Ii8+PC9zdmc+) no-repeat center center
}

.author-in-player {
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #a46481;
    /*margin-left: 40px;*/
    max-width: 180px;
    max-height: 42px;
    overflow: hidden;
    font-family: Arial;
}
.afp-playback-rate-container {
    margin-left: auto;
}

.afp-playback-rate-container {
    font-size: 16px;
}
.ml-40 {
    margin-left: 40px;
}

.progress-time {
    background: #7A1C45;
    border-radius: 2px;
    padding: 2px;
    font-size: 14px;
    color: #fff;
    margin-left: -17px;
}

.sticky {
    position: fixed !important;
    bottom: 0;
    top: unset !important;
    /*left: 0;*/
    max-width: 1200px !important;
    width: 100% !important;
    margin: 0 auto !important;
    border: 1px solid #E5E5E5;
    -webkit-box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
    border-radius: 8px;
    background: rgba(38,5,19,0.8) !important;
}

.podcast-player.sticky {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.podcast-player.sticky {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}


.podcast-player.sticky .wave-wrapper {
    background-color: rgba(255,255,255,0.6) !important;
}

    .podcast-player.sticky .author-in-player {
        -webkit-filter: brightness(10.7);
        filter: brightness(10.7);
        opacity: 0.87;
    }

    .podcast-player.sticky .wave-surfer .progress,
    .podcast-player.sticky .controls .toggle-play.play,
    .podcast-player.sticky .controls .toggle-play.pause,
    .podcast-player.sticky .audio-player .current,
    .podcast-player.sticky .audio-player .length,
    .podcast-player.sticky .controls .time-control.rewind,
    .podcast-player.sticky .controls .time-control.fast-forward {
        -webkit-filter: brightness(10.7);
        filter: brightness(10.7);
        opacity: 0.87;
    }


    .podcast-player.sticky .afp-volume-current,
    .podcast-player.sticky .afp-playback-rate-container .txt-rate,
    .podcast-player.sticky .afp-playback-rate-container .afp-playback-rate,
    .podcast-player.sticky .afp-sound-level-max,
    .podcast-player.sticky .afp-sound-level-2 {
        -webkit-filter: brightness(10.7);
        filter: brightness(10.7);
        opacity: 0.87;
    }


    .podcast-player.sticky .afp-volume-bar {
        background-color: rgba(255,255,255,0.6) !important;
    }