body{position:relative; overflow-x:hidden;}
.site-notification {position: fixed;background-color: #fff;box-shadow: 0 0 15px rgba(0,0,0,0.20) inset;border: 1px solid #c5c5c5;right: 0;bottom: 0;z-index: 999999;padding: 12px;width: 400px; opacity: 0; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.site-notification::after {content: "";display: table;table-layout: fixed;clear:both;}
.site-notification .notification-img {float: left;width: 90px;text-align: center;}
.site-notification img {vertical-align: top;max-width: 100%;}
.site-notification .notification-content {float: right;width: calc(100% - 100px);font-size: 12px;line-height: 15px;color:#524f4f;}
.site-notification.no-icon .notification-content{width: 100%}
.site-notification .notification-content h5 {font-size: 14px;margin: 0 0 8px 0;padding: 0;color:#424141;}
.site-notification .notification-content p {margin: 8px 0;padding: 0;}
.site-notification a, .site-notification a:visited{color: #8f8f8f;display: block;}
.site-notification a:hover {color: #636363;}
.site-notification .close-notification { cursor: pointer; position: absolute; right: 0px; top: 6px; width: 32px; height: 15px; opacity: 0.3;}
.site-notification .close-notification:hover {opacity: 1;}
.site-notification .close-notification:before, .site-notification .close-notification:after {position: absolute; left: 15px;content: ' '; height: 17px; width: 2px; background-color: #333;}
.site-notification .close-notification:before {transform: rotate(45deg);}
.site-notification .close-notification:after {transform: rotate(-45deg);}