@font-face {
	font-family: Acumin-RPro;
	src: url( "fonts/Acumin-RPro.otf")
}

@font-face {
	font-family: Andromeda-eR2n;
	src: url( "fonts/Andromeda-eR2n.ttf")
}

/* CONFIGURACOES DA PAGINA */
.jumbotron {
  padding-top: 3rem;
  padding-bottom: 3rem;
  margin-bottom: 0;
 
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron h1 {
  font-weight: 300;
}

.jumbotron .container {
  max-width: 40rem;
}

footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}


@media (min-width: 768px) {
	.jumbotron {
	  padding-top: 6rem;
	  padding-bottom: 6rem;
	}
}



/* ViDEO E CHAT */

/* geral  */
	
.div-video {
	display:inline-block;
	padding:1px;
	width:100%;
}
.div-chat {
	display:inline-block;
	padding:1px;
	width:100%;
}

.com-chat {
	width:100%;
	margin-left: unset;
	margin-right: unset;
}

/*******************************************************************
/* Vimeo 
*******************************************************************/
.vimeo-video {
    padding-top: 56.25%;
    position: relative;
    height: 0;
	margin-left: auto;
	margin-right: auto;
}


.vimeo-video iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
}

.vimeo-chat {
    height: 400px;
	background-color: #ffff;
	padding:8px;		
}

.vimeo-chat iframe {
	width: 100%;
	height: 100%;
}

/*******************************************************************
* Youtube 
********************************************************************/

.youtube-video {
    padding-top: 56.25%;
    position: relative;
    height: 0;
	margin-left: auto;
	margin-right: auto;
}


.youtube-video iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
}

.youtube-chat {
    height: 400px;
	background-color: #ffff;
	padding:8px;		
}

.youtube-chat iframe {
	width: 100%;
	height: 100%;
}

		
/*******************************************************************
* JMV  
********************************************************************/
.conteudo-jmv {
   
}
.jmv-video {
    padding-top: 56.25%;
    position: relative;
    height: 0;

}

.jmv-video iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
    }


.jmv-video .com-chat {
     width:75%;
	 margin-left: unset;
	 margin-right: unset;
}
.jmv-chat {
	height: 400px;
}

.jmv-chat iframe {
	
    width: 100%;
    height: 100%;
    
}


/*******************************************************************
* TELA GRANDE
********************************************************************/

@media screen and (min-width: 850px) {
	
	
	/*******************************************************************
	/* vimeo tela grande
	********************************************************************/
    .vimeo {
        position: relative;
    }

	.vimeo-video {
	    width: 75%;
		padding-top: 42.1875%;
		
	}

	.vimeo-video .com-chat {
		width:75% !important;
	
    }		

	.vimeo-chat {
		width: 25%;
		height: auto;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
	}


	/*******************************************************************
	/* Youtube tela grande
	********************************************************************/
	
.youtube {
        position: relative;
	   
    }

	.youtube-video {
	    width: 80%;
		padding-top: 42.1875%;		
		margin-left: auto !important;
		margin-right: auto !important;
		
	}

	.youtube-video .com-chat {
		width:75% !important;
		margin-left: unset;
		margin-right: unset;
    }		

	.youtube-chat {
		width: 25%;
		height: auto;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
	}

	/*******************************************************************
	/* JMV tela grande
	********************************************************************/

	.conteudo-jmv {
	   
	}
	.jmv-video {	   
		 position: relative;
	}

	.jmv-video {
	   width:75%;
	   padding-top: 42.1875%;
	   margin-left: auto;
	   margin-right: auto;
		
	}

	.jmv-video .com-chat {
		 width:75% !important;
		 margin-left: unset !important;
		 margin-right: unset !important;
	}

	.jmv-chat {
		width: 25%;
		height: auto;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;		
	}
	
}


/*COUNTDOWN*/
.countdown {
    text-transform: uppercase;
    font-weight: bold;
	text-align: center;
	color: #fff;
	font-size: 1em;
	padding-left: 20%;
    padding-right: 20%;
	font-family: Andromeda-eR2n;
	text-align: center !important
}
.countdown .h1{
	color:#fff !important;
	font-size: 5em !important;
	font-weight: bold;
	text-align: center !important
	
	
}

.countdown span:first-of-type {
    margin-left: 0;
}

.countdown-circles {
    text-transform: uppercase;
    font-weight: bold;
}

.countdown-circles span {
    width: 100px;
    height: 100px;    
    display: flex;
    align-items: center;
    justify-content: center;
    
}

.countdown-circles span:first-of-type {
    margin-left: 0;
}
/*COUNTDOWN*/

/*PERSONALIZADO*/


.fonte-data{
	font-size:20px !important
}
.texto-topo{
	color: #fff;
	font-size: 23px;
	font-weight: bold
}
.texto-acesse{
	color: #fff;
	font-size:20px;	
}

.texto-obrigado p{
	color: #fff;
	font-size: 1.8em;
	font-family: Acumin-RPro;
	text-shadow: 0px 0px 6px #fff;
	font-stretch:ultra-condensed
	
}
.texto-relogio{
	color:#fff !important;
	font-size: 1.5em;
	font-family: Acumin-RPro;
	text-align: center !important
}

.texto-patrocinadores{
	color:#000 !important;
	font-size: 13px;
	font-weight:600;
	

}
.botao-pergunta {
    background: #e69138;
    border: 8px solid #fff;
    border-radius: 4px;
    color: #000;
    font-size: 20px;
    padding-left: 20px;
	padding-right: 20px;
}
.botao-pergunta:hover {
    background: #274e13;
    border: 8px solid #dad90c;
    border-radius: 4px;
    color: #fff;
    font-size: 20px;
    padding-left: 20px;
	padding-right: 20px;
}
.fonte-menor{
	font-size: 14px !important;
}
.aviso-midia{
	text-align:center;
	z-index:10000;
	position:absolute !important;
	top:40% !important;
	color:#fff;
	left: 30% !important;
	right: 30% !important;
	/*background: #fff !important;*/
}

.aviso-chat{
	color: black
}
.assistir i{
	margin-left: 10px;
	margin-right: 3px;
	
   }
.assistir i a{
	font-size: 18px;
	color: #b2db26 !important;
	
}
.assistir i a:hover{
	font-size: 18px;
	color:#b2db26 !important;
	
}
.assistir a{
	font-size: 18px;
	color: #a60000 !important;
	
}
.assistir a:hover{
	font-size: 18px;
	color:#000 !important;	
	text-decoration:none;
}

.botao-img {
  max-width: 100%;  
  color: #fff;
  position: relative;
  background: linear-gradient(to right, #3da1db, #6825b6, #3549d3,#806bce);
  padding: 3px;
  border-radius: 40px
}

.botao-img-bt {
  background: #030b1a;
    color: #fff;
  padding: 1rem;
  border-radius: 40px
}

.botao-img-bt a{
  background: #030b1a;
  color: #fff;
  padding: 0rem;
  border-radius: 40px;
	font-family: Andromeda-eR2n;
	text-decoration: none
}

@media screen and (max-width: 768px) {
	
.aviso-midia{
	text-align:center;
	z-index:10000;
	position:absolute !important;
	top:40% !important;
	color:#fff;
	left: 5% !important;
	right: 5% !important;
/*	background: #fff !important;*/
}	
.programacao{
	font-size: 14px;	
	}

	
}

#chat-1 .aviso-midia{
   color: black !important
}
.programacao{
	font-size: 17px;	
}

.titulo-programacao{
	font-size: 20px;
	color: #0f2333;
	background: #b2db26
}


/*DESABILITAR IDIOMA*/
.form-bandeiras{
	display: none !important
}
/*DESABILITAR IDIOMA*/


/*Carrousel logos*/

.stretch-card>.card {
     width: 100%;
     min-width: 100%
 }

 .flex {
     -webkit-box-flex: 1;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto
 }

 @media (max-width:991.98px) {
     .padding {
         padding: 1.5rem
     }
 }

 @media (max-width:767.98px) {
     .padding {
         padding: 1rem
     }
 }

 .padding {
     padding: 3rem
 }

 .owl-carousel .item {
     margin: 3px
 }

 .owl-carousel .item img {
     display: block;
     width: 100%;
     height: auto
 }

 .owl-carousel .item {
     margin: 3px
 }

 .owl-carousel {
     margin-bottom: 15px
 }


.programacao{
	font-size: 17px;	
}

.titulo-programacao{
	font-size: 20px;
	color: #0f2333;
	background: #b2db26
}




