/*list-video*/
.content-list-video { background: #fffbfb; overflow: hidden; box-shadow: 0 0 2px 0px rgba(112, 102, 102, 0.45); }
.image-list-video { width: 100%; height: 150px; overflow: hidden; position: relative; }
    .image-list-video img { width: 100%; height: 100%; }
    .image-list-video .overlay-video { visibility: hidden; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); position: absolute; z-index: 0; top: 0; text-align: center; transform: scale(0); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.content-list-video:hover .image-list-video .overlay-video { transform: scale(1); visibility: visible; }
.image-list-video span.icon-play { position: absolute; top: 50%; left: 50%; color: #fff; font-size: 35px; transform: scale(0); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: all 0.1s linear; -webkit-transition: all 0.1s linear; opacity: 0.7; }
.content-list-video:hover .image-list-video span.icon-play { opacity: 1; font-size: 35px; transform: scale(1); webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.image-list-video span.icon-play a { color: #fff !important; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.content-list-video:hover .image-list-video span.icon-play a { color: #fff !important; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.image-list-video span.icon-time { bottom: 8px; right: 8px; position: absolute; background: rgba(0,0,0,0.7); color: #fff; padding: 4px 10px; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }

.content-list-video:hover .image-list-video span.icon-time { bottom: -50px; }
.image-list-video span.icon-time i { margin: 0 0 0 5px; vertical-align: -1px; }
.text-list-video h3 { margin: 0; font-size: 14px; padding: 8px; min-height: 60px; }
    .text-list-video h3 a { color: #010101; }
.categore-list-video { padding: 15px 8px; }
    .categore-list-video span { display: inline-block; margin: 0 0 0 5px; font-size: 12px; color: #777; }
    .categore-list-video span:nth-of-type(2) { float: left; margin: 0;}
.categore-list-video { padding: 8px; }
    .categore-list-video span i { margin: 0 0 0 5px; vertical-align: middle; color: #75c30d; }
/*view-video*/
.title-video { margin: 0 0 50px 0; border-bottom: 1px solid #e5e5e5; padding: 0 0 10px 0; }
    .title-video h2 {color: #010101;margin: 5px 0 5px 0;}
    .title-video small {    display: block;}
    .title-video ul { margin: 0; }
        .title-video ul li { display: inline-block; margin: 0 0 0 10px; }
            .title-video ul li i { margin: 0 0 0 5px; color: #81d70f; }
            .title-video ul li span { color: #777; }
.video-player { text-align: center; padding: 0; overflow: hidden; margin: 0 0 25px 0; }
.video-player video {
    width: 100%;
}
.description-video h2 { color: #010101; border-bottom: 1px solid #e5e5e5; padding: 0 0 10px 0; }
.description-video p { text-align: justify; line-height: 25px; color: #777; }
/*search*/
.search-videos h2, .type-video h2, .most-view-videos h2, .recent-posts-video h2 { margin-bottom: 20px; padding-bottom: 24px; border-bottom: 1px solid #e0e0e0; text-transform: capitalize; line-height: 16px; font-size: 16px; color: #010101; }
.content-search { display: table; width: 100%; margin-bottom: 1rem; }
    .content-search input[type="text"] { height: 40px; line-height: 40px; font-size: 13px; color: #aaaaaa; width: 100% !important; }
.btn-search { display: table-cell; padding-top: 0; padding-bottom: 0; text-align: center; height: 100%; width: 1%; vertical-align: middle; margin: 0; }
    .btn-search input[type="submit"] { height: 40px; line-height: 40px; padding: 0 1.5625em; color: #fff; background-color: #444444 !important; border: 0; }
.type-video ul { margin: 0; }
    .type-video ul li { margin: 0 0 10px 0; color: #010101; border-bottom: 1px solid #f5f5f5; padding: 0 0 5px 0; }
        .type-video ul li i { margin: 0 0 0 5px; color: #75c30d; vertical-align: -1px; }
        .type-video ul li span { color: #777; }
            .type-video ul li span.conut-video { float: left; width: 20px; height: 20px; background: #e5e5e5; text-align: center; line-height: 20px; border-radius: 3px; }

.image-post-video img { width: 100%; height: 100%; }
.image-post-video { width: 90px; height: 75px; overflow: hidden; float: right; margin: 0 0 0 6px; }
.recent-posts-video ul { margin: 0; }
    .recent-posts-video ul li { overflow: hidden; padding: 0 0 5px 0; border-bottom: 1px solid #e5e5e5; margin: 0 0 5px 0; }
        .recent-posts-video ul li:last-child { border: none; }
.text-post-video h3 a { color: #010101; }
.text-post-video h3 { font-size: 13px; margin: 0; }
.text-post-video span { margin: 9px 0 0 0; display: inline-block; color: #777; font-size: 11px; }
    .text-post-video span i { margin: 0 0 0 7px; vertical-align: middle; }
/*related*/
.image-related-carousel img {width: 100%;height: 100%;object-fit: cover;}
.image-related-carousel { width: 100%; height: 150px; overflow: hidden; position: relative; }
.overlay-related { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 90%, rgba(0,0,0,0.75) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(90%,rgba(0,0,0,0.75)), color-stop(100%,rgba(0,0,0,0.75))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 90%,rgba(0,0,0,0.75) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 90%,rgba(0,0,0,0.75) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 90%,rgba(0,0,0,0.75) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 90%,rgba(0,0,0,0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); }
.title-related-carousel h3 a { color: #fff !important; }
.title-related-carousel { position: absolute; top: 0; right: 0; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; }
.content-related-carousel { transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; }
    .content-related-carousel:hover .title-related-carousel { top: -100px; }
.title-related-carousel h3 { margin: 0; font-size: 13px; padding: 5px 10px; direction: rtl; }
.icon-play-related a { font-size: 30px; color: #fff !important; }
.icon-play-related { position: absolute; top: 70%; left: 10px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; }
.content-related-carousel:hover .icon-play-related { transform: translate(-50%, -50%); left: 50%; top: 50%; }
.type-related i { font-size: 13px; margin: 0 6px 0 6px; color: #fff; vertical-align: middle; }
.type-related a { color: #fff !important; }
.type-related { position: absolute; bottom: 17px; right: 0; direction: rtl; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; }
.content-related-carousel:hover .type-related { bottom: -100px; }
.related-carousel { direction: ltr; }
.caption-related h2 span i { vertical-align: middle; color: #25a937; }

.caption-related h2 span { border-bottom: 3px solid #25a937; padding: 0 0 7px 0; }

.caption-related h2 { font-size: 16px; color: #010101; border-bottom: 1px solid; padding: 0 0 10px 0; }
.related-carousel .slick-prev { left: 5px; }
.related-carousel .slick-next { left: 25px; }
.related-carousel .slick-prev:before { content: "\f0d9"; font-family: FontAwesome; color: #010101; opacity: 1; font-size: 24px; }
.related-carousel .slick-next:before { content: "\f0da"; font-family: FontAwesome; color: #010101; opacity: 1; font-size: 24px; }
.related-carousel .slick-prev, .related-carousel .slick-next { z-index: 99999; width: 30px; height: 30px; top: -25px; }