@charset "utf-8";
body {margin:0;padding:0}
ul {display:flex; flex-wrap:wrap;padding:0 }
li {margin:5px 10px 5px 0;list-style:none}
.tituloSecundario:after {background:#FD9433;}
.sorteio {font-family:'Roboto Regular', Arial, Helvetica, sans-serif;}
.sorteio .imagem {text-align:center;}
.sorteio .tituloSorteio {font-family:'Roboto Medium', Arial, Helvetica, sans-serif; font-weight:500; font-size:25px; margin-top:10px; color:#333333; text-align:center;}
.sorteio .tituloSorteio span, .sorteio .dataSorteio span {font-weight: bold;}
.sorteio .dataSorteio {font-family:'Roboto Medium', Arial, Helvetica, sans-serif;font-weight:500; font-size:25px; margin-top:10px; color:#333333; text-align:center;}
.sorteio .imgLoteria {text-align: center;}
.sorteio .boxLegendas {display:flex;}
.sorteio .boxLegendas div{background:#FFF; padding:10px 30px 10px 10px; font-size:18px; color:#333333; box-sizing:border-box; margin-right:20px; border-radius:5px; position:relative;}
.sorteio .boxLegendas div span {font-family:'Roboto Bold', Arial, Helvetica, sans-serif;font-weight:bold; font-size:20px;}
.sorteio .boxLegendas div:after {content:''; position:absolute; width:13px; height:13px; border-radius:4px; top:50%; transform:translateY(-50%); right:10px;}
.sorteio .boxLegendas .disponiveis {border:1px solid #8ED100; cursor: pointer;}
.sorteio .boxLegendas .disponiveis.ativo {color:#FFF; background: #8ED100}
.sorteio .boxLegendas .disponiveis:after {background:#8ED100;}
.sorteio .boxLegendas .disponiveis.ativo:after {background:#FFF;}
.sorteio .boxLegendas .reservados {border:1px solid #FD9433; cursor: pointer;}
.sorteio .boxLegendas .reservados.ativo {color:#FFF; background: #FD9433}
.sorteio .boxLegendas .reservados:after {background:#FD9433;}
.sorteio .boxLegendas .reservados.ativo:after {background:#FFF;}
.sorteio .boxLegendas .vendidos {border:1px solid #A7A8AD; cursor: pointer;}
.sorteio .boxLegendas .vendidos.ativo {color:#FFF; background: #A7A8AD}
.sorteio .boxLegendas .vendidos:after {background:#A7A8AD;}
.sorteio .boxLegendas .vendidos.ativo:after {background:#FFF;}
.sorteio .boxLegendas .sreservas {border:1px solid #A7A8AD; cursor: pointer;}
.sorteio .boxLegendas .sreservas.ativo {color:#FFF; background: #A7A8AD}
.sorteio .boxLegendas .sreservas:after {background:#fff;}
.sorteio .boxLegendas .sreservas.ativo:after {background:#FFF;}
.sorteio .boxRifa {background:#F0F0F0; border-radius:5px; margin-top:10px; box-sizing:border-box; padding:10px;}
.sorteio .boxRifa input {background:#F8F8F8; box-sizing:border-box; border:1px solid #DDDDDD; height:40px; border-radius:5px; padding:0 10px; color:#A7A8AD; font-size:18px;font-family:'Roboto Regular', Arial, Helvetica, sans-serif; font-weight:300;margin-bottom:10px;}
.sorteio .boxRifa ul {display:flex; flex-wrap:wrap;padding:0 }
.sorteio .boxRifa ul li {margin:5px 10px 5px 0;list-style:none}
.sorteio .boxRifa ul li a{font-weight:bold; color:#000; text-decoration:none; padding:7px; background:#8ED100; width:46px;display:block; text-align:center; border-radius: 5px;}
.sorteio .boxRifa ul li .valorSelecionado {background:#00AAE0;}
.sorteio .boxRifa ul li.vendido{font-weight:bold; color:#333333; text-decoration:none; padding:7px; background:#DDDDDD; width:46px;display:block; text-align:center; border-radius: 5px;}
.sorteio .boxRifa ul li.reservado{font-weight:bold; color:#000; text-decoration:none; padding:7px; background:#FD9433; width:46px;display:block; text-align:center; border-radius: 5px;}
.sorteio .rodapeSorteio {background:#000000; width:100%; padding:10px 10px;box-sizing:border-box;font-family:'Roboto Regular', Arial, Helvetica, sans-serif; margin-top:30px; position:fixed; bottom:0; -webkit-transition: top 0.6s ease; -moz-transition: top 0.6s ease; -o-transition: top 0.6s ease; transition: top 0.6s ease;}
.sorteio .rodapeSorteio .container {display:flex;}
.sorteio .rodapeSorteio .boxEsquerdo {width:90%;}
.sorteio .rodapeSorteio .boxEsquerdo .boxTexto {display:flex; color:#FFF; font-size:18px; position:relative; margin-top:10px;}
.sorteio .rodapeSorteio .boxEsquerdo .boxTexto .total {margin-right:50px;}
.sorteio .rodapeSorteio .boxEsquerdo .boxTexto span {font-weight:bold;}
.sorteio .rodapeSorteio .boxDireito a {font-family:'Roboto Bold', Arial, Helvetica, sans-serif;font-size:18px; color:#000; font-weight:bold; background:#FFCE51; border-radius: 4px; width:180px; text-align:center; padding:15px 0; text-decoration:none; display:block; position:relative; top:50%; transform:translateY(-50%);}
.sorteio .selecionados {display:flex;flex-wrap:wrap;}
.sorteio .selecionados .seleciona {margin-right:10px; margin-bottom:10px; background:#00AAE0; border-radius: 5px; padding:7px 10px; color:#FFF; position:relative;}
.sorteio .selecionados .seleciona span {position:absolute; right:-5px; top:-7px; color:#000;z-index:50; background:#000; width:18px; height:18px; border-radius:50%; cursor:pointer;}
@media only screen and (max-width: 1200px) {
	.menuLogado.menuHome ul {display:none;}
	.menuLogado.menuHome .icoMenuMobile {display:block;}
	.menuLogado.menuHome .logoMenu {left:20px; transform: none; transform: translateY(-50%);}
}

@media only screen and (max-width: 1200px) {
	.menuHome .logoMenu {left:20px;}
}

@media only screen and (max-width: 1000px) {
	.institucional .instCat {width:90%;}
	.sorteio .imagem {width:90%; margin:0 auto;}
	.sorteio .imagem > img {width:100%}
	.menuTopo ul, .menuLogado ul, .menuHome ul {display:none !important;}
	.icoMenuMobile {display:block;}
	.menuHome .logoMenu {left:50%; transform:translate(-50%,-50%); max-width:50px;}
	.menuHome {padding: 32px 0 !important;}
	.bannerResp {margin-top: -18px;}
	.menuTopo {padding:32px 0;}
	.menuLogado .boxLogado {right: 60px;}

}

@media only screen and (max-width: 980px) {
	.resumo .boxResumo .boxEsquerdo {float:none;}
	.resumo .boxResumo .boxDireito {float:none; margin-top:50px;}
}

@media only screen and (max-width: 850px) {
	.modalGrande .boxModal {width: auto; width: 95%;}
	.modalGrande .boxModal .mensagem {font-size: 15px; line-height: 30px;}
}

@media only screen and (max-width: 810px) {
	.ultimos ul li {max-width:400px;}
	.ultimos > .container > ul {display:block;}
	.sorteios > .container > ul li .boxTextos {text-align: center;}
	.sorteios > .container > ul li {display: block; max-width: 320px;}
	.sorteios ul li .boxTextos .tituloSorteio .btnStatus {display: block; text-align: center;}
	.sorteios ul li .boxTextos .tituloSorteio {display: block; text-align: center; margin: 10px 0;}
	.sorteios ul li .btnProximo {margin: 15px auto;}
	.sorteios > .container > ul li .imagem {margin: 0 auto;}
}

@media only screen and (max-width: 670px) {
	.sorteios ul li {display:block; text-align:center;}
	.sorteios ul li .imagem {margin:20px auto;}
}
@media only screen and (max-width: 600px) {
	.sorteio .rodapeSorteio .boxEsquerdo .boxTexto {font-size:14px;}
	.formCadastro form ul li {display:block;}
	.formCadastro form ul li .boxInput {max-width:100%;}
	.formCadastro form ul li input, .formCadastro form ul li select {width:100% !important; }
	.formCadastro form ul .linhaCheck {display:flex;}
	.formCadastro form ul .linhaCheck input {width:17px !important;}
	.bx-wrapper .bx-pager {bottom: -25px;}
	.homeBxSliderWrap {overflow: initial;}
}

@media only screen and (max-width: 550px) {
	.proximos ul li .imagem {width:90%; margin:0 auto;}
	.proximos ul li .imagem > img {width:100%;}
	.rodape .texto {margin-top:0;}
	.contato .formContato ul li input, .contato .formContato ul li textarea {width:100% !important;}
	.sorteio .tituloSorteio {font-size:28px;}
	.sorteio .dataSorteio {font-size:28px;}
	.menuLogado .boxLogado .logadoEsquerdo .imagemAvatar {display:none;}
	.menuLogado .boxLogado {padding:5px 60px 5px 10px}
	.menuLogado .boxLogado .logadoEsquerdo .tituloAvatar {display:none;}
	.menuLogado .boxLogado .logadoEsquerdo .descAvatar {display:none;}
	.menuLogado .boxLogado .logadoEsquerdo .saldo {margin-top: 0;}
	.menuLogado .boxLogado .logadoDireito svg {width: 15px; height:12px;}
	.topo > .logo {width: 60px}
	.topo > .logo > a > img {width: 100%;}
	.topo {padding:10px 0;}
	.conteudoInternas {margin-top: 5px;}
	.menuTopo {padding: 20px 0; top: 93px;}
	.menuHome {top: 0;}
}

@media only screen and (max-width: 488px) {
	.sorteio .rodapeSorteio .container {flex-wrap:wrap;}
	.sorteio .rodapeSorteio .boxDireito { margin-top:10px;}
	.resumo .boxResumo .boxDireito .formCard li {display:block;}
	.resumo .boxResumo .boxDireito .formCard li .boxInput input, .resumo .boxResumo .boxDireito .formCard li .boxInput select {width:100% !important;}
	.resumo .boxResumo .boxDireito .formCard li .boxInput .btnPagar {width:100%;}

}
@media only screen and (max-width: 450px) {
	.sorteio .boxLegendas {flex-wrap:wrap;}
	.sorteio .boxLegendas div {margin:10px auto;}
	.ultimos ul li {max-width:90%;}

}

@media only screen and (max-width: 400px) {
	.sorteios ul li .boxTextos .meuBilhete {line-height:30px;}
	.menuLogado.menuHome .logoMenu {left: 7px; max-width: 40px;}

}

@media only screen and (max-width: 350px) {

}
.modal {display:none; position: fixed; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 150;}
.modal .boxModal {overflow: hidden;border-radius:5px; text-align: center; width: 380px; background: #FFF; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); padding:30px 20px; box-sizing: border-box; font-family:'Roboto Regular', Arial, Helvetica, sans-serif; font-size:18px; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.modal .boxModal .titulo {text-transform: uppercase;color:#999999; margin: 0 0 15px 0; font-size: 16px; font-family:'Roboto Bold', Arial, Helvetica, sans-serif; font-weight: bold;}
.modal .boxModal .mensagem {margin:15px 0;}
.modal .boxModal .btnFecharModal {display:block; cursor:pointer; border-radius:5px;padding: 10px 0; text-align:center; width: 150px; margin: 0 auto; background: #f5294f; color: #FFF;}
.modal .boxModal .btnFecharModalSucesso {display:block; cursor:pointer; border-radius:5px;padding: 10px 0; text-align:center; width: 150px; margin: 0 auto; background: #f5294f; color: #FFF;}
.modal .boxModal .boxBotoes {display: flex;}
.modal .boxModal .btnSim {font-family:'Roboto Medium', Arial, Helvetica, sans-serif; display:block; cursor:pointer; border-radius:5px;padding: 10px 0; text-align:center; width: 160px; margin: 0 auto; background: #FFCE51; color: #000; font-size: 16px; border: 1px solid #FFCE51; border-radius: 4px;}
.modal .boxModal .btnNao {font-family:'Roboto Medium', Arial, Helvetica, sans-serif; display:block; cursor:pointer; border-radius:5px;padding: 10px 0; text-align:center; width: 160px; margin: 0 auto; background: #FFF; color: #A7A8AD; border-radius: 4px; border:1px solid #A7A8AD;}
.modalGrande .boxModal .boxBotoes {display: flex;  bottom: 0; width: 100%; background: #FFF; padding:10px 0;}
.modalGrande .boxModal {width: 800px; height: 85vh; position: relative;}
.modalGrande .boxModal .mensagem {overflow-y: scroll; height: calc(85vh - 150px); font-size:18px; line-height:36px;font-family:'Roboto Regular', Arial, Helvetica, sans-serif; color:#000; text-align:justify;}
a.whatsNatus {position: fixed; bottom: 20px; right: 20px; z-index: 50; width: 60px; height: 60px; border-radius: 50%; background: #25D366; padding: 0 12px; box-shadow: 0 0 10px rgba(0,0,0,.2); box-sizing: border-box;}
a.whatsNatus > svg {color:#FFF; height: 60px; width: 36px;}