.PP-popup,
.PP-popup-cover,
.PP-popup-w {
    display: none;
}

.PP-popup-w {
    position: fixed;
    left: 0; top: 0; right: 0; bottom: 0;
    z-index: 10000;

}

.PP-popup-cover {
    position: absolute;
    left: 0; top: 0; right: 0; bottom: 0;
    background-color: rgba(17, 56, 107 ,.58);
}

.PP-popup {
    position: relative;
    background-color: white;
    padding: 33px;
    -moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;    display: table;
    margin: 0 auto;
    margin-top: 7vh;
}


.PP-popup-cmd {
    position: absolute;
    right: 15px;
    top: 15px;
    padding: 4px;
    cursor: pointer;
    z-index: 500;
}

.PP-popup-cmd-icon {
    -webkit-transition: color: $tr;
-moz-transition: color: $tr;
-ms-transition: color: $tr;
-o-transition: color: $tr;
transition: color: $tr;
}

.PP-popup-cmd-icon:hover {
    color: #e81f28
}


.PP-popup-cmd * {
    font-size: 33px;
}

.PP-popup-counter * {
    font-size: 25px;
}

.PP-popup-counter {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 80%;
}

.PP-popup-counter > SPAN {
    display: block;
    position: absolute;
    left: 0; top: 0; right: 0; bottom: 0;
    text-align: center;
}

.PP-popup-pause {
    display: none;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: 150%;
}

.PP-popup-img {
    display: table;
}


.PP-popup-img IMG {

    max-width: 80vw;
    max-height: 80vh;
}