/*--------------------------------------------------*/
/*BOTÃO SOCIAL - MODAL CONTATO*/
/*--------------------------------------------------*/

/* geral */
#th-social-button #th-modal-contato {
    position: absolute!important;
    bottom: calc(100% + var(--espacamento))!important;
    right: 0!important;
    background: var(--background-modal-contato)!important;
    width: var(--width-modal-contato)!important;
    cursor: initial!important;
    box-shadow: 0 0 17px #00000040!important;
    border-radius: 10px 10px 0 0!important;
    overflow: hidden!important;
    transform-origin: 50% 100%!important;
    transform: rotate3d(1,0,0,90deg)!important;
    transition: all .4s!important;
    opacity: 0!important;
    max-width: calc(100vw - var(--fixo-right) - var(--fixo-right))!important;
	bottom:0!important;
}



#th-social-button.th-contato-ativo #th-modal-contato {
    transform: rotate3d(1,0,0,0deg)!important;
	opacity: 1!important;
}
/* fim geral */
/* header */
#th-social-button #th-modal-contato #th-modal-contato-cabecalho {
    background: var(--cor-destaque-modal)!important;
    padding:15px!important;
    text-align: left!important;
    color: var(--cor-fonte-destaque)!important;
    font-weight: 500!important;		
    font-size: 15px!important;
	padding-left: 40px!important;
	padding-right: 30px!important;
	position: relative!important;
	width: 100%!important;
	box-sizing: border-box!important;
}


#th-social-button #th-modal-contato #th-modal-contato-cabecalho .th-modal-contato-cabecalho-icon {
	position: absolute!important;
	left: 0!important;
	top: 0!important;
	height: 100%!important;
	width: 40px!important;
	font-size: 20px!important;
	display:flex!important;
	align-items:center!important;
	justify-content: center!important;
}

#th-social-button #th-modal-contato #th-modal-contato-cabecalho #th-modal-contato-close {
	position: absolute!important;
	right: 0!important;
	top: 0!important;
	height: 100%!important;
	width: 40px!important;
	font-size: 17px!important;
	display:flex!important;
	align-items:center!important;
	justify-content: center!important;
	cursor: pointer
}

#th-social-button #th-modal-contato #th-modal-contato-cabecalho #th-modal-contato-close:hover{
	opacity: 0.9
}
#th-social-button #th-modal-contato #th-modal-contato-cabecalho #th-modal-contato-close:active{
	opacity: 0.9!important;
	transform:scale(.9)!important;
}
/* header */
/* conteudo */
#th-social-button #th-modal-contato #th-modal-contato-conteudo {
    padding: 10px!important;
}

#th-social-button #th-modal-contato #th-modal-contato-conteudo input, #th-social-button #th-modal-contato #th-modal-contato-conteudo textarea {
    width: 100%!important;
    min-width: 100%!important;
    max-width: 100%!important;
    margin: 2.5px 0!important;
    padding: 10px!important;
    border-radius: 5px!important;
    box-sizing: border-box!important;
    border: 1px solid #e0e0e0!important;
    font-size: var(--font-size)!important;
    color: var(--font-color)!important;
    font-family: "Arial"!important;
}

#th-social-button #th-modal-contato #th-modal-contato-conteudo #th-modal-contato-submit {
    width: 100%!important;
    padding: 10px!important;
    background: var(--cor-destaque-modal)!important;
    border: 1px solid var(--cor-backgroun-botao)!important;
    color: var(--cor-fonte-destaque)!important;
    font-size: 15px!important;
    font-weight: 500!important;
    border-radius: 10px!important;
    margin-top: 0!important;
    cursor: pointer!important;
}

#th-social-button #th-modal-contato #th-modal-contato-conteudo #th-modal-contato-submit:hover {
    opacity: .9!important;
}

#th-social-button #th-modal-contato #th-modal-contato-conteudo #th-modal-contato-submit i {
    margin-right: 10px!important;
}

.th-modal-contato-cx-submit {
    width: 100%!important;
    padding-right: 0!important;
    box-sizing: border-box!important;
    height: auto!important;
    position: static!important;
    padding: 0!important;
    left: 0!important;
    bottom: 0!important;
    display: flex!important;
    align-items: center!important;
    padding-top: 5px!important;
}


/* fim conteudo */

/* mensagem de retorno */
#th-social-button #th-retorno-modal-contato {
    position: absolute!important;
    bottom: calc(100% + 15px)!important;
    right: 0!important;
    width: max-content!important;
    background: var(--cor-destaque-modal)!important;
    padding: 5px 10px!important;
    border-radius: 21px!important;
    color: var(--cor-fonte-destaque)!important;
    font-size: 12px!important;
    box-shadow: 0 0 10px #00000069!important;
    padding-left: 25px!important;
	cursor: pointer!important;
	transform-origin: 50% 100%!important;
	transform:rotate3d(1,0,0,90deg)!important;
	opacity:0!important;	
	transition: all .4s!important;
	line-height:1!important;
}

#th-social-button #th-retorno-modal-contato.th-retorno-ativo {
	transform:rotate3d(1,0,0,0deg)!important;
	opacity:1!important;	
}

#th-social-button #th-retorno-modal-contato.th-retorno-ativo:hover {
	opacity:.7!important;	
}

#th-social-button #th-retorno-modal-contato #th-retorno-contato-close{
	position: absolute!important;
	top:50%!important;
	left:12.5px!important;
	transform:translate(-50%,-50%)!important;
	display:flex!important;
	width:25px!important;
	height:100%!important;
	align-items: center!important;
	justify-content: center!important;
	cursor:pointer
}

#th-social-button #th-retorno-modal-contato #th-retorno-contato-close:hover{
	opacity: 0.9!important;
}

#th-social-button #th-retorno-modal-contato #th-retorno-contato-close:active{
	opacity: 0.9!important;
	transform:translate(-50%,-50%) scale(.9)!important;
}

#th-social-button.th-contato-ativo #th-social-button-door{
	box-shadow:unset!important;
}

@media (max-width: 767px) and (orientation:landscape){
	#th-social-button #th-modal-contato #th-modal-contato-conteudo input {
    float: left!important;
    width: 49%!important;
    min-width: 49%!important;
    max-width: 49%!important;
}
	
	#th-social-button #th-modal-contato #th-modal-contato-conteudo input:not([type="hidden"]):nth-of-type(2n+1) {
		margin-left: 2%!important;
	}
	
	#th-social-button #th-modal-contato{
		width: 100vw!important;
	}
	
}

/*--------------------------------------------------*/
/*FIM BOTÃO SOCIAL - MODAL CONTATO*/
/*--------------------------------------------------*/