/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 18-Jul-2023, 7:30:43 PM
    Author     : vivekanands
*/
/*
 *
 */
@-moz-keyframes spinner {
    0% {
        transform: rotate(0); }
    100% {
        transform: rotate(360deg); } }
@-webkit-keyframes spinner {
    0% {
        transform: rotate(0); }
    100% {
        transform: rotate(360deg); } }
@-o-keyframes spinner {
    0% {
        transform: rotate(0); }
    100% {
        transform: rotate(360deg); } }
@keyframes spinner {
    0% {
        transform: rotate(0); }
    100% {
        transform: rotate(360deg); } }
@-moz-keyframes header-drop {
    0% {
        -webkit-transform: translateY(-90px);
        -moz-transform: translateY(-90px);
        -ms-transform: translateY(-90px);
        -o-transform: translateY(-90px);
        transform: translateY(-90px); }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); } }
@-webkit-keyframes header-drop {
    0% {
        -webkit-transform: translateY(-90px);
        -moz-transform: translateY(-90px);
        -ms-transform: translateY(-90px);
        -o-transform: translateY(-90px);
        transform: translateY(-90px); }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); } }
@-o-keyframes header-drop {
    0% {
        -webkit-transform: translateY(-90px);
        -moz-transform: translateY(-90px);
        -ms-transform: translateY(-90px);
        -o-transform: translateY(-90px);
        transform: translateY(-90px); }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); } }
@keyframes header-drop {
    0% {
        -webkit-transform: translateY(-90px);
        -moz-transform: translateY(-90px);
        -ms-transform: translateY(-90px);
        -o-transform: translateY(-90px);
        transform: translateY(-90px); }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); } }
@-moz-keyframes header-drop-out {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); }
    100% {
        -webkit-transform: translateY(-90px);
        -moz-transform: translateY(-90px);
        -ms-transform: translateY(-90px);
        -o-transform: translateY(-90px);
        transform: translateY(-90px); } }
@-webkit-keyframes header-drop-out {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); }
    100% {
        -webkit-transform: translateY(-90px);
        -moz-transform: translateY(-90px);
        -ms-transform: translateY(-90px);
        -o-transform: translateY(-90px);
        transform: translateY(-90px); } }
@-o-keyframes header-drop-out {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); }
    100% {
        -webkit-transform: translateY(-90px);
        -moz-transform: translateY(-90px);
        -ms-transform: translateY(-90px);
        -o-transform: translateY(-90px);
        transform: translateY(-90px); } }
@keyframes header-drop-out {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); }
    100% {
        -webkit-transform: translateY(-90px);
        -moz-transform: translateY(-90px);
        -ms-transform: translateY(-90px);
        -o-transform: translateY(-90px);
        transform: translateY(-90px); } }
/*-----------------------------------
 * ICON HOVER EFFECT KEYFRAMES
 *-----------------------------------*/
@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3; }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ff101f, 0 0 0 10px rgba(255, 255, 255, 0.5); }
    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ff101f, 0 0 0 10px rgba(255, 255, 255, 0.5);
        -webkit-transform: scale(1.5);
        opacity: 0; } }
@-moz-keyframes sonarEffect {
    0% {
        opacity: 0.3; }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ff101f, 0 0 0 10px rgba(255, 255, 255, 0.5); }
    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ff101f, 0 0 0 10px rgba(255, 255, 255, 0.5);
        -moz-transform: scale(1.5);
        opacity: 0; } }
@keyframes sonarEffect {
    0% {
        opacity: 0.3; }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ff101f, 0 0 0 10px rgba(255, 255, 255, 0.5); }
    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ff101f, 0 0 0 10px rgba(255, 255, 255, 0.5);
        transform: scale(1.5);
        opacity: 0; } }

.haru-icon {
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    background-color: #1e212b; }

.haru-arrow-left {
    -webkit-mask-image: url(../images/icon-arrow-left.svg);
    mask-image: url(../images/icon-arrow-left.svg);
    width: 4.69px;
    height: 8px;
    background-color: #4a526b; }

.haru-arrow-right {
    -webkit-mask-image: url(../images/icon-arrow-right.svg);
    mask-image: url(../images/icon-arrow-right.svg);
    width: 4.69px;
    height: 8px;
    background-color: #4a526b; }

.haru-clock {
    -webkit-mask-image: url(../images/icon-clock.svg);
    mask-image: url(../images/icon-clock.svg);
    width: 10px;
    height: 10px; }

.haru-clock-o {
    -webkit-mask-image: url(../images/icon-clock-o.svg);
    mask-image: url(../images/icon-clock-o.svg);
    width: 20px;
    height: 20px; }

.haru-play {
    -webkit-mask-image: url(../images/icon-play.svg);
    mask-image: url(../images/icon-play.svg);
    width: 43px;
    height: 48px; }

.haru-grid {
    -webkit-mask-image: url(../images/icon-grid.svg);
    mask-image: url(../images/icon-grid.svg);
    width: 14px;
    height: 14px; }

.haru-list-small {
    -webkit-mask-image: url(../images/icon-list-small.svg);
    mask-image: url(../images/icon-list-small.svg);
    width: 16px;
    height: 11px; }

.haru-arrow-order {
    -webkit-mask-image: url(../images/icon-arrow-order.svg);
    mask-image: url(../images/icon-arrow-order.svg);
    width: 10px;
    height: 6px; }

.haru-search {
    -webkit-mask-image: url(../images/icon-search.svg);
    mask-image: url(../images/icon-search.svg);
    width: 14px;
    height: 14px; }

.haru-videos {
    -webkit-mask-image: url(../images/icon-videos.svg);
    mask-image: url(../images/icon-videos.svg);
    width: 12px;
    height: 12px; }

.haru-times {
    -webkit-mask-image: url(../images/icon-times.svg);
    mask-image: url(../images/icon-times.svg);
    width: 10px;
    height: 17px; }

.haru-file-video {
    -webkit-mask-image: url(../images/icon-file-video.svg);
    mask-image: url(../images/icon-file-video.svg);
    width: 15px;
    height: 20px; }

.haru-file-image {
    -webkit-mask-image: url(../images/icon-file-image.svg);
    mask-image: url(../images/icon-file-image.svg);
    width: 14px;
    height: 14px; }

.haru-like {
    -webkit-mask-image: url(../images/icon-like.svg);
    mask-image: url(../images/icon-like.svg);
    width: 14px;
    height: 14px; }

.haru-dislike {
    -webkit-mask-image: url(../images/icon-dislike.svg);
    mask-image: url(../images/icon-dislike.svg);
    width: 14px;
    height: 14px; }

.haru-flag {
    -webkit-mask-image: url(../images/icon-flag.svg);
    mask-image: url(../images/icon-flag.svg);
    width: 14px;
    height: 14px; }

.haru-light {
    -webkit-mask-image: url(../images/icon-light.svg);
    mask-image: url(../images/icon-light.svg);
    width: 14px;
    height: 14px; }

.haru-fast-backward {
    -webkit-mask-image: url(../images/icon-fast-backward.svg);
    mask-image: url(../images/icon-fast-backward.svg);
    width: 14px;
    height: 14px; }

.haru-fast-forward {
    -webkit-mask-image: url(../images/icon-fast-forward.svg);
    mask-image: url(../images/icon-fast-forward.svg);
    width: 14px;
    height: 14px; }

.haru-dots {
    -webkit-mask-image: url(../images/icon-dots.svg);
    mask-image: url(../images/icon-dots.svg);
    width: 16px;
    height: 16px; }

.haru-share {
    -webkit-mask-image: url(../images/icon-share.svg);
    mask-image: url(../images/icon-share.svg);
    width: 14px;
    height: 14px; }

.haru-tags {
    -webkit-mask-image: url(../images/icon-tags.svg);
    mask-image: url(../images/icon-tags.svg);
    width: 12px;
    height: 12px; }

.haru-user-plus {
    -webkit-mask-image: url(../images/icon-user-plus.svg);
    mask-image: url(../images/icon-user-plus.svg);
    width: 20px;
    height: 16px; }

.haru-user {
    -webkit-mask-image: url(../images/icon-user.svg);
    mask-image: url(../images/icon-user.svg);
    width: 14px;
    height: 16px; }

.haru-user-times {
    -webkit-mask-image: url(../images/icon-user-times.svg);
    mask-image: url(../images/icon-user-times.svg);
    width: 20px;
    height: 16px; }

.haru-edit {
    -webkit-mask-image: url(../images/icon-edit.svg);
    mask-image: url(../images/icon-edit.svg);
    width: 18px;
    height: 16px; }

.haru-volume-off {
    -webkit-mask-image: url(../images/icon-volume-off.svg);
    mask-image: url(../images/icon-volume-off.svg);
    width: 8px;
    height: 16px; }

.haru-download {
    -webkit-mask-image: url(../images/icon-download.svg);
    mask-image: url(../images/icon-download.svg);
    width: 14px;
    height: 14px; }

.haru-trash {
    -webkit-mask-image: url(../images/icon-trash.svg);
    mask-image: url(../images/icon-trash.svg);
    width: 12px;
    height: 14px; }

.haru-single-author {
    margin-bottom: 80px; }
.haru-single-author .haru-archive-top .haru-archive-layout-toggle {
    margin-right: 0; }
.haru-single-author .single-author__tabs {
    margin-top: 30px;
    border-bottom: 1px solid #ededed;
    position: relative;
    display: inline-block;
    z-index: 1; }
@media screen and (max-width: 767px) {
    .haru-single-author .single-author__tabs {
        display: block; } }
.haru-single-author .single-author__tabs.about, .haru-single-author .single-author__tabs.discussion {
    display: block; }
.haru-single-author .single-author__tabs:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 60px;
    background-color: #ff101f;
    left: 0;
    bottom: -1px; }
.haru-single-author .single-author__tab {
    display: inline-block;
    position: relative;
    padding: 5px 0;
    margin: 0 10px; }
@media screen and (max-width: 767px) {
    .haru-single-author .single-author__tab {
        margin: 0 5px; } }
.haru-single-author .single-author__tab:first-child {
    margin-left: 0; }
.haru-single-author .single-author__tab:last-child {
    margin-right: 0; }
.haru-single-author .single-author__tab.active a {
    color: #1e212b; }
.haru-single-author .single-author__tab-title {
    margin-top: 0; }
.haru-single-author .single-author__tab-link {
    color: #4a526b;
    display: block;
    font-size: 18px; }
@media screen and (max-width: 767px) {
    .haru-single-author .single-author__tab-link {
        font-size: 14px; } }
.haru-single-author .single-author__tab-content .haru-archive-top {
    margin-top: -43px; }
@media screen and (max-width: 767px) {
    .haru-single-author .single-author__tab-content .haru-archive-top {
        margin-top: 0; } }
.haru-single-author .single-author__videos, .haru-single-author .single-author__playlists, .haru-single-author .single-author__seriess, .haru-single-author .single-author__channels {
    margin: 0 -15px; }
.haru-single-author .author-info {
    display: flex;
    align-items: start; }
.haru-single-author .author-avatar {
    border-radius: 4px;
    overflow: hidden; }
.haru-single-author .author-name {
    margin-top: 0;
    font-weight: 500; }
.haru-single-author .author-meta {
    padding-left: 20px; }
.haru-single-author .author-social {
    padding: 5px 0 0;
    margin: 0;
    list-style: none; }
.haru-single-author .author-social li {
    display: inline-block;
    margin-right: 5px; }
.haru-single-author .author-social li:last-child {
    margin-right: 0; }
.haru-single-author .author-social a {
    color: #fff;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 3px; }
.haru-single-author .author-social a:hover {
    color: #fff;
    background-color: #ff101f;
    transition: all 0.3s; }
.haru-single-author .author-social__email {
    background-color: #333; }
.haru-single-author .author-social__facebook {
    background-color: #3b5998; }
.haru-single-author .author-social__youtube {
    background-color: #c4302b; }
.haru-single-author .author-social__twitter {
    background-color: #00acee; }
.haru-single-author .author-social__instagram {
    background-color: #3f729b; }
.haru-single-author .video-item, .haru-single-author .playlist-item, .haru-single-author .series-item, .haru-single-author .channel-item {
    padding: 0 15px;
    margin-bottom: 15px; }
.haru-single-author .haru-no-item {
    padding-bottom: 10px; }
.haru-single-author .author-pagination-cpt {
    margin: 30px 0;
    text-align: center; }
.haru-single-author .author-pagination-cpt .author-video-load-more, .haru-single-author .author-pagination-cpt .author-playlist-load-more, .haru-single-author .author-pagination-cpt .author-channel-load-more, .haru-single-author .author-pagination-cpt .author-series-load-more {
    background-color: #ff101f;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    padding: 0 25px;
    border-radius: 4px;
    border: none; }
.haru-single-author .author-pagination-cpt .author-video-load-more:hover, .haru-single-author .author-pagination-cpt .author-playlist-load-more:hover, .haru-single-author .author-pagination-cpt .author-channel-load-more:hover, .haru-single-author .author-pagination-cpt .author-series-load-more:hover {
    color: #fff; }
.haru-single-author .author-pagination-cpt .author-video-load-more:focus, .haru-single-author .author-pagination-cpt .author-playlist-load-more:focus, .haru-single-author .author-pagination-cpt .author-channel-load-more:focus, .haru-single-author .author-pagination-cpt .author-series-load-more:focus {
    outline: none; }
.haru-single-author .author-pagination-cpt .author-video-load-more i, .haru-single-author .author-pagination-cpt .author-playlist-load-more i, .haru-single-author .author-pagination-cpt .author-channel-load-more i, .haru-single-author .author-pagination-cpt .author-series-load-more i {
    display: none; }
.haru-single-author .author-pagination-cpt .author-video-load-more.loading i, .haru-single-author .author-pagination-cpt .author-playlist-load-more.loading i, .haru-single-author .author-pagination-cpt .author-channel-load-more.loading i, .haru-single-author .author-pagination-cpt .author-series-load-more.loading i {
    display: inline-block; }

.haru-single-video {
    margin-bottom: 80px; }

.haru-lightbox-content .single-video-wrap.in-playlist, .single-haru_video .single-video-wrap.in-playlist {
    position: relative; }
.haru-lightbox-content .single-video-wrap.in-playlist .single-video-main, .single-haru_video .single-video-wrap.in-playlist .single-video-main {
    width: 75%; }
@media screen and (max-width: 767px) {
    .haru-lightbox-content .single-video-wrap.in-playlist .single-video-main, .single-haru_video .single-video-wrap.in-playlist .single-video-main {
        width: 100%; } }
.haru-lightbox-content .single-video-wrap.in-playlist .single-video-playlist, .single-haru_video .single-video-wrap.in-playlist .single-video-playlist {
    width: 25%; }
@media screen and (max-width: 767px) {
    .haru-lightbox-content .single-video-wrap.in-playlist .single-video-playlist, .single-haru_video .single-video-wrap.in-playlist .single-video-playlist {
        width: 100%; } }
.haru-lightbox-content .single-video-playlist-title, .single-haru_video .single-video-playlist-title {
    font-size: 20px;
    padding-bottom: 15px;
    margin: 0 0 20px;
    position: relative;
    font-weight: 500;
    color: #1e212b;
    display: flex;
    overflow: hidden; }
@media screen and (max-width: 1199px) {
    .haru-lightbox-content .single-video-playlist-title, .single-haru_video .single-video-playlist-title {
        font-size: 18px; } }
@media screen and (max-width: 767px) {
    .haru-lightbox-content .single-video-playlist-title, .single-haru_video .single-video-playlist-title {
        font-size: 16px; } }
.haru-lightbox-content .single-video-playlist-title .single-video-playlist-title-link, .single-haru_video .single-video-playlist-title .single-video-playlist-title-link {
    display: flex;
    width: 100%;
    color: #1e212b;
    transition: all 0.3s; }
.haru-lightbox-content .single-video-playlist-title .single-video-playlist-title-link:hover, .single-haru_video .single-video-playlist-title .single-video-playlist-title-link:hover {
    color: #ff101f;
    transition: all 0.3s; }
.haru-lightbox-content .single-video-playlist-title span:first-child, .single-haru_video .single-video-playlist-title span:first-child {
    white-space: nowrap;
    width: calc(100% - 50px);
    position: relative; }
.haru-lightbox-content .single-video-playlist-title span:first-child.no-count-videos, .single-haru_video .single-video-playlist-title span:first-child.no-count-videos {
    width: 100%; }
.haru-lightbox-content .single-video-playlist-title:before, .single-haru_video .single-video-playlist-title:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #ededed; }
.haru-lightbox-content .single-video-playlist-title:after, .single-haru_video .single-video-playlist-title:after {
    content: '';
    position: absolute;
    width: 60px;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #ff101f; }
.haru-lightbox-content .single-video-playlist-count, .single-haru_video .single-video-playlist-count {
    font-size: 16px;
    color: #4a526b;
    background-color: #fff;
    z-index: 2;
    width: 50px;
    text-align: right;
    padding-bottom: 5px;
    padding-top: 3px;
    position: absolute;
    right: 0;
    top: 0; }
.haru-lightbox-content .single-video-playlist, .single-haru_video .single-video-playlist {
    position: absolute;
    top: 0;
    right: 0;
    padding-left: 30px;
    height: 100%;
    overflow: hidden;
    background-color: #fff; }
@media screen and (max-width: 991px) {
    .haru-lightbox-content .single-video-playlist, .single-haru_video .single-video-playlist {
        padding-left: 20px; } }
@media screen and (max-width: 767px) {
    .haru-lightbox-content .single-video-playlist, .single-haru_video .single-video-playlist {
        position: relative;
        width: 100%;
        padding-left: 0;
        margin-bottom: 25px;
        height: 260px; } }
.haru-lightbox-content .single-video-playlist .playlist-videos, .single-haru_video .single-video-playlist .playlist-videos {
    padding: 0;
    margin: 0;
    height: calc(100% - 57px); }
.haru-lightbox-content .single-video-playlist .video-item, .single-haru_video .single-video-playlist .video-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px; }
@media screen and (max-width: 991px) {
    .haru-lightbox-content .single-video-playlist .video-item, .single-haru_video .single-video-playlist .video-item {
        display: block; } }
@media screen and (max-width: 767px) {
    .haru-lightbox-content .single-video-playlist .video-item, .single-haru_video .single-video-playlist .video-item {
        display: flex; } }
.haru-lightbox-content .single-video-playlist .video-item.active .video-item__thumbnail, .single-haru_video .single-video-playlist .video-item.active .video-item__thumbnail {
    width: 100%; }
.haru-lightbox-content .single-video-playlist .video-item.active .video-item__thumbnail:before, .single-haru_video .single-video-playlist .video-item.active .video-item__thumbnail:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 40%;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    opacity: 1;
    visibility: visible;
    border-radius: 4px;
    transition: all 0.3s; }
.haru-lightbox-content .single-video-playlist .video-item.active .video-item__content, .single-haru_video .single-video-playlist .video-item.active .video-item__content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 9;
    padding: 0 10px;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s; }
@media screen and (max-width: 991px) {
    .haru-lightbox-content .single-video-playlist .video-item.active .video-item__content, .single-haru_video .single-video-playlist .video-item.active .video-item__content {
        padding: 0 20px; } }
.haru-lightbox-content .single-video-playlist .video-item.active .video-item__title a, .single-haru_video .single-video-playlist .video-item.active .video-item__title a {
    color: #fff; }
.haru-lightbox-content .single-video-playlist .video-item.active .video-item__meta, .single-haru_video .single-video-playlist .video-item.active .video-item__meta {
    color: #fff;
    margin-bottom: 10px; }
.haru-lightbox-content .single-video-playlist .video-item.active .video-item__meta > div:after, .single-haru_video .single-video-playlist .video-item.active .video-item__meta > div:after {
    background-color: #fff; }
.haru-lightbox-content .single-video-playlist .video-item.active .video-item__author a, .single-haru_video .single-video-playlist .video-item.active .video-item__author a {
    color: #fff; }
.haru-lightbox-content .single-video-playlist .video-item__thumbnail, .single-haru_video .single-video-playlist .video-item__thumbnail {
    width: 100px; }
@media screen and (max-width: 991px) {
    .haru-lightbox-content .single-video-playlist .video-item__thumbnail, .single-haru_video .single-video-playlist .video-item__thumbnail {
        width: 100%; } }
@media screen and (max-width: 767px) {
    .haru-lightbox-content .single-video-playlist .video-item__thumbnail, .single-haru_video .single-video-playlist .video-item__thumbnail {
        width: 100px; } }
.haru-lightbox-content .single-video-playlist .video-item .video-watch-later, .single-haru_video .single-video-playlist .video-item .video-watch-later {
    right: 5px;
    top: 5px; }
.haru-lightbox-content .single-video-playlist .video-item__duration, .single-haru_video .single-video-playlist .video-item__duration {
    bottom: 5px;
    right: 5px;
    font-size: 10px; }
.haru-lightbox-content .single-video-playlist .video-item__content, .single-haru_video .single-video-playlist .video-item__content {
    width: calc(100% - 100px);
    padding-left: 15px; }
@media screen and (max-width: 991px) {
    .haru-lightbox-content .single-video-playlist .video-item__content, .single-haru_video .single-video-playlist .video-item__content {
        width: 100%;
        padding-left: 0; } }
@media screen and (max-width: 767px) {
    .haru-lightbox-content .single-video-playlist .video-item__content, .single-haru_video .single-video-playlist .video-item__content {
        width: calc(100% - 100px);
        padding-left: 15px; } }
.haru-lightbox-content .single-video-playlist .video-item__title, .single-haru_video .single-video-playlist .video-item__title {
    padding-top: 0;
    margin-top: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -webkit-box-orient: vertical;
    box-orient: vertical; }
@media screen and (max-width: 991px) {
    .haru-lightbox-content .single-video-playlist .video-item__title, .single-haru_video .single-video-playlist .video-item__title {
        margin-top: 10px; } }
@media screen and (max-width: 767px) {
    .haru-lightbox-content .single-video-playlist .video-item__title, .single-haru_video .single-video-playlist .video-item__title {
        margin-top: 0; } }
.haru-lightbox-content .single-video-playlist .video-item__title a, .single-haru_video .single-video-playlist .video-item__title a {
    font-size: 12px; }
.haru-lightbox-content .single-video-playlist .video-item__meta, .single-haru_video .single-video-playlist .video-item__meta {
    margin-bottom: 0; }
@media screen and (max-width: 1199px) {
    .haru-lightbox-content .single-video-playlist .video-item__author, .single-haru_video .single-video-playlist .video-item__author {
        display: none; } }
@media screen and (max-width: 991px) {
    .haru-lightbox-content .single-video-playlist .video-item__author, .single-haru_video .single-video-playlist .video-item__author {
        display: block; } }
.haru-lightbox-content .single-video-playlist .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .single-haru_video .single-video-playlist .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .haru-lightbox-content .single-video-playlist .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .single-haru_video .single-video-playlist .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    margin: 0;
    right: -6px; }
.haru-lightbox-content .single-video-series, .single-haru_video .single-video-series {
    display: flex;
    padding: 20px 15px;
    margin-bottom: 20px;
    background-color: #eee; }
.haru-lightbox-content .single-video-series .series-label, .single-haru_video .single-video-series .series-label {
    color: #1e212b;
    font-weight: 500;
    width: 100px; }
.haru-lightbox-content .single-video-series .series-videos, .single-haru_video .single-video-series .series-videos {
    padding: 0;
    margin: 0;
    list-style: none; }
.haru-lightbox-content .single-video-series .video-item, .single-haru_video .single-video-series .video-item {
    display: inline-block;
    margin-right: 15px; }
.haru-lightbox-content .single-video-series .video-item.active a, .single-haru_video .single-video-series .video-item.active a {
    color: #ff101f; }
.haru-lightbox-content .single-video-series .video-item:last-child, .single-haru_video .single-video-series .video-item:last-child {
    margin-right: 0; }
.haru-lightbox-content .video-player, .single-haru_video .video-player {
    position: relative; }
.haru-lightbox-content .video-image, .single-haru_video .video-image {
    overflow: hidden;
    position: relative; }
.haru-lightbox-content .video-image:hover:before, .single-haru_video .video-image:hover:before {
    padding-top: 35%;
    transition: all 0.5s; }
.haru-lightbox-content .video-image.played img, .single-haru_video .video-image.played img {
    z-index: 0;
    opacity: 0;
    visibility: hidden; }
.haru-lightbox-content .video-image.played .video-icon, .single-haru_video .video-image.played .video-icon {
    opacity: 0;
    visibility: hidden; }
.haru-lightbox-content .video-image.played:before, .single-haru_video .video-image.played:before {
    opacity: 0;
    visibility: hidden; }
.haru-lightbox-content .video-image.played .player-wrapper .media-wrapper, .single-haru_video .video-image.played .player-wrapper .media-wrapper {
    background-color: #000; }
.haru-lightbox-content .video-image.played .player-wrapper iframe, .single-haru_video .video-image.played .player-wrapper iframe {
    opacity: 1;
    visibility: visible; }
.haru-lightbox-content .video-image.played .player-wrapper #other-video-player .fb-video, .single-haru_video .video-image.played .player-wrapper #other-video-player .fb-video {
    opacity: 1;
    visibility: visible; }
.haru-lightbox-content .video-image .video-icon, .single-haru_video .video-image .video-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9;
    transform: translate(-50%, -50%);
    transition: all 0.5s; }
.haru-lightbox-content .video-image .video-icon a, .single-haru_video .video-image .video-icon a {
    display: block;
    width: 60px;
    height: 60px;
    font-size: 0;
    position: relative;
    background-color: #ff101f;
    text-align: center;
    border-radius: 50%;
    transition: all 0.3s; }
@media screen and (max-width: 767px) {
    .haru-lightbox-content .video-image .video-icon a, .single-haru_video .video-image .video-icon a {
        width: 50px;
        height: 50px; } }
.haru-lightbox-content .video-image .video-icon a:hover, .single-haru_video .video-image .video-icon a:hover {
    transition: all 0.3s; }
.haru-lightbox-content .video-image .video-icon a:hover:before, .single-haru_video .video-image .video-icon a:hover:before {
    transition: all 0.3s; }
.haru-lightbox-content .video-image .video-icon a:hover:after, .single-haru_video .video-image .video-icon a:hover:after {
    animation: sonarEffect 1.3s ease-out 75ms; }
.haru-lightbox-content .video-image .video-icon a:before, .single-haru_video .video-image .video-icon a:before {
    content: "";
    position: absolute;
    left: 12px;
    top: 6px;
    background-color: #fff;
    -webkit-mask-image: url(../images/icon-play.svg);
    mask-image: url(../images/icon-play.svg);
    width: 43px;
    height: 48px;
    transform: scale(0.6);
    transition: all 0.3s; }
@media screen and (max-width: 767px) {
    .haru-lightbox-content .video-image .video-icon a:before, .single-haru_video .video-image .video-icon a:before {
        left: 6px;
        top: 1px;
        transform: scale(0.5); } }
.haru-lightbox-content .video-image .video-icon a:after, .single-haru_video .video-image .video-icon a:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    left: 0; }
.haru-lightbox-content .video-image .video-loading-icon, .single-haru_video .video-image .video-loading-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    opacity: 0;
    visibility: hidden; }
.haru-lightbox-content .video-image.loading .video-loading-icon, .single-haru_video .video-image.loading .video-loading-icon {
    opacity: 1;
    visibility: visible; }
.haru-lightbox-content .video-image .player-wrapper video, .single-haru_video .video-image .player-wrapper video {
    opacity: 0; }
.haru-lightbox-content .video-image .player-wrapper .mejs__container video, .single-haru_video .video-image .player-wrapper .mejs__container video {
    opacity: 1; }
.haru-lightbox-content .video-image .player-wrapper .media-wrapper, .single-haru_video .video-image .player-wrapper .media-wrapper {
    position: relative;
    height: 0;
    overflow: hidden;
    background-size: cover;
    background-position: center center; }
.haru-lightbox-content .video-image .player-wrapper .media-wrapper.ratio-169, .single-haru_video .video-image .player-wrapper .media-wrapper.ratio-169 {
    padding-bottom: 56.25%; }
.haru-lightbox-content .video-image .player-wrapper .media-wrapper.ratio-43, .single-haru_video .video-image .player-wrapper .media-wrapper.ratio-43 {
    padding-bottom: 75%; }
.haru-lightbox-content .video-image .player-wrapper iframe, .single-haru_video .video-image .player-wrapper iframe {
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden; }
.haru-lightbox-content .video-ads-wrap, .single-haru_video .video-ads-wrap {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 2147483646; }
.haru-lightbox-content .video-ads-wrap.ads-hide, .single-haru_video .video-ads-wrap.ads-hide {
    display: none; }
.haru-lightbox-content .video-ads-wrap .video-skip-ad, .single-haru_video .video-ads-wrap .video-skip-ad {
    position: absolute;
    bottom: 30px;
    right: 30px;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    height: 46px;
    line-height: 44px;
    display: flex;
    z-index: 99; }
.haru-lightbox-content .video-ads-wrap .video-skip-ad.skip-active:hover, .single-haru_video .video-ads-wrap .video-skip-ad.skip-active:hover {
    cursor: pointer; }
.haru-lightbox-content .video-ads-wrap .video-skip-ad.skip-active .skip-ad-skip, .single-haru_video .video-ads-wrap .video-skip-ad.skip-active .skip-ad-skip {
    display: block; }
.haru-lightbox-content .video-ads-wrap .video-skip-ad.skip-active .skip-ad-countdown, .single-haru_video .video-ads-wrap .video-skip-ad.skip-active .skip-ad-countdown {
    display: none; }
.haru-lightbox-content .video-ads-wrap .skip-ad-skip, .single-haru_video .video-ads-wrap .skip-ad-skip {
    display: none;
    padding: 0 15px; }
.haru-lightbox-content .video-ads-wrap .skip-ad-skip i, .single-haru_video .video-ads-wrap .skip-ad-skip i {
    padding-left: 6px; }
.haru-lightbox-content .video-ads-wrap .skip-ad-countdown, .single-haru_video .video-ads-wrap .skip-ad-countdown {
    display: block;
    padding: 0 15px; }
.haru-lightbox-content .video-ads-wrap .skip-ad-countdown .skip-ad-time, .single-haru_video .video-ads-wrap .skip-ad-countdown .skip-ad-time {
    color: #ff101f; }
.haru-lightbox-content .video-ads-wrap .skip-ad-thumb, .single-haru_video .video-ads-wrap .skip-ad-thumb {
    background-size: cover;
    background-position: center center;
    width: 70px; }
.haru-lightbox-content .video-ads-wrap .ad-type-image, .single-haru_video .video-ads-wrap .ad-type-image {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    max-width: none;
    min-height: 100%;
    transform: translate(-50%, -50%); }
.haru-lightbox-content .video-ads-wrap .ad-type-video, .single-haru_video .video-ads-wrap .ad-type-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: 100%;
    max-width: none;
    transform: translate(-50%, -50%); }
.haru-lightbox-content .video-ads-wrap .video-ad-countdown, .single-haru_video .video-ads-wrap .video-ad-countdown {
    position: absolute;
    top: 20px;
    left: 20px;
    color: #fff;
    padding: 0 8px;
    background-color: rgba(0, 0, 0, 0.3); }
.haru-lightbox-content .video-ads-wrap .video-ad-mute, .single-haru_video .video-ads-wrap .video-ad-mute {
    position: absolute;
    top: 20px;
    left: 75px;
    color: #fff;
    padding: 0 6px;
    background-color: rgba(0, 0, 0, 0.3); }
.haru-lightbox-content .video-ads-wrap .video-ad-mute:hover, .single-haru_video .video-ads-wrap .video-ad-mute:hover {
    cursor: pointer;
    color: #ff101f;
    transition: all 0.3s; }
.haru-lightbox-content .video-ads-wrap .video-ad-mute.active:before, .single-haru_video .video-ads-wrap .video-ad-mute.active:before {
    content: "\f026"; }
.haru-lightbox-content .video-ads-wrap .video-ad-mute:before, .single-haru_video .video-ads-wrap .video-ad-mute:before {
    content: "\f028";
    font-family: FontAwesome; }
.haru-lightbox-content .video-ads-wrap .video-ad-remain, .single-haru_video .video-ads-wrap .video-ad-remain {
    position: absolute;
    top: 20px;
    left: 20px;
    color: #fff;
    padding: 0 8px;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 9; }
.haru-lightbox-content .video-ads-loading, .single-haru_video .video-ads-loading {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.9);
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    align-items: center;
    justify-content: center;
    z-index: 2147483647;
    display: none; }
.haru-lightbox-content .video-ads-loading.ads-loading-show, .single-haru_video .video-ads-loading.ads-loading-show {
    display: flex; }
.haru-lightbox-content .video-player-data, .single-haru_video .video-player-data {
    display: none; }
.haru-lightbox-content .video-player-data.active-item, .single-haru_video .video-player-data.active-item {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99; }
.haru-lightbox-content .ima-adContainer, .single-haru_video .ima-adContainer {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 4; }
.haru-lightbox-content .ima-adContainer > div, .single-haru_video .ima-adContainer > div {
    width: 100% !important; }
.haru-lightbox-content .ima-adContainer.ads-hide, .single-haru_video .ima-adContainer.ads-hide {
    display: none; }
.haru-lightbox-content .ima-adContainer .video-ad-countdown, .single-haru_video .ima-adContainer .video-ad-countdown {
    position: absolute;
    top: 20px;
    left: 20px;
    color: #fff;
    padding: 0 8px;
    background-color: rgba(0, 0, 0, 0.3);
    display: none;
    z-index: 9; }
.haru-lightbox-content .ima-adContainer .video-ad-mute, .single-haru_video .ima-adContainer .video-ad-mute {
    position: absolute;
    top: 20px;
    left: 75px;
    color: #fff;
    padding: 0 6px;
    display: none;
    z-index: 9;
    background-color: rgba(0, 0, 0, 0.3); }
.haru-lightbox-content .ima-adContainer .video-ad-mute:hover, .single-haru_video .ima-adContainer .video-ad-mute:hover {
    cursor: pointer;
    color: #ff101f;
    transition: all 0.3s; }
.haru-lightbox-content .ima-adContainer .video-ad-mute.active:before, .single-haru_video .ima-adContainer .video-ad-mute.active:before {
    content: "\f026"; }
.haru-lightbox-content .ima-adContainer .video-ad-mute:before, .single-haru_video .ima-adContainer .video-ad-mute:before {
    content: "\f028";
    font-family: FontAwesome; }
.haru-lightbox-content .ima-adContainer .video-skip-ad, .single-haru_video .ima-adContainer .video-skip-ad {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #fff;
    padding: 0 8px;
    background-color: rgba(0, 0, 0, 0.3);
    display: none;
    z-index: 9; }
.haru-lightbox-content .ima-adContainer .video-skip-ad:hover, .single-haru_video .ima-adContainer .video-skip-ad:hover {
    cursor: pointer; }
.haru-lightbox-content .ima-adContainer .video-skip-ad.active, .single-haru_video .ima-adContainer .video-skip-ad.active {
    display: block; }
.haru-lightbox-content .haru-video-player.ads-active .video-ad-countdown, .single-haru_video .haru-video-player.ads-active .video-ad-countdown, .haru-lightbox-content .haru-video-player.ads-active .video-ad-mute, .single-haru_video .haru-video-player.ads-active .video-ad-mute {
    display: block; }
.haru-lightbox-content .haru-video-player.ads-non-linear .video-ad-mute, .single-haru_video .haru-video-player.ads-non-linear .video-ad-mute {
    display: none; }
.haru-lightbox-content .video-auto-next-wrap, .single-haru_video .video-auto-next-wrap {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 9; }
.haru-lightbox-content .video-auto-next-wrap.active, .single-haru_video .video-auto-next-wrap.active {
    display: block; }
.haru-lightbox-content .video-auto-next-wrap:before, .single-haru_video .video-auto-next-wrap:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); }
.haru-lightbox-content .video-auto-next-wrap .video-auto-next-content, .single-haru_video .video-auto-next-wrap .video-auto-next-content {
    position: absolute;
    width: 100%;
    padding: 10px;
    text-align: center;
    top: 50%;
    transform: translateY(-50%); }
.haru-lightbox-content .video-auto-next-wrap .video-auto-next-content .video-next-label, .single-haru_video .video-auto-next-wrap .video-auto-next-content .video-next-label {
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase; }
.haru-lightbox-content .video-auto-next-wrap .video-auto-next-content .video-next-title, .single-haru_video .video-auto-next-wrap .video-auto-next-content .video-next-title {
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px; }
.haru-lightbox-content .video-auto-next-wrap .video-auto-next-content .progress-time-wrap, .single-haru_video .video-auto-next-wrap .video-auto-next-content .progress-time-wrap {
    display: block;
    width: 68px;
    height: 68px;
    margin: 0 auto;
    position: relative; }
.haru-lightbox-content .video-auto-next-wrap .video-auto-next-content .progess-time-remain, .single-haru_video .video-auto-next-wrap .video-auto-next-content .progess-time-remain {
    color: #ff101f;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
.haru-lightbox-content .video-auto-next-wrap .video-auto-next-content .progess-time.active .progress-time-circle, .single-haru_video .video-auto-next-wrap .video-auto-next-content .progess-time.active .progress-time-circle {
    animation: countdownTimer 10s linear infinite forwards; }
.haru-lightbox-content .video-auto-next-wrap .video-auto-next-content .progess-time .progress-time-circle, .single-haru_video .video-auto-next-wrap .video-auto-next-content .progess-time .progress-time-circle {
    fill: rgba(255, 255, 255, 0.2);
    stroke-dasharray: 113.04px;
    stroke-dashoffset: 0px;
    stroke-linecap: round;
    stroke-width: 2px;
    stroke: white;
    transform: rotate(-90deg);
    transform-origin: center; }
.haru-lightbox-content .video-auto-next-wrap .video-auto-next-content .video-next-cancel, .single-haru_video .video-auto-next-wrap .video-auto-next-content .video-next-cancel {
    color: rgba(255, 255, 255, 0.8);
    display: inline-block;
    margin-top: 15px;
    transition: all 0.3s; }
.haru-lightbox-content .video-auto-next-wrap .video-auto-next-content .video-next-cancel:hover, .single-haru_video .video-auto-next-wrap .video-auto-next-content .video-next-cancel:hover {
    color: #ff101f;
    transition: all 0.3s; }
@media screen and (max-width: 767px) {
    .haru-lightbox-content .video-auto-next-wrap .video-auto-next-content .progress-time-wrap, .single-haru_video .video-auto-next-wrap .video-auto-next-content .progress-time-wrap, .haru-lightbox-content .video-auto-next-wrap .video-auto-next-content .progess-time, .single-haru_video .video-auto-next-wrap .video-auto-next-content .progess-time {
        width: 48px;
        height: 48px; }
    .haru-lightbox-content .video-auto-next-wrap .video-auto-next-content .video-next-title, .single-haru_video .video-auto-next-wrap .video-auto-next-content .video-next-title {
        font-size: 16px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
    .haru-lightbox-content .video-auto-next-wrap .video-auto-next-content .video-next-cancel, .single-haru_video .video-auto-next-wrap .video-auto-next-content .video-next-cancel {
        margin-top: 10px; } }

.single-video-category {
    display: none; }
.single-video-category a {
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    padding: 0 10px;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase; }
@media screen and (max-width: 767px) {
    .single-video-category a {
        font-size: 10px; } }
.single-video-category a:hover {
    color: #fff; }

.single-video-title {
    font-size: 24px;
    font-weight: 500; }
@media screen and (max-width: 1199px) {
    .single-video-title {
        font-size: 20px; } }
@media screen and (max-width: 991px) {
    .single-video-title {
        font-size: 18px; } }
@media screen and (max-width: 767px) {
    .single-video-title {
        font-size: 16px; } }

.single-video-share {
    position: relative; }
.single-video-share:hover {
    cursor: pointer; }
.single-video-share.active {
    color: #ff101f; }
.single-video-share .video-social-share {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    z-index: 99; }
.single-video-share .video-social-share .social-share {
    list-style: none;
    margin: 0;
    padding: 0; }
.single-video-share .video-social-share .social-share__label {
    display: none !important; }
.single-video-share .video-social-share .social-share li {
    display: block;
    text-align: center;
    width: 100%;
    margin: 0; }
.single-video-share .video-social-share .social-share a {
    width: 100%;
    border-radius: 0; }
.single-video-share .video-social-share .social-share i {
    margin: 0; }

.single-video-download {
    position: relative; }
.single-video-download:hover {
    cursor: pointer; }
.single-video-download .video-download {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    z-index: 99; }
.single-video-download .video-download a {
    display: block;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color: #1e212b;
    color: #fff;
    border-bottom: 1px solid #433246;
    font-size: 12px;
    text-transform: uppercase;
    transition: all 0.3s; }
.single-video-download .video-download a:last-child {
    border-bottom: none; }
.single-video-download .video-download a:hover {
    background-color: #ff101f;
    transition: all 0.3s; }

.single-video-meta-top {
    display: flex;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ededed; }
@media screen and (max-width: 767px) {
    .single-video-meta-top {
        display: block;
        margin-bottom: 25px; } }
.single-video-meta-top .single-video-meta-left {
    display: flex;
    align-items: flex-end;
    margin-bottom: -8px; }
@media screen and (max-width: 767px) {
    .single-video-meta-top .single-video-meta-left {
        margin-bottom: 10px; } }
.single-video-meta-top .single-video-meta-left > div {
    margin-right: 15px;
    position: relative; }
.single-video-meta-top .single-video-meta-left > div:after {
    content: '';
    width: 3px;
    height: 3px;
    background-color: #1e212b;
    position: absolute;
    right: -8px;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%); }
.single-video-meta-top .single-video-meta-left > div:last-child:after {
    display: none; }
.single-video-meta-top .single-video-view {
    font-weight: 500; }
.single-video-meta-top .post-views-count {
    color: #1e212b; }
.single-video-meta-top .post-views-count .post-views-label {
    display: none; }
.single-video-meta-top .post-views-count i {
    display: none; }
.single-video-meta-top .single-video-date i {
    display: none; }
.single-video-meta-top .single-video-meta-right {
    margin-left: auto;
    display: flex;
    align-items: flex-end; }
.single-video-meta-top .single-video-rating {
    width: 180px;
    margin-right: 20px; }
.single-video-meta-top .single-video-rating .post-vote-label {
    display: none; }
.single-video-meta-top .single-video-rating .post-like-unit, .single-video-meta-top .single-video-rating .post-dislike-unit {
    display: none; }
.single-video-meta-top .single-video-rating .post-dislike {
    margin-left: auto; }
.single-video-meta-top .single-video-screenshots {
    background-color: #34394a;
    height: 32px;
    line-height: 32px;
    border-radius: 3px;
    padding: 0 12px; }
@media screen and (max-width: 767px) {
    .single-video-meta-top .single-video-screenshots {
        font-size: 12px; } }
.single-video-meta-top .single-video-screenshots:hover {
    cursor: pointer; }
.single-video-meta-top .single-video-screenshots .single-video-screenshot-btn {
    color: #fff;
    display: flex;
    align-items: center; }
.single-video-meta-top .single-video-screenshots .haru-icon {
    margin-right: 5px;
    background-color: #fff; }
.single-video-meta-top .single-video-share {
    background-color: #34394a;
    height: 32px;
    line-height: 32px;
    border-radius: 3px;
    padding: 0 12px;
    margin-left: 6px;
    color: #fff;
    display: flex;
    align-items: center; }
@media screen and (max-width: 767px) {
    .single-video-meta-top .single-video-share {
        font-size: 12px; } }
.single-video-meta-top .single-video-share:hover {
    cursor: pointer; }
.single-video-meta-top .single-video-share .haru-icon {
    margin-right: 5px;
    background-color: #fff; }

.single-video-meta-bottom {
    display: flex;
    position: relative; }
.single-video-meta-bottom .single-video-meta-left img {
    border-radius: 50%;
    max-width: 60px; }
@media screen and (max-width: 767px) {
    .single-video-meta-bottom .single-video-meta-left img {
        max-width: 40px; } }
.single-video-meta-bottom .single-video-meta-right {
    padding-left: 15px; }
@media screen and (max-width: 767px) {
    .single-video-meta-bottom .single-video-meta-right {
        padding-left: 15px; } }
.single-video-meta-bottom .single-video-meta-right-bottom {
    display: flex; }
@media screen and (max-width: 767px) {
    .single-video-meta-bottom .single-video-meta-right-bottom {
        font-size: 12px; } }
.single-video-meta-bottom .single-video-meta-right-bottom > div {
    margin-right: 20px;
    position: relative; }
.single-video-meta-bottom .single-video-meta-right-bottom > div:after {
    content: '';
    width: 3px;
    height: 3px;
    background-color: #4a526b;
    position: absolute;
    right: -10px;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%); }
.single-video-meta-bottom .single-video-meta-right-bottom > div:last-child {
    margin-right: 0; }
.single-video-meta-bottom .single-video-meta-right-bottom > div:last-child:after {
    display: none; }
.single-video-meta-bottom .single-video-author h6 {
    margin-top: 5px;
    margin-bottom: 10px; }
@media screen and (max-width: 767px) {
    .single-video-meta-bottom .single-video-author h6 {
        margin-bottom: 5px; } }
@media screen and (max-width: 767px) {
    .single-video-meta-bottom .single-video-author {
        margin-top: -3px; } }
.single-video-meta-bottom .single-video-author i {
    display: none; }
.single-video-meta-bottom .single-video-author a {
    color: #1e212b;
    font-weight: 500;
    font-size: 16px; }
@media screen and (max-width: 767px) {
    .single-video-meta-bottom .single-video-author a {
        font-size: 14px; } }
.single-video-meta-bottom .single-video-author a:hover {
    color: #ff101f; }
.single-video-meta-bottom .single-video-author-count, .single-video-meta-bottom .single-video-author-friends {
    font-weight: 500;
    color: #1e212b; }
.single-video-meta-bottom .single-video-author-count span, .single-video-meta-bottom .single-video-author-friends span {
    font-weight: 400;
    color: #1e212b;
    text-transform: capitalize; }
.single-video-meta-bottom .single-video-add-friend {
    position: absolute;
    top: 0;
    right: 0; }
.single-video-meta-bottom .single-video-add-friend a.friendship-button {
    background-color: #ff101f;
    display: inline-block;
    height: 32px;
    border: 1px solid #ff101f;
    border-radius: 4px;
    padding: 0 20px;
    font-size: 12px;
    line-height: 30px;
    font-weight: 500;
    color: #fff;
    transition: all 0.3s; }
@media screen and (max-width: 767px) {
    .single-video-meta-bottom .single-video-add-friend a.friendship-button {
        height: 28px;
        line-height: 26px;
        padding: 0 15px; } }
.single-video-meta-bottom .single-video-add-friend a.friendship-button:hover {
    background-color: transparent;
    border: 1px solid #ff101f;
    color: #ff101f;
    transition: all 0.3s; }
.single-video-meta-bottom .single-video-comment {
    display: none; }

.single-video-actor {
    padding-top: 20px;
    border-top: 1px solid #ededed; }
.single-video-actor h5 {
    padding-bottom: 15px;
    margin-bottom: 20px;
    font-size: 20px;
    position: relative;
    font-weight: 500; }
@media screen and (max-width: 1199px) {
    .single-video-actor h5 {
        font-size: 18px; } }
@media screen and (max-width: 767px) {
    .single-video-actor h5 {
        font-size: 16px; } }
.single-video-actor h5:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #ededed; }
.single-video-actor h5:after {
    content: '';
    position: absolute;
    width: 60px;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #ff101f; }

.single-video-actor-list {
    display: flex;
    flex-wrap: wrap; }

.single-video-actor-item {
    width: 20%;
    margin-bottom: 20px;
    text-align: center; }
@media screen and (max-width: 991px) {
    .single-video-actor-item {
        width: 25%; } }
@media screen and (max-width: 767px) {
    .single-video-actor-item {
        width: 50%; } }
.single-video-actor-item .single-video-actor-item-avatar {
    width: 60px;
    height: 60px;
    background-size: 100% auto;
    background-position: center center;
    border-radius: 50%;
    margin: 0 auto; }
.single-video-actor-item .single-video-actor-item-meta h6 {
    margin: 15px 0 8px;
    font-weight: 500; }
.single-video-actor-item .single-video-actor-item-meta a {
    color: #1e212b; }
.single-video-actor-item .single-video-actor-item-meta a:hover {
    color: #ff101f; }
.single-video-actor-item .single-video-actor-item-meta .single-video-actor-item-meta-videos {
    color: #4a526b; }
@media screen and (max-width: 1199px) {
    .single-video-actor-item .single-video-actor-item-meta .single-video-actor-item-meta-videos {
        font-size: 12px; } }

.single-video-director {
    margin: 30px 0 30px; }
.single-video-director h5 {
    padding-bottom: 15px;
    margin-bottom: 20px;
    font-size: 20px;
    position: relative;
    font-weight: 500; }
@media screen and (max-width: 1199px) {
    .single-video-director h5 {
        font-size: 18px; } }
@media screen and (max-width: 767px) {
    .single-video-director h5 {
        font-size: 16px; } }
.single-video-director h5:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #ededed; }
.single-video-director h5:after {
    content: '';
    position: absolute;
    width: 60px;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #ff101f; }

.single-video-director-list {
    display: flex;
    flex-wrap: wrap; }

.single-video-director-item {
    width: 20%;
    margin-bottom: 20px;
    text-align: center; }
@media screen and (max-width: 991px) {
    .single-video-director-item {
        width: 25%; } }
@media screen and (max-width: 767px) {
    .single-video-director-item {
        width: 50%; } }
.single-video-director-item .single-video-director-item-avatar {
    width: 60px;
    height: 60px;
    background-size: 100% auto;
    background-position: center center;
    border-radius: 50%;
    margin: 0 auto; }
.single-video-director-item .single-video-director-item-meta h6 {
    margin: 15px 0 8px;
    font-weight: 500; }
.single-video-director-item .single-video-director-item-meta a {
    color: #1e212b; }
.single-video-director-item .single-video-director-item-meta a:hover {
    color: #ff101f; }
.single-video-director-item .single-video-director-item-meta .single-video-director-item-meta-videos {
    color: #4a526b; }
@media screen and (max-width: 1199px) {
    .single-video-director-item .single-video-director-item-meta .single-video-director-item-meta-videos {
        font-size: 12px; } }

.mejs__fill-container {
    position: absolute;
    width: 100%;
    height: 100% !important;
    top: 0;
    left: 0; }
.mejs__fill-container #video-player_html5 {
    position: absolute;
    width: 100% !important;
    height: 100%;
    top: 0;
    left: 0; }

.video-player-container.floating-video.ratio-169 {
    padding-bottom: 56.25%; }
.video-player-container .video-player-wrap {
    background-color: #000;
    position: relative;
    border-radius: 4px; }
.video-player-container .video-player-wrap.server-youtube .video-toggle-fullscreen {
    bottom: 0;
    right: 11px;
    height: 36px;
    width: 36px;
    line-height: 36px;
    font-size: 0; }
.video-player-container .video-player-wrap.server-youtube .video-toggle-fullscreen:before {
    font-size: 14px;
    margin: 0; }
.video-player-container .video-player-wrap.server-vimeo .video-toggle-fullscreen {
    border-radius: 2px;
    bottom: 16px;
    right: 16px;
    line-height: 20px;
    width: 90px;
    height: 20px;
    padding: 0 10px; }
@media screen and (max-width: 767px) {
    .video-player-container .video-player-wrap.server-vimeo .video-toggle-fullscreen {
        width: 45px;
        font-size: 0; } }
@media screen and (max-width: 767px) {
    .video-player-container .video-player-wrap.server-vimeo .video-toggle-fullscreen:before {
        font-size: 14px;
        margin-right: 0; } }
.video-player-container .video-player-wrap.server-selfhost .video-toggle-fullscreen {
    height: 40px;
    width: 32px;
    line-height: 40px;
    z-index: 9;
    font-size: 0;
    bottom: 0;
    right: 10px;
    opacity: 0; }
.video-player-container .video-player-wrap.server-selfhost .video-toggle-fullscreen:before {
    font-size: 14px;
    margin: 0; }
.video-player-container .video-player-wrap.ads-fullscreen {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2147483646;
    padding: 0;
    background-color: #000;
    right: 0;
    bottom: 0;
    box-shadow: none; }
.video-player-container .video-player-wrap.ads-fullscreen .video-float {
    display: none; }
.video-player-container .video-player-wrap.ads-fullscreen .video-player-content {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%); }
.video-player-container .video-toggle-fullscreen {
    position: absolute;
    color: #fff;
    opacity: 0;
    background-color: #ff101f;
    font-size: 14px;
    text-align: center; }
.video-player-container .video-toggle-fullscreen:hover {
    cursor: pointer;
    opacity: 1; }
.video-player-container .video-toggle-fullscreen.active:before {
    content: '\f066'; }
.video-player-container .video-toggle-fullscreen:before {
    content: '\f0b2';
    font-family: fontAwesome;
    margin-right: 3px; }
.video-player-container .ads-muted-control {
    position: absolute;
    top: 30px;
    left: 20px;
    color: #ff101f;
    z-index: 999; }
.video-player-container .ads-muted-control.active:before {
    content: '\f026'; }
.video-player-container .ads-muted-control:before {
    content: '\f028';
    font-family: fontAwesome; }
.video-player-container .video-float {
    display: none; }
.video-player-container .video-float__title {
    width: calc(100% - 50px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0;
    line-height: 1.3; }
.video-player-container .video-float__actions {
    display: flex;
    width: 50px;
    justify-content: flex-end; }
.video-player-container .video-float__close:hover {
    cursor: pointer; }

.single-video-content {
    max-height: 100px;
    position: relative;
    overflow: hidden;
    padding-left: 75px;
    padding-top: 15px; }
@media screen and (max-width: 767px) {
    .single-video-content {
        max-height: 90px;
        padding-left: 55px; } }
.single-video-content.active {
    max-height: none; }

.single-video-content-toggle {
    padding-left: 75px;
    text-align: left;
    margin-top: 10px; }
@media screen and (max-width: 767px) {
    .single-video-content-toggle {
        padding-left: 55px; } }
.single-video-content-toggle .single-video-content-btn {
    background-color: #34394a;
    color: #fff;
    height: 32px;
    line-height: 32px;
    border-radius: 3px;
    padding: 0 12px;
    display: inline-block;
    font-weight: 500; }
@media screen and (max-width: 767px) {
    .single-video-content-toggle .single-video-content-btn {
        height: 28px;
        line-height: 28px;
        font-size: 12px; } }
.single-video-content-toggle .single-video-content-btn:hover {
    cursor: pointer; }

.single-video-tag {
    padding: 15px 0 20px 0;
    margin-left: 75px;
    margin-top: 24px;
    border-top: 1px solid #ededed; }
@media screen and (max-width: 767px) {
    .single-video-tag {
        padding: 20px 0 30px 0;
        margin-left: 0; } }
.single-video-tag a {
    margin-right: 6px; }
.single-video-tag i {
    margin-right: 10px;
    transform: scale(1.2);
    position: relative;
    bottom: -2px; }

.single-video-nav {
    display: flex;
    padding: 30px 0 28px;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed; }
@media screen and (max-width: 767px) {
    .single-video-nav {
        display: block; } }
.single-video-nav .video-nav-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
.single-video-nav .single-video-nav-content {
    display: flex;
    align-items: flex-start; }
.single-video-nav .video-nav-thumb {
    position: relative; }
.single-video-nav .video-nav-thumb img {
    max-width: 110px;
    border-radius: 3px; }
.single-video-nav .video-nav-duration {
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
    font-size: 10px;
    font-weight: 500;
    padding: 0 5px;
    z-index: 2;
    border-radius: 3px; }
.single-video-nav .video-nav-label {
    color: #4a526b;
    letter-spacing: 1px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase; }
.single-video-nav .video-nav-title {
    margin: 8px 0;
    font-weight: 500; }
.single-video-nav .video-nav-info {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px; }
.single-video-nav .video-nav-info > div {
    margin-right: 15px;
    position: relative; }
.single-video-nav .video-nav-info > div:after {
    content: '';
    width: 3px;
    height: 3px;
    background-color: #1e212b;
    position: absolute;
    right: -8px;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%); }
.single-video-nav .video-nav-info > div:last-child {
    margin-right: 0; }
.single-video-nav .video-nav-info > div:last-child:after {
    display: none; }
.single-video-nav .single-video-prev {
    width: 50%;
    position: relative; }
@media screen and (max-width: 767px) {
    .single-video-nav .single-video-prev {
        width: 100%;
        padding-bottom: 15px;
        margin-bottom: 16px;
        border-bottom: 1px solid #ededed; } }
.single-video-nav .single-video-prev .video-nav-meta {
    padding-left: 10px; }
.single-video-nav .single-video-next {
    width: 50%;
    margin-left: auto;
    text-align: right;
    position: relative; }
@media screen and (max-width: 767px) {
    .single-video-nav .single-video-next {
        width: 100%; } }
.single-video-nav .single-video-next .single-video-nav-content {
    justify-content: flex-end; }
.single-video-nav .single-video-next .video-nav-info {
    justify-content: flex-end; }
.single-video-nav .single-video-next .video-nav-meta {
    padding-right: 10px; }

.single-related-video {
    padding-top: 30px;
    position: relative;
    overflow: hidden; }
.single-related-video .related-title {
    padding-bottom: 15px;
    margin-bottom: 25px;
    font-size: 20px;
    position: relative;
    font-weight: 500; }
@media screen and (max-width: 1199px) {
    .single-related-video .related-title {
        font-size: 18px; } }
@media screen and (max-width: 767px) {
    .single-related-video .related-title {
        font-size: 16px; } }
.single-related-video .related-title:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #ededed; }
.single-related-video .related-title:after {
    content: '';
    position: absolute;
    width: 60px;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #ff101f; }
.single-related-video .related-list {
    margin: 0 -10px; }
.single-related-video .video-item {
    padding: 0 10px; }
.single-related-video .video-item:focus {
    outline: none; }
.single-related-video .haru-slick {
    display: none; }
.single-related-video .haru-slick.slick-initialized {
    display: block; }
.single-related-video .slick-arrow.slick-prev, .single-related-video .slick-arrow.slick-next {
    border: none;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    outline: none;
    padding: 0;
    position: absolute;
    background-color: transparent;
    top: -58px;
    right: 0;
    z-index: 9;
    width: 26px;
    height: 26px;
    border-radius: 3px;
    transition: all 0.3s; }
.single-related-video .slick-arrow.slick-prev:before, .single-related-video .slick-arrow.slick-next:before {
    color: #fff;
    font-family: 'slick';
    font-size: 14px;
    line-height: 1;
    opacity: 1;
    transition: all 0.3s; }
.single-related-video .slick-arrow.slick-prev:hover:before, .single-related-video .slick-arrow.slick-next:hover:before {
    background-color: #ff101f;
    transition: all 0.3s; }
.single-related-video .slick-arrow.slick-prev {
    right: 40px; }
.single-related-video .slick-arrow.slick-prev:before {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    -webkit-mask-image: url(../images/icon-arrow-left.svg);
    mask-image: url(../images/icon-arrow-left.svg);
    width: 4.69px;
    height: 8px;
    background-color: #1e212b; }
.single-related-video .slick-arrow.slick-next {
    right: 10px; }
.single-related-video .slick-arrow.slick-next:before {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    -webkit-mask-image: url(../images/icon-arrow-right.svg);
    mask-image: url(../images/icon-arrow-right.svg);
    width: 4.69px;
    height: 8px;
    background-color: #1e212b; }

.single-video-toolbar {
    margin-bottom: 20px; }

.video-toolbar {
    position: relative;
    background-color: rgba(30, 33, 43, 0.9); }
.video-toolbar-actions {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    align-items: center; }
.video-toolbar .toolbar-action {
    padding: 0 11px;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    display: flex;
    align-items: center; }
@media screen and (max-width: 1199px) {
    .video-toolbar .toolbar-action {
        font-size: 12px;
        padding: 0 8px; } }
@media screen and (max-width: 991px) {
    .video-toolbar .toolbar-action {
        font-size: 0;
        padding: 0 15px; } }
@media screen and (max-width: 991px) {
    .video-toolbar .toolbar-action {
        padding: 0 10px; } }
.video-toolbar .toolbar-action:hover {
    cursor: pointer; }
.video-toolbar .toolbar-action.active {
    color: #ff101f; }
.video-toolbar .toolbar-action.active .haru-icon {
    background-color: #ff101f; }
.video-toolbar .toolbar-action:first-child {
    margin-left: 0; }
.video-toolbar .toolbar-action--background {
    border-right: 1px solid #433246; }
.video-toolbar .toolbar-action--border {
    border-right: 1px solid #433246; }
.video-toolbar .toolbar-action i {
    margin-right: 5px;
    font-size: 14px; }
@media screen and (max-width: 1199px) {
    .video-toolbar .toolbar-action i {
        font-size: 12px;
        transform: scale(0.9); } }
@media screen and (max-width: 991px) {
    .video-toolbar .toolbar-action i {
        margin-right: 0; } }
.video-toolbar .toolbar-action.video-watch-later .haru-icon {
    transform: scale(1.4); }
@media screen and (max-width: 1199px) {
    .video-toolbar .toolbar-action.video-watch-later .haru-icon {
        transform: scale(1.2); } }
.video-toolbar .toolbar-action.video-prev a, .video-toolbar .toolbar-action.video-next a {
    display: flex;
    align-items: center;
    color: #4a526b; }
.video-toolbar .toolbar-action.video-prev i {
    margin-right: 5px;
    margin-left: 0; }
@media screen and (max-width: 991px) {
    .video-toolbar .toolbar-action.video-prev i {
        margin-right: 0; } }
.video-toolbar .toolbar-action.video-next i {
    margin-left: 5px;
    margin-right: 0; }
@media screen and (max-width: 991px) {
    .video-toolbar .toolbar-action.video-next i {
        margin-left: 0; } }
.video-toolbar .toolbar-action.video-more {
    font-size: 0;
    margin-right: 0;
    display: none; }
.video-toolbar .toolbar-action.video-more i {
    margin-left: 0;
    margin-right: 0; }
@media screen and (max-width: 767px) {
    .video-toolbar .toolbar-action.video-more i {
        margin-left: 0; } }
.video-toolbar .toolbar-action .haru-icon {
    background-color: #ffffff; }
.video-toolbar .toolbar-action .post-like-count, .video-toolbar .toolbar-action .post-dislike-count {
    font-size: 0; }
@media screen and (max-width: 991px) {
    .video-toolbar .toolbar-action .rating-label {
        font-size: 0; } }
.video-toolbar .video-report-form {
    background-color: #1e212b;
    padding: 15px;
    position: relative;
    z-index: 9; }
.video-toolbar .video-report-form .video-report-notice {
    color: #ff101f; }
.video-toolbar .video-report-form .video-report-content {
    width: 100%;
    padding: 5px 10px;
    border: none;
    border-radius: 4px; }
.video-toolbar .video-report-form .video-report-content:focus {
    outline: none; }
.video-toolbar .video-report-form .video-report-reason {
    margin-top: 10px; }
.video-toolbar .video-report-form .video-report-submit {
    margin-top: 5px; }
.video-toolbar .video-report-form.reported .video-report-reason, .video-toolbar .video-report-form.reported .video-report-submit {
    display: none; }
.video-toolbar .video-turn-off-light {
    position: relative;
    z-index: 89; }
.video-toolbar .toolbar-group {
    background-color: #1e212b;
    position: absolute;
    display: none;
    left: 0;
    bottom: 100%;
    width: 100%;
    z-index: 88; }
.video-toolbar .toolbar-group.show {
    display: block; }
.video-toolbar .toolbar-group.video-more-group {
    padding: 25px 20px; }
.video-toolbar .toolbar-group.video-more-group .haru-slick-wrap {
    overflow: hidden; }
.video-toolbar .toolbar-group.video-more-group .video-item {
    padding: 0 10px; }
.video-toolbar .toolbar-group.video-more-group .video-item:focus {
    outline: none; }
.video-toolbar .toolbar-group.video-more-group .video-item__title a {
    color: #fff; }
.video-toolbar .toolbar-group.video-more-group .video-item__title a:hover {
    color: #ff101f; }
.video-toolbar .toolbar-group.video-more-group .video-item__meta {
    margin-bottom: 0;
    color: #4a526b; }
.video-toolbar .toolbar-group.video-more-group .video-item__meta > div:after {
    background-color: rgba(74, 82, 107, 0.8); }
.video-toolbar .toolbar-group.video-more-group .video-item__meta a {
    color: #4a526b; }
.video-toolbar .toolbar-group.video-more-group .video-item__meta a:hover {
    color: #ff101f; }
.video-toolbar .toolbar-group.video-more-group .video-item .video-watch-later {
    border-right: 0; }
.video-toolbar .toolbar-group.video-more-group .video-item .video-watch-later:hover .haru-icon {
    margin-right: 5px; }
.video-toolbar .toolbar-group.video-more-group .video-item .video-watch-later .haru-icon {
    background-color: #fff;
    transform: scale(1);
    margin-right: 0; }
.video-toolbar .toolbar-group.video-more-group .haru-slick-more-videos {
    display: none;
    margin: 0 -10px; }
.video-toolbar .toolbar-group.video-more-group .haru-slick-more-videos.slick-initialized {
    display: block; }
.video-toolbar .toolbar-group.video-more-group:hover .slick-arrow.slick-prev, .video-toolbar .toolbar-group.video-more-group:hover .slick-arrow.slick-next {
    opacity: 1;
    transition: all 0.3s; }
.video-toolbar .toolbar-group.video-more-group .slick-arrow.slick-prev, .video-toolbar .toolbar-group.video-more-group .slick-arrow.slick-next {
    background: rgba(0, 0, 0, 0.3);
    border: none;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    outline: none;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 35%;
    z-index: 99;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    transform: translateY(-50%);
    transition: all 0.3s; }
.video-toolbar .toolbar-group.video-more-group .slick-arrow.slick-prev:before, .video-toolbar .toolbar-group.video-more-group .slick-arrow.slick-next:before {
    color: #fff;
    font-family: 'slick';
    font-size: 14px;
    line-height: 1;
    opacity: 1;
    transition: all 0.3s; }
.video-toolbar .toolbar-group.video-more-group .slick-arrow.slick-prev:hover, .video-toolbar .toolbar-group.video-more-group .slick-arrow.slick-next:hover {
    background-color: #ff101f; }
.video-toolbar .toolbar-group.video-more-group .slick-arrow.slick-prev:hover:before, .video-toolbar .toolbar-group.video-more-group .slick-arrow.slick-next:hover:before {
    background-color: #fff;
    transition: all 0.3s; }
.video-toolbar .toolbar-group.video-more-group .slick-arrow.slick-prev {
    left: 15px; }
.video-toolbar .toolbar-group.video-more-group .slick-arrow.slick-prev:before {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    -webkit-mask-image: url(../images/icon-arrow-left.svg);
    mask-image: url(../images/icon-arrow-left.svg);
    width: 4.69px;
    height: 8px;
    background-color: #fff; }
.video-toolbar .toolbar-group.video-more-group .slick-arrow.slick-next {
    right: 15px; }
.video-toolbar .toolbar-group.video-more-group .slick-arrow.slick-next:before {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    -webkit-mask-image: url(../images/icon-arrow-right.svg);
    mask-image: url(../images/icon-arrow-right.svg);
    width: 4.69px;
    height: 8px;
    background-color: #fff; }
.video-toolbar .video-auto-next {
    margin-left: auto; }
.video-toolbar .video-auto-next:hover {
    cursor: pointer; }
.video-toolbar .video-auto-next.active .button-auto-next {
    background-color: #ff101f; }
.video-toolbar .video-auto-next.active .button-switch {
    left: 18px;
    background-color: #fff; }
.video-toolbar .video-auto-next .button-auto-next {
    height: 16px;
    display: inline-block;
    width: 32px;
    border-radius: 16px;
    background-color: #34394a;
    position: relative;
    transition: background-color 0.3s;
    position: relative;
    margin-left: 5px; }
.video-toolbar .video-auto-next .button-switch {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: black;
    position: absolute;
    top: 2px;
    left: 2px;
    transition: all 0.2s; }

.post-rating__action {
    display: flex; }
.post-rating-count {
    display: flex; }
.post-rating-count .haru-icon {
    background-color: #1e212b;
    transform: scale(0.9);
    margin-right: 1px;
    position: relative;
    bottom: -2px; }
.post-rating-bar {
    background-color: #000;
    display: flex;
    height: 5px; }
.post-rating-percentage {
    background-color: #ff101f; }
.post-rating .action-rating {
    position: relative; }
.post-rating .action-rating:hover {
    cursor: pointer; }
.post-rating .action-rating:hover .haru-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -6px);
    transition: all 300ms ease-in-out 0s; }
.post-rating .haru-tooltip {
    padding: 2px 5px;
    position: absolute;
    min-width: 100px;
    opacity: 0;
    text-align: center;
    visibility: hidden;
    bottom: 100%;
    left: 50%;
    background: #555;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    transform: translate(-50%, 0); }
.post-rating .haru-tooltip:after {
    width: 0;
    height: 0;
    position: absolute;
    bottom: -6px;
    left: 50%;
    content: "";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #555;
    transform: translate(-50%, 0); }

.video-light-off-overlay {
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 88;
    transition: opacity 0.3s, visibility 0.3s; }

.video-youtube-unmute, .video-facebook-unmute, .video-mediaelement-unmute {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 9;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-size: 12px;
    padding: 2px 10px;
    display: none; }
.video-youtube-unmute:hover, .video-facebook-unmute:hover, .video-mediaelement-unmute:hover {
    cursor: pointer; }
.video-youtube-unmute .haru-icon, .video-facebook-unmute .haru-icon, .video-mediaelement-unmute .haru-icon {
    background-color: #fff;
    margin-right: 6px;
    position: relative;
    bottom: -3px; }

body.video-light-off .video-light-off-overlay {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s, visibility 0.3s; }
body.video-light-off .video-player-wrap {
    z-index: 89; }
body.video-light-off .video-turn-off-light.active {
    border-left: 1px solid #433246; }
body.floating-video .video-player-wrap {
    background-color: #fff;
    padding: 20px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 320px;
    height: auto;
    animation: zoomInVideo 0.5s ease-in-out;
    z-index: 89;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2); }
body.floating-video .video-float {
    display: flex;
    justify-content: space-between; }
body.floating-video .video-player {
    background-color: #000; }
body.floating-video .video-next-label {
    font-size: 12px; }
body.floating-video .progress-time-wrap, body.floating-video .progess-time {
    width: 40px !important;
    height: 40px !important; }
body.floating-video .video-next-title {
    font-size: 14px !important;
    margin-top: 5px !important;
    margin-bottom: 15px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
body.floating-video .video-next-cancel {
    margin-top: 5px !important; }
body.ads-fullscreen {
    height: 100vh;
    overflow: hidden; }
body.ads-fullscreen .haru-lightbox {
    background-color: #000; }
body.ads-fullscreen .haru-lightbox .close-lightbox {
    display: none; }
body.ads-fullscreen .haru-lightbox-content {
    width: 100%; }
body.haru-ios .video-youtube-unmute, body.haru-ios .video-facebook-unmute, body.haru-ios .video-mediaelement-unmute {
    display: block; }

@keyframes zoomInVideo {
    from {
        transform: scale3d(1.2, 1.2, 1.2);
        opacity: 0; }
    to {
        transform: scale3d(1, 1, 1);
        opacity: 1; } }
@keyframes countdownTimer {
    from {
        stroke-dashoffset: 0px; }
    to {
        stroke-dashoffset: 113px; } }

.haru-lightbox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 99999998;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out; }
.haru-lightbox-overlay.show-lightbox {
    opacity: 1;
    visibility: visible; }

.haru-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: 99999998;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out; }
.haru-lightbox.show-lightbox {
    opacity: 1;
    visibility: visible; }
.haru-lightbox .haru-lightbox-content {
    position: absolute;
    width: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
.haru-lightbox .close-lightbox {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 30px;
    height: 30px;
    text-align: center; }
.haru-lightbox .close-lightbox:hover {
    cursor: pointer;
    color: #ff101f; }

.video-screenshots-popup .mfp-content {
    max-width: 80%; }