.wrap, .wrap2, .wrap3, .wrap4, .wrap5, .wrap6, .wrap7, .wrap8, .wrap9, .wrap10, .wrap11, .wrap12, .wrap13, .wrap14 {
  z-index: 91;
  position: relative;
}
.open, .open2, .open3, .open4, .open5, .open6, .open7, .open8, .open9, .open10, .open11, .open12, .open13, .open14 {
  z-index: 92;
  height: 27px;
  width: 27px;
  background: url("zoom.png") no-repeat center 0;
  background-size: 26px;
  border: 1px solid #949494;
  cursor: pointer;
  position: absolute;
  top: -28px;
  right: 14px;
  margin: auto;
}
@media only screen and (max-width: 380px) {
  .open, .open2, .open3, .open4, .open5, .open6, .open7, .open8, .open9, .open10, .open11, .open12, .open13, .open14 {
    height: 26px;
    width: 26px;
    background-size: 24px;
    top: -26px;
  }
}
@media only screen and (max-width: 358px) {
  .open, .open2, .open3, .open4, .open5, .open6, .open7, .open8, .open9, .open10, .open11, .open12, .open13, .open14 {
    height: 24px;
    width: 24px;
    background-size: 22px;
    top: -25px;
  }
}
@media only screen and (max-width: 266px) {
  .open, .open2, .open3, .open4, .open5, .open6, .open7, .open8, .open9, .open10, .open11, .open12, .open13, .open14 {
    right: 5px;
  }
}
@media only screen and (max-width: 256px) {
  .open, .open2, .open3, .open4, .open5, .open6, .open7, .open8, .open9, .open10, .open11, .open12, .open13, .open14 {
    height: 22px;
    width: 22px;
    background-size: 20px;
    top: -23px;
  }
}
.open:hover, .open2:hover, .open3:hover, .open4:hover, .open5:hover, .open6:hover, .open7:hover, .open8:hover, .open9:hover, .open10:hover, .open11:hover, .open12:hover, .open13:hover, .open14:hover {
  background: url("zoom.png") no-repeat center -27px;
  background-size: 27px;
  border: 1px solid #fff;
}
.wrap.active, .wrap2.active, .wrap3.active, .wrap4.active, .wrap5.active, .wrap6.active, .wrap7.active, .wrap8.active, .wrap9.active, .wrap10.active, .wrap11.active, .wrap12.active, .wrap13.active, .wrap14.active {
  z-index: 1403;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-height: 100%;
  height: 100%;
  animation: zoomIn;
  animation-duration: 0.3s;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
.open.active, .open2.active, .open3.active, .open4.active, .open5.active, .open6.active, .open7.active, .open8.active, .open9.active, .open10.active, .open11.active, .open12.active, .open13.active, .open14.active {
  z-index: 1404;
  background: url("zoom.png") no-repeat center -54px;
  background-size: 27px;
  top: 10px;
  right: 24px;
}
.open.active:hover, .open2.active:hover, .open3.active:hover, .open4.active:hover, .open5.active:hover, .open6.active:hover, .open7.active:hover, .open8.active:hover, .open9.active:hover, .open10.active:hover, .open11.active:hover, .open12.active:hover, .open13.active:hover, .open14.active:hover {
  background: url("zoom.png") no-repeat center -81px;
  background-size: 27px;
}
.size.active, .size2.active, .size3.active, .size4.active, .size5.active, .size6.active, .size7.active, .size8.active, .size9.active, .size10.active, .size11.active, .size12.active, .size13.active, .size14.active {
  width: 100%;
  max-height: 100%;
  height: 100%;
  border: none !important;
}
body.active {
  overflow: hidden !important;
}