body {
	/* background:linear-gradient(-270deg, #000000, #000000); */
	background: white;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}
.carousel-control.left, .carousel-control.right {
	background-image: none;
	color: grey;
}

a {
	text-decoration: none !important;
}

.search-form{
}


.navbar {
	border: 0px solid black;
	margin: 0px;
	padding:0px;
	background:transparent;
	color:white !important;
	font-size: 130%;
	font-family: bebas_neueregular;
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height: 92vh}

.dropdown-menu {
    font-size: 100%;
  }

.margin-r {
	margin-right: 18px;
}


#alertastock{
	opacity: 0.7;
	color: white;
	background-color:red;
	position: relative;
	top: -50px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 18px;
	margin:0px;
	transform: translate(9px,-6px);
}
#lupa {	
	
}
#lupita{
	height: 30px;
	width: 30px;
	margin-top: 27px;
}
#logo{
	height: 107px;
	/* margin-top: 35px;  */
	/* margin-left: 32px; */
	position:relative;
	z-index:99999;
}
#texto {
	font-size:16px;
	color: black;
	
}
#descrip h1 {
	font-size:20px;
	font-weight:500;
	color: black;
}
#contador {
	padding-top:15px;
}
#form1 label {
	height:35px;
}
#foto {
	border-radius: 15px;
	
}
.caja_producto {
	background-color:white;
}
.caja_producto_outer {
	background: transparent;
	box-sizing: border-box;
}
.precio {
	font-size: 22px;
	float: right;
	font-weight: 400;
}








@media(max-width: 768px){
	.caja_producto {
		max-height: none;
	}
}
.desc {
	height: 65px;
	line-height: 13px;
	font-size: 14px;
}


#cant {
    color:#434343;
	border-radius: 7px;
	border: 0px solid #5E5E5E;
	height: 40px;
}
#los_links{
	align-self: center;
	padding-bottom: 60px;

}
#los_links a {
	color:white;
	/* margin-top: 6px; */
	padding-left:12px;
	font-size: 20px;
	border-radius: 2px;
	transition: 0.3s;
}
.links_destacados{
	font-weight: bold;
}
.link {
	width: 100%;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 24px;;
}
#separador_links{
	font-size: 150%;
	position: relative;
	top: 10px;
}
#toggle-filtros {
	float: right;
	position: relative;
	top: 10px;
	margin-right: 7%;
	z-index:9999;
/*	left: 3%;*/
}

@media (min-width: 601px)	{

	.navbar-default .navbar-brand 
	{
    color: #FFF;
	font-weight: bolder;
	font-size: 250%;
	}
}
@media (max-width: 600px) {
	.navbar-default .navbar-brand 
	{
    color: #FFF;
	font-weight: bolder;
	font-size: 150%;
	}
}
@media(max-width: 768px){ul.nav li{width: 100%}}
#compBut {
    color:white;
	border-radius: 3px;
	background-color:#0d9602;
	border: 0px;
	height: 40px;
	transition: 0.2s;
}

#compBut:hover{
	opacity:0.85;
}
.boton {
    color:white;
	border-radius: 2px;
	background-color: #E4803F;
	border: 0px;
	height: 40px;
	transition: 0.2s;
}

ul.nav li a, ul.nav li a:visited {

}
ul.nav li a:hover, ul.nav li a:active {
  	opacity:0.7;
}
ul.nav li.active a {
   
}
ul.nav a {
color:white;
   
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a, .navbar-default .navbar-nav .open .dropdown-menu {
background-color: lightslategrey;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	background-color: black;
}
.navbar .nav > li.dropdown.open.active > a:hover, 
.navbar .nav > li.dropdown.open > a
{
   color: #fff;
   background-color: lightslategrey;
   border-color: #fff;
}
.footer {
    width: 100%;
	text-align: center;
	font-size: 14px;
}

.cart_icon:hover{
	transition: 0.2s;
	background-color: rgba(42, 192, 205,0.95);
}









/* MOBILE STYLES */
@media (max-width: 576px) {
	
	body {
		overflow-x: hidden;
		background-color: white;
		padding-top: 30px;
		margin-right: 0px;
	}
	.menu-button {
		border-radius: 50%;
		height: 27px;
		width: 27px;
		padding: 3px;
	}
	/* .menu-button:hover {
		transition: 0.2s;
		background-color: #11548f;
	} */
	.w3-modal {
		z-index: 9999999999;
	}
	.w3-modal-content{
		width: 100vw;
		background: transparent;

	}
	.w3-container{
		margin-top: 2vh;
		height: 88vh;
		overflow-y: scroll;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.carousel {
		max-height: 100vh;
		padding: 0;
	}
	.img-car {
	}
	#show-total {
		position: relative;
		z-index: 9999;
		color: white;
		top: 12px;
		font-size: 18px;
	}
	#campo_busqueda{
		height: 30px;
		margin-top: 5px;
	}
	#close_dialog {
		float: right;
	}
	.menu-button {
		height: 35px;
		width: 35px;
		position: relative;
		left: -3vw;
		transform: translateY(-2px);
	}
	.main-content{
		padding-top: 30px;
		padding-bottom: 60px;
		background: white;
		height: 85vh;
	}
	.main-content::-webkit-scrollbar {
		display: none;
	}
	.monto-mobile {
		display: flex;
		justify-content: center;
	}
	.my-nav {
		position: fixed;
		top: 0;
		left: 0;
		height: 50px;
		z-index: 999;
		background:linear-gradient(-270deg, #28B4BE, #2084A4);

		/* display: none; */
	}
	/* .content-row {
		margin-left: 0px !important;
		margin-right: 0px !important;
	} */
	#marca {
		display: none;
	}
	#logo{
		display: none;
	}
	.cart_icon{
		background-color: transparent; border-radius: 50%; height: 40px; width: 40px;display: flex; align-items: center; justify-content: center; float: right;margin-top: 5px; 
		transition: 1s;
		position: absolute;
		left: 5vw;
	}
	
	#campo {
		margin-top:5px;
	}
	.caja_producto {
		background-color:white;
		height: 560px;
	}
	.prod-info {
		height: 130px;
	}
	.img_container{
		/* padding: 1vw; */
		height: 84vw;
		box-sizing: border-box;
		cursor: zoom-in;
	}
	.img{
		object-fit: cover;
		object-position: center center;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		border-radius: 5px;
		cursor: zoom-in;
	}
	.desc {
		display: none;
	}
	.cant {
		color: #434343;
		font-size: 120%;
		text-align: center;
		border-radius: 20px;
		border: 2px solid rgba(94, 94, 94, 0.2);
		height: 40px;
		width:60px;
		float: left;
		position: relative;
		top: 4px;
		margin-left:5px;
		margin-right: 5px;
	}
	.botonera{
		display: flex;
		align-items: center;
		justify-content: space-evenly;
	}
	.compBut {
		display:flex;
		align-items: center;
		justify-content: center;
		color:white;
		background-color:rgba(32, 132, 164);
		/* border-color: <? echo $clr['principal'];?>; */
		border-width: 2px;
		border-style: solid;
		height: 45px;
		width: 45px;
		border-radius: 50%;
		font-size: 17px;
		transition: 0.2s;
		position: relative;
		opacity: 1;
		float: left;
		cursor: pointer;
		text-align: center;
		font-weight: bold;
		user-select: none;
	}
	.compBut:hover {
		background-color: rgba(32, 132, 164,0.65);
	}
	.cart_in_prod {
		height: 18px;
		width: 18px;
		opacity: 0.8;
	}
	.send-button {
		background-color: rgba(32, 132, 164);
		border: none;
		color: #FFFFFF;
	}
	.send-button:hover{
		background-color: rgba(32, 132, 164,0.65);
	}
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
	
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
	}

	.filter-box {
		background:linear-gradient(-270deg, #2084A4,#28B4BE);
		display: none;
		height: 100vh;
		width: 100vw;
		z-index:9999;
		position: fixed;
		padding: 12px;
		top: 0;
		color: white;
	}
	.filtro {
		color: white;
	}
	
	/* .filter-box-mobile {
		background-color: black;
		height: 100vh;
		width: 100vw;
		position: fixed;
		display: none;
		z-index: 999;
		top: 0;
		left: 0;
		color: white;
		padding: 12px;
		overflow-y: scroll;
		overflow-x: hidden;
		box-sizing: border-box; */
	/* } */
	.inner-box{
		max-height: 87vh;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	/* .inner-box::-webkit-scrollbar {
		display: none;
	} */
	.inner-box-mobile {
		box-sizing: border-box;
		width: 100vw;
		height: 100vh;
		padding: 50px 24px;;
	}
	.filtro {
		margin-left: 8px;
		margin-top: 24px;
	
	}
	.opcion {
		margin-left: 16px;
		display: flex;
	}
	.opcion label {
		margin-left: 5px;
	}
	#los_links a {
		/* color: white; */
		display: block;
	}
	.link {
		/* color: white; */
	}
	.logo-mobile {
		margin-top: -16px;
		margin-bottom: 0px;
		transform: translateX(-30vw);
	}
	.send-button {
		margin-top: 24px;
	}
	footer {
		margin-top: 50px;
		font-size: 14px;
	}
	.display-on-mobile {
		display: block;
	}
	.cart_in_prod_container{display: none;}
	.cat-name{display:none}
	.items-in-cart {display:none}
}

















/* DESKTOP */
@media (min-width: 577px)	{
	
	.w3-modal {
		transform: translate(40px, 40px);
		padding-top: 70px;
	}
	.w3-modal-content{
		width: 500px;
		background: transparent;


	}
	.w3-container{
		height: 500px;
		overflow-y: scroll;
		display: flex;
		align-items: flex-start;
		justify-content: center;

	}
	.link-cart-menu-mobile {
		display: none;
	}
	.carousel {
		height: 500px;
	}
	.img-car {
		margin-top:50px;
		height:400px;
		transition: 1s;
	}
	#campo_busqueda{
		height:40px;
	}
	.select-order {
		padding: 6px;
	}
	#close-dialog {
		display: none;
	}
	.hide-big {
		display: none;
	}
	.center-cont{
		margin-top: 19%;
	}
	.filter-box {
		background:#eeeeee;
		height: 100%;
		width: 17%;
		z-index:99;
		color:#424242;
		position: fixed;
		/* top: 105px; */
		padding: 8px;
		padding-top: 32px;
	}

	.filter-box-cart {
		background: white;
	}
	
	.filter-box-mobile {
		background-color: black;
		height: 100vh;
		width: 100vw;
		position: fixed;
		display: none;
		z-index: 999;
		top: 0;
		left: 0;
		color: white;
		padding: 12px;
		overflow-y: scroll;
		overflow-x: hidden;
		box-sizing: border-box;
	}
	.inner-box{
		max-height: 83vh;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	/* .inner-box::-webkit-scrollbar {
		display: none;
	} */
	.inner-box-mobile {
		box-sizing: border-box;
		width: 100vw;
		height: 100vh;
		padding: 50px 24px;;
	}
	.filtro {
		margin-left: 8px;
		margin-top: 24px;
	
	}
	.opcion {
		margin-left: 16px;
		display: flex;
	}
	.opcion label {
		margin-left: 5px;
	}

	.form_busqueda{
		border-radius: 15px;
		background-color: #F8F8F8;
		border: lightgrey solid 1px;
		position: relative;
		top: -50px;
	}
	.menu-button {
		display: none;
	}
	#campo {
		margin-top:32px;
	}
	.admin_link{
		height: 40px;
		background-color: steelblue;
		color:ghostwhite;
		border-radius: 10px;
		margin-bottom:10px;
		font-weight: bold;
		border: none;
	}	
	.admin_link:hover{
		opacity: 0.5;
	}
	
	body {
		padding-top: 60px;
		padding-bottom: 135px;
		overflow-x: hidden;
	}
	.monto-desk {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	label{
		cursor: pointer;
	}
	.my-nav {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 999;
		background:linear-gradient(-270deg, #2084A4,#28B4BE);
		height: 105px;
		box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
		
	}
	#confirm{
		background-color: #43A047; border-radius: 50%; height: 50px; width: 50px; margin-top: 30px; display: flex; align-items: center; justify-content: center; float: right;
		transition: 0.2s;
	}
	#confirm:hover{
		background-color: #66BB6A;
	}
	#arrow-back{
		margin-right: 15px;
		background-color: #2085a5; border-radius: 50%; height: 50px; width: 50px; margin-top: 30px; display: flex; align-items: center; justify-content: center; float: right;
		transition: 0.2s;
	}
	#arrow-back:hover{
		background-color: #2085a5;
	}
	#show-total {
		color: white;
		font-size: 24px;
		font-weight: 500;
		position: relative;
		top: -70px;
		left: 1em;
	}
	.cart_icon{
		background-color: #2CD1D6; border-radius: 50%; height: 55px; width: 55px; margin-top: -82px; display: flex; align-items: center; justify-content: center; float: right;
		transition: 0.2s;
	}
	.items-in-cart {
		position: absolute;
		bottom: 5em;
		left: 5em;
		background-color: #249DB1;
		border-radius: 50%;
		height: 24px;
		width: 24px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: white;
		transition: 0.3s;
	}
	.ver_compra:hover .items-in-cart {background-color: #2084A4;}
	.ver_compra:hover .cart_icon {background-color: rgba(42, 192, 205,0.95);}

	#toggle-filtros { display: none}
	.filter-box {display: block}
	.filter-box-mobile {display: none}
	/* .caja_producto:first-of-type {border-top-left-radius: 30px;} */

	.link{
		margin: 15px 0;
		/* width: 100%; */
		display: block;
	}
	.caja_producto {
		background-color:#eeeeee;
		height: 280px;
		box-sizing: border-box;
		/* border: 3px solid white; */
		box-sizing: border-box;
		border-radius: 0px;
		margin-bottom: 20px;

	}
	.caja_producto_inner{
		background: #ffffff;
		border-radius: 5px;
		height: 97%;
		box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);

	}
	.main-content{
		height: 88%;
		width: 83%;
		padding-right: 16px;
		position: fixed;
		overflow-y: scroll;
		padding-top:40px;
		background: #eeeeee;
	}
	/* .main-content::-webkit-scrollbar {
		display: none;
	} */
	.prod-info {
		height: 200px;
	}

	.img_container{
		height: 13em;
		width: 13em;
		/* margin: 0 1vw 2vw 1vw; */
		padding: 2px;
		box-sizing: border-box;
		cursor: zoom-in;
	}
	.img{
		object-fit: cover;
		object-position: center center;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		border-radius: 5px;
		cursor: zoom-in;
		transform: translate(9px,-6px);
	}
	#texto {
		padding-right: 0px;
	}
	.cant {
		color: #434343;
		font-size: 120%;
		text-align: center;
		border-radius: 1.1em;
		border: 2px solid rgba(94, 94, 94, 0.2);
		height: 2.2em;
		width:67px;
		padding-left: 13px;
		float: left;
		position: relative;
		margin-left:5px;
		margin-right: 5px;
	}
	.botonera{
		display: flex;
		align-items: center;
		justify-content: flex-end;
		margin-right: 1em;
	}
	.compBut {
		display:flex;
		align-items: center;
		justify-content: center;
		background-color:white;
		color: #2084A4;
		/* border-color: <? echo $clr['principal'];?>; */
		/* border-width: 2px; */
		/* border-style: solid; */
		height: 1.6em;
		width: 1.6em;
		border-radius: 50%;
		font-size: 27px;
		font-weight: bold;
		transition: 0.2s;
		position: relative;
		opacity: 1;
		float: left;
		cursor: pointer;
		text-align: center;
		font-weight: bold;
		user-select: none;
	}
	.compBut:hover {
		background-color: rgba(32, 132, 164,0.65);
		color: white;
	}
	.cart_in_prod {
		height: 24px;
		width: 24px;
		opacity: 0.8;
		/* margin-top:8px;
		margin-left: 24px; */
	}
	.cart_in_prod_container {
		transform: translateX(18px);
		height: 2.7em;
		width: 2.7em;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: 0.2s;
		background-color: rgba(32, 132, 164,1);
		cursor: pointer;
	}
	.cart_in_prod_container:hover {
		background-color: rgba(32, 132, 164,0.65);
	}
	.send-button {
		background-color: rgba(32, 132, 164);
		border: none;
		color: #FFFFFF;
		font-size: 16px;
	}
	.send-button:hover{
		background-color: rgba(32, 132, 164,0.65);
	}
	.arrow-button {
		/* display: flex;
		align-items: center;
		justify-content: center; */
		padding-left: 3px;
		padding-top: 3px;
		display: block;
		border-radius: 50%;
		height: 42px;
		width: 42px;
		background-color: #2085a5;
		margin-top: 13px;
		margin-bottom: 32px;
		/* opacity: 0; */
		/* font-size: 16px; color: white; padding-bottom: 12px; */
		transition: 0.2s;
	}
	.arrow-button:hover {
		background-color:#28B3BE;

		/* opacity: 0.2; */
	}
	.footer {
		font-size: 16px;
	}
	#los_links a{
		color: #2085a5;
		font-size: 18px;
	}
	#los_links a:hover {
		/* background-color: #11548f; */
		background:linear-gradient(-270deg, rgba(32, 133, 165, 1), transparent);
		color: white;
		text-decoration: none;
	}
	.cart-img-cont {
		height: 50px;
		width: 50px;
	}
	.cart-img {
		object-fit: cover;
		object-position: center center;
		width: 100%;
		height: 100%;
	}
	#tabla_carrito{font-size:18px;}
	.cat-name {
		display: inline-block;
		color: white;
		font-size: 24px;
		font-weight: 500;
		width: 292px;
	}
	#campo {
		padding: 0;
		
	}


}


















@media(max-width: 768px){.navbar-header{height: 60px; padding-top: 5px;}}

.labelpass {
	display: inline;
}

#formu-login{
	/* margin-top:4px; */
}
#botonloguear{
	background-color: #2B528C;
	border-radius: 20px;
	height: 40px;
}

#clave{
	height:25px;
}
.gradient {
	/* background:linear-gradient(-270deg, #F5EA50, #cea82d); */
}