/*
Theme Name: Seu Documento Fácil - Tema Wordpress
Author: Agência Moustache - Ericc Antunes
Author URI: http://agenciamoustache.com.br
Description: Seu Documento Fácil - Tema Wordpress
Version: 1.0
*/

@import "assets/css/bootstrap.min.css";
@import "assets/css/font-awesome.min.css";
@import "assets/css/sga.css";


/* RESPONSIVO - Media Queries */

@media (max-width: 767px) {

    #wrapper-eficiencia{height: 200px;}

    #wrapper-eficiencia ul{display: block;}
    #btn-orcamento-aumente-eficiencia{left: 50%; right: inherit; transform: translateX(-50%);}

    .no-pad-r { padding-right: 15px; }
    button.btn-orcamento .escrita.laranja{padding: 8px 25px;}
    button.btn-orcamento .setinha.laranja{padding: 12px 17px 9px 17px;}

    .btn-ver-institucional { background-color: #ffffff; border-radius: 4px; color: #336699; display: inline-block; font-size: 14px; font-weight: 300; margin: 0 auto 15px; padding: 7px 10px; width: 220px; }
    .btn-ver-institucional:hover, .btn-ver-institucional:focus { text-decoration: none; opacity: 0.8; }

    #splash-18x { position: absolute; left: 10px; top: 43px; z-index: 1; }
    #splash-18x img { width: 70px; height: auto; }

    #selo-sgs { position: absolute; right: 15px; top: 45px; }
    #selo-sgs img { width: 60px; height: auto; }

    header { text-align: center; padding: 15px; min-height: 20px; }

    #base-logo-redondo { background-size: 210px; width: 210px; height: 64px; margin-left: -105px; top: 31px; }
    #base-logo-redondo img { top: -28px; width: 70px; left: 0; }

    #wrapper-eficiencia { margin-top: 28px; }

    .wrapper-class-padrao { padding: 45px 0; text-align: center; }

    button.btn-orcamento .escrita { font-size: 17px; }
    button.btn-orcamento .setinha { font-size: 12px; }

    #modal-solicite-orcamento .modal-body .row .no-pad-r, #modal-solicite-orcamento .modal-body .row .no-pad-r:first-child { padding-right: 15px; }
    #modal-solicite-orcamento .modal-body .col-sm-4 { width: 100%; }
    #modal-solicite-orcamento .modal-body form textarea { width: 100%; }

    #wrapper-nossos-clientes a.wrapper-logo-clientes img { position: relative; top: -90px; }

    .wrapper-class-padrao .centraliza-vertical-img { width: 100%; }
    .wrapper-class-padrao .centraliza-vertical { width: 100%; }
    .wrapper-class-padrao .centraliza-vertical.dir { left: 0; padding-left: 0; }
    .wrapper-class-padrao .centraliza-vertical.esq { right: 0; padding-right: 0; }
    .wrapper-class-padrao .centraliza-vertical.dir h2, .wrapper-class-padrao .centraliza-vertical.esq h2 { margin-top: 15px; }

    #wrapper-gestao-de-qualidade.wrapper-class-padrao  { padding-top: 15px; }
    #wrapper-sistema-de-gestao-ambiental.wrapper-class-padrao  { padding-top: 15px; }
    #wrapper-saude-seguranca-ocupacional.wrapper-class-padrao  { padding-top: 15px; }

    #wrapper-nossos-diferenciais ul { text-align: center; }
    #wrapper-nossos-diferenciais ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.3); margin-top: 30px; padding-bottom: 30px; }
    #wrapper-nossos-diferenciais ul li img.icon-diferecial { display: block; border-right: none; padding-right: 0; width: 48px; height: 48px; margin: 0 auto; }
    #wrapper-nossos-diferenciais ul li .desc { display: block; width: 100%; }

    #wrapper-solicite-um-orcamento .wrapper-azul-solicite-um-orcamento-cima { background-position: bottom; }
    #wrapper-solicite-um-orcamento .wrapper-azul-solicite-um-orcamento-baixo { background-position: top; }

    #wrapper-depoimentos-clientes #crs-depoimentos-clientes .item { padding-top: 40px; }
    #wrapper-depoimentos-clientes #crs-depoimentos-clientes .box-msg { width: 100%; margin-left: 0; margin-right: 0; padding-left: 30px; padding-right: 30px; }
    #wrapper-depoimentos-clientes #crs-depoimentos-clientes .box-msg .aspas { z-index: 1; }
    #wrapper-depoimentos-clientes #crs-depoimentos-clientes .box-msg .aspas.aspas-esq { left: 0; top: -40px; }
    #wrapper-depoimentos-clientes #crs-depoimentos-clientes .box-msg .aspas.aspas-dir { right: 0; top: auto; bottom: 0; }

    button.btn-orcamento { width: 100%; }

    .box-tel-footer { width: 100%; height: auto; background: rgba(255, 255, 255, 1); position: fixed; bottom: 0; text-align: center; padding: 13px; z-index: 2; border-top: 1px solid #336699; }
    .box-tel-footer img { width: 30px; height: 30px; vertical-align: middle; display: inline-block; }
    .box-tel-footer .info-tel { vertical-align: middle; font-size: 20px; color: #336699; display: inline-block; margin-left: 5px; }
    .box-tel-footer .info-tel .view-all { color: #404040; font-size: 13px; }

    footer { z-index: 3; }
    footer #moustache { text-align: center; margin-top: 15px; }
}

@media (min-width: 768px) and (max-width: 991px) {

    #splash-18x { position: absolute; left: 3%; top: 100px; z-index: 1; }
    #splash-18x img { width: 110px; height: auto; }

    #selo-sgs { position: absolute; right: 15px; top: 95px; }
    #selo-sgs img { width:90px; height: auto; }
}

@media (min-width: 992px) and (max-width: 1199px) {

    #splash-18x { position: absolute; left: 3%; top: 120px; z-index: 1; }
    #splash-18x img { width: 140px; height: auto; }
    button.btn-orcamento{margin: 15px 0 5px 0;}

}

@media (min-width: 1200px) {
}