@charset "UTF-8";
@font-face { font-family: "Ionicons"; src: url("ionicons/fonts/ionicons.eot?v=2.0.0"); src: url("ionicons/fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"), url("ionicons/fonts/ionicons.ttf?v=2.0.0") format("truetype"), url("ionicons/fonts/ionicons.woff?v=2.0.0") format("woff"), url("ionicons/fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg"); font-weight: normal; font-style: normal; }

/* =========================================
Personalização do Player Cross Host
========================================= */
/*BG Fullscreen*/
.flowplayer.is-fullscreen .fp-player {background: #000;}
/* --- Cores de itens ativos --- */
.flowplayer .fp-color {background-color: #f00;}

/* =========================================
Load Screen
========================================= */
.ch-center-absolute {position: absolute; top:0; left: 0; right: 0; bottom: 0;margin: auto;}

/* ===== Load ===== */
.flowplayer .fp-waiting {height: 100%; top: 0; margin: 0!important;}
.flowplayer .fp-waiting * {box-shadow: none!important; -webkit-box-shadow:none!important;}
.flowplayer .fp-waiting .ch-load {width: 100%; max-width: 90px; max-height: 20px;}
.flowplayer .fp-waiting .ch-load .ch-object {width: 22.5%; max-width: 20px; height: 100%; max-height: 20px; background-color: #FFF;float: left;margin: 0 5%; -moz-border-radius: 50% 50% 50% 50%;-webkit-border-radius: 50% 50% 50% 50%;border-radius: 50% 50% 50% 50%;}
/*Animação*/
.flowplayer .fp-waiting .ch-load #object_one {
    -webkit-animation: object_one 1.5s infinite;
    animation: object_one 1.5s infinite;
}

.flowplayer .fp-waiting .ch-load #object_two {
    -webkit-animation: object_two 1.5s infinite;
    animation: object_two 1.5s infinite;
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
}

.flowplayer .fp-waiting .ch-load #object_three {
    -webkit-animation: object_three 1.5s infinite;
    animation: object_three 1.5s infinite;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

@-webkit-keyframes object_one {
    75% {
        -webkit-transform: scale(0);
    }
}

@keyframes object_one {
    75% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }
}

@-webkit-keyframes object_two {
    75% {
        -webkit-transform: scale(0);
    }
}

@keyframes object_two {
    75% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }
}

@-webkit-keyframes object_three {
    75% {
        -webkit-transform: scale(0);
    }
}

@keyframes object_three {
    75% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }
}


/* =========================================
Error Screen
========================================= */
.flowplayer.is-error {position: relative!important;}
.flowplayer.is-error .fp-message {max-width: 220px; font-size: 12px; text-align: center; border-radius: 10px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-height: 40px; padding-top: 13px;}

/*Animação*/
.flowplayer.is-error .fp-ui {
    background-image: url(../img/noise.png)!important;
    background-repeat: repeat!important;
    background-position: 0 0;
    width: 100%;
    height: 100%;
    -webkit-animation: noiseAnim 0.3s infinite linear alternate;
       -moz-animation: noiseAnim 0.3s infinite linear alternate;
         -o-animation: noiseAnim 0.3s infinite linear alternate;
            animation: noiseAnim 0.3s infinite linear alternate;
}
@-webkit-keyframes noiseAnim{
  0%   { background-position: 10px 200px; }
  20%  { background-position: -50px 0; }
  40%  { background-position: 100px -10px; }
  60%  { background-position: 0 -150px; }
  80%  { background-position: -100px -30px; }
  100% { background-position: 160px -60px; }
}
@-moz-keyframes noiseAnim {
  0%   { background-position: 10px 200px; }
  20%  { background-position: -50px 0; }
  40%  { background-position: 100px -10px; }
  60%  { background-position: 0 -150px; }
  80%  { background-position: -100px -30px; }
  100% { background-position: 160px -60px; }
}
@-o-keyframes noiseAnim {
  0%   { background-position: 10px 200px; }
  20%  { background-position: -50px 0; }
  40%  { background-position: 100px -10px; }
  60%  { background-position: 0 -150px; }
  80%  { background-position: -100px -30px; }
  100% { background-position: 160px -60px; }
}
@keyframes noiseAnim {
  0%   { background-position: 10px 200px; }
  20%  { background-position: -50px 0; }
  40%  { background-position: 100px -10px; }
  60%  { background-position: 0 -150px; }
  80%  { background-position: -100px -30px; }
  100% { background-position: 160px -60px; }
}


/* =========================================
Player Screen
========================================= */

/* --- TOPO --- */
.flowplayer .fp-header {text-align: right;}

/*Share*/
.fp-icon.fp-share:before {font-family: "Ionicons"}
.fp-share:before {content: "\f2f8"}

/*Bug Share Menu*/
.fp-menu.fp-share-menu {display: none}
.fp-menu.fp-share-menu.fp-active {display: inherit;}
.fp-menu.fp-share-menu strong {font-size: 12px;}

/* --- Barra de Controle --- */
.flowplayer .fp-controls {background: url(../img/fx-gradient-bottom.png) bottom  repeat-x!important;}

/*Play*/
.fp-icon.fp-playbtn:before {font-family: "Ionicons"}
.fp-playbtn:before {content: "\f215"; font-size: 20px;}
.flowplayer.is-playing .fp-playbtn:before {content: "\f478"; font-size: 20px; margin-right: 2px;}

/*Time*/
.flowplayer .fp-controls .fp-elapsed {font-size: 12px; padding-top: 2px}
/*Ao Vivo (Original)*/
.flowplayer .fp-controls .fp-duration {font-size: 12px; padding-top: 1px;}
.flowplayer .fp-controls .fp-duration:before {content: " •"; font-size: 34px; vertical-align: middle; margin-right: 3px; color: #f00;}

/*Ao Vivo (Hack)*/
.flowplayer .fp-controls .ch-live {font-size: 12px; padding-top: 2px; min-width: 57px;}
.flowplayer .fp-controls .ch-live:before {content: "•"; font-size: 34px; vertical-align: middle; margin-right: 3px; color: #f00;}

/*Logo*/
.ch-assinatura {max-width: 112px; max-height: 21px; width: 100%; height: 100%;}
.ch-assinatura img{width: 100%!important; height: 100%!important;}

/*Volume*/
.fp-icon.fp-volumebtn:before {font-family: "Ionicons";}
.fp-volumebtn:before {content: "\f259"; font-size: 20px; margin-right: 8px;}
.flowplayer .fp-bar-slider em {margin-left: 0; border-radius: 0; max-height: 4px;margin-top: 6px; fill: none; width: 10px;}
.flowplayer .fp-bar-slider em.fp-grey {background: #222;}

/*FullScreen*/
.fp-icon.fp-fullscreen:before {font-family: "Ionicons"}
.fp-fullscreen:before {content: "\f386"; font-size: 20px;}
.flowplayer.is-fullscreen .fp-fullscreen:before {content: "\f37d"}


/* =========================================
Player Responsivo
========================================= */
/*video-xxs*/
@media screen and (max-width: 175px) {
    .ch-live {display: none!important;}
}
/*video-xs*/
@media screen and (max-width: 299px) {
    .ch-assinatura, .fp-volume, .fp-header, .fp-elapsed {display: none!important;}
}
/*video-sm*/
@media screen and (min-width: 300px) {
    .ch-assinatura, .fp-volume {display: none!important;}
}
/*video-md*/
@media screen and (min-width: 500px) {
    .ch-assinatura {display: none!important;}
    .fp-volume {display: inherit!important;}
}
/*video-lg*/
@media screen and (min-width: 620px) {
    .ch-assinatura, .fp-volume {display: inherit!important;}
}

/* =========================================
Goodbye!
========================================= */
.hidden {display: none;}