/* CSS Document */
/*
ANIMATIONS
*/
.off {
  visibility: hidden;
  opacity: 0;
  display: none;
}

.on {
  visibility: visible;
  opacity: 1;
}

.slowfadein {
  -webkit-animation-name: slowfadein;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-direction: normal;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
  -moz-animation-name: slowfadein;
  -moz-animation-duration: 1.5s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-direction: normal;
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  -moz-animation-play-state: running;
  animation-name: slowfadein;
  animation-duration: 1.5s;
  animation-timing-v: ease-out;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-play-state: running;
}

@-moz-keyframes slowfadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes slowfadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slowfadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadein {
  -webkit-animation-name: fadein;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-direction: normal;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
  -moz-animation-name: fadein;
  -moz-animation-duration: 0.3s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-direction: normal;
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  -moz-animation-play-state: running;
  animation-name: fadein;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-play-state: running;
}

@-moz-keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeout {
  -webkit-animation-name: fadeout;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-direction: normal;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
  -moz-animation-name: fadeout;
  -moz-animation-duration: 0.5s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-direction: normal;
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  -moz-animation-play-state: running;
  animation-name: fadeout;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-play-state: running;
}

@-moz-keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.closeout {
  -webkit-animation-name: closeout;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-direction: normal;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
  -moz-animation-name: closeout;
  -moz-animation-duration: 0.5s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-direction: normal;
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  -moz-animation-play-state: running;
  animation-name: closeout;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-play-state: running;
}

@-moz-keyframes closeout {
  0% {
    width: 100%;
  }
  100% {
    width: 0%;
  }
}
@-webkit-keyframes closeout {
  0% {
    width: 100%;
  }
  100% {
    width: 0%;
  }
}
@keyframes closeout {
  0% {
    width: 100%;
  }
  100% {
    width: 0%;
  }
}
.blurin {
  -webkit-animation-name: blurin;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-direction: normal;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
  -moz-animation-name: blurin;
  -moz-animation-duration: 2s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-direction: normal;
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  -moz-animation-play-state: running;
  animation-name: blurin;
  animation-duration: 2s;
  animation-timing-function: ease-out;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-play-state: running;
}

@-moz-keyframes blurin {
  0% {
    -webkit-filter: blur(10px);
    filter: blur(10px);
    transform: scaleX(300%);
  }
  70% {
    -webkit-filter: blur(8px);
    filter: blur(8px);
  }
  100% {
    -webkit-filter: blur(0);
    filter: blur(0);
    transform: scaleX(100%);
  }
}
@-webkit-keyframes blurin {
  0% {
    -webkit-filter: blur(10px);
    filter: blur(10px);
    transform: scaleX(300%);
  }
  70% {
    -webkit-filter: blur(8px);
    filter: blur(8px);
  }
  100% {
    -webkit-filter: blur(0);
    filter: blur(0);
    transform: scaleX(100%);
  }
}
@keyframes blurin {
  0% {
    -webkit-filter: blur(10px);
    filter: blur(10px);
    transform: scaleX(300%);
  }
  70% {
    -webkit-filter: blur(8px);
    filter: blur(8px);
  }
  100% {
    -webkit-filter: blur(0);
    filter: blur(0);
    transform: scaleX(100%);
  }
}
.flashin {
  -webkit-animation-name: flashin;
  -webkit-animation-duration: 0.7s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-direction: normal;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
  -moz-animation-name: flashin;
  -moz-animation-duration: 0.7s;
  -moz-animation-timing-function: ease;
  -moz-animation-direction: normal;
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  -moz-animation-play-state: running;
  animation-name: flashin;
  animation-duration: 0.7s;
  animation-timing-function: ease;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-play-state: running;
}

@-moz-keyframes flashin {
  0% {
    -webkit-filter: brightness(800%);
    filter: brightness(800%);
  }
  100% {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
  }
}
@-webkit-keyframes flashin {
  0% {
    -webkit-filter: brightness(800%);
    filter: brightness(800%);
  }
  100% {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
  }
}
@keyframes flashin {
  0% {
    -webkit-filter: brightness(800%);
    filter: brightness(800%);
  }
  100% {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
  }
}
.slidein {
  -webkit-animation-name: slidein;
  -webkit-animation-duration: 0.9s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-direction: normal;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
  -moz-animation-name: slidein;
  -moz-animation-duration: 0.9s;
  -moz-animation-timing-function: ease;
  -moz-animation-direction: normal;
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  -moz-animation-play-state: running;
  animation-name: slidein;
  animation-duration: 0.9s;
  animation-timing-function: ease;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-play-state: running;
}

@-moz-keyframes slidein {
  0% {
    height: 0%;
  }
  100% {
    height: 100%;
  }
}
@-webkit-keyframes slidein {
  0% {
    height: 0%;
  }
  100% {
    height: 100%;
  }
}
@keyframes slidein {
  0% {
    height: 0%;
  }
  100% {
    height: 100%;
  }
}
/* Default style, feel free to remove if not needed. */
body,
body * {
  vertical-align: baseline;
  border: 0;
  outline: 0;
  padding: 0;
  margin: 0;
}

#video_footer {
  position: absolute;
  width: 300px;
  height: 71px;
  bottom: 0px;
  left: 0px;
  background: transparent url("video_mortis_ddt.png") no-repeat bottom left;
}
.tonight #video_footer {
  background: transparent url("video_mortis_tonight.png") no-repeat bottom left;
}
.post #video_footer {
  background: transparent url("video_mortis_post.png") no-repeat bottom left;
}
.soon #video_footer {
  height: 66px;
  background: transparent url("video_mortis_comingsoon.png") no-repeat bottom left;
}

/* 
.tonight #video_footer, .tonight #mobile_cta {
  background: transparent url('300x250_video_mortis_tonight.png') no-repeat bottom left;
} */
#mobile_intro {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

#anim {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 300px;
  height: 250px;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

#anim img {
  max-width: 444px;
}

#base {
  position: absolute;
  width: 100%;
  height: 100%;
  background: no-repeat center;
  background-size: contain;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

#video-container {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 300px;
  height: 250px;
}

#video-container video {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 300px;
  height: 250px;
  display: block !important;
}

#resolve_bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #000000 url("resolve_bg.jpg") center center no-repeat;
  /* background-size: cover; */
}

#resolve_title {
  position: absolute;
  width: 0px;
  height: 0px;
  top: 0px;
  left: 0px;
  background: transparent;
  background-size: contain;
}

#resolve_sub {
  position: absolute;
  width: 146px;
  height: 29px;
  top: 7px;
  left: 76px;
  background: transparent url("resolve_subtitle.png") top left no-repeat;
}

#resolve_tune_in {
  position: absolute;
  bottom: 6px;
  left: 7px;
  width: 287px;
  height: 34px;
  background: transparent url("resolve_tunein_ddt.png") no-repeat bottom left;
}
.tonight #resolve_tune_in {
  width: 286px;
  height: 38px;
  bottom: 2px;
  background: transparent url("resolve_tunein_tonight.png") no-repeat bottom left;
}
.post #resolve_tune_in {
  width: 285px;
  height: 40px;
  background: transparent url("resolve_tunein_post.png") no-repeat bottom left;
}
.soon #resolve_tune_in {
  bottom: 9px;
  left: 92px;
  width: 115px;
  height: 33px;
  background: transparent url("resolve_tunein_comingsoon.png") no-repeat bottom left;
}

#resolve_cta {
  position: absolute;
  width: 0px;
  height: 0px;
  top: 0px;
  right: 0px;
  background: transparent;
  cursor: pointer;
}

/*  IE9 FX OVERRIDES    */
.ie9 #resolve_bg,
.ie9 #resolve_title,
.ie9 #resolve_tune_in,
.ie9 #resolve_cta {
  filter: progid:DXImageTransform.Microsoft.blur(enabled=false) !important;
  -webkit-filter: none !important;
  -moz-filter: none !important;
  -o-filter: none !important;
  -ms-filter: none !important;
  filter: none !important;
}

/* Div layer for the entire banner. */
#container_dc {
  position: absolute;
  width: 300px;
  height: 250px;
  background: #000000 url("resolve_bg.jpg") top left no-repeat;
  top: 0px;
  left: 0px;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}

#content_dc {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: transparent;
  border: 1px solid #000000;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  overflow: hidden;
}

/* Invisible button for background clickthrough. */
#background_exit_dc {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  cursor: pointer;
  opacity: 0;
}

#video_exit_dc {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0px;
  left: 0px;
  cursor: pointer;
  opacity: 0;
}

/* Div layer containing the video player and video controls. */
#video_container_dc {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background-color: transparent;
  border: 1px solid #000000;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#video_dc,
#mobile_video {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 300px;
  height: 250px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #000000;
  /* border: 1px solid #000000; */
}

/* .replay #video_dc, .replay #mobile_video {
    height: 250px;
} */
#video_controls {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 47px;
  height: 38px;
  background: transparent;
  cursor: pointer;
}

#video_controls button {
  cursor: pointer;
}

/* Video button hiding an positioning */
#video_controls button:hover {
  background-position: top center;
}

#video_control_play_dc {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 0px;
  background: transparent;
}

#video_control_pause_dc {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 0px;
  background: transparent;
}

#replay_dc {
  /* display: none !important; */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
  background: none;
}

#video_control_replay_dc {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 30px;
  height: 30px;
  background: url("replay_bn.png") no-repeat center;
  background-size: 19px auto;
  cursor: pointer;
  transform-origin: center center;
  -moz-transition: all 0.65s ease;
  -webkit-transition: all 0.65s ease;
  -ms-transition: all 0.65s ease;
  -o-transition: all 0.65s ease;
  transition: all 0.65s ease;
}

/* .mobile #video_control_replay_dc {
  filter: none;
} */
@media (hover: hover) {
  #video_control_replay_dc:hover {
    filter: grayscale(200%) brightness(300%);
  }

  #video_controls #video_control_play_dc:hover {
    background-position: 0px 0px;
  }

  #video_controls #video_control_unmute_dc:hover,
#video_controls #video_control_mute_dc:hover {
    background-position: 0px 2px;
  }
}
#video_control_unmute_dc {
  position: absolute;
  background: transparent url("sound_button_off.png") no-repeat bottom left;
  width: 27px;
  height: 25px;
  left: 5px;
  top: 5px;
}

#video_control_mute_dc {
  position: absolute;
  background: url("sound_button_on.png") no-repeat bottom left;
  width: 27px;
  height: 25px;
  left: 5px;
  top: 5px;
}

:focus {
  outline: none;
}

::-moz-focus-inner {
  border: 0;
}

/*	HIDES WEBKIT MEDIA CONTROLS */
*::-webkit-media-controls-panel {
  display: none !important;
  -webkit-appearance: none;
}

*::-webkit-media-controls-play-button {
  display: none !important;
  -webkit-appearance: none;
}

*::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}

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