.active-underline > li > a::before {
	border-top: none;
}
.menu li ul, .menu li .megamenu {
    //position: fixed;
}
.megamenu > li {flex: 0; white-space: nowrap;}

.megamenu{
	border: #e1e1e1 solid 1px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: 3px 3px 15px -3px rgba(0,0,0,0.58);
	-moz-box-shadow: 3px 3px 15px -3px rgba(0,0,0,0.58);
	box-shadow: 3px 3px 15px -3px rgba(0,0,0,0.58) !important;
}


.b-damero {
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content: space-between;
    margin-bottom: 0;
    box-sizing: border-box;
}
.bannergroup .banner-item {
    margin-bottom: 40px;
}
.banner-item {
    width: 100% !important;
    margin-bottom: 20px;
}
.b-damero .banner-item.chico {
    width: calc(25% - 1.5%)!important;
    margin: 0 0 40px;
    max-height: 600px;
    overflow: hidden;
}
.b-damero .banner-item.grande {
    width: calc(50% - .7%)!important;
    margin: 0 0 40px;
    max-height: 600px;
    overflow: hidden;
}


.header-middle {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
    color: #333;
    background: #fff;
    font-size: 1.2rem;
    border-bottom: 0px;
}
.category-dropdown.has-border .category-toggle {
    border-left: 0px;
    border-right: 0px;
}

.verde{
	color:#3fae2a
}

.icon-box .icon-box-title {
    text-transform: none;
}


.header-search input.form-control {
    border: none;
}
.header-search .btn-search {
    border: #4572ED;
}

.btn-primary {
    color: #fff;
    border-color: #062452;
    background-color: #062452;
	border-radius: 5px
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  color: #fff;
  border-color: #002D73;
  background-color: #002D73;
}

.btn-verde {
	color: #fff;
    border-color: #3fae2a;
    background-color: #3fae2a;
	border-radius: 5px
}
.btn-verde:hover, .btn-verde:active, .btn-verde:focus {
  color: #fff;
  border-color: #002D73;
  background-color: #002D73;
}

.spinner {
  border: 4px solid rgba(0, 0, 0, 0.1);
  width: 19px;
  height: 19px;
  border-radius: 50%;
  border-left-color: #ffffff;
  animation: spin 1s ease infinite;
  margin-right: 10px;
}

.spinnerBlue {
  border: 4px solid red;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  border-left-color: #ffffff;
  animation: spin 1s ease infinite;
  margin-right: 10px;
}
@keyframes spin {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}

.loader {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	position: relative;
	animation: rotate 1s linear infinite
}
.loader::before , .loader::after {
	content: "";
	box-sizing: border-box;
	position: absolute;
	inset: 0px;
	border-radius: 50%;
	border: 5px solid #FFF;
	animation: prixClipFix 2s linear infinite ;
}
.loader::after{
	transform: rotate3d(90, 90, 0, 180deg );
	border-color: #002D73;
}
@keyframes rotate {
	0%   {transform: rotate(0deg)}
	100%   {transform: rotate(360deg)}
}
@keyframes prixClipFix {
  0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
  50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
  75%, 100%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
}


/* Media Query for Mobile Devices */
@media (max-width: 480px) {
	.desktop {display: none;}
	.mobile {display: block;}
	.mobileCenter{
		text-align: center
	}
  .ubicacion-popup {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .header-call:after{
    background-color: #000000;
  }
}
  
@media (max-width: 481px) and (max-width: 767px) {
	.desktop {display: none;}
	.mobile {display: block;}
	.mobile-search {display: none;}
	#divBotonFinalizar{width: 100%;left: 0px; position: fixed;bottom: 10px;}
	#divBotonFinalizarMP{width: 100%;left: 0px; position: fixed;bottom: 10px; background:#eee;border-top: #ccc  1px solid;}
	#botonPagar{height:50px}
}

/* Media Query for low resolution  Tablets, Ipads */
@media (min-width: 481px) and (max-width: 767px) {
	.desktop {display: none;}
	.mobile {display: block;}
	.mobile-search {display: none;}
	#divBotonFinalizar{width: 100%;left: 0px; position: fixed;bottom: 10px;}
	#divBotonFinalizarMP{width: 100%;left: 0px; position: fixed;bottom: 10px; background:#eee;border-top: #ccc  1px solid;}
	#botonPagar{height:50px}
}
  
/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px){
	.desktop {display: block;}
	.mobile {display: none;}
	.mobile-search {display: none;}
}
  
/* Media Query for Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1280px){
	.desktop {display: block;}
	.mobile {display: none;}
  .mobile-search {display: none;}
}
  
/* Media Query for Large screens */
@media (min-width: 1281px) {
	.desktop {display: block;}
	.mobile {display: none;}
  .mobile-search {display: none;}
}

.btn-product-icon{
	background:#4B8AF1;
	color:white;
}

.product-action-horizontal{
	background:#4B8AF1;
}
.product-action-horizontal .btn-product-icon {
    margin-bottom: 0;
    border: none;
    color:white;
}

.product-name {
    margin-bottom: 0.7rem;
    font-size: 1.3rem;
    font-weight: 500;
    white-space: normal;
    overflow: auto; 
    text-overflow: inherit;
    max-height: 300px;
    height: 50px;
}

.ui-autocomplete {
    top: 107px;
    left: 256px;
    max-height: 200px !important;
    overflow-y: scroll !important;
	overflow-x: hidden;
    width: 505px;
    display: none;
}


/* tienda */


.tiendas-popup {
  max-width: 70rem;
  padding: 2rem;
}
.tiendas-popup .nav.nav-tabs .nav-item {
  width: calc(50% - .5rem);
  margin: 0;
}
.tiendas-popup .nav.nav-tabs .nav-item:first-child {
  margin-right: 1rem;
}
.tiendas-popup .nav-item .nav-link {
  padding: 1.3rem 0;
  font-size: 1.6rem;
  font-weight: 700;
}
.tiendas-popup .nav-item .nav-link::after {
  border-top-width: 2px;
  -webkit-transform: none;
          transform: none;
}
.tiendas-popup .tab-pane {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.tiendas-popup .tab-pane a:not(.btn):hover {
  text-decoration: underline;
}
.tiendas-popup #sign-in {
  font-size: 1.4rem;
}
.tiendas-popup .form-group {
  margin-bottom: 2.6rem;
}
.tiendas-popup .form-group label {
  display: block;
  margin-bottom: 0.5rem;
}
.tiendas-popup .form-control {
  min-height: 4.4rem;
}
.tiendas-popup .form-checkbox {
  margin-top: 2.2rem;
  margin-bottom: 2.3rem;
}
.tiendas-popup .form-checkbox a {
  font-size: 1.2rem;
  color: #a94442;
}
.tiendas-popup .btn {
  display: block;
  padding-top: 0.79em;
  padding-bottom: 0.79em;
}
.tiendas-popup p {
  margin-bottom: 1.9rem;
}
.tiendas-popup #sign-up p {
  margin-bottom: 2.1rem;
  line-height: 1.84;
}
.tiendas-popup .social-icon {
  margin-right: 0.8rem;
}

#divCerca {
	overflow-y: scroll; height: 350px;
}
#divCerca::-webkit-scrollbar{
	width: 12px;
}
#divCerca::-webkit-scrollbar-track{
	background: #eee; 
}
#divCerca::-webkit-scrollbar-thumb{
	background-color: #ccc;
	border-radius: 20px;
	border: 3px solid #eee;
}


.mobile-menu-container .mobile-menu {
    background: none;
}
.mobile-menu {
    color: #336699;
	font-size: 17px;
}
.toggle-btn::before {
    font-size: 1.7rem;
}
.mobile-menu > li:not(:last-child) {
    border-bottom: 1px solid #e1e1e1;
}


.product:hover{
	border: 1px solid #e1e1e1; border-radius: 5px; box-shadow: rgba(99, 99, 99, 0.2) 0px 7px 8px 5px;
}

.product{
	background: white;
    padding: 5px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 3px 0px;
}

.cucardaIzquierda{
	position: absolute;
    left: 5px;
    top: -5px;
    z-index: 2;
}
.cucardaDerecha{
	position: absolute;
    right: 5px;
    top: -5px;
    z-index: 2;
}
.cucardaIzquierdaAbajo{
	position: absolute;
    left: 5px;
    bottom: -5px;
    z-index: 2;
}
.cucardaDerechaAbajo{
	position: absolute;
    right: 5px;
    bottom: -5px;
    z-index: 2;
}


.swiper-slide.product:hover{
	background: white; border: 1px solid #e1e1e1; padding: 5px; padding-bottom: 9px; border-radius: 5px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.shop-default-category {
    border-bottom: none;
    padding-bottom: 0rem;
}

#divCarroLateral {
	overflow-y: auto; overflow-x: hidden;
	padding: 15px
}

.cart-dropdown.cart-offcanvas .dropdown-box {
	padding: 1rem;
}
.cart-dropdown .products{
	max-height: 35rem;
}
#divCarroLateral::-webkit-scrollbar{
	width: 12px;
}
#divCarroLateral::-webkit-scrollbar-track{
	background: #eee; 
}
#divCarroLateral::-webkit-scrollbar-thumb{
	background-color: #ccc;
	border-radius: 20px;
	border: 3px solid #eee;
}
#divCarroLateral .product{
	box-shadow: none
}
#divCarroLateral .product:hover{
	border: none
}

#divBotonAvisoStock .w-icon-check{
	font-size: 27px;
    color: #060667;
}

.shop-table:not(.account-orders-table) tr {
    padding: 0.8rem;
}

.checkout .order-summary-wrapper {
    padding: 1rem;
}

.botonesPago{
	box-shadow: 3px 3px 7px -3px rgba(0,0,0,0.58) !important;
}
.botonesPago:hover{
	box-shadow: 3px 3px 11px -3px rgba(0,0,0,0.58) !important;
}

.botonesUsuario{
	box-shadow: 3px 3px 7px -3px rgba(0,0,0,0.58) !important;
}
.botonesUsuario:hover{
	box-shadow: 3px 3px 11px -3px rgba(0,0,0,0.58) !important;
}

.botonesDirEntrega{
	box-shadow: 3px 3px 7px -3px rgba(0,0,0,0.58) !important;
}
.botonesDirEntrega:hover{
	box-shadow: 3px 3px 11px -3px rgba(0,0,0,0.58) !important;
}

.botonesPlanes:hover{
	box-shadow: 3px 3px 11px -3px rgba(0,0,0,0.58) !important;
	background: white;
}
.botonesPlanes:hover{
	box-shadow: 3px 3px 11px -3px rgba(0,0,0,0.58) !important;
	background: #f5f5f5;
}

.swal2-confirm.swal2-styled{
	display: inline-block;
    height: 35px;
    font-size: 13px !important;
    background: #062452;
}

.swal2-cancel.swal2-styled{
	display: inline-block;
    height: 35px;
    font-size: 13px !important;
}

.product.product-cart .product-name {
    font-size: 1.1rem;
}

@media print {
  .noprint {
    display: none !important;
  }
  .pagebreak { page-break-before: always; } /* page-break-after works, as well */
  .print {display:block !important;}
}

.contenedor {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #3FAE2A;
	border-radius: 50px;
	padding: 3px;
	color: white;
	width: fit-content;
}
.texto {
	flex: 1;
	font-size: 1rem;
	padding-left: 20px;
	font-weight: 200;
	font-weight: normal;
	font-size: 1.3rem;
}
.off{
	font-weight: bold;
}
.precio {
	font-size: 25px;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
}


.contenedorCard {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #3FAE2A;
	padding: 3px;
	color: white;
	border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.textoCard {
	flex: 1;
	font-size: 0.8rem;
	padding-left: 15px;
	font-weight: 200;
	line-height: 1;
	font-weight: normal;
}
.offCard{
	font-weight: bold;
}
.precioCard {
	font-size: 2.1rem;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}




@media only screen and (max-width: 600px) {
	.textoCard {
		flex: 1;
		font-size: 0.6rem;
		padding-left: 3px;
		font-weight: 200;
		line-height: 1;
		font-weight: normal;
	}
	.precioCard {
		font-size: 1.5rem;
		font-weight: bold;
		padding-left: 2px;
		padding-right: 2px;
	}
	.swiper-producto img {
		display: block;
		width: 60%;
	}
}