/*!  * Nhac Web Music + Video Skin Retina for JW7 v5.0.0 support Cover, bigData, Next  * Copyright 2015-2018 Nhac.vn, Vega Corp  * http://nhac.vn - 2018-12-14  */
@font-face {
    font-family: jw-nhac-icon;
    src: url(../fonts/jw-nhac-icons.eot?8vah6z);
    src: url(../fonts/jw-nhac-icons.eot?#iefix8vah6z) format("embedded-opentype"), url(../fonts/jw-nhac-icons.ttf?8vah6z) format("truetype"), url(../fonts/jw-nhac-icons.woff?8vah6z) format("woff"), url(../fonts/jw-nhac-icons.svg?8vah6z#jw-nhac-icons) format("svg");
    font-weight: 400;
    font-style: normal
}

.jw-skin-nhac .jw-icon {
    font-family: jw-nhac-icon;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    background-color: transparent;
    font-variant: normal;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale
}

.jw-skin-nhac.jwplayer {
    border-radius: 5px
}

.jw-skin-nhac .jw-preview {
    -webkit-filter: blur(48px);
    filter: blur(48px)
}

.jw-skin-nhac.jw-flag-media-audio video {
    width: 0;
    height: 0
}

.jw-skin-nhac.jw-flag-media-audio:not(.jw-flag-ads-googleima) .jw-media {
    background-color: rgba(0, 0, 0, .55)
}

.jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-captions, .jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer video::-webkit-media-text-track-container {
    max-height: calc(100% - 94px)
}

.jw-skin-nhac.jw-flag-media-audio:not(.jw-flag-ads-googleima) .jw-title {
    display: block;
    background: transparent;
    padding: 0 18px 0 300px !important;
    width: 100%;
    top: 16px;
    font-size: 1em
}

.jw-skin-nhac.jw-flag-media-audio:not(.jw-flag-ads-googleima) .jw-title.jw-title-big {
    top: 70px
}

.jw-skin-nhac .jw-title .jw-title-primary {
    padding: .7em 1.5em;
    text-align: center;
    font-size: 24px;
    font-family: 'Averta';
}

.jw-skin-nhac .jw-title .jw-title-secondary {
    color: rgba(255, 255, 255, .54);
    padding: .3em 1.5em;
    text-align: center;
    font-size: 12px;
}

.jw-skin-nhac .jw-title.jw-title-big .jw-title-primary {
    font-size: 20px
}

.jw-skin-nhac .jw-title.jw-title-big .jw-title-secondary {
    font-size: 20px;
    margin-top: -.1em
}

.jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima) .jw-controlbar.jw-background-color {
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .2) 10%, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .8))
}

.jw-skin-nhac .jw-captions {
    margin: 0 18px 0 300px;
    width: 522px;
    height: 70%;
    bottom: 100px;
    top: auto
}

.jw-skin-nhac .jw-display {
    padding: 0 18px 0 300px
}

.jw-skin-nhac.jw-flag-media-audio.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer:not(.jw-flag-ads) .jw-controlbar, .jw-skin-nhac.jw-flag-media-audio.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer:not(.jw-flag-live) .jw-controlbar {
    margin-left: 290px;
    width: 550px;
    height: 85px;
    padding: 30px 0 0
}

.jw-skin-nhac.jw-flag-media-audio:not(.jw-flag-ads-googleima) .jw-controlbar.jw-background-color {
    background: transparent
}

.jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer:not(.jw-flag-ads):not(.jw-flag-live) .jw-controlbar-center-group {
    padding: 0;
    height: 23px
}

.jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-slider-time, .jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-slider-time .jw-slider-container {
    height: 23px
}

.jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-controlbar-right-group {
    padding-right: 18px
}

.jw-skin-nhac .jw-banner, .jw-skin-nhac .jw-vast-nonlinear-close-button, .jw-skin-nhac .jw-vast-nonlinear-open-button {
    z-index: 2
}

.jw-skin-nhac .jw-button-color, .jw-skin-nhac.jw-flag-media-audio:not(.jw-flag-ads-googleima) .jw-toggle.jw-icon-hd.jw-off {
    color: #fff
}

.jw-skin-nhac .jw-toggle:focus, .jw-skin-nhac:not(.jw-flag-touch) .jw-toggle:hover, .jw-skin-nhac .jw-button-color:focus, .jw-skin-nhac:not(.jw-flag-touch) .jw-button-color:hover {
    color: #21b685
}

.jw-skin-nhac:not(.jw-flag-touch) .jw-button-color:focus {
    color: #fff
}

.jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-group > .jw-icon {
    min-width: 48px;
    max-width: 50px;
    padding: 0 10px
}

.jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-group > .jw-icon, .jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-group > .jw-text {
    height: 40px;
    line-height: 40px
}

.jw-skin-nhac .jw-controlbar .jw-icon-next, .jw-skin-nhac .jw-controls .jw-nextup-container, .jw-skin-nhac .jw-controls-right .jw-playlist-dock-btn, .jw-skin-nhac.jw-flag-media-audio:not(.jw-flag-ads-googleima) .jw-controlbar .jw-icon-rewind, .jw-skin-nhac.jw-flag-media-audio:not(.jw-flag-ads-googleima) .jw-controlbar .jw-icon-fullscreen {
    display: none
}

.jw-skin-nhac .jw-controlbar-center-group .jw-slider-time {
    width: 434px
}

.jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-group > .jw-text {
    font-size: 12px;
    color: rgba(255, 255, 255, .54);
    height: 23px;
    line-height: 23px
}

.jw-skin-nhac .jw-text-elapsed {
    padding: 0 12px 0 10px
}

.jw-skin-nhac .jw-text-duration {
    padding: 0 0 0 12px
}

.jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer:not(.jw-breakpoint-0) .jw-text-duration:before {
    content: "";
    padding-right: 0
}

.jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-slider-time .jw-rail, .jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-slider-time .jw-buffer, .jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-slider-time .jw-progress {
    height: .188em
}

.jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-slider-time .jw-rail {
    background-color: rgba(255, 255, 255, .8)
}

.jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-slider-time .jw-buffer {
    background-color: #C7758C
}

.jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-slider-time .jw-progress {
    background-color: #C73B4B
}

.jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer:not(.jw-flag-ads):not(.jw-flag-live) .jw-controlbar-center-group .jw-slider-horizontal .jw-knob {
    width: .813em;
    height: .813em;
    margin-top: -.4065em;
    margin-left: -.4065em;
    border-radius: .4065em;
    background-color: #c73b4b
}

.jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-slider-volume.jw-slider-horizontal {
    margin-bottom: 0;
    height: .2em
}

.jw-skin-nhac .jw-slider-horizontal .jw-rail, .jw-skin-nhac .jw-slider-horizontal .jw-buffer, .jw-skin-nhac .jw-slider-horizontal .jw-progress {
    height: .188em;
    border-radius: .094em
}

.jw-skin-nhac .jw-slider-horizontal .jw-rail {
    background-color: #fff
}

.jw-skin-nhac .jw-slider-horizontal .jw-progress {
    background-color: #C73B4B
}

.jw-skin-nhac .jw-slider-horizontal .jw-knob {
    width: .313em;
    height: 1.063em;
    top: -.438em;
    margin-left: -.1565em;
    border-radius: .1565em;
    background-color: #fff
}

.jw-skin-nhac .jw-background-color {
    background: #212121
}

.jw-skin-nhac .jw-time-tip, .jw-skin-nhac .jw-menu, .jw-skin-nhac .jw-volume-tip, .jw-skin-nhac .jw-skip {
    border-radius: .25em;
    z-index: 999
}

.jw-skin-nhac .jw-controlbar .jw-icon-hd .jw-overlay {
    left: -5%
}

.jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-controlbar .jw-overlay {
    left: -25%
}

.jw-skin-nhac .jw-controlbar .jw-icon-hd .jw-overlay:before, .jw-skin-nhac.jwplayer .jw-menu, .jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-controlbar .jw-overlay:before, .jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-controlbar .jw-overlay .jw-volume-tip {
    left: 0
}

.jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-tooltip-time, .jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-controlbar .jw-overlay {
    z-index: 999;
    bottom: 18px
}

.jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-slider-volume.jw-slider-vertical {
    padding: .8em
}

.jw-skin-nhac .jw-slider-vertical .jw-knob {
    background-color: #C73B4B
}

.jw-skin-nhac:not(.jw-flag-touch) .jw-option:hover {
    color: #10ed6f
}

.jw-skin-nhac .jw-controlbar .jw-option.jw-active-option {
    color: #C73B4B;
    background-color: transparent
}

.jw-skin-nhac .jw-background-color.jw-display-icon-container, .jw-skin-nhac.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering) .jw-display-icon-container:hover, .jw-skin-nhac.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering) .jw-media:hover ~ .jw-controls .jw-display-icon-display {
    background-color: transparent
}

.jw-skin-nhac.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering) .jw-display-icon-container:hover .jw-icon {
    color: #21b685;
    border: .125em solid #21b685
}

.jw-skin-nhac.jw-state-idle .jw-display-icon-container .jw-icon-display {
    color: #fff;
    border: .125em solid #fff;
    background-color: rgba(0, 0, 0, .7);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.jwplayer.jw-skin-nhac.jw-state-paused .jw-display .jw-icon-display:before, .jwplayer.jw-skin-nhac.jw-state-idle .jw-icon-display:before {
    content: "\e902"
}

.jwplayer.jw-skin-nhac.jw-state-playing .jw-display .jw-icon-display:before {
    content: "\e903"
}

.jw-skin-nhac .jw-icon-expand:before {
    content: "\e90a"
}

.jw-skin-nhac .jw-icon-expand-off:before {
    content: "\e90c"
}

.jw-skin-nhac .jw-icon-back-song:before {
    content: "\e904"
}

.jw-skin-nhac .jw-icon-nextsong:before, .jw-skin-nhac .jw-icon-next-song:before {
    content: "\e60c"
}

.jw-skin-nhac .jw-icon-hd-128:before {
    content: "\e90b"
}

.jw-skin-nhac .jw-icon-hd-320:before {
    content: "\e90d"
}

.jw-skin-nhac .jw-icon-audio-tracks, .jw-skin-nhac .jw-icon-cc {
    display: none
}

.jw-skin-nhac .jw-icon-lyric:before {
    content: "\e605"
}

.jw-skin-nhac .jw-icon-lyric.jw-off:before {
    content: "\e604"
}

.jw-skin-nhac .jw-icon-repeat-none:before, .jw-skin-nhac .jw-icon-repeat-all:before {
    content: "\e905"
}

.jw-skin-nhac .jw-icon-repeat-one:before {
    content: "\e907"
}

.jw-skin-nhac .jw-icon-sequence:before, .jw-skin-nhac .jw-icon-shuffle:before {
    content: "\e908"
}

.jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-group > .jw-icon.jw-icon-hd {
    min-width: 59px;
    max-width: 60px;
    height: 22px;
    line-height: 22px
}

.jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-group > .jw-icon-hd-128, .jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-group > .jw-icon-hd-320 {
    padding: 0 0 0 10px
}

.jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-group > .jw-icon-volume {
    padding: 0;
    margin: 0 8px;
    min-width: 28px;
    height: 22px;
    line-height: 22px
}

.jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-group > .jw-icon-space-song {
    padding-left: 72px;
    cursor: default
}

.jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-group > .jw-icon-space {
    padding-left: 90px;
    cursor: default
}

.jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-group > .jw-icon.jw-icon-playback {
    min-width: 68px;
    padding: 0 14px
}

.jw-skin-nhac.jw-flag-time-slider-above .jw-icon-playback:before {
    font-size: 2em
}

.jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-group > .jw-icon-back-song, .jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-group > .jw-icon-next-song {
    padding: 0 14px
}

.jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-group > .jw-icon-repeat-all, .jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-group > .jw-icon-repeat-none, .jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-group > .jw-icon-repeat-one, .jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-group > .jw-icon-sequence, .jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-group > .jw-icon-shuffle {
    font-size: 13px;
    min-width: 42px
}

.jw-skin-nhac .jw-icon-repeat-none {
    color: rgba(255, 255, 255, .54)
}

.jw-skin-nhac .jw-icon-repeat-none:focus, .jw-skin-nhac:not(.jw-flag-touch) .jw-icon-repeat-none:hover {
    color: #fff
}

.jw-skin-nhac .jw-icon-repeat-all, .jw-skin-nhac .jw-icon-repeat-one {
    color: #21b685
}

.jw-skin-nhac .jw-icon-repeat-all:focus, .jw-skin-nhac:not(.jw-flag-touch) .jw-icon-repeat-all:hover, .jw-skin-nhac .jw-icon-repeat-one:focus, .jw-skin-nhac:not(.jw-flag-touch) .jw-icon-repeat-one:hover {
    color: #35d8a2
}

.jw-skin-nhac .jw-icon-sequence {
    color: rgba(255, 255, 255, .54)
}

.jw-skin-nhac .jw-icon-sequence:focus, .jw-skin-nhac:not(.jw-flag-touch) .jw-icon-sequence:hover {
    color: #fff
}

.jw-skin-nhac .jw-button-color.jw-icon-shuffle {
    color: #21b685
}

.jw-skin-nhac .jw-icon-shuffle:focus, .jw-skin-nhac:not(.jw-flag-touch) .jw-icon-shuffle:hover {
    color: #35d8a2
}

.jw-skin-nhac.jwplayer.jw-flag-fullscreen .jw-icon-expand, .jw-skin-nhac.jwplayer.jw-flag-fullscreen .jw-icon-expand-off {
    display: none
}

.jw-skin-nhac .jw-text-next {
    padding-right: 11px
}

.jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-group > .jw-icon.jw-icon-auto-next-on {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCAyMCI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGU+CiAgICAgICAgICAgIC5jbHMtMXtmaWxsOiMyMWI2ODU7c3Ryb2tlOiNmZmZ9LmNscy0yLC5jbHMtM3tmaWxsOiNmZmZ9LmNscy0ye2ZvbnQtc2l6ZToxMXB4O2ZvbnQtZmFtaWx5Ok5vdG9TYW5zLE5vdG8gU2Fuc30uY2xzLTR7c3Ryb2tlOm5vbmV9LmNscy01e2ZpbGw6bm9uZX0KICAgICAgICA8L3N0eWxlPgogICAgPC9kZWZzPgogICAgPGcgaWQ9Ikdyb3VwXzQyNyIgZGF0YS1uYW1lPSJHcm91cCA0MjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zOTQgLTM3NSkiPgogICAgICAgIDxnIGlkPSJSb3VuZGVkX1JlY3RhbmdsZV8zIiBjbGFzcz0iY2xzLTEiIGRhdGEtbmFtZT0iUm91bmRlZCBSZWN0YW5nbGUgMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzk0IDM3NSkiPgogICAgICAgICAgICA8cmVjdCB3aWR0aD0iNTAiIGhlaWdodD0iMjAiIGNsYXNzPSJjbHMtNCIgcng9IjEwIi8+CiAgICAgICAgICAgIDxyZWN0IHdpZHRoPSI0OSIgaGVpZ2h0PSIxOSIgeD0iLjUiIHk9Ii41IiBjbGFzcz0iY2xzLTUiIHJ4PSI5LjUiLz4KICAgICAgICA8L2c+CiAgICAgICAgPHRleHQgaWQ9Ik9uIiBjbGFzcz0iY2xzLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQwNSAzODkpIj4KICAgICAgICAgICAgPHRzcGFuIHg9IjAiIHk9IjAiPk9uPC90c3Bhbj4KICAgICAgICA8L3RleHQ+CiAgICAgICAgPGNpcmNsZSBpZD0iRWxsaXBzZV82IiBjeD0iMTAiIGN5PSIxMCIgcj0iMTAiIGNsYXNzPSJjbHMtMyIgZGF0YS1uYW1lPSJFbGxpcHNlIDYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQyNCAzNzUpIi8+CiAgICA8L2c+Cjwvc3ZnPgo=) no-repeat center center;
    width: 3.063em;
    width: 3.5em
}

.jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-group > .jw-icon.jw-icon-auto-next-off {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCAyMCI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGU+CiAgICAgICAgICAgIC5jbHMtMXtmaWxsOnJnYmEoMCwwLDAsLjIpO3N0cm9rZTojZmZmfS5jbHMtMiwuY2xzLTN7ZmlsbDojZmZmfS5jbHMtMntmb250LXNpemU6MTFweDtmb250LWZhbWlseTpOb3RvU2FucyxOb3RvIFNhbnN9LmNscy00e3N0cm9rZTpub25lfS5jbHMtNXtmaWxsOm5vbmV9CiAgICAgICAgPC9zdHlsZT4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJHcm91cF80MjkiIGRhdGEtbmFtZT0iR3JvdXAgNDI5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzk0IC0zNzUpIj4KICAgICAgICA8ZyBpZD0iUm91bmRlZF9SZWN0YW5nbGVfMyIgY2xhc3M9ImNscy0xIiBkYXRhLW5hbWU9IlJvdW5kZWQgUmVjdGFuZ2xlIDMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM5NCAzNzUpIj4KICAgICAgICAgICAgPHJlY3Qgd2lkdGg9IjUwIiBoZWlnaHQ9IjIwIiBjbGFzcz0iY2xzLTQiIHJ4PSIxMCIvPgogICAgICAgICAgICA8cmVjdCB3aWR0aD0iNDkiIGhlaWdodD0iMTkiIHg9Ii41IiB5PSIuNSIgY2xhc3M9ImNscy01IiByeD0iOS41Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDx0ZXh0IGlkPSJPZmYiIGNsYXNzPSJjbHMtMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDE4IDM4OSkiPgogICAgICAgICAgICA8dHNwYW4geD0iMCIgeT0iMCI+T2ZmPC90c3Bhbj4KICAgICAgICA8L3RleHQ+CiAgICAgICAgPGNpcmNsZSBpZD0iRWxsaXBzZV82IiBjeD0iMTAiIGN5PSIxMCIgcj0iMTAiIGNsYXNzPSJjbHMtMyIgZGF0YS1uYW1lPSJFbGxpcHNlIDYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM5NCAzNzUpIi8+CiAgICA8L2c+Cjwvc3ZnPgo=) no-repeat center center;
    width: 3.063em;
    width: 3.5em
}

.jw-skin-nhac.jwplayer .jw-rightclick ul li .jw-rightclick-logo, .jw-skin-nhacalbum.jwplayer .jw-rightclick ul li .jw-rightclick-logo {
    color: #21b685
}

.jw-skin-nhac.jwplayer.jw-state-complete .jw-display .jw-icon-display:before {
    content: ""
}

.np-up-next .np-ic-play .np-ic-play-inner {
    width: 35px
}

.np-up-next .np-ic-play .np-ic-play-inner .np-svg-fill {
    fill: #fff;
    width: 35px
}

.np-up-next .np-ic-play .np-ic-play-inner path {
    display: none
}

.np-up-next .np-ic-play .np-ic-play-inner {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMiI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGU+CiAgICAgICAgICAgIC5jbHMtMSwuY2xzLTJ7ZmlsbDpub25lO3N0cm9rZTojZmZmO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS13aWR0aDoycHh9LmNscy0xe3N0cm9rZS1saW5lam9pbjpyb3VuZH0KICAgICAgICA8L3N0eWxlPgogICAgPC9kZWZzPgogICAgPGcgaWQ9ImljLWF1dG9uZXh0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjAwIC0yMzIpIj4KICAgICAgICA8cGF0aCBpZD0iUGF0aF83NTgiIGQ9Ik02MDAgMjMzdjIwbDE3LTEweiIgY2xhc3M9ImNscy0xIiBkYXRhLW5hbWU9IlBhdGggNzU4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxKSIvPgogICAgICAgIDxwYXRoIGlkPSJMaW5lXzM2IiBkPSJNMCAwdjIwIiBjbGFzcz0iY2xzLTIiIGRhdGEtbmFtZT0iTGluZSAzNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjE5IDIzMykiLz4KICAgIDwvZz4KPC9zdmc+Cg==) no-repeat center center;
    background-size: contain;
    width: 20px
}

.np-up-next .np-ic-play {
    cursor: pointer
}

.np-up-next.np-up-next-hidden .np-ic-play {
    cursor: default
}

.np-up-next .np-upnext-close {
    cursor: pointer;
    background-color: transparent
}

.np-up-next.np-up-next-hidden .np-upnext-close {
    cursor: default
}

.np-up-next .np-upnext-close:hover {
    background-color: rgba(255, 255, 255, .1)
}

.np-up-next .np-ic-play .loading-circle {
    position: absolute;
    top: -10px;
    left: -10px;
    width: 80px;
    animation: loading 3s linear infinite;
    -moz-animation: loading 3s linear infinite;
    -webkit-animation: loading 3s linear infinite
}

.np-up-next .np-ic-play .loading-circle .play-circle {
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform-origin: center center;
    -moz-transform-origin: center center;
    -webkit-transform-origin: center center;
    stroke-dasharray: 250;
    animation: slideshow 5s linear 1;
    -moz-animation: slideshow 5s linear 1;
    -webkit-animation: slideshow 5s linear 1;
    fill: transparent;
    stroke-width: 2;
    stroke: #fff;
    animation-play-state: running;
    -moz-animation-play-state: running;
    -webkit-animation-play-state: running
}

@keyframes slideshow {
    0% {
        stroke-dashoffset: 250
    }
    to {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes slideshow {
    0% {
        stroke-dashoffset: 250
    }
    to {
        stroke-dashoffset: 0
    }
}

