/* Background */
.wbxModal {
  display: none; 
  position: fixed; 
  z-index: 9999999; 
	top: 0;
  left: 0;
  width: 100%; 
  height: 100%;
  overflow: hidden; 
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Content */
.wbxModal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border-radius: 8px;
  width: calc(90% - 48px);
  height: 100%;
  margin-top: 24px;
  overflow: auto;
  position: absolute;
  top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  overflow-y: hidden;
}

.wbxModal-content iframe {
  height: auto
}

/* Close Button */
.wbxModal-close {
  color: #202022;
  position: fixed;
  right: calc(5% + 12px );
  top: 12px;
  font-size: 28px;
  padding: 0;
  font-family: sans-serif;
  font-weight: 100;
  background: #fff;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  z-index: 999;
  line-height: 1;
  text-align: center;
  transition: .3s all ease;

}

.wbxModal-close:after {
  content: '\00D7'
}

.wbxModal-close:hover,
.wbxModal-close:focus {
  text-decoration: none;
  cursor: pointer;
  width: 36px;
  height: 36px;
}

/* Mobile */
@media screen and (max-width: 767px) {
  .wbxModal-content {
    width: calc(100% - 32px);
    margin-top: 16px;
  }
  .wbxModal-close {
    right: 4px;
    top: 4px;
  }
  .wbxModal-close:hover,
  .wbxModal-close:focus {
    right: 3px;
    top: 3px;
  }
}