/*up*/

/*PLATE SHADOWS*/

	.up0{
	  /*-webkit-box-shadow: 0px 5px 15px -2px rgba(0,0,0,0.67); */
	  /*box-shadow: 0px 5px 15px -2px rgba(0,0,0,0.67);*/
	  /*z-index:0;*/
	}
	.up1{
	  /*-webkit-box-shadow: 0px 5px 15px -2px rgba(0,0,0,0.67); */
	  /*box-shadow: 0px 5px 15px -2px rgba(0,0,0,0.67);*/
	  z-index:1;
	}
	.up2{
	  /*original*/
	  /*box-shadow: 0px 5px 15px -2px rgba(0,0,0,0.67);*/
	  /*ORIGINAL USED:*/
	  box-shadow: 0px 5px 15px -2px rgba(0,0,0,var(--shadow-texture-opacity));
	  /*new*/
	  /*box-shadow: 0px 4px 14px 0px rgba(0,0,0,0.5);*/
	  /*box-shadow: 0px 4px 8px 0px rgba(0,0,0,var(--plate-texture-opacity));*/
	  /*box-shadow:0px 4px 10px -2px rgba(0,0,0,var(--shadow-texture-opacity));*/
	  /*others*/
	  z-index:2;
	}  
	.up3{
	  /*ORIGINAL USED:*/
	  /*-webkit-box-shadow: 0px 5px 15px -2px rgba(0,0,0,0.67); */
	  /*box-shadow: 0px 5px 15px -2px rgba(0,0,0,0.67);*/
	  /*NEW:*/
	  box-shadow: 0px 4px 12px -2px rgba(0,0,0,0.67);
	  z-index:3;
	} 
	.up4{
	  z-index:4;
	}
	.up5{
	  z-index:5;
	}         
	.up6{
	  z-index:6;
	} 
	
/*BRICK Shadows*/
/*h => higher*/
	
	.up2h{ 
	  /*original*/
	  -webkit-box-shadow: -2px 9px 15px 2px rgba(0,0,0,0.67); 
	  /*box-shadow:-2px 9px 15px 2px rgba(0,0,0,0.67);  */
	  box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.67);
	  /*new*/
	  /*box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.77);*/
	  /*box-shadow: 0px 4px 12px 0px rgba(0,0,0,var(--shadow-texture-opacity));*/
	}
	
	
/*GLOBAL SHADOWS*/

	.elem{
		/*box-shadow: 0px 5px 15px -2px rgba(0,0,0,var(--shadow-texture-opacity));*/
		/*filter: drop-shadow(0px 5px 15px rgb(0 0 0 / var(--shadow-texture-opacity)));*/
		filter: drop-shadow(0px 5px 5px rgb(0 0 0 / var(--shadow-texture-opacity)))
	}

	.shadow1{
		box-shadow:0px 4px 10px -2px rgba(0,0,0,var(--shadow-texture-opacity));
	}
	
	/*fix shadow(?)*/
	/*.fshadow {*/
		/* fix árnyék */
		/*box-shadow: -10px 10px 15px rgba(0, 0, 0, 0.5);*/
		/*box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.3); */
		/*transition: transform 1s linear;*/
	/*}*/

	.global-shadow{
	    /*filter: drop-shadow;*/
	    filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.3));
	}
	
	.gshadow{
	    /*filter: drop-shadow;*/
	    filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.3));
	}

	.gs1{
	    /*filter: drop-shadow;*/
	    filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.3));
	}	

	.gs2{
	    /*filter: drop-shadow;*/
	    filter: drop-shadow(0px 10px 5px rgba(0, 0, 0, 0.3));
	}	

/*AFTER SHADOWS*/
	
	.as1:after {
		content:" ";
		position: absolute;
		width: 100px;
		height: 100px;
		background: rgba(0, 0, 0, 0.3);
		filter: blur(10px);
		top: 10px;  /* Globális fény irányának megfelelően állítható */
		left: -10px;
		z-index: -1; /* Az árnyék a fő elem mögé kerül */
	}	
	
	.as2:after {
		content: " ";
		position: absolute;
		width: 100%;
		height: 10px;
		background: rgba(0, 0, 0, 0.3);
		filter: blur(3px);
		bottom: -5px;
		left: 0px;
		z-index: -1;
	}


/*Z-INDEX*/

	.z-index2{
	  z-index:2;
	}
	.z-index3{
	  z-index:3;
	}
	.z-index4{
	  z-index:4;
	}
	.z-index22{
	  z-index:22;
	}

/*down*/

	.down-1{
		z-index:-1;
	}

/*INNER-SHADOWS*/
	.depth-layer{
		/*background:rgba(0,0,0,0.67);*/
		background:rgba(0,0,0,0.5);
	}
	.depth0{
	  /*box-shadow: inset 0px 5px 10px rgba(0, 0, 0, 0.67);*/
	  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.67);
	}
	.depth1{
	  /*box-shadow: inset 0px 5px 10px rgba(0, 0, 0, 0.67);*/
	  box-shadow: inset 0px 4px 8px rgba(0, 0, 0, 0.67);
	}

/*@end*/