@charset "utf-8";
/* CSS Document */
/*MW:2023*/

/* COLORES
Rojo:
#c52a32

Blanco
#ffffff

Negro:
#000000

Recursos:
.img-inicio:hover {transform: scale(1.04)!important; transition: 400ms;}
*/

/* BOTON MENU MOVILES */
.astroid-header .header-mobilemenu-trigger {position: absolute; right: 10px; top: 27px;} 
.astroid-header .astroid-logo-mobile {max-width: 80%!important; margin: 0 auto!important;}

@media only screen and (max-width: 380px) {
    .astroid-header .astroid-logo-mobile, .astroid-header-sticky .astroid-logo-sticky {max-width: 75%!important; margin-left: -5px!important;}
    .astroid-header-sticky .header-mobilemenu-trigger {top: 18px;}
}

@media only screen and (min-width: 992px) and (max-width: 1999px) {
    .astroid-header .header-mobilemenu-trigger {top: 60px;}
    .astroid-header-sticky .header-mobilemenu-trigger {top: 24px;}
}

.astroid-logo .astroid-logo-sticky {display: block!important;}

/* GENERAL */
.margen-g {padding: 20px 0px 30px;}
.estrecho {max-width: 850px; margin: 0 auto!important; text-align: justify;}
strong {font-weight: 600!important;}

a {text-decoration: none!important;}

.full-width {
  width: calc(100vw - 9px); /*width: 100vw;*/
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

@media only screen and (max-width: 1100px) {
    .full-width {width: 100vw!important;}
}

@media only screen and (min-width: 600px) and (max-width: 1299px) {
.astroid-component-section .container { max-width: 95%;}
}

#t-k2lslocgz, .astroid-header-section, #astroid-sticky-header {background-color: #2e2e2e!important;}

/* SOMBRA header */
.astroid-header-section, .astroid-header-sticky {
-webkit-box-shadow: 3px 3px 5px #cccccc40;
box-shadow: 3px 3px 5px #cccccc40;}

@media only screen and (max-width: 575px) {
    .astroid-header-sticky .header-mobilemenu-trigger {margin-left: 12px;}
    .astroid-header-sticky .header-offcanvas-trigger {margin-right: 12px;}  
}

#astroid-header .nav.astroid-nav {margin-top: 15px; margin-bottom: -41px; margin-right: -70px;}
#astroid-sticky-header .nav.astroid-nav {margin-top: 20px; margin-bottom: -33px; margin-right: -70px;}

.astroid-nav .nav-link:not(.active)::after {
  content: "";
  border-bottom: 3px solid #c52a32;
  max-width: 0px;
  text-align: center;
  margin: 8px auto 15px;
  display: block;
    padding-bottom: 2px;
}
.astroid-nav .nav-link:hover::after { max-width: 100%; transition: 300ms;}

.astroid-nav .nav-link.active::after {
  content: "";
  border-bottom: 3px solid #c52a32;
  max-width: 100%;
  text-align: center;
  margin: 8px auto 15px;
  display: block;
  padding-bottom: 2px;
}

h1, h2 {text-align: center;}

/*h2::after {
    content: "";
  border-bottom: 3px solid #006bb4;
  max-width: 100px;
  text-align: center;
  margin: 8px auto -8px;
  display: block;}
.titulos-articulos:hover h2::after { max-width: 300px; transition: 300ms;}*/

/*h2::after {
  content: url(../../../images/rodaduras-titulos.png);
  width: 10px;
    overflow: hidden;
  text-align: center;
  margin: 8px auto -8px;
  display: block;}
.titulos-articulos:hover h2::after { max-width: 100%; transition: 300ms;}*/

.img-subrayado {
  width: 1px;
  height: 50px;
  opacity: 0;
  margin: -50px auto -20px;
}

.titulos-articulos:hover .img-subrayado {
  /*transition-timing-function: cubic-bezier(0.8, 0.4, 0.7, 0.8);*/
  width: 920px;
  transition: 200ms;
  opacity: 0.06;
}

@media only screen and (min-width: 350px) and (max-width: 607px) {
    .img-subrayado {height: 56px; display: block; margin: -69px auto -20px;}
}
@media only screen and (min-width: 0px) and (max-width: 349px) {
    .img-subrayado {height: 63px; display: block; margin: -69px auto -20px;}
}

@media only screen and (max-width: 925px) {
    .titulos-articulos:hover .img-subrayado {margin-left: -40px;}
    
}

.titulos-articulos {margin: 0 0 50px;}

.home .titulos-articulos {overflow: clip !important;}

.astroid-component-section {background: url(../../../images/fondo-neumaticos.webp); background-position: center; background-repeat: no-repeat; /*margin-top: -110px;*/}
.astroid-footer-section  {background: url(../../../images/fondo-footer.webp); background-position: center; background-repeat: no-repeat; }
/* INICIO */
/* SLIDE INICIO */
.n2-ss-slider-1.n2_ss__touch_element.n2-ow {height: calc(100vh - 110px);}

.promociones-neumaticos-llantas {margin: 50px 0; }
.promociones-neumaticos-llantas .uk-card.uk-card-default {box-shadow: 0px 0px 5px 5px #cccccc80;}
.promociones-neumaticos-llantas .uk-card.uk-card-default:hover {box-shadow: 0px 0px 5px 5px #cccccc;}
.promociones-neumaticos-llantas .uk-card-default {background: url(../../../images/neumaticos-granollers/bg-neumaticos.jpg); background-position: bottom center; background-repeat: no-repeat;}
.promociones-neumaticos-llantas .uk-scope .uk-card-body {padding: 20px!important;}
.promociones-neumaticos-llantas .uk-scope p {margin: 0px!important;}
.promociones-neumaticos-llantas .uk-h3, .promociones-neumaticos-llantas .uk-margin {color: #fff!important;}

@media only screen and (max-width: 400px) {
    .texto-g-slide {font-size: 25px!important;}
}

/* RESEÑAS GOOGLE */
.google-review .WidgetTitle__Header-sc-ruy1gu-2.huflDf {display: none;}
.google-review .HeaderContainer__Inner-sc-mvslij-0 {width: 100%}
.google-review .enlace-resenas {float: right; right: 15px; background: #c52a32; border-radius: 8px; padding: 7px 15px; z-index: 999999; position: relative; font-weight: 600; margin-bottom: -80px; margin-top: 37px;}
.google-review .enlace-resenas:hover {background: #2e2e2e!important; }
.google-review .enlace-resenas a {color: #fff!important; text-decoration: none!important;}

.google-review .ButtonBase__Ellipsis-sc-p43e7i-5.dqiKFy, .google-review .ButtonBase__ButtonContainer-sc-p43e7i-3 {display: none;}
/*.google-review .ButtonBase__Overlay-sc-p43e7i-4.jUXzLe {content: "Escribe una reseña"}
.google-review .Main__Content-sc-1w4nyzp-1.eOTuFu.es-main-content > a {display: none!important;}*/
.google-review .img-resenas {text-align: center; margin-top: -40px; z-index: 99999; position: relative;}

@media only screen and (max-width: 470px) {
    .google-review .enlace-resenas {margin-top: -28px;}
}

/* EMPRESA */
.foto-cabecera {margin-top: -50px; margin-bottom: 50px; box-shadow: 0px 0px 3px 3px #cccccc;}

.neumaticos-baratos .titulos-articulos-empresa {margin-top: -140px; float: left!important; background: #2e2e2e; border-top: 1px solid #c52a32; border-right: 1px solid #c52a32; border-radius: 0px 10px 0 0; color: #fff!important; padding: 14px 20px 5px 3%; font-size: 28px;}

.neumaticos-baratos h1 {margin-top: 0px; text-align: left; color: #fff!important; font-size: 22px; text-transform: uppercase; transform: scaleY(1.6) !important; }
.neumaticos-baratos h2 {margin-top: 0px; text-align: left; color: #fff!important; font-size: 23px;}

@media only screen and (min-width: 800px) and (max-width: 1100px) {
    .neumaticos-baratos h1 {font-size: 19px}
    .neumaticos-baratos h2 {font-size: 19px}
    .neumaticos-baratos .titulos-articulos-empresa {margin-top: -132px;}
}
@media only screen and (min-width: 400px) and (max-width: 799px) {
    .neumaticos-baratos h1 {font-size: 17px}
    .neumaticos-baratos h2 {font-size: 16px}
    .neumaticos-baratos .titulos-articulos-empresa {margin-top: -126px;}
}
@media only screen and (min-width: 0px) and (max-width: 399px) {
    .neumaticos-baratos h1 {font-size: 15px}
    .neumaticos-baratos h2 {font-size: 14px}
    .neumaticos-baratos .titulos-articulos-empresa {margin-top: -121px;}
}

.textos-imagenes-empresa {}
.textos-empresa, .imagenes-empresa {width: 50%; float: left; position: relative; text-align: justify;}
.textos-empresa {padding-right: 20px;}
.imagenes-empresa {padding-left: 20px;}

@media only screen and (max-width: 790px) {
    .textos-empresa, .imagenes-empresa {width: 100%; float: none;}
    .textos-empresa {padding-right: 0px;}
    .imagenes-empresa {padding-left: 0px;}
}


.neumaticos-destacados {margin: 30px 0 100px; text-align: center; padding-top: 10px;}
.neumaticos-destacados h3 {border: 3px solid #2e2e2e80!important; padding: 10px 20px; display: inline-flex; margin: 0 10px 20px 10px; border-radius: 5px;}
.neumaticos-destacados a {text-decoration: none!important; color: #2e2e2e!important;}
.neumaticos-destacados h3:hover {transform: scale(1.18); transition: 400ms; border: 3px solid #2e2e2e80!important; background: #2e2e2e; color: #fff!important;}
.neumaticos-destacados a:hover {color: #fff!important;}

.servicios-empresa .uk-inline-clip {box-shadow: 0px 0px 3px 3px #cccccc!important;}
.servicios-empresa .uk-grid.uk-grid-collapse:hover .uk-inline-clip {box-shadow: 0px 0px 3px 3px #a1a1a1!important;}
/*.servicios-empresa .uk-grid.uk-grid-collapse h3 {background: #fff; /*padding: 10px 20px;}*/
/*.servicios-empresa .uk-grid.uk-grid-collapse:hover h3 {transform: scale3d(1.04,1.5,3.0); /*background: #2e2e2e; color: #c52a32; /*font-size: 35px!important;*/ /*transition: 400ms!important;}*/

.servicios-empresa .uk-slideshow-items {box-shadow: 0px 0px 3px 3px #cccccc;}




/*** ESTILOS BOTÓN Servicios ***/
.servicios-empresa .uk-h3 {
  background: #fff; /* color de fondo */
  color: #2e2e2e; /* color de fuente */
  border: 2px solid #fff; /* tamaño y color de borde */
  padding: 10px 20px;
  border-radius: 3px; /* redondear bordes */
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
}
.servicios-empresa .uk-grid.uk-grid-collapse:hover .uk-h3 {
  color: #fff;/* color de fuente hover */
}
.servicios-empresa .uk-h3::after {
  content: "";
  background: #c52a32; /* color de fondo hover */
  position: absolute;
  z-index: -1;
  padding: 16px 20px;
  display: block;
  left: -20%;
  right: -20%;
  top: 0;
  bottom: 0;
  transform: skewX(45deg) scale(0, 1);
  transition: all 0.3s ease;
}
.servicios-empresa .uk-grid.uk-grid-collapse:hover .uk-h3::after {
  transition: all 0.3s ease-out;
  transform: skewX(45deg) scale(1, 1);
}

/* ANCLA INICIO */

.home h1 {padding-top: 40px;}

#ancla {
scroll-margin-top: 20px!important;
}

.div-centrado {max-width: 85px; margin: -130px auto 0; padding-bottom: 50px;}

.moduletable.md-mouse {
  display: flex;
  display: -moz- flex;
  display: -ms- flex;
  display: -webkit- flex;
  align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  position: absolute;
  width: 100%;
  bottom: 0;
}

.custom.md-mouse {
  position: relative;
  width: 100%;
  max-width: 940px;
}

.custom.md-mouse a {
  display: flex;
  display: -moz- flex;
  display: -ms- flex;
  display: -webkit- flex;
  align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  /*border-radius: 100%;*/
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2);
  background: rgba(255, 255, 255, 0.15);
  position: absolute;
  /*padding: 2.625rem;
  bottom: 8px;
  height: 151px;*/
  left: 37px;
  top: -100px;
}

.scroll_down {
  position: absolute;
  top: calc(50% - 10px);
  height: 140px;
  width: 73px;
  /*background-color: #006bb4;*/
  background: url(../../../images/scroll-neumaticos-2.jpg);
  border: 2px solid white;
  border-radius: 20px;
  cursor: pointer;
  outline: none;
  z-index: 999;
  box-shadow: 0px 0px 5px 5px #cccccc80;
    opacity: 0.5
}

.scroll_down:hover {background: url(../../../images/scroll-neumaticos-1.jpg); transition: 1200ms!important;}

.scroll_down::before {
  position: absolute;
  top: 15px;
  left: 50%;
  content: "\f103";
  font-family: FontAwesome;
  color: #fff;
  width: 6px;
  height: 6px;
  margin-left: -17px;
  /*background-color: #fff*/
  border-radius: 100%;
  -webkit-animation: scroll_down_btn-animation 3s infinite;
  animation: scroll_down_btn-animation 3s infinite;
  box-sizing: border-box;
  font-size: 40px;
}

@keyframes scroll_down_btn-animation {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 80px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes scroll_down_btn-animation {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 80px);
    transform: translate(0, 80px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
/* --- FIN ANCLA INICIO */

/* hover sombra */
.sombra, .servicios-empresa .uk-button {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.sombra::before, .servicios-empresa .uk-button::before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}

.sombra:hover::before, .servicios-empresa .uk-button:hover::before, .sombra:focus::before, .servicios-empresa .uk-button:focus::before, .sombra:active::before, .servicios-empresa .uk-button:active::before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}
/* FIN hover sombra */


/* DATOS DE CONTACTO */
.ul-datos-contacto {list-style: none!important;}
.ul-datos-contacto .fas, .ul-datos-contacto .fab, .ul-datos-contacto .far { margin-right: 5px; margin-left: 30px; vertical-align: middle; margin-top: -3px;}
.fa-map-marker-alt {margin-left:0px!important;}

.datos-articulo .ul-datos-contacto .fas, .datos-articulo .ul-datos-contacto .fab, .datos-articulo .ul-datos-contacto .far {margin-left: 50px}

.datos-articulo .datos {min-width: 25%; -webkit-box-shadow: 0px 0px 5px 3px #ccc; box-shadow: 0px 0px 5px 3px #ccc; padding: 20px 10px; margin: 0 5px 15px; display: grid !important;}
.datos-articulo .enlace-separado .fa-whatsapp {display: grid}
.datos-articulo .ul-datos-contacto {padding-left: 0rem!important;}
.datos-articulo .ul-datos-contacto .fas, .datos-articulo .ul-datos-contacto .fab, .datos-articulo .ul-datos-contacto .far {margin-left: 0px}
.datos-articulo .ul-datos-contacto {width: 100%;}
.datos-toolbar .ul-datos-contacto, .datos-articulo .ul-datos-contacto {display: inline-flex; margin-bottom: -1rem;}

.datos-toolbar .enlace-separado, .datos-footer .enlace-separado, .datos-articulo .enlace-junto {display: none;}

@media only screen and (max-width: 1000px) {
    .datos-articulo .ul-datos-contacto {display: block;}
    .datos-articulo .ul-datos-contacto .fas, .datos-articulo .ul-datos-contacto .fab, .datos-articulo .ul-datos-contacto .far {margin-left: 0px!important;}
    .datos-articulo .ul-datos-contacto {padding-left: 0px!important;}
}

.datos-toolbar .fas, .datos-toolbar .fab, .datos-toolbar .far {color: #fff; font-size: 20px;}
.datos-articulo .fas, .datos-articulo .fab, .datos-articulo .far {color: #333!important; font-size: 20px;}
.datos-footer .fas, .datos-footer .fab, .datos-footer .far,
.datos-responsive .fas, .datos-responsive .fab, .datos-responsive .far {font-size: 22px;}

/*.datos-toolbar .fas, .datos-toolbar .far, .datos-toolbar .fab {color: #ffffff;}*/
.ul-datos-contacto a {text-decoration: none!important;}

.datos-contacto {text-align: center;}
.datos-articulo .redes {display: none!important;}

.datos-footer .ul-datos-contacto, .datos-responsive .ul-datos-contacto {text-align: left!important;}
.datos-footer .ul-datos-contacto .datos, .datos-responsive .ul-datos-contacto {display: block!important;}
.datos-footer .ul-datos-contacto .redes, .datos-responsive .ul-datos-contacto .redes {display: inline-flex!important;}
.datos-footer .datos .fas, .datos-footer .datos .fab, .datos-footer .datos .far, .datos-footer .ul-datos-contacto .fa-facebook-f,
.datos-responsive .datos .fas, .datos-responsive .datos .fab, .datos-responsive .datos .far, .datos-responsive .ul-datos-contacto .fa-facebook-f {margin-left: 0px!important;}
.datos-footer .ul-datos-contacto {padding-left: 0px!important;}
.datos-responsive .ul-datos-contacto {padding-left: 18px!important;}
.datos-footer .fa-instagram, .datos-footer .fa-twitter, .datos-footer .fa-linkedin-in, .datos-footer .fa-youtube,
.datos-responsive .fa-instagram, .datos-responsive .fa-twitter, .datos-responsive .fa-linkedin-in, .datos-responsive .fa-youtube {margin-left: 16px!important;}

.datos-articulo .separador-cp, .datos-footer .separador-cp {display: none;}
.datos-articulo .direccion-cp, .datos-footer .direccion-cp {display: block;}

.datos-articulo .datos.whatsapp .fa-whatsapp {margin-bottom: 19px;}

.footer-section .menu-module a {text-decoration: none!important;}

.mapa-contacto {margin-bottom: -10px!important;}

/* formulario */
.titulo-form {margin-top: 30px;}
.form-control {border: 1px solid #cccccc59!important;}
.form-check-input {border:1px solid #ccc !important;}

/* FOOTER Kit Digital*/
.logos-kitdigital {background: #fff; margin-top: 20px; text-align: center; padding: 10px; margin-bottom: -24px;}

.logos-kitdigital img {width: 650px; max-width: 90%}

.footer-section .container-fluid {max-width: 1700px; margin: 0 auto; padding: 0 30px;}
.footer-section .footer1 {font-size: 12px;}

/* ICONOS-----*/
.redes-sociales .fab, .redes-sociales-mv .fab {font-size:22px; color:#ffffff; margin-right: 15px;}
.redes-sociales .fab:hover, .redes-sociales-mv .fab:hover {color:#000000;}
.redes-sociales-mv {margin-left: 0px; line-height: 40px; margin-top:10px;}

.toolbar div {padding: 0px; text-align: center; color: #fff; margin-bottom: 0rem!important;}
.toolbar a {color: #fff!important;}

.datos-toolbar .fab:hover, .datos-contacto .fab:hover {color:#cccccc;}
/*.datos-toolbar .enlace-whatsapp:hover, .datos-contacto .enlace-whatsapp:hover, .datos-toolbar-mv .enlace-whatsapp:hover {color:#00E676!important;}*/

.datos-toolbar-mv .fas, .datos-toolbar-mv .fab, .datos-toolbar-mv .far {font-size:20px; color:#ffffff; margin-right: 5px; margin-left: 0px;vertical-align: middle;margin-top: -3px;}
.datos-toolbar-mv .fab:hover, .datos-contacto .fab:hover {color:#cccccc;}
.datos-toolbar-mv {line-height: 37px;}

/*.datos-contacto .fas, .datos-contacto .fab, .datos-contacto .far {font-size:20px; color:#434343; margin-right: 5px; vertical-align: middle;margin-top: -3px;}*/
.datos-contacto {line-height: 37px;}
.datos-footer .datos-contacto {line-height: 32px;}

.telefono::before {
    content: "\f095";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #000;
    font-size: 18px;
    padding-right: 14px;
    /*position: absolute;
    top: 0px;
    left: 0;*/
}

/* FIN  ICONOS-----*/

/* Whatapp y presupuesto */ 
.presupuesto-whatsapp {position: fixed; bottom: 0px; left: 11px; z-index: 99; max-width: 120px; text-align: center;}
.mail-presupesto .fa-address-card {font-size: 40px; color: #001030; background: #fff; padding: 1px 4px;}
.mail-presupesto .fa-address-card:hover {color:#f72020;}
.whatsapp img:hover {-webkit-transform: scale(0.9); transform: scale(0.9)}

/* ---- COLUMNAS y diseño elementos*/
.columnas {margin-top:20px; max-width: 900px;margin-left:auto; margin-right: auto; /*border-top: 2px solid #CEDC00;*/ margin-bottom:20px;}
.columna1 {width: 50%; padding-right: 40px; float:left;}
.columna2 {width: 50%; padding-left: 40px; float: left;}

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

.columna1 {width: 100%!important; padding-right: 0px;}
.columna2 {width: 100%; padding-left: 0px; float: none;}
}

/* COLUMNA de 3 */
.columnas3  {margin-top:20px; max-width: 1180px;margin-left:auto; margin-right: auto; /*border-top: 2px solid #CEDC00;*/ margin-bottom:125px;}
.columnas3-1 {width: 33%; padding-right: 40px; float:left; border-right: 1px solid #b3b3b380;}
.columnas3-2 {width: 33%; padding-left: 20px; padding-right:20px; float: left;}
.columnas3-3 {width: 33%; padding-left: 40px; float:left; border-left: 1px solid #b3b3b380;}

@media only screen and (max-width: 700px) {
.columnas3-1, .columnas3-2, .columnas3-3 {width: 100%!important; padding-right: 0px; padding-left: 0px; border-left: none!important; border-right: none!important;}
}

/* --- Listado en 2 columnas --*/
.uk-column-1-2 {-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;}

@media only screen and (max-width: 500px) {
.uk-column-1-2 {-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;}
}

.uk-column-1-3 {-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;}

@media only screen and (max-width: 500px) {
.uk-column-1-3 {-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;}
}

.uk-column-1-4 {
max-width: 1075px;
text-align: center;
margin: 0 auto;
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;}

@media only screen and (max-width: 1000px) {
.uk-column-1-4 {-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;}
}
@media only screen and (max-width: 550px) {
.uk-column-1-4 {-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;}
}

.clear { clear:both; display:block; overflow:hidden; visibility:hidden; height:0px;}

.lista-iconos {list-style: none;}
.lista-iconos li::before {
    content: "\f08e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #000;
    font-size: 18px;
    padding-right: 14px;
    /*position: absolute;
    top: 0px;
    left: 0;*/
}

.lista-ok {list-style: none;}
.lista-ok li::before {
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #9FC63E;
    font-size: 22px;
    padding-right: 14px;
    /*position: absolute;
    top: 0px;
    left: 0;*/
}
/* ---FIN COLUMNAS ---------*/

/* TABLA RESPONSIVE --------*/
.tabla-responsive {max-width: 1100px; margin-left: auto; margin-right: auto;}
.tabla-responsive table, .tabla-responsive tr, .tabla-responsive td, .tabla-responsive th {border:1px solid #cccccc80!important;}
.tabla-responsive td {padding: 0px 5px;}
.separador {line-height: 5px;}

@media only screen and (min-width: 1025px) and (max-width: 1920px) {
	.tabla-responsive th:first-child {width: 250px;}
	.tabla-responsive td:nth-child(3n), .tabla-responsive td:nth-child(4n) {text-align: right; width: 150px;}
}

@media only screen and (max-width: 1024px) {
	.separador td:nth-child(2n), .separador td:nth-child(3n), .separador td:nth-child(4n) {display: none;}
	
	/* Force table to not be like tables anymore */
	.tabla-responsive table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.tabla-responsive thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.tabla-responsive tr { border: 1px solid #eee; }
	
	.tabla-responsive td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #dddddd66; 
		position: relative;
		padding-left: 40%; 
	}
	
	.tabla-responsive td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		/*top: 6px;*/
		left: 6px;
		width: 45%; /*???*/
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/* 	Label the data 	*/
	.tabla-responsive td:nth-of-type(1):before { content: "Producto"; }
	.tabla-responsive td:nth-of-type(2):before { content: "Descripción"; }
	.tabla-responsive td:nth-of-type(3):before { content: "Precio"; }
	.tabla-responsive td:nth-of-type(4):before { content: "PVP"; }
	
	.tabla-responsive thead {display: none}
	.tabla-responsive .separador td:before {content: none}
}

.tabla-responsive tr:nth-child(2n) {background: #f0f0f0;}
.tabla-responsive thead {background: #cccccc; font-size: 17px; font-weight: 600; border:1px solid #ccc;}
/* FIN - TABLA RESPONSIVE --------*/

.logo-footer {max-width: 340px; }
.horario-footer {margin-right: -175px; margin-top: -10px;}
.menu-footer li {line-height: 20px; margin-bottom: 12px;}
.menu-footer ul {display: block!important;}
.menu-footer a:hover {color: #c52a32!important;}

.rsform-block-enviar .rsform-submit-button {color: #fff!important;}
.rsform-block-enviar .rsform-submit-button:hover{background-color: #c52a32!important; border-color:#c52a32!important}

.texto-empresa-prefooter .mod-custom {margin-right: 15px!important;}
.footer-section #ar-1528971627712 {padding: 25px 0 5px!important;}

.logo-footer {margin: 0 auto; text-align: center;}

@media only screen and (min-width: 750px) and (max-width: 1210px) {
    #ac-851582093674805, #ac-571co4vw1 {width: 100%;} /* Texto empresa*/
    #ac-381582093674805, #ac-yg1v00hvc {width: 50%; margin-top: 30px; padding-left: 12%;} /* Mapa sitio y datos */ 
}

@media only screen and (min-width: 0px) and (max-width: 749px) {
    #ac-851582093674805, #ac-571co4vw1 {width: 100%;} /* Texto empresa*/
    #ac-381582093674805, #ac-yg1v00hvc {width: 100%; margin-top:30px; text-align: center;} /* Mapa sitio y datos */ 
    .horario-footer {margin-right: 0px;}
    .datos-footer li {text-align: center;}
    .datos-footer .ul-datos-contacto .redes {display: block!important;}
    .datos-footer .fa-instagram {margin-left: 2px !important;}
    .datos-footer .datos.adress {line-height: 20px; margin: 11px 0 9px;}
}



/* ICONOS MENUS MOVILES */
.header-mobilemenu-trigger .button {margin-right: 10px!important;}
.astroid-footer {font-size: 12px;}