[data-player],
[data-vimeo],
[data-embed] {
  position: relative;
}
[data-player] .play,
[data-embed] .close,
[data-vimeo] .close {
  color: #fff;
  padding: 11px;
  text-transform: uppercase;
background-color: transparent;
}
[data-player] .play:hover,
[data-embed] .close:hover,
[data-vimeo] .close:hover {
  color: #fff;
background-color: transparent;
}
[data-embed] .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
[data-embed] .close {
  position: absolute;
  top: 0;
 right: 4%;
  z-index: 100;
  background-color: #000;
}
[data-embed] .close i:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.vimeo[class*="elem-"],
.youtube[class*="elem-"] {
  width: 440px;
}

.youtube,
.vimeo {
  position: relative;
  cursor: pointer;
  width: 100%;
  font-size: 0;
}
.youtube:before,
.vimeo:before,
.vimeo:after,
.youtube:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.vimeo:before,
.youtube:before {
  content: "";
  background-color: #fff;
  width: 40px;
  height: 40px;
}

.vimeo:after,
.youtube:after {
  font-size: 70px;
  color: #ff0000;
  font-family: "fontello";
  font-weight: 400;
  margin: 0;
  font-style: normal;
  content: "\e80e";
}
.vimeo:after {
  color: rgb(0, 173, 239);
}
.vimeo:hover:after,
.youtube:hover:after {
  color: #4d4d4d;
}

.vimeo.active:before,
.vimeo.active:after,
.youtube.active:before,
.youtube.active:after {
  display: none;
}

#banner video {
  max-width: 100%;
  width: 100%;
}