@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,900;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;900&display=swap');

body { margin: 0 auto; background-color: #FEFEFE; font-family: 'Montserrat', sans-serif; font-size: 16px; color: #16181A;}
body a:link { text-decoration: none; color: #16181A;}
body a:visited { color: #16181A;}
body a:hover { color: #16181A;}
body a:active { color: #16181A;}
body h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; line-height: 1.5;}
body img { border: 0;}
body input { font-family: 'Montserrat', sans-serif; font-size: 1em; color: #16181A; border: 0; outline: 0;}
body select { font-family: 'Montserrat', sans-serif; font-size: 1em; color: #16181A; border: 0; outline: 0;}
body textarea { font-family: 'Montserrat', sans-serif; font-size: 1em; color: #16181A; border: 0; outline: 0;}

body .border4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
body .border100 { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
body .circulo { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px;}
body .sombra1 { -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);}
body .sombra2 { -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px 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%; padding: 7px 0 5px; background-color: #16181A; position: relative; z-index: 20;}

header .chave { position: absolute; width: 40px; height: 40px; top: 30px; left: 2%; z-index: 2; display: none;}
header .chave .ico { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-position: 50%; background-repeat: no-repeat;}
header .chave .ico.abre { background-image: url(../imagens/abre.png);}
header .chave .ico.fecha { background-image: url(../imagens/fecha.png); display: none;}

header .logo { float: left; width: 100%; margin: 5px 0; position: relative; z-index: 1; text-align: center;}
header .logo img { font-size: 0;}

header .sociais { position: absolute; top: 38px; left: 5%; z-index: 2; }
header .sociais .ico { float: left; width: 25px; height: 25px; margin: 0 4px 0 0; background-position: 50%; background-repeat: no-repeat;}
header .sociais .ico.instagram { background-image: url("../imagens/instagram.png");}
header .sociais .ico.youtube { background-image: url("../imagens/youtube.png");}
header .sociais .ico.facebook { background-image: url("../imagens/facebook.png");}
header .sociais .ico.whatsapp { background-image: url("../imagens/whatsapp.png");}
header .sociais .ico:hover { -moz-transform: scale(1) rotate(-720deg); -webkit-transform: scale(1) rotate(-720deg); -o-transform: scale(1) rotate(-720deg); -ms-transform: scale(1) rotate(-720deg); transform: scale(1) rotate(-720deg);}

header .busca { position: absolute; width: 175px; top: 35px; right: 5%; z-index: 2; padding: 0 0 0 1px; border-bottom: 2px solid #555555;}
header .busca .campo { float: left; width: 100%; height: 25px; background-color: transparent; color: #EEEEEE;}
header .busca .botao { position: absolute; width: 25px; height: 25px; top: 0; right: 0; background-color: transparent; background-image: url("../imagens/busca.png"); background-position: 50%; background-repeat: no-repeat; cursor: pointer;}

footer { float: left; width: 100%; position: relative; z-index: 1;}
footer .copyright { float: left; width: 96%; padding: 15px 2% 13px; background-color: #333333; position: relative; z-index: 1;}
footer .copyright h4 { float: left; width: 100%; font-size: 0.9em; color: #EEEEEE;}
footer .criacao { position: absolute; top: 7px; right: 2%; z-index: 1;}
footer .criacao .nome { float: left; margin: 9px 0 0; font-size: 0.9em; color: #AAAAAA;}
footer .criacao .d10 { float: left; width: 35px; height: 35px; background-image: url("../imagens/d10web.png"); background-position: 50% 100%; background-repeat: no-repeat; }
footer .criacao:hover .d10 { background-position: 50% 0;}

@media only screen and (max-width: 1000px){
     header.m { padding: 7px 0 0;}
     header .chave { display: block;}
     header .sociais { left: auto; right: 2%; display: none;}
     header .sociais .ico { margin: 0 0 0 4px;}
     header .busca { position: relative; float: left; width: 96%; top: 0; left: 0; padding: 10px 2% 8px; margin: 5px 0 0; background-color: #EEEEEE; border-bottom: 1px solid #DDDDDD; display: none;}
     header .busca .campo { color: #16181A;}
     header .busca .botao { top: 10px; right: 2%;}
}
@media only screen and (max-width: 700px){
     footer .copyright h4 { text-align: center;}
     footer .criacao { float: left; width: 100%; position: relative; top: 0; right: 0; margin: 12px 0 0; border-top: 1px solid #000000;}
     footer .criacao .nome { width: 100%; text-align: center;}
     footer .criacao .d10 { width: 100%;}
}
@media only screen and (max-width: 500px){
     header .sociais { position: relative; float: left; width: 100%; top: 0; left: 0; padding: 10px 0 5px; margin: 5px 0 0; border-top: 1px solid #3E3E3E; text-align: center;}
     header .sociais .ico { width: 25%; margin: 0;}
}