@charset "UTF-8";
/* CSS Header, Footer e Variáveis */

/*FONTES*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,bold,bolditalic');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,700;0,900;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@200;300;600&display=swap');
/*@font-face {
    font-family: 'Calibri Regular';
    src: url( "fonts/calibri/Calibri Regular/Calibri Regular.ttf"); 
}*/




/*ESTILOS GERAL*/
* { margin: 0; padding: 0; border: 0; outline: none !important; text-decoration: none !important;  font-family: 'Open Sans', sans-serif; }
body{ min-width: 320px;}

.bordaCinza div{ border: 1px solid #ccc; padding: 10px; width: 100%; height: 100%; text-align: center !important; border-radius: 15px;  }
.bordaCinza { margin-bottom: 10px !important; }

.prodAdicionado { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(88,194,46,0.95); z-index: 10;  text-align: center; font-size: 18px; color: #fff; display: none; transition: 0.3s; }
.prodAdicionado p { position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%)}


.vitrine_TituloBox2 { position: relative; height: auto; text-align: center; margin-top: 45px;  }
.vitrine_TituloBox2:before {  position: absolute; /* posição relativa ao container */ top: 50%; /* posição vetical: bem na metade */ content: ""; display: block; width: 100%; border-bottom: 1px solid #cccccc; z-index: 0; }
.vitrine_TituloBox2:after{ position: absolute; width: 55px; height: 34px; content: ""; background-image: url("../imgs/icone_tit.png");left: 50%; margin-left: -27.5px; top: -35px;  background-size: 55px 34px; z-index: 10; }
.vitrine_Titulo2{ position: relative; display: inline-block; font-family:  'Open Sans', sans-serif; font-size: 28px; padding: 3px 20px; background-color: #fff; color: #09a659; text-align: center; z-index:2; font-weight: 600;  } 

.txt_center { text-align: center;} 
.container-fluid,  .MenuDesktop, .diferenciais, footer{ max-width: 1920px; margin: 0 auto;}
.maxWidth{ position: relative; display: block; margin: 0 auto; max-width: 1280px; }

/*FOOTER DO SITE*/
.DV_Newsletter{ background-color: #01213F; font-family: 'Open Sans', sans-serif; font-size: 16px; text-align: center; font-weight: bold; color: #25BCBD; padding: 10px;}
.newsTit{clear: left; display: block; color: #fff;}
#btn_NewsFooter{ border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;  color: #ffd900; font-weight: 600; font-size: 12px; line-height: 30px; position: relative; display: inline-block; margin-left: 0; padding: 0 20px; top: 0; margin-top: 10px; border: 1px solid #ffd900; }
#btn_NewsFooter:hover{  background-color: #ffd900; color: #000;}

#input_News{ width: 100%; font-family: 'Open Sans', sans-serif;  font-weight: normal; padding: 0 10px 0 10px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border: none; display: inline-block; margin-top: 5px; height: 35px; line-height: 35px; color: #333;}

.footer_after{ font-family: 'Open Sans', sans-serif;  font-size: 10px; text-align: center; padding: 15px;}
#logoVBWP { position: relative; display: inline-block; margin:2px auto; width: 50px;  }
.duvidas_footer{ color: #575756; line-height: 20px;  font-family: 'Open Sans', sans-serif;  font-size: 14px; text-align: center; margin-top: 5px;}
a.link_duvidas:link,  a.link_duvidas:visited {font-size: 14px; color: #575756; font-weight: 300;}
a.link_duvidas:hover, a.link_duvidas:active { color: #ffd900;}
.footerULT{ background-color: #f38434;}
.faixaBNDS{  font-family: 'Open Sans', sans-serif; color: #005489; text-align: center; font-size: 16px; padding: 10px;}
.faixaBNDS img{ vertical-align: middle; }



.ftPAG{position: relative; width: 48%; height: 120px; background-size: cover; background-position: center center; margin: 1%; float: left;  }
.ftPAG a{ display: block; float: left; width: 100%; height: 100%;}


a.link_socialFooter:link,  a.link_socialFooter:visited {font-size: 32px; display: inline-block;  margin: 0px 5px 5px 0px; color: #09a659;}
a.link_socialFooter:hover, a.link_socialFooter:active { color: #06BE64;}


.DV_centraliza { text-align: center; } /* elementos tem que estar com display: inline-block*/
.facebook_Plugin { position: relative; width: 290px; margin: 0 auto; border-bottom: 1px solid #fff; }
#avisosNews{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; display: none; line-height: 100px; font-family: 'Open Sans', sans-serif; font-size: 14px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-align:  center;  justify-content: center; align-content: center; align-items: center;  font-family: 'Calibri Regular', serif;  letter-spacing: 3px;   }
.subtitulo_footer { display: none;  }
.img_pagamentoMobile { display: block; margin: 10px auto; width: 95%; max-width: 380px;}
.img_pagamento {display: none;}
.img_seg_footer{ height: 40px; text-align: center; padding: 7px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #fff;}
.desenvolvido{font-family: 'Open Sans', sans-serif;  font-weight: 300; font-size: 12px; text-align: center; color: #fff; line-height: 20px; margin-bottom: 0px;}
.grupo_seg { text-align: center; }

/*HEADER*/
 header{ position: relative ; z-index: 1; width: 100%;  background-color: #242528; border: none; max-width: 1280px !important;}
.logotipo { display: block; margin: 20px auto 20px; width: 220px;}
.Pesquisa{ width: 100%; float: left; border: 1px solid #786b5f; border-radius: 5px;   font-family: 'Open Sans', sans-serif;  font-size: 12px; height: 40px; line-height: 40px; margin-bottom: 15px; padding: 0 10px 0 10px; border-radius: 20px;}

.btn_pesquisar { position: absolute; width: 20%; height: 40px; line-height: 20px; border: none; background-color: transparent; color: #f38434; text-align: center;  margin-bottom: 10px;  font-size:20px; right:5px;  -webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px; }

/*MENU*/
.MenuDesktop{ display: none;}
.linksTopoB{ display: none; }

/*PRODUTOS*/
.ListaProdutos { width: 100%; height: auto; list-style: none;  }
.ListaProdutos li { position: relative; display: inline-block; width: 50%; float: left; margin: 15px auto; padding: 5px; 
transition: 0.5s; border: 1px solid transparent; 
}
.ListaProdutos li:hover{
    
     -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    border: 1px solid #ccc; 
    -webkit-box-shadow: 0px 0px 10px 1px #DBDBDB; 
box-shadow: 0px 0px 10px 1px #DBDBDB;
    border-radius: 10px; 
    
}
.ftProd{ position: relative; width: 100%; height: 130px; clear: both; text-align: center; align-items: center; justify-content: center; }
.ftProd img {  display: block; width: auto; height: auto; max-height:100%; max-width: 100%; margin: 0 auto;}
.refProd{ display: block; line-height: 20px; font-family: 'Open Sans', sans-serif; font-size: 10px; color: #C13C54 !important; text-align: center; margin: 5px 0 0 0; font-weight: 600; }
.nomeProd{ width: 100%; height: 70px; line-height: 20px; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #666666 !important; text-decoration: none !important; text-align: center; font-weight: 600; overflow: hidden;}
.nomeProd p{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;  }

.ratingProd{ display:block; line-height:10px; background:url(../imgs/sprite-stars.png) no-repeat; background-position: 0 -84px; height:18px; width: 95px; margin: 5px auto 0;}
.ratingProd em{ position:relative; display: block; background:url(../imgs/sprite-stars.png) no-repeat; background-position: 0 -66px;  height:18px; width: 50px; }

.priceProd{ position:relative; width: 100%; max-width:100%; height:70px; }
.priceProd p { display:block; width:100%; margin: 0; } 
.deProd{ display:block; line-height:12px; text-decoration:line-through !important; color:#666 !important; font-size:12px; text-align: center;  }
.precoProd{ font-size: 18px; color: #521C63 !important; margin: 0; text-align: center; font-weight: 600; }
.sprecoProd { color: #009AA1; font-size: 22px; font-weight: bold; text-align: center;  }
.parcProd{ font-size: 12px; color:#666666 !important; margin: 0; text-align: center; font-weight: 300;  }
.prodIndisponivel{  text-align: center; line-height:70px; font-size: 14px; color:#004388; font-weight: bold;  }
.descProd{ position:absolute; width: 50px; text-align:center; padding: 0 5px; height:24px; line-height:24px; font-size:14px; background-color: #3A9604; color:#fff; z-index:2; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; top: 5px; right: 10px;}


.emFalta h2{ font-size:22px; text-align:center; color: #c27a90; border-top: 1px dashed #dedede; padding-top: 5px;}
.emFalta p{ color:#444; text-align:center;}
.emFalta a{  position: relative; width: 150px;  margin-left: 50%  !important; left: -75px !important;}

.estrelas { position: relative; width: 100%; height: 25px; padding-top: 4px; }
.estrelas i, .estrelas span { color: #F0C900 !important; font-size: 18px; }
.starYellow { color: #F0C900 !important; }


a.LinkTitProd:link,  a.LinkTitProd:visited { font-family: 'Open Sans', sans-serif; font-size: 24px; text-align: center;  display: block;  margin: 5px; color: #fff;}
a.LinkTitProd:hover, a.LinkTitProd:active { color: #fff;}

.TitPAG { font-family: 'Open Sans', sans-serif; font-size: 28px; display: block; padding: 10px 20px;  margin: 10px; color: #7F0663; border-bottom: 1px solid #ccc; margin-left: 0px; padding-left: 0px; }

/* FOOTER DO CARRINHO */
.CarrinhoFooter{ position: relative; clear: both;  bottom: 0; width: 100%; height: auto; background-color:rgba(207,207,207,0.2);}

/* PRODUTO*/
/*EXIBE PRODUTOS*/
.tituloProdCompra { margin: 0; padding: 0; }
.FundoBrancoImgProd { position: relative; width: 100%; height: auto; background: #FFF; }
.FundoImgProd { width: 100%; max-width: 320px; height: 320px; display: block; margin: 0 auto 0; }
.FundoImgProd img { position: relative; width: auto; height: auto; margin:0 auto 0; max-width: 100%; max-height: 100%;  }
.ImgExibeProdDesktop { display: none; }
.ImgExibeProd, .InfoExibe { position: relative; width: 100%; height: auto; display: block; margin: 0 auto 0; }
.ImgExibeProd { background: #FFF; margin-top: 15px; } 

.ImgExibeProd img { width: 100%; max-width: 400px; height: auto; display: block; margin: 0 auto 0; }
.InfoExibe { max-width: 100%; overflow: hidden; margin: 10px auto 10px; padding: 10px 0 15px 0; background: #FFF; color: #000; font-weight: bold; }
.InfoProd { position: relative; width: 100%; height: auto; }
.PrecoExibeProd { text-align: left; margin: 0; }
.preco { color: #999; font-weight: 400; text-decoration: line-through !important;}
.precopqn { font-size: 10px; margin-right: 10px; font-weight: 800; color: #521C63 ; } .PrecoGrande { font-size: 28px; color: #521C63  !important; font-weight: bold; }
a.BtnComprar:link, a.BtnComprar:visited { line-height: 50px; font-size: 16px; background: green; color: #FFF; display: block; text-align: center; }
.Parcela { font-weight: 400; border-top: 1px solid #ebebeb; color: #000; text-align: left; padding: 10px 15px 10px 15px; margin: 0; }
.CEP { padding: 15px 10px 0 10px; border-top: 1px solid #ebebeb; } .CepInput, .ButtonOk { position: relative; height: 35px; color: #666; }
.CepInput { width: 77%; padding: 0 20px 0 20px; color: #000; border: 1px solid #CCC; } .ButtonOk { width: 21%; background: #ddd; }
.Relacionados { color: #6A8207 !important; font-size: 36px; font-weight: 400; }
.DescricaoProd { position:relative; display:block; background: #FFF; padding: 10px; height: auto; overflow: hidden; margin-bottom: 20px; line-height: 30px; font-family: 'Open Sans', sans-serif !important;  }
.DescricaoProd h1 { color: #521C63;  font-size:24px;  border-bottom: 1px solid #EEE; padding-bottom:10px; font-weight:normal;}
.DescricaoProd p { font-size: 16px !important; color: #666; text-align: justify; font-family: 'Open Sans', sans-serif !important;  line-height: 30px !important; font-weight: 300;  }
.DescricaoProd table tr td{ font-size: 14px;}
.DescricaoProd img { max-width: 100% !important; height: auto !important; margin: 10px auto 10px !important; display: block; }
.DescricaoProd iframe { position: relative !important;  width: 100% !important; height: 300px !important; margin: 10px auto; }
.compProd{ font-family:"Open Sans"; font-size:11px; text-align:center;}
.compProd i{ font-size: 22px; margin: 5px 1px; cursor: pointer;}
.compProd i:hover{ opacity: 0.7; -moz-opacity: 0.7; -webkit-opacity:0.7;}
.compProd i:nth-of-type(1){ color: #305891;}
.compProd i:nth-of-type(2){ color: #5abbdc;}
.compProd i:nth-of-type(3){ color: #c82828;}
.compProd i:nth-of-type(4){ color: #ccc;}
.fb-like iframe{ margin-top: 0px !important;}
.breadcrumb li a:link, .breadcrumb li a:visited { color: #521C63; }
.sliderProdMin{ display:none;} 

.semprod { position: relative; line-height: 100px; font-family: 'Open Sans', sans-serif; font-size: 16px; color: #333; text-align: center; }

/*Cores*/
.corescolhe{width:30px;height:30px;float:left;margin:3px;cursor:pointer;border:3px rgba(0,0,0,0.4) solid}
.corescolhe:hover{opacity:.5;-moz-opacity:.5;-webkit-opacity:.5}
.exibeDeco{position:absolute;z-index:10;width:250px;height:250px;background:#ccc;border:6px rgba(0,0,0,0.4) solid;margin-left:-280px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;display:none;background-size:100% 100%}
.selecionado{border:1px rgba(0,0,0,0.7) solid; position:relative; display:block;}
.selecionado::after{content:"";width:15px;height:15px;background:url(../imgs/visto.png) no-repeat #06A61C center center;background-size:60% 60%;position:absolute;border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px;font-size:10px;color:#fff;text-align:center;line-height:13px; right: -7px; top: -7px;}
.subProdTipo{ padding: 0 10px 5px 20px; border-bottom:1px solid #ebebeb; overflow:auto; display:none; clear:both;}
.SelecionadoBtn{float:left; margin-right: 10px;}
.escolhido{text-align:right;font-size:12px;color:rgba(230,13,16,1.00);float:right}.titulo_categoria_prods{color:#006400;position:relative;top:8px}
.depositoPag,.pagseguroPag{position:relative;float:left;width:100%;height:auto;overflow:auto;}
.titleOpcoesParc{ font-size:12px;}
.panelPrecos{ max-height:50px; border-bottom:1px solid #ccc; color:#999 !important;}
.blocoParcelamento{ font-family: "Open Sans"; font-size:12px; text-align: center; }

.tabelaAvalia { border: none !important; }
.avaliacli { position: relative; padding: 20px 10px 20px 10px; }
.avaliacli h1, .avaliacli h2, .avaliacli h3, .avaliacli h4, .avaliacli h5 { margin: 0; padding: 0; }
.avaliacli h2 { margin-top: 20px; }
.avaliacli h4 { font-size: 22px; }
.avaliacli h4 span { font-size: 19px; }
.avaliacli h5 { text-align: justify; font-size: 12px; }
.titavaestre { color: #CCC !important; font-size: 17px !important; }
.avaliacli h5 span { color: #CCC; font-size:  11px; }
.txtavalia { font-weight: 300; color: #3A3A3A; } 

/*ESTRELAS*/
.vote label { cursor:pointer; }
.vote label input{ display:none; }
.vote label i { font-family:FontAwesome; font-size:25px; color: #CCC; -webkit-transition-property:color, text; -webkit-transition-duration: .2s, .2s; -webkit-transition-timing-function: linear, ease-in; -moz-transition-property:color, text; -moz-transition-duration:.2s; -moz-transition-timing-function: linear, ease-in; -o-transition-property:color, text; -o-transition-duration:.2s; -o-transition-timing-function: linear, ease-in; }
.vote label i:before { content:'\f005'; }
.vote label i.active { color:gold; }



/*CONTATO*/
.contato_div { position: relative; width: 100%; height: auto; overflow: hidden; padding: 15px 15px 20px 15px; }
.imgContato { display: none; }
.txtContato { font-family: 'Open Sans', sans-serif;  color: #9B9B9B; font-size: 20px; font-weight: 300; line-height: 15px; text-align: center; }

/*DIFERENCIAIS*/
.diferenciais{ display: none; position: relative; width: 100%; background-color: #0662ab;  font-family: 'Open Sans', sans-serif; font-size: 16px; color: #000; text-align: left; padding: 10px 0; line-height: 50px; }
/*.diferenciais img{ display: inline-block; margin-right: 10px; height: 45px; width: auto; float: left; }
.diferenciais div div:nth-of-type(3){ line-height: 25px;}
.diferenciais div div:nth-of-type(3) span{ color: #F2B600; }
.diferenciais div div:nth-of-type(4){ line-height: 25px;}
.diferenciais div div:nth-of-type(4) span{ color: #F2B600; }
.diferenciais div div:nth-of-type(1){ line-height: 25px;}
.diferenciais div div:nth-of-type(1) span{ color: #F2B600; }*/

/* .diferenciais div div:nth-of-type(4){ line-height: 20px; padding-top: 10px;}
.diferenciais div div:nth-of-type(4) span{ color: #F2B600; font-size: 12px; line-height: 30px;}
.diferenciais div div:nth-of-type(4) img{ margin-top: -10px;}
.diferenciais div div:nth-of-type(4) a { color: #B28D60 !important; text-decoration: none !important; }
.diferenciais div div:nth-of-type(4) a:hover { color: #fff !important; text-decoration: none !important; }*/

#SkypeButton_Call_BMBCANECAS1_1{  display: inline-block; height: 25px; margin-left: 10px; }
#SkypeButton_Call_BMBCANECAS1_1 a img{  -webkit-filter: grayscale(100%);  filter: grayscale(100%); margin: 0 !important; vertical-align: -5px !important; margin-left: 10px; height: 18px !important; }

.titulo_home { text-decoration: none !important; font-size: 26px; font-family: "Open Sans"; font-weight: 600; color: #0662ab !important;  padding-top: 20px; }
.desc_home{ font-family: "Open Sans"; font-size: 14px; color: #818181;  border-bottom: 1px solid #C9C9C9; padding-bottom: 10px; }

.whatscall{ position: fixed; z-index: 5; bottom: 10px; right: 20px; width: 60px;}

.videosYoutube{ width: 100%; height: 450px;  display: flex; /* or inline-flex */  flex-direction: row; flex-wrap:  wrap ; overflow: scroll; }
.youtube_thumb{ position: relative; width: 48%; margin: 1%; float: left; cursor: pointer; padding: 5px 0; }
.youtube_thumb:hover{ background-color: #EEEEEE; }
.youtube_thumb p{ font-size: 14px; color: #333; font-weight: 300; padding: 0 5%; }
.imgVideothumb{ position: relative; width: 90%; height: 100px; background-size: cover; margin: 0 auto; }
.frameVideo{ position: relative; width: 100%; height: 200px; }
.tituloVideo{ font-size: 18px; font-weight: 600; color: #000; line-height: 25px; font-family: "Open Sans"; }
a.linkChanel:link, a.linkChanel:active, a.linkChanel:visited { font-size: 18px; color: #3CB54B; text-decoration: none; font-weight: 400; line-height: 40px; border-bottom: 1px solid #eee;  display: block;  }
a.linkChanel:hover{ color: #0662ab; }
.linkChanel i{ color: #FF0000; }

.videosYoutube::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.videosYoutube::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
.videosYoutube::-webkit-scrollbar-thumb {
  background: #3cb54b;
  border: 0px none #ffffff;
  border-radius: 50px;
}
.videosYoutube::-webkit-scrollbar-thumb:hover {
  background: #267330;
}
.videosYoutube::-webkit-scrollbar-thumb:active {
  background: #3cb54b;
}
.videosYoutube::-webkit-scrollbar-track {
  background: #f1f1f1;
  border: 0px none #ffffff;
  border-radius: 50px;
}
.videosYoutube::-webkit-scrollbar-track:hover {
  background: #e2e2e2;
}
.videosYoutube::-webkit-scrollbar-track:active {
  background: #333333;
}
.videosYoutube::-webkit-scrollbar-corner {
  background: transparent;
}

.videoProd{ display:block;}

.tituloProdCompra { margin: 0; padding: 0; }
.FundoBrancoImgProd { position: relative; width: 100%; height: auto; background: #FFF; }
.FundoImgProd { width: 100%; max-width: 320px; height: auto; display: block; margin: 0 auto 0; }
.ImgExibeProdDesktop { display: none; }
.ImgExibeProd, .InfoExibe { position: relative !important; width: 100%; height: auto !important; display: block; margin: 0 auto 0; }
.ImgExibeProd { background: #FFF; margin-top: 15px; } .ImgExibeProd img { width: 100%; max-width: 400px; height: auto; display: block; margin: 0 auto 0; }


.voltatop{ position:fixed; background: #f38434; width: 50px; height:50px; border-radius:60px; -webkit-border-radius:60px; -moz-border-radius:60px; text-align:center; font-size:42px; line-height:30px; left: 15px; bottom: 10px; z-index:10000; display: none; color:#fff; border: 1px solid #fff; }
.voltatop{ position:fixed; background: #f38434; width: 50px; height:50px; border-radius:60px; -webkit-border-radius:60px; -moz-border-radius:60px; text-align:center; font-size:42px; line-height:30px; left: 15px; bottom: 10px; z-index:10000; display: none; color:#fff; border: 1px solid #fff; }
.voltatop::after{ content: ""; position: absolute; width: 65px; height: 65px; left: -12px; top: -12px;  z-index:1000;}
.voltatop:hover{ background-color: #F06C0E;  }

.instaImagem{ position: relative; width: 48%; margin: 1%; float: left; height: 150px; background-size: 100% auto; background-position: center center; background-color: #000; background-repeat: no-repeat;}
.containerInsta{ padding: 25px 0;}
.instaImagem a{  display: block; float: left; width: 100%; height: 100%; }
.TituloInsta{font-family:"Open Sans"; font-size:16px; text-align:left; color: #000; font-weight: 400; margin-bottom: 20px; margin-top: 20px; }
.TituloInsta i{ color: #000; font-size: 18px; font-weight: 300; margin-bottom: -7px; position: relative; bottom: -3px; background-color: #efc7cd; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; padding: 5px 8px;}
a.linkInsta:link, a.linkInsta:active, a.linkInsta:visited{ color: #efc7cd; text-decoration: none; }
a.linkInsta:hover{ color: #D6B4BE; }

.ParaEles{ position: relative; width: 100%; height: 180px; background-size: cover; text-align:  center; }
.ParaEles img{ position: relative; top: 50%; transform: translateY(-50%); }
.ParaEles a:link { display: block; height: 100%; width: 100%;}

 .divsIguais { display: flex; flex-wrap: wrap;   }

    .imgBlogH{ width: 100%; height: 240px; overflow: hidden; justify-content: center; }
.imgBlogH img{ position: relative; display: block;  height: 100%; width: auto; margin: 0 auto; }
.blogHome h4 { color: #09a659 !important; font-family: 'Open Sans', sans-serif; font-size: 20px; width: 95%; text-align: center; font-weight: 600; }
.blogHome p { color: #786b5f !important; font-family: 'Open Sans', sans-serif !important; font-size: 14px; line-height: 25px; font-weight: 300; width: 95%; text-align: center; height: 75px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.btnSaibaMais { position: relative; margin: 10px auto; width: 150px; border: 1px solid #25BCBD; color: #25BCBD; text-align: center; line-height: 25px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; transition: 0.5s; -webkit-transition: 0.5s; }
.btnSaibaMais:hover { background-color: #25BCBD; color: #fff;  }
    
    .tituloP{ position: relative;  display: inline-block; font-family:  'Open Sans', sans-serif; font-size: 26px; text-align: center; color: #09a659; margin-bottom: 10px; font-weight: 600;}
.subP{ font-family: 'Open Sans', sans-serif; font-size: 14px; text-align: center; color: #000000; font-weight: 300; }

.btn_MaisCompraP{ background-color:  #f38434 !important; border: none !important; color: #fff !important; }
.btn_MaisCompraP:hover{background-color: #D7600C !important; }
.btn_MaisCompraM{ background-color: #fff !important; border: 1px solid #cc5c9a !important; color: #cc5c9a !important; cursor: default !important; }
.btn_MaisCompraM:hover{background-color: #fff !important; }

.mtshop { margin-top: 5px; }
.input_shop { border: 1px solid #9E9E9E; width:80%; height: 28px; float: right;  border-top-left-radius: 10px; border-bottom-left-radius: 10px; max-width: 60px; font-family: "Helvetica"; color: #606060; font-size: 15px !important; text-align: center !important; border-right: none; }
.up_down_btn { position: relative; background: #9E9E9E; float: right; border: 1px solid #606060; color: #606060; height: 14px; width: 100%; text-align: center; color: #fff; }
a.adc_shop:link, a.adc_shop:visited { position: relative; display: block; border: 1px solid #9E9E9E; width: 100%; float: left; border-top-right-radius: 10px; border-bottom-right-radius: 10px; height: 28px; background: #B71521; color: #FFF; font-size: 14px; right: 1px; max-width: 60px; line-height: 28px;  }
.p_s_0 { padding: 0 !important; }

.inputExibe{ float: none; width: 100% !important; max-width: 170px; height: 40px; line-height: 40px; text-align: left; padding: 0 15px;}
.up_down_btnE { position: relative; background: #9E9E9E; float: left; border: 1px solid #606060; color: #606060; height: 20px; width: 100%; text-align: center; color: #fff; -webkit-border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;}
.up_down_btnEP{  position: relative; background: #9E9E9E; float: left; border: 1px solid #606060; color: #606060; height: 20px; width: 100%; text-align: center; color: #fff; -webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px;}

.escondemobile{ display: none;}

.padding_pesquisa{ padding: 0 20px;}

.labelVB{ font-size: 12px; font-family:"Open Sans", sans-serif; color: #333; font-weight: 400; }
.formVB{     height: 50px; line-height: 28px; color:#f38434; border: 1px solid #d9d9d9;
    border-radius: .25rem; margin-bottom: 5px;  }
.FormLabelG { font-family:"Open Sans", sans-serif; line-height: 50px; border-bottom: 1px solid #00D56A; color: #024c25; margin-bottom: 40px;  }
.btnEnviar{ background-color: #09a659; color: #fff; text-align: center; padding: 8px 40px; font-size: 16px; cursor: pointer;}
.btnEnviar:hover{ background-color:#078145; color: #fff;  }
.divsIguais { display: flex; flex-wrap: wrap; justify-content: center;   }
.alinhaFooterD{ text-align: center; }

.Unidades{ position: relative; width: 90%; margin: 10px auto; border: 1px solid #dedede; border-radius: 5px; font-size: 16px; padding: 15px; line-height: 25px; color: #808080;  }
.Unidades p:nth-of-type(1){ font-weight: 600; color: #521C63 !important;  }


a.linkConhecaT:link, a.linkConhecaT:active, a.linkConhecaT:visited{ height: 45px; line-height: 45px; background-color: #09a659; color: #fff; text-align: center; padding: 0 40px; border-radius: 5px; display: block; max-width: 320px; margin: 10px auto; font-size: 16px;  }
a.linkConhecaT:hover{ background-color: #078145; }

/**
 * <div class="whatsapp-plug-icon" data-number="" data-message=""></div>
 **/
.whatsapp-plug-icon{position: fixed; z-index: 1000; bottom: 20px; right: 20px; width: 50px; height: 50px; -webkit-border-radius: 50%; cursor: pointer; background-color: #44A01C; transition: .3s; background-position: center; background-repeat: no-repeat; background-image: url("whats.svg"); background-size: 50% auto;}
.whatsapp-plug-icon:hover{background-color: #86e25e;}
.whatsapp-plug-icon::after,
.whatsapp-plug-icon::before{content: ''; position: absolute; opacity: 0; border: 4px solid #44A01C; left: -10px; top: -10px; right: -10px; bottom: -10px; -webkit-border-radius: 50%; animation: WaveWhatsApp 1.5s ease infinite;}
.whatsapp-plug-icon::after{animation-delay: .5s;}
.whatsapp-plug-icon:hover::after{border: 4px solid #86e25e;}
.whatsapp-plug-icon:hover::before{border: 4px solid #86e25e;}
@keyframes WaveWhatsApp {0%{ transform: scale(0.5); } 50%{ opacity: 1; } 100%{ transform: scale(1.2); opacity: 0; }}


.btnProdCarAdd { display: block; width: 80%; height: 30px; line-height: 30px; background-color: #58C22E; color: #fff; text-align: center; margin: 0 auto; text-decoration: none; font-size: 12px; cursor: pointer; max-width: 180px;}
.btnProdCarAdd i{ font-size: 16px;}
.btnProdCarAdd:hover{ background-color: #45A41F; }

.FloresBuques{ background-color: #f38434; padding: 30px 10px; }


.BlocosTit{ position: relative; width: 100%; max-width: 1280px; margin: 0 auto; cursor: pointer; }
.Bl1Tit, .Bl2Tit, .Bl3Tit{ display: flex; text-align: center; align-content: center; align-items: center; align-self: center; justify-content: center; font-size: 16px;   }
.Bl1Tit img{ float: left; width: 50px;  }
.Bl1Tit { color: #09a659; font-weight: 600;  }
.Bl2Tit { color: #786b5f; font-weight:300; font-size: 14px; line-height: 25px;  }
.Bl3Tit  span{ display: inline-block; background-color: #f38434; border-radius: 7px; padding: 4px 20px; font-size: 12px; color: #fff; margin-top: 10px; }

.BlocoQuemH{ position: relative;  width: 100%; max-width: 1920px; margin: 0 auto; background-color: #f38434; background-image: url("../imgs/fundo_empresa.jpg"); padding: 15px 0px; background-repeat: repeat;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center; height: 320px; color: #fff !important; margin-bottom: 20px;    }

.BlocoQuemH .Bl1Tit, .BlocoQuemH  .Bl2Tit,  .BlocoQuemH .Bl3Tit{ color: #fff !important; }
.BlocoQuemH iframe{ position: absolute; width: 90%; max-width: 950px; top: 190px; height: 150px; }

.BlocoQuemH span{ background-color: #09a659 !important; }
.BlocosTit:hover span{ opacity: 0.7;}

.BlocoHomeCenarios{ position: relative; width: 48%; height: auto; margin: 1%; cursor: pointer;  }
.BlocoHomeCenarios:hover img{ opacity: 0.8; }
.BlocoHomeCenarios img{ width: 100%; height: auto; }
.BlocoHomeCenarios div { position: absolute; left: 0; bottom: 5px; background-color: rgba(242,128,32,0.7); color: #fff; font-size: 14px; width: 90px; font-weight: 600; padding-left: 5px; -webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;    }

.FaixaImagem{ position: relative; width: 100%; margin: 0 auto; max-width: 1440px; height: auto;}
.FaixaImagem img{ position: relative; display: block; width: 100%; height: auto; margin: 0 auto; }

.quebra{ display: block; }


.destaquesIniciais{  position: relative; display: flex;  padding: 5px; width: 100%; max-width: 1280px; margin: -40px auto 0; z-index: 10;  /*left: 50%; transform: translate(-50%, 0); */flex-wrap: wrap;  }
.Destaques1{ display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 10px; }
.Destaques2{ display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 10px; }
.BlocoDestaque{ display: flex; align-items: center; justify-content: center;  background-color: #242528; color: #fff; width: 48%; margin: 1%;  flex-wrap: wrap; flex-direction: column; font-family: 'Playfair Display', serif; font-size: 12px; padding: 10px; height: 160px;    }
.BlocoDestaque img{ display: block; height: 40px; }
.BlocoDestaque p{  margin-bottom: 0px; font-family: 'Playfair Display', serif; font-weight: 400; letter-spacing: 3px; text-align: center;  }
.BlocoDestaque p span{ font-size: 28px; font-family: 'Playfair Display', serif; font-weight: 400; }


.Destaques2 p{ text-align: center; font-family: 'Calibri Regular', serif; font-size: 18px; color: #242528; letter-spacing: 5px;  }
.tituloDesc2 { text-align: center; font-family: 'Playfair Display', serif !important; font-size: 22px !important; letter-spacing: 5px; }
.DiferenciaisProjeto{ background-image: url("../imgs/fundo_diferenciais.jpg"); background-size: cover; display: flex; width: 100%; margin: 10px auto 0; max-width: 1440px; justify-content: center; }
.DiferenciaisProjeto div{ width: 90%; max-width: 1280px; font-family: 'Playfair Display', serif ; font-size: 18px; letter-spacing: 5px; padding: 40px 30px;}

.DiferenciaisAfter{ display: flex; position: relative; height: auto;  max-width: 1280px; flex-wrap: wrap; margin: -20px auto 0; }
.DiferenciaisAfter img{ height: 80px; margin-bottom: 10px; }
.DiferenciaisAfter .BlocoDestaque p{ width: 100%; }


footer{ display: flex; background-image: url("../imgs/fundo_footer.png"); background-size: cover; padding: 50px 0; margin: 20px auto 0;  }
.footer_central{ display: flex; width: 100%; background-color: #d18b28; padding: 10px 10px; }
.footerC_1{ position: relative; width: 90%; margin: 0 auto;  text-align: center; display: flex; justify-content: center; flex-direction: column;  }
.footerC1_tit{ font-family: 'Playfair Display', serif !important; font-size: 22px !important; letter-spacing: 5px; color: #242528;  }
.formFooter{ display: flex; margin: 10px auto; width: 100%; max-width: 1000px; justify-content: center; flex-wrap: wrap;   }
.formP{  height: 40px; line-height: 40px; padding: 0 10px; width: 48%; margin: 1%;  font-family: 'Playfair Display', serif !important;   }
.formBtn{  font-family: 'Calibri Regular', serif;  letter-spacing: 5px;  width: 48%; margin: 1%;  background-color: #242528; line-height: 40px; height: 40px; color: #fff; text-align: center; font-size: 14px;  }
.formBtn:hover{ background-color: rgba(36,37,40,0.73); }

.formP::placeholder { font-family: 'Calibri Regular', serif;  letter-spacing: 5px; color: #242528;  }
.AfterFooter{ position: relative; display: flex; width: 100%; margin: 10px auto;  max-width: 1000px; justify-content: center;  flex-wrap: wrap;   }
.BlocoDivsAfter{ display: flex; justify-content: center; width: 100%; height: auto;  }
.blocoAff {  font-size: 12px;   font-family: 'Calibri Regular', serif;  letter-spacing: 3px; color: #242528; width: 50%; margin-bottom: 15px;    }
.blocoAff p{ width: 100%; display: block; text-align: center; margin-bottom: 3px;    }
.blocoAff img { width: auto; height: 60px; display: block; margin: 0 auto;  }

.BlocoDivsAfter:nth-of-type(4) .blocoAff p{ font-size: 8px;    }
.BlocoDivsAfter:nth-of-type(4) .blocoAff img{ height: 35px;       }

.FotoFooter{ background-image: url("../imgs/fundo_holambra.jpg"); background-size: cover; background-position: center top; display: flex; position: relative; margin: 10px auto; max-width: 1280px; padding: 40px 20px;   }
.FotoFooter div{ background-color: rgba(0,0,0,0.80); color: #fff; font-family: 'Playfair Display', serif !important; font-size: 16px !important; letter-spacing: 5px; padding: 10px; text-align: center;    }

.tituloPrincipal{ font-family: 'Playfair Display', serif !important; font-size: 22px !important; color: #000; text-align: center; justify-content: center; display: block; width: 100%; }

.CentralizaBloco{ display: flex; margin: 20px auto; flex-wrap: wrap;  position: relative; width: 100%; max-width: 1280px; text-align: center; letter-spacing: 5px; justify-content: center;  }
.videoHome { position: relative; width: 90%; height: 210px; margin: 0 auto;  }
.Acabamentos{ width: 100%; position: relative; min-height: 50px; background-image: url("../imgs/fundo_acabamentos.jpg"); background-size: cover; padding: 20px; }

.TituloBox{ position: relative; width: 100%; height: 100px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; max-width: 250px;      }
.TituloBox:after{ position: absolute; background-image: url("../imgs/detalhe_titulo.png"); width: 30px; height: 100%; content: ""; left: -10px; top: 0; background-size: contain; background-repeat: no-repeat; }
.TituloBox:before{  position: absolute;  background-image: url("../imgs/detalhe_titulo_direita.png"); width: 30px; height: 100%; right: -10px; top: 0;  content: "";  background-size: contain; background-repeat: no-repeat;   }
.TituloBox p:nth-of-type(1) { font-family: 'Playfair Display', serif !important; font-size: 45px !important; color: #242528; margin-bottom: 0px; }
.TituloBox p:nth-of-type(2) {  font-family: 'Calibri Regular', serif;  letter-spacing: 3px; font-size: 14px !important; color: #242528;  margin-bottom: 0px; }

.subtituloPr{ font-family: 'Playfair Display', serif !important; font-size: 23px !important; letter-spacing: 5px;  }
.btnAction{ position: relative; width: 100%; max-width: 430px; height: 40px; cursor: pointer; background-color: #bebdbe; margin: 10px auto; display: flex; justify-content: center; align-content: center; align-items: center;  font-family: 'Calibri Regular', serif;  letter-spacing: 5px;   color: #fff; font-size: 16px; transition: 0.5s; }
.btnAction:hover{ opacity: 0.7;}
.btnCont{ background-image: url("../imgs/btn_fundocontemporaneo.jpg"); background-position: right; background-size: cover; }
.btnModern{ background-image: url( "../imgs/btn_fundomoderno.jpg"); background-position: right; background-size: cover; }
.btnClas{ background-image: url( "../imgs/btn_fundoclassico.jpg"); background-position: right; background-size: cover; }

.galeriaPrincipal{ width: 100%; position: relative; justify-content: center; text-align: center;}
.Acabamento2{ position: relative;   width: 100%;  }
.fotoBlocoGaleria{ position: relative; width: 100%; height: 250px !important; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.fotoBlocoGaleria a img{ position: relative; margin: 0 auto; display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; } 
.fotoBlocoGaleria a{ display: block; width: 100%; height: 100%; }

.fotoBlocoGaleriaPeq{ position: relative; width: 100%;  height: 120px !important; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.fotoBlocoGaleriaPeq a{ display: block; width: 100%; height: 100%; }

.MapHome{ position: relative; width: 100%; margin: 10px auto; max-width: 1280px; }
.MapaHdesc{ background-color: #242528; font-size: 12px; color: #fff; font-family: 'Calibri Regular', serif;  letter-spacing: 5px;  font-weight: 300;  padding: 25px; }
.MapDados{ position: relative; width: 100%; display: flex; flex-wrap: wrap; }
.MapHome .tituloPrincipal{ letter-spacing: 8px; }
.MapHome .tituloPrincipal img{ width: 20px; margin-right: 10px;   }

.LinkCaf{    position: absolute; width: 60px; height: 50px;  content: ""; left: 32%; top: 57%;  }
.LinkVilla{ position: absolute; width: 40px; height: 60px;  content: ""; left: 21%; top: 23%;  }
a.LK_map:link, a.LK_map:active, a.LK_map:visited, a.LK_map:hover { position: relative; width: 100%; display: block; height: 100%; }

.GaleriaHome{ position: relative; display: block;  width: 90%; margin: 10px auto; max-width: 1280px; }
.GaleriaHome div{ margin: 5px; }

.PopUPClose{ position: fixed; width: 300px !important; height: 330px !important; margin-left: 50% !important; left: -150px !important; top: 50% !important; margin-top: -175px !important; background-color: #fff; box-shadow: 0px 0px 7px #4a4a4a;
    -moz-box-shadow: 0px 0px 7px #4a4a4a;
    -webkit-box-shadow: 0px 0px 7px #4a4a4a;
   
    -webkit-animation: zoomin 0.7s;
    animation: zoomin 0.7s; z-index: 10001; 
	background-image: url( "../imgs/popup.jpg") !important; background-repeat: no-repeat !important; background-size: cover !important; z-index: 10001; background-color: transparent !important;}

.inputPOPC{ position: absolute; width: 80%; bottom: 135px; background-color: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center; height: 30px; line-height: 30px; font-size: 16px; color: #799a31; left: 10%; }
.inputPOPC:nth-of-type(2) { bottom:99px;}
.inputPOPC:nth-of-type(3) { bottom: 64px;}

.btnPOPC{ position: absolute; width: 80%; bottom: 30px; background-color: #242528; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center; height: 30px; line-height:30px; font-size: 16px; color:#fff; left: 10%;  }
.btnPOPC:hover{ background-color:rgba(36,37,40,0.70);}

.AvisoCentral{ position: relative; width: 100%; max-width: 1280px;  margin: 0 auto;  text-align: center; font-size: 10px; font-family: 'Calibri Regular', serif;  letter-spacing: 3px;  }

.NomeGaleria{ position: absolute; top: 5px; left: 0; color: #fff; background-color: rgba(36,37,40,0.80); line-height: 40px; padding: 0 10px;  font-family: 'Calibri Regular', serif;  letter-spacing: 3px; z-index: 10; min-width: 200px;  }

.registro{ font-family: 'Calibri Regular', serif; font-size: 10px;  letter-spacing: 1px; text-align: center; padding: 5px 10px; color: #666; }

a.lk_socialF:link, a.lk_socialF:active, a.lk_socialF:visited{ font-size: 36px; color: #242528; }
a.lk_socialF:hover{ color: #d18b28; }

/*NOVO SITE*/
.txt_top { background-color: #023E8A; text-align: center; font-size: 18px; color: #fff; font-family: 'Be Vietnam Pro', serif; padding: 30px 10px 10px 10px;}
.txt_top span{ font-size: 25px; font-family: 'Be Vietnam Pro', serif; }
.img_plant { width: 100%; }

/*PLANTAS*/
.div_Plant { display: flex; align-items: center; flex-direction: column;}
.Plant { margin: 5px; margin-bottom: 25px;  }
.line { display: none}
.Plant_two { font-size: 25px; font-weight: 600; text-align: center; color: #0077B6; font-family: 'Be Vietnam Pro', serif; }
.Plantas_ap { padding: 0px; }

/*FORMULARIO*/
.formulario { background-color: #023E8A; }
.tit_form { font-family: 'Be Vietnam Pro', serif; margin-top: 35px; color: #0077B6; text-align: center; font-size: 18px; background-color: #fff; font-weight: 600; width: 300px; margin: 0 auto; border-radius: 10px; line-height: 40px; }
.div_forms { display: block; margin: 0 auto; width: 300px; line-height: 30px; }
a.btn_form:link, a.btn_form:active, a.btn_form:visited { display: block; margin: 0 auto; width: 110px; color: #0077B6; text-align: center; line-height: 20px; font-size: 17px; padding: 5px; background-color: #fff; border-radius: 10px; font-family: 'Be Vietnam Pro', serif; font-weight: 600;}
a.btn_form:hover { background-color: #363d66; color: #fff; }

/*NOVOFOOTER*/
.div_footer{ display: flex; color: #fff; margin: 0 auto; justify-content: space-around; align-items: center; flex-direction: column; padding: 5px 15px;}
.box_footer { margin-top: 25px; font-size: 20px; text-align: center; margin-bottom: 25px;}
.box_footer p{ font-size: 18px; }
.box_footer span{ font-size: 20px; font-weight: 600; color: #337ab7; }
.img_logo { width: 150px; margin: 0 auto; }
a.info_footer:link, a.info_footer:active, a.info_footer:visited { display: block; color: #fff; }
a.info_footer:hover { color: #337ab7;  }


.FaixaDecorativa{ background-image: url("../imgs/faixa_site.png"); background-repeat: repeat-x; background-size: cover; width: 100%; position: relative; background-position: center center; min-height: 50px; display: flex; justify-content: center; }
.LogotipoM{ position: absolute; width: 150px; height: auto; top: -25px; z-index: 10px; }



.AvisosForm { display: flex;  position: absolute;  background-color: rgba(38,38,38,0.90);  font-family: 'Open Sans', sans-serif;  color:#fff; font-weight: 300; text-align: center; padding: 15px 35px; width: 100%; height: 100%; max-width: 450px;  left: 50%; top: 50%; justify-content: center; font-size: 16px;
 transform: translate(-50%, -50%); align-items: center;  }

/*PONTOS DE VENDAS*/
.infoVendas { display: flex; flex-direction: column; justify-content: space-between; padding: 5px;}
.img-vendas { width: 80%; margin: 5px auto; display: block; }
a.btnVendas:active, a.btnVendas:visited, a.btnVendas:link { display: block; background-color: #023e8a; color: #fefefe; font-size: 16px; padding: 5px; margin: 10px auto; text-align: center; width: 75%; border-radius: 8px;}
a.btnVendas:hover { background-color: #0077b6; }
.vendas p { text-align: center; font-size: 16px;}
.vendas spam { font-size: 14px;}
.vendas { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.infoVendas { width: 45%; margin: 5px; border: 1px solid #cecece; border-radius: 8px; }

	/*MAPA NOVO*/
	
	#mapageralrevendedor{
	position: relative;
	clear:both;
	width:302px;
	height:350px;
	background:url("../imgs/mapa.png")center center no-repeat;
	background-size: 328px;
}

	.lupamapageral{
		position: absolute; 
		float:left;  
		width: 20px;
		height: 20px;
		background-color:#023E8A;
		-webkit-border-radius: 40px;
		-ms-border-radius: 40px;
		-moz-border-radius: 40px;
		-o-border-radius: 40px;
		border-radius: 40px;
		cursor:pointer;
		font-weight: 600;
		color: #fefefe;
		line-height: 20px;
		text-align: center;

	}

	.lupamapageral:hover{
		/*background:url("../imgs/lupa.fw.png") center center no-repeat #0077b6;*/
		background-color: #0077b6;
	}

	#a{ position: absolute; left: 209px; top: 56px; }
	#b{ position: absolute; left: 220px; top: 92px; }
	#c{ position: absolute; left: 75px; top: 138px; }
	#d{ position: absolute; left: 108px; top: 152px; }
	#e{ position: absolute; left: 120px; top: 200px; }
	#f{ position: absolute; left: 197px; top: 216px; }
	#g{ position: absolute; left: 158px; top: 229px; }
	#h{ position: absolute; left: 180px; top: 265px; }
	#i{ position: absolute; left: 20px; top: 232px; }
	#j{ position: absolute; left: 45px; top: 261px; }
	#k{ position: absolute; left: 91px; top: 273px; }
	#l{ position: absolute; left: 560px; top: 480px; }
	#m{ position: absolute; left: 480px; top: 570px; }
	#n{ position: absolute; left: 320px; top: 560px; }

	/*TITULO*/

	.titulo{
	   display: flex;
	   justify-content: center; /* centraliza o texto horizontalmente */
	   align-items: center; /* centraliza as linhas verticalmente */
	   margin: 30px 5px; /* 30px -> margens superior e inferior */
	}

	.titulo::before,
	.titulo::after{
	   content: '';
	   position: relative;
	   height: 2px; /* espessura das linhas */
	   background: #023E8A; /* cor das linhas */
	   min-width: 50px; /* largura mínima das linhas */
	   flex-grow: 1; /* distribui a largura das linhas por igual */
	}

	.titulo span{
	   color: #023E8A; /* cor do texto */
	   padding: 0 15px; /* distancia do texto às linhas */
	   font-weight: bold; /* negrito */
	   font-size: 18px; /* tamanho do texto */
		text-align: center;
	}

	/*LEGENDA BLOCO*/

#legendablocos div{
	width: 50%;
}
	
	#legendablocos{
	display: flex;
	flex-wrap: wrap;
	width: auto;
	height: auto;
	background-color: #F0F0F0;
	border: 1px solid #ccc;
	border-radius: 10px;
	margin: 10px;
	
	color: #797979;
	font-weight:bold;
	text-align:left;
	font-size:12px;	
	text-decoration: none;
	padding: 19px 5px;
	}

	#legendavermelho {
		line-height: 25px;
		padding-left:20px;

	}
	#legendavermelho::before{
			position: absolute;
			content:"";
			height: 15px;
			width: 15px;
			left: 16px;
			top: 24px;
			background-color: #d90000;

			-webkit-border-radius: 15px;
				-moz-border-radius: 15px;
				-o-border-radius: 15px;
				-ms-border-radius: 15px;
				border-radius: 15px;
		}
	#legendaamarelo {
		line-height: 25px;
		padding-left:20px;

	}
	#legendaamarelo::before{
			position: absolute;
			content:"";
			height: 15px;
			width: 15px;
			left: 160px;
			top: 24px;
			background-color:  #FF0;
			-webkit-border-radius: 15px;
				-moz-border-radius: 15px;
				-o-border-radius: 15px;
				-ms-border-radius: 15px;
				border-radius: 15px;
		}
	#legendaverde {
		line-height: 25px;
		padding-left:20px;

	}
	#legendaverde::before{
			position: absolute;
			content:"";
			height: 15px;
			width: 15px;
			left: 16px;
			top: 50px;
			background-color:  #0C0;
			-webkit-border-radius: 15px;
				-moz-border-radius: 15px;
				-o-border-radius: 15px;
				-ms-border-radius: 15px;
				border-radius: 15px;
		}

	#legendaazul {
    line-height: 25px;
    padding-left: 20px;
}

	#legendaazul::before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 160px;
    top: 50px;
    background-color: #003c8d;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
}

	/*Imagem Lotes*/

.divLotes { transform: scale(0.3); margin: -419px 0px -438px -156px; }
.btnLotes { background-color: #023E8A; padding: 5px; width: 150px; color: #fefefe; font-size: 18px; font-weight: 600; text-align: center; margin: 5px auto; display: block; border-radius: 8px;}
.btnLotes:hover { background-color: #0077B6; }

/*LINK WHATS*/
a.linkTel:active, a.linkTel:visited, a.linkTel:link { color: #1e1e1e; }
a.linkTel:hover { color: #023E8A; }


@media (min-width: 375px) {

	#legendablocos{
			padding: 10px;
		}

	#legendavermelho::before{
			left: 21px;
			top: 16px;
		}
	#legendaamarelo::before{
			left: 188px;
			top: 16px;
		}
	#legendaverde::before{
			left: 21px;
			top: 41px;
		}

	#legendaazul::before {
			left: 188px;
			top: 41px;
		}

}

@media (min-width: 425px) {

	#legendablocos{
	padding: 10px;
	}

	#legendavermelho::before{
			left: 21px;
			top: 16px;
		}
	#legendaamarelo::before{
			left: 212px;
			top: 16px;
		}
	#legendaverde::before{
			left: 21px;
			top: 41px;
		}

	#legendaazul::before {
    left: 212px;
    top: 41px;
}
	
}


@media (min-width: 768px) {
    
	.FaixaDecorativa{ background-size: cover; min-height: 70px; }
	.LogotipoM{ position: absolute; width: 200px; height: auto; top: -25px; }
	
	
    .fotoBlocoGaleria{ position: relative; width: 100%; height: 420px !important; background-position: center center; background-repeat: no-repeat; background-size: cover; }
    .fotoBlocoGaleriaPeq{  height: 180px !important;  }
    
    .LinkCaf{ left: 35%; top: 62%; width: 100px; height: 90px;  }
    .LinkVilla{ left: 24%; top: 28%; width: 60px; height: 80px;  }
    
    .formP{  height: 50px; line-height: 50px; padding: 0 10px; width: 23%; margin: 1%;   }
    .formBtn{ width: 23%; height: 50px; line-height: 50px; font-size: 16px;   }
    footer{ padding: 80px 0; }
    .footer_central{  padding: 20px 10px; }
    .MarginSup{ margin-top: 80px; }
    .tituloPrincipal{ font-size: 36px !important; }
    .videoHome { position: relative; width: 90%; height: 320px; margin: 0 auto;  }
    
    .Acabamento1{ display: flex; flex-wrap: wrap;  width: 40%; justify-content: center;  }
    .Acabamento2{ width: 55%; margin-left: 5%;  }
    .btnAction{  height: 50px; font-size: 16px;   }
    .subtituloPr{ font-size: 28px !important; }
    
    .BlocoDivsAfter { width: 37.5%; }
    .BlocoDivsAfter:nth-of-type(3) { width: 25%; }
    
    .FotoFooter{  padding: 60px 20px; margin-top: 80px;    }
    .FotoFooter div{ font-size: 24px !important;  }
    
    .BlocoDestaque{ display: flex; align-items: center; justify-content: center;  background-color: #242528; color: #fff; width: 48%; margin: 1%;  flex-wrap: wrap; flex-direction: column; font-family: 'Playfair Display', serif; font-size: 12px; padding: 10px; height: 160px; }
    .BlocoDestaque img{ display: block; height: 40px; }
    .BlocoDestaque p{ letter-spacing: 5px; text-align: center; font-size: 14px; width: 70%;    }
    .BlocoDestaque p span{ font-size: 32px;  }
    .DiferenciaisProjeto div{  font-size: 36px; letter-spacing: 5px; padding: 70px 50px;}
    .DiferenciaisAfter{ display: flex; max-width: 1280px; margin: -60px auto; flex-wrap: nowrap;  }
    .DiferenciaisAfter img{ height: 90px; margin-bottom: 10px; }
    .footerC1_tit{  font-size: 32px !important; letter-spacing: 5px; color: #242528;  }
    
    .quebra{ display: inline-block; padding: 0 10px;  }
    
    header{ position: absolute; width: 98%; max-width: 1280px; border-radius: 21px; left: 50%; transform: translate(-50%, 0); top: 20px;    }
   .ftPAG{position: relative; width: 48%; height: 150px; background-size: cover; background-position: center center; margin: 1%; float: left;  }
    
    .BlocoHomeCenarios div {bottom: 10px; font-size: 18px; width: 150px; font-weight: 600; padding: 8px 8px 8px 15px;   }
    
    .PagPasseios  .ftPAG{ width: 23%; }
    
    .BlocosTit{ display: flex; max-width: 900px; }
.Bl1Tit, .Bl2Tit, .Bl3Tit{ display: flex; text-align: center; align-content: center; align-items: center; align-self: center; justify-content: center; font-size: 16px;   }
.Bl1Tit img{ float: left; width: 75px;  }
.Bl1Tit { width: 35%;   }
.Bl2Tit {  width: 45%; text-align: left; padding-left: 20px; border-left: 1px solid #786b5f;  }
.Bl3Tit {  width: 20%;   }
.Bl3Tit  span{ display: inline-block; background-color: #f38434; border-radius: 7px; padding: 4px 20px; font-size: 12px; color: #fff; margin-top: 10px; }
    
    .BlocoQuemH .Bl2Tit{ border-left-color: #fff; }
    
    .BlocoQuemH{ position: relative;  width: 100%; max-width: 1920px; margin: 0 auto; background-color: #f38434; background-image: url("../imgs/fundo_empresa.jpg"); padding: 15px 0px; 
display: block;
flex-direction: row;
flex-wrap: wrap;
justify-content: center; height: 370px; color: #fff !important; margin-bottom: 60px;  }

.BlocoQuemH iframe{ position: absolute; width: 90%; max-width: 950px; top: 130px; height: 310px; left: 50%;
position: absolute;
transform: translateX(-50%); }
    
    .BlocoQuemH .BlocosTit{ height: auto; }
    
    
    .alinhaFooterD{ text-align: left; }
    .ftProd{ position: relative; width: 100%; height: 180px; clear: both; text-align: center; align-items: center; justify-content: center; }
    .Unidades{ width: 30%; margin: 10px 1.5%;  }
    
	.ParaEles{ width: 45%; margin: 2% 2.5%; float: left; height: 300px; }
	.instaImagem{ height: 160px; width: 31%;  }
	.escondemobile{ display: block;}
    
    .padding_pesquisa{ padding: 0;}
	
	.Pesquisa, .btn_pesquisar{ margin-top: 20px; }
	/*FOOTER DO SITE*/
	#btn_NewsFooter{   cursor: pointer !important; z-index: 1; }

	.newsTit { clear: none; display: inline-block;}
	.newsText{ display: block;  margin-top: 10px;}
	footer h3,  .footer_after{ text-align: left; }
	.footer_after{ text-align: center; }
	#logoVBWP { float: none; margin-left: 10px; display: inline-block;}
	#logo_Footer {  max-width: 90%; margin: 0 auto; margin-top: 20px; }
    .telefone_Footer{ font-size: 18px; text-align: left;  }
	.menu_Footer { list-style: none; padding: 10px 0px; }
	.menu_Footer li{ width: 100%; float: left; padding: 5px 5px;  }
	.menu_Footer li i { color: #00AFAB; font-size: 12px;}
	
	.menu_Footer li a { font-family: 'Open Sans', sans-serif;  font-size: 14px; color: #fff; text-decoration: none; padding: 10px 0; }
	.menu_Footer li a:hover { font-family: 'Open Sans', sans-serif;  font-size: 14px; color: #521c63; text-decoration: none; padding: 10px 0; }
	.subtitulo_footer { display: block; font-family: 'Open Sans', sans-serif;  font-weight: bold; font-size: 14px; color: #666666; margin-top: 15px; }
	.img_pagamento {display: block; width: 90%; }
	.img_pagamentoMobile {display: none;}
	.grupo_seg { text-align: left; }
	.duvidas_footer{   text-align: left; }
	#avisosNews{ line-height: 50px; }
	
	
	/*TTOPO*/
	
	.linkTP{ display: none;}
	.telefoneTP{ font-family: 'Open Sans', sans-serif; font-weight: bold;  font-size: 12px; color: #0662ab; line-height: 20px; }
	.nomeTelTopo{ color: #000;  }
	.nomeTelTopo i{ color: #0662ab; font-size: 14px; }
	a.linkIconTopo:link,  a.linkIconTopo:visited {font-size: 28px; display: inline-block; color: #786b5f; margin: 20px 10px 0 10px; }
	a.linkIconTopo:hover, a.linkIconTopo:active { color: #786b5f;}
	
	
	/* PRODUTOS */
	.ListaProdutos li { width: 33%;}
	
	.alinhaEsquerda{ text-align: left;}
	.facebook_Plugin{ margin: 0 0 0 0;}
	
	.imgContato { position: relative; display: block; margin: 0 auto 0; max-width: 90%; width: auto; max-height: 375px; }
	
	.frameVideo{ position: relative; width: 100%; height: 350px; }
	 .tituloP{ font-size:40px !important;}
    .logotipo { display: block; margin:8px auto; width: 150px;}
     .BlocoM{ position: relative; background-color: transparent; width: 100%; height: 50px; line-height: 50px; }
    .MenuPrincipal{position: relative; width: 100%;   height: 50px; display: inline-block;}
    .socialHeader{position: relative; width: 10%; display: inline-block; }
    .MenuPrincipal ul { list-style: none; display: inline-block; line-height: 50px; width: 100%; margin-bottom: 0px;}
    .MenuPrincipal ul li {   line-height: 50px; height: 50px;  -webkit-transition: 0.5s; /* Safari */
    transition: 0.5s; width: auto; text-align: center; border-radius: 10px; float: left;   }
    a.link_menuP3:link, a.link_menuP3:active, a.link_menuP3:visited {  font-family: 'Playfair Display', serif;  text-decoration: none !important; color: #fff; font-size: 10px; font-weight: 400;  line-height: 50px; padding: 0 7px; display: block; letter-spacing: 5px; text-align: center;  }
     a.link_socialHeader:link,  a.link_socialHeader:visited {font-size: 20px; display: inline-block;  margin: 0px 2px; color: #fff;}
    a.link_socialHeader:hover, a.link_socialHeader:active { color: #F06C0E;}
    .MenuPrincipal ul li:hover {  background-color: #d18a26 !important; margin-top: 0px; height: 50px; line-height: 50px; color: #fff;     }

    .MenuPrincipal ul li:hover >  a { color: #fff !important; }
	
	/*NOVO SITE*/
	.txt_top { background-color: #023E8A; text-align: center; font-size: 25px; color: #fff; font-family: 'Be Vietnam Pro', serif; padding: 50px 15px 15px 15px; margin-bottom: 20px;}
	.txt_top span{ font-size: 35px; font-family: 'Be Vietnam Pro', serif; }

	/*PLANTAS*/
	.div_Plant { display: flex; align-items: center; flex-direction: row; justify-content: center; }
	.Plant { margin: 5px;  }
	.line { border-left: 2px solid #023E8A; height: 250px; display: block; }
	.Plant_two { font-size: 30px; font-weight: 600; text-align: center; color: #0077B6; font-family: 'Be Vietnam Pro', serif; }
	.Plantas_ap { padding: 20px; }

	/*FORMULARIO*/
	.formulario { background-color: #023E8A; }
	.tit_form { font-family: 'Be Vietnam Pro', serif; margin-top: 35px; color: #0077B6; text-align: center; font-size: 25px; background-color: #fff; font-weight: 600; width: 450px; margin: 0 auto; border-radius: 10px; line-height: 40px; }
	.div_forms { display: block; margin: 0 auto; width: 450px; line-height: 30px; }
	a.btn_form:link, a.btn_form:active, a.btn_form:visited {  width: 150px; line-height: 25px; font-size: 20px; padding: 5px; background-color: #fff; transition: all 0.5s; }
	a.btn_form:hover { background-color: #0077B6; color: #fff; }
	
	/*NOVOFOOTER*/
	.div_footer{ display: flex; color: #fff; justify-content: space-evenly; align-items: center; flex-direction: row; margin: 0 auto;}
	.box_footer { margin-top: 25px; font-size: 22px; text-align: left; width: 33.3%;  }
	.box_footer p{ font-size: 20px; }
	.box_footer span{ font-size: 22px; font-weight: 600; color: #337ab7; }
	.img_logo { width: 170px; margin: 0 auto; }
	.div_info { text-align: center}
	
	.box_footer:nth-of-type(3) {  text-align: right; }
	
	/*PONTOS DE VENDAS*/
	.img-vendas { width: 70%; }
	.infoVendas { width: 22%; }
	
	/*MAPA NOVO*/
	
	#mapageralrevendedor{
	width:498px;
	height:483px;
	background-size: 465px;
	}

	#a{ position: absolute; left: 336px; top: 77px; }
	#b{ position: absolute; left: 351px; top: 128px; }
	#c{ position: absolute; left: 148px; top: 198px; }
	#d{ position: absolute; left: 179px; top: 237px; }
	#e{ position: absolute; left: 205px; top: 288px; }
	#f{ position: absolute; left: 315px; top: 300px; }
	#g{ position: absolute; left: 268px; top: 321px; }
	#h{ position: absolute; left: 294px; top: 370px; }
	#i{ position: absolute; left: 73px; top: 328px; }
	#j{ position: absolute; left: 111px; top: 357px; }
	#k{ position: absolute; left: 167px; top: 384px; }
	#l{ position: absolute; left: 560px; top: 480px; }
	#m{ position: absolute; left: 480px; top: 570px; }
	#n{ position: absolute; left: 320px; top: 560px; }
	
	/*TITULO*/
	.titulo span{
	   font-size: 20px;
		padding: 0px 25px;
	}
	
	/*LEGENDA*/
	#legendablocos{
	padding: 10px;
	}
	
	#legendablocos div{
	width: 25%;
	}

	#legendavermelho::before{
			left: 21px;
			top: 16px;
		}
	#legendaamarelo::before{
			left: 203px;
			top: 16px;
		}
	#legendaverde::before{
			left: 385px;
			top: 16px;
		}

	#legendaazul::before {
			left: 567px;
			top: 16px;
		}
	
	/*imagem lotes*/

	.divLotes { transform: scale(0.7); margin: -172px 0px -174px -90px; }
}

/*MEDIA SCREEN PARA DESKTOP*/
@media only screen and (min-width: 992px) {
    
    .LinkCaf{ left: 34%; top: 43%; width: 100px; height: 80px;  }
    .LinkVilla{ left: 22%; top: 21%; width: 70px; height: 70px;  }
    
        .PopUPClose{ width: 450px !important; height: 495px !important; margin-left: 50% !important; left: -225px !important; top: 50% !important; margin-top: -247.5px !important; }
        .inputPOPC{ bottom: 205px;  height: 50px; line-height: 50px; }
        .btnPOPC{   height: 50px; line-height: 50px; bottom: 40px;  }
        .inputPOPC:nth-of-type(2) { bottom:152px;}
        .inputPOPC:nth-of-type(3) { bottom: 98px;}
    
    .MapHome .tituloPrincipal { text-align: left;  }
    .MapHome .tituloPrincipal img{ width: 40px; margin-right: 10px;   }
    .MapaH{ width: 60%; }
    .MapaHdesc{ width: 40%; font-size: 10px;  }
    .MapaHdesc p{ margin-bottom: 0px; }
    .MapaHdesc p:nth-of-type(1){ text-align: justify !important;}
    
    .AfterFooter{     justify-content: space-between; }
    .BlocoDivsAfter { width: 30%; }
    .BlocoDivsAfter:nth-of-type(3),.BlocoDivsAfter:nth-of-type(4) { width: 20%; }
    .BlocoDivsAfter:nth-of-type(4) .blocoAff img{ height: 60px;       }
    .videoHome { position: relative; width: 90%; max-width: 1020px;  height: 500px; margin: 20px auto;  }
    
     .Acabamento1{   width: 30%;   }
    .Acabamento2{ width: 65%;  }
    
    .footerC1_tit{ font-size: 40px !important; text-align: left; width: 100%;  max-width: 990px; margin: 0 auto;  }
    .tituloPrincipal{ font-size: 46px !important; }
    
    
    .BlocoDestaque{ display: flex; align-items: center; justify-content: center;  background-color: #242528; color: #fff; width: 48%; max-width: 200px; margin: 1%;  flex-wrap: wrap; flex-direction: column; font-family: 'Playfair Display', serif; font-size: 22px; padding: 10px; height: 200px; }
    .BlocoDestaque p{ display: block; width: 100%; }
    .BlocoDestaque p span{ font-size: 36px; }
    .BlocoDestaque img { height: 50px; }
    .Destaques1{ justify-content: center; }
    .Destaques2 { padding: 0 20px; align-content: center;    }
    .Destaques2 p{ text-align: left;  font-size: 20px; letter-spacing: 5px; }
    .tituloDesc2 { text-align: left; font-size: 30px !important; letter-spacing: 8px; margin-bottom:70px; }
    .DiferenciaisProjeto{ height: 500px;   font-size: 46px; letter-spacing: 8px; padding: 70px 60px;}
    .DiferenciaisProjeto div{  font-size: 46px; letter-spacing: 8px; padding: 70px 60px;}
    .DiferenciaisAfter img{ height: 90px; margin-bottom: 10px; }
    .DiferenciaisAfter { justify-content: center; margin: -50px auto 0;  }
    
    .Destaques1, .Destaques2{ width: 50%; }
    
	.voltatop{width: 40px; height:40px;  font-size:36px; line-height:35px; cursor: pointer;  }
    
    .BlocoHomeCenarios div {bottom: 10px; font-size: 26px; width: 200px; font-weight: 600; padding: 8px 8px 8px 15px; -webkit-border-top-right-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
-moz-border-radius-topright: 30px;
-moz-border-radius-bottomright: 30px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;   }
	
     .FundoBrancoImgProd { display: none; }
    
	.instaImagem{ width: 31%;  height: 170px; margin: 5px 0.5% 5px; }
	
     .ftPAG{position: relative; width: 48%; height: 200px; background-size: cover; background-position: center center; margin: 1%; float: left;  }
     a.link_socialHeader:link,  a.link_socialHeader:visited {font-size: 26px;   margin: 0px 2px; color: #fff;}
    
    
    .BlocosTit{ display: flex; max-width: 990px; }
.Bl1Tit, .Bl2Tit, .Bl3Tit{ display: flex; text-align: center; align-content: center; align-items: center; align-self: center; justify-content: center; font-size: 16px;   }

.Bl1Tit { width: 35%; font-size: 22px;   }
.Bl2Tit {  width: 45%; text-align: left; padding-left: 20px; border-left: 1px solid #786b5f;  }
.Bl3Tit {  width: 20%;   }
.Bl3Tit  span{ display: inline-block; background-color: #f38434; border-radius: 7px; padding: 4px 20px; font-size: 14px; color: #fff; margin-top: 0px; }
    
	
	.Pesquisa, .btn_pesquisar{ height: 50px; line-height: 50px; margin-top: 25px; border-radius: 25px; }
	.btn_pesquisar { font-size: 22px; line-height: 50px; width: 17%; margin-top: 25px; margin-right: 10px;}
	
	
    .MenuPrincipal ul{ display: flex; justify-content: space-around; padding-right: 10px; }
    a.link_menuP3:link, a.link_menuP3:active, a.link_menuP3:visited {  padding: 0 15px; font-size: 12px;}
    
    .bordaMenu::after{ content:""; position: absolute; right: 0; height: 30px; width: 1px; background-color: #fff; top: 10px; }
	
	
	#avisosNews{ line-height: 40px; }
	
	/*esconde menu*/
	
	
	/*TOPO*/
	.linksTopoB{ margin-top: 35px; display: block; text-align: center; }
	a.linkTP:link,  a.linkTP:visited { display: inline-block; font-family: 'Open Sans', sans-serif;  font-size: 12px; color: #000; line-height: 20px;  padding: 0 5px; font-weight: 600;}
	a.linkTP:hover, a.linkTP:active { color: #EDC6CD;}
	
	a.linkEntreT:link,  a.linkEntreT:visited { display: block; font-family: 'Open Sans', sans-serif;  font-size: 12px; color: #786b5f; font-weight: normal;}
	.BlogTop{ position: relative;  width: 33%; margin-right: 3%; font-family: 'Open Sans', sans-serif;  font-size: 12px; margin-top: 30px; font-weight: normal; text-align: left; color: #fff !important; cursor: pointer;line-height: 18px;    }
	.BlogTop i{ float: left; display: inline-block; font-size: 30px; margin-right: 5px; margin-top: 2px; color: #fff; }
    .BlogTop span{ color: #fff; font-weight: bold; display: block;    }
    
	.Carrinho{ width: 30px; margin-top: 30px; margin-right: 36px; }
	.Carrinho i{  display: inline-block; font-size: 30px;  color: #786b5f; text-align: center; margin-top:0px;}
	.MinhaConta{ position: relative;  width: 65%; margin-right: 2%;  font-family: 'Open Sans', sans-serif;  font-size: 12px; margin-top: 30px; font-weight: bold; text-align: left; color: #f38434; line-height: 18px;   }
	.MinhaConta i{ float: left; display: inline-block; font-size: 30px; margin-right: 5px; color: #786b5f; }
	.ItensCarrinho{ position: absolute; width: 25px; height: 25px; margin-left: 37px; margin-bottom: 0px; background-color: #f38434; color: #ffff;  border-radius: 200px; -moz-border-radius: 200px; -webkit-border-radius: 200px; bottom: 8px; text-align: center; line-height: 25px; overflow: hidden;  font-family: 'Open Sans', sans-serif; font-size: 11px;}
	.logotipo { position: relative; display: block; margin: 10px auto 10px;  width: 200px; z-index: 2; } 
	
	.MinhaConta:hover   .SubMinhaConta{ display: block;}
	
	.SubMinhaConta { display:none; position:absolute; background-color: #fff; border: 1px solid #ccc;  border-radius: 10px 0px 10px 0px;
	-moz-border-radius: 10px 0px 10px 0px; -webkit-border-radius: 10px 0px 10px 0px;  width: 200px; height:160px; z-index:20; padding: 10px; cursor:default; top: 30px; right: 0; }
	a.linkCLiLogado:link, a.linkCLiLogado:active, a.linkCLiLogado:visited { display:block; line-height:30px; text-decoration:none; float:none !important; text-align:left; font-size:12px !important; background-color: #FFF; margin: 10px 0 0 0; color:#333; padding-left: 18px; }
	a.linkCLiLogado:hover{ text-decoration: none; background-color: rgba(0,0,0,0.6); color:#fff;}
	a.sair:link, a.sair:active, a.sair:visited{ background: #FFF; color:#333;}
	a.sair:hover{ background-color:rgba(192,6,9,0.8); color: #FFF; }
	.SubMinhaConta i { position: relative; float: left; left: 1px; top: 8px; font-size: 14px !important; }
	.SubMinhaConta:before {
                position: absolute;
                content: "";
                display: inline-block;
                vertical-align: middle;
                margin-right: 3px;
                width: 0; 
                height: 0;
                top: -5px; left: 10px;
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                border-bottom: 5px solid #ccc;
		}
	
	/* PRODUTOS */
	.ListaProdutos li { width: 25%;}
	.refProd{ font-size: 12px; }
	.nomeProd{ font-size: 14px; }
    .nomeProd{  height: 60px; line-height: 20px; width: 90%; margin: 0 auto; }
    .nomeProd p{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  }
    
	.borderProdR:after{ content: ""; position: absolute; right:0; width: 1px; height: 270px; top: 30px; border-right: 1px solid #E5E5E5; }
	
	.DescricaoProd { clear: both; padding: 10px; border: 0; }
	.DescricaoProd iframe { position: relative; display: block; width: 100%; margin: 10px auto; padding: 10px; height:450px !important; text-align: center !important; }
	
	/* Slider de produtos fotos */
	.sliderProdMin{ position: relative; width: 100%; display: block;}
	.wrap_carousel4 { background-color: #ffffff; 	width:400px; 	height: 100px; 	position: relative;  display:block;  float: left;  z-index: 0; top: 10px;}
	.carousel4 {width: 400px!important; 	position: relative;  height:auto; overflow:hidden;}
	.carousel4 ul { 	width: 100%; margin: 0px !important; 	padding: 0px !important; 	list-style: none; display:inline-block; }
	.carousel4 ul li { margin-left: 3px; 	list-style: none; display:inline-block; width:95px; height:95px;  text-align:center;}
	.carousel4 ul li img{ margin: 0 auto !important; width:90px; height:90px;}
	.prev4:hover, .next4:hover{ color:#fff; background-color:#000; } 
	.prev4, .next4 { 	position: absolute; 	top: 50%; 	margin-top: -15px; 	cursor: pointer; z-index:10;  color:#ccc; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; padding: 0 5px;}
	.prev4 { 	left: 0px; } 
	.next4 { 	right: 0px; }
	.ImgExibeProdDesktop{ display: block; margin-top: -15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
	.ImgExibeProdDesktop img{ width: 100% !important; max-width: 100% !important; height:auto!important; max-height:100% !important; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin: 0 auto; display: block; }
	.paddingProdDesktop{ padding: 0; margin: 0;} 
	.fb-like iframe{ margin-top: 0px !important;}
	#avisosIndica{ text-align:center; line-height:30px; font-size:16px !important;}
	
	/*EXIBE PRODUTOS*/
	.TitulosProd { position: relative; top: 0; clear: both; width: 100%; text-align: left; }
	.TitulosProd h1 { font-size: 35px; } .TitulosProd h4 { font-size: 22px; }
	.ImgExibeProd { display: none; } 
	.ImgExibeProdDesktop { display: block; position: relative; float: left; border: 1px solid rgba(229,229,229,1.00) ; width: 100%; height: auto; }
	.InfoExibe { width: 50%; }
	
	.InfoExibe { margin-top: 10px; }
	.preco { text-align: left; padding-left: 35px; }
	.precopqn { font-size: 18px; } .PrecoGrande { font-size: 42px; }
	a.BtnComprar:link, a.BtnComprar:visited { position: absolute; width: 40%; float: right; line-height: 40px; right: 12px; top: 10px; }

	.DescricaoProd iframe { position: relative; display: block !important; width: 100% !important; max-width: auto !important; max-height: 450px !important;  margin: 5px; padding: 0px; height: 450px !important; text-align: center !important; }

	.DescricaoProd p { font-size: 14px; }
	.DescricaoProd h3 { margin-top: 0; }
	
		/*DIFERENCIAIS*/
.diferenciais{ position: relative; width: 100%; background-color: #F3F3F3;  font-family: 'Open Sans', sans-serif; font-size: 16px; color: #000  ; text-align: left; padding: 10px 0; line-height: 50px;  font-weight: 600;}
.diferenciais img{ display: inline-block; margin-right: 10px; height: 45px; width: auto; float: left; }
  

.diferenciais div div:nth-of-type(3) span{ color: #889ca1; font-weight: bold; }
 .diferenciais div div:nth-of-type(3){ line-height: 20px; }
.diferenciais div div:nth-of-type(3) span{ color: #000; font-weight: bold;  }

	 /*.diferenciais div div:nth-of-type(1){ line-height: 20px; }
.diferenciais div div:nth-of-type(1) span{ color: #2F5DAA; font-weight: bold;  }
.diferenciais div div:nth-of-type(1) img{ }*/
	
		/*DIFERENCIAIS*/
.diferenciais{ display: block;}
	.frameVideo{ position: relative; width: 100%; height: 450px; }

.tituloP{ font-size: 26px;}
	.subP{  font-size: 16px; }
    
    .FloresBuques .ftPAG { width: 23%; height: 260px; }
    
   .desenvolvido{ line-height: 37px; }
	
	/*PONTOS DE VENDAS*/
	.img-vendas { width: 70%; }
	.infoVendas { width: 17%;  }
	
	/*LEGENDA BLOCO*/
	
	#legendablocos div{
	width: 15%;
}
	
	#legendablocos{
	width: 895px;
	margin: 10px auto;
	justify-content: space-around;
	text-align:center;
	padding: 10px 5px;
	}

	#legendavermelho::before{
			left: 127px;
			top: 16px;
		}
	#legendaamarelo::before{
			left: 341px;
			top: 16px;
		}
	#legendaverde::before{
			left: 560px;
			top: 16px;
		}

	#legendaazul::before {
			left: 779px;
			top: 16px;
		}
	.divLotes {
    transform: scale(0.7);
    margin: -172px 0px -174px 0px;
}
   

}

/*MEDIA SCREEN PARA DESKTOP*/
@media only screen and (min-width: 1100px) {
	a.link_menuP3:link, a.link_menuP3:active, a.link_menuP3:visited {font-size: 14px;  padding: 0 5px; letter-spacing: 0.4em;  }
	a.link_socialHeader:link, a.link_socialHeader:active, a.link_socialHeader:visited { margin: 0 6px;}
    .logotipo{ width: 240px;}
    
}


/*MEDIA SCREEN PARA DESKTOP*/
@media only screen and (min-width: 1280px) {
    .LinkCaf{ left: 33%; top: 62%; width: 140px; height: 110px;  }
    .LinkVilla{ left: 23%; top: 30%; width: 80px; height: 100px;  }
    
     .fotoBlocoGaleria{  height: 500px !important;  }
    .fotoBlocoGaleriaPeq{  height: 240px !important;  }
    
    
    .MapaH{ width: 73%; }
    .MapaHdesc{ width: 27%; font-size: 10px; justify-content: center; align-content: center;   }
    .MapaHdesc p{ margin-bottom: 0px; }
    .MapaHdesc p:nth-of-type(1){ text-align: justify !important;}
    .MapDados{ margin-top: 30px; }
    
	
    .FotoFooter{  padding: 150px 20px; margin-top: 50px;    }
    .FotoFooter div{ font-size: 30px !important;  padding: 20px 50px;  }
     .btnAction{  padding-left: 30%; margin-bottom: 20px; height: 60px; background-size: 100% 100%;   }
    
    .TituloBox p:nth-of-type(1) { font-size: 55px !important; }
    .TituloBox p:nth-of-type(2) {  letter-spacing: 5px; font-size: 14px !important; }
    .TituloBox{ max-width: 300px; height: 150px;   }
    .TituloBox:after{  width: 40px; height: 100%; background-position: center center;  }
    .TituloBox:before{ width: 40px; background-position: center center;    }
    .subtituloPr{ font-size: 46px !important; line-height: 50px;  }
    
   /* .MinhaConta{ width: 180px; margin-right: 7%;}
    .Carrinho i{  display: inline-block; font-size: 35px;  color: #0662ab; text-align: center; margin-top: 5px;}
	.MinhaConta i{ float: left; display: inline-block; font-size: 35px; margin-right: 5px; color: #0662ab; margin-top: 5px;}
    .linksTopoB{ line-height: 35px; font-size: 14px !important; margin-top: 27px; }
    .telefoneTP{ font-size: 14px; }*/
    .BlocoDestaque{ height: 290px; width: 290px; max-width: 290px;}
    .BlocoDestaque p span{ font-size: 70px; line-height: 90px; margin-bottom: 10px;  }
    .BlocoDestaque p{ font-size: 24px; }
    .BlocoDestaque img{ height: 55px;}
    .tituloDesc2{ font-size: 36px !important; }
    .DiferenciaisAfter { margin: -80px auto 0;}
    .DiferenciaisAfter img{ height: 110px; margin-bottom: 10px; }
    .DiferenciaisProjeto div{ display: flex; align-items: center;  font-size: 51px; letter-spacing: 8px; padding: 0px 80px 15% 80px; height: 620px;}
     .DiferenciaisProjeto{ height: 660px;  }
    
    
    a.link_menuP3:link, a.link_menuP3:active, a.link_menuP3:visited {font-size: 16px;  padding: 0 10px;  }
	a.link_socialHeader:link, a.link_socialHeader:active, a.link_socialHeader:visited { margin: 0 10px; font-size: 30px; }
    .logotipo{ width: 280px;}
   
    
   
    .Pesquisa{ margin-top: 45px;}
    .btn_pesquisar{  margin-top: 45px;}
    .BlogTop { margin-top: 45px; font-size: 14px !important;}
    .Carrinho { margin-top: 45px; margin-right:42px;}
    .ItensCarrinho{ margin-left: 41px; margin-bottom: 0px;}
    .MinhaConta{ margin-top: 50px; font-size: 14px !important; }
    .MinhaConta i , .Carrinho i, .MinhaConta i , .BlogTop i{font-size: 34px; }
    
    
    a.linkEntreT:active, a.linkEntreT:visited, a.linkEntreT:link { font-size: 14px;}
     .MenuHead{ margin-top: 45px; }
   
    
     .ftProd{ position: relative; width: 100%; height: 200px; clear: both; text-align: center; align-items: center; justify-content: center; }
     .ftProd img{ max-width: 229px;}
    
    .ListaProdutos li { width: 20%;}
    
    BlocosTit{ display: flex; max-width: 1180px; }
.Bl1Tit, .Bl2Tit, .Bl3Tit{ display: flex; text-align: center; align-content: center; align-items: center; align-self: center; justify-content: center; font-size: 18px;   }

.Bl1Tit { width: 40%; font-size: 28px;   }
.Bl2Tit {  width: 40%; text-align: left; padding-left: 20px; border-left: 1px solid #786b5f;  }
.Bl3Tit {  width: 20%;   }
.Bl3Tit  span{  font-size: 16px; color: #fff; margin-top: 0px; }
    
    .BlocoQuemH { height: 480px; margin-bottom: 80px; padding-top: 30px;}
    .BlocoQuemH iframe{ position: absolute; width: 90%; max-width: 900px; top: 130px; height: 400px; left: 50%;
position: absolute;
transform: translateX(-50%); }
	
	.FaixaDecorativa{ background-size: auto 100%; min-height: 120px; }
	.LogotipoM{ position: absolute; width: 280px; height: auto; top: -25px; }
	.box_footer{ width: 21%; max-width: 270px;}
	
	/*MAPA NOVO*/
	
	#mapageralrevendedor{
	position: relative;
	clear:both;
	width:960px;
	height:960px;
	background:url("../imgs/mapa.png")center center no-repeat;	
	}

	.lupamapageral{ 
		width: 40px;
		height: 40px;
		line-height: 40px;
	}

	/*.lupamapageral:hover{
		background:url("../imgs/lupa.fw.png") center center no-repeat #0077b6;
	}*/

	#a{ position: absolute; left: 636px; top: 174px; }
	#b{ position: absolute; left: 690px; top: 220px; }
	#c{ position: absolute; left: 285px; top: 385px; }
	#d{ position: absolute; left: 366px; top: 417px; }
	#e{ position: absolute; left: 370px; top: 560px; }
	#f{ position: absolute; left: 613px; top: 613px; }
	#g{ position: absolute; left: 517px; top: 642px; }
	#h{ position: absolute; left: 536px; top: 770px; }
	#i{ position: absolute; left: 112px; top: 670px; }
	#j{ position: absolute; left: 182px; top: 732px; }
	#k{ position: absolute; left: 311px; top: 778px; }
	#l{ position: absolute; left: 560px; top: 480px; }
	#m{ position: absolute; left: 480px; top: 570px; }
	#n{ position: absolute; left: 320px; top: 560px; }
	
	/*TITULO*/
	.titulo span{
	   font-size: 25px;
		padding: 0px 30px;
	}
	
	/*LEGENDA BLOCO*/
	
	#legendablocos{
	width: 895px;
	margin: 10px auto;
	justify-content: space-around;
	text-align:center;
	padding: 10px 5px;
	}

	#legendavermelho::before{
			left: 256px;
			top: 16px;
		}
	#legendaamarelo::before{
			left: 468px;
			top: 16px;
		}
	#legendaverde::before{
			left: 689px;
			top: 16px;
		}

	#legendaazul::before {
			left: 908px;
			top: 16px;
		}
	.divLotes {
    transform: scale(0.9);
    margin: -53px 0px -48px 139px;
}
	
	

}

@media only screen and (min-width: 1440px) {
	
	.divLotes {
    transform: scale(1.0);
    /*margin: 27px 0px 0px 214px;*/
	margin: 0 auto;
    display: block;
    left: 146px;
}
	
}

@media only screen and (min-width: 1920px) {
	.FaixaDecorativa{ background-size: auto 100%; min-height: 150px;  }
	.LogotipoM{ position: absolute; width: 380px; height: auto; top: -45px; }
	.txt_top{ padding: 70px 15px 25px 15px; font-size: 42px; margin-bottom: 30px;}
	.div_footer{ justify-content: center; }
	.box_footer{ width: 40%; max-width: 350px;}
	
	/*LEGENDA BLOCO*/

	#legendavermelho::before{
			left: 256px;
			top: 16px;
		}
	#legendaamarelo::before{
			left: 468px;
			top: 16px;
		}
	#legendaverde::before{
			left: 689px;
			top: 16px;
		}

	#legendaazul::before {
			left: 908px;
			top: 16px;
		}
	.divLotes {
    transform: scale(1.0);
    margin: 27px 0px 0px 459px;
}
}