footer.rodape { position:relative; width:100%; box-sizing:border-box; margin:0 auto; }

footer.rodape address { position:relative; display:inline-block; vertical-align:top; width:45%; font-style:normal; box-sizing:border-box; margin-bottom:50px; }
footer.rodape address .logotipo { position:absolute; left:0; }
footer.rodape address .email { font-weight:600; margin:25px 0; }
footer.rodape address a { text-decoration:none; }

footer.rodape .mapa-do-site { position:relative; display:inline-block; vertical-align:top; width:55%; box-sizing:border-box; margin-bottom:50px; }

footer.rodape .mapa-do-site > ul { position:relative; display:inline-block; vertical-align:top; margin:0; padding:0; list-style:none; /*border-bottom:1px solid rgba(0,0,0,.2);*/ }
footer.rodape .mapa-do-site > ul > li { position:relative; display:flex; }
footer.rodape .mapa-do-site a { position:relative; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
footer.rodape .mapa-do-site > ul > li,
footer.rodape .mapa-do-site > ul > li > a { font-family:'Barlow Condensed', sans-serif; font-size:19px; line-height:34px; color:rgba(0,0,0,.8); text-transform:uppercase; }
footer.rodape .mapa-do-site > ul > li > a:hover, footer.rodape .mapa-do-site > ul > li > a:focus { text-decoration:none; color:rgba(0,0,0,.9); }
footer.rodape .mapa-do-site > ul > li > a:before { position:absolute; z-index:2; bottom:0; left:0; width:0; height:1px; box-sizing:border-box; background-color:rgba(0,0,0,.5); content:"";
	-webkit-transition:all 100ms ease-in-out;
	-moz-transition:all 100ms ease-in-out;
	-ms-transition:all 100ms ease-in-out;
	-o-transition:all 100ms ease-in-out;
	transition:all 100ms ease-in-out;
}
footer.rodape .mapa-do-site > ul > li > a:hover:before, footer.rodape .mapa-do-site > ul > li > a:focus:before { width:100%; }
footer.rodape .mapa-do-site > ul > li:first-child { padding-right:80px; margin-bottom:10px; border-bottom:1px solid rgba(0,0,0,.35); }

footer.rodape .mapa-do-site .loja { position:absolute; top:0; right:0; }

footer.rodape .redes-sociais { display:inline-block; vertical-align:middle; font-family:'Barlow Condensed', sans-serif; font-weight:300; box-sizing:border-box; }

footer.rodape .redes-sociais span { position:relative; z-index:3; display:inline-block; vertical-align:top; margin-left:10px; line-height:40px; text-transform:uppercase; }

/*
footer.rodape .redes-sociais a[href*=google],
footer.rodape .redes-sociais a[href*=pinterest],
footer.rodape .redes-sociais a[href*=twitter],
footer.rodape .redes-sociais a[href*=vimeo],
*/
footer.rodape .redes-sociais a { position:relative; z-index:1; display:inline-block; vertical-align:top; width:40px; height:40px; margin:0; text-indent:-9999px; }
footer.rodape .redes-sociais a:hover { z-index:2; } 

footer.rodape .redes-sociais a:after { position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:55px; content:""; opacity:.7; }

/*
footer.rodape .redes-sociais a[href*=google]:hover { background-color:#fbbc05; }
footer.rodape .redes-sociais a[href*=pinterest]:hover { background-color:#bd081b; }
footer.rodape .redes-sociais a[href*=twitter]:hover { background-color:#1da1f2; }
footer.rodape .redes-sociais a[href*=vimeo]:hover { background-color:#1ab7ea; }
footer.rodape .redes-sociais a[href*=facebook]:hover { background-color:#4267b2; }
footer.rodape .redes-sociais a[href*=instagram]:hover { background-color:#cd486b; }
footer.rodape .redes-sociais a[href*=linkedin]:hover { background-color:#0077b5; }
footer.rodape .redes-sociais a[href*=youtube]:hover { background-color:#ff0000; }
*/

/*
footer.rodape .redes-sociais a[href*=google] { background-image:url(imagens/icones/redes-sociais/google-plus.svg); }
footer.rodape .redes-sociais a[href*=pinterest] { background-image:url(imagens/icones/redes-sociais/pinterest.svg); }
footer.rodape .redes-sociais a[href*=twitter] { background-image:url(imagens/icones/redes-sociais/twitter.svg); }
footer.rodape .redes-sociais a[href*=vimeo] { background-image:url(imagens/icones/redes-sociais/vimeo.svg); }
*/
footer.rodape .redes-sociais a[href*=facebook] { width:30px; }
footer.rodape .redes-sociais a[href*=facebook]:after { background-image:url(imagens/icones/redes-sociais/facebook.svg); }
footer.rodape .redes-sociais a[href*=instagram]:after { background-image:url(imagens/icones/redes-sociais/instagram.svg); }
footer.rodape .redes-sociais a[href*=linkedin]:after { background-image:url(imagens/icones/redes-sociais/linkedin.svg); }
footer.rodape .redes-sociais a[href*=youtube] { width:50px; }
footer.rodape .redes-sociais a[href*=youtube]:after { background-image:url(imagens/icones/redes-sociais/youtube.svg); }

footer.rodape .redes-sociais a:hover:after { opacity:.8; /*filter:invert(1);*/ }


footer.rodape .catalogo { float:right; font-family:'Barlow Condensed', sans-serif; font-weight:600; box-sizing:border-box; }
footer.rodape .catalogo > span { display:inline-block; vertical-align:middle; line-height:20px; text-transform:uppercase; text-align:right; margin-right:20px; color:rgba(0,0,0,.6); }
footer.rodape .catalogo > span small { display:block; text-transform:none; font-weight:300; color:rgba(0,0,0,.7); }

footer.rodape .catalogo a { position:relative; z-index:1; display:inline-block; vertical-align:top; width:40px; height:40px; margin:0; text-indent:-9999px; }
footer.rodape .catalogo a:hover { z-index:2; } 
footer.rodape .catalogo a:after { position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:55px; content:""; opacity:.7; }

footer.rodape .catalogo a.web { width:60px; }
footer.rodape .catalogo a.web:after { background-image:url(imagens/icones/55/web.svg); }
footer.rodape .catalogo a.ios:after { background-image:url(imagens/icones/55/ios.svg); }
footer.rodape .catalogo a.google-play:after { background-image:url(imagens/icones/55/google-play.svg); }
footer.rodape .catalogo a:hover:after { opacity:.8; }


footer.rodape .texto-legal { position:relative; margin:30px 0 20px; border-top:1px solid rgba(0,0,0,.2); font-size:14px; }


@media screen and (min-width:1260px) {
	
	footer.rodape address { padding:0 70px 0 50px; font-size:16px; }
	
	footer.rodape address .logotipo { top:-70px; }
	
	footer.rodape .mapa-do-site > ul:first-child { margin-right:50px; }
	footer.rodape .mapa-do-site .loja { right:20px; }
	
	footer.rodape .redes-sociais { margin-left:40px; }
	footer.rodape .catalogo { margin-right:50px; }
	
	footer.rodape .texto-legal { padding:15px 50px 0; }
	
}


@media screen and (min-width:1260px) and (max-width:1449px) {
	
	footer.rodape { max-width:1180px; padding:150px 0px 0; }
	
	footer.rodape address { width:50%; }
	
	footer.rodape .mapa-do-site { width:50%; }
	footer.rodape .mapa-do-site > ul { max-width:50%; }
	footer.rodape .mapa-do-site > ul:first-child { margin-right:75px; max-width:calc(50% - 75px); }
	
}


@media screen and (min-width:1450px) {
	
	footer.rodape { max-width:1660px; padding:150px 40px 0; }
	
	footer.rodape .mapa-do-site > ul:first-child { margin-right:75px; }
	
}


@media screen and (min-width:1660px) {
	
	footer.rodape address { padding:0 180px 0 65px; }
	
	footer.rodape address .logotipo { top:-90px; }
	
	footer.rodape .mapa-do-site > ul:first-child { margin-right:100px; }
	footer.rodape .mapa-do-site .loja { right:65px; }
	
	footer.rodape .redes-sociais { margin-left:60px; }
	footer.rodape .catalogo { margin-right:65px; }
	
	footer.rodape .texto-legal { padding:15px 65px 0; }
	
}


@media screen and (min-width:1000px) and (max-width:1259px) {
	
	footer.rodape { max-width:calc(100% - 100px); padding:120px 0 0; }
	
	footer.rodape address { width:65%; padding:0 110px 0 50px; font-size:16px; }
	
	footer.rodape address .logotipo { top:-70px; }
	
	footer.rodape .mapa-do-site { width:35%; margin-bottom:70px; }
	footer.rodape .mapa-do-site > ul { margin-bottom:50px; }
	footer.rodape .mapa-do-site > ul:last-child { margin-bottom:0; }
	footer.rodape .mapa-do-site > ul > li,
	footer.rodape .mapa-do-site > ul > li > a { font-size:18px; line-height:30px; }
	
	footer.rodape .redes-sociais { width:100%; padding:30px 0; text-align:center; border-top:1px solid rgba(0,0,0,.2); }
	
	footer.rodape .catalogo { float:none; text-align:center; }
	footer.rodape .catalogo span { display:block; text-align:center; margin-right:0; margin-bottom:10px; }
	
	footer.rodape .texto-legal { padding:15px 50px 0; text-align:center; }
	
}


@media screen and (min-width:750px) and (max-width:999px) {
	
	footer.rodape { max-width:calc(100% - 80px); padding:70px 0 0; }
	
	footer.rodape address { display:block; width:70%; padding:0; font-size:16px; text-align:center; margin:0 auto 50px; }
	
	footer.rodape address .logotipo { display:none; }
	
	footer.rodape .mapa-do-site { display:none; }
	
	footer.rodape .redes-sociais { width:100%; padding:30px 0; text-align:center; border-top:1px solid rgba(0,0,0,.2); }
	
	footer.rodape .catalogo { float:none; text-align:center; }
	footer.rodape .catalogo span { display:block; text-align:center; margin-right:0; margin-bottom:10px; }
	
	footer.rodape .texto-legal { padding:15px 50px 0; text-align:center; }
	
}


@media screen and (max-width:749px) {
	
	footer.rodape { max-width:100%; padding:45px 0 0; }
	
	footer.rodape address { display:block; width:100%; padding:0 40px; font-size:16px; text-align:center; margin:0 auto 50px; }
	
	footer.rodape address .logotipo,
	footer.rodape address div[itemprop="slogan"] { display:none; }
	
	footer.rodape address .email { margin-top:0; }

	footer.rodape address .telefone { font-size:0; line-height:0; }
	footer.rodape address .telefone span { display:block; text-align:center; font-size:16px; line-height:30px; }
	
	footer.rodape .mapa-do-site { display:none; }
	
	footer.rodape .redes-sociais { display:block; width:calc(100% - 80px); margin:0 auto; padding:30px 40px; text-align:center; border-top:1px solid rgba(0,0,0,.2); }
	footer.rodape .redes-sociais span { margin-left:0; }
	
	footer.rodape .catalogo { float:none; text-align:center; }
	footer.rodape .catalogo span { display:block; text-align:center; margin-right:0; margin-bottom:10px; }
	
	footer.rodape .texto-legal { font-size:13px; margin-bottom:5px; padding:15px 0; text-align:center; }
	
}
