/* HEADER */
#header .cabecera {
  letter-spacing: 15px;
  font-weight: bolder;
  font-family: LatoTitle!important;
}

#header .opel-text
{
    color: #E0E722;
}

#header h5 {
  letter-spacing: 2px;
}
#header{
	background-color:#29B5E8 !important;
	padding-top: 25px;
	padding-bottom: 25px
}

/* EPISODIOS  */
#episodios .inst-btn {
  text-transform: uppercase;
  width: 30%;
  margin: 60px 0 0 320px;
  background-color: #c7102e;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 10px;
  outline: 0;
  font-size: 25px;
  color: white;
  padding: 5px;
  margin: 0;
  border: 0;
}
#episodios p.inst-btn {
  background-color: #c7102e9f;
}
#episodios .wrapper:before,
.wrapper:after {
  content: ' ';
  width: calc(34% - 20px);
  height: 3px;
  margin: 0 10px;
  vertical-align: super;
  background-color: rgb(0, 0, 0);
  display: inline-block;
}

#episodios .text-watch
{
    background-color: rgb(0, 0, 0);
    color: #fff;
}

#episodios .text-watch-incative
{
    background-color: rgba(197, 197, 197, 0.473);
    color: rgb(255, 255, 255);
}

#episodios .card:hover .text-watch
{
    background-color: #78bc24;
    color: #000;
}

/* GENERAL */
.card a:hover
{
  text-decoration: none;
}

.bg-chroma
{
  background-color: #00ff00;
}
.progress
{
  height: 38px;
}

.feed
{
  height: 650px!important;
  overflow-y: scroll;
}
.pointer
{
  cursor: pointer;
}

.background {
  background-image: url('../img/fondo-snow.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: calc(100vh - 75px - 67px);
}

.background-2 {
  background-image: url('../img/bg-mokka.svg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.border-blue {
  border: 3px solid #29B5E8;
}
.bg-blue{
	background-color:#29B5E8 ;
}
.bg-green {
  background-color: #78bc24;
}

.bt-white {
  border-top: 25px solid #fff;
}

.bb-white {
  border-bottom: 25px solid #fff;
}
.overlay {
  position: absolute;
  top: 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.3); /* Black see-through */
  color: #f1f1f1;
  width: 100%;
  height: 100%;
  color: white;
  font-size: 20px;
  padding: 20px;
  text-align: center;
}

.paralelogramo {
  /* width: 150px; */
  height: 100%;
  background: #29B5E8;
  color: #fff;
  border-radius:15px;
 
}

.paralelogramo h5 {
 
  letter-spacing: 3px;
}


/* LIVE */
#live .chat
{
    height: calc(100vh - 76px - 25px - 45px - 45px);
    padding-bottom: 50px!important;
}
#live .chat-text
{
    height: calc(80%);
    overflow-y: scroll;
}
#live .chat-send
{
    height: calc(20%);
}