@keyframes pp_left {
  0% {
    transform: translateX(93%);
  }
/*
  97% {
    transform: translateX(0);
  }
  */
}
.pp_5 {
  display: none;
  position: fixed;
  bottom: 85px;
  z-index: 10;
  right: 2%;
  background-image: url("/img/11.11.2025.webp");
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #ffef01;				
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.4);
          -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.4);
          box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.4);
          border:#ccc solid 1px;	
  border-radius: 10px;
  font-size: 1.3em;
  padding: 1.2em .6em .6em 6.5em;
  animation: 1s ease-out 0s 1 pp_left;
}
.pp_5 .p_close {
         position: absolute;
   display: inline-block;
   left: 81%;
   top:-.6em;
   border-radius: 50%;
   color:#ccc;
   background: #fff;
   padding: .1em;			   
   font-weight: bold;
   font-size: 1.9em;
   cursor: pointer;
}
.pp_5 .p_close:hover{color:#666;}
.pp_5 a{text-decoration: none; color:#31287f; line-height: 1.5em;}
.pp_5 a span{display: block; border-radius:5px; margin-top: .5em; background: #31287f; color: #fff; text-shadow: 1px 1px 0px rgba(0,0,0,.6); padding: .5em 0; text-align: center;}