.bckg-in-anim{-webkit-animation-name:background-in;animation-name:background-in;-webkit-animation-duration:600ms;animation-duration:600ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0;animation-delay:0}.bckg-out-anim{-webkit-animation-name:background-out;animation-name:background-out;-webkit-animation-duration:700ms;animation-duration:700ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0;animation-delay:0}.ad-in-anim{-webkit-animation-name:ad-in;animation-name:ad-in;-webkit-animation-duration:800ms;animation-duration:800ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.ad-out-anim{-webkit-animation-name:ad-out;animation-name:ad-out;-webkit-animation-duration:700ms;animation-duration:700ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0;animation-delay:0}@-webkit-keyframes background-in{from{opacity:0}to{opacity:0.7}}@keyframes background-in{from{opacity:0}to{opacity:0.7}}@-webkit-keyframes background-out{from{opacity:0.7}to{opacity:0}}@keyframes background-out{from{opacity:0.7}to{opacity:0}}@-webkit-keyframes ad-in{0%{opacity:0;-webkit-transform:scale(0.5) translate(-50%, -30%);transform:scale(0.5) translate(-50%, -30%)}40%{opacity:0.5;-webkit-transform:scale(0.5) translate(-50%, -50%);transform:scale(0.5) translate(-50%, -50%)}50%{opacity:0.5;-webkit-transform:scale(0.5) translate(-50%, -50%);transform:scale(0.5) translate(-50%, -50%)}100%{opacity:1;-webkit-transform:scale(1) translate(-50%, -50%);transform:scale(1) translate(-50%, -50%)}}@keyframes ad-in{0%{opacity:0;-webkit-transform:scale(0.5) translate(-50%, -30%);transform:scale(0.5) translate(-50%, -30%)}40%{opacity:0.5;-webkit-transform:scale(0.5) translate(-50%, -50%);transform:scale(0.5) translate(-50%, -50%)}50%{opacity:0.5;-webkit-transform:scale(0.5) translate(-50%, -50%);transform:scale(0.5) translate(-50%, -50%)}100%{opacity:1;-webkit-transform:scale(1) translate(-50%, -50%);transform:scale(1) translate(-50%, -50%)}}@-webkit-keyframes ad-out{from{opacity:1;-webkit-transform:scale(1) translate(-50%, -50%);transform:scale(1) translate(-50%, -50%)}to{opacity:0;-webkit-transform:scale(1) translate(-50%, -70%);transform:scale(1) translate(-50%, -70%)}}@keyframes ad-out{from{opacity:1;-webkit-transform:scale(1) translate(-50%, -50%);transform:scale(1) translate(-50%, -50%)}to{opacity:0;-webkit-transform:scale(1) translate(-50%, -70%);transform:scale(1) translate(-50%, -70%)}}.ad-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#08193a;z-index:999;opacity:0.7}.ad-background.show{opacity:0.7}.ad-holder{position:fixed;top:50%;left:50%;display:block;width:300px;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:9999}.ad-holder .close-btn{display:block;position:absolute;top:-20px;right:-20px;width:40px;height:40px;background-color:#000;border-radius:50%}.ad-holder .close-btn svg{width:40px;fill:#fff;margin:7px auto}.ad-holder a .add-img{width:100%;border:solid 2px #fff}.ad-holder .ad-btns-holder{display:block;text-align:center}.ad-holder .ad-btns-holder button{border-radius:5px;background-color:#2196f3;color:#fff;font-size:13px;display:inline-block;margin:5px 3px;padding:10px 3px;font-weight:bold;width:143px;border:none;text-align:center}.ad-holder .ad-btns-holder button.danger{background-color:#f44336}.ad-holder.show{opacity:1;-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1)}.ad-holder.showing{opacity:1;-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1)}