/*Autor: Eduardo Sousa
email: webx_555@hotmail.com
*/

/*.col-md-1{border:1px solid red;}
.col-md-2{border:1px solid red;}
.col-md-3{border:1px solid red;}
.col-md-4{border:1px solid red;}
.col-md-5{border:1px solid red;}
.col-md-6{border:1px solid red;}
.col-md-7{border:1px solid red;}
.col-md-8{border:1px solid red;}
.col-md-9{border:1px solid red;}
.col-md-10{border:1px solid red;}*/

.img-5 img { width: 5%;}
.img-10 img { width: 10%;}
.img-15 img { width: 15%;}
.img-20 img { width: 20%;}
.img-25 img { width: 25%;}
.img-30 img { width: 30%;}
.img-40 img { width: 40%;}
.img-50 img { width: 50%;}
.img-60 img { width: 60%;}
.img-70 img { width: 70%;}
.img-80 img { width: 80%;}
.img-90 img { width: 90%;}
.img-100 img { width: 100%;}

body{font-family: 'Roboto', sans-serif;}

.clearfix::before,
.clearfix::after{
    content:"";
    display:table;
}

.clearfix::after{
    clear:both;
}
.clearfix{
    *zoom: 1;
}

.clear{clear: both;}

/****************************************TOPO***************************************************/
.logo{}
.logo img{margin: auto; display: block; position: relative; top: 36px;}
.topo{background: #231f20; width: 100%; height: auto;}
.topo .menu-topo{margin-top: 0px;}
.topo .menu-topo ul li{display: inline; margin: 0 20px 0 40px;}
.topo .menu-topo a{font-size: 1.3em; color: #ffffff; font-weight: 500; text-decoration: none;}
.topo .menu-topo ul li a:hover{display: inline; background-image: linear-gradient(transparent, transparent),linear-gradient(transparent, transparent),linear-gradient(to left, #ff6900, #e33607);background-repeat: no-repeat;
    background-position: 120%, 122%, 0 130%;background-size: 100% 8px; text-decoration: none;}
.topo .menu-topo .active{font-weight: bold; display: inline; background-image: linear-gradient(transparent, transparent),linear-gradient(transparent, transparent),linear-gradient(to left, #ff6900, #e33607);background-repeat: no-repeat;
    background-position: 120%, 122%, 0 130%;background-size: 100% 8px; text-decoration: none;}
.topo .menu-topo .menu-hamburguinho{width: 70px; float: right; margin-top: 25px;}
.topo .menu-topo .menu{display: block;float: left; padding-top: 45px;}
.caret{display: none !important;}

/*********************************BOTÃO DE SOLCITE ORÇAMENTO************************************/
.bg-solicite-orcamento{width: 60%; background-image:linear-gradient(to left, #ff6900, #e33607);height:70px; position: relative; top: -13px; z-index: 1;}
.bg-solicite-orcamento button{border: 1px solid #ffffff; background: none; float: right; border-radius: 15px; margin-top: 20px;}
.bg-solicite-orcamento a{font-size: 1.3em; font-weight: bold; color: #ffffff; padding: 25px;}
.bg-solicite-orcamento a:hover{text-decoration: none; color: #ffffff;}

/*********************************BLOCO INFO HOME LEFT************************************/
.bloco-info-home-left h1{font-size: 6em; text-align: center;}
.bloco-info-home-left span{font-size: 3.2em !important; font-weight: bold; color: #4f4f4f;background: -webkit-linear-gradient( right, #ff6900, #e33607);-webkit-background-clip: text;-webkit-text-fill-color: transparent; position: relative; top:-26px; left: 60px;}
.bloco-info-home-left p{font-weight: bold; font-size: 1.3em; text-align: justify; position: relative; top: -21px; padding-left: 55px;}

/*********************************BLOCO INFO HOME RIGHT************************************/
.bloco-info-home-right ul{margin-top: 18px;}


/**********************************LINHA DE PRODUTOS EM DESTAQUE************************************/
.img01{border:2px solid blue; width: 100%; height: 360px;}
.img02{border:2px solid green; width: 100%; height: 360px;}
.link-produtos-destaque{background: #231f20; width: 100%; height: 130px;}
.link-produtos-destaque h2{color: #ffffff; font-weight: 400; text-align: center; padding-top: 20px;}
.link-produtos-destaque button{background: none; border-radius: 20px; border: 2px solid #ffffff; margin: auto; display: block; margin-top: 20px;}
.link-produtos-destaque a{color: #ffffff; padding: 0px 20px 0px 20px; font-size: 1.3em; font-weight: 300;}
.link-produtos-destaque a:hover{color: #ffffff; text-decoration: none;}
.img03{border:2px solid red; width: 100%; height: 300px;}
.img04{border:2px solid orange; width: 100%; height: 290px;}

/********************************ORÇAMENTO************************************************************/
.solicite-orcamento{background-image:linear-gradient(to left, #ff6900, #e33607);}
.solicite-orcamento h2{color: #ffffff; font-size: 3.5em; text-align: center; padding: 35px 0px 20px 0px;}
.solicite-orcamento label{color: #ffffff; font-weight: bold;}
.solicite-orcamento input, .solicite-orcamento textarea{border:1px solid #ffffff; background: none;}
.solicite-orcamento .btn-orcamento{border:1px solid #ffffff; border-radius: 10px; color: #ffffff; margin: auto; margin-bottom: 55px; padding: 5px 45px 5px 45px;}
.carrinho-orcamento h1{padding: 45px; text-align: center;}
.btn-voltar{padding: 0px 0px 24px 22px;}


/**************************************************EMPRESA***********************************************/
.empresa h1{font-size: 4em; text-align: left; padding-top: 85px;}
.empresa span{font-size: 2.2em !important; font-weight: bold; color: #4f4f4f;background: -webkit-linear-gradient( right, #ff6900, #e33607);-webkit-background-clip: text;-webkit-text-fill-color: transparent; position: relative; top:-26px;}
.empresa p{font-size: 1.3em; text-align: left;}
.empresa img{float: right; padding-top:45px;}
.missao{content: url('../../site/img/missao.png'); width: 5%; float: left; position:relative; right:8px; top: -5px;}
.visao{content: url('../../site/img/visao.png'); width: 5%; float: left; position:relative; right:8px; top: -5px;}
.valores{content: url('../../site/img/valores.png'); width: 5%; float: left; position:relative; right:8px; top: -5px;}


/*************************************************PRODUTOS************************************************************/
.bg-menu-produto{background-image:linear-gradient(to left, #ff6900, #e33607);height:auto;}
.menu-de-produtos{position: relative; left: 55px;}
.menu-de-produtos li{list-style: none; text-align: center;}
.menu-de-produtos a{font-size: 1.2em; font-weight: bold; color: #ffffff; text-align: center;}
.menu-de-produtos a:hover{color: #ffffff; text-decoration: none;}
.produtos h1{font-size: 3.5em; text-align: left; padding-top: 85px;}
.produtos span{font-size: 5.0em !important; font-weight: bold; color: #4f4f4f;background: -webkit-linear-gradient( right, #ff6900, #e33607);-webkit-background-clip: text;-webkit-text-fill-color: transparent; position: relative; top:-26px; left:61px;}
.produtos p{font-size: 0.8em; padding: 75px 0px 75px 0px; text-align: center;}
#carouselProduto .carousel-control.left {background-image: url('../../site/img/left-arrow.png') !important; background-repeat: no-repeat !important; position: absolute; left: -3%; top: 48%;}
#carouselProduto .carousel-control.right {background-image: url('../../site/img/right-arrow.png') !important; background-repeat: no-repeat; position: absolute; right: -16%; top: 48%; }
#carouselProduto{margin-bottom: 80px;}
#carouselProduto{text-align: center;}
.produtos-categoria h1{font-size: 4.5em; text-align: left; padding-top: 85px;}
.produtos-categoria h2{padding-bottom: 15px;}
.produtos-categoria span{font-size: 3.0em !important; font-weight: bold; color: #4f4f4f;background: -webkit-linear-gradient( right, #ff6900, #e33607);-webkit-background-clip: text;-webkit-text-fill-color: transparent; position: relative; top:-26px; left:80px;}
.produtos-categoria p{font-size: 1.5em; text-align: justify; font-weight: bold;}
.bloco-produtos-subcategoria{width: 25%; float: left; margin-left: 75px;}
.produtos-linha{margin-bottom: 35px;}
.produtos-linha h1{font-size: 3.0em; text-align: left; padding-top: 85px;}
.produtos-linha h2{padding-bottom: 15px;}
.produtos-linha span{font-size: 2.5em !important; font-weight: bold; color: #4f4f4f;background: -webkit-linear-gradient( right, #ff6900, #e33607);-webkit-background-clip: text;-webkit-text-fill-color: transparent; position: relative; top:-26px;}
.produtos-linha p{font-size: 1.5em; text-align: justify; padding: 16px;}
.produtos-linha .sub-linha a{text-decoration: none;}
.produtos-linha .sub-linha h2{font-size: 1.5em; color: #cccccc;}
.produtos-linha .sub-linha h3{font-size: 1.4em !important; color: #cccccc; position: relative; top:-26px;}
.produtos-linha .sub-linha h2:hover{font-size: 1.5em; color: #000000;}
.produtos-linha .sub-linha h3:hover{font-size: 1.4em !important; font-weight: bold; color: #4f4f4f;background: -webkit-linear-gradient( right, #ff6900, #e33607);-webkit-background-clip: text;-webkit-text-fill-color: transparent; position: relative; top:-26px;}
#carouselProdutoLinha .carousel-control.left {background-image: url('../../site/img/setinha_brancoopacidade.png') !important; background-repeat: no-repeat !important; position: absolute; left: -3%; top: 48%;}
#carouselProdutoLinha .carousel-control.right {background-image: url('../../site/img/setinha_brancoopacidade.png') !important; background-repeat: no-repeat; position: absolute; right: 2%; top: 46%; width: 22px; height: 22px;}
.galeria-produto{display: block; margin-bottom: 60px;}
.bloco-produto{margin:5px 0px 55px 0px;}
.bloco-produto p{padding-top: 25px; font-size: 0.9em;}
.lista-categorias a, .lista-categorias a:hover{color: #ffffff; font-size: 0.9em; padding-top: 3px;}
.lista-categorias a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 0; 
    height: 0; 
  
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #ccc;
    margin-left: 10px;
  }
  

.galeria-produto{position: relative; top:25px; left:105px;}

#carouselgaleria .carousel-control.left {background-image: url('../../site/img/left-arrow.png') !important; background-repeat: no-repeat !important; position: absolute; left: -10%; top: 26%;}
#carouselgaleria .carousel-control.right {background-image: url('../../site/img/right-arrow.png') !important; background-repeat: no-repeat; position: absolute; right: 43%; top: 26%;}


/*************************************************RODAPE************************************************************/
.footer{background: #231f20; width: 100%; height: auto;}
.footer p{color:#ffffff; font-weight: bold;}
.footer img{padding-top: 60px;}
.footer .info-rodape p{padding-top: 60px; padding-left: 65px; font-size: 0.9em;}
.footer .info-rodape .endereco{content: url('../../site/img/localizacao.png'); width: 8%; position: relative; top: 8px; right: 10px;}
.footer .info-rodape .email{content: url('../../site/img/email.png'); width: 8%; position: relative; top: 12px; right: 10px;}
.footer .info-rodape .tel{content: url('../../site/img/telefone.png'); width: 10%; position: relative; top: 8px; right: 10px;}
.footer .info-rodape .whats{content: url('../../site/img/whatsapp.png'); width: 9%; position: relative; top: 7px; right: 8px;}
.copyright {margin: auto;}

/************************************************CONTATO*****************************************************/
.contato h1{text-align: center !important;}

.carousel-item a{
        display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.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;
}

/* POPUP */

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

/* POPUP */

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

/*POPUP*/

.popup{
    background-color: #333132;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    width: 30%;
    z-index: 9999999999;
}

.popup, .popup a{
    color: #fff;
    font-size: 2rem;
}

.popup a:hover{
    color: #fff;
}

.popup p:first-child{
    text-transform: uppercase;
}
.popup img{
    width: 100%;
}

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

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

/* END POPUP */