@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Work+Sans:100,200,300,400,500,600,700,800,900');
/* Normaliza */
a, html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}
html, body
{
	font-family:'Work Sans', sans-serif;
  height:100%;
	overflow:hidden !important;
  width:100%;
}
input[type="submit"], input[type="reset"], input[type="button"], button
{
    background: none;
    border: 0;
    color: inherit;
    /* cursor: default; */
    font: inherit;
    line-height: normal;
    overflow: visible;
		outline:none;
    padding: 0;
    -webkit-appearance: button; /* for input */
    -webkit-user-select: none; /* for button */
       -moz-user-select: none;
        -ms-user-select: none;
}
input::-moz-focus-inner, button::-moz-focus-inner
{
    border: 0;
    padding: 0;
}
nav
{
  color:#f9f9f9;
  font-weight:500;
	height:50px;
  margin:1em auto;
  text-transform:uppercase;
}
nav ul li
{
  float:left;
  font-size:.9em;
	line-height:50px;
  list-style:none;
  margin:0 1.6em 0 0;
}
header
{
  background-position:0 130px;
  box-sizing:border-box;
  color:#fbfbfb;
  height:calc(100% - );
  margin:0 auto;
  padding:0;
}
h1, h2
{
	left:-9999px;
	position:absolute;
	top:-9999px;
}
header img
{
	left:-9999px;
	position:absolute;
	top:-9999px;
}
header #logo
{
	background:url('img/web-logo.png') no-repeat center center;
	background-size:contain;
	height:calc(100% - 130px - 2em);
	margin:0 auto;
	max-width:480px;
}
footer
{
  bottom:0;
  height:60px;
	left:50%;
	margin:0 auto;
  position:fixed;
	transform: translateX(-50%);
}
footer aside
{
	background:rgb(231, 231, 231);
	height:60px;
}
#reproductor
{
	background:rgb(0, 163, 195);
	height:60px;
}
footer aside .social
{
  float:left;
  height:60px;
  width:60px
}
footer aside .social.facebook
{
  background:url('img/facebook.png') no-repeat center;
  background-size:18px 18px;
}
footer aside .social.instagram
{
  background:url('img/instagram.png') no-repeat center;
  background-size:18px 18px;
}
footer aside .social.whatsapp
{
  background:url('img/whatsapp.png') no-repeat center;
  background-size:18px 18px;
}
footer aside .ondas
{
  background:url('img/ondas.png') no-repeat center;
  background-size:23px 23px;
  float:right;
  height:60px;
  width:60px;
}
footer aside .plus
{
  background:url('img/plus.png') no-repeat center;
  background-size:23px 23px;
  height:60px;
	margin:0 auto;
	transform:rotate(0deg);
	-webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
  width:60px;
}
footer aside .plus.mas
{
	transform:rotate(0);
}
footer aside .plus.menos
{
	transform:rotate(-135deg);
}
.vegas-timer
{
  bottom:auto;
  height:2px;
  top:0;
}
.vegas-overlay
{
  opacity:1;
}

#play-pause
{
  float:left;
  height:48px;
  margin:6px 24px 6px 16px;
  width:48px;
}
#slider
{
  background:rgba(231,231,231,0.5);
  height:2px;
  left:83px;
  margin:29px 0;
  position:absolute;
  width:calc(100% - 144px);
}
#volumen
{
  background:url('img/altavoz.png') no-repeat;
  background-position:0 -36px;
  float:right;
  height:18px;
  margin:21px 16px;
  width:21px;
}
.play
{
  background:url('img/play-pause.png') no-repeat;
  background-position:0 0;
}
.pause
{
  background:url('img/play-pause.png') no-repeat;
  background-position:0 -48px;
}
.ui-slider-handle {
	position: absolute;
  border-radius:50%;
	z-index: 2;
	width: 10px;
	height: 10px;
	cursor: pointer;
	background:#e7e7e7;
	font-weight: bold;
	color: #1C94C4;
	outline: none;
	top: -5px;
	margin-left: -5px;
}
.ui-slider-range {
	background: #e7e7e7;
	position: absolute;
	border: 0;
	top: 0;
	height: 100%;
	border-radius: 25px;
}
#redes
{
	background:rgba(0,0,0,0.5);
	box-sizing:border-box;
	height:100%;
	width:100%;
}
#redes .row
{
	color:#e7e7e7;
	position:absolute;
	text-align:center;
	text-transform:uppercase;
	top:calc(50% - 30px);
	transform:translateY(-50%);
	width:100%;
}
#redes .col-12
{
	margin:1em 0;
}
#loader
{
	background:rgb(0, 163, 195);
	height:100%;
	position:fixed;
	width:100%;
	z-index:999999999;
}