.modal-outer{background-color:rgba(0,0,0,.75);display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;overflow-y:auto;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;bottom:0;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;visibility:hidden;z-index:-1000}.modal-outer.visible{opacity:1;visibility:visible;z-index:10000}.modal{background:0f0f1a;border-radius:10px;margin:20px;max-width:500px;opacity:0;padding:40px;position:relative;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;visibility:hidden}.modal.form,.modal.video{max-width:700px;padding:30px;width:100%}.visible .modal{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all .3s ease,opacity .1s ease;transition:all .3s ease,opacity .1s ease;visibility:visible}.modal #close{background-color:var(--primary_color);border-radius:50%;height:36px;position:absolute;right:-1%;top:-3%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:36px}.modal #close:focus{border:1px dashed teal}.modal #close:hover{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.modal #close:after,.modal #close:before{background-color:#ccc;content:"";height:20px;position:absolute;width:1px}.modal #close:before{left:47%;top:20%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.modal #close:after{left:47%;top:20%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.modal iframe,.modal video{height:100%;left:0;position:absolute;top:0;width:100%}.modal-outer .modal{background:#fff}.modal-outer input,.modal-outer textarea{width:100%!important}