/*********************************************** Reset ***********************************************/

* { margin: 0; padding: 0; box-sizing: border-box; }

*::before, *::after { box-sizing: border-box; }

ol, ul, li { list-style: none; }

a, :link, :visited { outline: 0; text-decoration: none; cursor: pointer; color: #ffffff; }

* input, * select, * textarea { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 12px; }

textarea { resize: none; }

img { border: 0 none; max-width: 100%; }

/*********************************************** Auxiliares ***********************************************/

.ClearBoth { height: 0; line-height: 0; font-size: 0; clear: both; }

.FloatLeft { float: left; }

.FloatRight { float: right; }

.Table { display: table; width: 100%; }

.Cell { display: table-cell; height: 100%; vertical-align: middle; }

.Botao { font-size: 28px; line-height: 34px; font-weight: bold; text-align: center; max-width: 415px; margin: 0 auto; background: #febe4f; color: #001f44; text-transform: uppercase; }
.Botao a, .Botao span { padding: 15px 45px; color: #001f44; display: table; }

.Voltar { float: right; margin-top: 40px; margin-bottom: 25px; }

.Aba { display: none }

.Aba.active { display: table; }

.Box { background-color: rgba(0,0,0,0.6); /* background-image: url("../imagens/overlay.png"); */ border-radius: 7px; margin: 0 auto 50px; padding: 25px; width: 95%; color: #ffffff; text-align: center; }

/*********************************************** Estrutura ***********************************************/
html, body { min-height: 100%; height: 100%; }

body { font-family: 'Open Sans', Arial, Helvetica; font-size: 14px; background: #001f44; color: #ffffff; }

section, header { display: table; width: 100%; }

section .Content, header .Content { display: table-cell; vertical-align: middle; position: relative; }

.Conteudo { margin: 0 auto; position: relative; width: 100%; }

.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; }
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.btn:hover,
.btn:focus,
.btn.focus { color: #333; text-decoration: none; }
.btn:active,
.btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); }

input[type="text"], input[type="email"], input[type="tel"], input[type="date"], input[type="cpf"], input[type="cep"], textarea { border: 0; font-size: 14px; height: 32px; padding: 0 10px; width: 100%; border-radius: 0; margin-bottom: 10px; line-height: 32px; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { width: 100%; height: 50px; background: #2F54EB; color: #ffffff; font-size: 16px; line-height: 50px; border: 0; font-weight: bold; box-shadow: 0px 4px 4px rgba(59, 55, 89, 0.2); margin-bottom: 20px; }

textarea { height: 100px; }

select { border: 0; height: 32px; width: 100%; border-radius: 0; margin-bottom: 10px; padding: 0 10px; font-size: 14px; }

.row { clear: both; display: inline-block; float: left; padding: 15px 0 0; width: 100%; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

h1 { color: #0070af; text-align: center; font-size: 42px; line-height: 52px; border-bottom: 8px solid #f6822a; display: inline-block; margin: 25px auto 50px; text-transform: uppercase; }

h2 { color: #0070af; font-size: 32px; line-height: 42px; text-transform: uppercase; margin-bottom: 35px; letter-spacing: -0.7px; }

h3 { margin-bottom: 30px; font-size: 36px; font-weight: normal; line-height: 43px; color: #3B3759; }

h4 { font-size: 24px; line-height: 29px; color: #0869AE; text-align: center; margin-bottom: 20px; }

small { text-align: center; width: 100%; display: table; font-size: 18px; line-height: 21px; color: #0869AE; }

/*********************************************** Conteudo ***********************************************/

header { padding: 45px; display: table; }
header .Conteudo { display: table; }
header .Logos { display: table-cell; }
header .Logos .Logo { display: inline-block; }
header .Logos .Slogan { display: inline-block; padding: 0 100px; vertical-align:middle; }

header .Logos .Slogan h1 {color: #ffffff;text-transform: initial;font-size: 63px;text-decoration: none;border: 0;margin-bottom: 10px;margin-top: 0;}
header .Logos .Slogan h2 {color: #febe4f;font-weight: 100;text-transform: initial;font-size: 40px;margin-bottom: 10px;}
header .Logos .Slogan h4 {color: #ffffff;font-weight: 300;text-align: left;font-size: 21px;}

header .Contato { display: table-cell; width: 530px; vertical-align: top; font-size: 30px; line-height: 35px; }
header .Contato .Telefone { font-weight: bold; font-size: 50px; line-height: 55px; }
header .Contato .Telefone a:before { content: ""; height: 55px; width: 50px; display: inline-block; vertical-align: middle; background-image: url(../img/icone-tel.png); background-repeat: no-repeat; background-size: contain; margin-right: 20px; }
header .Contato .Email { font-weight: bold; font-size: 32px; line-height: 55px; }
header .Contato .Email a:before { content: ""; height: 55px; width: 50px; display: inline-block; vertical-align: middle; background-image: url(../img/icone-email.png); background-repeat: no-repeat; background-size: contain; margin-right: 20px; background-position: center; }
header .Contato .Endereco { }
header .Contato .Endereco:before { content: ""; height: 85px; width: 50px; display: inline-block; vertical-align: middle; background-image: url(../img/icone-pin.png); background-repeat: no-repeat; background-size: contain; margin-right: 20px; float: left; }
header .Contato .WhatsApp { font-weight: bold; font-size: 35px; line-height: 35px; }
header .Contato .WhatsApp a:before { content: ""; height: 55px; width: 50px; display: inline-block; vertical-align: middle; background-image: url(../img/icon-whatsapp.png); background-repeat: no-repeat; background-size: contain; margin-right: 20px; }
header .Contato .WhatsApp small {display: inline-block;float: left;text-align: left;padding-left: 75px;margin-top: -15px;color: #ffffff;font-style: italic;margin-bottom: 10px;}



.secHome .Conteudo { max-width: 1040px; }
.secHome .Imagem { margin-bottom: 70px; }
.secHome .Botao { font-size: 25px; line-height: 30px; font-weight: bold; text-align: center; max-width: 415px; margin: 15px; background: #febe4f; color: #001f44; text-transform: uppercase; }
.secHome .Botao a, .secHome .Botao span { padding: 15px; color: #001f44; display: table; }
.secHome .Botao { margin-bottom: 70px; }
.secHome .Texto { color: #ffffff; text-align: center; margin-bottom: 70px; font-size: 36px; line-height: 46px; font-weight: 600; }

.secPrensagem {}
.secPrensagem h2 { color:#FFFFFF; font-size:46px; font-weight:bold; text-transform:uppercase; margin:0; }
.secPrensagem h3 { color:#FFFFFF; font-size:36px; font-weight:regular; text-transform:uppercase; }
.secPrensagem .divisor { width: 100%; height: 45px; background: #febe4f; margin: 55px 0; }
.secPrensagem .Conteudo { max-width: 1040px; }

.secPrensagem .Servicos {}
.secPrensagem .Servicos ul { }
.secPrensagem .Servicos ul li {display:flex;margin: 0 auto 60px;padding: 0;width: 100%;align-items: center;}
.secPrensagem .Servicos .Imagem {width: 565px;}
.secPrensagem .Servicos .Texto {padding-left: 45px;}
.secPrensagem .Servicos .Texto .Titulo {font-size: 46px;font-weight: bold;line-height: 60px;max-width: 420px;}
.secPrensagem .Servicos .Texto .Marca { font-size: 36px; font-weight: normal; margin-bottom: 15px; }
.secPrensagem .Servicos .Texto .Marker {}

.secPrensagem .Pecas { background: #4b4b4b; padding: 40px 0; }
.secPrensagem .Pecas .Titulo { text-align: center; color: #febe4f; text-transform: uppercase; font-weight: bold; font-size: 39px; }
.secPrensagem .Pecas .Texto { font-family: 'Retro Signature', 'Open Sans'; font-size: 102px; text-align: center; line-height: 100px; position: relative; margin-top: -40px; }
.secPrensagem .Pecas .Texto:after {width:275px;height:12px;display:block;content:"";background: #febe4f;margin: 0 auto;}

.secPrensagem .Ciclo {text-align:center;margin: 50px auto 100px;}

.secPrensagem .Formulario {}
.secPrensagem .Formulario .flex { display:flex; flex-wrap: wrap;}
.secPrensagem .Formulario .flex .Cell { margin-bottom: 15px; }
.secPrensagem .Formulario input[type=submit]{ background:#febe4f; color:#001f44; display: inline-block; width: auto;padding: 0px 25px;height: auto;text-transform: uppercase;float: right;}

@media screen and (max-width: 1710px) {
    header .Logos .Logo, header .Logos .Slogan { display:table-cell; }
    header .Logos .Slogan { padding: 0 50px; }
}

@media screen and (max-width: 1320px) {
    header .Contato {width: 445px;}
    header .Contato .Telefone { font-size: 35px;line-height: 35px;}
    header .Contato .Telefone::before {height: 35px;background-position: center;margin-right: 5px;}
    header .Contato .Email, header .Contato .Endereco { font-size: 26px;line-height: 40px;}
    header .Contato .Email::before, header .Contato .Endereco::before {height: 35px;background-position: center;background-size: auto 25px;margin-right: 5px;}
    header .Contato .Endereco::before {background-size: auto 30px;height: 45px;}
}

@media screen and (max-width: 1100px) {
    header {width: 100%;padding: 35px 20px;}
    .secHome .Conteudo { padding: 0 20px; }
    
    header .Conteudo { display:flex; flex-wrap: wrap; }
    header .Logos { display: flex; justify-content: space-around; width: 100%; }
    header .Logos .Logo {max-width: 300px;display: inline-block;}
    header .Logos .Slogan {display: inline-block;}
    header .Logos .Slogan h1 { font-size: 45px;}
    header .Logos .Slogan h2 { max-width: 275px;font-size: 28px;line-height: 32px;}
    header .Logos .Slogan h4 { font-size: 14px;max-width: 275px;line-height: 17px;} 
    header .Contato { width:100%; display:flex;margin-top: 30px;}
    header .Contato .WhatsApp {font-size: 16px;}
    header .Contato .WhatsApp a:before {width: 20px;height: 20px;margin-right: 10px;}
    header .Contato .WhatsApp small {padding-left: 30px;margin-top: -6px;font-size: 12px;}
    header .Contato .Email, header .Contato .Endereco {font-size: 15px;line-height: 20px;}
    header .Contato .Email {min-width: 275px;}
    header .Contato .Endereco {min-width: 225px;}
    header .Contato .Email a::before, header .Contato .Endereco::before {width: 20px;height: 20px;background-size: contain;margin-right: 10px;}
    
    .secHome .Botao { font-size: 15px; line-height: 20px;   }
}

@media screen and (max-width: 965px) {
    header .Logos {display: flex;justify-content: center;flex-wrap: wrap;}
    header .Contato { display: flex;     width: 100%;flex-flow: column;height: 110px;flex-wrap: wrap;margin-top: 35px;}
    header .Contato .Endereco { order: 4; font-size: 25px;line-height: 40px;}
    header .Contato .Telefone { order: 2; float: left;font-size: 28px;}
    header .Contato .Email { order: 3; font-size: 20px;}
    header .Contato .Telefone, header .Contato .Email, header .Contato .Endereco { max-width: 50%;}
    
    .secPrensagem .Servicos .Imagem { width:45%;}
    
    .secPrensagem .Formulario .flex .Cell { width: 100% !important; padding: 0 !important; }
    
    .secPrensagem .Pecas .Texto { font-size: 70px; line-height: 30px;padding-bottom: 35px;display: inline-block;margin: 0;}
    .secPrensagem .Pecas .Texto::after { margin: 30px auto 0; }
}

@media screen and (max-width: 768px) {
    header .Contato {display: grid;width: 100%;grid-template-columns: repeat(auto-fill, 50%);justify-content: space-between;}
    header .Contato .WhatsApp { font-size: 18px; }
    header .Contato .Telefone, header .Contato .Email, header .Contato .Endereco { max-width: 100%;width: 100%;font-size: 18px;line-height: 23px;}
    .secHome .Texto { font-size: 25px; line-height: 35px; }
    
    .secHome .Conteudo .Table {display: grid;width: 100%;grid-template-columns: repeat(auto-fill, 50%);justify-content: space-between;}
    .secHome .Conteudo .Table .Cell {}
    .secHome .Botao { font-size: 20px; line-height: 26px; }
    
    .secPrensagem .Conteudo { padding: 0 15px; }
    .secPrensagem .Servicos .Texto .Titulo { font-size:36px; line-height:42px; }
}

@media screen and (max-width: 600px) {
    header .Logos .Logo {max-width: 175px;margin-bottom: 25px;}
    header .Logos .Slogan { padding: 0; }
    header .Logos .Slogan h1 { font-size: 30px;margin-left: 30px;line-height: 30px;}
    header .Logos .Slogan h2 {font-size: 23px;line-height: 27px;max-width: 230px;margin-left: 30px;}
    header .Logos .Slogan h4 {font-size: 14px;line-height: 20px;max-width: 245px;margin-left: 30px;} 
    header .Contato {display: grid;width: 100%;grid-template-columns: repeat(auto-fill, 50%);justify-content: center;height: auto;}
    header .Contato .Telefone {font-size: 25px;}
    header .Contato .Email {font-size: 13px; margin-bottom: 20px; }
    header .Contato .Endereco {font-size: 16px;line-height: 27px;}
    header .Contato .Endereco br { display: none; }
    .secHome .Conteudo .Table {grid-template-columns: auto;}
    .secHome .Texto { font-size: 20px; line-height: 30px; }
    .Botao {font-size: 25px;line-height: 28px;}
    
    .secPrensagem .Servicos ul li { flex-wrap: wrap; }
    
    .secPrensagem .Servicos .Imagem { width:100%; max-width: 420px;margin: 0 auto;}
    .secPrensagem .Servicos .Texto { margin: 0 auto; padding: 0;width: 100%;max-width: 420px;}
    .secPrensagem .Pecas .Texto { font-size: 70px; }
}

@media screen and (max-width: 500px) {
    header .Logos .Slogan h1 { font-size: 30px;margin-left: 0;line-height: 30px;}
    header .Logos .Slogan h2 {font-size: 23px;line-height: 27px;max-width: 400px;margin-left: 0;}
    header .Logos .Slogan h4 {font-size: 14px;line-height: 20px;max-width: 400px;margin-left: 0;} 
    header .Contato { grid-template-columns:auto; }
    header .Contato .WhatsApp {max-width:400px;margin-left: auto;margin-right: auto;width: 100%;}
    header .Contato .Email {max-width:400px;margin-left: auto;margin-right: auto;width: 100%;min-width: auto;}
    header .Contato .Endereco {max-width:400px;margin-left: auto;margin-right: auto;width: 100%;}
    .secHome .Botao {margin-bottom: 15px;}
    
    .secPrensagem h2 { font-size: 30px; }
    .secPrensagem h3 { font-size: 28px; line-height: 28px; }
    .secPrensagem .Servicos .Texto .Titulo { font-size: 25px; line-height: 35px; }
    .secPrensagem .Servicos .Texto .Marca { font-size: 22px; line-height:20px; }
}