
html, body {overflow:hidden;margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);}
#pagepiling {}
.pp-section {height:100%;position:absolute;width:100%;}
.pp-easing {-webkit-transition:all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);-moz-transition:all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);-o-transition:all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);transition:all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);/* custom */-webkit-transition-timing-function:cubic-bezier(0.550, 0.085, 0.000, 0.990);-moz-transition-timing-function:cubic-bezier(0.550, 0.085, 0.000, 0.990);-o-transition-timing-function:cubic-bezier(0.550, 0.085, 0.000, 0.990);transition-timing-function:cubic-bezier(0.550, 0.085, 0.000, 0.990);/* custom */}
#pp-nav {position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;z-index:99999;display:none;}
#pp-nav.right {left:17px;}
#pp-nav.left {left:17px;}
.pp-section.pp-table{display:table;}
.pp-tableCell {display:table-cell;vertical-align:middle;width:100%;height:100%;}
.pp-slidesNav{position:absolute;z-index:4;left:50%;opacity:1;}
.pp-slidesNav.bottom {bottom:17px;}
.pp-slidesNav.top {top:17px;}
#pp-nav ul,
.pp-slidesNav ul {margin:0;padding:0;}
#pp-nav li,
.pp-slidesNav li {display:block;width:14px;height:13px;margin:7px;position:relative;}
.pp-slidesNav li {display:inline-block;}
#pp-nav li a,
.pp-slidesNav li a {display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none;}
#pp-nav li .active span,
.pp-slidesNav .active span {background:#333;}
#pp-nav span,
.pp-slidesNav span {top:2px;left:2px;width:8px;height:8px;border:1px solid #000;background:rgba(0, 0, 0, 0);border-radius:50%;position:absolute;z-index:1;}
.pp-tooltip {position:absolute;top:-2px;color:#333;font-size:11px;font-family:'Arvo';text-transform:uppercase;white-space:nowrap;max-width:220px;background:rgba(250,250,250,0.9);padding-right:7px;}
.pp-tooltip.right {right:20px;}
.pp-tooltip.left {left:20px;}
.pp-scrollable{overflow-y:scroll;height:100%;}


@media screen and (min-width: 641px) and (max-width: 1350px) {
#pp-nav.right {left:10px;}
#pp-nav.left {left:10px;}
}


@media screen and (min-width: 641px) and (max-width: 1260px) {
#pp-nav.right {left:6px;}
#pp-nav.left {left:6px;}
}

@media screen and (max-width: 640px) {
#pp-nav {display:none;}
}