/* Import font. */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');
.mos-img img {display: none !important;}
#myDiv{
	margin-left: auto;
	margin-right: auto;
}
/* Scrollbar text */
.mx3dcov-scrollbar-text{
	font: 300 12px Roboto !important;
}

/* Video and audio time. */
.mx3dcov-time{
	font: 400 14px Roboto !important;
}

/* Thumbnails text. */
.mx3dcov-header{
	font: 400 22px Roboto !important;
	line-height: 26px !important;
	text-align:center;
	margin: 9px 20px 0;
	color:#ccc;
}

.mx3dcov-text{
	font: 400 14px Roboto !important;
	line-height: 20px !important;
	text-align:center;
	margin: 9px 20px 0;
	color:#999;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
   max-height: 42px !important;
}

/* Lightbox text. */
.mx3dcov-lightbox-header{
	font: bold 28px Roboto !important;
	line-height: 33px !important;
	text-align: center;
	margin: 23px 20px 6px;
	color:#FFFFFF;
}

.mx3dcov-lightbox-paragraph{
	font: normal 14px Roboto !important;
	line-height: 24px !important;
	text-align: center;
	margin: 10px 20px 26px;
	color:#E4E4E4;
}

@media screen and (max-width: 600px){
	.mx3dcov-lightbox-header{
		font-size: 16px !important;
		line-height: 20px !important;
	}

	.mx3dcov-lightbox-paragraph{
		font-size: 12px !important;
		line-height: 16px !important;
		margin-bottom: 20px;
	}
}