.pp_pn {
background: #e0897d;
text-align: center;
font-size: 10px;
padding: 3px;
margin-top: 10px;
}

.pp_box {
width: 315px;
margin: 10px auto;
background: #e5e3e0;
    text-transform:uppercase;
    padding:10px;
}

.pp_ue {
float: left;
font-size: 30px;
text-transform: uppercase;
font-family: Playfair Display;
width: 350px;
}

.pp_pic {
    float: left;
    margin-right: 10px;
}

.pp_fact {
float: left;
width: 350px;
letter-spacing: 1px;
    margin-bottom:10px;
    font-size:10px;
}

.pp_fact1 {
    margin-top: 5px;
text-align: center;
        font-size:10px;
}

.pp_descr {
text-transform: none;
font-size: 12px;
text-align: justify;
height: 100px;
overflow: auto;
}
		
		
		.plotbox {
    padding: 10px;
    border: 1px solid #1d1d1c !important;
    background: #31302f !important;
    height: 100px;
    overflow: auto;
    font-size: 10px;
}
		.pbut {
    padding: 10px;
    border: 1px solid #262524 !important;
    min-width: 100px;
    font-size: 10px;
    background: #31302f !important;
}
		.pbox {
    padding: 10px;
    border: 1px solid #d7d5d2!important;
    height: 120px;
    overflow: auto;
    font-size: 10px;
    background: #e5e3e0!important;
}
	
.pbox {padding: 10px;border: 1px solid #2c2b2c;height: 120px;overflow: auto;font-size: 10px;background: #2c2b2c;}

.pbut {padding: 10px;border: 1px solid #2c2b2c;min-width:100px;font-size: 10px;background: #e5e3e0"!important";}
	
.plotbox {padding: 10px;border: 1px solid #2c2b2c;background: #2c2b2c;height: 100px;overflow: auto;font-size: 10px;}



.pp::-webkit-scrollbar {
width:3px;border-radius:5px;
}

.pp::-webkit-scrollbar-track-piece {
background-color:#efefef;}

.pp::-webkit-scrollbar-thumb:vertical {
height:3px;
background-color:#ddd;}


.dicepop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: hsla(0, 0%, 0%, 0.5); z-index: 97; opacity:0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; pointer-events: none; } .dicepop:target { opacity:1; pointer-events: auto; } .dicepop > .pop { background: #eee; width: 600px;  height: 400px; overflow-y:auto; position: relative; margin: 10% auto; padding:0px; z-index: 99; } .closepop { position: absolute; right: -5px; top:-5px; width: 100%; height: 100%; z-index: 98; }
		
		
		