Burglary Safes

About

.shg-box { position: relative; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; flex-direction: column; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; /** While `flex: 1` is enough here, we need to supply the rest of the parameters (`1 auto`) to keep compatibility with IE11. Otherwise, IE11 flex would break. */ flex: 1 1 auto; }.shg-box > .shg-box-content { z-index: 4; position: relative; }.shg-box-vertical-align-wrapper, .shg-box-vertical-center-wrapper { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; }.shg-box-vertical-align-top { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; }.shg-box-vertical-align-center, .shg-box-vertical-center { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; }.shg-box-vertical-align-bottom { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; }.shg-box-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; pointer-events: none; }.shg-box-video-wrapper { /* It's very important we don't create a new containing block for shg-box-video-wrapper Jarallax uses transforms + position: fixed to achieve it's parallaxing effect https://developer.mozilla.org/en-US/docs/Web/CSS/position position: fixed The element is removed from the normal document flow, and no space is created for the element in the page layout. It is positioned relative to the initial containing block established by the viewport, except when one of its ancestors has a transform, perspective, or filter property set to something other than none (see the CSS Transforms Spec), or the will-change property is set to transform, in which case that ancestor behaves as the containing block. */ position: absolute; top: 0; left: 0; right: 0; bot