/* https://www.onlinewebfonts.com */
/* https://www.fontsquirrel.com/matcherator?token=cnff16u86y617syp */
/* https://www.fontsquirrel.com/tools/webfont-generator */
 @font-face {
     font-family: 'caros_softregular';
     src: url('fuentes/carossoft-webfont.woff2') format('woff2'), url('fuentes/carossoft-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'helveticaregular';
     src: url('fuentes/helvetica-webfont.woff2') format('woff2'), url('fuentes/helvetica-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'helveticablack';
     src: url('fuentes/helvetica-black-webfont.woff2') format('woff2'), url('fuentes/helvetica-black-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'helveticabold';
     src: url('fuentes/helvetica-bold-webfont.woff2') format('woff2'), url('fuentes/helvetica-bold-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
/* Variables CSS */
 :root {
     --color-sitio:#01a95c;
    /* #003713;
    */
     --color-texto: black;
     --color-fondo: #EDEEF0;
     --fuente-sitio: 'caros_softregular', serif;
     --fuente-sitio2: 'helveticaregular', sans-serif;
     --fuente-sitio3: 'helveticablack', sans-serif;
     --fuente-sitio4: 'helveticabold', sans-serif;
     --transicion: all 0.3s ease;
}
 ::selection {
     background: var(--color-sitio)!important;
     color:black;
}
/* CSS reset */
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, i, center, dl, dt, dd, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
     font-family: 'Century', serif;
     font-family: var(--fuente-sitio);
}
 img{
     max-width:100%;
}
/* Parallax Scrolling */
/*.parallax{
     position: absolute;
     top: 0;
     left: 0;
}
*/
 .fondo {
     position: absolute;
     width:100%;
     left:0;
     top:0;
     min-height:100%;
     opacity:.5;
}
 .fondo1{
     left:0;
     top:1%;
}
 body{
     background:#FFF;
     overflow-x: hidden;
}
/* Header */
 header {
     width: 100%;
     position: fixed;
     z-index: 900;
     color: black;
     display: block;
    /*border-bottom: solid 1px #70695C;
    */
     top: 0;
    /*text-align: right;
    */
     transition: all 0.5s cubic-bezier(0.33, 0, 0.2, 1) .1s;
    /*height: 200px;
    */
     opacity:1;
    /*background: rgb(255,255,255);
    */
    /*background-image: linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,.9), rgba(255,255,255,.8), rgba(255,255,255,0.1), rgba(255,255,255,0));
    */
}
 header:hover{
     opacity:1;
}
 .logo{
     position: fixed;
     display: inline-block;
    /* padding: 46px 0 30px 0;
     */
    /* margin-bottom: 30px;
     */
    /* border-top: none;
     */
    /* margin-top: -37px;
     */
    /* float: right;
     */
    /* margin-left: 3%;
     */
     transition: all 0.3s ease 0s;
     right: 3vw;
     top: 1.3vw;
    /*margin: auto;
    */
    /*background-color: #ffffff7a;
    */
    /* text-align: center;
}
 .logo.esconder {
    /*opacity:0;
     padding:1% 2%;
    */
}
 .logo img{
     transition: all 0.4s ease;
     vertical-align: middle;
     width: 17vw !important;
     height: auto !important;
}
 header img{
     transition: all 0.4s ease;
}
/* Menú */
 .menuP {
     display: block;
     position: fixed;
     top: 9px;
     right: 3%;
     margin: 0;
     padding: 0;
     width: 50px;
     height: 50px;
     font-size: 0;
     text-indent: -9999px;
     appearance: none;
     cursor: pointer;
     background: transparent;
     color: #FFF;
     line-height: 8px;
     z-index: 200;
     border: none;
}
 .menuP:focus {
     outline: none;
}
 .menuP span {
     display: block;
     position: absolute;
     top: 15px;
     left: 0;
     right: 0;
     height: 3px;
     background: #FFF;
     transition: background 0s 0.3s;
     width: 60%;
     margin: auto;
     box-shadow: 1px 1px 2px rgba(0,0,0,.3);
}
 .menuP span::before, .menuP span::after {
     position: absolute;
     display: block;
     left: 0;
     width: 100%;
     height: 3px;
     content: "";
     background: #FFF;
     box-shadow: 1px 1px 2px rgba(0,0,0,.3);
     transition-duration: 0.3s, 0.3s;
     transition-delay: 0.3s, 0s;
}
 .menuP span::before {
     top: -9px;
     transition-property: top, transform;
}
 .menuP span::after {
     bottom: -9px;
     transition-property: bottom, transform;
}
/* Menú abierto */
 .menuP.activo span {
     background: none;
}
 .menuP.activo span::before {
     top: 0;
     transform: rotate(45deg);
}
 .menuP.activo span::after {
     bottom: 0;
     transform: rotate(-45deg);
}
 .menuP.activo span::before, .menuP.activo span::after {
     transition-delay: 0s, 0.3s;
}
 .menu{
     -moz-user-select: none;
     background: rgba(0, 0, 0, 0.75);
     min-height: 0px;
     opacity: 0;
     height: 0;
     position: fixed;
     left: 0;
     top: 0;
     transition: all 0.5s cubic-bezier(0.33, 0, 0.2, 1) .1s;
     width: 100%;
     z-index: -10;
     overflow: hidden;
}
 .menu .logoMenu{
     display: block;
     margin: 20px auto 0 auto;
     width:200px;
}
 .menu-abierto{
     opacity:1;
     min-height: 100%;
     z-index:150;
     padding:40px;
}
 .menu-ppal {
     width:100%;
    /*margin: 40px 0 0 0;
    */
     padding:0 4vw;
     max-width: 300px;
     font-size: 1em;
}
 .menu-ppal li {
     list-style-type:none;
     margin:0;
     transition: all linear 0.1s;
}
 .menu-ppal li ul {
    /*left:250px;
    */
     width: 260px;
     display:none;
     position:absolute;
     top: inherit;
     background-color: white;
     text-align: left;
     padding: 0;
     box-shadow:1px 1px 3px black;
     border-radius:5px;
}
 .menu-ppal li ul a{
     width: 100%;
}
 .menu-ppal li a {
     color: white;
     font-size:1rem;
    /*font-weight:bold;
    */
     font-family: 'Century', serif;
     font-family:var(--fuente-sitio);
     text-decoration:none;
    /*text-transform:uppercase;
    */
     vertical-align:middle;
     width:100%;
     display:block;
     background:transparent;
     transition: var(--transicion);
    /*border-radius:15px;
    */
     padding: 1.5vw 1vw;
    /*text-shadow: 1px 1px 0px white, 0px 0px 5px white, 0px 0px 5px white;
    */
}
 .menu-ppal li a:hover {
     color:var(--color-sitio);
     background-color:transparent;
     text-decoration:none;
    /*box-shadow:1px 1px 3px black;
    */
    /*padding: 3px 8px 1px 10px;
    */
     transform:scale(1.1);
     font-weight: bold;
}
 .menu-ppal .activo {
     color:white;
    /*background-color:var(--color-sitio);
    */
     border-radius:15px;
     font-style: italic;
}
 .menu-ppal .activo a{
     color:#4C858E;
     color: var(--color-sitio);
     font-weight: bold;
}
 @media (min-width: 768px) {
     .sticky .logo{
        /*margin-left: 10%;
        */
    }
     .sticky .logo img{
         width: 10vw !important;
    }
     .sticky .carrito-div {
         top: 0.7vw;
         right:13vw;
    }
     .sticky .redes {
         top: 0.7vw;
    }
     header .container{
         position: relative;
    }
     .menuP{
         display: none;
    }
     .menu {
         position: static;
         opacity: 1;
         width: fit-content;
         height: auto;
         overflow: visible;
         background: transparent;
         vertical-align: top;
         margin: auto 11vw;
         display: block;
         z-index:10;
         transition: var(--transicion);
         margin-top: -5.4vw;
    }
     .menu .logoMenu{
         display: none;
    }
     .menu-ppal {
         margin: 0;
         max-width: none;
    }
     .menu-ppal li {
         display: inline-block;
        /* padding: 2px 0px 4px 5px;
         border-left: solid 1px #70695C;
         */
         margin: 0px 0 0 0;
    }
     .menu-ppal li a {
         font-family: 'Century', serif;
         font-family: var(--fuente-sitio);
        /*line-height: 57px;
        */
        /*letter-spacing: 2px;
        */
    }
     .contactos, .mapa, .mapa iframe, .abajo .videoWrapper{
        /*height: 100% !important;
        */
    }
}
 .menu-ppal li:hover ul {
     display:block;
}
 .menu-ppal li ul li {
     float: none;
     display: block;
}
 .menu-ppal li img {
     display:inline-block;
     vertical-align:middle;
}
 #map{
     display:none;
}
 @media(min-width: 48em){
     #map{
         display:block;
         width: 100%;
         height:450px;
    }
}
 #map img{
     max-width:none;
}
 .contactos {
    /*background: #373F40;
     padding: 2% 10% 2% 5%;
     color: #FFF;
     position: relative;
    */
}
 .contactos::before {
     position: absolute;
     content: "";
     width: 233px;
     height: 100%;
     top: 0;
     left: -233px;
     background: url(/imagenes/fondo-mapa.png) top left no-repeat;
     background-size: 100% 100%;
}
 .contactos .float{
     float:left;
     padding-right:20px;
     width:70%;
}
 .contactos input {
     padding: 15px;
     border: none;
     border-radius: 5px;
     margin-top: 20px;
     width: 100%;
     background:rgba(255, 255, 255, 0.8);
}
 .contactos .action-button {
     background: #FF4033;
     color: white;
     border: 0 none;
     cursor: pointer;
     border-radius:5px;
     float:left;
     width:30%;
}
 .contactos .action-button:hover, .contactos .action-button:focus {
     box-shadow: 0 0 0 2px white, 0 0 0 3px #d11883;
}
 @media(min-width: 48em){
     .contactos span{
         float:left;
         width:50%;
         padding-bottom:25px;
    }
     .contactos input {
         font-size: 1.2em;
    }
}
 .principal{
     position: relative;
     background: #FFF;
}
/* Servicios */
 .productos{
     background:#FFF;
     position:relative;
     padding:4% 0;
     overflow:hidden;
}
 .productos h1, .productos p{
     position:relative;
}
 .productos h2{
     text-align:center;
     line-height: 1em;
     overflow:hidden;
     padding:11px;
     font-size:1.5em;
     white-space:normal;
}
 .productos a.imagen, .contenidos a.imagen{
     overflow: hidden;
     position: relative;
     height: 264px;
     width: 100%;
     max-width: 100%;
     text-align:center;
     display:block;
     border-radius:50%;
     box-shadow:2px 2px 3px rgba(0,0,0,0.36);
     transition:box-shadow 0.1s linear;
     perspective:1px;
     margin:auto;
}
 .productos a.imagen:after{
     position:absolute;
     top:-68%;
     left:0;
     right:0;
     margin:auto;
     content:'';
     background:rgba(255,255,255,0.80);
     width:100%;
     height:100%;
     z-index:1;
     border-radius: 50%;
}
 .wide{
     position:relative;
}
 .wide span{
     position:absolute;
     top:-11px;
     left:0;
     right:0;
     margin:auto;
     width:171px;
     height:73px;
     z-index:1;
}
 .contenidos h3{
     color: #176eb5;
}
 .contenidos a.imagen{
     width: 281px;
}
 .productos a.imagen img, .contenidos a.imagen img {
     bottom: -100%;
     height: 100%;
     left: -100%;
     margin: auto;
     max-width: none;
     min-height: 100%;
     min-width: 100%;
     position: absolute;
     right: -100%;
     top: -100%;
     transition: all 0.15s linear 0s;
}
 .productos div span:hover{
     box-shadow:none;
}
 .productos .texto{
     background:#0092DA;
     border-radius:5px;
     padding:20px;
     width:235px;
     margin:-60px auto auto auto;
     white-space:normal;
     text-align:center;
     position:relative;
     color:#FFF;
     font-size:1.3em;
     box-shadow:3px 3px 3px rgba(0,0,0,0.36);
}
 .productos .link{
     color:#FFF;
     font-size:5em;
     font-weight:bold;
     font-family: 'Century', serif;
     font-family: var(--fuente-sitio);
     margin:-30px auto auto auto;
     display:block;
     width:130px;
     position:relative;
     text-align:center;
}
/* staff */
 .staff{
     background:#002038;
     overflow:hidden;
     position:relative;
     text-align:center;
}
 .staff h1{
     background:#001331;
     color:#FFF;
     padding:5px 2%;
     text-align:left;
     margin-bottom:10px;
}
 .staff .division{
     padding:0 1%;
     position:relative;
}
 .staff a.imagen{
     border-radius: 5px;
     height: auto;
     overflow: hidden;
     position: relative;
     width: 100%;
     display:block;
     perspective:1px;
     background:#000;
}
 .staff a.imagen img{
     height:auto;
     width: 100%;
     opacity:1;
     transition: all 0.5s ease 0s;
}
 .staff article{
     padding:10%;
     position:absolute;
     left:0;
     top:0;
     width:100%;
     height:100%;
     color:#FFF;
     opacity:0;
     transform:scale(.5);
     transition: all 0.5s ease 0s;
     font-size:1.2em;
}
 .staff h2{
     font-size:1em;
     margin-top:5px;
}
 .staff h3{
     font-size:1em;
     color:#FFF;
}
 .staff a.imagen:hover img{
     transform:rotate(-5deg) scale(1.2);
     opacity:.5;
}
 .staff a.imagen:hover article{
     opacity:1;
     transform:scale(1);
}
 .staff .quehacemos{
     color:#FFF;
     text-align:center;
     font-size:1.3em;
     padding:0 10%;
     margin-top:20px;
}
 .staff .quehacemos h1{
     color:#00A0DF;
     text-align:center;
     background:none;
     font-size:1.8em;
}
 @media(min-width: 48em){
     .staff .division{
         display:inline-block;
         width:30%;
         position:relative;
    }
}
 .mapa{
     position:relative;
}
 .mapa iframe{
     display: block;
}
/*Contactos*/
/*Pie de página*/
 footer{
     background: #E0490C;
     width:100%;
     padding:11px 0;
     position:relative;
     color: #1F1F1F;
     font-size: 1em;
     line-height: 1;
}
 footer a{
     color:#fff;
}
 footer a:hover{
     text-decoration:underline;
}
 footer .container{
     position: relative;
}
 footer .logoFooter{
     position: absolute;
     top: 0;
     right: 0;
}
 .mapaNavegacion{
     overflow: hidden;
     font-size:0.9rem;
     background-color:black;
     position: relative;
     line-height: 1.1;
     padding:60px;
}
 .mapaNavegacion h2{
     color:white;
     margin-bottom:3px;
     font-size:1.1em;
     text-transform:uppercase;
     font-weight: bold;
}
 .mapaNavegacion nav{
     text-align:center;
}
 .mapaNavegacion nav ul{
    /*width:40%;
    */
     display:inline-block;
     text-align:left;
     vertical-align:top;
     list-style:none;
     padding:0;
}
 @media(min-width: 48em){
     .mapaNavegacion nav ul{
         width:100%;
    }
}
/*.mapaNavegacion ul li:before{
     content: "\2014\a0";
     color: #252525;
}
*/
 .mapaNavegacion ul li a{
     text-decoration: none;
     font-size: 1.2rem;
     font-family: var(--fuente-sitio4);
     color: var(--color-sitio1);
     font-weight: bold;
}
 .mapaNavegacion ul li a:hover{
     text-decoration:underline;
}
 .mapaNavegacion ul li{
     list-style:none;
}
 .mapaNavegacion ul{
     margin:0;
     padding:0;
     width:50%;
     margin: auto;
}
 .mapaNavegacion .mapa-right{
     padding: 1vw 8vw;
}
 .mapaNavegacion .mapa-mensaje{
     display: none;
     font-size: 1rem;
     padding: 1rem;
     font-family: var(--fuente-sitio2);
     font-weight: bold;
     color: white;
}
 .mapaNavegacion .creditos a{
     transition:var(--transicion);
     color:white;
}
 .mapaNavegacion .creditos a:hover{
     text-decoration:none;
     color:white;
     background-color: var(--color-sitio);
     padding: 2px 8px;
}
 .creditos{
    /*text-align:center;
    */
     font-weight: bold;
     padding: 1vw 0;
     color: white;
}
 .imagenLista{
     height: 180px;
     overflow: hidden;
     position: relative;
     display:block;
     width:100%;
}
 .lista{
     width:100%;
     padding:1% 2%;
}
 @media(min-width: 48em){
     .imagenLista{
         height: 220px;
         width:25%;
         float:left;
    }
     .lista{
         width:73%;
         min-height: 220px;
         float:left;
    }
}
 .imagenLista img{
     bottom: -100%;
     left: -100%;
     margin: auto;
     max-width: none;
     min-height: 100%;
     min-width: 100%;
     position: absolute;
     right: -100%;
     top: -100%;
     width: 100%;
}
 .imagenInterna{
     margin-bottom:11px;
}
 .contenidoInterno{
     padding:2% 0;
     position:relative;
     height:auto;
     background:#EEEEEE;
}
 .contenidoInterno h1{
     color:#b4c834;
     margin-bottom:11px;
}
 @media(min-width: 48em){
     .imagenInterna{
         float:left;
         margin:40px 0 30px 0;
         width:100%;
    }
}
 .contenidoInterno h2{
     color:#000;
}
 .container .link {
    /*padding: 11px;
    */
     color: #000;
     display: inline-block;
    /*margin-top: 20px;
    */
     border-radius: 3px;
}
 .clear{
     clear:both;
}
 div.productos{
     border-radius: 5px;
     height: 250px;
     margin-bottom: 10px;
     overflow: hidden;
     padding: 0 5px;
     position: relative;
     width: 100%;
     text-align:center 
}
 @media(min-width: 48em){
     div.productos{
         float: left;
         width: 33%;
    }
}
 div.productos img{
     position:absolute;
     left: -100%;
     right: -100%;
     top: -100%;
     bottom: -100%;
     margin: auto;
    /*height: 100%;
    */
     min-width: 100%;
     min-height: 100%;
     max-width:none;
     -webkit-transition: all 0.15s linear;
     -moz-transition: all 0.15s linear;
     -o-transition: all 0.15s linear;
     transition: all 0.15s linear;
}
 div.productos a:hover img{
     transform:scale(1.05,1.05);
}
 div.productos a{
     display:block;
     overflow:hidden;
     color:#FFF;
     width:100%;
     height:100%;
     position:relative;
     border-radius:5px;
     -webkit-transition: all 0.1s linear;
     -moz-transition: all 0.1s linear;
     -o-transition: all 0.1s linear;
     transition: all 0.1s linear;
}
 div.productos a:hover .tituloProducto{
     background:rgba(180,200,52,0.80);
}
 div.productos .tituloProducto {
     background: rgba(0, 0, 0, 0.7);
     border-radius: 0 0 5px 5px;
     bottom: 0;
     left: 0;
     text-align:left;
     padding: 11px;
     position: absolute;
     width: 100%;
     font-size:1em;
     font-weight:normal;
     font-family: 'Century', serif;
     font-family: var(--fuente-sitio);
     -webkit-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
}
 .carrito{
     height: 30px;
     width: 30px;
     text-align: center;
    /* border-radius: 50%;
     */
    /* background: #ff6600;
     */
    /*vertical-align: middle;
    */
     margin-left: auto;
     margin-right: auto;
    /* padding-top: 2px;
    */
}
 #basketWrap {
     display:none;
     position:absolute;
     width:260px;
     right:0;
     top:50px;
     padding:11px;
     border-radius:5px 0 5px 5px;
     background:#FFF;
}
 .carrito:hover #basketWrap{
     display:block;
}
 .carrito h1 span{
     width:20px;
     height:20px;
     border-radius:50px;
     background:#FFC926;
     text-align:center;
     box-shadow:1px 1px 2px rgba(0,0,0,0.50);
     font-size:.8em;
     display:inline-block;
}
 .precio{
     color:black;
    /*padding:11px 0;
    */
     text-align:left;
    /* border-top:solid 1px #eae9e9;
     border-bottom:solid 1px #eae9e9;
    */
    /*height:60px;
    */
     margin:11px 0;
     font-size:1.75rem;
     font-weight:bold;
}
 .descripcionProducto{
     background:#fbfbfb;
     border:solid 1px #ebebeb;
     padding:11px 5%;
     margin-top:20px;
     border-radius:3px;
}
 .descripcionProducto h1{
     font-size:1.5em;
}
 .tags{
     margin-top:11px;
     clear:both;
}
 .tags h2{
     padding-bottom:5px;
     margin-bottom:10px;
     border-bottom:solid 1px #DDD;
}
 .cantidad{
     margin:0 11px;
     clear:both;
     text-align:center;
     float:left;
}
 #cantidad{
     text-align:center;
     font-size: 1.7rem;
     border-radius: 10px 0px 0px 10px;
     width: 5rem;
}
 .cantidadCarro{
     width: 5vw;
     text-align: center;
}
 td.label {
     font-weight: 400;
}
 .data-table {
     width: 100%;
     color:#000;
}
 #giftreg-table {
     clear: both;
}
 .data-table th {
     font-size: 1em;
     padding: 15px;
     text-transform: uppercase;
     border-bottom:solid 1px #918E8A;
     color: #8B9092;
     font-weight: normal;
}
 .data-table th select{
     text-transform:none;
}
 .data-table .padding{
     padding:0;
}
 .data-table th.wrap {
     white-space: normal;
}
 .data-table th a {
     color: #000;
}
 .data-table th a:hover {
     color: #999;
}
 .data-table td {
     color: #384361;
     padding: 15px;
     vertical-align: middle;
}
 .titulo_responsive{
     display: none;
}
 @media (max-width: 769px){
     .data-table td, .data-table th {
        /*display: block;
        */
    }
     .data-table thead {
         display: none;
    }
     .titulo_responsive{
         display: inline-block;
    }
}
 .data-table thead th {
     color: black;
     font-weight: bold;
}
 .data-table tfoot {
     border-bottom: 1px solid #D9DDE3;
}
 .data-table tfoot tr.first {
     border-top: 1px solid #C1DBE4;
}
 .data-table tfoot tr {
}
 .data-table tbody td {
     border-bottom: 1px solid #C1DBE4;
}
 .data-table tfoot td {
     padding: 15px;
}
 .data-table tbody.odd tr {
}
 .data-table tbody.even tr {
     background: none repeat scroll 0 0 #FCFCFC;
}
 .data-table tbody.odd tr td, .data-table tbody.even tr td {
     border-bottom: 0 none;
}
 .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td {
     border-bottom: 1px solid #D9DDE3;
}
 .data-table tbody td h5.title {
     color: #444444;
     font-size: 1em;
     font-weight: bold;
     margin: 0;
     padding: 0;
}
 .data-table tbody td .option-label {
     font-style: italic;
     font-weight: bold;
}
 .data-table tbody td .option-value {
     padding-left: 10px;
}
 .imgCarro{
     width:100px;
}
 #shopping-cart-table label {
     display: inline-block;
     cursor: pointer;
     position: relative;
     padding-left: 25px;
     font-size: 13px;
}
 #shopping-cart-table input[type=radio] {
     display: none;
}
 #shopping-cart-table label:before {
     content: "";
     display: inline-block;
     border-radius: 8px;
     width: 16px;
     height: 16px;
     position: absolute;
     left: 0;
     bottom: 1px;
     box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}
 #shopping-cart-table input[type=radio]:checked + label:before {
     content:'\2022';
     color: #f3f3f3;
     font-size: 30px;
     text-align: center;
     line-height: 18px;
}
 input[disabled]{
     border:none;
     color:#000;
     background:none;
}
 .cart form{
     overflow:hidden;
     border-radius:5px;
     position:relative;
     padding:0 0 0 15px;
     background-color:#EEEEEE;
}
 .productoC{
     padding:11px;
     margin-bottom:5px;
     border-radius:5px;
     background:#FFF;
     border: 1px solid lightgray;
}
 .productoC a{
     display:block;
     float:left;
     width:20%;
     margin:0 15px 0 0;
}
 .productoC h2{
     text-align:left;
     font-size:2vw!important;
}
 .productoC a img{
     width:100%;
}
 #confirmar{
     float:left;
     width:70%;
}
 #shopping-cart-table{
}
 .formularioPayu{
}
 .formularioPayu .margen{
     padding:15px;
     position:relative;
}
 @media (min-width: 48em){
     .formularioPayu .margen{
         margin:auto;
         width:90%;
    }
}
 .formularioPayu .margen input {
     height: 3rem;
     width: 100%;
     border-radius: 7px;
     margin: 1rem auto;
     display: block;
     width: 17rem;
     color: black;
     font-size: 1rem;
     font-weight: bold;
     background-color: var(--color-sitio);
     padding: 0.5rem 1rem;
     text-decoration: none;
     box-shadow: 2px 2px 10px grey;
     transition: all 0.3s ease;
     text-align: left;
     cursor: pointer;
}
 .formularioPayu .margen input:hover{
     background-color: black;
     color: white;
     transform:scale(1.05);
}
 .imagen_pedido, .imagen_pse, .imagen_wompi, .imagen_payu {
     background-repeat: no-repeat;
     background-position: right;
     background-blend-mode: unset;
     background-size: contain;
}
 .imagen_payu {
     background-image: url(../fotos/Image/payu.jpg);
}
 .imagen_wompi {
     background-image: url(../fotos/Image/wompi.jpg);
}
 .imagen_pse {
     background-image: url(../fotos/Image/pse.png);
}
 .imagen_pedido {
     background-image: url(../fotos/Image/pedido.png);
}
 #cmdEnviar{
     background:#4C858E;
     background: var(--color-sitio);
     color: black;
     margin-top: 11px;
     overflow: hidden;
     border: none;
     font-size: 1em!important;
     font-weight: bold;
     transition: all 0.3s ease;
     cursor: pointer;
     box-shadow: 0 0 10px black;
     width: fit-content;
     padding: 0.5rem 2rem;
    /*float: right;
    */
}
 #cmdEnviar:hover{
    /*font-size:1.4em!important;
    */
     color:white;
     transform:scale(1.1);
     background-color: black;
}
 .cart #usarDescuento{
     background:black;
     border: none;
     color:white;
     padding: 5px 15px;
}
 .fotoProducto{
     width:100%;
}
 .fondoCarrito{
     background:#eae9e9;
     padding:11px;
     border-radius:3px;
     overflow:hidden;
}
 .margenProducto{
     border-radius:3px;
     border:solid 1px #DADADA;
     padding:11px;
}
 @media (min-width: 768px) {
     .container {
         max-width: 100%;
    }
}
 @media (min-width: 992px) {
     .container {
         max-width: 100%;
    }
}
 @media (min-width: 1200px) {
     .container {
         max-width: 100%;
    }
}
 @media (min-width: 1550px) {
     .container {
         max-width: 100%;
    }
}
 @media (min-width: 1880px) {
     .container {
         max-width: 100%;
    }
}
 .container:before, .container:after, .fullwidth-wrap:before, .fullwidth-wrap:after {
     display: table;
     content: " ";
}
 .container:after, .fullwidth-wrap:after {
     clear: both;
}
 .col2 .formulario3{
     width:100%;
}
 @media(min-width: 48em){
     .col1{
         float:left;
         width:75%;
         padding-right:2%;
    }
     .col2{
         float:left;
         width:25%;
    }
}
 .arrowback{
     background: #918E8A;
     color: #fff;
     margin-top: 11px;
     border-radius: 3px;
     box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;
     margin-bottom: 5px;
     padding: 5px;
}
 .noticia{
     background:rgba(180,200,52,0.80);
     padding:3% 2% 2% 2%;
     position:relative;
     width:100%;
     color:#FFF;
     border-radius:5px;
}
 .noticia h2{
     background:#000;
     padding:5px;
     width:80%;
     margin:auto;
     left:0;
     right:0;
     text-align:center;
     position:absolute;
     top:-20px;
     text-transform:uppercase;
     color:#FFF;
     border-radius:2px;
}
 .noticia h3{
     color:#000;
     font-size:1.2em;
     font-weight:bold;
     font-family: 'Century', serif;
     font-family: var(--fuente-sitio);
     margin:5px 0;
}
 #galeria li{
     padding:0 25px;
}
 #galeria a.imagen{
     height:355px;
     width:100%;
}
 .container h3{
     font-size:1.5em;
     font-weight:normal;
     font-family: 'Century', serif;
     font-family: var(--fuente-sitio);
     margin-bottom:10px;
}
 #buscar h3 {
     font-size: 1rem;
     font-weight: normal;
     font-family: 'Century', serif;
     font-family: var(--fuente-sitio2);
     font-weight: bold;
     margin-bottom: 10px;
     height: 5rem;
     display: flex;
     justify-content: center;
     align-items: center;
     overflow-y: auto;
}
 #buscar .imagenBlog img {
     height: 100%;
}
 .noticia .enlace{
     background:rgba(0,0,0,0.80);
     color:#FFF;
     position:absolute;
     padding:5px;
     font-size:3em;
     font-weight:bold;
     font-family: 'Century', serif;
     font-family: var(--fuente-sitio);
     text-align: center;
     line-height: 0.9em;
     right:6%;
     border-radius:2px;
}
 @media(min-width: 48em){
     .noticia{
         width:34%;
         float:left;
    }
}
 .relacionados{
     padding:2%;
     overflow:hidden;
     background:#eee;
     border-radius:5px;
     border:1px solid #E5E5E5;
     margin-top:11px;
     display:flex;
}
 .productoR{
     padding:1%;
}
 .productoR a{
     color:#b4c900;
}
 .productoI img{
     width:100%;
}
 @media(min-width: 48em){
     .relacionados{
         display:flex;
         flex-flow: wrap;
    }
     .relacionados:after {
         content: "";
         flex: auto;
    }
     .relacionados h2 {
         flex: 1 1 100%;
    }
     .productoR{
         width: 33.3%;
    }
}
 .carousel img{
     width:100%;
}
 .carousel li{
     list-style:none;
}
 .alignleft {
     float: left;
     margin: 0 15px 15px 0;
}
 .formulario3{
     background: #FFF;
     border: 0 none;
     border-radius: 3px;
     box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.1);
     padding: 2%;
     width:100%;
     margin:auto;
     text-align:left;
}
 .formulario3 input, .formulario3 textarea, .formulario3 select {
     padding: 7px 15px;
     border: 1px solid #ccc;
     border-radius: 3px;
     margin-bottom: 10px;
     width: 100%;
     font-size: 13px;
     font-family: 'Century', serif;
     font-family: var(--fuente-sitio);
}
/*buttons*/
 .formulario3 .action-button {
     width: 145px;
     font-weight: bold;
     border: 0 none;
     border-radius: 1px;
     cursor: pointer;
     padding: 10px 5px;
     margin: auto;
     background: #fff;
     height: auto;
     line-height: inherit;
}
 .formulario3 .action-button:hover, .formulario3 .action-button:focus {
     box-shadow: 0 0 0 2px white, 0 0 0 3px #fff;
}
/*headings*/
 .formulario3 h2 {
     text-transform: uppercase;
     margin-bottom: 10px;
     font-family: 'Century', serif;
     font-family: var(--fuente-sitio);
}
 .antispam{
     display:none;
}
/*product*/
 .product-preview-wrapper {
     float: none;
     display: inline-block;
     margin-right: -4px;
     vertical-align: top;
     padding-bottom: 20px;
}
 .slick-slider .product-preview-wrapper {
     float: left;
     margin-right: 0;
}
 .four-in-row .product-preview-wrapper {
     max-width: none;
     width: 100%;
     padding-left: 15px;
     padding-right: 15px;
}
 @media (max-width: 559px) {
     .four-in-row .product-preview-wrapper {
         width: 100%;
    }
}
 @media (min-width: 560px) {
     .four-in-row .product-preview-wrapper {
         width: 50%;
    }
}
 @media (min-width: 768px) {
     .four-in-row .product-preview-wrapper {
         width: 33.333%;
    }
}
 @media (min-width: 992px) {
     .four-in-row .product-preview-wrapper {
         width: 25%;
    }
}
 @media (min-width: 1200px) {
     .four-in-row .product-preview-wrapper {
         width: 25%;
    }
}
 .product-carousel .slick-prev, .product-carousel .slick-next {
     margin-top: -21px;
}
 @media (max-width: 767px) {
     .product-carousel .slick-prev, .product-carousel .slick-next {
         margin-top: -72px;
    }
}
 .slick-dots li button:before {
     opacity: 1;
}
 .slick-dots li.slick-active button:before {
     opacity: 1;
     font-size: 12px;
     margin-top: 1px;
}
 @media (min-width: 768px) {
     .animated-arrows .slick-prev, .animated-arrows .slick-next {
         width: 40px;
         height: 40px;
         -webkit-transform: translateY(-7px);
         transform: translateY(-7px);
    }
     .animated-arrows .slick-prev .icon-wrap, .animated-arrows .slick-next .icon-wrap {
         position: relative;
         display: block;
         width: 100%;
         height: 100%;
    }
     .animated-arrows .slick-prev::before, .animated-arrows .slick-prev::after, .animated-arrows .slick-prev .icon-wrap::before, .animated-arrows .slick-prev .icon-wrap::after, .animated-arrows .slick-next::before, .animated-arrows .slick-next::after, .animated-arrows .slick-next .icon-wrap::before, .animated-arrows .slick-next .icon-wrap::after {
         position: absolute;
         left: 50%;
         width: 3px;
         height: 50%;
         content: '';
         -webkit-transition: -webkit-transform 0.3s;
         transition: transform 0.3s;
         -webkit-backface-visibility: hidden;
         backface-visibility: hidden;
    }
     .animated-arrows .slick-prev .icon-wrap::before, .animated-arrows .slick-prev .icon-wrap::after, .animated-arrows .slick-next .icon-wrap::before, .animated-arrows .slick-next .icon-wrap::after {
         z-index: 100;
         height: 0;
         -webkit-transition: height 0.3s, -webkit-transform 0.3s;
         transition: height 0.3s, transform 0.3s;
    }
     .animated-arrows .slick-prev::before, .animated-arrows .slick-prev .icon-wrap::before {
         top: 50%;
         -webkit-transform: translateX(-50%) rotate(-135deg);
         transform: translateX(-50%) rotate(-135deg);
         -webkit-transform-origin: 50% 0%;
         transform-origin: 50% 0%;
    }
     .animated-arrows .slick-next::before, .animated-arrows .slick-next .icon-wrap::before {
         top: 50%;
         -webkit-transform: translateX(-50%) rotate(135deg);
         transform: translateX(-50%) rotate(135deg);
         -webkit-transform-origin: 50% 0%;
         transform-origin: 50% 0%;
    }
     .animated-arrows .slick-prev::after, .animated-arrows .slick-prev .icon-wrap::after {
         top: 50%;
         -webkit-transform: translateX(-50%) rotate(-45deg);
         transform: translateX(-50%) rotate(-45deg);
         -webkit-transform-origin: 0 0;
         transform-origin: 0 0;
    }
     .animated-arrows .slick-next::after, .animated-arrows .slick-next .icon-wrap::after {
         top: 50%;
         -webkit-transform: translateX(-50%) rotate(45deg);
         transform: translateX(-50%) rotate(45deg);
         -webkit-transform-origin: 100% 0%;
         transform-origin: 100% 0%;
    }
     .animated-arrows .slick-prev:hover .icon-wrap::before, .animated-arrows .slick-prev:hover .icon-wrap::after, .animated-arrows .slick-next:hover .icon-wrap::before, .animated-arrows .slick-next:hover .icon-wrap::after {
         height: 50%;
    }
     .animated-arrows .slick-prev:hover::before, .animated-arrows .slick-prev:hover .icon-wrap::before {
         -webkit-transform: translateX(-50%) rotate(-125deg);
         transform: translateX(-50%) rotate(-125deg);
    }
     .animated-arrows .slick-next:hover::before, .animated-arrows .slick-next:hover .icon-wrap::before {
         -webkit-transform: translateX(-50%) rotate(125deg);
         transform: translateX(-50%) rotate(125deg);
    }
     .animated-arrows .slick-prev:hover::after, .animated-arrows .slick-prev:hover .icon-wrap::after {
         -webkit-transform: translateX(-50%) rotate(-55deg);
         transform: translateX(-50%) rotate(-55deg);
    }
     .animated-arrows .slick-next:hover::after, .animated-arrows .slick-next:hover .icon-wrap::after {
         -webkit-transform: translateX(-50%) rotate(55deg);
         transform: translateX(-50%) rotate(55deg);
    }
}
 @media (min-width: 768px) {
     .content.boxed .slick-slider:not(.nav-inside) .slick-prev, body.boxed .slick-slider:not(.nav-inside) .slick-prev, .content.boxed .slick-slider:not(.nav-inside) .slick-next, body.boxed .slick-slider:not(.nav-inside) .slick-next {
         opacity: 0;
    }
     .content.boxed .slick-slider:not(.nav-inside):hover .slick-next, body.boxed .slick-slider:not(.nav-inside):hover .slick-next, .content.boxed .slick-slider:not(.nav-inside):hover .slick-prev, body.boxed .slick-slider:not(.nav-inside):hover .slick-prev {
         opacity: 1;
    }
}
 .nav-mobile .slick-prev, .nav-mobile .slick-next {
     top: 50% !important;
     width: 22px !important;
     height: 50px !important;
     margin-top: -25px !important;
}
 .nav-mobile .slick-next {
     right: 0 !important;
}
 .nav-mobile .slick-prev {
     left: 0 !important;
}
 .single-slider .slick-prev {
     left: 15px;
}
 .single-slider .slick-next {
     right: 15px;
}
 .single-slider .slick-dots {
     bottom: -35px;
}
/* OTHER VENDORS COLORS */
 .slick-dots li button:before {
     color: #878787;
}
 .slick-dots li.slick-active button:before {
     color: #536dfe;
}
 .animated-arrows .slick-prev::before, .animated-arrows .slick-prev::after, .animated-arrows .slick-prev .icon-wrap::before, .animated-arrows .slick-prev .icon-wrap::after, .animated-arrows .slick-next::before, .animated-arrows .slick-next::after, .animated-arrows .slick-next .icon-wrap::before, .animated-arrows .slick-next .icon-wrap::after {
     background: #878787;
}
 .animated-arrows .slick-prev .icon-wrap::before, .animated-arrows .slick-prev .icon-wrap::after, .animated-arrows .slick-next .icon-wrap::before, .animated-arrows .slick-next .icon-wrap::after {
     background: #b4c834;
}
 .single-slider .slick-prev {
     left: 15px;
}
 .single-slider .slick-next {
     right: 15px;
}
 .single-slider .slick-dots {
     bottom: -35px;
}
 .two-in-row li {
     max-width: none;
     padding-left: 15px;
     padding-right: 15px;
     width: 100%;
     text-align:center;
}
 @media (max-width: 559px) {
     .two-in-row li {
         width: 100%;
    }
}
 @media (min-width: 560px) {
     .two-in-row li {
         width: 50%;
    }
}
 @media (min-width: 768px) {
     .two-in-row li {
         width: 50%;
    }
}
 @media (min-width: 992px) {
     .two-in-row li {
         width: 50%;
    }
}
 @media (min-width: 1200px) {
     .two-in-row li {
         width: 50%;
    }
}
 .cinta{
     padding:1% 10%;
     background:#DBDBDB;
     position:relative;
     overflow:hidden;
}
 .cinta2{
     padding:4% 0;
     background:#DBDBDB;
     position:relative;
     overflow:hidden;
     min-height:349px;
}
 .cinta2 h2{
     text-align:center;
     font-weight:bold;
}
 .clients-wrap {
     display: block;
     width: 100%;
     overflow: hidden;
}
 @media (min-width: 992px) {
     .cinta2 .clients-wrap {
         width: 50%;
         float:left;
    }
}
 .certificados li{
     padding:0 11px;
}
 .productoDestacado{
     position:relative;
     background:#585858;
     padding:2% 0;
     color:#FFF;
     overflow:hidden;
}
 .productoDestacado h1, .productoDestacado h2 a{
     color:#B4C834;
}
 .descripcion{
     padding:0 2%;
     position:relative;
}
 .descripcion > a{
     display:inline-block;
     margin:11px auto;
     background:#B4C834;
     padding:5px 7px;
     border-radius:5px;
     color:#FFF;
}
 .descripcion a:hover, .productoDestacado h2 a:hover{
     text-decoration:underline;
}
 .productoDestacado a.imagen{
     display:block;
     overflow:hidden;
     border-radius:5px;
     position:relative;
}
 @media(min-width: 48em){
     .descripcion{
         float:left;
         width:60%;
    }
     .productoDestacado a.imagen{
         float:left;
         width:40%;
    }
}
 .col1 a{
     color: #AFC300;
}
 .certificados{
     text-align:center;
}
 .certificados li{
     display:inline-block;
}
 .widetech{
     position:relative;
     background:#FFF;
     padding:4% 2%;
     text-align:center;
}
 .widetech p{
     font-size:1.5em;
}
 .videoWrapper {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
     max-width: 100%;
}
 .videoWrapper iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 .miniatura{
     margin-bottom:10px;
     float:left;
     width:50%;
     position:relative;
}
 @media(min-width: 48em){
     .miniatura{
         width:20%;
    }
}
 .miniatura img{
     width:100%;
}
 .miniatura .tituloVideo{
     position:absolute;
     width:100%;
     padding:11px;
     background:rgba(0,0,0,0.7);
     bottom:0;
     left:0;
     -moz-box-sizing:border-box;
     box-sizing:border-box;
     font-size:0.9em;
     font-weight:normal;
     font-family: 'Century', serif;
     font-family:var(--fuente-sitio);
     -webkit-transition: all 0.15s linear;
     -moz-transition: all 0.15s linear;
     -o-transition: all 0.15s linear;
     transition: all 0.15s linear;
}
 .linkVideo{
     color:#FFF;
}
 .miniatura a:hover .tituloVideo{
     background: rgba(0,0,0,0.9);
}
 #video{
     float: left;
     width: 70%;
     padding: 11px;
}
 #descripcion{
     float: right;
     width: 30%;
     padding: 11px;
}
 #overlay{
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
     background:#666;
     z-index:1;
}
 #loader {
     display: block;
     position: relative;
     left: 50%;
     top: 50%;
     width: 150px;
     height: 150px;
     margin: -75px 0 0 -75px;
     border-radius: 50%;
     border: 3px solid transparent;
     border-top-color:#E4FF00;
     -webkit-animation: spin 2s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
     animation: spin 2s linear infinite;
    /* Chrome, Firefox 16+, IE 10+, Opera */
}
 #loader:before {
     content: "";
     position: absolute;
     top: 5px;
     left: 5px;
     right: 5px;
     bottom: 5px;
     border-radius: 50%;
     border: 3px solid transparent;
     border-top-color:#000;
     -webkit-animation: spin 3s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
     animation: spin 3s linear infinite;
    /* Chrome, Firefox 16+, IE 10+, Opera */
}
 #loader:after {
     content: "";
     position: absolute;
     top: 15px;
     left: 15px;
     right: 15px;
     bottom: 15px;
     border-radius: 50%;
     border: 3px solid transparent;
     border-top-color:#AFC300;
     -webkit-animation: spin 1.5s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
     animation: spin 1.5s linear infinite;
    /* Chrome, Firefox 16+, IE 10+, Opera */
}
 @-webkit-keyframes spin {
     0% {
         -webkit-transform: rotate(0deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
         -ms-transform: rotate(0deg);
        /* IE 9 */
         transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
    }
     100% {
         -webkit-transform: rotate(360deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
         -ms-transform: rotate(360deg);
        /* IE 9 */
         transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
    }
}
 @keyframes spin {
     0% {
         -webkit-transform: rotate(0deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
         -ms-transform: rotate(0deg);
        /* IE 9 */
         transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
    }
     100% {
         -webkit-transform: rotate(360deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
         -ms-transform: rotate(360deg);
        /* IE 9 */
         transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
    }
}
 .col-md-6, .col-md-4 {
     position: relative;
     min-height: 1px;
     padding-right: 15px;
     padding-left: 15px;
}
 @media(min-width: 48em){
     .col-md-6 {
         width: 50%;
    }
     .col-md-4 {
         width: 33.3%;
         float:left;
    }
}
 .campana {
     background: #fff;
     border: 1px solid #DCDCDC;
     margin: 10px 0;
     padding: 0;
     border-radius:2px;
}
 .campana.staff {
     border: 1px solid #B4C834;
     text-align:left;
}
 .campana .usuario {
     background: #E5E5E5;
     padding: 5px 12px;
     position:relative;
}
 .campana.staff .usuario {
     background: #E4EBB5;
}
 .mensajes{
     padding: 12px 15px;
}
 .mensajes a{
     color:#62862E;
     text-decoration:underline;
}
 .mensajes a:hover{
     text-decoration:none;
}
 .fecha{
     position:absolute;
     top:0;
     right:0;
}
 #container-inside form{
     min-height: 20px;
     padding: 19px;
     margin-bottom: 20px;
     border: 1px solid #e3e3e3;
     border-radius: 4px;
     box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
     overflow:hidden;
     position:relative;
}
 #container-inside label{
     display: block;
     margin-bottom:5px;
     text-align: left;
}
 #container-inside input{
     margin-bottom:10px;
}
 #container-inside input[type=text], #container-inside textarea, #container-inside select, #container-inside input[type=password], #container-inside input[type=number], #container-inside input[type=email], #container-inside input[type=file]{
     width:50%;
     border-radius:5px;
     padding:10px;
     background: #FFF;
     border: none;
     box-shadow: inset 0px 2px 3px rgba( 0,0,0,0.2 );
}
 #container-inside .cancelar{
     color:#FFF;
     background:#62862E;
     width:150px;
     border-radius:3px;
     border: none;
     padding:9px;
     box-shadow: inset 0px 2px 3px rgba( 0,0,0,0.2 );
     float:left;
     margin-bottom:10px;
     clear:both;
     text-align:center;
}
 #container-inside .action-button{
     color:#FFF;
     background:#62862E;
     display:block;
     width:150px;
     border-radius:3px;
     margin:auto;
     border: none;
     padding:10px;
     box-shadow: inset 0px 2px 3px rgba( 0,0,0,0.2 );
     cursor:pointer;
     float:right;
}
 #container-inside .control-label{
     background:#FA7618;
     color:#FFF;
     font-weight:bold;
     padding:5px 2px;
     font-size:1.1em;
     text-align: center;
}
 .pregunta{
     padding:11px;
     border-radius:3px;
     background:#F9F9F9;
     margin-bottom:11px;
     border:solid 1px #e3e3e3;
     box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
}
 .mitad{
     width: 49% !important;
}
 #dia{
     width: 60px !important;
     margin-right:5px;
}
 #mes{
     width: 135px !important;
     margin-right:5px;
}
 #anio{
     width: 97px !important;
}
 #cabezote .col-md-12, #cabezote, #p-destacados .col-md-12{
     width: 100%;
     padding: 0;
}
 #contenidos{
     text-align: center;
     color: #000;
     font-size: 1.5em;
}
 #contenidos .imagenA{
     height: 300px;
     width:300px;
     overflow:hidden;
     border-radius:50%;
     display:block;
     position:relative;
     margin:auto;
}
 #contenidos .imagenA::after {
     box-shadow: inset 0 0 0 15px rgba(255,255,255,.58);
     content: '';
     display: block;
     height: 100%;
     position: absolute;
     top: -1px;
     width: 100%;
     border-radius: 50%;
}
 #contenidos .imagenA img{
     bottom: -100%;
     height: 100%;
     left: -100%;
     margin: auto;
     max-width: none;
     min-width: 100%;
     position: absolute;
     right: -100%;
     top: -100%;
}
 #contenidos h2{
     text-align: center;
     font-size: 1.6em;
}
 #contenidos h3, #tips h3{
     color: #E12219;
     font-size: 1.1em;
}
 @media(min-width: 48em){
     #contenidos .campos{
         padding: 2% 5%;
    }
     #contenidos .campos p, #tips .campos p{
         text-align: justify;
    }
     #contenidos h3, #tips h3{
         font-size: 1.2em;
    }
}
 .listado{
     font-size: 1.1em;
     display: flex;
     flex-direction: column;
     transition: var(--transicion);
     height: 25vw;
     margin-bottom: 2vw;
     text-align: center;
}
 .listado img {
     border-radius: 3px;
}
 .listado .link {
     float: none;
     text-align: center;
     margin: auto 0 20px 0;
     font-weight: bold;
     background:#4C858E;
     background: var(--color-sitio);
     border-radius: 3px;
     color: #FFF;
     width: 100%;
     text-decoration:none;
     transition:all .3s ease-in;
     padding: 10px;
}
 .listado .link:hover{
     transform:scale(1.1);
     background-color: black;
     color:white;
}
 .marquee0 div div,.marquee0 a,.marquee0 img{
     height: 100%;
}
 .contenidoGeneral{
     background: #fff;
     position: relative;
     padding: 2% 0 0 0;
}
 .flex{
     display: flex;
     flex-flow: wrap;
}
 .thumbnail .img{
     display: block;
     max-height: 250px;
     overflow: hidden;
}
 .fullwrap_moudle{
     position: relative;
     background: #FFF;
}
 .contactenos{
     position: relative;
}
 .contactenos h2{
     text-transform: uppercase;
     padding: 18px 2%;
     font-size: 2.3em;
     color: #FFF;
     font-weight: bold;
     width: 100%;
     height: 90px;
     position: absolute;
     top: -45px;
     left: 0;
     background: url(borde2.png) top left no-repeat;
     background-size: 100% 100%;
     text-align: left;
     z-index: 10;
}
 .clientes{
     margin: auto;
     overflow: hidden;
     width: 90%;
     text-align: center;
}
 .clientes a {
     display: inline-block;
}
 .clientes img{
     max-height: 128px 
}
 .info-producto h2{
     color: #8B9092;
     font-size: 3em;
}
 .info-producto p{
     line-height: 1.5rem;
     color: black;
     font-size: 1rem;
}
 .info-producto h3{
     color: black;
     font-size: 1rem;
     margin-top: 10px;
}
 .info-producto .precio{
     border: none;
}
 .info-producto .precio span{
     font-size:3rem;
     font-weight:normal;
     font-family: 'Century', serif;
     font-family: var(--fuente-sitio);
     color: black;
}
 .info-producto .precio span#antes{
     text-decoration:line-through;
     font-size:2rem;
     font-weight:normal;
     font-family: 'Century', serif;
     font-family: var(--fuente-sitio);
     display: block;
     color:red;
     margin-right:6px;
}
 .colors{
     width: 100%;
     overflow: hidden;
}
 .color{
     width:17px;
     height:17px;
     float: left;
     margin-right:8px;
     border-radius:50%;
     border: 1px solid black;
}
 .info-producto nav{
     overflow: hidden;
     width: 100%;
     margin-top: 35px;
}
 .info-producto nav .cesta{
     text-align: center;
     align-content: center;
     display: flex;
     justify-content: center;
     align-items: center;
     width: fit-content;
     height: 3rem;
     margin: 40px 0;
}
 .info-producto nav .cesta a, .info-producto nav .back a{
     color: black;
     background: #4C858E;
     background: var(--color-sitio);
     padding: 0 1rem;
     text-decoration: none;
     transition: all .1s ease-in;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 2.9rem;
     border-radius: 0px 10px 10px 0px;
     border: 2px solid black;
}
 .info-producto nav .cesta a:hover{
     transform:scale(1.1);
     color:white;
     background-color: black;
}
 .info-producto nav .back a{
     background:#4C858E;
     background:var(--color-sitio);
     transition: all 0.3s ease;
}
 .info-producto nav .back a:hover{
     transform:scale(1.1);
}
 .info-producto nav .cesta a:hover{
     box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;
}
 .info-producto .back{
     display:none;
}
 .formPaypal label{
     margin-bottom: 15px;
     padding: 0 8px;
}
 .formPaypal input, .formPaypal select, .formPaypal textarea{
     border-radius: 5px;
     border: 1px solid #D1CDC5;
     width: 100%;
     padding: 5px 15px;
    /*box-shadow:0 0 5px black inset;
    */
     background-color: white;
}
 .copyright{
     color:#FFF;
     text-align:center;
}
 .total{
     position: relative;
     display: inline-block;
     color: white;
     border-radius: 50%;
     height: 25px;
     width: 25px;
     text-align: center;
     background: #fb0202;
     padding: 0px;
     right: 25px;
     top: -12px;
     border: 1px solid black;
     opacity: 0.6;
}
 .total-suma {
}
 #numeroXXX{
     color:#FFF;
     border-radius:50%;
     height:30px;
     width:30px;
     text-align:center;
     background:#D90111;
     padding: 4px;
}
 .cabezote{
     position:relative;
     padding:2% 0;
     height:1200px;
     overflow:hidden;
     background-image: url(/imagenes/fondoCabezote.png);
     background-attachment: fixed;
}
 .parallaxSeccion{
     position:absolute;
     top:0;
     left:0;
}
 .parallaxCirculos{
     position:absolute;
     border-radius:50%;
     height: 19vw;
     width: 19vw;
     max-width:365px;
     max-height:365px;
     border:solid 5px #FFF;
     box-shadow:2px 2px 1px rgba(0,0,0,.3);
}
 #circulo1{
     top:40px;
     left:7%;
     z-index:3;
}
 #circulo4{
     top:40px;
     right:7%;
     z-index:3;
}
 #circulo2{
     top:300px;
     left:3%;
     z-index:2;
}
 #circulo5{
     top:300px;
     right:3%;
     z-index:2;
}
 #circulo3{
     top:510px;
     left:9%;
     z-index:1;
}
 #circulo6{
     top:510px;
     right:9%;
     z-index:1;
}
 .parallaxFixed{
     position: fixed;
     right: 0;
     left: 0;
}
 .row-fluid{
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}
 #content_wrap {
     width: 100%;
}
 #servicios{
     font-size: 1.13em;
}
 #ayuda h3{
     font-weight: bold;
     padding: 0 10%;
     color: #FFF;
     font-size: 2em;
}
 @media (min-width: 1550px) {
     #contactos .container {
         max-width: 1170px;
    }
}
 @media (min-width: 1880px) {
     #contactos .container {
         max-width: 1170px;
    }
}
 .imagenA{
     display: block;
}
 .display-flex{
     display: flex !important;
     flex-direction: column;
     height: 100%;
}
 #blog h3{
     font-weight: bold;
}
 #servicios .col-md-12, #blog .col-md-12, #p-destacados .col-md-12{
     padding: 0;
}
 #blog .imagenA img{
     bottom: -100%;
     min-width: 100%;
     max-width: none;
     left: -100%;
     margin: auto;
     height: 100%;
     position: absolute;
     right: -100%;
     top: -100%;
     transition: all 0.3s ease-in-out;
}
 #blog .imagenA:hover img{
     transform: scale(1.05);
}
 #blog h3 .link{
     color: #FFF;
     padding: 0;
     margin: 0;
}
 #blog .ver-mas{
     color: #FFF;
     margin: 0;
     background: #E7521D;
     display: none;
}
 #blog .col-md-2 .link{
     display: inline-block;
     font-size: 7.2em;
}
 #blog{
     padding: 3% 0;
     text-align: center;
}
 #blog:before {
     position: absolute;
     content: "";
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #FA4949;
     display: block;
     mix-blend-mode: multiply;
}
 #blog h2{
     text-align: left;
     font-size: 5em;
     color: #000;
}
 #blog .imagenA {
     position: relative;
     overflow: hidden;
     height: 18vw;
     width: 50%;
     margin: auto;
     display: block;
}
 #blog .campos {
     text-align: right;
     font-size: 1.2em;
     line-height: 1.2em;
     margin-top: 15px;
     float: left;
     color: #FFF;
     padding-right: 2%;
}
 @media(min-width: 48em){
     #blog .slick-slider {
         margin: auto;
         width: 90%;
    }
     #blog .imagenA {
         float: right;
    }
     #blog .campos {
         float: left;
         width: 50%;
    }
}
 #blog .tips .campos {
     text-align: left;
     padding-left: 2%;
}
 .contenidos > h2, .contenidoInterno h2{
     color: #444444;
     font-size: 2vw;
     margin-bottom: 2%;
    /*font-weight: bold;
    */
     text-align: left;
}
 #categorias .margen{
     position: relative;
     margin: auto;
     overflow: hidden;
}
 #categorias .texto{
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, .7);
}
 #categorias .texto, #p-destacados .imagenA img, #p-destacados h3, #p-destacados .link, #p-destacados h3 a{
     transition: all 0.3s ease-in-out;
}
 #p-destacados .imagenA:hover{
     color: #D93600;
}
 #p-destacados .imagenA:hover img{
     transform: scale(1.05);
}
 #p-destacados .imagenA:hover .texto{
     background: rgba(243, 188, 36, .7);
}
 #p-destacados .imagenA:hover h3{
     font-size: 3em;
     mix-blend-mode: multiply;
}
 #p-destacados .imagenA:hover h3 a{
     color: #238C00;
}
 .multiply{
     mix-blend-mode: multiply;
}
 #contactos{
     padding: 57px 0;
}
 #videos .row-fluid{
     align-items: center;
}
 #videos h2, #contactos h2{
     color: #FFF;
}
 #ayuda h2, #texto2 h2{
     color: #1A5F59;
     font-size: 1.3em;
     margin-bottom: 25px;
}
 #texto2 h2{
     color: #B29246;
}
 #contactos{
     position:relative;
     background: #122A4E;
}
 #contactos h2{
     text-align:center;
}
 #contactos #cmdEnviar {
     width: auto;
     display: inline-block;
     color: #FFF;
     background: #00BFFF;
     cursor: pointer;
     padding: 11px 35px;
     text-transform: uppercase;
     border: none;
}
 .slider{
     position: relative;
     background: #00000000;
}
 .padding-bottom-60{
     padding-bottom: 60px;
}
 .logoBarra {
     position: absolute;
     top: 1px;
     right: 0;
     opacity: 0;
}
 .logoBarra img{
     height: 95px;
}
 .mapaGoogle{
     padding: 2% 0;
     background: #EEE;
     position: relative;
}
 .imagenBlog{
     display: block;
     position: relative;
     border-radius: 3px;
     overflow: hidden;
    /*width: 300px;
    */
     width: 100%;
     height: 300px;
     margin: auto auto;
}
 .imagenBlog img {
     bottom: -100%;
     height: auto;
     left: -100%;
     margin: auto;
    /*width: 85%;
    */
    /*min-height: 100%;
     min-width: 100%;
    */
     position: absolute;
     right: -100%;
     top: -100%;
     object-fit: cover;
}
 .productos-categorias {
     justify-content: center;
}
 .productos-categorias .imagenBlog{
     height: 10vw;
     text-align: center;
}
 .productos-categorias .imagenBlog img{
     position: static;
     height: 100%;
     width: auto;
     min-width: auto;
     object-fit: cover;
}
 .telefonos{
     background: #E34633;
     padding: 11px 0 11px;
     text-align: right;
}
 .telefonos a{
     color: #FFF;
}
 .redes{
     position: fixed;
     top: 2vw;
     left: 3vw;
    /* right: 5%;
     */
     width: auto;
     text-align: center;
     transition: var(--transicion);
}
 #videos{
     padding: 4% 0;
}
 .barra-cotizar{
     background: #1B1B1B;
     padding: 6px 0;
}
 .whatsapp2{
     font-size: 2.5em;
     font-weight: bold;
    /*font-style: italic;
    */
     position: absolute;
     display: inline-block;
     right: 38%;
     bottom: 38%;
     transition: all 0.3s ease 0s;
}
 .whatsapp2 a{
     color:#4C858E;
     color: var(--color-sitio);
     font-family: 'Century', serif;
     font-family: var(--fuente-sitio)!important;
     text-decoration:none;
}
 .whatsapp2 img{
     vertical-align: super;
     width: 50px;
}
 .copy {
     text-align: left;
}
 .volver{
     float: right;
     display: block;
     background:#4C858E;
     background: var(--color-sitio);
     color: white;
     padding: 9px 20px;
     margin: 20px 0;
     border-radius: 10px;
     text-decoration:none;
     transition: all 0.2s ease;
     width: fit-content;
     box-shadow: 3px 3px 5px grey;
}
 .volver:hover{
     transform: scale(1.1);
     color: white;
     text-decoration:none;
     font-weight: bold;
     box-shadow: 3px 3px 5px black;
}
 #wrap-contacto .volver{
     float: unset;
     margin: auto;
}
 .botonAsesoria{
     display:inline-block;
     padding:8px 15px;
     border-radius:3px;
     color:#FFF;
     background:#176EB5;
     margin:20px 0;
     font-size:1.3em;
     transition: all 0.2s ease;
     box-shadow:1px 1px 2px rgba(0,0,0,.4);
}
 .botonAsesoria:hover{
     background:#000;
     color:#FFF;
     text-decoration: none;
}
 .abajo{
     position: relative;
}
 .categorias h3 a{
     color: #444;
}
 .categorias h3{
     font-size: 1.1em;
     text-align: center;
     font-weight: bold;
}
 .marcas, .marcas ul{
     margin-bottom: 0;
     padding-left: 0;
}
 .marcas ul{
     max-height: 0;
     overflow: hidden;
     transition: all 0.5s cubic-bezier(0.33, 0, 0.2, 1) .1s;
}
 .marcas li{
     list-style: none;
     display: block;
     width: 100%;
     position: relative;
     margin-bottom: 0;
     padding: 0.16em 0;
     border-bottom: 1px solid #e6e6e6;
     cursor: pointer;
}
 .marcas li img{
     height: 30px;
}
 .marcas li .arrow{
     position: absolute;
     bottom: auto;
     top: 9px;
     right: 11px;
     text-shadow: 1px 1px rgba( 0,0,0,0.3 );
     font-size: .5em;
}
 .marcas li:hover ul, .marcas li:focus ul{
     max-height: 900px;
}
 .marcas li ul li{
     padding: 0.40em 0 0.40em 0.86em;
}
 .marcas li ul a{
     color:#009303;
}
 .productos-categorias h3{
     font-size: 1.3vw;
     text-align: center;
     height: 3vw;
     overflow: hidden;
}
 .productos-categorias h4{
     font-size: 1.3vw;
     text-align: center;
}
 .productos-categorias .nodisponible, .productos-categorias .disponible{
     text-align:center;
     font-size: 0.8rem;
     margin: -10px 0px 5px 0px 
}
 .productos-categorias .disponible{
     color:green;
}
 .productos-categorias .disponible:after{
     content: " En existencia";
}
 .productos-categorias .nodisponible{
     color:gray;
}
 .productos-categorias .nodisponible:before{
     content: " No disponible";
}
 .productos-categorias .content-product {
     background-color: white;
     border: solid 2px lightgray;
     border-radius: 5px;
     padding: 10px;
     height: 100%;
     margin-bottom: 25px;
     display: flex;
     flex-direction: column;
}
 .productos-categorias .content-product:hover {
     border: solid 2px #4C858E;
     border: solid 2px var(--color-sitio);
}
 .productos-categorias .link {
     color: black;
     margin: auto auto 0 auto;
     font-size: 1rem;
     width: 80%;
     text-decoration: none;
     transition: all 0.2s ease;
}
 .productos-categorias .link:hover {
     transform:scale(1.03);
     box-shadow:0 0 3px black;
}
/* Lista de deseos Opcion eliminar editar */
 .opciones{
     margin-top:10px;
}
 .opciones a{
     color:#D90111;
}
 .opciones ul{
     list-style:none;
}
 .opciones ul li{
     margin-bottom:4px;
    /*background:#DEDEDE;
    */
     text-align:center;
     padding:4px;
    /*border:solid 1px #BBBBBB;
    */
     border-radius:3px;
}
 .opciones ul .comprarDeNuevo{
     background:#FFC926;
     border:solid 1px #DCBB01;
}
 .opciones ul a{
     color: #fff;
     background-color:#4C858E;
     background-color: var(--color-sitio);
     margin: 5px;
     padding: 5px;
     border-radius: 5px;
     text-decoration:none;
     transition: all .1s ease-in-out;
}
 .opciones ul a:hover{
     transform:scale(1.03);
}
 .sliderProductos {
     overflow: hidden;
     width: 100%;
     margin-bottom: 20px;
     height: -webkit-fill-available 
}
 .sliderProductos:after {
     padding-top: 56.25%;
     display: block;
     content: '';
}
 .sliderProductos .slick-list {
     position: absolute;
     top: 0;
     bottom: 0;
     right: 0;
     left: 0;
}
 .sliderProductos .slick-track {
     height: 100%;
}
 .sliderProductos .slick-slide {
     height: 100%;
     text-align: center;
}
 .sliderProductos .slick-slide a {
     display: inline-block;
     height: 100%;
     position: relative;
     overflow: hidden;
     margin: 0px auto;
     border: 1px solid lightgray;
     border-radius:10px;
}
 .sliderProductos .slick-slide img {
     height: 100%;
}
 .ch-popover img{
     max-width: none;
}
 .ch-zoom-trigger {
     position: relative;
     overflow: hidden;
     display: inline-block;
     cursor: crosshair 
}
 .ch-zoom-loading, .ch-zoom-seeker {
     position: absolute;
     z-index: 2 
}
 .ch-zoom-loading, .ch-zoom-seeker {
     border: 1px solid #dedede 
}
 .ch-zoom-loading {
     width: 100px;
     height: 100px;
     border-radius: 5px;
     font-size: 11px;
     color: #333;
     text-align: center;
     background-color: hsla(0, 0%, 94%, .75) 
}
 .ch-zoom-seeker {
     cursor: crosshair;
     background-color: hsla(0, 0%, 94%, .4) 
}
 .ch-zoom {
     border: 1px solid #dedede;
     background-color: #fff;
     position: absolute 
}
 .ch-zoom .ch-popover-content {
     overflow: hidden;
     position: relative;
     width: 100%;
     height: 100% 
}
 .ch-zoom img {
     position: absolute 
}
 .ch-hide, [hidden] {
     display: none 
}
 .arrow {
     display:none;
     position: fixed;
     bottom: 20px;
     right: 20px;
     z-index: 5;
     color: #E7521D;
     text-shadow: 2px 2px rgba( 0,0,0,0.3 );
     font-size: 1.5em;
}
 .arrow span{
     transition: all 0.5s cubic-bezier(0.33, 0, 0.2, 1) .1s;
}
 .arrow.up span{
     transform: rotateX(180deg);
}
 .bounce {
     -webkit-animation: bounce 2s infinite;
     animation: bounce 2s infinite;
}
 .bounce2 {
     -webkit-animation: bounce2 2s infinite;
     animation: bounce2 2s infinite;
}
 .parallaxCustom {
     position: absolute;
     top: -400px;
}
 .parallax1{
     top: 0;
     left: 50px;
}
 .parallax2{
     top: -60px;
     left: 770px;
}
 .parallax3{
     top: -12px;
     left: 610px;
}
 .parallax4{
     right: 0;
}
 .parallax8{
     left: 0;
}
 .parallax9{
     left: 0;
}
 @-webkit-keyframes bounce {
     0%, 20%, 50%, 80%, 100% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
    }
     40% {
         -webkit-transform: translateY(-30px);
         transform: translateY(-30px);
    }
     60% {
         -webkit-transform: translateY(-15px);
         transform: translateY(-15px);
    }
}
 @keyframes bounce {
     0%, 20%, 50%, 80%, 100% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
    }
     40% {
         -webkit-transform: translateY(-30px);
         transform: translateY(-30px);
    }
     60% {
         -webkit-transform: translateY(-15px);
         transform: translateY(-15px);
    }
}
 @-webkit-keyframes bounce2 {
     0%, 20%, 50%, 80%, 100% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
    }
     40% {
         -webkit-transform: translateY(-7px);
         transform: translateY(-7px);
    }
     60% {
         -webkit-transform: translateY(-3px);
         transform: translateY(-3px);
    }
}
 @keyframes bounce2 {
     0%, 20%, 50%, 80%, 100% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
    }
     40% {
         -webkit-transform: translateY(-7px);
         transform: translateY(-7px);
    }
     60% {
         -webkit-transform: translateY(-3px);
         transform: translateY(-3px);
    }
}
 .categoria_modulo{
     display: block;
     position: relative;
     height: 460px;
}
 .imagen{
     position: relative;
    /*height: 46.355vw;
    */
}
 #servicios .slick-slide .imagen::after{
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #DD3029;
     mix-blend-mode: multiply;
     opacity: 0;
     transition: all 0.2s ease-in-out;
}
 #servicios .slick-slide:hover .imagen::after{
     opacity: 1;
}
 .categoria_modulo .palabra {
     display:none;
     position: absolute;
     top: 5%;
     left: 50%;
     transform: translateX(-50%);
     text-align: center;
     color: #FA4949;
     font-size: 4em;
     font-weight: bold;
     letter-spacing: 0.08em;
     text-transform: uppercase;
     mix-blend-mode: multiply;
}
 .categoria_modulo img{
     object-fit: cover;
    /*height: 100%;
    */
     width: 100px;
     margin: auto;
}
 .categoria_modulo .campos{
     position: absolute;
    /* bottom: 15%;
     */
    /* background: #0072B7;
     */
     padding: 7px;
    /* color: #FFF;
     */
     width: 60%;
     left: 50%;
     transform: translateX(-50%);
     text-align: center;
     transition: all 0.2s ease-in-out;
}
 #servicios .slick-slide:hover .campos{
     background: #F4DB5E;
     color: #001826;
}
 .categoria_modulo .campos h3{
     color:var(--color-sitio);
     border: 1px solid #FFF;
     margin-bottom: 0;
    /*text-transform: uppercase;
    */
    /*line-height: 1;
    */
     font-size: 1.3rem;
     padding: 15px 0px 20px 0px;
}
 .categoria_modulo .campos p{
     color:var(--color-texto);
     line-height: 1.3rem;
}
 #testimonios{
     padding: 2% 0;
     background: url("/imagenes/fondo-testimonios.png") top left no-repeat;
     background-size: 100% 100%;
     color: #FFF;
     font-size: 1.5em;
}
 #testimonios h2{
     color: #000;
     font-size: 3rem;
     margin-bottom: 4rem;
}
 #testimonios .cursiva h2{
     color: #FA4949;
     font-family: 'Century', serif;
     font-family: var(--fuente-sitio);
     font-size: 4rem;
}
 #testimonios .slick-slide{
     padding: 0 3rem;
}
 #testimonios .slick-slide:nth-child(even){
     text-align: right;
     color: #000;
}
 #testimonios .imagenA{
     display: none;
}
 #testimonios .campos h3{
     text-transform: uppercase;
     font-weight: bold;
     margin-bottom: 2rem;
}
 #testimonios .campos h3 .link{
     padding: 0;
}
 #testimonios .slick-slide:nth-child(odd) .link{
     color: #FFF;
}
 #testimonios .campos p{
     line-height: 1;
     font-size: 2rem;
}
 #testimonios .link{
     margin-top: 0;
}
 #aliados{
     padding: 3% 0;
     background-color: #E7E9EA;
     background: #E7E9EA url("/imagenes/fondo-aliados.png") right 6% top 150px no-repeat;
     background-attachment: fixed;
     color: #7D898E;
     font-size: 1.5em;
}
 #aliados h2{
     font-size: 5rem;
     font-weight: bold;
}
 .clientes{
     overflow: hidden;
     position: relative;
     display: flex;
     flex-wrap: wrap;
}
 .clientes div {
     display: block;
     text-align: center;
}
 .clientes div {
     width: 65%;
     margin:auto ;
}
 .clientes .slick-slide {
     display: flex!important;
     justify-content: center;
     align-items: center;
     height: 10vw;
     cursor: pointer;
}
 @media (max-width: 767px) {
     header{
         height: 43px;
    }
     .logo{
         position: absolute;
         top: 0;
         left: 0;
    }
     .logo img {
         width: auto;
         height: 40px;
    }
     .imagen {
        /*height: 60vw;
        */
    }
     .categoria_modulo .palabra {
         font-size: 3em;
    }
     .categoria_modulo .campos {
        /*width: 50%;
        */
    }
     #testimonios {
         padding: 2% 0;
         background: #FFF;
         color: #000;
         font-size: 1em;
    }
     #testimonios h2 {
         font-size: 2rem;
         margin-bottom: 1rem;
    }
     #testimonios .slick-slide {
         padding: 1rem;
    }
     #testimonios .slick-slide:nth-child(even) {
         text-align: left;
         color: #000;
    }
     #testimonios .slick-slide:nth-child(odd), #testimonios .slick-slide:nth-child(odd) .link {
         color: #000;
    }
     #testimonios .campos h3 {
         margin-bottom: .6rem;
    }
     #testimonios .campos p {
         font-size: 1rem;
    }
     #aliados {
         line-height: 1.1;
    }
     #aliados h2 {
         font-size: 3.5rem;
    }
     #p-destacados .imagenA{
         height: 45vw;
    }
     #p-destacados .imagenA img {
         min-height: 100%;
         height: auto;
         width: 100%;
    }
     #p-destacados h3 {
         font-weight: bold;
         font-size: 1.5em;
    }
     .textoServicio {
         width: 100%;
         opacity: 0.8;
         margin-left: 0;
         margin-top: 0;
         font-size: 18px;
         color: #fff;
         padding: 5px;
    }
     .parallaxCustom {
         display: none;
    }
     .redes{
         line-height: 39px;
        /* position: static;
         */
         text-align: left;
         top: 5px;
    }
     .menu .menu-ppal{
         display: none;
    }
     .menu-abierto .menu-ppal{
         display: block;
    }
     #blog{
         padding-bottom: 5%;
    }
     #blog .slick-slide{
         display: block;
    }
     .contenidos > h2, .contenidoInterno h2{
         font-size: 1.5em;
    }
     .slick-slide h3{
         margin-top: 0;
    }
     #wrap-galeria .slick-slide img{
         position: static;
         min-height: auto;
         margin: auto;
    }
     #servicios .slick-slide {
         padding: 0;
    }
     #blog{
         font-size: 1em;
    }
     #blog h2 {
         font-size: 3em;
    }
     #blog .imagenA {
         height: 60vw;
         width: 100%;
         float: none;
    }
     #blog .imagenA img{
         object-fit: cover;
         height: 100%;
         position: static;
    }
     #blog .campos {
         padding: 3% 0;
         font-size: 1.2em;
         position: static;
         float: none;
    }
     #blog h3 {
         font-size: 1.2em;
    }
     #p-destacados h2 {
         font-size: 2em;
    }
     .imagenBlog{
         height: auto;
         max-height: 50vw;
    }
     .imagenBlog img{
         position: static;
    }
     .productos-categorias .imagenBlog{
         height: auto;
    }
     .linkHeader{
         margin-top: 0;
         font-size: .7em;
    }
     #video, #descripcion {
         float: none;
         width: 100%;
         padding: 0;
    }
     .clientes {
         width: auto;
         margin: 0 -15px;
    }
     .flecha{
         display: none;
    }
     header .buscar {
         position: absolute;
         width: 261px;
         left: -220px;
         top: 0;
         border-radius: 0 30px 30px 0;
         transition: all 0.5s cubic-bezier(0.33, 0, 0.2, 1) .1s;
         z-index: 10;
    }
     header .mostrar {
         left: 0px;
    }
}
 .col-2dot4, .col-sm-2dot4, .col-md-2dot4, .col-lg-2dot4, .col-xl-2dot4 {
     position: relative;
     width: 100%;
     min-height: 1px;
     padding-right: 15px;
     padding-left: 15px;
}
 .col-2dot4 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 20%;
     flex: 0 0 20%;
     max-width: 20%;
}
 @media (min-width: 540px) {
     .col-sm-2dot4 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 20%;
         flex: 0 0 20%;
         max-width: 20%;
    }
}
 @media (min-width: 720px) {
     .col-md-2dot4 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 20%;
         flex: 0 0 20%;
         max-width: 20%;
    }
}
 @media (min-width: 960px) {
     .col-lg-2dot4 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 20%;
         flex: 0 0 20%;
         max-width: 20%;
    }
}
 @media (min-width: 1140px) {
     .col-xl-2dot4 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 20%;
         flex: 0 0 20%;
         max-width: 20%;
    }
}
 .descripcionS {
     max-height: 100px;
     position: relative;
     overflow: hidden;
     transition: max-height 0.3s ease-in-out;
}
 .ampliar {
     display: block;
     float: right;
     border-radius: 5px;
     color: #FFF;
     background:#4C858E;
     background: var(--color-sitio);
     padding: 8px 5px;
     overflow: hidden;
     margin: 11px 0 22px 0;
     text-decoration:none;
     transition: all 0.3s ease-in-out;
     padding: 10px 20px;
}
 .ampliar:hover {
     transform:scale(1.03);
     text-decoration:none;
     box-shadow:0 0 3px black;
     color:white!important;
}
 .descripcionS.abierto {
     max-height: 2000px;
}
 .cat-title{
     font-weight: bold !important;
     color: #E7521D;
     font-size: 1.75em !important;
}
/* EFP */
 html {
     scroll-behavior: smooth;
}
 img{
     transition: all 0.3s ease 0s;
}
 img:hover{
     transform:scale(1.03);
}
 .sticky{
     opacity:0.9;
    /*height:90px;
    */
     transition: all 0.3s ease 0s;
}
 .sticky .barra-header-top {
     height: 3.5vw;
}
 .sticky .logo {
     width: fit-content;
     padding: 0 0;
     top: 0.7vw;
     right: 3vw;
}
 .sticky .logo img{
     width: 10vw !important;
}
 .sticky .menu{
    /*width: 100%;
    */
     margin-top: -4.2vw;
}
 .sticky .compre-colombiano {
     transition: all 0.3s ease 0s;
     left: 27%;
     top: 2%;
}
 .sticky .whatsapp2{
     bottom: 2%;
     right: 15%;
}
 .div-side{
     position:absolute;
     width: 95%;
     z-index: 1;
     cursor: pointer;
}
 .side-categorias{
     position:absolute;
     top:450px;
     z-index:800;
     width:100%;
     display:none;
}
 .side-categorias li{
     list-style:none;
     transition: all 0.3s ease 0s;
     border-bottom: 1px solid gray;
}
 .side-categorias li a{
     color:black;
     text-decoration:none;
     font-size:1.7rem;
}
 .side-categorias li:hover{
     background-color:#E0E0E0;
     transform:scale(1.1);
}
 .ei-title {
     bottom: 20%!important;
     top: auto!important;
}
 .buscar{
     position: fixed;
     color: black;
     text-decoration: none;
     text-align: center;
     padding: 0px 0px 0px 0px;
     list-style:none;
     top: 4px;
     left: 19%;
}
 .buscar-form{
     display:inline-block;
}
 .cabezote-div{
     text-align: center;
     display: flex;
     align-items: center;
     vertical-align: middle;
}
 .cabezote-div1{
     width:38%;
}
 .cabezote-div h1{
     text-align: right;
     font-family: var(--fuente-sitio2);
     font-size: 2rem;
     font-weight: bold;
     text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
     text-shadow: 1px 1px 0 #000;
}
/* Solo para el home */
 .cabezote-div h2{
     color: var(--color-texto);
     text-align: center;
     font-size: 1.5rem;
     font-weight: normal;
     font-family: 'Century', serif;
     font-family: var(--fuente-sitio)!important;
    /* font-weight: bold!important;
     */
     padding: 0!important;
     width: 30%;
     margin: auto;
}
 .categorias-txt{
     position: absolute;
     top: 0;
     width: 100%;
     height: 100%;
     color: white;
     text-align: center;
     text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    /*line-height: 30rem;
    */
     opacity:0.3;
     transition:all 0.3s ease;
     transition:var(--transicion);
}
 .categorias-txt:hover{
     opacity:1;
     transform:scale(1.1);
}
 .categorias-txt h1{
     margin-top:45%;
     font-size: 1.8rem;
}
 .categorias-txt h5{
    /*text-shadow: 1px 1px 3px white!important;
    */
     padding: 0px 5px;
    /* font-weight: bold;
     */
     font-size: 2.5em;
     transition: all 0.3s ease;
}
 .categorias-txt h5:hover{
     transform:scale(1.15);
}
 .categorias-txt p{
    /*display:none;
    */
}
 .div-liquid-list-categorias{
     margin-top: 15px;
}
 .liquid-list-categorias .margen{
     margin-top:10px 
}
 .liquid-list-categorias{
     width: 100%;
     display: inline-block;
     padding-left:7px!important;
     padding-right:7px!important;
    /*height:250px;
    */
}
 .liquid-list-categorias .link{
     color: white;
     float: right;
     position: relative;
     top: -65px;
     right: 44px;
     background-color: #454246;
     text-decoration: none;
     padding: 5px 15px;
     border-radius: 5px;
     box-shadow: 1px 1px 3px black;
     border: 1px solid black;
     display:none;
}
 .liquid-list-categorias .link:hover{
     background-color: #A78B68;
     transition: all 0.3s ease;
     border: 1px solid white;
     transform:scale(1.1);
}
 .liquid-list-categorias img:hover{
     transform:scale(1.15);
}
 .div-liquid-list-mas-vendidos{
    /*border-top: 2px solid #e0e0e0;
    */
    /* border-bottom: 1px solid gray;
     */
     padding: 30px 0px;
}
 .div-liquid-list-productos{
    /*border-top: 2px solid #e0e0e0;
    */
    /* border-bottom: 1px solid gray;
     */
     padding: 30px 0px;
}
 .div-liquid-list-productos .imagenA{
     color:black;
     text-decoration:none;
     margin-top: 8px;
     transition: all 0.3s ease;
     filter:brightness(100%);
}
 .div-liquid-list-productos .imagenA:hover{
     transform:scale(1.01);
     filter:brightness(80%);
}
 .div-liquid-list-productos img{
     border:1px solid black;
}
 .div-liquid-list-productos .productos-txt{
     color:black;
     transition: all 0.3s ease;
     opacity:0;
     position: absolute;
     top: 20%;
}
 .div-liquid-list-productos .productos-txt:hover{
     opacity:1;
}
 .div-liquid-list-productos h3{
     text-align: center;
}
 .div-liquid-list-productos h5 {
     width:70%;
     margin:auto auto;
}
 #wrap-categorias .blog-wrap .campos{
    /*height:unset;
    */
}
 #wrap-categorias .campos{
    /*color:var(--color-sitio);
    */
}
 #wrap-categorias .imagenBlog {
    /*height:55px;
    */
}
 #wrap-categorias .imagenBlog img {
    /*display:none;
     */
}
 #wrap-categorias img{
     margin: auto;
     display: block;
     width: 75%;
     cursor:pointer;
}
 #wrap-productos .paginacion {
     text-align:center;
}
 #wrap-productos .imagenBlog {
     background-color: white;
     height: 32vw;
    /*border-radius:25px 0;
    */
    /*box-shadow:0 0 3px black;
    */
    /*border:1px solid black;
    */
}
 #wrap-productos .imagenBlog:hover {
}
 #wrap-productos .imagenBlog img{
     transition:all 0.5s ease 0s;
     object-fit:cover;
     height:16.5vw;
     bottom:unset;
     top:unset;
}
 #wrap-productos .imagenBlog img:hover{
     margin-top: 5px;
    /*object-fit:scale-down;
     transform:scale(0.9);
    */
}
 #wrap-productos .campos{
     position: relative;
     top: -15.5vw;
     width: 85%;
     margin: auto;
     line-height: 1.2vw;
     font-size: 1vw;
}
 #wrap-productos .campos a{
     text-decoration:none;
}
 #wrap-productos .campos h3{
     color: #4C858E;
     color: black;
     font-weight: bold;
     font-size: 1.1vw;
     font-family: 'Oswald', sans-serif;
     font-family: var(--fuente-sitio2);
     margin: 0;
     height: 4vw;
     display: flex;
     justify-content: center;
     align-items: center;
     overflow-y: auto;
}
 #wrap-productos .campos #paginacion-descripcion{
     font-weight: bold;
}
 #wrap-productos .campos #paginacion-referencia{
     display:none;
}
 #paginacion-precio, #wrap-productos .campos #paginacion-precio {
     font-weight: bold;
     display: inline-block;
}
 #paginacion-precio-ant, #wrap-productos .campos #paginacion-precio-ant {
     color: #F44336;
     text-decoration: line-through;
     display: inline-block;
}
 #wrap-productos .campos p{
     color:black;
     margin:0px;
}
 #wrap-productos #paginacion-descripcion{
     height:6vw;
     overflow-y: hidden;
}
 #wrap-productos .campos #producto-color{
     color:#54565A;
}
 #wrap-productos #producto-descripcion{
     display:var(--productos-descripcion);
}
 #wrap-productos #producto-referencia{
     display:var(--productos-referencia);
}
 #wrap-productos #producto-material{
     display:var(--productos-material);
}
 #wrap-productos #producto-color span{
     display:inline-block;
     width: 17px;
     height: 17px;
     float: left;
     margin-left: 8px;
     margin-right: 0;
     border-radius: 50%;
     border: 1px solid gray;
     margin-top: 4px;
}
 #wrap-productos .precios{
     font-size:1.2em;
}
 #wrap-productos .listado-grupo, #wrap-productos .listado{
     height:32vw;
     transition:all 0.3s ease 0s;
}
 #wrap-productos .listado:hover{
    /*box-shadow:0 0 3px black;
    */
     transform:scale(1.02);
}
 #wrap-productos .listado .campos .div-colores{
     display:inline-block;
}
 #wrap-productos .contenidos h2{
     color: #444444;
     font-size: 2.5em;
}
 #wrap-productos .blog-wrap{
     margin-bottom:40px;
}
 #wrap-servicios .campos{
     width: 70%;
     margin: auto auto;
     color:white;
     margin-top: 20px;
}
 #wrap-servicios .campos h3{
     font-size:1.7em;
     text-align: center;
}
 #wrap-servicios .campos p{
     font-size:1.4em;
     text-align: left;
}
 #wrap-servicios .link{
     background-color: #ffffff80;
     padding: 5px 30px;
     font-size: 24px;
     color: black;
     border-radius: 10px;
     transition: all 0.3s ease;
     float: right;
     width: 190px;
     margin: auto auto;
     margin-bottom: 40px;
}
 #wrap-servicios .link:hover{
     transform:scale(1.1);
     text-decoration:none;
     background-color: #ffffffFF;
}
 #wrap-blog span{
     color:var(--color-texto);
}
 #wrap-contacto span{
     color:gray;
}
 #wrap-contacto h1{
     color:gray;
}
 #wrap-contacto-page .row-fluid{
     justify-content: center;
     align-items: center;
}
 @media (min-width: 1200px) {
     #wrap-contacto-page .container{
         padding:0;
    }
     #wrap-contacto-page .moudle{
         padding:0;
    }
}
 #wrap-contacto-page .titulo-contactos{
     text-align: center;
     font-family: var(--fuente-sitio4);
     font-size: 3.5rem;
     font-weight: bold;
     color: black;
}
 #wrap-contacto-page .formPaypal {
     margin-bottom: 40px;
}
 #wrap-contacto-page .col-md-12{
     padding:0;
}
 #wrap-quienes-somos{
     width:70%;
     margin: auto;
}
 .matriz-ver {
     width: 70%;
     margin:auto;
}
 .matriz-titulo{
     text-align:center;
     margin-top:40px;
}
 .matriz-ver .imagen-div{
     margin:40px auto;
}
 .matriz-ver .imagen-div img{
     max-height: 300px;
     border-radius: 25px!important;
     margin: auto;
     display: block;
}
 .matriz-ver .campos{
     margin:auto;
}
 .matriz-ver .campos h3{
     font-size:3rem;
}
 .matriz-ver .campos p{
     font-size:1rem;
     line-height: 1.8rem;
}
 .matriz-ver .campos p::first-letter{
     font-family: "ITCAvantGardeStd-Bold";
     font-size: 3.3rem;
     font-weight: bold;
     margin: 15px 12px 0px 0px;
     float: left;
     color:var(--color-sitio);
}
 .login {
     margin: auto;
     width: 500px;
}
 .cuenta {
     background: #F1F1F1;
}
 .cart img{
     max-width: none;
}
 .cesta-mas{
     float: none;
     margin: auto 0 40px 0;
     color: black;
     width: 100%;
     text-align: center;
     border: 1px solid #d3d3d3;
     border-radius: 3px;
     background-color: #F0F0F0;
     width:75%;
     margin:auto;
     display:none;
}
 .cesta-mas:hover{
     background-color: #E0E0E0;
     text-decoration:none;
     color:black;
     font-weight:bold;
}
 .formulario {
     box-sizing: border-box;
     background: #FFF;
     overflow: hidden;
     position: absolute;
     width: 360px;
     top: 40px;
     right: 80px;
     max-width: 100%;
     box-shadow: 0px 0px 15px #005050;
}
 .formulario3 .action-button{
     color: black;
     font-size: 1rem;
     background-color: white;
     border-radius: 15px;
     padding: 5px 20px;
     text-decoration:none;
     transition: all 0.3s ease;
}
 .formulario3 .action-button:hover{
     font-size: 1.1rem;
}
 .label-form{
     color: lightgray;
     font-size: 1.2em;
}
 .barra-header-top{
     background-color: black;
     width: 100%;
     height: 6vw;
     margin-top: 0px;
}
 .barra-header{
}
 .barra-header .menu{
     margin-left:25%;
}
 .barra-header .menu-ppal li a{
     color:gray;
}
 .barra-header .menu-ppal li a:hover{
     color:white;
}
 .redes-header {
}
 .redes-header-ico {
     color: white;
     margin: 0 0.3rem;
    ;
     text-decoration: none!important;
}
 .redes-header-ico .mail, .redes-header-ico .facebook, .redes-header-ico .instagram, .redes-header-ico .youtube, .redes-header-ico .twitter, .redes-header-ico .whatsapp {
     vertical-align: middle;
     transition: all 0.3s ease;
     font-size:1.5rem;
}
 .redes-header-ico .mail:hover{
     transform:scale(1.3);
     color:red;
}
 .redes-header-ico .facebook:hover{
     transform:scale(1.3);
     color:#3b5999;
}
 .redes-header-ico .instagram:hover{
     transform:scale(1.3);
     color:#e4405f;
}
 .redes-header-ico .youtube:hover{
     transform:scale(1.3);
     color:#cd201f;
}
 .redes-header-ico .twitter:hover{
     transform:scale(1.3);
     color:#55acee;
}
 .redes-header-ico .whatsapp:hover{
     transform:scale(1.3);
     color:#25D366;
}
 .redes-footer-ico {
     width: 25px;
     color: white;
     margin: 0 8px;
     text-decoration: none!important;
     font-size: 25px;
     transition: all 0.3s ease;
}
 .redes-footer-ico .mail, .redes-footer-ico .facebook, .redes-footer-ico .instagram, .redes-footer-ico .youtube, .redes-footer-ico .twitter, .redes-footer-ico .whatsapp {
     vertical-align: middle;
     transition: all 0.3s ease;
}
 .redes-footer-ico .mail:hover{
     transform:scale(1.3);
     color:red;
}
 .redes-footer-ico .facebook:hover{
     transform:scale(1.3);
     color:#3b5999;
}
 .redes-footer-ico .instagram:hover{
     transform:scale(1.3);
     color:#e4405f;
}
 .redes-footer-ico .youtube:hover{
     transform:scale(1.3);
     color:#cd201f;
}
 .redes-footer-ico .twitter:hover{
     transform:scale(1.3);
     color:#55acee;
}
 .redes-footer-ico .whatsapp:hover{
     transform:scale(1.3);
     color:#25D366;
}
 .infoUsuario .carro, .infoUsuario .usuario, .infoUsuario .icobuscar{
     color: white;
     margin: 0 8px;
     text-decoration: none!important;
     font-size: 25px;
     transform: scale(-1, 1);
     transition: var(--transicion);
}
 .infoUsuario .icobuscar{
     color: var(--color-sitio);
     margin: 0px -37px 0px 0px;
     padding: 0px 5px;
    /*border-left: 2px solid var(--color-sitio);
    */
}
 .infoUsuario .usuario:hover, .infoUsuario .carro:hover, .infoUsuario .icobuscar:hover{
     transform:scale(1.3);
     color: var(--color-sitio) 
}
 .menu-header{
     position: absolute;
    /*right: 1%;
    */
     bottom: -35px;
     left:200px;
}
 .menu-header li{
     display:inline-block;
}
 .texto-buscar{
     color: black;
     background-color: white;
     border: 0px;
     width: 8vw;
     height: 30px;
     font-size: 1rem;
     padding: 0 0 0 2.5rem;
     box-shadow: 0px 0px 2px 0 grey;
    /* opacity: 0.8;
     */
     border-radius: 5px 5px;
}
 .texto-buscar:hover{
     opacity:1;
}
 .imagen-buscar{
     position: relative;
    /* margin-top: 0px;
     */
     width: 24px;
     top: 6px;
}
 .carrito-div{
     position: fixed;
     right: 20vw;
     top: 2vw;
     z-index:1;
     transition: var(--transicion);
}
 .carrito img{
     width:100%;
     width:35px;
     padding: 0px;
}
 .tabla-carrito{
     background-color:#F8F8F8;
     border:0px;
     width:130px;
     height:20px;
     font-size:12px;
     box-shadow: 0px 0px 2px 0 gray ;
     padding-top: 0px;
}
 #nav-check {
     display: none;
}
 #nav-check:checked+ul {
     display: block;
     padding: 0;
}
 .lengua {
     display:none;
     width: 35px;
     position: absolute;
     top: 7px;
     left: 20px;
     cursor: pointer;
}
 .infoUsuario{
     color: black;
    /* background: white;
     */
     text-decoration: none;
    /* border-radius: 5px 5px;
     */
    /* border: 1px solid #cacaca;
     */
    /*text-align: center;
    */
     display: inline-block;
     padding: 0px 0px 0px 0px;
     position: relative;
     vertical-align: top;
     margin: 0;
}
 .infoUsuario form{
     display:inline-block;
}
 .infoUsuario li{
     display:inline-block;
     vertical-align: middle;
    /*padding: 0px 5px;
    */
}
 .infoUsuario li a{
     color:black;
     text-decoration:none;
}
 .infoUsuario label{
     cursor: pointer;
     padding: 0px 8px;
     font-size: .8em;
     margin-left: 25px;
}
 .infoUsuario label:hover{
     text-decoration:underline;
}
 .infoUsuario ul{
     background-color: #FFF;
     border: 1px solid #dedede;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     -webkit-box-shadow: 2px 2px 2px rgba(99,99,99,.2);
     box-shadow: 2px 2px 2px rgba(99,99,99,.2);
     right: -38px;
     position: absolute;
     top: 100%;
     width: 150px;
     display: none;
     z-index:10;
}
 .infoUsuario ul li{
     margin: 3px 0;
     padding: 5px 15px;
}
 .infoUsuario ul li a{
     color:#000;
}
 .mi-cuenta{
     margin-left: 0px;
}
 .cuenta{
     background: #F1F1F1;
}
 .cuenta .col-sm-3 nav{
     background: #FFF;
     margin-bottom:15px;
     border: 1px solid #DDD;
     padding:5px 0;
     border-radius:3px;
     border-bottom:solid 6px #4C858E;
     border-bottom:solid 6px var(--color-sitio);
     box-shadow: 1px 1px 1px rgba(0,0,0,.3);
}
 .cuenta .col-sm-3 nav h2{
     padding:0 11px;
     font-size:1.2em;
     color:#4C858E;
     color:var(--color-sitio);
     border-bottom:solid 1px #DCDEE3;
}
 .cuenta .col-sm-3 ul{
     list-style: none;
     padding: 0;
}
 .cuenta .col-sm-3 li{
}
 .cuenta .col-sm-3 a{
     color:#000;
     display:block;
     padding:5px 11px;
}
 .cuenta .col-sm-3 a:hover{
     background: #F1F1F1;
     text-decoration:none;
}
 .review{
     margin-top:15px;
     padding: 15px;
}
 .review form{
     width:100%;
}
 .review label{
     display: block;
     margin-bottom: 3px;
}
 .review .form-fullwidth{
     border-radius: 3px;
     border: 1px solid #D1CDC5;
     width: 100%;
     padding: 8px 15px;
     margin-bottom: 15px;
}
 .review textarea{
     max-height: 180px;
     min-height: 65px;
     resize: none;
}
 .review .form-boton{
     margin-top: 15px;
     text-align:right;
}
 .review .form-boton button{
     color: #FFF;
     background:#4C858E;
     background: var(--color-sitio);
    /*#D90111*/
     padding: 8px 20px;
     border:none;
     border-radius: 3px;
     cursor:pointer;
     transition: all 0.3s ease;
}
 .review .form-boton button:hover{
     transform:scale(1.03);
}
 .logo-contacto{
     position: absolute;
    /* margin-left: 25%;
     */
    /* margin-right: auto;
     */
     width: 60%;
    /*margin-top: 46%;
    */
     top: 15%;
     background-color: white;
     border-radius: 5px;
     box-shadow: 0 0 10px grey;
     padding: 10px;
}
 .redes-footer{
    /*position: absolute;
    /* 
    /* margin: 3px 21px;
     */
    /*right: 8%;
    */
     z-index:1;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .redes-footer a{
}
 .redes-footer-ico{
     color: white;
     margin: 0 8px 0px 0px;
     text-decoration: none!important;
}
 .redes-footer-ico img{
     width:15px;
}
 .ul-footer li{
     color:white;
     font-size:12px;
     text-align:right;
}
 .ul-footer a{
     color:white!important;
}
 .lista-de-deseos{
     display:inline-block;
}
 .add-wishlist {
     display:inline-block;
     margin-top: 15px;
     text-align: center;
}
 .fondoGeneral{
     background-color:#EEEEEE;
}
 .texto-vertical{
     text-align: center;
     font-size:72px!important;
     color:white;
     transform: rotate(-90deg);
     position: absolute;
     left: -10%;
     top: 20%;
}
 #wrap-blog .container{
     padding:0;
}
 #wrap-blog .slick-slide .px-sm-5, #wrap-blog .slick-slide {
     padding-left: 1rem!important;
     padding-right: 1rem!important;
}
 #wrap-blog .blog-contenedor{
     margin: 1vw 0;
    /*box-shadow: 0px 0px 6px;
    */
    /*background-color: #e6e6e6;
    */
}
 #wrap-blog .contenidos h2{
     color: white;
     font-size: 2.5em;
     margin-bottom: 2%;
    /* font-weight: bold;
     */
     text-align: left!important;
}
 #wrap-fubol-categorias .blog-contenedor p, #wrap-fubol-categorias .blog-contenedor h3, #wrap-blog .blog-contenedor p, #wrap-blog .blog-contenedor h3{
     color:black;
}
 #wrap-blog .articulos .imagenA{
    /*width:65%;
    */
    /*display:none;
    */
}
 #wrap-blog .articulos{
     width: 85%;
    /* float: right;
     */
    /* background-color: white;
     */
     padding: 0px 0px;
     margin-top: 2%;
     margin-bottom: auto;
     margin-left: auto;
     margin-right: auto;
}
 #wrap-blog .articulos img{
     height:20vw;
     object-fit: cover;
     margin: auto;
}
 #wrap-blog .articulos img:hover{
     opacity: 1;
}
 #wrap-blog .articulos .campos{
     padding: 10px;
     display: inline-block;
     transition: var(--transicion);
     background-color: #e6e6e6;
}
 #wrap-blog .articulos .campos:hover{
     opacity: 1;
     transform: scale(1.03);
     cursor:pointer;
}
 #wrap-blog .articulos a{
     text-decoration: none;
     color: black;
    /*float: right;
    */
}
 #wrap-blog .articulos h3{
     position: relative;
     text-align: center;
     font-size: 1.5vw;
     line-height: 1.5vw;
     margin: 0px;
     color: #707070;
     font-weight: bold;
     height: 4.7vw;
     display: flex;
     justify-content: center;
     align-items: center;
     overflow-y: auto;
     overflow-x: hidden;
}
 #wrap-blog .articulos p{
     color: #707070;
     font-size: 1vw;
     font-weight: bold;
     line-height: 1.2vw;
     text-align: center;
    /* letter-spacing: 0px;
     */
    /* width: 54%;
     */
     background-color: transparent;
    /* padding: 30px 0px;
     */
     font-family: 'Oswald', sans-serif;
     font-family: var(--fuente-sitio2);
     height: 9.4vw;
     overflow-y: hidden;
}
 #wrap-fubol-categorias .ver-mas, .cabezote-div .ver-mas, #wrap-blog .ver-mas, #wrap-blog .articulos .ver-mas{
     background-color: #4C858E;
     background-color: var(--color-sitio);
     padding: 5px 15px;
     font-family: var(--fuente-sitio2);
     font-size: 1.5rem;
     font-weight: bold;
     text-decoration: none;
     color: white;
    /* border-radius: 10px;
     */
     transition: all 0.3s ease;
    /* float: right;
     */
    /* position: absolute;
     */
    /* left: -30%;
     */
    /* top: 40%;
     */
     box-shadow: 2px 2px 10px black;
     width: fit-content;
     display: block;
     margin: auto;
}
 .cabezote-div .ver-mas{
     float:none;
     padding: 10px 30px;
     font-family: var(--fuente-sitio2);
     font-size: 2rem;
}
 .cabezote-div .ver-mas:hover, #wrap-blog .articulos .ver-mas:hover{
     transform:scale(1.1);
}
 #wrap-blog .ver-mas{
     float:unset;
}
 #wrap-fubol-categorias .imagenA img, #wrap-blog .imagenA img{
     height: 24rem;
     object-fit: cover;
     margin: auto;
}
 .campos{
     margin-bottom: 10px;
}
 #wrap-galeria .slick-list{
     max-height: 72vw;
}
 #wrap-galeria .slick-slide {
     padding-right: 0rem!important;
     padding-left: 0rem!important;
}
 #wrap-galeria .container, #wrap-galeria .moudle{
     padding:0;
}
 #wrap-galeria .campos{
     display:none;
}
 #wrap-galeria img{
     margin: auto;
    /*filter: grayscale(100%);
    */
     transform: scale(1.05);
}
 #wrap-galeria img:hover{
     filter: none;
     transform: scale(1.1);
}
 #wrap-articulos .col-md-9{
     margin:auto;
}
 #wrap-articulos .px-sm-5 {
     padding-right: 1rem!important;
}
 #wrap-articulos .px-sm-5 {
     padding-left: 1rem!important;
}
 #wrap-articulos img{
     object-fit: cover!important;
     height: 250px!important;
     border-radius: 15px;
}
 #wrap-articulos .campos h3{
     height: 135px;
     font-size:1.3rem;
     font-weight:bold;
     text-align:center;
}
 #wrap-articulos .campos p{
     text-align:center;
     height: 155px 
}
 #wrap-articulos .campos a{
     text-decoration:none;
}
 #wrap-articulos .ver-mas{
     background-color: #4C858E;
     background-color: var(--color-sitio);
     padding: 5px 30px;
     font-size: 24px;
     color: white;
     border-radius: 10px;
     transition: all 0.3s ease;
     box-shadow: 2px 2px 10px black;
     width: fit-content;
     display: block;
     margin: auto;
     margin-bottom:10px;
}
 #wrap-articulo .moudle, #wrap-articulo .container{
     padding:0;
}
 #wrap-articulo .slick-slide{
     padding:0!important;
}
 #wrap-articulo .blog-contenedor{
     background-color: #e6e6e6;
     display: flex;
     flex-direction: row;
     height: 35vw;
     justify-content: center;
     align-items: center;
}
 #wrap-articulo .campos{
     width:90%;
     padding:60px;
     background-color: #e6e6e6;
}
 #wrap-articulo .campos a{
     text-decoration: none;
}
 #wrap-articulo .campos h3{
     color:var(--color-sitio);
     font-size: 2rem;
}
 #wrap-articulo .campos p{
     color: dimgray;
     max-height: 23vw;
     overflow-y: hidden;
}
 #wrap-articulo .ver-mas{
     display:none;
}
 #wrap-contador .contadores {
     text-align: center;
    /*margin-top: 9%;
    */
    /*height: 215px;
    */
}
 #wrap-contador .contador-div {
    /* font-family: 'Pathway Gothic One', sans-serif;
     */
     font-weight: bold;
     color: var(--color-texto);
    /*width: 20%;
    */
     font-size: 1.2rem;
    /* line-height: 78px;
     */
    /* letter-spacing: 5px;
     */
     display: inline-block;
     text-align: center;
     padding: 0 30px;
    /*border-right: 1px solid lightgray*/
}
 #wrap-contador .contador {
     text-align: center;
     opacity: 0.25;
}
 #wrap-contador .contador-font {
     font-size: 4rem;
    /*font-family: 'Roboto Slab', serif;
    */
     font-weight: bold;
     letter-spacing: 0px;
    /*text-shadow: 3px 3px 5px #000000;
    */
     color:var(--color-texto);
}
 .contenidoMatriz{
     width:90%;
     margin: 20px auto;
     justify-content: center;
}
 .contenidoMatriz .imagenBlog{
     height:200px;
}
 .contenidoMatriz .imagenBlog img{
     height:150px;
}
 .contenidoMatriz .campos{
     width:200px;
     height:120px;
     margin:auto;
     text-align:center;
     color:var(--color-sitio);
}
 .contenidoMatriz .campos p{
}
 .contenidoMatriz a{
     color:var(--color-sitio);
     text-decoration:none;
}
 .contenidoMatriz .ver-mas{
     color: black;
     background-color: #4C858E;
     background-color: var(--color-sitio);
     font-family: var(--fuente-sitio2);
     font-size: 1rem;
     font-weight: bold;
     padding: 5px 30px;
    /* border-radius: 10px;
     */
     transition: all 0.3s ease;
     box-shadow: 2px 2px 10px black;
     width: fit-content;
     position: absolute;
     left: 0;
     right: 0;
     bottom: 2vw;
     margin: auto;
}
 .contenidoMatriz .ver-mas:hover{
     transform:scale(1.1);
}
 .paginacion{
     margin-bottom: 10px;
}
 .titulo-contador{
     width: 60%;
     margin: auto;
}
 .titulo-contador .titulo-contador1{
     width: 20%;
     float: left;
}
 .titulo-contador .titulo-contador2{
     width: 80%;
     float: right;
     line-height: 2rem;
}
 .titulo1{
}
 .titulo2{
     font-family: ITCAvantGardeStd-Bold;
}
 .div-envios{
     border: 2px solid #C0C0C0;
     padding: 0px 11px;
}
 .div-envios img{
     display: inline-block;
     position:relative;
     top: -6px;
}
 .div-envios span{
     display: inline-block;
     position: relative;
     top: 7px;
     margin-left: 10px;
     font-size: 16px;
}
 .descuento{
     display:none;
}
 .logo-mapa{
     position: absolute;
     float: left;
     padding: 0 0px;
     width: 360px;
    /* margin-bottom: 10px;
     */
     left: 3%;
     bottom: 36px;
     display:none;
}
 .mapa-navegacion-creditos{
    /*width: 75%;
    */
     margin: 50px auto;
}
 .mapa-navegacion-creditos a{
     color:black;
}
 .ampliar{
     background-color:#4C858E!important;
     background-color: var(--color-sitio)!important;
     transition: all 0.3s ease;
}
 .ampliar:hover{
     color:white;
     transform:scale(1.1);
     text-decoration:none;
}
 .compre-colombiano{
     position: absolute;
     right: 45%;
     top: 30%;
     width: 130px;
     transition: all 0.3s ease 0s;
     display:none;
}
/* EFP Mascara de animacion */
 .mascara {
     text-align: center;
     color: white;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
    /* height: 81vh;
     */
     letter-spacing: 5px;
     margin-top: 8%;
}
 .mascara a {
     color: transparent;
     text-decoration:none;
}
 .mascara h1 {
     background-image: url(/fotos/Image/contenidos/mascara.gif);
    /*background-image: url(/fotos/Image/contenidos/mascara.webp);
    */
     background-size: cover;
     color: transparent;
     -moz-background-clip: text;
     -webkit-background-clip: text;
     text-transform: uppercase;
     line-height: 130%;
    /* margin: 10px 0;
     */
     background-size: contain;
    /*text-shadow: 0px 0px 15px black;
    */
}
 .mascara .white-mode {
     text-decoration: none;
     padding: 7px 10px;
     background-color: #122;
     border-radius: 3px;
     color: #FFF;
     transition: .35s ease-in-out;
     position: absolute;
     left: 15px;
     bottom: 15px;
     font-family: "Montserrat";
}
 .mascara .white-mode:hover {
     background-color: #FFF;
     color: #122;
}
 #wrap-cabezote .contenidos img{
     display:none;
}
 .formbusqueda {
     width: 45%;
     margin: auto;
}
 .formbusqueda a{
     display: inline-block;
}
 .formbusqueda input{
     width: 100%;
     margin: auto;
     display: inline-block;
     font-size: 1.5rem;
     padding: 35px 50px;
     position: relative;
     background-color: var(--color-fondo);
     border-radius: 10px;
}
 .formbusqueda .icobuscar{
     position: relative;
     top: 53px;
     left: 14px;
     z-index: 10;
     font-size: 2rem;
     color: var(--color-texto);
}
 .diasiniva {
     margin: auto;
     font-size: 0.8rem!important;
     font-weight: bold;
     background: yellow;
     width:fit-content;
}
 .imgCarro-delete {
     width:30px;
}
 #pedido {
     margin:2rem 0;
}
 .header-telefonos{
     display: none;
     position: fixed;
     top: 4vw;
     left: 21.5vw;
     font-weight: bold;
     font-size: 1.2rem;
     font-family: var(--fuente-sitio2);
     transition: var(--transicion);
     color: white;
}
 .footer-telefonos{
     font-weight: bold;
     font-size: 1rem;
     font-family: var(--fuente-sitio2);
     transition: var(--transicion);
     text-align: center;
     color: white;
}
 .sticky .header-telefonos{
     top: 1.5vw;
    ;
}
 .informacion-1{
     padding: 5vw 0vw 0vw 5vw;
}
 .div-informacion-1{
     display: flex;
}
 .div-informacion-1 img{
     vertical-align: top;
     width:30vw;
}
 .div-informacion-1 div{
     margin-left: 2vw;
}
 .div-informacion-1 a{
     color:black;
     text-decoration: none;
}
 .div-informacion-1 h1{
     font-size: 2rem;
     font-weight: bold;
     color: black;
     font-family: var(--fuente-sitio2);
}
 .div-informacion-1 p{
     font-size: 0.8rem;
}
 .logo-footer{
     width:22vw;
     padding: 15px;
     margin:auto;
}
 .logo-footer img{
     width:22vw;
     display: block;
     margin: auto;
}
 .modal_page{
     display: block;
     background-color: rgba(0, 0, 0, 0.5);
     width: 100vw;
     height: 100vh;
     position: fixed;
     z-index: 2000;
     transition: all 0.5s ease-out;
     vertical-align: middle;
     display: flex;
     justify-content: center;
     align-content: center;
     flex-direction: column;
}
 .modal_page #divModalPage{
     width: fit-content;
     height: 80%;
     display: block;
     margin: auto;
     box-shadow: 3px 3px 15px black;
}
 .modal_page img{
     position: relative;
     height: 100%;
     border-radius: 0px;
     object-fit: contain;
     margin: auto;
     display: block;
}
 .modal_page #modal_enlace1 {
     z-index: 2000;
     font-weight: bold;
     font-style: italic;
     font-size: 2vw;
     background-color: #38892F;
     border-radius: 5px;
     color: #FFF;
     width: fit-content;
     padding: 1px 2vw;
     position: absolute;
     top: 30%;
     right: 35%;
     text-shadow: 2px 2px black;
}
 .modal_page #modal_enlace2{
     z-index: 2003;
     width: fit-content;
     color: #38892F;
     font-size: 1.5vw;
     bottom: 15%;
     left: 18%;
     position: absolute;
}
 #cabezote .cabezote-div-quienes{
     display: flex;
     justify-content: center;
     align-items: center;
}
 #cabezote .cabezote-div-quienes img{
     height: 10rem;
     margin: auto;
     display: block;
}
 #cabezote .cabezote-div-quienes h1{
     color:black;
     font-family: var(--fuente-sitio4);
}
 #cabezote .cabezote-div-quienes p{
     font-size: 1rem;
     line-height: 1.2rem;
     color: black;
     width: 80%;
}
 @media only screen and (max-width: 820px) {
    /* iphone */
     #wrap-categorias .slick-list {
         max-height:480px;
    }
     #wrap-blog .slick-list {
         max-height:510px;
    }
     #wrap-galeria .slick-list {
         max-height:32vw;
    }
    /* iphone */
     header{
         height: 55px;
         background-color: black;
    }
     .barra-header-top{
         display:none;
    }
     .logo {
         right: 2vw;
         top: 9vw;
         padding: 0px 0;
    }
     .logo img {
         width: auto!important;
         height: 7vw!important;
         float:right;
    }
     .sticky {
         height: 55px;
         opacity: 0.8;
    }
     .sticky .logo {
         top: 6px;
         left: 0;
         padding: 0px 0;
    }
     .sticky .logo img {
         width: auto!important;
         height: 40px!important;
    }
     .sticky .menu {
         width: 100%;
         margin-top: 0;
    }
     .sticky .redes{
         display:block;
    }
     .redes{
         left: 30vw;
         top: 5px;
    }
     .redes-header{
    }
     .carrito-div {
         position: fixed;
         left: auto;
         right: 14vw;
        /* width: 155px;
         */
        /* bottom: -35px;
         */
         top: 11px;
         width: fit-content;
    }
     .total{
         top: -5px;
         right: 25px;
    }
     .header-telefonos {
        /*display: block;
        */
         top: 30px;
         position: relative;
         margin: auto;
         width: fit-content;
         left: auto;
         font-size: 2.5vw;
    }
     .sticky .header-telefonos {
         top: 30px;
    }
     .mascara h1 {
         font-size:3rem!important;
    }
     .cabezote-div h2 {
         font-size:1.5rem;
         width: 60%;
    }
     .formbusqueda {
         width: 55%;
    }
     .menu{
        /*background: rgba(200, 200, 200, 0.7);
        */
    }
     .menu-ppal li a {
         color:#4C858E;
         color: var(--color-sitio);
    }
     .ei-title {
         bottom: 5%!important;
    }
     #cabezote .cabezote-div-quienes {
    }
     #cabezote .cabezote-div-quienes img {
         height:6rem;
    }
     #cabezote .cabezote-div-quienes h1 {
         font-size: 1.5rem;
    }
     #cabezote .cabezote-div-quienes p {
    }
     #side-categorias{
         display:none;
    }
     #wrap-productos .imagenBlog {
         height:200px;
    }
     .formulario {
         position: unset;
         margin:auto;
    }
     .infoUsuario form{
        /* display:none;
        */
    }
     .texto-buscar{
         color: white;
         border: 0px;
         width: 25vw;
    }
     .div-side{
         display:none;
    }
     .div-envios {
         margin-bottom: 8px;
    }
     .div-envios img {
         top:-1px;
    }
     .div-envios span {
         font-size: 12px;
    }
     .articulos {
         width:100%;
    }
     .articulos h3 {
         font-size: 59px;
         line-height: 42px;
    }
     .articulos p {
         line-height: 28px;
    }
     .logo-contacto {
         position: relative;
         width: 105px;
         display: block;
         margin: auto;
    }
     #wrap-categorias .slick-slide img {
         width: 150px;
         height: 150px;
    }
     .menu-ppal li {
         padding: 2px 10px 12px 15px;
         font-size: 1.5em;
    }
     .texto-vertical {
         text-align: center;
         font-size: 58px!important;
         color: white;
         transform: none;
         position: unset;
         left: 0;
         top: 0;
    }
     .imagenBlog{
         text-align: center;
         margin: auto auto;
         width: 100%;
    }
     .imagenBlog img {
        /*width: 58%;
        */
    }
     .redes-footer {
        /*left: 15%;
         bottom: 40%;
        */
    }
     .liquid-list-categorias .link {
         top: -20px;
    }
     .compre-colombiano {
         display:none;
    }
     .whatsapp {
         display:none;
    }
     #wrap-productos .imagenBlog {
         text-align: center;
         margin: auto auto;
         width: 100%;
         max-height: none;
         height: auto;
    }
     #wrap-blog h1 span{
         font-size: 1.5rem;
    }
     #wrap-blog .articulos{
         width: 90%;
    }
     #wrap-blog .articulos .imagenA {
    }
     #wrap-blog .articulos img {
         height: 30vw;
    }
     #wrap-blog .articulos .campos {
         width: 100%;
         height:auto;
    }
     #wrap-blog .articulos h3 {
         height: 7vw;
         font-size: 2.5vw;
         line-height: 2.5vw;
    }
     #wrap-blog .articulos p {
         padding: 0 10px;
         font-size: 1.5vw;
         line-height: 1.8vw;
         height: 14.5vw;
    }
     #wrap-blog .articulos .ver-mas {
         left:auto;
         top:auto;
         margin-bottom: 15px;
    }
     .clientes div {
         width:100%;
    }
     .clientes .slick-slide{
         height:18vw;
    }
     #wrap-contador {
         background-position: right;
    }
     #wrap-contador .titulo-contador {
         width: 90%;
    }
     #wrap-contador .titulo-contador .titulo-contador1 {
         width: 80%;
    }
     .matriz-ver .campos h3 {
         font-size: 2.5rem;
    }
     #wrap-articulos img {
         height: 200px!important;
    }
     #wrap-articulos .campos h3 {
         font-size: 1.2rem;
         line-height: 1.5rem;
         height: auto;
    }
     #wrap-articulos .campos p {
         height: auto;
    }
     .div-liquid-list-productos .productos-txt{
         opacity:1;
    }
     .div-liquid-list-productos h3 {
         top: 0%;
    }
     .div-liquid-list-productos h5 {
         font-size: 1em;
    }
     .logo-mapa {
         width:180px;
    }
     .mapa-navegacion nav{
         width:100%!important;
    }
     .div-liquid-list-productos .imagenA {
         filter: brightness(100%);
    }
     .mapaNavegacion .mapa-nav{
         text-align: left;
    }
     .login {
         width: auto;
    }
     .productos-categorias h3{
         font-size:5vw;
         height:5vw;
    }
     .productos-categorias h4 {
         font-size: 4vw;
    }
     #shopping-cart-table th {
         font-size: 0.7rem;
    }
     .data-table th {
         padding: 3px;
    }
     .imgCarro {
         width: 70px;
    }
     .imgCarro-delete {
         width:15px;
    }
     .productoC a {
         width: 100%;
    }
     .productoC p{
         margin: 0;
    }
     #wrap-productos .listado, #wrap-productos .imagenBlog{
         height: 50vw;
    }
     #wrap-productos .listado-grupo, #wrap-productos .imagenBlog img {
         height: 24vw;
    }
     #wrap-productos .campos {
         top: -26vw;
         line-height: 1.8vw;
         font-size: 1.5vw;
    }
     #wrap-productos .campos h3{
         font-size: 2vw;
         height: 7vw;
    }
     #wrap-productos #paginacion-descripcion {
         height: 9vw;
    }
     .mapaNavegacion .mapa-mensaje {
    }
     .mapaNavegacion ul li a {
    }
     .creditos {
         padding: 4vw 0;
    }
     .matriz-ver {
         width: 90%;
    }
     .sliderProductos {
         height: 55vw;
    }
     #buscar .listado {
         height: 40vw;
    }
    /*#wrap-categorias .slick-slide {
         width: initial!important;
         margin-bottom: auto;
    }
    */
}
 @media only screen and (max-width: 500px) {
     .logo{
         top: 15vw;
    }
     .sticky .logo img {
         width: 0vw !important;
    }
     .logo img {
         height: 5vw !important;
    }
     .redes{
         left: 1vw;
    }
     .header-telefonos {
         top: 33px;
         font-size: 4vw;
    }
     .mascara h1 {
         font-size:3rem!important;
    }
     .ei-title {
         bottom: 5%!important;
    }
     .cabezote-div h1 {
         font-size: 1rem;
    }
     .cabezote-div .ver-mas{
         font-size: 1rem;
         padding: 5px 15px;
    }
     #wrap-quienes-somos {
         width: 100%;
    }
     #cabezote .cabezote-div-quienes {
    }
     #cabezote .cabezote-div-quienes img {
         height:3rem;
    }
     #cabezote .cabezote-div-quienes h1 {
         font-size: 1rem;
    }
     #cabezote .cabezote-div-quienes p {
         font-size: 0.5rem;
         line-height: 0.6rem;
         width:100%;
    }
     .formbusqueda {
         width: 95%;
    }
     .mapa-navegacion-creditos {
         width: 80%;
    }
     #wrap-galeria .slick-slide img{
         width: 100%;
         margin: auto;
    }
     .formbusqueda input {
         font-size: 1rem;
    }
     #wrap-productos .listado, #wrap-productos .imagenBlog{
         height: 115vw;
    }
     #wrap-productos .listado-grupo, #wrap-productos .imagenBlog img {
         height: 70vw;
    }
     #wrap-productos .campos {
         top: -47vw;
         line-height: 3.6vw;
         font-size: 3vw;
    }
     #wrap-productos .campos h3{
         font-size: 4vw;
         height: 15vw;
    }
     #wrap-productos #paginacion-descripcion {
         height: 17vw;
    }
     #wrap-blog .articulos img {
         height: 60vw;
    }
     #wrap-blog .articulos h3 {
         height: 14vw;
         font-size: 5vw;
         line-height: 5vw;
    }
     #wrap-blog .articulos p {
         font-size: 3vw;
         line-height: 3.6vw;
         height: 27vw;
    }
     .clientes .slick-slide{
         height:32vw;
    }
     .logo-footer {
         width: 32vw;
    }
     .mapaNavegacion .mapa-mensaje {
    }
     .mapaNavegacion ul li a {
    }
     .creditos {
         padding: 4vw 0;
    }
     .sliderProductos {
         height: 95vw;
    }
     #buscar .listado {
         height: unset;
    }
}
 @media only screen and (max-width: 1350px) {
     .menu-ppal {
         font-size: 0.8em;
    }
}
/* Pantallas grandes - Claudio */
 @media screen and (min-width: 1800px) {
     .redes {
         top: 2.2vw;
    }
     .sticky .redes {
         top: 0.9vw;
    }
     .menu{
         margin-top: -5vw;
    }
     .sticky .menu {
        /* width: 100%;
         */
         margin-top: -4vw;
    }
     .header-telefonos {
         font-size: 1.5rem;
    }
     .carrito-div {
         top: 2.3vw;
    }
     .sticky .carrito-div {
         top: 1vw;
         right: 15vw;
    }
     .ei-title {
         bottom: 20%!important;
    }
     .cabezote-div h1 {
         text-align: right;
         font-family: var(--fuente-sitio2);
         font-size: 3.5rem;
    }
     .cabezote-div .ver-mas{
         padding: 20px 30px;
         font-size: 3rem;
    }
     #cabezote .cabezote-div-quienes img {
         height: 14rem;
    }
     #cabezote .cabezote-div-quienes h1 {
         font-size: 4rem;
    }
     #cabezote .cabezote-div-quienes p {
         font-size: 1.5rem;
         line-height: 2rem;
    }
     .redes-header-ico .mail, .redes-header-ico .facebook, .redes-header-ico .instagram, .redes-header-ico .youtube, .redes-header-ico .twitter, .redes-header-ico .whatsapp{
         font-size: 2rem;
    }
     .div-liquid-list-productos .productos-txt{
         width:87%;
    }
}