html, body{
    height:100%;
    margin: 0;
    flex-direction: column;
    height:100vh;
}

.btn-whatsapp {
	display:block;
	width:auto;
	height:70px;
	color:#fff;
	position: fixed;
	right:0px;
	bottom:80px;
	border-radius:20%;
	line-height:23px;
	text-align:center;
	z-index:999;
}

#whatsapp-texto
{
 width: 150px;
 height: 20px;
 height: auto;
 position: relative;
 overflow: hidden;
 float: left;
 color: #000;
 font-size: 10px;
 background-color: #CDCDCD;
 border-radius: 7px;
 margin-right: 5px;
 margin-top: 15px;
 font-size: 12px;
 padding: 7px;
 /*box-shadow: 1px 1px 4px #999;*/
}

#whatsapp-icono
{
 width: auto;
 position: relative;
 overflow: hidden;
 float: right;
 padding: 10px;
 cursor: pointer;
}

#whatsapp-img-icono
{
 width: 46px;
 height: auto;
}

#mensaje-aviso
{
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	background-color: #ffb7b7;
	color: #000000;
	padding: 10px;
	font-size: 17px;
	border-radius: 10px;
	margin-bottom: 10px;
	text-align: center;
}

#mensaje-tienda
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    padding: 10px;
    text-align: center;
    background-color: #ef4e36;
    color: #FFFFFF;
    font-weight: bold;
}

#tracking-center
{
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 100px;
	margin-top: 30px;
}

#tracking-etiqueta
{
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	padding: 5px;
	margin-left: 7px;
	font-size: 14px;
	font-weight: bold;
}

#checkout-tracking
{
	width: 100%;
	height:  auto;
	position: relative;
	overflow: hidden;
	margin-top: 30px;
}

#tracking-estado
{
	width: 20%;
	height:  auto;
	position:  relative;
	overflow: hidden;
	float: left;
	margin-top: 15px;
	text-align: center;
}

#check-numero
{
	width: 30%;
	height: 30px;
	float: left;
	color: #FFFFFF;
}

#check-texto
    {
        text-align: left;
    }

#check-circulo
{
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50px;
	background-color: #CCCCCC;
	color: #FFFFFF;
	margin: 0 auto;
}

#check-circulo-green
{
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50px;
	background-color:#54b268;
	color: #FFFFFF;
	margin: 0 auto;
}

/* INICIO MENU */

#sub-menu
{
    width: 100%;
    max-width: 1170px;
    overflow: auto;
    white-space: nowrap;
    margin: 0 auto;
    display: none;
}

/* OCULTO SCROLL */
::-webkit-scrollbar {
    display: none;
}

header1 nav {
	line-height: 40px;
	height:auto;
}

header1 nav a {
	display:inline-block;
	color:#000;
	background:#F7F7F7;
    border-color: #666;
    border-style: solid;
    border-width: 0.9px;
    

	border-radius:40px;
	padding: 6px 18px;
	text-decoration:none;
	line-height:normal;
	font-size: 11px;
    font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

header1 nav a:hover {
	background:#EEEEEE;
	border-radius:30px;
	color: #000;
}

/* FIN MENU */








.kr-whitelabel-logo
{
	display: none !important;
}

.promociones-w
{
    width: 93%;
}


.kr-popin-button
{
	background-color: #ef4e36 !important;
	color: #FFFFFF !important;
	font-weight: bold !important;
    width: 100% !important;
    margin-left: 0px !important;
    border-radius: 20px !important;
}

.kr-payment-button
{
	background-color: #b2092b !important;
	color: #FFFFFF !important;
	font-weight: bold !important;
	box-shadow: 1px 1px 10px 1px #999 !important;
}

#header{
	position: fixed;
}

#boton-flotante
{
    display: none;
}

#boton-flotante-checkout
{
    position: relative;
    margin-bottom: 10px;
}

.ec-phone
{
    color: #ef4e36 !important;
}

.ec-mail
{
    color: #ef4e36 !important;
}

.ec-map-pointer
{
    color: #ef4e36 !important;
}

.ec-transport
{
    color: #ef4e36 !important;
}

.ec-user
{
    color: #ef4e36 !important;
}

#container-checkout-L
{
    width: 70%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: left;
}

.manito
{
    cursor: pointer;
}

#UsuarioLogueado
{
    font-size: 15px;
    color: #666;
    margin-bottom: 8px;
}

.UsuarioLogueado
{
    font-size: 15px;
    color: #ef4e36;
}

.boton-1
{
    width: 130px;
    height: 30px;
    border-radius: 15px;
    border: 0px;
    background-color: #CCC;
    color: #000000;
    font-size: 12px;
    font-weight: bold;

}
a.boton-1:hover {background-color: #000000; text-decoration: none; color: #FFF;}

.boton-2
{
    width: 100%;
    height: 50px;
    border-radius: 20px;
    border: 0px;
    background-color: #ef4e36;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
}

.boton-3
{
    width: 70px;
    height: 30px;
    border-radius: 15px;
    border: 0px;
    background-color: #CCC;
    color: #000000;
    font-size: 12px;
    font-weight: bold;

}

#container-checkout-p3
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    padding: 20px;
    border-bottom: 1px solid rgb(230, 224, 224);
}

#container-checkout-p3-L
{
    width: 90%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: left;
}

#container-checkout-p3-R
{
    width: 10%;
    height: 50px;
    position: relative;
    overflow: hidden;
    float: right;
    text-align: right;
}

#container-checkout-p3-etiqueta
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    font-weight: bold;
    font-size: 16px;
}

#container-checkout-p3-objeto
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    font-size: 14px;
    margin-top: 8px;
}

#checkout-proceso
{
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#checkout-col
{
    width: 33.33%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: left;
}

#checkout-proceso-actual
{
    width: auto;
    max-width: 150px;
    height: auto;
    position: relative;
    overflow: hidden;
    padding: 8px;
    background-color: #333;
    color: #FFFFFF;
    border-radius: 15px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
}

#checkout-proceso-finalizado
{
    width: auto;
    max-width: 150px;
    height: auto;
    position: relative;
    overflow: hidden;
    padding: 8px;
    background-color: #CCCCCC;
    color: #000000;
    border-radius: 15px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
}

#checkout-proceso-pendiente
{
    width: auto;
    max-width: 150px;
    height: auto;
    position: relative;
    overflow: hidden;
    padding: 8px;
    background-color: rgb(225, 218, 218);
    color: rgb(139, 132, 132);
    border-radius: 15px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
}

#container-checkout-direcciones
{
    width: 98%;
    height: auto;
    min-height: 300px;
    position: relative;
    overflow: hidden;
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 20px;
}

#container-checkout-direcciones-separador
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    /*border-bottom: 1px solid #CCCCCC;*/
}

#container-checkout-R
{
    width: 30%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: right;
}

#container-checkout-R-cuenta
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 15px;
}

#container-checkout-R-cuenta-Fila
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 9px;
}

#container-checkout-R-cuenta-Fila-L
{
    width: 50%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: left;
}

#container-checkout-R-cuenta-Fila-R
{
    width: 50%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: right;
    text-align: right;
    font-weight: bold;
}

#container-checkout-R-cuenta-Fila-total-L
{
    width: 50%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: left;
    font-weight: bold;
    font-size: 18px;
    color: #000000;
}

#container-checkout-R-cuenta-Fila-total-R
{
    width: 50%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: right;
    text-align: right;
    font-weight: bold;
    font-size: 18px;
    color: #000000;
}

#container-checkout-botones
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    padding: 0px;
    margin-top: 15px;
    background-color: #FFFFFF;
}

#container
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    background-color: #F3EDEB;
    padding-top: 70px;
}

#container-pay
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    background-color: #F3EDEB;
}

#container-central
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    /*max-width: 1180px;*/
    max-width: 1500px;
    margin: 0 auto;
    padding-top: 30px;
}

#contactar-subtitulo
{
    
	width: 95%;
    padding: 20px;
	background-color: #6666;
	height: auto;
	position: relative;
	overflow: hidden;
	text-align: center;
	font-size: 15px;
    font-weight: bold;
	color: #333;
}

#container-central-checkout
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    /*max-width: 1180px;*/
    max-width: 1300px;
    margin: 0 auto;
    padding-top: 10px;
    background-color: #F3EDEB;
}

#container-central-checkout-visa-pago
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    /*max-width: 1180px;*/
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 10px;
}

#container-central-tracking
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    max-width: 1180px;
    margin: 0 auto;
    padding-top: 10px;
}

#container-L
{
    width: 25%;
    height: auto;
    position:  relative;
    overflow: hidden;
    float: left;
}

#container-menu
{
    width: 80%;
    height: auto;
    position: relative;
    overflow: hidden;
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0px 1px 15px -15px black;
    margin: 0 auto;
}

#titulo-menu
{
    font-size: 17px;
    font-weight: bold;
}

#container-C
{
    width: 50%;
    height: auto;
    position:  relative;
    overflow: hidden;
    float: left;
}

#productos-titulo
{
    width: 100%;
    height: auto;
    min-height: 40px;
    position: relative;
    overflow: hidden;
    font-size: 15px;
    font-weight: bold;
    margin-top: 20px;
}

#productos-detalle
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

#producto-row
{
    width: 45%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: left;
    padding: 10px;
    margin-bottom: 15px;
    background-color: #FFFFFF;
    margin-right: 3%;
    border-radius: 8px;
    box-shadow: 3px 3px 15px -15px black;
}

#producto-row-recomendados
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: left;
    padding: 10px;
    margin-bottom: 15px;
    background-color: #FFFFFF;
    margin-right: 3%;
    border-radius: 8px;
    box-shadow: 3px 3px 15px -15px black;
}

#producto-row-ofertas
{
    /*width: 40% !important;*/
    height: auto !important;
    position: relative !important;
    overflow: hidden !important;
    float: left !important;
    padding: 5px !important;
    margin-bottom: 0px !important;
    background-color: transparent !important;
    margin-right: 1px !important;
    /*border-radius: 8px !important;*/
    /*box-shadow: 3px 3px 15px -15px black !important;*/
}

#producto-row-L
{
    width: 70%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: left;
}

#producto-row-R
{
    width: 30%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: right;
    text-align: right;
}

#producto-row-imagen
{
    width: 100%;
    height: auto; 
}

#producto-precio
{
    font-weight: bold;
    font-size: 16px;
    color: #000000;
    margin-top: 5px;
}

#container-R
{
    width: 25%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: right;
}

#container-llevando-fixed
{
    position: fixed;
    float: right;
}

#container-llevando
{
    width: 100%;
    min-width: 280px;
    height: auto;
    overflow: hidden;
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0px 1px 15px -15px black;
}

#container-llevando-scroll
{
    /* APLICO SCROLL */
    width: 100%;
    height: 300px;
    overflow: auto;
}

#container-subtotal
{
    width: 100%;
    height: 30px;
    padding-top: 13px;
    padding-bottom: 13px;
    font-weight: bold;
    margin-bottom: 15px;
}

#container-llevando-productos
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 25px;
    box-shadow: 0px 8px 15px -10px #666;
    padding-top: 10px;
    padding-bottom: 10px;
}

#llevando-img
{
    width: 20%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: left;
}

#llevando-detalle
{
    width: 80%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: right;
    padding-left: 10px;
    font-size: 14px;
}

#llevando-producto
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;   
}

#llevando-detalle-precio
{
    width: 70%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin-top: 10px;
}

#llevando-detalle-contador
{
    width: 30%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: right;
    margin-top: 10px;
    font-size: 15px;
    font-weight: bold;
}

.link_01
{
    font-size: 14px;
    color: #000000;
    font-weight: bold;
}

.img-wfull
{
    width: 100%;
    max-width: 110px;
    height: auto;
    border-radius: 10px;
}

.img-wfull-recomendado
{
    width: 100%;
    height: auto;
    border-radius: 10px;
}

#popup-unidades-etiqueta
{
    width: 80%;
    height: auto;
    font-size: 15px;
    color: #000000;
    float: left;
    line-height: 50px;
    padding-left: 8px;
    font-weight: bold;
}

#popup-unidades-cantidad
{
    width: 20%;
    height: auto;
    font-size: 15px;
    color: #000000;
    float: right;
    text-align: right;
}

@media screen and (max-width: 1400px) {

#container
{
    padding-top: 80px;
}

}

@media screen and (max-width: 1200px) {

    #container-central
    {
        margin-top: 70px;
    }

    #container
    {
        padding: 20px;
        padding-top: 0px;
    }

    #checkout-proceso
    {
        margin-top: 85px;
    }

    .link_01
    {
        font-size: 12px;
    }
    #boton-flotante-checkout
    {
        display: inline;
        width: 100%;
        height: auto;
        position: fixed;
        bottom: 0px;
        padding: 20px;
        background-color: #FFFFFF;
        z-index: 9999;
    }

}

@media screen and (max-width: 1025px) {

    #boton-flotante
    {
        display: inline;
        width: 100%;
        height: auto;
        position: fixed;
        bottom: 0px;
        padding: 20px;
        background-color: #FFFFFF;
        z-index: 5;
    }

    #boton-noflotante
    {
        /*display: none;*/
        visibility: hidden;
    }

    #container-L
    {
        display: none;
    }

    #container-C
    {
        width: 100%;
        padding: 5px;
        margin: 0 auto
    }

    #container-R
    {
        display: none;
    }

    .link_01
    {
        font-size: 14px;
    }

}


@media screen and (max-width: 1000px) {

    #tracking-estado
    {
        width: 100%;
        height:  auto;
        position:  relative;
        overflow: hidden;
        float: left;
        margin-top: 15px;
        text-align: center;
    }

    #check-numero
    {
        width: 30%;
        height: 30px;
        float: left;
        color: #FFFFFF;
    }

    #check-texto
    {
        width: 60%;
        text-align: left;
    }

    #productos-titulo
    {
        font-size: 20px;
    }

    #container-checkout-p3-L
    {
        width: 70%;
    }

    #container-checkout-p3-R
    {
        width: 30%;
    }

}

@media screen and (max-width: 920px) {

    #container-central-checkout
    {
        padding-top: 10px;
    }

    #container-checkout-L
    {
        padding: 0px;
    }

    #container-checkout-R
    {
        margin-bottom: 80px;
        padding: 0px;
    }

    #container
    {
        padding: 20px;
        padding-top: 0px;
    }

    #checkout-proceso
    {
        margin-top: 110px;
    }
    
}

@media screen and (max-width: 800px) {

    #popup-mobile-fullheight {
        width: 100%;
        max-width: 700px; 
        margin:0 auto;
        height: 100%;
        display: flex;
    }

    #container-checkout-L
    {
        width: 100%;
    }

    #container-checkout-R
    {
        width: 100%;
        margin-top: 10px;
    }

    #container-checkout-direcciones
    {
        width: 100%;
        margin: 0 auto;
    }

}

@media screen and (max-width: 600px) {

    #sub-menu
    {
        display: block;
        text-align: center;
    }

    #checkout-col
    {
        padding: 2px;
    }

    #checkout-proceso-actual
    {
        font-size: 10px;
    }

    #checkout-proceso-finalizado
    {
        font-size: 10px;
    }

    #checkout-proceso-pendiente
    {
        font-size: 10px;
    }

    #checkout-proceso
    {
        margin-bottom: 0px;
    }

    #popup-unidades-etiqueta
    {
        width: 70%;
    }

    #popup-unidades-cantidad
    {
        width: 30%;
    }

    

    #producto-row-L
    {
        width: 70%;
    }

    #producto-row-R
    {
        width: 30%;
        height: auto;
        text-align: right;
    }

}

@media screen and (max-width: 550px) {

    .promociones-w
    {
        width: 100%;
    }

    #producto-row
    {
        width: 100%;
    }

}

/* CSS POPUP DIRECCION */

#container-popup-direccion
{
    width: 100%;
    height: auto;
    background-color: #FFFFFF;
    padding-bottom: 1px;
    position: relative;
}

#popup-fila-direccion
{
    width: 95%;
    height: auto;
    position: relative;
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 15px;
    background-color: #FFFFFF;
    margin: 0 auto;
}


/* CSS POPUP PRODUCTOS */

#container-popup
{
    width: 100%;
    height: auto;
    background-color: #F3EDEB;
    padding-bottom: 1px;
    position: relative;
}

/* FIN */

#popup-titulo
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #FFFFFF;
}

#popup-titulo-L
{
    width: 60%;
    height: auto;
    position: relative;
    overflow: hidden;
    font-size: 22px;
    font-weight: bold;
    color: #000000;
    float: left;
}

#popup-precio-R
{
    width: 40%;
    height: auto;
    position: relative;
    overflow: hidden;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    float: right;
    text-align: right;
}

#popup-unidades
{
    width: 95%;
    height: auto;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    background-color: #FFFFFF;
    margin-top: 20px;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 10px;
}

#popup-etiqueta
{
    width: 95%;
    height: auto;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 20px;
    border-radius: 10px;
    font-weight: bold;
    font-size: 15px;
    color: #000000;
}

#popup-etiqueta-nobold
{
    width: 95%;
    height: auto;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 10px;
    border-radius: 10px;
    font-size: 15px;
    color: #666;
}

#popup-etiqueta-registrar
{
    width: 95%;
    height: auto;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 10px;
    font-size: 15px;
    font-weight: bold;
}

#popup-etiqueta-min
{
    width: 95%;
    height: auto;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 20px;
    border-radius: 10px;
    font-size: 13px;
    color: #000000;
}

#popup-boton
{
    width: 100%;
    height: auto;
    position: relative;
    /*bottom: 0px;*/
    padding: 10px;
}

#popup-img
{
    width: 100%;
    height: 110px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

/* FIN */



/* CSS AUMENTAR Y DISMINUIR CANTIDAD DE PRODUCTOS A AGREGAR A CARRITO */

.quantity {
position: relative;
}

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

input[type=number]
{
-moz-appearance: textfield;
}

.quantity input {
width: 45px;
height: 52px;
line-height: 1.65;
float: left;
display: block;
padding: 0;
margin: 0;
padding-left: 20px;
border: 1px solid #CCCCCC;
background-color: #F7F7F7;
}

.quantity input:focus {
outline: 0;
}

.quantity-nav {
float: left;
position: relative;
height: 52px;
}

.quantity-button {
position: relative;
cursor: pointer;
border-left: 1px solid #CCCCCC;
width: 30px;
text-align: center;
color: #333;
font-size: 13px;
font-family: "Trebuchet MS", Helvetica, sans-serif !important;
line-height: 1.7;
-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;
}

.quantity-button.quantity-up {
position: absolute;
height: 50%;
top: 0;
border-bottom: 1px solid #CCCCCC;
}

.quantity-button.quantity-down {
position: absolute;
bottom: -1px;
height: 50%;
}

/* FIN */