body,html{margin:0;padding:0}.genplan-main{background:#f5f5f5;width:959px;height:684px;position:relative;overflow:hidden}.genplan-small{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;cursor:zoom-in}.genplan-large,.genplan-small{position:absolute;top:0;left:0;background-image:url(../img/plan.jpg)}.genplan-large{width:4000px;height:2853px}.genplan-house{position:absolute;font-family:arial;border-radius:50%;width:22px;height:22px;font-size:10px;background:#27ae60;color:#fff;line-height:22px;text-align:center;cursor:pointer;opacity:.7;transition:all .3s}.genplan-house-big-number-bottom{font-size:12px;border-top:1px solid currentColor;padding-top:2px}.genplan-house-big{position:absolute;font-family:arial;border-radius:50%;width:56px;height:56px;font-size:16px;background:#27ae60;color:#fff;border:3px solid transparent;text-align:center;cursor:pointer;opacity:.5;transition:opacity .3s,width .3s,height .3s,top .3s,left .3s;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.genplan-house-big.selected{border:3px solid green;opacity:1}.genplan-house-big.sold,.genplan-house.sold{background:#ff4242;color:#fff;cursor:default}.genplan-house-big.block,.genplan-house.block{background:#fff;color:#000;cursor:default}.genplan-house-big.reserved,.genplan-house.reserved{background:#ff0;color:#222;cursor:default}.genplan-house-big.sold.hover,.genplan-house-big.sold:hover{border:3px solid transparent}.genplan-house.hover:not(.reserved):not(.sold),.genplan-house:hover:not(.reserved):not(.sold){opacity:1}.genplan-house-big.hover:not(.reserved):not(.sold):not(.block),.genplan-house-big:hover:not(.reserved):not(.sold):not(.block){opacity:1;border:3px solid #27ae60;width:66px;height:66px;top:-5px;left:-5px}.genplan-house-big.block:hover,.genplan-house-big.reserved.hover,.genplan-house-big.reserved:hover,.genplan-house-big.sold.hover,.genplan-house-big.sold:hover,.genplan-house.block.hover,.genplan-house.reserved:hover .genplan-house.reserved.hover,.genplan-house.sold:hover .genplan-house.sold.hover{opacity:1}.genplan-house-big-number-top{font-weight:600}.genplan-min{position:absolute;margin:auto;text-align:center;cursor:pointer;right:0;width:120px;height:50px;line-height:50px;background-color:green;font-family:arial;color:#fff}.genplan-toolbar{position:absolute;right:0;display:flex;flex-direction:row;align-items:stretch;justify-content:flex-end}button.genplan-toolbar-button{border:none;background:hsla(0,0%,100%,.8);width:65px;height:65px;cursor:pointer;box-sizing:border-box;padding:0;opacity:.55;transition:all .3s}button.genplan-toolbar-button:hover{opacity:1}button.genplan-toolbar-button img{max-width:30px;height:auto;line-height:10px}.genplan-toolbar-button.active{opacity:1;border:4px solid green;background:#fff}.genplan-toolbar-mobile{position:absolute;right:20px;bottom:90px;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;bottom:calc(50% - 90px);min-height:165px}button.genplan-toolbar-button-mobile{border:none;background:hsla(0,0%,100%,.8);width:50px;height:50px;cursor:pointer;box-sizing:border-box;padding:0;opacity:.65;transition:all .3s;border-radius:50%;margin-bottom:5px}button.genplan-toolbar-button-mobile:hover{opacity:1}button.genplan-toolbar-button-mobile img{max-width:20px;height:auto;line-height:10px}.genplan-toolbar-button-mobile.active{opacity:1;border:4px solid green;background:#fff}.modal{background:hsla(0,0%,100%,.5);position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-content:flex-start;padding-top:10%;padding-bottom:10%;overflow:auto;box-sizing:border-box;z-index:3}.modal-wrapper{background:#fff;padding:20px;border-radius:8px;min-width:400px;position:relative}@media screen and (max-width:400px){.modal-wrapper{min-width:0;width:calc(100% - 40px)}}.modal-title{font-family:arial;font-size:22px;margin-top:0;margin-bottom:12px}.modal-close{width:15px;height:15px;position:absolute;background-size:contain;right:20px;top:23px;cursor:pointer;background-image:url(../img/close.svg)}img.modal-legend-image{max-width:100%;height:auto}.modal-form-row{margin-bottom:12px}input.modal-form-input{outline:none;border:1px solid #ddd;padding:10px;width:100%;box-sizing:border-box;font-size:16px}.modal-button{border:none;background:#0095ff;padding:13px;padding-left:18px;padding-right:18px;color:#fff;font-weight:400;font-size:16px;outline:none;cursor:pointer;opacity:.8;transition:all .3s}.modal-button:hover{opacity:1}.modal-button.cancel{background:transparent;color:red}.genplan-activate{position:absolute;width:100%;height:100%;z-index:3;background:hsla(0,0%,100%,.75);font-family:arial;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding-left:20px;padding-right:20px;box-sizing:border-box}.genplan-activate-text{text-align:center}.genplan-compass{display:none;position:absolute;top:20px;left:20px;width:69px;height:96px;background-size:contain;background-image:url(../img/compass.png);z-index:2}@media screen and (max-width:800px){.genplan-compass{width:50px;height:70px;top:20px;left:20px;background-repeat:no-repeat}}.genplan-help-button{position:absolute;left:120px;top:25px;display:flex;background:#fff;color:#000;font-family:Arial;padding:19px;cursor:pointer;opacity:.85;transition:all .3s;border-radius:6px}.genplan-help-button:hover{opacity:1}.genplan-help-button__title{font-size:24px}.genplan-help-button__text{font-size:12px}.genplan-help-button__icon>img{width:28px;display:block}.genplan-help-button__icon{display:flex;align-items:center;justify-content:center}.genplan-help-button__caption{padding-right:16px}@media screen and (max-width:480px){.genplan-help-button{top:14%;padding-top:15px;padding-bottom:15px;right:20px;left:auto}.modal{padding-top:86px}}@media screen and (max-width:370px){.genplan-help-button__text{display:none}}