/*-----------------------------------------------------------------------------
 *  campaignModal.css     May 29, 2018
 -----------------------------------------------------------------------------*/
#modal-container{
  display:none;
  position:fixed;
  top:0;
  left:0;
  z-index:10000;
  width:100%;
  height:100%;
  transition: .34s opacity cubic-bezier(0.23, 1, 0.32, 1);
}
.modal{
  position:fixed;
  top:50%;
  left:50%;
  z-index:10000;
  box-sizing:border-box;
  background:#fff;
  box-shadow:0 1px 3px 0 rgba(33,33,32,0.88);
  background:#212120;
  line-height:0;
  -webkit-transform:translate(-50%, -50%) matrix(1, 0, 0, 1, 0, 0);
  transform:translate(-50%, -50%) matrix(1, 0, 0, 1, 0, 0);
}
.btn-close-modal{
  overflow:hidden;
  text-indent:100%;
  white-space:nowrap;
  position:fixed;
  top:24px;
  right:24px;
  z-index:1;
  width:32px;
  height:32px;
  cursor:pointer;
  -webkit-transition:all .2s;
  transition:all .2s;
  z-index:10000;
}
.btn-close-modal:before,
.btn-close-modal:after{
  content:'';
  position:absolute;
  left:-5px;
  top:15px;
  width:42px;
  height:1px;
  background:#dcd7d7;
  transition: .34s background cubic-bezier(0.23, 1, 0.32, 1);
  z-index:1;
}
.btn-close-modal:before{
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}
.btn-close-modal:after{
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
}
.btn-close-modal:hover:before,
.btn-close-modal:hover:after{
  background:#a2a2a2;
}
.mask{
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  width:100%;
  height:100%;
  background:rgba(0, 0, 0, .88);
}

/* style for responsive */

@media screen and (max-width:768px){
  #modal-container.is-responsive .modal-movie{
    width:100%;
    max-width:320px;
    height:auto;
    padding-top:180px;
    box-sizing:border-box;
  }
  #modal-container.is-responsive .modal-movie iframe{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
  }
}
@media screen and (max-width:320px){
  #modal-container.is-responsive .modal-movie{
    max-width:100%;
    padding-top:56.25%;
  }
}