@font-face {
	font-family: 'upper_FontAwesome';
	src: url('../../wp/wp-content/plugins/eventON/assets/fonts/evo_fontawesome-webfont.eot?v=4.7.0');
	src: url('../../wp/wp-content/plugins/eventON/assets/fonts/evo_fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../../wp/wp-content/plugins/eventON/assets/fonts/evo_fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../../wp/wp-content/plugins/eventON/assets/fonts/evo_fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../../wp/wp-content/plugins/eventON/assets/fonts/evo_fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../../wp/wp-content/plugins/eventON/assets/fonts/evo_fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
.controls .play_pause:after, .radio.html5 .toggle .arrow {
	display: inline-block;
	font: normal normal normal 14px/1 upper_FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body{margin:0;padding:0;}
iframe:not(#upper_radio){position:absolute;top:0;right:0;bottom:0;left:0;border:none;width:100%;height:100%;}
.radio{position:absolute;z-index:99999999999999999999;}

.radio.widget{top: -44px;right:-14px;transform:translateY(15px);overflow: hidden;}
.radio.widget .hide_header{position: absolute;top:0;right:0;left:0;height: 44px;background:#FFF;z-index: 9;}
#upper_radio{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out; height: 120px; width: 90px; transform: translateX(-12px);}
.radio.widget:hover #upper_radio, .radio.widget.hovered #upper_radio{height: 200px; width: 280px;}

.radio.html5{right: 15px;max-width: 320px;-webkit-transition:top .8s cubic-bezier(0.645, 0.045, 0.355, 1);transition:top .8s cubic-bezier(0.645, 0.045, 0.355, 1);top:0px;background: #000;color: #f2f2f2;}
.radio.html5 *{font-family: monospace;}

/* .radio.html5 > .toggle{position: absolute;bottom: -25px;height: 50px;width: 50px;border-radius: 100%;background: #f00;left: 140px;z-index: -1;text-align: center;line-height: 65px;color: rgba(255,255,255,.6);-webkit-transition:all .8s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all .8s cubic-bezier(0.645, 0.045, 0.355, 1);cursor: pointer;} */
.radio.html5 > .toggle{position: relative;width: 100%;background: #000;text-align: center;color: #FFF;-webkit-transition:all .8s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all .8s cubic-bezier(0.645, 0.045, 0.355, 1);cursor: pointer;display:table-caption;}

.radio.html5{-webkit-transition:transform .8s cubic-bezier(0.645, 0.045, 0.355, 1);transition:transform .8s cubic-bezier(0.645, 0.045, 0.355, 1);-webkit-transform:translateY(0px);transform:translateY(0px);opacity: 1;}

.radio.html5.closed{-webkit-transform:translateY(calc(-100% + 30px));transform:translateY(calc(-100% + 30px));}

.radio.html5 i.arrow{position: absolute;left: 0;top: 0;bottom: 0;height: 30px;background: #3c3c3c;width: 30px;z-index: 30;color: #fff;line-height: 30px !important;}
.radio.html5 i.arrow:after{content: "\f077";font-family: upper_FontAwesome;}
.radio.html5.closed i.arrow:after{content:"\f078";}
.offline-title{}

.xhidden .programas{display: none !important;}
.programas{display: inline-block;padding: 10px 10px 20px;}

.xhidden{opacity: : 0;}

.hidden{display: none !important;}

.current_show, .current_show .info, .next_shows, .next_show{position:relative;width: 100%;float: left;}

.current_show .info, .current_show .info > *{display: inline-block;float: left;}
.current_show .image{width: 30%;text-align: center;}
.current_show .image img{max-width: 100%;}
.current_show .content{padding: 0px 10px 10px;max-width: 190px;}
.current_show .content .name{font-size: 22px;word-wrap: break-word;text-transform: capitalize;}
.current_show .content .description{margin-top: 10px;}

.next_shows{margin-top: 10px;background: #333;font-size: 12px;}
.next_shows > span{display: inline-block;margin-bottom: 10px;position: relative;padding: 7px 10px 2px;}
.next_show, .next_show > *{display: inline-block;float: left;}
.next_show{padding: 5px 5px;width: 97%;/* font-size: 11px; */}
.next_show .inicio{width:50px;text-align: center;float: right;}
.next_show .name{padding-left:5px;}

.next_show.odd{background-color: rgba(0,0,0,0.3);}
.next_show.even{background-color:rgba(0,0,0,0.1);}

.faixas{position: relative;float: left;width: 100%;max-width: 320px;font-family: monospace;}
.faixas li{height: 17px;padding-top:3px;}

.faixas .name .tag{background: #000;color: #666;padding: 3px 10px;margin-right: 5px;font-size: 12px;/* vertical-align: 2px; */font-family: sans-serif;font-weight: bold;}
.faixas .slides .name span.title{font-size:14px !important;font-family: sans-serif; font-weight: 100;}
.faixas .slides li{height: 35px !important;}

.controls{position: relative;float: left;width: 100%;padding: 10px 0px 5px 0px;background: #fff;margin: 10px 0;}
.controls .play_pause{width:60px;height: 40px;text-align: center;float: left;cursor: pointer;color: #000;top: 4px;position: relative;}

.controls .horas > *{font-family: sans-serif;font-size: 12px;color: #444;}

.controls .play_pause:after{content:"\f04b";font-size: 28px;}
.controls .play_pause.icon_pause:after{content:"\f04c";}

.controls .inicio{float: left;}
.controls .fim{text-align: right;margin-right: 15px;}
.controls .bar{height: 5px;width:240px;width: calc(95% - 60px);margin-left: 60px;background:#4f4f4f;margin-top:3px;}
.controls .bar .walker{position: relative;height: 5px;background: #dedede;}

.controls .bar .walker.transitioning{transition-property: width; transition-timing-function: linear;}
.controls .bar .walker:not(.transitioning){transition: none !important;}

.upper_radio{display: none;}

@media only screen and (max-width: 570px) {
	.radio.html5, .radio.widget{display: none !important;}
}