@font-face {    font-family: 'Bold';    src: url('../fonts/Montserrat-Bold.ttf'); font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'Medium';    src: url('../fonts/Montserrat-Medium.ttf'); font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'SemiBold';    src: url('../fonts/Montserrat-SemiBold.ttf'); font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'Light';    src: url('../fonts/Montserrat-Light.ttf'); font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'Regular';    src: url('../fonts/Montserrat-Regular.ttf'); font-weight: normal;    font-style: normal;}

.dedades a{color: #9d9d9d!important;font-family: 'Bold', Arial, Helvetica, sans-serif;font-size: 13px;}
.dedades img{margin-left:35px;}
a.idiomes {font-family: 'Regular', Arial, Helvetica, sans-serif;    color: #3c3c3b !important;    line-height: 15px;    font-size: 1vh;    text-transform: uppercase !important; padding:2px 15px; margin-right:8px; transition: 0.5s;}
a.idiomes:hover{color: #00626B !important; transition: 0.5s;    background-color: rgba(200, 200, 200, 0.2);    border-radius: 4px;    backdrop-filter: blur(5px);}

.debarna{background-image: url('../imgs/f3-home.jpg'); background-size: cover; background-position: center; clear: both;min-height: 400px;padding: 50px;}
.mini{font-family: 'Medium', Arial, Helvetica, sans-serif;    color: #828282!important;    line-height: 19px;    font-size: 14px;}
.mini p{padding: 20px; }
.tresbolas{width:100%;max-width:170px; padding: 10px;}


.descaro h2{font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 21px;    line-height: 27px;    color: #111;    margin: 10px 0; }

.grid222 {    position: relative;    margin: 0 auto;    padding: 1em 0 4em;    max-width: 1000px;    list-style: none;    text-align: center;}
.servicio1{color:#ffffff; text-transform: uppercase;font-family: 'Bold';   background-position: top center; min-height: 270px!important;text-align: left; line-height: 22px; font-size:19px;}
.servicio1 p {padding:30px 20px; }

.servicioint{color:#ffffff; text-transform: uppercase;font-family: 'Bold';  text-align: left; line-height: 22px; font-size:19px; position: absolute; z-index: 1;}
.servicioint p {padding:30px 20px; }

.dedata{background-color:#009830; color:#ffffff; text-align: center; font-size: 32px;font-family: 'Bold';padding:10px; width: 100%;}
.demes{background-color:#d5de00; color:#000; text-align: center; font-size: 15px;font-family: 'SemiBold';padding:3px; width: 100%;}
.denews{text-align: left;font-family: 'SemiBold'; font-size: 15px; line-height: 18px; color:#000;}
.detabla tr td{ border-bottom:1px solid #cccccc; padding:5px; }
.aladerecha ul li {margin-left: 25px;}
.aladerecha ol li {margin-left: 25px;}
.demas50{padding:0 50px;}
.dema50{padding:50px;}
.solohome{display: none;}
.cajaverde{padding: 30px;    background-color: #6ba932;color:#fff;min-height: 260px;;font-family: 'Medium';}
.fondomarca{ background-position: center;background-size: contain;width: 100%; padding-top: 80%; min-height: 187px;    background-repeat: no-repeat;    background-color: #ffffff;}
.exclusivo{padding: 3px 15px; border-radius:4px; background-color:#fcbe0e; color: #000;}
.menuScroll{     height: 80px;   transition: all 1s ease;    background-color: #ffffff; opacity:1;position: relative; box-shadow: rgba(0, 0, 0, 0.05) 0px 25px 20px -20px;}

#caixaMenuE{background-color:#e52024;border-bottom:3px solid #fff!important; padding: 0px 0 10px 0 !important;margin-top:10px; transition: all 1s ease;}
#caixaMenuS{background-color:#e52024;border-bottom:3px solid #fff!important; padding: 0px 0 10px 0 !important;margin-top:10px; transition: all 1s ease;}
#caixaMenuP{background-color:#e52024;border-bottom:3px solid #fff!important; padding: 0px 0 10px 0 !important;margin-top:10px; transition: all 1s ease; }
.logoPetit{max-width: 245px; transition: all 1s ease;background-color:#fff;}
.ajustMenuSuperior{margin-top:6px !important; transition: all 1s ease;background-color:#fff; }
.taula {    width: 100%;    margin-left: auto;    border-spacing: 0px;    border-width: 0px;    font-size: 16px;}
    .bolas4 {margin-top: -130px;z-index: 88; position: relative;}
.lineabaja tr td{padding: 10px; border-bottom: 1px solid #c3c3c3; text-align: left; background-color: #f2f2f2; vertical-align: top; }
.lineabaja2 tr td{padding: 10px; border-bottom: 1px solid #c3c3c3; text-align: left; background-color: #c8e0b2; vertical-align: top;}
.lineabaja img {float: right;}
.lineabaja2 img {float: right;}
.negrogrande{background-color:#000000; color:#fff;min-height:450px;padding-top:100px;}
.alineados{padding:0 11%;}
.submenu{    font-family: 'Medium', Arial, Helvetica, sans-serif;    color: #ffffff!important;    line-height: 45px;    font-size: 13px;    font-weight: 400;    letter-spacing: 2px;    text-transform: uppercase;    padding:20px 20px 20px 15px;}
#upCVfile {    background-color: #e5e5e5;    font-size: 18px;    padding: 2px;    border: 0;    width: 100%;    text-align: left;    color: #000;}

.clasadjunto{margin-right:15px;float:left;display: inline-block;font-size: 14px;margin-right:45px; font-family: 'Medium'; color:#000; border-right:1px solid #00626B;padding-right: 17px;}
.clasadjunto img{margin: 0 7px 0 0px;}
.homebola{  font-family: 'SemiBold';font-size: 17px;    font-weight: bold;    letter-spacing: 1px; line-height: 20px; text-align: center;}
.homebola1{  font-family: 'Regular';font-size: 15px;    font-weight: normal;    letter-spacing: 1px; line-height: 22px; text-align: center; color:#686868;}
.fhome1{background-image:url('../imgs/f1-home.jpg');margin-top:50px;background-size: cover;   min-height: 588px;   text-align: center; color: #ffffff;    font-family: 'Bold' ,Arial, Helvetica, sans-serif; font-size: 64px;    font-weight: bold;     text-transform: uppercase;    letter-spacing: -2px;    padding-top: 130px;}
.slogan2{    font-family: 'Regular', arial;    font-size: 17px;    letter-spacing: 0px;    line-height: 1.6; text-transform: none; font-weight: normal;    font-style: normal;}
.slogan3{ display: block; text-align: center;    font-family: Bold;    font-size: 26px;    line-height: 27px;    text-transform: none;    font-weight: normal;    font-style: normal;    color: #e51e23;}
.sloganblanco{    text-align: center;    color: #ffffff;    font-family: 'Regular' ,Arial, Helvetica, sans-serif;    font-size: 64px;    line-height: 77px;    font-weight: bold;    letter-spacing: 2px;    padding-top: 130px;}
.sloganblancomedio{    text-align: center;    color: #ffffff;    font-family: 'Regular' ,Arial, Helvetica, sans-serif;    font-size: 44px;    line-height: 47px;    font-weight: bold;    letter-spacing: 2px;    padding-top: 130px;}
.sloganblancopeque{    text-align: center;    color: #ffffff;    font-family: 'Regular' ,Arial, Helvetica, sans-serif;    font-size: 30px;    line-height: 30px;    font-weight: normal;    letter-spacing: 2px;    padding-bottom: 40px;}
b{font-family: 'Bold';}
.textoverde{color: #e52024;    font-weight: 600;    line-height: 1.4em;font-family: 'Bold';    font-size: 24px;}
.textoverdegran{color: #e52024;    font-weight: 600;    line-height:43px;font-family: 'Bold';    font-size: 44px;}

.cajagris{background-color:#2b2f34; color:#ffffff; padding:30px; text-align: center;  font-size: 17px; line-height: 26px;border-radius: 7px; margin:3px 4px 4px 15px;}
.cajagris b{color:#e52024 }

.dentroitem{text-align:left;font-size: 16px;line-height: 20px;width: 90%;}
.slogangeneral {    font-family: 'regular' ,Arial, Helvetica, sans-serif;    font-size: 16px;    font-weight: 500;    text-transform: uppercase;    letter-spacing: 2px;    text-align: center;    color: #fff;}

.titolgremis{ font-family: Regular;color: #54595F;    font-size: 18px;    font-weight: 400;    letter-spacing: 6.9px; letter-spacing: 2px; color: #979797;}
.elementor-button {    font-size: 14px;    font-weight: bold;    text-transform: uppercase;    line-height: 1em;    letter-spacing: 2px;    background-color: #000000;  border-radius: 2px 2px 2px 2px;    padding: 18px 30px 18px 30px;    font-family: 'SemiBold';    color: #fff;    transition: 0.8s;}
.elementor-button:hover { background-color: #e52024;transition: 0.8s;}

.elementor2-button { border:0;   font-size: 14px;  font-weight: bold;  text-transform: uppercase; line-height: 1em;  letter-spacing: 2px;  background-color: #e52024;  border-radius: 2px 2px 2px 2px;    padding: 18px 30px 18px 30px;    font-family: 'SemiBold';    color: #fff;    transition: 0.8s; display: inline-block;}
.elementor2-button:hover { background-color: #797979;transition: 0.8s;}

.elementor3-button {  font-size: 14px;    font-weight: bold;    text-transform: uppercase;    line-height: 1em;    letter-spacing: 2px;    background-color: #e52024;  border-radius: 2px 2px 2px 2px;    padding: 16px 30px 16px 30px;    font-family: 'SemiBold';    color: #fff;    transition: 0.8s;}
.elementor3-button:hover { background-color: #797979;transition: 0.8s;}

.elementor4-button { border:0;   font-size: 14px;  font-weight: bold;  text-transform: uppercase; line-height: 1em;  letter-spacing: 2px;  background-color: #e52024;  border-radius: 2px 2px 2px 2px;    padding: 18px 30px 18px 30px;    font-family: 'SemiBold';    color: #fff;    transition: 0.8s; display: inline-block;float:right;margin-left: 0px;}
.elementor4-button:hover { background-color: #797979;transition: 0.8s;}


.deesloganhome{position: absolute; text-align: center;padding:130px 19% 0 19%;}

.contenedorpeque{    max-width: 1340px;    padding-left: 10px;    padding-right: 10px;    margin-right: auto;    margin-left: auto;    position: relative;    width: 98%;}
.fegicat{padding:34px 0 0 13px;}

.cajainstalador{    background-color:#e52024;    color:#ffffff;    letter-spacing: 2px;    font-size:13px;    font-family: 'Regular';    padding: 15px 24px 15px 24px;    text-align: center;    text-transform: uppercase;    max-width: 280px;    display: inline-block;}
.cajacliente{    background-color:#ffffff;    color:#e52024;    letter-spacing: 2px;    font-size:13px;    font-family: 'Regular';    padding: 15px 24px 15px 24px;    text-align: center;    text-transform: uppercase;    max-width: 280px;    display: inline-block;}
.inputinstalador {    border: #fff 1px solid;    border-top: #e52024 1px solid;    border-bottom: #e52024 1px solid;    font-family: 'Regular', Arial, Helvetica, sans-serif;    font-size: 12px;    color: #e52024;    letter-spacing: 2px;    text-transform: uppercase;    padding: 10px;    background-color: #FFFFFF;    margin: 3px 0 3px 0;    width: 285px;    margin-right: 20px;}
.inputidiomas {    border: #fff 1px solid;    border-top: #939393 1px solid;    border-bottom: #939393 1px solid;        font-family: 'Regular', Arial, Helvetica, sans-serif;    font-size: 12px;    color: #939393;    letter-spacing: 2px;    text-transform: uppercase;    padding: 10px;    background-color: #FFFFFF;    margin: 3px 0 3px 0;    width: 125px;    margin-right: 20px;}

.grid-1 {   display: grid;  width: 100%;  margin: 0 auto;  grid-template-columns: repeat(5, 1fr);}
.coloca5{font-family: 'Light'; line-height: 17px;font-size: 13px; text-align: left;  padding:15px;color:#58595b;    min-height: 520px;}
.coloca5 img{width:100%;max-width:100px;margin:15px 0;}
.coloca5 h3{ font-family: 'Bold';line-height: 21px;font-size: 17px; text-transform: uppercase; color: #231f20;margin:0;}
#contenidorProductes ul li {margin-left:25px;}
#contenidorProductes ol li {margin-left:25px;}

.grissombra{background-color:#ededed;-webkit-box-shadow: 0px 5px 14px -9px rgba(0,0,0,0.52);-moz-box-shadow: 0px 5px 14px -9px rgba(0,0,0,0.52);box-shadow: 0px 5px 14px -9px rgba(0,0,0,0.52);}
.grissombra a { font-family: 'Bold'}
body {
    font-family: 'Light' ,Arial, Helvetica, serif;
    color: #3c3c3b;
    line-height: 22px;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    background-color: #FFFFFF;

}
.taula > tbody > tr > td > .inputcontacto {
    border: #cccccc 1px solid;
    font-family: 'Medium', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #666666;
    padding: 4px;
    background-color: #FFFFFF;
    margin: 3px 0 3px 0;
    width: 92%;
}

.descombro{min-height:190px!important;}
.pezuna{color:#e52024;font-size:22px;}
.peques{text-transform:none;color:#8e8e8e;font-size:12px; line-height:14px;line-height:16px;}
.destaca img {float:left;margin:5px 20px 65px 0;}
.deproject{border:1px solid #cccccc;float:left;width:92%;}
.dealturin{background-color:#f4f4f4;;border-bottom:1px solid #cccccc;min-height:218px;padding-left:0;margin-bottom:15px;}
.textckeditor{color:#666;}
.textckeditor ul li {margin-left: 25px;}
.titulotop{position: absolute;    color: #ffffff; top: 43%;    right: 22px;    z-index: 3;font-family: 'Bold';}
.telefono{display:inline-flex; color:#860621;font-family: 'Medium';margin-right: 20px;font-family: 22px;}
.telefono span{font-family: 'Bold';}
.barrote{background-image:url('../imgs/fons-icos.gif');background-repeat: repeat-x;margin-bottom:50px;}
.cuadrobase h2{font-size: 20px;    line-height: 22px;}
.containter-fluid-home{clear:both; width:100%; position: relative;margin-top:30px;}
.borraesp{display: block;}
.alturaBlocs{background-color: #eee; padding: 4%!important; height: 550px; font-size: 19px; line-height: 26px;}
.espiral{font-family: 'Medium' ,Arial, Helvetica, sans-serif;    color: #ffffff;    line-height: 26px;    font-weight: normal;    font-style: normal;    font-size: 18px;}
.barraMenu{ position:relative;z-index:94;width:100%;top:0px; transition: 1s; }
/*.barraMenu:hover{background-color: rgba(0, 0, 0, 0.8); transition: 1s;  backdrop-filter: blur(5px);}*/



.mundial2{ position:fixed;z-index:94;width:100%;top:0px; }
.mundial3{background-color: #e52024; position:sticky;z-index:93;width:100%;top:0px;-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.10);-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.10);box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.10); }

.areaexclusiva{
    font-family: 'Medium', Arial, Helvetica, sans-serif;
    color: #000!important;
    line-height: 30px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
background-color: #fcbe0e; position:sticky;z-index:2;width:100%;top:58px;-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.10);-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.10);box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.10); }

.claimbcn{position:absolute; right:0;top:0;width:202px;height:202px;background-image:url('../imgs/caja-footer.png');color:#ffffff;padding:90px 40px 20px 20px; line-height: 22px;   font-family: 'Bold'; }
.cajaserv{font-size: 16px; line-height: 20px; padding-top: 10px;}

.cajasector{font-family: 'Bold'; font-size:18px;position:absolute;bottom:0px;text-align:right;padding:78px 20px 20px 20px;background-image:url('../imgs/fons-sector.png');color:#fff;z-index:4554;width:100%;min-height: 125px;vertical-align: text-bottom; text-transform: uppercase;}
.cajasector img{padding-left: 10px;}
.cajaproducto{padding:30px; font-size: 16px; line-height: 21px;}
.cajaproducto h2{ font-size: 26px; line-height: 30px; font-family: 'Bold';}

.menuempresa{padding:6px;text-align:center;}
.menuempresa img {width:100%;text-align:center;margin-top:15px;}
.menuempresa a  {margin-left: 0!important;}
.menuempresa a h3 { font-family: 'Bold', Arial, Helvetica, sans-serif;  color: #ffffff; text-transform: uppercase;  text-align: center; padding: 15px 0px 0 0px;line-height: 19px;font-size: 15px;}
.demas h2{margin: 0px 0 5px 0;}
.imgBackground {    background-size: cover;    background-position: center;    width: 100%;    height: 550px;}

.ocho{padding-left:8px;}
.desaparece ul {width: 100%}
.peque {    font-family: 'Medium' ,Arial, Helvetica, sans-serif;    color: #fff;    line-height: 20px;    font-weight: normal;    font-style: normal;    font-size: 19px;}
.minipeque {    font-family: 'Medium' ,Arial, Helvetica, sans-serif;    color: #1d1d1d;    line-height: 10px;    font-weight: normal;    font-style: normal;    font-size: 12px; text-transform: uppercase;}

.caixaImgNoti{ background-position: center;background-size: cover; background-repeat: no-repeat; height: 280px;border:1px solid #cccccc!important;}

.barcelona{position:absolute;bottom:0;padding:20px 0; color:#fff;    width: 100%;}
.barcelona a{ color:#fff!important;}

.minimaaltura{min-height:129px;}


.loslaterales{padding:0 5%!important;}
.espect{font-family: 'Bold' ,Arial, Helvetica, sans-serif; font-size: 15px; line-height: 17px;padding-left: 10px;}

.desaparece{display: block;}
.aparececesto{display: none;}
.alturalogo{height:98px;}
.colocamenu{min-width:300px;float:left;}
.colocamenu h3{font-size: 15px;}

.dropdown{  
    font-family: 'Bold', Arial, Helvetica, sans-serif;
    color: #ffffff;
    line-height: 15px;
    margin-top: 11px;
    padding-bottom: 18px!important;
    font-size: 1.8vh;
    text-transform: uppercase;
}
.dropdown a{color: #3c3c3b!important}
.familias{  font-family: 'Bold', Arial, Helvetica, sans-serif;color: #959595;   text-transform: uppercase;  min-height: 34px;   text-align: center; margin: 4px 3px 0 0;    display: inline-block;      padding: 25px 0px 0 20px;       font-size: 14px;}

.idiomas{   display:inline-block; font-family: 'Bold', Arial, Helvetica, sans-serif;    border:0; text-align: center;   font-size: 10px; color: #ffffff; font-weight: normal; font-style: normal; text-transform: uppercase; line-height: 19px; background-color: #eee; width: 32px;height: 32px; padding:7px 0;}
.idiomas a{color: #fff!important}
.idiomas2{ background-color: #e7e7e7!important; text-align: center; font-family: 'Bold', Arial, Helvetica, sans-serif;  font-size: 15px;    color: #8d8d8d;font-weight: normal;    font-style: normal;      text-transform: uppercase;    line-height: 15px;   width: 200px;    padding:5px 15px; float:right; }
.idiomas2 a{color:#ffffff!important;}
.barratop img{margin-left: 8px; border: 0; width: 32px}

a:link{ text-decoration: none;  color: #222; transition: 0.5s;}
a:visited{  text-decoration: none;  color: #222; transition: 0.5s;}
a:hover{    text-decoration: none;  color: #00626B; transition: 0.5s;}
a:active{   text-decoration: none;  color: #00626B; transition: 0.5s;}

.deinstala{text-align: right;padding-top: 34px;}
.banners{width:100%;margin:0 0 25px 0;}
.borrar{display: block;}
.aparecer{display: none;}


.logo1 {    width: 100%;    margin-top: 3px;    max-width: 220px;    margin-left: 0px; transition: 0.8s; padding: 15px 0;}
.logo2 {    width: 50%;    margin-top: -16px;    max-width: 180px;    margin-left: 8px; transition: 0.8s; }

.bottoninfo{border-radius:5px; border: #cccccc 0px solid;text-transform: uppercase; font-family: 'Bold', Arial, Helvetica, sans-serif;  font-size: 15px;    color: #ffffff; padding: 8px 24px 4px 24px; width:150px;    background-color: #969696;}
a.bottoninfo{color: #ffffff!important;}
.bottoncomprar{ border: #cccccc 0px solid;  font-family: 'Bold', Arial, Helvetica, sans-serif;  font-size: 18px;    color: #ffffff; padding:3px 14px;   min-width:130px;    background-color: #969696;   border-radius:6px 6px 6px 6px!important;}
.bwish{ font-family: 'Bold';    font-size: 13px;    color: #ffffff; padding: 1px;   min-width:120px;    background-color: #ababab; border:0;text-transform: uppercase; float:right;margin:2px;}
.bottoncomprar_wishlist{    font-family: 'Bold', Arial, Helvetica, sans-serif;  font-size: 15px;    color: #ffffff; padding: 3px;   text-align: center; width:48.5%;    text-transform: uppercase;  background-color: #969696;  border:0;   margin:2px;}
.iconografiarosa11:hover, .bottoninfo:hover, .bottoncomprar:hover{ border-radius:5px; color: #fff; background-color: #000!important; -webkit-transition: background-color 300ms linear;    -moz-transition: background-color 300ms linear;    -o-transition: background-color 300ms linear;    -ms-transition: background-color 300ms linear;    transition: background-color 300ms linear;}
.alturabuscador{height:64px!important;}
.caixaProjectes > h3 {
font-family: 'Medium', Arial, Helvetica, sans-serif;
    font-size: 19px;
    line-height: 24px;
    color: #ffffff;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
    /* margin: 0 0 0px 0; */
    background-color: #00018a;
    min-height: 61px;
    padding-top: 10px;
}

.esmalte h1 {font-family: 'Bold', Arial, Helvetica, sans-serif; font-size:28px; line-height: 30px;  color: #969696; font-weight: normal;    font-style: normal;     margin: 0 0 0 0; text-transform: uppercase; }
.esmalte > .path {text-transform: uppercase; color: #bbbbbb; font-size: 11px;}

.serveis {font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 31px;    line-height: 30px;  color: #2d2c2c; font-weight: normal;    font-style: normal;}
.carionte h1 {font-family: 'Bold' ,Arial, Helvetica, sans-serif;    font-size: 31px;    line-height: 38px;    font-weight: 500;    margin-top: 0px;    color:#212121;    padding: 0; text-transform: uppercase;}


h1 {font-family: 'Semibold' ,Arial, Helvetica, sans-serif;    font-size: 3.5vh;    line-height: 4vh;    margin-top: 0px;    color:#3c3c3b;    margin: 0px 0 15px 0; }
h2 { font-family: 'Bold', Arial, Helvetica, sans-serif; font-size: 2.8vh;    line-height: 3.6vh;  color: #3c3c3b;    margin:10px 0;}

h2.contacto { font-family: 'Bold', Arial, Helvetica, sans-serif; font-size: 2.2vh;    line-height: 3.6vh;  color: #3c3c3b;    margin:10px 0;}

h3 {
    font-family: 'Medium', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #212121;
    font-style: normal; 
    font-weight: normal;
    margin: 10px 0 10px 0;
}

.identicoh1 {font-family: 'Bold' ,Arial, Helvetica, sans-serif;    font-size: 31px;    line-height: 38px;    font-weight: 500;    margin-top: 0px;    color:#212121;    padding: 30px 0 15px 0; text-transform: uppercase;}
h5 {font-family: 'Bold', Arial, Helvetica, sans-serif;  font-size: 17px;    line-height: 20px;  color: #000;    font-weight: normal;    font-style: normal;     margin: 10px 0; text-align: left;}

.similarh1 {font-family: 'Bold', Arial, Helvetica, sans-serif !important;   font-size: 32px;    line-height: 40px;  color: #e52024; margin: 0; font-weight: normal; font-style: normal; }
.igualh1 {color: #000000;     font-size: 20px;    font-weight: 500;    text-transform: uppercase;    letter-spacing: 10px; margin: 0 0 10px 0;  font-family: 'SemiBold', Arial, Helvetica, sans-serif;}

.inputcontacto {
    border: #cccccc 1px solid;
    font-family: 'Medium', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #666666;
    padding: 8px 8px 8px 18px;
    background-color: #FFFFFF;
    width: 100%;
    margin: 6px 0;
    border-radius: 19px;
}
.input {
    border: #cccccc 1px solid;
    font-family: 'Medium', Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    margin-right: 25px;
    padding: 5px;
    background-color: #FFFFFF;
    font-style: italic;
    width: 160px;
}

.inputayuda {
    border: #cccccc 1px solid;
    border-right: 0px;
    font-family: 'Medium', Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
    height: 35px;
    background-color: #FFFFFF;
    text-transform: uppercase;
    font-style: italic;
    width: calc(100% - 150px);
    border-radius: 6px 0 0 6px;
    padding-left: 8px;
    float: left;
}

.botonbuscador {
    border: #cccccc 1px solid;
    border-left: 0px;
    font-family: 'Medium', Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    background-color: #cfcfcf;
    width: 35px;
    height: 35px;
    float: left;
    border-radius: 0 6px 6px 0;
}

.botonbuscadorx {
    border: #cccccc 1px solid;
    border-left: 0px;
    font-family: 'Medium', Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    background-color: #cfcfcf;
    width: 35px;
    height: 35px;
    float: left;
}

.botonbuscadory {
    border: #cccccc 1px solid;
    border-left: 0px;
    font-family: 'Medium', Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    background-color: #cfcfcf;
    width: 35px;
    height: 35px;
}

.botoModifica {
    margin: 15px 0px;
    border: #cccccc 0px solid;
    font-family: 'Bold', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #ffffff!important;
    padding: 6px 10px;
    background-color: #000;
    text-decoration: none;
    border-radius:6px;
}

.botoModifica:hover {
    background-color: #454545;
    text-decoration: none;
}

.bottoncomprar2 {
    border: #cccccc 0px solid;
    font-family: 'Bold', Arial, Helvetica, sans-serif;
    font-size: 22px;
    color: #ffffff;
    padding: 8px 22px;
    width:200px;
    background-color: #000;
    margin: 0 auto;
    border-radius:6px;
    -webkit-transition:background-color 300ms linear;
    -moz-transition:background-color 300ms linear;
    -o-transition:background-color 300ms linear;
    -ms-transition:background-color 300ms linear;
    transition:background-color 300ms linear
}
.bottoncomprar2:hover {
    background-color: #318ba2;
    text-decoration:none;
    border-radius:5px;
}

.bottoncomprarproducto {
    border: 0px;
    font-family: 'Bold', Arial, Helvetica, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    color: #ffffff;
    padding: 6px;
    margin-bottom: 10px;
    margin-top: 2px;
    width:100%;
    border-left:1px solid #ffffff;
    background-color: #969696;
    -webkit-transition:background-color 300ms linear;
    -moz-transition:background-color 300ms linear;
    -o-transition:background-color 300ms linear;
    -ms-transition:background-color 300ms linear;
    transition:background-color 300ms linear
}

.texto {    font-family: 'Medium', Arial, Helvetica, sans-serif;    font-size: 18px;    color: #575757; font-weight: normal;    font-style: normal; }

.path{font-family: 'Medium', Arial, Helvetica, sans-serif;  font-size: 13px;    line-height: 24px;  color: #3c3c3b; font-style: normal;     font-weight: normal;    margin: 0 0 10px 0; text-transform: uppercase;}
.ref{font-family: 'Bold', Arial, Helvetica, sans-serif; font-size: 17px;    color: #000; line-height: 20px; text-transform: uppercase;}

hr.lineanegra { 
    width: 100%;
    height: 0px;
    margin: 0px;
    margin-top: 9px;
    margin-bottom: 9px;
    border: 0;
    display: flex;
    text-align: left;
    border-bottom: 1px solid #212121;
}
hr.linea { 
    width: 100%;
    height: 0px;
    margin: 0px;
    margin-top: 15px;
    margin-bottom:12px;
    border: 0;
    display: flex;
    text-align:left;
    border-bottom: 1px solid #c6c6c6;
}




h4 {
    font-family: 'Medium', Arial, Helvetica, sans-serif;
    font-size: 3vh;
    line-height: 22px;
    color: #333;
    font-weight: normal;
    margin: 0;
}

.data {
    font-family: 'Bold', Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 26px;
    color: #00626B;
    font-weight: bold;
    margin-bottom: 5%;
}


/* ----------------------------------------------  divs AREA PRIVADA  ---------------------------------------------- */
.cajaprivada {
    border:1px solid #cccccc; 
    width:100%; 
    min-height:250px;
    padding:20px; 
    margin:0px 25px 15px 0;
    float:left;
}


/* ----------------------------------------------  divs home  ---------------------------------------------- */
.contenedor {
    margin:0 auto;
    max-width: 1340px;
    width:100%;
    position: relative;
}

.contenedor2{
    margin:0 auto;
    max-width: 1700px;
    width:95%;
    position: relative;
}

.taula_cistella {
    color:#575757;
    font-family: 'Bold', Arial, Helvetica, sans-serif;
    font-size: 18px;
}
.modifdatos{
    border-radius:4px; 
    background-color:#e4e4e4; 
    padding:7px;
    color:#545454;
    font-family: 'Bold', Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 14px;
    width:150px;
    text-align: center;
    text-transform: uppercase;
    margin-left:11px;
    margin-bottom: 5px;
    float: right;
}



/* ----------------------------------------------  divs productos  ---------------------------------------------- */

.cajaaclientes {
    border:1px solid #e4e4e4; 
    width:45%;
    padding:20px; 
    margin:10px 25px 15px 0;
    min-width:200px;
    position:relative;
    float:left;
}

/* ------------------------------------------
  NAV TOGGLE STYLES
  --------------------------------------------- */

  .promocions_error{
    border: #ff0000 2px solid;
  }

  .promocions{
    border: #cfcfcf 1px solid;
    font-family: 'bold', Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #ffffff;
    padding: 5px;
    background-color: #b9b9b9;
    margin: 1px 0 1px 0;
    width: 50px;
  }

  .codi_repetit{
    display:none;
  }

  .codi_repetit_error{
    display:inline;
    color: red;
  }

  .no_veure{
    display: none;
  }

  .ajudansmobil{
    display:none;
  }

  .ajudanspc{
    display:inline;
  }

  .pregunta{
    width:300px;
    height:25px;
    text-align:left;
    float:left;
    padding-top:10px;
  }

  .valoracio_pregunta{
    margin-left:5%;
    float:left;
    width:50%;
    padding-top:10px;
  }

  .inputpregunta
  {
    border: #cccccc 1px solid;
    font-family: 'bold', Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
    padding: 4px;
    background-color: #FFFFFF;
    margin: 3px 0 3px 0;
    width: 100%;
  }


p {
    margin: 0px;
}


  .imatge_seccio_esq{
    margin:1%;
    margin-left:20px;
    border:0;
    width:90%;
  }

  .imatge_seccio_dre{
    margin:1%;
    margin-right:20px;
    border:0;
    width:90%;
  }

  .imatge_seccio_cen{
    border:0;
    width:100%;
  }

  .div_seccio1{
    width:35%;
    margin-bottom:20px;
  }

  .div_seccio2{
    width:65%;
    margin-bottom:20px;
  }

  .noticia_imatge{
    width:25%;
    float:left;
  }

  .noticia_descripcio{
    width:75%;
    float:left;
  }

  .maps_mobil{
    display: none;
  }

  .videos_mobil{
    display: none;
  }

  .minim4caracters{
    color: #ff0000;
    font-size: 12px;
    position: absolute;
    top: 53px;
    left: 22px;
  }

  


.botoVeureMes{float:right;background-color: #b3b3b3; color: #fff; padding: 4px 20px; text-align: center; text-transform: uppercase; font-size: 14px;}
.botoVeureMes:hover{background-color: #e52024; color:#fff;transition: 0.8s;}

.botoTornar{background-color: #e52024; color: #fff; padding: 4px 20px; text-align: center; text-transform: uppercase; font-size: 14px;}
.botoTornar:hover{background-color: #333; color:#fff;transition: 0.8s;}

.botoEnviar{float:left;background-color: #333; color: #fff; padding: 4px 20px; text-align: center; text-transform: uppercase; font-size: 14px; min-width: 150px; border: 0;}
.botoEnviar:hover{background-color: #e52024; color:#fff;transition: 0.8s;}

.dia {font-family: 'regular', Arial, Helvetica, sans-serif; font-size: 11px;    line-height: 20px;  color: #982d2d; }

.mes {font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 20px;    line-height: 20px;  color: #e52024; font-style: normal; text-align: center; font-weight: 700;}



/* ******************************************************** */
/* ****************** FORMULARIS ************************** */
/* ******************************************************** */
.inputNew{ margin: 7.5px 0 !important; border: 2px solid #ededed  !important; width:100% !important; padding: 10px 20px !important; font-family: 'Semibold', Arial, Helvetica, sans-serif; font-size: 14px !important; color:#222 !important; min-height: 50px; background-color: #fefefe; border-radius: 6px;}
.inputNew::placeholder{font-family:  'Regular', Arial, Helvetica, sans-serif;   font-size: 13px;  color: #777;}
.textareaNew{ margin: 5px 0; border: 2px solid #ededed; width:100%; padding: 10px 20px; font-family: 'Semibold', Arial, Helvetica, sans-serif; font-size: 15px; color:#333;  background-color: #fefefe; border-radius: 6px;}
.textareaNew::placeholder{font-family:  'Regular', Arial, Helvetica, sans-serif;   font-size: 13px;  color: #777;}

.notas{font-size: 12px;font-family: 'Regular', Arial, Helvetica, sans-serif; color: #333}
.inputNew option{font-family:  'Medium', Arial, Helvetica, sans-serif;   font-size: 15px;  color: #666; font-style: italic;}


select .inputNew{color: #000; border-radius: 0px !important;}

.h2llistat{font-family: 'Bold', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #111;
    font-style: italic; 
    margin:0px 0 0px 0;
    text-transform: uppercase;}


.h3serveiHome{  font-family: 'Bold', Arial, Helvetica, sans-serif;
    font-size: 19px;
    line-height: 22px;
    color: #000;
    font-style: normal; 
    font-weight: bold;
    margin: 0 0 10px 0;}


.nomEquip{font-family: 'Bold', Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #000;
    font-style: normal; 
    font-weight: bold;
    margin: 0 0 5px 0;
}

.carrec{font-family: 'Medium', Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 22px;
    text-transform: uppercase;
    color: #999;
    font-style: normal; 
    font-weight: normal;
    margin: 0 0 5px 0;
}







@media 
  only screen and (max-width: 1003px),
  (min-device-width: 300px) and (max-device-width: 1003px)  {
    .esconderico{
        display: inline-block;
    }

    /* Force table to not be like tables anymore */
    .table, .thead, .tbody, .th, .td, .tr {  display: block;  }

    /* Hide table headers (but not display: none;, for accessibility) */

    thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 35%;
        min-height:35px;      
    }

    .td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 0px;
        left: 6px;
        padding-right: 10px;
        font-weight: bold;
        white-space: nowrap;
    }
}
  
.taulaEstandard {
    border-spacing: 0px;
    border-width: 0px;
}

.taulaEstandard td, .taulaEstandard th {
    padding: 0px;
    vertical-align: top;
}



ul.languageMenu {position:relative; top:-1px; clear:both; z-index:1000; }
ul.languageMenu a{text-decoration:none; font-weight:normal;}
ul.languageMenu, ul.languageMenu ul, ul.languageMenu li{margin: -2px;list-style-type: none;}
ul.languageMenu li {padding-top:0px; text-align: center;}
ul.languageMenu li a{color:#939393; text-decoration:none;font-size:12px; font-family:'Bold', Arial, Helvetica, sans-serif;  text-align:center; line-height: 22px;}
ul.languageMenu li a:hover {color: #fff;}
ul.languageMenuSub {display: none; border-top:0; background-color: #ebebeb; width: 100%; max-width:200px;}
ul.languageMenuSub li { display:block;}
ul.languageMenuSub li a {padding: 0px;margin: 0px;}
ul.languageMenu li:hover ul.languageMenuSub {display: block;text-transform: uppercase;}
ul.languageMenu li:hover ul.languageMenuSub li {}
ul.languageMenu li:hover ul.languageMenuSub li a {background:none;display: block;border: none;}
ul.languageMenu li:hover ul.languageMenuSub li a:hover{background:none; color:#fff; font-weight:normal; text-decoration:underline}
.languageMenu li:hover > a {color:#FFF;-khtml-border-bottom-right-radius: 4px; -khtml-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;}
ul.languageMenu .dropdown {background:url('downarrow.png') no-repeat right 4px; padding-right:12px;}
.selectorIdioma {max-width: 130px;cursor: pointer; display: inline-block; text-align: center; margin-left:10px; width: 100%; border:0; background-color:#ebebeb; border-radius:7px;padding:2px 10px;    font-family: 'Bold', Arial, Helvetica, sans-serif; font-size: 13px; }

/************RP*************/

.titHome{font-family:'Bold';text-transform: none; font-size: 23px;}

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

.menu2{text-decoration: none;}
.menu2 li{display: inline-block;padding: 30px 20px 0 20px;}
.separador1{padding: 20px;text-transform: uppercase;}

.botonVolver{color:#959595;font-family: 'Bold'; font-size:15px;text-transform:uppercase;}

#recent-works .col-xs-12.col-sm-4.col-md-3{padding:0;}
#recent-works{padding-bottom:70px;}
.recent-work-wrap{position:relative;}
.recent-work-wrap img{width:100%;}
.recent-work-wrap .recent-work-inner {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: pointer!important;}
.recent-work-wrap .recent-work-inner{top:0;background:transparent;width:100%;color:#fff;font-family:'light', Arial, Helvetica, sans-serif;font-size:14px;text-align:left;font-weight:normal;font-style:normal;line-height:18px;opacity:1; padding-top: 24%;}
.recent-work-wrap .recent-work-inner h3{margin:10px 0;}
.recent-work-wrap .overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;border-radius:0;color:#fff;vertical-align:middle;-webkit-transition:opacity 500ms;-moz-transition:opacity 500ms;-o-transition:opacity 500ms;transition:opacity 500ms;padding:20px;}
.recent-work-wrap .overlay .preview{bottom:0;display:inline-block;height:35px;line-height:35px;border-radius:0;background:transparent;text-align:center;color:#fff;}

.recent-work-wrap:hover .overlay1{opacity:1;background-image:url('../imgs/negro.png')!important;text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);}
.recent-work-wrap:hover .overlay2{opacity:1;background-image:url('../imgs/negro.png');text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);}
.recent-work-wrap:hover .overlay3{opacity:1;background-image:url('../imgs/negro.png');text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);}
.recent-work-wrap:hover .overlay4{opacity:1;background-image:url('../imgs/negro.png');text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);}

.deponer{background-size: cover; background-position: top center; min-height: 520px; width: 100%}



/*******************************************************/
/************** GRUPO FOGASEL *****************/
/*******************************************************/

.navbar-right, .navbar-nav > li {
    float: none !important;
}    
 
.navbar-nav > li {
    display: inline-block;
}

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

.navCentral{margin-top: 80px; transition: 0.5s;}
.navLateral{margin-top: 48px; transition: 0.5s;}

.navCentral2{margin-top: 42px; transition: 0.5s;}
.navLateral2{margin-top: 10px; transition: 0.5s;}

.marcaIdioma{color: #00626B !important}


.botoNou{display: inline-flex; align-items: center; justify-content: center; padding: 5px 40px; border: 2px solid #3c3c3b; border-radius: 4px;transition: 0.8s;font-family: 'Bold'; text-transform: uppercase; font-size: 12px; background-color: #fff; }
.botoNou:hover{background-color: #3c3c3b; transition: 0.8s;color: #fff;}
a.botoNou{color: #3c3c3b; }
a:hover .botoNou{color: #fff !important;}

.botoNouSlider{display: inline-flex; align-items: center; justify-content: center; padding: 5px 40px; border: 2px solid #00838F; border-radius: 4px;transition: 0.8s;font-family: 'Bold'; text-transform: uppercase; font-size: 12px; background-color: #00838F; min-width: 250px; }
.botoNouSlider:hover{background-color: #00626B; transition: 0.8s;color: #fff; border: 2px solid #fff;}
a.botoNouSlider{color: #fff !important; }
a:hover .botoNouSlider{color: #fff !important;}


.botoError{display: block; align-items: center; justify-content: center; padding: 5px 40px; border: 2px solid #3c3c3b; border-radius: 4px;transition: 0.8s;font-family: 'Bold'; text-transform: uppercase; font-size: 12px; background-color: #fff; margin-bottom: 10px;}
.botoError:hover{background-color: #3c3c3b; transition: 0.8s;color: #fff;}
a.botoError{color: #3c3c3b; }
a:hover .botoError{color: #fff !important;}


html, body, section {block-size: 100%;}

html {   scroll-snap-type: y mandatory;  -webkit-overflow-scrolling: touch;  scroll-behavior: smooth;}
section {  scroll-snap-align: start;  scroll-snap-stop: always;  display: flex;  align-items: center;  justify-content: center; scroll-snap-points-x: initial; scroll-snap-points-y: repeat(100%); }
.bloc_empresa {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: 1fr;grid-column-gap: 50px;grid-row-gap: 50px;}
.bloc_empresa_div1 { grid-area: 1 / 1 / 2 / 2; padding: 80px 0 100px 30%;}
.bloc_empresa_div2 { grid-area: 1 / 2 / 2 / 4; padding: 100px 0; width: 70%;}

.bloc_servei{font-family: 'Light', Arial, Helvetica, sans-serif;}
.bloc_servei p{margin-bottom: 30%;}
.bloc_servei h2 { font-family: 'Light', Arial, Helvetica, sans-serif;   font-size: 2.8vh;   line-height: 3.6vh;  color: #3c3c3b; margin:10px 0;}

.bloc_servei1 {display: grid;grid-template-columns: 35% repeat(3, 1fr);grid-template-rows: 1fr;grid-column-gap: 50px;grid-row-gap: 50px;}
.bloc_servei1_div1 { grid-area: 1 / 1 / 2 / 2; align-content: end; height: 100vh; position: relative;  width: 100%;  }
.bloc_servei1_div2 { grid-area: 1 / 2 / 2 / 5; background-size: cover; background-position: center;}
.postext_bloc_servei1{position: absolute; top: 15%; width:100%; padding: 0 20% 0 30%;}

.bloc_servei2 {display: grid;grid-template-columns: repeat(3, 1fr) 35% ;grid-template-rows: 1fr;grid-column-gap: 50px;grid-row-gap: 50px;}
.bloc_servei2_div1 { grid-area: 1 / 4 / 2 / 5; align-content: end; height: 100vh; position: relative;  width: 100%;  }
.bloc_servei2_div2 { grid-area: 1 / 1 / 2 / 4; background-size: cover; background-position: center; }
.postext_bloc_servei2{position: absolute; top: 15%; width:100%; padding: 0 30% 0 20%;}

.bloc_servei3 {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: 1fr;grid-column-gap: 50px;grid-row-gap: 50px;}
.bloc_servei3_div1 { grid-area: 1 / 1 / 2 / 2; padding: 80px 0 100px 30%;}
.bloc_servei3_div2 { grid-area: 1 / 2 / 2 / 4; padding: 100px 0; width: 70%;}
.show767{display: none;}

.bloc_servei4 {display: grid;grid-template-columns: 35% repeat(3, 1fr);grid-template-rows: 1fr;grid-column-gap: 50px;grid-row-gap: 50px;}
.bloc_servei4_div1 { grid-area: 1 / 1 / 2 / 2; align-content: end; height: 100vh; position: relative;  width: 100%;  }
.bloc_servei4_div2 { grid-area: 1 / 2 / 2 / 5; background-size: cover; background-position: center; }


.bloc_serveis{display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: 1fr;grid-column-gap: 0px;grid-row-gap: 0px;}
.bloc_serveis_div1 { grid-area: 1 / 1 / 2 / 2; transition: 0.5s; background-color: #efefef;}
.bloc_serveis_div2 { grid-area: 1 / 2 / 2 / 3; transition: 0.5s; background-color: #efefef;}

.bloc_serveis_div1.imgServ{ width: 100%; padding-top: 60%; background-size: cover; background-position: center; }
.bloc_serveis_div2.txtServ{display: flex; align-items: center; justify-content: left; padding: 15%; }

.bloc_serveis_div1.imgServ{ width: 100%; padding-top: 60%; background-size: cover; background-position: center; }
.bloc_serveis_div2.txtServ{display: inline-flex; align-items: center; justify-content: left; padding: 15%; }

.bloc_serveis_div1.txtServ2{display: flex; align-items: center; justify-content: right; padding: 15%; }
.bloc_serveis_div2.imgServ2{ width: 100%; padding-top: 60%; background-size: cover; background-position: center; }

.bloc_serveis h2{color: #3c3c3b; margin: 10px 0; text-transform: uppercase; display: flex; align-items: center; justify-content: left; font-family: 'Semibold'; font-size: 2.5vh; line-height: 3vh;} 

.bloc_serveis_div1:hover{background-color: #D5DEDD; transition: 0.5s;}
.bloc_serveis_div2:hover{background-color: #D5DEDD; transition: 0.5s;}
.txtServ a{color: #3c3c3b;}
.txtServ2 a{color: #3c3c3b;}

.contenedor2 .interior{margin-top: 5%;}

.footer {display: grid;grid-template-columns: repeat(5, 1fr);grid-template-rows: 1fr;grid-column-gap: 50px;grid-row-gap: 0px;padding: 50px 0; font-size: 14px; pointer-events: auto;}
.footer a{ font-family: 'Medium'; transition: 0.5s;}
.footer a:hover{color: #00626B;transition: 0.5s;}
.footer span{font-family: 'Medium'; }
.footer_div1 { grid-area: 1 / 1 / 2 / 2; }
.footer_div2 { grid-area: 1 / 2 / 2 / 3; }
.footer_div3 { grid-area: 1 / 3 / 2 / 4; }
.footer_div4 { grid-area: 1 / 4 / 2 / 5; }
.footer_div5 { grid-area: 1 / 5 / 2 / 6; }
/*.footer_div2 a{text-transform: uppercase;}*/

.footer h4{color: #424242; text-transform: uppercase; font-family:'Semibold', Arial, Helvetica, sans-serif; font-size: 14px; margin-bottom: 10px;}
.logoPeu{ width: 100%; max-width: 150px; }
.icoXarxa{width: 30px; margin-right: 10px;}

.foto {        width: 40px;        height: auto;        position: relative;        display: inline-block;        transition: 1s;    }
.foto .img-top {        display: none;        position: absolute;        top: 0;        z-index: 99;        transition: 1s;        left: 0;        right: 0;        width: 30px;        background-color: #ededed;    }
.foto:hover .img-top {        display: inline;        transition:1s;    }


.caixaNoti{margin: 0 -8px 50px -8px; transition: 0.5s;}
.caixaNoti:hover{background-color: #f1f1f1; transition: 0.5s;}


.bloc_noticies{display: grid; grid-auto-rows: auto;grid-template-columns: repeat(auto-fit, minmax(50rem, 1fr)); grid-column-gap: 100px; border:  1px solid #fff;}
.bloc_noticies .card_noticia{ height: auto;  margin-bottom: 50px; background-color: #fbfbfb; } 
.bloc_noticies .card_noticia a{color: #3c3c3b;}
.bloc_noticies .card_noticia:hover{ background-color: #D5DEDD;  transition: 0.5s; } 
.bloc_noticies .card_noticia:hover img{ opacity: 0.8;  transition: 0.5s; } 
.ajustTxt{padding-right: 10%;}
.subtitol{color: #555;}

.tallTxt {  display: -webkit-box;  -webkit-line-clamp: 4;  -webkit-box-orient: vertical;    overflow: hidden;}


.bloc_projectes{display: grid; grid-auto-rows: auto;grid-template-columns: repeat(auto-fill, minmax(33rem, 1fr)); grid-column-gap: 50px;}
.bloc_projectes .card_projecte{ height: auto;  margin-bottom: 50px; transition: ;} 
.card_projecte .imgProjecte{width: 100%; padding-top:  90%; border: 1px solid #ededed; background-size: cover; background-position: center;}
.card_projecte h3{color: #3c3c3b; margin: 10px 0; text-transform: uppercase; text-align: left; display: flex; align-items: center; justify-content: left; min-height: 70px; font-family: 'Semibold';}
.caixaProjecte{background-color: #fbfbfb; padding: 5%; position: relative; transition: 0.5s;}
.caixaProjecte:hover{background-color: #D5DEDD; transition: 0.5s;}
.card_projecte:hover .caixaProjecte{background-color: #D5DEDD; transition: 0.5s;}


.menuProj{ border: 2px solid #ccc; padding: 5px 20px; font-size: 12px; display: inline-flex; margin-right: 20px; border-radius: 6px; color: #3c3c3b; transition: 0.5s; margin-bottom: 10px;}
.menuProj:hover{background-color: #000; color: #fff; transition: 0.5s; border:  2px solid #000; cursor: pointer;}

table .td1{width:20%;border:1px solid #2f2d29;padding:10px;}
table .td2{width:80%;border:1px solid #2f2d29;padding:10px;}

.serveiPeu{font-size: 14px;}

.sliderHome{display: grid;grid-template-columns: 25% repeat(3, 1fr) 25%;grid-template-rows: repeat(5, 1fr);grid-column-gap: 50px;grid-row-gap: 0px;}
.sliderHome_div1 { grid-area: 5 / 2 / 6 / 3; text-align: center; color: #fff; }
.sliderHome_div2 { grid-area: 5 / 3 / 6 / 4; text-align: center; color: #fff; }
.sliderHome_div3 { grid-area: 5 / 4 / 6 / 5; text-align: center; color: #fff; }
.sliderHome_div4 { grid-area: 5 / 1 / 6 / 2; padding-left: 25%;}


.caixaContacte{ padding: 30px; min-height: 320px; margin-bottom: 30px; background-color: #f6f6f6; color: #fff; }
.caixaContacte1{padding: 30px; min-height: 200px; margin-bottom: 30px; background-color: #f6f6f6; color: #fff;}
.caixaContacte img{width:40px; -webkit-box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.1);box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.1); border-radius: 50%; margin-bottom: 10px;}
.caixaContacte a{color: #000; transition: 0.5s;}
.caixaContacte a:hover{color: #00626B; transition: 0.5s !important;}

.vertical-centered-text {  -ms-display: flex;  display: flex;  /* alineacion vertical */  align-items: center;   /* alineacion horizontal */  justify-content: center;}
.especialMenu{padding-left: 20px;}
.capMobile{display: none;}
.ajustXarxes{margin-left:12.5%;}
.caixaTextNoti{padding: 3%; position: relative; height: 100%;}
.fotoCard{padding:0; height: 100%}
.botoPressu{position: sticky; top: 100px; float: right;}
.number{font-size: 2vh; color: #fff; background-color: #00626B; padding: 5px 2% 5px 10px; display: inline-block; font-family: 'Bold'; min-width: 35px; border-radius: 0 30px 30px 0;}
.liPress>li::marker{color: #777;}
.blau{color: #00838F !important;}
.botons{display: inline-flex; font-size: 14px; margin: 50px 0;}
.botoParticular{border: 2px solid #00626B; padding: 10px 30px; border-radius: 6px 0 0 6px; transition: 0.5s}
.botoParticular:hover{background-color: #3c3c3b; border: 2px solid #3c3c3b; transition: 0.5s; color: #fff;}
.botoNegoci{border: 2px solid #00626B; padding: 10px 30px; border-radius: 0 6px 6px 0; transition: 0.5s}
.botoNegoci:hover{background-color: #3c3c3b; border: 2px solid #3c3c3b; transition: 0.5s; color: #fff;}
.botoMarcat{background-color: #00626B; color: #fff; transition: 0.5s}


/*******************************************************/
/************** GRUPO FOGASEL *****************/
/*******************************************************/

@media (max-width: 1440px) {
.navbar-nav > li > a {    padding: 0 15px;}
.logo1{margin-left: 24px;}
.contenedor2{width: 92%;}
}


@media (max-width: 1366px) {
.logo1 {    width: 100%;     max-width: 210px; }
.logo2 {    max-width: 180px;  }
.footer, .serveiPeu{font-size: 11px;}


}



@media (max-width: 1280px) {

}



@media (max-width: 1150px) {

}

@media (max-width: 1024px) {
.dropdown{font-size: 1.2vh;}
.navbar-nav > li > a {    padding: 0 10px;}
.postext_bloc_servei1 {    padding: 0 10% 0 21%;}
.postext_bloc_servei2 {    padding: 0 21% 0 10%;}
.logo1{max-width: 152px;}
.logo2{max-width: 140px;}
.navCentral {margin-top: 50px;}
.navLateral{margin-top: 18px;}
.navCentral2 {margin-top: 29px;}
.navLateral2{margin-top: -3px;}
.menuScroll{height: 65px;}
.logoPeu{max-width: 100px;}
.footer{grid-template-columns: 100px 20% repeat(2, 1fr) 100px; font-size: 10px;}
.serveiPeu{font-size: 10px; line-height: 12px;}
.icoXarxa, .foto .img-top{width: 25px;}
.footer h4{font-size: 12px;}


    .bolas4 {margin-top: -70px;z-index: 888; position: relative;}
    .alineados{padding:0 3%;}
    .inputinstalador {    margin-right: 0px;}
    .deinstala{text-align: right;padding-top: 2px;}
    .familias{padding: 25px 0 0 18px;}
    .lupita{width: 40px;    float: right;    margin-top: 31px;display: block;}
    .cajaproductos {    width:100%; }
    .itemcesto {    font-size: 11px;    padding: 2px 0;    width: 79px;}
    .familias {    padding: 25px 0 0 10px;}
    .row {  margin-left: 0px!important;  margin-right: 0px!important;}
    .cajaproductosrel {    min-height: 400px;}
    .cajaproductosrel2 {    min-height: 350px;}
    .contenedor {    width: 100%;    padding-right: 1%;    padding-left: 1%;}
    .loslaterales{padding:0 2%!important;}
    .naranjota{background-color:#969696; border-radius:6px; padding:4px 4px;margin-left:2px;font-size: 11px;}
    .cestico{float:right;margin: 0 0 0 0px;width:15px;}
    .selectorIdioma {    margin-left: 0px!important;    padding: 2px 7p!important;    font-size: 12px!important;}
    .localizamenu {    top:22px!important;} 
    .ocho{padding-left:0px!important;}
    .grid-1 {   display: grid;  width: 100%;  margin: 0 auto;  grid-template-columns: repeat(3, 1fr);}
    .destaca > h3 { font-size: 24px;    line-height: 24px;}
    .destaca img {  width:34px;margin:5px 10px 65px 0;}
    .bottoninfo {    font-size: 12px;    padding: 4px 12px 2px 12px;    width: 130px;}

    #fonsNoticies{height: 285px;}
    .ajustLinia{margin-top: 15px;}
    .menulateral {    font-size: 13px;}
    .menulateral1 {    font-size: 13px;}
    .ajustCat{padding-top: 3px;}
    .servicio1 p {    padding: 21px 15px;}
    .servicio1 {    line-height: 20px;    font-size: 17px;}

    .bloc_noticies{grid-template-columns: repeat(auto-fit, minmax(27rem, 1fr));}
    .bloc_serveis h2{font-size: 2.2vh; line-height: 2.4vh;}
    .botoPressu{top: 70px;}
    .data{font-size: 10px;}
    .subtitolNoti{font-size: 12px;}
    .icoMes, .img-top{width: 20px !important;}
        .clasadjunto{margin-right: 20px;}
        .bloc_projectes{    grid-template-columns: repeat(auto-fill, minmax(28rem, 1fr));
    grid-column-gap: 40px;}




}

@media (max-width: 1023px) {
    .mundial2 {    position: relative;}    
    .borrar1023{display:none;}
    .navbar-nav{display:none!important;}
    .localizamenu {    top:10px!important; text-align: center; margin-left: calc(10% - 95px); width: 100%;} 
    /*h2{font-size: 28px; line-height: 32px;}*/
    .logo1{margin-left: calc(50% - 141px);    margin-top: -2px!important;    margin-bottom: -47px;max-width: 280px;}
}


@media screen and (min-width: 1025px) {
    #menuMobile{display:none;}
  }


 @media screen and (max-width: 768px) {
 /*h1 {    font-size: 21px;    line-height: 25px;}*/

    .mundial2 {    position: absolute;}    
.footer {text-align: center;padding: 8%;display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: auto repeat(2, 1fr);grid-column-gap: 50px;grid-row-gap: 50px;}
.footer_div1 { grid-area: 1 / 1 / 2 / 3; }
.footer_div2 { grid-area: 2 / 1 / 3 / 2; }
.footer_div3 { grid-area: 2 / 2 / 3 / 3; }
.footer_div4 { grid-area: 3 / 1 / 4 / 2; }
.footer_div5 { grid-area: 3 / 2 / 4 / 3; }

.bloc_empresa {grid-template-columns: 1fr;grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 20px;text-align: center;padding: 8%;}
.bloc_empresa_div1 { grid-area: 1 / 1 / 2 / 2; }
.bloc_empresa_div2 { grid-area: 2 / 1 / 3 / 2; width: 100%; }
.bloc_empresa_div3 { grid-area: 3 / 1 / 4 / 2; }


.bloc_servei1 {grid-template-columns: 1fr;grid-template-rows: 60% auto;grid-column-gap: 0px;grid-row-gap: 20px;}
.bloc_servei1_div1 { grid-area: 2 / 1 / 3 / 2; }
.bloc_servei1_div2 { grid-area: 1 / 1 / 2 / 2; }
.postext_bloc_servei1{position: initial; padding: 8%;}
.bloc_servei p{margin-bottom: 10%;}

.bloc_servei2 {grid-template-columns: 1fr;grid-template-rows: 60% 1fr;grid-column-gap: 0px;grid-row-gap: 20px;}
.bloc_servei2_div1 { grid-area: 2 / 1 / 3 / 2; }
.bloc_servei2_div2 { grid-area: 1 / 1 / 2 / 2; }
.postext_bloc_servei2{position: initial; padding: 8%;}


.bloc_servei3 {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 0px;text-align: left; padding: 8%;}
.img_bloc_servei{width: 100%; height: 62vh; object-fit: cover;}
.bloc_servei3_div1 { grid-area: 1 / 1 / 2 / 2; padding: 0; }
.bloc_servei3_div2 { grid-area: 2 / 1 / 3 / 2; padding: 0; width: 100%;}
.show767{display: block;}
.hide767{display: none;}

.logoPeu{max-width: 250px;}
.ajustXarxes{margin-left:0;}

.sliderHome {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 50px;grid-row-gap: 50px;}
.sliderHome_div1 { grid-area: 1 / 1 / 2 / 2; }
.sliderHome_div2 { grid-area: 1 / 2 / 2 / 3; }
.sliderHome_div3 { grid-area: 1 / 3 / 2 / 4; }
.sliderHome_div4 { grid-area: 2 / 1 / 3 / 4; padding-left: 0; }

.logo1{margin-bottom: 0;}
.bloc_empresa_div1{padding: 0 5%;}
.bloc_empresa_div2{padding: 0 ;}
.bloc_serveis h2{font-size: 2vh; line-height: 2.5vh; }

 .bloc_noticies{grid-template-columns: repeat(2, 1fr); grid-column-gap: 50px;}
 .caixaTextNoti{padding: 3%; position: relative; height: auto;}
 .fotoCard{padding:0; height: auto;}
.fotoCard .imgCard{max-height: 150px;}

.footer, .serveiPeu{font-size: 14px;}
.footer h4{font-size: 16px;}
    .botoPressu{top: 20px;}
    .foto{right: 0 !important;}



}



  @media screen and (max-width: 767px) {
    .debarna {    min-height: 400px;    padding: 20px;background-image:none; background-color: #f4f4f4;}    
    .tresbolas{width:100%;max-width:95px;}
    .borraesp{display: none;}
    .debarna{ background-size: cover; background-position: center; clear: both;min-height: 500px;}
    .carionte h1 {    font-size: 26px;    line-height: 34px;}
    .botondelosverdes{ line-height: 13px;    font-size: 12px;  border-radius:50px; padding: 7px 20px;margin:10px 10px 0 0;display: inline-block;}

  .logo1{margin-left: 0px}
    .demas50{padding:0 10px;}
    .dema50{padding:10px;}
    .elementor4-button { width:100%;border:0; text-align: center;  font-size: 14px;  font-weight: bold;  text-transform: uppercase; line-height: 1em;  letter-spacing: 2px;  background-color: #e52024;  border-radius: 2px 2px 2px 2px;    padding: 18px 30px 18px 30px;    font-family: 'SemiBold';    color: #fff;    transition: 0.8s; display: inline-block;float:none;margin-left: 0px;}
    .elementor4-button:hover { background-color: #797979;transition: 0.8s;}
    .textoverde {    line-height:24px;    font-size: 20px;}
    .elementor2-button { margin-bottom: 10px;   font-size: 12px;  letter-spacing: 1px;  padding: 14px 20px 14px 20px; }
    .textoverdegran {   line-height: 28px;    font-size: 26px;}
    .sloganblancopeque {    font-size: 24px;    line-height: 25px;    letter-spacing: 0px;}

    .solohome{display: block!important;}
    .fegicat{padding:12px 0 0 13px;}
    .inputidiomas{display: none;}
    .inputinstalador {    width: 83%;}
    .grid-1 {   display: grid;  width: 100%;  margin: 0 auto;  grid-template-columns: repeat(2, 1fr);}
    .medidamarca{float:right;width:100%;max-width:80px;}
    .badge-notify{    top: -31px;    left: -44px;  }
    .derecha{border:0;width:auto;float:left;min-width:auto; max-height:none;padding:10px 0;}
    .cajaaclientes {        border:1px solid #e4e4e4;           width:100%;     }
    .descombro{min-height:10px!important;}
    .botoVeureMes {display: none;}
    
.footer {grid-template-columns: 1fr;grid-template-rows: repeat(5, auto);grid-column-gap: 0px;grid-row-gap: 30px;text-align: center;padding: 8%;}
.footer_div1 { grid-area: 1 / 1 / 2 / 2; }
.footer_div2 { grid-area: 2 / 1 / 3 / 2; }
.footer_div3 { grid-area: 3 / 1 / 4 / 2; }
.footer_div4 { grid-area: 4 / 1 / 5 / 2; }
.footer_div5 { grid-area: 5 / 1 / 6 / 2; }

.bloc_empresa {grid-template-columns: 1fr;grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 20px;text-align: center;padding: 8%;}
.bloc_empresa_div1 { grid-area: 1 / 1 / 2 / 2; }
.bloc_empresa_div2 { grid-area: 2 / 1 / 3 / 2; width: 100%; }
.bloc_empresa_div3 { grid-area: 3 / 1 / 4 / 2; }
.bloc_servei p{margin-bottom: 20%;}

.bloc_servei1 {grid-template-columns: 1fr;grid-template-rows: 40% 1fr;grid-column-gap: 0px;grid-row-gap: 20px;}
.bloc_servei1_div1 { grid-area: 2 / 1 / 3 / 2; }
.bloc_servei1_div2 { grid-area: 1 / 1 / 2 / 2; }
.postext_bloc_servei1{position: initial; padding: 8%;}

.bloc_servei2 {grid-template-columns: 1fr;grid-template-rows: 40% 1fr;grid-column-gap: 0px;grid-row-gap: 20px;}
.bloc_servei2_div1 { grid-area: 2 / 1 / 3 / 2; }
.bloc_servei2_div2 { grid-area: 1 / 1 / 2 / 2; }
.postext_bloc_servei2{position: initial; padding: 8%;}


.bloc_servei3 {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(2, auto);
grid-column-gap: 0px;
grid-row-gap: 0px;text-align: left; padding: 8%;
}

.img_bloc_servei{width: 100%; height: 45vh; object-fit: cover;}
.bloc_servei3_div1 { grid-area: 1 / 1 / 2 / 2; padding: 0; }
.bloc_servei3_div2 { grid-area: 2 / 1 / 3 / 2; padding: 0; width: 100%;}
.show767{display: block;}
.hide767{display: none;}

.capPC{display: none !important;}
.capMobile{display: block; }

.menuScroll{display: none;}
.serveiPeu{font-size: 14px; line-height: 20px; margin-bottom: 10px;}
.footer h4{font-size: 16px;}
.footer{font-size: 14px;}
.footer_div3 span{font-size: 16px;}

.bloc_serveis {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 0px;}

.bloc_serveis_div1 { grid-area: 1 / 1 / 2 / 2; }
.bloc_serveis_div2 { grid-area: 2 / 1 / 3 / 2; }

.bloc_serveis_div2.imgServ2{ grid-area: 1 / 1 / 2 / 2; }
.bloc_serveis_div1.txtServ2{ grid-area: 2 / 1 / 3 / 2; }

.barraMenu{text-align: center; margin-top: -90px;}
.bloc_noticies {    grid-template-columns: 1fr;}

  }

  @media (max-width: 718px) {
    .iconoShow{display: none;}
    .iconoHide{display: inline-block;}
    .cenDir{padding-right: 12px;}
    .loslaterales{padding:0 0%!important;}
    .minimaaltura {    min-height: 75px;}
    body {    margin-top: 96px!important;     background-image: none!important;}
}

@media (max-width: 679px) {
    .logo1 {    width: 49%;}
    .centerNews{text-align: center !important; margin-bottom: 10px;}
    .localizamenu {margin-left: calc(10% - 55px);}  
    .ajust30{margin-bottom: 30px !important;}
    .ajustBoto{margin-top: 15px !important;    float: none !important;    clear: both;}
    .centerPointer{float: none; text-align: center; margin-top: 20px; width: 100%;}
    .icoMes{position: relative !important;}
    .espaiGeneric{margin-top: 10px;}
    .botoEnviar{margin-bottom:30px;}
    .botoPressu{width: 75%; margin-bottom: 20px; top: 20px;}
    h1{font-size: 3vh; line-height: 3.5vh;}
    h2{font-size: 2.5vh; line-height: 3vh; font-family: 'Semibold';}
    .clasadjunto{width: 100%; margin-bottom: 10px;}
    .bloc_serveis_div2.txtServ{padding: 10%;}
    .bloc_serveis_div1.txtServ2{padding: 10%;}

}

@media (max-width: 600px) {
    .pregunta{      clear: both;    }
    .valoracio_pregunta{        margin-left:0;      clear: both;        width:100%; }
    .zonas1{background-color:#000;color:#ffffff!important;min-height:80px;text-align:center;margin-bottom:0px;padding:10px 0;}
    .vales1{background-color:#cccccc;color:#454545!important;min-height:54px;text-align:center;margin-bottom:0px;padding:10px 0;}
    body {line-height: 21px;        font-size: 15px;}
    .bottoncomprar{ font-size: 17px;    color: #ffffff; padding: 8px;   min-width:130px; border-radius:6px 6px 6px 6px!important;    height: auto;}
    .newsdesc { font-size: 15px!important;line-height: 15px!important;}
    .iconoHide {    display: none!important;}
    .margenes{padding-left: 0px!important;    padding-right: 0px!important;}  
    .cajaproductosLista img {   border:0; }
    .iconografiarosa11 {    padding:4px;    font-size: 14px;    line-height: 18px;  width:140px;}
    .bottonayuda {width: 90px;font-size: 12px;}
    .marquines{display: none;}
    .titHome {    line-height: 25px;}
    .inputayuda {    width: calc(100% - 106px);}
    .titulotop{display: none;}
    .barrote{background-image:none;background-repeat: repeat-x;margin-bottom:50px;}
    .dealturin{background-color:#f4f4f4;;border-bottom:1px solid #cccccc;min-height:418px;padding-left:0;margin-bottom:15px;}
    .destaca img{display: none;}
}

@media (max-width: 480px) {
        .imatge_seccio_esq{
        margin-left:10px;
        width:100%;
    }

    .imatge_seccio_dre{
        margin-right:10px;
        width:100%;
    }

    .div_seccio1{
        width:100%;
    }

    .div_seccio2{
        width:100%;
    }
}


@media (max-width: 400px) {
    .inputayuda{width: 62%;}
    .form_consen{height: auto;}
}