@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v145/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
html body{
    background:#ffffff;
    color:#000000;
    font-family: 'Inter',sans-serif;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.bannercontainer .tp-caption{
    font-family: 'Inter',sans-serif!important;
}
h4, .h4 {
    font-size: 22px;
    font-weight: 600;
}
strong{font-weight: 600!important;}
ol, ul {
    margin: 0 0 1.41575em 20px;
}
.footer-container ul{margin-left: 0;}
.page-cms ul {
    list-style-type: disc;
}
.page-cms .header-top ul{list-style-type: none;}
.page-cms .footer-container ul{list-style-type: none;}
html .footer-container li {
    margin-bottom: 5px!important;
}
html .footer-container p{margin:0!important;}
h2.title_block {
    font-family: 'Inter',sans-serif!important;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -0.5px;
    line-height: 1.25;
    text-transform: none;
    color: #111;
    letter-spacing: -0.2px;
}
html .custom-checkbox input[type="checkbox"]:checked + span .checkbox-checked {
    color: #000000;
}
/*html a{color:#dc9814;}*/
html a{color:#000000;}
.block-categories .category-sub-menu li > a:hover {
    color: #dc9814;
    text-decoration: underline;
}
.btn-outline, .btn-primary {
    color: #FFFFFF;
    background-color: #009245;
    border-color: #009245;   
    border-radius: 4px;    
    text-transform: inherit;
}
section#wrapper {
    margin-top: 50px;
}
#index section#wrapper {
    margin-top: 0px;
}
.header-top{
    border-bottom-color: #eee;
        height: 100px;
        position: relative;
        z-index: 99;
        padding: 0 30px;
        border-bottom: 1px solid #eee;
        box-shadow: 0 3px 15px -5px rgba(0, 0, 0, 0.08);
}
html .box-top-header .left-top-header .logo {
    max-height: 80px;
    padding: 0;
}
/*.category-cover img{display:none!important;}*//*IMANOL COMENTAR PORQUE AFECTA CUANDO HAY IMAGEN EN LA CATEGORIA DIFERENTE A TIENDA Y DESTACADOS*/
div#blog-listing-home {
    display: none;
}
.promo-topbar {
    background: #000;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 15px;
    line-height: 1.2;
    font-family: 'Inter',sans-serif;
}

.promo-topbar strong {
    font-weight: 700;
}
html .thumbnail-container .product-meta {
    text-align: center;
}
/*SIDEBAR*/
div#left-column{
    padding-right:8%;
}
div#left-column ul {
    margin: 0 0 5px 15px;
}
div#left-column li,
div#left-column li label {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

html .sidebar .block {
    border:0;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #ddd;
    display: flex;
    flex-direction: column;
}
html .sidebar .block .title_block{margin:0;}
.sidebar .block .title_block:before {display: none;}
#search_filters .facet .facet-title {
    width: calc(100% - 30px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000000;
    font-weight: 600;
}
/*PRODUCTOS*/
.product-prices .current-price {
    color: #dc9814;
    font-size:20px;
}
/*#product section#wrapper,
#product #wrapper .breadcrumb ol {
    background-color: #f8f8f8;
}*/


/*columnas footer y footer*//*IMANOL A PARTIR DE AQUI*/
/**********************************************/

.thumbnail-container .product-price-and-shipping .price{
color: #dc9814;
}

.page-not-found .search-widget form button[type=submit]{
    background: #3BB559;
}

.page-not-found .search-widget form button[type=submit]:hover{
    background: #009245;
}

.product-flags .product-flag{
    background: #3BB559;
    border: 1px solid #3BB559; 
    color: #ffffff;
    border-radius: 3px;
    font-size: 11px;
    line-height: 15px;
    padding: 3px 6px;
    text-align: center;

}

.product-flags .product-flag.discount {
    border-color: #3BB559;
    color: #ffffff;
}

.slider-boton-verde{
    background-color: #3bb54a;
    font-size: 19px;
    font-weight: 600;
    fill: #ffffff;
    color: #ffffff;
    border-radius: 4px 4px 4px 4px;
    padding:10px 30px 10px 30px;
    height:auto!important;
    margin-top: 20px!important;
}
.slider-boton-verde .caption-contain{height:auto!important;}
html .iview-directionNav a:hover:before,
html .iview-directionNav a:hover:after {
    color: #FFFFFF;
    background: #000000;
}
.slider-h1 h1{
font-size: 62px;
font-weight: 600;
}


.page-contact div#left-column{ padding-right: 0%;}



.footer-container {
    background-color: #000000 !important;
}

.footer-container .block .title_block{
    text-transform: uppercase; 
    color: #FFFFFF !important;
    font-weight: bold;
}
.footer-container li a {
color:#ffffff !important;
}
.descripcion-pie-pagina, .footer-direccion-horario{
color:#ffffff;
}

.footer-ejecucion-proyecto .block_content{
    display: flex !important;
    flex-direction: column;
    gap: 25px;
}
.footer-ejecucion-proyecto .block_content .frase{
    text-align: center;
    color:#ffffff;
}

.footer-ejecucion-proyecto .block_content .logos-pie-pagina{
   display: flex;
    justify-content: center;
    gap: 40px;
    align-items: center;
    height: 30px !important;
    margin-bottom: 40px;
    padding-top: 30px;
}

.logos-pie-pagina .logo-gv {
    /*width: 300px;
    height: 48px;*/
    height: 50px !important;
    width: auto !important;
}
.logos-pie-pagina .logo-eucommerce {
    /*width: 200px;
    height: 48px;*/
    height: 50px !important;
    width: auto !important;
}

#footer .copyright .block_content {
    display: flex ;
    justify-content: space-between ;
    align-items: center ;
}
.copyright .copyright-txt{
    color: #ffffff;
    text-align: left;
}

.footer-payment-icons {
    padding: 0 !important;
    text-align: right;
}
.footer-payment-icons li {
    display: inline;
}
 .footer-payment-icons li img {
    margin-right: 5px !important;
    width: 43px !important;
    border: none;
    border-radius: 0;
    box-shadow: none;
    height: auto;
    max-width: 100%;
}
/*categorias*/
.categorias-cabecera{
    display: flex;
    flex-direction: row;
    background-color: #efeee3;
    align-items: center;
    overflow: hidden;
    margin-bottom: 2em;
    
}

.categorias-cabecera .block-category{
    min-width: 50%;
    margin-bottom: 0px;    
}

.block-category #category-description{
    background: #efeee3; 
}

.imagen-categoria{
    min-width: 50%;
    max-width: 50%;
}
.imagen-categoria img{float: right;}
.box-middle-footer .logo-footer{
    margin-bottom: 30px !important;
    width: 50%;
    height: auto;
}
.footer-linea-blanca{
    border-top: 1px solid #ffffff;
}
.footer-bottom{
    border-top: none !important;
}

/*Menu centrado cabecera*/
.box-top-header .center-top-header{ /*en otra css esta esta clase y carga antes que la nuestra*/
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    position: relative;
}
/*Buscador inicio derecha en lugar de la izquierda*/
#header #search_widget .popup-content {/*Hay important porque hay otro css de header ue se carga ANTES*/
    right: 0 !important;
    left: auto !important;
}

.block_newsletter form .btn i {
    display: block !important;
}

.suscripcion-imagen #block_newsletter_82265{
    color: #ffffff !important;
}
.suscripcion-imagen .custom-checkbox input[type="checkbox"]:checked + span{
        border-color: #ffffff !important;
}

.suscripcion-imagen .block_newsletter h3, .block_newsletter .description, .suscripcion-imagen .psgdpr_consent_message, .suscripcion-imagen .enlace-blanco, .suscripcion-imagen .texto-boletin, .suscripcion-imagen .custom-checkbox input[type="checkbox"]:checked + span .checkbox-checked{
    color:#ffffff !important;
    }


/*botones desactivados en verde*/
.btn-outline.disabled, .btn-outline.disabled:hover, .btn-outline.disabled:focus, .btn-outline.disabled:active, .btn-outline.disabled.active, .btn-outline[disabled], .btn-outline[disabled]:hover, .btn-outline[disabled]:focus, .btn-outline[disabled]:active, .btn-outline[disabled].active, fieldset[disabled] .btn-outline, fieldset[disabled] .btn-outline:hover, fieldset[disabled] .btn-outline:focus, fieldset[disabled] .btn-outline:active, fieldset[disabled] .btn-outline.active, .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active{
    /*coge de theme.css por eso he puesto important*/
    background-color: #3bb54a !important;
    border-color: #3bb54a !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active{
    background-color: #009245 !important;
}

.contact-form .seo{
    margin-top: 30px;
    text-align: justify;
}


/************************************************************************************************************************************************************/
@media (min-width: 768px) {
    .block_newsletter form .form-group {/*Hay important porque hay otro css de theme que se carga ANTES*/
        width: 100% !important;
    }
}





@media (max-width: 767px) {
    .footer-ejecucion-proyecto .block_content .logos-pie-pagina{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
        margin-top: 80px;
        margin-bottom: 80px;
    }
    #footer .copyright .block_content{
        display: flex;
        flex-direction: column;
        justify-content: left;
        align-items: flex-start;
        gap:30px;
    }

.categorias-cabecera{
    flex-direction: column;
    justify-content: center;
}
.imagen-categoria {
    min-width: 100%;
    max-width: 100%;
    text-align: center;
}

}
/**************************************************************************************************************************/

/*Menu ayuda*/
/*contenedor-columna de imagen con enlace y enlace abajo*/
.contenedor-ayuda-imagen-enlace{
text-align: center;
}
/*contenedor imagen y enlace*/
.contenedor-ayuda-imagen{

}

.enlace-ayuda-imagen{

}
/*contenedor enlace*/
.contenedor-ayuda-enlace{

}

.enlace-ayuda{
    font-size: 15px;
    font-weight: 700;
    color:#000000;
}

/*Acordeon en atencion del cliente*/
.acordeon-contenedor-html{
    padding:10px;
}
.ap-accordion .panel-default .panel-title{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.5rem;
}

/*Nosotros*/
.nosotros-contenedor-centrado{
    display: flex;
    align-items: center;
}
.nosotros-contenedor-centrado .ApColumn{
    display: flex;
}




.texto-nosotros-izquierda.ApHtml {
  display: flex;
  flex-direction: column;
  /*align-items: flex-end;*/
  text-align: right;
  margin-left: auto;
  margin-right: auto;
  max-width: 90%;/*100% 520px*/
  }

.texto-nosotros-izquierda .sub-title-widget {
  order: 1;
}

.texto-nosotros-izquierda .title_block {
  order: 2;
  padding-right: 0px !important;
}

.texto-nosotros-izquierda .block_content {
  order: 3;
}

.texto-nosotros-derecha.ApHtml {
  display: flex;
  flex-direction: column;
  /*align-items: flex-end;*/
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  max-width: 90%;/*100%   520px*/
  }

.texto-nosotros-derecha .sub-title-widget {
  order: 1;
}

.texto-nosotros-derecha .title_block {
  order: 2;
  padding-right: 0px !important; /*He puesto important porque hay otra clase se carga antes*/
}

.texto-nosotros-derecha .block_content {
  order: 3;
}

/*Nuestro equipo*/

.nuestro-equipo{
    padding: 70px 0px 70px;
    background-color: #f2f2f2;
}

.nuestro-equipo-imagen-columna{
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 10px;
}

.nuestro-equipo-imagen-columna .title_block{
order: 2;
margin-bottom: 0px !important;/*la categoria #wrapper .ApColumn .title_block de styles.css se carga antes por eso he puesto important*/
padding-bottom: 0px !important;/*la categoria #wrapper .ApColumn .title_block de styles.css se carga antes por eso he puesto important*/
font-size: 20px !important;/*la categoria #wrapper .ApColumn .title_block de styles.css se carga antes por eso he puesto important*/
padding-right: 10px !important;/*la categoria #wrapper .ApColumn .title_block de styles.css se carga antes por eso he puesto important*/;
padding-left: 10px;/*la categoria #wrapper .ApColumn .title_block de styles.css se carga antes por eso he puesto important*/
}
.nuestro-equipo-imagen-columna .sub-title-widget{
order: 3;
font-weight: bold;
padding-bottom: 10px;
}
.nuestro-equipo-imagen-columna img{
order: 1;
}
.nuestro-equipo-imagen-columna .image_description{
 order: 4;
 text-align: center;
    padding: 0 2em;
}
.nuestro-equipo-imagen-columna .image_description p{text-align: center;}
/*compartir producto*/
.social-sharing li.twitter:before {
    content: "\e61b" !important;
    color: #000000;
}
.social-sharing .email:before { content: "\f0e0" !important; }

.wat{
  margin-left: 20px;
  display: flex;
}
.wat:before{content:"\f232" !important;color: #1da110;}

/*seohome*/
.seohome H1 {
    text-align: center;
    font-size: 28px;
    margin-bottom: 20px;
}
.seohome p{
    margin-bottom: 50px;
    margin-right: 200px;
    margin-left: 200px;
    text-align: justify;
    color: #000 !important;
    margin-top: 1px;
}



.banner-box{
    margin-left: auto;
    margin-right: auto;
}
.banner-box .block.ApImage:before {
    position: absolute;
    width: 95%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.45);
    content: "";
    transition: 0.15s ease-in-out;
    z-index: 2;
}
.image_description {
    position: absolute;
    top: 0;
    padding: 2.5em 2em 0;
    color: #fff;
    text-align: left;
    pointer-events: none;
    z-index: 2;
}
.image_description strong{    
    font-size: 24px;
    line-height: 1.55;
    letter-spacing: -0.3px;
}
.image_description em{
    margin-bottom: 1.2em;
    font-size: 17px;
    display: block;
    font-style: normal;
}   
.image_description span{
    background-color: #3bb54a;
    display: inline-block;
    height: 40px;
    padding: 0 20px;
    border: 0;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    font-weight: 600;
}
#wrapper .ApColumn .title_block:before {display: none!important;}
html #wrapper .ApColumn .button-top-large .title_block {
    margin-bottom: 0;
    padding:20px 0 30px 0;
}
.thumbnail-container .product-image img{width:100%;}
.thumbnail-container .product-title a {
    color: #261c16;
    text-decoration: none;
    font-family: Inter;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 1.3;
    text-transform: none;
}
html .thumbnail-container .product-price-and-shipping .regular-price {
    color: #72767c;
    margin-right: 0.25rem;
    font-size: 0.85em;
    font-weight: normal;
}
#block-newsletter-label{
    font-size: 50px!important;
    letter-spacing: -0.8px;
    color: #ffffff;
    text-align: left;
     font-family: Inter;
    font-weight: 600;
    text-transform: none;
    }
.block_newsletter {
    text-align: left;
   
}
.block_newsletter p.description{
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5em;
    letter-spacing: 0px;
    color: rgba(255, 255, 255, 0.79);
}
.newsletter-img{
    border-style: solid;
    border-width: 5px 5px 5px 5px;
    border-color: rgba(255, 255, 255, 0.09);
    margin: 0 2%;
    width: 46%;
}
.newsletter-img-img{    
    height: 370px !important;
    text-align: center;}
.newsletter-img-img img{
    /*width: 237px;
    display: inline-block;
    vertical-align: middle;
    border: none;
    border-radius: 0;
    box-shadow: none;
    height: auto;
    max-width: 100%;*/
    display: inline-block;
    vertical-align: middle;
    border: none;
    border-radius: 0;
    box-shadow: none;
    max-width: 100%;
    position: absolute;
    height: 560px !important;
    width: auto !important;
    bottom: -75px;
    left: 22%;
}
.psgdpr_consent_message{    
    color: #fff;
    font-size: 12px;padding:10px 0;}
.suscripcion-imagen .texto-boletin{
    font-size: 9px;
    /*font-weight: 400;*/
    text-align: justify;
    line-height: 1.5em;
    letter-spacing: 0px;
    color: rgba(255, 255, 255, 0.79);
    margin-top: 20px;
}
html .suscripcion-imagen a.enlace-blanco,
html .suscripcion-imagen a:hover{
    color: #dc9814 !important;
}

html .block_newsletter form input[type=email]{
    font-weight: normal;
    height:40px;    
}
.block_newsletter form{
    border: 1px solid #d2d6dc;
    border-radius: 0.3rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.block_newsletter form .btn{
    height:40px;
        float: right !important;
    position: relative !important;
    font-size: 32px !important;
    color: #000 !important;
    border: none !important;
    right: 5px;
    padding:0 10px;
    background-color: white;
}
.block_newsletter form .btn:hover, .block_newsletter form .btn:active, .block_newsletter form .btn:focus {
    outline: 0;
    background: #009245;
}
.box-slideshow,
html .slide_config,
html .slide_config .iview,
html .iview,.iviewSlider {
   max-height: 550px!important;
    /*transform:none!important;*/
}
/*html .iview-controlNav div.iview-items {
    bottom: 20%;
}
html .iview-directionNav a {
    margin-top: -100px;
}*/
.leo-megamenu .navbar-nav > li > a{
    text-transform: inherit;
    font-family: 'Inter',sans-serif;
    font-weight: 600;
}
html .box-top-header {
        margin: 0px;
    }
.page-index .products_block .direction{
    display: none;
}

html .search-widget .search:before {
    content: "\f002";
    display: block;
    font-family: 'fontawesome';
}
html .popup-over.userinfo-selector .popup-title .icon:before {
    display: block;
    content: "\f007";
    font-family: 'fontawesome';
}
html #cart-block .cart-preview .shopping-cart:before {
    content: "\f07a";
    display: block;
    font-family: 'fontawesome';
}
html .popup-over.userinfo-selector .popup-content .dropdown-item:before {
    content: "\f105";    
    display: inline-block;
    font-family: 'fontawesome';
}
.seohome {
    display: none;
}
html .manufacturers_block img {
        opacity: 1;
        filter: alpha(opacity=100);
    }
    html .manufacturers_block img:hover {
        opacity: 1;
        filter: alpha(opacity=100);
        border:0;
        box-shadow: none;
    }

    html .leo-megamenu .navbar-nav > li:hover > a > .menu-title {
    padding-bottom: 5px;
    border-bottom: 1px solid #dc9814 !important;    
}
html .leo-megamenu .navbar-nav > li > a > .menu-title:before{
    
        display: block;
        position: absolute;
        top: calc(100% + 2px);
        left: 0;
        width: 100%;
        border-bottom: 1px solid #ccc;
        border-color: #dc9814;
        content: "";
        transition: transform 0.6s cubic-bezier(0.28, 0.75, 0.22, 0.95);
        transform: scale(0, 1);
        transform-origin: right center;
    }
 html .leo-megamenu .navbar-nav > li.active > a, 
 html .leo-megamenu .navbar-nav > li:hover > a, 
  html .leo-megamenu .navbar-nav > li:focus > a {
    color: #000000;
}
.page-index .box-product {
    margin-bottom: 0px;
}
html .cms-id-4 .container,
html .cms-id-10 .container {
        width: 100%;
        max-width: 100%;
    }
html .cms-id-4 #main .page-content,
html .cms-id-4 .page-index .container,
html .cms-id-4 footer .container,
html .cms-id-10 #main .page-content,
html .cms-id-10 .page-index .container,
html .cms-id-10 footer .container{
  width: 1188px;
        max-width: 100%;
        margin:0 auto;
}
.cms-id-4 #main .page-header {    /*sobre nosotros*/
    background-image: url(/themes/tienda/assets/img/modules/appagebuilder/images/fondo_nosotros.jpg);
    background-size: cover;
      display: flex;
  justify-content: center;
  align-items: center;
  padding: 7rem 0;
}
.cms-id-4 .breadcrumbs,
.cms-id-10 .breadcrumbs{display: none;}/*sobre nosotros y atención al cliente*/
.cms-id-4 .breadcrumb,
.cms-id-10 .breadcrumb{margin-top:0;}/*sobre nosotros y atención al cliente*/
.cms-id-10 #main .page-header {    /*atención al cliente*/
    background-image: url(/themes/tienda/assets/img/modules/appagebuilder/images/fondo_atencion.jpg);
    background-size: cover;
      display: flex;
  justify-content: center;
  align-items: center;
  padding: 7rem 0;
}
/*.cms-id-10 #main .page-header:before  {
    content:'';
	position: absolute;
    top: 0;
	bottom: 0;
	left: 0;
	right: 0;
    background-color: transparent;
    background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0.07) 3%, #000000 90%);
    opacity: 0.92;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}*/

html .cms-id-4 #wrapper .breadcrumb,
html .cms-id-10 #wrapper .breadcrumb{
    margin-top:0;}
.cms-id-4 #main .page-header h1,
.cms-id-10 #main .page-header h1{
  color: #ffffff;
    margin-top:0;
}
.cms-id-6 a,.cms-id-6 h3 a,
.page-cms a {color:#1e68c4;} /*politicas*/
.page-cms .header-top a {color:#000000;} 
html h2{
    font-family: Inter;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -0.5px;
    line-height: 1.4;
    text-transform: none;
    margin: 0 0 1rem;
    margin-top: 1.3em;
}
html .page-cms h2{
    padding-top: 0;
    margin-top: 0;
}
html h3 {
    font-family: Inter;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 1.45;
    text-transform: none;
    color: #222;
}
#content{
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    text-transform: none;
    color: #222;
}
html p{
   font-family: Inter;
font-size:1rem;
font-weight:400;
justify-content:normal;
line-height:25.6px;
text-align:left;
margin: 0 0 1.21575rem!important;
}
html b, html strong {
    font-weight: 600;
}
html ol{
    list-style: decimal;
}
.entry-content ol li {
    padding-left: 6px;
}
html #content-wrapper{padding:0}
html #wrapper > .container,html section#wrapper{padding-top:0;margin-top:0;}


html .nosotros-contenedor-centrado{
    padding:30px;
}
html .sub-title-widget{
    color: #8e8e8e;
    font-size:1rem;
    font-weight:700;
    margin-bottom: 10px;
}
.nuestro-equipo-imagen-columna .image_description{
    position:relative;
    color:#000000;
}
html .page-content.page-cms {
    background: white;
    padding: 20px 0;
    text-align: justify;
}
html #main .page-header h1,
.container h1 {
    color: #000000;
    font-family: Inter;
    font-size: 42px;
    font-weight: 600;
    letter-spacing: -1.1px;
    line-height: 1.2;
    text-transform: none;
    margin-top: 50px;
}
html #wrapper .breadcrumb {
    background: transparent;
    padding: 0;
    position: relative;
    margin-bottom: 0;
    margin-top: 50px;
    visibility: hidden;
}
html #wrapper .breadcrumb ol {
       padding: 25px 0; 
        background: #FFFFFF;
    }
html #wrapper .breadcrumb > .container {
    padding: 10px 0px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 3px;
}
a:hover, a:focus {
    color: inherit;
    text-decoration: none;
}
html #wrapper .ApColumn title_block, 
html #wrapper .ApColumn h4.title_block {
    font-weight: 600;
}
/*acordeon*/
.ap-accordion a{
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: #0c0c0c;
}
html .ap-accordion .panel-default .panel-title .collapsed{
    color: #7c7c7c;
}
.ap-accordion a:before{
    text-transform: none;
    top:13px!important;
}
html .ap-accordion .panel-default .panel-heading {
    background: #ffffff;
    border: 1px solid #d5d8dc;
    border-color: #eee;
}
html .ap-accordion .panel-default .panel-title {
    background: #ffffff;
    padding: 15px 40px 15px 15px;
    margin: 0;
    text-align: left;  
}

html .ap-accordion .panel-default .panel-body p {
    color: #4D4B4B;
    font-size: 14px;
    padding: 15px 15px 0px 15px;
}
html .ap-accordion .panel-default {
    border: 0;
}
/*menu*/
.box-top-header .center-top-header .leo-megamenu .navbar-nav > li > a span:before{
   display: block;
        position: absolute;
        top: calc(100% + 2px);
        left: 0;
        width: 100%;
        border-bottom: 1px solid #ccc;
        border-color: #dc9814;
        content: "";
        transition: transform 0.6s cubic-bezier(0.28, 0.75, 0.22, 0.95);
        transform: scale(0, 1);
        transform-origin: right center;
}
/*pestañas*/
html .product-tabs.tabs .nav-tabs .nav-link.active {
    color: #111;
    font-weight: 600;
}
html .product-tabs.tabs .nav-tabs .nav-link {
    padding: 0.75rem;
    color: #444;
    font-size: clamp(0.9375rem, 0.874rem + 0.2033vw, 1rem);
    text-transform: capitalize;
}
html .product-tabs.tabs .nav-tabs .nav-link.active:after {
    transform: scale(1, 1);
    transform-origin: left center;
}
html .product-tabs.tabs .nav-tabs .nav-link:after {
    border-color: #dc9814;
    display: block;
    position: absolute;
    top: calc(100% - 8px);
    left: 11px;
    width: calc(100% - 22px);
    border-bottom: 3px solid #ccc;
    content: "";
    transition: transform 0.3s cubic-bezier(0.28, 0.75, 0.22, 0.95);
    will-change: transform;
}
.category-products .products-section-title{margin-bottom:30px;}
html .product-add-to-cart .add .add-to-cart{
    background-color: #3bb54a;
    float: left;
    height: 52px;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 4px;
    background: #3bb54a;
    font-size: 18px;
    font-weight: 400;
    line-height: 52px;
    text-align: center;
    transition: 0.2s;
}
/*blog*/
.blog-item .blog-bottom .created .date .left-date{color:#dc9814}
html .blog-item:hover {
    box-shadow: none;
}
html .blog-detail .blog-title {
    font-size: 42px;
}
html .blog-detail .social-share,
html .blog-detail .blog-tags,
html .blog-comment-block {display:none;}
/*fin blog*/

/*megamenu*/
ul.megamenu {list-style-type: none;}
/*.dropdown-sub.dropdown-menu {
    width:100vw !important;
    max-width:100vw !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    padding:35px 40px;
}
.dropdown-menu-inner{
    max-width:1170px;
    margin:auto;
}
.dropdown-sub.dropdown-menu .row {
        display: flex;
        justify-content: center;
        width: 100%;
        padding: 40px 0;
    }*/


/* Fondo del mega menú */
.ApMegamenu .dropdown-sub.dropdown-menu{
    width:100vw !important;
    max-width:100vw !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    padding:40px 0;
    border-top:1px solid #eee;
}

/* Contenido centrado */
.ApMegamenu .dropdown-menu-inner{
    margin:0 auto;
    max-width: 1170px;
}

/* Las columnas */
.ApMegamenu .dropdown-menu-inner .row{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}
.ApMegamenu .dropdown-menu-inner a{color:#000000;}


/*fin megamenu*/

/*link colores*/
.btn-link:focus, .btn-link:hover {
    color: #dc9814; }
/*fin link colores*/

/*contacto mapa*/
.contact-rich .icon{
    display: none;
}
.contact-rich h3
 {
    font-family: Inter;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 1.4;
    text-transform: none;
    color: #111;
}
html .contact-rich a{color:#1e68c4;}
html .contact-rich .block .data,
html label,
.container{
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    text-transform: none;
    color: #222;
}
html .contact-rich .block{   margin: 0 0 1.21575rem;}
.contact-rich hr{display: none;}
.contact-form {    
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    border-color: #eee;
    padding: 30px;
}
.contact-form .offset-md-3 {
        margin-left: 10px;
    }
.contact-form .form-control{
    outline: 0;
    margin-bottom: 0;
    border: 1px solid #d2d6dc;
    border-radius: 0.3rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    height: 40px;
    padding: 0 0.7em;
    background-color: white;
}
.contact-form .psgdpr_consent_message{color:#222;}
.texto-contacto{
    font-size: 12px;
    color:#222;
}
.contact-form .text-sm-right {
        text-align: left !important;
    }
.contact-form textarea.form-control{
    overflow: auto;
    border: 1px solid #d2d6dc;
    border-radius: 0.25rem;
    padding: 0.8em;
    outline: 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    width: 100%;
    padding-left: 0.875em;
    vertical-align: top;
    height: 150px;
}
.contact-form .col-md-3,
.contact-form .col-md-6,
.contact-form .col-md-9 {
        float: none;
        width: 100%;
    }
html .custom-checkbox input[type="checkbox"]:checked + span {
    border-color: #000000;
}
.page-contact .contact-map{
    width:100vw;
    margin-left:calc(50% - 50vw);
    margin-bottom:40px;
}

.page-contact .contact-map iframe{
    width:100%;
    height:450px;
    border:0;
    display:block;
}

.page-contact .page-content{
    border:0;
    box-shadow:none;
    padding-top:0;
}
/*fin contacto mapa*/


.contact-map-full{
    width:100vw;
    margin-left:calc(-50vw + 50%);
    margin-bottom:60px;
}

.contact-map-full iframe{
    display:block;
    width:100%;
    height:450px;
}

.contact-rich{
    padding-right:40px;
    color:#222;
}
.page-contact .breadcrumb,
.page-contact .sidebar{display:none;}
.page-contact #content-wrapper,
.page-contact #wrapper{width: 100%;}
.page-contact .contenido_mapa{
    max-width: 1190px;}
.page-contact h2{margin-top:0;}
/*fin contacto mapa*/

html .thumbnail-container .product-title a:hover {
    color: #111111;
}
.thumbnail-container .product-image {
    width: 250px;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.thumbnail-container .product-image img {
    max-height: 100%;
    width: auto;
}
html .owl-theme .owl-buttons div.owl-prev:before {
    content: "<";
    text-align: left;
}
html .owl-theme .owl-buttons div.owl-next:before {
    content: ">";
    text-align: left;
}
html #wrapper .ApColumn .button-top-large .owl-theme .owl-controls .owl-buttons, 
html #wrapper .ApColumn .button-top-large .carousel .direction {
    top: 0px;
    position: relative;
}
/*LEO MEGAMENU*/
/* Fondo del mega menú */
.leo-megamenu .dropdown-menu,
.megamenu .dropdown-menu{
    width:100%;
    left:0;
    right:0;
    border:none;
    border-top:1px solid #ececec;    
    background:#ffffff;
    padding:40px 0;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}
.leo-megamenu .dropdown-menu .row{
    max-width:1200px;
    margin:0 auto;
    display: block;
}
.leo-megamenu .dropdown-menu .row{
    text-align:center;
}

.leo-megamenu .dropdown-menu .col-lg-3,
.leo-megamenu .dropdown-menu .col-md-3{
    float:none;
    display:inline-block;
    vertical-align:top;
    text-align:left;
    border-right:1px solid #ededed;
    width:24%;
}
/*.leo-megamenu .dropdown-menu .col-md-3,
.leo-megamenu .dropdown-menu .col-lg-3{
    border-right:1px solid #ededed;
    min-height:180px;
    padding:0 28px;
}*/
html .leo-megamenu .navbar-nav > li.aligned-center .dropdown-menu {
        width: 100vw !important;
        left: -160% !important;
}

html .dropdown-sub .dropdown-menu,
html .box-top-header .center-top-header .leo-megamenu .navbar-nav > li.aligned-fullwidth > .dropdown-menu{
    width: 100vw !important;
}
html .leo-megamenu .navbar-nav > li.aligned-fullwidth > .dropdown-menu,
html .leo-megamenu .dropdown-menu{top:99%!important;}
.leo-megamenu .dropdown-menu .col-md-3:last-child{
    border-right:none;
}
.menu-card{
    display:block;
    text-align:center;
}

.menu-card img{
    width:100%;
    border-radius:4px;
    transition:.3s;
}

.menu-card:hover img{
    transform:scale(1.03);
}

.menu-card span{
    display:block;
    margin-top:14px;
    font-weight:600;
}
.ayuda-izquierda-listado ul{list-style-type: none;}
html .leo-megamenu .dropdown-menu li a:hover{text-decoration: underline;color:#dc9814}
.ayuda-izquierda-listado ul li:first-child{
    font-family: Inter;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #111!important;}
.ayuda-izquierda-listado ul li:first-child a{font-weight: bold;}
.contenedor-ayuda-enlace{margin-top: 10px;}
.contenedor-ayuda-enlace a:hoaver{text-decoration: underline;}
/*fin megamenu*/

/*html .product-flags {
    top: 22px;
}*/
.section_marcas {padding-top:0!important}
/* Ocultar el slider hasta que esté inicializado */
.iview,
.bannercontainer,
.tp-banner-container,
.leo-slideshow,
.iviewSlider {
    opacity: 0;
    visibility: hidden;
}

.iview.loaded,
.bannercontainer.loaded,
.tp-banner-container.loaded,
.leo-slideshow.loaded,
.iviewSlider.loaded {
    opacity: 1;
    visibility: visible;
    transition: opacity .3s ease;
}

.product-detail .col-md-6 {padding:0 30px;}
.leo-megamenu .dropdown-menu .menu-title{padding-left: 20px;}
html .radio-label {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    background: white;
    display: inline-block;
    color: #666666;
    padding: 7px 15px;
    font-weight: 600;
    border: 1px solid #ededed;
}

 .ApImage{
    overflow:hidden;
}

.ApImage img{
    transition:transform .4s;
}

.ApImage:hover img{
    transform:scale(1.1);
}   
.icon.fa.fa-user{color:#000!important;}
.leo_free_price p {
    font-size: 1em;
    padding: 10px;
    line-height: 1.4em;
}
.banner-texto p {
    margin: 0 !important;
}

/*carrito*/
.page-cart .container,
.page-order .container {
    margin-top: 50px;
}
.page-cart .container h1,
.page-order .container h1{
    margin-top: 0px;
    font-size:25px;
}
/*fin carrito*/
.nuestro-equipo-imagen-columna .title_block {
    margin-top: 30px;}

.popup-content.dropdown-menu.user-info :before{display: none!important;}
   html #header #search_widget .popup-title {
        height: 60px;
    }



/************************************* MEDIA QUERIES **************************************************/

@media(max-width: 1200px)
{
    .image_description {
        padding: 1rem;
    }
}
@media (max-width: 991px) 
{
    html .container {
        width: 90%;
    }
  .seohome p {
    margin-bottom: 50px;
    margin-right: 15px;
    margin-left: 15px;
    text-align: justify;
    color: #000 !important;
    margin-top: 1px;
  }
  .seohome H1 {
    text-align: center;
    font-size: 28px;
    margin-bottom: 20px;
  }
  .image_description strong {font-size: 20px;}
    .image_description em {margin-bottom: 0.2em;}
    html #wrapper .ApColumn .button-top-large .title_block{margin-top:0}
    html .header-top {padding-top:10px;padding-bottom:10px;}
 .box-top-header{
        display:flex;
        align-items:center;
    }

    .center-top-header{
        order:1;
        flex:1;
        display:flex;
        justify-content:flex-start;
    }

    .left-top-header{
        order:2;
        flex:1;
        display:flex;
        justify-content:center;
    }

    .right-top-header{
        order:3;
        flex:1;
        display:flex;
        justify-content:flex-end;
    }
    .box-top-header .center-top-header {
    display: flex !important;
    justify-content: left!important;
    align-items: left !important;
    position: relative;
}
html .off-canvas-nav-megamenu .offcanvas-mainnav,
html .off-canvas-nav-megamenu .offcanvas-mainnav ul,
html .off-canvas-nav-megamenu .offcanvas-mainnav ul li{
    background:#ffffff;
}
html .off-canvas-nav-megamenu .offcanvas-mainnav ul li ul,
html .off-canvas-nav-megamenu .offcanvas-mainnav ul li ul li,
html .off-canvas-nav-megamenu .offcanvas-mainnav ul li ul li a{
    background:#ededed;
    color:#000;
}
html .off-canvas-nav-megamenu .offcanvas-mainnav ul li ul li{
    padding:5px 0;
}
html .off-canvas-nav-megamenu .navbar-nav > li {
    padding: 15px 10px;
}
html .off-canvas-nav-megamenu .navbar-nav > li > a {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    padding: 0!important;
    background: #ffffff;
}
html .off-canvas-nav-megamenu .navbar-nav > li > .caret:before {color: #000000;}
html .leo-megamenu .dropdown-menu, .megamenu .dropdown-menu {
    border: none;
        background: #ededed;
        padding: 10px;
        margin: 10px;
        box-shadow: none;
        text-transform: uppercase;
        font-size: 13px;
}
html .header-top{height:auto;}
.page-contact .contenido_mapa {
    width: 100%;
    padding: 0;
}
}

/*****/



@media (max-width: 767px) {
.nosotros-contenedor-centrado{
    display: block;
   
}
.nosotros-contenedor-centrado .ApColumn{
    display: block;
}
 .banner-box {position:relative;}
 .banner-box .col-sm-12 {
        float: none;
        width: 80%;
        margin: 20px auto;
    }
    .newsletter-img-img img {
    position: absolute;
    height: 400px !important;
    width: auto !important;
}
.newsletter-img {
    left: 28%;
}
.manufacturers_block img {
    height: 180px;
}
.pagination {
    text-align: center;
    margin: 0 auto;
    width: 100%;
}
.texto-nosotros-izquierda.ApHtml,
.texto-nosotros-derecha.ApHtml {
    text-align: left;
    max-width: 100%;
}
.nosotros-contenedor-centrado{
        display:flex;
        flex-wrap:wrap;
    }

    /* Columna de la imagen */
    .nosotros-contenedor-centrado:nth-child(odd) > .ApColumn:first-child{
        order:2;
    }

    /* Columna del texto */
    .nosotros-contenedor-centrado:nth-child(odd) > .ApColumn:last-child{
        order:1;
    }
   .nuestro-equipo-imagen-columna {
        width: 60% !important;
        margin: 0 auto 20px auto;
        background: white;
    }
    html .cms-id-4 .container #content, html .cms-id-10 .container #content {
    width: 90%;
    max-width: 100%;
}
.ap-accordion h4{margin-top: 20px;}
        #footer, #footer div, #footer p, .footer-bottom {
        text-align: center !important;
        margin-left: auto;
        margin-right: auto;
    }
        .footer-ejecucion-proyecto .block_content .logos-pie-pagina {
        margin-top: 30px;}
    html .off-canvas-nav-megamenu .offcanvas-mainnav ul li ul, html .off-canvas-nav-megamenu .offcanvas-mainnav ul li ul li, html .off-canvas-nav-megamenu .offcanvas-mainnav ul li ul li a {
         margin-left: 0;
    }
    .contact-form {
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: #eee;
    padding: 0;
    padding-top: 20px;}
    .contact-rich{padding:20px!important;}
    .contact-rich, .contact-rich p{text-align:center;}
}

@media(max-width:600px)
{
    #block-newsletter-label {
    font-size: 30px !important;
    margin: 0 !important;}
    .block_newsletter form {
        min-width: 100%;
        background: white;
    }
    .block_newsletter form .input-wrapper {
    width: 85%;
    float: left;
}
        .block_newsletter form .btn {
        display: block;
        width: 15%;
    }
    ul.product_list li {
    width: 100%;
}
ul.product_list li.product-flag {
    width: auto;
}
.nuestro-equipo {
    padding: 0;
}
    .nuestro-equipo-imagen-columna {
        width: 70% !important;
    }
    .nuestro-equipo-imagen-columna .sub-title-widget {
    padding-bottom: 0;
}
html #wrapper .breadcrumb{margin-top: 0;}
}