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;*/ }
body {--fs:1vw;--bc: #305080;--tc:#000000;--wc:#ffffff;font:300 13px/16px Montserrat;letter-spacing:0px;background-color:#fff;}

[mode-black="yes"] { --tc:#ffffff;--wc:#000000; }

::-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) Montserrat;background-color: var(--wc)!important;outline:none;border:0;padding: 5px 8px;box-shadow: inset 0px 0px 0px 0.5px rgba(180,180,180,0.5);}
input:-webkit-autofill{ box-shadow:inset 0 0 0 50px var(--wc)!important;-webkit-text-fill-color:var(--tc)!important;color:var(--tc)!important;}
::-webkit-input-placeholder {text-indent:0px;transition:text-indent 0.7s ease;text-align:center;font-size:90%;color:rgba(180,180,180,1);font-weight:200;}
::-moz-placeholder          {text-indent:0px;transition:text-indent 0.7s ease;text-align:center;font-size:90%;color:rgba(180,180,180,1);font-weight:200;}
:-moz-placeholder           {text-indent:0px;transition:text-indent 0.7s ease;text-align:center;font-size:90%;color:rgba(180,180,180,1);font-weight:200;}
:-ms-input-placeholder      {text-indent:0px;transition:text-indent 0.7s ease;text-align:center;font-size:90%;color:rgba(180,180,180,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 0px 0px 0px;}
progress::-webkit-progress-bar { background-color:rgba(180,180,180,0.2);border-radius:10px;}
progress::-webkit-progress-value {
	background:#cdeb8e;
	background:-ms-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#a5c956));
	background:-webkit-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%);
	background:linear-gradient(to bottom,  #cdeb8e 0%,#a5c956 100%);
	border-radius:10px;
}
progress::-moz-progress-bar { background:#cdeb8e;
	background:-moz-linear-gradient(top,  #cdeb8e 0%, #a5c956 100%);
	background:linear-gradient(to bottom,  #cdeb8e 0%,#a5c956 100%);
	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 {height:100%;}
body {font-family:Montserrat;font-size:16px;line-height:1.42;overflow:hidden;position:relative;}

.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 Montserrat;display:inline-block;padding:0;text-transform: uppercase;letter-spacing: 1px;}
sup { font:400 10px/10px Montserrat;margin-left:-1px; } 

.button {position:relative;display: inline-block;font: 300 14px/16px Montserrat;color:var(--tc);text-transform:uppercase;margin: 10px auto 0px auto;padding: 12px 15px;width:auto;min-width: 160px;background-color:rgba(180,180,180,0.3);border-radius: 5px;clear: both;overflow: hidden;cursor:pointer;border:0;text-align:center;}

.mrk::before {content:'';position: relative;display:inline-block;width:16px;height:20px;background:url(//mark.space/logo.svg) right center / 100% auto no-repeat;vertical-align:bottom;}

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

#v2_left {position:relative;float:left;width:200px;}
#v2_main {position:relative;float:right;width: calc(100% - 220px);}

#copyright {padding-top:20px;padding-bottom:20px;}
.make {font: 300 10px/14px Montserrat;margin: 20px 0px;position:  relative;float:  left;}

#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); }

#v2_menu2 {display:none;position:absolute;top:20px;right:20px;margin:0;width: 15px;height: 15px;cursor:pointer;}
#v2_menu2 span {display:block;position:absolute;width:100%;left:0;height: 1px;background-color: black;}
#v2_menu2 span:nth-child(1){top:0px; }
#v2_menu2 span:nth-child(2){top:6px;}
#v2_menu2 span:nth-child(3){top:12px;}

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);}

#v2_unitex_left {position:relative;float:left;width:100%;height:40px;margin:20px 0px;background: var(--wc) url(//mark.space/unitex.svg) center center / 50% auto no-repeat;}

@media (max-width:860px) {
  #outer[menu="yes"] nav {min-height:200px;height: 255px;}
  #v2_menu2 { display:block; }
  #b1gr,
  #v2_logout { display:none; }
  #v2_unitex_left {display:none;}
}


@media (min-width:2000px) {
  body { overflow-x:hidden; }
  #outer { transform:scale(1.25); }
}

#v2_logo {position:relative;float:left;width:100%;height:50px;background-color:var(--wc);padding:10px 0px;text-align:center;margin: 0px 0px 20px 0px;}
#v2_logo2 {position:relative;width: 166px;height:30px;background:url(//mark.space/logo.svg) left center / auto 90% no-repeat;font: 300 18px/30px Montserrat;color:var(--tc);padding: 0px 0px 0px 35px;letter-spacing: 1px;margin:0px auto;}

#v2_top {position:relative;float:left;width:100%;padding:0;margin: 0px 0px 20px 0px;font: 600 11px/14px Montserrat;letter-spacing:  1px;text-transform:uppercase;}

#v2_top span {font:300 9px/14px Montserrat;letter-spacing:  1px;}

#v2_name {position:relative;float:left;width: 230px;height: 50px;padding:11px 15px;margin-right:20px;background-color:rgb(0,0,0);color:var(--wc);}
#v2_id {position:relative;float:left;height: 50px;width:auto;padding:11px 15px;border-right:0.5px solid #eee;background-color:var(--wc);}
#v2_balance {position:relative;float:left;width:auto;height: 50px;padding: 11px 15px;border-right:0.5px solid #eee;background-color:var(--wc);}
#v2_balance .mrk::before {width:12px;height:14px;line-height:14px;vertical-align:top;}
#v2_units {position:relative;float:left;width:auto;height: 50px;padding:11px 15px;background-color:var(--wc);}
#v2_units a { border:0; }
#v2_unitex {position: absolute;top: 0px;right: 0px;margin: 40px 50px;width: 100px;height: 30px;background: var(--wc) url(//mark.space/unitex.svg) center center / 100% auto no-repeat;clear:none;}
#v2_logout {position:relative;float:right;width:auto;padding: 18px 15px 18px 0px;border:0;text-align:right;}

#v2_menu {position:relative;float:left;width:100%;padding:0;margin:0;}

#v2_menu li {position:relative;float:left;width:100%;margin:0;padding: 10px 20px;font-size: 10px;letter-spacing:1px;font-weight:300;background-color:var(--wc);color:var(--tc);}
#v2_menu .m1 li {text-transform:uppercase;margin: 0px 0px 2px 0px;}
#v2_menu .m1 li[act="yes"] {background-color: rgba(255,255,255,0.6);width: calc(100% + 20px);padding: 10px 40px 10px 20px;}
#v2_menu .m1 li span { float:right; }
#v2_menu .m2 li {text-transform:none;padding: 0px 0px 0px 15px;margin: 5px 0px;border:none;border-left: 1px solid var(--tc);}

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);}

#v2_menu li a { border:0; }
#v2_menu li[act="yes"] { font-weight:bold; }


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; }


#v2_page {position:relative;float:left;width:100%;background-color:var(--wc);padding:40px 50px;margin:0;min-height:746px;}

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

#v2_page .h {position:relative;width:100%;float:left;color:var(--tc);font: 300 16px/20px Montserrat;margin:10px 0px 10px 0px;text-align:left;word-wrap:break-word;text-transform:  uppercase;}
#v2_page .h a {font: 300 12px/16px Montserrat!important;margin-left:10px;padding:0;position: relative;display: inline-block;}
#v2_page .h2 {position:relative;width:100%;float:left;color:var(--tc);font: 300 14px/18px Montserrat;margin:10px 0px 10px 0px;text-align:left;word-wrap:break-word;text-transform:  uppercase;}
#v2_page .v {position:relative;width:100%;float:left;margin:0px 0px 5px 0px;}
#v2_page .n {position:relative;width:100%;float:left;color:var(--tc);font: 600 10px/16px Montserrat;margin:0px 0px 5px 0px;text-transform: uppercase;letter-spacing:  1px;}
#v2_page .s {position:relative;width:100%;float:left;color:var(--tc);font: 300 13px/16px Montserrat;margin:0px 0px 5px 0px;min-height:20px;word-wrap:break-word;}
#v2_page .s b { font: 600 14px/16px Montserrat; }

.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;}

.pre_sale {position:relative;width:360px;margin:20px auto 0px auto;overflow:hidden;}
.pre_sale b { font: 600 20px/20px Montserrat}

.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;}

#msp_alert {position:relative;width:100%;margin:0px 0px 10px 0px;padding:10px;font:normal 12px/20px Montserrat;text-align:center;color:var(--tc);background-color:rgba(255,150,150,0.25);color:var(--tc);box-sizing:border-box;}

@media (max-width:1200px) {
  section {position:relative;width:100%;margin:0;padding:0px 20px;clear: both;}
}
@media (max-width:860px) {
  section { padding:0;}
  #v2_logo { margin:0;background-color:transparent; }
  #v2_top {position:absolute;top:-50px;left:200px;height:50px;width:calc(100% - 200px);border-bottom:1px solid #ddd;}
  #v2_menu {display:none;}
  #v2_main {width:100%;}
  #v2_name {width: auto;margin:0;border: 0;}
  #v2_id   {width: auto;margin:0;background-color:transparent;}
  #v2_balance {width: auto;background-color:transparent;}
  #v2_units {border:0;background-color:transparent;}
}
@media (max-width:700px) {
  #v2_id   {display:none;}
  #v2_balance {padding-right:0px;border:0;}
}
@media (max-width:600px) {
  #v2_left {width: 150px;}
  #v2_logo { padding:15px 0px;}
  #v2_logo2 {width:90px;height:20px;font: 300 14px/20px Montserrat;padding: 0px 0px 0px 23px;margin: 0px 10px;}
  #v2_top {left:150px;width:calc(100% - 150px);padding-right:40px}
  .col,.col1,.col2,.col3,.col4 { width:100%!important; }
  .wallet .addr { width:100%;margin:0px 0px 0px 0px; }
  .wallet .sum  { width:calc(100% - 30px); }
}

@media (max-width:480px) {
  #v2_page { padding:20px; }
  #v2_unitex { margin:20px;}
}

.sp-ico{display:inline-block;background:url(//mark.space/img/sprite.png?2) no-repeat}
.sp-ico-1{width:13px;height:18px;background-position:0 0}
.sp-ico-lang{width:18px;height:13px}
.sp-ico-lang-en{background-position:-39px 0}
.sp-ico-lang-ru{background-position:-110px 0}
.sp-ico-lang-jp{background-position:-86px 0}
.sp-ico-lang-cn{background-position:-132px 0}.sp-ico-lang-es{background-position:-62px 0}.sp-ico-lang-fr{background-position:-18px -18px}.sp-ico-lang-ko{background-position:-39px -18px}

.footer__lang__list{position:relative;display: inline-block;margin: 0px auto;height: 20px;font: 600 10px/20px Montserrat;color: var(--wc);text-transform: uppercase;display:none;}
.footer__lang__list li {position;relative;float:left;margin: 0px 0px 0px 9px;}
.footer__lang__list .sp-ico{margin-right: 2px;margin-top:3px;float:left;}
@media (max-width:680px) {
  header {height:auto;}
  .footer__lang__list{margin: 5px 0px 10px 0px;}
}



.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; }
.a3 { -webkit-animation-delay:1s;animation-delay:1s; }
.a4 { -webkit-animation-delay:1.5s;animation-delay:1.5s; }
.a5 { -webkit-animation-delay:2s;animation-delay:2s; }
.a6 { -webkit-animation-delay:2.5s;animation-delay:2.5s; }
.a7 { -webkit-animation-delay:3s;animation-delay:3s; }
.a8 { -webkit-animation-delay:3.5s;animation-delay:3.5s; }
.a9 { -webkit-animation-delay:4s;animation-delay:4s; }
.a10{ -webkit-animation-delay:4.5s;animation-delay:4.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:op2;animation-name:op2;}
@-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:url(/load.jpg) center center / auto 100% no-repeat;opacity:0;}
#live2 {position:fixed;left:calc(50% - 20*var(--fs));top:calc(50% - 5*var(--fs));width:calc(40*var(--fs));height:calc(10*var(--fs));text-align:center;font:400 calc(2*var(--fs))/calc(2.5*var(--fs)) Montserrat;color:#000; 
-webkit-animation:screen_on 1s ease 0s alternate;animation:screen_on 1s ease 0s alternate;
}
#live2 .promo1 { font:400 calc(1*var(--fs))/calc(1*var(--fs)) Montserrat; }
#live2 .promo2 { font:400 calc(4.5*var(--fs))/calc(6*var(--fs)) Montserrat;letter-spacing:calc(0.5*var(--fs)); }
#live2 .promo3 { font:400 calc(1.5*var(--fs))/calc(1.5*var(--fs)) Montserrat;letter-spacing:calc(0.25*var(--fs)); }


#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;}
  40%    {opacity:0;}
  100%  {opacity:1;}
}
@keyframes screen_on {
  0%    {opacity:0;}
  40%    {opacity:0;}
  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 Montserrat;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)) Montserrat;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; }
}


#MarkSpacePassAuth {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;}
#MarkSpacePassAuth * { box-sizing: border-box; }#MarkSpacePassAuth[view="yes"] { top:50%; }
#msp_header {position:relative;font: 300 calc(1.4*var(--fs))/calc(2*var(--fs)) Montserrat;margin: calc(1*var(--fs)) auto 0px auto;padding-left: calc(2.4*var(--fs));width:fit-content;background: url(//mark.space/logo.svg) left top / calc(2*var(--fs)) calc(2*var(--fs)) no-repeat;letter-spacing:2px;}
#msp_header::before { content:'MARK.SPACE'; }
#msp_err {position:relative;font: 300 calc(0.85*var(--fs))/calc(1*var(--fs)) Montserrat;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)) Montserrat;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)) Montserrat;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)) Montserrat;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)) Montserrat;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)) Montserrat;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)) Montserrat;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)) Montserrat;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;}


#fullpage { position:fixed;left:0px;top:0px;right:0px;bottom:0px;overflow-y:auto; }
.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%; }

@media (max-width:600px) {
  header {height:auto;}
  .footer__lang__list{margin: 5px 0px 10px 0px;}
}

#msp_buy {position:fixed;left:50%;top:50%;width: 340px;height: 200px;margin: -100px -170px;padding: 20px 30px;font:normal 14px/20px Arial;color:var(--tc);background-color: var(--tc);color:var(--wc);box-shadow: 0px 0px 20px -5px var(--wc);box-sizing:border-box;transition:top 1s ease;z-index: 1000000;}#MarkSpacePassAuth * { box-sizing: border-box; }#MarkSpacePassAuth[view="yes"] { top:50%; }
#msp_buy_hdr {position:relative;font: 600 14px/18px Montserrat;margin: 0;width: 280px;height: 20px;clear:both;text-align: left;text-transform:  uppercase;}
#msp_buy_err {position:relative;font: 300 12px/16px Montserrat;margin: 15px 0px 10px 0px;width: 280px;clear: both;transition:opacity 1s ease;letter-spacing:  0;}
#msp_buy_code {position:relative;float: left;font:300 16px/16px Montserrat;text-align:center;margin: 0;color: var(--tc);width: 150px;border:0;height: 40px;box-shadow:0px 0px 1px 0px black;border-radius:3px;background-color:white;padding:7px 20px;clear: both;}
#msp_buy_enter  {position:relative;float:  left;font: 600 14px/32px Montserrat;padding-top:4px;margin: 0px 0px 0px 10px;height: 40px;width: 120px;background-color:rgba(0,210,210,1);color:var(--tc);border-radius: 4px;text-align: center;overflow: hidden;cursor:pointer;}
#msp_buy_resend {position:relative;float: left;font: 300 12px/16px Montserrat;margin: 20px 0px;width:auto;color:var(--wc);overflow: hidden;cursor:pointer;border-color:var(--wc);letter-spacing:  0;}
#msp_buy_cancel {position:relative;float: right;font: 300 12px/16px Montserrat;padding: 0;margin: 20px 0px 0px 0px;width:auto;color:rgba(180,180,180,0.5);overflow: hidden;cursor:pointer;text-align: right;border-color:var(--wc);letter-spacing:  0;}


.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; }


#vWalletToken .col1 {height: calc(5*var(--fs));text-align:center;padding: 0px calc(1*var(--fs));}
#vWalletToken img {position:relative;height: calc(1.5*var(--fs));border:0;vertical-align:middle;display:block;margin: calc(0.5*var(--fs)) auto;}
#vWalletToken .col1 a {position:relative;float:left;width: calc(50% - 0.5*var(--fs));margin: calc(0.5*var(--fs)) 0px 0px calc(0.5*var(--fs));display:block;font: 400 calc(0.8*var(--fs))/calc(1.5*var(--fs)) Montserrat;background-color:rgba(180,180,180,0.3);box-shadow:none;border:0;border-radius:30px;}

#vWalletToken div:nth-child(1) img {height: calc(1.5*var(--fs))!important;margin: calc(0.5*var(--fs)) auto;}
#vWalletToken div:nth-child(2) img {height: calc(2*var(--fs))!important;margin: calc(0.5*var(--fs)) auto 0 auto; }
#vWalletToken div:nth-child(3) img {height: calc(2.5*var(--fs))!important;margin:0px auto;}
#vWalletToken div:nth-child(4) img {height: calc(2*var(--fs))!important;margin: calc(0.25*var(--fs)) auto;}

[mode-black="yes"] #vWalletToken div:nth-child(1) img { filter: invert(100%) grayscale(100%) brightness(200%); }
[mode-black="yes"] #vWalletToken div:nth-child(2) img { filter: invert(100%) grayscale(100%) brightness(1000%); }

#vWalletBalance .button {position:relative;float:right;clear:none;margin:calc(0.25*var(--fs))!important;display:inline-block;}




.trans {position:relative;float:left;width:160px;min-width: 120px;height:50px;padding:5px 0px;margin:10px 0px 20px 0px;background-color:var(--bc);color:#fff;font-weight:600;border-radius:4px;}
#msp_trans_addr {position:relative;float: left;font:300 12px/16px Montserrat;text-align:center;margin:0;width:100%;border:0;height:26px;box-shadow:inset 0px 0px 1px 0px black;border-radius:3px;background-color:white;padding:4px 5px;clear: both;}
#msp_trans_sum  {position:relative;float: left;font:300 14px/16px Montserrat;text-align:center;margin:0;width:100%;border:0;height:26px;box-shadow:inset 0px 0px 1px 0px black;border-radius:3px;background-color:white;padding:4px 5px;clear: both;}
#msp_trans_enter  {position:relative;float:left;font:600 14px/36px Montserrat;padding-top:4px;margin: 0px 0px 0px 0px;height: 40px;width: 120px;background-color:var(--bc);color:#fff;border-radius: 4px;text-align: center;overflow: hidden;cursor:pointer;}
#msp_trans_cancel {position:relative;float:right;font:600 14px/36px Montserrat;padding-top:4px;margin: 0px 0px 0px 20px;height: 40px;width: 120px;background-color:rgba(180,180,180,0.3);color:var(--tc);border-radius: 4px;text-align: center;overflow: hidden;cursor:pointer;}

#bUnits,#bUnits2 {color:var(--tc);overflow:hidden;}

#bUnitsZones ul {position:relative;float:left;width:100%;}
#bUnitsZones .city {position:relative;float:left;width: auto;height:calc(2*var(--fs));cursor:pointer;margin: calc(0.25*var(--fs)) calc(0.5*var(--fs)) calc(0.25*var(--fs)) 0;padding: 0 calc(0.75*var(--fs));font: 300 calc(0.75*var(--fs))/calc(2*var(--fs)) Montserrat;background-color:rgba(180,180,180,0.2);text-align:center;border-radius: calc(2*var(--fs));text-transform:uppercase;}
#bUnitsZones .city[act="yes"] {background-color:var(--bc);color: #fff;}


.units_map {position:relative;float:left;width:100%;height: calc(39*var(--fs));margin:0 0 calc(1*var(--fs)) 0;overflow: auto;}
[max="max"] .units_map,
[max="yes"] .units_map {height: calc(100vh - 29*var(--fs))!important;}
[max="no"] .units_map {height: calc(29*var(--fs))!important;}
#map_units0 {position:relative;float:left;}
#map_units {position:relative;float:left;width:100%;height:100%;}
#map_districts {position:absolute;left:0;top: 0;width:100%;height:100%;}
.units_map_d {position:relative;float:left;width: calc(100% / 5 - 2.5*var(--fs));height: calc(100% / 7 - 2.5*var(--fs));margin: 0 calc(2.5*var(--fs)) calc(2.5*var(--fs)) 0;font: 600 calc(10*var(--fs))/415px Montserrat;text-align:center;text-transform:uppercase;color: var(--wc);text-shadow: 0 0 2px var(--tc), 0 0 2px var(--tc);overflow: hidden;}
.units_map_d::before {content:'district';color:var(--tc);position:absolute;left:50%;top:50%;font: 400 calc(1*var(--fs))/calc(1*var(--fs)) Montserrat;margin: calc(-0.3*var(--fs)) calc(-3.1*var(--fs));letter-spacing: calc(0.25*var(--fs));text-shadow: none;}
.units_map_d[zoom="0"] {width: calc(100% / 5 - 1.5*var(--fs));height: calc(100% / 7 - 1.5*var(--fs));margin: 0 calc(1.5*var(--fs)) calc(1.5*var(--fs)) 0;font-size:calc(5*var(--fs));line-height:231px;}
.units_map_d[zoom="0"]::before {font: 600 calc(0.5*var(--fs))/calc(1*var(--fs)) Montserrat;margin: calc(-0.4*var(--fs)) calc(-1.75*var(--fs));letter-spacing: calc(0.2*var(--fs));text-shadow: none;}
.units_map_d[zoom="1"] {width: calc(100% / 5 - 2*var(--fs));height: calc(100% / 7 - 2*var(--fs));margin: 0 calc(2*var(--fs)) calc(2*var(--fs)) 0;font-size:calc(7.5*var(--fs));line-height:320px;}
.units_map_d[zoom="1"]::before {font: 400 calc(0.75*var(--fs))/calc(1*var(--fs)) Montserrat;margin: calc(-0.3*var(--fs)) calc(-2.5*var(--fs));letter-spacing: calc(0.25*var(--fs));text-shadow: none;}
.units_map_d[zoom="3"] {width: calc(100% / 5 - 3.1*var(--fs));height: calc(100% / 7 - 3.1*var(--fs));margin: 0 calc(3.1*var(--fs)) calc(3.1*var(--fs)) 0;font-size:calc(12*var(--fs));line-height:505px;text-shadow: 0 0 2px var(--tc), 0 0 2px var(--tc);}
.units_map_d[zoom="3"]::before {font: 400 calc(1*var(--fs))/calc(1*var(--fs)) Montserrat;margin: calc(-0.2*var(--fs)) calc(-3.5*var(--fs));letter-spacing: calc(0.4*var(--fs));text-shadow: none;}


#map_title {position:absolute;left:0;top:0;width: auto;max-width: calc(7*var(--fs));padding: calc(0.3*var(--fs)) calc(0.3*var(--fs));margin-top: calc(-2.9*var(--fs));font: 300 calc(0.8*var(--fs))/calc(1*var(--fs)) Montserrat;display:none;text-align: center;background-color: var(--wc);color:var(--tc);box-shadow: 0 0px 0px 1px rgba(180,180,180,0.5);border-radius: calc(0.5*var(--fs));transition:all 0.5s;}
#map_title[view="yes"] { display:block; }

#bUnits3_prop {margin-bottom: 0;}

#bUnits3 .box2 {position:relative;float:left;width: calc(1.1*var(--fs));height: calc(1.1*var(--fs));background-color:#fff;box-shadow: inset 0px 0px 0px 1.5px #909090;border-radius:50%;}
#bUnits3 .box2::before {content:none!important;}
#bUnits3 .box2[used="yes"] {background-color:#e0e0e0;cursor:default;box-shadow: none;}
#bUnits3 .box2[my="yes"] {background-color: var(--bc);box-shadow: none;}
#bUnits3 .box2[sys="yes"] {background-color: #90e090;cursor:default;box-shadow: none;}
#bUnits3 .box2[ch="yes"] { background-color:#f0f000; }
#bUnits3 .box3 {position:relative;float:left;width: auto;/* max-width: calc(8*var(--fs)); */padding: 0px 0px 0px calc(0.3*var(--fs));font: 300 calc(0.8*var(--fs))/calc(1*var(--fs)) Montserrat;text-align:left;margin: 0 calc(0.75*var(--fs)) calc(0.5*var(--fs)) 0;white-space: nowrap;}

#v2_buy_unit {position: relative;float: right;width: auto;height: calc(2.7*var(--fs));padding: 0;color:var(--tc);overflow: hidden;display:none;}
#v2_buy_unit[view="yes"] { display:block; }
#v2_buy_unit .mrk::before { width:12px;height:14px;line-height:14px;vertical-align:middle;}
#v2_buy_unit .col2:first-child {font: 300 calc(1*var(--fs))/calc(1.4*var(--fs)) Montserrat;width: auto;margin: 0;}
#v2_buy_unit .col2:last-child {font:300 14px/16px Montserrat;width: 160px!important;margin: 0 0 0 calc(1*var(--fs));}
#v2_buy_unit .button { margin:0px; }


.unit {position:relative;float:left;width: 100%;height:30px;background-color:rgba(180,180,180,0.1);margin: 0;cursor:pointer;overflow:hidden;border-bottom: 0.5px dashed #ddd;font: 300 10px/20px Montserrat;padding: 5px 0px;text-transform: uppercase;}
.unit .left {float:left;}
.unit .center {float:left;padding:0px 0px 0px 20px;}
.unit .right {float:right;}
.unit[act="yes"] { background-color:var(--bc);color:#fff; }

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

.mrk::before {content:'';position: relative;display:inline-block;width:1em;height:1em;background:url(//mark.space/logo.svg) right center / 100% auto no-repeat;vertical-align: middle;}

.prod {position:relative;float:left;width:100%;height:auto;background-color:rgba(180,180,180,0.1);margin-bottom: 20px;text-align:left;box-shadow: 0px 0px 0.5px 0px #999;overflow:hidden;}
.prod .img  {position:relative;float:left;width:140px;height: 140px;background:none center center / auto 110% no-repeat;margin:1px;}
.prod .info {position:relative;float:left;width:calc(100% - 322px);min-width:200px;margin: 10px 0px 20px 0px;}
.prod .name {position:relative;float:left;width:calc(100% - 150px);min-width:200px;font: 600 16px/24px Montserrat;margin: 0;text-align:left;}
.prod .have {position:relative;float:right;width:auto;height:30px;text-align:center;margin:0px 20px 5px 0px;padding:5px 10px;background-color:rgb(145,242,235);overflow: hidden;font: 600 13px/20px Montserrat;border-radius:2px;}
.prod .dop  {position:relative;float:left;width:calc(100% - 30px);font: 300 11px/15px Montserrat;text-align:justify;margin: 0;overflow: hidden;letter-spacing:  0;}
.prod .buy  {position:absolute;right:0px;top:0px;width:180px;height:100%;margin: 0;padding: 0;border-left: 1px dashed #ddd;}
.prod .cen {position:relative;width:120px;height:20px;font:600 20px/20px Montserrat;color: var(--tc);text-align:center;white-space:nowrap;margin:20px auto 5px auto;letter-spacing:  0;word-spacing:  -2px;}
.prod .cen2 {position:relative;width:120px;height:20px;font:600 16px/20px Montserrat;color:var(--wc);text-align:center;white-space:nowrap;margin:0px auto 10px auto;}

.prod .button {position:relative;display:block;width:130px;min-width: 120px;height:50px;padding:5px 0px;margin:15px auto 10px auto;background-color:rgb(72,234,221);border-radius:4px;}
.prod .button.not { background-color:#ffd0d0;cursor:default; }
.prod .how_to_buy { position:relative;display:block;width:fit-content;font-size:11px;height:15px;color:var(--wc);border-color:var(--wc);text-align:center;white-space:nowrap;margin:18px auto 30px auto;text-transform:uppercase;overflow:hidden;}

@media (max-width:580px) {
.prod .img { position:relative;float:left;width:100%;display:block; }
.prod .info { position:relative;float:left;width:100%;display:block; }
.prod .buy { position:relative;float:left;width:100%;display:block; }
.prod .name { width:calc(100% - 40px);margin:5px 20px; }
.prod .dop  { width:calc(100% - 40px);margin:5px 20px; }
}

#map_districts .legend .help {background-color: rgba(180,180,180,0.1);position: relative;float: left;width: 100%;height: auto;max-width: 160px;font: 300 12px/16px Montserrat;letter-spacing:0px;padding: 10px 20px;text-align: center;margin-top:15px;}

@media (max-width:480px) {
  .city {font: 300 9px/12px Montserrat;margin-right:10px;padding: 6px 0px}
}

.z2 {display:inline-block;position:relative;color: var(--tc);font-size: calc(0.8*var(--fs));padding: calc(0.5*var(--fs));border-radius: calc(0.5*var(--fs));background-color: rgba(180,180,180,0.1);margin: 0px calc(1*var(--fs)) calc(1*var(--fs)) 0px;}
.z2[act="yes"] { background-color:var(--wc);box-shadow:inset 0px 0px 1px 0 rgba(180,180,180,0.1); }
.z2[act="no"] { background-color:rgba(180,180,180,0.1); }
.z2[view="yes"] {box-shadow: inset 0px 0px 0px 3px var(--bc);}
.z2[view="no"] { visibility:visible; }
.z2_name {background-color:var(--wc);margin: calc(-0.25*var(--fs)) calc(-0.25*var(--fs)) calc(0.25*var(--fs)) calc(-0.25*var(--fs));padding: calc(0.5*var(--fs));text-align:center;height: auto;overflow:hidden;font: 600 calc(0.7*var(--fs))/calc(0.8*var(--fs)) Montserrat;text-transform:uppercase;letter-spacing: calc(0.05*var(--fs));border-radius: calc(0.5*var(--fs));}
.z3 {text-align:center;}

.z,.d {display: block;position:relative;font-size: calc(0.75*var(--fs));text-transform:uppercase;line-height: calc(1*var(--fs));}
.d { margin-right:10px; }

.z2.cancel {position:relative;padding: 0;text-align: center;width: 45px;height: 45px;transform:rotate(45deg);font: 300 32px/45px Montserrat;cursor:pointer;border-radius: 50px;top: 10px;}

#add_building .help {display:inline-block;position:relative;font: 300 calc(1.2*var(--fs))/calc(1.5*var(--fs)) Montserrat;vertical-align: middle;margin: 10px 0px 0px 0px;width:100%;}


.blo {position:relative;float: left;margin: calc(0.25*var(--fs));border: 1px dashed rgba(128,128,128,0.75);}
.blo .d {position:absolute;left:50%;top:50%;margin:calc(-1*var(--fs));width:calc(2*var(--fs));height:calc(2*var(--fs));display:block;font-size:calc(1*var(--fs));line-height:calc(1*var(--fs));text-align:center;color: var(--tc);}
.blo .d::before {content:'block';font: 400 calc(0.5*var(--fs))/calc(0.5*var(--fs)) Montserrat;display:block;}

.blo_unit {position:relative;float:left;width: calc(1.5*var(--fs));height: calc(1.5*var(--fs));font: 400 calc(0.75*var(--fs))/calc(0.75*var(--fs)) Montserrat;color: var(--tc);padding: calc(0.375*var(--fs));text-align: center;margin:0;background-color: rgba(180,180,180,0.3);text-transform:uppercase;box-shadow: 0px 0px 0px 0.5px rgba(128,128,128,1);}
.blo_unit[yes="yes"] { cursor:pointer; }
.blo_unit.none {background-color:transparent;color: var(--tc);}
.blo_unit.deleted { opacity:0; }

.blo_unit[yes="no"] {background-color:rgba(180,180,180,0.3);color: rgba(180,180,180,1);}
.blo_unit[act="yes"] {background-color: var(--bc);color: #fff;cursor:pointer;}


.blo_unit[blo='e'] { clear:left; }
.blo_unit[blo='h'] {margin-left: calc(3*var(--fs));}
.blo_unit[blo='i'] { clear:left; }
.blo_unit[blo='l'] { margin-left:calc(3*var(--fs)); }
.blo_unit[blo='m'] { clear:left; }

.legend2 { margin-top:calc(1*var(--fs));width:100%; }











.canvas-container {position:absolute;width:100vw;height:100vh;left:0;top:0;display:block;margin: 0;overflow:hidden;}
.canvas-container canvas { position:relative;width:100%;height:100%;z-index:2; }
.canvas-origin, .canvas-copy { width:100%;height:100%;position:relative;}

.btn {display:block;position:absolute;z-index:10;cursor:pointer;width:calc(3*var(--fs));height:calc(3*var(--fs));text-align:center;border:0;border-radius:calc(3*var(--fs));font:300 calc(1*var(--fs))/calc(3*var(--fs)) Montserrat;color:white;background:black;outline:none;user-select:none;transition:all .2s;overflow:hidden;box-shadow: 0px 0px 1px 0px #fff;}

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

.btn-1[act="yes"],.btn-2[act="yes"] { background-color:var(--bc); }


#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)) Montserrat;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;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) url(/e1.gif) 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) url(/e1.gif) 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) url(/e1.gif) 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)) Montserrat;text-align:center;color: var(--tc);}




.btn-menu { left:calc(2*var(--fs));top:calc(2*var(--fs)); }
.btn-menu span {position:absolute;background-color: #fff;height:1px;width:calc(1*var(--fs));top:calc(1.5*var(--fs));left:calc(1*var(--fs));}
.btn-menu span:first-child {top:calc(1*var(--fs));}
.btn-menu span:last-child {top:calc(2*var(--fs));}

.btn-4k { right:calc(2*var(--fs));bottom:calc(2*var(--fs));padding:0 calc(0.8*var(--fs));display:none; }
body[mode-4k="yes"] .btn-4k { background-color:var(--bc);width:calc(6*var(--fs));font-size:calc(0.8*var(--fs));white-space:nowrap;color:var(--wc); }
body[mode-4k="yes"] .btn-4k::after { content:'mode';padding:0 calc(0.5*var(--fs));text-transform:uppercase;letter-spacing:calc(0.05*var(--fs));font-size:calc(0.8*var(--fs)); }
body[mode-mob="1"] .btn-4k { display:block; }

.btn-fs { right:calc(2*var(--fs));top:calc(2*var(--fs));padding:0 calc(0.8*var(--fs)); }
body[mode-fs="yes"] .btn-fs { background-color:var(--bc);width:calc(6*var(--fs));font-size:calc(0.8*var(--fs));white-space:nowrap;color:var(--wc); }
body[mode-fs="yes"] .btn-fs::after { content:'mode';padding:0 calc(0.5*var(--fs));text-transform:uppercase;letter-spacing:calc(0.05*var(--fs));font-size:calc(0.8*var(--fs)); }

.btn-vr { left:calc(2*var(--fs));bottom:calc(2*var(--fs));padding:0 calc(0.8*var(--fs)); }
body[mode-vr="yes"] .btn-vr { background-color:var(--bc);width:calc(6*var(--fs));font-size:calc(0.8*var(--fs));white-space:nowrap;color:var(--wc); }
body[mode-vr="yes"] .btn-vr::after { content:'mode';padding:0 calc(0.5*var(--fs));text-transform:uppercase;letter-spacing:calc(0.05*var(--fs));font-size:calc(0.8*var(--fs)); }

.btn-c { left:calc(50% - 1*var(--fs));bottom:calc(2*var(--fs));background:#000 url(/i/construction.svg) center center / auto 60% no-repeat;color:#fff;white-space:nowrap; }
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-4k, 
body[mode-vr="yes"] .btn-c, 
body[mode-vr="yes"] .btn-menu { 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);}
.make { font:300 calc(1 * var(--fs))/calc(2 * var(--fs)) Montserrat;letter-spacing:calc(0.2 * var(--fs));text-align:center; }

.s1 {position:relative;width:100%;margin:0;padding:calc(7 * var(--fs));clear: both;height:calc(50 * var(--fs))!important;background: url(/create/img/residentional.jpg) center center / auto 100% no-repeat;}
#v3_logo  {position:relative;width:calc(16 * var(--fs));height:calc(2.4 * var(--fs));text-shadow: 0px 0px calc(0.25 * var(--fs)) var(--tc), 0px 0px calc(0.25 * var(--fs)) var(--tc);overflow: hidden;clear: both;float: left;clear: both;}
#v3_logo2 {position:relative;width:100%;height:100%;background: url(/logo_white.svg) left center / auto 100% no-repeat;font: 400 calc(1.6 * var(--fs))/calc(2.4 * var(--fs)) Montserrat;color: var(--wc);padding: 0px 0px 0px calc(3 * var(--fs));letter-spacing: calc(0.25 * var(--fs));overflow: hidden;}

h1 {position:relative;float: left;font: 200 calc(3.2 * var(--fs))/calc(3.6 * var(--fs)) Montserrat;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(0.75*var(--fs))/calc(0.8*var(--fs)) Montserrat;letter-spacing: calc(0.05*var(--fs));color: var(--wc);text-transform:uppercase;margin:0;padding: calc(0.6*var(--fs)) calc(0.8*var(--fs));width:auto;min-width: calc(9*var(--fs));background-color: var(--bc);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;}

#mw_wnd {position:fixed;top:calc(50vh - 46/2*var(--fs));left:calc(50vw - 46/2*var(--fs));width:calc(46*var(--fs));height:calc(46*var(--fs));z-index:10;display:none;font: 300 calc(1*var(--fs))/calc(1.6*var(--fs)) "Montserrat";letter-spacing:0;border-radius:calc(1.5*var(--fs));}
#mw_wnd[view=yes] { display:block; }
#mw_wnd[max="yes"] {top:calc(6*var(--fs))!important;height:calc(100vh - 12*var(--fs))!important; }
@media screen and (min-width:2560px) {
  #mw_wnd[max="max"] {left:calc(50vw - 132/2*var(--fs))!important;width:calc(132*var(--fs))!important;top:calc(6*var(--fs))!important;height:calc(100vh - 12*var(--fs))!important;}
}
@media screen and (max-width:2560px) {
  #mw_wnd[max="max"] {left:0!important;width:100%!important;top:calc(6*var(--fs))!important;height:calc(100vh - 12*var(--fs))!important; }
}

.mw_lt {position:absolute;left:0px;top:0px;width: calc(3.1*var(--fs));height: calc(3.1*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: calc(1.5*var(--fs));}
.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:hover { width:calc(6*var(--fs));height:calc(6*var(--fs));border-radius:50%;transition:all 0.5s ease;}
.mw_lt:hover::before {left:calc(-0.5*var(--fs));top:calc(-0.5*var(--fs));width:calc(3.5*var(--fs));height:calc(3.5*var(--fs));transition:all 0.5s 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_lt.back:hover div { top:calc(1.6*var(--fs));left:calc(0.5*var(--fs));width:calc(1.2*var(--fs));height:2px;background-color:var(--tc);transition:all 0.5s ease; }
.mw_lt.back:hover div:last-child { top:calc(0.8*var(--fs));transform:rotate(-45deg);transition:all 0.5s ease;}

.mw_rt {position:absolute;right:0px;top:0px;width: calc(3.1*var(--fs));height: calc(3.1*var(--fs));border-radius:0%;box-shadow: inset calc(3.1*var(--fs)) calc(-3.1*var(--fs)) 0px 0px var(--bc);margin:0;background-color:transparent;cursor:pointer;border-top-right-radius: calc(1.5*var(--fs));}
.mw_rt::before {content:'';position:absolute;right: 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_rt:hover { width:calc(6*var(--fs));height:calc(6*var(--fs));border-radius:50%;transition:all 0.5s ease;}
.mw_rt:hover::before {right:calc(-0.5*var(--fs));top:calc(-0.5*var(--fs));width:calc(3.5*var(--fs));height:calc(3.5*var(--fs));transition:all 0.5s ease;}
.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: #fff;transform:rotate(45deg);}
.mw_rt.close div:last-child { transform:rotate(-45deg);}
.mw_rt.close:hover div { top:calc(1.25*var(--fs));right:calc(0.25*var(--fs));width:calc(2*var(--fs));height:2px;background-color:var(--tc);transition:all 0.5s ease; }

.mw_lb {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_lb:hover { width:120px;height:120px;border-radius:50%;}
.mw_lb:hover::before {left:-10px;bottom:-10px;width:70px;height:70px;}

.mw_rb {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_rb:hover { width:120px;height:120px;border-radius:50%;}
.mw_rb:hover::before {right:-10px;bottom:-10px;width:70px;height:70px;}

.mw_max {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 {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)) Montserrat;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)) Montserrat;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}

#mw_h1 {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.4*var(--fs))/calc(3.2*var(--fs)) Montserrat;color: #fff;letter-spacing:calc(0.05*var(--fs));text-transform:uppercase;background-color:var(--bc);color:#fff;cursor:move;}
#mw_bot{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/60px"Montserrat";color:var(--wc);letter-spacing:calc(0.05*var(--fs));text-transform:uppercase;background-color:var(--wc);display:none;}

.wnd {position: absolute;top: calc(3*var(--fs));width:100%;height: calc(100% - 3*var(--fs));/*-webkit-user-select:none;user-select:none;*/transition:transform 0.3s linear 0.2s;border-bottom-left-radius: calc(1*var(--fs));border-bottom-right-radius: calc(1*var(--fs));overflow: hidden;}
.wnd::before { content:'';position:absolute;left:0;top:0;bottom:0;right:0;background-color:var(--wc);opacity:0.95 }
.wnd_in {position:relative;width: 100%;padding:calc(2*var(--fs)) calc(3*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(2*var(--fs));list-style:none;-webkit-user-select:none;user-select:none;background-color: var(--bc);text-align: center;text-transform: uppercase;white-space: nowrap;}
.wnd .menu li {position:relative;display:inline-table;cursor:pointer;padding: calc(0.5*var(--fs)) calc(1*var(--fs));width:auto;color: #fff;margin: 0;text-align:center;font: 400 calc(1*var(--fs))/calc(1*var(--fs)) "Montserrat";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 {background-color:var(--wc);cursor:default;color: var(--tc);font-weight: 400;}
.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);}

#act_left { position:fixed;left:0px;width:20px;top:70px;bottom:60px;overflow:hidden;cursor:pointer;background-color:var(--tc);opacity:0.25;border-bottom-right-radius:40px;border-top-right-radius:40px;box-shadow: inset 0px 0px 1px 0px var(--wc),0px 3px 50px -20px var(--tc);}
#act_left:hover { background-color:var(--wc);opacity:0.5; }
#act_right {position:fixed;right:0px;width:20px;top:70px;bottom:60px;overflow:hidden;cursor:pointer;background-color:var(--tc);opacity:0.25;border-bottom-left-radius:40px;border-top-left-radius:40px;box-shadow: inset 0px 0px 1px 0px var(--wc),0px 3px 50px -20px var(--tc);}
#act_right:hover { background-color:var(--wc);opacity:0.5; }
@media screen and (min-width:640px) { #act_left,#act_right { width:40px; } }

.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)) "Montserrat";margin: 0;color: var(--tc);display: block;}
.wnd .br { position:relative;width:100%;height:40px; }

.prop {position:relative;float: left;width:100%;padding: 0;margin: calc(0.5*var(--fs)) 0;/*-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)) calc(1*var(--fs));font: inherit;font-size: 80%;line-height: 140%;text-transform: uppercase;text-align: inherit;height: inherit;color: var(--tc);left: inherit;right: inherit;box-shadow: inset 1px 0 0 0 rgba(180,180,180,0.5);letter-spacing:0.5px;}

.prop[type="text_mini"] {width:50%;}
.prop[type="textarea_mini"] {width:50%;}
.prop[type="block2"] {width:50%;}
.prop[type="block3"] {width:33.333%;}
.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="range2"] {width: 50%;padding-right: 1%;}
.prop[type="range3"] {width: 33.333%;padding-right: 1%;}

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

@media screen and (max-width:390px) {
  .prop { width:100%!important; }	
  .prop[type="block2"],
  .prop[type="block3"],
  .prop[type="checkbox2"],
  .prop[type="checkbox3"],
  .prop[type="text_mini"],
  .prop[type="button2"],
  .prop[type="button3"],
  .prop[type="range2"],
  .prop[type="range3"],
  .prop[type="select2"],
  .prop[type="select3"] {width:50%!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)) 'Montserrat';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 .text_mini,
.prop .text {background-color: rgba(180,180,180,0.3)!important;position:relative;width: 100%;padding:0 calc(1*var(--fs));margin: 0;font-size: 130%;font-weight: 400;line-height: 200%;color: var(--tc);box-shadow: inset 1px 0 0 0 rgba(180,180,180,0.75);}
.prop .block_text {position:relative;float: left;width: 100%;padding: 0 0 0 calc(1*var(--fs));margin: 0;font-size: 100%;font-weight: 400;line-height: 180%;box-shadow: inset 1px 0 0 0 rgba(180,180,180,0.5);color:var(--tc);display: block;}

#bUnitsZones,
.prop[type="block0"] .block_text {box-shadow:none;background:transparent;width: 100%;text-transform:none;letter-spacing:0;padding:0;color: var(--tc);}

.prop .textarea_mini,
.prop .textarea {background: rgba(180,180,180,0.3)!important;position:relative;width: 100%;padding: calc(0.333*var(--fs)) calc(1*var(--fs));margin: 0;font-size:150%;color: var(--tc);line-height: 150%;box-shadow: inset 1px 0 0 0 rgba(180,180,180,0.75);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 calc(5*var(--fs)) calc(0.3*var(--fs)) calc(1*var(--fs));box-shadow: inset 1px 0 0 0 rgba(180,180,180,0.5);color: var(--tc);letter-spacing: 0.5px;text-transform: uppercase;font-size: 80%;line-height: 140%;}
.prop .checkbox:not(checked) + label::before {background:#dddee0;content:'';position:absolute;top: 0px;right: calc(1*var(--fs));width: calc(3.6*var(--fs));height: calc(1.8*var(--fs));border-radius: calc(1.5*var(--fs));box-shadow:inset 0 2px 3px rgba(180,180,180,.2);}
.prop .checkbox:not(checked) + label::after  {background:var(--wc);content:'';position:absolute;top: calc(0.2*var(--fs));right: calc(3*var(--fs));width: calc(1.4*var(--fs));height: calc(1.4*var(--fs));border-radius: calc(1.4*var(--fs));box-shadow:0 2px 5px rgba(180,180,180,.3);transition: all .2s;}
.prop .checkbox:checked + label::before { background:var(--bc); }
.prop .checkbox:checked + label::after {right: calc(1.2*var(--fs));}

.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 .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 .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) url(/e1.gif) 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) url(/e1.gif) 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) url(/e1.gif) 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)) Montserrat;text-align:center;color: var(--tc);}

.prop .button,
.wnd input[type="button"],
.prop .submit {display: block;margin: calc(0.8*var(--fs)) auto;font: 400 calc(0.8*var(--fs))/calc(1.5*var(--fs)) Montserrat;color: #fff;white-space:nowrap;background-repeat: no-repeat;background-position: center center;max-width: calc(18*var(--fs));}

.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(180,180,180,0.3)!important;position:relative;width: 100%;padding:0 calc(1*var(--fs));margin: 0;font-size: 130%;font-weight: 400;line-height: 200%;color: var(--tc);box-shadow: inset 1px 0 0 0 rgba(180,180,180,0.3);cursor: pointer;border-top-right-radius: calc(2*var(--fs));border-bottom-right-radius: calc(2*var(--fs));text-transform: capitalize!important;}
.prop .select::before {content: 'o';height:10px;width:10px;position:absolute;right:calc(1*var(--fs));font-size:calc(1*var(--fs));color:rgba(180,180,180,0.5); }
.prop .select_box {z-index: 1;background:rgba(250,250,250,0.9);position: inherit;margin:0;width:100%;overflow:hidden;transition:all .2s;background-color: var(--wc);border-top-right-radius: calc(2*var(--fs));border-bottom-right-radius: calc(2*var(--fs));box-shadow: inset 0px 0px 0px 0.5px rgba(180,180,180,0.5);text-transform: capitalize;}
.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));box-shadow: inset 0px 0px 0px 0.5px rgba(180,180,180,0.1);color:var(--tc);cursor:pointer;overflow:hidden;}
.prop .select_box li[act="yes"] {color: var(--tc);background-color: rgba(180,180,180,0.5);}
.prop[type="select"] .br { position:relative;width:100%;height:1px; }

.prop i { color:rgba(180,180,180,0.5);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 'Montserrat';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 {border-radius: 20px;cursor: pointer;text-align: center;font-size: 12.5px;line-height: 12.5px;padding: 14px 0px;font-weight: bold;text-transform: uppercase;letter-spacing: 2px;margin: 10px auto;position: relative;width: 220px;height: 40px;background:none;background-color: #60e0d0;}
.file:before {content: 'Choose upload file';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); }

.map_district {position:relative;float: left;width: calc(23*1.8*var(--fs));height: calc(23*1.8*var(--fs));margin: calc(2*var(--fs)) 0 0 0;padding: 0;}
.box {position:absolute;text-align:center;box-shadow: inset 0px 0px 0px 1px #ccc;vertical-align:middle;border-radius: calc(0.2*var(--fs));cursor:pointer;}
.box[sys="yes"] {background-color:var(--wc);opacity:1;cursor:default;}
.box[sys="yes"]::before {content: '+';font: 200 calc(2*var(--fs))/calc(1.8*var(--fs)) times;position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;color:rgba(180,180,180,0.5);transform: rotate(45deg);}
.box[used="yes"]{background-color:#f0f0f0;opacity:1;cursor:default;}
.box[used="yes"]::before {content:'+';font: 200 calc(2*var(--fs))/calc(1.8*var(--fs)) times;position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;color:rgba(180,180,180,0.5);transform: rotate(45deg);}
.box[my="yes"] {background-color:rgb(240,240,240); }
.box[my="yes"]::before {content:none;cursor:default;}
.box[bld="yes"]  {background-color:rgb(72,234,221); }
.box[bld="yes"]::before {content:none;cursor:default;}
.box[ch="yes"]  {background-color:rgb(250,250,0); }

.design {position:relative;float:left;width: calc(11.7*var(--fs));height: calc(11.7*var(--fs));margin: 0 calc(1*var(--fs)) calc(1*var(--fs)) 0;background:none center center / 120% 120% no-repeat;cursor:pointer;transition:box-shadow 0.333s ease;}
.design[act="yes"] { box-shadow:0 0 0 5px #f00000,inset 0 0 0 2px var(--wc); }
.design:hover { box-shadow:0 0 0 5px var(--bc),inset 0 0 0 2px var(--wc); }
.design div {position:relative;top: -3px;left:5px;width: 50px;height: 12px;border-radius:10px;background-color:var(--wc);line-height: 12px;text-align:center;font-weight:bold;font-size:12px;letter-spacing:0;}


#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:5px;height:5px;border-radius:4px;box-shadow:0 0 5px 3px var(--wc);background-color:transparent; }
#bColor_line_i  { position:absolute;width:100%;height:5px;left:0px;box-shadow:0 0 5px 3px var(--wc);background-color:transparent; }

#contextmenu {position:absolute;left:50%;top:50%;width:calc(12*var(--fs));z-index:11111;display:none;margin-top:calc(-8*var(--fs));margin-left:-5px;z-index:3;}

#contextmenu[view="yes"] { display:block; }
#contextmenu ul {padding:0;margin: 0;}
#contextmenu ul li {position:relative;padding:5px 10px;margin:2px;background-color: #eee;font: 400 calc(0.9*var(--fs))/calc(1.2*var(--fs)) Montserrat;letter-spacing:0;color: #000;transition:all 0.75s ease;box-shadow: 0 1px 10px -3px #000;cursor: pointer;overflow:hidden;}
#contextmenu ul li:hover { background-color:var(--bc);color:#fff;margin:2px 2px 2px calc(1*var(--fs));letter-spacing:0px;}

#contextmenu .color   { position:absolute;width:40%;height:100%;top:0px;right:0px;background-color:var(--wc);overflow:hidden; }
#contextmenu .texture { position:absolute;width:40%;height:100%;top:0px;right:0px;background:none center center / auto 500% no-repeat;overflow:hidden; }
#contextmenu .texture1 { position:absolute;width:40%;height:100%;top:0px;right:0px;background:none center center / auto 500% no-repeat;overflow:hidden;background-blend-mode:darken; }


#contextmenu .delete {position:absolute;width:20px;height:20px;top:50%;right: 15px;margin:-10px;border-radius:50%;overflow:hidden;}
#contextmenu .delete::before {content:'';position:absolute;top: 9px;right: 0px;width: 20px;height: 1px;background-color: var(--tc);transform:rotate(45deg);z-index:1;}
#contextmenu .delete::after {content:'';position:absolute;top: 9px;right: 0px;width: 20px;height: 1px;background-color: var(--tc);transform:rotate(-45deg);z-index:1;}


#contextmenu .left {position:absolute;width:20px;height:20px;top:50%;left:calc(50% + 15px);margin:-10px;border-radius:50%;overflow:hidden;}
#contextmenu .left::before {content:'';position:absolute;top:16px;right: -1px;width: 16px;height: 1px;background-color: var(--tc);transform:rotate(45deg);z-index:1;}
#contextmenu .left::after {content:'';position:absolute;top: 4px;right: -1px;width: 16px;height: 1px;background-color: var(--tc);transform:rotate(-45deg);z-index:1;}

#contextmenu .right {position:absolute;width:20px;height:20px;top:50%;right: 15px;margin:-10px;border-radius:50%;overflow:hidden;}
#contextmenu .right::before {content:'';position:absolute;top:16px;right:-1px;width: 16px;height: 1px;background-color: var(--tc);transform:rotate(-45deg);z-index:1;}
#contextmenu .right::after {content:'';position:absolute;top: 4px;right: -1px;width: 16px;height: 1px;background-color: var(--tc);transform:rotate(45deg);z-index:1;}

#contextmenu li:hover .left::before,
#contextmenu li:hover .right::before,
#contextmenu li:hover .left::after,
#contextmenu li:hover .right::after { background-color:var(--wc);}


#sDecorAngb_scr { position:fixed;left:0px;width:100%; }
#sDecorAngb_scr li { width:auto;float:left;white-space:nowrap;padding:8px 10px; }

#sDecorGrpb_scr { position:fixed;left:0px;width:100%; }
#sDecorGrpb_scr li { width:auto;float:left;white-space:nowrap;padding:8px 10px; }


#bDecorChange .decor {position:relative;float:left;width: 105px;height: 105px;margin:0px;line-height: 105px;text-align:center;cursor:pointer;}
#bDecorChange .decor img {max-height: 70%;max-width:90%;line-height:100px;vertical-align:middle;cursor:pointer;}

#bDecorChange2 .ang {display:inline-block;position:relative;width:31.333%;font:400 10px/20px 'Open Sans';letter-spacing:3px;text-transform:uppercase;vertical-align: middle;margin:10px 1% 5px 1%;/* padding-bottom:20px; *//* border-bottom: 0.5px solid rgba(180,180,180,0.5); */}
#bDecorChange2 .grp {display:inline-block;position:relative;width:auto;font: 400 13px/13px 'Open Sans';letter-spacing:0px;text-transform:none;text-align:left;padding: 5px 8px;margin: 2px;cursor:pointer;background-color: rgba(180,180,180,0.3);border-radius: 10px;}

#bDecorChange3_prop { overflow:hidden; }

#vAbout a { border-bottom:1px solid var(--tc); }

.size {position:relative;display:inline-block;cursor:pointer;width:calc(3*var(--fs));height:calc(3*var(--fs));text-align:center;border:0;border-radius:50%;font:300 calc(0.9*var(--fs))/calc(3*var(--fs)) Montserrat;letter-spacing:0;color:var(--tc);background-color: rgba(180,180,180,0.3);outline:none;user-select:none;margin:calc(0.5*var(--fs)) calc(1*var(--fs)) calc(0.5*var(--fs)) 0;}
.size[act="no"]:hover { color:#fff;background-color:rgba(60,120,180,0.8); }
.size[act="yes"] {color: #fff;background-color:var(--bc);}

#my_top {position: absolute;left: calc(50% - 11*var(--fs));top: calc(6*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)) Montserrat;color:#000;letter-spacing: calc(0.05*var(--fs));text-align: center;background-color: rgba(200,200,200,0.75);text-transform: capitalize;border-radius:calc(2*var(--fs));z-index: 10;overflow: hidden;user-select: none; }
#my_top span {font: 300 calc(0.7*var(--fs))/calc(1*var(--fs)) Montserrat;letter-spacing: calc(0.1*var(--fs));text-transform: uppercase;}
#logo   {position:relative;float:left;width: calc(10*var(--fs));height:100%;cursor:pointer;}
#logo span {position:relative;width: calc(8*var(--fs));height: calc(3*var(--fs));background: url(//mark.space/logo_white.svg) 0px 45% / auto 50% no-repeat!important;font: 300 calc(0.9*var(--fs))/calc(3*var(--fs)) Montserrat;padding: 0px 0px 0px calc(1.9*var(--fs));letter-spacing: 1px;margin:0px auto;display: block;}
#my_id  {position:relative;float:left;display: block;width: calc(100% - 13.5*var(--fs));height: calc(1*var(--fs));padding: 0;margin: calc(1*var(--fs)) calc(0.5*var(--fs));overflow: hidden;cursor: pointer;white-space: nowrap;cursor:pointer;}
#my_btn {position: relative;float: left;display: block;height: 100%;width: calc(2*var(--fs));padding: 0;margin: 0;overflow: hidden;cursor:pointer;}
#my_btn span {position:absolute;display: block;background-color: #fff;height:1px;width: calc(1*var(--fs));top: calc(1.4*var(--fs));left: calc(0.5*var(--fs));}
#my_btn span:first-child {top: calc(1*var(--fs));}
#my_btn span:last-child {top: calc(1.8*var(--fs));}

#my_menu {display:none;position:absolute;right: calc(50% - 11*var(--fs));top: calc(5.2*var(--fs));width: calc(12*var(--fs));border-radius: calc(1.5*var(--fs));margin:0;z-index:20;color: #fff;background-color: #000;transition:top 0.5s ease-in-out;user-select: none;}
#my_menu[view="yes"] { display:block!important; }
#my_menu[view="no"] { display:none!important; }
#my_menu1 {padding:0;position:relative;}
#my_menu2 {position:relative;margin: calc(1.5*var(--fs));}
#my_menu1 .menu-block {position:relative;width:100%;margin:0;padding:0;vertical-align:top;font: 400 calc(0.8*var(--fs))/calc(1*var(--fs)) Montserrat;}
@media (max-width:500px){ #my_menu1 .menu-block {width:auto;overflow:hidden;} }
@media (max-width:380px){ #my_menu1 .menu-block {width:260px;min-height:auto;} }
#my_menu1 ul {position: relative;padding:0;margin:0; }
#my_menu1 ul.level2 {position: relative;padding:0;margin:0px 0px 0px 30px; }
#my_menu1 li,#btnmenu1 li a {position: relative;margin-top:10px;list-style-type:none;color: #fff;text-decoration:none;text-transform:uppercase;text-align:left;white-space:nowrap;cursor:pointer;}
#my_menu1 li:hover,#btnmenu1 li a:hover { color:#fff; }
#my_menu1 li span { font-weight:bold;padding-left:5px; }
#my_menu1 .hr0 {border-top: 1px dashed #fff;margin:8px 0px -2px 0px;padding:0;opacity: 0.5;}
#my_menu-close {position:absolute;top:calc(1.5*var(--fs));right:calc(1.2*var(--fs));width:calc(1*var(--fs));height:calc(1*var(--fs));z-index:40;cursor:pointer;display: none;}
#my_menu-close span {position:absolute;background-color: #fff;height:1px;width:calc(1.4*var(--fs));}
#my_menu-close span:first-child { transform:rotate(-45deg); }
#my_menu-close span:last-child { transform:rotate(45deg); }

[mode-vr="yes"] #my_top { display:none; }
[mode-vr="yes"] #my_menu { display:none; }

@media (max-width: 500px) {
  #mw_wnd[max] {left: 0!important;width:100vw!important;}
  .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)));}
  [max] .units_map {height: calc(46*var(--fs))!important;}
}
@media (max-height:940px) {
  #mw_wnd[max] {top: 0!important;height:100vh!important;}
  .wnd_in {/* padding: calc(1*var(--fs)) calc(1*var(--fs)); */}
  [menu="yes"] .wnd_in {height: calc(100% - calc(2*var(--fs)));}
  .mw_max { display:none; }
  [max] .units_map {height: calc(100vh - 220px)!important;}
  @media (min-width: 2000px) {
    [max] .units_map {height: calc(100vh - 270px)!important;}
  }
}
@media (max-width:440px) {
  #my_top {position: absolute;left:calc(6*var(--fs));top: calc(6*var(--fs));width:calc(100vw - 12*var(--fs));height: calc(3*var(--fs));padding:0;margin: 0;font: 400 calc(0.75*var(--fs))/calc(1*var(--fs)) Montserrat;letter-spacing: calc(0.05*var(--fs));text-align: center;text-transform: capitalize;border-radius: calc(2*var(--fs));z-index: 10;overflow: hidden;user-select: none; }
  #logo   {position:relative;float:left;width: calc(3*var(--fs));height:100%;cursor:pointer;overflow:hidden;}
  #logo span {position:relative;width: calc(3*var(--fs));height: calc(3*var(--fs));fone-size:0;margin:0 0 0 calc(0.75*var(--fs));padding-left:100%;}
  #my_id  {position:relative;float:left;display: block;width: calc(100% - 6.5*var(--fs));height: calc(1*var(--fs));padding: 0;margin: calc(1*var(--fs)) calc(0.5*var(--fs));overflow: hidden;cursor: pointer;white-space: nowrap;cursor:pointer;}
  #my_menu {right: calc(6*var(--fs));}
  .mw_max { display:none; }
}

@media (max-height:940px) {
  .mw_max { display:none; }
}
@media (min-height:1100px) {
  #mw_wnd {top:calc(50vh - 56/2*var(--fs));height: calc(56*var(--fs));}
  [max="no"] .units_map {height: calc(39*var(--fs))!important;}
}

@media (max-width:1600px) { body {--fs: 14px;} .design {width: calc(6*var(--fs));height: calc(6*var(--fs));margin: 0 calc(1*var(--fs)) calc(1*var(--fs)) 0;} }
@media (max-width:800px) { body {--fs: 12px;} }
@media (min-width:1601px) { body { --fs: 16px; } }
@media (min-width:1920px) { body { --fs: 16px; } }
@media (min-width:2560px) { body { --fs: 18px; } }

.vr-helper { position:fixed;z-index:9999;top:52.5%;transform: translate(-50%, -50%);box-shadow:0 0 1px 0 white;border-radius:50%;width:20px;height:20px;display:none; }
body[mode-vr="yes"] .vr-helper { display:block; }
.vr-helper-l { left:25%; }
.vr-helper-r { left:75%; }
body[mode-vc="yes"] .vr-helper { box-shadow:0 0 1px 0 red; }

#b_desc { font-size:80%;line-height:140%; }

.elv_floor {position:relative;float:left;width:100%;background-color: rgba(180,180,180,0.3);margin:0px 0px 10px 0px;padding:10px 20px;cursor:pointer;}

.create { display:none; }



#btnmenu {display:none;position:fixed;left: calc(2*var(--fs));top: calc(5.2*var(--fs));width: calc(13*var(--fs));margin:0;padding: 0;z-index:10;color: #fff;background-color: #000;transition:top 0.5s ease-in-out;border-radius: calc(1.5*var(--fs));}
#btnmenu[view="yes"] { display:block!important; }
#btnmenu[view="no"] { display:none!important; }

#btnmenu1 .menu-block {position:relative;width:100%;margin:0;padding:calc(1*var(--fs));vertical-align:top;font:400 calc(0.8*var(--fs))/calc(1.2*var(--fs)) Montserrat;}
#btnmenu2 {position:relative;float:left;margin:calc(0.5*var(--fs)) calc(0.5*var(--fs)) 0 calc(0.5*var(--fs));padding:0;}

#btnmenu1 ul {position: relative;padding:0;margin:0; }
#btnmenu1 ul.level2 {position: relative;padding:0;margin:0px 0px 0px 30px; }
#btnmenu1 li,#btnmenu1 li a {position: relative;margin-bottom: calc(0.5*var(--fs));list-style-type:none;text-decoration:none;text-transform:uppercase;text-align:left;white-space:nowrap;cursor:pointer;}
#btnmenu1 li:hover,#btnmenu1 li a:hover { color: #fff; }
#btnmenu1 li span { font-weight:bold;padding-left:5px; }
#btnmenu1 .hr0 {border-top: 1px dashed #fff;opacity: 0.4;margin: calc(0.5*var(--fs)) 0px;padding:0;}

#btnmenu-close {position:absolute;top: calc(1.5*var(--fs));right: calc(1.5*var(--fs));width: calc(1*var(--fs));height: calc(1*var(--fs));z-index:40;cursor:pointer;display: none;}
#btnmenu-close span {position:absolute;background-color: #fff;height: 1px;width: calc(1.5*var(--fs));top: 0;left: 0;}
#btnmenu-close span:first-child { transform:rotate(-45deg); }
#btnmenu-close span:last-child { transform:rotate(45deg); }



#v_page {position:relative;float:left;width:100%;min-width: calc(40*var(--fs));height:calc(100vh - 50px);margin:0;padding: calc(3*var(--fs));overflow-x:hidden;overflow-y:auto;}
#v_page .col{width:50%;font: 300 calc(1*var(--fs))/calc(1.5*var(--fs)) Montserrat;margin:0;box-shadow: inset 0 0 0 1px #f0f0f0;padding: calc(2*var(--fs));height: calc(15*var(--fs));}
#v_page .col.profile {background: url(/i/1-1.jpg) calc(0.2*var(--fs)) calc(-0.5*var(--fs)) / calc(7*var(--fs)) auto no-repeat;}
#v_page .col.wallet {background: url(/i/money.jpg) calc(-0.8*var(--fs)) calc(-2*var(--fs)) / calc(9*var(--fs)) auto no-repeat;}
#v_page .col.units { background:url(/i/box.jpg) calc(0.25*var(--fs)) calc(-1.5*var(--fs)) / calc(7*var(--fs)) calc(10*var(--fs)) no-repeat; }
#v_page .col.buildings { background:url(/i/buildings.jpg) calc(0*var(--fs)) calc(-1*var(--fs)) / calc(7.5*var(--fs)) auto no-repeat;}
#v_page .col.designs { background:url(/i/icons.jpg) calc(0*var(--fs)) calc(-1*var(--fs)) / calc(7.5*var(--fs)) auto no-repeat;}
#v_page .col.licenses { background:url(/i/license.jpg) calc(0*var(--fs)) calc(-1*var(--fs)) / calc(7.5*var(--fs)) auto no-repeat;}
#v_page .col .h {float: none!important;min-width: calc(11*var(--fs));text-transform: uppercase!important;color: #006a82!important;font: 500 calc(1.4*var(--fs))/calc(1.5*var(--fs)) Montserrat!important;margin: calc(0.5*var(--fs)) 0 0 calc(5*var(--fs))!important;}
#v_page .col .w {color:#fe5656;min-width:150px;font: 400 13px/17px Montserrat;margin: calc(0.5*var(--fs)) 0 0 calc(5*var(--fs))!important;letter-spacing: -0.5px;}
#v_page .col .s {position: absolute!important;top: calc(7*var(--fs))!important;width: calc(100% - 2*var(--fs))!important;font: 400 calc(1*var(--fs))/calc(1*var(--fs)) Montserrat!important;color: #006a82!important;margin: 0px!important;float: none!important;letter-spacing: -0.5px;}
#v_page .col .button {position:absolute;left:50%;bottom: calc(2*var(--fs));width:150px!important;margin: 0px -75px;background-color:#fe5656;color:white;border-radius:25px;text-transform:uppercase;font: 500 12px/12px Montserrat;text-align:center;padding:12px 15px;letter-spacing:0.5px;}
#v_page .col[act="yes"] .h {margin: calc(1*var(--fs)) 0 0 calc(5*var(--fs))!important;}
#v_page .col[act="yes"] .s {left: calc(7*var(--fs));width: calc(10*var(--fs))!important;}
#v_page .col[act="yes"] .s span {letter-spacing: calc(0.1*var(--fs))!important;font: 300 calc(0.8*var(--fs))/calc(0.8*var(--fs)) Montserrat!important;text-transform: uppercase!important;color:#96b3bb;padding: 0!important;display: inline!important;}
#v_page .col[act="yes"].wallet .s,
#v_page .col[act="yes"].profile .s {border-left:1px solid #006a82;padding-left: calc(0.5*var(--fs));font: 600 calc(1*var(--fs))/calc(1.5*var(--fs)) Montserrat!important;}
#v_page .col[act="yes"].wallet .mrk::before { width:calc(1*var(--fs));height:calc(1*var(--fs));top:calc(-0.1*var(--fs)); }
#v_page .col[act="yes"] .count {position: absolute!important;top: calc(6.5*var(--fs))!important;left: 50%!important;width: calc(4*var(--fs))!important;text-align:center;margin: 0px calc(-2*var(--fs))!important;padding: calc(0.5*var(--fs))!important;background-color:#eaeff3;}
#v_page .col[act="yes"] .button {background-color: #00667f; }

#vBlds .h2 {font: 300 calc(1.2*var(--fs))/calc(1.5*var(--fs)) Montserrat;margin-bottom: calc(0.5*var(--fs));}
#vBlds .bld {display:block;position:relative;width: 100%;min-height: calc(9*var(--fs));color: var(--tc);font: 400 calc(1*var(--fs))/calc(1.2*var(--fs)) Montserrat;padding:0;border-radius: calc(0.5*var(--fs));background-color: var(--wc);margin: 0 0 calc(1*var(--fs)) 0px;cursor:pointer;box-shadow: inset 0px 0px 0px 3px #f0f0f0;}
#vBlds .bld .bld_main {position: absolute;top:0;left:0;right:0;bottom:0;margin: 0;padding: 0;display:block;}
#vBlds .bld[view="yes"] {box-shadow: inset 0px 0px 0px 3px var(--bc);}
#vBlds .bld[view="no"] { display:block!important; visibility:visible; }
#vBlds .bld .bld_zone {position: absolute;top: calc(0.5*var(--fs));left: calc(1*var(--fs));width: calc(6*var(--fs));margin: 0;padding: 0;display:block;color: rgba(128,128,128,1);font-size: calc(0.75*var(--fs));font-weight: 600;text-transform:uppercase;text-align: center;letter-spacing: 0;}
#vBlds .bld .bld_img  {position: absolute;right: 3px;top: 3px;width: calc(8*var(--fs));height: calc(100% - 6px);background: var(--wc) none center center / auto 150% no-repeat;margin: 0;cursor:pointer;}
#vBlds .bld .blo {position: absolute;top: calc(1.9*var(--fs));left: calc(1*var(--fs));width: calc(2px + 6*var(--fs));height: calc(2px + 6*var(--fs));margin: 0;padding: 0;z-index: 1;background-color: var(--wc);box-shadow: inset 0px 0px 0px 0.5px var(--bc), 0px 2px 5px -3px var(--tc);}
#vBlds .bld .blo * {font-weight:600!important;}
#vBlds .bld .blo .d {margin: calc(-1*var(--fs));height: calc(2*var(--fs));font-size: calc(1.5*var(--fs));line-height: calc(1.5*var(--fs));}
#vBlds .bld .bld_name {position: relative;float: left;width: calc(100% - 21.5*var(--fs));height: calc(9*var(--fs));font: 400 calc(1*var(--fs))/calc(1.4*var(--fs)) Montserrat;letter-spacing:0;padding: calc(0.8*var(--fs));margin: 0 0 0 calc(8*var(--fs));background-color: rgba(180,180,180,0.2);color: var(--tc);clear: both;}
#vBlds .bld .bld_name span {font-size:80%;font-weight: 400;line-height:1.2em!important;display:inline-block;text-transform:none;letter-spacing:0;color:var(--tc);padding: calc(0.25*var(--fs)) 0 0 0;}
#vBlds .bld .map_size {position: absolute;top: calc(1*var(--fs));right: calc(9*var(--fs));width: calc(4*var(--fs));font: 400 calc(0.8*var(--fs))/calc(1*var(--fs)) Montserrat;letter-spacing:0;text-align: right;margin: 0;padding: calc(0.1*var(--fs)) 0 0 calc(1.8*var(--fs));height: auto;color:#000;background: url(/i/map.png) left top / auto 90% no-repeat;}
#vBlds .bld .bld_boxes {position: absolute;top: calc(2.5*var(--fs));right: calc(9*var(--fs));width: calc(4*var(--fs));font: 400 calc(0.8*var(--fs))/calc(1*var(--fs)) Montserrat;letter-spacing:0;text-align: right;margin: 0;padding: calc(0.1*var(--fs)) 0 0 calc(1.8*var(--fs));height: auto;color: #000;background: url(/i/box.png) calc(0.2*var(--fs)) center / auto 90% no-repeat;}
#vBlds .bld .bld_floors {position: absolute;top: calc(4*var(--fs));right: calc(9*var(--fs));width: calc(4*var(--fs));font: 400 calc(0.8*var(--fs))/calc(1*var(--fs)) Montserrat;letter-spacing:0;text-align: right;margin: 0;padding: calc(0.1*var(--fs)) 0 0 calc(1.8*var(--fs));height: auto;color: #000;background: url(/i/elevator.png) calc(0.2*var(--fs)) center / auto 100% no-repeat;}
#vBlds .bld .bld_act {position:absolute;bottom: calc(0.5*var(--fs));right: calc(8.5*var(--fs));width: calc(4.5*var(--fs));font: 200 calc(0.75*var(--fs))/calc(1*var(--fs)) Montserrat;margin:0;height: auto;padding:0;color: var(--tc);text-align: center;text-transform: uppercase;letter-spacing: calc(0.1*var(--fs));}
#vBlds .bld .bld_my  {position:absolute;bottom: calc(1.5*var(--fs));right: calc(8.5*var(--fs));width: calc(4.5*var(--fs));font: 400 calc(0.75*var(--fs))/calc(1*var(--fs)) Montserrat;margin: 0;height: auto;padding:0;color: var(--tc);text-align: center;text-transform: uppercase;letter-spacing: calc(0.1*var(--fs));}

[mode-black="yes"] #vBlds .bld .map_size,
[mode-black="yes"] #vBlds .bld .bld_boxes,
[mode-black="yes"] #vBlds .bld .bld_floors
 { filter: invert(100%) grayscale(100%) brightness(200%); }


#vBlds .bld .bld_deleting { display:none;}
#vBlds .bld .bld_deleting[act="yes"] {display:block;position: absolute;top: 1px;left: 1px;width: calc(100% - 2px);height: calc(100% - 2px);font: 400 calc(1.1*var(--fs))/calc(1.5*var(--fs)) Montserrat;margin: 0;padding: calc(1*var(--fs));color: var(--tc);z-index: 1;background-color: var(--wc);}
#vBlds .del {position: absolute;top: calc(-0.5*var(--fs));right: calc(-0.5*var(--fs));width:calc(2*var(--fs));height:calc(2*var(--fs));min-width:calc(2*var(--fs));margin: 0;padding:0;color: var(--wc);transform: rotate(45deg);background-color: var(--tc);z-index:2;font: 400 calc(2*var(--fs))/calc(2*var(--fs)) Montserrat;}

#vBlds .delete { float:left;width:auto;margin:calc(2*var(--fs));background-color:var(--tc);clear:none;}
#vBlds .cancel { float:right;width:auto;margin:calc(2*var(--fs));background-color:rgba(180,180,180,0.5);clear:none; }

#vBlds ul { position:relative;float:left;width:100%;box-shadow:inset 0px -1px 1px -1px #ccc;}
#vBlds .city {position:relative;float:left;width: auto;height:auto;margin: 0px calc(1.5*var(--fs)) 0px 0px;font: 300 calc(0.8*var(--fs))/calc(1*var(--fs)) Montserrat;letter-spacing:  1px;padding: calc(0.5*var(--fs)) 0px;text-align:center;overflow:hidden;cursor:pointer;text-transform:uppercase;}
#vBlds .city[used="yes"] {border-bottom: 1.5px solid var(--bc);}
#vBlds .city[act="yes"] {border-bottom: 1.5px solid #666;font-weight:  600;}

.prod2 {position:relative;float:left;width: 100%;padding:0 calc(6.5*var(--fs)) 0 calc(1*var(--fs));margin:0 0 calc(1*var(--fs)) 0;text-align:left;box-shadow: inset 1px 0 0 0 var(--tc);}
.prod2 .img  {position:relative;width: calc(13*var(--fs));height: calc(9*var(--fs));background: none center center / 100% auto no-repeat;margin: 0;cursor:pointer;}

[mode-black="yes"] .prod2 .img { filter: invert(100%) grayscale(100%); }

.prod2[prod^="5"] .img {display:none; }
.prod2 .info {position:relative;width:100%;margin:0;padding:0;font:300 calc(0.9*var(--fs))/calc(1.2*var(--fs)) Montserrat;color: var(--tc);cursor:pointer;}
.prod2 .info .name { font: 300 calc(1.2*var(--fs))/calc(1.5*var(--fs)) Montserrat;margin: 0 0 calc(0.25*var(--fs)) 0;text-transform: uppercase;}
.prod2 .cen {position: absolute;right:0;bottom:calc(2.5*var(--fs));width: calc(6*var(--fs));margin:0;padding: calc(0.5*var(--fs));font: 300 calc(0.9*var(--fs))/calc(0.9*var(--fs)) Montserrat;color: var(--tc);text-align: center;cursor:pointer; }
.prod2 .have {position: absolute;right:0;bottom:0;width: calc(3*var(--fs));height: calc(2.5*var(--fs));text-align:center;margin: 0;padding: 0 calc(1*var(--fs));background-color:rgba(180,180,180,0.1);overflow: hidden;font: 300 calc(1*var(--fs))/calc(2.5*var(--fs)) Montserrat;color: var(--tc);}
.prod2 .button {position:absolute;right:0;bottom:0;width:calc(6*var(--fs));min-width:auto;height:calc(2.5*var(--fs));line-height:calc(2.5*var(--fs));padding: 0;cursor:pointer;margin: 0;}
.prod2 .del {position:absolute;right:calc(-1*var(--fs));top:calc(0.5*var(--fs));width:calc(2*var(--fs));height:calc(2*var(--fs));font: 400 calc(1.6*var(--fs))/calc(2*var(--fs)) times;text-align:center;transform:rotate(45deg);cursor:pointer;border-radius: 50%;background-color: var(--bc);color: #fff;}

#vBld .prod2 .button { width:calc(11*var(--fs)); }

#boxes {position:relative;float:left;width:100%;overflow: hidden;height: auto!important;}
.floor {position:relative;float:left;width:100%;margin:0;--wb: calc(4*var(--fs))!important;}
.floor_boxes {position:relative;float:left;width: 100%;height: 100%;overflow-x: auto;overflow-y: hidden;}
.floor .box {position:absolute;left:0px;top:0px;width:var(--wb);height:var(--wb);line-height:var(--wb);text-transform:uppercasetext-align:centerborder-radius: calc(0.1*var(--wb));box-shadow:noneborder: calc(0.05*var(--fs)) solid var(--wc);font-size: calc(0.25*var(--wb));}
.floor .box[box] {background:none center center / 100% 100% no-repeat;cursor:pointer;}
.floor .box[box] .n45 { position:absolute;left:0px;top:0px;width:100%;height:100%;transform:rotate(45deg);font:400 calc(0.25*var(--wb))/calc(0.25*var(--wb)) Montserrat;}

.floor [data-hint]::before { opacity:1;visibility:visible;margin:0;position:absolute;background:rgba(180,180,180,0);z-index:1000002;}
.floor [data-hint]::after {padding: calc(0.5*var(--fs));width:auto;font-size:120%;font-weight:300;line-height: 150%;z-index:200;word-break:normal;white-space:nowrap;text-transform:none;}
.floor [data-hint]:hover::after { transform:translateY(calc(-2.5*var(--fs))) translateX(calc(-1.9*var(--fs))); }

.floor .box[box][d="0"]::before {content:'↑'!important;position:absolute;bottom: 0px;left:40%;width:20%;color:var(--tc);height: calc(0.3*var(--wb));font: 400 calc(0.3*var(--wb))/calc(0.25*var(--wb)) Arial;text-align:center;box-shadow: inset 0px -4px 0px -1px var(--tc), 0px 3px 0px -1px var(--tc);}
.floor .box[box][d="1"]::before {content:'→'!important;position:absolute;top:40%;left:0px;width:50%;color:var(--tc);height:20%;font:200 calc(0.3*var(--wb))/calc(0.15*var(--wb)) Arial;text-align: left;box-shadow: inset 4px 0 0 -1px var(--tc), -2px 0 0 -1px var(--tc);}
.floor .box[box][d="2"]::before {content:'↓'!important;position:absolute;top:0px;left:40%;width:20%;color:var(--tc);height: calc(0.3*var(--wb));font: 200 calc(0.3*var(--wb))/calc(0.25*var(--wb)) Arial;text-align:center;box-shadow: inset 0 4px 0 -1px var(--tc), 0 -2px 0 -1px var(--tc);}
.floor .box[box][d="3"]::before {content:'←'!important;position:absolute;top:40%;right:0px;width:50%;color:var(--tc);height:20%;font:200 calc(0.3*var(--wb))/calc(0.15*var(--wb)) Arial;text-align: right;box-shadow: inset -4px 0 0 -1px var(--tc), 3px 0 0 -1px var(--tc);}
.floor .box[box][d]::before {z-index: 5;}
.floor .box[box] .n45 {position: absolute;left: 0;top: calc(50% - 0.1*var(--wb));width: calc(1*var(--wb));height: calc(0.2*var(--wb));transform: rotate(-45deg);font: 400 calc(0.2*var(--wb))/calc(0.2*var(--wb)) Montserrat;text-align: center;word-break: break-all;}




.floor .box.add {box-shadow: inset 0px 0px 0px 2px rgba(180,180,180,0.5);cursor:pointer;border-radius: 50%;}
.floor .box.add::before {content:'+';font: 400 calc(0.75*var(--wb))/calc(1*var(--wb)) times;color: rgba(180,180,180,0.5);}

.floor .box[type="close"] {background-color:rgba(180,180,180,0.1);box-shadow: inset 0px 0px 0px 1px var(--tc);}
.floor .box[box][type="open"] {background-color:rgba(180,180,180,0.1);}
.floor .box[box][type="open"]::before {box-shadow:none!important;}

.floor .box[type="elevator"] {background-color:rgba(180,180,180,0.1);border: 1px solid var(--tc);}
.floor .box[box][type="elevator"]::before {content:''!important;}
.floor .box[box][type="elevator"] .cross div {position:absolute;top:50%;left:-20%;width:140%;height:0.5px;background-color:var(--tc);transform:rotate(45deg);}
.floor .box[box][type="elevator"] .cross div:first-child {transform:rotate(-45deg);}

.floor .box[act="yes"] {box-shadow: 0px 0px 10px 0px #000;z-index:2;}
.floor .box[tek="yes"]::after {content:''!important;position:absolute;left:10%;top:10%;width:80%;height:80%;box-shadow: 0px 0px 0px calc(0.1*var(--fs)) var(--tc);border-radius: calc(3*var(--fs));z-index:1; }
.floor .box[first="yes"] {background-color: rgba(255,220,200,1);color: #000;}
.floor .box[first="yes"]::before { color:#000!important
; }

#vMap .floor .box {background-color:rgba(180,180,180,0.1);}
#vMap .floor .box::before { content:''!important; }
#vMap .floor .box[tek="yes"]::after {content: 'o'!important;font: 600 calc(0.5*var(--fs))/calc(2.5*var(--fs)) Montserrat;position:absolute;left: 20%;top: 20%;width: 60%;height: 60%;color: var(--bc);box-shadow: 0px 0px 0px calc(0.05*var(--fs)) var(--bc);border-radius: calc(3*var(--fs));z-index:1;}


#vBld #save { width:calc(100% - 10px);margin:10px 0px;background-color:№306090;color:var(--wc);font-weight:600;letter-spacing:0.5px; }
#vBld #cancel { float:right;width:auto;margin:10px 0px 10px 10px;}

#vBld .floor_add {width:130px;margin: 20px 0px;display:block;}

#vBld .types {position: relative;float: left;width: 100%;margin: 0px 0px 10px 0px;}
#vBld .types_name {position:relative;float:left;width:100%;font: 400 12px/14px Montserrat;text-transform:uppercase;margin: 0px 0px 10px 0px;}
#vBld .types .button {position:relative;float:left;width: auto;min-width: auto;margin:calc(0.5*var(--fs)) calc(0.5*var(--fs)) 0px 0px;font: 400 calc(0.8*var(--fs))/calc(1*var(--fs)) Montserrat;clear: none;}

#vBld .button.enter {height: 60px;line-height: 60px;padding: 0px 10px;background-color: var(--bc);color:var(--wc);font-weight:bold;box-shadow: inset 0 0 0 1px var(--bc), inset 0 0 0 3px var(--wc);margin:0px 10px 0px 0px;}


#vBld .type_buttons {position:relative;float:left;padding: calc(0.6*var(--fs)) 0px 0px 0px;border-radius: calc(2*var(--fs));margin: calc(0.5*var(--fs)) calc(1*var(--fs)) 0px 0px!important;}
#vBld .type_buttons::before {content:' Box type ';position:absolute;background-color:var(--wc);top: calc(-0.5*var(--fs));left: calc(-0.5*var(--fs));width: 100%;padding:0 calc(0.5*var(--fs));font:400 calc(0.8*var(--fs))/calc(0.8*var(--fs)) Montserrat;text-transform:uppercase;text-align: center;color: #999;}
#vBld .type_buttons .button {margin:0;background-color: rgba(180,180,180,0.3);color:var(--tc);border-radius:0;font-size: 66.666%;padding: calc(0.3*var(--fs)) calc(0.7*var(--fs));}
#vBld .type_buttons .button[act="yes"] {background-color:var(--bc);color: #fff;}
#vBld .type_buttons .button:first-child {border-top-left-radius: calc(2*var(--fs));border-bottom-left-radius: calc(2*var(--fs));}
#vBld .type_buttons .button:last-child {border-top-right-radius: calc(2*var(--fs));border-bottom-right-radius: calc(2*var(--fs));}
#vBld .type_buttons .button.entry {background-color: rgba(255,220,200,1);color:red;font-weight:bold;margin-left: 2px;}
#vBld .type_buttons .button.entry[act="yes"] { background-color:red;color:var(--wc);}
#vBld .button.delete { background-color:rgba(180,180,180,1);color:white;}


#vBlds .building_name { font:300 calc(1.5*var(--fs))/calc(2*var(--fs)) Montserrat; }
#vBlds .building_name span { font:300 calc(1*var(--fs))/calc(1.5*var(--fs)) Montserrat; }

#vBld .legend {position:relative;float:left;width:auto;height:auto;margin:0px auto;overflow: hidden;}
#vBld .legend .colx {position:relative;float:left;width:auto;height:auto;margin:0px;overflow: hidden;}
#vBld .legend .box {position:relative;float:left;left:auto;top:auto;width: calc(3*var(--fs));height: calc(3*var(--fs));font: 400 calc(0.8*var(--fs))/calc(3*var(--fs)) Montserrat;margin: 0 0 calc(1*var(--fs)) 0;cursor:default;}
#vBld .legend .box[direction] {box-shadow:none;border: 1px dashed rgba(180,180,180,0.5);}
#vBld .legend .box[direction]::before {content:'↑';position:absolute;bottom: 0px;left:40%;width:20%;height: calc(0.3*var(--wb));font: 200 calc(0.3*var(--wb))/calc(0.25*var(--wb)) Arial;text-align:center;box-shadow: inset 0px -3px 0px -1px var(--tc), 0px 3px 0px -1px var(--tc);}
#vBld .legend .box.add::before {content:'+';position:absolute;left:0px;width:100%;text-align:center;font: 400 calc(2.8*var(--fs))/calc(2.9*var(--fs)) times;bottom: auto;color: rgba(180,180,180,0.5);box-shadow:none;}
#vBld .legend .dop {position:relative;float:left;left:auto;top:auto;width: calc(5*var(--fs));height: calc(3*var(--fs));padding: calc(0.5*var(--fs)) calc(0.25*var(--fs)) calc(0.5*var(--fs)) calc(0.25*var(--fs));font: 400 calc(1*var(--fs))/calc(1*var(--fs)) Montserrat;letter-spacing: -0.5px;}

.floors_menu {position: relative;float: left;width:100%;margin: 10px 0px 0px 0px;}
.floors_menu .button {margin:0px 10px 10px 0px;color:var(--tc);float: left;clear: none;width: auto;min-width: calc(2.7*var(--fs));background-color:rgba(180,180,180,0.2);box-shadow:inset 0 0 1px 0 rgba(180,180,180,0.5);}
.floors_menu .button[act="yes"] {color:var(--wc);opacity:1;background-color:var(--bc);box-shadow:none;}

#vMap .legend {position:relative;float:left;width:auto;height:auto;margin:0px auto;overflow: hidden;}
#vMap .legend .colx {position:relative;float:left;width:auto;height:auto;margin:0px;overflow: hidden;}
#vMap .legend .box { position:relative;float:left;left:auto;top:auto;width: calc(4*var(--fs));height: calc(4*var(--fs));font: 400 calc(0.8*var(--fs))/calc(4*var(--fs)) Montserrat;margin: 0 0 calc(1*var(--fs)) 0;cursor:default;}
#vMap .legend .dop {position:relative;float:left;left:auto;top:auto;width: calc(6*var(--fs));height: calc(3*var(--fs));padding: calc(1.5*var(--fs)) calc(1*var(--fs)) calc(0.5*var(--fs)) calc(0.5*var(--fs));font: 400 calc(1*var(--fs))/calc(1*var(--fs)) Montserrat;}


#prod_full.noview { display:none; }
#prod_full_img { position:relative;width:1000px;height:750px;overflow:hidden; }
#prod_full_img_scr { position:relative;width:5000px;height:750px;overflow:hidden; }
#prod_full_img img { position:relative;float:left;width:1000px;height:750px;overflow:hidden; }
#prod_full .info_full {position:relative;width: calc(100% - 80px);margin:40px;font:300 20px/20px Montserrat;}
#prod_full .info_full .name_full {position:relative;width:100%;margin:0px 0px 5px 0px;font: 600 24px/32px Montserrat;}
#prod_full .info_full .dop_full {position:relative;width:100%;margin:0px 0px 20px 0px;font: 300 18px/24px Montserrat;}
#prod_full .info_full .text_full {position:relative;width:100%;margin:0px 0px 20px 0px;font: 300 14px/20px Montserrat;text-align:justify;}
#prod_full .buy_full { position:relative;width:calc(100% - 80px);margin:0px 40px 20px 40px;font:600 24px/24px Montserrat; }
#prod_full .cen_full { position:relative;width:auto;margin:0px 0px 20px 0px;font:600 24px/24px Montserrat; }
#prod_full .cen_full span { font-size:24px; }
#prod_full .cen_full span::before {content:'';position: relative;display:inline-block;width: 21px;height:22px;background: url(//mark.space/mrk.png) right 0px / auto 80% no-repeat;vertical-align:bottom;}
#prod_full .buy_full .button.not { background-color:#ffd0d0;cursor:default; }

.mat {position:relative;float:left;width:calc(50% - 2*var(--fs));cursor:pointer;margin:calc(1*var(--fs));font: 300 calc(1*var(--fs))/calc(1.6*var(--fs)) Montserrat;}
.mat_texture {position:relative;float:left;width:calc(8*var(--fs));height: calc(8*var(--fs));}
.mat_texture canvas { position:absolute;top:0;height:0;width:100%;height:100%;visibility:visible!important;display:block!important;}
.mat_color {position:relative;float:right;width:calc(100% - 8*var(--fs));padding: 0 calc(0.5*var(--fs));}
.mat_shine { position:relative;float:right;width:calc(100% - 8*var(--fs));padding:0 calc(0.5*var(--fs)); }
.mat_reflection { position:relative;float:right;width:calc(100% - 8*var(--fs));padding:0 calc(0.5*var(--fs)); }

#bImage2_1 canvas {position:relative;width:100%;height: calc(30*var(--fs));margin: calc(-7*var(--fs)) 0 calc(-1*var(--fs)) 0;visibility:visible!important;display:block!important;}
#b1Image2_1 canvas { position:relative;width:100%;height:calc(24*var(--fs));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)) Montserrat;letter-spacing:0;text-align:center; }

.mod {position:relative;float:left;width:calc(33.333% - 3*var(--fs));cursor:pointer;margin:calc(1*var(--fs));font:300 calc(1*var(--fs))/calc(2*var(--fs)) Montserrat;}
.mod[act="yes"]::before {content:'';position:absolute;left:calc(50% - 5*var(--fs));top:0px;width:calc(10*var(--fs));height:calc(10*var(--fs));background-color:rgba(180,180,180,0.1);border-radius: 100px;color:var(--wc);}
.mod .canvas {position:relative;float:left;width:100%;height: calc(10*var(--fs));}
.mod .mod_id {position:relative;float:left;width:100%;text-align:center;text-transform: capitalize;}
.mod .canvas canvas { position:absolute;top:0;height:0;width:100%;height:100%;visibility:visible!important;display:block!important;}
.mod .delete {position:absolute;width:20px;height:20px;top: 0px;right: 0px;margin:-10px;border-radius:50%;overflow:hidden;}
.mod .delete::before {content:'';position:absolute;top: 9px;right: 0px;width: 20px;height: 1px;background-color: var(--tc);transform:rotate(45deg);z-index:1;}
.mod .delete::after {content:'';position:absolute;top: 9px;right: 0px;width: 20px;height: 1px;background-color: var(--tc);transform:rotate(-45deg);z-index:1;}

.mod_clone {width: 46%;min-width: 46%;margin: 0 2%!important;display: inline-block!important;font-size: calc(0.9*var(--fs))!important;}

@media (max-width:710px) {
  .mod { width:calc(50% - 3*var(--fs)); }
}

.page1 {position:relative;float:left;width: auto;height:calc(2*var(--fs));cursor:pointer;margin: calc(0.25*var(--fs)) calc(0.5*var(--fs)) calc(0.25*var(--fs)) 0;padding: 0 calc(0.75*var(--fs));font: 300 calc(0.75*var(--fs))/calc(2*var(--fs)) Montserrat;background-color:rgba(180,180,180,0.2);text-align:center;border-radius: calc(2*var(--fs));text-transform:uppercase;}
.page1[act="yes"] { background-color:var(--bc);color:var(--wc); }

.page2 {position:relative;float:left;width: auto;height:calc(2*var(--fs));cursor:pointer;margin: calc(0.25*var(--fs)) calc(0.5*var(--fs)) calc(0.25*var(--fs)) 0;padding: 0 calc(0.75*var(--fs));font: 300 calc(0.75*var(--fs))/calc(2*var(--fs)) Montserrat;background-color: rgba(180,180,180,0.2);text-align:center;border-radius: calc(2*var(--fs));}
.page2[act="yes"] { background-color:var(--bc);color:var(--wc); }

.page {position:relative;float:left;width:calc(2.5*var(--fs));height:calc(2*var(--fs));cursor:pointer;margin:0;font:300 calc(1*var(--fs))/calc(2*var(--fs)) Montserrat;background-color: rgba(180,180,180,0.2);text-align:center;}
.page:first-child { border-top-left-radius:calc(2*var(--fs));border-bottom-left-radius:calc(2*var(--fs)); }
.page:last-child { border-top-right-radius:calc(2*var(--fs));border-bottom-right-radius:calc(2*var(--fs)); }
.page[act="yes"] { background-color:var(--bc);color:var(--wc); }

#bAdmMatPresets .mod { width:calc(10*var(--fs)); }
#bMatPresets .mod { width:calc(10*var(--fs)); }