/**
* Template Name: GroMart - Web App E-Commerce Shop and Store Mobile Template
* Version: 1.0
* Author: HidraTheme 
* Developed By: HidraTheme  
* Author URL: https://themeforest.net/user/hidratheme

-- NOTE: This is main stylesheet of the template -- 
**/
/*================================================
            Table of contents  
================================================== 
1.  GENERAL 
    1.1 BUTTON
    1.2 FORM
    1.3 PAGINATION
2.  PRELOADER
3.  SIDE NAVIGATION
4.  HEADER
5.  CATEGORY
6.  POPULER SEARCH
7.  PRODUCT 
    7.1 FEATURED PRODUCT
    7.2 VEGETABLE
8.  CART
9.  CHECKOUT
10. WISH LIST
11. CONTACT
12. PROMO
13. SUBSCRIBE
14. SETTING
15. GALLERY
16. TESTIMONIAL
17. 404 PAGE
18. LOGIN & REGISTER FORM
19. PRODUCT PAGE
20. FOOTER
====================================================
            End table content 
===================================================*/
/*====== Link Google Fonts API ========*/
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
/*==================================================
1. GENERAL 
==================================================*/
body, html {
  font-family: "Poppins", sans-serif;
  min-height: 100%;
  color: #303030;
  padding: 0px;
  margin: 0px;
  font-size: 14px;
  line-height: normal;
  font-weight: 300; }

body {
  padding: 0;
  margin: 0; }

p {
  margin: 5px 0;
  line-height: 20px; }

.section-title {
  color: #c7004b;
  font-size: 18px;
  width: 100%;
  text-align: center;
  font-weight: 600;
  padding-top: 10px; }

.theme-secondary-color {
  color: #a944c0; }

.label-checkbox {
  line-height: normal !important; }

[type="checkbox"].filled-in:checked + label::after {
  border: 2px solid #c7004b;
  background-color: #c7004b; }

.search-wrapper {
  margin: 0;
  padding: 10px 10px;
  color: #303030;
  position: relative; }

.search-wrapper input#EncabezadoMobile_search {
  display: block;
  font-weight: 300;
  width: 100%;
  height: 35px;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 45px 0 15px;
  border: 0;
  border: 1px solid #c30f42;
  border-radius: 90px;
  background: #ffffff; }

.search-wrapper i.material-icons {
  position: absolute;
  top: 0px;
  right: 20px;
  cursor: pointer;
  color: #303030;
  line-height: auto;
  height: auto; }

body input:focus:not([type]):not([readonly]),
body input[type="text"]:focus:not(.browser-default):not([readonly]),
body input[type="password"]:focus:not(.browser-default):not([readonly]),
body input[type="email"]:focus:not(.browser-default):not([readonly]),
body input[type="url"]:focus:not(.browser-default):not([readonly]),
body input[type="time"]:focus:not(.browser-default):not([readonly]),
body input[type="date"]:focus:not(.browser-default):not([readonly]),
body input[type="datetime"]:focus:not(.browser-default):not([readonly]),
body input[type="datetime-local"]:focus:not(.browser-default):not([readonly]),
body input[type="tel"]:focus:not(.browser-default):not([readonly]),
body input[type="number"]:focus:not(.browser-default):not([readonly]),
body input[type="search"]:focus:not(.browser-default):not([readonly]),
body textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #c7004b;
  -webkit-box-shadow: 0 1px 0 0 #c7004b;
  box-shadow: 0 1px 0 0 #c7004b; }

body input:focus:not([type]):not([readonly]) + label,
body input[type="text"]:focus:not(.browser-default):not([readonly]) + label,
body input[type="password"]:focus:not(.browser-default):not([readonly]) + label,
body input[type="email"]:focus:not(.browser-default):not([readonly]) + label,
body input[type="url"]:focus:not(.browser-default):not([readonly]) + label,
body input[type="time"]:focus:not(.browser-default):not([readonly]) + label,
body input[type="date"]:focus:not(.browser-default):not([readonly]) + label,
body input[type="datetime"]:focus:not(.browser-default):not([readonly]) + label,
body input[type="datetime-local"]:focus:not(.browser-default):not([readonly]) + label,
body input[type="tel"]:focus:not(.browser-default):not([readonly]) + label,
body input[type="number"]:focus:not(.browser-default):not([readonly]) + label,
body input[type="search"]:focus:not(.browser-default):not([readonly]) + label,
body textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #c7004b; }

form input.validate:not([type]) + label,
form input.validate[type="text"]:not(.browser-default) + label,
form input.validate[type="password"]:not(.browser-default) + label,
form input.validate[type="email"]:not(.browser-default) + label,
form input.validate[type="url"]:not(.browser-default) + label,
form input.validate[type="time"]:not(.browser-default) + label,
form input.validate[type="date"]:not(.browser-default) + label,
form input.validate[type="datetime"]:not(.browser-default) + label,
form input.validate[type="datetime-local"]:not(.browser-default) + label,
form input.validate[type="tel"]:not(.browser-default) + label,
form input.validate[type="number"]:not(.browser-default) + label,
form input.validate[type="search"]:not(.browser-default) + label,
form textarea.materialize-textarea.validate + label {
  width: auto; }

.theme-gradation {
  background: -moz-linear-gradient(-45deg, #d46016 0%, rgba(212, 96, 22, 0.97) 2%, rgba(238, 89, 16, 0.44) 44%, rgba(238, 89, 16, 0.22) 60%, rgba(238, 89, 16, 0) 100%);
  background: -webkit-linear-gradient(-45deg, #d46016 0%, rgba(212, 96, 22, 0.97) 2%, rgba(238, 89, 16, 0.44) 44%, rgba(238, 89, 16, 0.22) 60%, rgba(238, 89, 16, 0) 100%);
  background: -webkit-linear-gradient(315deg, #d46016 0%, rgba(212, 96, 22, 0.97) 2%, rgba(238, 89, 16, 0.44) 44%, rgba(238, 89, 16, 0.22) 60%, rgba(238, 89, 16, 0) 100%);
  background: -o-linear-gradient(315deg, #d46016 0%, rgba(212, 96, 22, 0.97) 2%, rgba(238, 89, 16, 0.44) 44%, rgba(238, 89, 16, 0.22) 60%, rgba(238, 89, 16, 0) 100%);
  background: linear-gradient(135deg, #d46016 0%, rgba(212, 96, 22, 0.97) 2%, rgba(238, 89, 16, 0.44) 44%, rgba(238, 89, 16, 0.22) 60%, rgba(238, 89, 16, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d46016', endColorstr='#00ee5910',GradientType=1 ); }

body a {
  color: #c7004b; }

img {
  max-width: 100%;
  max-height: 100%; }

.clear {
  clear: both; }

.owl-dots {
  width: 100%;
  text-align: center;
  margin-top: 10px; }

.owl-dots .owl-dot {
  display: inline-block;
  margin: 0px 6px 0px 0px;
  height: 10px;
  width: 10px;
  border: 1px solid #c7004b;
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  border-radius: 90px; }

.owl-dots .owl-dot.active {
  width: 20px;
  background: #c7004b; }

#page-content {
  padding: 0px 0px; }

.row-no-margin {
  margin-bottom: 0px; }

/*---------- BUTTON ----------*/
.more-btn {
  text-decoration: none; }

.readmore-btn {
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  border-radius: 90px;
  padding: 3px 10px;
  color: #ffffff;
  background-color: #c7004b;
  display: inline-block;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600; }

.readmore-btn:hover {
  background-color: #c30f42; }

body .btn,
body .btn-large {
  background-color: hsl(122, 66%, 35%); }

.theme-btn-rounded {
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  border-radius: 90px; }

form .btn,
form .btn-large {
  margin-top: 20px; }

body .btn.transparent {
  border: 1px solid #ffffff;
  background-color: transparent; }

body .btn:hover {
  cursor: pointer;
  background-color: #c30f42; }

.main-slider {
  margin-bottom: 10px; }

/*---------- FORM ----------*/
form a.forgot {
  font-size: 12px;
  color: #aaaaaa; }

form .row-forgot {
  margin-top: 20px; }

form .row {
  margin-bottom: 0px; }

/*---------- PAGINATION ----------*/
body .pagination li.active {
  background-color: #c7004b; }

ul.pagination {
  margin-top: 30px;
  text-align: center; }

/*==================================================
2. PRELOADER
==================================================*/
.preloading {
  width: 100%;
  text-align: center;
  height: 100%;
  position: fixed;
  background: #c30f42;
  z-index: 999999;
  top: 0px;
  display: table;
  left: 0; }

.preloading .wrap-preload {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.preloading .cssload-loader {
  width: 49px;
  height: 49px;
  border-radius: 50%;
  margin: 3em;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  background: rgba(255, 99, 56, 0.95); }

.preloading .cssload-loader,
.preloading .cssload-loader:before,
.preloading .cssload-loader:after {
  animation: 1.15s infinite ease-in-out;
  -o-animation: 1.15s infinite ease-in-out;
  -ms-animation: 1.15s infinite ease-in-out;
  -webkit-animation: 1.15s infinite ease-in-out;
  -moz-animation: 1.15s infinite ease-in-out; }

.preloading .cssload-loader:before,
.preloading .cssload-loader:after {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0; }

.preloading .cssload-loader {
  animation-name: cssload-loader;
  -o-animation-name: cssload-loader;
  -ms-animation-name: cssload-loader;
  -webkit-animation-name: cssload-loader;
  -moz-animation-name: cssload-loader; }

@keyframes cssload-loader {
  from {
    transform: scale(0);
    opacity: 1; }
  to {
    transform: scale(1);
    opacity: 0; } }
@-o-keyframes cssload-loader {
  from {
    -o-transform: scale(0);
    opacity: 1; }
  to {
    -o-transform: scale(1);
    opacity: 0; } }
@-ms-keyframes cssload-loader {
  from {
    -ms-transform: scale(0);
    opacity: 1; }
  to {
    -ms-transform: scale(1);
    opacity: 0; } }
@-webkit-keyframes cssload-loader {
  from {
    -webkit-transform: scale(0);
    opacity: 1; }
  to {
    -webkit-transform: scale(1);
    opacity: 0; } }
@-moz-keyframes cssload-loader {
  from {
    -moz-transform: scale(0);
    opacity: 1; }
  to {
    -moz-transform: scale(1);
    opacity: 0; } }
/*==================================================
3. SIDE NAVIGATION
==================================================*/
body nav {
  height: 56px !important; }

nav .collapsible-header i,
nav .side-nav li > a > i,
nav .side-nav li > a > [class^="mdi-"],
nav .side-nav li > a li > a > [class*="mdi-"],
nav .side-nav li > a > i.material-icons {
  height: auto;
  padding: 0px 0px;
  margin: 0px 0px;
  line-height: normal !important;
  color: #ffffff;
  font-size: 14px;
  width: 24px;
  text-align: left; }

nav .side-nav {
  background-color: #c7004b;
  color: #ffffff;
  height: 100%; }

nav .side-nav .sidenav-logo .fa {
  height: auto; }

nav .side-nav .sidenav-logo {
  text-align: center;
  padding: 10px 20px 0px;
  font-size: 20px;
  font-weight: 600; }

nav .side-nav li a {
  color: #ffffff;
  padding: 10px 25px; }

nav .side-nav li .collapsible-header {
  padding: 10px 0px 10px 25px; }

nav .side-nav li a,
nav .side-nav li .collapsible-header {
  font-weight: 300;
  border-top: 1px solid #c30f42;
  line-height: normal;
  height: auto;
  display: block; }

nav .side-nav .collapsible-body ul li a {
  padding: 10px 25px 10px 25px; }

nav .side-nav li .fas,
nav .side-nav li .fab,
nav .side-nav li .far {
  color: #ffffff;
  margin-top: 2px; }

nav .side-nav li .fa.fa-sign-out,
nav .side-nav li .fa.fa-cog {
  font-size: 16px; }

nav .side-nav li .collapsible-header span i {
  float: right;
  color: #fff;
  font-size: 14px;
  line-height: normal;
  height: auto; }

nav ul.side-nav li ul.collapsible .collapsible-body ul li .fas {
  color: #ffffff; }

nav .side-nav li.divider {
  margin-bottom: 20px;
  background-color: rgba(0, 0, 0, 0.2); }

nav .side-nav .collapsible-body,
nav .side-nav.fixed .collapsible-body {
  background-color: rgba(0, 0, 0, 0.05); }

nav .side-nav .profile {
  background-color: #000000;
  text-align: center;
  position: relative;
  padding: 30px 20px; }

nav .side-nav .profile .emailprofile {
  font-size: 12px;
  line-height: normal;
  padding: 5px 0px 0px; }

nav .side-nav .profile .li-profile-info {
  position: relative; }

nav .side-nav .profile .li-profile-info {
  position: relative;
  z-index: 2; }

nav .side-nav .profile .bg-profile-li {
  position: absolute;
  z-index: 0;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 1;
  background-size: 100% auto; }

nav .side-nav .profile .balance {
  line-height: normal;
  background: #ffffff;
  color: #303030;
  padding: 5px 0px;
  display: block;
  width: 150px;
  margin: 10px auto 0px;
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  border-radius: 90px; }

nav .side-nav .profile .balance span {
  font-weight: 600; }

nav .side-nav .profile img {
  border-radius:0%;
  width: 80px;
  height: 80px; }

nav .side-nav .profile h2 {
  font-size: 20px;
  cursor: default;
  margin: 0px 0px;
  font-weight: 600; }

nav .side-nav .profile h6 {
  color: #fff;
  font-size: 15px; }

/*==================================================
4. HEADER
==================================================*/
header {
  height: 56px;
  background-color: #c7004b;
  position: fixed;
  width: 100%;
  left: 0px;
  top: 0px;
  z-index: 5;
  border-bottom: 1px solid #c7004b;
  -webkit-box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.4);
  -moz-box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.4);
  box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.4); }

header .header-icon-menu {
  float: right;
  width: 50px;
  height: 56px;
  min-height: 1px;
  text-align: center; }

.header-menu-button {
  float: right;
  width: 40px;
  height: 56px; }

header .header-icon-menu a {
  display: block; }

header .header-icon-menu .fas,
header .header-icon-menu .far {
  font-size: 20px;
  color: #ffffff;
  padding: 18px 13px; }

header .header-icon-menu .fas.fa-shopping-cart {
  font-size: 18px;
  padding: 19px 13px; }

header .header-logo {
	
  text-align: center;
  line-height: normal;
  float: left; 
	margin: auto;
	border: 0px;
	top:auto;
	padding: 10px 0px 0px 0px;
	
	 
	 
}

header .nav-logo {
  color: #ffffff;
  display: inline-block;
  
  font-weight: bold;
	margin: auto;
	border: 0px;

}

@media screen and (min-width: 0px) and (max-width: 380px) {
  header .nav-logo {
    font-size: 18px;
    padding: 1px 0px 0px; } }
header .nav-logo .fab {
  color: #a944c0;
  height: auto; }

header .nav-logo img {
  max-width: 100%;
  height: 42px;
  margin-top: -5px; }

header .cst-btn-menu {
  padding: 18px 13px; }

header .header-icon-menu.cart-item-wrap {
  position: relative; }

header .header-icon-menu.cart-item-wrap .cart-item {
  color: #ffffff;
  position: absolute;
  top: 10px;
  right: 2px;
  min-height: 20px;
  min-width: 20px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background: #a944c0;
  text-align: center;
  font-size: 11px;
  -webkit-box-shadow: 1px 1px 0px 0px rgba(50, 50, 50, 0.59);
  -moz-box-shadow: 1px 1px 0px 0px rgba(50, 50, 50, 0.59);
  box-shadow: 1px 1px 0px 0px rgba(50, 50, 50, 0.59); }

.header-menu-button a {
  color: #ffffff;
  margin: 0px 0px 0px 0px;
  float: right; }

.header-menu-button a .fas {
  font-size: 20px; }

nav {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 0px 0px transparent;
  -moz-box-shadow: 0px 0px 0px 0px transparent;
  box-shadow: 0px 0px 0px 0px transparent; }

nav ul a {
  color: #333333; }

nav a.button-collapse {
  display: block !important; }

.section h5 {
  font-weight: 500;
  margin: 0 0 10px 0;
  font-size: 16px; }
  .product-list h5 {
    font-weight: 500;
    margin: 0 0 10px 0;
    font-size: 16px; }
/*==================================================
5. CATEGORY
==================================================*/
.section.home-category {
  background-color: #ffffff; }

.section.home-category .row.icon-service {
  margin-bottom: 0px; }

.section.home-category .content {
  border: 1px solid #d1d1d1;
  text-align: center;
  padding-bottom: 100%;
  height: 0px;
  width: 100%;
  position: relative;
  margin-bottom: 20px; }

.section.home-category .content .in-content {
  width: 100%;
  height: 100%;
  display: table;
  position: absolute; }

.section.home-category .content .in-content .in-in-content {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding: 15px; }

.section.home-category .content .in-content .in-in-content img {
  width: 60%;
  height: auto; }

.section.home-category i {
  font-size: 30px;
  color: #342580;
  margin-bottom: 5px; }

.section.home-category .content .in-content .in-in-content h5 {
  font-weight: 600;
  font-size: 10px; }

/*==================================================
6. POPULER SEARCH
==================================================*/
.populer-search {
  padding-top: 0px;
  padding-bottom: 0px; }

.populer-search .row .section-title {
  padding-top: 0px;
  margin-top: 0px; }

.populer-search .title-ps {
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 20px; }

.populer-search .list-tag-word {
  text-align: center; }

.populer-search .tag-word {
  background-color: #c7004b;
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  border-radius: 90px;
  color: #ffffff;
  padding: 5px 20px;
  margin-bottom: 5px;
  display: inline-block;
  cursor: pointer; }

/*==================================================
7. PRODUCT 
==================================================*/
.product-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  margin: 20px;
  width: 100%; /* Aseguramos que la lista ocupe todo el ancho */
}

.product-card {
  display: flex;
  background-color: white;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  max-width: 600px; /* Aumenta el tamaño máximo para mejorar la visualización */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
  align-items: stretch; /* Asegura que la imagen y el contenido tengan la misma altura */
}
.product-card-1 {
  display: flex;
  background-color: white;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  max-width: 600px; 
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
  align-items: stretch; /* Asegura que la imagen y el contenido tengan la misma altura */
}


.product-card:hover {
  transform: translateY(-5px);
}

/* Ajustamos la imagen a la izquierda */
.product-card img {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ajuste importante */
  display: block;
  border-radius: 10px 0 0 10px;
}

.imagen{
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.imagen img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover; /* Inicialmente cubre el contenedor sin distorsionarse */
  border-radius: 10px 0 0 10px; /* Aplica bordes redondeados si es necesario */
}


.product-info, .product-info-1 {
  padding: 15px;
  text-align: center;
  width: 50%; /* El texto ocupará el 50% restante */
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center; /* Centra el contenido verticalmente */
}

.product-info, .product-info-1 h3 {
  margin: 0 0 10px 0;
  font-size: 18px;
}

.product-info, .product-info-1 p {
  margin: 0 0 10px 0;
  font-size: 14px;
  color: #666;
}


.price,.price-1 {
  font-weight: bold;
  color: #303030;
}

button {
  width: 80px;
  height: 36px;
  line-height: 36px;
  border-radius: 90px;
  font-weight: 600;
  background-color: hsl(122, 66%, 35%);
  border: 0;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  display: inline-block;
  display: block; /* Hace que el botón se comporte como un bloque */
  margin: 0 auto; /* Esto lo centra horizontalmente */
  margin-top:15px;
}

button:hover {
  background-color: #c30f42;
cursor:pointer;}

/* Mobile Styles */
@media only screen and (max-width: 600px) {
  .product-list {
    margin: 10px; /* Reduce el margen en móviles */
  }

  .product-card {
    flex-direction: row; /* Mantiene la disposición horizontal en móviles */
    max-width: 100%; /* Asegúrate de que la tarjeta ocupe todo el ancho */
    width: 100%; /* Asegúrate de que la tarjeta ocupe todo el ancho */
  }
  .product-card-1 {
    flex-direction: row; /* Mantiene la disposición horizontal en móviles */
    max-width: 100%; /* Asegúrate de que la tarjeta ocupe todo el ancho */
    width: 100%; /* Asegúrate de que la tarjeta ocupe todo el ancho */
  }
  .product-info {
    width: 100%; /* El texto ocupa el 60% restante */
    padding: 10px; /* Ajusta el padding para móviles */
  }

  .product-info h3 {
    font-size: 16px; /* Ajusta el tamaño de la fuente para móviles */
  }

  .product-info p {
    font-size: 14px; /* Ajusta el tamaño de la fuente para móviles */
  }

  button {
    font-size: 16px; /* Ajusta el tamaño de la fuente para móviles */
    width: 95px;
  }

  .product-info-1 {
    width: 100%; /* El texto ocupa el 60% restante */
    padding: 10px; /* Ajusta el padding para móviles */
  }

  .product-info-1 h3 {
    font-size: 16px; /* Ajusta el tamaño de la fuente para móviles */
  }

  .product-info-1 p {
    font-size: 14px; /* Ajusta el tamaño de la fuente para móviles */
  }
  .price{
    margin-top: 30px;
  }

  .product-card img {
    width: 100%;
    height: auto; /* Ajuste para mantener la proporción en ancho completo */
    object-fit: cover; /* Cubre el espacio sin distorsión */
    flex-grow: 1; /* Permite que la imagen crezca para ocupar el espacio completo */
  }

  .imagen img {
    width: 100%;
    height: auto; /* Mantiene la proporción */
    flex-grow: 1; /* Permite que la imagen crezca para ocupar el espacio completo */

  }

}

@media only screen and (min-width: 601px) and (max-width: 1023px) {
  .product-list {
    margin: 15px; /* Ajusta el margen para pantallas medianas */
  }

  .product-card,
  .product-card-1 {
    flex-direction: row; /* Mantiene la disposición horizontal en pantallas medianas */
    max-width: 100%; /* Asegura que la tarjeta ocupe el ancho completo */
    width: 100%; /* Asegura que la tarjeta ocupe el ancho completo */
  }

  .product-info,
  .product-info-1 {
    width: 60%; /* Ajusta el ancho para permitir más espacio de texto */
    padding: 15px; /* Ajusta el padding para pantallas medianas */
  }

  .product-info h3,
  .product-info-1 h3 {
    font-size: 18px; /* Ajusta el tamaño de la fuente para pantallas medianas */
  }

  .product-info p,
  .product-info-1 p {
    font-size: 16px; /* Ajusta el tamaño de la fuente para pantallas medianas */
  }

  .price {
    margin-top: 20px; /* Ajusta el margen superior */
    font-size: 18px; /* Ajusta el tamaño de la fuente del precio */
  }

  .imagen {
    width: 40%; /* Ajusta el tamaño de la imagen en pantallas medianas */
    overflow: hidden;
  }

  .imagen img {
    width: 100%; /* La imagen ocupa el ancho completo del contenedor */
    height: 100%; /* Asegura que la imagen ocupe todo el espacio de su contenedor */
    object-fit: cover; /* Cubre el espacio sin distorsión */
  }
}

/* Para dispositivos móviles de tamaño S (290px a 350px) */
@media (min-width: 290px) and (max-width: 350px) {
  .price {
    margin-top: 60px; /* Aumenta el espacio en móviles pequeños */
  }
  .imagen {
    width: 100%; /* Asegura que la imagen ocupe más espacio */
  }
  .imagen img {
    object-fit: cover; /* Cubre el espacio sin distorsión en pantallas grandes */
  }

  button {
    font-size: 16px; /* Ajusta el tamaño de la fuente para móviles */
    width: 75%;
    margin-top: 15px;
  }
}
@media (min-width: 150px) and (max-width: 289px) {
  .price {
    margin-top: 60px; /* Aumenta el espacio en móviles pequeños */
  }
  .imagen {
    width: 100%; /* Asegura que la imagen ocupe más espacio */
  }
  .imagen img {
    object-fit: cover; /* Cubre el espacio sin distorsión en pantallas grandes */
  }

  button {
    font-size: 16px; /* Ajusta el tamaño de la fuente para móviles */
    width: 80%;
    margin-top: 10px;
  }
}

/* Para dispositivos móviles de tamaño S (351px a 400px) */
@media (min-width: 351px) and (max-width: 500px) {
  .price {
    margin-top: 60px; /* Mantiene el espacio en móviles pequeños */
  }
  .imagen {
    width: 100%; /* Asegura que la imagen ocupe más espacio */
  }
 
  button {
    font-size: 16px; /* Ajusta el tamaño de la fuente para móviles */
    width: 60%;
    margin-top: 15px;
  }
}

/* Configuración para pantallas más grandes, como laptops */
@media (min-width: 1024px) {
  .imagen {
    width: 40%; /* Configura el ancho en laptops */
  }

  .imagen img {
    object-fit: cover; /* Cubre el espacio sin distorsión en pantallas grandes */
  }

  .price{
    margin-top: 35px;
  }
}



/*---------- FEATURED PRODUCT ----------*/
.section.product-item.si-featured {
  padding-top: 10px; }

.section.product-item.si-featured .section-title {
  padding-top: 0px; }

.section.product-item.vegetable-list-homepage .slick-prev::before,
.section.product-item.vegetable-list-homepage .slick-next::before {
  color: #ffffff; }

.featured-product .box-product {
  width: 100%;
  padding: 5px; }

.slick-list.draggable {
  margin-left: -5px;
  margin-right: -5px; }

.slick-initialized .slick-slide {
  opacity: 1;
  padding: 0px 5px; }

.slick-slide img {
  width: 100%; }

.slick-prev:before,
.slick-next:before {
  color: black; }

.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2; }

.slick-active {
  opacity: .5; }

.slick-current {
  opacity: 1; }

.more-product-list {
  text-align: right;
  color: #c7004b; }

/*---------- VEGETABLE ----------*/
.vegetable-list-homepage {
  background-color: #c7004b;
  padding-top: 25px;
  padding-bottom: 35px; }

.vegetable-list-homepage .featured-product .box-product {
  background-color: #ffffff; }

.vegetable-list-homepage .theme-secondary-color {
  color: #fff; }

.vegetable-list-homepage a.more-btn {
  color: #ffffff; }

/*==================================================
8. CART
==================================================*/
.cart-page {
  padding: 20px 0px 30px; }

.cart-box {
  margin-bottom: 20px; }

.cart-box .cart-item {
  width: 100%;
  position: relative;
  min-height: 70px;
  border-bottom: 1px solid #f2f2f2; }

.cart-box .cart-item .ci-img {
  width: 70px;
  position: absolute;
  left: 0px;
  top: 0px; }

.cart-box .cart-item .ci-img .ci-img-product {
  width: 100%;
  height: 70px;
  position: relative;
  background-size: 70% auto;
  background-position: center center;
  background-repeat: no-repeat; }

.cart-box .cart-item .ci-img .ci-qty {
  height: 30px; }

.cart-box .cart-item .ci-name {
  padding-left: 70px;
  height: 100%;
  padding-right: 105px; }

.cart-box .cart-item .ci-name .cin-top {
  padding: 15px 10px; }

.cart-box .cart-item .ci-name .cin-title {
  font-weight: 600; }

.cart-box .cart-item .ci-name .cin-price {
  color: #c7004b; }

.cart-box .cart-item .ci-price {
  width: 105px;
  position: absolute;
  right: 0px;
  text-align: right;
  top: 0px; }

.cart-box .cart-item .qty-total-price {
  background: transparent;
  padding: 14px 10px 0px 0px; }

.cart-box .cart-item .qty-total-price .quantity input {
  border-top: 0px solid #d8d8d8;
  border-bottom: 0px solid #d8d8d8;
  height: 25px;
  padding: 0px 0px;
  text-align: center; }

.cart-box .cart-item .qty-total-price .quantity-button {
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  border-radius: 90px;
  height: 28px;
  width: 28px;
  padding: 2px 0px;
  line-height: normal;
  font-size: 14px;
  border: 1px solid hsl(337, 100%, 39%);
  font-weight: 600;
  color: hsl(337, 100%, 39%);

}



.cart-box .cart-item .qty-total-price .quantity-button:hover {
    background-color: hsl(343, 91%, 46%);
    border: 0px;
    color: hsl(0, 0%, 100%);
}
.checkout-payable {
  margin: 20px 0px;
  background-color: #f9f9f9;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 15px; }

.checkout-payable .cart-cp {
  position: relative; }

.checkout-payable .cp-left {
  padding-right: 140px;
  padding-bottom: 5px; }

.checkout-payable .cp-right {
  position: absolute;
  right: 0px;
  width: 140px;
  text-align: right;
  top: 0px; }

.checkout-payable .cart-coupon-discount .cp-right {
  color: #c7004b;
  font-style: italic;
  font-size: 12px; }

.checkout-payable .cart-total-payable {
  margin-top: 10px;
  padding-top: 15px;
  border-top: 1px solid #e1e1e1; }

.checkout-payable .cart-total-payable .cp-right {
  font-weight: 600;
  color: #c7004b;
  padding-top: 15px; }

.checkout-payable .cart-total-payable .cp-left {
  font-weight: 600;
  color: #c7004b; }

.button-add-cart {
  margin: 30px auto 0px;
  width: 150px;
  display: block;
  font-weight: 600;
  position: relative;
  text-align: left;
  padding: 0px 4px 0px 23px;
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  border-radius: 90px; }

.button-add-cart .fa,
.button-add-cart .fas,
.button-add-cart .far,
.button-add-cart .fal,
.button-add-cart .fab {
  position: absolute;
  top: 0px;
  right: 17px; }

/*==================================================
9. CHECKOUT
==================================================*/
.shipping-checkout-page .checkout-payable {
  border: 1px solid #e0e0e0;
  margin: 0px 0px; }

.shipping-checkout-page .payment-method-text {
  font-weight: 600;
  margin: 0px 0px 10px; }

.shipping-checkout-page .payment-method-text .fa,
.shipping-checkout-page .payment-method-text .fas,
.shipping-checkout-page .payment-method-text .far,
.shipping-checkout-page .payment-method-text .fal,
.shipping-checkout-page .payment-method-text .fab {
  color: #c7004b;
  margin-right: 5px; }

.shipping-checkout-page .ck-box {
  padding: 10px 20px 20px;
  background: #fbfbfb;
  border: 1px solid #e0e0e0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px; }

.shipping-checkout-page .label-checkbox {
  padding-left: 30px; }

.shipping-checkout-page [type="checkbox"].filled-in:not(:checked) + label:after,
.shipping-checkout-page [type="checkbox"].filled-in:checked + label::after,
[type="checkbox"].filled-in:checked + label::before {
  top: 0px; }

/*==================================================
10. WISH LIST
==================================================*/
.wish-item {
  padding: 0px 0px 0px;
  margin: 0px 0px; }

.wishlist-page {
  padding: 20px 0px 30px; }

.box-wish-list {
  margin: 0px 0px; }

.wish-item .wish-box {
  width: 100%;
  position: relative;
  min-height: 70px;
  border-bottom: 1px solid #f2f2f2; }

.wish-item .wish-box .wi-img {
  width: 70px;
  position: absolute;
  left: 0px;
  top: 0px; }

.wish-item .wish-box .wi-img .wi-img-product {
  width: 100%;
  height: 70px;
  position: relative;
  background-size: 70% auto;
  background-position: center center;
  background-repeat: no-repeat; }

.wish-item .wish-box .wi-remove {
  width: 40px;
  position: absolute;
  right: 10px;
  text-align: right;
  top: 0px;
  padding: 20px 0px; }

.wish-item .wish-box .wi-remove .fa,
.wish-item .wish-box .wi-remove .fas,
.wish-item .wish-box .wi-remove .far,
.wish-item .wish-box .wi-remove .fal,
.wish-item .wish-box .wi-remove .fab {
  font-size: 30px; }

.wish-item .wish-box .wi-name {
  padding-left: 70px;
  height: 100%;
  padding-right: 40px; }

.wish-item .wish-box .wi-name .win-top {
  padding: 15px 10px; }

.wish-item .wish-box .wi-name .win-title {
  font-weight: 600; }

.wish-item .wish-box .wi-name .win-price {
  color: #c7004b; }

.wish-item .wish-box .wi-name .win-info {
  font-size: 12px;
  line-height: 1.2; }

/*==================================================
11. CONTACT
==================================================*/
.contact-wrap.theme-form {
  padding: 30px 20px 30px; }

/*==================================================
12. PROMO
==================================================*/
.section.promo {
  margin-top: 10px; }

.section.promo img {
  max-width: 100%;
  width: 100%;
  height: auto; }

/*==================================================
13. SUBSCRIBE
==================================================*/
.section.subscribe {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px; }

.section.subscribe .bg-subscribe {
  position: absolute;
  top: 0px;
  left: 0px;
  background-size: 100% auto;
  z-index: -1;
  height: 100%;
  width: 100%;
  opacity: 0.2; }

.section.subscribe .mail-subscribe-box {
  position: relative;
  padding-bottom: 35px;
  margin-top: 20px;
  padding: 0px 20px; }

.section.subscribe .mail-subscribe-box input {
  color: #303030;
  border: 1px solid #c7004b;
  height: 50px;
  background: #ffffff;
  border-radius: 0;
  margin-bottom: 0px;
  padding: 10px 50px 10px 20px;
  box-sizing: border-box; }

.section.subscribe .mail-subscribe-box i {
  position: absolute;
  color: #c7004b;
  font-size: 18px;
  border: 1px solid #c7004b;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  padding: 4px 8px 4px 10px;
  right: 30px;
  top: 11px;
  cursor: pointer;
  width: 28px;
  height: 28px; }

#page-content #subscribe-page {
  bottom: -2px; }

/*==================================================
14. SETTING
==================================================*/
.setting-page {
  padding: 30px 20px 50px; }

form .file-field.input-field {
  overflow: hidden; }

form .file-field.input-field .btn {
  padding: 0px 20px;
  line-height: normal;
  height: auto;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); }

form .file-field .file-path-wrapper .file-path {
  height: auto;
  margin-top: 25px; }

.setting-page .sphoto-text {
  font-size: 12px;
  color: #9e9e9e;
  padding-bottom: 10px; }

.setting-page .setting-photo {
  text-align: center;
  height: 130px;
  width: 130px; }

.setting-page .setting-photo img {
  max-width: 100%;
  max-height: 100%; }

/*==================================================
15. GALLERY
==================================================*/
.section.gallery .wrap-gallery img {
  width: 100%;
  height: 100%;
  float: left; }

.section.gallery .col {
  padding: 3px;
  margin: 0; }

.section.gallery .filter-gallery {
  text-align: center; }

.section.gallery .filter-button {
  color: #c7004b;
  background: transparent;
  border: 0px solid #ffffff;
  padding: 10px 10px;
  font-weight: 600;
  margin-bottom: 5px;
  border: 1px solid #cecece; }

.section.gallery .filter-button.active {
  color: #a944c0; }

.section.gallery .gallery-img-box,
.section.gallery .gallery-img-box * {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.section.gallery .gallery-img-box.gallery-hidden {
  display: none; }

/*==================================================
16. TESTIMONIAL
==================================================*/
.section.testimonial {
  padding-top: 20px;
  position: relative;
  padding-bottom: 10px; }

.section.testimonial .testimonial-wrap {
  position: relative;
  z-index: 2; }

.section.testimonial .section-title {
  border-bottom: 0px solid #e0e0e0;
  padding-bottom: 0px; }

.section.testimonial .background-testimonial {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-size: auto 100%;
  opacity: 0.2; }

.section.testimonial .wrap-item-testimonial .item-testimonial {
  width: 100%;
  height: auto;
  text-align: center;
  position: relative; }

.section.testimonial .wrap-item-testimonial .item-testimonial .client-info {
  width: 100%;
  text-align: center;
  position: relative; }

.section.testimonial .wrap-item-testimonial .item-testimonial .client-info .client-img {
  height: 100px;
  width: 100px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  overflow: hidden;
  margin: 0 auto 10px; }

.section.testimonial .wrap-item-testimonial .item-testimonial .client-info .client-img img {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%; }

.section.testimonial .wrap-item-testimonial .item-testimonial .client-info .rating {
  color: #ffc700; }

.section.testimonial .wrap-item-testimonial .item-testimonial .client-content {
  padding: 0px 0px 0px 0px; }

.section.testimonial .wrap-item-testimonial .item-testimonial .client-content p {
  font-style: italic;
  padding: 0px 20px; }

.section.testimonial .wrap-item-testimonial .item-testimonial .client-content .client-title h4 {
  font-size: 18px;
  margin: 20px 0px 0px;
  font-weight: 600; }

.section.testimonial .wrap-item-testimonial .item-testimonial .client-content .client-title h5 {
  font-weight: 300;
  font-size: 14px; }

/*==================================================
17. 404 PAGE
==================================================*/
.error-page {
  text-align: center;
  width: 100%;
  padding-bottom: 100%;
  height: 0px;
  position: relative; }

.error-page h1 {
  margin: 0px 0px;
  font-size: 58px;
  font-weight: 600; }

.error-page .in-error-page {
  width: 100%;
  height: 100%;
  position: absolute;
  display: table; }

.error-page .in-error-page .in-in-error-page {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

/*==================================================
18. LOGIN & REGISTER FORM
==================================================*/
.login-form,
.register-form {
  padding: 30px 20px 30px; }

.login-form input {
  margin-bottom: 0px; }

.login-form .forgot-password-link {
  text-align: center;
  margin: 20px 0px; }

.login-form .forgot-password-link a:hover {
  cursor: pointer; }

.login-form .or-line {
  position: relative; }

.login-form .or-line .ol-or {
  display: block;
  text-align: center;
  background: #ffffff;
  width: 40px;
  margin: 0 auto;
  color: #9e9e9e;
  position: relative;
  z-index: 1;
  font-size: 12px; }

.login-form .or-line .ol-line {
  height: 1px;
  width: 100%;
  background-color: #9e9e9e;
  position: absolute;
  top: 10px;
  left: 0px;
  z-index: 0; }

.login-form .section-title,
.register-form .section-title {
  border-bottom: 0px solid #e0e0e0;
  padding-bottom: 0px; }

.login-form .sign-in-sosmed {
  width: 170px;
  margin: 0px auto 0px; }

.login-form .row.fp-text {
  margin-bottom: 0px; }

.login-form .sign-in-sosmed .sign-in-icon {
  width: 45px;
  height: 45px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  display: table;
  color: #ffffff;
  text-align: center;
  float: left;
  margin: 0px 20px;
  cursor: pointer; }

.login-form .sign-in-sosmed .sign-in-icon .fa,
.login-form .sign-in-sosmed .sign-in-icon .fab,
.login-form .sign-in-sosmed .sign-in-icon .fas,
.login-form .sign-in-sosmed .sign-in-icon .fal,
.login-form .sign-in-sosmed .sign-in-icon .far {
  display: table-cell;
  vertical-align: middle;
  font-size: 15px; }

.login-form .sign-in-sosmed .sign-in-icon.sii-twitter {
  background-color: #00bbed; }

.login-form .sign-in-sosmed .sign-in-icon.sii-facebook {
  background-color: #2f7abc; }

/*==================================================
19. PRODUCT PAGE
==================================================*/
.pg-product-image {
  overflow: hidden; }

.pg-product-image .slick-slide {
  margin: 0 10px; }

.pg-product-image .slick-list {
  margin: 0 -10px; }

.pg-product-image .slick-dots {
  bottom: 0px; }

.pg-product-image .slick-dots li button::before {
  font-size: 10px; }

.pg-product-image .slick-dots li {
  margin: 0px 0px; }

.pg-product-image {
  position: relative;
  margin-bottom: 0px !important; }

.pg-product-image {
  height: 200px;
  overflow: hidden; }

.pg-product-image .pgp-wrap-img .pgp-wrap-img-in {
  height: 200px;
  width: 100%;
  background-color: #fff; }

.pg-product-image .pgp-wrap-img .pgp-wrap-img-in .pgp-img {
  height: 100%;
  background-position: center center;
  background-size: auto 100%;
  background-repeat: no-repeat; }

.add-wish-lish .awl-btn {
  width: 45px;
  height: 45px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  display: table;
  background-color: #ffffff;
  border: 1px solid #f8f8f8;
  margin-top: -30px;
  position: relative;
  float: right;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.21);
  -moz-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.21);
  box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.21);
  cursor: pointer; }

.add-wish-lish .awl-btn:hover {
  background-color: #c7004b;
  border: 1px solid #c7004b; }

.add-wish-lish .awl-btn:hover .awl-btn-icon {
  color: #ffffff; }

.add-wish-lish .awl-btn .awl-btn-icon {
  display: table-cell;
  vertical-align: middle;
  font-size: 18px;
  text-align: center;
  color: #c7004b; }

.product-page .name-price {
  position: relative; }

.product-page .pg-product-name {
  font-size: 20px;
  color: #c7004b;
  width: 100%;
  padding-right: 100px; }

.product-page .pg-product-price {
  font-size: 20px;
  font-weight: 600;
  color: #a944c0;
  float: right;
  width: 100px;
  text-align: right;
  padding-right: 5px;
  position: absolute;
  right: 0px;
  top: 0px; }

.product-page .desciption-product {
  margin-bottom: 50px; }

.qty-total-price .quantity {
  background: #ffffff;
  position: relative;
  height: 42px; }

.qty-total-price input[type=number]::-webkit-inner-spin-button,
.qty-total-price input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.qty-total-price input[type=number] {
  -moz-appearance: textfield; }

.qty-total-price {
  background-color: #f6f6f6;
  padding: 20px 0px; }

.qty-total-price .quantity input {
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  height: 42px;
  line-height: 1.65;
  display: block;
  padding: 0;
  margin: 0;
  left: 25%;
  width: 50%;
  padding: 0px 10px;
  text-align: center;
  position: absolute;
  box-sizing: border-box; }

.qty-total-price .row {
  margin-bottom: 0px; }

.qty-total-price .quantity input:focus {
  outline: 0; }

.qty-total-price .quantity-nav {
  float: left;
  position: relative;
  height: 42px; }

.qty-total-price .quantity-button {
  position: absolute;
  padding: 5px 0px;
  cursor: pointer;
  width: 25%;
  text-align: center;
  color: #333;
  font-size: 18px;
  line-height: 1.7;
  border: 1px solid #d8d8d8;
  height: 42px;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

.qty-total-price .quantity-button.quantity-up {
  position: absolute;
  top: 0;
  right: -25%; }

.qty-total-price .quantity-button.quantity-down {
  position: absolute;
  top: 0;
  left: 25%; }

.qty-total-price .qty-qty {
  padding: 10px 5px 0px;
  color: #c7004b; }

.qty-total-price .button-add-cart {
  margin: 0px 0px;
  padding: 0px 0px;
  text-align: center;
  font-weight: 600;
  width: 100%;
  height: 42px;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0px rgba(0, 0, 0, 0);
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0px rgba(0, 0, 0, 0); }

/*==================================================
20. FOOTER
==================================================*/
footer {
  background-color: #c7004b; }

footer .footer-info {
  color: #ffffff;
  border-bottom: 1px solid #c30f42;
  padding: 35px 20px 35px; }

footer .fas {
  color: #fff; }

footer#footer .row-footer-icon {
  margin-bottom: 0px; }

footer#footer .footer-sosmed-icon {
  text-align: center;
  margin-top: 20px; }

footer#footer .footer-sosmed-icon .wrap-circle-sosmed {
  display: inline-block;
  margin-right: 5px; }

footer#footer .footer-sosmed-icon .wrap-circle-sosmed .circle-sosmed {
  width: 35px;
  height: 35px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  display: table;
  background-color: #ffffff;
  border: 1px solid #c7004b; }

footer#footer .footer-sosmed-icon .wrap-circle-sosmed .circle-sosmed .fa,
footer#footer .footer-sosmed-icon .wrap-circle-sosmed .circle-sosmed .fab,
footer#footer .footer-sosmed-icon .wrap-circle-sosmed .circle-sosmed .fas,
footer#footer .footer-sosmed-icon .wrap-circle-sosmed .circle-sosmed .far,
footer#footer .footer-sosmed-icon .wrap-circle-sosmed .circle-sosmed .fal {
  display: table-cell;
  vertical-align: middle;
  font-size: 15px; }

footer#footer .footer-sosmed-icon .circle-sosmed .fas {
  font-size: 16px;
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

footer#footer .row.copyright {
  text-align: center;
  text-align: center;
  margin: 0px 0px 0px;
  padding: 10px 0px 20px;
  color: #ffffff; }

footer#footer .row.copyright span {
  font-weight: 600; }

 
.pagov{
	width: 50%;
    display: block;
    text-align: center;
    margin: auto;
    padding: 6px 0px;
}




/*-- carrito -*/




.shipping


{
	padding:40px;
	background:#fff;

}



.shipping h6{   
padding-bottom: 5px;
border-bottom: 1px solid #ebebeb00;
margin-top: -20px;  
text-align: center;
font-size: 15px;
 font-family: "Poppins", sans-serif;
color: #6b6b6b;
font-weight: bold;
text-transform: uppercase;
	 position: relative;
}


  
    


.shipping input[type="text"]{
background:#f7f7f7;
font-family:"Poppins", sans-serif;
font-size:13px;
color:#424242;
padding:4px 1px;
border:1px solid #e4e4e4;
width:100%;
cursor:pointer;
margin-bottom:5px;}


.shipping input[type="submit"]{
width:100%;
height:39px;
line-height:39px;
background-color:hsl(122, 66%, 35%);
border:0;
font-family:"Poppins", sans-serif;
font-size:13px;
text-transform:uppercase;
color:#fff;
text-align:center;
display:inline-block;}


.shipping input[type="submit"]:hover{
background-color:#a944c0;
color:#fff;
}

/*--Botones selecto -*/




.domicilio{ padding: 8px; text-align: justify;   }
#domi-costo{
	float: right;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 9px;
	padding-bottom: 9px;
	background-color: aliceblue;
	
}

#domi-costo p{
	
	font-size: 15px; 
	font-family: "Poppins", sans-serif;
    
    color: #000;
	font-weight: 500;
}
.domicilio-chia{
	float: auto; 
	padding: 4px;

	
	
	
	
}

#lug{
	
	display: flex;
	width: 100%;
	font-weight: 500;
	
	justify-content: center;
	
	    
    border-bottom: 4px solid #e4e4e4;
	text-align: center;

}


#dat-hor{
	display: flex;
	justify-content: space-between;padding: 5px;	
}

.param{
	width: 50%;
	text-align: left;
}
.resul{
	width: 50%;
	text-align: center;
}
#dat-hor p{
	
	padding-left: 5px;
	padding-right: 5px;
}

.orders{
	margin: auto;
	padding: auto; 
}

.fecha{
display:flex;
justify-content: center;
	
}
.fecha select{
	display: block;
	font-family: "Poppins", sans-serif;
	margin: 12px;
	padding: 10px;
	box-shadow: 0 2px 2px rgba(0,0,0,.2);
	height: 43px;
	color: #9e9e9e;
}


.fecha select:hover{
border-bottom: 1px solid  #c7004b; 
}

#naci{
	text-align: right;
	font-size: 15px;
}

#fecha-nac{
text-align: center;

}


	
}
option::hover{
color: crimson;

}
 
option:after{
	color:black;
}

#chi-t p{
	font-size: 20px;
	text-align: center;
}
/*---Registro
.fecha{
	
display: flex;
position: relative;
justify-content: center;
align-content: center;
align-items: center;
color:black;
justify-content: center;
margin-bottom: auto;
margin-right: auto;
margin-left: auto;
color:darkgray;
padding: 12px;
	
}
#fecha-nac{
text-align: center;
}

#naci{
	text-align: right;
	font-size: 15px;
}
.fecha select{
display:block;
font-family: "Poppins", sans-serif;
height: 30px;
overflow: hidden;
margin: 12px;
	}


.fecha select:after{
background: transparent; font-size: 14px;
padding: 5px;
position: relative; 
top: 14px; 
right: 10px;
width: 0;
height: 0; 
border: 6px solid transparent; 
border-color: bisque transparent transparent  transparent;
color:crimson;

	}

.fecha  select:focus{ 

outline: none;
}


.select-arrow-active:after{
border-color: transparent transparent #fff transparent;
top: 7px;
	
}
.select:hover{
background-color: cadetblue;
color: aquamarine;
}

option{
color: black; 
}
option::hover{
color: crimson;
}

--*/


/*========
SEDES
=============*/

#seds input{
	float: right;
}


.datos-sede{
	padding-bottom: 20px;
}
.sedd{
	
	width: 100%;
	align-content: center;
	text-align: center;

	
}

#cotp{
	font-weight: 500;
}
#izq_sed{
	width: 20%;
	
}
#der_sed{
	float: left;
	width: 70%;
	
}
.img_sed{
	
	padding-left: 5px;

	text-align: center;
	
}

.comollegar button{
	
	text-align: center;
	overflow: auto;
	
}
#oc{
	float: right;
}

/* --- pop up pedidos ----*/




	/*-- Pop up pedido --*/

	.cuerpo{
		position: relative;
		}

	.cont_caja {
		width: 300px;
		height: 446px;
		border: 1px;
		border-radius: 20px;
		padding: 0 1rem;
		margin: 9rem;
		box-shadow: 10px 10px 5px grey;
		background-size:cover;
		background-position:bottom;
		margin-left: auto;
	    margin-right: auto;
		background-image: url(fondo_popup3.jpg);
		
		
	}
	.cont_popup{
		padding: 12px; 
		margin-top: 12px;
	}
	.cont_up {
	  margin-left: auto;
	  margin-right: auto;
	  width: 90%;
	}



	.top-linea{
		position: relative;
		background:rgba(222, 11, 71, 1);
		padding:10px 0;

	}
	#logo_popup {
		width:90%;
		float: left;
		text-align: center;
	}


	.cierre{
		float: right;
	}

	.cierre a{
		color:white;
		
		border: 2px;
		border-bottom-color: red;
		font-weight: 800;
		font-size: 18px;
		text-shadow:  1px 2px 2px #deacea; 
		-webkit-text-stroke: 1px #c5b2c9;
	}


	.cierre a:hover, .cierre a:active {
		font-size: 22px;
		cursor: pointer;
		color: #a944c0;
		text-shadow: 2px 2px #fff;

	}
	#logo_popup img{
		width:150px;
		margin-top: 5px;
	}

	.upperC{
		width: 100%;
		height: 70px;
		border: 0px;
		margin: 0px;
		padding: 0px 0px 0px;
	 margin-left: auto;
	  margin-right: auto;



	}

	#texto_par p{
		font-weight: 600;
		padding: 3px; 
		font-size: 14px;
		color: white;
		text-align: justify;
	}

	#texto_per{
		background: rgba(250, 250, 250, 0.5);
		float: auto; 
		position: relative;
		top: 10px;
		width: 100%;
		text-align: justify;

	}
	#texto_per p {
		padding: 10px; 
		font-size: 14px;
		color: white;
		text-align: justify;
		

	}
	#rapi {
		width: 100%;
		color: white;
		font-weight: 800;
		font-size: 19px;
	text-shadow: 2px 2px #ff0000;

	}
	#rapi:hover, #rapia:active {

		cursor: pointer;
		color: #de0b47;
		text-shadow: 2px 2px #fff;

	}
.moto{
	
	position: relative;
	top:-25px;
}