﻿#divPoGame img {
    display: block;
    margin: 0 auto;
    max-width: 340px;
}

.ic-close {
     position: absolute;
     right: 0px;
     top: 15px;
     font-size: 18px;
     font-style: normal;
     width: 28px;
     height: 28px;
     background-color: #fdf09e;
     display: flex;
     justify-content: center;
     align-items: center;
     font-weight: bold;
     border-radius: 50%;
     color: #88471a;
     cursor: pointer
}
     .ic-close::after { content: 'X';}

#modalPoGame .ic-close { width:40px; height:40px; font-size:24px; top:-5px; right:-5px; box-shadow:0px 0px 10px #feefa2, 0px 0px 10px #feefa2, 0px 0px 10px #feefa2 }

#divPoGame { text-align:center; cursor:pointer }
.pogame-wrapper { display:inline-block; position:relative }

#modalPoGame {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    z-index:99999;
    display:none
}

#modalPoGame .divPrize {
     width: 168px;
     height:76px;
     display:flex;
     justify-content:center;
     align-items:center;
     text-align: center;
     position: absolute;
     top: 35px;
     font-size: 38px;
     left: 52px;
     font-weight: bold;
     letter-spacing: -1px;
     color:#7c340d;
     /*text-shadow:2px 2px 1px #981701, 2px 2px 1px #981701, 3px 3px 1px #981701, 3px 3px 1px #981701, 3px 4px 1px #981701, 3px 4px 1px #981701, 0px 0px 4px #981701, 0px 0px 4px #981701, 0px 0px 4px #981701;
      animation-iteration-count:infinite; animation-name:prizeani; animation-direction:normal; animation-duration: 1.3s; transition: unset;*/
}

.lefttoright {
    bottom: 15%;
    position: absolute;
    -webkit-animation: linear infinite;
    -webkit-animation-name: runltr;
    -webkit-animation-duration: 15s;
}

@-webkit-keyframes runltr {
    0% {
        left: 5%;
    }

    50% {
        left: 90%;
    }

    100% {
        left: 5%;
    }
}

@keyframes prizeani{
    0%{transform:scale(1); filter:brightness(100%)}
    50%{transform:scale(1.05); filter:brightness(140%)}
    100%{transform:scale(1); filter:brightness(100%)}
}


.uptodown {
    bottom: 15%;
    position: absolute;
    -webkit-animation: linear infinite;
    -webkit-animation-name: runutd;
    -webkit-animation-duration: 17s;
}

@-webkit-keyframes runutd {
    0% {
        top: 10%;
    }

    50% {
        top: 80%;
    }

    100% {
        top: 10%;
    }
}
