/*
Gris oscuro: #18191a;
Rojo oscuro: #bd2130;
Rojo brillante: #ff071c;
--
Azul: #2f63aa;
Naranja: #ce7b2d;
Rosa: #ed5e72;
Azul-claro: #0088b9;
Morado: #822790;
Verde: #30aa30;
*/
.jconfirm-content{
    color: #000!important;
}
.jconfirm-buttons:first-child{
    background-color:#28a745!important;
}

.azul1 {
	color: #2f63aa !important;
}.naranja {
	color: #ce7b2d !important;
}.rosa {
	color: #ed5e72 !important;
}
.azul2 {
	color: #0088b9 !important;
}
.morado {
	color: #822790 !important;
}
.verde {
	color: #30aa30 !important;
}

a, a:hover, a:active, a:focus { 
	text-decoration: none;
	color: #fff;
}

.navbar {
	display: flex;
    justify-content: space-between;
    background-color: #000000;
    align-items: baseline;
    margin-bottom: 10px;
}

.navbar-nav {
	display: inline-block;
	text-align: center;
}

.nav-item {
	display: inline-flex;
}

.nav-item a.nav-link {
	color: #ffffff;
	font-weight: 400;
	padding: 5px 10px 0;
	font-size: 18px;
}

.nav-item:hover a.nav-link, .nav-item:focus a.nav-link, .nav-item:active a.nav-link  {
	background-color: transparent;
	border-radius: 20px;
	text-decoration: none;
}

.nav-item a.nav-link.cart {
	font-size: 22px;
}

.navbar-brand {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 0;
}

.return {
	width: 40px;
    font-size: 16px;
    height: 30px;
    text-align: center;
    background: #ffffff;
    color: #222222;
    vertical-align: middle;
    border-radius: 15px;
    margin-top: 0;
    padding-top: 5px;
}

.iniciar {
	background: #212529;
	font-size: 16px;
	color: #ffffff;
	text-align: right;
	padding: 15px 10px;
	font-weight: 400;	
}

.iniciar a {
	color: #ffffff;
	margin-right: 15px;
}

.empresas {
	/*display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	style="background: #ffa300"
	style="background: #00ae00"
	height: 90vh;*/
	margin-top: 50px;
}

.empresa {
	width: 100%;
	height: 100%;
	margin-bottom: 25px;
	padding: 0 5px;
	text-align: center;
	display: flex;
    align-items: center;
    background-color: #000000;
    border: 3px solid #222;
}

.empresa img, .empresa a { 
	width: 100%;
	color: #ffffff;
 }

 .empresa h3 {
 	font-size: 15px;
 	text-transform: uppercase;
 	font-weight: 600;
 	margin-bottom: 0;
 	line-height: 1;
 	padding-bottom: 0;
 	margin-top: 8px;
 }

.txt-ask {
 	color: #efefef;
 	font-size: 17px;
 	font-weight: 600;
 	letter-spacing: .5px; 
 	margin-bottom: 20px;
 	text-align: center;
}

.txt-ask span {
 	font-weight: 400;
}

.txt-ask.txt-sm {
 	font-size: 13px;
}

.title {
 	letter-spacing: .5px;
}

.principal .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}

.principal .nav.nav-tabs .nav-item {
	width: 45%;
	padding: 0 5px;
	text-align: center;
}

.cat {
	background-color: #000000;
	padding: 3px;
	margin-bottom: 6px;
}

.cat-img img {
	border: 4px solid #222222;
	border-radius: 50%;
}
.subcat .cat-img img {
	border: none;
	border-radius: 3px;
}

.cat:focus img, .cat:active img, .cat:hover img {
	border: 4px solid #555555;
}

.cat-img {
	border-radius: 50%;
	background: #000;
}
.subcat .cat-img {
	border-radius: 3px;
}
.cat h2 {
	font-size: 15px;
	text-transform: uppercase;
	color: #ffffff;
	margin-top: -5px;
	font-weight: 800;
	letter-spacing: .5px;
}

.cat h4 {
	font-size: 14px;
	text-align: center;
	text-transform: none;
	color: #ffffff;
	margin-top: 2px;
	font-weight: 500;
	letter-spacing: .5px;
}


.principal .nav.nav-tabs {
	display: flex;
	justify-content: center;
}

.principal .nav.nav-tabs .nav-item:hover a.nav-link, .principal .nav.nav-tabs .nav-item:focus a.nav-link, .principal .nav.nav-tabs .nav-item:active a.nav-link {
    background-color: transparent;
    border-radius: 0;
}

.principal .nav-tabs {
    border-bottom: 2px solid #222222;
}

.principal .tab-content {
	margin-top: 20px;
}

.interior {
	width: 100%;
	background: #000000;
	padding: 2px;
	height: 100%;
}

.interior h3 {
	font-size: 14px;
	font-weight: 800;
	padding: 3px;
	margin-bottom: 0;
	color: #ffffff;
	border-top: 2px solid #222222;
	margin-top: 2px;
	text-align: center;
}

.interior a {
	color: #ffffff;
}

.interior a:hover, .interior a:active, .interior a:focus {
	text-decoration: none;
}

.principal .nav.nav-tabs .nav-item:active a.nav-link .cat-img img, .principal .nav.nav-tabs .nav-item a.nav-link.active .cat-img img  {
	border: 6px solid #333333;
}

.principal .nav.nav-tabs .nav-item:active a.nav-link .cat h2, .principal .nav.nav-tabs .nav-item a.nav-link.active .cat h2  {
	font-size: 16px;
}

.productos a {
	background: #fff;
}

.producto {
	background: #fff;
	padding: 4px;
	width: 100%;
}

.producto h3 {
	color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: 600;
    line-height: 1.1;
    border-top: 2px solid #ccc;
    margin-top: 3px;
    padding-top: 3px;
    margin-bottom: 0px;
    height: 35px;
    overflow: hidden;
    white-space: normal;
    /*text-overflow: ellipsis;*/
    width: 100%;
}

.producto h4 {
	color: #999;
	margin-bottom: 3px;
	font-size: 13px;
	text-align: right;
}

.producto h5 {
	  color: #000;
    font-size: 15px;
    margin-bottom: 0;
    border-top: 2px solid #ccc;
    text-align: right;
    /*width: 100%;*/
    margin-top: 3px;
    padding-top: 3px;
}

.catalog-collapse {
	margin-bottom: 20px;
}

.btn.btn-catalogos {
	background: #000000;
	border-radius: 0;
	width: 100%;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 800;
	text-align: left;
	color: #efefef;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}

.btn.btn-catalogos span.title-catalog {
	font-size: 14px;
	font-weight: 600;
	text-transform: none;
}


/* Carousel Categorías */
.catalog-carousel .carousel-inner .active,
.catalog-carousel .carousel-inner .active + .carousel-item,
.catalog-carousel .carousel-inner .active + .carousel-item + .carousel-item  {
    display: block;
}

.catalog-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
.catalog-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
.catalog-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
    transition: none;
}

.catalog-carousel .carousel-inner .carousel-item-next,
.catalog-carousel .carousel-inner .carousel-item-prev {
  position: relative;
  transform: translate3d(0, 0, 0);
}

.catalog-carousel .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -25%;
    z-index: -1;
    display: block;
    visibility: visible;
}

/* left or forward direction */
.catalog-carousel .active.carousel-item-left + .carousel-item-next.carousel-item-left,
.catalog-carousel .carousel-item-next.carousel-item-left + .carousel-item,
.catalog-carousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
.catalog-carousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
}

/* farthest right hidden item must be abso position for animations */
.catalog-carousel .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    visibility: visible;
}

/* right or prev direction */
.catalog-carousel .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
.catalog-carousel .carousel-item-prev.carousel-item-right + .carousel-item,
.catalog-carousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
.catalog-carousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(50%, 0, 0);
    visibility: visible;
    display: block;
    visibility: visible;
}

.catalog-carousel .carousel-control-prev {
    margin-left: -24px;
}

.catalog-carousel .carousel-control-next {
    margin-right: -24px;
}
/* Carousel end */

.paginacion, .pagination {
	display: flex;
   justify-content: center;
}

.paginacion .page-link, .pagination li.page-item a.page-link {
   color: #000;
   background-color: #fff;
   border: 1px solid #ccc;
   border-right: 0;
   margin-right: -2px;
   padding: 10px 13px;
}

.paginacion .page-link:last-child, .pagination li.page-item a.page-link:last-child {
    border-right: 1px solid #ccc;
}

.paginacion .page-item:first-child .page-link, .pagination li.page-item:first-child a.page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.paginacion .page-item:last-child .page-link, .pagination li.page-item:last-child a.page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.paginacion .page-link.active, .pagination li.page-item.active a.page-link {
    color: #fff;
    background-color: #ed0418;
}

.product-modal .producto h3 {
    padding-top: 5px;
    margin-bottom: 5px;
    height: auto;
}

.product-modal .producto h5 {
    font-size: 18px;
}

.product-modal .form-control, .product-modal .custom-select {
    height: auto;
    padding: 6px 5px;
    margin-bottom: 5px;
    line-height: 1.1;
    color: #000000;
    font-weight: 500;
}

.prod-check .custom-select {
    height: auto;
    padding: 3px 5px;
    margin-bottom: 5px;
    line-height: 1.1;
    color: #000000;
    font-weight: 500;
}

.product-modal label {
	width: 100%;
}

.modal.fade.modal-producto .modal-dialog {
	background-color: rgba(204,204,204,0.7);
	margin: 0;
	height: 100%;
}

.cat-bread p {
	text-align: right;
    width: 100%;
    color: #ffffff;
    font-size: 13px;
    font-weight: 400;
    padding-bottom: 0;
}

.cat-bread {
    border-bottom: 1px solid #464647;
}

.cat-bread .form-control {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 4px 0 2px 3px;
    line-height: 1.1;
    color: #fff;
    background-color: #343a40;
    background-size: 12px;
	 background-position: right .4rem center;
    border: 0;
    border-radius: 0;
	 margin-bottom: 2px;
}

.cat-bread .form-control:focus {
    box-shadow: none;
}

.cat-bread .title-select {
	background: #000 !important;
}

.cat-bread p span {
	font-weight: 600;
}

.swiper-pagination-bullet {
    width: 30px;
    height: 30px;
    padding: 4px;
    display: inline-block;
    border-radius: 0;
    background: #000;
    opacity: 1;
    border: 2px solid #343a40;
}
.swiper-pagination-bullet-active {
	color:#fff;
	background: #343a40;
}
.swiper-container {
    padding-bottom: 40px;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
	 margin-top: 10px;
}
/*.swiper-slide.swiper-slide-active {
	z-index: 1;
}*/
.swiper-slide {
      text-align: center;
      height: calc((100% - 10px) / 2);
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}

.medida-p {
	color: #fff;
	font-weight: 400;
	font-size: 14px;
}

.btn-pay {
	background-color: #28a745;
    text-align: center;
    padding: 10px 10px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    color: #ffffff;
    margin-top: 15px;
    letter-spacing: 1px;
    line-height: 1.1;
}

.btn-pay-sm {
	background-color: #28a745;
    text-align: center;
    padding: 3px 5px;
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
    color: #ffffff;
    margin-top: 5px;
    letter-spacing: 1px;
    line-height: 1.1;
    width: 100%;
    border-radius: 0 0 3px 3px;
}

.btn-cancel {
	background-color: #bd2130;
    text-align: center;
    padding: 10px 10px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    color: #ffffff;
    margin-top: 15px;
    letter-spacing: 1px;
    line-height: 1.1;
}

.prod-check h2 {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 5px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.prod-check h5 {
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 5px;
}
.prod-check h4 {
	font-size: 16px;
	font-weight: 600;
	color: #4fc269;
	text-align: center;
	width: 100%;
}

.prod-check .btn-outline-secondary {
	font-size: 12px;
    padding: 4px 5px;
}  

.prod-check .btn-grey {
	font-size: 12px;
   padding: 4px 5px;
	background: #d9dada;
	color: #000000;
	font-weight: 600;
}  

.btn.btn-trans {
   padding: 0px 4px;
	background: #ed0418;
	color: #ffffff;
	font-weight: 600;
}  


.prod-check .form-control {
    height: auto;
    font-size: 16px;
    padding: 2px;
    line-height: 1;
    color: #000;
    border: 0;
	 font-weight: 500;
    text-align: center;
	 margin-bottom: 0;
	 border-radius: 3px !important;
}

.prod-check .input-group {
    -ms-flex-align: stretch;
    align-items: stretch;
}

.prod-check:not(last-child) {
	padding-bottom: 10px;
	margin-top: 10px;
	border-bottom: 2px solid #464647;
}

.checkout {
	margin-top: 0px;
}

.checkout p {
	text-align: right;
	font-weight: 500;
	margin-bottom: 5px;
	letter-spacing: 1px;
}

.checkout p.txt-co {
	text-align: left;
	font-weight: 600;
}

.co-total p.txt-co {
	font-size: 18px;
	color: #4fc269;
	font-weight: 800;

}

.pedido-check {
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: #000;
	padding: 10px;
}

.prod-check.pcsin {
	padding-bottom: 0;
	margin-top: 0;
	border-bottom: 0;
}

.productos {
	height: 380px;
}

.mas-menos {
	font-size: 20px;
	font-weight: 400;
	color: #ffffff;
	line-height: 14px;
}

.jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box {
    background: white;
    border-radius: 5px 5px 0 0;
    padding: 15px 15px 0;
    border-bottom: 5px solid #0088b9;
}

.jconfirm .jconfirm-content {
    font-size: 16px;
    font-weight: 600;
}

.quitar {
	background-color: #ee9d0f;
        color:#fff;
   border-radius: 50%;
   padding: 4px 7px;
   font-size: 12px;
	margin-left: 3px;
   margin-top: -4px;
}

.font-900 {
	font-weight: 900 !important;
}

.breadcrumbs {
	list-style-type: none;
	display: inline-block;
	padding-left: 3px;
	margin-bottom: 5px;
}

.breadcrumbs li {
	float: left;
	display: inline;
}

.breadcrumbs li a {
	font-size: 13px;
	color: #000;
}

.breadcrumbs li:last-child {
	font-weight: 600;
}

.breadcrumbs i {
	font-size: 12px;
	color: #999;
	padding: 0 5px 0 2px;
}

.search-form {
	position: absolute;
   width: 100%;
   left: 0px;
   z-index: 1000;
}

.jconfirm-icon-c {
	color: #17a2b8;
   text-align: center;
	width: 100%;
}

.jconfirm .jconfirm-box div.jconfirm-title-c {
   padding-bottom: 0;
}

.confirm-p {
	text-align: center;
	font-size: 14px;
   color: #495057;
}

.confirm-p a {
	color: #000000;
}

.confirm-p a i {
	color: #30aa30;
}

.ter-con {
	max-height: 90px;
	overflow-y: scroll;
}

.ter-con {
	margin-top: 5px;
	background-color: #dadada;
	padding: 5px;
}

.ter-con h2 {
	font-size: 15px;
	font-weight: 700;
}

.ter-con p {
	font-size: 13px;
	line-height: 1.4;
}

.realizar {
	color: #17a2b8;
    text-align: center;
    margin: 8px 0;
    line-height: 1.2;
    font-size: 18px;
    font-weight: 600;
}

.confirm-datos {
	margin-top: 1rem;
	border-bottom: 1px solid #ced4da;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
}

.confirm-l {
	line-height: 1.1;
    font-size: 15px;
    padding-top: 4px;
}

@media (min-width:375px) {
	.productos {
		height: 400px;
	}
}

@media (min-width:400px) {
	.productos {
		height: 450px;
	}
}

@media (min-width:470px) {
	.productos {
		height: 480px;
	}
}

@media (min-width:510px) {
	.productos {
		height: 500px;
	}
}

@media (min-width:550px) {
	.productos {
		height: 530px;
	}
}

@media (min-width:700px) {
	.productos {
		height: 630px;
	}
}

@media (min-width:1020px) {
	.productos {
		height: 800px;
	}
}

.collapse-int {
	background-color: #222121;
    padding: 10px 10px 1px;
    border: 1px solid #333;
}

.collapse-int a {
	font-weight: 600;
	letter-spacing: .5px;
	display: block;
}

.collapse-int a i {
    font-size: 15px;
    color: #dee2e6;
	 margin-right: 3px;
}