/*
(c) WebHome by Site Makers LLC, 2018-2020
(c) ООО Сайт Мэйкерс (Site Makers LLC), 2018-2020. https://sitemakers.ru/
*/
html,body,div,ul,ol,li,dl,dt,dd,td,th,h1,h2,h3,h4,h5,h6,p,pre,blockquote,fieldset,form,input,button,textarea {margin:0;padding:0;}h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1.0em;font-weight:normal;font-style:normal;}ul,ol,li {list-style:none;}fieldset,img {border:none;}img {-ms-interpolation-mode:bicubic;}caption, th {text-align:left;}table {border-collapse:collapse;border-spacing:0;}input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select {font-size:100%;}button {background-color:transparent;text-decoration:none;}
*,*::before,*::after { box-sizing:border-box;/*-webkit-user-drag:none!important;*/-webkit-text-size-adjust: none;-webkit-tap-highlight-color: transparent;-webkit-appearance: none; }
body {--fs:1vw;--bc: rgba(0,0,0,0.3);--tc:#000000;--wc:#ffffff;font:300 13px/16px Arial;letter-spacing:0px;background-color:#ffffff;}
*:not(input):not(textarea){-webkit-user-select:none;-webkit-touch-callout:none;}  

[mode-black="yes"] {--tc:#ffffff;--wc: rgba(0,0,0,0.85);}

::-webkit-scrollbar{ background:transparent none;width:calc(0.75*var(--fs));height:calc(0.75*var(--fs)); }
::-webkit-scrollbar-button {background:transparent none;width:0px;height:0px;}
::-webkit-scrollbar-track { border-radius:calc(1*var(--fs));background-color:rgba(180,180,180,0.1);}
::-webkit-scrollbar-track-piece { margin:0px;}
::-webkit-scrollbar-thumb { border-radius:calc(1*var(--fs));background-color:var(--bc);}
::-webkit-scrollbar-corner { background:transparent none; }
::-webkit-resizer{background:transparent none!important;width: 0px!important;height: 0px!important;}

input {width:calc(100% - 3px);font: 300 var(--fs)/var(--fs) Arial;background-color: var(--wc);outline:none;border:0;padding: 5px 8px;}
input:-webkit-autofill{ box-shadow:inset 0 0 0 50px var(--wc)!important;-webkit-text-fill-color:var(--tc);color:var(--tc)!important;}
::-webkit-input-placeholder {text-indent:0px;transition:text-indent 0.7s ease;text-align:center;font-size:80%;color:rgba(120,120,120,1);font-weight:200;}
::-moz-placeholder          {text-indent:0px;transition:text-indent 0.7s ease;text-align:center;font-size:80%;color:rgba(120,120,120,1);font-weight:200;}
:-moz-placeholder           {text-indent:0px;transition:text-indent 0.7s ease;text-align:center;font-size:80%;color:rgba(120,120,120,1);font-weight:200;}
:-ms-input-placeholder      {text-indent:0px;transition:text-indent 0.7s ease;text-align:center;font-size:80%;color:rgba(120,120,120,1);font-weight:200;}
:focus::-webkit-input-placeholder {text-indent:-100vw;}
:focus::-moz-placeholder    {text-indent:-100vw;}
:focus:-moz-placeholder     {text-indent:-100vw;}
:focus:-ms-input-placeholder{text-indent:-100vw;}
::-moz-focus-inner          { padding:0;border:0;text-align:center; }

progress { background-color:rgba(180,180,180,0.2);border:0;width:220px;height:24px;border-radius:10px;margin:20px auto 0 auto;position:relative;display:block;}
progress::-webkit-progress-bar { background-color:rgba(180,180,180,0.2);border-radius:10px;}
progress::-webkit-progress-value {background:#bccc9c;border-radius:10px;}
progress::-moz-progress-bar { background:#bccc9c;border-radius:10px;}

select:focus,input[type="text"]:focus,
input[type="button"]:focus,
input[type="date"]:focus,
input[type="email"]:focus,
textarea:focus { outline:none!important; }
::-webkit-datetime-edit { padding:0;}
::-webkit-inner-spin-button { padding:1px 2px;margin:1px 5px;}
::-webkit-calendar-picker-indicator { margin:0px -10px 0px 0px;padding:8px; }

.slider2 { position:absolute;box-shadow:0px 2px 20px -10px var(--tc),0px 0px 1px 0px var(--tc);bottom:24px;right:50px;left:50px;height:14px;border-radius:20px;background-color:var(--wc);opacity:0.5;}
.slider { position:absolute;left:40px;right:40px;bottom:0px;height:60px;}
::-moz-range-track     { background-color:transparent;width:100%;height:60px;padding:0;margin:0;border:0;}
::-ms-ticks-after,::-ms-ticks-before,::-ms-track { background-color:transparent;color:transparent;border:0;} ::-ms-tooltip { display:none;}
::-ms-fill-lower,::-ms-fill-upper { background-color:transparent;height:60px;}
input[type="range"]    {background-color:transparent;width:100%;height: 60px;padding:0;margin:0;border:0;-webkit-appearance:none;cursor:move;}
::-moz-range-thumb     { background:var(--wc);border-radius:20px;width:40px;height:40px;padding:0;margin:10px 0px;border:0;cursor:move;box-shadow:inset 0px -1px 8px -2px var(--wc),inset 0px -20px 30px -10px rgba(30, 20, 0, 0.3),0px 1px 6px -1px var(--tc);}
::-webkit-slider-thumb { background:var(--wc);border-radius:20px;width:40px;height:40px;padding:0;margin:10px 0px;border:0;cursor:move;box-shadow:inset 0px -1px 8px -2px var(--wc),inset 0px -20px 30px -10px rgba(30, 20, 0, 0.3),0px 1px 6px -1px var(--tc);-webkit-appearance:none;}
::-ms-thumb            { background:var(--wc);border-radius:20px;width:40px;height:40px;padding:0;margin:10px 0px;border:0;cursor:move;box-shadow:inset 0px -1px 8px -2px var(--wc),inset 0px -20px 30px -10px rgba(30, 20, 0, 0.3),0px 1px 6px -1px var(--tc);}
input[type="range"]:focus { outline:none!important;}


.relative {position:relative;}
.oh {overflow:hidden;}
.clear {clear:both;font-size:0;line-height:0;letter-spacing:0;}
input::-ms-clear {display:none;}
html, body {position:fixed;left:0;bottom:0;right:0;height:calc(var(--vh, 1vh) * 100);overflow:hidden;top:-70px;padding-bottom:70px;transform:translateY(70px);}
body {font-family:Arial;font-size:16px;line-height:1.42;}

.close2 { position:absolute;right:calc(1*var(--fs));top:calc(1*var(--fs));width:calc(2*var(--fs));height:calc(2*var(--fs));cursor:pointer;}
.close2 div { position:absolute;top:50%;left:0;width:calc(2*var(--fs));height:1px;background-color:var(--tc);transform:rotate(45deg);}
.close2 div:last-child { transform:rotate(-45deg);}

[view="yes"] { display:block; }
[view="no"] { display:none; }
[view="yes"] { visibility:visible; }
[view="no"] { visibility:hidden; }

.cursor { cursor:pointer; }
.justify { text-align:justify; }
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.middle { vertical-align:middle; }
.bottom { vertical-align:bottom; }
.nobottom { padding-bottom:0px!important;margin-bottom:0px!important; }

a { color:inherit;text-decoration:none; }
i {font: 600 11px/14px Arial;display:inline-block;padding:0;text-transform: uppercase;letter-spacing: 1px;}
sup { font:400 10px/10px Arial;margin-left:-1px; } 

h2 {font: 300 calc(2*var(--fs))/calc(2.5*var(--fs)) Arial;letter-spacing:-1px;}

#outer { position:relative;width:100%; } 
section {position:relative;width:100%;margin:0;padding: 0px calc(50% - 550px) 0px calc(50% - 550px);clear: both;}

#menu {position:fixed;width:auto;left:-105%;top:60px;z-index:10;transition:left .5s ease-in-out;padding:20px 0px 50px 0px;}
#menu:target {transition:left 0.5s ease-in-out;left:calc(50% - 565px);}    
#menu-shadow { position:fixed;background-color:rgba(180,180,180,0.5);width:100%;height:100%;display:none;z-index:9;top:0;left:0;transition:left .5s ease-in-out; }
#menu:target + #menu-shadow  { display:block; }
#menu a {padding:10px 50px;display:block;border:0;background-color:transparent;border-radius:2px; }
#menu a:hover {  background-color:rgba(255,255,255,0.25); }

nav {position:fixed;top:50px;right:0px;width:200px;height:0px;min-height:0px;background-color:var(--wc);padding:0;margin:0;transition:height 0.5s ease, min-height 0.5s ease;overflow:hidden;box-shadow:0px 2px 5px -3px var(--tc);}

@media (max-width:860px) {
  #outer[menu="yes"] nav {min-height:200px;height: 255px;}
}
@media (min-width:2000px) {
  body { overflow-x:hidden; }
  #outer { transform:scale(1.25); }
}

nav li {position:relative;float:left;width:100%;margin:0;padding: 10px 20px;font-size: 10px;letter-spacing:1px;font-weight:300;}
nav .m1 li { text-transform:uppercase;border-bottom:0.5px solid rgba(180,180,180,0.3); }
nav .m1 li[act="yes"] { background-color:rgba(180,180,180,0.1); }
nav .m1 li span { float:right; }
nav .m2 li {text-transform:none;padding: 0px 0px 0px 15px;margin: 5px 0px;border:none;border-left: 1px solid var(--tc);}

ul.m2 {margin: 10px 0px 0px 0px;border-left: 1px solid var(--tc);}

details { position:relative;float:left;width:100%;margin:0;padding:0; }
details[open] summary {  }
summary { outline:none;cursor:pointer; }
summary::-webkit-details-marker { display:none; }
summary::details-marker { display:none; }

#h1 { position:relative;float:left;width:100%;font:300 24px/28px Arial;color:var(--tc);padding:0px 0px 30px 0px;text-transform:uppercase; }

.hr0 {position: relative;height:0px;background:transparent;margin:0px 0px 0px 0px;text-align: center;overflow: hidden;opacity:1;clear: both!important;}
.hr {position: relative;height:0px;background:transparent;margin:0px 0px 20px 0px;text-align: center;overflow: hidden;opacity:1;clear: both!important;}

.col  {position:relative;display:inline-block;width:calc(33.333%);margin:0px 0px 20px 0px;padding:0;vertical-align:top;overflow:hidden;}
.col1 {position:relative;display:inline-block;width:calc(25%);margin: 0px 0px 20px 0px;padding:0;vertical-align:top;overflow:hidden;}
.col2 {position:relative;display:inline-block;width:calc(50%);margin:0px 0px 20px 0px;padding:0;vertical-align:top; }
.col3 {position:relative;display:inline-block;width:calc(66.666%);margin:0px 0px 20px 0px;padding:0;vertical-align:top;}
.col4 {position:relative;display:inline-block;width:100%;margin:0px 0px 20px 0px;padding:0;vertical-align:top;}
.col5 {position:relative;display:inline-block;width:50%;margin:0px 0px 0px 0px;padding:0;vertical-align:top;}

@media (max-width:1200px) {
  section {position:relative;width:100%;margin:0;padding:0px 20px;clear: both;}
}
@media (max-width:860px) {
  section { padding:0;}
}
@media (max-width:600px) {
  .col,.col1,.col2,.col3,.col4 { width:100%!important; }
}
.ani {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.a1 { -webkit-animation-delay:0s;animation-delay:0s; }
.a2 { -webkit-animation-delay:0.5s;animation-delay:0.5s; }

.op {-webkit-animation-name:op;animation-name:op;}
@-webkit-keyframes op {
  0%,30%,100% {visibility:visible;-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
  0%    {visibility:visible;opacity:0;-webkit-transform:translate3d(0,1000px,0) scale(0.00001);transform:translate3d(0,1000px,0) scale(0.00001);}
  30% {visibility:visible;opacity:0.5;-webkit-transform:translate3d(0,500px,0) scale(0.0001);transform:translate3d(0,500px,0) scale(0.0001);}
  100%  {visibility:visible;opacity:1;-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);}
}
@keyframes op {
  0%,30%,100% {visibility:visible;-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
  0%    {visibility:visible;opacity:0;-webkit-transform:translate3d(0,1000px,0) scale(0.00001);transform:translate3d(0,1000px,0) scale(0.00001);}
  30% {visibility:visible;opacity:0.5;-webkit-transform:translate3d(0,500px,0) scale(0.0001);transform:translate3d(0,500px,0) scale(0.0001);}
  100%  {visibility:visible;opacity:1;-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);}
}

.op2 {-webkit-animation-name:op;animation-name:op;}
@-webkit-keyframes op2 {
  0%    {opacity:0;left:-100px;visibility:visible;}
  50%  {opacity:1;left:0px;visibility:visible;}
  100%  {opacity:1;left:0px;visibility:visible;}
}
@keyframes op2 {
  0%    {opacity:0;left:-100px;visibility:visible;}
  50%  {opacity:1;left:0px;visibility:visible;}
  100%  {opacity:1;left:0px;visibility:visible;}
}

#live {position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(255,255,255,0);opacity:1;text-align:center;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}
#live svg { position:relative;width:calc(24*var(--fs));}
#live[top="yes"] {z-index:4;background-color:rgba(255,255,255,0);}
#live[top="yes"] svg { -webkit-filter: drop-shadow( 0px 2px 2px rgba(0,0,0,0.9) );filter: drop-shadow( 0px 2px 2px rgba(0,0,0,0.9) ); }

#mw_view { -webkit-animation-name:none;animation-name:none; }
.screen_off {-webkit-animation:screen_off 2s ease 0s alternate;animation:screen_off 2s ease 0s alternate; }
@-webkit-keyframes screen_off { 0% {opacity:1;} 100% {opacity:0;} }
@keyframes screen_off { 0% {opacity:1;} 100% {opacity:0;} }
.screen_on {-webkit-animation:screen_on 5s ease 0s alternate;animation:screen_on 5s ease 0s alternate; }
@-webkit-keyframes screen_on { 0% {opacity:0;} 33% {opacity:1;} 100% {opacity:1;} }
@keyframes screen_on { 0% {opacity:0;} 33% {opacity:1;} 100% {opacity:1;} }

#msg {position:fixed;opacity:0;right:-500px;bottom:10px;width:200px;margin:0;background-color:rgba(200,200,200,0.75);padding:0;font:300 15px/20px Arial;padding: 30px 20px;border-radius:0;color:var(--tc);text-align:center;z-index:500000000;}
#msg { -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
#msg[view="yes"] {
-webkit-animation:msg 5s 1 alternate ease-in-out;
   -moz-animation:msg 5s 1 alternate ease-in-out;
     -o-animation:msg 5s 1 alternate ease-in-out;
        animation:msg 5s 1 alternate ease-in-out;
}
@-webkit-keyframes msg { 5% { opacity:1;right:10px;} 95% { opacity:1;right:10px;} 0%,100% { opacity:0;right:-500px;} }
   @-moz-keyframes msg { 5% { opacity:1;right:10px;} 95% { opacity:1;right:10px;} 0%,100% { opacity:0;right:-500px;} }
     @-o-keyframes msg { 5% { opacity:1;right:10px;} 95% { opacity:1;right:10px;} 0%,100% { opacity:0;right:-500px;} }
        @keyframes msg { 5% { opacity:1;right:10px;} 95% { opacity:1;right:10px;} 0%,100% { opacity:0;right:-500px;} }

#quest {position: fixed;left:0%;right:0%;bottom:0%;top:0%;background-color:rgba(180,180,180,0);z-index:10000;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
#quest[view="yes"] {left: 0px;right: 0px;width: 100%;margin: 0;top:0%;bottom:0%;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);z-index: 10000000;}
#quest[view="no"] { left:50%;right:50%;top:105%;bottom:0%;-webkit-transform:scale(0.1);-moz-transform:scale(0.1);-o-transform:scale(0.1);transform:scale(0.1);}
#quest_cat {position:absolute;width:400px;top:50%;left:50%;margin:-150px -200px;background-color: var(--wc);color: var(--tc);box-shadow: 0px -1px 0px 0px var(--wc),0px 0px 100px -10px var(--tc);}
@media (max-width:400px) { #quest_cat { left:0px;width:100%;margin:-100px 0px; } }
#quest div.zgl  {position: relative;text-align:center;background-color: #e0e0e0;width: 100%;padding: 13px 20px;font: 300 11px/12px 'Open Sans';letter-spacing: 2px;text-transform: uppercase;}
#quest div.text2,
#quest div.text {position: relative;text-align:center;width: 100%;color: var(--tc);padding: 30px 20px 74px 20px;font: 300 13px/20px 'Open Sans';}
#quest div.yes  {position:absolute;bottom:0px;left:0px;width:50%;height:40px;text-align:center;font: 300 12px/40px 'Open Sans';color: var(--tc);cursor: pointer;box-shadow: inset 0px 0px 1px 0px var(--tc);background-color: var(--wc);}
#quest div.no  {position:absolute;bottom:0px;right:0px;width:50%;height:40px;text-align:center;font: 300 12px/40px 'Open Sans';cursor: pointer;color: var(--tc);background: #f3f3f3;}
#quest div.yes2 {position:absolute;bottom:0px;right:0px;width:50%;height:40px;text-align:center;font: 300 12px/40px 'Open Sans';cursor: pointer;letter-spacing: 1px;color: var(--wc);background: #666;text-transform: uppercase;}
#quest div.close {right: 10px;top: 10px;position:absolute;}

th {text-align:center;padding: calc(0.5*var(--fs)) 0px;font: 400 calc(0.75*var(--fs))/calc(1*var(--fs)) Arial;border-bottom:2px solid rgba(180,180,180,0.5);color: var(--tc);}
td {font: 300 calc(0.9*var(--fs))/calc(1*var(--fs)) Arial;padding: calc(0.5*var(--fs)) calc(0.5*var(--fs));letter-spacing: 0;color: var(--tc);}
td b { font:600 14px/16px Arial!important;word-spacing:-1px; }
td:nth-child(1){width: calc(11*var(--fs));}
td:nth-child(2){width: calc(15*var(--fs));}
tr:nth-child(2n) td{background-color:rgba(180,180,180,0.1);}
@media (max-width:600px) {
  .col,.col1 { width:33.333%!important; }
  col2 { width:50%!important; }
  col3 { width:66.666%!important; }
  td:nth-child(1){ width:auto; }
  td:nth-child(2){ width:auto; }
}
@media (max-width:400px) {
  .col,.col1 { width:50%!important; }
  th { transform:rotate(-60deg);height:80px;font:400 11px/12px Arial; }
  td b { transform:rotate(-60deg);height:80px;font:400 14px/16px Arial!important;display:block;padding-top:50px; }
}
@media (max-width:370px) {
  .col,.col1,.col2,.col3 { width:100%!important; }
}

#Auth {position:fixed;left:50%;top:150%;z-index:10;width: calc(22*var(--fs));height: calc(19*var(--fs));margin: calc(-9.5*var(--fs)) calc(-11*var(--fs));text-align:center;color: var(--tc);box-sizing:border-box;transition:top 1s ease;}
#Auth * { box-sizing: border-box; }#Auth[view="yes"] { top:50%; }
#msp_header {position:relative;font: 300 calc(1.4*var(--fs))/calc(2*var(--fs)) Arial;margin: calc(1*var(--fs)) auto 0px auto;padding-left:0;width:fit-content;background: url(/logo.svg) left top / calc(2*var(--fs)) calc(2*var(--fs)) no-repeat;letter-spacing:2px;}
#msp_header::before { content:'MRK.CLOUD'; }
#msp_err {position:relative;font: 300 calc(0.85*var(--fs))/calc(1*var(--fs)) Arial;margin: calc(1*var(--fs)) auto;width:80%;height: calc(2*var(--fs));clear: both;transition:opacity 1s ease;}
#msp_login {position:relative;display:block;font: 600 calc(1*var(--fs))/calc(1*var(--fs)) Arial;padding: calc(0.75*var(--fs)) calc(1*var(--fs));text-align:left;margin: calc(0.5*var(--fs)) auto;width:90%;border-radius: calc(2*var(--fs));background-color:white;letter-spacing: calc(0.05*var(--fs));border: 0.5px solid #ddd;}
#msp_pass  {position:relative;display:block;font: 600 calc(1*var(--fs))/calc(1*var(--fs)) Arial;padding: calc(0.75*var(--fs)) calc(1*var(--fs));text-align:left;margin: calc(0.5*var(--fs)) 5%;width: 60%;border-radius: calc(2*var(--fs));background-color:white;letter-spacing: calc(0.05*var(--fs));border: 0.5px solid #ddd;}
#msp_pass2  {position:relative;display:block;font: 600 calc(1*var(--fs))/calc(1*var(--fs)) Arial;padding: calc(0.75*var(--fs)) calc(1*var(--fs));text-align:left;margin: calc(0.5*var(--fs)) 5%;width: 60%;border-radius: calc(2*var(--fs));background-color:white;letter-spacing: calc(0.05*var(--fs));border: 0.5px solid #ddd;}
#msp_enter {position:relative;display:block;font: 400 calc(1*var(--fs))/calc(1*var(--fs)) Arial;padding: calc(1*var(--fs));text-align:center;margin: calc(0.5*var(--fs)) auto;width:90%;background-color: var(--bc);color: var(--wc);overflow:hidden;cursor:pointer;letter-spacing: calc(0.05*var(--fs));border: 0;border-radius: calc(2*var(--fs));}
#msp_forget {position: absolute;right: 5%;top: calc(9.5*var(--fs));display:block;font: 300 calc(0.8*var(--fs))/calc(1*var(--fs)) Arial;padding:0;text-align:center;margin: calc(1*var(--fs)) auto;width:fit-content;max-width: 25%;text-align: right;color: var(--tc);cursor:pointer;letter-spacing: calc(0.05*var(--fs));text-transform:uppercase;}
#msp_reg {position:relative;display:block;font: 400 calc(1*var(--fs))/calc(1*var(--fs)) Arial;padding: calc(1*var(--fs));text-align:center;margin: calc(0.5*var(--fs)) auto;width:90%;background-color: rgba(180,180,180,0.3);color:var(--tc);border-radius: calc(2*var(--fs));overflow:hidden;cursor:pointer;letter-spacing: calc(0.05*var(--fs));border: 0;text-transform:uppercase;}
#msp_guest { cursor:pointer; }
#msp_signin {position:relative;display:block;font: 400 calc(1*var(--fs))/calc(1*var(--fs)) Arial;padding: calc(1*var(--fs));text-align:center;margin: calc(0.5*var(--fs)) auto;width:90%;background-color: rgba(180,180,180,0.3);color:var(--tc);border-radius: calc(2*var(--fs));overflow:hidden;cursor:pointer;letter-spacing: calc(0.05*var(--fs));border: 0;text-transform:uppercase;}

.section { opacity:1!important;display:flex;flex-direction:column;align-content:stretch;height:100%;background:none!important; }
.section .container { flex-basis:100%;align-items:center;display:flex; }
.container .row { width:100%; }

.wait { height:calc(1*var(--fs));vertical-align:middle;line-height:1em;animation: wait 1s infinite linear; }
@-webkit-keyframes wait {
  0% { transform:rotate(0deg); }
  100% { transform:rotate(360deg); }
}
@keyframes wait {
  0% { transform:rotate(0deg); }
  100% { transform:rotate(360deg); }
}
.btn { display:none; }

.canvas-container {position:absolute;width:100vw;height:calc(var(--vh, 1vh) * 100);left:0;top:0;display:block;margin: 0;overflow:hidden;/* filter: blur(10px) contrast(.8)
brightness(.8); */}
.canvas-container canvas { position:relative;width:100%;height:100%;z-index:2; }
.canvas-origin, 
.canvas-copy { width:100%;position:relative;height:calc(var(--vh, 1vh) * 100);}

#my_right {position:absolute;right:calc(2*var(--fs));top:calc(2*var(--fs));width:calc(22*var(--fs));height:calc(3*var(--fs));padding:0;margin: 0;font: 400 calc(0.75*var(--fs))/calc(1*var(--fs)) Arial;color: #fff;letter-spacing: calc(0.05*var(--fs));text-align: center;background-color: var(--bc);text-transform: capitalize;border-radius: calc(2*var(--fs));z-index: 10;overflow: hidden;-webkit-user-select:none;user-select: none;box-shadow: 0px 0px 1px 0px #fff;}
#my_right .range {position:relative;width: calc(100% - 2*var(--fs));height: calc(1*var(--fs));margin: calc(1*var(--fs));padding:0;border:0;box-shadow:none;border-radius:20px;cursor: move;-webkit-appearance: none;background-color:transparent; }
#my_right .range:focus { outline:none!important;}
#my_right ::-ms-ticks-after,.prop ::-ms-ticks-before,.prop ::-ms-track { background-color:transparent;color:transparent;border:0;}
#my_right ::-ms-tooltip { display:none;}
#my_right ::-ms-fill-lower,.prop ::-ms-fill-upper { background-color:transparent;height:30px;}
#my_right ::-moz-range-track { background-color:transparent;width:100%;height:30px;padding:0;margin:0;border:0;}
#my_right ::-webkit-slider-runnable-track { background-color:var(--bc);border-radius:20px;margin:0;padding:2px;border:0;box-shadow: inset 0 0 0px 1px rgba(180,180,180,.5); }
#my_right ::-ms-thumb            { background:var(--wc) none center center no-repeat;border-radius:50%;width:22px;height:22px;padding:0;margin:0;border:0;cursor:move;box-shadow:0 2px 5px rgba(180,180,180,.3); }
#my_right ::-moz-range-thumb     { background:var(--wc) none center center no-repeat;border-radius:50%;width:22px;height:22px;padding:0;margin:0;border:0;cursor:move;box-shadow:0 2px 5px rgba(180,180,180,.3); }
#my_right ::-webkit-slider-thumb { background:var(--wc) none center center no-repeat;border-radius:50%;width:22px;height:22px;padding:0;margin:0;border:0;cursor:move;box-shadow:none;-webkit-appearance:none;}
#my_right .nums {position:relative;margin:-3px 12px 10px 12px;font:400 calc(0.5*var(--fs))/calc(0.5*var(--fs)) Arial;text-align:center;color: var(--tc);}

.btn {display:block;position:absolute;z-index:10;cursor:pointer;width:calc(3.6*var(--fs));height:calc(3.6*var(--fs));text-align:center;border:0;border-radius:calc(3*var(--fs));font:300 calc(1*var(--fs))/calc(3*var(--fs)) Arial;color:white;
-webkit-filter: drop-shadow( 0px 1px 1px rgba(0,0,0,0.8) );filter: drop-shadow( 0px 1px 1px rgba(0,0,0,0.8) );outline:none!important;-webkit-user-select:none!important;user-select:none!important;transition:all .2s;overflow:hidden;-webkit-touch-callout: none !important;}
.btn img {position:absolute;top:25%;left:25%;width:50%;height:50%;outline:none!important;-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout: none !important;}

.btn-dem { left:calc(50% - 10*var(--fs));top:calc(2*var(--fs));width:calc(20*var(--fs));font-weight:600;letter-spacing:calc(0.1*var(--fs)); }

.btn-mnu { left:calc(2*var(--fs));top:calc(2*var(--fs)); }
.btn-acc { right:calc(2*var(--fs));top:calc(2*var(--fs)); }

.btn-d2d {right: calc(2*var(--fs));top:calc(2*var(--fs));}

.btn-glr { left:calc(2*var(--fs));top:calc(2*var(--fs)); }

.btn-qrc { left:calc(6*var(--fs));top:calc(2*var(--fs)); }

.btn-edt {display:none;left: calc(2*var(--fs));top: calc(6*var(--fs));}
body[mode-edt="yes"] .btn-edt { display:block; }

.btn-add { left:calc(2*var(--fs));top:calc(6*var(--fs)); }
body[mode-edt="yes"] .btn-add { display:none; }

.stick { position:absolute;left:calc(50% - 4*var(--fs));bottom:0;width:calc(8*var(--fs));height:calc(8*var(--fs));border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.15);z-index:10; }
#stick { position:absolute;left:calc(2.2*var(--fs));top:calc(2.2*var(--fs));width:calc(3.6*var(--fs));height:calc(3.6*var(--fs));border-radius:50%; }

.btn-prw { display:none;left:calc(50% - 8.8*var(--fs));bottom:calc(2*var(--fs)); }
body[mode-tour] .btn-prw { display:block; }

.btn-nxt { display:none;left:calc(50% + 4.8*var(--fs));bottom:calc(2*var(--fs)); }
body[mode-tour] .btn-nxt { display:block; }

.btn-ext { display:none;left:calc(2*var(--fs));bottom:calc(2*var(--fs)); }
body[mode-tour] .btn-ext { display:block; }

.btn-ply { display:none;right:calc(2*var(--fs));bottom:calc(2*var(--fs)); } 
body[mode-tour] .btn-ply { display:block; }
body[mode-tour="yes"] .btn-ply { display:none; }

.btn-pse { display:none;right:calc(2*var(--fs));bottom:calc(2*var(--fs)); }
body[mode-tour="yes"] .btn-pse { display:block; }

.btn-c { left:calc(50% - 1*var(--fs));bottom:calc(2*var(--fs));background:#000 url(/construction.svg) center center / auto 60% no-repeat;color:#fff;white-space:nowrap;display:none; }
body[mode-c="yes"] .btn-c {background-color:var(--bc);width:calc(11*var(--fs));margin:0 calc(-4*var(--fs));background-position:calc(0.5*var(--fs)) center;}
body[mode-c="yes"] .btn-c::before { content:'Control mode';padding:0 calc(0.75*var(--fs)) 0 calc(2.75*var(--fs));text-transform:uppercase;letter-spacing:calc(0.05*var(--fs));font-size:calc(0.8*var(--fs)); }

body[mode-vr="yes"] .canvas-container { max-width:initial; }
body[mode-vr="yes"] .canvas-origin, body[mode-vr="yes"] .canvas-copy { width:50%;float:left; }
body[mode-vr="yes"] .canvas-copy { z-index:auto; }
body[mode-vr="yes"] .btn-fs, 
body[mode-vr="yes"] .btn-fwd, 
body[mode-vr="yes"] .btn-c, 
body[mode-vr="yes"] .btn-mnu { display: none!important; }

@media (max-width:600px) {
  .col,.col1,.col2,.col3 { width:50%!important;margin:0; }
}
@media (max-width:370px) {
  .col,.col1,.col2,.col3 { width:100%!important;margin:0; }
  input { width:100%; }
}

#outer { background-color:var(--wc);transform:none!important;box-shadow:0 0 0.75vw -0.25vw var(--tc);}
h1 {position:relative;float: left;font: 200 calc(3.2 * var(--fs))/calc(3.6 * var(--fs)) Arial;color: var(--wc);padding:0 0 0 calc(2.8 * var(--fs));letter-spacing:calc(1 * var(--fs));overflow: hidden;text-align:left;text-shadow: 0px 0px calc(0.5 * var(--fs)) var(--tc), 0px 0px calc(0.5 * var(--fs)) var(--tc);clear: both;}
.button {position:relative;display:inline-block;font: 400 calc(1*var(--fs))/calc(1.5*var(--fs)) Arial;letter-spacing: calc(0.05*var(--fs));color: var(--tc);text-transform:uppercase;margin:0;padding: calc(0.6*var(--fs)) calc(0.8*var(--fs));width:auto;min-width: calc(9*var(--fs));max-width: calc(18*var(--fs));background-color: rgba(255,255,255,0.2);border-radius:calc(2 * var(--fs));clear: both;overflow: hidden;cursor:pointer;border:0;text-align:center;border-radius: calc(1.5*var(--fs));box-shadow: 0 0 0 1px rgba(0,0,0,0.1);}

#takeColor,
#mw_wnd {position:fixed;top: 0!important;left: calc(100% - 58*var(--fs));width: calc(58*var(--fs));height: 100vh;z-index:11;display:none;font: 300 calc(1*var(--fs))/calc(1.6*var(--fs)) Arial;letter-spacing:0;/* border-radius: 1em; */overflow: hidden;-webkit-backdrop-filter: blur(30px);backdrop-filter: blur(30px);}
#mw_wnd[view=yes] { display:block; }
#mw_wnd[max="yes"] {top: 0!important;height: 100vh!important;}
#mw_wnd[max="yes"][rzm="vFltWork"] {top:calc(2*var(--fs))!important;height:calc(100vh - 4*var(--fs))!important;left: calc(100% - 1140px - 2*var(--fs));width: 1140px;}

#takeColor,
#mw_wnd[small="yes"] {top: calc(50% - 20*var(--fs))!important;height: calc(40*var(--fs))!important;left: calc(50% - 20*var(--fs));width: calc(40*var(--fs))!important;text-align: center;}


.mw_lt {display:none;position:absolute;left:0px;top:0px;width: calc(3*var(--fs));height: calc(3*var(--fs));border-radius:0%;box-shadow: inset calc(-3.1*var(--fs)) calc(-3.1*var(--fs)) 0 0 var(--bc);margin:0;background-color:transparent;cursor:pointer;border-top-left-radius: 0;}
.mw_lt::before {content:'';position:absolute;left: calc(3.5*var(--fs));top: calc(3.5*var(--fs));width: 0px;height:0px;border-radius:50%;margin:0;background-color:var(--wc);z-index:-1;transition:all 1s ease;}
.mw_lt.back div {position:absolute;top: calc(1.6*var(--fs));left: calc(1*var(--fs));width: calc(0.5*var(--fs));height: 1px;background-color: #fff;transform:rotate(45deg);}
.mw_lt.back div:last-child {top: calc(1.3*var(--fs));transform:rotate(-45deg);}

.mw_rt {position:absolute;right:0px;top:0px;width: calc(3*var(--fs));height: calc(3*var(--fs));margin:0;cursor:pointer;z-index: 1;}
.mw_rt.close div {position:absolute;top: calc(1.5*var(--fs));right: calc(1*var(--fs));width: calc(1*var(--fs));height:1px;background-color: var(--tc);transform:rotate(45deg);}
.mw_rt.close div:last-child { transform:rotate(-45deg);}

.mw_lb {display:none;position:absolute;left:0px;bottom:0px;width:62px;height:62px;border-radius:0%;box-shadow:inset -60px 60px 0 0 var(--wc);margin:0;background-color:transparent;cursor:pointer;display: none;}
.mw_lb::before {content:'';position:absolute;left:70px;bottom:70px;width:0px;height:0px;border-radius:50%;margin:0;background-color:var(--wc);z-index:-1;}

.mw_rb {display:none;position:absolute;right:0px;bottom:0px;width:62px;height:62px;border-radius:0%;box-shadow:inset 60px 60px 0 0 var(--wc);margin:0;background-color:transparent;cursor:pointer;display: none;}
.mw_rb::before {content:'';position:absolute;right:70px;bottom:70px;width:0px;height:0px;border-radius:50%;margin:0;background-color:var(--wc);}

.mw_max {display:none;position:absolute;right:calc(3*var(--fs));top:calc(1*var(--fs));width:calc(1*var(--fs));height:calc(1*var(--fs));border-radius:0%;box-shadow: inset 0 0 0 1px rgba(255,255,255,0.33);margin:0;z-index:1;cursor: pointer;}
.mw_max::before {content:'';position:absolute;left:25%;top:25%;width:50%;height:50%;border-radius:0%;box-shadow: inset 0 0 0 1px #fff;margin:0;z-index:1;}
[max="yes"] .mw_max::before {content:'';position:absolute;left:25%;top:0;width:50%;height:100%;border-radius:0%;box-shadow: inset 0 0 0 1px #fff;margin:0;z-index:1; }

.mw_black {display:none;position:absolute;left: calc(3*var(--fs));top:calc(1*var(--fs));width: calc(2*var(--fs));height:calc(1*var(--fs));z-index:1;cursor: pointer;}
.mw_black::before {content:'white';color:#fff;font:300 calc(0.5*var(--fs))/calc(1*var(--fs)) Arial;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;text-transform:uppercase;letter-spacing:calc(0.1*var(--fs));}
[mode-black="yes"] .mw_black::before {content:'black';color:#fff;font:300 calc(0.5*var(--fs))/calc(1*var(--fs)) Arial;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}

#mw_h1 {display:none;position:absolute;top:0px;left: calc(3*var(--fs));width: calc(100% - 6*var(--fs));height:calc(3*var(--fs));margin:0 auto;text-align:center;font: 400 calc(1*var(--fs))/calc(3.2*var(--fs)) Arial;color: #fff;letter-spacing: 0.05em;text-transform:uppercase;background-color:var(--bc);color:#fff;cursor:move;display: none;}
#mw_bot{display:none;position:absolute;bottom:0px;left:calc(2.5*var(--fs));width:calc(100% - 5*var(--fs));height:calc(3*var(--fs));margin:0 auto;text-align:center;font:400 16px/60pxArial;color:var(--wc);letter-spacing:calc(0.05*var(--fs));text-transform:uppercase;background-color:var(--wc);display:none;}

.wnd {position: absolute;top: 0;width:100%;height: 100%;/*-webkit-user-select:none;user-select:none;*/overflow: hidden;}
.wnd::before {content:'';position:absolute;left:0;top:0;bottom:0;right:0;background-color: var(--wc);opacity: 0.4;}
.wnd_in {position:relative;width: 100%;padding: calc(6*var(--fs)) calc(8*var(--fs));height: 100%;overflow:auto;}
[menu="yes"] .wnd_in {height: calc(100% - calc(2*var(--fs)));}

.wnd .menu {position: relative;width:100%;height: calc(3*var(--fs));list-style:none;-webkit-user-select:none;user-select:none;text-align: center;text-transform: uppercase;white-space: nowrap;box-shadow: inset 0 -1em 2em -1.75em rgba(127,127,127,0.5);}
.wnd .menu li {position:relative;display:inline-table;cursor:pointer;padding: calc(0.5*var(--fs)) calc(1*var(--fs));width:auto;color: var(--tc);margin: 0;text-align:center;font: 400 calc(1*var(--fs))/calc(2*var(--fs)) Arial;letter-spacing: calc(0.05*var(--fs));/* border-top-left-radius: calc(1*var(--fs)); *//* border-top-right-radius: calc(1*var(--fs)); */}
.wnd .menu li a { color:var(--tc); }
.wnd .menu li img {position:relative;margin:4px 0px -4px 0px;height: 20px;width: 20px;}
.wnd .menu li.yes {cursor:default;color: var(--tc);font-weight: 400;background-color: rgba(127,127,127,0.25);}
.wnd .menu li:hover {background-color:rgba(255,255,255,0.5);}
[mode-black="yes"] .wnd .menu li:hover {background-color:rgba(180,180,180,0.3);}
.wnd .menu li.yes:hover {background-color:var(--wc);}
.wnd .block {position:relative;float:left;clear:both;width: 100%;padding: 0;display: block;}
.wnd .block_zgl {position:relative;clear:both;width:100%;text-align:center;font: 300 calc(1.4*var(--fs))/calc(2*var(--fs)) Arial;margin: 1em 0 0.5em 0;color: var(--tc);display: inline-block;}
.wnd .br { position:relative;width:100%;height:40px; }

.prop {position:relative;float: left;width:100%;padding: 0.5em;/*-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;*/}
.prop .zgl {position:relative;width:100%;display: block;overflow: hidden;margin: 0;padding: 0 0 calc(0.3*var(--fs)) 0;font: inherit;font-size: 0.7em;line-height: 1em;text-transform: uppercase;text-align: inherit;height: inherit;color: var(--tc);left: inherit;right: inherit;letter-spacing: 0.1em;}

.prop[type="color2"],
.prop[type="text2"],
.prop[type="text_mini"] {width:50%;}
.prop[type="color3"],
.prop[type="text3"] {width:33.333%;}
.prop[type="text4"] {width:25%;}
.prop[type="textarea_mini"] {width:50%;}
.prop[type="block2"] {width:50%;}
.prop[type="block3"] {width:33.333%;}
.prop[type="block4"] {width:25%;}
.prop[type="block6"] {width:66.666%;}

.prop[type="checkbox"] .zgl {min-height:50px;}
.prop[type="checkbox2"] {width:50%;}
.prop[type="checkbox3"] {width:33.333%;}
.prop[type="checkbox6"] {width:66.666%;}

.prop[type="button2"] {width:50%;}
.prop[type="button3"] {width:33.333%;}
.prop[type="button4"] {width:25%;}

.prop[type="range2"] {width: 50%;padding-right: 1%;}
.prop[type="range3"] {width: 33.333%;padding-right: 1%;}

.prop[type="rangef2"] {width: 50%;padding-right: 1%;}
.prop[type="rangef3"] {width: 33.333%;padding-right: 1%;}

.prop[type="select2"] {width:50%;}
.prop[type="select3"] {width:33.333%;}
.prop[type="select4"] {width:25%;}

@media screen and (max-width:560px) {
  .prop[type="block3"],
  .prop[type="block4"],
  .prop[type="checkbox3"],
  .prop[type="color3"],
  .prop[type="text3"],
  .prop[type="text4"],
  .prop[type="button3"],
  .prop[type="button4"],
  .prop[type="range3"],
  .prop[type="rangef3"],
  .prop[type="select3"],
  .prop[type="select4"] {width:50%!important;}
  .prop[type="block2"],
  .prop[type="checkbox2"],
  .prop[type="text_mini"],
  .prop[type="text2"],
  .prop[type="button2"],
  .prop[type="select2"],
  .prop[type="range2"],
  .prop[type="rangef2"] {width:100%!important;}
}
@media screen and (max-width:390px) {
  .prop { width:100%!important; }	
  .prop[type="block3"],
  .prop[type="block4"],
  .prop[type="checkbox3"],
  .prop[type="color3"],
  .prop[type="text3"],
  .prop[type="text4"],
  .prop[type="button3"],
  .prop[type="button4"],
  .prop[type="select3"],
  .prop[type="select4"] {width:50%!important;}
  .prop[type="block2"],
  .prop[type="checkbox2"],
  .prop[type="color2"],
  .prop[type="text_mini"],
  .prop[type="text2"],
  .prop[type="button2"],
  .prop[type="select2"],
  .prop[type="range2"],
  .prop[type="range3"],
  .prop[type="rangef3"],
  .prop[type="rangef2"] {width:100%!important;}
}

.prop ul { margin:0;padding:0; }

.prop .help {position: absolute;right: 0px;top: 0;padding: 0;width: calc(1.6*var(--fs));height: calc(1.6*var(--fs));font: 200 calc(1*var(--fs))/calc(1.6*var(--fs)) 'Arial';color: var(--tc);text-align:center;cursor:help;margin: 0;z-index:2;}
.prop[type="checkbox"] .help { right:55px;top:25px; }

.prop .help:before,
.prop .help:after {bottom: -50%;right: 0px;border-radius:20px;}
.prop .help:before {}
.prop [data-hint]::before {content: '';margin-left: -100px;position:absolute;background:rgba(180,180,180,0);z-index:1000002;}
.prop [data-hint]::before,
.prop [data-hint]::after { position:absolute;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;transition:.3s ease;-webkit-transition-delay:0ms;-moz-transition-delay:0ms;transition-delay:0ms;}
.prop [data-hint]::after {content:attr(data-hint);background:rgba(180,180,180,0.75);color:var(--tc);padding: calc(1*var(--fs));width: 200px;font-size: 80%;font-weight: 400;line-height: 130%;box-shadow: 0px 1px 6px -2px rgba(180,180,180,0.75);}
.prop [data-hint]:hover::before,
.prop [data-hint]:hover::after,
.prop [data-hint]:focus::before,
.prop [data-hint]:focus::after{visibility:visible;opacity:1}
.prop [data-hint]:hover::before,
.prop [data-hint]:hover::after{-webkit-transition-delay:100ms;-moz-transition-delay:100ms;transition-delay:100ms}
.prop .help:hover::after,.prop .help:hover::before,.prop .help:focus::after,.prop .help:focus::before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}


.prop .color,
.prop .color2,
.prop .color3,
.prop .text2,
.prop .text3,
.prop .text4,
.prop .text_mini,
.prop .text {background-color: rgba(0,0,0,0.1);position:relative;width: 100%;padding: 0 calc(3.5*var(--fs)) 0 calc(1*var(--fs));margin: 0;font-size: 130%;font-weight: 400;line-height: 200%;color: var(--tc);}

.prop .color3,
.prop .color2,
.prop .color {border-top-right-radius: calc(0.75*var(--fs));border-bottom-right-radius: calc(0.75*var(--fs));}
.prop .btncolor {position:absolute;width:calc(2.5*var(--fs));height:calc(2.5*var(--fs));right:calc(0.5*var(--fs));bottom:calc(0.5*var(--fs));box-shadow: inset calc(1*var(--fs)) 0 calc(1.5*var(--fs)) calc(-1.5*var(--fs)) var(--bc);cursor:pointer;}
.prop .btncolor::before {content: 'o';height:10px;width:10px;position:absolute;right:calc(1*var(--fs));font-size:calc(1*var(--fs));line-height:calc(2.5*var(--fs));color: var(--bc);}

.prop .block_text {position:relative;float: left;width: 100%;margin: 0;font-size: 1.1em;font-weight: 400;line-height: 1.5em;color:var(--tc);display: block;text-align: justify;}
.prop[type="block0"] .block_text {box-shadow:none;background:transparent;width: 100%;text-transform:none;letter-spacing:0;padding:0;color: var(--tc);text-align: justify;}

.prop .textarea_mini,
.prop .textarea {background: rgba(0,0,0,0.1);position:relative;width: 100%;padding: calc(0.333*var(--fs)) calc(1*var(--fs));margin: 0;font-size:1em;color: var(--tc);line-height:1.25em;border: 0;}

.prop .checkbox {	vertical-align:top;width:17px;height:17px;margin:0 3px 0 0; }
.prop .checkbox + label { cursor:pointer; }
.prop .checkbox:not(checked) { position:absolute;opacity:0; }
.prop .checkbox:not(checked) + label {position:relative;display:inline-block;width: 100%;padding: 0 0 calc(0.3*var(--fs)) 0;color: var(--tc);letter-spacing: 0;text-transform: uppercase;font-size: 0.9em;line-height: 1.4em;}

.prop .checkbox:not(checked) + label {cursor: pointer;text-align:left;font-size:1em;line-height:1em;font-weight:400;margin:calc(1*var(--fs)) 0;}
.prop .checkbox:not(checked) + label {position:relative;display:inline-block;width: 100%;margin: calc(0.35*var(--fs)) 0;padding: calc(0.4*var(--fs)) 0;color: var(--tc);letter-spacing: 0;text-transform: uppercase;}

.prop .checkbox:not(checked) + label::before {content:'';position:absolute;top: 0px;right: 0;width: calc(3.6*var(--fs));height: calc(1.8*var(--fs));border-radius: calc(1.5*var(--fs));box-shadow: inset 0 0 0px 1px var(--bc);}
.prop .checkbox:not(checked) + label::after  {background: var(--bc);content:'';position:absolute;top: calc(0.2*var(--fs));right: calc(2*var(--fs));width: calc(1.4*var(--fs));height: calc(1.4*var(--fs));border-radius: calc(1.4*var(--fs));transition: all .2s;opacity: 0.5;}
.prop .checkbox:checked + label::before {background: var(--wc);}
.prop .checkbox:checked + label::after {right: calc(0.2*var(--fs));background: var(--bc);opacity: 1;}


.prop[type="radio"] {padding: 0px 0px 0px 0px;box-shadow: inset 1px 0 0 0 rgba(180,180,180,0.3);}
.prop .radio    {vertical-align:top;width:17px;height: 17px;margin: 0 3px 0px -20px;}
.prop .radio + label {cursor:pointer;position: relative;padding: 0px 10px 10px 30px;display:inline-block;}
.prop .radio:not(checked) {position:relative;width: 1px;height: 1px;overflow: hidden;opacity:0;margin: 0;padding: 0;}
.prop .radio:not(checked) + label {position:relative;padding: 0px 10px 10px 30px;display:inline-block;margin-left: 14px;color: var(--tc);}
.prop .radio:not(checked) + label::before {content:'';position:absolute;top: 0px;left:0px;width: 22px;height: 22px;border:1px solid #dddee0;border-radius:50%;background:var(--wc);}
.prop .radio:not(checked) + label::after  {content:'';position:absolute;top: 0px;left: 1px;width:22px;height:22px;border-radius:50%;background:var(--bc);box-shadow: inset 0 1px 1px rgba(180,180,180,.5);opacity:0;transition:all .2s;}
.prop .radio:checked + label::after { opacity:1; }

.prop .range_img {position:relative;width:120px;height:120px;margin: 0px auto 10px auto;background:none center center / auto 100% no-repeat;cursor:pointer;}
.prop .range_list { position:relative;width:100%;margin:10px 0px 0px 0px; }
.prop .range_list[act="no"] { margin:0;display:none; }
.prop .range_list img { width:46px;cursor:pointer; }
.prop .range_list img.yes { box-shadow:0px 0px 0px 2px var(--bc);border-radius:50%;padding:3px;margin:-3px; }

.prop .rangef,
.prop .range {position:relative;width:100%;height: 26px;margin: 0px 0px 10px 0px;padding:0;border:0;box-shadow:none;border-radius:20px;cursor: move;-webkit-appearance: none;}
.prop .rangef:focus,
.prop .range:focus { outline:none!important;}
.prop ::-ms-ticks-after,.prop ::-ms-ticks-before,.prop ::-ms-track { background-color:transparent;color:transparent;border:0;}
.prop ::-ms-tooltip { display:none;}
.prop ::-ms-fill-lower,.prop ::-ms-fill-upper { background-color:transparent;height:30px;}
.prop ::-moz-range-track { background-color:transparent;width:100%;height:30px;padding:0;margin:0;border:0;}
.prop ::-webkit-slider-runnable-track { background-color:#dddee0;border-radius:20px;margin:0;padding:2px;border:0;box-shadow: inset 0 2px 3px rgba(180,180,180,.2); }
.prop ::-ms-thumb            { background:var(--wc) none center center no-repeat;border-radius:50%;width:22px;height:22px;padding:0;margin:0;border:0;cursor:move;box-shadow:0 2px 5px rgba(180,180,180,.3); }
.prop ::-moz-range-thumb     { background:var(--wc) none center center no-repeat;border-radius:50%;width:22px;height:22px;padding:0;margin:0;border:0;cursor:move;box-shadow:0 2px 5px rgba(180,180,180,.3); }
.prop ::-webkit-slider-thumb { background:var(--wc) none center center no-repeat;border-radius:50%;width:22px;height:22px;padding:0;margin:0;border:0;cursor:move;box-shadow:0 2px 5px rgba(180,180,180,.3);-webkit-appearance:none;}
.prop .nums {position:relative;margin:-3px 12px 10px 12px;font:400 calc(0.5*var(--fs))/calc(0.5*var(--fs)) Arial;text-align:center;color: var(--tc);}

.prop[type="rangef"]::before,
.prop[type="rangef2"]::before,
.prop[type="rangef3"]::before { content:'';position:absolute;top:0;left:calc(50% - 0.2*var(--fs));width:1px;height:3.3em;text-align:center;border-left:1px solid #ccc; }

.wnd .prop h2 { margin:0 0 calc(1*var(--fs)) 0;}
.wnd .prop h3 { font-size:1.25em;margin:0 0 calc(1*var(--fs)) 0;}
.wnd .prop ul li { list-style:square;margin: calc(0.5*var(--fs)) 0 calc(0.5*var(--fs)) calc(1.5*var(--fs)); }
.wnd .prop ul { margin-bottom:calc(2*var(--fs)); }

.prop .button,
.wnd input[type="button"],
.prop .submit {display: block;margin: calc(0.8*var(--fs)) auto;font: 400 calc(1*var(--fs))/calc(1.5*var(--fs)) Arial;white-space:nowrap;background-repeat: no-repeat;background-position: center center;}
.prop .button[act="yes"] { background-color: #00c000;}

.wnd input[type="button"].yes {border-radius: 20px;cursor: pointer;text-align: center;font-size: 12.5px;line-height: 12.5px;padding: 0px 20px;font-weight: bold;letter-spacing: 2px;display: block;margin: 10px auto;position:relative;width:auto;text-transform: uppercase;height:40px;box-shadow: none;background-color: #60e0d0;color: var(--tc);transition: background-color 0.8s 0.1s ease;}

.prop .select {background-color: rgba(0,0,0,0.1)!important;position:relative;float: left;width: 100%;padding:0 calc(1*var(--fs));margin: 0;font-size: 130%;font-weight: 400;line-height: 200%;color: var(--tc);cursor: pointer;border-top-right-radius: calc(0.75*var(--fs));}
.prop .select::before {content: 'o';height:10px;width:10px;position:absolute;right:calc(1*var(--fs));font-size:calc(1*var(--fs));color: var(--bc);}
.prop .select_box {z-index: 1;background: rgba(0,0,0,0.1)!important;position: inherit;margin:0;width:100%;overflow:hidden;transition:all .2s;}
.prop .select_box[act="no"] { height:0;opacity:0;margin: -10px 0px 0px 0px; }
.prop .select_box ul {position:relative;margin:0;width: 100%;}
.prop .select_box li {position:relative;float: left;width: 50%;padding: calc(0.5*var(--fs)) calc(1*var(--fs));margin: 0!important;height: calc(2.5*var(--fs));color:var(--tc);cursor:pointer;overflow:hidden;}
.prop .select_box li[act="yes"] {box-shadow:inset 0 0 calc(0.5*var(--fs)) 0 rgba(0,0,0,0.2)!important;}
.prop[type="select"] .br { position:relative;width:100%;height:1px; }

.prop i { color:rgba(180,180,180,0.95);font-size:75%; }

.wnd .prop .date1 {position:absolute;left:0px;width: 40px;margin:0px 0px 30px 0px;height:40px;}
.wnd .prop .date1 .date {z-index:1;background:var(--wc);position:absolute;left:0px;width: 40px;padding:8px 10px;margin:0px 0px 30px 0px;font-size: 16px;height: 40px;border: 1px solid var(--bc);border-top-left-radius:20px;border-bottom-left-radius:20px;cursor:pointer;}
.wnd .prop .date1 .date_box {z-index:2;background:rgba(250,250,250,0.9);left:0px;position:absolute;margin: -81px 0px -1px 0px;width:100%;height:200px;border-top-left-radius:20px;border-bottom-left-radius:20px;overflow:hidden;transition:all .2s;border-bottom: 1px solid var(--bc);border-top: 1px solid var(--bc);box-shadow: 0px 0px 30px -15px var(--tc);}
.wnd .prop .date1 .date_box[act="no"] { margin-top:-20px;height:0;opacity:0; }
.wnd .prop .date1 .date_box ul { position:relative;margin:80px 0px 80px 0px;width:100%;}
.wnd .prop .date1 .date_box li {background:var(--wc);position:relative;width: 40px;padding:8px 10px;font-size: 16px;height: 40px;border: 1px solid #f6f6f6;color:var(--tc);border-top-left-radius:20px;border-bottom-left-radius:20px;cursor:pointer;}
.wnd .prop .date1 .date_box li[act="yes"] {background:var(--wc);color:var(--tc);border: 1px solid var(--bc);}

.wnd .prop .date2 {position:absolute;left: 40px;width: 100px;margin:0px 0px 30px 0px;height:40px;}
.wnd .prop .date2 .date {z-index:1;background:var(--wc);position:absolute;left:0px;width: 100px;padding: 8px 10px;margin:0px 0px 30px 0px;font-size: 16px;height: 40px;border: 1px solid var(--bc);cursor:pointer;}
.wnd .prop .date2 .date_box {z-index:2;background:rgba(250,250,250,0.9);left:0px;position:absolute;margin: -81px 0px -1px 0px;width:100%;height:200px;overflow:hidden;transition:all .2s;border-bottom: 1px solid var(--bc);border-top: 1px solid var(--bc);box-shadow: 0px 0px 30px -15px var(--tc);}
.wnd .prop .date2 .date_box[act="no"] { margin-top:-20px;height:0;opacity:0; }
.wnd .prop .date2 .date_box ul {position:relative;margin: -1px 0px -1px 0px;width:100%;}
.wnd .prop .date2 .date_box li {background:var(--wc);position:relative;width: 100px;padding:8px 10px;font-size: 16px;height: 40px;border: 1px solid #f6f6f6;color:var(--tc);cursor:pointer;}
.wnd .prop .date2 .date_box li[act="yes"] {background:var(--wc);color:var(--tc);border: 1px solid var(--bc);}

.wnd .prop .date3 {position:absolute;left: 140px;width: 70px;margin:0px 0px 30px 0px;height:40px;}
.wnd .prop .date3 .date {z-index:1;background:var(--wc);position:absolute;left:0px;width: 70px;padding:8px 10px;margin:0px 0px 30px 0px;font-size: 16px;height: 40px;border: 1px solid var(--bc);border-top-right-radius:20px;border-bottom-right-radius:20px;cursor:pointer;}
.wnd .prop .date3 .date_box {z-index:2;background:rgba(250,250,250,0.9);left:0px;position:absolute;margin: -81px 0px -1px 0px;width:100%;height:200px;border-top-right-radius:20px;border-bottom-right-radius:20px;overflow:hidden;transition:all .2s;border-bottom: 1px solid var(--bc);border-top: 1px solid var(--bc);box-shadow: 0px 0px 30px -15px var(--tc);}
.wnd .prop .date3 .date_box[act="no"] { margin-top:-20px;height:0;opacity:0; }
.wnd .prop .date3 .date_box ul { position:relative;margin:80px 0px 80px 0px;width:100%;}
.wnd .prop .date3 .date_box li {background:var(--wc);position:relative;width: 70px;padding:8px 10px;font-size: 16px;height: 40px;border: 1px solid #f6f6f6;color:var(--tc);border-top-right-radius:20px;border-bottom-right-radius:20px;cursor:pointer;}
.wnd .prop .date3 .date_box li[act="yes"] {background:var(--wc);color:var(--tc);border: 1px solid var(--bc);opacity:1;}

.wnd .prop[type="youtube"] {width: 100%;height:560px;margin: 10px -20px 10px -30px;padding:0;border-radius:6px;}
@media screen and (max-width:1920px) { .wnd .prop[type="youtube"] {height: 500px;} }
@media screen and (max-width:1600px) { .wnd .prop[type="youtube"] { height:225px; } }
@media screen and (max-width:1560px) { .wnd .prop[type="youtube"] { height:170px; } }
.wnd .prop[type="youtube"] div {width:100%;height:100%;margin: 0px 0px 0px 0px;border-radius:6px;overflow:hidden;box-shadow:0px 5px 10px -5px rgba(180,180,180,1);}
.wnd .prop[type="youtube"] div iframe {width:100%;height:100%;border-radius:6px;overflow:hidden;}

.wnd .prop[type="val"] div {background:var(--wc);position:relative;width:100%;padding:0;margin:0;font:400 15px/20px 'Arial';min-height:20px; }
.wnd .prop .val_img { position:relative;max-width:100%;min-height:0px;margin-bottom:10px; }
.wnd .prop[type="img"] img {position:relative;max-width:100%;min-height:0px;margin: 0px auto 10px auto;display: block;border-radius:10px;cursor:pointer;box-shadow: 0px -1px 5px -1px var(--wc),0px 20px 50px -20px var(--tc);}
.wnd #img_full_prop.prop img { max-height:400px;border-radius:10px;margin-bottom:10px;cursor:pointer; }

.wnd_send,
.file {position:relative;font: 400 calc(1*var(--fs))/calc(1.5*var(--fs)) Arial;letter-spacing: calc(0.05*var(--fs));color: var(--tc);text-transform:uppercase;margin:0;padding: calc(0.6*var(--fs)) calc(0.8*var(--fs));width:auto;min-width: calc(9*var(--fs));max-width: calc(18*var(--fs));background-color: rgba(255,255,255,0.2);border-radius:calc(2 * var(--fs));clear: both;overflow: hidden;cursor:pointer;border:0;text-align:center;border-radius: calc(1.5*var(--fs));box-shadow: none;}
.file {margin: 10px auto;}
.file:before {content: 'Choose files';cursor:pointer;}
.file input[type="file"] { position: absolute; left: 0px; top: 0px; width: 1px; height: 1px; font: 400 0/0 Arial; padding:0px;margin:0px; opacity: 0; border:none;cursor:pointer; }
#file1,#file2,#file3 {position: relative;width: 100%;padding: 10px 0px 0px 0px;font-size: 12.5px;text-align: center;overflow: hidden;}
#file1:before,#file2:before,#file3:before { content: 'File: ';position:relative;margin: 0px 0px 5px 0px;width: 100%; }

.wnd .prop[type="img_shop"] { text-align:center; }
.wnd .prop[type="img_shop"] img { box-shadow:0px 0px 3px -1px rgba(180,180,180,0.5); }

#bColor { box-shadow:none;margin:0;padding:0;cursor:crosshair; }
#bColor_place0 {position:relative;float:left;width:calc(100% - calc(1*var(--fs)) - 50px);height:calc(33*var(--fs));overflow:hidden;}
#bColor_place  {position:relative;width:100%;height:100%; }
#bColor_line0  {position:relative;float:left;width:40px;height:calc(33*var(--fs));overflow:hidden;margin:0 0 0 calc(1*var(--fs));}
#bColor_line   {position:relative;width:100%;height:100%; }
#bColor_place_i {position:absolute;width: calc(1*var(--fs));height: calc(1*var(--fs));border-radius: calc(1*var(--fs));box-shadow: 0 0 0 1px var(--wc);background-color:transparent;}
#bColor_line_i  { position:absolute;width:calc(50px + 1*var(--fs));height:1px;left:calc(-0.5*var(--fs));background-color:white;overflow:hidden;display:block; }

@media (max-width:1100px) {
  #mw_wnd,#mw_wnd[max] {max-width:calc(100% - 4*var(--fs))!important;max-height:calc(100% - 4*var(--fs))!important;}
}
@media (max-width:600px) {
  #mw_wnd,#mw_wnd[max],#mw_wnd[max="yes"][rzm="vFltWork"] {left:0!important;top:0!important;height:100%!important;width:100%!important;max-width:100%!important;max-height:100%!important;border-radius:0!important;}
  .wnd::before {opacity:1;}
  .mw_max {display:none; }
}
@media (max-height:600px) {
  #mw_wnd,#mw_wnd[max],#mw_wnd[max="yes"][rzm="vFltWork"] {left:0!important;top:0!important;height:100%!important;width:100%!important;max-width:100%!important;max-height:100%!important;border-radius:0!important;}
  .wnd::before {opacity:1;}
  .mw_max {display:none; }
}
@media (max-width: 500px) {
  .wnd_in {height: 100%;overflow:auto;padding: calc(1*var(--fs)) calc(1*var(--fs));}
  [menu="yes"] .wnd_in {height: calc(100% - calc(2*var(--fs)));}
}
@media (max-height:940px) {
  [menu="yes"] .wnd_in {height: calc(100% - calc(2*var(--fs)));}
}
@media (min-height:1100px) {
  #mw_wnd {}
}
@media (max-width:1600px) { body {--fs: 14px;} }
@media (max-width:700px)  { body {--fs: calc(100vw/40);} }
@media (max-width:400px)  { body {--fs: calc(100vw/35);} }
@media (min-width:1601px) { body { --fs: 16px; } }
@media (min-width:1920px) { body { --fs: 16px; } }
@media (min-width:2560px) { body { --fs: 18px; } }

iframe { transform: translateY(-10%)}
#youtube-player { position: relative; transform: translateY(-10%)}
.youtube-poster {position: absolute;top:12.5%;width: 100%;height: 75%;}
.youtube-poster.yt_hide { animation:hide 4s 1; }
@keyframes hide { 0% { opacity:1; } 100% { opacity:0; } }
.youtube-poster.yt_show { opacity:1; }

#css-render { position: absolute;z-index:0; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
#css-render section {position:absolute;left:0;top:0;right:0;bottom:0;color:#fff;padding:3em;font-size:1.333em;line-height:1.5em;}
#css-render section header {position: relative;margin: -3em -3em 2em -3em;}
#css-render section header img {width:100%;display: block;margin-bottom:2em;}
#css-render section.big { font-size:2em; }
#css-render section.big2 { font-size:2.66666em; }
#css-render section.black { background-color:black;color:white; }
#css-render section.white { background-color:white;color:black; }
#css-render section.blue  { background-color:#0080c0;color:white; }
#css-render section .blue { color:#0080c0; }
#css-render section .white { color:white; }
#css-render section .black { color:black; }
#css-render section h2 {font-size:2em;font-weight:600;line-height:1.25em;margin-bottom:0.25em;display:block;text-align:center;}
#css-render section h3 {font-size:1.5em;font-weight:600;line-height:1.25em;margin-bottom:0.25em;display:block;text-align:center;}
#css-render section h4 {font-size:0.75em;font-weight:600;line-height:1.25em;margin-bottom:2em;display:block;text-align:center;}
#css-render section p {display:block;text-align:justify;margin:0.75em 0;}
#css-render section ol {margin:0;padding:0 0 0 2.5em;counter-reset: myCounter;}
#css-render section ol li{margin:0;list-style:none;min-height:2em;padding:0 0 0.75em 0;}
#css-render section ol li:before {counter-increment:myCounter;content:counter(myCounter);color:#ffffff;background-color: #0090e0;position: absolute;display: block;text-align:center;font-size: 1em;line-height: 2em;width: 2em;height: 2em;border-radius: 1em;margin-top: -0.25em;margin-left: -2.5em;}
#css-render section ul {margin:0;padding:0 0 0 1.25em;}
#css-render section ul li {margin:0;list-style-type:square;padding:0 0 0.75em 0;}

#bImage2_1 canvas {position:relative;width:100%;height: calc(24*var(--fs));margin: calc(-3*var(--fs)) 0 calc(-1*var(--fs)) 0;visibility:visible!important;display:block!important;}
#bColors2 .color0 { position:relative;float:left;width:33.333%;height:calc(15*var(--fs));margin:0 0 calc(1*var(--fs)) 0;cursor:pointer; }
#bColors2 canvas { position:relative;width:100%;height:calc(15*var(--fs));visibility:visible!important;display:block!important; }
#bColors2 .color { position:absolute;left:0;top:calc(1*var(--fs));width:100%;height:calc(1*var(--fs));font:400 calc(0.8*var--fs))/calc(1*var(--fs)) Arial;letter-spacing:0;text-align:center; }

.svg-box{position:relative;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;transform:scaleX(0.9);}
.svg-box2{color:#000000;font:400 20px/20px sans-serif;text-align:center;}
.svg-box2 .ex{font:400 40px/1em sans-serif;margin:0.5em 0;}
.svg-box2 .nm{font:600 48px/1em sans-serif;margin:0.5em 0;}

.exh {position:relative;float:left;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;
width:calc(50% - 1em);height:25em;text-align:left;overflow:hidden;margin: 0 2em 2em 0;cursor:pointer;}
.exh:nth-child(2n) { margin: 0 0 2em 0; }
.exh .img  {position:absolute;width:100%;height:100%;background:none center center / cover no-repeat;background-size:cover!important;}
.exh .info {position:absolute;left:0;bottom:0;width:100%;min-height:4em;padding:1em 1em;text-align:center;line-height:1.2em;background-color:rgba(255,255,255,0.6);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);transition:bottom 1s ease;}
.exh:hover .info { bottom:-10em; }
.exh .info .name  {font-size:0.8em;}
.exh .info .artist{font-size:0.8em;}
.exh .info .style {font-size:0.8em;}
.exh .info p      {display:none;}

.exh2 {position:relative;float:left;width:33%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:left;overflow:hidden;cursor:pointer; }
.exh2 .img {position:relative;float:left;padding:0.5em; }
.exh2 .img img {position:relative;float:left;width:100%;height:11em;object-fit: cover;}

.exh3 {position:relative;float:left;width:calc(33% - 1em);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:left;overflow:hidden;cursor:pointer;background:rgba(255,255,255,0.1);font-size:0.7em;margin:0.5em;padding:0.5em; }

#mw_wnd[full="yes"] { top:0!important;left:0!important;width:100%!important;height:100%!important;border-radius:0; }
#mw_wnd[full="yes"] #mw_h1 {top:0px;left:0;width:100%;}
#mw_wnd[full="yes"] .wnd {top:0;width:100%;height:100%;transition:transform 0.3s linear 0.2s;overflow: hidden;}
#mw_wnd[full="yes"] .mw_rt {z-index:1;box-shadow:none;}
#mw_wnd[full="yes"] .mw_rt::before { content:'';background-color:transparent;}
#mw_wnd[full="yes"] .mw_rt.close div { background-color:#000; }
#mw_wnd[full="yes"] .wnd_in { margin:0;padding:0;overflow:hidden; }



#d2d {position:fixed;top:-101vh;left:0;margin:0;padding:0;width:100vw;height:calc(var(--vh, 1vh) * 100);overflow:hidden;background-color:#000;transition:top 1s ease,opacity 1.5s ease;opacity:0;z-index:2; }
#d2d[view="yes"] { display:block;top:0;opacity:1;z-index:2;transition:top 1s ease,opacity 1.5s ease; }
#d2d[view="no"] { display:block;top:-101vh;opacity:0; }

#d2d2 {position:fixed;background:rgba(255,255,255,0.8);color:#000;bottom: -101vh;left:calc(50% - 15*var(--fs));margin:0;padding:0;width:calc(30*var(--fs));overflow:hidden;transition:top 1s ease,opacity 1.5s ease;opacity:0;z-index:2;text-align: center;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}
#d2d2 .info {position:relative;width:100%;height:100%;}
#d2d2[view="yes"] {display:flex;bottom: calc(10*var(--fs));opacity:1;z-index:2;transition:top 1s ease,opacity 1.5s ease;text-align: left;padding: calc(2*var(--fs));}
#d2d2[view="no"] { display:flex;top:-101vh;opacity:0; }

.place {position: absolute;transition: 1s ease;background: black;width:100vw;height:100%;cursor:pointer;text-align: center;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}
.place img  {position:relative;width:100vw;height:calc(100% - 20*var(--fs));object-fit:contain;}
.place .info {color:#fff;position:absolute;bottom:calc(6*var(--fs));width:calc(60*var(--fs));max-width:80vw;padding:0;margin:0;line-height: calc(1.2*var(--fs));text-align:center;}
.place .info .name {font-size: calc(1.2*var(--fs));line-height: calc(1.4*var(--fs));}
.place .info .artist {font-size:calc(1*var(--fs));line-height: calc(1*var(--fs));margin-top: calc(0.3*var(--fs));}

.place .inf {color:#fff;position:relative;width:calc(40*var(--fs));max-width:80vw;padding:0;margin: 0;line-height:1.2em;text-align:justify;}
.place .inf .name {font-size: calc(2*var(--fs));line-height:calc(2.6*var(--fs));text-align:center;}
.place .inf .artist {font-size: calc(1*var(--fs));line-height:calc(3*var(--fs));text-align:center;}
.place .inf p {font-size: calc(1*var(--fs));line-height: calc(1.4*var(--fs));}

.place.on { transform:scale(1);opacity:1;z-index:3; }
.place.fwd { transform:scale(0.001) translateX(100vw);opacity:0;z-index:0;}
.place.bck { transform:scale(3) translateX(-100vw);opacity:0;z-index:0;}

.frm {position:relative;float:left;width:25%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:left;overflow:hidden;cursor:pointer; }
.frm img {position:relative;float:left;max-width:100%;height:7em;object-fit: cover;}
.frm[act="yes"] img { -webkit-filter: drop-shadow( 0px 1px 3px rgba(0,0,0,0.8) );filter: drop-shadow( 0px 1px 3px rgba(0,0,0,0.8) ); }

.color {position:relative;float:left;width:20%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:left;overflow:hidden;cursor:pointer; }
.color[act="yes"] { -webkit-filter: drop-shadow( 0px 1px 3px rgba(0,0,0,0.8) );filter: drop-shadow( 0px 1px 3px rgba(0,0,0,0.8) ); }


#about_webhome {display:none;position:fixed;bottom:calc(6*var(--fs))!important;top:auto!important;left: calc(-2*var(--fs));width:max-content;height:calc(28*var(--fs));z-index:10;font: 300 calc(1*var(--fs))/calc(1.6*var(--fs)) Arial;letter-spacing:0;overflow: hidden;cursor:move;text-align:center;}
.awh {position:relative;float:left;width:calc(28*var(--fs));height:calc(28*var(--fs));padding:calc(5*var(--fs));margin:0 calc(1*var(--fs));background-color:rgba(255,255,255,0.3);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);overflow:hidden;}
.awh.more { overflow:auto; }
.awh.light {background-color:rgba(255,255,255,0.6);}
.awh.dark {background-color:rgba(255,255,255,0.1);}
.awh h2 {position: relative;margin:0 0 0.75em 0;line-height:1.1em;text-align:center;overflow:hidden;}
.awh p { margin:0 0 1.5em 0;font-size:1.1em;text-align:justify;line-height:1.3em; }
.awh video {position:relative;width: calc(100% + 10*var(--fs));height: calc(100% + 10*var(--fs));margin: calc(-5*var(--fs)) calc(-5*var(--fs));padding:0;overflow:hidden;}
.awh iframe {position:relative;width: calc(100% + 10*var(--fs));height: calc(100% + 10*var(--fs));margin: calc(-2.2*var(--fs)) calc(-5*var(--fs));padding:0;overflow:hidden;}
.awh li {list-style:circle;font-size:1.1em;line-height:1.3em;text-align:justify;margin:0 0 0.75em 0;}

.awh .button { padding:calc(0.6*var(--fs)) calc(1.5*var(--fs)); box-shadow:inset 0 -10px 15px -5px rgba(0,0,0,0.25), 0 2px 8px -3px #000;}
.awh .button:hover { box-shadow:inset 0 5px 10px -5px rgba(0,0,0,0.25), 0 0px 4px -2px #000;}

.awh0 {position:relative;float:left;width:calc(2*var(--fs));height:calc(28*var(--fs));margin:0 calc(1*var(--fs)) 0 0;background-color: rgba(255,255,255,0.2);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);overflow:hidden;white-space: normal;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;cursor:pointer;}

.awh2 {position:relative;float:left;width:calc(5*var(--fs));height:calc(28*var(--fs));padding:calc(5*var(--fs));margin:0 calc(1*var(--fs));background-color: rgba(255,255,255,0.05);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);overflow:hidden;white-space: normal;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}
.awh2 h2 {font-size:3.5em;line-height: 0.9em;text-align:center;color: var(--tc);opacity: 0.75;transform: rotate(-90deg);}
.awh2 p  {position:relative;display:block;margin: 0 0 0.5em 0;font-size: 1.3em;line-height:1.5em;text-align: center;color: var(--tc);opacity: 0.75;}


#vQR svg { width:calc(17*var(--fs));height:calc(17*var(--fs)); }

.wnd .prop .bl h2,
.bl h2 { font-size:calc(1.5*var(--fs));line-height:1em;margin:calc(0.5*var(--fs)) 0 0 0; }


.clip2 {-webkit-animation: slide2 5s infinite;animation: slide2 5s infinite;}
@-webkit-keyframes slide2 { from {transform: translateY(-90px);} 33%,66% {transform: translateY(-25px); } to {transform: translateY(-90px);}}
        @keyframes slide2 { from {transform: translateY(-90px);} 33%,66% {transform: translateY(-25px); } to {transform: translateY(-90px);}}

.count { position:absolute;right:1em;bottom:1em;width:2em;height:2em;border-radius:50%;background-color:rgba(255,255,255,0.5);z-index:1;text-align:center;line-height:2em; }

.del { position:absolute;right:1em;top:1em;width:2em;height:2em;cursor:pointer;z-index:1;background-color:var(--tc);border-radius:50%;}
.del div { position:absolute;top:50%;left:0.4em;width:1.2em;height:1px;background-color:var(--wc);transform:rotate(45deg);}
.del div:last-child { transform:rotate(-45deg);}

#cColor1_prop {cursor: pointer;text-align:left;font-size:1em;line-height:1em;font-weight:400;margin:calc(1*var(--fs)) 0;}
#cColor1_prop .checkbox:not(checked) + label {position:relative;display:inline-block;width: 100%;margin: calc(0.35*var(--fs)) 0;padding: calc(0.4*var(--fs)) 0;color: var(--tc);letter-spacing: 0;text-transform: uppercase;}