/*FONTS*/
/*BREAKPOINTS*/
/*PX to REMS*/
/*VIDEO COMPONENT*/
#video-gallery {
  padding: 40px 0; }
  #video-gallery h2 {
    font-size: 24px;
    font-size: 1.5rem;
    margin: 0 0 40px; }
  #video-gallery .video-item img {
    display: block;
    height: auto;
    width: 100%; }
  #video-gallery .swiper-container {
    width: 100%; }
    @media only screen and (min-width: 500px) {
      #video-gallery .swiper-container {
        width: 70%; } }
    @media only screen and (min-width: 1000px) {
      #video-gallery .swiper-container {
        width: 50%;
        max-width: 880px; } }
    #video-gallery .swiper-container .swiper-pagination {
      position: relative;
      margin-top: 20px; }
      #video-gallery .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
        background: #fff; }
      #video-gallery .swiper-container .swiper-pagination .swiper-pagination-bullet {
        background: #eee; }

.video-contain {
  overflow: hidden; }
  .video-contain .wrap {
    height: 100%;
    margin: 0 auto; }
    .video-contain .wrap .inner {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
  .video-contain.header-content-item {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0; }

.video-overlay {
  top: 50px;
  left: 10px;
  background-color: red; }

.umg-gr-display-layout-slider #feature-video.video-contain,
.umg-gr-display-layout-grid #feature-video.video-contain,
.c-exhibition #feature-video.video-contain {
  max-width: 750px; }
  .umg-gr-display-layout-slider #feature-video.video-contain .wrap,
  .umg-gr-display-layout-grid #feature-video.video-contain .wrap,
  .c-exhibition #feature-video.video-contain .wrap {
    padding-bottom: 0; }

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