.video.slider {
  font-family: 'Gilroy-regular';
  letter-spacing: 1px;
  margin-bottom: 5em; }
  .video.slider .swiper-slide {
    position: relative;
    overflow: hidden;
    width: 320px; }
    @media (min-width: 1080px) {
      .video.slider .swiper-slide {
        margin-right: 30px; } }
  .video.slider .video-inner {
    position: relative;
    width: 320px;
    margin: 0 auto; }
    .video.slider .video-inner.inv .video-crop-top {
      background-image: url("images/video-border2.png"); }
    .video.slider .video-inner.inv .video-label-title:before {
      background: rgba(90, 90, 90, 0.57); }
    .video.slider .video-inner .video-wrapper {
      position: absolute;
      left: 2%;
      top: 3%;
      right: 11%;
      display: flex;
      align-items: center; }
    .video.slider .video-inner .video-crop-top {
      position: relative;
      background-image: url("images/video-border1.png");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100% auto;
      width: 100%;
      padding-top: 145%;
      cursor: pointer; }
    .video.slider .video-inner .video-crop-bottom {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background: url("images/play.png") no-repeat center;
      background-size: 100px auto; }
    .video.slider .video-inner img.video-preview {
      width: 100%; }
    .video.slider .video-inner .video-label-timing {
      position: absolute;
      left: 0;
      top: 13%;
      padding: 5px 10px 5px 20px;
      display: flex;
      align-items: center; }
      .video.slider .video-inner .video-label-timing span {
        color: #fff;
        position: relative; }
      .video.slider .video-inner .video-label-timing:before {
        content: "";
        background: rgba(90, 90, 90, 0.57);
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        transform: rotate(-5deg) skew(-5deg);
        left: 1px; }
    .video.slider .video-inner .video-label-title {
      position: absolute;
      left: 2%;
      bottom: 20%;
      padding: 5px 10px;
      max-width: 70%;
      height: 2.6em;
      line-height: 1.3em;
      display: flex;
      align-items: center; }
      .video.slider .video-inner .video-label-title span {
        color: #fff;
        position: relative; }
      .video.slider .video-inner .video-label-title:before {
        content: "";
        background: rgba(25, 0, 57, 0.59);
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        transform: rotate(-1deg) skew(5deg);
        left: 0; }

.video-wrapper {
  position: relative; }
  .video-wrapper .slider__nav-button--prev, .video-wrapper .slider__nav-button--next {
    display: block;
    width: 1.2em;
    height: 1.2em;
    border-top: 1px solid black;
    border-right: 1px solid black;
    position: absolute;
    top: 50%;
    margin-top: -0.2em;
    cursor: pointer; }
    .video-wrapper .slider__nav-button--prev.swiper-button-disabled, .video-wrapper .slider__nav-button--next.swiper-button-disabled {
      pointer-events: none;
      opacity: .5; }
  .video-wrapper .slider__nav-button--prev {
    transform: rotateZ(225deg);
    left: -1em; }
    @media screen and (max-width: 1023px) {
      .video-wrapper .slider__nav-button--prev {
        left: 1em; } }
  .video-wrapper .slider__nav-button--next {
    transform: rotateZ(45deg);
    right: -1em; }
    @media screen and (max-width: 1023px) {
      .video-wrapper .slider__nav-button--next {
        right: 1em; } }

.gv-popup-overlay {
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center; }
.gv-popup-wrapper {
  width: 100%;
  max-width: 100%;
  height: 100%; }
.gv-popup-inner {
  position: relative;
  height: 100%; }
.gv-popup-content {
  height: 100%; }
  .gv-popup-content-video {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000; }
.gv-popup-video-local {
  max-width: 100%;
  max-height: 100%; }
.gv-popup-close {
  width: 2em;
  height: 2em;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer; }
  .gv-popup-close:before, .gv-popup-close:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 3px;
    background: #fff;
    top: 43%; }
  .gv-popup-close:before {
    transform: rotate(45deg); }
  .gv-popup-close:after {
    transform: rotate(135deg); }

/*# sourceMappingURL=style.css.map */