*{margin:0;padding:0;font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, Verdana, "Times New Roman", Times, sans-serif;font-size:medium;font-weight:400} /* 16px */
/*@import url("https://fonts.googleapis.com/css?family=Saira+Stencil+One&display=swap"); */ /* "Source Sans Pro", "Maven Pro","Yrsa", */
#price{/*font-family: "Source Sans Pro", "Maven Pro","Saira Stencil One","Black Han Sans", "Staatliches","Anton",cursive;*//*"stencil-std", "STENCIL","Stencil Bold","Stencil Cyrillic Bold", "Helvetica Pro Inserat Roman",Impact,"Arial Black",sans-serif;*/font-style: normal; font-weight: 900;font-size:x-large; font-weight:bold;font-stretch:normal} /* 23px "Solid Edge Stencil","Helvetica Neue World", Serif, */
h1{font-weight:900;font-size:x-large;/*font-family:"Source Sans Pro", "Maven Pro","Anton","Black Han Sans","Staatliches","Dhuriati","Neuton","Helvetica Neue","HelveticaNeue", "Helvetica", Arial, "Times New Roman", Times, Verdana, sans-serif;*/font-stretch:normal} /* 20px Fantasy,,#price*/
h2{font-weight:900;font-size:large;/*font-family:"Source Sans Pro", "Maven Pro","Black Han Sans","Staatliches","Dhuriati","Anton","Neuton","Black Han Sans","Helvetica Neue","HelveticaNeue", "Helvetica", Arial, "Times New Roman", Times, Verdana, sans-serif;*/font-stretch:normal}
	p {margin-bottom: 0.29em}
button,.button,.wrap{font-weight:900;/*font-family:"Source Sans Pro", "Maven Pro","Black Han Sans","Maven Pro","Solid Edge Stencil",Impact,"STENCIL","Stencil Bold","Stencil Cyrillic Bold","Arial Black",Fantasy;*/font-size:x-large;}
html,body{width:100%;height:100%}/* "Myriad Pro",Aharoni,Mistral,"Courier New",,sans-serif,verdana,tahoma,"Arial Black",Helvetica,"Arial-Narrow",Arial,,*/
html{display:inline-block}
body{overflow:hidden}
html{background-image:url(images/abstract1.jpg);background-size:auto auto;background-repeat:repeat;}
header{background:linear-gradient(to bottom right,black,dimgray);}/* background-image:url(images/abstract0.jpg*/
footer{background:radial-gradient(dimgray,black,dimgray);} /*background-image:url(images/abstract2.jpg)*/
header,footer{position:fixed;width:100%;}
header{left:0;top:0;right:0}
footer{left:0;bottom:0;right:0}
a{
	/*text-decoration:none;*/
	/*color:cornflowerblue*/
	}/*
a:hover{color:Crimson}
a:active{color;Indigo}
a:visited{color;Indigo}*/
#section,button,.button,#price,.sheet{background-color:white}
header,footer{color:Cornsilk} /* palegoldenrod */
figcaption,#section,#price,.wrap{color:black}
h1{background:linear-gradient(to bottom right,dimgray,black);
/*background:white;*/
color:gainsboro;
}
/*h1{color:black}*/
button,.button{color:Cornsilk} /* palegoldenrod */
header,figure,figcaption,footer,#price,.vignette{text-align:center}
#aside_top{position:absolute;left:75%;top:0;text-align:left}
.tab,.vignette{float:left}
#aside_top,#price{float:right}
header{border:tomato solid 1px;border-top:0;border-right:0;padding:0.5em} /* orange */
#section{border:black dotted 1px;}
h1{border:black solid 1px}/*,.item*/
figure {border:black dotted 1px}/*.vignette,.item*/
.sheet,.tab label,table,td,tr{border:gray solid 1px}
footer{border-top:1px solid tomato} /* orange */
#date:before{content:"-2020"}
table{border-collapse:collapse}
td{vertical-align:top;padding:10px}
#gallery{border-bottom:1px solid lightgray}
#price{border-radius:10px;border:1px dotted black}
h1,.wrap,.tab label{border-top-left-radius:19px}
button,.button,#section,.tab label{border-top-right-radius:19px}
header,#section{border-bottom-left-radius:19px}
button,.button{border-bottom-left-radius:19px}
button,.button{border-radius:19px}
audio,video{width:100%;min-height:100px;max-width:62%;height:auto}
footer{height:auto}
button,.button,.tab label{width:96px;height:48px}
 button,.button{font-size:large} /* 22px */
#wrapper{padding-left:25%;top:134px;bottom:24px;left:0;right:0;position:absolute;overflow-y:auto;hyphens:auto;overflow-y:scroll;text-align:justify;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}
#section{width:66%;margin:0;padding:1.0em;float:left}
h1{padding:1.0em .5em} /* 1.2em .3em */
li{margin-left:40px}
figure,#gallery,.wrap{margin:10px 0}
figure:hover{border:Crimson 1px solid;}
/* Crimson cornflowerblue Indigo */
/*.item:hover{border:Crimson 1px solid;}*/
.vignette>div.img:hover{border:Crimson 1px solid;}
/*figure>img:hover{border:Crimson 1px solid;}*/
#gallery{padding:0}
.vignette{margin:5px;padding:0}
figure{max-height:576px;vertical-align:middle}
span{vertical-align:middle}
figcaption img{width:16px;height:16px}
#gallery{width:100%;height:auto}
.vignette{width:64px;height:64px;line-height:64px;vertical-align:middle}
figure img,.vignette img,.item img{vertical-align:middle;max-width:100%;height:auto;width:auto;max-height:576px;top:0;left:0;right:0;bottom:0;margin:auto}
#gallery{float:left}
div.item{float:left;width:300px;height:200px;text-align:center;margin:5px;padding:0}
div.item a img{width:auto;height:auto;max-width:94%;max-height:94%;border:0;margin:0;padding:0;background:transparent}
p{width:100%}
#mask{z-index:100;white-space:nowrap;display:inline-block;width:100%;height:100%;vertical-align:middle;margin:0;padding:0;top:0;bottom:0;left:0;right:0;background-color:rgba(187,187,187,0.24);border:0;overflow:hidden}
#popup{z-index:100;position:fixed;display:inline-block;margin:0;padding:0;top:24px;left:24px;right:24px;bottom:24px;background-color:rgba(255,255,255,1);border-radius:15px;border:black solid 1px;overflow:hidden !important;text-align:center}
#zoom{z-index:100;max-width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}
#close{z-index:100;display:inline-block;position:fixed;right:28px;top:28px;height:48px;width:48px;font-weight:700;font-size:150%;text-align:center;color:darkred;background-color:rgba(255,187,187,0.24);border:darkred solid 2px;border-radius:24px}
#zoomIn{z-index:100;display:inline-block;position:fixed;right:96px;top:28px;width:48px;height:48px;background-color:rgba(187,187,255,0.24);font-weight:700;font-size:200%;color:darkblue;border:darkblue solid 2px;border-radius:24px}
#zoomOut{z-index:100;display:inline-block;position:fixed;right:168px;top:28px;width:48px;height:48px;background-color:rgba(187,255,187,0.24);font-weight:700;font-size:200%;color:darkgreen;border:darkgreen solid 2px;border-radius:24px}
#prev{z-index:100;display:inline-block;padding:4px;position:fixed;left:24px;top:96px;width:48px;height:96px;text-align:right;background-color:rgba(255,255,255,0.5);font-weight:700;color:darkgrey;border:darkgray solid 2px;border-top-right-radius:48px;border-bottom-right-radius:48px}
#next{z-index:100;display:inline-block;padding:4px;position:fixed;right:24px;top:96px;width:48px;height:96px;text-align:left;background-color:rgba(255,255,255,0.5);font-weight:700;color:darkgrey;border:darkgray solid 2px;border-top-left-radius:48px;border-bottom-left-radius:48px}
fieldset{margin:5px 0;padding:20px;width:auto;max-width:100%;height:auto;background-color:lightblue}
fieldset legend{margin:0;padding:0;border:white solid 0;border-radius:0;text-align:center;width:100%;background:transparent;color:black;font-size:large;font-weight:900}
fieldset label{display:inline-block;vertical-align:middle;margin:0 16px;width:100%}
fieldset input,fieldset select{display:block;width:256px}
fieldset textarea{display:block;min-width:94%;max-width:94%;min-height:256px}
fieldset input[type|="checkbox"]{display:inline}
fieldset input[type|="radio"]{display:inline}
fieldset input[type|="radio"] label{display:inline;width:auto}
fieldset input[type|="button"]{display:block}
fieldset .required:after{color:crimson;content:" *"} /* red */
fieldset input,textarea,select,div{padding:1%}
fieldset input,textarea,select{border:grey solid 1px;border-radius:5px;width:auto}
.wrap,figure,figcaption,#gallery,p{clear:both}
.wrap{background-color:lightgray;text-align:right;font-size:100%} /* 40px */
.wrap,.wrap label{position:relative}
.sheet{position:absolute;color:black;text-align:left}
.wrap:after{content:"ORIGINAL";color:white}
.wrap{min-height:360px}
.tab label{margin:0;padding:16px;top:16px;background-color:gray}
.aside_l,.tab [type="radio"]{display:none}
.sheet{top:50px;bottom:0;left:0;right:0;margin:0;padding:20px;overflow-y:scroll}
.wrap [type="radio"],div.wrap,div.tab{margin:0;padding:0}
.wrap [type="radio"]:checked ~ label{background-color:white;border:lightgray solid 1px;z-index:2}
.wrap [type="radio"]:checked ~ label ~ .sheet{z-index:1}
header{box-shadow:4px 4px 2px gray}
/*#section{box-shadow:4px 4px 2px gray}*/
/*button,.button{box-shadow:2px 2px 1px black}box-shadow:none;border:dimgray solid 0px;font-size:19px;*/
.button,button{border: 1px solid transparent;background:transparent;text-shadow:0px 0px 10px black;}
button,.button{background-image:none;/*border:none;border-right:0px solid gray;*/border-radius:16px;
/*Custom*/
/*
text-fill-color: transparent;
-webkit-text-fill-color: transparent;
background: linear-gradient(10deg, red 0%, orangered 25%, orange 50%, yellow 75%, lightyellow 100%);
-webkit-background-clip: text;
background-clip: text;

border:1px solid orangered; border-style: dotted; border-radius:16px;
box-shadow: -1px 1px 2px orangered, 1px -1px 2px yellow;*/
}/*url(images/button-001.png)*/
.button:hover,button:hover{border: 1px solid Crimson;/*background-image:url(images/button-010.png);*/
/*Custom*/
/*
background: linear-gradient(0deg, red 0%, orangered 25%, orange 50%, yellow 75%, lightyellow 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

border:1px solid orangered; border-style: dotted; border-radius:16px;
box-shadow: -1px 1px 2px orangered, 1px -1px 2px yellow;*/
}
/*.button:active,button:active{font-size:medium;/*background-image:url(images/button-100.png);*/
/*Custom*/
/*
background: linear-gradient(-10deg, red 0%, orangered 25%, orange 50%, yellow 75%, lightyellow 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

border:1px solid orangered; border-style: dotted; border-radius:16px;
box-shadow: -1px 1px 2px orangered, 1px -1px 2px yellow;*/
/*}*/
.button:focus, button:focus {outline: 0;}
/*
@supports (-webkit-background-clip: text) {
	button,.button{
		-webkit-text-fill-color: transparent;
		background: linear-gradient(10deg, red 0%, orangered 25%, orange 50%, yellow 75%, lightyellow 100%);
		-webkit-background-clip: text;
		background-clip: text;
		/*
		border:1px solid orangered; border-style: dotted; border-radius:16px;
		box-shadow: -1px 1px 2px orangered, 1px -1px 2px yellow;*//*
	}
	.button:hover,button:hover{
		background: linear-gradient(0deg, red 0%, orangered 25%, orange 50%, yellow 75%, lightyellow 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		}
		.button:active,button:active{
		background: linear-gradient(-10deg, red 0%, orangered 25%, orange 50%, yellow 75%, lightyellow 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		}
}
*/
/*
@supports not (-webkit-text-fill-color: transparent;) {button,.button{background-color:none;color:yellow;}}
*/
/** [STYLE_DESIGN] **/
input:invalid { box-shadow: 0 0 5px 1px yellowgreen } /* yellowgreen darkorange */

@media print{*{overflow:hidden}
html{backgroun-image:none;}
header,aside{display:none;visibility:hidden}
#wrapper, #section{position:absolute;margin:0;padding:0;left:0;top:0;width:100%;height:100%;overflow:hidden}
h1{background:white; color:black;}
.sheet{z-index:0;position:relative;top:0;display:block;width:auto;height:auto}
.wrap,input[type="radio"]{left:0;margin:0;padding:0;border:0;width:100%;position:absolute;display:block}
footer{position:relative;float:left;background:white;color:black}
}
@media screen and (max-width:1536px){
*{z-index:0;} /* 24px */
body{overflow:auto}
header{position:relative}
#wrapper{margin:0;padding:0;top:0;position:relative;overflow:hidden}
#section{padding:0;width:100%;}
.sheet{display:block;left:1em;right:4em;height:auto;position:relative;display:block;border:0;overflow:hidden;text-align:justify}
.wrap{background-color:white;border:0}
.tab label{display:none;visibility:hidden;}
footer{position:relative}
/*#wrapper, #section{width:auto;margin:0;padding:0; left:0;top:auto;bottom:auto;right:0;position:relative;display:block;float:left}
/*body{overflow:auto}
#wrapper,#section{overflow:hidden}
header,#wrapper,footer{position:relative}
#wrapper{top:0;bottom:0;margin:0;padding:0;left:0;right:0;width:100%}
#section{margin:0;width:97%}
html{background-image:none;background-color:black}
.sheet{top:60px;}*/
button, .button{font-size:x-large;width:auto;}
}

@media screen and (max-width:1024px){
	header{display:table-cell;vertical-align:top;padding:1.618em;width:1024px}
	header img{display:relative;float:left;vertical-align:top}
	/*nav{display: inline;vertical-align:top;float:left;width:50%}*/
	button{margin:0;border:1px solid red;}
	
/*	*{overflow-x:hidden}
nav img{display:none;visibility:hidden}
html,body,header,#wrapper,footer,#section,.wrap,nav,#aside_top,div,input[type="radio"]{left:0;margin:0;padding:0;border:0;width:100%;position:relative;display:block}
button,select{display:inline}
input[type="radio"] ~ label{display:none;visibility:hidden}
.sheet{z-index:0;position:relative;top:0;display:block;width:auto;height:auto}*/
	header nav{height:1em}
	header nav img{visibility:hidden;display:none}
	header nav:hover{height: auto}
	header nav:hover img{visibility:visible;display:inline-block}
}
@media screen and (max-width:320px){
	/*header nav:focus{ height: auto}
	header nav:active{height: auto}*/
/*#gallery *{width:100%} Create also a lot of pics in products for vignettes ... */
/*
*{overflow:hidden}
nav img{display:none;visibility:hidden}
html,body,header,#wrapper,footer,#section,.wrap,nav,#aside_top,div,input[type="radio"]{left:0;margin:0;padding:0;border:0;width:320px;position:relative;display:block}
button,select{display:inline}
input[type="radio"] ~ label{display:none;visibility:hidden}
.sheet{z-index:0;position:relative;top:0;display:block;width:320px;height:auto}*/
}

@viewport {
	width: device-width;
	/*height: device-height;*/
	zoom: 0.5; /* initial-scale */
	/* minimum-scale: 1; maximum-scale: 2; */
	user-scalable: yes; /* no value can make the page inaccessible */
	/*target-densitydpi: depreciated! */ 
}