body.asg-yhidden {
  overflow-y: hidden;
}
.asg-image {
  overflow: hidden;
  position: relative;
}
.asg-image > .images {
  bottom: 0;
  left: 0;
  overflow: hidden;
  perspective: 1280px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: auto;
}
.asg-image > .images > .img,
.asg-image > .images > .img > .placeholder {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: auto;
}
.asg-image > .images > .img > .placeholder {
  bottom: 0;
  filter: blur(10px);
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: auto;
}
.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 {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: auto;
  cursor: pointer;
  opacity: 0;
  transition: all 0.5s ease;
}
.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 {
  height: auto;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  opacity: 1;
  width: auto;
  z-index: 0;
}
.asg-image > .images .img,
.asg-image > .images .img > .placeholder {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: auto;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.asg-image > .images .img > .placeholder {
  -ms-filter: "progid:DXImageTransform.Microsoft.MotionBlur(strength=10)";
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  filter: blur(10px);
  opacity: 0.42;
  overflow: hidden;
  z-index: auto;
}
.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 {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: auto;
  bottom: 0;
  display: block;
  left: 0;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.5s ease;
}
.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-add,
.asg-image > .images.rotateLR.forward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-image > .images.rotateLR.backward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-image > .images.rotateTB.forward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-image > .images.rotateTB.backward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-image > .images.rotateZY.forward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.asg-image > .images.rotateZY.forward .img.ng-hide-add.ng-hide-add-active {
  opacity: 0;
  transform: rotate(-32deg) rotateY(32deg);
}
.asg-image > .images.rotateZY.forward .img.ng-hide-add,
.asg-image
  > .images.rotateZY.forward
  .img.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
  transform: rotate(0) rotateY(0deg);
}
.asg-image > .images.rotateZY.forward .img.ng-hide-remove {
  opacity: 0;
  transform: rotate(32deg) rotateY(-32deg);
}
.asg-image > .images.rotateZY.backward .img.ng-hide-add,
.asg-image > .images.rotateZY.backward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.asg-image > .images.rotateZY.backward .img.ng-hide-add.ng-hide-add-active {
  opacity: 0;
  transform: rotate(32deg) rotateY(-32deg);
}
.asg-image > .images.rotateZY.backward .img.ng-hide-add,
.asg-image
  > .images.rotateZY.backward
  .img.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
  transform: rotate(0) rotateY(0deg);
}
.asg-image > .images.rotateZY.backward .img.ng-hide-remove {
  opacity: 0;
  transform: rotate(-32deg) rotateY(32deg);
}
.asg-image > .images.slideLR.forward .img.ng-hide-add,
.asg-image > .images.slideLR.forward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-image > .images.slideLR.backward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-image > .images.slideTB.forward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-image > .images.slideTB.backward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-image > .images.zlideLR.forward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-image > .images.zlideLR.backward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-image > .images.zlideTB.forward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-image > .images.zlideTB.backward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-image > .images.fadeInOut.forward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.asg-image > .images.fadeInOut.forward .img.ng-hide-add.ng-hide-add-active {
  opacity: 0;
}
.asg-image > .images.fadeInOut.forward .img.ng-hide-add,
.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-add,
.asg-image > .images.fadeInOut.backward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.asg-image > .images.fadeInOut.backward .img.ng-hide-add.ng-hide-add-active {
  opacity: 0;
}
.asg-image > .images.fadeInOut.backward .img.ng-hide-add,
.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-add,
.asg-image > .images.zoomIn.forward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-image > .images.zoomIn.backward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-image > .images.zoomOut.forward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-image > .images.zoomOut.backward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-image > .images.zoomInOut.forward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-image > .images.zoomInOut.backward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-image > .images.flipX.forward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-image > .images.flipX.backward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-image > .images.flipY.forward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-image > .images.flipY.backward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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 .asg-info {
  left: 0;
}
.asg-image .asg-control,
.asg-image .asg-info {
  bottom: 0;
  position: absolute;
  right: 0;
}
.asg-image .arrow {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 70px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 35px);
  transform: scale(1.2);
  transition: all 0.2s ease;
  z-index: 720;
}
.asg-image .arrow.left {
  left: -20px;
  text-align: left;
}
.asg-image .arrow.right {
  right: -20px;
  text-align: right;
}
.asg-image .arrow .btn {
  opacity: 0.7;
  padding: 10px 16px;
}
.asg-image .arrow .btn:hover {
  opacity: 1;
}
.asg-image .video {
  background-color: #000;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 710;
}
.asg-image .video > div {
  position: unset !important;
}
.asg-image .play {
  height: 160px;
  left: calc(50% - 80px);
  position: absolute;
  text-align: center;
  top: calc(50% - 80px);
  width: 160px;
  z-index: 800;
}
.asg-image .play .button {
  fill: #fff;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0.42;
  transition: all 0.64s;
}
.asg-image .play .button:hover {
  box-shadow: 0 0 7px #212121;
  opacity: 0.77;
}
.asg-image .play .button svg {
  stroke-width: 2;
}
.asg-image:hover .arrow {
  opacity: 1;
  transform: scale(1);
}
.asg-image:hover .arrow.left {
  left: 0;
}
.asg-image:hover .arrow.right {
  right: 0;
}
.asg-modal {
  bottom: 0;
  left: 0;
  line-height: inherit;
  opacity: 1;
  outline: none;
  padding: 0;
  perspective: 1280px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99999;
}
.asg-modal.dynamic .header {
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.asg-modal.dynamic .header:hover {
  opacity: 0.75;
}
.asg-modal .frame {
  bottom: 0;
  display: flex;
  flex-direction: column;
  left: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 7400;
}
.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 0.42s ease;
}
.asg-modal.ng-hide {
  opacity: 0;
}
.asg-modal .keyInput {
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.asg-modal .header {
  display: block;
  height: auto;
  position: relative;
  width: 100%;
  z-index: 7700;
}
.asg-modal .header .title {
  display: inline-block;
  float: left;
  font-size: 1.2em;
  margin: 6px 10px 4px 12px;
}
.asg-modal .header .subtitle {
  display: inline-block;
  float: left;
  font-size: 0.8em;
  margin: 4px 10px 4px 2px;
  padding: 6px 16px;
  text-transform: uppercase;
}
.asg-modal .header .file {
  display: inline-block;
  font-size: 0.9em;
  padding: 10px 12px;
}
.asg-modal .header .buttons {
  margin: 4px 4px 4px 14px;
}
.asg-modal .header .buttons .btn {
  margin: 0 1px;
}
.asg-modal .help {
  font-size: 12px;
  padding: 10px;
  position: absolute;
  right: 0;
  transform: translateY(0) rotateX(0deg);
  transition: all 0.42s ease;
  z-index: 7500;
}
.asg-modal .help li,
.asg-modal .help ul {
  display: block;
  margin: 0;
  padding: 0;
}
.asg-modal .help.ng-hide {
  opacity: 0;
  transform: translateX(77px) rotateY(0deg);
  transform-origin: right center;
}
.asg-modal .images {
  height: 100%;
  overflow: hidden;
  perspective: 1280px;
  position: relative;
  z-index: auto;
}
.asg-modal .images .img {
  height: auto;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  opacity: 1;
  width: auto;
  z-index: 0;
}
.asg-modal .images .img,
.asg-modal .images .img > .placeholder {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: auto;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.asg-modal .images .img > .placeholder {
  -ms-filter: "progid:DXImageTransform.Microsoft.MotionBlur(strength=10)";
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  filter: blur(10px);
  opacity: 0.42;
  overflow: hidden;
  z-index: auto;
}
.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 {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: auto;
  bottom: 0;
  display: block;
  left: 0;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.5s ease;
}
.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-add,
.asg-modal .images.rotateLR.forward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-modal .images.rotateLR.backward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-modal .images.rotateTB.forward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-modal .images.rotateTB.backward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-modal .images.rotateZY.forward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.asg-modal .images.rotateZY.forward .img.ng-hide-add.ng-hide-add-active {
  opacity: 0;
  transform: rotate(-32deg) rotateY(32deg);
}
.asg-modal .images.rotateZY.forward .img.ng-hide-add,
.asg-modal .images.rotateZY.forward .img.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
  transform: rotate(0) rotateY(0deg);
}
.asg-modal .images.rotateZY.forward .img.ng-hide-remove {
  opacity: 0;
  transform: rotate(32deg) rotateY(-32deg);
}
.asg-modal .images.rotateZY.backward .img.ng-hide-add,
.asg-modal .images.rotateZY.backward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.asg-modal .images.rotateZY.backward .img.ng-hide-add.ng-hide-add-active {
  opacity: 0;
  transform: rotate(32deg) rotateY(-32deg);
}
.asg-modal .images.rotateZY.backward .img.ng-hide-add,
.asg-modal .images.rotateZY.backward .img.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
  transform: rotate(0) rotateY(0deg);
}
.asg-modal .images.rotateZY.backward .img.ng-hide-remove {
  opacity: 0;
  transform: rotate(-32deg) rotateY(32deg);
}
.asg-modal .images.slideLR.forward .img.ng-hide-add,
.asg-modal .images.slideLR.forward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-modal .images.slideLR.backward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-modal .images.slideTB.forward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-modal .images.slideTB.backward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-modal .images.zlideLR.forward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-modal .images.zlideLR.backward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-modal .images.zlideTB.forward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-modal .images.zlideTB.backward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-modal .images.fadeInOut.forward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.asg-modal .images.fadeInOut.forward .img.ng-hide-add.ng-hide-add-active {
  opacity: 0;
}
.asg-modal .images.fadeInOut.forward .img.ng-hide-add,
.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-add,
.asg-modal .images.fadeInOut.backward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.asg-modal .images.fadeInOut.backward .img.ng-hide-add.ng-hide-add-active {
  opacity: 0;
}
.asg-modal .images.fadeInOut.backward .img.ng-hide-add,
.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-add,
.asg-modal .images.zoomIn.forward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-modal .images.zoomIn.backward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-modal .images.zoomOut.forward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-modal .images.zoomOut.backward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-modal .images.zoomInOut.forward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-modal .images.zoomInOut.backward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-modal .images.flipX.forward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-modal .images.flipX.backward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-modal .images.flipY.forward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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-add,
.asg-modal .images.flipY.backward .img.ng-hide-remove {
  transition: all 0.64s ease;
}
.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,
.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 .arrow {
  align-items: center;
  bottom: 0;
  cursor: pointer;
  display: flex;
  justify-content: center;
  min-height: 100px;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: scale(1.2);
  transition: all 0.2s ease;
  z-index: 700;
}
.asg-modal .arrow.left {
  left: -20px;
}
.asg-modal .arrow.right {
  right: -20px;
}
.asg-modal .arrow .btn {
  opacity: 0.7;
  padding: 10px 16px;
}
.asg-modal .arrow .btn:hover {
  opacity: 1;
}
.asg-modal:hover .arrow {
  opacity: 1;
  transform: scale(1);
}
.asg-modal:hover .arrow.left {
  left: 0;
}
.asg-modal:hover .arrow.right {
  right: 0;
}
.asg-modal .caption {
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  z-index: 900;
}
.asg-modal .caption.top {
  top: 0;
}
.asg-modal .caption.bottom {
  bottom: 0;
}
.asg-modal .caption.visible,
.asg-modal .caption:not(.visible):hover {
  opacity: 1;
}
.asg-modal .caption .content {
  margin: auto;
  padding: 7px 10px;
  text-align: center;
}
.asg-modal .dropdown-submenu,
.asg-modal .dropdown-submenu > .dropdown-menu {
  position: relative;
}
.asg-modal .dropdown-submenu.open > .dropdown-menu {
  display: block;
}
@media (orientation: portrait) {
  .asg-modal .help {
    font-size: 1.1em;
    left: 0;
    right: 0;
    text-align: right;
    top: 0;
  }
  .asg-modal .help li {
    display: block;
    margin: 0;
    padding: 2px;
  }
  .asg-modal .header {
    font-size: 18px;
    text-align: center;
  }
  .asg-modal .header .subtitle,
  .asg-modal .header .title {
    clear: both;
    float: none;
    margin-top: 1%;
  }
  .asg-modal .header .buttons {
    clear: both !important;
    float: none !important;
  }
  .asg-modal .header .buttons .btn {
    font-size: 0.7em;
    margin: 1% 0;
  }
  .asg-modal .caption .content {
    font-size: 1.1em;
  }
}
.asg-panel .item {
  border: none;
  border-radius: unset;
  overflow: hidden;
  position: relative;
}
.asg-panel .item img {
  cursor: pointer;
  display: block;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
.asg-panel .item .index {
  font-size: 9px;
  padding: 2px 4px;
  position: absolute;
  right: 7px;
  top: 7px;
  z-index: 9999;
}
.asg-panel .item .caption {
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.asg-thumbnail {
  opacity: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  transition: all 0.32s ease;
}
.asg-thumbnail.initialized {
  opacity: 1;
}
.asg-thumbnail.dynamic {
  bottom: 0;
  bottom: -20px;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
}
.asg-thumbnail.dynamic:hover {
  bottom: 0;
  opacity: 1;
}
.asg-thumbnail .items {
  position: relative;
  transition: all 0.32s ease;
  white-space: nowrap;
}
.asg-thumbnail .items .item {
  display: inline-block;
  margin: 0;
  overflow: hidden;
  position: relative;
  transition: all 0.32s ease;
  vertical-align: top;
}
.asg-thumbnail .items .item:last-child {
  margin-right: 0;
}
.asg-thumbnail .items .item img {
  cursor: pointer;
  display: block;
  margin: 0;
  width: auto;
}
.asg-thumbnail .items .item .index {
  cursor: pointer;
  font-size: 9px;
  padding: 1px 2px 0 4px;
  position: absolute;
  right: 5px;
  top: 5px;
  transition: all 0.32s ease;
  z-index: 9999;
}
.asg-modal .asg-thumbnail .items img {
  height: 85px;
}
.asg-modal .asg-thumbnail .items .index {
  font-size: 12px;
}
.asg-info {
  z-index: auto;
}
.asg-control,
.asg-info {
  padding: 10px;
  position: relative;
}
.asg-control {
  z-index: 200;
}
.asg-thumbnail .item .index {
  background-color: #dadada;
  color: #050505;
}
.asg-modal.default {
  background-color: #dadada;
}
.asg-modal.default .header,
.asg-modal.default .highlight {
  background-color: #fefefe;
}
.asg-modal.default .header .subtitle {
  background: #dadada;
  color: #fefefe;
}
.asg-modal.default .caption .content,
.asg-modal.default .help {
  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 0 0;
}
.asg-thumbnail.darkblue .item {
  background-color: #050505;
  margin: 0 4px 0 0;
}
.asg-thumbnail.darkblue .item img {
  height: 42px;
  opacity: 0.64;
}
.asg-thumbnail.darkblue .item .index {
  background-color: rgba(5, 5, 5, 0.64);
  bottom: 0;
  color: #30c6d4;
  opacity: 0;
  padding: 1px 3px 0 4px;
  right: -10px;
  top: 0;
}
.asg-thumbnail.darkblue .item.selected img {
  opacity: 1;
}
.asg-thumbnail.darkblue .item.selected .index {
  opacity: 1;
  right: 0;
}
.asg-thumbnail.darkblue .item:hover .index {
  opacity: 0.77;
  right: 0;
}
.asg-image.darkblue {
  background-color: #050505;
  color: #30c6d4;
}
.asg-image.darkblue .asg-info {
  background-color: rgba(5, 5, 5, 0);
  bottom: auto;
  font-size: 12px;
  top: -100px;
  transition: all 0.25s;
}
.asg-image.darkblue .asg-info a {
  border-bottom: 1px dashed #30c6d4;
  color: #30c6d4;
  text-decoration: none;
}
.asg-image.darkblue .asg-info a:hover {
  border-bottom: 1px solid #30c6d4;
  text-decoration: none;
}
.asg-image.darkblue:hover .asg-info {
  background-color: rgba(5, 5, 5, 0.77);
  top: 0;
}
.asg-image.darkblue .btn {
  background-image: none;
  border-radius: 0;
  text-shadow: none;
  transition: all 0.3s ease-in-out;
}
.asg-image.darkblue .btn-default {
  background-color: transparent;
  border: 1px solid #0a2b2e;
  color: #30c6d4;
}
.asg-image.darkblue .btn-default:focus,
.asg-image.darkblue .btn-default:hover {
  background-color: #30c6d4;
  border: 1px solid #30c6d4;
  color: #050505;
  outline: none;
}
.asg-image.darkblue .arrow.left .btn {
  margin-left: -1px;
}
.asg-image.darkblue .arrow.right .btn {
  margin-right: -1px;
}
.asg-image.darkblue .play .button {
  fill: #fff;
  box-shadow: 0 0 4px #30c6d4;
}
.asg-image.darkblue .play .button:hover {
  box-shadow: 0 0 17px #30c6d4;
}
.asg-image.darkblue .play .button svg .circle {
  stroke: #30c6d4;
  fill: #050505;
}
.asg-image.darkblue .play .button svg .icon {
  fill: #30c6d4;
}
.asg-modal.darkblue {
  background-color: #050505;
}
.asg-modal.darkblue .frame {
  margin: 0;
}
.asg-modal.darkblue .btn {
  background-image: none;
  border-radius: 0;
  text-shadow: none;
  transition: all 0.3s ease-in-out;
}
.asg-modal.darkblue .btn-default {
  background-color: transparent;
  border: 1px solid #0a2b2e;
  color: #30c6d4;
}
.asg-modal.darkblue .btn-default:focus,
.asg-modal.darkblue .btn-default:hover {
  background-color: #30c6d4;
  border: 1px solid #30c6d4;
  color: #050505;
  outline: none;
}
.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;
  line-height: 32px;
  padding: 0;
}
.asg-modal.darkblue .asg-thumbnail {
  background-color: rgba(5, 5, 5, 0.77);
}
.asg-modal.darkblue .asg-thumbnail .item img {
  height: 77px;
}
.asg-control.darkblue {
  background-color: #050505;
}
.asg-control.darkblue .btn {
  background-image: none;
  border-radius: 0;
  text-shadow: none;
  transition: all 0.3s ease-in-out;
}
.asg-control.darkblue .btn-default {
  background-color: transparent;
  border: 1px solid #30c6d4;
  color: #30c6d4;
}
.asg-control.darkblue .btn-default:focus,
.asg-control.darkblue .btn-default:hover {
  background-color: #30c6d4;
  border: 1px solid #30c6d4;
  color: #050505;
  outline: none;
}
.asg-info.darkblue {
  color: #30c6d4;
}
.asg-info.darkblue,
.asg-panel.darkblue,
.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 0 7px;
}
.asg-thumbnail.darkred .item {
  background-color: #252c31;
  margin: 0 7px 0 0;
  opacity: 0.64;
}
.asg-thumbnail.darkred .item.selected {
  opacity: 1;
}
.asg-thumbnail.darkred .item img {
  height: 42px;
}
.asg-thumbnail.darkred .item.selected .index,
.asg-thumbnail.darkred .item:hover .index {
  left: 0;
  opacity: 1;
}
.asg-thumbnail.darkred .item .index {
  background-color: rgba(37, 44, 49, 0.9);
  bottom: 8%;
  color: #ff4343;
  left: -20px;
  opacity: 0;
  padding: 1px 12px;
  right: unset;
  top: unset;
}
.asg-image.darkred {
  background-color: #252c31;
  color: #ff4343;
}
.asg-image.darkred .asg-info {
  background-color: rgba(37, 44, 49, 0);
  bottom: auto;
  font-size: 12px;
  top: -100px;
  transition: all 0.25s;
}
.asg-image.darkred .asg-info a {
  border-bottom: 1px dashed #ff4343;
  color: #ff4343;
  text-decoration: none;
}
.asg-image.darkred .asg-info a:hover {
  border-bottom: 1px solid #ff4343;
  text-decoration: none;
}
.asg-image.darkred:hover .asg-info {
  background-color: rgba(37, 44, 49, 0.77);
  top: 0;
}
.asg-image.darkred .btn {
  background-image: none;
  border-radius: 3px;
  text-shadow: none;
  transition: all 0.2s ease-in-out;
}
.asg-image.darkred .btn-default {
  background-color: #445059;
  border: none;
  color: #8fa9cc;
}
.asg-image.darkred .btn-default:focus,
.asg-image.darkred .btn-default:hover {
  background-color: #ff4343;
  border: none;
  color: #252c31;
  outline: none;
}
.asg-image.darkred .arrow.left .btn {
  margin-left: 7px;
}
.asg-image.darkred .arrow.right .btn {
  margin-right: 7px;
}
.asg-modal.darkred {
  background-color: #252c31;
}
.asg-modal.darkred .frame {
  margin: 0;
}
.asg-modal.darkred .btn {
  background-image: none;
  border-radius: 3px;
  text-shadow: none;
  transition: all 0.2s ease-in-out;
}
.asg-modal.darkred .btn-default {
  background-color: #445059;
  border: none;
  color: #8fa9cc;
}
.asg-modal.darkred .btn-default:focus,
.asg-modal.darkred .btn-default:hover {
  background-color: #ff4343;
  border: none;
  color: #252c31;
  outline: none;
}
.asg-modal.darkred .header {
  background-color: #252c31;
  color: #8fa9cc;
}
.asg-modal.darkred .header .buttons {
  margin: 4px 4px 5px 14px;
}
.asg-modal.darkred .header .title {
  color: #ff4343;
  margin: 3px 10px 4px 12px;
  text-transform: uppercase;
}
.asg-modal.darkred .header .subtitle {
  background: #ff4343;
  color: #252c31;
  margin: 6px 10px 4px;
  padding: 2px 10px;
}
.asg-modal.darkred .caption .content,
.asg-modal.darkred .help {
  background-color: rgba(37, 44, 49, 0.77);
  color: #8fa9cc;
}
.asg-modal.darkred .caption .content {
  line-height: 32px;
  padding: 0;
}
.asg-modal.darkred .asg-thumbnail {
  background-color: rgba(37, 44, 49, 0.77);
}
.asg-modal.darkred .asg-thumbnail .item img {
  height: 77px;
}
.asg-control.darkred {
  background-color: #252c31;
}
.asg-control.darkred .btn {
  background-image: none;
  border-radius: 3px;
  text-shadow: none;
  transition: all 0.2s ease-in-out;
}
.asg-control.darkred .btn-default {
  background-color: transparent;
  border: none;
  color: #ff4343;
}
.asg-control.darkred .btn-default:focus,
.asg-control.darkred .btn-default:hover {
  background-color: #ff4343;
  border: none;
  color: #252c31;
  outline: none;
}
.asg-info.darkred {
  color: #ff4343;
}
.asg-info.darkred,
.asg-panel.darkred,
.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 {
  background-color: #252c31;
  color: #ff4343;
  float: left;
  font-size: 10px;
  margin-right: 7px;
  padding: 1px 7px;
  position: relative;
  right: unset;
  top: unset;
}
.asg-panel.darkred .item .caption {
  display: inline-block;
  margin-bottom: 15px;
  max-height: 21px;
  padding: 3px 0;
  transition: color 0.4s;
}
.asg-thumbnail.whitegold {
  background-color: #d4c386;
  padding: 4px;
}
.asg-thumbnail.whitegold .item {
  background-color: #212121;
  margin: 0 4px 0 0;
  opacity: 0.64;
}
.asg-thumbnail.whitegold .item.selected {
  opacity: 1;
}
.asg-thumbnail.whitegold .item.selected .index,
.asg-thumbnail.whitegold .item:hover .index {
  opacity: 1;
  right: 0;
}
.asg-thumbnail.whitegold .item .index {
  background-color: rgba(33, 33, 33, 0.64);
  bottom: 0;
  color: #d4c386;
  opacity: 0;
  right: -10px;
  top: 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 {
  background-image: none;
  border-radius: 0;
  text-shadow: none;
  transition: all 0.3s ease-in-out;
}
.asg-image.whitegold .btn-default {
  background-color: transparent;
  border: 1px solid #f1f1f1;
  color: #f1f1f1;
}
.asg-image.whitegold .btn-default:focus,
.asg-image.whitegold .btn-default:hover {
  background-color: #f1f1f1;
  border: 1px solid #d4c386;
  color: #d4c386;
  outline: none;
}
.asg-modal.whitegold {
  background-color: #d4c386;
}
.asg-modal.whitegold .btn {
  background-image: none;
  border-radius: 0;
  text-shadow: none;
  transition: all 0.3s ease-in-out;
}
.asg-modal.whitegold .btn-default {
  background-color: transparent;
  border: 1px solid #f1f1f1;
  color: #f1f1f1;
}
.asg-modal.whitegold .btn-default:focus,
.asg-modal.whitegold .btn-default:hover {
  background-color: #f1f1f1;
  border: 1px solid #d4c386;
  color: #d4c386;
  outline: none;
}
.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: hsla(47, 48%, 68%, 0.77);
  color: #f1f1f1;
}
.asg-modal.whitegold .caption .content {
  background-color: hsla(47, 48%, 68%, 0.56);
  color: #f1f1f1;
}
.asg-control.whitegold {
  background-color: #d4c386;
}
.asg-control.whitegold .btn {
  background-image: none;
  border-radius: 0;
  text-shadow: none;
  transition: all 0.3s ease-in-out;
}
.asg-control.whitegold .btn-default {
  background-color: transparent;
  border: 1px solid #f1f1f1;
  color: #f1f1f1;
}
.asg-control.whitegold .btn-default:focus,
.asg-control.whitegold .btn-default:hover {
  background-color: #f1f1f1;
  border: 1px solid #d4c386;
  color: #d4c386;
  outline: none;
}
.asg-info.whitegold {
  background-color: #d4c386;
  color: #f1f1f1;
}
.asg-info.whitegold a {
  border-bottom: 1px dashed #d4c386;
  color: #f1f1f1;
  text-decoration: none;
}
.asg-info.whitegold a:hover {
  border-bottom: 1px solid #d4c386;
  text-decoration: none;
}
.asg-panel.whitegold .item.selected {
  border-color: #d4c386;
}
.asg-panel.whitegold .item.selected .index {
  background-color: #d4c386;
  color: #f1f1f1;
}
.asg-panel.whitegold .item .index {
  border-radius: 2px;
  bottom: 5px;
  color: #d4c386;
  font-size: 12px;
  line-height: 17px;
  padding: 0 4px;
  right: 15px;
  top: inherit;
}