body {padding:0; margin:0; line-height:24px; overflow-x:hidden; font-family:'Libre Franklin'; color:#666; font-size:14px}

body a {color:inherit !important; text-decoration:none}

.clear {clear:both}

input, textarea {font-family:'Libre Franklin';}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: white;
    opacity: 0.5; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white;
	opacity: 0.5;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: white;
	opacity: 0.5;
}

h1,h2,h3 {padding:0; margin:0; font-weight:200;}
h2 {font-size:26px; font-weight:200; line-height:40px;}

input, textarea, select {outline:none; font-family:'Libre Franklin'; color:#666; font-size:14px; box-sizing: border-box;}

@media only screen and (min-width: 1025px) {	

#fix_responsivo {width:0; height:0; display:none}
#top_responsivo {display:none}
#header_responsivo {display:none}

#sobe {background:url(../Imagens/icone_seta_cima.png) center center no-repeat #878792; position:fixed; z-index:999; width:50px; height:50px; background-size:60%; bottom:-100px; right:15px; border-radius:100px; cursor:pointer; transition:0.3s}

#fix {width:100%; height:170px; transition:all 0.3s}

#header {width:100%; min-width:1200px; background:#fff; position:fixed; top:0; z-index:999; box-shadow:0px 15px 15px rgba(0,0,0,0.05);}

#header .top {width:1200px; margin:0 auto; line-height:50px; font-size:13px; border-bottom:1px solid #eee;}
#header .top span {display:inline-block; width:1px; height:10px; background:#999; margin:0 5px}
#header .top .info {float:right}
#header .top .info .atendimento {display:inline-block;}
#header .top .redes_sociais {float:right; text-align:right;}
#header .top .redes_sociais img {width:auto; height:20px;}
#header .top .redes_sociais a {margin:15px 8px 0 8px; display:inline-block; vertical-align:top}
#header .top .redes_sociais a:last-of-type {margin:15px 8px 0 12px;}

#header .busca {width:100%; position:relative; background:#DE2509; display:none; z-index:9}
#header .busca .area_busca {width:1200px; margin:0 auto; position:relative }
#header .busca .area_busca input {width:1150px; border:none; font-size:16px; background:none; height:60px; line-height:60px; color:#fff; outline:none}
#header .busca .area_busca img {top:12px; width:36px; height:auto; right:0; position:absolute; cursor:pointer}

#header .area {width:1200px; margin:0 auto; position:relative;}
#header .area .logomarca {width:170px; height:90px; background:url(../Imagens/abh_logomarca.jpg) left bottom no-repeat; background-size:contain; position:absolute; bottom:15px; left:0; transition:all 0.3s}
#header .area .menu {float:right; transition:all 0.3s; text-align:right;}
#header .area .menu ul {margin:0; padding:0; font-size:0; text-align:left; list-style:none; transition:all 0.3s}
#header .area .menu li {display:inline-block; color:#000; font-size:16px; height:120px; line-height:120px; padding:0 20px; 
transition:all 0.3s; cursor:pointer; position:relative}
#header .area .menu li:hover {color:#DE2509;}
#header .area .menu li.ativo {color:#DE2509;}
#header .area .menu li:hover ul {top:100%; visibility:visible; opacity:1}
#header .area .menu li ul {position:absolute; top:calc(100% + 40px); visibility:hidden; opacity:0; left:0; padding:15px 20px; width:200px; background:#DE2509; color:#fff; transition:all 0.5s}
#header .area .menu li ul li {height:auto; display:block; color:#fff; line-height:22px; padding:0; margin:8px 0}
#header .area .menu li ul li:hover {color:#ccc}
#header .area img.lupa {display:inline-block; vertical-align:middle; cursor:pointer; margin:-15px 0 0 10px}

#banner {position:relative; width:100%; height:calc(100vh - 160px); overflow: hidden;}
#banner br.responsivo {display:none}
#banner .opacidade {position:absolute; z-index:9; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.4); width:100%; height:100%; pointer-events:none}
#banner .area_txt {position:absolute; z-index:9; text-align:center; display:table; width:100%; height:80%;}
#banner .area_txt .txt {display:table-cell; padding:0 150px; line-height:84px; font-family:'Oswald'; font-size:74px; font-weight:300; color:#fff; vertical-align:middle}

#conteudo {width:100%}

.titulo_chamada {font-size:40px; font-weight:200; line-height:50px; margin-bottom:40px; color:#000;}
.titulo_pagina {font-size:40px; text-align:left; font-weight:200; line-height:50px; margin-bottom:40px; color:#000;}

.subtitulo_pagina {font-size:26px; font-weight:200; line-height:40px; margin-bottom:30px; color:#666;}
.subtitulo_pagina.meio {margin-top:40px;}
.subtitulo_pagina.centralizar {text-align:center}

.miolo {width:1200px; margin:60px auto; text-align:justify}

.guia {height:50px; line-height:50px; border-bottom:1px solid #eee;}
.guia a:hover {text-decoration:underline}
.guia span {display:inline-block; width:1px; height:10px; background:#999; margin:0 5px}
.guia select.filtro {float:right; position:relative; bottom:6px; height:36px; line-height:36px; background:#fff; padding:0 10px; border:1px solid #eee;}

#introducao {width:1200px; margin:120px auto; position:relative;}
#introducao .txt {float:left; width:540px; padding:0 60px 0 0;}
#introducao .img {width:580px; top:0; bottom:0; right:0; position:absolute}

#destaques {width:100%; min-width:1200px; background:#f9f9f9; text-align:center; margin:100px auto; padding:100px 0 140px; display:table;}
#destaques span {display:block; margin:0 auto 50px; width:800px;}
#destaques .area {width:1200px; margin:0 auto}
#destaques .destaque {width:580px; height:380px;}
#destaques a {float:left; margin:10px 40px 0 0;}
#destaques a:last-of-type {margin:10px 0 0}
#destaques .destaque .opacidade {width:580px; height:380px; display:table; text-align:center; background:rgba(0,0,0,0.4); transition:all 0.3s}
#destaques .destaque:hover .opacidade {background:rgba(0,0,0,0.7);}
#destaques .destaque .opacidade .texto {display:table-cell; padding:0 50px; font-weight:700; line-height:34px; font-size:30px; vertical-align:middle; color:#fff; font-family:'Lato';}

#diferenciais {width:1200px; margin:80px auto; text-align:center;}
#diferenciais span {display:block; margin:0 auto 50px; width:800px;}
#diferenciais .diferencial {float:left; width:276px; margin:0 30px 0 0; text-align:center;}
#diferenciais .diferencial:last-of-type {margin:0}
#diferenciais .diferencial .icone {width:130px; height:130px; border-radius:100px; display:inline-block; background-position:center center; background-repeat:no-repeat; background-size:50%; transition:all 0.3s; background-color:#DE2509;}
#diferenciais .diferencial .titulo {margin:30px 0 20px; font-size:22px; line-height:28px; font-weight:700; color:#4d4d4d}

#aeronaves {width:100%; min-width:1200px; padding:80px 0; background:#f9f9f9; font-size:0; text-align:center; overflow:hidden}
#aeronaves.pg {width:1200px; padding:0; margin:40px 0 0; background:none;}
#aeronaves .area {width:1200px; margin:0 auto}
#aeronaves .titulo_chamada {margin-bottom:50px}
#aeronaves .aeronave {width:277.5px; text-align:left;}
#aeronaves a {display:inline-block; vertical-align:top; margin:10px 30px 0 0;}
#aeronaves a:last-of-type {margin:10px 0 0}
#aeronaves .aeronave .area_img {width:277.5px; height:220px; position:relative; overflow:hidden;}
#aeronaves .aeronave .area_img .img {position:absolute; top:0; bottom:0; left:0; right:0; transition:all 0.3s}
#aeronaves .aeronave .titulo {margin:20px 0; font-size:26px; line-height:30px; font-weight:200; }
#aeronaves .aeronave:hover .img {top:-15px; bottom:-15px; left:-15px; right:-15px;}

#galeria {margin:50px 0 0;}
#galeria .img {width:208px; height:208px; float:left;}
#galeria a {float:left; margin:0 40px 40px 0}
#galeria a:nth-of-type(5n) {margin:0 0 40px 0}

.guia {height:50px; line-height:50px; border-bottom:1px solid #eee; margin:0 0 40px;}
.guia a:hover {text-decoration:underline}
.guia span {display:inline-block; width:1px; height:10px; background:#999; margin:0 5px}
.guia select.filtro {float:right; position:relative; bottom:6px;  height:36px; line-height:36px; background:#fff; padding:0 10px; border:1px solid #ddd;}

#detalhes .col_galeria {float:left; width:500px;}
#detalhes .col_galeria .img {width:500px; height:400px; background-position:center center; background-repeat:no-repeat; background-size:contain}
#detalhes .col_galeria .miniaturas {text-align:center; margin-top:20px; font-size:0;}
#detalhes .col_galeria .miniaturas .miniatura {display:inline-block; vertical-align:top; width:80px; height:80px; background-position:center center; background-repeat:no-repeat; background-size:80%; border:1px solid #ddd; margin:10px 5px 0; transition:all 0.3s; cursor:pointer}
#detalhes .col_galeria .miniaturas .miniatura:hover {border-color:#DE2509}
#detalhes .col_galeria .miniaturas .miniatura.ativo {border-color:#DE2509}
#detalhes .col_info {float:right; width:560px;}
#detalhes .col_info .titulo {font-size:26px; line-height:32px; text-align:left}
#detalhes .col_info .descricao {padding:20px 0 0; margin:30px 0 0; border-top:1px solid #eee}
#detalhes .col_info .bt_arquivo {display:table; padding:0 30px; margin:30px 0 0; line-height:40px; height:40px; font-weight:700; background:#DE2509; color:#fff; cursor:pointer; transition:all 0.3s}
#detalhes .col_info .bt_arquivo:hover {background:#900}

#fale_conosco .col_info {float:left; width:400px;}
#fale_conosco .col_info strong {display:table}
#fale_conosco .col_info a.mail {display:table; margin-top:10px;}
#fale_conosco .col_info a:hover {text-decoration:underline}
#fale_conosco .col_form {float:right; width:700px; border:1px solid #eee; padding:20px;}
#fale_conosco .col_form .titulo_campo {font-size:14px; margin-bottom:5px;}
#fale_conosco .col_form input[type="text"] {width:100%; padding:0 10px; height:40px; line-height:40px; background:#f9f9f9; border:1px solid #eee; margin-bottom:10px;}
#fale_conosco .col_form textarea {width:100%; padding:10px; height:130px; background:#f9f9f9; border:1px solid #eee;}
#fale_conosco .col_form .bt_enviar {height:40px; line-height:40px; margin:20px 0 0; text-align:center; font-weight:700; background:#DE2509; color:#fff; cursor:pointer; transition:all 0.3s}
#fale_conosco .col_form .bt_enviar:hover {background:#900}

.mapa iframe {width:100% !important}

.vazio {height:100px; text-align:left; font-size:20px; font-weight:700;}

#rodape {background:#333f48; color:#84929c; min-width:1200px; font-size:14px;}
#rodape .area {width:1200px; position:relative; display:table; margin:0 auto; padding:50px 0; color:#7d8c94}
#rodape .area .col {float:left; margin-right:70px;}
#rodape .area .col:last-of-type {margin:0;}
#rodape .area .col img {display:table; margin-bottom:34px}
#rodape .area .col .titulo {margin-bottom:20px; font-size:20px; color:#fff;}
#rodape .area .col strong {display:table}
#rodape .area .col a.mail {display:table; margin-top:10px;}
#rodape .area .col a:hover {text-decoration:underline}
#rodape .area .col ul {padding:0; margin:0; list-style:none}
#rodape .area .col li:hover {text-decoration:underline;}
#rodape .area .col li.ativo {text-decoration:underline}
#rodape .area .col .redes_sociais .icone {width:45px; height:45px; margin:10px 10px 0 0; border-radius:100px; display:inline-block; cursor:pointer; transition:all 0.3s}
#assinatura {width:100%; min-width:1200px; background:#333f48; line-height:60px; color:#fff; font-size:14px}
#assinatura .area {width:1200px; border-top:1px solid #3f4e59; margin:0 auto;}
#assinatura .area br {display:none}
#assinatura .area .direitos {float:left;}
#assinatura .area .desenvolvimento {float:right}

}


@media only screen and (max-width: 1024px) {	

#sobe {display:none}
#fix {width:0; height:0; display:none}
#header {display:none}

#top_responsivo {padding:0; background:#fff; border-bottom:1px solid #eee; height:70px; text-align:center; display:table; width:100%;}
#top_responsivo div {display:table-cell; vertical-align:middle}
#top_responsivo span {display:inline-block; vertical-align:middle; margin:0 5px; width:1px; height:15px; background:#ddd;}
#top_responsivo a.mail {display:block;}

#header_responsivo {position:relative; top:0; background:#fff; box-shadow:0px 15px 15px rgba(0,0,0,0.05);}
#header_responsivo .busca {width:100%; position:relative; background:#DE2509; display:none; z-index:9}
#header_responsivo .busca .area_busca {padding:0 20px}
#header_responsivo .busca .area_busca input {width:100%; border:none; font-size:16px; background:none; height:60px; line-height:60px; color:#fff; outline:none}
#header_responsivo .area {position:relative;}
#header_responsivo .area .logomarca {position:absolute; left:20px; bottom:10px; width:110px; height:60px; background:url(../Imagens/abh_logomarca.jpg) left bottom no-repeat; background-size:contain;}
#header_responsivo .area .bt_busca {float:right; width:50px; height:50px; background:url(../Imagens/icone_busca_responsivo.png) center center no-repeat; background-size:60%; margin:15px 20px 15px 0}
#header_responsivo .area .bt_menu {float:right; width:50px; height:50px; background:url(../Imagens/icone_menu.png) center center no-repeat; background-size:60%; margin:15px 5px 15px 0}
#header_responsivo ul {padding:0; display:none; list-style:none; margin:0; background:#DE2509;}
#header_responsivo li {min-height:34px; border-bottom:1px solid rgba(255,255,255,0.2); font-size:15px; text-align:center; color:#fff;}
#header_responsivo li span {margin:16px; display:inline-block;}
#header_responsivo li ul {background:#fff;}
#header_responsivo li ul li {border-bottom:1px solid rgba(0,0,0,0.1); font-weight:normal; line-height:60px; color:#666;}

#banner {position:relative; width:100%; height:250px; overflow: hidden;}
#banner br {display:none}
#banner .opacidade {position:absolute; z-index:9; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.4); width:100%; height:100%; pointer-events:none}
#banner .area_txt {position:absolute; z-index:9; text-align:center; display:table; width:100%; height:100%;}
#banner .area_txt .txt {display:table-cell; padding:20px; line-height:35px; font-family:'Oswald'; font-size:30px; color:#fff; vertical-align:middle}

#conteudo {width:100%}

.titulo_chamada {font-size:30px; font-weight:200; line-height:34px; margin-bottom:20px; color:#000;}

.titulo_pagina {font-size:30px; font-weight:200; line-height:34px; margin-bottom:20px; color:#000;}

.subtitulo_pagina {font-size:20px; font-weight:200; line-height:24px; margin-bottom:20px; text-align:left; color:#666;}
.subtitulo_pagina.meio {margin-top:30px;}
.subtitulo_pagina.centralizar {text-align:center}

.miolo {margin:30px 20px; text-align:justify}

.guia {height:50px; line-height:50px; border-bottom:1px solid #eee;}
.guia a:hover {text-decoration:underline}
.guia span {display:inline-block; width:1px; height:10px; background:#999; margin:0 5px}
.guia select.filtro {float:right; position:relative; bottom:6px; height:36px; line-height:36px; background:#fff; padding:0 10px; border:1px solid #eee;}

#introducao {margin:30px 20px; text-align:center}
#introducao .img {width:100%; max-width:400px; padding-bottom:60%; margin:20px auto;}

#destaques {background:#f9f9f9; text-align:center; padding:30px 20px;}
#destaques span {display:block; margin:0 auto 30px;}
#destaques .destaque {width:100%; max-width:400px; height:200px; margin:0 auto 20px !important;}
#destaques .destaque {margin:0 auto}
#destaques .destaque .opacidade {width:100%; height:100%; display:table; text-align:center; background:rgba(0,0,0,0.4); transition:all 0.3s}
#destaques .destaque:hover .opacidade {background:rgba(0,0,0,0.7);}
#destaques .destaque .opacidade .texto {display:table-cell; padding:0 50px; font-weight:700; line-height:34px; font-size:30px; vertical-align:middle; color:#fff; font-family:'Lato';}

#diferenciais {margin:30px 20px; text-align:center;}
#diferenciais span {display:block; margin:0 auto 30px;}
#diferenciais .diferencial {width:276px; display:table; margin:0 auto 20px; text-align:center;}
#diferenciais .diferencial:last-of-type {margin:0 auto}
#diferenciais .diferencial .icone {width:130px; height:130px; border-radius:100px; display:inline-block; background-position:center center; background-repeat:no-repeat; background-size:50%; transition:all 0.3s; background-color:#DE2509;}
#diferenciais .diferencial .titulo {margin:10px 0; font-size:22px; line-height:28px; font-weight:700; color:#4d4d4d}

#aeronaves {padding:30px 20px; background:#f9f9f9; text-align:center; overflow:hidden}
#aeronaves.pg {padding:0; background:none;}
#aeronaves .titulo_chamada {margin-bottom:30px}
#aeronaves a {width:100%; max-width:400px; display:table; margin:0 auto 20px}
#aeronaves a:last-of-type {margin:0 auto}
#aeronaves .aeronave .area_img {width:100%; padding-bottom:60%; position:relative; overflow:hidden;}
#aeronaves .aeronave .area_img .img {position:absolute; top:0; bottom:0; left:0; right:0; transition:all 0.3s}
#aeronaves .aeronave .titulo {margin:20px 0 5px; font-size:20px; line-height:24px; font-weight:200; }
#aeronaves .aeronave:hover .img {top:-15px; bottom:-15px; left:-15px; right:-15px;}

#galeria {margin:30px 0 0; width:100%; display:table}
#galeria .img {width:100%; padding-bottom:60%;}
#galeria a {width:100%; max-width:400px; display:block; margin:0 auto 20px}

.guia {border-bottom:1px solid #eee; display:table; width:100%; padding:0 0 10px; margin: 0 0 20px;}
.guia a:hover {text-decoration:underline}
.guia span {display:inline-block; width:1px; height:10px; background:#999; margin:0 5px}
.guia select.filtro {width:100%; height:36px; line-height:36px; background:#fff; padding:0 10px; margin:10px 0; border:1px solid #ddd;}

#detalhes .col_galeria .img {width:100%; max-width:400px; padding-bottom:60%; background-position:center center; background-repeat:no-repeat; background-size:contain; margin:0 auto;}
#detalhes .col_galeria .miniaturas {text-align:center; margin-top:20px; font-size:0;}
#detalhes .col_galeria .miniaturas .miniatura {display:inline-block; vertical-align:top; width:80px; height:80px; background-position:center center; background-repeat:no-repeat; background-size:80%; border:1px solid #ddd; margin:10px 5px 0; transition:all 0.3s; cursor:pointer}
#detalhes .col_galeria .miniaturas .miniatura:hover {border-color:#DE2509}
#detalhes .col_galeria .miniaturas .miniatura.ativo {border-color:#DE2509}
#detalhes .col_info {margin:20px 0 0}
#detalhes .col_info .titulo {font-size:26px; line-height:32px; text-align:left}
#detalhes .col_info .descricao {padding:20px 0 0; margin:30px 0 0; border-top:1px solid #eee}
#detalhes .col_info .bt_arquivo {display:table; padding:0 30px; margin:30px 0 0; line-height:40px; height:40px; font-weight:700; background:#DE2509; color:#fff; cursor:pointer; transition:all 0.3s}
#detalhes .col_info .bt_arquivo:hover {background:#900}

#fale_conosco .col_info strong {display:table}
#fale_conosco .col_info a.mail {display:table; margin-top:10px;}
#fale_conosco .col_info a:hover {text-decoration:underline}
#fale_conosco .col_form {margin:30px 0 0; border:1px solid #eee; padding:20px;}
#fale_conosco .col_form .titulo_campo {font-size:14px; margin-bottom:5px;}
#fale_conosco .col_form input[type="text"] {width:100%; padding:0 10px; height:40px; line-height:40px; background:#f9f9f9; border:1px solid #eee; margin-bottom:10px;}
#fale_conosco .col_form textarea {width:100%; padding:10px; height:130px; background:#f9f9f9; border:1px solid #eee;}
#fale_conosco .col_form .bt_enviar {height:40px; line-height:40px; margin:20px 0 0; text-align:center; font-weight:700; background:#DE2509; color:#fff; cursor:pointer; transition:all 0.3s}
#fale_conosco .col_form .bt_enviar:hover {background:#900}

.mapa iframe {width:100% !important}

.vazio {text-align:left; font-size:20px; font-weight:700;}

#rodape {background:#333f48; padding:30px 20px; text-align:center; color:#7d8c94; font-size:14px;}
#rodape .area .col {margin:0 auto 20px;}
#rodape .area .col:last-of-type {margin:0 auto;}
#rodape .area .col img {display:table; margin-bottom:34px}
#rodape .area .col .titulo {margin-bottom:10px; font-size:20px; color:#fff;}
#rodape .area .col strong {display:table; margin:0 auto}
#rodape .area .col a.mail {display:table; margin:10px auto 0;}
#rodape .area .col a:hover {text-decoration:underline}
#rodape .area .col ul {padding:0; margin:0; list-style:none}
#rodape .area .col li:hover {text-decoration:underline;}
#rodape .area .col li.ativo {text-decoration:underline}
#rodape .area .col .redes_sociais .icone {width:45px; height:45px; margin:10px 5px 0 5px; border-radius:100px; display:inline-block; cursor:pointer; transition:all 0.3s}
#assinatura {width:100%; background:#333f48; text-align:center; color:#fff; font-size:14px}
#assinatura .area {border-top:1px solid #3f4e59; padding:20px 0; margin:0 20px}

}