.popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  z-index: 1050;
  overflow: auto;
  outline: 0;
  text-align: center;
  font-size: 0;
  transform: translate3d(0, 0, 0) ; background-color: #000; z-index: 99999999999999
}
.popup:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%
}
@media (max-width:767px) {
  .popup {
    padding: 20px 0
  }
}
.popup__container {
  display: inline-block;
  vertical-align: middle;
  position: relative
}
.popup.opened {
  opacity: 1;

  visibility: visible;background-color: rgba(0,0,0,0.81)
	
}
body.popup-opened {
  position: fixed; height: 100vh;
  top:100;
  left: 0;
  right: 0;

}


.popup__container {
  max-width: 1400px;
  color: #4d4d4d;
  font-family: Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px
}