body.asg-yhidden {
  overflow-y: hidden; }

.asg-image {
  position: relative;
  overflow: hidden; }
  .asg-image > .images {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: auto;
    overflow: hidden;
    perspective: 1280px; }
    .asg-image > .images > .img {
      background-size: auto;
      background-position: 50% 50%;
      background-repeat: no-repeat; }
      .asg-image > .images > .img > .placeholder {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        z-index: auto;
        overflow: hidden;
        background-size: auto;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        -webkit-filter: blur(10px);
                filter: blur(10px); }
        .asg-image > .images > .img > .placeholder.cover {
          background-size: cover; }
        .asg-image > .images > .img > .placeholder.contain {
          background-size: contain; }
        .asg-image > .images > .img > .placeholder.stretch {
          background-size: 100% 100%; }
      .asg-image > .images > .img > .source {
        cursor: pointer;
        background-size: auto;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        transition: all ease .5s;
        opacity: 0; }
        .asg-image > .images > .img > .source.cover {
          background-size: cover; }
        .asg-image > .images > .img > .source.contain {
          background-size: contain; }
        .asg-image > .images > .img > .source.stretch {
          background-size: 100% 100%; }
      .asg-image > .images > .img.loaded {
        background-image: none; }
        .asg-image > .images > .img.loaded .source {
          opacity: 1; }
    .asg-image > .images .img {
      max-width: 100%;
      max-height: 100%;
      margin: auto;
      position: absolute;
      top: 0;
      right: 0px;
      left: 0;
      z-index: 0;
      width: auto;
      height: auto;
      bottom: 0px;
      opacity: 1;
      background-size: auto;
      background-position: 50% 50%;
      background-repeat: no-repeat; }
      .asg-image > .images .img > .placeholder {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        z-index: auto;
        overflow: hidden;
        background-size: auto;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        opacity: 0.42;
        -ms-filter: 'progid:DXImageTransform.Microsoft.MotionBlur(strength=10)';
        -webkit-filter: blur(10px);
        -moz-filter: blur(10px);
        -o-filter: blur(10px);
        filter: blur(10px); }
        .asg-image > .images .img > .placeholder.cover {
          background-size: cover; }
        .asg-image > .images .img > .placeholder.contain {
          background-size: contain; }
        .asg-image > .images .img > .placeholder.stretch {
          background-size: 100% 100%; }
      .asg-image > .images .img > .source {
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-size: auto;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        transition: all ease .5s;
        opacity: 0; }
        .asg-image > .images .img > .source.cover {
          background-size: cover; }
        .asg-image > .images .img > .source.contain {
          background-size: contain; }
        .asg-image > .images .img > .source.stretch {
          background-size: 100% 100%; }
      .asg-image > .images .img.loaded {
        background-image: none; }
        .asg-image > .images .img.loaded .source {
          opacity: 1; }
    .asg-image > .images.rotateLR.forward .img.ng-hide-remove, .asg-image > .images.rotateLR.forward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-image > .images.rotateLR.forward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: rotateY(-32deg) translateX(-14%); }
    .asg-image > .images.rotateLR.forward .img.ng-hide-add {
      opacity: 1;
      transform: rotateY(0deg) translateX(0); }
    .asg-image > .images.rotateLR.forward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: rotateY(0deg) translateX(0); }
    .asg-image > .images.rotateLR.forward .img.ng-hide-remove {
      opacity: 0;
      transform: rotateY(32deg) translateX(14%); }
    .asg-image > .images.rotateLR.backward .img.ng-hide-remove, .asg-image > .images.rotateLR.backward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-image > .images.rotateLR.backward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: rotateY(32deg) translateX(14%); }
    .asg-image > .images.rotateLR.backward .img.ng-hide-add {
      opacity: 1;
      transform: rotateY(0deg) translateX(0); }
    .asg-image > .images.rotateLR.backward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: rotateY(0deg) translateX(0); }
    .asg-image > .images.rotateLR.backward .img.ng-hide-remove {
      opacity: 0;
      transform: rotateY(-32deg) translateX(-14%); }
    .asg-image > .images.rotateTB.forward .img.ng-hide-remove, .asg-image > .images.rotateTB.forward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-image > .images.rotateTB.forward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: translateY(14%) rotateX(-32deg); }
    .asg-image > .images.rotateTB.forward .img.ng-hide-add {
      opacity: 1;
      transform: translateY(0) rotateX(0deg); }
    .asg-image > .images.rotateTB.forward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: translateY(0) rotateX(0deg); }
    .asg-image > .images.rotateTB.forward .img.ng-hide-remove {
      opacity: 0;
      transform: translateY(-14%) rotateX(32deg); }
    .asg-image > .images.rotateTB.backward .img.ng-hide-remove, .asg-image > .images.rotateTB.backward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-image > .images.rotateTB.backward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: translateY(-14%) rotateX(32deg); }
    .asg-image > .images.rotateTB.backward .img.ng-hide-add {
      opacity: 1;
      transform: translateY(0) rotateX(0deg); }
    .asg-image > .images.rotateTB.backward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: translateY(0) rotateX(0deg); }
    .asg-image > .images.rotateTB.backward .img.ng-hide-remove {
      opacity: 0;
      transform: translateY(14%) rotateX(-32deg); }
    .asg-image > .images.rotateZY.forward .img.ng-hide-remove, .asg-image > .images.rotateZY.forward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-image > .images.rotateZY.forward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: rotateZ(-32deg) rotateY(32deg); }
    .asg-image > .images.rotateZY.forward .img.ng-hide-add {
      opacity: 1;
      transform: rotateZ(0) rotateY(0deg); }
    .asg-image > .images.rotateZY.forward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: rotateZ(0) rotateY(0deg); }
    .asg-image > .images.rotateZY.forward .img.ng-hide-remove {
      opacity: 0;
      transform: rotateZ(32deg) rotateY(-32deg); }
    .asg-image > .images.rotateZY.backward .img.ng-hide-remove, .asg-image > .images.rotateZY.backward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-image > .images.rotateZY.backward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: rotateZ(32deg) rotateY(-32deg); }
    .asg-image > .images.rotateZY.backward .img.ng-hide-add {
      opacity: 1;
      transform: rotateZ(0) rotateY(0deg); }
    .asg-image > .images.rotateZY.backward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: rotateZ(0) rotateY(0deg); }
    .asg-image > .images.rotateZY.backward .img.ng-hide-remove {
      opacity: 0;
      transform: rotateZ(-32deg) rotateY(32deg); }
    .asg-image > .images.slideLR.forward .img.ng-hide-remove, .asg-image > .images.slideLR.forward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-image > .images.slideLR.forward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: translateX(-14%); }
    .asg-image > .images.slideLR.forward .img.ng-hide-add {
      opacity: 1;
      transform: translateX(0); }
    .asg-image > .images.slideLR.forward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: translateX(0); }
    .asg-image > .images.slideLR.forward .img.ng-hide-remove {
      opacity: 0;
      transform: translateX(14%); }
    .asg-image > .images.slideLR.backward .img.ng-hide-remove, .asg-image > .images.slideLR.backward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-image > .images.slideLR.backward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: translateX(14%); }
    .asg-image > .images.slideLR.backward .img.ng-hide-add {
      opacity: 1;
      transform: translateX(0); }
    .asg-image > .images.slideLR.backward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: translateX(0); }
    .asg-image > .images.slideLR.backward .img.ng-hide-remove {
      opacity: 0;
      transform: translateX(-14%); }
    .asg-image > .images.slideTB.forward .img.ng-hide-remove, .asg-image > .images.slideTB.forward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-image > .images.slideTB.forward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: translateY(14%); }
    .asg-image > .images.slideTB.forward .img.ng-hide-add {
      opacity: 1;
      transform: translateY(0); }
    .asg-image > .images.slideTB.forward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: translateY(0); }
    .asg-image > .images.slideTB.forward .img.ng-hide-remove {
      opacity: 0;
      transform: translateY(-14%); }
    .asg-image > .images.slideTB.backward .img.ng-hide-remove, .asg-image > .images.slideTB.backward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-image > .images.slideTB.backward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: translateY(-14%); }
    .asg-image > .images.slideTB.backward .img.ng-hide-add {
      opacity: 1;
      transform: translateY(0); }
    .asg-image > .images.slideTB.backward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: translateY(0); }
    .asg-image > .images.slideTB.backward .img.ng-hide-remove {
      opacity: 0;
      transform: translateY(14%); }
    .asg-image > .images.zlideLR.forward .img.ng-hide-remove, .asg-image > .images.zlideLR.forward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-image > .images.zlideLR.forward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: translateX(-14%) scale(0.86); }
    .asg-image > .images.zlideLR.forward .img.ng-hide-add {
      opacity: 1;
      transform: translateX(0) scale(1); }
    .asg-image > .images.zlideLR.forward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: translateX(0) scale(1); }
    .asg-image > .images.zlideLR.forward .img.ng-hide-remove {
      opacity: 0;
      transform: translateX(14%) scale(0.86); }
    .asg-image > .images.zlideLR.backward .img.ng-hide-remove, .asg-image > .images.zlideLR.backward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-image > .images.zlideLR.backward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: translateX(14%) scale(0.86); }
    .asg-image > .images.zlideLR.backward .img.ng-hide-add {
      opacity: 1;
      transform: translateX(0) scale(1); }
    .asg-image > .images.zlideLR.backward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: translateX(0) scale(1); }
    .asg-image > .images.zlideLR.backward .img.ng-hide-remove {
      opacity: 0;
      transform: translateX(-14%) scale(0.86); }
    .asg-image > .images.zlideTB.forward .img.ng-hide-remove, .asg-image > .images.zlideTB.forward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-image > .images.zlideTB.forward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: translateY(14%) scale(0.86); }
    .asg-image > .images.zlideTB.forward .img.ng-hide-add {
      opacity: 1;
      transform: translateY(0) scale(1); }
    .asg-image > .images.zlideTB.forward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: translateY(0) scale(1); }
    .asg-image > .images.zlideTB.forward .img.ng-hide-remove {
      opacity: 0;
      transform: translateY(-14%) scale(0.86); }
    .asg-image > .images.zlideTB.backward .img.ng-hide-remove, .asg-image > .images.zlideTB.backward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-image > .images.zlideTB.backward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: translateY(-14%) scale(0.86); }
    .asg-image > .images.zlideTB.backward .img.ng-hide-add {
      opacity: 1;
      transform: translateY(0) scale(1); }
    .asg-image > .images.zlideTB.backward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: translateY(0) scale(1); }
    .asg-image > .images.zlideTB.backward .img.ng-hide-remove {
      opacity: 0;
      transform: translateY(14%) scale(0.86); }
    .asg-image > .images.fadeInOut.forward .img.ng-hide-remove, .asg-image > .images.fadeInOut.forward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-image > .images.fadeInOut.forward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0; }
    .asg-image > .images.fadeInOut.forward .img.ng-hide-add {
      opacity: 1; }
    .asg-image > .images.fadeInOut.forward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1; }
    .asg-image > .images.fadeInOut.forward .img.ng-hide-remove {
      opacity: 0; }
    .asg-image > .images.fadeInOut.backward .img.ng-hide-remove, .asg-image > .images.fadeInOut.backward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-image > .images.fadeInOut.backward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0; }
    .asg-image > .images.fadeInOut.backward .img.ng-hide-add {
      opacity: 1; }
    .asg-image > .images.fadeInOut.backward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1; }
    .asg-image > .images.fadeInOut.backward .img.ng-hide-remove {
      opacity: 0; }
    .asg-image > .images.zoomIn.forward .img.ng-hide-remove, .asg-image > .images.zoomIn.forward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-image > .images.zoomIn.forward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: scale(1.14); }
    .asg-image > .images.zoomIn.forward .img.ng-hide-add {
      opacity: 1;
      transform: scale(1); }
    .asg-image > .images.zoomIn.forward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: scale(1); }
    .asg-image > .images.zoomIn.forward .img.ng-hide-remove {
      opacity: 0;
      transform: scale(0.86); }
    .asg-image > .images.zoomIn.backward .img.ng-hide-remove, .asg-image > .images.zoomIn.backward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-image > .images.zoomIn.backward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: scale(0.86); }
    .asg-image > .images.zoomIn.backward .img.ng-hide-add {
      opacity: 1;
      transform: scale(1); }
    .asg-image > .images.zoomIn.backward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: scale(1); }
    .asg-image > .images.zoomIn.backward .img.ng-hide-remove {
      opacity: 0;
      transform: scale(1.14); }
    .asg-image > .images.zoomOut.forward .img.ng-hide-remove, .asg-image > .images.zoomOut.forward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-image > .images.zoomOut.forward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: scale(0.86); }
    .asg-image > .images.zoomOut.forward .img.ng-hide-add {
      opacity: 1;
      transform: scale(1); }
    .asg-image > .images.zoomOut.forward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: scale(1); }
    .asg-image > .images.zoomOut.forward .img.ng-hide-remove {
      opacity: 0;
      transform: scale(1.14); }
    .asg-image > .images.zoomOut.backward .img.ng-hide-remove, .asg-image > .images.zoomOut.backward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-image > .images.zoomOut.backward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: scale(1.14); }
    .asg-image > .images.zoomOut.backward .img.ng-hide-add {
      opacity: 1;
      transform: scale(1); }
    .asg-image > .images.zoomOut.backward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: scale(1); }
    .asg-image > .images.zoomOut.backward .img.ng-hide-remove {
      opacity: 0;
      transform: scale(0.86); }
    .asg-image > .images.zoomInOut.forward .img.ng-hide-remove, .asg-image > .images.zoomInOut.forward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-image > .images.zoomInOut.forward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: scale(1.14); }
    .asg-image > .images.zoomInOut.forward .img.ng-hide-add {
      opacity: 1;
      transform: scale(1); }
    .asg-image > .images.zoomInOut.forward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: scale(1); }
    .asg-image > .images.zoomInOut.forward .img.ng-hide-remove {
      opacity: 0;
      transform: scale(1.14); }
    .asg-image > .images.zoomInOut.backward .img.ng-hide-remove, .asg-image > .images.zoomInOut.backward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-image > .images.zoomInOut.backward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: scale(1.14); }
    .asg-image > .images.zoomInOut.backward .img.ng-hide-add {
      opacity: 1;
      transform: scale(1); }
    .asg-image > .images.zoomInOut.backward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: scale(1); }
    .asg-image > .images.zoomInOut.backward .img.ng-hide-remove {
      opacity: 0;
      transform: scale(1.14); }
    .asg-image > .images.flipX.forward .img.ng-hide-remove, .asg-image > .images.flipX.forward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-image > .images.flipX.forward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: rotateX(-180deg); }
    .asg-image > .images.flipX.forward .img.ng-hide-add {
      opacity: 1;
      transform: rotateX(0deg); }
    .asg-image > .images.flipX.forward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: rotateX(0deg); }
    .asg-image > .images.flipX.forward .img.ng-hide-remove {
      opacity: 0;
      transform: rotateX(180deg); }
    .asg-image > .images.flipX.backward .img.ng-hide-remove, .asg-image > .images.flipX.backward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-image > .images.flipX.backward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: rotateX(180deg); }
    .asg-image > .images.flipX.backward .img.ng-hide-add {
      opacity: 1;
      transform: rotateX(0deg); }
    .asg-image > .images.flipX.backward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: rotateX(0deg); }
    .asg-image > .images.flipX.backward .img.ng-hide-remove {
      opacity: 0;
      transform: rotateX(-180deg); }
    .asg-image > .images.flipY.forward .img.ng-hide-remove, .asg-image > .images.flipY.forward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-image > .images.flipY.forward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: rotateY(-180deg); }
    .asg-image > .images.flipY.forward .img.ng-hide-add {
      opacity: 1;
      transform: rotateY(0deg); }
    .asg-image > .images.flipY.forward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: rotateY(0deg); }
    .asg-image > .images.flipY.forward .img.ng-hide-remove {
      opacity: 0;
      transform: rotateY(180deg); }
    .asg-image > .images.flipY.backward .img.ng-hide-remove, .asg-image > .images.flipY.backward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-image > .images.flipY.backward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: rotateY(180deg); }
    .asg-image > .images.flipY.backward .img.ng-hide-add {
      opacity: 1;
      transform: rotateY(0deg); }
    .asg-image > .images.flipY.backward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: rotateY(0deg); }
    .asg-image > .images.flipY.backward .img.ng-hide-remove {
      opacity: 0;
      transform: rotateY(-180deg); }
  .asg-image.modalon .source {
    cursor: pointer; }
  .asg-image.modalon .arrows {
    cursor: pointer; }
  .asg-image .asg-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }
  .asg-image .asg-control {
    position: absolute;
    bottom: 0;
    right: 0; }
  .asg-image .arrows {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 700;
    opacity: 0;
    transition: all ease 0.2s;
    transform: scale(1.1); }
    .asg-image .arrows:hover {
      opacity: 1;
      transform: scale(1); }
    .asg-image .arrows .toBackward, .asg-image .arrows .toForward {
      position: absolute;
      top: 45%; }
      .asg-image .arrows .toBackward .btn, .asg-image .arrows .toForward .btn {
        padding: 10px 16px;
        opacity: 0.7; }
        .asg-image .arrows .toBackward .btn:hover, .asg-image .arrows .toForward .btn:hover {
          opacity: 1; }
    .asg-image .arrows .toBackward {
      left: 0; }
    .asg-image .arrows .toForward {
      right: 0; }

.asg-modal {
  z-index: 99999;
  line-height: inherit;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  outline: none;
  opacity: 1;
  perspective: 1280px; }
  .asg-modal.dynamic .header {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    right: 0; }
    .asg-modal.dynamic .header:hover {
      opacity: 0.75; }
  .asg-modal .frame {
    z-index: 7400;
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    display: flex;
    flex-direction: column; }
  .asg-modal .btn {
    text-transform: lowercase; }
  .asg-modal .btn-size {
    width: 64px; }
  .asg-modal .btn-transitions {
    width: 96px; }
  .asg-modal.ng-hide-add, .asg-modal.ng-hide-remove {
    transition: all ease 0.42s; }
  .asg-modal.ng-hide {
    opacity: 0; }
  .asg-modal .keyInput {
    position: absolute;
    width: 0px;
    height: 0px;
    opacity: 0; }
  .asg-modal .header {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    z-index: 7700; }
    .asg-modal .header .title {
      display: inline-block;
      margin: 6px 10px 4px 12px;
      float: left;
      font-size: 1.2em; }
    .asg-modal .header .subtitle {
      display: inline-block;
      margin: 4px 10px 4px 2px;
      text-transform: uppercase;
      float: left;
      font-size: 0.8em;
      padding: 6px 16px 6px 16px; }
    .asg-modal .header .file {
      font-size: 0.9em;
      padding: 10px 12px;
      display: inline-block; }
    .asg-modal .header .buttons {
      margin: 4px 4px 4px 14px; }
      .asg-modal .header .buttons .btn {
        margin: 0px 1px; }
  .asg-modal .help {
    position: absolute;
    right: 0;
    padding: 10px;
    z-index: 7500;
    font-size: 12px;
    transition: all ease 0.42s;
    transform: translateY(0) rotateX(0deg); }
    .asg-modal .help ul,
    .asg-modal .help li {
      margin: 0;
      padding: 0;
      display: block; }
    .asg-modal .help.ng-hide {
      opacity: 0;
      transform-origin: right center;
      transform: translateX(77px) rotateY(0deg); }
  .asg-modal .images {
    perspective: 1280px;
    position: relative;
    z-index: auto;
    overflow: hidden;
    height: 100%; }
    .asg-modal .images .img {
      max-width: 100%;
      max-height: 100%;
      margin: auto;
      position: absolute;
      top: 0;
      right: 0px;
      left: 0;
      z-index: 0;
      width: auto;
      height: auto;
      bottom: 0px;
      opacity: 1;
      background-size: auto;
      background-position: 50% 50%;
      background-repeat: no-repeat; }
      .asg-modal .images .img > .placeholder {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        z-index: auto;
        overflow: hidden;
        background-size: auto;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        opacity: 0.42;
        -ms-filter: 'progid:DXImageTransform.Microsoft.MotionBlur(strength=10)';
        -webkit-filter: blur(10px);
        -moz-filter: blur(10px);
        -o-filter: blur(10px);
        filter: blur(10px); }
        .asg-modal .images .img > .placeholder.cover {
          background-size: cover; }
        .asg-modal .images .img > .placeholder.contain {
          background-size: contain; }
        .asg-modal .images .img > .placeholder.stretch {
          background-size: 100% 100%; }
      .asg-modal .images .img > .source {
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-size: auto;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        transition: all ease .5s;
        opacity: 0; }
        .asg-modal .images .img > .source.cover {
          background-size: cover; }
        .asg-modal .images .img > .source.contain {
          background-size: contain; }
        .asg-modal .images .img > .source.stretch {
          background-size: 100% 100%; }
      .asg-modal .images .img.loaded {
        background-image: none; }
        .asg-modal .images .img.loaded .source {
          opacity: 1; }
    .asg-modal .images.rotateLR.forward .img.ng-hide-remove, .asg-modal .images.rotateLR.forward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-modal .images.rotateLR.forward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: rotateY(-32deg) translateX(-14%); }
    .asg-modal .images.rotateLR.forward .img.ng-hide-add {
      opacity: 1;
      transform: rotateY(0deg) translateX(0); }
    .asg-modal .images.rotateLR.forward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: rotateY(0deg) translateX(0); }
    .asg-modal .images.rotateLR.forward .img.ng-hide-remove {
      opacity: 0;
      transform: rotateY(32deg) translateX(14%); }
    .asg-modal .images.rotateLR.backward .img.ng-hide-remove, .asg-modal .images.rotateLR.backward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-modal .images.rotateLR.backward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: rotateY(32deg) translateX(14%); }
    .asg-modal .images.rotateLR.backward .img.ng-hide-add {
      opacity: 1;
      transform: rotateY(0deg) translateX(0); }
    .asg-modal .images.rotateLR.backward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: rotateY(0deg) translateX(0); }
    .asg-modal .images.rotateLR.backward .img.ng-hide-remove {
      opacity: 0;
      transform: rotateY(-32deg) translateX(-14%); }
    .asg-modal .images.rotateTB.forward .img.ng-hide-remove, .asg-modal .images.rotateTB.forward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-modal .images.rotateTB.forward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: translateY(14%) rotateX(-32deg); }
    .asg-modal .images.rotateTB.forward .img.ng-hide-add {
      opacity: 1;
      transform: translateY(0) rotateX(0deg); }
    .asg-modal .images.rotateTB.forward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: translateY(0) rotateX(0deg); }
    .asg-modal .images.rotateTB.forward .img.ng-hide-remove {
      opacity: 0;
      transform: translateY(-14%) rotateX(32deg); }
    .asg-modal .images.rotateTB.backward .img.ng-hide-remove, .asg-modal .images.rotateTB.backward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-modal .images.rotateTB.backward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: translateY(-14%) rotateX(32deg); }
    .asg-modal .images.rotateTB.backward .img.ng-hide-add {
      opacity: 1;
      transform: translateY(0) rotateX(0deg); }
    .asg-modal .images.rotateTB.backward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: translateY(0) rotateX(0deg); }
    .asg-modal .images.rotateTB.backward .img.ng-hide-remove {
      opacity: 0;
      transform: translateY(14%) rotateX(-32deg); }
    .asg-modal .images.rotateZY.forward .img.ng-hide-remove, .asg-modal .images.rotateZY.forward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-modal .images.rotateZY.forward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: rotateZ(-32deg) rotateY(32deg); }
    .asg-modal .images.rotateZY.forward .img.ng-hide-add {
      opacity: 1;
      transform: rotateZ(0) rotateY(0deg); }
    .asg-modal .images.rotateZY.forward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: rotateZ(0) rotateY(0deg); }
    .asg-modal .images.rotateZY.forward .img.ng-hide-remove {
      opacity: 0;
      transform: rotateZ(32deg) rotateY(-32deg); }
    .asg-modal .images.rotateZY.backward .img.ng-hide-remove, .asg-modal .images.rotateZY.backward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-modal .images.rotateZY.backward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: rotateZ(32deg) rotateY(-32deg); }
    .asg-modal .images.rotateZY.backward .img.ng-hide-add {
      opacity: 1;
      transform: rotateZ(0) rotateY(0deg); }
    .asg-modal .images.rotateZY.backward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: rotateZ(0) rotateY(0deg); }
    .asg-modal .images.rotateZY.backward .img.ng-hide-remove {
      opacity: 0;
      transform: rotateZ(-32deg) rotateY(32deg); }
    .asg-modal .images.slideLR.forward .img.ng-hide-remove, .asg-modal .images.slideLR.forward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-modal .images.slideLR.forward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: translateX(-14%); }
    .asg-modal .images.slideLR.forward .img.ng-hide-add {
      opacity: 1;
      transform: translateX(0); }
    .asg-modal .images.slideLR.forward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: translateX(0); }
    .asg-modal .images.slideLR.forward .img.ng-hide-remove {
      opacity: 0;
      transform: translateX(14%); }
    .asg-modal .images.slideLR.backward .img.ng-hide-remove, .asg-modal .images.slideLR.backward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-modal .images.slideLR.backward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: translateX(14%); }
    .asg-modal .images.slideLR.backward .img.ng-hide-add {
      opacity: 1;
      transform: translateX(0); }
    .asg-modal .images.slideLR.backward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: translateX(0); }
    .asg-modal .images.slideLR.backward .img.ng-hide-remove {
      opacity: 0;
      transform: translateX(-14%); }
    .asg-modal .images.slideTB.forward .img.ng-hide-remove, .asg-modal .images.slideTB.forward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-modal .images.slideTB.forward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: translateY(14%); }
    .asg-modal .images.slideTB.forward .img.ng-hide-add {
      opacity: 1;
      transform: translateY(0); }
    .asg-modal .images.slideTB.forward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: translateY(0); }
    .asg-modal .images.slideTB.forward .img.ng-hide-remove {
      opacity: 0;
      transform: translateY(-14%); }
    .asg-modal .images.slideTB.backward .img.ng-hide-remove, .asg-modal .images.slideTB.backward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-modal .images.slideTB.backward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: translateY(-14%); }
    .asg-modal .images.slideTB.backward .img.ng-hide-add {
      opacity: 1;
      transform: translateY(0); }
    .asg-modal .images.slideTB.backward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: translateY(0); }
    .asg-modal .images.slideTB.backward .img.ng-hide-remove {
      opacity: 0;
      transform: translateY(14%); }
    .asg-modal .images.zlideLR.forward .img.ng-hide-remove, .asg-modal .images.zlideLR.forward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-modal .images.zlideLR.forward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: translateX(-14%) scale(0.86); }
    .asg-modal .images.zlideLR.forward .img.ng-hide-add {
      opacity: 1;
      transform: translateX(0) scale(1); }
    .asg-modal .images.zlideLR.forward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: translateX(0) scale(1); }
    .asg-modal .images.zlideLR.forward .img.ng-hide-remove {
      opacity: 0;
      transform: translateX(14%) scale(0.86); }
    .asg-modal .images.zlideLR.backward .img.ng-hide-remove, .asg-modal .images.zlideLR.backward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-modal .images.zlideLR.backward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: translateX(14%) scale(0.86); }
    .asg-modal .images.zlideLR.backward .img.ng-hide-add {
      opacity: 1;
      transform: translateX(0) scale(1); }
    .asg-modal .images.zlideLR.backward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: translateX(0) scale(1); }
    .asg-modal .images.zlideLR.backward .img.ng-hide-remove {
      opacity: 0;
      transform: translateX(-14%) scale(0.86); }
    .asg-modal .images.zlideTB.forward .img.ng-hide-remove, .asg-modal .images.zlideTB.forward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-modal .images.zlideTB.forward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: translateY(14%) scale(0.86); }
    .asg-modal .images.zlideTB.forward .img.ng-hide-add {
      opacity: 1;
      transform: translateY(0) scale(1); }
    .asg-modal .images.zlideTB.forward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: translateY(0) scale(1); }
    .asg-modal .images.zlideTB.forward .img.ng-hide-remove {
      opacity: 0;
      transform: translateY(-14%) scale(0.86); }
    .asg-modal .images.zlideTB.backward .img.ng-hide-remove, .asg-modal .images.zlideTB.backward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-modal .images.zlideTB.backward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: translateY(-14%) scale(0.86); }
    .asg-modal .images.zlideTB.backward .img.ng-hide-add {
      opacity: 1;
      transform: translateY(0) scale(1); }
    .asg-modal .images.zlideTB.backward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: translateY(0) scale(1); }
    .asg-modal .images.zlideTB.backward .img.ng-hide-remove {
      opacity: 0;
      transform: translateY(14%) scale(0.86); }
    .asg-modal .images.fadeInOut.forward .img.ng-hide-remove, .asg-modal .images.fadeInOut.forward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-modal .images.fadeInOut.forward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0; }
    .asg-modal .images.fadeInOut.forward .img.ng-hide-add {
      opacity: 1; }
    .asg-modal .images.fadeInOut.forward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1; }
    .asg-modal .images.fadeInOut.forward .img.ng-hide-remove {
      opacity: 0; }
    .asg-modal .images.fadeInOut.backward .img.ng-hide-remove, .asg-modal .images.fadeInOut.backward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-modal .images.fadeInOut.backward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0; }
    .asg-modal .images.fadeInOut.backward .img.ng-hide-add {
      opacity: 1; }
    .asg-modal .images.fadeInOut.backward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1; }
    .asg-modal .images.fadeInOut.backward .img.ng-hide-remove {
      opacity: 0; }
    .asg-modal .images.zoomIn.forward .img.ng-hide-remove, .asg-modal .images.zoomIn.forward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-modal .images.zoomIn.forward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: scale(1.14); }
    .asg-modal .images.zoomIn.forward .img.ng-hide-add {
      opacity: 1;
      transform: scale(1); }
    .asg-modal .images.zoomIn.forward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: scale(1); }
    .asg-modal .images.zoomIn.forward .img.ng-hide-remove {
      opacity: 0;
      transform: scale(0.86); }
    .asg-modal .images.zoomIn.backward .img.ng-hide-remove, .asg-modal .images.zoomIn.backward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-modal .images.zoomIn.backward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: scale(0.86); }
    .asg-modal .images.zoomIn.backward .img.ng-hide-add {
      opacity: 1;
      transform: scale(1); }
    .asg-modal .images.zoomIn.backward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: scale(1); }
    .asg-modal .images.zoomIn.backward .img.ng-hide-remove {
      opacity: 0;
      transform: scale(1.14); }
    .asg-modal .images.zoomOut.forward .img.ng-hide-remove, .asg-modal .images.zoomOut.forward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-modal .images.zoomOut.forward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: scale(0.86); }
    .asg-modal .images.zoomOut.forward .img.ng-hide-add {
      opacity: 1;
      transform: scale(1); }
    .asg-modal .images.zoomOut.forward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: scale(1); }
    .asg-modal .images.zoomOut.forward .img.ng-hide-remove {
      opacity: 0;
      transform: scale(1.14); }
    .asg-modal .images.zoomOut.backward .img.ng-hide-remove, .asg-modal .images.zoomOut.backward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-modal .images.zoomOut.backward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: scale(1.14); }
    .asg-modal .images.zoomOut.backward .img.ng-hide-add {
      opacity: 1;
      transform: scale(1); }
    .asg-modal .images.zoomOut.backward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: scale(1); }
    .asg-modal .images.zoomOut.backward .img.ng-hide-remove {
      opacity: 0;
      transform: scale(0.86); }
    .asg-modal .images.zoomInOut.forward .img.ng-hide-remove, .asg-modal .images.zoomInOut.forward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-modal .images.zoomInOut.forward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: scale(1.14); }
    .asg-modal .images.zoomInOut.forward .img.ng-hide-add {
      opacity: 1;
      transform: scale(1); }
    .asg-modal .images.zoomInOut.forward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: scale(1); }
    .asg-modal .images.zoomInOut.forward .img.ng-hide-remove {
      opacity: 0;
      transform: scale(1.14); }
    .asg-modal .images.zoomInOut.backward .img.ng-hide-remove, .asg-modal .images.zoomInOut.backward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-modal .images.zoomInOut.backward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: scale(1.14); }
    .asg-modal .images.zoomInOut.backward .img.ng-hide-add {
      opacity: 1;
      transform: scale(1); }
    .asg-modal .images.zoomInOut.backward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: scale(1); }
    .asg-modal .images.zoomInOut.backward .img.ng-hide-remove {
      opacity: 0;
      transform: scale(1.14); }
    .asg-modal .images.flipX.forward .img.ng-hide-remove, .asg-modal .images.flipX.forward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-modal .images.flipX.forward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: rotateX(-180deg); }
    .asg-modal .images.flipX.forward .img.ng-hide-add {
      opacity: 1;
      transform: rotateX(0deg); }
    .asg-modal .images.flipX.forward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: rotateX(0deg); }
    .asg-modal .images.flipX.forward .img.ng-hide-remove {
      opacity: 0;
      transform: rotateX(180deg); }
    .asg-modal .images.flipX.backward .img.ng-hide-remove, .asg-modal .images.flipX.backward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-modal .images.flipX.backward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: rotateX(180deg); }
    .asg-modal .images.flipX.backward .img.ng-hide-add {
      opacity: 1;
      transform: rotateX(0deg); }
    .asg-modal .images.flipX.backward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: rotateX(0deg); }
    .asg-modal .images.flipX.backward .img.ng-hide-remove {
      opacity: 0;
      transform: rotateX(-180deg); }
    .asg-modal .images.flipY.forward .img.ng-hide-remove, .asg-modal .images.flipY.forward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-modal .images.flipY.forward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: rotateY(-180deg); }
    .asg-modal .images.flipY.forward .img.ng-hide-add {
      opacity: 1;
      transform: rotateY(0deg); }
    .asg-modal .images.flipY.forward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: rotateY(0deg); }
    .asg-modal .images.flipY.forward .img.ng-hide-remove {
      opacity: 0;
      transform: rotateY(180deg); }
    .asg-modal .images.flipY.backward .img.ng-hide-remove, .asg-modal .images.flipY.backward .img.ng-hide-add {
      transition: all ease 0.64s; }
    .asg-modal .images.flipY.backward .img.ng-hide-add.ng-hide-add-active {
      opacity: 0;
      transform: rotateY(180deg); }
    .asg-modal .images.flipY.backward .img.ng-hide-add {
      opacity: 1;
      transform: rotateY(0deg); }
    .asg-modal .images.flipY.backward .img.ng-hide-remove.ng-hide-remove-active {
      opacity: 1;
      transform: rotateY(0deg); }
    .asg-modal .images.flipY.backward .img.ng-hide-remove {
      opacity: 0;
      transform: rotateY(-180deg); }
  .asg-modal .arrows {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 700;
    transition: all ease 0.2s;
    transform: scale(1.1); }
    .asg-modal .arrows:hover {
      opacity: 1;
      transform: scale(1); }
    .asg-modal .arrows .toBackward,
    .asg-modal .arrows .toForward {
      position: absolute;
      top: 45%; }
      .asg-modal .arrows .toBackward .btn,
      .asg-modal .arrows .toForward .btn {
        padding: 10px 16px;
        opacity: 0.4; }
        .asg-modal .arrows .toBackward .btn:hover,
        .asg-modal .arrows .toForward .btn:hover {
          opacity: 1; }
    .asg-modal .arrows .toBackward {
      left: 0; }
    .asg-modal .arrows .toForward {
      right: 0; }
  .asg-modal .caption {
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    z-index: 900; }
    .asg-modal .caption.top {
      top: 0; }
    .asg-modal .caption.bottom {
      bottom: 0; }
    .asg-modal .caption.visible {
      opacity: 1; }
    .asg-modal .caption:not(.visible):hover {
      opacity: 1; }
    .asg-modal .caption .content {
      padding: 7px 10px;
      text-align: center;
      margin: auto; }
  .asg-modal .dropdown-submenu {
    position: relative; }
  .asg-modal .dropdown-submenu > .dropdown-menu {
    position: relative; }
  .asg-modal .dropdown-submenu.open > .dropdown-menu {
    display: block; }
  @media (orientation: portrait) {
    .asg-modal .help {
      left: 0;
      right: 0;
      top: 0;
      font-size: 1.1em;
      text-align: right; }
      .asg-modal .help li {
        margin: 0;
        padding: 2px;
        display: block; }
    .asg-modal .header {
      text-align: center;
      font-size: 18px; }
      .asg-modal .header .title,
      .asg-modal .header .subtitle {
        margin-top: 1%;
        float: none;
        clear: both; }
      .asg-modal .header .buttons {
        float: none !important;
        clear: both !important; }
        .asg-modal .header .buttons .btn {
          font-size: 0.7em;
          margin: 1% 0; }
    .asg-modal .caption .content {
      font-size: 1.1em; } }

.asg-panel .item {
  overflow: hidden;
  position: relative;
  border: none;
  border-radius: unset; }
  .asg-panel .item img {
    cursor: pointer;
    display: block;
    max-width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto; }
  .asg-panel .item .index {
    position: absolute;
    top: 7px;
    z-index: 9999;
    right: 7px;
    padding: 2px 4px;
    font-size: 9px; }
  .asg-panel .item .caption {
    width: 100%;
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.asg-thumbnail {
  position: relative;
  overflow: hidden;
  transition: all ease 0.32s;
  padding: 0;
  opacity: 0; }
  .asg-thumbnail.initialized {
    opacity: 1; }
  .asg-thumbnail.dynamic {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    bottom: -20px;
    opacity: 0; }
    .asg-thumbnail.dynamic:hover {
      bottom: 0px;
      opacity: 1; }
  .asg-thumbnail .items {
    position: relative;
    white-space: nowrap;
    transition: all ease 0.32s; }
    .asg-thumbnail .items .item {
      overflow: hidden;
      position: relative;
      display: inline-block;
      margin: 0px 0px 0px 0px;
      transition: all ease 0.32s;
      vertical-align: top; }
      .asg-thumbnail .items .item:last-child {
        margin-right: 0px; }
      .asg-thumbnail .items .item img {
        cursor: pointer;
        display: block;
        width: auto;
        margin: 0px; }
      .asg-thumbnail .items .item .index {
        transition: all ease 0.32s;
        position: absolute;
        z-index: 9999;
        top: 5px;
        right: 5px;
        padding: 1px 2px 0px 4px;
        font-size: 9px;
        cursor: pointer; }

.asg-modal .asg-thumbnail .items img {
  height: 85px; }

.asg-modal .asg-thumbnail .items .index {
  font-size: 12px; }

.asg-info {
  position: relative;
  padding: 10px;
  z-index: auto; }

.asg-control {
  position: relative;
  padding: 10px;
  z-index: 200; }

.asg-thumbnail .item .index {
  background-color: #dadada;
  color: #050505; }

.asg-modal.default {
  background-color: #dadada; }
  .asg-modal.default .highlight {
    background-color: #fefefe; }
  .asg-modal.default .header {
    background-color: #fefefe; }
    .asg-modal.default .header .subtitle {
      background: #dadada;
      color: #fefefe; }
  .asg-modal.default .help {
    background-color: rgba(5, 5, 5, 0.56);
    color: #dadada; }
  .asg-modal.default .caption .content {
    background-color: rgba(5, 5, 5, 0.56);
    color: #dadada; }

.asg-panel.default .item.selected {
  border-color: #050505; }

.asg-panel.default .item .index {
  background-color: #dadada;
  color: #050505; }

.asg-thumbnail.darkblue {
  background-color: #050505;
  padding: 4px 0px 0px 0px; }
  .asg-thumbnail.darkblue .item {
    margin: 0px 4px 0px 0px;
    background-color: #050505; }
    .asg-thumbnail.darkblue .item img {
      height: 42px;
      opacity: 0.64; }
    .asg-thumbnail.darkblue .item .index {
      background-color: rgba(5, 5, 5, 0.64);
      padding: 1px 3px 0px 4px;
      color: #30c6d4;
      top: 0px;
      right: -10px;
      bottom: 0px;
      opacity: 0; }
    .asg-thumbnail.darkblue .item.selected img {
      opacity: 1; }
    .asg-thumbnail.darkblue .item.selected .index {
      opacity: 1;
      right: 0px; }
    .asg-thumbnail.darkblue .item:hover .index {
      opacity: 0.77;
      right: 0px; }

.asg-image.darkblue {
  background-color: #050505;
  color: #30c6d4; }
  .asg-image.darkblue .asg-info {
    top: -100px;
    bottom: auto;
    font-size: 12px;
    background-color: rgba(5, 5, 5, 0);
    transition: all 0.25s; }
    .asg-image.darkblue .asg-info a {
      color: #30c6d4;
      border-bottom: 1px dashed #30c6d4;
      text-decoration: none; }
      .asg-image.darkblue .asg-info a:hover {
        text-decoration: none;
        border-bottom: 1px solid #30c6d4; }
  .asg-image.darkblue:hover .asg-info {
    background-color: rgba(5, 5, 5, 0.77);
    top: 0; }
  .asg-image.darkblue .btn {
    transition: all .3s ease-in-out;
    border-radius: 0;
    background-image: none;
    text-shadow: none; }
  .asg-image.darkblue .btn-default {
    border: 1px solid #0a2b2e;
    color: #30c6d4;
    background-color: transparent; }
  .asg-image.darkblue .btn-default:focus,
  .asg-image.darkblue .btn-default:hover {
    border: 1px solid #30c6d4;
    outline: none;
    color: #050505;
    background-color: #30c6d4; }
  .asg-image.darkblue .arrows .toBackward {
    left: -1px; }
  .asg-image.darkblue .arrows .toForward {
    right: -1px; }

.asg-modal.darkblue {
  background-color: #050505; }
  .asg-modal.darkblue .frame {
    margin: 0; }
  .asg-modal.darkblue .btn {
    transition: all .3s ease-in-out;
    border-radius: 0;
    background-image: none;
    text-shadow: none; }
  .asg-modal.darkblue .btn-default {
    border: 1px solid #0a2b2e;
    color: #30c6d4;
    background-color: transparent; }
  .asg-modal.darkblue .btn-default:focus,
  .asg-modal.darkblue .btn-default:hover {
    border: 1px solid #30c6d4;
    outline: none;
    color: #050505;
    background-color: #30c6d4; }
  .asg-modal.darkblue .header {
    background-color: #050505;
    color: #30c6d4; }
    .asg-modal.darkblue .header .title {
      text-transform: uppercase; }
    .asg-modal.darkblue .header .subtitle {
      background: #30c6d4;
      color: #050505; }
  .asg-modal.darkblue .help {
    background-color: rgba(5, 5, 5, 0.77);
    color: #30c6d4; }
  .asg-modal.darkblue .caption .content {
    background-color: rgba(5, 5, 5, 0.64);
    color: #30c6d4;
    padding: 0px;
    line-height: 32px; }
  .asg-modal.darkblue .asg-thumbnail {
    background-color: rgba(5, 5, 5, 0.77); }
    .asg-modal.darkblue .asg-thumbnail .item img {
      height: 77px; }
  .asg-modal.darkblue .arrows .toBackward {
    left: -1px; }
  .asg-modal.darkblue .arrows .toForward {
    right: -1px; }

.asg-control.darkblue {
  background-color: #050505; }
  .asg-control.darkblue .btn {
    transition: all .3s ease-in-out;
    border-radius: 0;
    background-image: none;
    text-shadow: none; }
  .asg-control.darkblue .btn-default {
    border: 1px solid #30c6d4;
    color: #30c6d4;
    background-color: transparent; }
  .asg-control.darkblue .btn-default:focus,
  .asg-control.darkblue .btn-default:hover {
    border: 1px solid #30c6d4;
    outline: none;
    color: #050505;
    background-color: #30c6d4; }

.asg-info.darkblue {
  background-color: #050505;
  color: #30c6d4; }

.asg-panel.darkblue {
  background-color: #050505; }
  .asg-panel.darkblue .item {
    background-color: #050505; }
    .asg-panel.darkblue .item.selected {
      border-color: #050505; }
    .asg-panel.darkblue .item .index {
      background-color: rgba(5, 5, 5, 0.56);
      color: #30c6d4; }

.asg-thumbnail.darkred {
  background-color: #252c31;
  padding: 6px 0px 7px 0px; }
  .asg-thumbnail.darkred .item {
    margin: 0px 7px 0px 0px;
    opacity: 0.64;
    background-color: #252c31; }
    .asg-thumbnail.darkred .item.selected {
      opacity: 1; }
    .asg-thumbnail.darkred .item img {
      height: 42px; }
    .asg-thumbnail.darkred .item:hover .index, .asg-thumbnail.darkred .item.selected .index {
      opacity: 1;
      left: 0px; }
    .asg-thumbnail.darkred .item .index {
      background-color: rgba(37, 44, 49, 0.9);
      color: #ff4343;
      top: unset;
      left: -20px;
      bottom: 8%;
      right: unset;
      opacity: 0;
      padding: 1px 12px; }

.asg-image.darkred {
  background-color: #252c31;
  color: #ff4343; }
  .asg-image.darkred .asg-info {
    top: -100px;
    bottom: auto;
    font-size: 12px;
    background-color: rgba(37, 44, 49, 0);
    transition: all 0.25s; }
    .asg-image.darkred .asg-info a {
      color: #ff4343;
      border-bottom: 1px dashed #ff4343;
      text-decoration: none; }
      .asg-image.darkred .asg-info a:hover {
        text-decoration: none;
        border-bottom: 1px solid #ff4343; }
  .asg-image.darkred:hover .asg-info {
    background-color: rgba(37, 44, 49, 0.77);
    top: 0; }
  .asg-image.darkred .btn {
    transition: all .2s ease-in-out;
    border-radius: 3px;
    background-image: none;
    text-shadow: none; }
  .asg-image.darkred .btn-default {
    border: none;
    color: #8fa9cc;
    background-color: #445059; }
  .asg-image.darkred .btn-default:focus,
  .asg-image.darkred .btn-default:hover {
    border: none;
    outline: none;
    color: #252c31;
    background-color: #ff4343; }
  .asg-image.darkred .arrows .toBackward {
    left: 5px; }
  .asg-image.darkred .arrows .toForward {
    right: 5px; }

.asg-modal.darkred {
  background-color: #252c31; }
  .asg-modal.darkred .frame {
    margin: 0; }
  .asg-modal.darkred .btn {
    transition: all .2s ease-in-out;
    border-radius: 3px;
    background-image: none;
    text-shadow: none; }
  .asg-modal.darkred .btn-default {
    border: none;
    color: #8fa9cc;
    background-color: #445059; }
  .asg-modal.darkred .btn-default:focus,
  .asg-modal.darkred .btn-default:hover {
    border: none;
    outline: none;
    color: #252c31;
    background-color: #ff4343; }
  .asg-modal.darkred .header {
    background-color: #252c31;
    color: #8fa9cc; }
    .asg-modal.darkred .header .buttons {
      margin: 4px 4px 5px 14px; }
    .asg-modal.darkred .header .title {
      margin: 3px 10px 4px 12px;
      color: #ff4343;
      text-transform: uppercase; }
    .asg-modal.darkred .header .subtitle {
      margin: 6px 10px 4px 10px;
      padding: 2px 10px 2px 10px;
      background: #ff4343;
      color: #252c31; }
  .asg-modal.darkred .help {
    background-color: rgba(37, 44, 49, 0.77);
    color: #8fa9cc; }
  .asg-modal.darkred .caption .content {
    background-color: rgba(37, 44, 49, 0.77);
    color: #8fa9cc;
    padding: 0px;
    line-height: 32px; }
  .asg-modal.darkred .asg-thumbnail {
    background-color: rgba(37, 44, 49, 0.77); }
    .asg-modal.darkred .asg-thumbnail .item img {
      height: 77px; }
  .asg-modal.darkred .arrows .toBackward {
    left: 5px; }
  .asg-modal.darkred .arrows .toForward {
    right: 5px; }
  .asg-modal.darkred .arrows .toBackward .btn,
  .asg-modal.darkred .arrows .toForward .btn {
    opacity: 0.7; }
    .asg-modal.darkred .arrows .toBackward .btn:hover,
    .asg-modal.darkred .arrows .toForward .btn:hover {
      opacity: 1; }

.asg-control.darkred {
  background-color: #252c31; }
  .asg-control.darkred .btn {
    transition: all .2s ease-in-out;
    border-radius: 3px;
    background-image: none;
    text-shadow: none; }
  .asg-control.darkred .btn-default {
    border: none;
    color: #ff4343;
    background-color: transparent; }
  .asg-control.darkred .btn-default:focus,
  .asg-control.darkred .btn-default:hover {
    border: none;
    outline: none;
    color: #252c31;
    background-color: #ff4343; }

.asg-info.darkred {
  background-color: #252c31;
  color: #ff4343; }

.asg-panel.darkred {
  background-color: #252c31; }
  .asg-panel.darkred .item {
    background-color: #252c31; }
    .asg-panel.darkred .item:hover .caption {
      color: #fefefe; }
    .asg-panel.darkred .item.selected .index {
      background-color: #141414; }
    .asg-panel.darkred .item .index {
      float: left;
      background-color: #252c31;
      color: #ff4343;
      position: relative;
      padding: 1px 7px;
      margin-right: 7px;
      font-size: 10px;
      top: unset;
      right: unset; }
    .asg-panel.darkred .item .caption {
      transition: color 0.4s;
      max-height: 21px;
      display: inline-block;
      padding: 3px 0px;
      margin-bottom: 15px; }

.asg-thumbnail.whitegold {
  background-color: #d4c386;
  padding: 4px; }
  .asg-thumbnail.whitegold .item {
    margin: 0px 4px 0px 0px;
    opacity: 0.64;
    background-color: #212121; }
    .asg-thumbnail.whitegold .item.selected {
      opacity: 1; }
    .asg-thumbnail.whitegold .item:hover .index, .asg-thumbnail.whitegold .item.selected .index {
      opacity: 1;
      right: 0px; }
    .asg-thumbnail.whitegold .item .index {
      background-color: rgba(33, 33, 33, 0.64);
      color: #d4c386;
      top: 0px;
      right: -10px;
      bottom: 0px;
      opacity: 0; }

.asg-image.whitegold {
  background-color: #d4c386;
  color: #f1f1f1; }
  .asg-image.whitegold .asg-info {
    background-color: rgba(33, 33, 33, 0.5);
    color: #e4e4e4; }
    .asg-image.whitegold .asg-info a {
      color: #e4e4e4; }
  .asg-image.whitegold .btn {
    transition: all .3s ease-in-out;
    border-radius: 0;
    background-image: none;
    text-shadow: none; }
  .asg-image.whitegold .btn-default {
    border: 1px solid #f1f1f1;
    color: #f1f1f1;
    background-color: transparent; }
  .asg-image.whitegold .btn-default:focus,
  .asg-image.whitegold .btn-default:hover {
    border: 1px solid #d4c386;
    outline: none;
    color: #d4c386;
    background-color: #f1f1f1; }

.asg-modal.whitegold {
  background-color: #d4c386; }
  .asg-modal.whitegold .btn {
    transition: all .3s ease-in-out;
    border-radius: 0;
    background-image: none;
    text-shadow: none; }
  .asg-modal.whitegold .btn-default {
    border: 1px solid #f1f1f1;
    color: #f1f1f1;
    background-color: transparent; }
  .asg-modal.whitegold .btn-default:focus,
  .asg-modal.whitegold .btn-default:hover {
    border: 1px solid #d4c386;
    outline: none;
    color: #d4c386;
    background-color: #f1f1f1; }
  .asg-modal.whitegold .header {
    background-color: #d4c386;
    color: #d4c386; }
    .asg-modal.whitegold .header .title {
      color: #f1f1f1; }
    .asg-modal.whitegold .header .subtitle {
      background: #d4c386;
      color: #f1f1f1; }
  .asg-modal.whitegold .help {
    background-color: rgba(212, 195, 134, 0.77);
    color: #f1f1f1; }
  .asg-modal.whitegold .caption .content {
    background-color: rgba(212, 195, 134, 0.56);
    color: #f1f1f1; }

.asg-control.whitegold {
  background-color: #d4c386; }
  .asg-control.whitegold .btn {
    transition: all .3s ease-in-out;
    border-radius: 0;
    background-image: none;
    text-shadow: none; }
  .asg-control.whitegold .btn-default {
    border: 1px solid #f1f1f1;
    color: #f1f1f1;
    background-color: transparent; }
  .asg-control.whitegold .btn-default:focus,
  .asg-control.whitegold .btn-default:hover {
    border: 1px solid #d4c386;
    outline: none;
    color: #d4c386;
    background-color: #f1f1f1; }

.asg-info.whitegold {
  background-color: #d4c386;
  color: #f1f1f1; }
  .asg-info.whitegold a {
    color: #f1f1f1;
    border-bottom: 1px dashed #d4c386;
    text-decoration: none; }
    .asg-info.whitegold a:hover {
      text-decoration: none;
      border-bottom: 1px solid #d4c386; }

.asg-panel.whitegold .item.selected {
  border-color: #d4c386; }
  .asg-panel.whitegold .item.selected .index {
    background-color: #d4c386;
    color: #f1f1f1; }

.asg-panel.whitegold .item .index {
  color: #d4c386;
  top: inherit;
  bottom: 5px;
  font-size: 12px;
  padding: 0px 4px;
  line-height: 17px;
  right: 15px;
  border-radius: 2px; }