* { margin: 0; padding: 0; z-index: 0; font-family: Times, Times New Roman, Georgia, serif; font-size: 20px; }
body { margin: 10px 10px 0px 10px; padding-top: 10px; padding-left: 10px; background: conic-gradient(at 0% 50%, rgba(120, 190, 160, .2), rgba(115, 180, 195, .2)10%, rgba(90, 150, 215, .2)30%, rgba(70, 150, 215, .2)40%, rgba(195, 115, 215, .2)50% ), url(../fon/Site_Page_Lab.png) top/contain repeat-y; } /*cover*/
h2 { margin: 5px; padding: 5px; font-family: Courier New; font-size: 1.5rem; ?>px; color: rgb(200,200,10); text-shadow: 2px 2px 2px rgba(15, 25, 25, 1); }
h2:active { color: rgb(43,57,133); text-shadow: 2px 2px 2px rgba(200, 190, 125, 1); }
.heder { display: flex; flex-wrap: wrap; }
.Logotip1 { height: 60px; background: url(../fon/Site_Page_Lab_DE.png) top/contain no-repeat; }
.Logotip { flex: auto; width: 457px; height: 96px; background: url(../fon/Site_Page_Lab_Label.png) top/contain no-repeat; }
.Cont { flex: auto; height: 96px;*/ }
.blockCont { display: flex; justify-content: center; max-width: 300px; }
.Cont1 { display: inline-flex; }
.LongLine { display: block; height: 1px; width: 99%; margin: auto; /*background-color: red;*/ }
.back {
background-color: rgba(34, 102, 153, .5);
background-size: 60px 60px, 60px 60px, 10px 10px, 10px 10px;
background-position:  -1px -1px, -1px -1px;
background-image:
-webkit-linear-gradient(rgba(255,255,155,.2) 1px, transparent 20px),
-webkit-linear-gradient(0, rgba(255,255,155,.2) 1px, transparent 20px),
-webkit-linear-gradient(rgba(255,105,255,.5) 1px, transparent 1px),
-webkit-linear-gradient(0, rgba(255,105,255,.5) 1px, transparent 1px);
background-image:
-moz-linear-gradient(rgba(255,255,155,.2) 1px, transparent 20px),
-moz-linear-gradient(0, rgba(255,255,155,.2) 1px, transparent 20px),
-moz-linear-gradient(rgba(255,105,255,.5) 1px, transparent 1px),
-moz-linear-gradient(0, rgba(255,105,255,.5) 1px, transparent 1px);
background-image:
 linear-gradient(rgba(255,255,155,.2) 1px, transparent 20px),
 linear-gradient(90deg, rgba(255,255,155,.2) 1px, transparent 20px),
 linear-gradient(rgba(255,105,255,.5) 1px, transparent 1px),
 linear-gradient(90deg, rgba(255,105,255,.5) 1px, transparent 1px); }
 
.border { border: solid rgba(95, 110, 145, 0.5) 5px; border-radius: 10px; }
.mp { margin: 5px; padding: 5px; }
.sh { box-shadow: 2px 2px 5px rgba(0, 0, 0, .7); }
.divTest { width: 75%; margin: 20px; padding: 10px 10px 40px 10px; border: solid rgba(95, 110, 145, 0.5) 5px; border-radius: 30px 60px 10px 40px; }
.t_sh { text-shadow: 1px 1px 1px rgba(200,155,255,.9); }
.wrap-element { position: relative; overflow: hidden; max-width: 80%; height: 200px; }
.wrapped-iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

a { color: white; text-decoration: none; }
a:link { color: white; text-shadow: 2px 2px 3px rgba(20, 50, 80, 1); }
a:visited { color: Purple; text-shadow: 3px 3px 3px rgba(255, 255, 255, 1); }
a:hover { color: blue; text-shadow: 2px 2px 2px rgba(255, 255, 255, 1); }
a:active { color: pink; text-shadow: 2px 2px 2px rgba(10, 255, 10, 1); }

.cont2 { max-width: 320px; }
.fot { display: flex; flex-wrap: wrap; }

@media screen and (max-width: 600px) {
.blockfoto, .fot { display: none; }
* { font-size: 14px; }
.blockCont, .cont2 { max-width: 250px; }
}


footer { display: flex; flex-wrap: wrap; }
details { flex: auto; }
#Counter 
{ display: none; }
#Counter:target { display: inline-flex; margin: auto; }

.open { font-size: 32px; }/*:after content: '\2714';*/
.close::before { font-size: 32px; content: '\2718'; }