.lg-jumptotrans .lg-item {
  opacity: 0;
  will-change: transform, opacity;
}

.lg-jumptotrans .lg-item.lg-current,
.lg-jumptotrans .lg-item.lg-next-slide.lg-slide-progress,
.lg-jumptotrans .lg-item.lg-prev-slide.lg-slide-progress
{
  opacity: 1;
}
.lg-jumptotrans .lg-item.lg-current,
.lg-jumptotrans .lg-item.lg-next-slide,
.lg-jumptotrans .lg-item.lg-prev-slide
{
  -webkit-transition: none 0s ease 0s;
  -moz-transition: none 0s ease 0s;
  -o-transition: none 0s ease 0s;
  transition: none 0s ease 0s;
}

.lg-jumptobutton {
  font-family: 'Font Awesome 5 Free' !important;
  speak: never;
  font-style: normal;
  font-variant: normal;
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 19px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-rendering: auto;
  will-change: color;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
  background: none;
  border: none;
  box-shadow: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
}
.lg-jumptobutton::after {
  content: "\f073";
}
.lg-jumptobutton:hover {
  color: #fff;
}
.lg-next, .lg-prev, .lg-daynext, .lg-dayprev {
  font-family: 'Font Awesome 5 Free' !important;
  speak: never;
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  width: 40px;
}
.lg-next, .lg-prev {
  top: calc(50% - 20px);
}
.lg-next.mobile-arrow, .lg-prev.mobile-arrow {
  top: calc(50% - 15px);
  padding: 15px 10px 15px;
}
.lg-next.mobile-arrow {
  right: 0;
}
.lg-prev.mobile-arrow {
  left: 0;
}
.lg-daynext, .lg-dayprev {
  top: calc(50% + 20px);
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  z-index: 1080;
  outline: none;
  border: none;
}
.lg-next:before {
  content: '\f105';
}
.lg-prev:after {
  content: '\f104';
}
.lg-daynext.disabled,
.lg-dayprev.disabled {
  opacity: 0 !important;
  cursor: default;
}

.lg-daynext:hover:not(.disabled),
.lg-dayprev:hover:not(.disabled) {
  color: #fff;
}

.lg-single-item .lg-daynext, .lg-single-item
.lg-dayprev {
  display: none;
}

.lg-daynext {
  right: 20px;
}

.lg-daynext:before {
  content: '\f101';
}

.lg-dayprev {
  left: 20px;
}

.lg-dayprev:after {
  content: '\f100';
}
