.video-wrapper {
    width: 100%;
    background: #000;
    display: inline-block;
    margin-bottom: 10px
}

.video-js .vjs-big-play-button {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.video-player__wrapper {
    background: #000;
    border-bottom: 4px solid #197cbc
}

.video-player:not(.mejs__container-fullscreen) {
    max-width: 1024px;
    margin: 0 auto
}

.video-details {
    margin-bottom: 15px
}

.video-details__title {
    color: #197cbc;
    font-size: 20px;
    width: 100%;
    margin-top: 0;
    margin-bottom: 10px
}

.video-details__toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 8px;
    border-bottom: 1px solid #ccc
}

.video-details__channel img {
    /* width: 200px; */
    height: 55px;
}

.video-details__share {
    height: 20px
}

.share-modal__title {
    text-align: center
}

.share-modal__body {
    display: flex;
    justify-content: space-evenly;
    margin: 40px auto
}

.video-details__share-control {
    display: none
}

.share-modal__body a,
.video-details__share-control a {
    margin: 10px;
    cursor: pointer
}

.share-modal__body img,
.video-details__share-control img {
    width: 30px;
    height: 30px
}

.video-details__desc {
    margin: 10px 0 20px
}

.video-details__desc a {
    word-break: break-word
}

.related-videos {
    margin-bottom: 20px
}

.related-videos__section-bar {
    padding-bottom: 10px;
    border-bottom: 4px solid #197cbc
}

.related-video-list-item {
    display: block;
    margin: 7px;
    cursor: pointer
}

.related-video-list-item__frame {
    position: relative;
    width: 100%;
    overflow: hidden
}

.related-video-list-item__frame img {
    width: 100%;
    transition: transform .2s ease-in-out
}

.related-video-list-item:hover .related-video-list-item__frame img {
    transform: scale(1.04)
}

.related-video-list-item__duration {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    background: hsla(0, 0%, 7%, .8);
    padding: 5px 7px;
    color: #fff;
    font-size: 12px
}

.related-video-list-item__duration img {
    width: 10px;
    height: 10px;
    margin-left: 4px;
    margin-right: 8px
}

.related-video-list-item__desc {
    padding: 5px 5px 15px
}

.related-video-list-item__title {
    height: 40px;
    overflow: hidden;
    /* color: #197cbc; */
    color: #555;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    transition: color .2s ease-in-out
}

/* .related-video-list-item__title:hover {
    color: #dd1c4f
} */

.related-video-list-item__date {
    color: #757575;
    font-size: 12px
}

@media (max-width:1200px) {
    .video-player {
        width: 100%
    }
}

@media (max-width:767px) and (min-width:321px) {
    .related-video-list-item {
        display: flex;
        align-items: center
    }

    .related-video-list-item__frame {
        flex-basis: 40%;
        flex-shrink: 0
    }

    .related-video-list-item__desc {
        padding: 5px
    }

    .video-player {
        width: 100%
    }
}

@media (min-width:441px) {
    .video-details__share {
        display: none
    }

    .video-details__share-control {
        display: flex
    }
}

.modal.show .modal-dialog {
    /* transform: translateY(50%) */
}

.subtitle_right {
    float: right;
}

#topbanner-movehere {
    margin: 10px 0;
}

body {
    min-height: auto;
}

.vjs-big-play-centered .vjs-big-play-button {
    margin: 0!important;
}

@media (min-width:768px){
    #topbanner-movehere {
        display: none;
    }
}
.dark-bg {
    background: #000;
}
.container.player{
    padding:0;
}
.mejs__overlay-error>img{
    width: 100%;
}
.mejs__container:not(.mejs__container-fullscreen) {
    max-height: 576px;
}
.video-details__toolbar .section-header h1{
    color: #197cbc!important;
    font-size: 28px;
    display: inline;
    font-weight: 500;
    line-height: inherit;
    text-shadow: none;
}

.modal.show .modal-dialog {
    /* transform: translate(0, 50%)!important; */
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 15px!important;
}