/*--------------------------------------------------*/
/*BOTÃO SOCIAL - GERAL*/
/*--------------------------------------------------*/

/*Código Fonte (ediçoes somente acima)*/

/* inicio formatacao geral  */

#th-social-button{
	position: fixed!important;
	bottom:var(--fixo-bottom)!important;
	right:var(--fixo-right)!important;
	width: var(--raio-circulo)!important;
	height: var(--raio-circulo)!important;
	border-radius: 50%!important;
	transition: all .4s!important;
	font-family: var(--font-family)!important;
	z-index: 100000000!important;
}

#th-social-button .th-social-button-icon {
    position: absolute!important;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%,-50%)!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    height: auto!important;
    width: auto!important;
    color: var(--cor-icone-botao-principal)!important;
    font-size: var(--font-size-botao)!important;
    line-height: 1!important;
    display: block!important;
    width: 100%!important;
    height: 100%!important;
    border-radius: 50%!important;
	cursor: pointer!important;
	transition: all .4s!important;
}


#th-social-button .th-social-button-icon i{
    color: var(--cor-icone-botao)!important;
    font-size: var(--font-size-botao)!important;
	line-height:1!important;
	position: absolute!important;
	top:50%!important;
	left: 50%!important;
	transform:translate(-50%,-50%)!important;
	transition: all .4s!important;
}

/* fim formatacao geral */

/* inicio botao disparador */

#th-social-button #th-social-button-door.th-social-button-icon {
	background-color: var(--cor-background-botao)!important;
	box-shadow: var(--shadow-geral)!important;
	cursor: pointer
}

#th-social-button #th-social-button-door.th-social-button-icon i{
	color:var(--cor-icone-botao-principal)!important;
}

#th-social-button #th-social-button-door.th-social-button-icon:active {
	transform: translate(-50%,-50%) scale(.9)!important;
}



#th-social-button.th-social-button-open .th-social-button-icon .th-icon-open, #th-social-button .th-social-button-icon .th-icon-close, #th-social-button.th-contato-ativo .th-social-button-icon .th-icon-open{
	opacity:0!important;
	transform: translate(-50%,-50%) rotate(0deg)!important;
}

#th-social-button .th-social-button-icon .th-icon-open, #th-social-button.th-social-button-open .th-social-button-icon .th-icon-close, #th-social-button.th-contato-ativo .th-social-button-icon .th-icon-close{
	opacity:1!important;
	transform: translate(-50%,-50%) rotate(360deg)!important;
}

/* fim botao disparador */

/* inicio grupo de icones */
#th-social-button #th-social-button-cx-icons {
    position: absolute!important;
    left: 0!important;
    bottom: 100%!important;
    width: 100%!important;
    cursor: initial!important;
    display: flex!important;
    flex-wrap: wrap!important;
    flex-flow: column-reverse!important;
	transform-origin: 0 100%!important;
	transform: rotate3d(1,0,0,90deg)!important;
	opacity: 0!important;
	transition: all .4s!important;
}

#th-social-button.th-social-button-open #th-social-button-cx-icons {
	transform: rotate3d(1,0,0,0deg)!important;
	opacity: 1!important;
}

#th-social-button #th-social-button-cx-icons .th-social-button-bt-social{
	display:block!important;
	width:100%!important;
	padding-top:100%!important;
	border-radius: 50%!important;
	cursor: pointer!important;
	margin-bottom: var(--espacamento)!important;
	box-shadow: var(--shadow-geral)!important;
	transition: all .4s!important;
	position:relative!important;
} 

#th-social-button #th-social-button-cx-icons .th-social-button-bt-social:active{
	transform: scale(.9)!important;
} 

#th-social-button #th-social-button-door:hover, #th-social-button #th-social-button-cx-icons .th-social-button-bt-social:hover{
	box-shadow: var(--shaddow-hover-geral)!important;
}

#th-social-button #th-social-button-cx-icons .th-social-button-bt-social .th-social-button-bt-social-tooltip {
    position: absolute!important;
    display: block!important;
    top: 50%!important;
    right: 100%!important;
    left: 0!important;
    transform: rotate3d(0,1,0,90deg)!important;
	transition: all .4s!important;
	opacity:0!important;
}


@media (min-width:992px){
	#th-social-button  #th-social-button-cx-icons .th-mobile{
		display:none!important;
	}
	#th-social-button  #th-social-button-cx-icons .th-desktop{
		display:block!important;
	}
	#th-social-button #th-social-button-cx-icons .th-social-button-bt-social .th-social-button-bt-social-tooltip:before {
		content: attr(data-tooltip)!important;
		position: absolute!important;
		top: 50%!important;
		right: 100%!important;
		width: max-content!important;
		transform: translate(-13px,-50%)!important;
		display: block!important;
		background: var(--cor-background-botao)!important;
		color: var(--cor-icone-botao-principal)!important;
		padding: 5px 10px!important;
		line-height: 1!important;
		border-radius: 5px!important;
		font-size: 14px!important;
	}
	
	#th-social-button #th-social-button-cx-icons .th-social-button-bt-social .th-social-button-bt-social-tooltip:after {
		top: 50%!important;
		right: 100%!important;
		transform: translate(0,-50%)!important;
		width: 13px!important;
		height: 12px!important;
		background: transparent!important;
		content: ''!important;
		position: absolute!important;
		border: 6px solid var(--cor-background-botao)!important;
		box-sizing: border-box!important;
		border-top-color: transparent!important;
		border-right: transparent!important;
		border-bottom-color: transparent!important;
		border-left-width: 8px!important;
	}
	
	#th-social-button #th-social-button-cx-icons .th-social-button-bt-social .th-social-button-bt-social-tooltip {
		display:block!important;
	}
	
	#th-social-button #th-social-button-cx-icons .th-social-button-bt-social:hover .th-social-button-bt-social-tooltip {
		transform: rotate3d(0,1,0,0deg)!important;
		opacity:1!important;
	}
	
}
@media (max-width: 991px){
	#th-social-button #th-social-button-cx-icons .th-mobile{
		display:block!important;
	}
	#th-social-button #th-social-button-cx-icons .th-desktop{
		display:none!important;
	}
}

@media (max-width: 767px) and (orientation:landscape){
	#th-social-button #th-social-button-cx-icons {

		transform: rotate3d(1,0,0,90deg) rotate(-90deg)!important;
		left: unset!important;
		right: 0!important;
		bottom: 0!important;
	}

	#th-social-button.th-social-button-open #th-social-button-cx-icons {
		transform: rotate3d(1,0,0,0deg) rotate(-90deg)!important;
		opacity: 1!important;
	}
	
	#th-social-button #th-social-button-cx-icons .th-social-button-bt-social {
		transform: rotate(90deg)!important;
	}
	
	#th-social-button #th-social-button-cx-icons .th-social-button-bt-social:active{
		transform: scale(.9) rotate(90deg)!important;
	} 
	
}
/* fim grupo icones */

/* imports */




/* fim imports */


/*FIM Código Fonte*/

/*--------------------------------------------------*/
/*FIM BOTÃO SOCIAL - GERAL*/
/*--------------------------------------------------*/