.accordion-slider {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  min-height: 300px;
  margin-bottom: 32px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA1QTkyMUVENzQxRTExRTRCQjAxODBFQ0E3MkFGQzMxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA1QTkyMUVFNzQxRTExRTRCQjAxODBFQ0E3MkFGQzMxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDVBOTIxRUI3NDFFMTFFNEJCMDE4MEVDQTcyQUZDMzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDVBOTIxRUM3NDFFMTFFNEJCMDE4MEVDQTcyQUZDMzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4CfL5nAAAAKklEQVR42mK8dOlSg6KiIgMyYEIXuH//PgMTugBIERO6AFg7ugAIAAQYAEByD2M2JU/EAAAAAElFTkSuQmCC) repeat scroll 0 0;
  /*
  .as-pagination-buttons { position: absolute; top: 100%; width: 100%; text-align: center; padding-top: 7px; }
  .as-pagination-button { width: 16px; height: 16px; background: none repeat scroll 0 0 #d6d6d6; border: solid 1px #a6a6a6; border-radius: 50%; margin: 0px 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: #0f314f; }
  */
  /*.as-grab,
  .accordion-slider .as-grabbing {
    cursor: url('/Assets/Icon/grabbing.png');
  }*/ }
  .accordion-slider * {
    -webkit-tap-highlight-color: transparent; }
  .accordion-slider .as-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden; }
  .accordion-slider .as-panels {
    position: absolute; }
  .accordion-slider.as-horizontal .as-panels {
    height: 100%; }
  .accordion-slider.as-vertical .as-panels {
    width: 100%; }
  .accordion-slider .as-panel {
    position: absolute;
    overflow: hidden; }
    .accordion-slider .as-panel a {
      display: block;
      color: #ffffff; }
      .accordion-slider .as-panel a:hover {
        color: #a0a0a0; }
  .accordion-slider.overlap .as-panel {
    overflow: visible; }
  .accordion-slider.as-horizontal .as-panel {
    height: 100%;
    width: auto; }
  .accordion-slider.as-vertical .as-panel {
    width: 100%;
    height: auto; }
  .accordion-slider .as-panel.as-shadow {
    -webkit-box-shadow: -5px 0 40px 1px black;
    -mox-box-shadow: -5px 0 40px 1px black;
    box-shadow: -5px 0 40px 1px black; }
  .accordion-slider .as-background,
  .accordion-slider .as-background-opened {
    border: 0;
    max-width: none;
    max-height: none; }
  .accordion-slider.as-horizontal .as-background, .accordion-slider.as-horizontal .as-background-opened {
    height: 100%;
    width: auto; }
  .accordion-slider.as-vertical .as-background, .accordion-slider.as-vertical .as-background-opened {
    width: 100%;
    height: auto; }
  .accordion-slider .as-background-opened {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden; }
  .accordion-slider .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; }
  .accordion-slider .as-layer.as-black {
    color: #FFF;
    background: #000;
    background: rgba(0, 0, 0, 0.7); }
  .accordion-slider .as-layer.as-white {
    color: #000;
    background: #fff;
    background: rgba(255, 255, 255, 0.7); }
  .accordion-slider .as-layer.as-rounded {
    border-radius: 10px; }
  .accordion-slider .as-layer.as-padding {
    padding: 10px; }
  .accordion-slider .as-pagination-buttons {
    display: none; }
  .accordion-slider .as-pagination-customButtons {
    position: absolute;
    top: 100%;
    width: 100%;
    text-align: center;
    padding-top: 7px; }
  .accordion-slider .as-pagination-customButton {
    width: 16px;
    height: 16px;
    background: none repeat scroll 0 0 #9fbbc1;
    border-radius: 50%;
    margin: 0px 4px;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer; }
  .accordion-slider .as-pagination-customButtons .as-selected {
    background-color: #0f314f; }
  .accordion-slider .selectable {
    cursor: default; }

@media only screen and (max-device-width:568px) {
  .accordion-slider {
    min-height: initial; }

  .accordion-slider .as-pagination-button {
    width: 18px;
    height: 18px; } }
@media only screen and (max-device-width:768px) {
  .accordion-slider .as-pagination-buttons {
    width: 90%; } }