.czujka-ruchu {
        width: 9%;
        height: 9%;
        position: absolute;
}
.fala-nakt {
        width: 40%;
        height: 40%;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 0 0 100% 0;
        border-width: 0 2px 2px 0;
        border-style: solid;
        border-color: #2e8a12;
        opacity: 0.7;
}
.fala-nakt::before {
        content: "";
        display: block;
        width: 156%;
        height: 156%;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 0 0 100% 0;
        border-width: 0 2px 2px 0;
        border-style: solid;
        border-color: #2e8a12;
        opacity: 0.3;
}
.fala-nakt::after {
        content: "";
        display: block;
        width: 214%;
        height: 214%;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 0 0 100% 0;
        border-width: 0 2px 2px 0;
        border-style: solid;
        border-color: #2e8a12;
        opacity: 0.1;
}
.sensor-nakt {
        width: 25%;
        height: 25%;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 0 0 100% 0;
        box-sizing: border-box;
        background-color: #2e8a12;
}
.sensor-akt {
        width: 25%;
        height: 25%;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 0 0 100% 0;
        box-sizing: border-box;
        background-color: red;
}
.fala-akt {
        width: 40%;
        height: 40%;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 0 0 100% 0;
        border-width: 0 2px 2px 0;
        border-style: solid;
        border-color: red;
        opacity: 0.7;
}
.fala-akt::before {
        content: "";
        display: block;
        width: 156%;
        height: 156%;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 0 0 100% 0;
        border-width: 0 2px 2px 0;
        border-style: solid;
        border-color: red;
        opacity: 0.3;
}
.fala-akt::after {
        content: "";
        display: block;
        width: 214%;
        height: 214%;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 0 0 100% 0;
        border-width: 0 2px 2px 0;
        border-style: solid;
        border-color: red;
        opacity: 0.1;
}
.czujka-wiatrolap {
        top: 52%;
        left: 38%;
        transform: rotate(45deg);
}
.czujka-salon {
        top: 3%;
        left: 55%;
}
.czujka-garaz {
        top: 3%;
        left: 3%;
}
.czujka-gabinet {
        top: 18%;
        left: 38%;
        transform: rotate(225deg);
}
.czujka-kotlownia {
        top: 51%;
        left: 25%;
        transform: rotate(135deg);
}
.czujka-poddasze {
        top: 34%;
        left: 58%;
        transform: rotate(90deg);
}

.brama-garazowa {
        width: 16%;
        height: 16%;
        position: absolute;
        top: 49%;
        left: 4%;
}
.brama-garazowa-zam {
        width: 100%;
        height: 100%;
        position: absolute;
        border-width: 0 0 4px 0;
        border-style: solid;
        border-color: #2e8a12;
        box-sizing: border-box;
}
.brama-garazowa-otw {
        width: 100%;
        height: 100%;
        background-color: red;
        position: absolute;
}

.okno {
        position: absolute;
}
.okno-1-zam {
        width: 50%;
        height: 50%;
        border-width: 0 0 4px 0;
        border-style: solid;
        border-color: #2e8a12;
        position: absolute;
        top: 50%;
        left: 0;
        box-sizing: border-box;
}
.okno-2-zam {
        width: 50%;
        height: 50%;
        border-width: 0 0 4px 0;
        border-style: solid;
        border-color: #2e8a12;
        position: absolute;
        top: 50%;
        left: 50%;
        box-sizing: border-box;
}
.okno-1-otw {
        background-color: #cdaca1;
        width: 50%;
        height: 50%;
        border-radius: 0 100% 0 0;
        border-width: 0 0 0 4px;
        border-style: solid;
        border-color: red;
        position: absolute;
        top: 50%;
        left: 0;
        box-sizing: border-box;
}
.okno-2-otw {
        background-color: #cdaca1;
        width: 50%;
        height: 50%;
        border-radius: 100% 0 0 0;
        border-width: 0 4px 0 0;
        border-style: solid;
        border-color: red;
        position: absolute;
        top: 50%;
        left: 50%;
        box-sizing: border-box;
}

.okno-dzieciecy {
        width: 14%;
        height: 14%;
        transform: rotate(270deg);
        top: 16%;
        left: 86%;
}
.okno-sypialnia {
        width: 14%;
        height: 14%;
        transform: rotate(270deg);
        top: 35%;
        left: 86%;
}
.okno-warsztat {
        width: 10%;
        height: 10%;
        transform: rotate(90deg);
        top: 28%;
        left: 0;
}
.okno-gabinet {
        width: 12%;
        height: 12%;
        transform: rotate(180deg);
        top: 0;
        left: 35%;
}
.okno-salon {
        width: 12%;
        height: 12%;
        transform: rotate(180deg);
        top: 0;
        left: 78%;
}
.okno-kuchnia {
        width: 12%;
        height: 12%;
        top: 53%;
        left: 80%;
}
.okno-kotlownia {
        width: 8%;
        height: 8%;
        top: 57%;
        left: 28%;
}

.okno-hs-1-zam {
        width: 100%;
        height: 52%;
        position: absolute;
        top: 48%;
        border-color: #2e8a12;
        border-style: solid;
        border-width: 0 4px 0 0;
        box-sizing: border-box;
}
.okno-hs-2-zam {
        width: 100%;
        height: 50%;
        position: absolute;
        top: 0;
        border-color: #2e8a12;
        border-style: solid;
        border-width: 0 4px 0 0;
        box-sizing: border-box;
}
.okno-hs-2-otw {
        width: 100%;
        height: 50%;
        position: absolute;
        top: 48%;
        left: -4px;
        border-color: red;
        border-style: solid;
        border-width: 0 4px 0 0;
        box-sizing: border-box;
}
.okno-hs {
        width: 5%;
        height: 33%;
        top: 16%;
        left: 95%;
}

.drzwi {
        position: absolute;
}
.drzwi-offset {
        top: 4px;
}
.drzwi-zam {
        width: 100%;
        height: 100%;
        position: absolute;
        border-color: #2e8a12;
        border-style: solid;
        border-width: 0 0 4px 0;
        box-sizing: border-box;
}
.drzwi-otw {
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: #cdaca1;
        border-color: red;
        border-style: solid;
        border-width: 0 4px 0 0;
        border-radius: 100% 0 0 0;
        box-sizing: border-box;
}
.drzwi-garaz {
        width: 7%;
        height: 7%;
        position: absolute;
        top: -7%;
        left: 3%;
}
.drzwi-wejsciowe {
        width: 8%;
        height: 8%;
        top: 65%;
        left: 39%;
        transform: rotate(180deg);
        transform: rotateX(180deg);
}
.okno-schody {
        width: 4%;
        height: 4%;
        top: 61%;
        left: 54%;
}
.okno-garaz {
        width: 4%;
        height: 4%;
        top: 0;
        left: 12%;
        transform: rotate(180deg);
        transform: rotateX(180deg);
}
.no-active {
        display: none;
}
.no-signal {
        width: 100%;
        height: 100%;
        position: absolute;
        border: red solid 1px;
        box-sizing: border-box;
}
.no-signal-1 {
        width: 50%;
        height: 50%;
        position: absolute;
        top: 50%;
        border: red solid 1px;
        box-sizing: border-box;
}
.no-signal-2 {
        width: 50%;
        height: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        border: red solid 1px;
        box-sizing: border-box;
}
.center {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        color: red;
        font-size: 10px;
}