:root{--notifybgcolor:#2b0060;--notifyTextColor:#fff;--notifyLinkColor:#fff}
.notificationPopup{position:fixed;top:-1500px;right:50px;z-index:999999999998;transform:translate(0,0);background:var(--notifybgcolor);padding:30px;border-radius:5px;color:var(--notifyTextColor);display:block;opacity:0;transition:opacity .5s 1s ease-in-out;max-width:530px;width:100%}
.notificationPopup.active{top:50px;opacity:1}
.notificationPopup.topLeft{left:50px;top:50px;right:unset}
.notificationPopup.bottomLeft{left:50px;bottom:50px;top:unset;right:unset}
.notificationPopup.bottomRight{left:unset;top:unset;bottom:50px;right:50px}
.notificationPopup .title{font-family:var(--pnsb);font-size:25px;color:var(--notifyTextColor)}
.notificationPopup .desc{font-family:var(--pnr);font-size:18px;color:var(--notifyTextColor)}
.notificationPopup .desc a{text-decoration:underline;font-size:16px;font-family:var(--pnsb);color:var(--notifyLinkColor)}
.notifyClose{position:absolute;top:10px;right:10px;width:20px;height:20px;cursor:pointer}
.notifyClose span{width:100%;height:100%;position:relative;display:block}
.notifyClose span:after,.notifyClose span:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background:var(--notifyTextColor);width:100%;height:1px;content:"";display:block}
.notifyClose span:before{transform:translate(-50%,-50%) rotate(-45deg)}
@media only screen and (max-width:768px){.notificationPopup.active,.notificationPopup.topLeft{max-width:calc(100% - 20px);right:10px;top:10px;left:unset}
.notificationPopup.bottomRight,.notificationPopup.bottomLeft{bottom:10px;top:unset;right:10px;left:unset}
}
.tabletDown,.mobileOnly{display:none !important}
@media only screen and (max-width:1200px){.tabletDown{display:block !important}
}
@media only screen and (max-width:768px){.mobileOnly{display:block !important}
}