@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,700,700i');

body{ background-color: #f0f3f5; font-family: 'Montserrat', sans-serif;}

a,a:hover{ text-decoration: none;}

h2{ text-align: center;}

.centro{margin: 0 auto;}

.esquerda{ float: left;}

.direita{float: right;}

.bloco{ display: block;}

.clear{ clear: both;}

.maiuscula{ text-transform: uppercase;}



/*Cabeçalho e topo*/
header{ background-image: url(../images/background-header.png); background-repeat: no-repeat; background-size: cover; padding-bottom: 300px; background-position: top center;}

    header .bg-dark { background-color: transparent !important; margin-top: 20px;}

    header .navbar-dark .navbar-nav .nav-item {background-color: #05476a; text-transform: uppercase; padding: 0 14px; }

    header .navbar-dark .navbar-nav .nav-item .nav-link {color: #fff; text-transform: uppercase; }

    header .apresentacao{width: 705px; padding-top: 100px; max-width: 100%;}

    header .empresa-sobre{ margin-top: 90px; text-align: center; color: #fff; font-size: 16px;}

    h2.titulo-sec{font-size: 42px; color: #05476a; margin-bottom: 20px;}

    h2.titulo-sec::before, h2.titulo-sec::after{ margin: 0 40px;}

    h2.titulo-sec::after{ content: url(../images/after.png);}

    h2.titulo-sec::before{ content: url(../images/before.png);}

    
    /*produtos*/    
    
    h3.titulo-produto.maiuscula { color: #05476a; font-size: 15px;}
    
    p.excerto { font-size: 18px; color: #849aa1; text-align: center; margin-bottom: 100px;}
    
    
    .produto { width: 250px; height: 400px; margin: 0 auto; max-width: 100%;}
    
    p.ap-produto { color: #849aa1; font-size: 14px; margin-bottom: 90px;}
    
/* manutencao */
#manutencao { background-image: url(../images/bg-servicos.jpg); color: #fff; background-repeat: no-repeat; background-size: cover; padding-bottom: 80px;}

    .separador{ width: 196px; height: 6px; background-color: #5bb7d6; margin: 55px 0 37px 0}

    h2.titulo-manutencao {text-align: left; font-size: 26px; font-weight: bold; letter-spacing: 3px;}

    h2.titulo-manutencao span { font-size: 52px; font-weight: 300;}

    #manutencao h3{ font-size: 14px; font-weight: bold; margin-bottom: 28px;}

    h3.t-qualidade { margin-bottom: 5px !important;}

    p.p-manutencao, ul.ul-manutencao { border-bottom: 2px solid#5bb7d6;}

    p.p-manutencao, ul.ul-manutencao, .p-qualidade { margin-bottom: 30px; font-size: 14px; padding-bottom: 35px; letter-spacing: 1px}

    ul.ul-manutencao{ line-height:30px; padding-left: 6px;}

    ul.ul-manutencao li { list-style: none;}

    ul.ul-manutencao li::before {content: "."; position: absolute; left: 10px; font-size: 30px; line-height: 0.4;}

    a.btn-orcamento { background-color: #5bb7d6; display: block; text-align: center; color: #fff; padding: 20px 0; font-size: 14px;}

    a.btn-orcamento span{ font-weight: bold;}

/* parceiro*/
#sec-parceiros{ padding-top: 96px; background-color: #fff;}
#sec-parceiros .row{ align-items: center; justify-content: center;}

    .col-sm-2.linhadois { max-width: 14.2% !important; margin-top: 30px !important; }
    .col-sm-2.linhatres { max-width: 14.2% !important; margin-top: 30px !important; margin-bottom: 80px !important;}
    
img.parceiros.img-fluid { margin: 10px auto; display: block;}

/*rodapé*/

#rodape{ background-image: url(../images/bg-rodape.png); background-repeat: no-repeat; background-size: cover; background-position: center top; background-color: #fff;  color: #fff; padding-top: 180px; text-align: center; padding-bottom: 60px;}

    #rodape a,#rodape a:hover{ color: #fff;}

    h3.titulo-contato { font-size: 18px; font-weight: bold; min-height: 64px; border-top: outset; border-top-width: 1px; padding-top: 10px; letter-spacing: 2px; text-align: left;}

    p.email { margin-bottom: 30px;}

    #rodape .col-sm-4 { padding: 10px; }

    .tel, .email, .endereco { text-align: initial; letter-spacing: 1px; margin-bottom: 5px; }

    #rodape p span { font-size: 20px; font-weight: normal; }

    .title-footer { margin-bottom: 30px; font-size: 32px; font-weight: bold; }

    .mt50 { margin-top: 20px; margin-bottom: 5px; }

    footer span{ font-weight: bolder; }

    .tell-footer { margin-top: 10px; font-size: 25px; }

    #rodape .tell-footer a { margin: 5px; }

    #rodape .tell-footer .email { text-align: center; font-size: large; }

@media screen and (max-width:1023px){
    h2.titulo-manutencao span { font-size: 30px;}

    p.email { margin-bottom: 110px; font-size: 12px;}
}

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

    #sec-parceiros { padding-top: 50px; padding-bottom: 50px;}

    .col-sm-2.linhadois { max-width: 100% !important; margin-top: 0 !important; margin-bottom: 0 !important;}

    p.email { font-size: 9px;}
    
}