@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;900&display=swap');

body, html, p {
	font-family: 'Lato', sans-serif;
	color: #304E73;
}

body.home.page-id-2  .footer,
body.home.page-id-2  header {
	display: none;
}
.row {
	margin: 0;
}
h1, h2 {
  	color: #304E73;
	font-weight: 900;
}
h3 {
	color: #304E73;
	font-size: 30px;
	font-weight: 400;
	margin-bottom: 0;
}
h3 b {
	font-weight: 900;
}
h5 {
	color: #5ABCEA;
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 25px;
}
.top .vc_column-inner {	
	padding: 0px;
}
.top .wpb_single_image.wpb_content_element.vc_align_left {
	margin-bottom: -130px;
}
header {
	position: absolute;
	width: 100%;
	z-index: 99;
	top: 50px;
}
.navbar-default .navbar-nav>li>a {
    color: #304E73;
}
.navbar-brand {
	background: url(../img/logo.png) no-repeat;
    background-size: 100%;
    width: 116px;
    height: 120px;
    margin-top: -40px;
    margin-bottom: -30px;
}
.navbar-default {
	background: transparent !important;
	border: none;
}
.navbar-default .container {
	background:#fff;
	box-shadow: #0000002a 3px 3px 4px;
}
.navbar-nav {	
	float: right;
	margin-right: 20px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	background: transparent !important;
	border-bottom: #5ABCEA solid 3px;
}
.social-media {
    background: #FBDE05;
    display: flex;
    width: 120px;
    float: right;
    align-items: center;
    justify-content: center;
    height: 53px;
}
.social-media-footer {    
    display: flex;
    width: 120px;
    float: right;
    align-items: center;
    justify-content: center;
    height: 53px;
}
.social-media-footer li,
.social-media li {
	list-style-type: none;
}
.facebook {
	background: url(../img/facebook.svg) no-repeat;
	display: inline-block;
	height: 17px;
	width: 10px;
}
.social-media-footer .facebook {
	background: url(../img/facebook-w.svg) no-repeat;
	display: inline-block;
	height: 17px;
	width: 10px;
	margin-left: 25px;
}
.tiktok {
	background: url(../img/tiktok.svg) no-repeat;
	display: inline-block;
	height: 17px;
	width: 14px;
	margin-left: 15px;
	margin-right: 15px;	
}
.social-media-footer .tiktok {
	background: url(../img/tiktok-w.svg) no-repeat;
	display: inline-block;
	height: 17px;
	width: 14px;
	margin-left: 15px;
	margin-right: 15px;	
}
.whatsapp {
	background: url(../img/whatsapp.svg) no-repeat;
	display: inline-block;
	height: 17px;
	width: 17px;
}
.social-media-footer .whatsapp {
	background: url(../img/whatsapp-w.svg) no-repeat;
	display: inline-block;
	height: 17px;
	width: 17px;
}
.footer .col-md-6 p {
	padding-top: 20px;
}
header .container,
.collapse.navbar-collapse.upper-navbar {
	padding-right: 0;
}
.mbottom {
	background: url(../img/about-bg.jpg) no-repeat left 75%;
	margin-bottom: -110px;
}
.mission {
	background: url(../img/flag.svg) no-repeat;
	background-size: 85px;
	padding-top: 100px;
}
.vision {
	background: url(../img/vission.svg) no-repeat left 25px;
	background-size: 85px;
	padding-top: 100px;
}
.values {
	background: url(../img/value.svg) no-repeat left 10px;
	background-size: 85px;
	padding-top: 100px;
}
.sliderhome .vc_column-inner {
	padding: 0px;
}
.vc_row.wpb_row.vc_row-fluid.logo.position {
    position: absolute;
    width: 100%;
    z-index: 2;
	top: 4vh;
}
.logo.position .wpb_single_image.vc_align_center {
	margin-bottom: 0 !important;
}

.vc_row.wpb_row.vc_row-fluid.logo.position img {
    width: 300px;
}
/*****Whatsapp*****/
.scf-cta:nth-child(1) {
  background: lightsteelblue;
}
.scf-widget .scf-form .scf-form-header .scf-form-title {    
    font-size: 16px !important;    
}
.text-sm.text-slate-500 {
	font-size: 13px !important;
	line-height: 19px !important;
}
.scf-form-group.scf-form-group-message,
.scf-form-group.scf-form-group-phone,
.scf-form-group.scf-form-group-email,
.scf-form-group.scf-form-group-name {
	padding-top: 8px;
	position: relative;
}
.scf-form-group.scf-form-group-email::before {
	content: 'Tu email';
}
.scf-form-group.scf-form-group-name::before {
	content: 'Tu nombre';
}
.scf-form-group.scf-form-group-phone::before {
	content: 'Tu teléfono';
}
.scf-form-group.scf-form-group-message::before {
	content:'¿Que productos necesitas?';
}
textarea#message::placeholder,
input#phone::placeholder,
input#email::placeholder,
input#name::placeholder {
	color:#fff;
  }
.scf-cta {
    font-size: 18px;
    color: #304e73 !important;
    background: #fbde05 !important;
    border: none;
    position: relative;
    font-size: 1px !important;
    width: 510px;
    color: #fbde05 !important;
    height: 33px;
}
.scf-cta::before {
  content: '¿Tu pedido es de más de $500 pesos? Contáctanos y te lo llevamos a casa.';
  color: #000;
  position: absolute;
  left: 20px;
  font-size: 15px;
}
.scf-widget .scf-icon {
    bottom: 70px !important;
    opacity: 1 !important;
}
/******Map*******/
div#map {
    border-radius: 20px;
    height: 650px;
    margin-bottom: 40px;
}
.mb0 {
	margin-bottom: 0;
}
p.tel {
	background: url(../img/icon-phone.svg) no-repeat left center;
	background-size: 14px;
	padding-left: 20px;
}
p.hours {
	background: url(../img/icon-time.svg) no-repeat left top;
	background-size: 14px;
	margin-bottom: 0px;
	padding-left: 20px;
}
.page-id-52 h3,
.page-id-127 h3 {
	margin-top: 0px;
	margin-bottom: 20px;
}
.page-id-52 .vc_col-sm-3,
.page-id-127 .vc_col-sm-3 {
	margin-bottom: 30px;
}
/****Products****/

ul.products li.product .button.product_type_external{ 
	display: none;
}
.categories .wpb_wrapper { 
	display: flex;
    align-items: center;
    justify-content: space-between;
	margin-top: 30px;
}
h4.limpieza {
	background: url(../img/icon-limpieza.svg) no-repeat left center;
	background-size: 30px;
	padding-left: 40px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 45px;
	border-right: #989696 solid 1px;
}
h4.hogar {
	background: url(../img/icon-house.svg) no-repeat left center;
	background-size: 30px;
	padding-left: 40px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 45px;
	border-right: #989696 solid 1px;
}
h4.mascota {
	background: url(../img/icon-mascota.svg) no-repeat left center;
	background-size: 30px;
	padding-left: 40px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 45px;
	border-right: #989696 solid 1px;
}
h4.salud {
	background: url(../img/icon-salud.svg) no-repeat left center;
	background-size: 30px;
	padding-left: 35px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.categories a {
	color: #304E73;
}
a.button.product_type_simple,
h2.woocommerce-loop-product__title {
	display: none !important;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: 0 !important;
    padding: 10px;
    position: relative;
    width: 25%;
    margin-left: 0;
}
.woocommerce ul.products li.product a img {
	margin: 0 !important;
}
li.product.featured {
	position: relative;
}
li.product.featured::before {
	content:'';
	position: absolute;
	right: 10px;
	top: 10px;
	width: 40px;
	height: 40px;
	background: url(../img/promo.svg) no-repeat;
	background-size: 100%;
}
a.button {
	background-color: #FBDE05 !important;
	border: none;	
	border-radius: 4px;
	color: #0F2A47 !important;
	font-weight: 900;
	padding: 10px 30px;
}
p.cart .button {
	min-width: 200px;
	padding: 10px 20px;
	text-align: center;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a {
	background-color: #FBDE05 !important;
	border: none;	
	color: #0F2A47 !important;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a {
	background-color: #F4F8FB !important;
	border-color: #F4F8FB;
	color: #0F2A47 !important;
	font-weight: 900;
}
li.vc_tta-tab {
	box-shadow: #0000002a 2px 3px 2px;
	margin-right: 5px !important;
}
.wpb-js-composer .vc_tta.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels,
.vc_tta-panels {
	border: none !important;
	background: transparent !important;
}
.vc_tta-panel-body {
    padding: 0 !important;
}
#sidebar a {
	color: #304E73;
	padding: 10px 20px !important;
	display: inline-block;
}
#sidebar span.wc-block-product-categories-list-item-count {
	display: none;
}
#sidebar ul {
	border: #EAECEF solid 1px;
}
#sidebar ul,
#sidebar .widget.widget_block {
	list-style-type: none;
	padding: 0px;
}
ul.wc-block-product-categories-list.wc-block-product-categories-list--depth-1 li {
	background:#fff;
	border-bottom: #EAECEF solid 1px;
    font-weight: 400;
}
li.wc-block-product-categories-list-item {
	background: #EAECEF;
    font-weight: 900;	
}
.margintop {
	margin-top: -90px;
}
.single-product .col-xs-12.col-sm-9 {
	width: 100%;
}
.single-product #sidebar {
	display: none;
}
section.related.products {
    display: block;
    width: 100%;
    float: left;
}
.products.columns-3,
.archive ul.products.columns-4 {
    display: flex;
    flex-wrap: wrap;	
}
.products.columns-3 li,
.archive .columns-4 li {
	width: 33% !important;
	padding: 0 0 2% 2% !important;
}
.juarez.filterto-flex,
.filter-flex {
	display: flex;
	width: 100%;
	margin-bottom: 30px;
}
.filter-flex {
	margin-top: 30px;
}
form.woocommerce-ordering,
p.woocommerce-result-count,
.page-id-47 .filter-flex,
.page-id-250 .filter-flex,
.page-id-71 .filter-flex,
.page-id-14 .filter-flex {
	display: none;
}
.linkfilter {
	background: #F4F8FB;
	padding: 14px 20px;
    display: block;
    box-sizing: border-box;
    border: solid transparent;
    position: relative;
    text-decoration: none;
    color: inherit;
	margin-left: 10px;
	box-shadow: #0000002a 2px 3px 2px;
	font-weight: 900;
}
.linkfilter.active {
	background: #FBDE05;
}
nav.woocommerce-pagination {
	margin-bottom: 25px;
}
/******Slider******/
button.owl-prev,
button.owl-next {
	display: none !important;
}
.owl-dots {
    position: absolute;
    top: 92%;
}
.sa_owl_theme .owl-dots .owl-dot span {
    display: inline-block !important;
    border-style: none !important;
    background-color: #fff !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    margin: 0px 3px !important;
    transition: all .3s ease-in-out !important;
    -webkit-transition: all .3s ease-in-out !important;
    -moz-transition: all .3s ease-in-out !important;
    -o-transition: all .3s ease-in-out !important;
}
/****footer****/
.footer {
	background: #0F2A47;
	color: #fff;
	padding: 20px 0px;
}
.footer a {
	color: #fff ;
}
.footer p {
	color:#fff;
	margin: 0;
}
/****Buttons*****/
.vc_btn3.vc_btn3-color-warning.vc_btn3-style-modern {
	background: #FBDE05;
	border-color: #FBDE05;
	color: #0F2A47;
}
@media (max-width: 1199px) {
	h4 {
		font-size: 16px;
	}
}
@media (max-width: 767px) {
	.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
		margin-left: 0;
		margin-right: 0;
	}
	.navbar-default .navbar-toggle {
		background: #FBDE05;
		border:none;
	}
	#sidebar {
		display: none;
	}
	.categories .wpb_wrapper {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		margin-top: 30px;
		flex-wrap: wrap;
		grid-gap: 10px;
	}
	h4 {
		font-size: 14px;
	}
	.social-media-footer {
		justify-content: center;
		width: 100%;
	}
	.footer { 
		text-align: center;
	}
	.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title>a {
		background: #FBDE05 !important;
		color:  #0F2A47 !important;
		font-weight: 900;
	}
	.navbar-nav {
		text-align: center;
		width: 100%;
		padding: 20px;
	}
	.navbar-nav .open .dropdown-menu {
		text-align: center;
	}
	.social-media {
		display: none;
	}
	.top .wpb_single_image.wpb_content_element.vc_align_left {
		margin-bottom: -40px;
	}
}
@media (max-width: 767px) {
	.navbar-default .navbar-toggle {
		margin-top: 30px;
	}
	.top .wpb_single_image.wpb_content_element.vc_align_left {
		margin-bottom: 0px;
	}
	h4.hogar,
	h4.limpieza {
		padding-left: 40px;
		padding-bottom: 10px;
		padding-top: 10px;
		padding-right: 20px;
		border-right: #989696 solid 1px:#000000;
		width: 140px;
	}
	h4.salud,
	h4.mascota {
		width: 120px;
	}
	header {
		position: unset;
	}
	.vc_row.wpb_row.vc_row-fluid.logo.position img {
	    width: 150px;
	}
	.vc_row.wpb_row.vc_row-fluid.logo.position {
	    rop: 0 !important;
	}
	.navbar-brand {
		background: url(../img/logo.png) no-repeat;
		background-size: 100%;
		width: 96px;
		height: 100px;
		margin-top: 0;
		margin-bottom: 0px;
	}
	.navbar {
		margin-bottom: 0;
	}
	.products.columns-3 li, .archive .columns-4 li {
		width: 48% !important;
	}
}