*{

  outline: none;

}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  opacity: 1;

}

::-moz-placeholder { /* Firefox 19+ */

  opacity: 1;

}

:-ms-input-placeholder { /* IE 10+ */

  opacity: 1;

}

:-moz-placeholder { /* Firefox 18- */

  opacity: 1;

}

/*#pag-cadastro main #cadastro input:focus{

	border-bottom: 2px solid #692b82;

}*/

#pag-cadastro main #cadastro label {

	position: relative;

}

.ajax_loader{

	width: 100%;

	height: 0;

	background: rgba(255,255,255, 0.98) url(../imagens/ajax_loader.png) center center no-repeat;

	background-size: auto 90px;

	position: fixed;

	top: 0;

  bottom: 0;

	right: 0;

	z-index: 99999;

	opacity: 0;

	transition: all 0.08s ease-in;

}

.ajax_loader_aberto{

	height: 100%;

	opacity: 1;

}

#pag-cadastro .inativo {

    background: url(../imagens/formularios/seta_cadastro.png) center right 22px no-repeat, linear-gradient(to right, #ededed, #ededed);

    color: #6b3282;

}

label ul.listagem_ajax{

  background: #fff;

  position: absolute;

  top: 68px;

  left: 0;

  -webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.20);

  -moz-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.20);

  box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.20);

  display: block;

  width: 100%;

  border-radius: 8px;

  z-index: 999;

  overflow: hidden;

  transition: all 0.08s ease-in;

  display: none;

  padding: 5px;

  box-sizing: border-box;

}

header label ul.listagem_ajax{

  bottom: auto;

  top: calc(100% + 4px);

}

header .label_autocomplete{

  position: relative;

}

label ul.listagem_ajax li {

  /*background: url(../imagens/website/icon_pin3.png) center left 16px no-repeat;

  background-size: 16px;

  padding-top: 10px;

  padding-bottom: 10px;

  padding-left: 40px;*/

  padding: 5px;

  cursor: pointer;

  transition: all 0.08s ease-in;

  font-family: 'graphik_regular';

  font-size: 18px;

  letter-spacing: 0.35px;

  color: #4e4e4e;

  text-transform: capitalize;

  position: relative;

  display: flex;

  flex-direction: row;

  align-items: center;

  column-gap: 10px;

}

label ul.listagem_ajax li::before {

  content: '';

  display: inline-block;

  width: 30px;

  height: 30px;

  border-radius: 4px;

  background: rgb(242, 242, 242) url(../imagens/website/icon_pin5.png) center no-repeat;

  background-size: 14px auto;

}

label ul.listagem_ajax li.recente::before {

  background: rgb(242, 242, 242) url(../imagens/website/icon_clock.png) center no-repeat;

  background-size: 16px auto;

} 

header label ul.listagem_ajax li {

  font-size: 14px;

}

/*label ul.listagem_ajax li:active{

  color: #fff;

  background: #573a98 url(../imagens/website/icon_pin4.png) center left 16px no-repeat;

}*/

#pag-cadastro header.com_etapas{

  position: fixed;

}

#pag-cadastro header.com_etapas h2{

  position: relative;

}

#pag-cadastro header.com_etapas h2 a{

  display: block;

  width: 30px;

  height: 30px;

  background: none;

  position: absolute;

  top: -3px;

  left: 0;

  text-indent: -20000px;

  opacity: 0.5;

}

#pag-cadastro main #cadastro .listagem_opcoes li input{

  display: none;

}

#pag-cadastro main #cadastro .listagem_opcoes li .botao{

  transition: all 0.18s ease-in;

}

#pag-cadastro main #cadastro .listagem_opcoes li .botao span{

  transition: all 0.28s ease-in;

  display: inline-block;

}

#pag-cadastro main #cadastro .listagem_opcoes li .botao.ativo span{

  left: auto;

}

#pag-cadastro main #cadastro label textarea{

  text-align: left;

}

#pag-cadastro header.com_etapas{

  box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.15);

  background: #fff;

}



#pag-cadastro main #cadastro .valor {

    padding-bottom: 0px;

    margin-bottom: 0;

    margin-top: 0px;

}

#pag-cadastro main #cadastro .valor ul {

    display: grid;

    grid-template-columns: 1fr;

    column-gap: 36px;

    margin-top: 5px;

}

#pag-cadastro main #cadastro .valor ul li {

    display: flex;

    flex-direction: row;

    align-items: center;

    column-gap: 11px;
    border-bottom: 1px solid #f7f7f7;
    padding-bottom: 12px;
    padding-top: 8px;

}

/*#pag-cadastro main #cadastro .valor ul li:last-child {

  grid-column: 2;

  grid-row: 1;

}*/

#pag-cadastro main #cadastro .valor ul span {

    font-family: 'helvetica_bold';

    font-size: 11px;

    color: #ffffff; 

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    height: 21px;

    width: 47px;

    min-width: 47px;

    min-height: 21px;

    border-radius: 3px;

    background: #7e54d6;

}

#pag-cadastro main #cadastro .valor ul li input {

    border: 0;

    padding-bottom: 0;

    width: 100%;

}

#pag-login main form p.aviso{

  font-family: 'helvetica_bold';

  font-size: 14px;

  text-transform: uppercase;

  border: 2px solid #fff;

  color: #fff;

  padding: 10px 20px 12px 20px;

  border-radius: 30px;

  position: relative;

  top: 18px;

}

#pag-cadastro main #cadastro form.foto-perfil p {

  background: none;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center; 

  padding-top: 0; 

}

#pag-cadastro main #cadastro form.foto-perfil p span {

    background: url(../imagens/formularios/adicionar_foto_etapa_cinza.png) center no-repeat;

    background-size: contain;

    display: inline-block;

    width: 183px;

    height: 183px;

    position: relative;

    overflow: hidden;

    display: flex;

    align-items: center;

    justify-content: center; 

}

#pag-cadastro main #cadastro form.foto-perfil p span img{

    display: inline-block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;

}

#pag-cadastro.fotos main #cadastro article ul li div.mask_img{

  background: #f7f7f7;

  min-height: 100%;

  position: relative;

  overflow: hidden;

  display: flex;

  justify-content: center; 

}

#pag-cadastro.fotos main #cadastro article ul li div.mask_img img{

  display: block;

  max-width: 100%;

  width: 100%;

  object-fit: cover;

}

#pag-cadastro.fotos main #cadastro article h2.label_aviso{

  color: #c55c23;

  background: url(../imagens/formularios/erro.png) left center no-repeat;

  padding-left: 21px;

  margin-top: 20px;

}

#pag-cadastro.fotos main #cadastro article h2.label_aviso span.status{

  position: static;

  background: none;

  font-size: 12px;

}

#pag-cadastro .continuar_cadastro{

  margin-top: 0;

}

/*.fotos main, .plano main, .pagamento main{

  padding-top: 50px;

}*/

#pag-index main h1 {

    display: flex;

    width: 100%;

    max-width: 231px;

    height: 88px;

    background: url(../imagens/formularios/logo.png) center no-repeat;

    background-size: contain;

    text-indent: -9999px;

}

#pag-cadastro.escolher_cidade #cadastro form input[name=cidade] {

    -moz-appearance: none;

    -webkit-appearance: none;

    appearance: none;

    width: 100%;

    background: #ffffff url(../imagens/formularios/icon_local.png) center right 16px no-repeat;

    border: transparent;

    border-bottom: 2px solid #f7f7f7;

    font-family: 'helvetica_regular';

    font-size: 16px;

    color: #7e54d6;

    padding-bottom: 5px;

}

#menu_mobile {

    position: fixed;

    top: 0;

    bottom: 0;

    left: 0;

    min-height: 100vh;

    height: 100%;

    width: 100%;

    background: rgba(121, 121, 121, 0.95);

    max-width: none;

    padding: 0;

    opacity: 0;

    display: none;

}

#menu_mobile .center_menu {

    /*min-height: calc(100vh - 100px);

    height: 100%;*/

    overflow-y: auto;

    width: calc(100% - 54px);

    max-width: 320px;

    background: #f2f2f2;

    box-sizing: border-box;

    padding-left: 18px;

    padding-right: 20px;

    padding-top: 23px;

    display: flex;

    flex-direction: column;

    position: relative;

    left: -300px;

    transition: all 0.18s ease-in;

    height: 100%;
    z-index: 999;

}

#menu_mobile .center_menu section.opcoes {

  display: flex;

  flex-direction: column;

}

#pag-cadastro header.com_etapas a.bt_fechar_mobile,

#menu_mobile .bt_fechar_mobile{

  display: block;

  width: 20px;

  height: 20px;

  position: absolute;

  top: 18px;

  right: 18px;

  background: url(../imagens/formularios/bt_fechar_mobile.png) center center no-repeat;

  background-size: 20px 20px;

  text-indent: -20000px;
  cursor: pointer;
  z-index: 999;

}

#pag-cadastro.perfil.criar_anuncio_2 header,

#pag-cadastro header{

  left: 0;

} 

#menu_mobile .opcoes nav a.excluir-conta {
  text-align: left;

  text-decoration: none;

  top: 0;

  background: url(../imagens/formularios/icon_apagar-conta.png) center left no-repeat;

    background-size: auto;

  background-size: auto 15px;

}

#menu_mobile .suporte {
  background: url(../imagens/formularios/icon_suporte_preto.png) center left no-repeat;

    background-size: auto;

  background-size: auto 16px;

}

#menu_mobile:not(.temporario) .opcoes nav a.suporte {
  border-top: 1px solid #7e7e7e;

  margin-top: 10px;

  padding-top: 8px;

  display: inline-block;

}

#menu_mobile .sair {
  background: url(../imagens/formularios/sair_gerenciador_preto.png) center left no-repeat;

    background-size: auto;

  background-size: auto 16px;

}

#pag-cadastro header.com_etapas #menu_mobile .foto_perfil h2{

  padding-left: 0;

  background: none;

}

.plano #banner_top{

  margin-top: 55px;

}

#pag-cadastro main #banner_top{

  background: url(../imagens/formularios/fundo_estrelas.png) center no-repeat;

  background-size: auto;

}

#pag-cadastro main #banner_top.planos{

  background: rgb(245, 245, 245) url(../imagens/formularios/banner_planos.png) center no-repeat;  

  background-size: auto 100%;

  background-blend-mode: multiply;

}

#pag-cadastro main #banner_top.boost{

  background: url(../imagens/formularios/banner_boost.png) center no-repeat;  

  background-size: 100% auto;

  height: 220px;

}

#pag-cadastro main #banner_top.midia_comparacao {

  /*background: url(../imagens/formularios/banner_midia_comparacao.png) center no-repeat;  

  background-size: 100% auto;

  height: 220px;*/

  height: unset;

  padding-top: 40px;

}

#pag-cadastro main #banner_top.midia_comparacao img {

  width: 100%;

  max-width: 640px;

}

#pag-cadastro.pagamento main #cadastro{

  margin-top: 42px;

}

#pag-cadastro.perfil header,#pag-cadastro.meu_cadastro header{

  left: 50%;

}

#pag-cadastro main #cadastro input[readonly]{

  color: rgba(85, 85, 85, 0.95);

}
#pag-cadastro main #cadastro .form_indicar {
  row-gap: 6px;
}
#pag-cadastro main #cadastro .form_indicar label{

  position: relative;

}

#pag-cadastro main #cadastro .form_indicar label a{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: #7e54d6 url(../imagens/formularios/icon_link.png) center left 10px no-repeat;
  background-size: contain;
  font-family: 'helvetica_regular';
  font-size: 16px;
  color: #ffff;
  height: 34px;
  border-radius: 8px;
}
#pag-cadastro main #cadastro .form_indicar label a.compartilhar {
  background: #7e54d6 url(../imagens/formularios/compartilhar_link.png) center left 10px no-repeat;
  background-size: contain;
}
#pag-cadastro.perfil main #perfil .infos .esquerda .mask_img{

    position: relative;
}

#pag-cadastro.perfil main #perfil .infos .esquerda .mask_img span.verificado{

    text-indent: -9999px;

    display: inline-block;

    width: 25px;

    height: 25px;

    background: url(../imagens/formularios/verificado.png) center center no-repeat;

    background-size: 100% auto;

    position: absolute;

    left: 150px;

    top: 25px;

    z-index: 999;

}

#pag-cadastro.perfil main #perfil .infos .esquerda .mask_img .profile{

  display: block;

  overflow: hidden;

  width: 183px;

  height: 183px;

  border-radius: 50%;

  position: absolute;

  top: 0px;

  left: 0px;

  z-index: 999;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 5px solid #ffff;

}

#pag-cadastro.perfil main #perfil .infos .esquerda .mask_img img{

  display: block;

  max-width: 150%;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.botao.naoativo{

  background: #c84122;

}

#pag-cadastro .botao.naoativo span {

    right: auto;

    left: 4px;

}

#pag-cadastro.perfil main #perfil .infos .direita article a.naoativo{

  color: #c84122;

}

#pag-cadastro.perfil main #perfil .foto_capa .foto_capa_imagem{

  position: absolute;

  top: 0;

  left: 0;

  overflow: hidden;

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;  

  opacity: 0.75; 

  z-index: 9;

  background: #ededed;

}

#pag-cadastro.perfil main #perfil .foto_capa .foto_capa_imagem img{

  display: block;

  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;

}

#pag-cadastro.perfil main #perfil .status form{

  position: relative;

}

#pag-cadastro.perfil main #perfil .status form input[type=text]{

    border: transparent;

    border-bottom: 2px solid #efefef;

    font-family: 'helvetica_regular';

    font-size: 14px;

    color: #692b82;  

    height: 34px;

    border-radius: 8px;

}

#pag-cadastro.perfil main #perfil .status form input[type=submit]{

  position: absolute;

  top: -10px;

  right: 0;

  font-family: 'gothic_bold';

  font-size: 14px;

  letter-spacing: 0.14px;

  color: #692b82;

  background: url(../imagens/formularios/seta_roxa.png) right center no-repeat;

  border: none;

  padding-right: 35px;

  padding-top: 4px;

  padding-bottom: 4px;

  cursor: pointer;

}

#listagem_midia {

    margin-top: 22px;

}

#listagem_midia .center ul,
#destaques .center ul {

/*  max-height: 200px;*/

  position: relative;

  overflow: auto;

  display: grid;

  grid-template-columns: repeat(auto-fill, minmax(109px, 1fr));

  grid-auto-rows: unset;

  gap: 4px;

  justify-content: center;

  width: calc(100% + 20px);
  margin-left: -10px;

  justify-content: center;

  margin-top: 15px;

  padding-bottom: 40px;

  max-width: 100vw;

}

#listagem_midia .center ul li,
#destaques .center ul li {

  display: flex;

  position: relative;

  overflow: hidden;
}

#listagem_midia .center ul li.sem_conteudo.item_video{

  display: none;

  grid-column: span 4;

}
#listagem_midia .center ul li.sem_conteudo.item_storie{
  display: none;
  grid-column: span 4;
  align-items: center;
  justify-content: center;
}
#listagem_midia .center ul li.item_video{

  display: none;

}

#listagem_midia .center ul li:nth-child(2n){

  margin-right: 0; 

}

#listagem_midia .center ul li .mask_img,
#destaques .center ul li .mask_img {
  width: 100%;
  position: relative;
  padding-top: 100%;
  border-radius: 4px;
  overflow: hidden;
}
#listagem_midia .center ul .editar_foto {
  display: inline-block;
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: rgba(126, 84, 214, 0.9) url(../imagens/formularios/icon_editar_perfil.png) center no-repeat;
  background-size: 12px;
  position: absolute;
  bottom: 5px;
  left: 5px;
  z-index: 2;
}
#listagem_midia .center ul li img,
#listagem_midia .center ul li video,
#destaques .center ul li img{

  display: block;

  max-width: 100%;

  width: 100%;

  height: 100%;

  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;

}

#listagem_midia h3{

    font-family: 'gothic_bold';

    font-size: 16px;

    color: #ccc;

    display: inline-block;

    margin-bottom: 20px;

    padding: 0;

    position: relative;

    text-align: center;

    cursor: pointer;

}

#listagem_midia .top {

  display: flex;

  flex-direction: row;

  justify-content: space-around;

}

#listagem_midia h3.selected{

  color: #7e54d6;  
  text-decoration: underline;

}

#pag-cadastro main #midias form {

    display: block;

    margin-top: 0;

    display: flex;

    flex-direction: row;

    width: 100%;

    height: 100%;

}

#pag-cadastro main #midias form label,
#pag-cadastro main #destaques form label {

  width: 100%;

  height: 100%;

  border: 1px solid #9e9e9e;
  border-radius: 4px;
}

#pag-cadastro main #midias .formularios,
#pag-cadastro main #destaques .formularios {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-auto-rows: 92px;

    gap: 10px;

    margin-top: 28px;

}
#pag-cadastro main #destaques .formularios {
  grid-auto-rows: unset;
}
#pag-cadastro main #destaques .formularios {
  grid-template-columns: 1fr;
}
#pag-cadastro main #destaques form label.enviar_foto .mask_img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
#pag-cadastro main #destaques form label.enviar_foto .mask_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#pag-cadastro main #destaques form label.enviar_foto .mask_img.destaque img {
  border: 3px solid #7e54d6;

}
#listagem_midia .center ul li.sem_conteudo {

    background: #eee;

    width: 100%;

    text-align: center;

    font-family: 'gothic_bold';

    font-size: 14px;

    letter-spacing: 0.14px; 

    color: #999; 

    display: flex;

    justify-content: center;

    align-items: center;    

    border-radius: 15px;

    grid-column: span 3;

}

#listagem_midia .center ul li a.bt_apagar_midia,
#pag-cadastro main #destaques form label.enviar_foto a.bt_apagar_midia {

  display: inline-block;

  width: 22px;

  height: 22px;

  background: #e05b16 url(../imagens/formularios/bt_fechar_mobile.png) center center no-repeat;

  background-size: 10px 10px;

  border-radius: 50%;

  text-indent: -20000px;

  position: absolute;

  top: 5px;

  right: 5px;

  z-index: 2;

}

.mask_slide_planos{

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  max-width: 100%;

  min-height: 365px;

  overflow: hidden;

  padding-bottom: 20px;

}

.mask_slide_planos ul{

  min-width: 897px;

  position: relative;



}



*, *::before, *::after {

  box-sizing: border-box;

}



@keyframes rotate {

  100% {

    transform: rotate(1.5turn);

  }

}

#pag-cadastro.perfil main #perfil .infos .esquerda .mask_img.storie .animacao{

  display: block;

  width: 99px;

  height: 99px;

  border-radius: 50%;

  background: #f00;

  z-index: 9;

  position: absolute;

  left: 10px;

  top: -2px;

  background-color: #399953;

  background-repeat: no-repeat;

  background-size: 50% 50%, 50% 50%;

  background-position: 0 0, 100% 0, 100% 100%, 0 100%;

  background-image: linear-gradient(#399953, #399953), linear-gradient(#fbb300, #fbb300), linear-gradient(#d53e33, #d53e33), linear-gradient(#377af5, #377af5);

  animation: rotate 4s linear infinite;  

} 

#pag-cadastro.perfil main #perfil .infos .esquerda .mask_img.storie .animacao::after {

    animation: opacityChange 3s infinite alternate;

}



@keyframes opacityChange {

  50% {

    opacity:1;

  }

  100% {

    opacity: .5;

  }

}

.storiesWrapper{

  position: absolute;

  bottom: -82px;

  left: 0px;

  z-index: 999;

}

main #acompanhantes .wrapper #stories {

  overflow-x: auto;

  scrollbar-width: none;

  -ms-overflow-style: none;

}

main #acompanhantes .wrapper #stories::-webkit-scrollbar {

  width: 0;

  opacity: 0;

  display: none;

  background-color: transparent;

}

#pag-cadastro .center{

  position: relative;

}

#pag-cadastro .storiesWrapper{

  left: 30px;

  top: -3px;

  bottom: none;

  width: 100px;

  height: 100px;

  opacity: 0;

}

main #filtro_select .container{

  overflow: visible;

}

main #filtro_select article::after{

  display: none;

}

main #filtro_select article label{

  display: block;

  width: 100%;

}