/* Hide scroll bar */
html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */
.remodal-overlay {
    position: fixed;
    z-index: 999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    background: rgba(0, 0, 0, 0.6);
}
/* Necessary styles of the wrapper */
.remodal-wrapper {
    position: fixed;
    z-index: 1000;
    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 {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */
.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}


/* ==========================================================================
   remodal-default-theme
========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

/* Default theme styles of the overlay */
.remodal-overlay.remodal-is-opening {
    -webkit-animation: mmfadeIn 0.8s cubic-bezier(0.34, 0.07, 0.095, 0.995);
    animation: mmfadeIn 0.8s cubic-bezier(0.34, 0.07, 0.095, 0.995);
}
.remodal-overlay.remodal-is-closing {
    -webkit-animation: mmfadeOut 0.8s cubic-bezier(0.34, 0.07, 0.095, 0.995);
    animation: mmfadeOut 0.8s cubic-bezier(0.34, 0.07, 0.095, 0.995);
}
/* Default theme styles of the wrapper */
.remodal-wrapper {
  padding: 10px 10px 0;
}
.remodal {
    box-sizing: border-box;
    width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #000;
    background: #000;
}
.remodal.remodal-is-opening {
    -webkit-animation: mmslideIn 0.8s cubic-bezier(0.34, 0.07, 0.095, 0.995);
    animation: mmslideIn 0.8s cubic-bezier(0.34, 0.07, 0.095, 0.995);
}

.remodal.remodal-is-closing {
    -webkit-animation: mmslideOut 0.8s cubic-bezier(0.34, 0.07, 0.095, 0.995);
    animation: mmslideOut 0.8s cubic-bezier(0.34, 0.07, 0.095, 0.995);
}
/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}
/* Keyframes
   ========================================================================== */
@-webkit-keyframes mmslideIn {
  from {transform: translateY(15%);opacity: 0;}
  to {transform: translateY(0);opacity: 1;}
}
@keyframes mmslideIn {
  from {transform: translateY(15%);opacity: 0;}
  to {transform: translateY(0);opacity: 1;}
}
@-webkit-keyframes mmslideOut {
    from {transform: translateY(0); opacity: 1;}
    to {transform: translateY(-15%); opacity: 0;}
}
@keyframes mmslideOut {
  from {transform: translateY(0); opacity: 1;}
  to {transform: translateY(-15%); opacity: 0;}
}

@-webkit-keyframes mmfadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes mmfadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}
@-webkit-keyframes mmfadeOut {
    from {opacity: 1;}
    to {opacity: 0;}
}
@keyframes mmfadeOut {
    from {opacity: 1;}
    to {opacity: 0;}
}

/* ====Media queries====*/
@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px;
  }
}
/* ====IE8====*/
.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}
.lt-ie9 .remodal {
  width: 700px;
}

/* ========================================================================== */
.remodal.YouTube {
    position: relative;
}
.modalMovie {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.modalMovie iframe, .modalMovie object, .modalMovie embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.modalClose::before {
    position: absolute;
    top: -30px;
    right: 0;
    content: "\2715";
    color: #FFF;
    font-size: 25px;
    background-color: transparent;
    cursor: pointer;
}