.modal,.modal>.bg{left:0;width:100%;top:0}#site.modal-open{position:fixed;width:100%;overflow:hidden}.modal{contain:layout paint style;display:none;position:absolute;z-index:10000;min-height:100%;text-align:center;opacity:0;pointer-events:none}.modal.open{display:flex;justify-content:center;transition:opacity .3s linear;opacity:1;pointer-events:auto}.modal>.bg{position:fixed;z-index:0;height:100%;background-color:rgba(0,0,0,.8)}.modal>.content-wrap{display:flex;position:relative;align-self:center;width:95%;max-width:960px;margin:50px auto;color:#000}.modal>.content-wrap>.content{display:none}.modal>.content-wrap>.content.active{display:block;width:100%}.modal.scrolling{position:absolute;z-index:10000;height:auto}.modal.scrolling .content{top:0;transform:none;width:100%}.modal.scrolling .content.scrollable.active{position:relative;top:0;transform:translateY(0);margin:50px auto}.modal .btn-close{cursor:pointer;z-index:10;position:fixed;top:24px;right:24px;width:60px;height:60px;border-radius:50%;background-color:#ff0061;-ms-transition:transform .2s;-moz-transition:transform .2s;-webkit-transition:transform .2s;transition:transform .2s}.modal .btn-close:after,.modal .btn-close:before{content:" ";display:block;position:absolute;width:30px;margin-left:15px}.modal .btn-close:hover{-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}.modal .btn-close:after{border:solid #fff;border-width:3px 0 0;-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.modal .btn-close:before{border:solid #fff;border-width:3px 0 0;-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.modal>.content.video{width:80%;max-width:880px}.modal .video-content{position:relative}.modal .video-content .vid-wrapper{position:relative;width:100%;padding-bottom:56.2%;z-index:1;border-radius:0;border:none}.modal .video-content:after{content:"";position:absolute;background-size:100% 100%;width:120%;height:120%;left:-10%;top:-10%;z-index:1;pointer-events:none;opacity:.4}.modal .video-content .vid-wrapper nclood-video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}@media screen and (max-width:768px){.modal>.content.video{width:83%;max-width:600px}}@media only screen and (min-width :320px) and (max-width :800px) and (orientation :landscape){.modal>.content.video{max-width:70%}.modal>.content{top:calc(35% + 75px)}}