html, body, div,
a, img {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline; }

a {
  width: 300px;
  height: 600px;
  display: block;
  box-sizing: border-box;
  cursor: pointer;
  position: absolute; }

img {
  position: absolute; }

body, #container, .bg {
  overflow: hidden;
  width: 300px;
  height: 600px;
  background: transparent; }

body {
  background: transparent; }

#container {
  position: absolute;
  box-sizing: border-box;
  cursor: pointer;
  left: 0px;
  top: 0px;
  opacity: 0;
  visibility: hidden;
  width: 300px;
  height: 600px; }

.sprite, .sprite-jpg, .sprite-person {
  position: absolute;
  visibility: hidden;
  opacity: 0; }

.vis {
  visibility: inherit;
  opacity: 1; }

.rez-image {
  width: 300px;
  height: 600px;
  background-size: 300px 600px;
  position: absolute;
  left: 0px;
  top: 0px; }

.bg-shape {
  background-image: url(../images/bg-shape.png);
  width: 300px;
  height: 950px;
  background-size: 300px 950px;
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0.70; }

.bg-1 {
  background-image: url(../images/bg-1.jpg); }

.bg-2 {
  background-image: url(../images/bg-2.jpg); }

.bg-3 {
  background-image: url(../images/bg-3.jpg); }

.bg-4 {
  background-image: url(../images/bg-4.jpg); }

.border-fade {
  background-image: url(../images/border-fade.png); }

/*# sourceMappingURL=style.css.map */