body {
	margin :0px;
	overflow: hidden;
	overflow-y: hidden;
	overflow-x: hidden;
	background-color : black;
	color : #FFF; 
	font-family: 'monospace';
}

h3 {
	color : lawngreen;
}

h5 {
}

.links-seo-robots {
	display:none;
}

#Language input[type=submit] {
    border: none;
    cursor: pointer;
    background-color: transparent;
    color: #FFF;
    font-family: 'monospace';
    font-weight: bolder;
    margin-left: 0px;
    margin-right: 0px;
    height:30px;
}

#Language input[type=submit]:nth-child(2)  {
}

#Language input[type=submit]:hover {
	color: lawngreen;
}

#content {
	margin : 10vw;
}

#data {
	text-align: justify;
	display : block;
	position : absolute;
	max-height: 77vh;
	min-height: 77vh;
	top: 12%;
	bottom: auto;
	padding-right : 10px;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.15);
}

	#menu-item button {
		border: none;
		cursor: pointer;
		background-color: transparent;
		color : #FFF;
		font-family: 'monospace';
	font-weight: bolder;
	height:30px;
	}

	#menu-item button:hover {
		color: lawngreen;
	}

	footer {
		display : block;
		position: absolute;
		margin-bottom: 1vh;
		margin-top: 1vh;
		margin-left: 1vw;
		margin-right: 1vw;
		bottom: 0px;
		width : 98vw;
		text-align: center;
		z-index: 90 !important;
		border-top : 1px solid white;
		margin : 1vw;
	}
	
	#footerline {
		border-bottom : 1px solid white;
		margin : 1vw;
	}
	
	.img-expo {
		width : 99%;
	}
	
	#data-additional {
		display:block;
	}
	.event-item {
		display : inline-block;
		width:100%;
	}
	.event-line {
		display : flex;
	}

	.event-date {
		display : block;
		width : 80px;
	}
	.event-day-color {
		color: lawngreen;
	}
	
	.event-hour {
		display : block;
		width: 80px;
		text-align: end;
		margin-right: 9px;
	}
	
	.event-title {
		display : block;
		font-weight:bold;
		text-align: left;
		width: 500px;
	}
	
	.event-subtitle {
		display : block;
		text-align : left;
	}
	
	.event-artist {
		display : block;
		text-align: left;
		width:500px;
	}
	
	.event-type {
		color : lawngreen;
		font-weight: bold;
		text-align: left;
	}
	.event-language {
		color : lawngreen;
		font-weight: bold;
		padding-left: 5px;
	}
	.event-special {
		width: 100%;
		padding-top : 5px;
		padding-bottom : 5px;
		border-top : 1px solid white;
		border-bottom : 1px solid white;
	}
	
	.space-special {
		width: 100%;
		padding-top : 5px;
		border-top : 1px solid white;
	}
	
	.button-link {
		border: none;
		cursor: pointer;
		background-color: transparent;
		color : lawngreen;
		font-family: 'monospace';
		font-weight: bold !important;
		font-size: inherit;
		margin : -6px;
		text-align:left;
	}
	
	.button-link:hover {
		color : red;
		text-decoration:underline;
		font-weight: bolder !important;
	}
	
		.button-link-special {
		border: none;
		cursor: pointer;
		background-color: transparent;
		color : lawngreen;
		font-family: 'monospace';
		font-weight: bold !important;
		font-size: large;
		margin : 5px;
		padding : 5px;
	}
	
	.button-link-special:hover {
		color : red;
		text-decoration:underline;
		font-weight: bolder !important;
	}
	
	.item-outlink a {
		color:lawngreen;
		text-decoration: none;
	}
	
	.item-outlink a:hover {
		color:red;
		text-decoration: underline;
	}
	
	.item-img .fit-image img {
		max-width: 99% !important;
	}
	
	#item-header {
		display : flex;
		width:100%;
	}
	
	#item-parent {
		display : inline-flex;
		width : 150px;
	}
	
	#data-date {
	width: 100%;
	text-align: right;
	font-weight:bold;
}


.content {
	margin-left:auto;
	margin-right:auto;
}

.container {
	position:relative;
}

.ethereum-slides, .polygon-slides, .nft-slides {
	text-align: center;
}

.bottomright {
	position:absolute;
	right:0;
	bottom:0;
}

.large {
	font-size:18px!important;
}

.container:after,.container:before {
	content:"";
	display:table;
	clear:both;
}

.padding-16 {
	padding-top:16px!important;
	padding-bottom:16px!important;
}

.black {
	color:#fff!important;
	background-color: rgba(0, 0, 0, 0.75);
}

.button-slides-left {
	border:none;
	display:inline-block;
	padding:8px 16px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	white-space:nowrap;
	position:absolute;
	margin-left: -33px;
}

.button-slides-right {
	border:none;
	display:inline-block;
	padding:8px 16px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	white-space:nowrap;
	position:absolute;
	margin-left: 0px;
}

.button-slides-left:hover {
	color: lawngreen !important;
}
.button-slides-right:hover {
	color: lawngreen !important;
}

.display-left {
	height:217px;
	border-right: white 1px dotted;
	cursor: unset;
}

.display-right {
	height: 217px;
	border-left: white 1px dotted;
	cursor: unset;
	margin-left: 384px;
}

.display-left:hover {
	color: lawngreen !important;
}

.display-right:hover {
	color: lawngreen !important;
}

.img-slides {
	width: 384px;
	height: 216px;
	margin: 0px;
	border-top: 1px dotted white;
	object-fit: cover;
}

.video-slide-nft {
	width: 384px;
	height: 216px;
	margin: 0px;
	border-top: 1px dotted white;
	object-fit: fill;
}

#slide-content {
	display:inline-flex;
}

.top-presentation-slide {
	color: #fff !important;
	background-color: rgba(0, 0, 0, 0.75);
	font-size: 9px !important;
	width: 440px;
	margin: auto;
	padding: 5px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	height: 9px;
}

.ethereum-presentation-slide, .polygon-presentation-slide, .nft-presentation-slide {
	border-top : white 1px dotted;
	color:#fff!important;
	background-color: rgba(0, 0, 0, 0.75);
	font-size:18px!important;
	width: 440px;
	margin: auto;
	padding: 5px;
	margin-top: -4px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.nft-player {
	display: block;
	text-align: end;
}

.nft-description, .nft-protocol, .nft-collection {
	display : block;
	word-spacing: -5px !important;
}

.pointer {	
	cursor:pointer;
}

.nft-video-player-cmd {
width :150px;
text-align: left;
position:absolute;
}

.nft-video-player-title {
padding-left: 26px;
padding-top: 2px;
position: absolute;
word-spacing: -5px;
}
.nft-video-player-ico {
width :20px;
padding-top: 1px;
position: absolute;
}

.hidden-nft-ethereum-metadata, .hidden-nft-polygon-metadata, .hidden-nft-metadata {
	display : none;
}

#ethereum-loading, #polygon-loading, #nft-loading {
	width:20px;
}
#ethereum-loading img, #polygon-loading img, #nft-loading img {
	width:20px;
}

.nft-collection-protocol {
display:flex;
}
.nft-protocol-ico {
height :20px;
padding-top: 1px;
position: absolute;
right: 145px;
}

#nft-play-screen-button {
	position:absolute;
	z-index:100;
	font-size : 128px;
	display:block;
margin-top: 50px;
margin-left: 140px;
}

@media screen and (orientation: landscape) {

	header {
		display : block;
		position: absolute;
		z-index: 90 !important;
		border-bottom : 1px solid white;
		margin-right : 1vw;
		margin-left : 1vw;
		width : 98vw;
		top:1px;
	}
	
	#headerline {
		border-bottom : 1px solid white;
		margin-right : 1vw;
		margin-left : 1vw;
	}
	
	#renaissance-background-video {
		position: absolute;
		width: 100vw !important;
		height: 100vw !important;
		object-fit: cover;
		z-index: -1 !important;
		top : 0px;
	}
	
	@media screen and (max-width : 800px)  {
	
	.mute {
	position: fixed;
	background-image: url('../img/ico/mute-ico.png');
	background-repeat: no-repeat;
	right: 1vw;
	top: 6px;
	z-index: 100 !important;
	width: 20px;
	height: 20px;
	background-size: contain;
}

.unmute {
	position: fixed;
	background-image: url('../img/ico/unmute-ico.png');
	background-repeat: no-repeat;
	right: 1vw;
	top: 6px;
	z-index: 100 !important;
	width: 20px;
	height: 20px;
	background-size: contain;
}
	
	#index {
	border: none;
	cursor: pointer;
	background-color: transparent;
	width: 231px;
	height: 30px;
	padding-top: 1vw;
	background-image:url("../img/renaissance.ooo.logo.img.png");
	background-repeat:no-repeat;
	background-size: contain;
	background-position: center;
}

	nav {
		display: inline-grid;
		width : 100%;
	}
	
	#arrow {
		display : none;
	}

	#data {
		left : 1vw;
		right: 1vw;

	}
	
	#responsive-menu {
		height: 30px;
		position: fixed;
		right: 30px;
		margin-right: 10px;
	}
	
	.menu-item-close {
		visibility : hidden;
		display : none ;
	}
	.menu-item-open {
		visibility : visible;
		display : inline-grid ;
		background-color : grey;
		z-index : 100;
	}
	
	.menu-language-close {
		visibility : hidden;
		display : none ;
	}
	.menu-language-open {
		visibility : visible;
		display : inline-grid ;
		background-color : grey;
		text-align:center;
		z-index : 100;
	}
	
	.padding-16 {
	padding-top:16px!important;
	padding-bottom:16px!important;
}

.black {
	color:#fff!important;
	background-color: rgba(0, 0, 0, 0.75);
}

.button-slides-left {
	border:none;
	display:inline-block;
	padding:8px 10px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	white-space:nowrap;
	position:absolute;
	margin-left: -21px;
}

.button-slides-right {
	border:none;
	display:inline-block;
	padding:8px 10px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	white-space:nowrap;
	position:absolute;
	margin-left: 320px;
}

.button-slides-left:hover {
	color: lawngreen !important;
}
.button-slides-right:hover {
	color: lawngreen !important;
}

.display-left {
	height:181px;
	border-right: white 1px dotted;
	cursor: unset;
}

.display-right {
	height: 181px;
	border-left: white 1px dotted;
	cursor: unset;
}

.display-left:hover {
	color: lawngreen !important;
}

.display-right:hover {
	color: lawngreen !important;
}

.img-slides {
	width: 320px;
	height: 180px;
	margin: 0px;
	border-top: 1px dotted white;
	object-fit: fill;
}

.video-slide-nft {
	width: 320px;
	height: 180px;
	margin: 0px;
	border-top: 1px dotted white;
	object-fit: fill;
}

.top-presentation-slide {
	color: #fff !important;
	background-color: rgba(0, 0, 0, 0.75);
	font-size: 9px !important;
	width: 350px;
	margin: auto;
	padding: 6px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.ethereum-presentation-slide, .polygon-presentation-slide, .nft-presentation-slide {
	border-top : white 1px dotted;
	color:#fff!important;
	background-color: rgba(0, 0, 0, 0.75);
	font-size:18px!important;
	width: 350px;
	margin: auto;
	padding: 6px;
	margin-top: -4px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.nft-player {
	display: block;
	text-align: end;
}

.nft-description, .nft-protocol, .nft-collection {
	display : block;
	word-spacing: -5px !important;
}

.pointer {	
	cursor:pointer;
}

.nft-video-player-cmd {
width :150px;
text-align: left;
position:absolute;
}

.nft-video-player-title {
padding-left: 26px;
padding-top: 2px;
position: absolute;
word-spacing: -5px;
}
.nft-video-player-ico {
width :20px;
padding-top: 1px;
position: absolute;
}

.hidden-nft-ethereum-metadata, .hidden-nft-polygon-metadata, .hidden-nft-metadata {
	display : none;
}

#ethereum-loading, #polygon-loading, #nft-loading {
	width:20px;
}
#ethereum-loading img, #polygon-loading img, #nft-loading img {
	width:20px;
}
	
	
.nft-collection-protocol {
display:flex;
}
.nft-protocol-ico {
height :20px;
margin-top: -2px;
position: absolute;
right: 145px;
}

#nft-play-screen-button {
	position:absolute;
	z-index:100;
	font-size : 128px;
	display:block;
	margin-top: 30px;
	margin-left: 105px;
}

#slide-content {
display: inline-flex;
}

}


@media screen and (min-width : 800px) {

#index {
	border: none;
	cursor: pointer;
	background-color: transparent;
	width: 231px;
	padding-top: 1vw;
	background-image:url("../img/renaissance.ooo.logo.img.png");
	background-repeat:no-repeat;
	background-size: contain;
	background-position: center;
}

.mute {
	position: fixed;
	background-image: url('../img/ico/mute-ico.png');
	background-repeat: no-repeat;
	right: 1vw;
	top: 9px;
	z-index: 100 !important;
	width: 14px;
	height: 14px;
	background-size: contain;
}

.unmute {
	position: fixed;
	background-image: url('../img/ico/unmute-ico.png');
	background-repeat: no-repeat;
	right: 1vw;
	top: 9px;
	z-index: 100 !important;
	width: 14px;
	height: 14px;
	background-size: contain;
}

	nav {
		display: flex;
		right: 2vw;
	}
	
	#data {
		width : 720px;
		left : 1vw;

	}
	
	#responsive-menu {
		visibility : hidden;
		width : 0%;
	}
	
	#arrow {
		display: block;
		background-image: url("../img/renaissance.ooo.arrow.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		width: 16px;
		margin-left: 10px;
		margin-right: 4px;
	}
	
	#menu-item {
		visibility : visible;
		display : block;
	}
	
	#menu-language {
		visibility : visible;
		display : block;
	}
	
	#Language {
		right: 2.1vw;
		padding-right: 10px;
		position: fixed;
		margin: 0px;
	}
}
	
}

@media screen and (orientation: portrait) {

.mute {
	position: fixed;
	background-image: url('../img/ico/mute-ico.png');
	background-repeat: no-repeat;
	right: 1vw;
	top: 3px;
	z-index: 100 !important;
	width: 18px;
	height: 18px;
	background-size: contain;
}

.unmute {
	position: fixed;
	background-image: url('../img/ico/unmute-ico.png');
	background-repeat: no-repeat;
	right: 1vw;
	top: 3px;
	z-index: 100 !important;
	width: 18px;
	height: 18px;
	background-size: contain;
}

	header {
		display : block;
		z-index: 90 !important;
		border-bottom : 1px solid white;
		margin-right : 1vw;
		margin-left : 1vw;
		width : 98vw;
		top:1px;
	}
	
	#renaissance-background-video {
		position: fixed;
		width: 100vh !important;
		height: 100vh !important;
		object-fit: cover;
		margin-left: 0vh;
		transform: rotate(90deg);
		z-index: -1 !important;
	}
	
	.mute {
	top: 6px;
	}

	.unmute {
	top: 6px;
	}
	
	@media screen and (max-width : 800px)  {
	
	#index {
	border: none;
	cursor: pointer;
	background-color: transparent;
	width: 231px;
	height: 30px;
	padding-top: 1vw;
	background-image:url("../img/renaissance.ooo.logo.img.png");
	background-repeat:no-repeat;
	background-size: contain;
	background-position: center;
}

	nav {
		display: inline-grid;
		width : 100%;
	}
	
	#arrow {
		display : none;
	}

	#data {
		left : 1vw;
		right: 1vw;

	}
	
	#responsive-menu {
		height: 30px;
		position: fixed;
		right: 7vw;
		margin-right: 10px;
	}
	
	.menu-item-close {
		visibility : hidden;
		display : none ;
	}
	.menu-item-open {
		visibility : visible;
		display : inline-grid ;
		background-color : grey;
		z-index : 100;
	}
	
	.menu-language-close {
		visibility : hidden;
		display : none ;
	}
	.menu-language-open {
		visibility : visible;
		display : inline-grid ;
		background-color : grey;
		text-align:center;
		z-index : 100;
	}
	
	#data-subtitle {
		text-align: left;
	}
}

@media screen and (max-width : 480px) { 

.padding-16 {
}

.black {
	color:#fff!important;
	background-color: rgba(0, 0, 0, 0.75);
}

.button-slides-left {
	border:none;
	display:inline-block;
	padding:8px 10px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	white-space:nowrap;
	position:absolute;
	margin-left: -21px;
}

.button-slides-right {
	border:none;
	display:inline-block;
	padding:8px 10px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	white-space:nowrap;
	position:absolute;
	margin-left: 0px;
}

.button-slides-left:hover {
	color: lawngreen !important;
}
.button-slides-right:hover {
	color: lawngreen !important;
}

.display-left {
	height:163px;
	border-right: white 1px dotted;
	cursor: unset;
}

.display-right {
	height: 163px;
	border-left: white 1px dotted;
	cursor: unset;
	margin-left: 288px;
}

.display-left:hover {
	color: lawngreen !important;
}

.display-right:hover {
	color: lawngreen !important;
}

.img-slides {
	width: 288px;
	height: 162px;
	margin: 0px;
	border-top: 1px dotted white;
	object-fit: fill;
}

.video-slide-nft {
	width: 288px;
	height: 162px;
	margin: 0px;
	border-top: 1px dotted white;
	object-fit: fill;
}

.top-presentation-slide {
	color: #fff !important;
	background-color: rgba(0, 0, 0, 0.75);
	font-size: 9px !important;
	width: 318px;
	margin: auto;
	padding: 6px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.ethereum-presentation-slide, .polygon-presentation-slide, .nft-presentation-slide {
	border-top : white 1px dotted;
	color:#fff!important;
	background-color: rgba(0, 0, 0, 0.75);
	font-size:18px!important;
	width: 318px;
	margin: auto;
	padding: 6px;
	margin-top: -4px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.nft-player {
	display: block;
	text-align: end;
}

.nft-description, .nft-collection, .nft-protocol {
	display : block;
	word-spacing: -5px !important;
}

.pointer {	
	cursor:pointer;
}

.nft-video-player-cmd {
width :150px;
text-align: left;
position:absolute;
}

.nft-video-player-title {
padding-left: 26px;
padding-top: 2px;
position: absolute;
word-spacing: -5px;
}
.nft-video-player-ico {
width :20px;
padding-top: 1px;
position: absolute;
}

.hidden-nft-ethereum-metadata, .hidden-nft-polygon-metadata, .hidden-nft-metadata {
	display : none;
}

#ethereum-loading, #polygon-loading, #nft-loading {
	width:20px;
}
#ethereum-loading img, #polygon-loading img, #nft-loading img {
	width:20px;
}

.nft-collection-protocol {
display:flex;
}
.nft-protocol-ico {
height :20px;
padding-top: 1px;
position: absolute;
right: 20px;
}

#nft-play-screen-button {
	position:absolute;
	z-index:100;
	font-size : 96px;
	display:block;
	margin-top: 35px;
	margin-left: 105px;
}


#slide-content {
display: inline-flex;
}

}

@media screen and (min-width : 800px) {

#index {
	border: none;
	cursor: pointer;
	background-color: transparent;
	width: 231px;
	padding-top: 1vw;
	background-image:url("../img/renaissance.ooo.logo.img.png");
	background-repeat:no-repeat;
	background-size: contain;
	background-position: center;
}

	nav {
		display: flex;
		right: 2vw;
	}
	
	#data {
		width : 720px;
		left : 1vw;

	}
	
	#responsive-menu {
		visibility : hidden;
		width : 0%;
	}
	
	#arrow {
		display: block;
		background-image: url("../img/renaissance.ooo.arrow.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		width: 16px;
		margin-left: 10px;
		margin-right: 4px;
	}
	
	#menu-item {
		visibility : visible;
		display : block;
		background-color: transparent;

	}
	
	#menu-language {
		visibility : visible;
		display : block;
	}
	
	#Language {
		right: 2.1vw;
		padding-right: 10px;
		position: fixed;
		margin: 0px;
	}
}
}