/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
  overflow: hidden;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
  position: fixed;
  z-index: 1000000;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;

  display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
  position: fixed;
  z-index: 1000001;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: none;
  overflow: auto;

  text-align: center;

  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;

  height: 100%;
  margin-left: -0.05em;

  content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
  position: relative;

  outline: none;

  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}













.remodal, .remodal-wrapper:after {
    vertical-align: middle !important;
}
.remodal-wrapper {
  padding: 0 !important;
  overflow-y: scroll;
}
.remodal-overlay {
  background: rgba(255,255,255,0.9) !important;
}
.remodalClose img {
  /* position: absolute;
  top: 60px;
  right: 10px;
  width: 45px;
  height: 45px; */
  width: 30px;
  height: 30px;
  margin: 0 auto;
}
.remodalNext {
  position: absolute;
  top: 480px;
  right: 10px;
  width: 45px;
  height: 45px;
}
.remodalPrev {
  position: absolute;
  top: 480px;
  left: 10px;
  width: 45px;
  height: 45px;
}
.remodalOnly {
  display: none;
}
.remodal-wrapper .remodalOnly {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .remodalClose {
    top: 110px;
  }
}
@media screen and (max-width: 480px) {
  .remodalClose, .remodalNext, .remodalPrev {
    width: 30px;
    height: 30px;
  }
}

@media print{
  .remodal-overlay {
    background: rgba(255, 255, 255, 1) !important;
  }
}
