@charset "UTF-8";
/*!
* Start Bootstrap - Freelancer v7.0.6 (https://startbootstrap.com/theme/freelancer)
* Copyright 2013-2022 Start Bootstrap
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-freelancer/blob/master/LICENSE)
*/
/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */



:root {
  --mfg-color1:#ffffff;
  --mfg-color2:#DFF5EF;
  --mfg-color3:#78C4CA;
  --mfg-color4:#14CBFF;
  --mfg-color5:#03A8D7;
  --mfg-color6:#007C9F;
  --mfg-color7:#006E8E;
  --mfg-color8:#053745;
  --bs-body-bg: #fff;
}

p{
  font-family: 'inter', sans-serif;
  color:#053745;
}

h2{
}



.bg-slide{
  background-image: url(../assets/img/img-slide-portada.jpg);
  background-size: cover;
  display: flex;
  height: 750px;
}

.rectangles{
  display: flex;
  flex-direction: column;
}

.rectangle01_slide{
  width: 120px;
  height: 260px;
  background-color: #DFF5EF;
}

.rectangle02_slide{
  width: 120px;
  height: 100px;
  background-color: #78C4CA;
}

.rectangle03_slide{
  width: 120px;
  height: 130px;
}
.rectangle03_int_slide{
  width: 352px;
  height: 130px;
  background-color: #007C9F;
  background: rgba(0, 124, 159, .8);
  font-family: 'inter', sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
  color: #fff;
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  line-height: 2rem;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: -12px;
}

.content-mafege .rectangle03_int_slide{
  width: 352px;
}

.content-mafege .rectangle05_int_slide{
  width: 320px;
}

.rectangle04_slide{
  width: 120px;
  height: auto;
  background-color: #03A8D7;
}
.rectangle04int_slide{
  width: 340px;
  height: 150px;
  background-color: #007C9F;
  background: rgba(3, 168, 215, 1);
  font-family: 'poppins', sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  color: #fff;
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  line-height: 2.4rem;
  padding-left: 10px;
}

.rectangle04int_slide ul li{
  font-size: .9rem;
  list-style-type: disc;
}

.rectangle04int_slide ul{
  padding-left: 0px;
}

.content-mafege .rectangle05_slide{
  width: 120px;
  height: auto;
  background-color: #DFF5EF;
}
.content-mafege .rectangle05int_slide{
  width: 340px;
  height: auto;
  background-color: #DFF5EF;
  font-family: 'inter', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  padding: 30px 15px;
}

.content-mafege .rectangle05int_slide h4{
  color: #03A8D7;
  font-size: 1.6rem;
  font-family: 'poppins', sans-serif;
}

.rectangle04int_slide h1{
  font-weight: 600;
  font-size: 1.6rem;
}

.rectangle05_slide{
  width: 120px;
  height: 110px;
  background-color: #14CBFF;
}


.serveis_portada{
  margin: 100px 0 50px 0;
}

.serveis_portada h2{
  padding-left: 50px;
  padding-bottom: 30px;
}

a.destactat_serveis{
  background-color: #007C9F;
  height: auto;
  padding-left: 0px;
  padding-right: 0px;
  transition: ease .3s;
  margin: 2rem 0rem ;
}

a:hover.destactat_serveis{
  background-color:#1C96B9;
  height: auto;
}

.destactat_serveis h3{
  background-color: #03A8D7;
  display: flex;
  font-size: 1.4rem;
  flex-wrap: nowrap;
    align-items: left;
    padding: 20px 20px;
    transition: ease .3s;
    text-align: left;
    color: #fff;
}

a:hover.destactat_serveis h3{
  background-color: #2FBFE9;
}

.destactat_serveis p{
  display: flex;
  font-size: .9rem;
  text-align: left;
  padding: 18px 20px;
    color:#fff;
    transition: ease .3s;
}
a:hover.destactat_serveis p{
  color:#fff;
}

.destactat_serveis_contingut{
  padding-right: 0px;
}

.serveis_portada .destactat_serveis_contingut{
  min-height: 340px;
}

.serveis_empresa .destactat_serveis_contingut{
  min-height: 240px;
}


.destactat_serveis_foto_01{
background-image: url(../assets/img/img-portada-fred-industrial.jpg);
background-size: cover;
  background-position: center center;
transition: .6s;
}


.destactat_serveis_foto_02{
  background-image: url(../assets/img/img-atmosfera-controlada-portada.png);
  background-size: cover;
    background-position: center center;
  transition: .6s;
  }


  .destactat_serveis_foto_03{
    background-image: url(../assets/img/img-portada-fred-comercial.jpg);
    background-size: cover;
      background-position: center center;
    transition: .6s;
    }


.destactat_serveis_foto_04{
background-image: url(../assets/img/fotoi-fred-comercial.jpg);
background-size: cover;
  background-position: center center;
transition: .6s;
}


.destactat_serveis_foto_05{
  background-image: url(../assets/img/foto-climatitzacio2.jpg);
  background-size: cover;
    background-position: center center;
  transition: .6s;
  }

  .destactat_serveis_foto_06{
    background-image: url(../assets/img/foto-automatitzacio.jpg);
    background-size: cover;
      background-position: center center;
    transition: .6s;
    }


    .destactat_serveis_foto_07{
      background-image: url(../assets/img/foto-247.jpg);
      background-size: cover;
        background-position: center center;
      transition: .6s;
      }

      .destactat_serveis_foto_08{
        background-image: url(../assets/img/foto-climatizacion-tejado.jpg);
        background-size: cover;
          background-position: center center;
        transition: .6s;
        }

      


a.destactat_serveis.dest-p03{
  margin: 2rem 0rem 2rem 0rem ;
}

.dest-p05 .destactat_serveis_contingut{
  margin-left: -12px;
}
.dest-p07 .destactat_serveis_contingut{
  margin-left: -12px;
}

.dest-p06{
  margin-left: 0px!important;
}

.dest-p07{
  margin-left: 0px!important;
}

a{
  color: #053745;
  text-decoration: none;
}

a:hover{
  color: #053745;
}

.wrapper-bt-portada-serveis{
  margin-top: 50px;
}

.bt-portada-serveis{
  
  color: #006E8E;
  font-family: 'poppins', sans-serif;
  font-weight: 600;
  font-size: 1.2rem;
  background-color: #fff;
  padding: 18px 32px 18px 53px;
  background-image: url(../assets/img/ico-mas.svg);
  background-repeat: no-repeat;
  background-position: 20px 18px;
}

.bt-portada-serveis:hover{
  background-color: #03A8D7;
  background-image: url(../assets/img/ico-mas-hover.svg);
  color: #fff;
}

.equip-portada{
  margin-top: 150px;
}

.foto-equip-portada{
  background-image: url(../assets/img/foto-equip-portada.jpg);
  background-size: cover;
  height: 250px;
    margin-bottom: 40px;
}

.text-equip-portada{
  padding-left: 30px;
}

.text-equip-portada h2{
  padding-bottom: 20px;
}

.certificacions-portada{
  margin-top: 150px;
}

.ico-certificacio{
  background-image: url(../assets/img/bg-certificacio.svg);
  background-size: cover;
  height: 127px;
  width: 249px;
  margin: 0 auto;
}

.ico-certificacio h3{
  text-align: center;
  font-size: 1.3rem;
  font-family: 'inter', sans-serif;
  font-size: 20px;
  padding-top: 60px;
  padding-left: 35px;
  font-weight: 500;
}
.certificacions-portada p{
  padding: 30px 20px 0 20px;
  text-align: center;
}

.certificacions-portada .row{
  display: flex;
}

.footer{
  background-color: #fff;
  margin-top: 80px;
}

.footer-bg{
  background-image: url(../assets/img/bg-footer.svg);
  background-size: cover;
  height: 467px;
  background-repeat: no-repeat;
}

.language-contacte{
  margin-top: 80px;
  padding-bottom: 100px;
}

.footer-language{
  height: 70px;
  display: flex;
  flex-direction: row;
  justify-content: end;
  align-items: flex-end;
}

.footer-language2{
  display: flex;
  flex-direction: row;
  justify-content: start;
}

.footer-language2 a{
  color: #006E8E;
  font-family: 'poppins', sans-serif;
  font-weight: 600;
  font-size: 1.2rem;
  background-color: #fff;
  padding: 15px 32px 15px 53px;
  background-image: url(../assets/img/ico-language.svg);
  background-repeat: no-repeat;
  background-position: 20px 18px;
  MARGIN-RIGHT: -11PX;
  margin-bottom: -1px;
}

.footer-language a{
  color: #006E8E;
  font-family: 'poppins', sans-serif;
  font-weight: 600;
  font-size: 1.2rem;
  background-color: #fff;
  padding: 15px 32px 15px 53px;
  background-image: url(../assets/img/ico-language.svg);
  background-repeat: no-repeat;
  background-position: 20px 18px;
  MARGIN-RIGHT: -11PX;
  margin-bottom: -1px;
}

.footer-language a:hover{
  background-color: #03A8D7;
  background-image: url(../assets/img/ico-language-hover.png);
  color: #fff;
}

.footer-language2 a:hover{
  background-color: #03A8D7;
  background-image: url(../assets/img/ico-language-hover.png);
  color: #fff;
}

.footer-content{
  display: flex;
  flex-direction: column;
  padding: 80px 0 0 110px;
}

.footer-content a.footer-link-tel{
  font-family: 'poppins', sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: #006E8E;
  padding: 0 0 20px 0;
}
.footer-content a.footer-link-tel:hover{
  color: #053745;
}

.footer-content a.footer-link-email{
  font-family: 'poppins', sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #006E8E;
  padding: 0 0 100px 0;
}
.footer-content a.footer-link-email:hover{
  color: #053745;
}

.footer-legal a{
  font-size: .9rem;
  color: #006E8E;
}

.footer-legal a:hover{
  color: #053745;
}

.bg-primary{
  background-color: #03A8D7!important;
  border-radius: 0px!important;
}

.navbar-nav a.current{
  color:#053745!important;
}

.header-empresa .rectangle03_int_slide.h1{
  width: 843px;
}

.header-empresa .rectangle04int_slide{
  font-size: 1rem;
  font-family: 'inter', sans-serif;
  line-height: 1.6rem;
  font-weight: 400;
  height: auto;
  padding: 20px 20px;
  z-index: 100;
  position: relative;
  min-height: 150px;
    margin-left: -12px;
    width: 351px;
}

.header-empresa .rectangle05_slide{
  z-index: 99;
}

.header-empresa .bg-slide{
  background-image: url(../assets/img/bg-portada-empresa.jpg);
  background-size: cover;
  display: flex;
  height: 1140px;
}

.content-mafege .bg-slide{
  background-image: url(../assets/img/foto-empresa-content.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  height: auto;
}

.content-empresa{
  margin-top: 100px;
}

.content-empresa .bg-slide{
  background-image: url(../assets/img/foto-bg-empresa-pressecs.jpg);
  display: flex;
  height: auto;
  justify-content: flex-end; 
  background-repeat: no-repeat;
}

.content-empresa .bg-slide .rectangles{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.content-empresa .rectangle03_int_slide.h1{
  width: 843px;
}

.content-empresa .rectangle04_slide{
  width: 380px;
    height: auto;
    display: flex;
    padding: 0px;
}

.content-empresa .rectangle04int_slide{
  font-size: 1rem;
  font-family: 'inter', sans-serif;
  line-height: 1.6rem;
  font-weight: 400;
  height: auto;
  width: 740px;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  padding:20px;
}

.content-empresa .rectangle05int_slide{
  font-size: 1rem;
  font-family: 'inter', sans-serif;
  line-height: 1.6rem;
  font-weight: 400;
  height: auto;
  width: 740px;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  padding-left: 20px;
}

.content-empresa .rectangle05_slide{
  width: 380px;
    height: auto;
    display: flex;
    padding: 20px;
    background-color: #DFF5EF;
    font-size: 2rem;
}

.content-empresa .rectangle05_slide ul li{
    font-size: .9rem;
    list-style-type:auto;
    padding-bottom: 1rem!important;
}

.content-empresa .rectangle05_slide ul{
  padding-left: 1rem;
  
}

.content-empresa .rectangle05_slide ul.list-beneficis{
  padding-left: 0px;
  
  
}
.content-empresa .rectangle05_slide ul.list-beneficis li{
  font-size: .9rem;
  list-style-type:none;
  padding-bottom: 1rem!important;
}

.content-empresa .rectangle05_slide h5{
  padding: 10px 0;
}

.content-empresa .rectangle05_slide{
  z-index: 99;
  width: 380px;
  height: auto;
}

.content-empresa .rectangle01_slide{
  height: 90px;
}
.content-empresa .rectangle03_slide{
  display: flex;
  justify-content: flex-end; 
  width: 380px;
}

.content-empresa .rectangle03_int_slide{
  padding-left: 20px;
  width: 990px;
  margin-right: -12px;
}


.serveis_empresa{
  margin-top: 100px;
}

.content-mafege .rectangle04int_slide{
  font-size: 18px;
  font-family: 'inter', sans-serif;
color: #fff;
font-weight: 400;
line-height: 1.6rem;
}

.clients-empresa{
  margin-top: 100px;
  margin-left: 00px;
}

.clients-empresa h2{
  margin-bottom: 50px;
  text-align: center;
}

.certificacions-portada h2{
  padding-left: 0px;
  margin-bottom: 50px;
  text-align: center;
}

.clients-empresa .client-bonarea{
  background-image: url(../assets/img/client-bonarea.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: flex;
  height: 140px;
}
.clients-empresa .client-vallcompanys{
  background-image: url(../assets/img/client-vall-companys.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: flex;
  height: 140px;
}
.clients-empresa .client-mercadona{
  background-image: url(../assets/img/client-mercadona.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: flex;
  height: 140px;
}
.clients-empresa .client-carrefour{
  background-image: url(../assets/img/client-carrefour.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: flex;
  height: 140px;
}
.clients-empresa .client-lidl{
  background-image: url(../assets/img/client-lidl.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: flex;
  height: 140px;
}
.clients-empresa .client-fruitona{
  background-image: url(../assets/img/clients-fruitona.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: flex;
  height: 140px;
}
.clients-empresa .client-florenci{
  background-image: url(../assets/img/clients-florenci.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: flex;
  height: 140px;
}
.clients-empresa .client-biobosch{
  background-image: url(../assets/img/clients-biobosch.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: flex;
  height: 140px;
}
.clients-empresa .client-talkual{
  background-image: url(../assets/img/clients-talkual.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: flex;
  height: 140px;
}
.clients-empresa .client-arfon{
  background-image: url(../assets/img/client-arfon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: flex;
  height: 140px;
}

.content-contacte{
  margin-top: 200px;
}

.mapa-contacte{
  background-color: #007C9F;
  min-height: 400px;
}

.mapa-google{
  opacity: .5;
}

.content-contacte .dades-contacte{
  background-color:#DFF5EF;
  background-image: url(../assets/img/bg-contacto.svg);
  background-repeat: no-repeat;
  height: 530px;
  display: flex;
  flex-direction: column;
  padding: 100px 30px 0 160px;
}


.dades-contacte a.footer-link-tel{
  font-family: 'poppins', sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: #006E8E;
  padding: 0 0 20px 0;
}
.dades-contacte a.footer-link-tel:hover{
  color: #053745;
}

.dades-contacte a.footer-link-email{
  font-family: 'poppins', sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #006E8E;
  padding: 0 0 100px 0;
}
.dades-contacte a.footer-link-email:hover{
  color: #053745;
}  

.header-empresa .rectangle01_slide{
    width: 120px;
    height: 175px;
  }

  ul.list-comencial{
    color: #fff;
    font-size: .9rem;
    padding: 0 20px 0 50px;
  }


/* -----------------------------------------------------min 576--------------------------------------------*/


@media (min-width: 576px) {
  .rectangle03_int_slide{
    width: 528px;
    height: 130px;
  background-color: #007C9F;
  background: rgba(0, 124, 159, .8);
  font-family: 'inter', sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #fff;
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  line-height: 2.3rem;
    padding-left: 30px;
  }

  .header-empresa .rectangle03_int_slide{
    width: 540px;
    height: 130px;
  background-color: #007C9F;
  background: rgba(0, 124, 159, .8);
  font-family: 'inter', sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #fff;
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  line-height: 2.3rem;
    padding-left: 30px;
  }

  .rectangle04int_slide{
    width: 528px;
    height: 150px;
    background-color: #007C9F;
    background: rgba(3, 168, 215, 1);
    font-family: 'poppins', sans-serif;
    font-weight: 600;
    font-size: 2rem;
    color: #fff;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    line-height: 2.4rem;
    padding-left: 30px;
  }

  .rectangle01_slide{
    width: 180px;
    height: 260px;
  }


  
  .rectangle02_slide{
    width: 180px;
    height: 100px;
  }
  
  .rectangle03_slide{
    width: 180px;
    height: 130px;
  }

  .rectangle04_slide{
    width: 180px;
    height: 150px;
  }

  .rectangle05_slide{
    width: 180px;
    height: 110px;
  }

  .footer-content{
    padding: 80px 0 0 160px;
  }

  .footer-content a.footer-link-tel{
    font-family: 'poppins', sans-serif;
    font-weight: 600;
    font-size: 28px;
    color: #006E8E;
    padding: 0 0 15px 0;
  }
  
  .footer-content a.footer-link-email{
    font-family: 'poppins', sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #006E8E;
    padding: 0 0 90px 0;
  }

  .dades-contacte a.footer-link-tel{
    font-family: 'poppins', sans-serif;
    font-weight: 600;
    font-size: 28px;
    color: #006E8E;
    padding: 0 0 15px 0;
  }
  
  .dades-contacte a.footer-link-email{
    font-family: 'poppins', sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #006E8E;
    padding: 0 0 90px 0;
  }

  .header-empresa .rectangle04int_slide{
    padding: 20px 20px 20px 30px;
    min-height: 150px;
      margin-left: -12px;
      width: 540px;
  }
  .content-empresa .rectangle04_slide{
    width: 380px;
      height: auto;
      display: flex;
      padding: 30px 20px;
  }
  .content-empresa .rectangle03_slide{
    width: 380px;
  }
  .content-empresa .rectangle05_slide{
    width: 380px;
  }
  .content-mafege .rectangle03_int_slide{
    width: 540px;
  }
  .content-mafege .rectangle05int_slide{
    width: 528px;
    padding: 40px 30px;
  }
  .content-empresa .rectangle03_int_slide{
    padding-left: 40px;
  }

  .header-empresa .bg-slide{
    background-image: url(../assets/img/bg-portada-empresa.jpg);
    background-size: cover;
    display: flex;
    height: 875px;
  }
  .header-empresa .rectangle01_slide{
    width: 180px;
    height: 260px;
  }
}

a.destactat_serveis{
  margin: 2rem 0rem ;
}

a.destactat_serveis.dest-p03{
  margin: 2rem 0rem 2rem 0rem ;
}



/* -----------------------------------------------------min 768--------------------------------------------*/


@media (min-width: 768px) {
  .rectangle03_int_slide{
    width: 720px;
  }
  .header-empresa .rectangle03_int_slide{
    width: 720px;
  }
  .content-mafege .rectangle03_int_slide{
    width: 720px;
  }
  .content-mafege .rectangle05int_slide{
    width: 708px;
  }
  .rectangle04int_slide{
    width: 708px;
    padding-left: 30px;
  }
  .content-mafege .rectangle04int_slide{
    width: 708px;
    padding-left: 30px;
  }
  a.destactat_serveis{
    margin: 2rem 0rem ;
  }
  a.destactat_serveis.dest-p03{
    margin: 2rem 0rem 2rem 0rem;
  }
  .header-empresa .rectangle04int_slide{
    padding: 20px 20px 20px 40px;
    min-height: 150px;
      margin-left: -12px;
      width: 720px;
  }
  .content-empresa .rectangle04_slide{
    width: 600px;
      height: auto;
      display: flex;
      padding: 20px;
  }
  .content-empresa .rectangle03_slide{
    width: 600px;
  }
  .content-empresa .rectangle05_slide{
    width: 600px;
  }
  .dest-p06{
    margin-left: 100px!important;
  }
  .dest-p07{
    margin-left: 220px!important;
  }
  .content-mafege .rectangle04int_slide{
    font-size: 20px;
    font-family: 'inter', sans-serif;
  color: #fff;
  font-weight: 400;
  line-height: 1.9rem;
  }
  .clients-empresa{
    margin-top: 150px;
  }
  .rectangle04int_slide h1{
    font-size: 2.5rem;
  }
  .wrapper-bt-portada-serveis{
    margin-top: 200px;
  }
  .content-empresa .rectangle03_int_slide{
    padding-left: 40px;
  }
  .destactat_serveis h3{
    background-color: #03A8D7;
    display: flex;
    font-size: 1.8rem;
    flex-wrap: nowrap;
      align-items: left;
      padding: 20px 40px;
      transition: ease .3s;
      text-align: left;
      color: #fff;
  }
  .destactat_serveis p{
    display: flex;
    font-size: 1rem;
    text-align: left;
    padding: 18px 40px;
      color:#fff;
      transition: ease .3s;
  }
  .destactat_serveis_foto_04{
    background-image: url(../assets/img/fotoi-fred-comercial.jpg);
    background-size: 145%;
      background-position: center center;
    transition: .6s;
    }
    a:hover .destactat_serveis_foto_04{
      background-size: 160%;
      background-position: center center;
    }
    
    .destactat_serveis_foto_05{
      background-image: url(../assets/img/foto-climatitzacio2.jpg);
      background-size: 145%;
        background-position: center center;
      transition: .6s;
      }
      a:hover .destactat_serveis_foto_05{
        background-size: 160%;
        background-position: center center;
      }
    
      .destactat_serveis_foto_06{
        background-image: url(../assets/img/foto-automatitzacio.jpg);
        background-size: 145%;
          background-position: center center;
        transition: .6s;
        }
        a:hover .destactat_serveis_foto_06{
          background-size: 160%;
          background-position: center center;
        }
    
        .destactat_serveis_foto_07{
          background-image: url(../assets/img/foto-247.jpg);
          background-size: 145%;
            background-position: center center;
          transition: .6s;
          }
          a:hover .destactat_serveis_foto_07{
            background-size: 160%;
            background-position: center center;
          }

          .destactat_serveis_foto_01{
            background-image: url(../assets/img/img-portada-fred-industrial.jpg);
            background-size: 145%;
              background-position: center center;
            transition: .6s;
            }
            a:hover .destactat_serveis_foto_01{
              background-size: 160%;
              background-position: center center;
            }
            
            .destactat_serveis_foto_02{
              background-image: url(../assets/img/img-atmosfera-controlada-portada.png);
              background-size: 145%;
                background-position: center center;
              transition: .6s;
              }
              a:hover .destactat_serveis_foto_02{
              background-size: 160%;
              }
            
              .destactat_serveis_foto_03{
                background-image: url(../assets/img/img-portada-fred-comercial.jpg);
                background-size: 145%;
                  background-position: center center;
                transition: .6s;
                }
                a:hover .destactat_serveis_foto_03{
                background-size: 160%;
                }

                .destactat_serveis_foto_08{
                  background-image: url(../assets/img/foto-climatizacion-tejado.jpg);
                  background-size: 145%;
                    background-position: center center;
                  transition: .6s;
                  }
                  a:hover .destactat_serveis_foto_08{
                    background-size: 160%;
                    background-position: center center;
                  }
            
  
  
}



/* -----------------------------------------------------min 992--------------------------------------------*/


@media (min-width: 992px) {
  .rectangle03_int_slide{
    width: 862px;
    padding-left: 218px;
  }
  .header-empresa .rectangle03_int_slide{
    width: 1000px;
    padding-left: 218px;
  }
  .content-mafege .rectangle03_int_slide{
    width: 850px;
    padding-left: 218px;
  }
  .content-mafege .rectangle05int_slide{
    width: 850px;
    padding-left: 204px;
  }
  .rectangle04int_slide{
    width: 850px;
    padding-left: 30px;
    font-size: 2.6rem;
    line-height: 3rem;
  }
  .content-mafege .rectangle04int_slide{
    width: 850px;
  }
  
  a.destactat_serveis{
    margin: 2rem 0rem ;
  }
  a.destactat_serveis.dest-p03{
    margin: 2rem 1rem 2rem 5rem ;
  }
  .header-empresa .rectangle04int_slide{
    padding: 20px 20px 20px 206px;
    min-height: 150px;
      margin-left: -12px;
      width: 1000px;
  }
  .content-empresa .rectangle04_slide{
    width: 800px;
      height: auto;
      display: flex;
      padding: 20px;
  }
  .content-empresa .rectangle03_slide{
    width: 800px;
  }
  .content-empresa .rectangle05_slide{
    width: 800px;
  }
  
}




/* -----------------------------------------------------min 1024--------------------------------------------*/


@media (min-width: 1024px) {
  .rectangle03_int_slide{
    width: 862px;
  }
  .content-mafege .rectangle03_int_slide{
    width: 862px;
  } 
  
  .rectangle04int_slide{
    width: 850px;
    padding-left: 208px;
  }
  .content-mafege .rectangle04int_slide{
    width: 850px;
    padding-left: 218px;
    padding-right: 30px;
  }
  a.destactat_serveis{
    margin: 2rem 2rem ;
  }
  a.destactat_serveis.dest-p03{
    margin: 2rem 3rem 2rem 8rem ;
  }
  .content-mafege .bg-slide{
    background-size: contain;
  }
  .content-empresa .rectangle03_int_slide{
    padding-left: 120px;
  }
  
}



/* -----------------------------------------------------min 1200--------------------------------------------*/


@media (min-width: 1200px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  a.destactat_serveis{
    margin: 2rem 2rem ;
  }
  .content-empresa .rectangle03_slide{
    width: 960px;
  }
  .content-empresa .rectangle05_slide{
    width: 960px;
    padding: 50px 50px 50px 100px;
  }
  .content-empresa .rectangle04_slide{
    width: 960px;
    padding: 50px 50px 50px 100px;
  }
  .dest-p06{
    margin-left: 220px!important;
  }
  .dest-p07{
    margin-left: 320px!important;
  }
  .content-mafege .rectangle03_int_slide{
    width: 1002px;
  }
  .content-mafege .rectangle05int_slide{
    width: 990px;
  }
  .content-mafege .rectangle04_int_slide{
    width: 990px!important;
  }
  .content-mafege .rectangle04_slide{
    width: 120px!important;
  }
  .content-mafege .rectangle04int_slide{
    width: 990px;
    padding-left: 204px;
    padding-right: 30px;
  }
  
}


/* -----------------------------------------------------min 1400--------------------------------------------*/


@media (min-width: 1400px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  a.destactat_serveis{
    margin: 2rem 3rem ;
  }
}