
.Pp[uid*="gallery-"] .Pp-content {
    padding: 10px; 
        -moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;}

.Pp-gallery {
    position: relative;
    }

.Pp-gallery-image {
    width: 92vw;
    height: 92vh;
    /*min-width: 30vw;*/
    /*min-height: 30vh;*/

    max-width: 1500px;
    max-height: 1500px;

    -webkit-transition: ;
-moz-transition: ;
-ms-transition: ;
-o-transition: ;
transition: ;
}

.Pp-gallery-image IMG {
    max-width: 90vw;
    max-height: 90vh;
    display: block;
    margin: 0 auto;

    -webkit-transition: opacity .3s ease;
-moz-transition: opacity .3s ease;
-ms-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
}

.Pp-gallery-image.-load {
    position: relative; z-index: 10;
    -webkit-transition: opacity .3s ease;
-moz-transition: opacity .3s ease;
-ms-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
}
.Pp-gallery-image.-load IMG {
    opacity: .5;
}

.Pp-gallery-image.-load:before {
    content: '';
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background-color: #2c9eff;
    opacity: .3;
}
.Pp-gallery-image.-load:after {
    content: '\231B';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}



.Pp-gallery-arrow {
    cursor: pointer;
    position: absolute; z-index: 20;
    width: 8vw;
    min-width: 60px;
    top: 0; bottom: 0;
    -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;     opacity: .7;
    -webkit-transition: left .3s ease, right .3s ease, width .3s ease, height .3s ease;
-moz-transition: left .3s ease, right .3s ease, width .3s ease, height .3s ease;
-ms-transition: left .3s ease, right .3s ease, width .3s ease, height .3s ease;
-o-transition: left .3s ease, right .3s ease, width .3s ease, height .3s ease;
transition: left .3s ease, right .3s ease, width .3s ease, height .3s ease;
}

.Pp-gallery-arrow.-left {
    left: 0;
}
.Pp-gallery-arrow.-left .arrow {
    left: 10px;
}
.Pp-gallery-arrow.-right {
    right: 0;
}
.Pp-gallery-arrow.-right .arrow {
    right: 10px;
}


@media (max-width: 667px) {
    .Pp-gallery-image {
        width: 84vw;
        height: 92vh;
    }

    .Pp-gallery-arrow.-left .arrow {
        left: 0px;
    }
    .Pp-gallery-arrow.-right .arrow {
        right: 0px;
    }
}
