@charset "utf-8";

header .fundo { padding: 30px 0 29px; background-color: rgb(9 15 20);}

header .chave { display: none; top: 18px; left: 10px;}
header .chave.abrir { background: url('../../imagens/site/header-chave-abrir.png?v11') 50% no-repeat;}
header .chave.fechar { background: url('../../imagens/site/header-chave-fechar.png?v11') 50% no-repeat;}

header .logo { float: left; margin: 0 0 0 5%;}

header .links { position: absolute; top: 0; left: 350px;}
header .links .um { float: left; padding: 50px 14px; border-right: 1px solid rgb(220 227 219 / 20%); text-transform: uppercase; font-size: 1.1em; line-height: 0; color: rgb(220 227 219) !important;}
header .links .um.home { border-left: 1px solid rgb(220 227 219 / 20%);}
header .links .um.ativo { padding: 55px 14px; background-color: rgb(220 227 219); color: rgb(9 15 20) !important; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
header .links .um:hover { padding: 55px 14px !important; background-color: rgb(220 227 219) !important; color: rgb(9 15 20) !important; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
header .links:hover .um.ativo { padding: 50px 14px; background-color: transparent; color: rgb(220 227 219) !important;}
header .links:hover .um.ativo:hover { color: rgb(9 15 20) !important;}

header .sociais { position: absolute; top: 50%; right: 5%;}
header .sociais .um { float: left; width: 40px; height: 40px; margin: -23px 0 0 5px;}
header .sociais .um.instagram { background: rgb(220 227 219) url('../../imagens/site/sociais-instagram.png?v5') 50% no-repeat;}
header .sociais .um.whatsapp { background: rgb(220 227 219) url('../../imagens/site/sociais-whatsapp.png?v5') 50% no-repeat;}
header .sociais .um:hover { transform: rotate(360deg);}

@media only screen and (max-width: 1000px){
  header .fundo { padding: 0;}

  header .chave { display: block;}
  header .links { display: none;}
  header .sociais { display: none;}

  header .logo { width: 100%; margin: 18px 0;}
  header .logo a { margin: 0 0 0 15px;}
  header .links { position: relative; left: 0; float: left; width: 100%; border-top: 1px solid rgb(220 227 219 / 20%);}
  header .links .um { width: 100%; padding: 31px 0; border-right: 0; border-bottom: 1px solid rgb(220 227 219 / 20%); text-align: center;}
  header .links .um.home { border-left: 0;}
  header .links .um.ativo { padding: 31px 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
  header .links .um:hover { padding: 31px 0 !important; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
  header .links:hover .um.ativo { padding: 31px 0; background-color: transparent;}
  header .sociais { position: relative; top: 0; right: 0; float: left; width: 100%; margin: 11px 0; justify-content: center;}
  header .sociais .um { margin: 2px;}
}