.modula-mov-object > .modula-fancybox-content {
height: auto !important;
width: auto !important
}
html body .modula-fancybox-container video {
visibility: visible;
}
html body .modula .modula-items .modula-item .modula-video-content {
opacity:1;
}
html body .modula .modula-items .modula-video-content youtube-video iframe,
html body .modula .modula-items .modula-video-content vimeo-video iframe {
width: 100%;
height: 100%;
}
html body .modula .modula-items .modula-video-content video,
html body .modula .modula-items .modula-video-content youtube-video,
html body .modula .modula-items .modula-video-content vimeo-video {
margin: 0 !important;
display: block;
background-color: #000;
}
html body .modula .modula-items .modula-video-content a{
z-index: 9;
}
html body .modula .modula-items .modula-item.modula-video-content .jtg-social{
z-index: 12;
}
html body .modula .modula-items .modula-video-content {
width: 100%;
}
html body .modula .modula-items .modula-video-content picture.pic,
html body .modula .modula-items .modula-video-content img.pic{
opacity: 0;
z-index: 9;
}
html body .modula .modula-items .modula-video-content .modula_video_preview_element{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 8;
}
html body .modula .modula-items .modula-video-content:hover picture.pic,
html body .modula .modula-items .modula-video-content:hover img.pic{
opacity: 0;
z-index: 8;
}
html body .modula .modula-items .modula-video-content:hover .modula_video_preview_element{
z-index: 9;
}
html body .modula .modula-items .modula-video-content video.modula_video_preview_element {
max-width: 100%;
max-height: 100%;
object-fit: cover;
}
html body .modula .modula-items .modula-item .modula-video-icon {
pointer-events: none;
z-index: 11;
}
html body .modula .modula-items .modula-video-content:hover .modula-video-icon{
z-index: 8;
}
html body .modula-gallery .modula-video-content .figc { 
z-index: 9;
}
html body .modula .modula-items .modula-hosted-video-content:hover .figc{
z-index: 99;
pointer-events: none;
}
html body .modula .modula-items .modula-hosted-video-content:hover .figc .jtg-social,
html body .modula .modula-items .modula-hosted-video-content:hover .figc .jtg-social a {
pointer-events: all;
}
body .modula-gallery.modula-columns .modula-items .modula-video-content.modula-item .modula-item-content picture.pic img,
body .modula-gallery.modula-columns .modula-items .modula-video-content.modula-item .modula-item-content picture.pic,
body .modula-gallery.modula-columns .modula-items .modula-video-content.modula-item .modula-item-content img.pic {
max-width: 100%;
}
html body .modula.modula-creative-gallery .modula-items .modula-item .modula-item-content picture.pic img,
html body .modula.modula-custom-grid .modula-items .modula-item .modula-item-content picture.pic img {
width: 100%;
} body .modula-gallery.modula-columns .modula-items .modula-video-content.effect-under .modula-item-content{
z-index: 11;
} html body .modula-slider .modula-items .modula-item .modula-video-content {
opacity:1;
}
html body .modula-slider .modula-items .modula-video-content youtube-video iframe,
html body .modula-slider .modula-items .modula-video-content vimeo-video iframe {
width: 100%;
height: 100%;
}
html body .modula-slider .modula-items .modula-video-content video,
html body .modula-slider .modula-items .modula-video-content youtube-video,
html body .modula-slider .modula-items .modula-video-content vimeo-video {
margin: 0 !important;
display: block;
background-color: #000;
}
html body .modula-slider .modula-items .modula-video-content a{
z-index: 10;
cursor: pointer;
}
html body .modula-slider .modula-items .modula-item.modula-video-content .jtg-social{
z-index: 12;
}
html body .modula-slider .modula-items .modula-video-content {
width: 100%;
}
html body .modula-slider .modula-items .modula-video-content picture.pic,
html body .modula-slider .modula-items .modula-video-content img.pic{
position: relative;
width: 100%;
opacity: 1;
z-index: 9;
}
html body .modula-slider .modula-items .modula-video-content .modula_video_preview_element{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 8;
}
html body .modula-slider .modula-items .modula-video-content:hover picture.pic,
html body .modula-slider .modula-items .modula-video-content:hover img.pic{
opacity: 0;
z-index: 8;
}
html body .modula-slider .modula-items .modula-video-content:hover .modula_video_preview_element{
z-index: 9;
}
html body .modula-slider .modula-items .modula-video-content video.modula_video_preview_element {
max-width: 100%;
max-height: 100%;
object-fit: cover;
}
html body .modula-slider .modula-items .modula-item .modula-video-icon {
pointer-events: none;
z-index: 11;
}
html body .modula-slider .modula-items .modula-video-content:hover .modula-video-icon{
z-index: 8;
}
html body .modula-slider .modula-items .modula-hosted-video-content:hover .figc{
z-index: 99;
}
html body .modula-slider .modula-slider-nav .modula-slider-nav-item .modula-video-icon img {
max-width: 100%;
}
html body .modula .modula-items .modula-item img.modula_video_poster,
html body .modula .modula-items .modula-item picture.modula_video_poster img {
inset: unset !important;
width: unset !important;
object-fit: cover;
height: 100%;
display: block;
}
html body .modula .modula-items .modula-item picture.modula_video_poster img {
display: block;
} .modula-video-player-wrap {
position: relative;
}
.modula-video-player-wrap.playlist_right {
display: flex;
flex-direction: row;
gap: 10px;
}
.modula-video-player-wrap.playlist_right .modula-video-main-item {
width: 80%;
position: relative;
}
.modula-video-player-wrap.playlist_right .modula-video-items-wrap {
width: 20%;
position: relative;
overflow:hidden;
}
.modula-video-player-wrap.playlist_bottom .modula-video-main-item,
.modula-video-player-wrap.playlist_bottom .modula-video-items-wrap{
width: 100%;
position: relative;
}
.modula-video-player-wrap.playlist_right .modula-video-items {
display: flex;
flex-direction: column;
gap: 10px;
position: absolute;
right: 0;
left: 0;
height: 100%;
overflow-y: scroll;
padding-right: 10px;
padding-bottom: 10px;
}
.modula-video-player-wrap.playlist_bottom .modula-video-items {
display: flex;
flex-direction: row;
column-gap: 10px;
width: 100%;
overflow-x: scroll;
}
.modula-video-player-wrap.playlist_bottom .modula-video-item {
flex: 0 0 calc( 20% - 8px );
box-sizing: border-box;
margin-bottom: 10px;
}
.modula-video-player-wrap.playlist_bottom .modula-video-items-wrap {
margin-top: 10px;
}
.modula-video-player-wrap.playlist_bottom .modula-video-item picture.pic
.modula-video-player-wrap.playlist_bottom .modula-video-item img.pic{
display: block;
}
.modula-video-items .modula-item-content {
background-color: #fff;
position: relative;
}
html body .modula .modula-video-items .modula-video-content youtube-video.modula_video_preview_element iframe,
html body .modula .modula-video-items .modula-video-content vimeo-video.modula_video_preview_element iframe,
html body .modula .modula-video-items .modula-video-content video.modula_video_preview_element  {
width: 100%;
height: 100%;
}
.modula-video-items .modula_video_preview_element {
position: absolute;
left: 0;
right: 0;
top: 0;
width: 100%;
bottom: 0;
z-index: 5;
}
.modula-video-items .modula-item-content:hover .modula_video_preview_element {
z-index: 15;
}
html body .modula .modula-video-items .modula-video-content .modula-item-content:hover picture.pic,
html body .modula .modula-video-items .modula-video-content .modula-item-content:hover img.pic{
opacity: 0;
z-index: 8;
}
html body .modula .modula-video-items :not(.modula-video-content) .modula-item-content:hover picture.pic,
html body .modula .modula-video-items :not(.modula-video-content) .modula-item-content:hover img.pic{
opacity: 0.8;
}
.modula-video-items .modula_video_poster {
z-index: 10;
position: relative;
object-fit: cover;
width: 100%;
max-width: 100vw;
aspect-ratio: 16 / 9;
}
.modula-video-items .modula-video-icon {
z-index: 10;
}
.modula-video-main-item #modula-video-player,
.modula-video-main-item #modula-video-player iframe{
width: 100%;
height: 100%;
}
.modula-video-list-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
z-index: 20;
}
html body .modula .modula-video-main-item .modula-video-main-item-content img.modula_video_preview_image,
html body .modula .modula-video-main-item .modula-video-main-item-content picture.modula_video_preview_image img{
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 15;
cursor: pointer;
}
html body .modula .modula-video-items-wrap .modula-video-items picture.pic {
width: 100%;
display: block;
}
html body .modula .modula-video-items-wrap .modula-video-items picture.pic img {
height: auto;
max-width: 100%;
display: block;
height: auto;
max-width: 100%;
display: block;
aspect-ratio: 16 / 9;
object-fit: cover;
}
html body .modula .modula-video-items-wrap .modula-video-items picture.pic source {
height: 0;
display: block;
}
html body .modula .modula-video-main-item .modula-video-main-item-content .modula-video-icon{
z-index: 16;
cursor: pointer;
} html body .modula .modula-video-items::-webkit-scrollbar {
width: 12px; }
html body .modula .modula-video-items::-webkit-scrollbar-track {
background: #000; }
html body .modula .modula-video-items::-webkit-scrollbar-thumb {
background: #000; border: 2px solid rgba(255, 255, 255, 0.5); border-radius: 10px; } html body .modula .modula-video-items {
scrollbar-width: thin; scrollbar-color: #000 rgba(255, 255, 255, 0.5); } html body .modula .modula-video-items::-ms-scrollbar {
width: 12px; }
.modula-video-items::-ms-scrollbar-track {
background: #000; }
html body .modula .modula-video-items::-ms-scrollbar-thumb {
background: #000; border: 2px solid rgba(255, 255, 255, 0.5); border-radius: 10px; } html body .modula .modula-video-items {
scrollbar-color: #000 rgba(255, 255, 255, 0.5);
scrollbar-width: thin;
} html body .modula-slider .modula-items .modula_video_slider_positioner{
position: relative;
margin: 0 15px;
}
html body .modula-slider .modula-items .modula-video-slider-item .slider-image-info{
margin: 0 15px;
}
html body .modula-slider .modula-items .modula-video-content.autoplay .modula_video_slider_positioner picture.pic
html body .modula-slider .modula-items .modula-video-content.autoplay .modula_video_slider_positioner img.pic{
opacity: 0 !important;
}
html body .modula-slider .modula-items .modula-video-slider-item .modula_video_slider_overlay {
position: absolute;
width: 100%;
height: 100%;
z-index: 99;
}