/*

    Desenvolvido por Agência Maya
    https://www.agenciamaya.com.br/
    jeferson@agenciamaya.com

    font-family: 'Lato', sans-serif;

    400 Regular
    700 Bold
    900 Black

*/

@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');

body,h1,h2,h3,p,a,ul,li,select,option,input,textarea,table,th,td,blockquote,hr,button,div{
	margin:0;
	padding:0;
	font-weight: 400;
} 

body{
    font-family: 'Lato', sans-serif;
	background: url(../img/bg-site.png);
}

a{
	text-decoration: none;
	color: #FF9611;
}

a:hover{
	text-decoration:none;
	color: #660066;
}

img{
	border:none;
	max-width:100%;
}

button{
    font-family: 'Lato', sans-serif;
	border:none;
	cursor:pointer;
}

.limpa{clear:both;}
.limpa20{clear:both; height: 20px;}

input, select, textarea{
    font-family: 'Lato', sans-serif;
    margin-bottom: 15px;
}

.form-control{
    font-size: 14px;
}

input.form-control, textarea.form-control{
	padding: 10px 15px;
}

select.form-control{
	padding-left: 15px;
	padding-right: 15px;
}

::-webkit-input-placeholder {
    color: #999999;
}

::-moz-placeholder {
    color: #999999;
}

::-ms-placeholder {
    color: #999999;
}

::placeholder {
    color: #999999;
}

.btn{
	font-weight: 700;
}

.btn-primary, .btn-secondary, .btn-danger{
	font-size: 12px;
	text-transform: uppercase;
	line-height: 38px;
	padding: 0 30px;
}

.btn-primary{
	background-color: #F68B33;
	border-color: #F68B33;
}

.btn-primary:hover{
	background-color: #660066;
	border-color: #660066;
}

p{
	margin: 0;
}

strong{
	font-weight: 700;
}

.fa-phone{
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

/* header */
.bg-white{
	background-color: #FFFFFF;
}

.titulo-topo{
	font-size: 50px;
}

.navbar-brand{
	padding: 12px 0;
}

.btn-user{
	border: 1px solid #660066;
	color: #660066;
	font-size: 16px;
	margin: 0 30px;
}

.btn-user svg{
	font-size: 20px;
	margin-right: 5px;
}

/* content */
#content{
	margin:0 auto;
}

.fundo-paginas{
	min-height: 500px;
}

#content::before, #content::after {
	content: ' ';
	display: table;
}

#content::after{
	clear: both;
}

#content, #content p{
	font-size: 16px;
	color: #660066;
	line-height: 26px;
}

h2, h1{
	font-size: 30px;
	font-weight: 900;
	color: #660066;
	margin-bottom: 30px;
	text-transform: uppercase;
}

h2.titulo-menor, h1.titulo-menor{
	font-size: 24px;
	margin-bottom: 30px;
	text-transform: none;
	font-weight: 700;
}

.fundo-paginas{
	background-color: #FFFFFF;
	border-top: 1px solid #EFEFEF;
}

.espaco-paginas{
	display: block;
	clear: both;
	height: 60px;
}

/* Home */
.bg-home, .bg-home-select{
	position: relative;
	background: url(../img/fundo-home.png);
}

.bg-home:before{
	background-image: url(../img/mascara-home.png);
	background-repeat: no-repeat;
	background-position: left center;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 50%;
	display: block;
	content: '';
	padding-left: 35px;
	box-sizing: content-box;
}

.texto-entrada h1{
	font-weight: 900;
	text-transform: uppercase;
	font-size: 48px;
	line-height: 70px;
	margin: 0 0 10px;
	color: #f5821f;
}

.texto-entrada h1 strong{
	color: #660066;
	display: block;
	font-weight: 900;
	font-size: 34px;
	line-height: 34px;
}

.seta-entrada{
	padding: 0 21px;
	line-height: 52px;
	display: inline-block;
	position: relative;
	font-size: 30px;
	color: #ff9611;
	font-weight: 900;
	text-transform: uppercase;
	background-color: #5a175d;
	margin-bottom: 25px;
}

.seta-entrada:before{
	display: block;
	content: '';
	background-image: url(../img/seta-esquerda.png);
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	left: -21px;
	top: 0;
	width: 21px;
	height: 52px;
}

.seta-entrada:after{
	background-position: center;
	display: block;
	content: '';
	background-image: url(../img/seta-direita.png);
	background-repeat: no-repeat;
	position: absolute;
	right: -21px;
	top: 0;
	width: 21px;
	height: 52px;
}

.mapa-entrada{
	margin-top: 30px;
	margin-bottom: 30px;
}

.mapa-entrada .shape{
	fill: #660066;
}

.mapa-entrada .label-icon-state{
	font-size: 12px;
	fill: #ffc565;
}

.mapa-entrada .icon-state{
	fill: #ffc565;
}

.mapa-entrada .state:hover .shape{
	fill: #550445;
}

#state-df .label-icon-state, #state-rj .label-icon-state, #state-es .label-icon-state, #state-se .label-icon-state, #state-al .label-icon-state, #state-pb .label-icon-state, #state-rn .label-icon-state{
	fill: #660066;
}

.select-entrada{
	margin-bottom: 30px;
	background-color: rgba(255, 255, 255, 0.6);
	background-image: url(../img/mascara-icones-home.png);
	background-position: center;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

.select-entrada a{
	background-color: rgba(255, 255, 255, 0.7);
	line-height: 30px;
	padding: 10px 20px;
	border-bottom: 1px solid #999999;
	font-weight: 700;
	color: #660066;
	font-size: 16px;
}

.imagem-topo-mobile{
	margin-top: -10px;
	margin-bottom: -40px;
	position: relative;
	z-index: 10;
}

/* footer */
footer .bg-white{
	margin-left: -30px;
	margin-right: -30px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 15px;
}

footer p, footer a {
	float: left;
    color: #660066;
	font-size: 14px;
	line-height: 30px;
}

.dados-rodape p, .dados-rodape a{
	margin-right: 20px;
}

footer a:hover{
	color: #FF9611;
}

footer svg{
	margin-right: 5px;
}

footer .maya{
	float: none;
	overflow: hidden;
	position: relative;
	z-index: 10;
	display: block;
	margin: 20px auto;
	background: url(../img/criacao-sites-maya.png) no-repeat center top;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	outline:none;
	-webkit-transition: background 200ms linear;
	-moz-transition: background 200ms linear;
	-ms-transition: background 200ms linear;
	-o-transition: background 200ms linear;
	transition: background 200ms linear;
}

.maya:hover{
	background-position: center bottom;
}

/* Páginas */
.card-header button{
	background-color: transparent;
	color: #660066;
}

.icone-login{
	font-size: 80px;
	margin-bottom: 30px;
	color: #EFEFEF;
}

#perguntas .card-header{
	border-top: 1px solid rgba(0,0,0,.125);
}

.abre-login, .abre-cadastro{
	cursor: pointer;
}

.oculta-login{
	display: none;
}

/* Cadastro */
.card-header svg{
	margin-right: 10px;
}

.caixaSelect{
	position: relative;
	height: 48px;
}

.caixaSelectMultiple{
	min-height: 48px;
	height: auto;
}

.caixaSelect select{
	position:absolute;
	left:0;
	top:0;
	z-index:100;
	width: 100% !important;
	height: 100% !important;
}

.preloader, #retornoFormulario{
	display: none;
}

.progress{
	height: 30px;
	border: 1px solid #CECECE;
}

.progress .bg-info{
	color: #333333;
	background-color: #E9ECEF !important;
}

#div-jcrop img{
	max-width: none;
}

.custom .jcrop-vline, .custom .jcrop-hline {
	background: #FF3366 !important;
}

div#div-preview {
	overflow: hidden;
	width: 200px;
	height: 200px;
	border: 2px solid #660066;
	float: right;
	z-index: 120;
}

div#debug{
	display: none;
}

.input-group-addon{
	width: 80px;
	text-align: center;
	height: 100%;
	background-color: rgba(0,0,0,.03);
	border-right: 1px solid rgba(0,0,0,.125);
	border-bottom: 1px solid rgba(0,0,0,.125);
	border-top: 1px solid rgba(0,0,0,.125);
	height: 220px;
	line-height: 220px;
	-webkit-border-top-right-radius: .25rem;
	-webkit-border-bottom-right-radius: .25rem;
	-moz-border-radius-top-right: .25rem;
	-moz-border-radius-bottom-right: .25rem;
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem;
}

#formularioCopiar{
	display: none;
}

.form-cadastro-fotos input.form-control{
	padding: 8px 15px;
}

.img-thumbnail{
	max-width: 300px;
}

.foto-individual .btn-primary, .foto-individual .btn-danger{
	font-size: 20px;
	padding: 0;
	width: 40px;
	text-align: center;
}

.btn-outline-danger:hover{
	background-color: transparent;
	color: #660066;
}

.custom-file-label::after{
	content: url('../img/camera-solid.svg');
	width: 70px;
	padding: 3px 20px;
}

/* Anúncio */
.anuncio-individual{
	border-bottom: 1px solid #660066;
	padding-bottom: 50px;
	margin-bottom: 50px;
}

#mostraMobile{
	display: none;
}

.bg-cinza{
	background-color: #f8f8f8;
}

#formContato h3{
	font-size: 24px;
	color: #660066;
	font-weight: 700;
	margin-bottom: 20px;
}

.contato-anuncio{
	padding-top: 30px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 15px;
}

.espaco-anuncio{
	clear: both;
	height: 40px;
}

#content .dados-anuncio p{
	font-size: 14px;
	line-height: 17px;
	margin-bottom: 20px;
}

.dados-anuncio svg{
	float: left;
	margin-right: 15px;
	font-size: 18px;
}

.traco-anuncio{
	clear: both;
	height: 1px;
	width: 100%;
	background-color: #EBEBEB;
}

.caixa-imagem-zoom{
	display: block;
	position: relative;
	display: block;
	text-align: center;
}

.caixa-imagem-zoom a{
	cursor: zoom-in;
}

#zoom{
	max-height: 100%;
	vertical-align: middle;
}

#gal1 a{
	display: block;
	position: relative;
	width: 100%;
	border: 1px solid #E5E5E5;
	margin-bottom: 5px;
}

#gal1 a.active{
	border: 2px solid #999999;
}

#gal1 img{
	position: absolute;
	display: block;
	max-width: 96%;
	max-height: 96%;
	left: 50%;
	top: 50%;
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.hover-mais-imagens{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(255, 255, 255, 0.7);
	width: 100%;
	height: 100%;
	z-index: 10;
	font-size: 50px;
	text-align: center;
	line-height: 50px;
	color: #660066;
	font-weight: 900;
	padding-top: 20%;
}

.hover-mais-imagens svg{
	height: 40px;
	font-size: 20px;
}

.anuncio-vertical{
	margin-bottom: 30px;
}

.anuncio-vertical h3{
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	margin: 20px 10px 0;
	color: #660066;
}

.imagem-anuncio{
	position: relative;
	width: 100%;
	text-align: center;
	padding-bottom: 100%;
	overflow: hidden;
}

.imagem-anuncio span{
	font-size: 40px;
	font-weight: 900;
	line-height: 50px;
	padding: 20px;
	position: absolute;
	left: 50%;
	top: 50%;
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	color: #FFFFFF;
}

.imagem-anuncio1{background-color: #F68B33;}
.imagem-anuncio2{background-color: #660066;}
.imagem-anuncio3{background-color: #0E76BC;}
.imagem-anuncio4{background-color: #BF1E2E;}
.imagem-anuncio5{background-color: #13A89E;}

.bg-busca{
	padding: 20px 0;
	background-color: #f8f8f8;
}

.faixa-busca h3{
	font-size: 20px;
	color: #660066;
	font-weight: 400;
	display: inline-block;
	line-height: 40px;
	margin-right: 20px;
	font-weight: 700;
}

.faixa-busca h3 strong{
	font: 30px;
}

.faixa-busca svg{
	margin: 0 10px;
}

.faixa-busca select{
	height: 40px;
	margin-bottom: 0;
	max-width: 370px;
}

/* Sorteios */
.barra-sorteio{
	padding-top: 15px;
	padding-bottom: 15px;
	border-color: #660066;
	background-color: #660066;
	color: #FFFFFF;
}

.barra-sorteio strong, .barra-sorteio a{
	color: #FF0000;
	font-weight: 900;
	font-size: 20px;
}

.icone-sorteios{
	font-size: 16px;
	margin-right: 10px;
}

#retorno{
	display: none;
}

.regulamento-sorteio{
	display: none;
}

/* Queries */
@media(max-width: 1219px) {
	footer .bg-white{margin-left: -15px; margin-right: -15px; padding-left: 0; padding-right: 0;}
}

@media(max-width: 1199px) {
	.bg-home:before{padding-left: 90px;}
	.titulo-topo{font-size: 40px;}
	.texto-entrada h1{font-size: 52px; line-height: 60px;}
	.texto-entrada h1 strong{font-size: 24px; line-height: 30px;}
	.seta-entrada{font-size: 17px;}
	h2, h1{font-size: 24px; margin-bottom: 20px;}
	#content, #content p{font-size: 15px;}
	h2.titulo-menor, h1.titulo-menor, #formContato h3{font-size: 20px; margin-bottom: 20px;}
	.faixa-busca select{max-width: 300px;}
	#gal1{margin-right: 30px;}
	.caixa-imagem-zoom{margin-left: -45px;}
	.imagem-anuncio span {font-size: 32px; line-height: 40px; padding: 15px;}
	.btn-user{margin: 0;}
}

@media(max-width: 991px) {
	.titulo-topo{font-size: 30px;}
	.btn-user{margin: 0 10px;}
	.btn-primary, .btn-secondary, .btn-danger{padding: 0 20px;}
	.navbar-brand {padding: 10px 0; max-width: 100px;}
	.btn-user{font-size: 14px;}
	.texto-entrada img{display: none;}
	.bg-home:before {background-image: url(../img/mascara-home-1000-px.png); background-position: center bottom; width: 100%; margin: 0;}
	.texto-entrada{padding-top: 30px;}
	.texto-entrada h1 {font-size: 34px; line-height: 34px;}
	.texto-entrada h1 strong {font-size: 16px; line-height: 22px;}
	.seta-entrada {font-size: 12px; padding: 0 15px; line-height: 44px;}
	.seta-entrada:before, .seta-entrada:after{height: 44px;}
	footer{text-align: center;}
	footer p, footer a{font-size: 13px; text-align: center; float: none;}
	.dados-rodape p{display: block;}
	h2, h1{font-size: 18px; margin-bottom: 15px;}
	#content, #content p{font-size: 14px; line-height: 24px;}
	.espaco-paginas{height: 40px;}
	.icone-login {font-size: 60px; margin-bottom: 15px;}
	h2.titulo-menor, h1.titulo-menor, #formContato h3{font-size: 18px;}
	#content .dados-anuncio p{margin-bottom: 15px;}
	.faixa-busca select{max-width: 200px;}
	.faixa-busca h3{font-size: 14px;}
	.anuncio-vertical h3{font-size: 14px; margin-top: 15px;}
	.foto-individual .card-body{padding: 10px;}
	.foto-individual h5{font-size: 14px; margin: 0 0 10px;}
	.foto-individual .btn-primary, .foto-individual .btn-danger{font-size: 16px;}
	.anuncio-individual{padding-bottom: 30px; margin-bottom: 30px;}
	.input-group-addon{width: 60px; font-style: 12px;}
	.hover-mais-imagens{font-size: 30px; line-height: 30px; padding-top: 25%;}
	.hover-mais-imagens svg{height: 24px; font-size: 16px;}
}

@media(max-width: 767px){
	.fundo-paginas{min-height: 0;}
	.titulo-topo{font-size: 18px;}
	nav h2{font-size: 14px;}
	.bg-home:before{bottom: 40px;}
	footer .bg-white{border-top: 1px solid #EFEFEF;}
	.btn-primary, .btn-secondary, .btn-danger{line-height: 34px; padding: 0 15px;}
	#content, #content p{text-align: center;}
	h2, h1{font-size: 16px; margin-bottom: 15px;}
	form{text-align: left;}
	#perguntas, #perguntas p{text-align: left;}
	#perguntas .card-header button{padding: 0;}
	.imagem-anuncio{overflow: hidden;}
	.imagem-anuncio span {font-size: 18px; line-height: 26px; padding: 10px; font-weight: 700;}
	#content .dados-anuncio p{text-align: left; font-size: 12px;}
	.dados-anuncio svg{font-size: 16px; margin-right: 10px;}
	.dados-anuncio .fa-map-marker-alt{margin-top: 5px;}
	.titulo-anuncios{text-align: left;}
	h2.titulo-menor, h1.titulo-menor, #formContato h3{font-size: 16px; margin-bottom: 20px;}
	.mb-5{margin-bottom: 30px !important;}
	.mt-5{margin-top: 30px !important;}
	.dados-anuncio{margin-left: -15px !important;}
	.faixa-busca h3{margin-bottom: 15px; line-height: 20px;}
	.sorteio-esquerda{margin-bottom: 30px;}
	.dados-anuncio .titulo-menor{margin-bottom: 10px;}
	#gal1{margin-right: 0;}
	.caixa-imagem-zoom{margin-left: -15px; text-align: left;}
	.contato-anuncio{text-align: center;}
	.dados-anuncio-interna{margin-left: 0 !important;}
	.mapa-entrada{margin: 30px auto; overflow-x: auto; padding: 15px 0; width: auto; max-width: 490px; text-align: center;}
	.mapa-entrada svg{margin: 0 15px;}
	.input-group-addon{width: 100%; height: 30px; line-height: 30px; border: 1px solid rgba(0,0,0,.125); border-radius: 0;}
	.hover-mais-imagens{font-size: 24px; line-height: 30px; padding-top: 20%;}
	.hover-mais-imagens svg{height: 20px; font-size: 14px;}
	#mostraMobile{display: block;}
	#ocultaMobile{display: none;}
}

@media(max-width: 567px){
	.mapa-entrada{margin: 30px -15px;}
}