@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
body{font-family: 'Montserrat', sans-serif;background-color:#f7f7f7;}
#siteheader{width:100%;max-width:360px;margin:0 auto;}
.menu{width:100%;margin:0;padding:0;list-style:none;overflow: hidden;}
.menu li{float:left;margin:20px 0px 10px 0px;text-align:center;}
.menu li:nth-child(1){width:15%;}
.menu li:nth-child(2){width:15%;}
.menu li:nth-child(3){width:40%;}
.menu li:nth-child(4){width:15%;}
.menu li:nth-child(5){width:15%;text-align:left;}
.menu li button{background-color:transparent;background-repeat:no-repeat;outline:none;border: none; padding: 0px; margin: 0px;}
.menu li .user{background-image:url("../img/header/user_black.png");background-repeat:no-repeat;width:30px;height:25px;background-position:50%;}
.menu li .carrito{background-image:url("../img/header/carrito.png");background-repeat:no-repeat;width:30px;height:25px;background-position:50%;position:relative;}
.menu li .carrito span{position:absolute;bottom:0;right:-50%;width:20px;height:20px;background-color:#d7282f;border-radius:20px;color:#fff;font-size: 12px;line-height:20px;}

/*Module    https://codepen.io/nathanielkess/pen/PzwNrb
*****************************************************/

.burger { cursor:pointer; width: 32px; height: 25px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; border: none; padding: 0px; margin: 0px; background-color: transparent; outline:none;}
    .burger span { display: block; margin: 6px 3px;background-color: #333333; height: 2px; border-radius: 4px;  position: relative; -moz-transition: all .2s linear; -o-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear; }
    .burger span:first-child {margin: 4px 3px 6px 3px;}
    .burger.open span:first-child {   -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 7px; }
    .burger.open span:nth-child(2) {  opacity: 0; }
    .burger.open span:last-child {    -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: -9px; }


    .mainNav{z-index:0;position: absolute;top: 60px;width: 100%;max-width:360px;}
    .mainNav img{display:none;}
    .mainNav.open{z-index:100;}
    .mainNav.open img{display:inline-block;margin: 0px 10px 0 0;}
.mainNav ul { list-style-type:none; padding:0px; margin:0px;  }
    .mainNav li { padding:0px; margin:0px; overflow:hidden; position:relative;background-color:#ededed;}
    .mainNav li a { color:#666666; text-decoration:none; display:block; }
    .mainNav li a b{color:#000;}
    .mainNav li .node { line-height:0px; transition:all .2s ease-out;  }    
    .mainNav li .toggle { position:absolute; right:8px; top:0px; background-image:url("../img/header/close.png");width:100%;border:none;background-color: transparent;outline:none;    background-repeat: no-repeat;     background-position: 100% 50%;    padding: 18px;}
    .mainNav li .toggle.open { background-image:url("../img/header/open.png"); }
    .mainNav > ul { border-top:0px solid #666666;}
    .mainNav > ul > li { border-bottom:0px solid #fff;opacity:0;}
    .mainNav > ul > li > .node { padding:0px;}
    .mainNav > ul > li ul > li { background-color:#fff;border-bottom:0px; }
    .mainNav > ul > li ul > li > .node { line-height:0px; padding:0px 20px; }
    .mainNav.open > ul { border-top-width:1px;}
    .mainNav.open > ul > li  { border-bottom-width:1px;opacity:1;}
    .mainNav.open > ul > li > .node  { line-height:16px; padding:10px 20px;}
    .mainNav > ul > li .toggle + ul > li{padding:0 0 0 50px;}
    .mainNav > ul > li .toggle.open + ul > li { border-bottom-width:1px;}
    .mainNav > ul > li .toggle.open + ul > li > .node { line-height:16px; padding:10px 20px; }
    

.lupa{cursor:pointer; width: 25px; height: 25px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-image:url("../img/header/lupa.png");}
.lupaNav{z-index:0;opacity:0;height: 0;transition:all .2s ease-out; position: absolute;top: 60px;width:90%;max-width:340px; padding: 10px 10px; background: #fff;}
.lupaNav.open{opacity:1;    height: auto;z-index:100;}


/*  BUSQUEDA        */
.selectize-input input{font-size:20px;}
.selectize-dropdown{font-size:15px;}

/*Break 2
*****************************************************/
@media (min-width: 760px) {


}

/* ENVIOS GRATIS (SCALA)
*****************************************************/
.headerBlack{width:100%;background-color:#000;color:#fff;padding: 1px 0;text-align: center;}
.headerBlack.rojo{background-color:#d7282f;}
.headerBlack.naranja{background-color:#ff4610;}
.headerBlack.amarillo{background-color:#f8bf00;}
.headerBlack.verde{background-color:#0ccec8;}

.fixedHead{position: fixed;top:0;z-index: 100;}








/*      FOOTER              */
.paymentContainer{background-color:#fff;padding:25px 0;}
#payment{max-width:340px;}
#payment p{font-size:12px;text-align:center;}
#payment ul{list-style:none; margin: 25px auto; padding: 0;overflow:hidden;}
#payment ul li{float:left;width:12.5%;}
#payment .separador{background-color:#c4c4c4;width:80%;margin:0 auto;height:1px;border:none;}
#payment table{width:100%;max-width:240px;margin:25px auto;vertical-align:middle;}


.kuaFooterContainer{background:#000;width:100%;text-align:center;}
.kuaFooterContainer img{margin:30px;}


.redFooter{background-color:#d8292f;padding: 15px 0;}
.redFooter .container{max-width:360px;}
.redFooter .row:nth-child(1) table{width:90%;margin:0 auto;}
.redFooter .row:nth-child(1) table td{width:50%;}
.redFooter .row:nth-child(1) table a{text-decoration:none;color:#fff;text-transform:uppercase;font-size:10px;}

.redFooter hr{background-color:#fff;width:100%;height:1px;border:none;margin: 25px 0;}

.redFooter .row:nth-child(3) table{width:75%;margin:0 auto;}
.redFooter .row:nth-child(3) table p{font-size:15px;color:#fff;text-transform:uppercase;padding:0 0 0 9px;    margin: 0 0 1em 0;}

.redFooter form{display:flex;}
.redFooter form input{display:inline-block;}
.redFooter form input[type="email"]{width:calc(100% - 75px);height:30px;padding:0 0 0 10px;border:1px solid #9d9d9d;background:#fff;color:#000;outline:none;}
.redFooter ::placeholder { color:#9d9d9d;}
.redFooter :-ms-input-placeholder { color:#9d9d9d;}
.redFooter ::-ms-input-placeholder { color:#9d9d9d;}
.redFooter form input[type="submit"]{width:60px;height:32px;background-color:#000;border:1px solid #000;outline:none;color:#fff;font-size:12px;}


.redFooter .row:nth-child(6) table{width:75%;margin:0 auto;}
.redFooter .row:nth-child(6) table p{font-size:12px;color:#fff;text-transform:uppercase;color:#fff;}

.redFooter .row:nth-child(8) p{font-size:12px;color:#fff;text-align:center;}
.redFooter .row:nth-child(8) p a{color:#fff;}