.statusImg {
  bottom: 0px;
  left: 15px;
  z-index: 900;
  position: absolute;
}

.row {
    border-color: #9e0d38; /* Öâåò ãðàíèöû */
    border-style: solid;
    border-width: 1px;
    padding: 2px;
 }

.screen {
	cursor: pointer;
}

.camera {
	height: 20px;
	width: 30px;
    position: relative;
    left: 30%;
}


#mask {
  position:fixed;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:block;
  cursor: pointer;
  opacity: 0.8;
  width: 100%;
  height: 100%;
}
  
#boxes .window {
  position:fixed;
  display:block;
  z-index:9999;
}

.wms_nav {
    z-index: 1000;   
    background-color: #e1e1e1;
    width: 100%;
}


#portret {
	cursor: pointer;
}


       .mfp-zoom-out {
                        /* start state */
                        /* animate in */
                        /* animate out */
                    }

                        .mfp-zoom-out .mfp-with-anim {
                            opacity: 0;
                            transition: all 0.3s ease-in-out;
                            transform: scale(1.3);
                        }

                        .mfp-zoom-out.mfp-bg {
                            opacity: 0;
                            transition: all 0.3s ease-out;
                        }

                        .mfp-zoom-out.mfp-ready .mfp-with-anim {
                            opacity: 1;
                            transform: scale(1);
                        }

                        .mfp-zoom-out.mfp-ready.mfp-bg {
                            opacity: 0.8;
                        }

                        .mfp-zoom-out.mfp-removing .mfp-with-anim {
                            transform: scale(1.3);
                            opacity: 0;
                        }

                        .mfp-zoom-out.mfp-removing.mfp-bg {
                            opacity: 0;
                        }