html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: 400;
}

@-moz-document url-prefix() {
  body {
    font-weight: lighter !important;
  }
}

.lens-video {
  background:#efefef;
  cursor: pointer;
  height:0;
  position:relative;
  padding:0 0 56.25% 0;

  transition: margin .5s ease-out;
}
.lens-video:before {
  color:#001a57;
  content:"\e984";
  display:block;
  font-family:'duke-icons';
  font-size:2rem;
  line-height:1em;
  position:absolute;
  left:50%;
  top:50%;
  margin:-1rem -1rem 0;
  -webkit-animation:spin 1s linear infinite;
  -moz-animation:spin 1s linear infinite;
  animation:spin 1s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.lens-video.slim {
  padding:0 0 41.6667% 0;
}

.lens-video:after {
  content:"";
  cursor:pointer;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:350;
}

@media (min-width: 640px) {
  .lens-video.narrow {
    margin:0 auto;
    padding:0 0 33.75% 0;
    width:60%;
  }
  .lens-video.narrow.slim {
    padding:0 0 25% 0;
  }
}
.lens-video.no-audio {
    cursor: normal;
}
.lens-video iframe {
  height:100%;
  left:0;
  position:absolute!important;
  top:0;
  width:100%;
  z-index:100;
}


.lens-video .caption-container {
  background:rgba(255,255,255,.85);
  display:none;
  padding:.5em;
  position:absolute;
  z-index:351;

  transition: bottom .5s ease-out;
}


@media (min-width: 600px) {
  .lens-video .caption-container {
    left:50%;
    margin-left:-25%;
    bottom:0;
    width:50%;
  }
}

.lens-video.captions-on .caption-container {
  display:block;
  bottom:1em;
}

.lens-video .controls {
  position:absolute;
  bottom:1em;
  right:1em;
  z-index:366;
}

.lens-video button {
  background:none;
  border:0;
  color:#fff;
  cursor: pointer;
  display:inline-block;
  opacity: .75;
  text-indent:-9999em;
  text-shadow:1px 1px 0 rgba(0,0,0,.5), 1px -1px 0 rgba(0,0,0,.5), -1px 1px 0 rgba(0,0,0,.5), -1px -1px 0 rgba(0,0,0,.5);
  vertical-align:middle;
  width:2em;
}

.lens-video button:after {
  display:block;
  font-family: 'duke-icons';
  font-size:1em;
  text-align:center;
  text-indent:0;

  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lens-video button:focus {
  text-shadow:1px 1px 5px #8a8a8a, 1px -1px 5px #8a8a8a, -1px 1px 5px #8a8a8a, -1px -1px 5px #8a8a8a;
}

.lens-video.audio .mute-unmute:after {
  content:"\ea27";
}

.lens-video .mute-unmute:after {
  content:"\ea29";
  font-size:1.5em;
}

.lens-video .captions:after {
  content:"\f20a";
}

.lens-video.captions-on.audio {
  margin-bottom:3em;
}

.lens-video.captions-on .captions:after {
  text-shadow:1px 1px 3px #005587, 1px -1px 3px #005587, -1px 1px 3px #005587, -1px -1px 3px #005587;
}

.lens-video.captions-on .captions {
  text-shadow:1px 1px 3px #005587, 1px -1px 3px #005587, -1px 1px 3px #005587, -1px -1px 3px #005587;
}

.lens-video .stop:after {
  content:"\ea1e";
}

.vp-controls {
  display:none!important;
}

.lens-video.audio-teaser .mute-unmute {
  text-indent:0;
  vertical-align:bottom;
  width:auto;
}

.lens-video.audio-teaser.audio .mute-unmute {
  text-indent:-9999em;
}

.lens-video.audio-teaser .mute-unmute:after {
  display:inline-block;
  margin-left:.5em;
  vertical-align:bottom;
}

.lens-video.audio-teaser.audio .mute-unmute:after {
  display:block;
}