/*popup-info-start-*/
.overlay {
	position  : fixed;
	top       : 0;
	bottom    : 0;
	left      : 0;
	right     : 0;
	height    : 100%;
	/*background: rgba(0, 0, 0, 0.7);*/
	background: rgba(255, 255, 255, 0.66);
	transition: opacity 500ms;
	visibility: hidden;
	opacity   : 0;
	z-index   : 999;
}
.ds-tb {
  display: table;
}
.overlay:target {
	visibility: visible;
	opacity   : 1;
}

.infosize-cover {
	width : 4.2%;
	cursor: pointer !important;
}

.vdosize-cover {
	width : 1.85%;
	cursor: pointer !important;
}

.infosize {
	width : 7.85%;
	cursor: pointer !important;
}

.vdosize {
	width : 4.2%;
	cursor: pointer !important;
}

.popup {
	margin       : 70px auto;
	padding      : 20px;
	/*background: #b5975fde; */
	background   : #544741c7;
	border-radius: 20px;
	position     : relative;
	transition   : all 3s ease-in-out;
	width        : 55%;
	height       : 80%;
	overflow     : auto;
	box-shadow   : 0 8px 30px 0 rgba(0, 0, 0, 0.3), 0 6px 30px 0 rgba(0, 0, 0, 0.29);
}
.popup::-webkit-scrollbar {
    -webkit-appearance: none;
}
.popup::-webkit-scrollbar:vertical {
    width: 8px;
}

.popup::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 0.1px solid rgb(120, 119, 119); /* should match background, can't be transparent */
    background-color: rgba(165, 164, 164, 0.5);
}
.popup h2.kk {
	margin-top : 0;
	color      : #b58d40;
	font-family: "k2d";
}

.popup .close {
	position       : absolute;
	top            : 20px;
	right          : 40px;
	transition     : all 200ms;
	font-size      : 55px;
	font-weight    : bold;
	text-decoration: none;
	color          : #fff;
}

.popup .close:hover {
	color: #454540;
}

.popup .content {
	padding-top: 4em;
	max-height : auto;
	overflow   : auto;
}

.content h3.kk {
	color    : #ffffff;
	font-size: 1.5em;
}

.text-justify-popup {
	text-align: justify;
}

.vdo video {
	width : 75%;
	height: 25%;
	margin: 0 auto;
}

.vdo-frame {
	width : 100%;
	height: 900px;
}

@media screen and (max-width: 700px) {
	.popup .content {
		padding-top: 1.7em;
	}

	.content h2.kk {
		font-size: 1.6em;
	}

	.content h3.kk {
		font-size: 1.2em;
	}
}

@media screen and (min-width:2550px) {
	.popup {
		margin: 100px auto;
	}

	.content h2.kk {
		font-size: 3em !important;
	}

	.content h3.kk {
		font-size: 1.9em !important;
	}
}