.rzd-modal{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  text-align:left;
  background:rgba(0,0,0,.8);
  transition:opacity .25s ease;
  overflow-y:auto

}
.rzd-modal__bg{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  cursor:pointer
}
.rzd-modal{
  z-index:9999;
  opacity:1;
  visibility:hiden;
}
.rzd-modal__inner{
  transition:top .25s ease;
  position:absolute;
  top:40px;
  right:0;
  left:0;
  margin:auto;
  background-color:#fff;
  border-radius:5px;
  max-width:1020px;
  width:100%;
  height:calc(100vh - 100px);
}
.rzd-modal__close{
  position:absolute;
  top:0;
  right:0;
  display:block;
   height:24px;
  width:40px;
  line-height:24px;
  text-align:center;
  font-size:20px;
  margin:0;
  background:rgba(0,0,0,.75);
  color:#fff!important;
  padding:0;
  border-radius:0 0 0 3px;
  border:none;
  cursor:pointer;
  z-index:1060
}
.rzd-modal__close span{
  color:#fff!important
}
.rzd-modal__loader{
  display:inline-block;
  position:relative;
  top:50%;
  left:50%;
  width:64px;
  height:64px
}
.rzd-modal__loader div{
  box-sizing:border-box;
  display:block;
  position:absolute;
  width:51px;
  height:51px;
  margin:6px;
  border:6px solid #fff;
  border-radius:50%;
  animation:rzd-loader 1.2s cubic-bezier(.5,0,.5,1) infinite;
  border-color:#fff transparent transparent
}
.rzd-modal__loader div:nth-child(1){
  animation-delay:-.45s
}
.rzd-modal__loader div:nth-child(2){
  animation-delay:-.3s
}
.rzd-modal__loader div:nth-child(3){
  animation-delay:-.15s
}
@keyframes rzd-loader{
  0%{
      transform:rotate(0)
  }
  100%{
      transform:rotate(360deg)
  }
}
@media screen and (max-width:768px){
  .rzd-modal__inner{
      width:90%;
      height:90%;
      box-sizing:border-box;
  }
}