.material-symbols-outlined {  font-variation-settings:  'FILL' 0,  'wght' 400,  'GRAD' 0,  'opsz' 48}
 body{font-family: 'Montserrat', sans-serif;}
 h1, h2, h3, h4, h5, h6{font-family: 'Montserrat', sans-serif;}
.boxEntrada{box-shadow: #ededed 0px 0px 28px;    border-radius: 20px 20px 0 0;    padding: 2em;}
.boxEntrada img{max-height: 200px;}
.boxLogin{background: #004a8f; color:#fff;}
.boxLogin input{    margin-bottom: 3px;     background: #95aab7;    border: none;    color: #fff; font-size: 0.8em;}
.boxLogin input::placeholder{color: #fff;}
.boxCad{background: #8dc6e9;}
.cadastro{  background-color: #fff;}
.cadastro .logoUOLK{max-width: 60%!important;  }
.cadastro .formCad{border:solid 2px #f1f1f1; max-width: 60%; }
.cadastro label{margin-top: 5px;}
.alertLogin{font-size: 0.8em;    padding: 0.5em; margin-top: 2px;}
.alertLogin button{padding: 0.55rem 1rem!important;}
.header{border-bottom: solid 1px #f1f1f1;}
.header .logoTKZ{max-width: 60%;}
.menu li{float: left; list-style: none; padding: 1em; cursor: pointer; position: relative;}
.menu li:hover{color:#4ba6dd;}

.menu a{color: inherit; text-decoration: none;}
.menu li .subMenu{display: none; position: absolute; background: #004a8f;     padding: 0.6em;  color: #fff; z-index: 2;}
.menu li:hover .subMenu{display: block;}
.menu li:hover .subMenu li{padding: 0.4em; font-size: 0.8em;}



.display-6{color: #004a8f;}
.display-6::after{display: block; content: ""; width: 30px; height: 2px; margin: 0 auto; background-color: #4ba6dd;}
/*
.listaProdHome .holderImg{  background: #f7f7f7;    border-radius: 50%;    overflow: hidden; position: relative; max-width: 260px; max-height: 260px;}
.listaProdHome .holderImg img{mix-blend-mode: multiply;}
.listaProdHome .holderImg .imgProd{width: 100%;  position: absolute;  z-index: 1; top:0%; left: 0%; transition: width 1s; }
.listaProdHome .holderImg:hover .imgProd{  width: 120%; top:-10%; left: -10%;}
.listaProdHome .holderImg .imgHolder{ z-index: 0; }
*/
.listaProdHome .itemListaHome{cursor: pointer;}
.listaProdHome .holderImg{  background: #f7f7f7;    border-radius: 50%;   position: relative; max-width: 260px; max-height: 260px;}
.listaProdHome .holderImg img{mix-blend-mode: multiply;}
.listaProdHome .holderImg .imgProd{width: 100%; transition: transform 1s; position: absolute; top:0; left: 0; }
.listaProdHome .holderImg:hover .imgProd{ transform: scale3d(1.1,1.1,1); }
.listaProdHome .holderImg .imgHolder{ z-index: 0; }
.itemListaHome a{text-decoration: none; color: inherit;}

.itemListaHomeDest{cursor: pointer;}
.itemListaHomeDest a{text-decoration: none; color: inherit;}

.menuLat {margin: 0; padding: 0;}
.menuLat li{list-style: none;}
.menuLat a{text-decoration: none; color: initial;}
.menuLat a:hover{color: #4ba6dd;}

.menuLat a .active{color:#4ba6dd;}


.footer{background-color: #004a8f; color:#4ba6dd;}
.footer img{max-height: 50px;}

.itemListaProd a{text-decoration: none; color: initial;}


.tpPedido{line-height: 2em;}

.ItemCarSel{color: #4ba6dd;}
.ItemCarSel:hover{color: #004a8f;}


.itensPedidosTxt{font-size: 14px;}
    #abreMenuMob{display: none;}




@media screen and (max-width: 768px) {
    .atalhos{text-align: center!important;}
    #abreMenuMob{display: block;}
    .offcanvas-body .menu li{width: 100%;}
    .menuPrincipal{display: none;}
    .offcanvas-body .menu li{width: 100%;}
    .offcanvas-body .menu{position: relative!important; display: block!important;}
    .offcanvas-body .menu li{float:none!important;}
}