﻿/*MENU RODAPE*/
.Bk_rodape{
	width:100%;
	height:auto;
	background:#04478F;
	float:left;
	padding-top:50px;
	padding-bottom:50px;
	}
.Larg_pe{
	max-width:1280px;
	margin:auto;
	}
@media(max-width:1280px){
	.Larg_pe{
	max-width:90%;
	}
}	
.QuadRodaPe{
	width:calc(25% - 10px);
	margin-right:10px;
	padding:10px;
	height:auto;
	float:left;
	}
.QuadRodaPe_logo{
	width:calc(25% - 10px);
	margin-right:10px;
	padding:10px;
	height:auto;
	float:left;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	}
.logoR_empresa{
	content:'';
	width:226px;
	height:56px;
	background: url(../imagens/logo/treffort-engenharia-PE.svg) no-repeat center center;
}	
.logoR_empresa2{
	content:'';
	width:226px;
	height:140px;
	background: url(../imagens/menu/certificados.svg) no-repeat center center;
}
.TXT_rodape{
	font-family:'Exo 2',Arial, Helvetica, sans-serif; font-size:16px; font-weight:400; color:#FFF; text-align: left;
	line-height:1.5;
	/*tirar link do texto simples*/
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	}	
.BTrodape:visited,
.BTrodape:active,
.BTrodape{
	width: auto;
	height:50px;
	padding-left:50px;
	padding-right:20px;
	margin-top:25px;
	border-radius:10px;
	border:1px solid #0098DA;
	background: url(../imagens/menu/bt_whats.svg) no-repeat left center;
	cursor:pointer;
	transition:0.2s ease-in-out;
	font-family:'Exo 2',Arial, Helvetica, sans-serif; font-size:16px; font-weight:500; color:#FFF; text-align: left;
	text-decoration:none;
    display: inline-flex; /* Use inline-flex para evitar 100% */
    align-items: center;
	line-height:2; 
	}
.BTrodape:hover{
	background:#0098DA url(../imagens/menu/bt_whats.svg) no-repeat left center;;
	border:1px solid #0098DA;
	}	
.LinkR:visited,
.LinkR:active,
.LinkR{
	color:#FFF;
	text-decoration:none;
	cursor:pointer;
	transition:ease-in-out 0.2s;
	}
.LinkR:hover{
	padding:6px;
	border-radius:4px;
	background: #0098DA;
	color: #FFF;
	font-weight:500;
	}
.BkredesocialR{
	width:100%;
	padding-top:10px;
	padding-bottom:20px;
	float:left;
	}	
.BTredesocialR,
.BTredesocialR:visited,
.BTredesocialR:active{
	width:40px;
	height:40px;
	float:left;
	border-radius:40px;
	background: #FFF;
	margin:2px;
	transition:0.2s ease-in-out;
	position:relative;
	z-index: 10;
	cursor:pointer;
	}
.BTredesocialR:hover{
	background: #0098DA;
	}
.BTredesocialR.whtasapp::after{ content:''; width:40px; height:40px; position:absolute; top:0; left:0; background: url(../imagens/menu/rede_whtasapp.svg) no-repeat center center;}	
.BTredesocialR.instagram::after{ content:''; width:40px; height:40px; position:absolute; top:0; left:0; background: url(../imagens/menu/rede-facebook3.svg) no-repeat center center;}	
.BTredesocialR.google::after{ content:''; width:40px; height:40px; position:absolute; top:0; left:0; background: url(../imagens/menu/rede-google.svg) no-repeat center center;}	

@media(max-width:1000px){
	.QuadRodaPe, .QuadRodaPe_logo{
	width:calc(50% - 10px);
	margin-right:10px;
	margin-bottom:10px;
	}
	}	
@media(max-width:900px){
	.QuadRodaPe, .QuadRodaPe_logo{
	width:100%;
	margin-right:0;
	margin-bottom:10px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	}	
	.TXT_rodape{
		width:100%;
	font-family:'Exo 2',Arial, Helvetica, sans-serif; font-size:16px; font-weight:500; color:#FFF; text-align: center;
	line-height:1.3;
	}
	.BkredesocialR{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	}	
.LinkR:visited,
.LinkR:active,
.LinkR{
	justify-content: center;
	}	
	}		
.BkCriador{
	width:100%;
	height:auto;
	padding-top:15px;
	padding-bottom:15px;
	background-color: #04478F;
	float:left;
	display: flex;
	justify-content: center;
	border-top:1px solid #00346B;
	}	
.logoElias{
	content:'';
	width:145px;
	height:37px;
	background: url(../imagens/menu/EliasDaMata.svg) no-repeat center center;
	background-size:contain;
	}	
/* AVISO DE COOKIES */
.fundo_Avisocookies.hide {display: none !important;}
	.fundo_Avisocookies {
    width: 350px; 
    height: auto;
    padding-top: 40px; 
    padding-bottom: 30px;
	border-radius:10px;
	border:1.5px solid #0098DA; 
    position: fixed; 
    bottom: 100px;
    right: 15px;
    z-index: 995;
	background: #FFF;
}
.txt_Avisocookies{
			width:300px; height:auto;
			margin:auto;
			padding-bottom:15px;
			font-family:'Exo 2',Arial, Helvetica, sans-serif; font-size:16px; font-weight:500; color: #333; text-align: center; line-height:20px;
			position:relative;
        }
a.Link_PoliticaCookies:link, a.Link_PoliticaCookies:visited, a.Link_PoliticaCookies:active {
		text-decoration: underline;
		color: #333;
		transition: 0.2s ease-in-out;
		}    
a.Link_PoliticaCookies:hover{
	padding:3px; border-radius:5px;
			background:#0098DA;
			text-decoration:none;
			color: #FFF;
			}
.icoAvisoCookies {
			width:40px; height:40px;
			background: #0098DA url(../imagens/menu/ico_Aviso-FixoR.svg) no-repeat center center;
			position:absolute; 
			top:-20px; left:50%; margin-left:-20px;
			border-radius:30px;
			border:0;
			}
.Bt_Avisocookies{
			width:250px; height:auto;
			margin:auto;
			padding-top:15px; padding-bottom:15px;
			border-radius:10px;
            background: #0098DA; 
            cursor: pointer;
			font-family:'Exo 2',Arial, Helvetica, sans-serif; font-size:16px; font-weight:500; color: #FFF; text-align: center;
			transition: 0.2s ease-in-out;
        }
.Bt_Avisocookies:hover{
	background:#0098DA;
	color: #FFF;
	}
@media(max-width:550px){.fundo_Avisocookies{ width:100%;right:0; border-radius:0; bottom:0;}}		

/*BOTÃO WHATSAPP*/
/*Div imagem do icone*/	
.BTfxWhats .IconeWhats{
	width:50px;
	height:50px;
	z-index:990;
	cursor:pointer;
	background: url(../imagens/menu/WhatsApp-FixoR.svg) no-repeat center center;
	}
/*Div bola botão verde*/		
.BTfxWhats{
	position:fixed;
	bottom:15px; right:15px;
	width:55px;
	height:55px;
	background:#00dc00 ;
	border-radius:75px;
/*alinhamento de objetos na div no centro flex-center-center*/
	display:flex;
	justify-content:center;
	align-items: center;
	z-index:800;
	}	
/*Animação dentro Div bola botão verde*/
.BTfxWhats:before, .BTfxWhats::after{
	content:'';
	display:block; /*para o alemento aparecer*/
	position:absolute; /*relativo dentro do BTfxWhats*/
	background:#00ff00; /*cor diferente para transição*/
	border-radius:50%;
	left:-20px;
	right:-20px;
	top:-20px;
	bottom:-20px;
	animation: LIGAAQUI 1.5s linear infinite; /*ação para a variavel "animar" em loop infinito*/
	opacity:0;
	z-index:800;
	}		
/*Animar variavel 3 estagios da variavel LIGAAQUI*/	
@keyframes LIGAAQUI{
	0%{ transform: scale(0.3); opacity:0; } /*duração e estagio da animação 1*/
	50%{ opacity:1; } /*duração e estagio da animação 2*/
	100%{ transform: scale(0.8); opacity:0; } /*duração e estagio da animação 3*/
	}								


