/**
 * Simple JS Modal
 * @ee : https://codepen.io/KanatSahanov/pen/raGXXa
 */
.pdm-modal{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  width:  100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  transition:visibility 0s linear 0.1s,opacity 0.3s ease;
}

.pdm-modal.open{
  visibility:visible;
  opacity: 1;
  transition-delay:0s;
}

.pdm-modal__overlay{
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 21;
  background-color: rgba(0,0,0,0.7);
}

.pdm-modal__close{
  position: absolute;
  top: 10px;
  right: 10px;
  border: none;
  outline: none;
  background: none;
  font-size: 24px;
  color: #747474;
  font-weight: bold;
}
  
.pdm-modal__close:hover{
  color: #000;
}

.pdm-modal__container{
  position: relative;
  z-index: 22;
  /*width: 400px;*/
  max-width: 95%;
  /*height: 200px;*/
  max-height: 95%;
  top: 50%;
  transform: translateY(-50%);
  box-shadow:  0 0 10px #fff;
  margin: 0 auto;
  padding: 60px;
  background-color: #fff;
  text-align: center;
}