/* Aqui los CSS */
/* ==================== */
/* scroll */
.scroll_edit::-webkit-scrollbar {
  width: 10px; /* Tamaño del scroll en vertical */
  height: 7px; /* Tamaño del scroll en horizontal */
}

/* Ponemos un color de fondo y redondeamos las esquinas del thumb */
.scroll_edit::-webkit-scrollbar-thumb {
  background: var(--main-bg-color-primario);
  border-radius: 4px;
}

/* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
.scroll_edit::-webkit-scrollbar-thumb:hover {
  background: var(--main-bg-color-secundario);
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

/* Cambiamos el fondo cuando esté en active */
.scroll_edit::-webkit-scrollbar-thumb:active {
  background-color: var(--main-bg-color-secundario);
}

/* Ponemos un color de fondo y redondeamos las esquinas del track */
.scroll_edit::-webkit-scrollbar-track {
  background: #e1e1e1;
  border-radius: 4px;
}

/* Cambiamos el fondo cuando esté en active o hover */
.scroll_edit::-webkit-scrollbar-track:hover,
.scroll_edit::-webkit-scrollbar-track:active {
  background: #d4d4d4;
}

/* Inter Thin */

@font-face {
  font-family: "ElidaInter";
  src: url('/template_5/css/fonts/inter/eot/Inter-Thin.eot');
  src: url('/template_5/css/fonts/inter/eot/Inter-Thin.eot') format('embedded-opentype'),
  url('/template_5/css/fonts/inter/woff2/Inter-Thin.woff2') format('woff2'),
  url('/template_5/css/fonts/inter/woff/Inter-Thin.woff') format('woff'),
  url('/template_5/css/fonts/inter/ttf/Inter-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

/* Inter Thin Italic */

@font-face {
  font-family: "ElidaInter";
  src: url('/template_5/css/fonts/inter/eot/Inter-ThinItalic.eot');
  src: url('/template_5/css/fonts/inter/eot/Inter-ThinItalic.eot') format('embedded-opentype'),
  url('/template_5/css/fonts/inter/woff2/Inter-ThinItalic.woff2') format('woff2'),
  url('/template_5/css/fonts/inter/woff/Inter-ThinItalic.woff') format('woff'),
  url('/template_5/css/fonts/inter/ttf/Inter-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}

/* Inter Extra Light */

@font-face {
  font-family: "ElidaInter";
  src: url('/template_5/css/fonts/inter/eot/Inter-ExtraLight.eot');
  src: url('/template_5/css/fonts/inter/eot/Inter-ExtraLight.eot') format('embedded-opentype'),
  url('/template_5/css/fonts/inter/woff2/Inter-ExtraLight.woff2') format('woff2'),
  url('/template_5/css/fonts/inter/woff/Inter-ExtraLight.woff') format('woff'),
  url('/template_5/css/fonts/inter/ttf/Inter-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

/* Inter Extra Light Italic */

@font-face {
  font-family: "ElidaInter";
  src: url('/template_5/css/fonts/inter/eot/Inter-ExtraLightItalic.eot');
  src: url('/template_5/css/fonts/inter/eot/Inter-ExtraLightItalic.eot') format('embedded-opentype'),
  url('/template_5/css/fonts/inter/woff2/Inter-ExtraLightItalic.woff2') format('woff2'),
  url('/template_5/css/fonts/inter/woff/Inter-ExtraLightItalic.woff') format('woff'),
  url('/template_5/css/fonts/inter/ttf/Inter-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}

/* Inter Light */

@font-face {
  font-family: "ElidaInter";
  src: url('/template_5/css/fonts/inter/eot/Inter-Light.eot');
  src: url('/template_5/css/fonts/inter/eot/Inter-Light.eot') format('embedded-opentype'),
  url('/template_5/css/fonts/inter/woff2/Inter-Light.woff2') format('woff2'),
  url('/template_5/css/fonts/inter/woff/Inter-Light.woff') format('woff'),
  url('/template_5/css/fonts/inter/ttf/Inter-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

/* Inter Light Italic */

@font-face {
  font-family: "ElidaInter";
  src: url('/template_5/css/fonts/inter/eot/Inter-LightItalic.eot');
  src: url('/template_5/css/fonts/inter/eot/Inter-LightItalic.eot') format('embedded-opentype'),
  url('/template_5/css/fonts/inter/woff2/Inter-LightItalic.woff2') format('woff2'),
  url('/template_5/css/fonts/inter/woff/Inter-LightItalic.woff') format('woff'),
  url('/template_5/css/fonts/inter/ttf/Inter-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

/* Inter Normal */

@font-face {
  font-family: "ElidaInter";
  src: url('/template_5/css/fonts/inter/eot/Inter-Regular.eot');
  src: url('/template_5/css/fonts/inter/eot/Inter-Regular.eot') format('embedded-opentype'),
  url('/template_5/css/fonts/inter/woff2/Inter-Regular.woff2') format('woff2'),
  url('/template_5/css/fonts/inter/woff/Inter-Regular.woff') format('woff'),
  url('/template_5/css/fonts/inter/ttf/Inter-Regular.ttf') format('truetype');
  font-weight: 400; /* normal */
  font-style: normal;
}

/* Inter Normal Italic */

@font-face {
  font-family: "ElidaInter";
  src: url('/template_5/css/fonts/inter/eot/Inter-Italic.eot');
  src: url('/template_5/css/fonts/inter/eot/Inter-Italic.eot') format('embedded-opentype'),
  url('/template_5/css/fonts/inter/woff2/Inter-Italic.woff2') format('woff2'),
  url('/template_5/css/fonts/inter/woff/Inter-Italic.woff') format('woff'),
  url('/template_5/css/fonts/inter/ttf/Inter-Italic.ttf') format('truetype');
  font-weight: 400; /* normal */
  font-style: italic;
}

/* Inter Medium */

@font-face {
  font-family: "ElidaInter";
  src: url('/template_5/css/fonts/inter/eot/Inter-Medium.eot');
  src: url('/template_5/css/fonts/inter/eot/Inter-Medium.eot') format('embedded-opentype'),
  url('/template_5/css/fonts/inter/woff2/Inter-Medium.woff2') format('woff2'),
  url('/template_5/css/fonts/inter/woff/Inter-Medium.woff') format('woff'),
  url('/template_5/css/fonts/inter/ttf/Inter-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

/* Inter Medium Italic */

@font-face {
  font-family: "ElidaInter";
  src: url('/template_5/css/fonts/inter/eot/Inter-MediumItalic.eot');
  src: url('/template_5/css/fonts/inter/eot/Inter-MediumItalic.eot') format('embedded-opentype'),
  url('/template_5/css/fonts/inter/woff2/Inter-MediumItalic.woff2') format('woff2'),
  url('/template_5/css/fonts/inter/woff/Inter-MediumItalic.woff') format('woff'),
  url('/template_5/css/fonts/inter/ttf/Inter-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

/* Inter Semi Bold */

@font-face {
  font-family: "ElidaInter";
  src: url('/template_5/css/fonts/inter/eot/Inter-SemiBold.eot');
  src: url('/template_5/css/fonts/inter/eot/Inter-SemiBold.eot') format('embedded-opentype'),
  url('/template_5/css/fonts/inter/woff2/Inter-SemiBold.woff2') format('woff2'),
  url('/template_5/css/fonts/inter/woff/Inter-SemiBold.woff') format('woff'),
  url('/template_5/css/fonts/inter/ttf/Inter-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

/* Inter Semi Bold Italic */

@font-face {
  font-family: "ElidaInter";
  src: url('/template_5/css/fonts/inter/eot/Inter-SemiBoldItalic.eot');
  src: url('/template_5/css/fonts/inter/eot/Inter-SemiBoldItalic.eot') format('embedded-opentype'),
  url('/template_5/css/fonts/inter/woff2/Inter-SemiBoldItalic.woff2') format('woff2'),
  url('/template_5/css/fonts/inter/woff/Inter-SemiBoldItalic.woff') format('woff'),
  url('/template_5/css/fonts/inter/ttf/Inter-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

/* Inter Bold */

@font-face {
  font-family: "ElidaInter";
  src: url('/template_5/css/fonts/inter/eot/Inter-Bold.eot');
  src: url('/template_5/css/fonts/inter/eot/Inter-Bold.eot') format('embedded-opentype'),
  url('/template_5/css/fonts/inter/woff2/Inter-Bold.woff2') format('woff2'),
  url('/template_5/css/fonts/inter/woff/Inter-Bold.woff') format('woff'),
  url('/template_5/css/fonts/inter/ttf/Inter-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

/* Inter Bold Italic */

@font-face {
  font-family: "ElidaInter";
  src: url('/template_5/css/fonts/inter/eot/Inter-BoldItalic.eot');
  src: url('/template_5/css/fonts/inter/eot/Inter-BoldItalic.eot') format('embedded-opentype'),
  url('/template_5/css/fonts/inter/woff2/Inter-BoldItalic.woff2') format('woff2'),
  url('/template_5/css/fonts/inter/woff/Inter-BoldItalic.woff') format('woff'),
  url('/template_5/css/fonts/inter/ttf/Inter-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

/* Inter Extra Bold */

@font-face {
  font-family: "ElidaInter";
  src: url('/template_5/css/fonts/inter/eot/Inter-ExtraBold.eot');
  src: url('/template_5/css/fonts/inter/eot/Inter-ExtraBold.eot') format('embedded-opentype'),
  url('/template_5/css/fonts/inter/woff2/Inter-ExtraBold.woff2') format('woff2'),
  url('/template_5/css/fonts/inter/woff/Inter-ExtraBold.woff') format('woff'),
  url('/template_5/css/fonts/inter/ttf/Inter-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

/* Inter Extra Bold Italic */

@font-face {
  font-family: "ElidaInter";
  src: url('/template_5/css/fonts/inter/eot/Inter-ExtraBoldItalic.eot');
  src: url('/template_5/css/fonts/inter/eot/Inter-ExtraBoldItalic.eot') format('embedded-opentype'),
  url('/template_5/css/fonts/inter/woff2/Inter-ExtraBoldItalic.woff2') format('woff2'),
  url('/template_5/css/fonts/inter/woff/Inter-ExtraBoldItalic.woff') format('woff'),
  url('/template_5/css/fonts/inter/ttf/Inter-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}

/* Inter Black */

@font-face {
  font-family: "ElidaInter";
  src: url('/template_5/css/fonts/inter/eot/Inter-Black.eot');
  src: url('/template_5/css/fonts/inter/eot/Inter-Black.eot') format('embedded-opentype'),
  url('/template_5/css/fonts/inter/woff2/Inter-Black.woff2') format('woff2'),
  url('/template_5/css/fonts/inter/woff/Inter-Black.woff') format('woff'),
  url('/template_5/css/fonts/inter/ttf/Inter-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

/* Inter Black Italic */

@font-face {
  font-family: "ElidaInter";
  src: url('/template_5/css/fonts/inter/eot/Inter-BlackItalic.eot');
  src: url('/template_5/css/fonts/inter/eot/Inter-BlackItalic.eot') format('embedded-opentype'),
  url('/template_5/css/fonts/inter/woff2/Inter-BlackItalic.woff2') format('woff2'),
  url('/template_5/css/fonts/inter/woff/Inter-BlackItalic.woff') format('woff'),
  url('/template_5/css/fonts/inter/ttf/Inter-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}

/* Botones */
.btn_1 {
  border-radius: 25px !important;
}

.btn_2 {
  background-color: var(--main-bg-color-secundario);
  border-radius: 25px !important;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  padding: 8px 15px;
}

.btn_2:hover {
  background-color: var(--main-bg-color-cuarto);
  color: #fff;
}

.btn_3 {
  background: var(--main-bg-color-primario);
  height: auto !important;
  line-height: normal !important;
  padding: 6px 18px;
  margin-top: 15px;
  border-radius: 25px;
  color: #fff !important;
}

.btn_3:hover {
  background: var(--main-bg-color-secundario);
  color: #fff;
}

.btn_4 {
  background: var(--main-bg-color-secundario);
  height: auto !important;
  line-height: normal !important;
  padding: 6px 20px;
  border-radius: 25px;
  color: #fff !important;
}

.btn_4:hover {
  background: var(--main-bg-color-primario);
  color: #fff;
}

.client {
  transition: filter .3s ease;
}

.client:not(:hover) {
  filter: grayscale(1);
  opacity: .5;
}

header.version_1 .main_nav ul.top_tools > li a.cart_bt strong {
  background-color: #e98b3b;
}

@media (min-width: 992px) {
  .nav_center {
    display: flex;
    justify-content: center;
  }
}

@media (max-width: 992px) {
  .btn_sub {
    position: absolute;
    right: 30px;
    top: -27px;
  }
}

.marrieage_form {
  max-height: 600px;
}

@media (max-width: 576px) {
  .marrieage_form {
    max-height: 1050px;
  }

  .font_card_title {
    font-size: 1rem !important;
  }

  .font_card_desc {
    font-size: 0.8rem !important;
  }
}

/* nosotros */
.description_about h2 {
  line-height: 0.8 !important;
}

.history_desc {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 40px 60px;
  overflow-y: hidden;
}

@media (max-width: 1138px) {
  .history_desc {
    padding: 30px 0px;
  }
}

/* productos */
.brand_ribbon {
  position: absolute;
  top: 0;
  right: -16px;
}

.brand_ribbon > img {
  width: 64px !important;
  height: 64px;
  padding-top: 12px;
  padding-right: 10px;
}

/* Barra de menu de categorias */
.category_item {
  background: var(--main-bg-color-secundario);
  color: #fff;
}

.category_item:hover {
  background: var(--main-bg-color-primario);
  /* color: #fff; */
  color: #fff;
}

.category_img {
  width: 25px !important;
  margin-left: auto;
  margin-right: auto;
}

#nav_category > .owl-nav > .owl-prev,
#nav_category > .owl-nav > .owl-next {
  height: 100%;
  width: 15px;
  font-weight: 700;
  font-size: 32px;
  background: none !important;
  border: none !important;
  color: #fff;
}

#nav_category2 > .owl-nav > .owl-prev,
#nav_category2 > .owl-nav > .owl-next {
  height: 100%;
  width: 15px;
  font-weight: 700;
  font-size: 32px;
  background: none !important;
  border: none !important;
  color: #fff;
}

#nav_category > .owl-stage-outer > .owl-stage > .owl-item:hover {
  background: var(--main-bg-color-secundario) !important;
}

#nav_category2 > .owl-stage-outer > .owl-stage > .owl-item:hover {
  background: var(--main-bg-color-secundario) !important;
}

.logo_menu {
  width: 200px;
  padding-top: 12px;
  padding-right: 15px;
}

#menu_routes {
  /* position: absolute; */
  width: 300px;
  /* right: 0;
  z-index: 1000;
  transition: height 2s; */
}

#menu_routes a, #sign_menu a {
  color: var(--main-bg-color-primario);
  padding: 10px 20px;
  height: auto;
  line-height: normal;
}

#menu_routes a:hover, #sign_menu a:hover {
  background: var(--main-bg-color-primario);
  color: #fff;
}

@media (max-width: 767px) {
  .btn_3 {
    margin-top: 0px;
  }

  .small-gutters {
    margin-bottom: 1px
  }

  .mm-sticky { /*padding-bottom: 25px!important*/;
    margin-top: 0px !important;
  }

  .desktop_header {
    display: none;
  }

  .sm_none {
    display: none;
  }

  .padding_we {
    padding-top: 80px;
  }

  .justify-content-end {
    margin-top: 1px !important;
  }
}

@media (min-width: 767px) {
  .movil_header {
    display: none;
  }

  .md_none {
    display: none;
  }
}

/* checkout */
.total_checkout {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--main-bg-color-terciario);
}

.rest_checkout {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--main-bg-color-cuarto);
}

.club_background {
  background-attachment: fixed;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 100%;
}

.club_background2 {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 100%;
}

/* logistica */
.ligistic_nav li {
  display: inline;
}

.ligistic_nav li::before {
  content: "\2192";
  color: var(--main-bg-color-primario);
  font-size: 50px;
  vertical-align: -9px;
}

/* logistica */
.ligistic_nav_description li {
  display: inline;
}

.ligistic_nav_description li::before {
  content: "\2192";
  color: var(--main-bg-color-primario);
  font-size: 50px;
  vertical-align: -9px;
}

.ligistic_text {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}

.bg-primary {
  background-color: var(--main-bg-color-primario) !important;
}

.bg-info {
  background-color: var(--main-bg-color-secundario) !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

/* Extras */
a.btn_1, .btn_1 {
  color: #fff;
  background: var(--main-bg-color-car);
}

a.btn_1:hover, .btn_1:hover {
  background-color: var(--main-bg-color-car-hover);
  color: #fff !important;
}

.ribbon.ofert {
  background-color: var(--main-bg-color-car);
}

.ribbon.ofert:before {
  border-color: var(--main-bg-color-car) transparent transparent;
}

header ul.top_tools > li .dropdown-cart .dropdown-menu a.btn_1, header ul.top_tools > li .dropdown-access .dropdown-menu a.btn_1 {
  color: #fff;
  background-color: var(--main-bg-color-car);
}

header ul.top_tools > li .dropdown-cart .dropdown-menu a.btn_1:hover, header ul.top_tools > li .dropdown-access .dropdown-menu a.btn_1:hover {
  background-color: var(--main-bg-color-car-hover);
}

.btn_1.outline {
  color: #000 !important;
}

.btn_1.outline:hover {
  color: #fff !important;
}

header ul.top_tools > li a.btn_cat_mob .hamburger-box {
  top: 8px;
  margin-right: 0px;
}

header.version_1 .main_nav ul.top_tools > li a.btn_cat_mob:hover .hamburger-inner, header.version_1 .main_nav ul.top_tools > li a.btn_cat_mob:hover .hamburger-inner::before, header.version_1 .main_nav ul.top_tools > li a.btn_cat_mob:hover .hamburger-inner::after {
  background-color: #fff;
}

header.version_1 .main_nav ul.top_tools > li a:hover {
  color: #fff;
}

.catalog-subcategory__change {
  color: #444;
}

.catalog-subcategory__change:hover {
  color: var(--main-bg-color-primario);
}

footer {
  background-color: var(--main-bg-color-footer);
}

.btn_filters {
  background-color: var(--main-bg-color-primario);
  color: #000;
  font-size: 12px;
  font-weight: 700;
  padding: 10px;
  border-radius: 15px;
}

.btn_filters_2 {
  border: 1px solid var(--main-bg-color-primario);
  color: #000;
  font-size: 12px;
  font-weight: 700;
  padding: 10px;
  border-radius: 15px;
}

.btn_filters:hover, .btn_filters_2:hover {
  color: #000;
}

/* catalog rapid */
.fig_item {
  height: 250px;
  display: flex;
  align-items: center;
  overflow: hidden;
  justify-content: center;
}

.grid_item a > .font_bold:first-child {
  font-family: 'ElidaInter';
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, .03);
  border-bottom: 1px solid rgba(0, 0, 0, .125);
}


.description_info .card-header {
  background: none;
  border: none;
  padding-left: 0px;
  padding-right: 0px;
}

.description_info .card-header a {
  color: #444;
  font-weight: 700;
  font-size: 20px;
}


.btn_pay {
  color: #444;
}

.btn_pay:hover {
  color: var(--main-bg-color-primario);
}

.icon_faq::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  font-style: normal;
  transition: 0.5s;
}

.btn_pay .icon_faq::before {
  content: "\f106";
}

.btn_pay.collapsed .icon_faq::before {
  content: "\f107";
}

.menu ul li ul {
  overflow-y: auto;
  max-height: 75vh;
}

.menu ul li ul li ul {
  overflow: hidden;
}

.menu ul li ul.expanded {
  width: auto;
}

.scroll_menu::-webkit-scrollbar {
  -webkit-appearance: none;
}

.scroll_menu::-webkit-scrollbar:vertical {
  width: 8px;
}

.scroll_menu::-webkit-scrollbar-button:increment, .scroll_menu::-webkit-scrollbar-button {
  display: none;
}

.scroll_menu::-webkit-scrollbar:horizontal {
  height: 8px;
}

.scroll_menu::-webkit-scrollbar-thumb {
  background-color: #c8c8c8;
  border-radius: 20px;
  border: 2px solid #c8c8c8;
}

.scroll_menu::-webkit-scrollbar-track {
  border-radius: 10px;
}

.btn_1_black {
  background: #343434;
  padding: 8px;
  width: 70%;
  font-weight: bold;
  border-radius: 3px;
}

.btn_1_black:hover {
  background: #e52f3c;
}

.modal.fade.show {
  background-color: rgb(0, 0, 0, 50%);
}