/*
* iziModal | v1.6.0
* http://izimodal.marcelodolce.com
* by Marcelo Dolce.
*/
.iziModal {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  transition:
    margin-top 0.3s ease,
    height 0.3s ease;
  transform: translateZ(0);
  box-sizing: border-box;
}
.iziModal * {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}
.iziModal::after {
  content: "";
  width: 100%;
  height: 0;
  opacity: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.35) 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, transparent),
    color-stop(100%, rgba(0, 0, 0, 0.35))
  );
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.35) 100%);
  background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.35) 100%);
  background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.35) 100%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.35) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#59000000',GradientType=0 );
  transition:
    height 0.3s ease-in-out,
    opacity 0.3s ease-in-out;
  pointer-events: none;
}


.iziModal .iziModal-content:after,
.iziModal .iziModal-content:before {
  content: "";
  display: table;
}
.iziModal .iziModal-content:after {
  clear: both;
}
.iziModal .iziModal-content {
  zoom: 1;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}
.iziModal .iziModal-wrap {
  width: 100%;
  position: relative;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.iziModal-overlay {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.iziModal.transitionIn .iziModal-wrap {
  -webkit-animation: iziM-fadeIn 1.3s;
  -moz-animation: iziM-fadeIn 1.3s;
  animation: iziM-fadeIn 1.3s;
}
.iziModal-overlay.comingIn,
.iziModal.comingIn {
  -webkit-animation: iziM-comingIn 0.5s ease;
  -moz-animation: iziM-comingIn 0.5s ease;
  animation: iziM-comingIn 0.5s ease;
}
.iziModal-overlay.comingOut,
.iziModal.comingOut {
  -webkit-animation: iziM-comingOut 0.5s cubic-bezier(0.16, 0.81, 0.32, 1);
  -moz-animation: iziM-comingOut 0.5s cubic-bezier(0.16, 0.81, 0.32, 1);
  animation: iziM-comingOut 0.5s cubic-bezier(0.16, 0.81, 0.32, 1);
  animation-fill-mode: forwards;
}
@-webkit-keyframes iziM-comingIn {
  0% {
    opacity: 0;
    transform: scale(0.9) translateY(-20px) perspective(600px) rotateX(10deg);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0) perspective(600px) rotateX(0);
  }
}
@-moz-keyframes iziM-comingIn {
  0% {
    opacity: 0;
    transform: scale(0.9) translateY(-20px) perspective(600px) rotateX(10deg);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0) perspective(600px) rotateX(0);
  }
}
@keyframes iziM-comingIn {
  0% {
    opacity: 0;
    transform: scale(0.9) translateY(-20px) perspective(600px) rotateX(10deg);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0) perspective(600px) rotateX(0);
  }
}
@-webkit-keyframes iziM-comingOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.9);
  }
}
@-moz-keyframes iziM-comingOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.9);
  }
}
@keyframes iziM-comingOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.9);
  }
}