/*                  <div class="wpb_wrapper">   */
/*                    <div class="separator transparent" style="margin-top: 40px"></div>    */
.separator.transparent { background-color: transparent; } 
.separator { position: relative; display: block; height: 1px; background-color: #eaeaea; margin: 10px 0; } 

/*                    <div class="separator transparent" style="margin-top: 15px; margin-bottom: 0px"></div>    */
/*                    <div class="wpb_text_column wpb_content_element"> */
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li { margin-bottom: 35px; }
.last_toggle_el_margin, .wpb_button, .wpb_content_element, .wpb_row, ul.wpb_thumbnails-fluid>li { margin-bottom: 0 !important; }

/*                      <div class="wpb_wrapper">   */
#content .wpb_alert p:last-child, #content .wpb_text_column :last-child, #content .wpb_text_column p:last-child, 
.wpb_alert p:last-child, .wpb_text_column :last-child, .wpb_text_column p:last-child { margin-bottom: 0; }

/*                        <h2>PRODUCTOS</h2>    */
body:not([class*=bridge-core]) .h1, body:not([class*=bridge-core]) .h2, body:not([class*=bridge-core]) .h3, body:not([class*=bridge-core]) .h4, body:not([class*=bridge-core]) .h5, body:not([class*=bridge-core]) .h6, body:not([class*=bridge-core]) h1, body:not([class*=bridge-core]) h2, body:not([class*=bridge-core]) h3, body:not([class*=bridge-core]) h4, body:not([class*=bridge-core]) h5, body:not([class*=bridge-core]) h6 {
    margin: 20px 0;
}
.h2, body.qode-overridden-elementors-fonts .elementor-widget-heading h2.elementor-heading-title, h2 {
    font-size: 24px; line-height: 1.384615384615385em; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: #303030; }
                     
/*                    <div class="separator transparent" style="margin-top: 5px; margin-bottom: 0px"></div> */
/*                    <div class="separator transparent" style="margin-top: 20px; margin-bottom: 0px"></div>    */
/*                    <div class="projects_holder_outer v4 portfolio_with_space portfolio_with_hover_text"> */
.projects_holder_outer { margin: 0; display: block; width: 100%; }

/*                      <div class="filter_outer">  */
.filter_outer { display: table; width: 100%; position: relative; height: 37px; margin: -30px 0 40px; text-align: center; }

/*                        <div class="filter_holder">   */
.filter_holder { display: table-cell; vertical-align: middle; }

/*                          <ul>    */
.filter_holder ul { display: inline-block; list-style: none; }
ul { list-style-position: inside; }

/*                            <li class="filter active" data-filter="all">  */
.filter_holder ul li { cursor: pointer; display: block; margin: 0; float: left; text-align: center; }

/*                              <span>Todos</span>  */ 
.filter_holder ul li.active span, .filter_holder ul li:hover span, .latest_post_two_holder .latest_post_two_text a:hover { color: #1abc9c !important; }
.filter_holder ul li span { display: inline-block; padding: 0 22px; position: relative; letter-spacing: 1px; text-transform: uppercase; font-weight: 600; }

/*                      <div class="projects_holder portfolio_main_holder clearfix v4 hover_text portfolio_full_image hideItems" style="">  */ 
.full_width .section_inner .projects_holder_outer.v4 .hover_text, .full_width .section_inner .projects_holder_outer.v4 .standard, 
.full_width .section_inner .projects_holder_outer.v5 .hover_text, .full_width .section_inner .projects_holder_outer.v5 .standard, 
.full_width .section_inner .projects_holder_outer.v6 .hover_text, .full_width .section_inner .projects_holder_outer.v6 .standard { width: 100%; }
.full_width .projects_holder_outer.v4 .hover_text, .full_width .projects_holder_outer.v4 .standard, 
.full_width .projects_holder_outer.v5 .hover_text, .full_width .projects_holder_outer.v5 .standard, 
.full_width .projects_holder_outer.v6 .hover_text, .full_width .projects_holder_outer.v6 .standard { width: 95%; margin: 0 auto; }
/**/
.projects_holder { font-size: .1px; line-height: 0; list-style-type: none; text-align: justify; }
/*  :before   */ 
.projects_holder:after, .projects_holder:before { content: ""; display: inline-block !important; width: 100%; vertical-align: middle; }

/*                        <article class="mix portfolio_category_18 portfolio_category_20 default mix_all" style="visibility: visible; display: inline-block; opacity: 1;"> */
article.mix{
  float:left;
  padding-left: 25px;
}
/**/
.projects_holder.v4.hover_text .mix { margin: 0 0 2.2%; }
.projects_holder.v4 .mix, .projects_holder.v4.hover_text .mix { width: 23.5%; margin: 0 0 2.5%; }
.projects_holder.hideItems>.mix { display: none; }
.projects_holder>.mix { 
    visibility: hidden; position: relative; vertical-align: top; 
    -webkit-transition: all .7s ease-out; -moz-transition: all .7s ease-out; -o-transition: all .7s ease-out; transition: all .7s ease-out; text-align: left; 
}
.aligncenter, .clear:after, article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

 /*                         <div class="image_holder">  */ 
 .projects_holder.hover_text article .image_holder { overflow: hidden; z-index: 1;}
.projects_holder article .image_holder, .projects_holder article .portfolio_description { display: block; position: relative; overflow: hidden; }
.projects_holder article .image_holder:hover .image img{-webkit-transform:scale(1.1);transform:scale(1.1)}

/*                            <a itemprop="url" class="portfolio_link_for_touch" target=""> */ 
/* tlavez se peuda borrar */ 
a, p a { color: #303030; text-decoration: none; cursor: pointer; }

/*                              <span class="image">    */  
.projects_holder .mix .image { position: relative; display: block; overflow: hidden; width: 100%; -moz-transform: translateZ(0); -webkit-transform: translateZ(0); }
/* hover    */ 
.projects_holder article .image_holder:hover span.text_holder,.projects_holder article:hover .image_holder.portfolio_jg_image_link+span.text_holder{opacity:1;filter:alpha(opacity=100)}

.projects_holder.hover_text.with_mask article .image_holder:hover .image_hover{opacity:0;filter:alpha(opacity=0)}


/*                                  <img src="./Configuracion/img/Filtro/logoferrari.png" width="400" height="400"/>    */ 
.portfolio_slider .portfolio_slides li.item img, .projects_holder article .image img { 
    -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; backface-visibility: hidden; }
.projects_holder article .image img { position: relative; display: block; width: 100%; z-index: 100; }
a img, table { border: 0; }
img { max-width: 100%; height: auto; image-rendering: optimizeQuality; }

/*                          <span class="text_holder">  */ 
.projects_holder article:hover span.text_holder { height: 100% !important; }
.projects_holder article span.text_holder { 
    background-color: #000; background-color: rgba(21,21,21,.78); bottom: 0; display: inline-block; 
    height: 100%; left: 0; opacity: 0; position: absolute; transition: opacity .4s ease-in-out; 
    -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; 
    -o-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; visibility: visible; overflow: hidden; width: 100%; z-index: 200;
 }

/*                              <span class="text_outer">   */ 
.projects_holder article span.text_holder span.text_outer { display: table; text-align: center; vertical-align: middle; width: 100%; height: 100%; overflow: hidden; }

/*                                <span class="text_inner"> */ 
.projects_holder article span.text_holder span span.text_inner { display: table-cell; text-align: center; vertical-align: middle; width: 100%; height: 100%; margin: 0; padding: 0; }

/*                                  <div class="hover_feature_holder_title">
                                    <div class="hover_feature_holder_title_inner">
                                      <h5 itemprop="name" class="portfolio_title entry_title" > */ 
.projects_holder.hover_text article .hover_feature_holder_title .portfolio_title, .projects_holder.justified-gallery article .hover_feature_holder_title .portfolio_title { margin: 0 0 7px; }
body:not([class*=bridge-core]) .h1, body:not([class*=bridge-core]) .h2, body:not([class*=bridge-core]) .h3, 
body:not([class*=bridge-core]) .h4, body:not([class*=bridge-core]) .h5, body:not([class*=bridge-core]) .h6, 
body:not([class*=bridge-core]) h1, body:not([class*=bridge-core]) h2, body:not([class*=bridge-core]) h3, 
body:not([class*=bridge-core]) h4, body:not([class*=bridge-core]) h5, body:not([class*=bridge-core]) h6 { margin: 20px 0; }
.h5, body.qode-overridden-elementors-fonts .elementor-widget-heading h5.elementor-heading-title, h5 { 
    font-size: 15px; line-height: 1.571428571428571em; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; 
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: #303030; }
a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, 
font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, 
strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var { background: 0 0; border: 0; margin: 0; padding: 0; vertical-align: baseline; outline: 0; }

/*                                        <a itemprop="url" href="http://www.valvulasros.com" target="_self">C</a>  */ 
.projects_holder.hover_text article .hover_feature_holder_title .portfolio_title a, 
.projects_holder.hover_text article span.text_holder span.text_inner .hover_feature_holder_title .project_category, 
.projects_holder.justified-gallery article .hover_feature_holder_title .portfolio_title a, 
.projects_holder.justified-gallery article span.text_holder span.text_inner .hover_feature_holder_title .project_category { color: #fff; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #303030; -webkit-transition: color .1s linear; -moz-transition: color .1s linear; transition: color .1s linear; }


/*                                      <div class="portfolio_separator separator small center"></div>  */ 
.projects_holder.hover_text article .hover_feature_holder_title .separator, .projects_holder.justified-gallery article .hover_feature_holder_title .separator { background-color: #fff; }
.projects_holder article .hover_feature_holder_title .separator.small, 
.projects_masonry_holder article .hover_feature_holder_title .separator.small { background-color: #fff; margin-top: 10px; margin-bottom: 10px; }
.separator.small { background-color: #303030; height: 2px; position: relative; width: 22px; display: block; margin: 10px auto 20px; }

/*                                      <span class="project_category">S</span> */ 
.projects_holder.hover_text article span.text_holder span.text_inner .hover_feature_holder_title .project_category, 
.projects_holder.justified-gallery article span.text_holder span.text_inner .hover_feature_holder_title .project_category { font-weight: 500; }

.projects_holder article span.text_holder span span.text_inner .project_category { color: #a6a6a6; display: block; font-size: 13px; line-height: 22px; }
.projects_holder article .portfolio_description .project_category, .projects_holder.hover_text article .project_category, 
.projects_holder.justified-gallery article .project_category { line-height: 22px; display: block; font-size: 13px; font-weight: 500; }

.portfolio_main_holder .project_category, .projects_masonry_holder article .project_category { margin-bottom: 10px; }
.portfolio_main_holder .project_category { margin: 0; display: block; line-height: 1; font-size: 12px; }