@import url(reset.css);
@import url(fonts.css);
@import url(responsivo.css);
@import url(padrao.css);

header { padding: 38px 0px 34px; opacity: 0; float: left; width: 100%; height: auto; position: relative; background-color: #FFFFFF; border-top: 4px solid var(--cor-destaque); }

header #logo { width: 314px; height: auto; float: left; position: relative; }

header #menu { width: 718px; height: auto; float: right; position: relative; }

header #menu #menu_informacoes { width: 330px; height: auto; float: right; position: relative; }
header #menu #menu_informacoes img { height: 25px; width: auto; position: relative; }
header #menu #menu_informacoes img.ico_instagram_topo { margin: 0px 5px; }
header #menu #menu_informacoes a.lk_menu_fale_conosco { font: normal normal normal 16px/26px var(--font-regular); color: var(--cor-destaque); }
header #menu #menu_informacoes a.lk_menu_fale_conosco img { margin: -6px 0px; }

header #menu #menu_site { width: 100%; height: auto; float: right; position: relative; padding-top: 48px; }
header #menu #menu_site ul { float: left; width: 100%; height: auto; position: relative; margin: 0px; list-style: none; padding-right: 0px!important; }
header #menu #menu_site ul li { float: left; width: auto; height: auto; padding: 0px; margin: 0px; }
header #menu #menu_site ul li a { padding: 8px 12px; margin: 0px 12.7px; background-color: #FFFFFF; font: normal normal normal 16px/26px var(--font-regular); color: var(--cor-destaque); float: left; position: relative; width: auto; height: auto; transition: 0.7s ease; -webkit-transition: 0.5s ease; border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; }
header #menu #menu_site ul li a:hover { color: #FFFFFF; background-color: var(--cor-destaque2); }
header #menu #menu_site ul li a.sel { color: var(--cor-destaque2); border-bottom: 4px solid var(--cor-destaque2); border-radius: 0px; }
header #menu #menu_site ul li a.sel:hover { background-color: transparent!important; color: var(--cor-destaque2)!important; border-bottom: 4px solid var(--cor-destaque2)!important; border-radius: 0px!important; }
header #menu #menu_site ul li a.lk_menu_primeiro { margin-left: 0px; }
header #menu #menu_site ul li a.lk_menu_orcamento { color: #FFFFFF; background-color: var(--cor-destaque); padding: 8px 12px; margin-right: 0px; }
header #menu #menu_site ul li a.lk_menu_orcamento:hover { background-color: var(--cor-destaque2); }

#main section#conteudo { opacity: 0; width: 100%; height: auto; float: left; position: relative; padding: 0px 0px; }
#home_video { width: 100%; height: auto; float: left; position: relative; padding: 0px 0px; }
#home_video video { width: 100%; height: auto; float: left; position: relative; z-index: 1; }
#home_video #sombra { top: 0px; left: 0px; width: 100%; height: 100%; float: left; position: absolute; z-index: 2; background-image: url('../image/topo_banner.png'); background-position: center center; background-size: auto 100%; background-repeat: no-repeat; }
#home_video #frase { left: 0px; top: 50%; margin-top: -75px; width: 100%; height: auto; float: left; position: absolute; z-index: 3; }
#home_video #frase p { font: normal normal normal 32px/35px var(--font-regular); color: #FFFFFF; }
#home_video #frase p strong { font: normal normal bold 56px/26px var(--font-bold); padding-bottom: 33px; width: 100%; height: auto; position: relative; text-align: center; float: left; }

#wpp_chat { opacity: 0; }

footer { opacity: 0; padding: 0px; float: left; height: auto; position: relative; width: 100%; }

footer #dados_contato { padding: 100px 0px; float: left; height: auto; position: relative; width: 100%; background: url('../image/fundo_rodape.jpg') no-repeat center top var(--cor-destaque); }

footer #dados_contato .coluna_01 { width: 272px; height: auto; float: left; position: relative; padding: 0px; }
footer #dados_contato .coluna_02 { width: 404px; height: auto; float: left; position: relative; padding: 0px 2px; margin-left: 90px; }
footer #dados_contato .coluna_03 { width: 390px; height: auto; float: right; position: relative; padding: 0px 0px 0px; }
footer #dados_contato p { color: #FFFFFF; font: normal normal normal 16px/25px var(--font-regular); text-align: left; }
footer #dados_contato a { color: #FFFFFF; font: normal normal normal 16px/25px var(--font-regular); padding-bottom: 30px; float: left; text-align: left; }
footer #dados_contato a:hover { opacity: 0.6; }
footer #dados_contato p.titulo { font: normal normal bold 16px/26px var(--font-bold); padding-bottom: 50px; }

footer #dados_contato a.lk_rodape_contato img { margin: -7px 15px 0px 0px; float: left; } 
footer #dados_contato a.lk_rodape_contato_endereco img { margin: 4px 15px 0px 0px; float: left; } 
footer #dados_contato a.icone_rodape_redes_sociais { width: auto; height: auto; position: relative; float: left; }
footer #dados_contato a.icone_rodape_redes_sociais.redes_meio { margin: 0px 65px; }

footer .rodape_card_solucao { width: 100%; height: auto; float: left; position: relative; padding: 0px; }
footer .rodape_card_solucao .rodape_card_solucao_foto { font-size: 0px!important; display: block; background-repeat: no-repeat; background-position: center; background-size: cover; width: 123px; height: 123px; position: relative; float: left; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
footer .rodape_card_solucao .rodape_card_solucao_foto:hover { opacity: 0.6; }
footer .rodape_card_solucao .rodape_card_solucao_descricao { padding: 25px 0px 0px; height: auto; width: 252px; position: relative; float: right; text-align: left; }
footer .rodape_card_solucao .rodape_card_solucao_descricao p { font: normal normal normal 12px/15px var(--font-regular)!important; letter-spacing: 0px; color: #FFFFFF; }
footer .rodape_card_solucao .rodape_card_solucao_descricao p.titulo_solucao_rodape { font: normal normal bold 16px/25px var(--font-bold)!important; padding-bottom: 6px!important; }
footer .rodape_card_solucao_linha { width: 100%; height: 1px; position: relative; float: left; background-color: #FFFFFF; margin: 30px 0px; }
footer #footer_direitos { background-color: var(--cor-destaque2); width: 100%; height: auto; float: left; position: relative; padding: 16px 30px 20px; }
footer #footer_direitos a { font: normal normal normal 16px/20px var(--font-regular); color: #FFFFFF; }


#avatar-whats { opacity: 0; -webkit-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; box-shadow: 0 0 0 var(--cor-destaque); animation: pulseWhats 2s infinite; background: url('../image/bg_ico_whatsapp.png') no-repeat scroll 0 0 transparent; bottom: 38px; display: block; height: 65px; position: fixed; right: 30px; width: 65px; z-index: 9400; }
@keyframes pulseWhats {
  0% { -webkit-box-shadow: 0 0 0 0 rgb(50, 48, 12, 116); }
  70% { -webkit-box-shadow: 0 0 0 10px rgba(255, 0, 0, 0); }
  100% { -webkit-box-shadow: 0 0 0 0 rgba(234, 88, 12, 0);  }
}

.bloco { width: 100%; height: auto; float: left; position: relative; padding: 80px 0px; }
.bloco_40 { width: 100%; height: auto; float: left; position: relative; padding: 40px 0px; }
.bloco_80_40 { width: 100%; height: auto; float: left; position: relative; padding: 80px 0px 40px; }
.bloco_40_80 { width: 100%; height: auto; float: left; position: relative; padding: 40px 0px 80px; }

#card_solucao_1 { width: 100%; min-height: 482px; height: auto; float: left; position: relative; padding: 0px; }
#card_solucao_1 .coluna_01_esquerdo { left: -200px; opacity: 0; position: relative; width: 920px; float: left; height: 503px; z-index: 2; background: url('../image/solucao_linha_1.png') no-repeat right bottom transparent; }
#card_solucao_1 .coluna_01_esquerdo .foto { border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; position: relative; width: 96%; float: left; height: 482px; background-repeat: no-repeat; background-position: center; background-size: cover; }
#card_solucao_1 .coluna_02_esquerdo { top: -90px; opacity: 0; width: 600px; height: auto; position: relative; float: left; text-align: left; padding-top: 80px; margin-left: 25px; }
#card_solucao_1 .coluna_02_esquerdo p.titulo { padding-bottom: 20px; font: normal normal bold 20px/25px var(--font-bold); color: var(--cor-destaque); }

#card_solucao_2 { width: 100%; min-height: 482px; height: auto; float: left; position: relative; padding: 80px 0px; }
#card_solucao_2 .coluna_01_direito { top: -90px; opacity: 0; width: 600px; height: auto; position: relative; float: right; text-align: left; padding-top: 80px; margin-left: 25px; }
#card_solucao_2 .coluna_01_direito p.titulo { padding-bottom: 20px; font: normal normal bold 20px/25px var(--font-bold); color: var(--cor-destaque); }
#card_solucao_2 .coluna_02_direito { right: -200px; opacity: 0; position: relative; width: 920px; float: right; height: 503px; z-index: 2; background: url('../image/solucao_linha_2.png') no-repeat left bottom transparent; }
#card_solucao_2 .coluna_02_direito .foto { border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; position: relative; width: 96%; float: right; height: 482px; background-repeat: no-repeat; background-position: center; background-size: cover; }

#home_mihp { min-height: 660px; width: 100%; height: auto; float: left; position: relative; padding: 80px 0px; background: url('../image/fundo_mihp.jpg') no-repeat center top var(--cor-destaque); background-attachment: fixed; background-size: cover; }
#home_mihp .coluna_01 { top: -200px; opacity: 0; width: 563px; height: auto; float: left; position: relative; padding: 162px 0px 0px; }
#home_mihp .coluna_01 p { font: normal normal normal 20px/25px var(--font-regular); color: #FFFFFF; text-align: left; }
#home_mihp .coluna_01 p strong { font: normal normal bold 32px/40px var(--font-bold); padding-bottom: 33px; width: 100%; height: auto; position: relative; text-align: left; float: left; }
#home_mihp .coluna_02 { opacity: 0; width: 491px; height: auto; float: right; position: relative; padding: 0px; }
#home_mihp .coluna_02 img#mihp_pontilhado { position: absolute; z-index: 1; width: auto; height: auto; left: 0px; top: 0px; }
#home_mihp .coluna_02 img#mihp_logo { position: absolute; z-index: 2; width: auto; height: auto; left: 28px; top: 28px; }

#home_mihp .coluna_02 .pulse { animation: pulse 0.7s infinite; margin: 0 auto; display: table; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse; }
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.1);
    }
}
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.1);
    }
}

#home_vantagens .coluna_01 { opacity: 0; width: 521px; height: auto; position: relative; float: right; text-align: left; padding-top: 0px; margin-right: 127px; }
#home_vantagens .coluna_02 { right: -200px; opacity: 0; position: relative; width: 920px; float: right; height: 503px; z-index: 2; background: url('../image/solucao_linha_2.png') no-repeat left bottom transparent; }
#home_vantagens .coluna_02 .foto { border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; position: relative; width: 96%; float: right; height: 482px; background-repeat: no-repeat; background-position: center; background-size: cover; }
#home_vantagens .card_vantagens { padding: 0px 0px 25px; width: 100%; height: auto; position: relative; float: left; }
#home_vantagens .card_vantagens p { font: normal normal normal 20px/25px Arial; color: var(--cor-destaque2); }
#home_vantagens .card_vantagens p img { margin: 2px 25px 2px 0px; float: left; width: 45px; height: 45px; position: relative; float: left; }

#home_selecao { min-height: 410px; width: 100%; height: auto; float: left; position: relative; padding: 123px 0px; background: url('../image/bg_fundo_selecao.jpg') no-repeat center top var(--cor-destaque); background-attachment: fixed; background-size: cover; }
#home_selecao .coluna_01 { width: 613px; height: auto; float: left; position: relative; }
#home_selecao .coluna_01 #foto_selecao_inicial { z-index: 2; opacity: 0; top: -315px; left: 0px; position: absolute; width: auto; height: auto; }
#home_selecao .coluna_01 #foto_selecao_final { z-index: 3; opacity: 0; top: -112px; left: 195px; position: absolute; width: auto; height: auto; }
#home_selecao .coluna_02 { opacity: 0; width: 542px; height: auto; float: right; position: relative; padding: 0px; }
#home_selecao .coluna_02 p { font: normal normal normal 40px/40px var(--font-regular); color: #FFFFFF; text-align: left; }
#home_selecao .coluna_02 p strong { font: normal normal bold 40px/40px var(--font-bold); }

#home_quem_somos { width: 100%; height: auto; float: left; position: relative; padding: 80px 0px 40px; }
#home_quem_somos .coluna_01 { opacity: 0; width: 600px; height: auto; position: relative; float: right; text-align: left; padding-top: 150px; margin-right: 40px; }
#home_quem_somos .coluna_02 { right: -200px; opacity: 0; position: relative; width: 915px; float: right; height: 692px; background-repeat: no-repeat; background-position: left; background-size: auto; }

#home_bianchini { width: 100%; height: auto; float: left; position: relative; padding: 40px 0px 80px; }
#home_bianchini .coluna_01 { opacity: 0; width: 220px; height: auto; position: relative; float: left; text-align: left; }
#home_bianchini .coluna_02 { left: -200px; opacity: 0; position: relative; width: 320px; float: right; height: auto; padding-top: 34px; }
#home_bianchini .coluna_02 p { color: #000000; text-align: left; font: normal normal normal 20px/25px var(--font-regular); }

#home_video .chevron::before {
	border-style: solid;
	border-width: 0.25em 0.25em 0 0;
	content: '';
	display: inline-block;
	height: 0.45em;
	left: 0.15em;
	position: relative;
	top: 0.15em;
	transform: rotate(-45deg);
	vertical-align: top;
	width: 0.45em;
  text-align: center;
  margin: 0 auto;
}

#home_video .chevron.bottom:before {
	top: 0;
	transform: rotate(135deg);
}

#home_video .arrowsWrap {
  width: 50px;
  margin-left: -25px;
  position: absolute;
  bottom: 50px;
  left: 50%;
  z-index: 999;
}

#home_video .arrows {
    color: #FFFFFF;
    padding: 15px 0;
    cursor: pointer;
    display: inline-block;
    -webkit-animation-name: wobble-vertical;
    animation-name: wobble-vertical;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation: wobble-vertical 2s steps(10) infinite;
    -moz-animation: wobble-vertical 2s steps(10) infinite;
    -ms-animation: wobble-vertical 2s steps(10) infinite;
    -o-animation: wobble-vertical 2s steps(10) infinite;
    animation: wobble-vertical 2s steps(10) infinite;
}

#home_video .chevron {
    /*Loop Animation*/
    transition: 0.70s;
    -webkit-transition: 0.70s;
    -moz-transition: 0.70s;
    -ms-transition: 0.70s;
    -o-transition: 0.70s;
    width: 50px;
    height: 50px;
}

#home_video .chevron:hover {
    opacity: .5;
}

#home_video .arrows.open .chevron {
  /*Rotate Animation*/
  transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  /* transform: rotate(45deg); */
}

/*Hover.css Copyright Ian Lunn 2014.*/ 
/* Wobble Vertical */
@-webkit-keyframes wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

#titulo_pagina_interna { position: relative; width: 100%; height: auto; float: left; background-repeat: no-repeat; background-position: center; background-size: cover; }
#titulo_pagina_interna #titulo_sombra { top: 0px; left: 0px; width: 100%; height: 100%; float: left; position: absolute; z-index: 1; background-image: url('../image/topo_banner.png'); background-position: center center; background-size: cover; background-repeat: no-repeat;  }
#titulo_pagina_interna #titulo_texto { width: 100%; height: auto; float: left; position: relative; z-index: 2; background-color: transparent; }

#fale_conosco_contatos a.links_diretos { font: normal normal normal 18px/22px var(--font-regular); padding: 40px 1px 40px; text-align: center; color: #FFFFFF; margin: 0px 1% 0px; width: 23%; height: auto; min-height: 240px; float: left; position: relative; background-color: var(--cor-destaque); transition: 0.7s ease; -webkit-transition: 0.5s ease; border-radius: 5px; -webkit-border-radius: 5px; }
#fale_conosco_contatos a.links_diretos:hover { background: var(--cor-destaque2); }
#fale_conosco_contatos .lk_rodape_svg { fill: #FFFFFF; }
#fale_conosco_contatos .lk_rodape_svg_stroke { fill: none; stroke: #fff; stroke-linecap: round; }
#fale_conosco_contatos .lk_rodape_svg_rule { fill: #fff; fill-rule: evenodd; }

#fale_conosco_formulario_localizacao .coluna_01 { opacity: 0; width: 48%; height: auto; position: relative; float: left; text-align: left; }
#fale_conosco_formulario_localizacao .coluna_02 { opacity: 0; width: 48%; height: auto; position: relative; float: right; text-align: left; }

#quem_somos_interna { width: 100%; height: auto; float: left; position: relative; padding: 80px 0px 40px; }
#quem_somos_interna .coluna_01 { top: -200px; opacity: 0; width: 35%; height: auto; float: left; position: relative; padding: 0px 0px 19px; }
#quem_somos_interna .coluna_02 { opacity: 0; width: 60%; height: auto; float: right; position: relative; padding: 85px 0px 0px; }

#quem_somos_equipe { width: 100%; height: auto; float: left; position: relative; padding: 40px 0px 80px; }
#quem_somos_equipe .coluna_01 { top: -200px; opacity: 0; width: 53%; height: auto; float: left; position: relative; padding: 0px 0px 0px; }
#quem_somos_equipe .coluna_01 p.titulo { text-align: left; padding-bottom: 20px; font: normal normal bold 20px/25px var(--font-bold); color: var(--cor-destaque); }
#quem_somos_equipe .coluna_02 { opacity: 0; width: 42%; height: auto; float: right; position: relative; padding: 0px 0px 19px; }

#quem_somos_slogan { width: 100%; height: auto; float: left; position: relative; padding: 130px 0px; background: url('../image/fundo_mihp.jpg') no-repeat center top var(--cor-destaque); background-attachment: fixed; background-size: cover; }
#quem_somos_slogan p { font: normal normal normal 20px/25px var(--font-regular); color: #FFFFFF; text-align: center; }
#quem_somos_slogan p strong { font: normal normal bold 32px/40px var(--font-bold); padding-bottom: 33px; width: 100%; height: auto; position: relative; text-align: center; float: left; }

#pesquisa_interna { width: 100%; height: auto; float: left; position: relative; padding: 80px 0px; }
#pesquisa_interna .coluna_01 { top: -200px; opacity: 0; width: 35%; height: auto; float: left; position: relative; padding: 0px 0px 19px; }
#pesquisa_interna .coluna_02 { opacity: 0; width: 60%; height: auto; float: right; position: relative; padding: 85px 0px 0px; }

#pesquisa_documentos { width: 100%; height: auto; float: left; position: relative; padding: 80px 0px; background-color: #F0F0F0; }
#pesquisa_documentos p { text-align: center; }
#pesquisa_documentos a.card_downloads { width: 100%; height: auto; float: left; position: relative; padding: 15px 20px; border: 1px solid #00390C; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; margin-bottom: 13px; text-align: center; }
#pesquisa_documentos a.card_downloads img { margin: -9px 10px -9px 0px; height: 30px; width: auto; }
#pesquisa_documentos a.card_downloads:hover { border-color: var(--cor-destaque2); background-color: #FFFFFF; }

#solucoes_texto { width: 100%; height: auto; float: left; position: relative; padding: 80px 0px 40px; }

#solucao_texto_interno { width: 100%; height: auto; float: left; position: relative; padding: 80px 0px 0px; }

#solucao_texto_interno_texto_foto { width: 100%; height: auto; float: left; position: relative; padding: 40px 0px 80px; }
#solucao_texto_interno_texto_foto .coluna_01 { top: -200px; opacity: 0; width: 35%; height: auto; float: left; position: relative; padding: 0px 0px 19px; }
#solucao_texto_interno_texto_foto .coluna_02 { opacity: 0; width: 60%; height: auto; float: right; position: relative; padding: 20px 0px 0px; }
#solucao_texto_interno_texto_foto .coluna_01 .foto_solucao { font-size: 0px; border-radius: 5px 5px 5px 2px; -webkit-border-radius: 5px 5px 5px 5px; position: relative; width: 96%; float: left; height: 441px; background-repeat: no-repeat; background-position: center; background-size: cover; }

a.link_saiba_mais_whats { animation: pulseWhatsSolucao 2s infinite; display: inline-block; font: normal normal normal 20px/20px var(--font-regular); color: #FFFFFF; background-color: #1BD741; border: none; padding: 23px 31px; margin: 35px 7px 0px; width: auto; height: auto; float: none; position: relative; text-align: center; text-decoration: none; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
a.link_saiba_mais_whats:hover { background-color: var(--cor-destaque2); }
a.link_saiba_mais_whats svg { margin: -9px 9px -9px 0px; }

@keyframes pulseWhatsSolucao {
  0% { -webkit-box-shadow: 0 0 0 0 rgb(50, 48, 12, 116); }
  70% { -webkit-box-shadow: 0 0 0 10px rgba(255, 0, 0, 0); }
  100% { -webkit-box-shadow: 0 0 0 0 rgba(234, 88, 12, 0);  }
}