/* Modaal base styles required by assets/js/vendor/modaal.min.js */
.modaal-noscroll {
  overflow: hidden;
}

.modaal-accessible-hide {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.modaal-overlay {
  position: fixed;
  z-index: 10000;
  inset: 0;
  width: 100%;
  height: 100%;
}

.modaal-wrapper {
  position: fixed;
  z-index: 10001;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
}

.modaal-wrapper * {
  box-sizing: border-box;
}

.modaal-outer-wrapper {
  display: table;
  width: 100%;
  height: 100%;
}

.modaal-inner-wrapper {
  display: table-cell;
  width: 100%;
  height: 100%;
  padding: 60px 20px;
  text-align: center;
  vertical-align: middle;
}

.modaal-container {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  text-align: left;
  color: #000;
  background: transparent;
  cursor: auto;
}

.modaal-content {
  position: relative;
  width: 100%;
}

.modaal-content-container {
  width: 100%;
}

.modaal-start_none {
  display: none;
}

.modaal-start_fade {
  opacity: 0;
}

@media screen and (max-width: 767px) {
  .modaal-inner-wrapper {
    padding: 40px 16px;
  }
}