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


/*ANIMAÇÃO MENU SERVIÇOS*/
.menu-in { transform:rotate(90deg); }

/* HELPERS */
.img-100 img { width: 100%; }
.img-50 img { width: 50%; }
.img-80 img { width: 50%; }
.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 dotted #f3d511; color: #f3d511; }
.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; }

/*BACKGROUNDS*/
.bg-dark { background-color: #3D3D3D; }
.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); }

.active-home {
    background-image: url('../../site/img/hover-home.png');
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: 5px;
    background-position-y: 1px;
}

.active-empresa {
    background-image: url('../../site/img/hover2.png');
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: 5px;
    background-position-y: 1px;
}

.active-produtos {
    background-image: url('../../site/img/hover2.png');
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: 5px;
    background-position-y: 1px;
}

.active-fornecedores {
    background-image: url('../../site/img/hover-fornecedores.png');
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: -3px;
    background-position-y: 1px;
    width: 188px;
}

.active-contato {
    background-image: url('../../site/img/hover2.png');
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: 5px;
    background-position-y: 1px;
}


/*INICIO TOPO LOGO*/

.onde-encontrar {
    padding-top: 3px;
}

.telefone a{
    color: #2D2A6B;
}

.telefone a:hover{
    color: #2D2A6B;
}

.tel-rodape a{
    color: #3D383C
}

.tel-rodape a:hover{
    color: #3D383C
}

.faixa-logo {
    background-color:#B9B5DD;
    height: 45px;
    margin-top: 15px;
}

.lista a {text-decoration: none; color: #2D2A6B;}
.lista a:hover {text-decoration: none; color: #2D2A6B;}
.lista span{float: right;}
.lista img{margin-left: 10% !important;}

.busca input {
    border-radius: 25px;
    background: #eaeaeb;
    margin-top: 4px;
    background-image: url("../img/busca.png");
    background-repeat: no-repeat;
    background-size: 32px 32px; 
    background-position-x: 8px;
    background-position-y: 1px;
    margin-left: -17px;
    padding-left: 40px;
}

.whats-topo-icon{
    font-size: 23px;
    background-color: #232965;
    display: inline-block;
    line-height: 0;
    width: 30px;
    height: 30px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    margin-right: 5px;
}

.whats-topo-icon i{
    line-height: 30px;    
}

.busca input:focus {
    outline: 0 none;
}

.busq::-webkit-input-placeholder {
    color: #A6A6A7;
    padding-left: 7px;
    font-family: 'Montserrat', sans-serif;
}

.busq:-moz-placeholder { /* Firefox 18- */
    color: #A6A6A7;  
    padding-left: 7px;
    font-family: 'Montserrat', sans-serif;
}

.busq::-moz-placeholder {  /* Firefox 19+ */
    color: #A6A6A7;  
    padding-left: 7px;
    font-family: 'Montserrat', sans-serif;
}

.busq:-ms-input-placeholder {  
    color: #A6A6A7;  
    padding-left: 7px;
    font-family: 'Montserrat', sans-serif;
}

button {
    display: none;
}

.logo-topo img {                
    margin-top: -45px;
    margin-left: 46px;
}

.lista {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color: #2D2A6B;
    margin-top: 5px;
}

.lista img {                
    width: 34px;
    height: 34px;
    margin-left: 12px;
    margin-top: 2px;                
}

.lista span {
    top: 2px;
    position: relative;
}


.menu-principal{position: relative; right: -10%;}

.navbar-light .navbar-nav .nav-link {
    color: #2D2A6B !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    padding-right: 18px;
    padding-left: 23px;
    padding-bottom: 33px;
    padding-top: 16px;
}

.navbar-light .navbar-nav li a:hover {
    background-image: url('../../site/img/hover-home.png');
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: 5px;
    background-position-y: 1px;
}

.navbar-light .navbar-nav li:nth-child(2):hover a {
    background-image: url('../../site/img/hover2.png');
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: 5px;
    background-position-y: 1px;
}            


.navbar-light .navbar-nav li:nth-child(3):hover a {
    background-image: url('../../site/img/hover2.png');
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: 5px;
    background-position-y: 0px;
}

.navbar-light .navbar-nav li:nth-child(4):hover a {
    background-image: url('../../site/img/hover-fornecedores.png');
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: -3px;
    background-position-y: 1px;
    width: 188px;
}

.navbar-light .navbar-nav li:nth-child(5):hover a {
    background-image: url('../../site/img/hover2.png');
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: 5px;
    background-position-y: 1px;
}


.navbar-light .navbar-toggler{display: block; float: left;}
.navbar-light .navbar-brand{margin-left: 10px; color: #2D2A6B !important;}

.rede-sociais {
    color: #2D2A6B;
    font-family: 'Montserrat', sans-serif;

}

.telefone {
    color: #2D2A6B;
    font-family: 'Montserrat', sans-serif;
    text-align: right;
}
/*FIM TOPO LOGO*/

/*INICIO HOME*/
/*INICIO SEVIÇOS*/

.servicos {
    padding-bottom: 30px;                    
}

.servicos-linha {
    padding-top: 20px;
    padding-bottom: 30px;                    
}

.img-hover img {
    -webkit-transition: all .3s ease; /* Safari and Chrome */
    -moz-transition: all .3s ease; /* Firefox */
    -o-transition: all .3s ease; /* IE 9 */
    -ms-transition: all .3s ease; /* Opera */
    transition: all .3s ease;
}
.img-hover img:hover {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform:translateZ(0) scale(1.20); /* Safari and Chrome */
    -moz-transform:scale(1.20); /* Firefox */
    -ms-transform:scale(1.20); /* IE 9 */
    -o-transform:translatZ(0) scale(1.20); /* Opera */
    transform:translatZ(0) scale(1.20);
}


.grayscale {
    -webkit-filter: brightness(1.10) grayscale(100%) contrast(90%);
    -moz-filter: brightness(1.10) grayscale(100%) contrast(90%);
    filter: brightness(1.10) grayscale(100%); 
}


/*FIM SERVIÇOS*/

/*INICIO PARALLAX*/

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

.secondary-banner{
    height: 17em;
}

.secondary-banner a{
    color: #fff;
}

.secondary-banner a:hover{
    color: #fff;
    text-decoration: none;
}

.btn-secondary:hover{width: 290px !important;}

.norgren h2{
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 124px;
    padding-bottom: 25px;
    padding-left: 2em;
    font-size: 26px;
    text-align: justify;
    font-family: 'Montserrat', sans-serif;
}

/*FIM PARALLAX*/

/* ÍNICIO FORNECEDOR */

.fornecedores {
    margin-bottom: 35px;
}

.fornecedores h1 {
    color: #2D2A6B;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 35px;
}

.fornecedores .carousel-control.left {
    /* background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001))); */
    background-image: url('../../site/img/seta-esquerda.png') !important;
    background-repeat: no-repeat !important;
}

.fornecedores .carousel-control.right {
    background-image: url('../../site/img/seta-direita.png') !important;
    background-repeat: no-repeat;
}

.fornecedores .carousel-control {
    position: absolute;
    top: 50% !important;
    transform: translateY(-50%);
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;                    
    opacity: 1;
    text-shadow: 0 0px 0px rgba(0,0,0,0);
    
}

/* FIM FORNECEDOR */

/*INICIO FUNDO ROSA MÁQUINA*/
.fundo-rosa {
    background-color: #D6A199;
}

.fundo-rosa .maquina img {
    padding-left: 99px;
    padding-top: 19px;
}

.fundo-rosa .carretel img {
    width: 100%;
}

.fundo-rosa > [class*="col"]{
    padding: 0;
}

.fundo-rosa p {
    color: #3D383C;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    font-size: 15px;
}
/*FIM FUNDO ROSA MÁQUINA*/

#info-carrinho{margin-bottom: 15px;}
#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: center;}
#info-orcamento .form-group input, .form-group textarea{background: #ECEAEB; margin-bottom: 0px;}
#info-orcamento button{background: #D0CDE8 !important; border: none !important; display: block; margin: auto;}
.btn-del a{color: #000;}

/* ÍNICIO RODAPÉ */

.fundo-footer {
    background: #9B9B9D;
}

.logo-footer img {
    margin-left: -133px;
}

.contatos {
    margin-top: 7px;
}

.contatos a{
    color: #3D383C;
}

.contatos a:hover{
    color: #3D383C;
}

.contatos img {
    width: 34px;
    height: 34px;
    float: left;
    margin-right: 10px;
    margin-top: -5px;
}

.contatos img:first-child {
    margin-top: 5px !important;
}

.contatos p {
    font-family: 'Montserrat', sans-serif;
    color: #3D383C;
    font-size: 16px;
    
}

.fundo-footer .contatos p{line-height: 13px;}


.assinatura p {
    color: #FFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8em;
    text-align: center;
    position: relative;
    top: 8px;
}

.assinatura p a {
    text-decoration: none;
    color: #FFF;
}

.email-rodape{margin-top: -5%;}
.email-rodape img{margin-bottom: 10px;}

/* FIM RODAPÉ */

/*FIM HOME*/

/*POPUP*/

.popup-bg{
    position: fixed;
    z-index: 100000;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    top: 0;
    left: 0;
    animation-name: Opacity;
    animation-duration: 1s;
    
}

.popup{
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.popup img{
    height: 80vh;
    max-width: 100%;
    display: block;
    margin: auto;
}

.fechar{
    position: absolute;
    top: 1rem;
    right: 1rem;
    color: #fff;
    background: rgba(29, 29, 29, .5);
    padding: 0rem .6rem;
    border-radius: 50%;
    border: 1px solid #fff;
    font-size: 1.4rem;
    cursor: pointer;
}

@media (max-width: 600px) 
{
  .popup{
    width: 100%;
  }
  
  .fechar{
     top: -3rem;
    right: .5rem;
  }
}

@keyframes Opacity{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

/*FIM POPUP*/

.naoexibir{display:none;}

.whatsapp-fixed {
    position: fixed;
    display: block;
    z-index: 9999;
    background-color: #25d366;
    bottom: 20px;
    right: 20px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
}

.whatsapp-fixed i {
    font-size: 30px;
    line-height: 50px;
    color: #fff;
}