@font-face {
font-family: 'Lato';
src: url('../fonts/Lato-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Lato';
src: url('../fonts/Lato-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Lato';
src: url('../fonts/Lato-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}

:root {--main-bg-color: #ff0142;}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight: normal!important;}

.feather {width: 24px;height: 24px;stroke: currentColor;stroke-width: 1.5;stroke-linecap: round;stroke-linejoin: round;fill: none;}

.navbar{font-family: 'Lato'!important;font-weight: normal!important;}

body {font-size: 0.95rem!important;letter-spacing: -0.5px!important;}

body,p,div,span{font-family: var(--bs-font-sans-serif)!important;}

.btn-close:focus,textarea:active,textarea:focus,select:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="time"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="tel"]:focus,.uneditable-input:focus { border-color: rgba(0, 0, 0, 1)!important;outline: none !important;box-shadow: none!important;}

.btn-check:focus+.btn, .btn:focus {outline: 0;box-shadow: none!important;}

select:focus,button:active,button,.btn-close,.form-control:focus,.form-control:active {outline: none !important;box-shadow: none!important;}

.barTopHome {font-size: 18px;background: rgb(181,1,1);background: linear-gradient(90deg,rgba(181,1,1,1) 0%, rgba(201,0,0,1) 28%, rgba(201,0,0,1) 72%, rgba(181,1,1,1) 100%);border-radius: 6rem;color: #fff!important;text-align: center!important;padding-top: .4rem!important;padding-bottom: .6rem!important;padding-right: 1rem!important;padding-left: 1rem!important;margin-bottom: 0!important;}

.tx-promo {background: rgb(181,1,1);background: linear-gradient(90deg,rgba(181,1,1,1) 0%, rgba(201,0,0,1) 28%, rgba(201,0,0,1) 72%, rgba(181,1,1,1) 100%);border-radius: 6rem;color: #fff!important;padding-left: 10px;}

.price-value{font-size: 19px!important;width: fit-content;padding-right: 9px;margin-top: 1px;margin-bottom: 2px;display: flex;align-items: center;}

.textTopHome {text-decoration: none!important;color: #ffc107!important;}

img.border-50 {border-radius: 50%;}

div.fs-14 {width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.tx-price {font-size: 20px;color: #222;}
.fs-16 {font-size: 16px;}
.fs-15 {font-size: 15px;}
.fs-14 {font-size: 14px;}
.fs-13 {font-size: 13px;}
.fs-12 {font-size: 12px;}
.fs-11 {font-size: 11px;}

a,a:hover {text-decoration: none;color: #333;}

.card {border: 0;}

.navFooterLink{margin-left: 15px;margin-right: 15px;}


.page-link {
    position: relative;
    display: block;
    color: #333;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #333;
    border-color: #223332;
}



.bg-footer {background-color: #e2e2e2!important;}

.bg-egood {background-color: var(--main-bg-color);}

s.no-decor {text-decoration: none!important;}

.dropdown-menu {border-radius:0;}
.dropdown-item {padding-left: 1rem;padding-right: 1.4rem;padding-top: 0.55rem;padding-bottom: 0.55rem;color: #5f5f5f;}
.dropdown-menu[data-bs-popper] {margin-top: 0.5rem;}
.dropdown-item.active, .dropdown-item:active {color: #fff;text-decoration: none;background-color: var(--main-bg-color);}

/*SLIDER*/
.MultiCarousel { float: left; overflow: hidden;width: 100%; position:relative; }
.MultiCarousel .MultiCarousel-inner { transition: 0.5s ease all; float: left; }
.MultiCarousel .MultiCarousel-inner .item { float: left;padding-top: 5px;padding-bottom: 5px;}
.MultiCarousel .leftLst { position:absolute; border-radius:50%;top:calc(50% - 19px);margin-left: -8px; }
.MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 19px);margin-right: -8px; }
.MultiCarousel .leftLst { left:8px; }
.MultiCarousel .rightLst { right:8px; }
.leftLst.over, .rightLst.over{display: none;}
.div-radius{border-radius: 50%;border: 1px solid #000; padding: 3px;margin-right: 0.5rem;margin-left: 0.5rem;}
.btn-slider{background: #fff;border-radius: 50%;border: 1px solid #808080!important;cursor: pointer;height: 40px;position: absolute;width: 40px;display: flex;justify-content: center;align-items: center;}
.m-y-30{margin-top: 30px; padding-bottom: 30px}
@media (max-width: 767px){.btn-slider{width: 38px;height: 38px}.i-slider{height: 24px;width: 24px}.MultiCarousel {padding-top: 0px; padding-bottom: 0px;margin-bottom: -3px;padding-left: 8px;padding-right: 8px;margin-top: -5px}}
@media (min-width: 767px) and (max-width: 990px){.MultiCarousel{padding-bottom: 0}}
@media (min-width: 1024px){.div-radius{margin-right: 0.5rem;margin-left: 0.5rem;}}
/*/SLIDER*/

/*MODAIS*/
.wh-14{width: 18px!important;height: 18px!important;}
.modal-header-item{margin-right: 1.5rem;padding-bottom: 1rem;}
.modal-header-item a {color: #4b566b;display: flex;align-items: center;}
.modal-header-item a > svg{margin-right: 5px;}
.modal-header-item.active{border-bottom: 1px solid var(--main-bg-color);}
.modal-header-item.active a, .modal-header-item a:hover{color: var(--main-bg-color);transition: all 0.3s;}
.modal-header.noeps {padding: 0rem 1rem;padding-top: 1rem;}
.sub-body-modal{margin-top: 0.5rem;margin-bottom: 0.5rem;display: flex;justify-content: space-between;align-items: center;}
.btn-modal, .btn-modal:hover{background-color: var(--main-bg-color);color: white!important;padding: 8px 10px;border: none;width: 100%;margin-bottom:5px;border-radius:4px;}
@media (max-width: 340px){.modal-header-item {margin-right: 0.6rem;}}
@media (min-width: 341px) and (max-width: 359px){.modal-header-item {margin-right: 0.4rem;}}
@media (min-width: 360px) and (max-width: 390px){.modal-header-item {margin-right: 1rem;}}
.text-egood {color: var(--main-bg-color);}
.form-control {border: 0;border-radius: 0;border-bottom: 1px solid #00213e!important}
.form-select {border: 0;border-radius: 0;border-bottom: 1px solid #00213e!important}
.modal .modal-dialog-aside{width: 350px;max-width:80%; height: 100%; margin:0;transform: translate(0); transition: transform .2s;}
.close{border: 0;}
.modal .modal-dialog-aside .modal-content{height: inherit; border:0; border-radius: 0;}
.modal .modal-dialog-aside .modal-content .modal-body{ overflow-y: auto }
.modal.fixed-left .modal-dialog-aside{ margin-left:auto;transform: translateX(100%); }
.modal.fixed-right .modal-dialog-aside{ margin-right:auto; transform: translateX(-100%); }
.modal.show .modal-dialog-aside{ transform: translateX(0);}
.modal-backdrop.show {opacity: 0.8;}
.invalid {background-color: #ffdddd!important;}
.tab {display: none;}
.step {height: 15px;width: 15px;margin: 0 2px;background-color: #bbbbbb;border: none;border-radius: 50%;display: inline-block;opacity: 0.5;}
.step.active {opacity: 1;}
.step.finish {background-color: #ff1c55;}
.sTitle {position: relative;}
.sTitle::after {border-top: 1px solid #b7b7b7;content: "";left: 0;margin: 0;position: absolute;top: 50%;width: 100%;}
.sTitle h4 {display: inline-block;font-weight: 400;position: relative;background: #fff none repeat scroll 0 0;padding: 0 20px;z-index: 1;font-size: 15px;}
.form-check-input {width: 1.1em;height: 1.1em;margin-top: .25em;}
/*/MODAIS*/

/*DETALHES DO PRODUTO*/
.list-group-flush.cart-flush .list-group-item { padding: .5rem 0.6rem;}
button > span.badge.text-dark{padding: 0;}
.fs-car{font-size: 15px!important;}
.form-check-label{font-size: 15px!important;}
.form-floating>label {padding: 1rem .6rem;font-size: 15px;}
.form-floating.floating-car>.form-control, .form-floating.floating-car>.form-select {padding: 1rem .8em;font-size: 13px;}
.form-floating.floating-car>.form-control{height: 50px;font-size: 13px;padding-bottom: 0;padding-top: 19px;}
.form-floating.floating-car>.form-select {height: 52px;font-size: 13px; padding-top: 1.625rem;padding-bottom: .625rem;}
.dropdown-item.active,.dropdown-item:active{background-color: #ccc;color: #000;}
.dropdown-menu {border-radius: 0;}
.btn-egoodcar{background-color: var(--main-bg-color);border-color:var(--main-bg-color);color: #fff;}
.btn-egoodcar:hover{opacity: 0.9;color: #fff;}
/*DETALHES DO PRODUTO*/

@media (min-width: 991px){
.navbar-w {background-image: url(../../assets/borderLink.svg);background-position: bottom;background-repeat: no-repeat;background-size: 35px;padding-bottom: 0.9em;text-decoration: none;text-transform: uppercase;font-family: 'Lato'!important;}
.navbar-s{background-position: bottom;background-repeat: no-repeat;background-size: 35px;padding-bottom: 0.9em;text-decoration: none;text-transform: uppercase;}
}

.navbar-w,.navbar-s {text-transform: uppercase;font-family: 'Lato'!important;}

@media (max-width: 990px){.mobile-espacing{padding: .5rem 0;}}.navbar-dark .navbar-toggler ,.navbar-light .navbar-toggler {outline: none!important;box-shadow: none!important;border: none!important;padding-right: 0;}
@media (max-width: 767px){.padding-box{padding-left: 1rem!important;padding-right: 1rem!important;}.w-xs-100{width: 100%!important}.dropdown-menu[data-bs-popper] {margin-top: 0rem;}.padding-box{padding-left: 6rem;padding-right: 5rem;}}
@media (min-width: 1199px){.padding-box{padding-left: 10rem;padding-right: 10rem;}}
@media (min-width: 991px) and (max-width: 1199px){.font-minus-md{font-size: calc(1.1rem + .6vw);}}
@media (max-width: 990px){.font-minus-md{font-size: calc(1rem + .6vw);}}
@media (max-width: 767px){.modal .modal-dialog-aside {max-width: 100%!important;width: 100%!important;}
.d-ajust{display: flex;justify-content: center;}}
@media (max-width: 374px){.row-cols-xs-1>*{flex: 0 0 auto;width: 100%!important;}
.w-xs-75{width: 60%!important}.d-ajust{display: flex;justify-content: center;}}

/*OCULTA EXIBIÇÃO DE PRODUTOS*/
@media (min-width: 767px) and (max-width: 991px){.id-3, .id-2{display: none;}}
@media (min-width: 990px) and (max-width: 1199px){.id-4{display: none;}}
@media (min-width: 375px) and (max-width: 767px){.id-4{display: none;}.w-xs-75{width: 80%!important}}
/*OCULTA EXIBIÇÃO DE PRODUTOS*/

@media (max-width: 340px){.d-xs-none {display: none!important;}}
div.fs-13{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.btn-egood {border-radius: 6.25rem;padding: 1.25rem 2.5rem;background-color: var(--main-bg-color);color: #fff;}
.btn-egood:hover {opacity: 0.95;color: #fff;}
input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="month"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="time"],input[type="url"],input[type="week"],select:focus,textarea {font-size: 16px;}
.d-grid-input-2{display: grid!important;grid-template-columns: 25% auto;grid-column-gap: 10px;}

/*More Lass*/
.truncate {animation: fadeIn 1s;}
@keyframes fadeIn {0% {opacity: 0;background: #000;}90% {opacity: 0;}100% {opacity: 1; background: #fff;}}
/*/More Lass*/

.carousel-control-next, .carousel-control-prev {opacity: 1;}
button.especial-carrousel > span.bg-dark{padding: 5px;}
@media (min-width: 767px) and (max-width: 991px){.font-menor{font-size: 1.3rem!important;}}

.list-group-item.li-car:first-child{
padding-top:0!important ;
}





.image-grid {
display: flex;
flex-wrap: wrap;
margin: 0 auto 35px;
max-width: 920px;
}

.svg-image-grid {
clear: both;
margin: 0 auto 35px;
max-width: 920px;
overflow: hidden;
position: relative;
}

/** Screen readers only class from Bootstrap */
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
-webkit-clip-path: inset(50%);
 clip-path: inset(50%);
border: 0;
}

/** Actual code examples */
/** Background */
.image-bg {
background-position: center center;
background-size: cover;
flex: 0 0 auto;
margin: 5px;
/*width: calc(25% - 10px);*/
}

.image-bg-placeholder {
height: 100%;
visibility: hidden;
width: 100%;
}

/** Object-fit */
.image-fit {
flex: 0 0 auto;
margin: 5px;
position: relative;
width: calc(25% - 10px);
}

.image-fit-placeholder {
height: 100%;
visibility: hidden;
width: 100%;
}

.image-fit-img {
bottom: 0;
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
position: absolute;
right: 0;
top: 0;
width: 100%;
}

/** Absolute positioning */
.image {
flex: 0 0 auto;
margin: 5px;
overflow: hidden;
position: relative;
width: calc(25% - 10px);
}

.image-placeholder {
height: 100%;
visibility: hidden;
width: 100%;
}

.image-img {
left: 50%;
max-height: 150%;
max-width: 177%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
}

/** SVG */
.image-svg {
float: left;
margin: 5px;
padding-bottom: calc(25% - 10px);
position: relative;
width: calc(25% - 10px);
}
.image-svg svg {
bottom: 0;
display: block;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
}

/*
@media (max-width: 480px) {
.image,
.image-fit,
.image-bg,
.image-svg {
width: calc(50% - 10px);
  }

  .image-svg {
padding-bottom: calc(50% - 10px);
  }
}*/

@media (max-width: 990px){
.navbar-nav .dropdown-menu {
position: absolute;
width: 100%;
}
}

.truncate-text > strong{
font-weight: normal;
}

.truncate-text > strong > strong, .truncate-text.bolder > strong{
font-weight: bolder;
}


.qr-code-generator {
width: 100%;
margin: 0 auto;
margin-top: 0.5rem;
padding: 0 1.5rem;
}

.qr-code-generator * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#qrcode {
min-height: 220px;
margin: 0 auto;
text-align: center;
display: flex;
justify-content: center;
}

#qrcode > canvas {
width: 100%;
}

#qrcode a {
font-size: 0.8em;
}

.qr-url, .qr-size {
padding: 0.5em;
border: 1px solid #ddd;
border-radius: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.qr-url {
width: 79%;
}

.qr-size {
width: 20%;
}

.generate-qr-code {
display: block;
width: 100%;
margin: 0.5em 0 0;
padding: 0.25em;
font-size: 1.2em;
border: none;
cursor: pointer;
background-color: #e5554e;
color: #fff;
}

.quantity{
display:flex;
width:140px;
height: 43px;
}

.quantity input[type=number]::-webkit-inner-spin-button,
.quantity input[type=number]::-webkit-outer-spin-button{
-webkit-appearance:none;
}
.quantity input,.quantity .btnPro{
width:60px;
padding:.5em;
font-size:1rem;
text-align:center;
background:white;
border:1px solid #212529;
-moz-appearance: none;
-webkit-appearance: none;
border-radius: 0.25rem; 
display: flex;
justify-content: center;
align-items: center;

}
.quantity input{
border-left:none;
border-right:none;
-moz-appearance: none;
-webkit-appearance: none;
border-radius: 0; 
} 
#mais{
border-left:none ; 
border-top-left-radius: 0; 
border-bottom-left-radius: 0; 
font-size:1.2rem;
}
#menos{
border-right:none ; 
border-top-right-radius: 0; 
border-bottom-right-radius: 0; 
font-size:1.2rem;
}


.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
outline: none !important;
box-shadow: none!important;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:focus {
outline: none !important;
box-shadow: none!important;
}

a:hover,a:focus  {
outline: none !important;
box-shadow: none!important;
}

.spets .spet {
display: block;
width: 100%;
text-align: center
}

.spets .spet .spet-icon-wrap {
display: block;
position: relative;
width: 100%;
height: 80px;
text-align: center
}

.spets .spet .spet-icon-wrap::before,
.spets .spet .spet-icon-wrap::after {
display: block;
position: absolute;
top: 50%;
width: 50%;
height: 3px;
margin-top: -1px;
background-color: #e1e7ec;
content: '';
z-index: 1
}

.spets .spet .spet-icon-wrap::before {
left: 0
}

.spets .spet .spet-icon-wrap::after {
right: 0
}

.spets .spet .spet-icon {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
border: 1px solid #e1e7ec;
border-radius: 50%;
background-color: #f5f5f5;
color: #374250;
font-size: 38px;
line-height: 81px;
z-index: 5;
}

.spets .spet .spet-title {
margin-top: 16px;
margin-bottom: 0;
color: #606975;
font-size: 14px;
font-weight: 500
}

.spets .spet:first-child .spet-icon-wrap::before {
display: none
}

.spets .spet:last-child .spet-icon-wrap::after {
display: none
}

.spets .spet.completed .spet-icon-wrap::before,
.spets .spet.completed .spet-icon-wrap::after {
background-color: #0da9ef
}

.spets .spet.completed .spet-icon {
border-color: #0da9ef;
background-color: #0da9ef;
color: #fff;
}

.border-w{
border-bottom: 1px solid #fff ;
}

@media (max-width: 576px) {
.flex-sm-nowrap .spet .spet-icon-wrap::before,
.flex-sm-nowrap .spet .spet-icon-wrap::after {
display: none
}
}

@media (max-width: 768px) {
.flex-md-nowrap .spet .spet-icon-wrap::before,
.flex-md-nowrap .spet .spet-icon-wrap::after {
display: none
}
}

@media (max-width: 991px) {
.flex-lg-nowrap .spet .spet-icon-wrap::before,
.flex-lg-nowrap .spet .spet-icon-wrap::after {
display: none
}
}

@media (max-width: 1200px) {
.flex-xl-nowrap .spet .spet-icon-wrap::before,
.flex-xl-nowrap .spet .spet-icon-wrap::after {
display: none
}
}

.bg-faded, .bg-secondary {
background-color: #f5f5f5 !important;
}

.w-30{
width: 30px;
height: 30px;
}

.center-icon{
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}

@media (max-width: 767px){
.margin-bottom{
margin-bottom: 3rem;
}
.margin-bottom:last-child{
margin-bottom: 0;
}
}

.last-child-span div{
margin-top: 0.5rem;
}

.last-child-span div:first-child{
margin-top: 0rem;
}

@media (min-width: 990px){
.ellipse-text{
max-width: 280px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
}

.mouser{
cursor: pointer;
}

/**************************SEARCH**************************/

.search::-webkit-search-cancel-button{
    position:relative;
    right:40px;  
}


@media (max-width: 767px){
.box{
display: none!important;
}
}

.box{
position: relative;
width: 50px;
}

.container-2{
vertical-align: middle;
white-space: nowrap;
position: relative;
}

.container-2 input.search{
width: 45px;
height: 50px;
border: none;
font-size: 10pt;
float: left;
color: #262626;
padding-left: 45px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #fff;
position: absolute;
right: 0;
top: -13px;

-webkit-transition: width .55s ease;
-moz-transition: width .55s ease;
-ms-transition: width .55s ease;
-o-transition: width .55s ease;
transition: width .55s ease;
}

.container-2 input.search::-webkit-input-placeholder {
color: #000;
}
 
.container-2 input.search:-moz-placeholder { /* Firefox 18- */
color: #000;
}
 
.container-2 input.search::-moz-placeholder {/* Firefox 19+ */
color: #000;
}
 
.container-2 input.search:-ms-input-placeholder {
color: #000;
}

.container-2 .icon{
position: relative;
top: 0px;
right: -12px;
z-index: 1;
color: #000;
}

@media (min-width: 768px) and (max-width: 990px){
.container-2 .icon{
right: -21px;
}
.container-2 input.search{
padding-left: 48px;
}
}

.container-2 input.search:focus, .container-2 input.search:active{
outline:none;
width: 300px;
background: #f9f9f9;
color: #000;
border: 1px solid #000;
padding-left: 10px!important;
}
 
.container-2:hover input.search{
width: 300px;
background: #f9f9f9;
color: #000;
border: 1px solid #000;
padding-left: 10px!important;

}
 
.container-2:hover .icon{
color: #000;
}

s.modalPedidos{
text-decoration: none!important;
opacity: 0.67;  
} 

.btnStyle{
border-radius: 20px;
}

.btnStyle:hover{
border-radius: 20px;
}


.colorHr{
color: inherit;
background-color: #e5e7eb!important;
border: 0;
opacity: 1;
}

/*****************************************************/

@media (max-width: 340px){
img.border-50 {
height: 80px;
}
}


.navActive.active{
background-color: black!important;
} 

.txt-rosa{
color:#ff0042;
}

.logo-2{
height: 100px;
}

@media (max-width: 767px){
.logo-2{
height: 70px;
}
}