/* line 22, ../stylesheets/_sprites.sass */
.player > .permalink > .watermark {
  background: url('../images/iframe-s010f47b772.png') no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  /* line 26, ../stylesheets/_sprites.sass */
  .player > .permalink > .watermark {
    background: url('../images/iframe-retina-s7b2cb6d558.png') no-repeat;
    -webkit-background-size: 132px auto;
    -moz-background-size: 132px auto;
    -o-background-size: 132px auto;
    background-size: 132px auto;
  }
}
/* line 11, ../stylesheets/main.sass */
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 16, ../stylesheets/main.sass */
html {
  font-family: Arial, Helvetica, clean, sans-serif;
  color: white;
  background: black;
}

/* line 21, ../stylesheets/main.sass */
a {
  text-decoration: none;
  color: #6592e2;
}
/* line 24, ../stylesheets/main.sass */
a:hover {
  text-decoration: underline;
}

/* line 27, ../stylesheets/main.sass */
body, #doc, iframe, object, embed,
.ooyala-player-footprint,
.player, .player > .thumbnail, .player > .code {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden;
}

/* line 35, ../stylesheets/main.sass */
body.message_only {
  text-align: center;
  vertical-align: middle;
  background-color: black;
  color: white;
  font-family: Helvetica, Arial, sans-serif;
}

/* line 42, ../stylesheets/main.sass */
.message_only p {
  margin: 15% 15px 5%;
}

/* line 45, ../stylesheets/main.sass */
.player {
  display: none;
}
/* line 47, ../stylesheets/main.sass */
.js .player {
  display: block;
}
/* line 49, ../stylesheets/main.sass */
.player > .code {
  z-index: 1;
}

/* line 52, ../stylesheets/main.sass */
.player > .permalink {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  text-align: right;
  color: white;
  -webkit-transform: scale(0.7) translate(38px, -12px);
  -moz-transform: scale(0.7) translate(38px, -12px);
  -ms-transform: scale(0.7) translate(38px, -12px);
  -o-transform: scale(0.7) translate(38px, -12px);
  transform: scale(0.7) translate(38px, -12px);
}
/* line 60, ../stylesheets/main.sass */
.player > .permalink > .text {
  display: inline-block;
  padding: 4px 6px;
  background: black;
  -webkit-border-radius: 0 0 0 6px;
  -moz-border-radius: 0 0 0 6px;
  -ms-border-radius: 0 0 0 6px;
  -o-border-radius: 0 0 0 6px;
  border-radius: 0 0 0 6px;
  font-size: 11px;
  font-weight: bold;
  opacity: 0.4;
  -webkit-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  -o-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
  -webkit-transform: scale(1.1) translate(-22px, 8px);
  -moz-transform: scale(1.1) translate(-22px, 8px);
  -ms-transform: scale(1.1) translate(-22px, 8px);
  -o-transform: scale(1.1) translate(-22px, 8px);
  transform: scale(1.1) translate(-22px, 8px);
}
/* line 70, ../stylesheets/main.sass */
.player > .permalink > .watermark {
  display: block;
  margin: 6px 6px 0 0;
  background-position: 0 0;
  height: 62px;
  width: 132px;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  -o-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
/* line 76, ../stylesheets/main.sass */
.player > .permalink > .watermark + .text {
  position: absolute;
  top: 0;
  right: 45px;
  opacity: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: opacity 0.3s ease-in, top 0s;
  -webkit-transition-delay: 0s, 0.3s;
  -moz-transition: opacity 0.3s ease-in, top 0s 0.3s;
  -o-transition: opacity 0.3s ease-in, top 0s 0.3s;
  transition: opacity 0.3s ease-in, top 0s 0.3s;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
/* line 85, ../stylesheets/main.sass */
.player > .permalink:hover > .text, .player > .permalink:hover > .watermark {
  opacity: 1;
}
/* line 87, ../stylesheets/main.sass */
.player > .permalink:hover > .watermark + .text {
  top: 60px;
  opacity: 0.45;
  -webkit-transition-delay: 0s, 0s;
  -moz-transition-delay: 0s, 0s;
  -o-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
}
@media (min-width: 500px) {
  /* line 92, ../stylesheets/main.sass */
  .player > .permalink, .player > .permalink > .text, .player > .permalink > .watermark + .text {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

/* line 95, ../stylesheets/main.sass */
.player.ad_playing > .permalink {
  display: none;
}

/* line 99, ../stylesheets/main.sass */
.player > .thumbnail {
  z-index: 2;
  top: 0;
  left: 0;
  background: black;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  max-height: 100%;
  -webkit-transition: opacity 0.3s ease-out, max-height 0s;
  -webkit-transition-delay: 0s, 0.3s;
  -moz-transition: opacity 0.3s ease-out, max-height 0s 0.3s;
  -o-transition: opacity 0.3s ease-out, max-height 0s 0.3s;
  transition: opacity 0.3s ease-out, max-height 0s 0.3s;
}
/* line 109, ../stylesheets/main.sass */
.player > .thumbnail > img, .player > .thumbnail > .play {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
}
/* line 117, ../stylesheets/main.sass */
.player > .thumbnail > img {
  width: 100%;
}
/* line 119, ../stylesheets/main.sass */
.player > .thumbnail > .play {
  bottom: 15px;
  width: 49px;
  height: 49px;
  background: url(../images/play-button.svg) center center no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  opacity: 0.6;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
/* line 128, ../stylesheets/main.sass */
.player > .thumbnail:hover > .play {
  opacity: 1;
}

/* line 131, ../stylesheets/main.sass */
.player > .details {
  position: absolute;
  z-index: 3;
  right: 0;
  left: 0;
  bottom: 0;
  max-height: 23px;
  overflow: hidden;
  background: black;
  -webkit-transition: max-height 1s cubic-bezier(0, 0, 0.19, 1);
  -moz-transition: max-height 1s cubic-bezier(0, 0, 0.19, 1);
  -o-transition: max-height 1s cubic-bezier(0, 0, 0.19, 1);
  transition: max-height 1s cubic-bezier(0, 0, 0.19, 1);
}
/* line 141, ../stylesheets/main.sass */
.player > .details > h1 {
  max-height: 21px;
  padding: 3px 10px 6px;
  overflow: hidden;
  font-size: 14px;
  line-height: 16px;
  -webkit-transition: max-height 1s cubic-bezier(0, 0, 0.19, 1);
  -moz-transition: max-height 1s cubic-bezier(0, 0, 0.19, 1);
  -o-transition: max-height 1s cubic-bezier(0, 0, 0.19, 1);
  transition: max-height 1s cubic-bezier(0, 0, 0.19, 1);
}
/* line 148, ../stylesheets/main.sass */
.player > .details > h1 > a {
  color: white;
  text-decoration: none;
}
/* line 151, ../stylesheets/main.sass */
.player > .details > .description {
  padding: 0 10px 6px;
  font-size: 13px;
  line-height: 1.4em;
  color: #bfbfbf;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -webkit-transition-delay: 0.3s;
  -moz-transition: opacity 0.3s ease-out 0.3s;
  -o-transition: opacity 0.3s ease-out 0.3s;
  transition: opacity 0.3s ease-out 0.3s;
  -webkit-font-smoothing: antialiased;
}
/* line 159, ../stylesheets/main.sass */
.player > .details:hover {
  max-height: 100%;
  overflow: auto;
}
/* line 162, ../stylesheets/main.sass */
.player > .details:hover > h1 {
  max-height: 9999px;
}
/* line 164, ../stylesheets/main.sass */
.player > .details:hover > .description {
  opacity: 1;
  -webkit-transition-duration: 0.15s;
  -moz-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-delay: 0.15s;
  -moz-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
@media (min-width: 500px) {
  /* line 131, ../stylesheets/main.sass */
  .player > .details {
    max-height: 28px;
  }
  /* line 170, ../stylesheets/main.sass */
  .player > .details > h1 {
    max-height: 26px;
    padding: 5px 10px 8px;
    font-size: 16px;
    line-height: 1.231em;
  }
  /* line 175, ../stylesheets/main.sass */
  .player > .details > .description {
    padding: 0 10px 8px;
  }
}

/* line 179, ../stylesheets/main.sass */
.player.activated > .thumbnail {
  opacity: 0;
  max-height: 0;
}
/* line 182, ../stylesheets/main.sass */
.player.activated > .details {
  max-height: 0;
}
/* line 184, ../stylesheets/main.sass */
.player.activated > .permalink > .watermark:not(:hover) {
  opacity: 0.25;
}
/* line 186, ../stylesheets/main.sass */
.is_touch .player.activated > .permalink > .watermark:not(:hover) {
  opacity: 0.4;
}