.tv-video-row {
    position: relative;
    height: 220px;
}

.tv-vr-button {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60%;
}
.tv-vr-button-left {
    left: 0;
    background-image: url('icon-left.svg');
}
.tv-vr-button-right {
    right: 0;
    background-image: url('icon-right.svg');
}

.tv-vr-videos-outer {
    position: absolute;
    height: 100%;
    inset: 0 20px;
    /*background: #ccc;*/
    overflow: hidden;
}

.tv-vr-videos-inner {
    position: absolute;
    left: 0;
    white-space: nowrap;
    transition: left 500ms;
}

.tv-pagination-button {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #ccc;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 30%;
}

.tv-pagination-button-previous {
    background-image: url('icon-left.svg');
}

.tv-pagination-button-next {
    background-image: url('icon-right.svg');
}

.tv-video-link {
    display: inline-block;
    position: relative;
    width: 265px;
    height: 160px;
}
.tv-video-link a {
    position: absolute;
    inset: 0;
}

.tv-vl-thumbnail {
    position: relative;
    padding: 0 5px;
}
.tv-vl-thumbnail div {
    position: absolute;
    right: 5px;
    bottom: 5px;
    padding: 0 5px;
    color: #fff;
    background-color: #00000077;
    box-sizing: border-box;
}
.tv-vl-thumbnail img {
    display: block;
    width: 100%;
}

.tv-vl-title {
    padding: 0 5px;
    font-size: 12px;
    white-space: normal;
    height: 60px !important;
}

.tv-player .video-js {
    width: 500px;
    height: 300px;    
}

.tv-s-show {
    display: inline-block;
    position: relative;
    width: 280px;
    height: 160px;
    margin: 10px !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: scale 0.2s;
}
.tv-s-show:hover {
    scale: 1.05;
}
.tv-s-show a {
    position: absolute;
    inset: 0;
}

#tv-lightbox {
    display: none;
    position: fixed;
    inset: 0;
    background-color: #000000bb;
}

#tv-lightbox-content {
    position: absolute;
    inset: 10%;
    background-color: #fff;
}

.tv-v-videos {
    position: relative;
    min-height: 400px;
}

.tv-loading {
    position: absolute;
    inset: 0;
    background-image: url('/wp-content/themes/thegem/inc/theme-options/dist/img/preloader-4.c364023a.gif');
    background-position: center;
    background-size: 25%;
    background-repeat: no-repeat;
}

.tv-video-row .owl-prev {
	position: absolute;
    left: 0;
    border: none;
    background: none;
    bottom: unset;
    width: auto;
}

.tv-video-row .owl-prev span {
	font-size: 30px;
}

.tv-video-row .owl-next {
	position: absolute;
    right: 0;
    border: none;
    background: none;
    bottom: unset;
    width: auto;
}

.tv-video-row .owl-next span {
	font-size: 30px;
}

.tv-show-row {}