@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Heebo:400,700&display=swap');

body { margin: 0 auto; background-color: #FEFEFE; font-family: 'Heebo', sans-serif; font-size: 15px;}
body a:link {text-decoration: none; color: #000000;}
body a:visited {color: #000000;}
body a:hover {color: #000000;}
body a:active {color: #000000;}
body h1, h2, h3, h4, h5 { font-weight: normal; margin: 0; line-height: 1.5;}

body img { border: 0;}
body .center { margin: 0 auto; width: 94%;}
body .border4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
body .border100 { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px;}
body .sombra1 { -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);}
body .sombra2 { -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);}
body .t4 {-webkit-transition: 0.4s ease-in; -moz-transition: 0.4s ease-in; -o-transition: 0.4s ease-in; transition: 0.4s ease-in;}
body .n { display: none;}

header { float: left; width: 100%; position: absolute; z-index: 10;}
header.relative { position: relative;}
header .mobile { float: left; width: 100%; display: none;}
header .descktop { float: left; width: 100%;}

header .topo { float: left; width: 100%; padding: 8px 0 0; background-color: #FFFFFF; position: relative;}
header .menu { float: right; width: 45%; margin: 27px 3% 0 0; padding: 0 80px 0 0;}
header .bg { float: left; width: 100%; position: relative; margin: -11px 0 0; z-index: 2;}
header .bg .img { float: left; width: 100%;}
header .bg.desativa { display: none;}

header .mmobile { position: absolute; width: 50px; height: 50px; top: 18px; left: 2%; z-index: 3; display: none;}
header .mmobile .ico { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #FFFFFF; background-repeat: no-repeat; background-position: 50%;}
header .mmobile .ico.abre { background-image: url(../imagens/icoAbrir.png);}
header .mmobile .ico.fecha { background-image: url(../imagens/icoFechar.png);}

header .logo { float: left; margin: 0 0 0 3%; position: relative; z-index: 3;}
header .logo img { float: left;}

header .localizacao { float: left; margin: 48px 0 0 3%; padding: 12px 10px 7px; border: 1px solid #DDDDDD; background-color: #F5F5F5; line-height: 1.3; -webkit-border-radius: 10px; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 10px; -moz-border-radius-bottomleft: 0; border-radius: 10px; border-bottom-left-radius: 0;}
header .localizacao strong { font-size: 1em; color: #000000;}
header .localizacao b { font-weight: normal; font-size: 1em; color: #222222;}
header .localizacao a { font-size: 0.85em; color: #E84245;}
header .localizacao a:hover { color: #1F2DC8;}

header .sociais { position: absolute; width: 45px; top: 16px; right: 3%; z-index: 3;}
header .sociais .ico { float: left; width: 45px; height: 45px; margin: 0 0 5px; background-repeat: no-repeat; background-position: 50%;}
header .sociais .ico.whatsapp { background-image: url("../imagens/whatsapp.png");}
header .sociais .ico.instagran { background-image: url("../imagens/instagran.png");}
header .sociais .ico.facebook { background-image: url("../imagens/facebook.png");}

header .links { float: right;}
header .links a { float: left; padding: 20px 15px 14px; margin: 0 0 0 7px; border: 1px solid #1A1A1A; text-transform: uppercase; font-weight: bold; font-size: 1.3em; color: #1A1A1A; -webkit-border-radius: 10px; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 10px; -moz-border-radius-bottomleft: 0; border-radius: 10px; border-bottom-left-radius: 0;}
header .links a:hover { color: #FFCC29;}
header .links a.ativo { color: #FFCC29;}

header .linha { float: left; width: 100%; height: 10px;}

header .mais { float: right;}
header .mais a { float: left; font-weight: bold; font-size: 1em; color: #1A1A1A; cursor: pointer;}
header .mais b { float: left; width: 2px; height: 12px; margin: 5px 15px 0; background-color: #1A1A1A;}
header .mais a:hover { color: #FFCC29;}
header .mais a.ativo { color: #FFCC29;}


footer { float: left; width: 100%; position: relative; z-index: 1;}
footer .bg { float: left; width: 100%; position: relative; z-index: 1;}
footer .bg .img { float: left; width: 100%;}
footer .conteudo { position: absolute; width: 100%; top: 90px; left: 0; z-index: 2; }
footer .conteudo .logo { float: left; width: 100%; margin: 12px 0 0; text-align: center;}
footer .conteudo .logo .img { max-width: 90%;}
footer .conteudo .texto { float: right; width: 100%; margin: 20px 0 0;}
footer .conteudo .texto h4 { float: left; width: 100%; text-align: center; font-size: 1em; color: #FFFFFF;}
footer .conteudo .texto h4 a { color: #FFFFFF;}
footer .espaco { float: left; width: 100%; height: 170px; background-color: #364587;}

@media only screen and (max-width: 1200px) {
     footer .espaco { height: 200px;}
}
@media only screen and (max-width: 1100px) {
     header .mobile { display: block;}
     header .mobile.desativa { display: none;}
     header .descktop { display: none;}
     header .descktop.ativa { display: block;}

     header .menu { width: 100%; margin: 0; padding: 0;}

     header .logo { width: 100%; margin: 5px 0 3px; text-align: center;}
     header .logo img { float: none;}

     header .mmobile { display: block;}

     header .localizacao { width: 100%; margin: 0; padding: 12px 0 6px; border: 0; border-top: 1px solid #DDDDDD; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}

     header .links { width: 96%; padding: 12px 2% 6px; background-color: #FFCC29;}
     header .links a { width: 96%; padding: 14px 2% 10px; margin: 0 0 5px; font-size: 1.1em;}
     header .links a:hover { background-color: #1A1A1A;}
     header .links a.ativo { background-color: #1A1A1A;}

     header .mais { width: 96%; margin: 5px 2% 20px;}
     header .mais a { width: 100%; padding: 15px 0 12px; border-bottom: 1px solid #1A1A1A;}
     header .mais b { display: none;}
     header .mais a:hover { text-decoration: underline; color: #1A1A1A;}
     header .mais a.ativo { text-decoration: underline; color: #1A1A1A;}

     header .sociais { width: 45px; top: 12px; right: 2%;}
}
@media only screen and (max-width: 1000px) {
     footer .espaco { height: 250px;}
}
@media only screen and (max-width: 700px) {
     header .topo { padding: 8px 0 6px;}
     header .logo img { height: 100px;}

     header .sociais { width: 30px; top: 8px;}
     header .sociais .ico { width: 30px; height: 30px; background-size: 30px;}

     footer .conteudo { top: 60px;}
     footer .conteudo .logo { width: 30%;}
     footer .conteudo .texto { width: 68%;}
}
@media only screen and (max-width: 500px) {
     footer .conteudo { top: 30px;}
     footer .conteudo .logo { width: 100%; text-align: center;}
     footer .conteudo .logo .img { float: none;}
     footer .conteudo .texto { width: 100%;}
     footer .conteudo .texto h2 { text-align: center;}
     footer .conteudo .texto h3 { text-align: center;}
     footer .conteudo .texto h4 { text-align: center;}
     footer .conteudo .texto strong { display: none;}
     footer .espaco { height: 350px;}
}
@media only screen and (max-width: 400px) {
     header .bg { margin: -6px 0 0;}
     footer .contato h3 { font-size: 1.2em;}
     footer .contato h4 { font-size: 1.4em;}
     footer .espaco { height: 400px;}
}