.pi_gallery {position:relative; margin:0 auto 20px auto; overflow:hidden; border:0px solid #ddd; -webkit-tap-highlight-color: rgba(0,0,0,0);
-ms-user-select: none;
}
.pi_gallery.size1 {width:calc(100% - 20px); max-width:1050px;}

.pi_gallery img.blank {display:block; width:100%; opacity:0;}
.pi_gallery div.arrows {display:block; width:32px; height:32px; border-radius:32px; background:transparent; border:4px solid #999; position:absolute; top:50%; margin-top:-20px; cursor:pointer; z-index:100;}
.pi_gallery div.arrows::before {content:""; display:block; width:16px; height:4px; position:absolute; left:10px; bottom:10px; background:#999;}
.pi_gallery div.arrows::after {content:""; display:block; width:4px; height:16px; position:absolute; left:10px; bottom:10px; background:#999;}
.pi_gallery div.prev {left:10px; transform:rotate(45deg);}
.pi_gallery div.next {right:10px; transform:rotate(-135deg);}
.pi_gallery div.up {right:10px; top:10px; margin-top:auto; transform:rotate(-45deg); transition:0.5s;}
.pi_gallery div.up.uptext {transform:rotate(135deg);}

.pi_gallery .pi_gallery_container {position:absolute; left:0; top:0; white-space:nowrap; font-size: 0; cursor:ew-resize; cursor:grab; -webkit-cursor:grab; -moz-cursor:grab; touch-action: pan-y;}
.pi_gallery .pi_gallery_container div.slide {display:inline-block; position:relative;}
.pi_gallery .pi_gallery_container div.slide img.large {display:block; width:100%; padding:0; margin:0;}

.pi_gallery .pi_gallery_container div.slide div.textpanel {width:100%; height:auto; padding-bottom:10px; position:absolute; top:-100%; left:0; background:rgba(0,0,0,0.6); z-index:50;}
.pi_gallery .pi_gallery_container div.slide div.textpanel h4 {padding:0; margin:0; font:700 30px/50px 'Jaldi', sans-serif; color:#fff; text-align:center;}
.pi_gallery .pi_gallery_container div.slide div.textpanel p {padding:10px 50px; margin:0; font:400 20px/30px 'Jaldi', sans-serif; color:#ddd; text-align:left; margin:0; white-space:normal;}


@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 640px) {

}
@media only screen and (max-width: 480px) {
.pi_gallery div.arrows {display:none;}
.pi_gallery .pi_gallery_container div.slide div.textpanel {display:none;}
}