@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 {display: none!important;}
.flowplayer.is-loading .fp-waiting {display: block!important;}
.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;}
    .ch-assinatura img {display: none!important;}
    .fp-volume {display: inherit!important;}
}
/*video-lg*/
@media screen and (min-width: 620px) {
    .ch-assinatura, .fp-volume {display: inherit!important;}
}
.flowplayer .fp-menu {
    z-index: 99 !important;
}
/* =========================================
Goodbye!
========================================= */
.hidden {display: none;}
.flowplayer.is-loading {background:#000!important}
/* customized error display and message */
.flowplayer.is-offline .fp-controls,
.flowplayer.is-offline .fp-play {
    display: none !important;
}
.flowplayer.is-offline .fp-message {
    color: transparent; /* hides engine prefix of message */
    width: 100%;
    height: 100%;
    background-image: url(http://demos.flowplayer.org/media/img/interruption.png);
    text-align: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.flowplayer.is-offline .fp-message h2,
.flowplayer.is-offline .fp-message p {
    font-weight: bold;
    color: #000;
    text-shadow: 1px 1px #fff;
    margin-top: 20px;
}
.flowplayer.is-offline .fp-message h2 {
    margin-top: 15%;
    font-size: 120%;
    /*18px*/
}
.flowplayer.is-error .fp-message{
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height:100%;
    font-size: 16px;
    border-radius: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 1px;
    margin: auto;
    padding-top: 0px;
    background-image: url(/assets/plugins/flowplayer/images/interruption.png);
}