body {
    margin: 0;
    font-family: 'Roboto', sans-serif;
}
html,body{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

.container {
    max-width: 1260px!important;
}

/*Coloca las primeras letras en mayuscula*/
span, a, h1, h2, h3, h4, h5, h6 {
   text-transform:lowercase
}
span:first-letter, a:first-letter, h1:first-letter, h2:first-letter, h3:first-letter, h4:first-letter, h5:first-letter, h6:first-letter {
  text-transform: capitalize;
}
h2{
    font-size: 30px;
    line-height: 34px;
    font-weight: 500;
    letter-spacing: 1px;
    font-family: 'Roboto', sans-serif;
    color: #363f4d;
}


/*PARALLAX*/

.wtitle{
    padding: 100px 20px;
}
.btitle{
    padding: 200px 20px;
}
/*#plx{
    /*background: url(https://i.postimg.cc/2yVjHjyp/seccion-1.png);*/
    background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;
}
/*#plx2{
    background: url(https://i.postimg.cc/B6GMcNSH/cereales.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}*/
section#plx-in{
    background: url(../img/fotos/banner-kitchen-1.png);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#plx-call{
    background: url(../img/fotos/banner-kitchen-3.png);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.img-blog {
    object-fit: cover;
    height: 363px;
}

p.descript {
    margin: -8px 0px!important;
    color: #fff;
    padding: 0px 15px;
}

a.dec-non {
    cursor: pointer;
    text-decoration: none;
}

/*titulo productos*/
a.prolink {
    text-decoration: none;
}
h6.card-title.text-center{
    color: #e50700!important;
    font-size: 16px;
    min-height: 40px!important;
}

h6.card-title.text-center:hover {
    color: #e50700!important;
}
a.nav-link.dropdown-toggle {
    color: grey;
}
.dropdown-menu{
    font-size: 14px;
    color: grey;
    font-weight: 400;
    border: none;
}
.dropdown-item {
    font-weight: 500;
    color: grey;
}
.dropdown:hover>.dropdown-menu {
	display: block;
}
img.logo-firts {
    display: inline!important;
    width: 15%!important;
}
img.card-img-product {
    width: 100%;
    height: auto;
}

.card {
    background-color: #f8f9f4;
    border: none;
}

.card:hover {
    box-shadow: 0px 0px 15px rgb(0 0 0 / 25%);
}
    
img.card-img-top.pro {
    object-fit: cover;
    height: 242px;
}

.view.overlay {
    padding: 7px;
}
/*responsive*/
@media only screen and (max-width: 600px) {
    button#carrito {
    font-size: 11px;
}
    select#inlineFormCustomSelectPref {
    width: 252px!important;
}
img.logo-firts {
    width: 50%!important;
}
h6.card-title.text-center {
    font-size: 18px!important;
}
.flex-center {
    margin-left: 60px;
    margin-right: 54px;
    font-size: 12px;
}
}

/*nav toogler*/
.navbar-toggler {
    background-color: #e5322c;
}

/*desaparecer escritorio (aqui desaparezco las cosas del escritorio)*/

@media only screen and (max-width: 610px) {
	section#section-brand {
		display: none;
	}
    section#MenuDesktop {
		display: none;
	}
    
}


/*desaparecer movil (aqui desaparezco las cosas del movil)*/

@media only screen and (min-width: 600px) {
	section#section-brand-responsive {
		display: none;
	}
    section#MenuMovil {
		display: none;
	}
}


/* Forms */

form .required label:after {
	color: #c11717;
	content: ' (*)';
	display:inline;
}

/* Form errors */
form .error {
	background: #FFDACC;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-weight: normal;
}
form .error-message {
	-moz-border-radius: none;
	-webkit-border-radius: none;
	border-radius: none;
	border: none;
	background: none;
	margin: 0;
	padding-left: 4px;
	padding-right: 0;
}
form .error,
form .error-message {
	color: #9E2424;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
    margin: 1% 1% 1% 0;
}

/*BOTON CARRITO Y CANTIDAD*/
input#cantidad {
    float: left;
    margin-right: 5px;
}

@media only screen and (max-width: 600px){
button#carrito {
    font-size: 13px;
    padding: 8px 12px;
}
select#inlineFormCustomSelectPref {
    width: 99%!important;
}
}

/*PAGINADOR*/
.page-item.active .page-link {
    background-color: #28a745;
    border-color: #28a745;
}
.page-link {
    color: #000;
}

/*buscador*/
label.pri {
    font-size: 20px;
    color: white;
    padding-bottom: 10px;
}
input#price_desde {
    display: block;
    width: 45%;
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 18px;
    padding-right: 10px;
}

input#price_hasta {
    display: block;
    width: 45%;
    float: right;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 18px;
    padding-right: 10px;
}

@media only screen and (max-width: 425px){
.cantidad-resultados {
    padding-bottom: 15px;
} 
img.navbar-brand {
    height: 120px;
    margin-top: 18px;
}
}

/*tienda*/
.col-lg-3.col-sm-12.col-md-4.columna-pro {
    float: left;
}
h6.card-title.text-center {
    min-height: 40px!important;
}
hr {
    height: 2px!important;
}

/*modal*/
button.close.cerrar {
    margin: -15px 0px 0px 0px!important;
}
.modal-footer.butoons {
    justify-content: center;
}
.btn-block+.btn-block {
    margin-top: 0;
}

/*Carousel caption*/
.carousel-caption.d-none.d-md-block {
    background: #0000004f;
}
h5.no-hay {
    padding-left: 9%;
}
/*nuevos colores*/
.text-secondary {
    color: #bb7632!important;
}
p {
    color: #363f4d;
    font-size: 16px;
}
h4#list-categorias-list {
    background: #3d662d;
}
button#busq {
    color: white;
    background: #e5322c;
    border-color: #e5322c;
}
button#busq:hover {
    color: white;
    background: #e5322c;
    border-color: #e5322c;
}
h4.h4 {
    color: #bb7632;
}
strong {
    color: #515151;
}
.carousel-caption.d-none.d-md-block p {
    color: white;
}


a.btn.btn-rounded.btn-log {
    background: #e5322c!important;
    border-color: #e5322c!important;
    color: white;
}
a.btn.btn-rounded.btn-log:hover {
    background: #e5322c!important;
    border-color: #e5322c!important;
    color: white;
}
h4.modal-title.w-100.font-weight-bold.text-tit {
    color: #bb7632;
}
i.fas.fa-envelope.prefix.carta {
    color: #e5322c;
}
i.fas.fa-lock.prefix.candado {
    color: #e5322c;
}
input.btn.btn-ingreso.btn-lg.btn-block {
    background: #e5322c;
    border-color: #e5322c;
    color: white;
}
input.btn.btn-ingreso.btn-lg.btn-block:hover {
    background: #e5322c!important;
    border-color: #e5322c!important;
    color: white;
}
button.close {
    background: #e5322c!important;
    color: white!important;
}

a.list-group-item.list-group-item-action.bg-white:hover {
    font-size: 17px;
    color: #3d662d!important;
}
a#iconCarro {
    color: #ff3900;
}
a#iconCarro:hover {
    color: #e5322c;
}
/*boton carrito*/
.p-cart {
    background: #e5322c!important;
    border-color: #e5322c!important;
    color: white!important;
}
.p-cart:hover {
    color: white!important;
    background: #e5322c!important;
    border-color: #e5322c!important;
}
.mt-lg-0, .my-lg-0 {
    margin-top: 3px!important;
}
/*boton en carro*/
.en-car {
    background: #3d662d!important;
    color: white!important;
}
/*boton carrito carousel*/
.btn.btn-success.btn-block {
    background: #e5322c!important;
    border-color: #e5322c!important;
    color: white;
}
.btn.btn-success.btn-block:hover {
    background: #e5322c!important;
    border-color: #e5322c!important;
    color: white;
}
/*botones modal interior*/
.actualiza {
    background: #e5322c!important;
    border-color: #e5322c!important;
    color: white;
}
.actualiza:hover {
    background: #e5322c!important;
    border-color: #e5322c!important;
    color: white;
}
.finaliza {
    background: #3d662d;
    color: white;
    border-color: #3d662d;
}
.finaliza:hover {
    background: #808080;
    color: white;
    border-color: #808080;
}
/*titulo finalizar compra*/
.page-header {
    color: #515151; 
}
/*boton realizar pedido*/
.btn-primary {
    color: #fff;
    background-color: #e5322c!important;
    border-color: #e5322c!important;
}
.btn-primary:hover {
    color: #fff;
    background-color: #e5322c!important;
    border-color: #e5322c!important;
}

/*responsive*/
@media only screen and (max-width: 600px) {
.actualiza {
    font-size: 12px!important;
}
.finaliza {
    font-size: 12px;
}
}
/*vinculos footer*/
.col-md-3.mx-auto ul li {
    list-style: none!important;
    margin: 40px 40px 40px 0px!important;
    padding: initial!important;
    line-height: 0px;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    text-decoration:none;
}
.col-md-3.mx-auto p {
    margin: 40px 40px 40px 0px!important;
    padding: initial!important;
    line-height: 0px;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    text-decoration:none;
}
.col-md-3.mx-auto ul li a:hover {
    color: #bb7632!important;
    text-decoration:none;
}
.col-md-3.mx-auto p a:hover {
    color: #bb7632!important;
    text-decoration:none;
}
   
/*BLOG*/
.b-0 {
    bottom: 0;
}
.bg-shadow {
    background: rgba(76, 76, 76, 0);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179, 171, 171, 0)), color-stop(49%, rgba(48, 48, 48, 0.37)), color-stop(100%, rgba(19, 19, 19, 0.8)));
    background: linear-gradient(to bottom, rgba(179, 171, 171, 0) 0%, rgba(48, 48, 48, 0.71) 49%, rgba(19, 19, 19, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );
}
.top-indicator {
    right: 0;
    top: 1rem;
    bottom: inherit;
    left: inherit;
    margin-right: 1rem;
}
.overflow {
    position: relative;
    overflow: hidden;
}
.zoom img {
    transition: all 0.2s linear;
}
.zoom:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.img-first {
    height: 726px;
    min-height: 726px;
}
/*FIN BLOG*/
.carousel-caption {
    bottom: 180px;
    top: 180px;
}
.carousel-caption h1 {
    font-size: 45px;
    font-weight: 700;
    text-transform: uppercase;
}

.footer-brand {
    height: 170px;
    width: auto;
}
.footer-classic a, .footer-classic a:focus, .footer-classic a:active {
    color: #ffffff;
}
.nav-list li {
    padding-top: 5px;
    padding-bottom: 5px;
}

.nav-list li a:hover:before {
    margin-left: 0;
    opacity: 1;
    visibility: visible;
}

ul, ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

.col-5 {
    flex: 0 0 21.666667%!important;
    max-width: 21.666667%!important;
}
.social i {
    font-size: 42px;
    margin-right: 5px;
}
.ir-arriba {
  display: block;
  background-repeat: no-repeat;
  font-size: 20px;
  cursor: pointer;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 2;
}
img.svg-pets {
    display: block;
    width: 50px;
    margin: 10px auto 0px auto;
    top: 0;
    line-height: 24px;
    font-size: 45px;
    height: 52px;
}
li.nav-item {
    margin: 0px 15px;
}

.dropdown-menu.mega>.sub-menu {
	display: table-cell;
	border-left: 1px solid #e7e7e7;
	list-style-type: none;
	padding: 0;
	min-width: 130px;
}

.dropdown-menu.mega>.sub-menu:first-child {
	border-left: none;
	padding-left: 0
}

.dropdown-menu.mega>.sub-menu>li>a {
	display: block;
	padding: 5px 15px;
	color: #9a9b9c;
    font-weight: 700;
    letter-spacing: 1px;
}
.dropdown-menu.mega {
    /*left: auto;
    right: -370%;*/
    left: -450%;
    text-align: center;
}
.nav-item {
    color: #e5322c;
    text-decoration: none;
}

.nav-link {
    color: #9a9b9c;
    font-weight: 700;
    letter-spacing: 1px;
    text-decoration: none;
}
.nav-link:hover {
    color: #e5322c;
    text-decoration: none;
}

.dropdown-header span{
    color: #9a9b9c;
    font-weight: 700;
    letter-spacing: 1px;
    text-decoration: none;
}
.dropdown-header span:hover{
    color: #e5322c;
    text-decoration: none;
}
h2.sub-header-title {
    text-transform: capitalize;
}
.position-absolute a {
    text-decoration: none;
}


a.call {
    text-decoration: none;
    color:#515151;
}
.list-group-item {
    border: 1px solid rgba(255, 255, 255, 0.17);
}
h2.text-title-product {
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    text-transform: uppercase;
    font-weight: 700;
}
span#label_precio_product {
    color: #e5322c;
    font-size: 32px;
    font-weight: 400;
}
strong#valor_total {
    color: #e5322c!important;
}
.dropdown-menu.mega>.sub-menu>li>a:hover{
    color: #e5322c;
}

a#arrowverse-one {
    left: -40px;
    background-color: antiquewhite;
    width: 30px;
    height: auto;
}

a#arrowverse-two {
    right: -40px;
    background-color: antiquewhite;
    width: 30px;
    height: auto;
}

@media only screen and (max-width: 425px){
img.navbar-brand {
    margin-top: 0px;
}
.img-first {
    height: 330px;
    min-height: 330px;
}
.col-5 {
    flex: 0 0 100%!important;
    max-width: 100%!important;
    padding-top: 15px;
    padding-bottom: 15px;
}
}