#pagepiling{
    width:100%;
    height:100%;
    overflow:hidden;
    position:relative
}
#pagepiling .section{
    top:auto;
    bottom:0;
    width:100%;
    height:100%;
    text-align:center;
    position:absolute
}
.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
}
#pp-nav.right{
    left:17px
}
#pp-nav.left{
    right:17px
}
.pp-section.pp-table{
    display:block;
    width:100%
}
.pp-tableCell{
    display:block;
    width:100%;
    height:100%;
    max-height:100%;
    position:relative;
    overflow:hidden
}
.pp-slidesNav{
    position:absolute;
    z-index:4;
    right: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:24px;
    height:24px;
    margin:24px 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:#20a3fc!important;
    border:2px solid #ffffff!important;
    transform:scale(1.2);
    -webkit-transform:scale(1.2)
}
#pp-nav span,.pp-slidesNav span{
    top:2px;
    right:2px;
    width:20px;
    height:20px;
    border:none!important;
    background:#FFF!important;
    border-radius:50%;
    -webkit-border-radius:50%;
    position:absolute;
    z-index:1;
    -moz-box-shadow:1px 1px 10px rgba(0,0,0,0.2);
/* For Firefox3.6+ */
    -webkit-box-shadow:1px 1px 10px rgba(0,0,0,0.2);
/* For Chrome5+,Safari5+ */
    box-shadow:1px 1px 10px rgba(0,0,0,0.2);
/* For Latest Opera */
    transition:background-color ease-in 200ms;
    -moz-transition:background-color ease-in 200ms;
/* Firefox 4 */
    -webkit-transition:background-color ease-in 200ms;
/* Safari and Chrome */
    -o-transition:background-color ease-in 200ms;
/* Opera */
    -ms-transition:background-color ease-in 200ms;
/* IE9? */
    
}
.pp-tooltip{
    position:absolute;
    top:1px;
    color:#fff;
    font-size:14px;
    /*font-family:arial,helvetica,sans-serif;*/
    white-space:nowrap;
    max-width:220px
}
.pp-tooltip.right{
    left:35px
}
.pp-tooltip.left{
    right:20px
}
.section .mCSB_inside>.mCSB_container{
    margin:0
}
.section .mCSB_scrollTools{
    width:3px
}
.section .mCustomScrollBox{
    
}
.section{
    background-color:#FFF;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0)
}
.section .section-scrollbar{
    pointer-events:none
}
.section.active .section-scrollbar{
    pointer-events:auto
}
.section-scrollbar{
    height:100%;
    max-height:100%;
    overflow:auto
}
.section .section-scrollbar .mCSB_container{
    min-height:100%;
    height:100%;
    display:table;
    width:100%
}
.section .section-scrollbar .section-middle{
    display:table-cell;
    width:100%;
    vertical-align:middle
}
.section .mCS_no_scrollbar .mCustomScrollBox,.section .mCS_no_scrollbar .mCSB_container,.section .mCS_no_scrollbar{
    overflow:visible
}
#pagepiling + footer{
    visibility:hidden
}
.dnnEditState #pagepiling + footer,#pagepiling.active + footer{
    visibility:visible
}
@media only screen and (max-width:767px) and (orientation:landscape){   
    .section .section-scrollbar .container{
        width:75%;
        margin:auto
    }
}
@media only screen and (max-width:992px){   
    #pp-nav li,.pp-slidesNav li{
        margin:8px 7px
    }
}
.mm-opened #pp-nav{
    opacity:0;
    visibility:hidden
}
.pp-tooltip{
    background-color:#333;
    max-width:inherit;
    padding:3px 8px;
    margin-top:-2px;
    font-size:12px;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px
}
.pp-tooltip:after{
    content:"";
    position:absolute;
    top:50%;
    right:100%;
    border:3px solid transparent;
    border-right-color:#333;
    margin-top:-3px
}