/* width lg */
@media screen and (max-width: 1200px) { 
    
/* Header ------------------------------------------------------------------------- */
.header .colL .tbl-col, .header .colR .tbl-col{height: 100px;}
.header .colL .logo{width: 130px;}
.header .colL .base .corte{right: -85px;}
.header .colR .base .corte{left: -10px;}
.header .colR .titulo i{width: 32px; height: 32px; margin: 0 10px 0 0px; background-size: 100% 100%;}
.header .colR .titulo span{font-size: 24px;}


/* Header base -------------------------------------------------------------------- */
.header-base{margin-bottom: 45px;}
.header-base .col{height: 42px; line-height: 42px; font-size: 20px; }
.header-base .colL .base .corte{right: -90px; width: 90px;} 
.header-base .colR span{ padding-left: 45px;}


/* Barra de etapas ---------------------------------------------------------------- */
.etapas-orcamento .area-etapas{margin-bottom: 65px;}
.etapas-orcamento .area-etapas ul li{margin: 0 35px;}
.etapas-orcamento .area-etapas ul li span{width: 40px; height: 40px; line-height: 36px; font-size: 25px;}
.etapas-orcamento .area-etapas ul li i{left: -30px; right: -30px; height: 30px; margin: 8px 0; font-size: 12px; line-height: 14px;}
.etapas-orcamento .info{margin: 50px 125px; font-size: 18px;}
.etapas-orcamento .base{top: 50%; right: 150px;  width: 2500px;}
.etapas-orcamento .base .icone{margin-top: -5px; width: 11px; height: 11px;}


/* Footer  ------------------------------------------------------------------------ */
.footer .colL .tbl-col, .footer .colR .tbl-col{height: 80px;}


/* Botoes base de controle de produtos -------------------------------------------- */
.prodBotoes .btn{padding: 0 5px;}
.prodBotoes .btn-a{padding: 0 8px;}


/* Base botão para enviar projetos direto ----------------------------------------- */
.base-enviar-projeto .col, .base-enviar-projeto .tbl-col{height: 90px;}    
.base-enviar-projeto .tbl-col span{font-size: 20px; line-height: 20px;}
.base-enviar-projeto .colL .base{top: 0; bottom: 0; right: 0; margin-left: 0;}
.base-enviar-projeto .colL .base .corte{position: absolute; top: 0; bottom: 0; right: -123px; width: 125px;}


/* Lista produtos home ------------------------------------------------------------ */
.lista-00 .grupo-item{width: 25%; padding-bottom: 25%;}
.lista-00 .grupo-item .item .txt{padding: 60px 5px 10px 5px;}
.lista-00 .grupo-item .item .txt .titulo{font-size: 22px; line-height: 22px; color: #fff;}


/* Produtos ----------------------------------------------------------------------- */
.prodItem .titulo-prod{font-size: 20px;}


/* Tootips - modal informativo ---------------------------------------------------- */
.item-sessao .info2{ margin-top: -13px; right: 15px; width: 25px; height: 25px;}
.item-sessao .info2 i{font-size: 15px; line-height: 23px;}
.item-sessao .info2 .infoMsg .icone{top: 40px; width: 31px; height: 44px;}
.item-sessao .info2 .infoMsg.right .icone{right: -31px; background-position: -40px center;}
.item-sessao .info2 .infoMsg.left .icone{right: -31px!important; left: auto!important; background-position: -40px center; background: red;}
/*.item-sessao .info2 .infoMsg.left .icone{left: -31px; background-position: 5px center;}*/
.item-sessao .info2 .infoMsg{top: -55px; width: 420px; min-height: 210px; border: 3px solid #ba0017;}
/*.item-sessao .info2 .infoMsg.left{left: 50px;} */
.item-sessao .info2 .infoMsg.left{right: 50px; left: auto;}
.item-sessao .info2 .infoMsg.right{right: 50px;}
.item-sessao .info2 .infoMsg .area-cont{padding: 15px 13px 30px 13px;}
.item-sessao .info2 .infoMsg .area-cont .titulo{font-size: 16px; padding: 0 0 5px 0;}
.item-sessao .info2 .infoMsg .area-cont .txt{font-size: 13px;} 
.item-sessao .info2 .infoMsg .area-cont .fechar{right: 35px; bottom: -19px; width: 33px; height: 33px; border: 2px solid #fff;}

/* Tootips - modal informativo ---------------------------------------------------- */
.item-sessao-2 .info2{ margin-top: -13px; right: 15px; width: 25px; height: 25px;}
.item-sessao-2 .info2 i{font-size: 15px; line-height: 23px;}
.item-sessao-2 .info2 .infoMsg .icone{top: 40px; width: 31px; height: 44px;}
.item-sessao-2 .info2 .infoMsg.right .icone{right: -31px; background-position: -40px center;}
.item-sessao-2 .info2 .infoMsg.left .icone{right: -31px!important; left: auto!important; background-position: -40px center!important;}
.item-sessao-2 .info2 .infoMsg{top: -55px; width: 420px; min-height: 210px; border: 3px solid #ba0017;}
.item-sessao-2 .info2 .infoMsg.left{right: 50px!important; left: auto!important;}
.item-sessao-2 .info2 .infoMsg.right{right: 50px;}
.item-sessao-2 .info2 .infoMsg .area-cont{padding: 15px 13px 30px 13px;}
.item-sessao-2 .info2 .infoMsg .area-cont .titulo{font-size: 16px; padding: 0 0 5px 0;}
.item-sessao-2 .info2 .infoMsg .area-cont .txt{font-size: 13px;} 
.item-sessao-2 .info2 .infoMsg .area-cont .fechar{right: 35px; bottom: -19px; width: 33px; height: 33px; border: 2px solid #fff;}

}



/* width md */
@media screen and (max-width: 992px) { 

    
/* Header ------------------------------------------------------------------------- */
.header .colL .tbl-col, .header .colR .tbl-col{height: 70px;}
.header .colL .logo{width: 90px;}
.header .colL .base .corte{right: -85px;}
.header .colR .base .corte{left: -10px;}
.header .colR .titulo{text-align: right; padding-right: 35px;}
.header .colR .titulo i{width: 28px; height: 28px; margin: -2px 0px 0px 0px; position: absolute; right: 0;}
.header .colR .titulo span{font-size: 18px;}


/* Header base -------------------------------------------------------------------- */
.header-base{margin-bottom: 40px;}
.header-base .col{height: 40px; line-height: 40px; font-size: 18px; }
.header-base .colL{text-align: left;}
.header-base .colL .base .corte{right: -30px; width: 32px;} 
.header-base .colR{text-align: right;}
.header-base .colR span{ padding-left: 0;}


/* Barra de etapas ---------------------------------------------------------------- */
.etapas-orcamento .area-etapas{margin-bottom: 55px;}
.etapas-orcamento .area-etapas ul li{margin: 0 20px;}
.etapas-orcamento .area-etapas ul li span{width: 35px; height: 35px; line-height: 30px; font-size: 23px;}
.etapas-orcamento .area-etapas ul li i{left: -30px; right: -30px; height: 30px; margin: 8px 0; font-size: 11px; line-height: 13px;}
.etapas-orcamento .info{margin: 50px 0; font-size: 16px;}
.etapas-orcamento .base{top: 50%; left: -300px; right: -300px;  width: auto;}
.etapas-orcamento .base .icone{display: none;}


/* Footer  ------------------------------------------------------------------------ */
.footer .colL .tbl-col, .footer .colR .tbl-col{height: 80px;}
.footer .colL .logo{width: 60px;}
.footer .colL .copy{padding:  0 0 0 15px;}
.footer .colR .icone{width: 54px; padding: 5px 0;}
.footer .colR .txt{padding:  0 20px 0 0 ; text-align: right;}
.footer .colR .txt span{display: block; padding: 10px 0; font-size: 12px; color: #fff; text-transform: uppercase;}    


/* Botoes base de controle de produtos -------------------------------------------- */
.prodBotoes .base-corte{display: none;}
.prodBotoes .area-btn-prod-avancar .base{display: none!important;}    
.prodBotoes .area-btn-prod-cancelar, .prodBotoes .area-btn-prod-avancar, .prodBotoes .area-btn-prod-voltar{padding: 0!important; margin: 3px 15px;}
.prodBotoes .btn{text-align: center;}
.prodBotoes .btn-a{text-align: center;}


/* Base botão para enviar projetos direto ----------------------------------------- */
.base-enviar-projeto .col, .base-enviar-projeto .tbl-col{height: 70px;}    
.base-enviar-projeto .tbl-col span{font-size: 17px; line-height: 17px;}


/* Lista produtos home ------------------------------------------------------------ */
.lista-00 .grupo-item{width: 33.3%; padding-bottom: 33.3%;}
.lista-00 .grupo-item .item .txt{padding: 60px 5px 10px 5px;}
.lista-00 .grupo-item .item .txt .titulo{font-size: 22px; line-height: 22px; color: #fff;}


/* Produtos ----------------------------------------------------------------------- */
.prodItem .titulo-prod{font-size: 19px;}


/* Tootips - modal informativo ---------------------------------------------------- */
.item-sessao .info2{ margin-top: -13px; right: 15px; width: 25px; height: 25px;}
.item-sessao .info2 i{font-size: 14px; line-height: 20px;}
.item-sessao .info2 .infoMsg{top: -55px; width: 380px; min-height: 190px; border: 2px solid #ba0017;}
.item-sessao .info2 .infoMsg .area-cont{padding: 15px 13px 25px 13px;}
.item-sessao .info2 .infoMsg .area-cont .titulo{font-size: 15px;}
.item-sessao .info2 .infoMsg .area-cont .txt{font-size: 13px;}
}



/* width sm */
@media screen and (max-width: 768px) { 

/* Header ------------------------------------------------------------------------- */
.header .colL .tbl-col, .header .colR .tbl-col{height: 50px;}
.header .colL .logo{width: 60px;}
.header .colR .titulo{text-align: right; padding-right: 30px;}
.header .colR .titulo i{width: 25px; height: 25px; margin: -2px 0 0 0px;}
.header .colR .titulo span{font-size: 13px;}


/* Header base -------------------------------------------------------------------- */
.header-base{margin-bottom: 35px;}
.header-base .col{height: 35px; line-height: 35px; font-size: 13px; }
.header-base .colR span{ padding-left: 0;}


/* Barra de etapas ---------------------------------------------------------------- */
.etapas-orcamento .area-etapas{margin-bottom: 45px;}
.etapas-orcamento .area-etapas ul li{margin: 0 15px;}
.etapas-orcamento .area-etapas ul li span{width: 28px; height: 28px; line-height: 25px; font-size: 20px;}
.etapas-orcamento .area-etapas ul li i{left: -30px; right: -30px; height: 30px; margin: 5px 0; font-size: 10px; line-height: 12px;}
.etapas-orcamento .info{margin: 30px 0; font-size: 15px;}


/* Footer  ------------------------------------------------------------------------ */
.footer .colL .tbl-col, .footer .colR .tbl-col{height: 60px;}
.footer .colL .base .corte{right: 0; left: 0; background: #404040;}
.footer .colR .icone{width: 54px; padding: 5px 0; display: none!important;}
.footer .colR .tbl{display: block; text-align: center;}
.footer .colR .tbl-col{display: inline-block; height: auto;}
.footer .colR .txt{padding:  0 20px 0 0 ; text-align: right;}
.footer .colR .txt span{display: block; padding: 10px 0; font-size: 12px; color: #fff; text-transform: uppercase;}    
.footer .colR .txt br{display: none;}


/* Botoes base de controle de produtos -------------------------------------------- */
.prodBotoes .btn{font-size: 11px;}
.prodBotoes .btn-a{ font-size: 11px;}


/* Base botão para enviar projetos direto ----------------------------------------- */
.base-enviar-projeto .tbl-col span{display: block; text-align: center;}
.base-enviar-projeto .colL .base{right: 0; left: 0;}
.base-enviar-projeto .colL .base .corte{display: none}


/* Lista produtos home ------------------------------------------------------------ */
.lista-00 .grupo-item{width: 50%; padding-bottom: 50%;}
.lista-00 .grupo-item .item .txt{padding: 60px 5px 10px 5px;}
.lista-00 .grupo-item .item .txt .titulo{font-size: 22px; line-height: 22px;}


/* Tootips - modal informativo ---------------------------------------------------- */
.item-sessao .info2{ margin-top: -13px; right: 15px; width: 25px; height: 25px;}
.item-sessao .info2 i{font-size: 14px; line-height: 20px;}
.item-sessao .info2 .infoMsg{top: -55px; width: 320px; min-height: 190px; border: 2px solid #ba0017;}
.item-sessao .info2 .infoMsg .area-cont{padding: 15px 13px 25px 13px;}
.item-sessao .info2 .infoMsg .area-cont .titulo{font-size: 13px;}
.item-sessao .info2 .infoMsg .area-cont .txt{font-size: 12px;}


.prodItem .box-form  .txt-label{display: block!important; padding-bottom: 5px;}
.prodItem .box-form .area-ckb{margin: 0 8px;}
.prodItem .box-form .area-ckb .input-ckb{width: 28px; height: 28px;}

}


/* width xs */
@media screen and (max-width : 480px) {

/* Header ------------------------------------------------------------------------- */
.header .colL .tbl-col, .header .colR .tbl-col{height: 50px;}
.header .colL .logo{width: 60px;}
.header .colR .titulo{text-align: right; padding-right: 21px;}
.header .colR .titulo i{width: 18px; height: 18px; margin: 2px 0 0 0px;}
.header .colR .titulo span{font-size: 11px;}

    
/* Header base -------------------------------------------------------------------- */
.header-base{margin-bottom: 30px;}
.header-base .col{height: 25px; line-height: 25px; font-size: 11px; }


/* Barra de etapas ---------------------------------------------------------------- */
.etapas-orcamento .area-etapas{margin-bottom: 40px;}
.etapas-orcamento .area-etapas ul li{margin: 0 10px;}
.etapas-orcamento .area-etapas ul li span{width: 25px; height: 25px; line-height: 22px; font-size: 18px;}
.etapas-orcamento .area-etapas ul li i{left: -30px; right: -30px; height: 30px; margin: 5px 0; font-size: 9px; line-height: 10px;}
.etapas-orcamento .info{margin: 30px 0; font-size: 14px;}


/* Base botão para enviar projetos direto ----------------------------------------- */
.base-enviar-projeto .tbl-col span{display: block; text-align: center;}
.base-enviar-projeto .colL .base{right: 0; left: 0;}
.base-enviar-projeto .colL .base .corte{display: none}


/* Lista produtos home ------------------------------------------------------------ */
.lista-00 .grupo-item{width: 100%; padding-bottom: 100%;}
.lista-00 .grupo-item .item .txt{padding: 60px 5px 10px 5px;}
.lista-00 .grupo-item .item .txt .titulo{font-size: 22px; line-height: 22px; color: #fff;}


/* Tootips - modal informativo ---------------------------------------------------- */
.item-sessao .info2 i{font-size: 14px; line-height: 20px;}
.item-sessao .info2 .infoMsg{top: 45px; width: 258px; min-height: 190px; border: 1px solid #ba0017;}
.item-sessao .info2 .infoMsg .area-cont{padding: 20px 10px 20px 10px;}
.item-sessao .info2 .infoMsg .area-cont .titulo{font-size: 12px;}
.item-sessao .info2 .infoMsg .area-cont .txt{font-size: 10px;}
.item-sessao .info2 .infoMsg.left{left: -24px;}
.item-sessao .info2 .infoMsg.right{right: -0px;}
.item-sessao .info2 .infoMsg.right .icone{display: none}
.item-sessao .info2 .infoMsg.left .icone{display: none}
.item-sessao .info2 .infoMsg .area-cont .fechar{right: 10px; bottom: -13px; width: 25px; height: 25px; border: 1px solid #fff;}


}