/* Body */
body {font-family: "Manrope-Light"; background-size: cover; color: #ffffff !important; background: #f4f1eb}

/* Estilos comum a todas as páginas */

/* Footer */

/* Menú (Navbar) */
nav {z-index: 10; padding: 23px !important; }
nav.navbar li + li a.nav-link::before {content: " | "; padding-right: 10px; }
nav .nav-link{color: #ffffff !important; font-size: 90%; }

/*nav#nav-reduzido ul{margin-right: auto!important; margin-left: auto!important;}*/
nav#nav-completo ul li{padding-left:10px;}

nav#nav-completo{
	background: 			url('../imagens/linha_menu.png') no-repeat center bottom; 
	background-size: 		auto; 
	height: 				110px; 
	background-size: 		contain; 
	align-items: 			normal !important;
}

#page-live nav#nav-completo{
	/*background: 			none; */
	background-size: 		auto; 
	height: 				initial; 
	background-size: 		contain; 
	align-items: 			normal !important;
}
#page-live nav #menuLogo{
	top:7px !important;
}

.navbar-brand{
	font-size: 16px;
}

.navbar-light a{
	color: #4066f6 !important;
}

.txt-login{
	font-size: 16px;
}

.dropdown-item{color: initial !important;}
.dropdown-item:hover{color: #125db6 !important;}
.dropdown-item.active, .dropdown-item:active {background-color: initial;}

/* Div Principal */
/* Boxes utilizados no evento */
.box-evento{border:2px solid #fff; border-radius: 180px 0 !important; padding: 4rem 1rem 3rem 1rem !important;}
.box-evento-modal{border:2px solid #fff; border-radius: 180px 0 !important; padding: 5rem 1rem 3rem 1rem !important;}

/* Utilitários */
.borda-esquerda{border-left: 1px solid;}
.fundo-translucido{background:rgba(0,0,0,0.8);}
.borda{border: 2px solid #b41645;}
.hr-title-form{background: #fff; height: 6px !important; margin-top: 0;}

/* Textos/Títulos */
hr{opacity: initial !important;}
.titulo1{font-size:400%;}

.texto1{font-family: "Manrope-Regular"; font-weight: 700;} 
.texto2{font-family: "ABInBevHeadlines";} 
.texto3{font-family: "AmbevCurvaRC-Regular";}
.texto4{font-family: "Manrope-SemiBold";}
.texto5{font-family: "Manrope-ExtraBold";} 

.cor1{color: #fff;}
.cor2{color: #55002a;}
.cor3{color: #f4f1eb;}
.cor4{color: #4066f6;}
.bg-cor2{background-color: #55002a;}

/* Botões */
.btn        {border-radius: 20px; font-size: 0.95rem; padding: 0.4rem 1.75rem 0.4rem 1.75rem;}
.btn:active {}
.btn:focus  {}

.btn-lg{padding: 25px;}
.btn-md{padding: 15px;}
.btn-sm{}

.btn-custom1        { background: rgba(33, 53, 110, 0.7); color: #fff;}
.btn-custom1:hover  { background: rgba(33, 53, 110, 0.7); color: #fff;}
.btn-custom1:active { background: rgba(33, 53, 110, 0.7); color: #fff;}
.btn-custom1:focus  { background: rgba(33, 53, 110, 0.7); color: #fff;}

.btn-custom2        { background: rgba(171, 148, 104, 1); color: #ffffff; }
.btn-custom2:hover  { background: rgba(171, 148, 104, 0.8); color: #ffffff;}
.btn-custom2:active { background: rgba(255, 255, 255, 1); color: #ffffff;}
.btn-custom2:focus  { background: rgba(171, 148, 104, 0.8); color: #ffffff;}

.btn-custom3        { background: rgba(255, 255, 255, 0.4); color: #fff;}
.btn-custom3:hover  { background: rgba(255, 255, 255, 0.4); color: #fff;}
.btn-custom3:active { background: rgba(255, 255, 255, 0.4); color: #fff;}
.btn-custom3:focus  { background: rgba(255, 255, 255, 0.4); color: #fff;}

/* Inputs/Caixas de Textos */
.form-label {margin-bottom: 0;}
.form-check-input{background: rgba(255, 255, 255, 0.5); border-radius: 5px; /*border: none;*/}
.form-control {border-radius: 20px !important; resize: none !important; overflow: auto; border: none; /*background: rgba(255, 255, 255, 0.5);*/ padding: 0.175rem 0.75rem;}
.form-control:focus {border-color: #21366f; box-shadow: 0 0 0 0.25rem rgb(33 54 111 / 25%);}
.form-select {border-radius: 20px !important; resize: none !important; overflow: auto; border: none; background: rgba(255, 255, 255, 0.5); padding: 0.175rem 0.75rem;}

::placeholder{ font-style: italic;   /* Chrome, Firefox, Opera, Safari 10.1+ */ opacity: 1; /* Firefox */} 
:-ms-input-placeholder {font-style: italic; /* Internet Explorer 10-11 */} 
::-ms-input-placeholder {font-style: italic; /* Microsoft Edge */}
*:focus,*:active,a:active,a:focus,input:focus,input:active { -moz-outline-style: none; outline:none; outline: 0;}
.form-control:disabled, .form-control[readonly] {cursor: not-allowed;}

.form-control-custom1 {background: rgba(33, 53, 110, 0.7); color: #fff;}

#form-login {position: relative; z-index: 1}
#img-fundo{position: absolute; bottom: 0; max-width: 450px; right: 0; z-index: 0;}

/* Imagens Posição Absoluta/Fixa */

/* Estilos para páginas específicas */

/* Página de Cadastro */
#page-cadastro {}

/* Página de Login */
#page-login {}

#page-fale-conosco form{
	background: #ff9900;
	padding: 20px 40px 40px 40px;
	border-radius: 0 50px 0 50px;
}
#page-fale-conosco .texto1{
	color: #103689;
}

#page-fale-conosco .btn{
	background: #000;
	/* border: 1px solid #ffffff; */
	padding: 3px 35px 3px 35px;
	font-weight: bold;
	color:#ffffff;
}

#page-programacao .div-programacao{
	background:#4066f6; 
	padding:0px 0px 0px 0px; 
	border-radius: 50px 0px 50px 0px;
    min-height: 500px;
}

#page-programacao .container_programacao{
	background:#65a600; 
	padding:45px 0px 45px 0px; 
	border-radius: 50px 0px 0px 50px;
}

#page-programacao .container_programacao table{
	background:#65a600; 
	width:100%;
}
#page-programacao .container_programacao table .first{
	color:#00105f; 
	text-align:right;
	padding-right:20px;
	border-top:1px solid #4b8429;
	border-right:1px solid #4b8429;
	border-bottom:1px solid #4b8429;
	font-weight: bold;
	font-size:14px;
	text-transform: uppercase;
}
#page-programacao .container_programacao table .last{
	padding-left:20px;
	border-top:1px solid #4b8429;
	border-bottom:1px solid #4b8429;
	font-size:11px;
}

/* Página Config */
#page-config, #page-ajuste {background: #fff !important; color: #000 !important;}

/* Página Moderação */
#page-moderacao {background: #fff !important; color: #000 !important;}
#page-moderacao .table{background:#fff;color:#000;}

/* Página Moderação WhatsApp*/
#page-moderacao-whatsapp {background: #fff !important; color: #000 !important;}
#page-moderacao-whatsapp .table{background:#fff;color:#000;}

/* Página Mensagens */
#page-mensagens {background: #fff !important; color: #000 !important;}
#page-mensagens .table{background:#fff;color:#000;}

/* Página Perguntas */
#page-perguntas {background: #fff !important; color: #000 !important;}
#page-perguntas .table{background:#fff;color:#000;}

/* Página Live */
#page-live #div-principal {margin-top: 80px;}
#page-live #video{position: relative;padding-bottom: 56.30%; z-index: 9}
#page-live #video iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border:none;border-radius: 20px;}	
#page-live #options {position: relative;}
#page-live #div-chat {height:100%; color: #000;}
#page-live #div-iframe-secundario {height:100%;}
#page-live #div-iframe-secundario iframe {border:none;border-radius: 20px;}
#page-live #div-principal    {margin: 10px 0 0 0;}
#page-live {background: url(../imagens/bg-live.jpg?v=1) no-repeat top center fixed #fff; background-size: cover;}

/* Componentes personalizados: Ex.: Social React, Chat, Instagram, Perguntas etc ..*/

/* Social React */
#page-live #div-socialreact .icon-social-react {position: initial; margin: 15px 3px; font-size: 40px; cursor: pointer; -webkit-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none;}
#page-live #div-socialreact .icon-social-react-copy{font-size: 40px; cursor: pointer; position: absolute;-webkit-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none;}
#page-live #div-socialreact .box-emoji{display: inline-block;}	
#page-live #div-socialreact .box-emoji:hover{transform: scale(1.3); }
#page-live #div-socialreact .container-emoji{border-radius: 20px; background: #fff; text-align: center; height: 100%; /* border: 2px solid #4e4d4e; */ position: relative; z-index: 30;}

#page-live #div-socialreact #div-social-react-show {position: absolute; z-index: 20; width: 100%}
#page-live #div-socialreact #div-social-react-show .box-emoji-2{position: absolute; width:50px; height: 60px; }
#page-live #div-socialreact #div-social-react-show .icon-social-react {font-size: 40px; cursor: pointer; position: absolute; -webkit-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none;}
#page-live #div-socialreact #div-social-react-show .counter-reacts{position:absolute;top: -17px; right: -17px;}


/* Instagram */
#page-live #div-instagram .container-instagram {background-color: #ebeeec; /*height: 100%;*/ border-radius: 20px 20px 0 0; padding: 15px;}
#page-live #div-instagram .container-instagram .topo{ padding: 15px 0 0 15px; }
#page-live #div-instagram .container-instagram .corpo{ /*height: 100%;*/}
#page-live #div-instagram .container-instagram .corpo #div-posts {overflow: auto; /*padding: 0 15px;*/ }
#page-live #div-instagram .container-instagram .corpo #div-posts hr{color: #bfbfbf;}
#page-live #div-instagram .container-instagram .corpo #div-posts .foto-user{background-size: cover;background-position: center;}
#page-live #div-instagram .container-instagram .corpo #div-posts .foto-avatar{background-image: url('../uploads/user.png'); background-size: contain; background-repeat: no-repeat; background-position: center}
#page-live #div-instagram .container-instagram .corpo #div-posts .card{border-radius: 15px;background: transparent; overflow: hidden;}
#page-live #div-instagram .container-instagram .corpo #div-posts .card .card-text{color: #3f3f3f; font-size: 90%;}
#page-live #div-instagram .container-instagram .corpo #div-posts::-webkit-scrollbar{width: 12px;background-color: #F5F5F5; border-radius: 10px;}
#page-live #div-instagram .container-instagram .corpo #div-posts::-webkit-scrollbar-thumb{border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);	background-color: #9d9d9c;}

/* Chat */
#page-live #div-chat .container-chat{background-color: #fff; height: 100%; border-radius: 20px;}
#page-live #div-chat .container-chat .topo{ padding: 25px 0 0 25px; /*border-bottom: 2px solid #4e4d4e;*/ }
#page-live #div-chat .container-chat .corpo{ height: 100%; /*border-bottom: 2px solid #4e4d4e;*/ }
#page-live #div-chat .container-chat .corpo #div-msgs {/*height: 480px;*/ overflow: auto; padding: 0 25px;}
#page-live #div-chat .container-chat .corpo #div-msgs .card{margin: 10px 0; background: #f5f5f5; border: none; max-width: 100%;}
#page-live #div-chat .container-chat .corpo .avatar {border-radius: 50%; width: 30px; height: 30px; line-height: 30px; color: #fff; text-align: center; text-transform: uppercase; display: flex; align-items: center; justify-content: center; letter-spacing: 0px; font-weight: 700; vertical-align: top; background-size: cover; background-position-x: center; background-position-y: top; background-repeat: no-repeat;}
#page-live #div-chat .container-chat .rodape{ padding: 10px 15px; background: #f0f1f1; /*border-radius: 0 0 20px 20px;*/}
#page-live #div-chat .container-chat .rodape textarea{height:35px; border-radius: initial !important; border: 1px solid #8a9bae; background: #fff;}
#page-live #div-chat .container-chat .rodape #btn-enviar{color: #6c0695;}
    
    /* Emojis chat ATT*/
    #page-live #div-chat .rodape{position: relative;z-index: 1;}
    #page-live #div-chat .body *::-webkit-scrollbar {width: 5px;background: transparent;position: absolute;left: 0;}
    #page-live #div-chat .body *::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,0);border-radius: 5px;}
    #page-live #div-chat .body *:hover::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,.3);border-radius: 5px;}
    #page-live #div-chat .emoji-dashboard{display: none;padding: 0;position: absolute;top: 110%;margin: 0;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);background: #fff;list-style-type: none;color: #a0a0a0;right: 0;z-index: 9999;}
    #page-live #div-chat .emoji-dashboard{bottom: 0;top: auto;}
    #page-live #div-chat .rodape > div.chat-inp{background: #ddd;display: flex;padding: 10px;position: relative;}
    #page-live #div-chat .chat-inp .emoji{display: inline-block;height: 37px;width: 37px;background: #fff;text-align: center;cursor: pointer;top: 1px;left: 10px;bottom: 0;margin: auto;}
    #page-live #div-chat .chat-inp .emoji:before {content: '\f118';font-family: fontAwesome;line-height: 35px;font-size: 20px;font-weight: normal;color: #a0a0a0;}
    #page-live #div-chat .emoji-dashboard .emojis {list-style-type: none;display: flex;flex-wrap: wrap;padding: 0;height: 200px;overflow-y: overlay;overflow-x: hidden;}
    #page-live #div-chat .emoji-dashboard .emojis li {margin: 5px 15px;cursor: pointer;font-size: 25px;}

/* Enquete */
#page-live #div-enquete { height: 100%; }
#page-live #div-enquete .container-enquete{background-color: #fff; height: 100%; border-radius: 20px;}
#page-live #div-enquete .container-enquete .topo{ padding: 15px 50px 0 25px; /*border-bottom: 2px solid #4e4d4e;*/ }
#page-live #div-enquete .container-enquete .corpo{ height: 100%; padding: 0 25px; /*border-bottom: 2px solid #4e4d4e;*/ }
#page-live #div-enquete .container-enquete .rodape{ padding: 10px 15px; background: #f1b51c; border-radius: 0 0 20px 20px;}
#page-live #div-enquete .container-enquete .rodape textarea{height:35px; border-radius: initial !important; border: 0px solid #4e4d4e;}

/* Animações Social React */
.animate{ transform: translateY(-300%);opacity: 0.0; transition: all 2.0s;}	
.animate2{ -webkit-animation:spin 0.4s linear; -moz-animation:spin 0.4s linear; animation:spin 0.4s linear;}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

/* Pergunte ao Palestrante */
#page-live #div-perguntas .container-pergunte {color: #000; height: 100%; background: #fff; border-radius: 20px; padding: 10px 15px; /* border: 2px solid #4e4d4e; */}
#page-live #div-perguntas .container-pergunte #pergunte{height:40px; border: 2px solid #dcdcdc !important }

/* Contador */
#page-live #div-contador .container-contador {height: 100%; background: #fff; border-radius: 20px; padding: 10px 15px; border: 2px solid #4e4d4e;}
#page-live #div-contador .container-contador #js-qde-conn{font-size:34px;  background: #000!important}

/* Variável de Controle WebSocket */
.control-hide{display:none;}

/* Popup / Modal */
#fale-conoscoModal .modal-content {background: url(../imagens/bg.jpg?v=4) no-repeat center center fixed #fff; background-size: cover; }
#fale-conoscoModal .modal-content .modal-body{padding: 35px 0 35px 35px;}
#fale-conoscoModal .modal-content .modal-body #container-fale-conosco{padding: 0px 70px 0 35px;}
#fale-conoscoModal .modal-content .modal-body #container-fale-conosco .form-control {background: #fff;}

/* Popup / Modal */
#termosModal .modal-content {/*background: url(../imagens/bg.jpg?v=4) no-repeat center center fixed #fff; background-size: cover; color: #fff !important;*/ color: #000;}

/* Popup / Modal */
#politicaModal .modal-content {/*background: url(../imagens/bg.jpg?v=4) no-repeat center center fixed #fff; background-size: cover; color: #fff !important;*/ color: #000;}

/* Popup / Modal */
#jogoModal .modal-content {/*background: url(../imagens/bg.jpg?v=4) no-repeat center center fixed #fff; background-size: cover; color: #fff !important;*/ color: #000;}

/* Sweet Alert */
.swal2-content{padding: 0 !important}

/* MD (Até 991) Abre Menú Responsivo */ 
@media only screen and (max-width: 991px) {
    
    #page-live #div-chat      {min-height: 500px; position: initial; }
    #page-live #div-instagram {min-height: 500px;}
    #page-live #div-iframe-secundario   {min-height: 500px;}    
    #page-live #div-enquete {min-height: 400px;}
    
    /* .collapse {background: rgb(19, 58, 145)} */
    nav.navbar{padding-top: 5px !important;}
    nav ul{margin-top: 10px; /*background-color: rgba(0,0,0,0.8);*/}
    nav.navbar li + li a.nav-link::before {content: initial;}
    nav#nav-reduzido ul{margin-right: auto!important;margin-left: auto!important;}
    
    main{height:initial !important;}    
    #principal{height: initial; min-height: initial; padding: initial;}
    #page-cadastro #container-cadastro{height: initial; overflow-y: initial; overflow-x: initial; padding:0;}
    
    nav#nav-completo{height: initial; background: initial; }
    nav#nav-completo .logos-topo{display:none;}
    
    /* Utilitários */
    .borda-esquerda{border-left: 0;}    
    
    /* Textos/Títulos */    
    .titulo1{font-size:250%;}
    
    /* Popup / Modal */
    #fale-conoscoModal .modal-content .modal-body #container-fale-conosco{padding: 0px 35px 0 0;}
    #esqueci-senhaModal .modal-content .modal-body #container-esqueci-senha{padding: 0px 35px 0 0;}
        
}

.js-options{padding:1px 5px !important;}

/* Internet Explorer */
.row { margin-top: calc(0 * -1); margin-right: calc(1.5rem / -2); margin-left: calc(1.5rem / -2);}
.row>* { padding-right: calc(1.5rem/ 2); padding-left: calc(1.5rem/ 2); margin-top: 0; }
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{padding-right:0.75rem;padding-left:0.75rem;}

/* Countdown */
#page-home .countdown-container { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);}
#page-home .clock-item {margin-bottom: 0;}
#page-home .clock-item .inner { height: 0px; padding-bottom: 90%; position: relative;	width: 90%;}
#page-home .clock-canvas { background-color: rgba(255, 255, 255, 0.4); border-radius: 50%; height: 0px; padding-bottom: 100%;}
#page-home .text { font-size: 30px; font-weight: bold; margin-top: -58px; position: absolute; top: 50%; text-align: center; width: 100%;}
#page-home .text .val { font-size: 80px; }
#page-home .text .type-time { font-size: 14px; }

/* MENU */
@media only screen and (max-width: 2457px) {
	#navbarSupportedContent{
		margin-top:	5px !important;
	}
}
@media only screen and (max-width: 1334px) {
	nav#nav-completo{
		height: 				110px;
	}
}
@media only screen and (max-width: 1000px) {
	nav#nav-completo{
		height: 				10%;
	}
}

.quadro-transparente-primario {
  	/*background: url('../imagens/fundo_login.png') no-repeat;*/ /*TODO*/
	background-color: #4066f6;
  	background-size: 100%;
	border-radius: 25px 0px 25px 0px;
    padding: 16px 25px 16px 25px;
	overflow: hidden;
}

.quadro-transparente-primario .form-control{
	width: 50%;
}

@media only screen and (max-width: 500px) {
	.quadro-transparente-primario {
		/*background: #4066f6 url('../imagens/fundo_login.png') no-repeat;*/ /*TODO*/
		background-size: 100%;
		background-position: center bottom;
		/*margin-bottom: 10px;*/ /*TODO*/
		
	}

	.quadro-transparente-primario .form-control{
		width: 80%;
	}
} 

.quadro-transparente-primario #titleLogin{
	font-family: "ABInBevHeadlines";
	text-align: initial;
	color: white;
	
}
.quadro-transparente-primario .subtitle-area .text-a{
	font-family:Manrope; 
	font-weight:bold; 
	font-size: 22px; 
	line-height: 22px; 
	
}

.quadro-transparente-primario .termoLogin{
	color: #ffffff;
	font-size: 12px;
}

.quadro-transparente-primario .termoLogin #inputTermoLogin{
	border-color: #ac9566;
	border-radius: 24px;
}

.quadro-transparente-primario .subtitle-area .text-b{
	color: #f8f5f0;
	line-height: 20px;
	margin: 20px;
}

.quadro-transparente-primario .subtitle-area {
	margin-bottom: 20px;
}

.quadro-transparente-primario .btn{
	background: #3366ff;
	padding: 3px 35px 3px 35px;
	font-weight: bold;
	height: 35px;
}

.quadro-transparente-secundario .text-a{
	color: #ffffff;
	font-family: "Manrope";
	font-weight: 900;
	font-size: 20px;
	margin-bottom: 0px !important;
}

.quadro-transparente-secundario .text-b{
	color: #ffffff;
	font-family: "Manrope";
	font-weight: 300;
	font-size: 20px;
}

.quadro-transparente-secundario .btn, 
	.quadro-transparente-secundario .btn:hover, 
		.quadro-transparente-secundario .btn:focus, 
			.quadro-transparente-secundario .btn:visited, 
				.quadro-transparente-secundario .btn:active,
					.quadro-transparente-secundario .btn:checked	{
	background: #103689;
	border: 1px solid #ffffff;
	padding: 3px 35px 3px 35px;
	float: left;
	font-weight: bold;
}

.saiba-sobre{
	background-color: #ff9900; 
	/*margin-top: 10px; */ /*TODO*/
	border-radius: 25px 0px 25px 0px;
	padding: 20px 20px 20px 20px;
	/*min-height: 253px;*/ /*TODO*/
	font-size: 20px;
}

#page-login .saiba-sobre{
	/*min-height: 271px !important;*/ /*TODO*/
}

@media only screen and (height: 599px) {
	/*
	.saiba-sobre{
		min-height: 277px; 
	}
	*/
	/*TODO*/
}

#page-home .cima {
	background: #65a200;
	height: 298px;	
	border-radius: 0 30px 0 30px;
    padding: 30px;
}

#page-home .cima img {
	height: 15%;
}

@media only screen and (max-width: 500px) {
	#page-home .cima img {
		height: 11%;
	}
}

#page-home .baixo {
	background: #071b2f;
	height: 250px;
	margin-top: 13px;
	border-radius: 30px 0 30px 0;
	padding-top: 40px;
    padding-left: 40px;
}

@media only screen and (height: 599px) {
	#page-home .baixo {
		height: 221px;
	}
}

#page-home .pessoas {
	position: absolute;
	bottom: 0;	
    right: 8%;
    height: 100%;
	z-index: 99;
}

#page-home a {
	color: #fff;
}

@media only screen and (max-width: 991px) {
	#page-home .pessoas {
		display: none;
	}
}

@media only screen and (max-width: 600px) {
	#page-home .text-a{
		font-size: 12px;
	}
	#page-home .text-b{
		font-size: 12px;
	}
	#page-home .text-c{
		font-size: 8px;
	}

	#page-dicas #box1 p, #page-dicas #box2 p{
		font-size: 12px;
	}

	#page-home .box-laranja{ margin-top:20px;}
}
@media only screen and (max-width: 776px) {
}
@media only screen and (max-width: 1441px) {
	#page-home .text-a{
		font-size: 15px;
	}
	#page-home .text-b{
		font-size: 15px;
	}
	#page-home .text-c{
		font-size: 9px;
	}
}

#page-programacao .titulo_programacao{
	height:		22px; 
	background:	url(../imagens/programacao_barra.png) no-repeat center top; 
	background-size:contain; 
	width:		410px; 
	color:		#000; 
	font-family: "Manrope";
	font-weight: 900;
	font-size: 14px;
}

#page-programacao .texto1{
	font-family: "Manrope";
	font-weight: 900;
	font-size: 18px;
	color: #ac9566;
}
#page-programacao .texto2{
	font-family: "Manrope";
	font-weight: 900;
	font-size: 14px;
	color: #ac9566;
}

#page-programacao .tabela_programacao{
	width: 100%;
	
}
#page-programacao .tabela_programacao th{
	font-size:14px;
	text-align: left;
	padding: 10px;
	border-right: 1px solid #ac9566;
	border-left: 1px solid #ac9566;
	border-top: 1px solid #ac9566;
	border-bottom: 1px solid #ac9566;
	width: 20%;
}
#page-programacao .tabela_programacao .noborderright{
	
}
#page-programacao .tabela_programacao .noborder{
	border: 0px !important;
	width: 20%;
	font-size: 12px;
	text-align: right;
}
#page-programacao .tabela_programacao td{
	color: #ffffff;
	font-family: "Manrope";
	font-size:12px;
	text-align: left;
	padding: 10px;
	border-left: 1px solid #ac9566;
	border-top: 1px solid #ac9566;
	border-bottom: 1px solid #ac9566;
	border-right: 1px solid #ac9566;
	width: 20%;
}
#page-home .home_box{
	width: 100%;
	height: 150px;
	padding-left: 140px;
	padding-top:   30px;
	font-family: "Manrope";
	font-weight: 500;
	line-height: 17px;
}
@media only screen and (max-width: 1000px) {

	#page-home .home_box.home_1, #page-home .home_box.home_2, #page-home .home_box.home_3, #page-home .home_box.home_4, #page-home .home_box.home_5 {
		background: none !important;
		border-bottom:1px solid #ac9566;
		padding: 0px;
		padding-top: 40px !important;
	}
	#menuLogo{
		display: none;
	}
}

@media only screen and (min-width: 1010px)  and (max-width: 1133px)  { 
	#page-home .home_box.home_1, #page-home .home_box.home_2, #page-home .home_box.home_3, #page-home .home_box.home_4, #page-home .home_box.home_5 {
		padding-left: 95px !important;
		padding-top:   0px !important;
	}
}

@media only screen and (min-width: 1900px)  { 
	#page-home .home_box.home_1, #page-home .home_box.home_2, #page-home .home_box.home_3, #page-home .home_box.home_4, #page-home .home_box.home_5 {
		padding-left: 200px !important;
		padding-top:   30px !important;
	}
}

#page-home .home_box.home_1{
	background: url("../imagens/home_bg_1.png") no-repeat center top;
	background-size:contain; 
}

#page-home .home_box.home_2{
	background: url("../imagens/home_bg_2.png") no-repeat center top;
	background-size:contain; 
}

#page-home .home_box.home_3{
	background: url("../imagens/home_bg_3.png") no-repeat center top;
	background-size:contain; 
}

#page-home .home_box.home_4{
	background: url("../imagens/home_bg_4.png") no-repeat center top;
	background-size:contain; 
}

#page-home .home_box.home_5{
	background: url("../imagens/home_bg_5.png") no-repeat center top;
	background-size:contain; 
}

.nav-link.active {
  background-color: white !important;
  font-weight: 600 !important;
}
.nav-link {
  color: white !important;
}
.conteudo-side {
  border-left: solid #ac9566 2px;
}
.horario-side {
  border-right: solid #ac9566 2px;
  color: #ac9566;
  font-weight: 500;
}

.texto-descricao-programacao{
	color: #4066f6;
	font-size: 24px;
}

.texto-confira-programacao{
	color: #4066f6;
	font-size: 16px;
}

.programacao-lado-direito{
	background-color: #4066f6;
	min-height: 500px;
	border-radius: 25px 0 25px 0;
	padding: 80px 80px;
}

.programacao-lado-direito table{
	font-size: 13px;
	width: 100%;
}

.programacao-lado-direito table td{
	height: 30px;
}

.dicas-esquerdo-cima{
	background-color: #4066f6;
	min-height: 300px;
	padding: 37px 41px;
    border-radius: 29px 0;
	margin-top: 5px;
}

.dicas-direito-cima{
	background-color: #4066f6;
	min-height: 300px;
	padding: 37px 41px;
    border-radius:0 29px 0;
	margin-top: 5px;
}

.dicas-carrinho{
	font-size: 14px;
}

.dicas-esquerdo-baixo{
	background-color: #4066f6;
	min-height: 300px;
	padding: 37px 41px;
    border-radius: 29px 0;
	margin-top: 5px;
	
}

.dicas-centro-baixo{
	background-color: #4066f6;
	min-height: 300px;
	padding: 37px 41px;
    border-radius: 0 29px 0 29px;
	margin-top: 5px;	
}

.dicas-direito-baixo{
	background-color: #ff6806;
	min-height: 300px;
	padding: 37px 41px;
    border-radius: 29px 0 29px 0;
	margin-top: 5px;	
}

/* mensagem de erro */
.popupContainer {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5); /* Cor de fundo transparente */
	z-index: 9999;
  }
  
.popupContent {
	position: absolute;
	height: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: url('../imagens/fundo_mensagem_home.png') no-repeat;
	background-size: 100%;
	padding: 50px;
	border-radius: 0 0 54px;
	max-width: 466px;
}

@media only screen and (max-width: 800px) { 
	.popupContent {
		min-width: 90%;
		padding: 35px;
	}
}

.popupContent p {
	font-size: 16px;
}
  
.popupContent .closeButton {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}
  
.closeButton:hover {
	color: red;
}