a {
	text-decoration:none;
	color:#48484C;
}
a.bright { color:#666; }
a.red { color:#911; }
html, body {
	padding:0px;
	margin:0px;
	background:#181818;
	color:#111;
	width:100%;
	min-height:100%;
	display:flex;
	flex-direction:column;
	justify-content:space-around;
	align-items:center;
	font-family:Arial;
	overflow:hidden;
	user-select:none;
	-moz-user-select:none;
	--mh:100vh;
}
html, body .scrollable { overflow:auto;}
.header {
	position:absolute;
	display:none;
	justify-content:space-between;
	align-items:center;
	width:100%;
	top:0px;
	left:0px;
	background:#000;
	color:#888;
	padding:6px 12px;
	box-sizing:border-box;
	z-index:1;
	font-size:.85em;
	border-bottom:3px solid #555;
}
.main {
	position:relative;
	width:100%;
	min-height:calc(100vh - 50px);
	max-height:calc(100vh - 50px);
	overflow-x:hidden;
	overflow-y:auto;
	display:flex;
}
.cont {
	display:flex;
	flex-direction:column;
	justify-content:space-around;
	align-items:center;
	min-height:calc(100% - 50px);
	width:100%;
}
.txt_block {
	color:#888;
	max-width:80%;
	text-align:justify;
	font-size:.9em;
}
.footer {
	--col_link:#505054;
	position:absolute;
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:100%;
	top:calc(var(--mh) - 50px);
	height:50px;
	left:0px;
	color:var(--col_link);
	padding:6px 16px;
	box-sizing:border-box;
	z-index:1;
	font-size:.8em;
	font-weight:bold;
	/*background:#080808;
	border-top:3px solid #222;*/
}
.lang {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:100%;
}
.lang > a { 
	font-size:0.8em;
	color:#666;
}
/*.links {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.links > span {
	padding:1px 8px;
	min-height:90%;
	min-width:45px;
	text-align:center;
	cursor:pointer;
}
.links > :nth-child(-n+1){
	border-right:2px solid rgba(80,80,80,.9);
}
.links > :last-child { 
	min-width:100px;
}*/
svg {
	width:auto;
	height:200px;
	opacity:1;
	fill:#48484C;
	border:none;
	outline:none;
}
.icons {
	display:flex;
	justify-content:space-around;
	width:80%;
	box-sizing:border-box;
	padding-right:2vw;
}
.icons a { 
	text-align:center;
	border:none;
	outline:none;
}
.icons a:nth-child(4) svg {
	height:180px;
	margin-top:18px;
}
#mp { display:none; }

.icon {
	display:flex;
	justify-content:space-around;
	width:22vw;
	height:22vw;
	background:#000;
	border-radius:50%;
}
::-webkit-scrollbar { display: none; }
.pt { margin-top:40px; }
.ca { align-items:center; }
.na { align-items:none; }
.nta { text-align:left; }
.nj { justify-content:flex-start; }
#c_1, #c_2, #c_3 { display: none; }

@media screen and (max-width:480px) and (max-height:840px) {
	.icons {
		height:calc(100vh - 50px); 
		flex-direction:column;
		width:100%;
		padding-right:0;
	}
	.icons p:first-child { flex:0 0 5%; }
	.icons p:last-child { flex:0 0 14%; }
	svg { 
		height:120px; 
	}
	.icons a:nth-child(4) svg {
		height:112px;
	}
	#mp { display:block; }
	#c_1 { padding-bottom:7vh; }
}

@media screen and (max-height:480px) and (max-width:840px) {
	.icons {
		height:calc(100% - 50px); 
		width:100%;
		align-items:center;
		padding-bottom:15vh;
		padding-right:4vw;
	}
	svg { 
		height:120px; 
	}
	.icons a:nth-child(4) svg {
		height:108px;
		margin-top:8px;
	}
	#c_1 { padding-bottom:7vh; }
}