.vvikcom-slideshow-container {
  min-height: 300px;
  max-height: 100vh;
  height: 100%;
  width: 100%;
  padding-bottom: 40%;
  position: relative;
  overflow: hidden; }
  .vvikcom-slideshow-container button {
    position: absolute;
    top: 50%;
    z-index: 3;
    color: rgba(255, 255, 255, 0.85);
    background: transparent;
    padding: 0px;
    border: none;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
    .vvikcom-slideshow-container button:focus {
      outline: none; }
    .vvikcom-slideshow-container button[data-action="prev"] {
      left: 10px; }
    .vvikcom-slideshow-container button[data-action="next"] {
      right: 10px; }
    .vvikcom-slideshow-container button span {
      width: 48px;
      height: 48px;
      font-size: 48px;
      display: block;
      text-align: center; }
  .vvikcom-slideshow-container[data-direction="next"] .slideshow-item {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
    .vvikcom-slideshow-container[data-direction="next"] .slideshow-item.fade-in {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
      z-index: 2; }
    .vvikcom-slideshow-container[data-direction="next"] .slideshow-item.fade-out {
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%); }
  .vvikcom-slideshow-container[data-direction="prev"] .slideshow-item {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
    .vvikcom-slideshow-container[data-direction="prev"] .slideshow-item.fade-in {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
      z-index: 2; }
    .vvikcom-slideshow-container[data-direction="prev"] .slideshow-item.fade-out {
      -webkit-transform: translateX(100%);
              transform: translateX(100%); }
  .vvikcom-slideshow-container .slideshow-item {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-position: 50% 50%;
    background-size: cover;
    opacity: 1;
    z-index: 1;
    display: inline-block;
    vertical-align: bottom;
    -webkit-transition: all 0.25s;
    transition: all 0.25s; }
    .vvikcom-slideshow-container .slideshow-item .slide-inner {
      width: 100%;
      height: 100%;
      position: relative; }
      .vvikcom-slideshow-container .slideshow-item .slide-inner .overlay {
        position: absolute;
        bottom: 0px;
        left: 0px;
        right: 0px;
        width: 100%;
        background: rgba(0, 0, 0, 0.7);
        z-index: 2;
        color: #fff;
        padding: 1em;
        text-align: center; }
/*# sourceMappingURL=bb-vvikcom-slideshow.css.map */