/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
/* #header{ background: red !important; } */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&display=swap');

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h5,
a,
p,
span,
* {
  font-family: "Poppins", sans-serif;
}

#top-menu a {
  font-weight: lighter;
}

.row.derechos {
  background-color: black;
}

.row.derechos p a {
  color: #717070;
}

#header .header-nav {
  max-height: 180px;
}

#header .logo {
  max-width: 160px;
  /* height: auto; */
  margin-top: 15px;
  margin-bottom: 15px;
}

#header .header-nav .user-info {
  margin-top: 20px;
  white-space: nowrap;
}

#_desktop_cart {
  margin-top: 8px;
}

#header .header-nav .blockcart {
  background: transparent;
}

#search_widget {
  margin-top: 11px;
}

#search_widget .ui-autocomplete-input {
  background-color: transparent;
  border-radius: 25px;
  border: 1px solid #D4D4D4;
}

.header-nav #search_widget {
  min-width: 29.5rem;
}

.header-nav #search_widget form i {
  position: absolute;
  padding: 0.9rem;
}

#_desktop_top_menu {
  width: 100%;
  text-align: center;
}

.header-banner {
  background: #242424 0% 0% no-repeat padding-box;
  ;
  color: #9B9B9B;
  min-height: 42px;
}

.header-banner .block-social ul li {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  margin: .125rem;
  cursor: pointer;
  background-color: transparent;
  background-repeat: no-repeat;
}

.sectioncard .card-wrapper {
  height: 100%;
  padding: 2vw;
  background-size: cover;
  /* height: 640px; */
  height: 33.33vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sectioncard .card {
  padding: 0 !important;
  border: 0;
}

.sectioncard h4 {
  text-align: center;
  font: italic normal normal 42px Roboto;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  opacity: 1;
}

.sectioncard .card1 {
  background-image: url(../img/card1.webp);
  background-size: contain;
  background-repeat: no-repeat;
}

.sectioncard .card2 {
  background-image: url(../img/card3.webp);
  background-size: contain;
  background-repeat: no-repeat;
}

.sectioncard .card3 {
  background-image: url(../img/card2.webp);
  background-size: contain;
  background-repeat: no-repeat;
}

#wrapper {
  padding-top: 0rem;
}

.featured-products.clearfix.mt-3 .tituloNovedades {
  font: italic normal normal 30px/60px Poppins;
  letter-spacing: 0px;
  color: #242424;
  text-transform: uppercase;
  opacity: 1;
  text-align: left;
}

.pNovedades {
  font: normal normal 300 12px Poppins;
  letter-spacing: 0px;
  color: #242424;
  opacity: 1;
}
.featured-products .product-flags li.product-flag {
	/* width: -webkit-fit-content; */
	/* width: -moz-fit-content; */
	width: fit-content;
	padding: .2125rem .2375rem;
	margin-top: .625rem;
	/* font-size: 1rem; */
	font-weight: 100;
	color: #fff;
	text-transform: uppercase;
	word-break: break-word;
	pointer-events: auto;
	background: #24b9d7;
	font-size: 0.8rem;
}

.all-product-link.float-xs-left.float-md-right.h4 {
	background: black;
	padding: 15px;
	color: white;
}

.atc_div.add-to-cart-button {
	position: absolute;
	width: 100%;
	bottom: 8px;
	float: left;
	margin: 0 auto;
}
/* ----------------------------------- */
.products .product-price-and-shipping {
	text-align: left;
	margin-top: 27px;
}

.js-product.product.col-xs-12.col-sm-6.col-lg-4.col-xl-4 {
	min-height: 365px;
}
.product-miniature.js-product-miniature.ets_cart_type_button.reviews-loaded {
	min-height: 365px;
}
#ets_addToCart {
	width: 119px !important;
	float: right;
}
.products .product-price-and-shipping {
	text-align: left;
	margin-top: 27px;
}

.featured-products.clearfix.mt-3 .all-product-link.float-xs-left.float-md-right.h4 {
	background: black;
	padding: 15px;
	color: white;
	width: 100%;
	text-align: center;
}

.product-price-and-shipping span {
	font: normal normal normal 16px/20px Roboto;
	letter-spacing: 0px;
	color: #DB070E;
}

.quick-view.js-quick-view {
	background-color: white;
}

.container {
	margin: 0 auto;
	position: relative;
}

.full-width-section {
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    width: 100vw;
    background-color: #f8f9fa;
}
#header .header-nav .cart-preview.active {
	background: #242424;
}

.tituloBanner {
	font: italic normal normal 40px/69px Roboto;
	letter-spacing: 0px;
	color: #FFFFFF!important;
	text-transform: uppercase;
	opacity: 1;
}

.ptituloBanner {
  margin-top: 17px;
	font: normal normal 300 22px/30px Poppins;
	letter-spacing: 0px;
	color: #FFFFFF!important;
	opacity: 1;
  margin-top: 17px;
  margin-bottom: 44px;
}

.position-relative {
  position: relative !important;
}
.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}
.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.py-160.min-vh-60.d-flex.align-items-center.position-relative.lines-style-3 {
	width: 100%;
}

#custom-text {
	background-image: url(../img/ochoTQ-2.webp);
	/* min-height: 588px; */
	background-size: cover;
	background-repeat: no-repeat;
}

.banner_footer {
	padding: 5rem 0;
	background: #B3FF00 0% 0% no-repeat padding-box;
	opacity: 0.89;
  position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	width: 100vw;
}

.ml-2, .mx-2 {
	margin-left: 1.5rem !important;
}

.banner_footer .titulos{
  font: italic normal bold 22px/60px Poppins;
  letter-spacing: 0px;
  color: #242424;
  text-transform: uppercase;
  opacity: 1;
}

.border-footer {
	border-right: 1px solid #707070;
	opacity: 1;
}

.spancontenido{
  text-align: center;
  font: normal normal 300 15px/18px Poppins;
  letter-spacing: 0px;
  color: #242424;
  opacity: 1;
}

 #main .page-footer {
	margin-bottom: 0px;
}


.tituloNewsletter {
	text-align: center;
	font: normal normal bold 50px/55px Montserrat;
	letter-spacing: 0px;
	color: #242424;
	opacity: 1;
}

.ptituloNewsletter {
	text-align: center;
	font: italic normal medium 15px/23px Poppins;
	letter-spacing: 0px;
	color: #242424;
	text-transform: uppercase;
	opacity: 1;
  margin-bottom: 30px;
  margin-top: 30px;
}

#blockEmailSubscription_displayFooterBefore .btn.btn-primary.float-xs-right.hidden-xs-down {
	background: black;
	border-radius: 25px;
	z-index: 99999;
	position: absolute;
	right: 0px;
}

 .block_newsletter form input[type="email"] {
	width: 100%;
	padding: 11px;
	border: 1px solid #000!important;
	border-radius: 25px;
}

.footer-container{
  background-image: url(../img/fondo_pie_223.svg);
	background-size: cover;
	background-repeat: no-repeat;
}


.footer-container li a, .footer-container li a:hover {
  /* color: #000; */
  font-size: .9em;
  font-weight: 300;
}

.footer-container li a, .footer-container li a:hover {
  /* color: #000; */
  font-size: .9em;
  font-weight: 300;
}
.footer-container .block-social ul li {
	background-color:transparent;
}

.footer-container  .block-social {
	text-align: right;
	float: right;
	/* position: relative; */
	margin-top: -50px;
}


.page-index #roundcol3 {
	display: block;
} 

#roundcol3 {
	display: none;
} 

#category #wrapper {
	background-color: #fff;
}
#category .breadcrumb, .page-product .breadcrumb{
	background-color: #F5F5F5 !important;
	opacity: 1;
	height: 40px;
  text-align: center;
}

.breadcrumb ol {
	position: relative;
	padding: 10px;
}
.breadcrumb li a {
	letter-spacing: 0.26px;
	color: #9B9B9B!important;
	opacity: 1;
}

.block-category.card.card-block h1 {
	font: italic normal normal 30px/60px Roboto;
	letter-spacing: 0px;
	color: #242424;
	text-transform: uppercase;
	opacity: 1;
}
.category-top-menu li a{
  font: normal normal 600 15px/19px Montserrat;
  letter-spacing: 0px;
  color: #33383E;
  opacity: 1;
}
/* PRODUCTO */
.row.product-container.js-product-container h1 {
	font: italic normal normal 30px/60px Roboto;
	letter-spacing: 0px;
	color: #242424;
	text-transform: uppercase;
	opacity: 1;
}

.page-product .current-price-value {
	font: normal normal bold 30px/60px Roboto;
	letter-spacing: 0px;
	color: #242424;
	text-transform: uppercase;
	opacity: 1;
}

.page-product p {
  font: normal normal 300 14px/20px Poppins;
  letter-spacing: 0px;
  color: #545454;
  opacity: 1;
}

.product-actions .add-to-cart {
	height: 2.75rem;
	padding-top: .625rem;
	line-height: inherit;
	width: 100%;
	background: black;
}

.page-product .add {
    width: 100%;
}

.product-quantity .qty {
  width: 100%;
}

.product-quantity.clearfix {
	display: block;
}

.header-top-right.col-md-10.col-sm-12.position-static {
	width: 100%;
}