body{font-family: 'Muli', sans-serif; color:#000; mi1n-height: 75rem; 1padding-top: 5.8rem; }

.navbar a{font-weight:700; font-size:1em; text-align: center;}
.navbar-nav > .nav-item > .active{ 1background-color:#CCC;}
.navbar .container{}
#mainNav{box-shadow: 0px -5px 15px #000;}
.navbar-nav > .nav-item > .active::after {content:''; height:2px; background-color:#77787C; position:relative; top:7px; z-index:99; width:80%; margin:0px auto; display:block; opacity:1;}
.navbtnw{
    background-color: #77787C;
border-radius: 20px !important ;
padding-left: 20px !important;
padding-right: 20px !important;
color: #FFF !important;
transition: all .3s;
}

.CustomContainer {max-width: 1280px;}
.navbtnw:hover{
    background-color: #77787C;
}

.bg-menu{background-color: #FFFFFF; opacity: 0.8;}

@media (max-width: 992px) {
    .bg-menu{opacity: 10 !important;}
}
.imgHeader{background-image:url(imgs/header_bg.jpg); background-position:bottom center; background-repeat:repeat; background-size:cover;  }
.imgHeaderOverlay{background-color: rgba(0,0,0,0.4);}
.imgHeader .container{padding: 210px 20px;}

.imgHeaderFooter{
height: 80px; background-image: url(imgs/linhas-prancheta-1.svg); position: relative; width: 100%; display: block; background-repeat: no-repeat; left: 0px; 
bottom: 0px; background-size: cover; background-position: center;
}

.btnBanner {background: #FFFFFF; color: #05B4E9; padding: 10px 30px; display: inline-block; margin: 10px 20px; border-radius: 100px; transition: all .3s; }
.btnBanner:hover, .btnBanner:active {color: #FFFFFF !important; background-color: #05B4E9 !important; border-color: #56555A !important; text-decoration: none;}

.imgHeaderCadastro{background-image:url(imgs/cadastro.jpg); background-position:top center; background-repeat:repeat; background-size:cover;  }
.imgHeaderCadastro .container{padding: 210px 20px;}
.imgHeaderCadastroFooter{
 height: 80px; background-image: url(imgs/linhas-prancheta-1.svg); position: relative; width: 100%; display: block; background-repeat: no-repeat; left: 0px; 
 bottom: 0px; background-size: cover; background-position: center;
}

.imgHeaderBoleto{background-image:url(imgs/boletosimg.jpg); background-position:top center; background-repeat:repeat; background-size:cover;  }
.imgHeaderBoleto .container{padding: 210px 20px;}
.imgHeaderBoletoFooter{
 height: 80px; background-image: url(imgs/linhas-prancheta-1.svg); position: relative; width: 100%; display: block; background-repeat: no-repeat; left: 0px; 
 bottom: 0px; background-size: cover; background-position: center;
}

.imgHeaderProdutos{background-image:url(imgs/product_img.jpg); background-position:top center; background-repeat:repeat; background-size:cover;  }
.imgHeaderProdutos .container{padding: 210px 20px;}
.imgHeaderProdutosFooter{
 height: 80px; background-image: url(imgs/linhas-prancheta-1.svg); position: relative; width: 100%; display: block; background-repeat: no-repeat; left: 0px; 
 bottom: 0px; background-size: cover; background-position: center;
}

.HeaderSocial{}
.HeaderSocial a{display: block;}
.txtHeader{font-size:2em; font-weight:300; color:#FFF; text-transform: uppercase; font-family: 'Noto Sans', sans-serif;}
.txtHeader span{ color:#FFF; padding:0px 5px; text-transform: uppercase; font-size: 2em; font-weight: 500; display: block; line-height: 1em; }
.PT{padding-top:3.5rem;}
.PB{padding-bottom:3.5rem;}

.BGColor1{background-color: #F3C157;}
.BGColor1 .carouselIMG{width: 850px; margin-left: 100px;}

.BGColor2{background-color: #7AD0D1;}
.BGColor2 .carouselIMG{width: 850px; margin-left: 100px;}

.BGColor3{background-color: #A5999B;}
.BGColor3 .carouselIMG{width: 850px; margin-left: 100px;}

.BGColor4{background-color: #58616C;}
.BGColor4 .carouselIMG{width: 850px; margin-left: 100px;}

#BannerHome .carousel-caption {
 position: absolute; right: 75%; bottom: 20px; left: 50%; z-index: 10; color: #000; text-align: center; background-color: #FFF; 
 top: 250px; height: 140px; width: 470px;
 padding: 22px 20px 20px; font-size: 3.3em; line-height: 1em; font-weight: 700;
}

#BannerHome .Color1 p { color: #F3C157; }
#BannerHome .Color2 p { color: #7AD0D1; }
#BannerHome .Color3 p { color: #A5999B; }
#BannerHome .Color4 p { color: #58616C; }

@media (max-width: 992px) {
.carousel-item .carouselIMG{margin-left:0px;}
#BannerHome .carousel-caption {
position: absolute; right: 75%; bottom: auto; left: 10%; z-index: 10; color: #000; text-align: center; background-color: #FFF; 
top: 100px; height: 70px; width: 340px;
padding: 22px 20px 20px; font-size: 1.4em; line-height: 1em; font-weight: 700; display: block;
}

.carousel-fade .carousel-item{ padding-top: 200px;}

#BannerHome .Color1 p ,#BannerHome .Color2 p ,#BannerHome .Color3 p, 
#BannerHome .Color4 p { font-size: 1em; margin-bottom: 0rem;}
}

.QSTit{ text-align: left; font-size: 1.8em; color: #56555A; margin-bottom: 5px; font-weight: 800; }
.QSTitV2{ text-align:center; font-size: 1.8em; color: #56555A; margin: 0px 0px 40px 0px; font-weight: 800; color: #FFF; }
.QSCont{ color:#8A8A8C; }
.QSCont img{ border-radius: 20px; box-shadow: 0px 0px 10px #000; }
.QSContImg{
background-image: url(imgs/tayana-2022.jpg); border-radius: 50%; width: 300px; height: 300px;
background-position: top; background-size: cover; background-repeat: no-repeat;
}

.QSContImg1{
background-image: url(imgs/imagem1.jpg); border-radius: 50%; width: 300px; height: 300px;
background-position: center; background-size: cover; background-repeat: no-repeat;
}
.QSContImg2{
background-image: url(imgs/imagem2.jpg); border-radius: 50%; width: 300px; height: 300px;
background-position: center; background-size: cover; background-repeat: no-repeat;
}
.QSContImg3{
background-image: url(imgs/imagem3.jpg); border-radius: 50%; width: 300px; height: 300px;
background-position: center; background-size: cover; background-repeat: no-repeat;
}
.QSContImg4{
background-image: url(imgs/imagem4.jpg); border-radius: 50%; width: 300px; height: 300px;
background-position: center; background-size: cover; background-repeat: no-repeat;
}

.QSCont span{ display: block; color:#77787C; font-weight:700; margin-bottom:30px; font-size: 1.5em;}

.QSContImgContato{
 background-image: url(imgs/img002.jpg); width: 340px; height: 340px;
 background-position: top; background-size: auto; background-repeat: no-repeat;
}

.BGForm{
 background: -webkit-gradient(linear, right center, left center, from(#CCC),color-stop(100%, #77787C));
 background: -webkit-linear-gradient(right,#CCC ,#77787C 100%);
 background: linear-gradient(to left,#CCC ,#77787C 100%);
 border-radius: 0px 40px 40px 0px;

}
@media (max-width: 992px) {
    .BGForm{ border-radius: 0px 0px 0px 0px; }
}
.divMVV{}
.BGMVV{background-image:url(imgs/about2_img.jpg); background-position:bottom center; background-repeat:no-repeat; background-size:cover;
 background-attachment: fixed; padding-top: 60px; margin-top: 60px; margin-bottom: 60px; padding-bottom: 60px;
}
.divMVV .MMVD{ padding: 30px 20px; background-color: #F4F5F9;
 border-radius: 20px; margin-bottom: 20px; min-height: 14em;
 box-shadow: 4px 4px 10px rgba(17,22,40,0.3);
}
.divMVV .MVVTitle{ text-transform: uppercase; text-align: center; color: #08254F; font-size: 1.6em; font-weight: 800;}
.divMVV .MVVCont{ text-align: center;}

.divProduto{}
.divProduto .ImgProduto{ filter: grayscale(100%); transition: all .3s ease-in-out;}
.divProduto:hover .ImgProduto{filter: grayscale(0%);}

.divProduto .BGAtacado{
    background-image:url(imgs/atacado.jpg); background-position:bottom center; background-repeat:no-repeat; background-size:cover;
    padding: 350px 0px;
    filter: grayscale(100%); transition: all .3s ease-in-out;
}
.divProduto:hover .BGAtacado{filter: grayscale(0%);}

.divProduto .BGFoods{ 
    background-image:url(imgs/foods.jpg); background-position:bottom center; background-repeat:no-repeat; background-size:cover;
    padding: 350px 0px;
    filter: grayscale(100%); transition: all .3s ease-in-out;
}
.divProduto:hover .BGFoods{filter: grayscale(0%);}

.divProduto .BGSuperMarketing{
    background-image:url(imgs/supermarketin.jpg); background-position:bottom center; background-repeat:no-repeat; background-size:cover;
    padding: 350px 0px;
    filter: grayscale(100%); transition: all .3s ease-in-out;
}
.divProduto:hover .BGSuperMarketing{filter: grayscale(0%);}

.divProdutoContent{text-align: center; position: absolute; width: 100%; top: 45%; }

.divProdutoContent .ProdutoTitulo{ color: #FFF; font-size: 1.4em; }

.divIF{}
.divIF .IFD{ 
 padding: 30px 20px; border-radius: 20px; margin-bottom: 20px; min-height: 14em; box-shadow: 4px 4px 10px rgba(17,22,40,0.3);
 background-color: #08254F; opacity: 0.85; color: #FFF;
}

.divIF .IFIMG{text-align: center; min-height: 7em; display: flex; align-content: center; align-items: center; flex-direction: column; }
.divIF .IFIMG img{width: 80px; }
.divIF .IFTitle{ text-transform: uppercase; text-align: center; color: #FFFFFF; font-size: 1.6em; font-weight: 800;}
.divIF .IFCont{ text-align: center;}

.BGNP{background-image:url(imgs/product_img.jpg); background-position:bottom center; background-repeat:repeat; background-size:cover;
    background-attachment: fixed; padding-top: 60px; margin-top: 60px; margin-bottom: 60px; padding-bottom: 60px;
}
.divNP{}
.QSTitNP{ text-align: center; font-size: 1.8em; color: #FFF; margin-bottom: 40px; font-weight: 500; text-transform: uppercase; }
.QSTitNP::after {content:''; height:2px; background-color:#f2f2f2; position:relative;top:7px; z-index:99; width:90%; margin:0px auto; display:block; opacity:1;}

.divNP .NPCont{padding: 30px 20px; border-radius: 20px; margin-bottom: 20px; min-height: 14em;
 box-shadow: 4px 4px 10px rgba(17,22,40,0.3); background-color: #08254F; opacity: 0.85; color: #FFF; text-align: center;
}

.btnNP{ background: #FFF; color: #56555A; padding: 10px; display: inline-block; margin: 10px 20px; border-radius: 100px; transition: all .3s; }
.btnNP:hover, .btnNP:active { color: #08254F !important; background-color:#CCC !important; border-color:#56555A !important; text-decoration: none;}
.btnNP:focus{ box-shadow: 0 0 0 0 rgba(38,143,255,.5); }


.BGSC{background-image:url(imgs/cadastro.jpg); background-position:bottom center; background-repeat:repeat; background-size:cover;
    background-attachment: fixed; padding-top: 60px; margin-top: 60px; margin-bottom: 60px; padding-bottom: 60px;
}
.SVTit{ text-align: center; font-size: 1.8em; color: #56555A; margin-bottom: 40px; font-weight: 500; text-transform: uppercase; }
.SVTit::after {content:''; height:2px; background-color:#f2f2f2; position:relative;top:7px; z-index:99; width:90%; margin:0px auto; display:block; opacity:1;}
.SVSTit{text-align: center; font-size: 0.8em; color: #56555A; margin-bottom: 40px; font-weight: 500; text-transform: uppercase; line-height: 1.5em;}


.SCTit{ text-align: center; font-size: 1.8em; color: #56555A; margin-bottom: 40px; font-weight: 500; text-transform: uppercase; }
.SCTit::after {content:''; height:2px; background-color:#f2f2f2; position:relative;top:7px; z-index:99; width:90%; margin:0px auto; display:block; opacity:1;}
.SCSTit{text-align: center; font-size: 0.8em; color: #56555A; margin-bottom: 40px; font-weight: 500; text-transform: uppercase; line-height: 1.5em;}


.FCTit{text-align: center; font-size: 1.8em; color: #56555A; margin-bottom: 40px; font-weight: 500; text-transform: uppercase;}
.FCTit::after {content:''; height:2px; background-color:#f2f2f2; position:relative;top:7px; z-index:99; width:90%; margin:0px auto; display:block; opacity:1;}

.FCSTit{text-align: center; font-size: 0.8em; color: #56555A; margin-bottom: 40px; font-weight: 500; text-transform: uppercase; line-height: 1.5em;}

.FCCont{}

.BGCont{border-radius: 20px; margin-bottom: 20px; min-height: 14em;
 background-color: #FFF; opacity: 0.90; text-align: center;
}


.divNM{max-width: 1280px;}

.NMHover{transition: all .3s; border-radius: 30px; background-color: #FFF; margin-bottom: 20px; padding: 20px; }
.NMHover:hover{border-radius: 30px; box-shadow: 0px 0px 15px rgba(155, 155, 155, 0.3);}

.divNM .NMIMG{text-align: center; min-height: 7em; display: flex; align-content: center; align-items: center; flex-direction: column; }
.divNM .NMIMG img{}

.NMTitle{
 color: #404040; line-height: 1.1em; text-align: left; font-size: 20px;
 font-weight: 700; padding: 0px 8px; margin-right: 50px; margin-bottom: 8px;
}

.NMTitleV2{
 content: ""; height: 50px; width: 50px;
 position: absolute; background-color: #3BACC8;
 display: inline-block; right: 25px; top: 10px; border-radius: 100px;
}

.NMTitle:after{
 content: "";
 height: 50px; width: 50px;
 position: absolute;
 background-color: #77787C;
 display: inline-block; right: 10px; top: 10px; border-radius: 100px;
}

.NMTitle1:after{
    background-image: url(imgs/icons_periodont.svg);
}
.NMTitle2:after{
    background-image: url(imgs/icons_canal.svg);
}
.NMTitle3:after{
    background-image: url(imgs/icons_restau.svg);
}
.NMTitle4:after{
    background-image: url(imgs/icons_clarea.svg);
}
.NMTitle5:after{
    background-image: url(imgs/icons_lente.svg);
}
.NMTitle6:after{
    background-image: url(imgs/icons_facial.svg);
}
.NMTitle7:after{
    background-image: url(imgs/icons_cirur.svg);
}

.NMTCont{ padding: 0px 8px;}
.NMCont{}

.divEspecialidade{
    background-color: #77787C;
1background: -webkit-gradient(linear, left center, right center, from(#7AD0D1),color-stop(100%, #37AAC7));
1background: -webkit-linear-gradient(left,#7AD0D1 ,#37AAC7 100%);
1background: linear-gradient(to right,#7AD0D1 ,#37AAC7 100%);
}

.divEspecialidade .card{background-color: transparent !important; border: 0px !important;}
.NMBtn{ background: #111628; color: #FFF; padding: 10px 30px; display: inline-block; margin: 10px 20px; border-radius: 100px; transition: all .3s; }
.NMBtn:hover, .btnNP:active { color: #08254F !important; background-color:#CCC !important; border-color:#56555A !important; text-decoration: none;}
.NMBtn:focus{ box-shadow: 0 0 0 0 rgba(38,143,255,.5); }

.btnFSend{background:#FFF; color:#56555A; border:1px solid #56555A;}
.btnFSend:hover, .btnFSend:active { color: inherit !important; background-color:#FFF !important; border-color:#56555A !important; }
.btnFSend:focus{ box-shadow: 0 0 0 0 rgba(38,143,255,.5); }

.FooterAdress, .FooterPhone, .HeaderSocial img{
filter: invert(42%) sepia(74%) saturate(13%) hue-rotate(129deg) brightness(98%) contrast(87%);
}
.FooterAdress .AdressTXT{color: #5B5E67; font-size: 0.9em;}

.FooterPhone .PhoneTXT{ font-weight: 700; font-size: 0.9em;}

.divFooter{background-color: #fff;
    padding: 2.5em 0px 2.5em 0px;
    color: #515151;}
.divFooter h3{margin-bottom:20px; color:#05b4e9; text-transform:uppercase; font-size:1em;}
.divFooter h3::after {content:''; height:2px; background-color:#05b4e9; position:relative; top:7px; z-index:99; width:70%; display:block; opacity:1;}
.divFooter p{color:#FFF; margin:0px;}
.divFooter a{color: #FFF;}
.divFooter a:hover{text-decoration: none;}
.divFooter .FT012 {font-size: 0.9em;}

@media (max-width: 992px) {
.txtHeader{padding:5em 0 2em; font-size:1.5em;}
.imgHeader{min-height:20em;}
.imgHeaderCadastro{min-height:20em;}
.imgHeaderBoleto{min-height:20em;}

.imgHeader .container{padding: 10px 20px;}
.imgHeaderCadastro .container{padding: 10px 20px;}
.imgHeaderBoleto .container{padding: 10px 20px;}
.divFooter{padding:2.5em 0px 2.5em 0px;}

.divProduto .BGAtacado{
    padding: 260px 0px;
}
.divProduto:hover .BGAtacado{filter: grayscale(0%);}

.divProduto .BGFoods{ 
    padding: 260px 0px;
}
.divProduto:hover .BGFoods{filter: grayscale(0%);}

.divProduto .BGSuperMarketing{
    padding: 260px 0px;
}


}


.FormContato{}
.FormContato .form-group label{ color: #FFF; display: none; }
.FormContato .form-control{
background: transparent; border: 0px; border-bottom: 1px solid #FFF; border-radius: 0px; color: #FFF !important; 
box-shadow: 0 0 0 0 rgba(0, 123, 255, 0) !important; padding: 0px; margin: 6px 0px; }
.FormContato .form-control::placeholder { color: #fff !important; opacity: 1; }
.FormContato .btnFSend { background-color: #77787C; color: #FFF; border: 0px; padding: 8px 25px; font-size: 1.1em; font-weight: 600; }


.cookiealert {
    position: fixed; bottom: 0px; left: 0; width: 100%; margin: 0 !important; z-index: 999; opacity: 10; visibility: hidden; border-radius: 0; transform: translateY(100%);
 transition: all 500ms ease-out; color: #000; background: #2c4569cc; text-align: center; padding: 15px 0px; font-size: 1.2em; 
 font-family: muli, sans-serif; font-weight: 300; opacity: 10 !important;
}
.cookiealert.show { opacity: 1; visibility: visible; transform: translateY(0%); transition-delay: 1000ms;}
.cookiealertcontent{
 display: block; background-color: #FFF; width: 90%; margin: 0px auto;
 padding: 10px 20px; opacity: 10; border-radius: 100px; line-height: 1.3em; font-size: 0.9em;
}
    
@media (max-width:980px){ 
 .cookiealertcontent{width: 80%; padding: 15px 20px; border-radius: 0px;}
 .acceptcookies{display: block; text-align: center; width: 100%; margin: 10px 0px 0px 0px;}
}
.cookiealert a { text-decoration: underline; color: #000; font-weight: 500; }
.cookiealert .acceptcookies {margin-left: 10px; vertical-align: baseline; background-color: #08254F ; padding: 8px 10px; border-radius: 10px; font-size: 0.9em; cursor: pointer; color: #FFF; border-color: #FFF; } 
.PoliticaPrivacidade{text-decoration: none; color: #FFF;}

.RetornoSendContato{
 color: #000; margin: 6px 0px 0px 0px; text-align: center; font-size: 1em;
 font-weight: 500; background-color: #F0F0F0; border: 1px solid #a1a1a1; padding: 5px 20px;
}

.RetornoSendCliente{
 color: #000; margin: 6px 0px 0px 0px; text-align: center; font-size: 1em;
 font-weight: 500; background-color: #F0F0F0; border: 1px solid #a1a1a1; padding: 5px 0px;
}

.RetornoSendSegundaVia{
 color: #000; margin: 6px 0px 0px 0px; text-align: center; font-size: 1em;
 font-weight: 500; background-color: #F0F0F0; border: 1px solid #a1a1a1; padding: 5px 0px;
}




