@font-face {
	font-family: 'NimbusMonLReg';
	src: url("font/NimbusMonLReg.eot");
	src: url("font/NimbusMonLReg.eot?#iefix") format("embedded-opentype"),
	url("font/NimbusMonLReg.woff") format("woff"),
	url("font/NimbusMonLReg.ttf") format("truetype"),
	url("font/NimbusMonLReg.svg#kimberley") format("svg");
}

@font-face {

	font-family: 'NimbusSansDOTReguCond';
	src: url("font/NimbusSansDOTReguCond.eot");
	src: url("font/NimbusSansDOTReguCond.eot?#iefix") format("embedded-opentype"),
	url("font/NimbusSansDOTReguCond.woff") format("woff"),
	url("font/NimbusSansDOTReguCond.ttf") format("truetype"),
	url("font/NimbusSansDOTReguCond.svg#kimberley") format("svg");
}

@font-face {
	font-family: 'NimbusSansDOTRegu';
	src: url("font/NimbusSansDOTRegu.eot");
	src: url("font/NimbusSansDOTRegu.eot?#iefix") format("embedded-opentype"),
	url("font/NimbusSansDOTRegu.woff") format("woff"),
	url("font/NimbusSansDOTRegu.ttf") format("truetype"),
	url("font/NimbusSansDOTRegu.svg#kimberley") format("svg");
}

@font-face {
	font-family: 'NimbusRomNo9LReg';
	src: url("font/NimbusRomNo9LReg.eot");
	src: url("font/NimbusRomNo9LReg.eot?#iefix") format("embedded-opentype"),
	url("font/NimbusRomNo9LReg.woff") format("woff"),
	url("font/NimbusRomNo9LReg.ttf") format("truetype"),
	url("font/NimbusRomNo9LReg.svg#kimberley") format("svg");
}
html,
body
 {


		-webkit-font-smoothing: antialiased;
}
@-webkit-keyframes bw {
	

	0% {

		background-color: white;
	}

	97% {

		background-color: white;
	}

	100% {

		background-color: transparent;
	}
}



@-webkit-keyframes icon {
	0% {

opacity: 0;
	}

	97% {

		opacity: 0
	}

	100% {

opacity: 1;
	}
}
::selection {
	color: #CECECE;
	background-color: rgba(0,0,0,0.00)
}

* {

	color:black;
font-family: 'NimbusRomNo9LReg';
	box-sizing: border-box;
	margin: 0;
	padding: 0;

}


.cr{
	position: fixed;
	width: 100vw;
	height: 100vh;

}



.year{

font-family: 'NimbusRomNo9LReg';
}
body {

font-family: 'NimbusSansDOTReguCond';
display: none;
}

.back {

	position: fixed;
	top:0;
	left:0;
	height: 100vh;
	width: 100%;
	background-color: white;
	z-index: 0;
}

.copy {
	
cursor: vertical-text;

	font-size: 15px;
	line-height:1vw;
	z-index: 700;

	display: flex;
margin-top: 1.2vw;
margin-left: 49.5vw;
	animation-delay: 4s;
	position: fixed;
-webkit-transform-origin: left top;
    -webkit-transform:rotate(-90deg) translateX(-100%);
	font-family: 'NimbusSansDOTRegu';	


}
.copy a{  
	font-family: 'NimbusSansDOTRegu';	
color: black;
}

[st]{
font-family: 'NimbusSansDOTReguCond';
width: auto;


}
[id]{	font-family: 'NimbusSansDOTRegu';



	}

.cli{
font-family: 'NimbusSansDOTReguCond';
position: absolute;
right: 1vw;

}
[ti]{font-family: 'NimbusSansDOTReguCond';

width: 12vw;
}
[to]{	font-family: 'NimbusMonLReg';

width: 12vw;
}
[tx] {

text-decoration-line: line-through;
}


.rs{
		font-family: 'NimbusSansDOTRegu';	
color: black;
	margin-right: 8px;

}
.left {	font-family: 'NimbusSansDOTRegu';}
.right{	

	font-family: 'NimbusMonLReg';}
[about] {

	font-family: 'NimbusSansDOTReguCond';
}
.ig{

	font-family: 'NimbusSansDOTRegu';	
}
[about]{

	font-family: 'NimbusSansDOTRegu';	
}


.this{
	padding-left: 15px;
top:0px;
	display: inline-flex;
}
.this2{
		
	position: absolute;
margin-left: 50.5vw;
padding-left: 0px;
	display: flex;
}

.gradient{
display: none;
	position: fixed;
	z-index: 1;
	top:0;
	margin-left: 15px;
	left:40vw;
	width: 10vw;
	height: 100vh;
 background: linear-gradient(0.25turn, white,#F2F2F2,white,#9B9B9B);
}
.gradient2{
display: none;
	position: fixed;
	z-index: 1;
	top:0;

	right:calc(40vw - 15px);
	width: 10vw;
	height: 100vh;
 background: linear-gradient(0.25turn, #9B9B9B,white,#F2F2F2, white);
}
.credits { 

opacity: 0.05;
	top:15vw;
	position: relative;
	z-index: 200;

width: 100vw;
	transition: 0s;
	margin-left:0vw;
	font-size: 1.4vw;
	line-height: 1.7vw;
	font-family: 'NimbusSansDOTReguCond';

}
[cre]:hover .credits{
opacity: 1;


}

.center{
width: 70vw;
text-align: center;

}
.column {

display: absolute;
max-height: content;
	font-family: 'NimbusSansDOTReguCond';
	width: 15vw;

	

}
.column2 {


	font-family: 'NimbusSansDOTReguCond';
	margin-right:50px;
	width: auto;
	margin-left: 10px;

}
.tittle {
	font-family:'NimbusRomNo9LReg';


}

.line {
			font-family: 'NimbusSansDOTReguCond';
	display: flex;





}
.line a {
	text-align: center;
	font-family: 'NimbusRomNo9LReg';


	width: 25px;
	margin-right: 20px;
	margin-left: -10px;
}

.note {
		font-size: 1vw;
	line-height: 1.2vw;
	width: 60%;

	font-family: 'NimbusMonLReg';


	color:red;
}

.note a{

	font-family: 'NimbusMonLReg';
}

.buy {
	font-size: 1.4vw;
	line-height: 1.7vw;


	margin-left: 51.5vw;
	z-index: 201;
		transition: 0s;

		opacity: 0.05;

top:1vw;
	position: fixed;
text-align: left;
	



	

	font-family:'NimbusRomNo9LReg';

}



.links {


width: 48vw;



font-family:'NimbusRomNo9LReg';

}


.links a span {
	position: absolute;
	left: 0;
	width: 50px;
		font-family:'NimbusSansDOTRegu';
		

}
.links a{
	color: black;



}
.linkss{


	font-family:'NimbusSansDOTRegu';

}

.lin{

	display: flex;
}

.about 
{

font-size: 2.4vw;
	line-height: 2.6vw;
z-index: 100;
	transition: 0s;

right:0px;
	opacity: 0.05;
padding-left: 0px;
position: absolute;
	width: 48.5vw;
top:0.8vw;
	padding-right: 10px;


	font-family:'NimbusSansDOTRegu';
}

.footer {

	mix-blend-mode: difference;
	z-index: 700;
font-size: 6.5vw;
	position: fixed;
	bottom: 1vw;


}


[tw]{

	mix-blend-mode: difference;
	color: white;
	cursor: pointer;
	z-index: 100;

	animation-duration: 1s;
	animation-delay: 1s;


}
[tw] span{
	color: white;
	line-height: 0px;
	font-family: 'NimbusSansDOTReguCond';


}
[mag]{
	mix-blend-mode: difference;
	color: white;
	z-index: 100;	

	animation-duration: 1s;
	animation-delay: 1.5s;
}
[cre]{
	mix-blend-mode: difference;
	color: white;
	cursor: pointer;
	z-index: 100;


	animation-duration: 1s;
	animation-delay: 2s;


}
	[buy]{
		mix-blend-mode: difference;
		color: white;
		cursor: pointer;
		z-index: 100;
	
		animation-duration: 1s;
		animation-delay: 2.5s;
	}
	[issue]{
		mix-blend-mode: difference;
		color: white;
		z-index: 300;

		animation-duration: 1s;
		animation-delay: 3s;

	}
		[oo]{
			mix-blend-mode: difference;
			color: white;
			z-index: 300;

			animation-duration: 1s;
			animation-delay: 3.5s;
		}


		.row {
			display: flex;
			width: 100vw;
			position: relative;
		}

		.left {	
			width: 48.5vw;
			justify-content: space-between;
			padding-left: 1vw;
			display: flex;
		}

		.right{
margin-top: 1vw;
	display: flex;
			width: 48.5vw;
			justify-content: space-between;
					padding-left: 1vw;


		}


		

.header {

	z-index: 700;
	font-size: 6.5vw;
	top:1vw;
	position: fixed;

	mix-blend-mode: exclusion;

}
.bot{

			background-color: white;
			line-height: 4.5vw;

		}

		[c] {  
			padding-top:0.3vw;
			font-family: 'NimbusSansDOTReguCond';

		}
		[s] {

			padding-top:1.9vw;
			line-height: 3.1vw;


			font-family: 'NimbusRomNo9LReg';

			} 
			a{
				color: black;

				text-decoration: none;
			}

			a:hover {}

.about a:hover{
color: black;

}
			[about] {

				font-family: 'NimbusSansDOTReguCond';

			}

			.ig{

				font-family: 'NimbusSansDOTRegu';	
			}


			[about]{

				font-family: 'NimbusSansDOTRegu';	
			}

				

			div.q_slider_inner { 

				display: none; 
				left:50%;
				top:50%;
				transform: translate(-50%,-50%);
				position: fixed;
				z-index: 500;

			}
			div.q_slider_inner2 { 

				display: none; 
				left:50%;
				top:50%;
				transform: translate(-50%,-50%);
				position: fixed;

			}


			img {
				z-index: 99900;
				mix-blend-mode: difference;
				cursor:zoom-in;
				width:15vw;
				transition:10s;
				transition-timing-function: linear;
			}

			img:hover {
		opacity: 1;
				width: 100vw;


			}


			img:hover .text {

				opacity: 0;

			}


.movil { 

display: none;

 }
.random2{

	display: none;


}
.random_mobile{display: none}



.hidden { display: none }


.text{
		font-family: 'NimbusRomNo9LReg';
	font-size: 1.4vw;
	line-height: 1.7vw;
	margin-left: 0px;
}









.im {
	font-family: 'NimbusSansDOTReguCond';
	display: block;
}

		@media only screen and (max-height : 1366px) and (max-width : 1024px) {


.text{
	font-family: 'NimbusRomNo9LReg';
	font-size: 6vw;
	line-height: 7vw;
	margin-left: 0px;
}



[ti]{font-family: 'NimbusSansDOTReguCond';

width: 50vw;
}

.cl{

		font-size: 6vw;
	line-height: 7vw;
 }
 .cli{		font-size: 6vw;
	line-height: 7vw;
	right: 2vw;

 }


 .note{	width: 100%;
padding-right: 2vw;
padding-left: 0px;
font-size: 4vw;
	line-height: 5vw;

 }


.copy {
	
cursor: vertical-text;
-webkit-transform-origin: 0 0;
    -webkit-transform:rotate(0deg) translateX(0%);
	color: black;
	font-size: 4.2vw;
	line-height:1vw;
	z-index: 700;

	display: flex;
margin-right: 0px;
margin-left: 0px;
top: 2.5vw;
left: 2vw;
	position: absolute;

	font-family: 'NimbusSansDOTRegu';	


}
.buyy {
	

	padding-left: 2vw;
	transition: 0s;
	opacity: 0;
opacity: 0.05;
	position: fixed;
	width: 100VW;
	margin-top: 8vw;
	font-family:'NimbusRomNo9LReg';


}

.creditss { 
	
	position: fixed;
	z-index: 100;
	transition: 0s;
opacity: 0.05;
	margin-top: 8vw;
	padding-left: 2vw;
	font-family:'NimbusSansDOTReguCond';
	width: 100%;
font-size: 6vw;
	line-height: 7vw;



}
						.aboutt {
			padding-left: 2vw;
	position: fixed;
	font-family:'NimbusSansDOTRegu';
	z-index: 100;
	transition: 0;
opacity: 0.05;
	

	margin-top: 8vw;
	width: 98%;
	font-size: 7vw;
	line-height: 7vw;

}


				




.hidden { display: block}
	
.random2{
position: fixed;
	display: block;


}
.random{


	display: none


}

.movil { 
z-index: 1000;
display:block;

 }
.tittle {
	font-family:'NimbusRomNo9LReg';

}

.line {

	margin: 2vw;
display: flex;

}
.li {


display: flex;

}

.li {
font-family: 'NimbusSansDOTReguCond';
	display: flex;





}
.li a {
	font-family: 'NimbusRomNo9LReg';

	text-align: center;
	width: 4vw;
	margin-right: 5vw;
	margin-left: 0px;
}
[di] {

margin-left: -3px;

}



.foot {

	font-size: 50px;

}
[tww]{

	cursor: pointer;
	z-index: 100;

	animation-duration: 1s;
	animation-delay: 1s;
		margin-right: 0px;


}
[tww] span{
font-family: 'NimbusSansDOTReguCond';
line-height: 0px;

}
[magg]{
	z-index: 1000000;	

	animation-duration: 1s;
	animation-delay: 1.5s;
		margin-right: 0px;
		position: absolute;
		right: 2vw;
}

[issuee]{
	z-index: 1000000;
margin-left: 0vw;
left:0px;
	animation-duration: 1s;
	animation-delay: 2s;

}
[ooo]{
		position: absolute;
		right:2vw;
	z-index: 600;

	animation-duration: 1s;
	animation-delay: 2.5s;
}


[cree]{
	cursor: pointer;
	z-index: 1000000;

	animation-duration: 1s;
	animation-delay: 3s;
		margin-right: 0px;
left:2vw;
	}
[buyy]{
	cursor: pointer;
	z-index: 600;
position: absolute;
	animation-duration: 1s;
	animation-delay: 3.5s;
	right:2vw;


}

.head {
	top:7vw;
	position: relative;
width: 100%;
	font-size:14vw;
}

.bot{

			background-color: black;
			line-height: 11vw;

		}

		[c] {  
			padding-top:0.1vw;
			font-family: 'NimbusSansDOTReguCond';

		}
		[s] {

			padding-top:4vw;
			line-height: 7vw;


			font-family: 'NimbusRomNo9LReg';}




.column {
margin-left: 5px;

	font-size: 20px;
}
.column-large {
margin-left: 5px;

	font-size: 20px;
}


.im {
	font-family: 'NimbusSansDOTReguCond';
	display: block;
}



img {
		cursor:zoom-in;
		width: auto;
		margin-top:0px;
		height:35vh;
		transition:10s;
		transition-timing-function: linear;
		}

	img:hover {
		width: auto;



		}

		div.q_slider_inner2 { 

		font-family: 'NimbusSansDOTReg';

		display: none; 
		left:50%;
		top:58%;
		transform: translate(-50%,-50%);
		position: fixed;

	}




.desktop{
	display: none;
}

.movil { 

display:block;

 }




		}