@import url('https://fonts.googleapis.com/css2?family=Grape+Nuts&family=Inter:wght@100;300;700&family=Josefin+Sans:wght@700&family=Montserrat+Alternates:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Grape+Nuts&family=Josefin+Sans:wght@700&family=Montserrat+Alternates:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css");


@font-face {
	font-family: 'Bobby Regular';
	src: url('../fonts/F37 Bobby Regular.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Brandon Bold';
	src: url('../fonts/Brandon_bld.otf');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Brandon Regular';
	src: url('../fonts/Brandon_reg.otf');
	font-weight: bold;
	font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');


body {
	font-family: 'DM Sans', sans-serif;
	/*background: rgb(204,255,255);
	background: linear-gradient(90deg, rgba(204,255,255,0.50) 0%, rgba(255,255,255,0.9654236694677871) 48%, rgba(255,179,255,0.50) 100%);*/
	background: #fff;
}

.activeclass {
	border-bottom: 1px solid #00FFFF;
}

.classcursor {
	cursor: pointer;
}

.header {
	height: auto;
	color: #FFF;
	/*display: flex;
	align-items: center;*/
	font-size: 20px;
	position: fixed;
	width: 100%;
	z-index: 1001;
	top: 0;
	left: 0;
	background: rgb(0, 57, 77);
	box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1);
}

.container {
	max-width: 100% !important;
	padding: 0 40px;
}


header {
	width: 100%;
}

.centrarelemento {
	display: flex;
	align-items: center;
	justify-content: center;
}

.centrarelementoDerecha {
	display: flex;
	align-items: center;
	justify-content: end;
}

.centrarelementoIzquierda {
	display: flex;
	align-items: center;
	justify-content: left;
}

.centrarelementoIzquierdaTimeLine {
	display: flex;
	align-items: center;
	justify-content: center;
}


.btnvermas {
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
}

.producto {
	margin-top: 10%;
	height: 425px;
	width: 100%;
	border-radius: 5px;
	background: transparent;
	/*box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.3);*/
	cursor: pointer;
	position: relative;
	box-sizing: border-box;
	border: 1px solid #ddd;
}

.producto:hover {
	box-shadow: 0px 0px 4px 3px rgb(0, 89, 70, .7);
}

.quickview {
	opacity: 0;
	border-radius: 15px 0px 0px 15px;
	background: #FFF;
	border: 1px solid #ccc;
	height: 40px;
	width: auto;
	font-size: 15px;
	position: absolute;
	right: 0;
	top: 10%;
	transition: 1s ease-out;
	padding-left: 4%;
	padding-right: 4%;
	box-shadow: inset 1px -3px 5px -3px rgb(100, 100, 100);
}

.chooseOption {
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	transition: .2s ease-in;
	width: 100%;
	position: absolute;
	bottom: 0px;
	background: rgba(160, 0, 0, .6);
	color: #FFF;
	height: 40px;
	border: none;
}

.producto:hover .quickview, .producto:hover .chooseOption {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);

	/*box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.4);*/
}

/*
.chooseOption2{
    transform: translateY(15px);
    transition: .2s ease-in;
	width: 100%;
	background: rgba(0,59,77,.6);
	color: #FFF;
	height: 40px;
	border: none;
	border-radius: 0px 0px 5px 5px;
}
*/
.chooseOption2 {
	transform: translateY(15px);
	transition: .2s ease-in;
	width: 100%;
	background: rgb(0, 89, 70);
	color: #FFF;
	height: 40px;
	border: none;
	border-radius: 0px 0px 5px 5px;
	font-weight: bold;
	font-size: 14px;
}

.chooseOption2:hover {
	background: rgba(0, 89, 70, .8);
}

.producto:hover .btnvermas {
	opacity: 1;
}

.contimagenpuntos {
	height: 300px;
	width: 100%;
	box-sizing: border-box;
	background: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	border-radius: 20px 20px 0px 0px;
}

.contpuntos {
	font-size: 11px;
	background: #000;
	color: #fff;
	padding: 2% 5% 2% 2%;
	position: relative;
	top: 0;
	left: 0;
	border-radius: 5px 16px 16px 0px;
}

.imgprod {
	max-width: 100%;
	max-height: 250px;
	height: auto;
	width: auto;
	border-radius: 5px;
}

.contentCenter {
	justify-content: center;
	text-align: center;
}

.nomarginrow {
	margin-left: 0;
	margin-right: 0;
}

.btn-secondary {
	/*background: transparent;
	border:1px solid #000;
	color: #000;
	font-size: 13px;*/
}

.btncantidad {
	background: transparent;
	border: transparent;
	color: #000;
	font-size: 13px;
}

.btn-secondary:hover, .btncantidad:hover {
	/*background: #000;
	color: #fff;*/
}

.btnagrega {
	padding-left: 14%;
	padding-right: 14%;
}

.contprecios {
	display: grid;
	align-items: end;
	height: 110px;
	font-size: 13px;
	font-weight: normal;
	padding-right: 0px;
	padding-left: 0px;
}

.fontPrecio {
	font-size: 18px;
}

footer {
	margin-top: 10%;
	background: #FFF;
	width: 100%;
	min-height: 300px;
	color: #4a4a4a;
	position: relative;
	box-shadow: 5px -2px 3px 2px #ddd;
}

#precioDetalleProd {
	margin-top: 10%;
}

#cantidadDetalleProd {
	margin-top: 10%;
}

#textoDetalleProd {
	margin-top: 5%;
	font-size: 14px;
}

.inputcenter {
	text-align: center;
}

.btn-light {
	background: transparent !important;
	border: none;
	padding: 0px;
}

.caracteristicasDetalleProd {
	/*margin-top: 10%;
	margin-bottom: 4%;*/
}

.prodrelacionadosDetalleProd {
	margin-top: 4%;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 4%;
}

.btn-carrito {
	position: absolute;
	right: 3%;
}

.btn-search {
	position: absolute;
	right: 6%;
	font-size: 23px;
}

.btn-search:hover {
	font-size: 25px;
}

.nav-link {
	color: #000 !important;
	border: none !important;
	cursor: pointer;
}

.nav-link:hover {
	font-weight: bold;
}

.nav-link.active {
	border-bottom: 4px solid #c2c2c2 !important;
	/*background: transparent !important;*/
}

.nav-tabs {
	border-bottom: 1px solid #c2c2c2 !important;
	color: #000;
	border: none !important;
}

.relacionadosDetalleProd {
	min-height: 110px !important;
}

.partidasProductosCarrito {
	border-bottom: 1px solid #ccc;
	margin-bottom: 1%;
	max-height: 80vh;
	overflow: auto;
}

.btn-outline-secondary:hover {
	color: #FFF;
}

.input-cantidad-carrito {
	height: 35px;
	border: none;
}

.input-cantidad-carrito:hover {
	box-shadow: 0 0 0 0;
}

.btn-suma-carrito {
	height: 35px;
	width: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgb(0, 59, 77);
	color: #FFF;
	border-radius: 0px 15px 15px 0px !important;
}

.btn-resta-carrito {
	height: 35px;
	width: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgb(0, 59, 77);
	color: #FFF;
	border-radius: 15px 0px 0px 15px !important;
}



div#LEFTMenuDivision::after {
	content: url(imagenes/iconoMenu.png);
	position: absolute;
	bottom: 5%;
	left: 25%;
}

.btn-newenvio {
	font-family: 'DM Sans', sans-serif;
	background: #000 !important;
	color: #fff !important;
	border-radius: 25px;
}

.btn-newenvio:hover {
	background: #fff !important;
	color: #000 !important;
}

.img-menueCommerce {
	max-height: 65px;
	vertical-align: top;
}

.carousel-indicators {
	bottom: -50px;
}

.carousel-indicators button {
	box-shadow: 0px 3px 4px rgb(150, 150, 150);
	margin-right: 1% !important;
	;
	background: #F8F3EE !important;
	;
	height: 13px !important;
	width: 13px !important;
	border-radius: 50%;
	border-top: none !important;
	border-bottom: none !important;
}


.carousel-banners .carousel-indicators .active {
	width: 18px !important;
	height: 18px !important;
	background-color: rgba(0, 59, 77, .8) !important;
	;
	border: none;
}

.carousel-inner {
	max-height: 450px !important;
}

.cont-company {
	padding: 2%;
}

.list-company {
	list-style: none;
	padding-left: 0px;
	line-height: 2.5rem;
	font-size: 16px;
	font-family: 'DM Sans', sans-serif;
	cursor: pointer;
}

.list-company li:hover {
	/*color: #000;*/
}

.cont-imgFooter {
	display: flex;
	align-items: center;
	justify-content: center;
}

.cont-imgFooter img {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
}

/*------ NewsLetter ------ */
.cont-newsletter {
	padding: 2%;
}

.div_newsletter {
	position: relative;
	margin-top: 3%;
}

.input-newsletter {
	border-radius: 50px;
	height: 44px;
}

.btn-newsletter {
	position: absolute;
	top: 2px;
	right: 4%;
	border-radius: 50px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 33%;
	background: rgba(160, 0, 0, 1);
	border: none;
}

.btn-newsletter:hover {
	background: rgba(120, 0, 0, 1);
}

.btn-newsletter:active {
	background: rgba(120, 0, 0, 1);
	border-color: transparent !important;
}

.btn-newsletter:focus {
	background: rgba(120, 0, 0, 1);
	border-color: transparent !important;
	box-shadow: 0 0 0 .25rem rgba(120, 0, 0, .5);
	;
}

.btn-newsletter:active:focus {
	background: rgba(120, 0, 0, 1) !important;
	border-color: transparent !important;
	box-shadow: none !important;
}

.cuantosllevo {
	font-size: 11px;
	border-radius: 50% !important;
	min-height: 20px;
	min-width: 18px;
	display: inline-grid;
	align-content: center;
	justify-content: center;
	margin-top: 7px;
	margin-left: 0px;
}

.titleCart {
	font-weight: bold;
	font-size: 14px;
	color: #AAA;
}

.header .navbar-nav, .header .nav-link {
	font-size: 15px;
	color: #FFF !important;
}

.navbar-nav, .nav-link {
	font-size: 18px;
	color: #000 !important;
}

.nav-link:hover {
	font-weight: normal !important;
	color: #ddd !important;
}


/* Redes cociales Footer  */
.site-footer {
	margin-top: 10%;
}

.site-footer .social-icons a {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background: rgb(100, 135, 146);
	text-align: center;
	line-height: 45px;
	transition: .5s all;
}

.site-footer .social-icons .facebook:hover {
	transform: scale(0.8);
	background: #000;
	background: #3b5998;
	border: 1px solid #3b5998;
	color: #FFF;
}

.site-footer .social-icons .twitter:hover {
	transform: scale(0.8);
	background: #000;
	background: #000;
	border: 1px solid #000;
	color: #FFF;
}

.site-footer .social-icons .instagram:hover {
	transform: scale(0.8);
	border: 1px solid #C13584;
	color: #FFF;
	background: #f09433;
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
}

.site-footer .social-icons .youtube:hover {
	transform: scale(0.8);
	background: #000;
	background: #C4302B;
	border: 1px solid #C4302B;
	color: #FFF;
}

.site-footer .social-icons .pinterest:hover {
	transform: scale(0.8);
	background: #000;
	background: #C8232C;
	border: 1px solid #C8232C;
	color: #FFF;
}

.site-footer a {
	color: #FFF;
}

.list--inline {
	padding: 0;
	margin: 0;
}

.list--inline li {
	display: inline-block;
	margin-bottom: 0;
}

.operatedByNetzenFooter {
	position: absolute;
	bottom: 2%;
	left: 1%;
	font-size: 15px;
}

nav {
	height: 50px;
}

.imgPrincipal {
	width: 100%;
	height: 450px;
	cursor: pointer;
	border-radius: 25px;
}

.imgSecundaria {
	width: 100%;
	height: auto;
	border-radius: 25px;
	cursor: pointer;
}

.textoPrincipal {
	font-size: 25px;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	color: #FFF;
	line-height: 25px;
	background: rgba(0, 0, 0, .4);
	width: 100%;
	height: 100%;
	padding-top: 25%;
	padding-left: 5%;
	border-radius: 25px
}

.textoSecundario {
	font-size: 25px;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	color: #FFF !important;
	line-height: 25px;
	background: rgba(0, 0, 0, .4);
	width: 100%;
	height: 100%;
	padding-top: 10%;
	padding-left: 5%;
	border-radius: 25px
}

.Productos_Caja {
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
}

.buyNow {
	font-size: 18px;
}

.buyNow, .textTitle {
	display: block;
}

.Productos_Caja:hover .buyNow {
	font-size: 22px;
	text-shadow: 3px 3px 6px #000;
}

.p-relative {
	position: relative;
}

.quickViewCart {
	width: 425px;
	min-height: 250px;
	background: #FFF;
	position: absolute;
	right: 2%;
	border-radius: 4px;
	box-shadow: 1px 3px 5px 2px rgba(0, 0, 0, .3);
	text-align: left;
	display: none;
	max-height: 100vh;
	overflow: auto;
	z-index: 2;
}

.quickViewCart .productosCarrito {
	font-size: 12px;
}

.hoverCart {
	cursor: pointer;
}

.btn-buy-continue {
	/*position: absolute;
	bottom: 5%;*/
	width: 80%;
	margin-bottom: 2%;
}

.btn-buy-continue-cart {
	width: 80%;
	margin-bottom: 5%;
	position: absolute;
	left: 10%;
	bottom: 0;
}

.encabezadoCarrito {
	padding-top: 2%;
	padding-bottom: 2%;
	height: inherit;
}

.contCarritoProducto {
	background: #FFF;
	border: 1px solid rgb(245, 245, 245);
	border-radius: 5px;
	box-shadow: 3px 3px 5px 0px #ccc;
}

.productosCarrito {
	padding-top: 3%;
	padding-bottom: 2%;
	height: inherit;
	border-top: 4px solid rgb(245, 245, 245);
}

.contCantidades {
	border: 0px solid #CCC;
	width: 85%;
}

.btn-pay-continue-cart {
	background: #007F6E;
	width: 100%;
	margin-bottom: 5%;
	margin-top: 8%;
	font-size: 18px;
}

.btn-more-product-cart {
	width: 100%;
	margin-bottom: 5%;
	background: #003B4D;
	color: #FFF;
	font-size: 18px;
}

.contCarritoTotales {
	background: #FFF;
	border: 1px solid rgb(245, 245, 245);
	border-radius: 5px;
	box-shadow: 3px 3px 5px 0px #ccc;
	height: 300px;
}

.importesTotales {
	padding-top: 1.5%;
	padding-bottom: 1.5%;
}

.direnvioCarrito {
	padding-top: 3%;
	padding-bottom: 2%;
	height: inherit;
	border-top: 4px solid rgb(245, 245, 245);
	cursor: pointer;
}

.direnvioCarrito:hover {
	background: #f0f0f0;
}

.newdirEnvio {
	text-decoration: none;
	cursor: pointer !important;
	padding-top: 1%;
}

.squarePagination {
	height: 45px;
	width: 45px;
	font-size: 18px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	margin-left: 1%;
	background: transparent;
	color: rgb(150, 150, 150);
	box-shadow: 0px 1px 4px rgb(100, 100, 100);
}

.squarePaginationAvance {
	height: 40px;
	width: 40px;
	font-size: 18px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	margin-left: 1%;
	background: transparent;
	color: rgb(150, 150, 150);
	box-shadow: 0px 1px 4px rgb(100, 100, 100);
}

.activePagination {
	background: rgba(0, 59, 77, .6);
	color: #FFF;
}

.activePagination:hover {
	background: rgba(0, 59, 77, .8);
	color: #FFF;
	font-weight: bold;
}

.filterProduct::after {
	font-family: "Font Awesome 5 Free";
	content: "\f107";
	font-weight: 900;
	position: absolute;
	font-size: 15px;
	right: 9%;
	top: 20%;
}

.exito {
	display: none;
	position: absolute;
	font-size: 18px;
	padding: 7px 30px;
	border-radius: 9px;
	right: 23%;
	top: 134%;
	width: 100%;
	text-align: center;
}

.exito:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	margin: -19px 0 0 25px;
	border-bottom: 12px solid var(--bs-alert-bg);
	border-right: 12px solid transparent;
	border-left: 12px solid transparent;
}

.exito_detalle {
	display: none;
	position: absolute;
	font-size: 18px;
	padding: 7px 30px;
	border-radius: 9px 9px 9px 9px !important;
	right: 23%;
	top: 134%;
	width: 30%%;
	text-align: center;
}

.exito_detalle:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	margin: -19px 0 0 25px;
	border-bottom: 12px solid var(--bs-alert-bg);
	border-right: 12px solid transparent;
	border-left: 12px solid transparent;
}

.alert {
	padding: 10px 10px 10px 15px !important;
	font-size: 14px !important;
}


.circleTimeLine {
	background: rgba(120, 0, 0, .7);
	height: 30px;
	width: 30px;
	border-radius: 50%;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btnDeleteProduct {
	position: absolute;
	top: 100%;
	font-size: 14px;
	color: rgb(120, 0, 0);
	cursor: pointer;
}

.selectEstado::after {
	font-family: "Font Awesome 5 Free";
	content: "\f107";
	font-weight: 900;
	position: absolute;
	font-size: 15px;
	right: 2%;
	top: 20%;
	color: var(--bs-secondary-color);
}


.detalleProducto #precio {
	font-size: 18px;
	font-weight: bold;
}


.ir-arriba {
	display: none;
	background-repeat: no-repeat;
	font-size: 20px;
	color: rgba(0, 59, 77, .6);
	cursor: pointer;
	position: fixed;
	bottom: 20px;
	right: 10px;
	z-index: 2;
}

.input-search {
	border-radius: 5px 0px 0px 5px;
	padding-left: 2%;
}

.button-search {
	border-radius: 0px 5px 5px 0px;
	width: 80px;
}

.button-search-responsive {
	display: none;
}

.input-group-responsive {
	display: none;
}

.divDirEnvio {
	margin-left: 0px !important;
	border-left: 5px solid transparent;
}

.divDirEnvioSeleccion {
	margin-left: 0px !important;
	border-left: 5px solid rgba(18, 145, 0, 0.75);
}

.btn-login {
	background: rgba(0, 59, 77, .8);
	height: 45px;
	width: 40%;
	font-size: 20px;
	color: #FFF;
	border: 0px;
}

.modal-withe {
	background-color: #FFF;
	opacity: .9 !important;
}



.topseller {
	font-size: 11px;
	width: 90px;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 2%;
	border: 2px solid #FFF;
	background: rgb(0, 59, 77);
	color: #FFF;
	border-radius: 5px 0px 17px 0px;
	z-index: 3;
	height: 30px;
}


.newproducto {
	font-size: 11px;
	width: 60px;
	position: absolute;
	top: 0px;
	left: 80px;
	padding: 2%;
	padding-right: 2%;
	border: 2px solid #FFF;
	background: rgb(245, 206, 62);
	color: #FFF;
	border-radius: 5px 0px 17px 0px;
	z-index: 2;
	text-align: right;
	padding-right: 2%;
	height: 30px;
}

.offerproducto {
	font-size: 11px;
	width: 70px;
	position: absolute;
	top: 0px;
	left: 120px;
	padding: 2%;
	padding-right: 2%;
	border: 2px solid #FFF;
	background: rgb(168, 173, 0);
	color: #FFF;
	border-radius: 5px 0px 17px 0px;
	z-index: 1;
	text-align: right;
	padding-right: 2%;
	height: 30px;
}

.pruebainfo {
	opacity: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(0, 0, 0, .7);
	z-index: 4;
	align-content: center;
	text-align: center;
	color: #FFF !important;
	font-size: 15px;
	font-weight: normal;
	text-decoration: underline;
	transition: .5s ease-out;
}

.producto:hover .pruebainfo {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}


.form-control-regisro {
	height: 50px;
	border-radius: 3px;
	font-size: 18px;
	margin-bottom: 5px;
}

.required-error:focus {
	border: 1px solid rgba(225, 0, 0, 0.64);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(225, 0, 0, 0.64) !important;
}

.text-large {
	font-size: 18px;
	l ine-height: 26px
}

.font-icon-responsive {
	font-size: 32px;
}

@media (min-width: 761px) {
	.ocultaInfo {
		display: none;
	}

	.topseller {
		font-size: 11px;
		width: 40px;
		position: absolute;
		top: 0px;
		left: 0px;
		padding: 2%;
		border: 2px solid #FFF;
		background: rgb(0, 59, 77);
		color: #FFF;
		border-radius: 5px 0px 17px 0px;
		z-index: 3;
		height: 30px;
	}

	.newproducto {
		font-size: 11px;
		width: 40px;
		position: absolute;
		top: 0px;
		left: 30px;
		padding: 2%;
		padding-right: 2%;
		border: 2px solid #FFF;
		background: rgb(245, 206, 62);
		color: #FFF;
		border-radius: 5px 0px 17px 0px;
		z-index: 2;
		text-align: right;
		padding-right: 2%;
		height: 30px;
	}

	.offerproducto {
		font-size: 11px;
		width: 40px;
		position: absolute;
		top: 0px;
		left: 60px;
		padding: 2%;
		padding-right: 2%;
		border: 2px solid #FFF;
		background: rgb(168, 173, 0);
		color: #FFF;
		border-radius: 5px 0px 17px 0px;
		z-index: 1;
		text-align: right;
		padding-right: 2%;
		height: 30px;
	}

	.contprecios {
		display: grid;
		align-items: end;
		height: 110px;
		font-size: 13px;
		font-weight: normal;
		padding-right: 0px;
		padding-left: 0px;
	}
}


/*------------------ Progreso Boton Finalizar Compra ------------------*/

.progress-button {
	display: inline-block;
	font-size: 18px;
	color: #fff !important;
	text-decoration: none !important;
	padding: 14px 60px;
	line-height: 1;
	overflow: hidden;
	position: relative;
	box-shadow: 0 1px 1px #ccc;
	border-radius: 2px;
	background-image: -webkit-linear-gradient(top, #198754, #198754);
	background-image: -moz-linear-gradient(top, #198754, #198754);
	background-image: linear-gradient(top, #198754, #198754);
}

/*	Hide the original text of the button. Then the loading or finished
	text will be shown in the :after element above it. */

.progress-button.in-progress,
.progress-button.finished {
	color: transparent !important;
}

.progress-button.in-progress:after,
.progress-button.finished:after {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	padding-top: inherit;
	color: #fff !important;
	left: 0;
}

/*	If the .in-progress class is set on the button, show the
	contents of the data-loading attribute on the butotn */

.progress-button.in-progress:after {
	content: attr(data-loading);
}

/* The same goes for the .finished class */

.progress-button.finished:after {
	content: attr(data-finished);
}

/* The colorful bar that grows depending on the progress */

.progress-button .tz-bar {
	background-color: #00351c;
	height: 3px;
	bottom: 0;
	left: 0;
	width: 0;
	position: absolute;
	z-index: 1;
	border-radius: 0 0 2px 2px;
	-webkit-transition: width 0.5s, height 0.5s;
	-moz-transition: width 0.5s, height 0.5s;
	transition: width 0.5s, height 0.5s;
}

/* The bar can be either horizontal, or vertical */

.progress-button .tz-bar.background-horizontal {
	height: 100%;
	border-radius: 2px;
}

.progress-button .tz-bar.background-vertical {
	height: 0;
	top: 0;
	width: 100%;
	border-radius: 2px;
}

@media(max-width: 768px) {
	.ocultaOferta {
		display: block;
	}

	.ocultaNew {
		display: block;
	}
}

.modal-body-newdirection {
	padding-right: 30px;
	padding-left: 30px;
}

.btn-registro-newdirenvio {
	background: rgb(0, 89, 70);
	height: 50px;
	padding-left: 6%;
	padding-right: 6%;
	border-radius: 5px;
	font-size: 22px;
}

.btn-registro-newdirenvio:hover {
	color: gray !important;
	background: rgb(0, 89, 70);
}

.btn-cerrar-newdirenvio {
	height: 50px;
	padding-left: 3%;
	padding-right: 3%;
	border-radius: 5px;
}

.img-responsive-logo {
	max-height: 80px;
}


.img-responsive-menu {
	height: 50px;
}


/*----------------------------------------- LINEA DE TIEMPO -----------------------------------------*/
.textTimeLine {
	font-size: 14px;
}

.infoPay {
	color: #F00;
	font-size: 12px;
	text-align: center;
	margin-bottom: 3%;
}

.camposFormNewEnvio {
	box-shadow: 2px 3px 3px -2px #ccc;
}


#crumbs {
	text-align: center;

	h1 {
		padding: 0 0 30px;
		text-transform: uppercase;
		font-size: 0.9rem;
		font-weight: 600;
		letter-spacing: 0.01rem;
		color: #8093a7;
	}

	ul {
		list-style: none;

		li {
			display: inline;

			a {
				display: flex;
				align-items: center;
				justify-content: center;
				float: left;
				height: 50px;
				background: rgb(172, 191, 199);
				text-align: center;
				padding: 0px 20px 0 60px;
				position: relative;
				margin: 0 10px 0 0;
				font-size: 15px;
				text-decoration: none;
				color: #000;

				&:after {
					content: "";
					border-top: 25px solid transparent;
					border-bottom: 25px solid transparent;
					border-left: 35px solid rgb(172, 191, 199);
					position: absolute;
					right: -34px;
					top: 0;
					z-index: 1;
				}

				&:before {
					content: "";
					border-top: 25px solid transparent;
					border-bottom: 25px solid transparent;
					border-left: 35px solid rgb(0, 59, 77);
					position: absolute;
					left: 0;
					top: 0;
				}
			}
		}
	}
}

#crumbs ul li:first-child a {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

#crumbs ul li:first-child a:before {
	display: none;
}

#crumbs ul li:last-child a {
	padding-right: 40px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

#crumbs ul li:last-child a:after {
	display: none;
}

#crumbs ul li:first-child a:hover {
	//background: rgba(160,0,0,.6);
	color: #fff;
}

#crumbs ul li:first-child a:hover:after {
	// border-left-color: rgba(160,0,0,.6);
	color: #fff;
}

/*.quickViewCart:before {
    border: 25px solid white;
    content: '';
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
    position: absolute;
    bottom: -48px;
    left: calc(50% - 25px)
}*/

/* -------- Pruebas header ------*/
/*
.sticky-wrapper {
    position: absolute;
    top: 30px;
    width: 100%;
}

.header_area {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    transition: background 0.4s, all 0.3s linear;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.header_area .main_menu .main_box {
    background: #fff;
    margin: 0px auto 0;
    max-width: 1200px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.header_area .navbar {
    background: #fff;
    padding: 0px;
    border: 0px;
    border-radius: 0px;
}

.is-sticky .header_area .main_menu .main_box {
  max-width: 100%;
  margin-top: 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.header_area .main_menu .main_box {
  background: #fff;
  margin: 0px auto 0;
    margin-top: 0px;
  max-width: 1200px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}*/