.accordion-slider{position:relative;margin-left:auto;margin-right:auto}.accordion-slider *{-webkit-tap-highlight-color:transparent}.as-mask{position:absolute;width:100%;height:100%;overflow:hidden}.as-panels{position:absolute}.as-horizontal .as-panels{height:100%}.as-vertical .as-panels{width:100%}.as-panel{position:absolute;overflow:hidden}.as-overlap .as-panel{overflow:visible}.as-horizontal .as-panel{height:100%;width:auto}.as-vertical .as-panel{width:100%;height:auto}.as-shadow{-webkit-box-shadow:-5px 0 40px 1px #000;-mox-box-shadow:-5px 0 40px 1px #000;box-shadow:-5px 0 40px 1px #000}.as-background,.as-background-opened{border:0}.as-horizontal .as-background,.as-horizontal .as-background-opened{height:100%;width:auto}.as-vertical .as-background,.as-vertical .as-background-opened{width:100%;height:auto}.as-background-opened{position:absolute;left:0;top:0;visibility:hidden}.as-layer{position:absolute;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-font-smoothing:subpixel-antialiased}.as-black{color:#FFF;background:#000;background:rgba(0,0,0,.7)}.as-white{color:#000;background:#fff;background:rgba(255,255,255,.7)}.as-rounded{border-radius:10px}.as-padding{padding:10px}.as-pagination-buttons{position:absolute;top:100%;width:100%;text-align:center;padding-top:10px}.as-pagination-button{width:10px;height:10px;border:2px solid #000;border-radius:50%;margin:4px;display:inline-block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.as-pagination-buttons .as-selected{background-color:#000}.as-has-buttons{margin-bottom:32px}@media only screen and (min-width:768px) and (max-width:1024px){.as-pagination-button{width:14px;height:14px}.as-has-buttons{margin-bottom:36px}}@media only screen and (min-width:568px) and (max-width:768px){.as-pagination-button{width:16px;height:16px}.as-has-buttons{margin-bottom:38px}}@media only screen and (min-width:320px) and (max-width:568px){.as-pagination-button{width:18px;height:18px}.as-has-buttons{margin-bottom:40px}}.as-selectable{cursor:default}.as-grab{cursor:url(/Components/Album/Accordion/css/images/openhand.cur),move}.as-grabbing{cursor:url(/Components/Album/Accordion/css/images/closedhand.cur),move}.as-no-js{overflow:hidden;max-width:100%}.accordion-slider p.as-layer{font-size:14px;line-height:1.4}.accordion-slider h1.as-layer{font-size:32px;line-height:1.4}.accordion-slider h2.as-layer{font-size:24px;line-height:1.4}.accordion-slider h3.as-layer{font-size:19px;line-height:1.4}.accordion-slider h4.as-layer{font-size:16px;line-height:1.4}.accordion-slider h5.as-layer{font-size:13px;line-height:1.4}.accordion-slider h6.as-layer{font-size:11px;line-height:1.4}.accordion-slider img.as-layer{border:0}.accordion-slider .as-background,.accordion-slider .as-background-opened{max-width:none!important;max-height:none!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;-webkit-box-shadow:none!important;-mox-box-shadow:none!important;box-shadow:none!important;transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none}.accordion-slider a{position:static;transition:none!important;-moz-transition:none!important;-webkit-transition:none!important;-o-transition:none!important}.accordion-slider iframe,.accordion-slider object,.accordion-slider video,.accordion-slider embed,.accordion-slider canvas{max-width:none;max-height:none}

.as-panel-counter {
    color: #333;
    font-family: SDF;
    font-size: 16px;
    padding:8px 5px 12px;
    text-align: center;
    -moz-transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -moz-transform: rotate(-90deg) translateY(100%);
    -webkit-transform: rotate(-90deg) translateY(100%);
    transform: rotate(-90deg) translateY(100%);
    bottom: 0;
}


.as-white {
    color: #000;
    background: #e7e7e7;
    transition: all 500ms ease-in-out; 
}
.as-white:hover,.as-opened > .as-white  {
    background: #fff;
}

.as-black {
    color: #000;
    background: #e7e7e7;
    transition: all 500ms ease-in-out; 
}

.as-arrow {
    background: rgba(195, 195, 195, 0.5) none repeat scroll 0 0;
    color: #fff;
    display: table-cell;
    font-family: SDF;
    font-size: 16px;
    height: 50px;
    padding: 5px;
    position: absolute;
    vertical-align: middle;
    left: 0;
    text-shadow: 0 0 2px #444;
    padding: 10px;
}

.as-arrow:before {

}

.as-arrow:after {

}

.as-layer {
    text-align: center;
    font-family: SDF;
}