@font-face {
    font-family: 'space';
    src: url('./fonts/cairo-variablefont_slntwght-webfont.woff2') format('woff2'),
         url('./fonts/cairo-variablefont_slntwght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'inter';
    src: url('./fonts/cairo-variablefont_slntwght-webfont.woff2') format('woff2'),
         url('./fonts/cairo-variablefont_slntwght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ebb';
    src: url('./fonts/ebbtype.woff2') format('woff2'),
         url('./fonts/ebbtype.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}


.topband{
	
	position:fixed;
	top:0;
	left:0;
	width:80vw;
	height:20vh;
	//background-color:#FFFFFF;
	z-index:1000;
	
}



.cross{
	
	position:absolute;
	top:0.3vw;
	right:0.3vw;
	
	width:2vw;
}

.righter{
	
	position:fixed;
	top:0;
	right:0;
	width:25%;
	height:100vh;
	background-color:#FFFFFF;
	z-index:1005;
	border-left: 0.5vh solid #A0A0A0;
}



.onePic{
	position:relative;
	width: 14vw; 
	height: 14vw; 
	margin:2vw;
	border: 0.3vh solid #A0A0A0;
	box-shadow: 0.3vh 0.3vh 0px #404040;
	border-radius: 0.5vh;
	
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}

.onePicT{
	position:relative;
	display: inline-block;

	width: 7.8vw;/*12vw;*/ 
	height: 8.2vw;/*10vw;*/ 
	margin: 1vw 1.8vw;
	border: 0.3vh solid #000000;
	box-shadow: 0.2vh 0.2vh 0px #000000;
	border-radius: 0.5vh;
	
	background-position:center 5%;
	background-size:cover;
	background-repeat:no-repeat;
}




.alert{
	position:fixed;
	font-family:'space';
	font-weight:bold;
	color:#000000;
	font-size:4vh;	
	text-align:center;
	border: 0.3vh solid #000000;
	box-shadow: 0.2vh 0.2vh 0px #000000;
	border-radius: 0.5vh;
	
	padding:6vw;
	background-color:#FFFFFF;
	z-index:2000;
}





.popselin{
	position:absolute;
	height:90%;
	width:30vw;
	background-color:#FFFFFF;
	
	border: 0.3vh solid #A0A0A0;
	box-shadow: 0.3vh 0.3vh 0px #404040;
	border-radius: 2vh;
	text-align:center;
}




.popmailin{
	position:absolute;
	height:24%;
	width:30vw;
	background-color:#FFFFFF;
	
	border: 0.3vh solid #A0A0A0;
	box-shadow: 0.3vh 0.3vh 0px #404040;
	border-radius: 0.5vh;
	text-align:center;
}





.ebb{
	font-family:'ebb';
}


.nftum{
	
	image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
    image-rendering: -moz-crisp-edges;          /* Firefox                        */
    image-rendering: -o-crisp-edges;            /* Opera                          */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
    image-rendering: pixelated;                 /* Universal support since 2021   */
    image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */
	
}

.bgco{
	
	background-image:url('../imgs/bg.png');
	
	background-position:center 20vh;
	
	background-size:100% auto;
	
	background-repeat:no-repeat;
	
}

table,tr,td,div, tbody{
	background-color:transparent;
	
	
}
.middled{
	
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


.middledX{
	
	position: absolute;
	
	left: 50%;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.middledY{
	
	position: absolute;
	
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}


.ctn{
	
	text-align:center;
	padding:5vh;
}

.twico{
	text-align:left;
	font-family:'space';
	font-weight:bold;
	color:#000000;
	font-size:8.5vh;	
	line-height:125%;
}



.paster{
	
	font-family:'space';
	font-weight:bold;
	color:#000000;
	font-size:3vh;	
	padding:3vh;
	
	background-color:#FFFFFF;
	border: 0.75vh solid #000000;
	border-radius: 2vh;
	text-align:left;
	position:relative;
}




.bigbutt{
	
	font-family:'space';
	font-weight:bold;
	color:#000000;
	font-size:3vh;	
	padding-bottom	:3vh;
	padding-top		:3vh;
	background-color:#FFCE00;
	border: 0.3vh solid #000000;
	box-shadow: 0.2vh 0.2vh 0px #000000;
	border-radius: 0.5vh;
	text-align:center;
	
}

.lilibut{
	
	font-family:'space';
	font-weight:bold;
	color:#FFFFFF;
	font-size:1.5vw;	
	padding-bottom	:0.5vh;
	padding-top		:1vh;
	margin-top		:1vh;
	padding-left:2vh;
	padding-right:2vh;
	margin-left: 2vh;
	margin-right:2vh;
	background-color:#DF70DC;
	//border: 0.3vh solid #000000;
	//box-shadow: 0.2vh 0.2vh 0px #000000;
	border-radius: 1.5vh;
	text-align:center;
	display:inline-block;
}
.lilibutBLUE{
	
	font-family:'space';
	font-weight:bold;
	color:#FFFFFF;
	font-size:1.5vw;	
	padding-bottom	:0.5vh;
	padding-top		:1vh;
	
	padding-left:2vh;
	padding-right:2vh;
	margin-left:1vh;
	background-color:#6AFAB9;
	//border: 0.3vh solid #000000;
	//box-shadow: 0.2vh 0.2vh 0px #000000;
	border-radius: 2vh;
	text-align:center;
	display:inline-block;
}
.lilunseled{
	
	border: 0.1vh solid #404040;
	background-color:#FFFFFF;
	color:#404040;
}


.bigbuttTw{
	
	font-family:'space';
	font-weight:bold;
	color:#000000;
	font-size:5vh;	
	padding-bottom	:3vh;
	padding-top		:3vh;
	background-color:#1DA1F2;
	border: 0.75vh solid #000000;
	box-shadow: 0.5vh 0.5vh 0px #000000;
	border-radius: 1vh;
	text-align:center;
	
}

.tinybutt{
	display:inline-block;
	width:34.5vh;
	margin-left:5vh;
	font-size:4.5vh;	
	text-align:center;
	
}

.simbut{
	font-size:2.5vh;	
	text-align:center;
	padding:1vh;
	display:inline-block;
	width:auto;
}


.avatar{
	border: 0.5vh solid #FFFFFF;
	border-radius: 50%;
	
}
.BOTOMER{
	background-color:transparent !important;
	position:fixed;
	width:100%;
	bottom:2vh;
	
	}
.explipad{
	padding:5vh;
	
}
.expli{
	font-family:'space';
	font-size:2vh;
	color:#404040;
	font-weight:bold;
	line-height:150%;
	padding:2vh;
}
.expli>span{
	font-weight:bold;
	font-size:2vh;
	color:#DF70DC;
}



.head{

	background-color:#FFCE00;
	border-bottom: 1vh solid #000000;
	font-family:'space';
	font-weight:normal;
	color:#000000;
	font-size:5vh;
	
	padding:5vh;
	padding-top:10vh;
	padding-bottom:5vh;
	
	white-space:no-wrap;

}


.ctrtab{
	font-family:'inter';
	font-weight:normal;
	color:#000000;
	font-size:2vh;
	
}

.fric{
	font-family:'space';
	font-weight:bold;
	color:#000000;
	background-color:#FFFFFF;
	font-size:3vh;	
	border: 0.2vh solid #000000;
	box-shadow: 0.2vh 0.2vh 0px #000000;
	border-radius: 1vh;
	padding:1vh 1vh 1vh 1vh;
	line-height:100%;
	display:inline-block;
	margin-right:4vh;
	white-space:nowrap; 
	
}


.tnf{
	border: 0.75vh solid #000000;
	box-shadow: 0.5vh 0.5vh 0px #000000;
	border-radius: 1vh;
	
}
.yell{
	border: 0.75vh solid #FFCE00;
	box-shadow: 0.5vh 0.5vh 0px #FFCE00;
	border-radius: 1vh;
	
}

.piqr{
	border: 0.5vh solid #000000;
	box-shadow: 0.5vh 0.5vh 0px #000000;
	border-radius: 1vh;
	
}

.explitex{
	font-family:'inter';
	color:#5B5B5B;
	font-size:2vh;	
	text-align:left;
	line-height:165%;
}



.cgur{
	font-family:'inter';
	color:#5B5B5B;
	font-size:1.5vh;	
	text-align:left;
	line-height:100%;
	font-style:italic;font-weight:normal;
	padding-top:1.5vh;
}



.title{
	font-family:'space';
	font-weight:bold;
	color:#6AFAB9;
	background-color:#A0A0A0;
	font-size:4vh;	
	text-align:left;
	min-width:100%;
	
}


.exblock{
	border: 0.75vh solid #000000;
	box-shadow: 0.5vh 0.5vh 0px #000000;
	border-radius: 1vh;
	background-color:#000000;
	color:#FFFFFF;
	text-align:left;
	line-height:200%;
	font-family:'space';
	font-weight:normal;
	font-size:3.6vh;	
	margin-top:3vh;
	
}
.extitle{
	font-family:'space';
	font-weight:bold;
	font-size:7vh;	
	padding-bottom:3vh;
}
.exsub{
	font-family:'space';
	font-weight:normal;
	font-size:5vh;	
	padding-bottom:3vh;
}
.extext{
	font-size:4vh;	
	padding-bottom:1.5vh;
}

.nfim{
	
	background-size:cover;
	height:90vh;
	
}

.shopblock{
	border: 0.75vh solid #000000;
	box-shadow: 0.5vh 0.5vh 0px #000000;
	border-radius: 1vh;
	background-color:#FFFFFF;
	color:#000000;
	text-align:left;
	
	font-family:'inter';
	font-size:3.6vh;	
	margin-top:3vh;
	overflow:hidden;
	padding-bottom:5vh;
	
}


.attrib{
	border: 0.75vh solid #000000;
	box-shadow: 0.5vh 0.5vh 0px #000000;
	border-radius: 1vh;
	background-color:#1DA1F233;
	color:#1DA1F2;
	text-align:center;
	font-weight:bold;
	font-family:'inter';
	font-size:2vh;	
	margin-top:3vh;
	overflow:hidden;
	padding-bottom:3vh;
	padding-top:3vh;
	
	
	
}

.traival{
	font-family:'space';
	font-size:2vh;	
	color:#000000;
}

.bnfo{
	
	color:#000000;
	
	font-family:'space';
	font-weight:bold;
	font-size:3.6vh;	
	margin-top:3vh;
	overflow:hidden;
	padding-bottom:5vh;
	line-height:150%;
}
.onf{
	border: 0.75vh solid #000000;
	box-shadow: 0.5vh 0.5vh 0px #000000;
	border-radius: 1vh;
	background-color:#FFFFFF;
	color:#000000;
	text-align:left;
	margin-left:5vh;
	font-family:'space';
	font-weight:bold;
	font-size:1.5vh;	
	margin-top:3vh;
	overflow:hidden;
	padding-bottom:2vh;
	line-height:150%;
}
.onf > div{
	padding-left:1vh;
}
.onfat{
	color:#1DA1F2;
	
}

.shoptitle{
	font-family:'space';
	font-weight:bold;
	font-size:2vh;	
	padding-bottom:3vh;
}
.qrtex{
	font-family:'space';
	font-weight:bold;
	font-size:4vh;	
	padding-bottom:3vh;
}
.eximage{
	
	background-size:cover;
	height:29vh;
	
}
.artimg{
	
	background-size:cover;
	height:45vh;
	border: 0.75vh solid #000000;
	box-shadow: 0.5vh 0.5vh 0px #000000;
	border-radius: 1vh;
}



.exctn{
	padding:5vh;
	padding-bottom:3vh;
	position:relative;
}

.artblock{
	border: 0.75vh solid #000000;
	box-shadow: 0.5vh 0.5vh 0px #FFCE00;
	border-radius: 1vh;
	color:#FFFFFF;
	text-align:left;
	background-size:cover;
	font-family:'space';
	font-weight:bold;
	font-size:7vh;	
	margin-top:3vh;
}

.pad{
	
	padding:5vh;
	
}
.spe{
	padding-top:2vh;
	
}


.eye{
	font-family:'space';
	font-weight:bold;
	color:#000000;
	background-color:#FFFFFFAA;
	
	font-size:4vh;	
	display:inline-block;
	border-radius: 1vh;
	margin-left:5vh;
	padding:1vh 2vh 0.7vh 2vh;
	
}
.eyethin{
	font-family:'space';
	font-weight:bold;
	color:#000000;
	
	font-size:4vh;	
	text-align:left;
	
	
}
.irl{
	font-family:'inter';
	font-weight:bold;
	color:#000000;
	background-color:#FFCE00;
	
	font-size:3vh;	
	display:inline-block;
	border-radius: 1vh;
	margin-left:5vh;
	padding:1vh 2vh 0.9vh 2vh;
	
}
.more{
	
	
	font-family:'space';
	font-weight:normal;
	font-size:4vh;	
	color:#5B5B5B;
	
}



.olb{
	font-family:'space';
	font-weight:bold;
	font-size:3vh;	
	overflow:visible;
}



.artnam{
	font-family:'space';
	font-weight:bold;
	color:#000000;
	font-size:4vh;	
}


.menu{
	border-top:0.75vh solid #000000;
	position:fixed;
	bottom:0;
	left:0;
	width:100vh;
	z-index:1100;
	padding:5vh;
	padding-top:3vh;
	padding-bottom:3vh;
	background-color:#FFFFFF;
}


.menu > table{
	
	width:90vh;
	
}


.onm{
	font-family:'space';
	font-weight:normal;
	font-size:3vh;	
	color:#5B5B5B;
	
}

.onm > img{
	
	width:7vh;
	padding-bottom:1vh;
}

.onm > div{
	
	font-weight:bold;
}

.hexp{
	
	background-size:cover;
	color:#FFFFFF;
	
	
	
}

.nav
{
	font-family:'space';
	font-weight:bold;
	font-size:4vh;	
	color:#FFCE00;
	
}

.dots{
	
	font-weight:bold;
	color:#000000;
}
.moredot{
	display:none;
	
	
}



.popup{
	
	position:fixed;
	top:0;
	left:0;
	width:100vh;
	height:100vh;
	
	background-color:#000000BB;
	z-index:998;
	text-align:center;
}

.popqr{
	
	position:fixed;
	top:0;
	left:0;
	width:100vh;
	height:100vh;
	
	background-color:#FFFFFF;
	z-index:999;
	text-align:center;
}
.popinf{
	
	position:fixed;
	top:0;
	left:0;
	width:60vh;
	height:100vh;
	
	background-color:#FFFFFF;
	z-index:998;
	text-align:left;
	left: 50%;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	
	overflow-y:scroll;

}

.popctn{
	border: 0.75vh solid #000000;
	box-shadow: 0.5vh 0.5vh 0px #000000;
	border-radius: 1vh;
	background-color:#FFFFFF;
	color:#000000;
	text-align:left;
	
	font-family:'inter';
	font-size:4vh;	
	margin:5vh;
	overflow:hidden;
	padding:5vh;
	
}


.twimar{
	font-family:'space';
	font-weight:bold;
	color:#1DA1F2;
	font-size:5vh;	
	padding-right:5vh;
}
.marcontent > div{
	
	
	font-family:'space';
	font-weight:bold;
	color:#5B5B5B;
	font-size:5vh;	
	border: 0.5vh solid #5B5B5B;
	box-shadow: 0.5vh 0.5vh 0px #5B5B5B;
	border-radius: 1vh;
	padding:1vh 2vh 0.7vh 2vh;
	display:inline-block;
	margin-right:4vh;
	
	
}

.marquee {
	position: relative;
	width: 100vh;
	max-width: 100%;
	overflow-x: visible;
	height:10vh;
}

.martrack {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 10s linear infinite;
  
}

@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

input{
	font-family:'space';
	font-weight:normal;
	color:#000000;
	font-size:2vh;	
	outline :none;
	padding:0;
	border:none;
	padding:1vh;
	
	border: 0.3vh solid #000000;
	box-shadow: 0.2vh 0.2vh 0px #000000;
	border-radius: 0.5vh;
	
}


A{ font-family:'inter';font-weight:bold;color:#000000;text-decoration:none; }
A:active  { color:#000000;text-decoration:none;}
A:hover   { color:#000000;text-decoration:none;} 
A:visited { color:#000000;text-decoration:none;} 



.curs:hover
{
	cursor:pointer;
}
.curs:out
{
	cursor:default;
}