.pg_pcontent
{
	position: relative;
}

.overlayBack, .overlayBox
{
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0; right: 0;
    z-index: 9999999999;
    -webkit-transition: all .45s cubic-bezier(.23,1,.32,1);
    -moz-transition: all .45s cubic-bezier(.23,1,.32,1);
    -ms-transition: all .45s cubic-bezier(.23,1,.32,1);
    -o-transition: all .45s cubic-bezier(.23,1,.32,1);
    transition: all .45s cubic-bezier(.23,1,.32,1);
}
.overlayBack{ bottom: 0;background-color: rgba(251,251,251, 0.9)}
.ovBackHide{
display: none; opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.ovBackShow
{
display: block; opacity: 1;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.ovHide
{
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.ovShow
{
	opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.overlayBox
{

    margin-left: 3%;
    overflow-y: scroll;
    top: 10%;
    width: 95%;
}
.overlayBox ul {margin-left: 7% !important}

.overlayBox .inside {
position: relative; background-color: #fff;padding: 3%;    
border: 1px solid #ddd;
    margin-bottom: 12%;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075) }

#pgc_close
{
	position: absolute;
	cursor: pointer;
	right: 0.5%;
	top: 1%;
}

@media (max-width: 768px)
{
	.overlayBox {overflow-y: scroll;height: 100%;top: 3%; padding-bottom: 20%;}
	#pgc_close {position: initial;background-color: #eaeaea;padding: 3% 0; margin-bottom: 3%;}
	#pgc_close img {width: 30px !important;}
	.overlayBox {text-align: left !important}
}