/* .col-md-3  {
    border: 1px solid blue;
} */

/* .col-md-4  {
    border: 1px solid blue;
} */




/* GERAL */
    h1 { text-align: center; font-size: 4em; text-transform: uppercase; }
    h2 { text-align: center; font-size: 3.6em; }
    body { font-family: 'Lato'; }

    
    /*ANIMAÇÃO MENU PRODUTOS*/
        .menu-in { transform: rotate(270deg); }
        .fa.pull-right {
            margin-left: .3em;
            margin-top: -21px;
        }

    /* HELPERS */
        .img-100 img { width: 100%; }
        .img-center { text-align: center; }
        .z-index-dest { z-index: 99999; }
        .sombra { box-shadow: 15px 10px 50px 0px rgba(0, 0, 0, 0.50); }
        .paragrafo-indent p{ text-indent: 60px; }
        .list-none { list-style: none; padding: 0; }
        .remove-decoration { text-decoration: none; color: inherit; }
        .remove-decoration-a * { text-decoration: none; color: inherit; }
        .no-padding { padding: 0; }
        .no-padding-right { padding-right: 0 !important; }
        .no-padding-left { padding-left: 0 !important; }
        .sublinhado-tit { border-bottom: 5px solid #8f040b; color: #8f040b; margin-bottom: 20px;}
        .images-middle { align-items: center; display: flex; }

        /*RESOLVE CASOS DO BACKGROUND NÃO SEGUIR CONTEUDO DAS DIVS*/
        .fluid::after { content: ''; display: table; clear: both; }
        
        /*BOTOES*/
            .btn-reset { background-color: transparent; border: none; }

            /* a.btn{ color: #993033; font-size: 17px; transition: .3s all ease; }
            a.btn:hover{ color: white; background-color: #993033; border: 1px solid #993033; } */
            
            a.btn.btn-yellow{ color: black; font-size: 17px; transition: .3s all ease; }
            a.btn.btn-yellow:hover{ color: #f8ad1c; background-color: black; border: 1px solid black; }

            a.btn.btn-green-invert{ color: #7db63e; font-size: 17px; transition: .3s all ease; }
            a.btn.btn-green-invert:hover{ color: white; background-color: #7db63e; border: 1px solid #7db63e; }
            
            a.btn.btn-green, button.btn.btn-green{ color: black; font-size: .7em; transition: .3s all ease; background-color: #7db63e; font-weight: bold; border-radius: 20px; }
            a.btn.btn-green:hover, button.btn.btn-green:hover{ color: white !important; background-color: black; }

            a.btn.btn-blue{ color: #0c98d7; font-size: 17px; transition: .3s all ease; }
            a.btn.btn-blue:hover{ color: white; background-color: #0c98d7; border: 1px solid #0c98d7; }
            
            a.btn.btn-form{ color: #7f7f7f; background-color: #ddddde; font-size: 20px; transition: .3s all ease; border-radius: 15px; }
            a.btn.btn-form:hover{ color: #ddddde; background-color: #7f7f7f; border: 1px solid #7f7f7f; }

            .submenu .btn-block {
                width: 132%;
            }
        
        /*BACKGROUNDS*/
            .bg-dark { background-color: black; }
            .bg-green { background-color: #5AB62D; }
            .bg-white { background-color: white; }
            .bg-clean { background-color: rgba(230, 243, 245, 0.46); }
            .bg-clean-topo { background-color: rgba(230, 243, 245, 0.46); box-shadow: 1px 1px 30px 5px rgba(109, 107, 107, 0.65); }
            .bg-grey { background-color: #444444; }

         /*TOPO*/
            .faixa-vermelha { 
                background-color: #8f040b;
            }
            
            .contato-topo{
                float: right;
                margin-right: 40px;
                text-align: left;
            }

         /*MENU*/    

            .menu-topo {
                box-shadow: inset 0 -10px 10px -10px rgba(56, 52, 52, 0.72);  
                background: white;              
            }

            .menu-topo .navbar { 
                padding: 1.7rem 5rem !important;
            }

            .navbar-light .navbar-nav .nav-link {
                color: #233e6e !important;
                font-family: "Lato", sans-serif;
                font-weight: bold;
            }
            
            .loc a{
                width: 150px;
            }


            link:focus, .navbar-light .navbar-nav .nav-link:hover {
                color: #b81c2b !important;
                font-weight: bold;
                text-transform: uppercase;
                
            }

            /*PARALLAX*/

            #parallaxBar { 
                background: url('../../site/img/norgren.jpg') 50% 0;
                background-size: cover;
                /* Paralaxe */
                background-attachment: fixed;                
            }

            /*Efeito Zoom*/

            .hoverzoom {
                position: relative;
                width: 350px;
                overflow: hidden;
            }
            .hoverzoom > img {
                width: 100%; 
                border-radius: 2px;
                -webkit-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
                -moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
                -ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
                -o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
                transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
            }
            .hoverzoom:hover > img {
                -webkit-transform: scale(1.5);
                -moz-transform: scale(1.5);
                -ms-transform: scale(1.5);
                -o-transform: scale(1.5);
                transform: scale(1.5);
            }
            .hoverzoom .retina{
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                opacity: 0;    
                background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);    
                border-radius: 2px;
                text-align: center;
                padding: 30px;
                -webkit-transition:  all .8s cubic-bezier(.190, 1.000, .220, 1.000);
                -moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
                -ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
                -o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
                transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000); 
            }
            .hoverzoom:hover .retina {
                opacity: 1;
                box-shadow: inset 0 0 100px 50px rgba(0,0,0,.5);
            }
            .hoverzoom .retina p {
                color: #fff;
                margin-top: 95px;
            }
            .hoverzoom .retina a {
                display: block;
                width: 150px;
                background: #6fc5e9;
                border: 1px solid #59afd4;
                border-radius: 4px;
                color: #fff;
                text-decoration: none;
                text-align: center;
                padding: 10px 15px;
                margin: 16px auto 0;
<<<<<<< HEAD
            }

            .prod-img h2 {
                display: block;
                /* width: 150px; */
                /* background: #6fc5e9; */
                /* border: 1px solid #59afd4; */
                /* border-radius: 4px; */
                color: #FFFFFF;
                /* text-decoration: none; */
                /* text-align: center; */
                padding-bottom: 104px;
                margin: -164px auto 0;
            }

            .norgren h2{
                color: #FFFFFF;
                font-weight: bold;
                padding-top: 65px;
                padding-bottom: 25px;
                padding-left: 9em;
                font-size: 26px;
            }

         /*PRODUTOS*/   

            #info-do-produto .qtdOrcamento{width: 50px; margin-bottom: 15px; text-align: center;}

            .produtos h1 {
                float: left;                
                color: #223F6D;
            }

            .menu-produtos ul { 
                list-style-type: none;
            }

            .menu-produtos h5 {
                color: #223F6D;
                font-size: 1.10rem;
                text-align: left;
                font-family: "Lato", sans-serif;
                font-weight: 900;
            }

            .menu-produtos h4 {
                color: #223F6D;
                font-size: 15px;
                width: -4px;
                font-weight: 200;
                font-family: "Lato", sans-serif;
            }

            .menu-produtos .btn-secondary {
                border-color: #FFF !important;
                margin-top: -0.1rem !important;
                margin-left: -4rem;
                color: #223F6D !important;
                text-align: left;
            }

            .menu-produtos .btn-block.btn-block.submenu {
                margin-top: .5rem;
                margin-left: -98px;
            }

            .caixa-prod {                 
                padding-right: 14px !important; 
                padding-left: 2px !important; 
                width: 23% !important;
                margin-right: 16px;
                border: 3px solid #d8d8d8;
                border-radius: 20px; 
                padding-top: 11px;
                margin-bottom: 20px;
                height: 260px;
            }

            /* Hover da tela de produtos */
            .caixa-prod:link {
                border: 3px solid #d8d8d8;
            }

            .caixa-prod:hover {
                border: 3px solid #223F6D;
            }
/* ----------------------------------------------- */


            .caixa-prod h4 {
                font-size: 1.1rem;
                color: #223F6D;
                padding-left: 15px;
                padding-top: 15px;
            }

            .caixa-prod p {
                font-size: 0.9rem;
                color: #223F6D;
                padding-left: 17px;
                margin-bottom: -5px;
            }

            .quem-somos {
                background-image: url('../../site/img/quem-somos.jpg');
                color: #FFFFFF;            
                font-family: "Lato", sans-serif;
                font-size: 17px;
            }

            .quem-somos h2 {
                text-align: left;
                padding-top: 30px;
                padding-bottom: 30px;
            }

            .quem-somos p {
                padding-right: 50px;
            }

            .quem-somos a{
                text-decoration: none;
                color: white;
            }

            .quem-somos a:hover{
                /* text-decoration: none; */
                color: white;
            }

            .prod-img p {
                color: #FFFFFF;
                text-align: center;                
            }

            .prod-img {
             margin-top: 35px;
            }
            
            .title h2 {
                margin-top: 35px;
                margin-bottom: 35px;
            }

            .secondary-banner{
                height: 17em;
            }

            .veja-produtos a{
                text-decoration: none;
                color: black;
            }
            .veja-produtos a:hover{
                text-decoration: none;
            }

            /* TOPO------------------------------ */
            .icone {
                fill: white;
                width: 25px;
                margin-left: 13px;
            }

            .topo {
                color: white;
                font-family: 'Lato', sans-serif;
                position: relative;
                padding-top: 5px;
            }
            .topo p{
                color: white;
                font-family: 'Lato', sans-serif;

            }
            /* --------------------------------- */
            .esp-top {
                margin-top: 3em;
                margin-bottom: -35px;
            }

            .irodape {
                position: relative;
                padding-top: 50px;
                padding-bottom: 12px;

            }
            
            .irodape p{
                color: #a8a8a8;
                font-family: 'Lato Light', sans-serif;
                font-size: 14px;
                text-align: center;
            }

            .irodape img{
                color: #a8a8a8;
                width: 45px;
                height: 45px;
                position: relative;
                margin-left: 42%;
            }

            #assinatura-rodape {
                text-align: center;
                font-size: 0.5em;
                margin-top: 25px;
                color: #a8a8a8;
                font-family: 'Lato', sans-serif;
            }
            
            #assinatura-rodape a {
                color: #a8a8a8;
                font-family: 'Lato', sans-serif;
            }

            .assinatura .logo-rodape {
                margin-top: 50px;
                margin-left: 50%;
                position: relative;
            }

            .empresa {
                font-family: 'Lato', sans-serif;
                margin-top: 3.75px;
            }


            .localizacao h1 {
                padding-top: 55px;
                float: left;                
                color: #223F6D;
            }

            .location h2 {
                font-family: "Lato", sans-serif;
                color: #223F6D;
                font-size: 22px;
                font-weight: 900;
            }

/*##################################################ORÇAMENTO##########################################################*/
#orcamento{background: #ECEAEB;}
#info-orcamento{background: #ffffff; padding: 15px;}
#info-orcamento h1{font-size: 1.5em; padding-top: 20px;}
#info-orcamento p{text-align: justify; color: #aaaaaa; font-size: 0.9em;}
#info-orcamento .img-carrinho{border: 1px solid #ccc; display: block;}
#info-orcamento .img-carrinho img{width: 100%;}
#info-orcamento table th,td{text-align: left;}
#info-orcamento .form-group input, .form-group textarea{background: #ECEAEB; margin-bottom: -10px;}
#info-orcamento button{background: #223F6D !important; border: none !important; display: block; margin: auto;}