@charset "utf-8";
h1{
    font-size: 20px;
}

h2{
    font-size: 16px;
    margin: 0px;
    padding: 0px;
}

body {
    font-family: Nivel3;
    background: var(--color-1) !important;
    font-size: 14px;
    line-height: 21px;
    color: var(--color-2);
}

/* GENERALES */
/* Cabezal separadores */
.gen-sombra-superior{
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.11);
    float: auto;
}

.gen-cabezal-alto{
    height: 102px;
}

body.gen-logo-vertical .gen-cabezal-alto{
    height: 160px;
}

.gen-separador{
    height: 20px;
}

/* Titulos navegacion */
.gen-titulo-pagina{
    font-family: Nivel2;
    font-size: 30px;
    line-height: 35px;
    font-weight: normal;
    margin: 0;
}

.gen-subtitulo-pagina{
    font-family: Nivel2;
    font-size: 13px;
    font-weight: bold;
    padding: 25px 0 3px 0;
    border-bottom: 1px solid var(--color-43);
}

.gen-titulo{
    font-family: Nivel1;
    border: 1px solid var(--color-44);
    background: var(--color-46) !important;
    padding: 0px 15px 8px;
    margin-bottom: 20px;
    list-style: none;
    border-radius: 4px;
}

.gen-titulo ul li, .gen-titulo ul li a{
    font-size: 14px;
    line-height: 21px;
}

.gen-titulo ul{
    margin: 0px;
    padding: 10PX 0 0 0;
}

.gen-titulo li, .gen-nav{
    float: right;
}

.gen-titulo li{
    float: left;
    margin-right: 3px;
    color: var(--color-67);
    font-size: 20px;
    list-style:none;
}

.gen-titulo li.gen-titulo-separador::before {
    padding: 0 5px;
    color: var(--color-42);
    content: "/\00a0";
}

.gen-titulo li a{
    margin: 0px;
    padding: 1px 6px 1px 6px;
    color: var(--color-67);
    font-size: 20px;
}

.gen-titulo li:hover, .gen-nav li a:hover{
    color: var(--color-30);
    border-color: var(--color-3);
}

/* botones */
.gen-botones{
    font-family: Nivel3;
    font-size: 16px;
    float: right;
    padding: 10px;
    background: var(--color-11) !important;
    border-radius: 5px;
    color: var(--color-12) !important;
    margin-top: 15px;
    text-align: center;
    border: none;
}

.gen-botones:hover{
    background: var(--color-13) !important;
    color: var(--color-14) !important;
}

.gen-botones-gris{
    background: var(--color-72) !important;
}

.gen-botones-gris:hover{
    background: var(--color-73) !important;
}

/* HEADER */
.h{
    background: var(--color-3);
    float: left;
    font-family: Nivel1;
}

.h ul{
    list-style-type:none;
    margin:0;
    padding: 3px 0 0 0;
}

.h ul li{
    float:left;
    margin: 10px 0;
}

.h ul li a{
    color: var(--color-4);
    padding: 0 10px 0 0;
    font-weight: bold;
}

.h ul li a:hover{
    color: var(--color-6);
}

.icon-whatsapp {
    position: fixed;
    right: 10px;
    top: 50%;
    z-index: 999;
    background: #00E676;
    color: #FFF !important;
    padding: 9px 13px 11px 14px;
    border-radius: 50%;
    text-decoration: none !important;
    font-size: 37px;
}
.icon-whatsapp i {
    font-size: 37px;
}
/* MENU HORIZONTAL */
.mh{
    background: var(--color-7);
    font-family: Nivel1;
}

.mh-img-logo{
    height: 100%;
    float: left;
}

.mh-img-logo img{
    height: 45px;
    float: left;
    margin: 19px 2px;
    font-size: 30px;
    color: var(--color-8);
}

.mh-menu-sm{
    display: none;
}

.mh-menu-sm div{
    float: right;
    cursor: pointer;
    background: var(--color-3);
    padding: 8px;
    margin-top: 5px;
    border-radius: 5px;
}

.mh-menu-sm div i{
    font-size: 22px;
    color: var(--color-40);
}

.mh-menu{
    float: left;
    height: 49px;
    display: block;
}

body.gen-logo-vertical .mh-img-logo img{
    height: 120px;
    margin: 10px 2px;
}

body.gen-logo-vertical .mh-menu{
    margin-top: 30px;
}

.mh-menu ul{
    list-style-type:none;
    margin:0;
    padding: 0;
    height: 100%;
    float: left;
}

.mh-menu ul li{
    float:left;
    background: var(--color-7);
    height: 100%;
    margin-top: 15px;
}

.mh-menu ul li:hover{
    background: var(--color-9);
}

.mh-menu ul li a{
    float:left;
    color: var(--color-8);
    height: 100%;
}

.mh-menu > ul > li:hover a{
    color: var(--color-10);
}

.mh-menu ul li.active a{
    color: var(--color-10);
    background: var(--color-9);
}

.mh-menu ul li a span{
    float:left;
    padding: 15px 10px 15px 15px;
    font-size: 12px;
    font-weight: 600;
}

.mh-buscar-div{
    float:right;
    margin-top: 15px;
}

body.gen-logo-vertical .mh-buscar-div{
    margin-top: 43px;
}

.slider-hm-contenedor{
    margin-top: 26px;
}

.gen-logo-vertical .slider-hm-contenedor{
    margin-top: 25px;
}

.mh-form-input{
    background: var(--color-47);
    border: solid 1px var(--color-45);
    margin-top: 10px;
    height: 33px;
    color: var(--color-36);
    width: 180px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

button.mh-btn-buscar{
    background: var(--color-72);
    color: var(--color-47);
    margin-top: 10px;
    height: 33px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    font-size: 15px;
    padding: 6px 12px;
    border: none;
    float: right;
}

button.mh-btn-buscar:hover{
    background: var(--color-40);
    color: var(--color-45);
}

.mh-menu ul li a span.mh-carro{
    padding: 0px;
    float: none;
}

.mh-menu ul li a span i.mh-carro{
    padding-right: 10px;
}

#mh-carrito-detalle:hover .mh-carrito-detalle{
    visibility:visible;
}

#mh-carrito-detalle{
    position: relative;
}

.mh-carrito-detalle{
    visibility:hidden;
    position:absolute;
    top: 100%;
    background: var(--color-47);
    padding: 0px;
    max-width: 500px;
    width: 500px;
}

.mh-carrito-detalle-estado{
    padding-left: 0px !important;
}

.mh-carrito-detalle-ico{
    padding-right: 0px !important;
}

.mh-carrito-detalle-down{
    float: right;
    display: none !important;
    padding-top: 3px;
}

.mh-carrito-detalle-tabla{
    max-height: 300px;
    width: 100%;
    display: block;
}

.mh-carrito-detalle-tabla table{
    width: 100%;
}

.mh-carrito-detalle-img{
    width: 25%;
    text-align: center;
    padding: 0;
}

.mh-carrito-detalle-img img {
    width: 50px;
    height: auto;
}

.mh .mh-carrito-detalle-img a {
    float: none;
    background: none !important;
}

.mh-carrito-detalle-detalle{
    width: 50%;
    color: var(--color-36)888;
    font-size: 11px;
}

.mh-carrito-detalle-detalle h4 a{
    font-size: 12px;
    font-weight: 400;
    background: none !important;
    color: var(--color-2) !important;
}

.mh-carrito-detalle-subtotal{
    width:18%;
    text-align:right;
    font-size: 14px;
}

.mh-carrito-detalle-eliminar{
    width:18%;
    text-align:right;
}

.mh-carrito-detalle-eliminar a{
    background: none !important;
    color: var(--color-2) !important;
}

.mh-carrito-detalle-detalle div{
    width: 100%;
}

.mh-carrito-detalle-detalle h4{
    margin: 0;
}

.mh-carrito-detalle-pie{
    width: 100%;
    background: var(--color-46);
    height: 100px;
}

.mh-carrito-detalle-pie h3{
    float: right;
    margin-right: 10px;
    color: var(--color-30);
}

/* si el menu principal tiene mas items */
.mh-buscar-div > form > .mh-ico-buscar > i{
    margin-top: 3px;
    display:none;
}

/* FOOTER */
.f{
    background: var(--color-47);
    border-top: solid 1px var(--color-42);
    border-bottom: solid 1px var(--color-42);
    padding-bottom: 15px;
    margin-top: 20px;
}

.f h3{
    border-bottom: 1px solid var(--color-71);
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    padding: 40px 0 10px;
    text-transform: uppercase;
    font-family: Nivel2;
}

.f a:hover {
    color: var(--color-8);
}

.f ul {
    list-style: none;
    list-style-type: none;
    padding: 0px;
}

.f ul li a {
    font-size: 13px;
    padding: 0 0 5px 0;
    color: var(--color-69);
}

.f ul li h4, .f ul li h4 a{
    font-size: 20px;
    font-weight: lighter;
    line-height: normal;
    margin-bottom: 0 !important;
    padding-bottom: 0;
    color: var(--color-70);
}

.f ul li h4 a {
    font-size: 18px;
}

.f ul li h4 a.f-telefono{
    font-weight: normal;
}

.f .row div a img.data_fiscal{
    height: 110px;
}

/* LOGO KIRKE */
.fk-bloque-logo{
    background: var(--color-47);
    border-top: 1px solid var(--color-44);
}

.fk-derechos-logo{
    padding-top:10px;
    padding-bottom:10px;
    text-transform: none;
    color: var(--color-31);
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.fk-registro{
    float: left !important;
    font-size: 14px;
}

.fk-logo-kirke{
    float: right !important;
    margin-top: 12px;
}

.fk-logo-kirke a{
    color: var(--color-31);
}

.fk-logo-kirke > a{
    background: url('../img/logo_kirke.png') 100% 0 no-repeat;
    padding-right: 96px;
    padding-top: 9px;
    text-decoration: none;
}

.certidado_ssl{
    float: right;
    margin-top: 6px;
    margin-left: 20px;
}

/* HOME */
.hm-banner{
    margin: 25px 0 30px 0;
}

.hm-banner img{
    width: 100%;
    height: 100%;
}

.hm-titulo-productos{
    position: relative;
    text-align: center;
}

.hm-titulo-productos span{
    color: var(--color-66);
    display: table;
    position: relative;
    z-index: 2;
    padding: 5px 15px;
    margin: 0 auto;
    background: var(--color-1) !important;
    font-size: 42px;
    font-weight: lighter;
    line-height: 44px;
}

.hm-titulo-productos::after {
    background: var(--color-44);
    content: "";
    display: block;
    height: 1px;
    margin-left: 20%;
    position: absolute;
    top: 28px;
    width: 60%;
    z-index: 1;
}

#hm-productos-novedades .owl-item {
    padding-right: 15px;
    padding-left: 15px;
}

#hm-productos-novedades .owl-buttons .owl-siguiente, #hm-banners-chicos .owl-buttons .owl-siguiente{
    text-indent: -9999px;
    background:url(../img/slider/siguiente.png) center no-repeat var(--color-35);
    border-radius:0px;
    width:24px;
}

#hm-productos-novedades .owl-buttons .owl-anterior, #hm-banners-chicos .owl-buttons .owl-anterior{
    text-indent: -9999px;
    background:url(../img/slider/anterior.png) center no-repeat var(--color-35);
    border-radius:0px;
    width:24px;
}

#hm-productos-novedades .owl-controls, #hm-banners-chicos .owl-controls {
    margin-top: 10px;
    text-align: center;
}

#hm-productos-novedades .owl-controls .owl-buttons div, #hm-banners-chicos .owl-controls .owl-buttons div {
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 5px;
    padding: 6px 10px;
    font-size: 12px;
}

#hm-banners-chicos li {
    list-style:none;
}

/* PRODUCTOS */
.ps-menu{
    margin-bottom: 20px;
    border: 1px solid transparent;
    font-family: Nivel1;
}

.ps-menu-color{
    height: 4px;
    background: var(--color-3);
}

.ps-menu-titulo{
    background: var(--color-46);
    border-color: var(--color-44);
    padding: 10px 15px;
    border-right: 1px solid var(--color-44);
    border-bottom: 1px solid var(--color-44);
    border-left: 1px solid var(--color-44);
}

.ps-menu-titulo h4{
    margin: 0;
    cursor: pointer;
}

.ps-menu-titulo>h4>a{
    color: var(--color-67);
    font-weight: normal;
    font-size: 15px;
}

.ps-menu-titulo>h4>a:hover{
    color: var(--color-30);
}

.ps-menu-listado{
    padding: 15px;
    background: var(--color-47);
    border-right: 1px solid var(--color-44);
    border-bottom: 1px solid var(--color-44);
    border-left: 1px solid var(--color-44);
}

.ps-menu-listado ul{
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ps-menu-listado>ul>li>a{
    background: none;
    font-weight: bold;
    color: var(--color-66);
    font-size: 13px;
    border-radius: 4px;
    position: relative;
    display: block;
    padding: 5px 15px;
}

.ps-menu-listado-cant{
    float: right !important;
    padding: 0px 7px;
    font-size: 12px;
    color: var(--color-47);
    text-align: center;
    background: var(--color-33);
    border-radius: 10px;
}

.ps-menu-listado > ul > li{
    margin-top: 2px;
    padding-bottom: 7px;
    border-bottom: 1px solid var(--color-44);
}

.ps-menu-listado > ul > li > ul{
    border-left: 1px solid var(--color-44) !important;
    margin-left: 13px;
}

.ps-menu-listado > ul > li > ul > li > a {
    margin-top: 2px;
    font-size: 13px;
    font-weight: normal !important;
    padding: 2px 15px;
    color: var(--color-67);
    text-decoration: none;
    outline: none !important;
}

.ps-menu-listado > ul > li > ul > li > a.active {
    font-weight: bolder !important;
}

.ps-titulo > h2 > span{
    font-size: 34px;
    padding: 0 !important;
    font-family: Nivel2;
    font-weight: normal;
}

.ps-titulo > img{
    margin-bottom: 15px;
    width: 100%;
}

.ps-sin-resultados{
    color: var(--color-68);
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    padding: 30px 0 30px 15px;
    font-family: Nivel2;
}

.ps-sin-resultados a{
    color: var(--color-11);
}

.ps-sin-resultados a:hover{
    color: var(--color-13);
}

.ps-paginado{
    font-family: Nivel3;
    font-size: 14px;
    border-top: 1px solid var(--color-44);
    border-bottom: 1px solid var(--color-44);
    margin: 10px 0 15px 0;
    padding-top: 10px;
}

.ps-paginado > div.row > div > span{
    display: inline-block;
    padding-top: 4px;
    margin-bottom: 10px;
}

.ps-paginado-orden {
    text-align: right;
}

/* PAGINADOR */
.pg li, .pg{
    float: left;
}

.pg ul{
    margin-top: 0px;
    padding-left: 0px;
}

.pg li{
    float: left;
    border: 1px solid var(--color-40);
    border-radius: 3px;
    margin-right: 3px;
    color: var(--color-40);
    font-size: 14px;
    list-style:none;
}

.pg li a{
    display: inline-block;
    margin: 0px;
    padding: 7px 11px 7px 11px;
    color: var(--color-40);
    font-size: 14px;
}

.pg .nav:hover{
    border-color: var(--color-30);
}

.pg .nav a:hover{
    color: var(--color-30);
}

.pg li:hover, .pg li a:hover{
    color: var(--color-8);
    border-color: var(--color-55);
}

.pg .navactual{
    border-color: var(--color-30);
}

.pg .navactual a{
    color: var(--color-30);
}

/* PRODUCTO */
#kk-zoom{
    cursor: crosshair;
}

.p-thumb{
    border-top:1px solid var(--color-44);
    clear:both;
    display:block;
    text-align:center;
    margin-top:10px;
}

.p-thumb a{
    border:1px solid var(--color-42);
    display:inline-block;
    float:none;
    margin: 10px 10px 10px 0 !important;
    overflow:hidden;
    width:60px!important;
}

.p-thumb a:hover{
    border:1px solid var(--color-30)!important;
    transition: all .7s ease;
    transform: scale(1.1, 1.1);
}

.p-thumb a img{
    display:block;
    max-width:100%;
    height:auto;
    max-height:75px;
    width:60px!important;
}

.p-titulo{
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0.25px;
    line-height: 1;
    margin-bottom: 0;
    padding-bottom: 15px;
}

.p-articulo{
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 1px;
    margin: 0 0 5px;
    padding: 0;
    text-transform: uppercase;
}

.p-recios {
    font-size: 28px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 10px;
}

.p-recios span del{
    font-family: inherit;
    font-size: 18px;
    color: var(--color-36);
    font-weight: 100;
    display: block;
    margin-bottom: 10px;
}

.p-precio_descuento {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 5px;
    text-transform: uppercase;
    vertical-align: middle;
    font-family: 'Open Sans', sans-serif;
    margin-left: 5px;
    color: var(--color-64);
    border: 1px solid var(--color-64);
}

.p-description {
    border-bottom: 1px solid var(--color-44);
}

.p-description p {
    margin: 0 0 10px;
}

.p-detalles {
    border-bottom: 1px solid var(--color-44);
    padding-top: 10px;
    padding-bottom: 15px;
}

.p-detalles .row{
    padding-right: 15px;
    padding-left: 15px;
}

.p-detalles .row div{
    border-right:1px solid var(--color-42);
}

.p-detalles .row div p{
    margin: 0;
    padding-top: 15px;
}

.p-detalles .row div ul{
    margin: 0.5em 0;
    padding-left: 0;
    list-style: none;
    padding: 0;
}

.p-detalles .row div ul li {
    border: 2px solid var(--color-47);
    display: inline-block;
    margin: 2px 1px;
    vertical-align: top;
    list-style: none;
    border-radius: 4px;
}

.p-detalles .row div ul .selected, .p-detalles .row div ul li:hover {
    border: 2px solid var(--color-39);
}

.p-detalles .row div ul li a{
    background-position: center center;
    background-repeat: no-repeat;
    border: 2px solid var(--color-47);
    box-shadow: 1px 1px 2px var(--color-41);
    display: block;
    text-align: center;
    height: 33px;
    width: 33px;
    border-radius: 4px;
    color: var(--color-67);
    text-decoration: none;
    outline: none !important;
    transition: all 0.25s ease 0s;
}

.p-cantidad{
    border-bottom: 1px solid var(--color-44);
    clear: both;
    display: block;
    margin-bottom: 20px;
    padding-bottom: 7px;
    margin-top: 20px;
}

.p-cantidad div{
    margin-bottom: 15px;
}

.p-cantidad #kk_cantidad_ocultar{
    display: inline-block;
    margin: 0 20px 0 0;
}

.p-cantidad #kk_cantidad_ocultar input{
    font-size: 13px;
    padding-left: 10px;
    border-color: var(--color-44);
    border-radius: 3px 0 0 3px;
    border-style: solid;
    border-width: 2px 1px 1px 2px;
    color: var(--color-36)888;
    font-size: 14px;
    margin-bottom: 10px;
    height: 36px;
}

.p-talles-opciones{
    float: left;
    border-bottom: 1px solid var(--color-44);
    clear: both;
    display: block;
    padding-bottom: 15px;
}

.p-talles{
    float: left;
    background:var(--color-74);
    padding: 5px;
    border-radius: 4px;
    color: var(--color-47);
    text-align: center;
    margin-right: 10px;
    margin-top: 10px;
    cursor:pointer;
}

.p-talles:hover{
    background:var(--color-65);
}

.p-talles-seleccionado{
    background:var(--color-65);
}

.p-comprar {
    margin-top: 20px;
    margin-bottom: 10px;
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid var(--color-44);
    padding-bottom: 12px;
    clear: both;
}

.p-comprar button{
    border-radius: 3px;
    color: var(--color-12);
    display: block;
    float: left;
    font-size: 18px;
    font-weight: lighter;
    line-height: 1em;
    margin: 0 20px 0 0;
    padding: 14px 20px;
    text-transform: uppercase;
    transition: all 0.25s ease 0s;
    background: none repeat scroll 0 0 var(--color-11);
    border: 1px;
    margin-right: 20px;
    margin-bottom: 10px;
}

.p-comprar button:hover{
    color: var(--color-14);
    background: var(--color-13);
}

.p-solapas {
    width: 100%;
    clear: both;
    float: left;
}

.p-solapas-etiquetas {
    border-bottom: 3px solid var(--color-74);
    width: 100%;
    margin-bottom: 20px;
    float: left;
}

.p-solapas-etiquetas ul {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
}

.p-solapas-etiquetas ul li {
    font-size: 13px;
    float: left;
    padding: 10;
    margin: 0;
    padding: 10px 20px;
}

.p-solapas-etiquetas ul li:hover, .p-solapas-etiquetas ul li.active {
    background: var(--color-74);
    color: var(--color-47);
}

.p-solapas-datos{
    float: left;
    width: 100%;
}

.p-solapas-datos div{
    display: none;
}

.p-solapas-datos div.active{
    display:block;
}

.p-compartir {
    border-top: 1px solid var(--color-44);
    clear: both;
    display: inline-block;
    margin-top: 20px;
    padding-top: 14px;
    width: 100%;
}

.p-compartir p {
    margin: 0 0 10px;
}

.p-redes-sociales a {
    background: var(--color-42)CCC;
    color: var(--color-66);
    display: inline-block;
    font-size: 22px;
    padding: 6px 3px;
    margin-right: 10px;
    text-align: center;
    width: 35px;
    transition: all 0.15s ease-in-out 0s;
    float: left;
}

#p-icono_whatsapp{
    display: none;
}

#p-relacionados .owl-item {
    padding-right: 15px;
    padding-left: 15px;
}

#p-relacionados .owl-buttons .owl-siguiente{
    text-indent: -9999px;
    background:url(../img/slider/siguiente.png) center no-repeat var(--color-35);
    border-radius:0px;
    width:24px;
}

#p-relacionados .owl-buttons .owl-anterior{
    text-indent: -9999px;
    background:url(../img/slider/anterior.png) center no-repeat var(--color-35);
    border-radius:0px;
    width:24px;
}

#p-relacionados .owl-controls{
    margin-top: 10px;
    text-align: center;
}

#p-relacionados .owl-controls .owl-buttons div{
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 5px;
    padding: 6px 10px;
    font-size: 12px;
}

/* CAJA PRODUCTO */
.cp{
    height: 500px;
    border: 1px solid;
    text-align: center;
    margin: 5px 0 5px 0;
    background: var(--color-47);
    border-color: var(--color-44);
    margin-bottom: 15px;
}

.cp:hover{
    box-shadow:0 3px 20px 0 rgba(0,0,0,0.3);
}

.cp a:hover{
    text-decoration: none;
}

/* Imagen */
.cp-image {
    position: relative;
}

.cp:hover .cp-image a img {
    transform: scale(1.15) rotate(-1.5deg);
    -webkit-transform: scale(1.1) rotate(-1.5deg);
    -moz-transform: scale(1.1) rotate(-1.5deg);
    -ms-transform: scale(1.1) rotate(-1.5deg);
    -o-transform: scale(1.1) rotate(-1.5deg);
}

.cp-image a {
    display: block;
    overflow: hidden;
}

.cp-image a img {
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    width: 100%;
    margin: 0 auto;
}

/* Bandera */
div.cp-bandera {
    z-index: 10;
    display: block;
    position: absolute;
    right: 0;
}

/* Vista Rapida */
div.cp-vista-rapida {
    z-index: 2;
    display: block;
    position: absolute;
    text-align: center;
    margin-top: 30%;
    max-height: 50px;
    width: 100%;
    visibility: hidden;
}

.cp-vista-rapida-btn {
    border-radius: 2px;
    letter-spacing: 2px;
    color: var(--color-32) !important;
    background: rgba(255,255,255,0.9);
    border: 1px solid var(--color-45);
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
    -ms-box-shadow: 0 0 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
    -moz-o-shadow: 0 0 3px rgba(0,0,0,0.3);
    left: auto;
    min-width: 100px;
    max-height: 40px;
    height: 40px !important;
    opacity: 0;
    -webkit-opacity: 0;
    -ms-opacity: 0;
    padding: 10px;
    visibility: hidden;
    width: auto;
    display: inline-block !important;
    transform: scale(0.75);
    -webkit-transform: scale(0.75);
    -o-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -moz-transform: scale(0.75);
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    cursor: pointer;
    cursor: hand;
}

.cp:hover .cp-vista-rapida-btn {
    visibility: visible;
    opacity: 0.85;
    -webkit-opacity: 0.85;
    -ms-opacity: 0.85;
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
}

/* Contenido */
.cp-descripcion {
    margin: 0 auto;
    max-width: 235px;
}

.cp-descripcion span.articulo {
    font-size: 11px;
    color: var(--color-38);
}

.cp h4 {
    min-height: 45px;
    max-height: 80px;
    display: block;
    margin: 10px 0 5px 0;
    padding: 0 10px;
    font-size: 17px;
    line-height: 24px;
    vertical-align: middle;
    text-transform: uppercase;
}

.cp h4 .cp-nombre{
    color: var(--color-31);
    font-family: Nivel2;
}

.cp h4 .cp-color{
    color: var(--color-34);
}

.cp-descripcion a{
    border-color: var(--color-45);
}

.cp-descripcion p {
    font-size: 13px;
    line-height: normal;
    padding: 0 10px;
    margin: 0px;
    color: var(--color-36);
}

.cp-precio-descuento-porcentaje{
    display:inline-block;
    font-size:10px;
    font-weight:700;
    padding:2px 5px;
    text-transform:uppercase;
    vertical-align:middle;
    font-family:'Open Sans', sans-serif;
    margin-left:5px;
    color:var(--color-64);
    border:1px solid var(--color-64);
}

.cp-precio-contenedor{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 68px;
}

.cp-precio-anterior{
    font-family:inherit;
    font-size:18px;
    display:block;
    margin-bottom:10px;
    font-weight:100;
}

.cp-precio-anterior, .cp-precio-anterior:visited {
    color: var(--color-36);
}

.cp-precio-anterior del{
    text-decoration:line-through;
}

.cp-precio {
    font-size: 32px;
    font-weight: bold;
    margin: 10px 0;
    bottom: 68px;
    color: var(--color-61);
}

.cp .cp-comprar {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 25px;
}

.cp .cp-comprar .btn{
    display: block;
    height: auto;
    padding: 6px 12px;
    border-radius: 4px;
    display: inline-block;
    font-size: 15px;
    font-family: Nivel3;
    background: var(--color-11);
    color: var(--color-12);
}

.cp .cp-comprar .btn:hover{
    background: var(--color-13);
    color: var(--color-14);
}

/* MODAL (vista previa) */
.md {
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    overflow: auto;
    display: block;
    background: rgba(0, 0, 0, .6);
}

.md > #kk-ver-producto {
    background: var(--color-45);
    max-width: 960px;
    overflow: auto;
    width: 100%;
    margin: 30px auto;
    padding: 10px;
}

.md > #kk-ver-producto > .md-close {
    display: block;
    position: relative;
    right: 0;
    float: right;
    color: var(--color-66);
    font-size: 30px;
    background: transparent;
    z-index: 10;
    cursor: pointer;
}

.md .p-thumb a {
    width: 50px !important;
}

/* ZOOM PRODUCTO */
.z-miniatura{
    text-align:center;
    margin-top:10px;
}

.z-miniatura div{
    display:inline-block;
    width:100px;
    margin-bottom:10px;
    border:2px solid var(--color-45);
    display:inline-block;
    margin-right:5px;
    cursor: pointer;
    cursor: hand;
}

.z-miniatura div img{
    max-width:100%;
}

.z{
    cursor: pointer;
    cursor: crosshair;
}

/* CARRO | PASOS CHECKOUT-X */
.ckt-volver-catalogo{
    color: var(--color-67);
    text-decoration: none;
    outline: none !important;
    font-weight: normal;
    line-height: 24px;
    text-align: right;
    text-transform: uppercase;
    font-size: 17px;
    float: right;
}

.ckt-volver-catalogo:hover{
    color: var(--color-30);
}

.ckt-agregar-carro{
    padding: 20px 15px 20px 15px;
    ;
    background: var(--color-45);
    border: solid 1px var(--color-42);
}

.ckt-agregar-carro button{
    margin-top: 25px;
}

.ckt-agregar-carro div.row div{
    padding-bottom: 0px;
}

.ckt-completar-text{
    font-family: Nivel3;
    text-transform: none;
    font-size: 24px;
    line-height: 28px;
    font-weight: normal;
}

.ckt-completar-boton a{
    float: left;
}

.ckt-tabla-centro{
    text-align: center;
}

.ckt-texto-normal{
    text-transform: none;
}

/* Menu pasos compra */
.ckt-nav-pasos{
    clear:both;
    display:inline-block;
    height:auto;
    padding:0;
    margin-top: 25px;
    margin-bottom:30px;
    width:100%;
}

.ckt-nav-pasos li{
    display:inline-block;
    float:left;
    height:auto;
    margin:0;
    min-height:55px;
    padding:0;
    width:20%;
    background: none;
}

.ckt-nav-pasos li.active a{
    color: var(--color-8);
    position:relative;
    background-color: var(--color-7);
}

.ckt-nav-pasos li.active a:after{
    top:100%;
    left:50%;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
    border-color: none;
    border-width:10px;
    margin-left:-10px;
}

.ckt-nav-pasos li a{
    display:inline-block;
    font-size:14px;
    height:100%;
    line-height:normal;
    padding:20px 0 0;
    text-align:center;
    vertical-align:middle;
    width:100%;
    text-transform:uppercase;
    font-size:13px;
    border: 1px solid var(--color-44);
}

.ckt-nav-pasos li a i{
    background: var(--color-75);
}

.ckt-nav-pasos li.active a i{
    background: var(--color-3);
    color: var(--color-4);
}

.ckt-nav-pasos li a i{
    border-radius:0;
    display:block;
    font-size:20px;
    height:auto;
    left:0;
    line-height:40px;
    margin-top:-20px;
    padding:0;
    text-align:center;
    width:auto;
    float:none!important;
    color: var(--color-67);
}

.ckt-nav-pasos li a span{
    display:block;
    padding:5px 0;
    color: var(--color-67);
    font-family: Nivel2;
}

.ckt-nav-pasos li.active a span{
    color: var(--color-8);
}

.ckt-nav-pasos li.active a::after {
    border-top-color: var(--color-7) !important;
}

.ckt-forma_pago{
    margin-bottom: 30px;
}

.ckt-forma_pago label{
    cursor: pointer;
}

.ckt-forma_pago input.kk_forma_pago{
    float: left;
    margin-right: 15px;
}
.ckt-forma_pago .texto_en_elemento {
    margin-left: 30px;
    padding: 0;
    font-size: 12px;
}

/* Tabla */
.ckt-tabla-titulos{
    border: solid 1px var(--color-44);
    height: auto;
    background: var(--color-46);
    margin-top: 20px;
    color: var(--color-67);
}
.ckt-tabla-titulos .row div{
    text-align: center;
    padding: 10px;
    font-weight: bold;
    font-size: 14px;
    font-family: Nivel2;
}

.ckt-tabla-datos-titulos{
    border-left: solid 1px var(--color-44);
    border-right: solid 1px var(--color-44);
    border-bottom: solid 1px var(--color-44);
    height: auto;
    background: var(--color-46);
}

.ckt-tabla-datos-tit-f-color{
    background: var(--color-47);
}

.ckt-tabla-datos-titulos .row div{
    text-align: center;
    padding: 10px;
    font-weight: bold;
}

.ckt-tabla-datos-titulos .row div .gen-botones{
    width:240px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 5px;
    margin-right: 15px;
    font-weight: normal;
}

.ckt-tabla-datos{
    border-left: solid 1px var(--color-44);
    border-right: solid 1px var(--color-44);
    border-bottom: solid 1px var(--color-44);
    height: auto;
    background: var(--color-47);
}

.ckt-tabla-datos .row div{
    padding: 15px;
}

.ckt-tabla-datos .row .ckt-tabla-producto{
    display: flex;
    align-items: center;
}

.ckt-tabla-datos-img img{
    width: 86px;
    margin-left: 5px;
}

.ckt-tabla-datos .row div .ckt-tabla-datos-img{
    float: left;
    padding: 0px;
    width:fit-content;
}

.ckt-tabla-datos .row div span div{
    margin: 5px 0 5px 15px;
    padding: 0;
}

.ckt-tabla-datos .row div span .ckt-tabla-datos-tit{
    font-size: 17px;
    font-weight: normal;
}

.ckt-tabla-datos .row div span .ckt-tabla-datos-art{
    font-size: 15px;
    font-weight: normal;
}

.ckt-tabla-datos .row div span .ckt-tabla-datos-talle{
    font-size: 15px;
    font-weight: normal;
}

.ckt-tabla-datos .row .ckt-pos-center{
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 17px;
}

.ckt-total{
    margin-top: 20px;
    border: solid 1px var(--color-44);
    background: var(--color-47);
}

.ckt-total .row{
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ckt-total .row div{
    text-align: center;
}

.ckt-total-numero{
    color: var(--color-62) !important;
    font-size: 22px;
    font-weight: bold;
}

.ckt-cantidad{
    float: left;
    height: 30px;
    border-top: solid 1px var(--color-72);
    border-bottom: solid 1px var(--color-72);
    border-left: none;
    border-right: none;
    font-family: Nivel3;
    background: var(--color-47);
    width: 28px;
    font-size: 16px;
    padding-left: 5px;
    text-align: center;
}

.ckt-tabla-datos .row .ckt-pos-center .ckt-cantidad-menos{
    float: left;
    height: 30px;
    width: 16px;
    padding: 0px;
    color: var(--color-47);
    background: var(--color-72);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    font-family: Nivel3;
    font-size: 20px;
    cursor: pointer;
    cursor: hand;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: normal;
}

.ckt-tabla-datos .row .ckt-pos-center .ckt-cantidad-menos:hover{
    background: var(--color-73);
    color: var(--color-47);
}

.ckt-tabla-datos .row .ckt-pos-center .ckt-cantidad-mas{
    float: left;
    height: 30px;
    width: 16px;
    padding: 0px;
    color: var(--color-47);
    background: var(--color-72);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-family: Nivel3;
    font-size: 20px;
    cursor: pointer;
    cursor: hand;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: normal;
}

.ckt-tabla-datos .row .ckt-pos-center .ckt-cantidad-mas:hover{
    background: var(--color-73);
    color: var(--color-47);
}

.ckt-eliminar{
    float: left;
    cursor: pointer;
    cursor: hand;
}

.ckt-eliminar i{
    font-size: 20px;
    margin: 8px 0 0 10px;
    color: var(--color-37);
}

.ckt-tabla-pie-cont a{
    float: left;
    margin-right: 30px;
}

.ckt-tabla-pie-rec a{
    float: right;
}

.ckt-dato {
    border: solid 1px var(--color-44);
    height: auto;
    background: var(--color-47);
    margin-top: 20px;
    color: var(--color-67);
}

.ckt-dato div div {
    padding: 3px 10px;
}

.ckt-dato .ckt-dato-tit_1 {
    text-align: center;
    padding: 10px;
    font-weight: bold;
    font-size: 14px;
    font-family: Nivel2;
    border-bottom: solid 1px var(--color-44);
    background: var(--color-46);
}

.ckt-dato .ckt-dato-tit_1b {
    border-top: solid 1px var(--color-44);
}

.ckt-dato .ckt-dato-tit_2 {
    text-align: center;
    font-weight: bold;
    padding: 7px;
}

.ckt-dato .ckt-dato-boton {
    background: var(--color-46);
    padding: 10px;
    border-top: solid 1px var(--color-44);
}

.ckt-dato .ckt-dato-boton a {
    margin: 0px;
    width: 100%;
    padding: 5px 10px;
}

.ckt-dato .ckt-dato-boton-confirma {
    padding: 10px;
    border-top: solid 1px var(--color-44);
}

.ckt-dato .ckt-dato-boton-confirma a {
    margin: 10px 0px;
    width: 100%;
}

.ckt-tabla-datos-titulos .row .ckt-boton-modificar {
    padding: 10px;
}

.ckt-tabla-datos-titulos .row .ckt-boton-modificar a {
    margin-top: 0px;
    padding: 5px 10px;
}

.ckt-metodo-envio {
    width: 100%;
    height: 100%;
}

.ckt-metodo-envio .columna_izq {
    float: left;
    width: 40%;
}
.ckt-metodo-envio .p-me {
    width: 100%;
    min-height: 50px;
    background-color: none;
}
.ckt-metodo-envio .p-me .texto_en_elemento {
    margin: 0 0 0 60px;
    padding: 0;
    font-size: 12px;
}
.p-me-fondo {
    width: 100%;
    display: inline-block !important;
    background-color: #FFF !important;
}

.ckt-metodo-envio .campo {
    float: left;
    width: 20%;
    padding: 30px 0 0 18px;
}
.ckt-metodo-envio .campo input {
    margin: 3px;
}
.ckt-metodo-envio .texto {
    float: left;
    width: 80%;
    padding: 30px 0 0 0;
}
.ckt-metodo-envio .texto img {
    max-width: 90%;
}
.ckt-metodo-envio .metodos {
    float: left;
    width: 60%;
    background-color: #FFF;
    height: 100%;
    padding: 10px;
    text-align: center;
    padding-top: 30px;
}
.ckt-metodo-envio label {
    cursor: pointer;
    font-weight: bold;
}

/* ACCEDER */
.acd{
    float: none;
    display: table;
    margin: auto;
    width: 50%;
}

/* CONTACTO */
.cnt{
    text-align: center;
    background: var(--color-47);
    color: var(--color-30);
    margin-top: 20px;
}

.cnt .cnt-sucursal{
    padding: 5px;
}

.cnt h2{
    font-size: 24px;
    line-height: 28px;
    font-weight: normal;
    margin: 0;
    padding: 10px 0 15px 0;
    color: var(--color-2);
}

.cnt p{
    margin: 0 0 10px;
    color: var(--color-2);
}

/* QUIENES SOMOS */
.qs-titulo{
    font-size: 20px;
    line-height: 24px;
    font-weight: normal;
    font-family: Nivel2;
}

.qs-texto{
    font-size: 17.5px;
}

/* FORMAS DE PAGO */
.fp-titulo{
    font-size: 20px;
    line-height: 24px;
    font-weight: normal;
    font-family: Nivel2;
}

.fp-texto{
    font-size: 17.5px;
}

/* SUCURSALES */
.suc .row div div{
    background: var(--color-47);
    padding:10px;
    text-align: center;
}

/* ARCHIVOS */
.arc-paginado{
    font-family: Nivel3;
    font-size: 14px;
    border-top: 1px solid var(--color-44);
    border-bottom: 1px solid var(--color-44);
    margin: 10px 0 15px 0;
    padding-top: 10px;
    height: 47px;
}

.arc-paginado-inf{
    height: 58px;
}

.arc-paginado>div.row>div>span{
    display: inline-block;
    padding-top: 4px;
}

/* caja archivos */
.arc-c{
    height: 120px;
    border: 1px solid;
    text-align: center;
    background: var(--color-47);
    border-color: var(--color-44);
    margin-bottom: 15px;
    color: var(--color-66);
}

.arc-c:hover{
    box-shadow:0 3px 20px 0 rgba(0,0,0,0.3);
}

.arc-c a:hover{
    text-decoration: none;
}

.arc-c h4{
    margin: 10px 0;
}

.arc-c .arc-c-nombre{
    font-size: 24px;
    line-height: 28px;
    font-family: Nivel2;
    font-weight: normal;
}

.arc-c a span{
    color: var(--color-66);
}

/* FORMULARIOS */
form .row div{
    padding-bottom: 20px;
}

label{
    display: block;
    padding-bottom: 5px;
    text-transform: none;
    color: var(--color-2);
    font-weight: bold;
}

label sup{
    color: var(--color-63);
}

.form-control{
    height: 30px;
    border-color: var(--color-44);
    border-style: solid;
    border-width: 2px 1px 1px 2px;
    font-family: Nivel3;
    background: var(--color-47);
    color: var(--color-36);
    width: 100%;
    font-size: 14px;
    padding-left: 5px;
    margin-bottom: 10px;
    height: 36px;
    border-radius: 3px 0 0 3px;
}

.form-control:focus {
    border-color: var(--color-64);
}

.VC_error{
    font-family: Nivel3;
    text-transform: none;
    color: var(--color-64);
    font-size: 14px;
    margin: 0px !important;
    padding: 0px !important;
}

.error{
    text-transform: none;
}

/* TARJETA DECIDIR */
.tarjeta_decidir .tarjeta_representacion {

}

.tarjeta_decidir .tarjeta_formulario input, .tarjeta_decidir .tarjeta_formulario select {
    border-color: var(--color-44);
    border-style: solid;
    border-width: 2px 1px 1px 2px;
    font-family: Nivel3;
    background: var(--color-47);
    color: var(--color-36);
    width: 100%;
    font-size: 14px;
    padding-left: 5px;
    height: 36px;
    border-radius: 5px;
}
.tarjeta_decidir .tarjeta_formulario .row > div {
    padding-bottom: 0;
}
.tarjeta_decidir .tarjeta_formulario .tarjeta_numero {
    text-align: left;
}
.tarjeta_decidir .tarjeta_formulario .tarjeta_vencimiento {
    text-align: left;
}
.tarjeta_decidir .tarjeta_formulario .tarjeta_cvc {
    text-align: left;
}
.tarjeta_decidir .tarjeta_formulario .tarjeta_documento_tipo {
    text-align: left;
}
.tarjeta_decidir .tarjeta_formulario .tarjeta_documento {
    text-align: left;
}
.tarjeta_decidir .tarjeta_formulario .tarjeta_nombre_titular {
    text-align: left;
}
.tarjeta_decidir .tarjeta_formulario .tarjeta_pagar {
    text-align: left;
}
.tarjeta_decidir .tarjeta_formulario .tarjeta_pagar button {
    width: 100%;
    font-family: Nivel3;
    font-size: 16px;
    float: right;
    padding: 10px;
    background: var(--color-11) !important;
    border-radius: 5px;
    color: var(--color-12) !important;
    text-align: center;
    border: none;
}
.tarjeta_decidir .tarjeta_formulario .tarjeta_pagar button:hover {
    background: var(--color-13) !important;
    color: var(--color-14) !important;
}

/* AJUSTES (responsive) */
@media (min-width: 768px){
    body.gen-menu-ancho .mh-buscar-div > form > .mh-ico-buscar > i{
        display:block;
    }
    body.gen-menu-ancho .mh-form-input{
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    body.gen-menu-ancho button.mh-btn-buscar{
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        float: left;
    }

    body.gen-menu-ancho #mh-buscar-form {
        display: none;
        padding: 3px;
        border: solid 1px var(--color-72);
        border-radius: 5px;
        background-color: var(--color-47);
    }

    body.gen-menu-ancho .mh-ico-buscar{
        background: var(--color-72);
        color: var(--color-47);
        margin-top: 10px;
        height: 33px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        font-size: 15px;
        padding: 6px 12px;
        border: none;
        float: right;
        position: relative;
    }

    body.gen-menu-ancho .mh-ico-buscar:hover{
        background: var(--color-36);
        color: var(--color-40);
    }

    body.gen-menu-ancho .mh-ico-buscar:hover #mh-buscar-form{
        display: block;
        position: absolute;
        top: 100%;
        left: -187px;
        width: 227px;
        max-width: 227px;
    }

    body.gen-menu-ancho .mh-form-input {
        margin-top: 0px;
    }

    body.gen-menu-ancho button.mh-btn-buscar {
        margin-top: 0px;
    }

    body.gen-menu-ancho button.mh-btn-buscar i{
        visibility: hidden;
    }
}
@media (min-width: 1200px){
}

@media (max-width: 1199px){
    .mh-carrito-detalle{
        left: 100px;
        left: 45%;
    }

}

@media (max-width: 1050px){
    .mh-form-input {
        width: 120px;
    }

    .f ul li h4 a.f-telefono {
        font-size: 16px;
    }

}

@media (max-width: 991px){
    .mh-form-input {
        width: 90px;
    }

    .mh-carrito-detalle{
        left: 100px;
        left: 30%;
    }

    .ps-menu-listado{
        display: none;
    }

    .ps-menu-titulo > h4 > a {
        color: var(--color-60);
    }

    .mh-carrito-detalle-estado{
        display: none !important;
    }
    .mh-carrito-detalle-down{
        display: block !important;
    }
    .mh-carrito-detalle-ico{
        padding-right: 15px !important;
    }

    .mh-menu ul li a span {
        padding: 15px 5px 15px 10px;
    }

    .ckt-tabla-datos-titulos .row .ckt-boton-modificar a {
        width: calc(100% - 10px);
    }

    .ckt-tabla-datos-titulos .row div {
        margin-left: 20px;
    }

    .ps-paginado-solo-stock {
        text-align: center;
    }

    .ps-paginado-solo-stock > div {
        float: none;
    }

}

@media (max-width: 800px){
    .mh-form-input{
        width: 70px;
    }

    button.mh-btn-buscar{
        font-size: 13px;
        padding: 6px 6px;
    }

}

@media (max-width: 767px){
    .gen-cabezal-alto, body.gen-logo-vertical .gen-cabezal-alto {
        height: 20px;
    }

    .h {
        display: none;
        background: none;
    }

    .mh-img-logo img, body.gen-logo-vertical .mh-img-logo img {
        margin: 5px 2px;
    }

    body.gen-logo-vertical .mh-img-logo img {
        height: 45px;
    }

    button.mh-btn-buscar {
        margin-top: 0px;
    }

    .mh-buscar-div > form > .mh-ico-buscar > i{
        display:none;
    }

    .mh-menu-sm{
        display: block;
    }

    .mh-menu, body.gen-logo-vertical .mh-menu{
        margin-top: 160px;
        float: none;
        width: 100%;
        display: none;
    }

    .md-m {
        -webkit-transition: opacity .15s linear;
        -o-transition: opacity .15s linear;
        transition: opacity .15s linear;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        display: none;
        -webkit-overflow-scrolling: touch;
        outline: 0;
        display: block;
        background: rgba(0, 0, 0, .6);
    }

    .md-m > #kk-ver-menu-sm {
        position: relative;
        max-width: 960px;
        height: calc(100% - 30px);
        width: calc(100% - 30px);
        background: var(--color-7);
    }

    .md-m > #kk-ver-menu-sm > .md-m-close {
        display: block;
        position: absolute;
        right: 0;
        float: right;
        color: var(--color-66);
        font-size: 30px;
        background: transparent;
        z-index: 10;
        cursor: pointer;
        padding: 10px;
    }

    .md-m-contenido{
        height: 100%;
        height: calc(100% - 50px);
    }

    .md-m-contenido .carrito, .md-m-contenido .volver-menu-sm {
        width: 100%;
        font-size: 24px;
        color: var(--color-8);
        padding: 10px;
        height: 50px;
        border-bottom: solid 1px var(--color-8);
        cursor: pointer;
    }

    .md-m-contenido .carrito i {
        margin-right: 10px;
    }

    .md-m-contenido .volver-menu-sm {
        font-size: 17px;
        height: 40px;
    }

    .md-m-contenido .carrito:hover, .md-m-contenido .carrito.active {
        color: var(--color-10);
        background: var(--color-9);
        cursor: pointer;
    }

    .md-m-contenido .volver-menu-sm:hover {
        color: var(--color-8);
        background: var(--color-7);
        cursor: auto;
    }

    .md-m-contenido .volver-menu-sm, .md-m-contenido .volver-menu-sm:hover {
        text-align: center;
        cursor: auto;
    }

    .md-m-contenido .volver-menu-sm i {
        float: left;
        cursor: pointer;
    }

    .md-m-contenido .volver-menu-sm i:hover {
        color: var(--color-66);
    }

    .md-m-contenido > .menu-sm-scroll {
        max-height: 100%;
        overflow-y: scroll;
    }

    .md-m-contenido ul {
        margin: 0px;
        padding: 0px;
    }

    .md-m-contenido li {
        display: inline-block;
        font-size: 16px;
        width: 100%;
    }

    .md-m-contenido li a, .md-m-contenido li div {
        color: var(--color-8);
        display: block;
        height: 100%;
        width: 100%;
        padding: 8px 10px;
        cursor: pointer;
    }

    .md-m-contenido li:hover, .md-m-contenido li.active {
        background: var(--color-9);
    }

    .md-m-contenido li:hover a, .md-m-contenido li.active a, .md-m-contenido li:hover div, .md-m-contenido li.active div {
        color: var(--color-10);
    }

    .md-m-contenido li div i, .md-m-contenido li a i {
        float: right;
        margin-right: 15px;
        margin-top: 2px;
    }

    .md-m-contenido li.md-m-pie a i {
        float: left;
        margin-right: 10px;
    }

    .md-m-serparador {
        border-top: solid 1px var(--color-8);
        height: 20px;
    }

    .md-m-contenido .md-m-serparador:hover {
        background: var(--color-7);
    }

    .mh-carrito-detalle{
        display: none;
    }

    .mh-buscar-div, body.gen-logo-vertical .mh-buscar-div {
        float:left;
        padding: 0px;
        margin-top: 10px;
        margin-left: 10px;
        width: calc(100% - 105px);
        border-left: solid 2px var(--color-40);
        border-right: solid 2px var(--color-40);
    }

    .mh-form-input{
        float: left;
        width: calc(100% - 62px);
        margin-left: 9px;
        margin-top: 0px;
        border: solid 2px var(--color-45);
    }

    .ps-menu {
        display: none;
    }

    button.mh-btn-buscar{
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }

    #p-icono_whatsapp{
        display: block;
    }

    .ckt-nav-pasos li {
        width: 50%;
    }

    .ckt-tabla-titulos .row .ckt-tabla-titulos-linea{
        border-bottom: 1px solid var(--color-44);
    }

    .ckt-tabla-datos .row .ckt-tabla-producto{
        border-bottom: 1px solid var(--color-44);
    }

    .h ul li {
        margin-right: 15px;
    }

    .mh-carrito-detalle-estado{
        display: block !important;
    }

    .mh-carrito-detalle-down{
        display: none !important;
    }

    .mh-carrito-detalle-estado{
        padding-left: 0px !important;
    }

    .mh-carrito-detalle-ico{
        padding-right: 0px !important;
    }

    .ckt-volver-catalogo {
        margin-top: 9px;
    }

    /* logo sm que se oculta en el home */
    .logo-home-sm {
        position: fixed;
        top: 0px;
        margin: 0px;
        height: 150px;
        width: 100%;
        z-index: 9999;
        background: var(--color-7);
    }

    .logo-home-sm-div {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .logo-home-sm img {
        max-height: calc(100% - 40px);
        max-width: calc(100% - 40px);
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

    .cp {
        height: 630px;
    }
}

@media (max-width: 575px){
    .slider-hm-contenedor, .gen-logo-vertical .slider-hm-contenedor {
        display: none !important;
    }

    .md-m > #kk-ver-menu-sm {
        height: 100%;
        width: 100%;
    }

    .hm-titulo-novedades{
        padding-top: 20px;
    }

    .ps-paginado-mostrando, .ps-paginado-solo-stock, .ps-paginado-orden {
        text-align: left;
    }

    .ps-paginado-solo-stock, .ps-paginado-orden {
        margin-bottom: 10px;
    }

    .f h3{
        padding: 5px 0 2px;
        margin: 0px;
    }

    .ckt-volver-catalogo {
        float: left;
        margin: 15px 0 0 5px;
    }

    .ckt-tabla-pie-cont a {
        min-width: 205px;
    }

    .ckt-bot-int > div > div, .ckt-bot-int > div > div > a, .ckt-bot-int > div > div > button {
        width: 100%;
    }

    .f div.f-productos ul{
        margin-bottom: 2px;
    }

    .f div.f-productos-otros h3{
        display: none;
    }

    .f div.f-productos-otros ul{
        margin: 0 0 5px 0;
    }
    .cp {
        height: auto;
    }
    .cp-descripcion {
        max-width: 90%;
    }
    .cp .cp-comprar {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        margin: 15px;
    }
    .cp-precio-contenedor {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        margin: 15px;
    }
}

@media (max-width: 400px){
    .ckt-nav-pasos li {
        width: 100%;
    }

    .h ul li {
        margin-right: 0px;
    }

    .h ul li a {
        padding-right: 10px;
    }
    .mh-menu-sm div i {
        /* font-size: 12px;
        */
    }
    .mh-menu-sm div {
        margin-left: 5px;
    }

    .ckt-tabla-datos .row .ckt-pos-center {
        font-size: 14px;
    }

    .ckt-tabla-datos .row div span .ckt-tabla-datos-tit {
        font-size: 14px;
    }

    .ckt-tabla-titulos .row div {
        font-size: 12px;
    }

}