/** 
Theme Name: Fabertec
Theme URL: tresfocos.com.ar
Author: Santillan Emilse & Pamela Schurrer
Description: Fabertec <strong>By 3Focos. Design: Emilse Santillan, development: Schurrer Pamela.</strong>
Version:1.0
License: GUN
Tags: 
Text Domain: fabertec
*/

:root{
    --fuentePrincipal: 'Poppins', sans-serif;
     --fuenteHeading:  'Fraunces', serif;
;
/** colours */

--blanco:#ffffff;
--negro:#000000;
--grisClaro:#c1c1c1;
--azul:#28225C;

--contenedor:1300px;
}

*{
    margin:0px;
    padding:0px;
    list-style: none;
    text-decoration: none;
    font-family: sans-serif;
    box-sizing: border-box;
    font-family:var(--fuentePrincipal);
  }
  
  .content-fluid{
    position:relative;
    margin:auto;
    width:100%;
    height: auto;
  }
  
  .row{
    position:relative;
    margin:auto;
    width:100%;
    height: auto;
    clear:both;
    display:table;
  }
  
  [class*="col-"]{
    float:left;
    padding:0px;
  }
html{

    box-sizing: border-box; 
   
  
}

*, *::before, *::after{
    box-sizing: inherit;
}

body{
    font-family: var(--fuentePrincipal);
    font-size: 1rem;
    line-height: 1.6rem;
    color: #111111;
}

h1,h2,h3,h4,.big{
       font-family: var(--fuentePrincipal);
}

h1,.big{font-size: 3rem;}
h2{font-size: 3rem;}
h3{font-size: 1.8rem;}
h4{font-size: 1.6rem;}
.tmedio,.tmediob{
    color: var(--azul);
    font-size: 1.6rem;
    line-height: 1.8rem;
    margin-bottom: 2rem;
}

.tmediob{
    font-weight: bold;
}
img{max-width: 100%;}

a{
    text-decoration: none;
}



ul{
    padding:0;
    margin: 0;
    list-style: none;
}

p{color: #000000;
   margin-bottom: 1rem;

}

p.subtitle{ margin-bottom: .5rem;}

@media(max-width: 768px) {
    p.subtitle{ text-align: center;}
}

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.full-image{
    display: inline-block;
    width: auto;
    max-width: 100%;
    margin: 20px auto;
}
.contenedor{width: 95%;
max-width: var(--contenedor);
margin: 0 auto;
display: flex;
}
.full{
    display: table;
    width: 100%;
    margin-top: 30px;
}


.noventa{width: 90%;
    display: table;
margin:0 auto; max-width:1600px;}



.text-right{
    text-align: right;
}

.clearfix::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
/** Header */

.site-header{
width: 100%;
display: table;
position: absolute;
top:2rem;
z-index: 9999;
border-bottom: 1px solid #fff;
color: #fff;
}

.site-header .noventa{
    display: flex;
    justify-content: space-between;
    margin: 1rem auto;

}
.logo{visibility: visible;}
.menudos{text-align: right;}
.custom-logo-link img{width: auto; max-width: auto; height: auto;}



/**Utilidades*/
.text-center{
    text-align: center;
}
.seccion{
   padding: 1rem;

}

@media(min-width: 768px) {
    .boton,.boton-azul{
        
     display: inline-block;
     flex: 0 0 auto;   
    }
}

.boton-azul{
background-color: var(--azul);
color: var(--blanco);
}

.boton-secundario{
    background-color: var(--rojo);
    color: var(--blanco);
    }


@media(min-width: 768px) {
    .seccion{
        position: relative;
        background-color: var(--blanco);
        margin-top: -4rem;
        padding:2rem 4rem ;

    }  
    
}
 img{
     max-width: 100%;
     height: auto;
 }

.titulo, h1 {
    color: var(--azul);
    margin-bottom: 1.5rem;
    font-size: 2rem;
    line-height: 2rem;
}
 H3{
    color: #4698C5;
    margin: 10px 0px;
    font-size: 1.3rem;
    }

    



@media(min-width: 1025px) {

.menu-principal{
    margin:.5rem auto;
    display: table;
    width: 100%;
}
    .menu-sitio .menu{
        width: 100%;
        text-align: center;

    }
    .menu-sitio .menu li{
        display: inline-block;
        margin: .2rem;
        padding: .4rem;
    }

    .menu-sitio .menu li:first-of-type{background:url(img/icons/menu-pc.png)no-repeat;
    background-position: center left; padding-left: 40px; }
}



.menu-sitio .menu li:last-of-type{
background: none;
padding-right: 0;

}
    .menu-sitio .menu li a{
           font-family: var(--fuentePrincipal);
        color: var(--blanco);
        font-size: 1rem;
        font-weight: normal!important;
        text-align: center;
    }
    .menu-sitio .menu li.current_page_item a{
font-weight: bold;
    }
    .menu-sitio .menu li:hover a{
       color: #f1f1f1;

        }



/** Footer*/

.linea-footer{
    background: rgb(40,34,92);
background: linear-gradient(90deg, rgba(40,34,92,1) 0%, rgba(48,38,131,1) 100%);
width: 100%;
margin-top: 2rem;
margin-bottom: 1rem;
height: 5px;
}

.site-footer{
    border-top:1px solid var(--azul) ;
    margin-top:0;
    padding: 3rem 0 .2rem;
    background:var(--azul);
    color: var(--blanco);
    color: var(--azul) ;
    font-size: 1rem;
    
}

.site-footer a {
    color:var(--blanco);
}
 

.items{
      display: flex;
      justify-content:space-between;
      flex-wrap: wrap;
      
  }
  
  .item {

vertical-align: top;
margin-right: .9rem;
text-align: left;
color: #fff;
}
  
.item p, .item a, .item span{color: var(--blanco);}


.item span{
    display: block;
    margin-top:1rem;
    padding-bottom: .5rem;
    font-weight: bold;
}
.title-footer{text-align: center;
margin:1rem auto 4rem;
color: var(--blanco);
font-weight: bold;
font-size: 3rem;
   font-family: var(--fuentePrincipal);}

  @media(max-width: 768px) {
   
    .item{display: block;
        flex: none;
    width: 90%;
margin: 10px auto;} 
  }
  
  .derechos{  
    color:var(--blanco);
    font-size: .8rem;
}

  .derechos .items{  
    align-items: center;
}


.telefono, .email{
    padding: 10px 10px 10px 95px;
    text-align: left;
    display: table;
    margin: 2rem 0;
}


.telefono span, .email span{
    display: block;
    font-weight: bold;
    margin-bottom: .2rem;


}
.telefono {
    background: url(img/tel.png)no-repeat;
    background-position: center left;
}




.email {
    background: url(img/mail.png)no-repeat;
    background-position: center left;

}



.facebook{background: url(img/facbook.png)no-repeat;}

.intagram{background: url(img/instagram.png)no-repeat;}



@media(max-width: 768px) {
    .informacion-header { text-align: right;
        width: 100%;

    }
    a.boton-azul{
        right: 5%; 
        margin: auto;
        float: right;
        display: table;
    }
}
.footer-nav .menu li{
    text-align: center;
}

.footer-nav .menu a{
    color: var(--negro);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.4rem;
       font-family: var(--fuentePrincipal);
}

.separador{
    display: none;
}
@media(min-width: 768px) {
    .separador{
        display: inline;
        margin: 0 1rem;
    }
   
}

.big, H2{
    color: #fff;
    position: relative;
    z-index: 2;
    font-weight: bold;
    line-height: 3.5rem;
    text-align: center;
    margin-bottom: 2rem;
}
H2{
    color: var(--azul);
    text-align: left;
}
.fondogris{
    background-color: #f1f1f1;
    padding: 2rem;
}

.wp-block-quote{

    background: url(https://tc-group.com.ar/wp-content/uploads/2020/11/cita.png)no-repeat;
    background-position:  left top;
    padding: 0 0 0 45px;
    margin-bottom: 1rem;
}

.divisor{
border-top:1px solid #ddd; display: table;margin-bottom: 2rem;
width: 100%; height: 1px;
-webkit-box-shadow: 0px 0px 12px 4px rgba(204,204,204,0.4); 
box-shadow: 0px 0px 12px 4px rgba(204,204,204,0.4);

}
.header-paginas{
    padding:0;
    width: 100%;
   
}
.big{
   
    font-size: 3.5rem;
    line-height: 3.5rem;
    margin-bottom: 1rem;
    text-align: left;
    font-weight: bold;


}
.small{color: var(--azul);
text-align: center;}

.subtitulo {
    color: var(--azul);
}
/*** Formulario*/

/* Contact Form */


.gris{
    background: #F9F9F9;
    width: 100%;
    display: table;
    padding:4rem 0 2rem;
  
}
.formulario-contacto{
   width: 90%;
   margin:0 auto 3rem;
   text-align: center;


}

.f2{
    display: inline-block;
    width: 49%;
    text-align: left;
}
.f1{
    display: block;
    margin: 0 auto;
    width: 98%;
    text-align: left;
}


input[type='text'],
input[type='email'],
textarea{
    border:none;
    border-bottom:1px solid #ddd;
    padding: 1.5rem .1rem .5rem;
    margin: .5rem auto;
    color: #333;
    width: 100%;
    background: transparent;

}

textarea{
    height: 120px;
}

input[type='text']:focus ,
input[type='email']:focus ,
textarea:focus {
    outline: none;

    border-bottom: 2px solid #ccc;
}
input[type='submit']{
    background: transparent url(img/enviar.png)no-repeat;
    background-position: right center;
    color:var(--azul);
    padding: .5rem 3rem .5rem .5rem;
    border:none;
    text-transform: uppercase;
    font-weight: bold;
}

input[type='submit']:hover{
    color: #000;

}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #000;
  }
  ::-moz-placeholder { /* Firefox 19+ */
    color: #000;
  }
  :-ms-input-placeholder { /* IE 10+ */
    color: #000;
  }
  :-moz-placeholder { /* Firefox 18- */
    color: #000;
  }


.contacto{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.box-contacto{
    flex-grow: 1;
    width:50%;   
}


@media(max-width: 768px) {
    .contacto{
        display: table;
        width: 100%;

     
    }  
    .box-contacto{
       display: table;
        width: 100%;
    }

    
    .f1, .f2{
        display: table;
        margin: 0 auto;
        width: 98%;
        text-align: left;
    }

    .formulario-contacto{
width: 100%;
}


}

/* wrapper  ******************** */

.bx-wrapper {
    box-shadow:none;
    border: none;
    margin: 0;
    background: transparent;
}


.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: 10px;
    }



/* Slider  ******************** */
.slider{
    margin: 0 0 2rem;
    padding:0;
    width: 100%;

}
.slider-home .noventa{
    padding-bottom: 20px;
}
.slider-home li{padding: 0;
    padding-top: 170px;
margin: 0;
color: #fff;}




.bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
}


@media(max-width: 530px) {
    .slider-home li{padding: 0;
        padding-top: 200px;
    }
}


.slider-description, 
.slider-home p{color: #fff;}

a.slider-bottom{ background: url(img/linea.png)no-repeat;
    background-position: left center;
    padding: .5rem  1rem .5rem 3rem;
    color:#fff;
    margin: 2rem 0rem;
    display: table;
    border:1px solid #fff;
    z-index: 99998;


}


a.n-bottom{
    background: url(img/linean.png)no-repeat;
    background-position: left center;
    padding: .5rem  1rem .5rem 3rem;
    color:var(--azul);
    margin: 2rem 0rem;
    display: table;
    border:1px solid var(--azul);
    z-index: 99998;
    font-weight: bold;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: 20px;
}

/* obras */
.obras{display: flex; 
    flex-wrap: wrap;
justify-content:space-around;
    max-width:1600px;
    margin:0 auto;
}
.box-obras{
    padding: 0;
    flex-grow: 1;
    width: 33%;
    position: relative;
    align-content: center;

}

@media(max-width: 768px) {
    .obras{display: flex; 
        flex-wrap: wrap;
   justify-content:center;
flex-direction: column;
max-width: 80%;
margin: 1rem auto;

}
.box-obras img{width: 100%; height: auto;}
.box-obras{
    padding: 0;
    position: relative;
    width: 100%;
    margin:  auto;
    text-align: center;

} 
}


.centrado{
    position: absolute;
    top: 56%;
   text-align: left;
   padding: 1.5rem;
       font-family: var(--fuentePrincipal);
    font-size: 2.2rem;
    color: #fff;
    visibility:hidden;
}


.box-obras:hover .centrado{
    visibility: visible;

}
.box-obras:hover {
    background: #28225C url(img/plas.png)no-repeat;
    background-position: 47% 30%;
   
}

.box-obras:hover img{
    opacity: .1;
}


/* Calses */
.max-900{
    max-width: 900px;
    margin:1rem  auto;
}

.max-800{
    max-width: 800px;
    margin:1rem  auto;
}

.max-700{
    max-width: 700px;
    margin:1rem  auto;
}

.max-600{
    max-width: 600px;
    margin:1rem  auto;
}
.gray-background,.gray{
    background: #EDEDED;
    color: var(--azul);
    padding: 1.5rem 0 0;
}

.gray{padding: 1.5rem;margin-bottom: 1rem;}
.gray-background .wp-block-image{
    padding: 0;
    margin: 0;
    border: none;
}

.spacing{
    padding: 1rem 1.5rem;
}

.gray-background  .wp-block-columns{
    margin: 0;
}


.gray-background img{
width: 100%!important;
height: auto!important;
padding: 0!important;
margin: 0!important;
}

p.read-more-arrow > a{ 
    background:url(img/icons/read-more-arrow.png)no-repeat;
    background-position: left center;
    padding: .3rem 2rem;
    display: table;
    text-indent:-666em;
    overflow:hidden;
}




.iconos-home{display:block;
    width: 100%;
    color: var(--azul);
   text-align: center;

}
.iconos-home .wp-block-image{ text-align: center;display: inline-block; }

.iconos-home  figure{width: 100px;}


.iconos-home .wp-block-image img{
margin-bottom: -15px;
}

 
.wp-block-image{ margin-bottom: .3rem;}

.espacio{
    padding: 1rem 1rem 3rem;
}


a.volver{
    background: url(img/linean.png)no-repeat;
    background-position: center left;
    padding-left: 50px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 1.5rem;
    display: table;


}
.botonmenu{font-size:1.2rem;cursor:pointer;  display: none; visibility: hidden;
    color:#fff; 
  padding: 5px ;  z-index: 9998; font-weight: bold;}
   .overlay {
       height: 100%;
       width: 0;
       position: fixed;
       z-index: 9999;
       top: 0;
       left: 0;
       color: #f1f1f1;
      background: var(--azul) url(img/icons/logo-fondo.png)no-repeat;
      background-position: center center; 
       overflow-x: hidden;
       transition: 0.5s;
   }
   
   .overlay-content {
       position: relative;
       top: 25%;
       width: 100%;
       text-align: center;
       margin-top: 30px;
       z-index: 9999!important;
   }
   
   .overlay a {
       padding: 8px 8px 8px 35px;
       display: table;
       margin: 0 auto;
       width: 220px;
       text-decoration: none;
       font-size: 25px;
       text-align: left;
       color: #f1f1f1;
       display: block;
       transition: 0.3s;
     
   }
   
   .overlay a:hover, .overlay a:focus {
       color: #fff;
   }
   
   .overlay .closebtn {
       position: absolute;
       top: 20px;
       right: 45px;
       font-size: 60px;
       background: none;
   }



   .menu-sitio .menu li:last-child{
       width:50px;
       height: 29px;
       background: url(img/instagram.png)no-repeat!important;
   }
   
   .menu-sitio .menu li:last-child a
  {
    color: transparent;

   }
   @media(max-width: 1024px){ 
        .site-header .noventa{align-items: center;}
   /*    .logo{display: none;visibility: hidden;}
     
       .menu-social ul li{display: none; visibility: hidden;}
       .menu-social ul li:last-of-type{display: inline-block; visibility: visible;}
       .logo-mobil{display: inline-block; visibility: visible;}*/
       .botonmenu{visibility: visible; display: table;float: right; margin: 10px}
       .menu-principal{display: none; visibility: hidden;}
       .cincuenta{width:49%}
       .menudos{display: flex; align-items: center;}
    }
    


    @media(max-width:768px){ 
        .site-header .noventa, .fondo-paginas .noventa{display: block; margin-top: 20px;}
        .menudos{ justify-content: center;}
        .logo, .menudos{
         width: 100%;
         text-align: center;
        
     }

     .site-header .noventa ,.fondo-paginas .noventa{
        display: table;
        justify-content: space-between;
        flex-direction: column;

        margin: 0 auto;
    
    }

    .slider-home br{
        display: none;
    }
.big{margin-bottom: 2rem; font-size: 3rem; line-height: 3rem;}


    }

    @media(max-width: 550px) {
      
        .big{margin-bottom: 2rem; font-size: 2rem; line-height: 2rem;}


    }  
    
ul.servicios{
    display: inline-block;
    margin: 0rem 2rem 2rem;
    list-style: none;
    vertical-align: top;
}

.servicios li span{
    color: var(--azul);
    display: block;
    padding-bottom: .5rem;
}

.servicios li img{
    margin-bottom: 1rem;
}

.servicios li:first-child,.servicios li:nth-child(2) {
    border-bottom:none;
}
.servicios li {
    padding-bottom: .3rem;
    border-bottom:1px solid #ddd;
}


.fondo-paginas{
    background: url(https://fabertec.com.ar/wp-content/uploads/2021/04/bannerpagina.jpg)no-repeat;
    background-position: left top;
    background-size: cover;
    width: 100%;
    display: table;
}

.fondo-paginas .noventa{
    display: flex;
    justify-content: space-between;
    margin: 1rem auto;
}


.paginas-header{
    border-top: 1px solid #fff;
    padding:3rem 0;
    width: 100%;
    display: table;
   
}


.paginas-header .noventa{
    display: table;
    width: 90%;
    margin: 0 auto;
}
.paginas-header p{
    display: table;
    font-size: 1.2rem;
    color: #fff;
    width: 100%;
    margin: 1rem 0;
}

a.wapp{
    background: url(img/wapp.png)no-repeat;
    background-position: center left;
    padding: 5px 5px 5px 27px;
    color: #fff;
     
}