@font-face {    font-family: 'semibold';    src: url('../fonts/Montserrat-SemiBold.eot');    src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),        url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),        url('../fonts/Montserrat-SemiBold.woff') format('woff'),        url('../fonts/Montserrat-SemiBold.ttf') format('truetype'),        url('../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');    font-weight: 600;    font-style: normal;    font-display: swap;}
@font-face {    font-family: 'bold';    src: url('../fonts/Montserrat-Bold.eot');    src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),        url('../fonts/Montserrat-Bold.woff2') format('woff2'),        url('../fonts/Montserrat-Bold.woff') format('woff'),        url('../fonts/Montserrat-Bold.ttf') format('truetype'),        url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');    font-weight: bold;    font-style: normal;    font-display: swap;}
@font-face {    font-family: 'medium';    src: url('../fonts/Montserrat-Medium.eot');    src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),        url('../fonts/Montserrat-Medium.woff2') format('woff2'),        url('../fonts/Montserrat-Medium.woff') format('woff'),        url('../fonts/Montserrat-Medium.ttf') format('truetype'),        url('../fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');    font-weight: 500;    font-style: normal;    font-display: swap;}
@font-face {    font-family: 'regular';    src: url('../fonts/Montserrat-Regular.eot');    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),        url('../fonts/Montserrat-Regular.woff2') format('woff2'),        url('../fonts/Montserrat-Regular.woff') format('woff'),        url('../fonts/Montserrat-Regular.ttf') format('truetype'),        url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');    font-weight: normal;    font-style: normal;    font-display: swap;}






/* ******************************************************** */
/* ***************** FONTS ******************************** */
/* ******************************************************** */

h1
{
	font-family: 'bold', Arial, Helvetica, sans-serif;
	font-size: 4.8rem;
	line-height: 5rem;
	color: #111;
    font-weight: normal;
    font-style: normal;	
    margin-bottom: 1%;
}

.comh1
{
    font-family: 'regular', Arial, Helvetica, sans-serif;
    font-size: 4.8rem;
    line-height: 5rem;
    color: #333;
    font-weight: normal;
    font-style: normal; 
    margin-bottom: 1%;
    padding: 0 1%;
}

.h1Noticia
{
	font-family: 'regular', Arial, Helvetica, sans-serif;
    font-size: 4.8rem;
    line-height: 5rem;
	color: #2d2c2c;
    font-weight: normal;
    font-style: normal;	
    text-transform: uppercase;
    margin-bottom: 2%;
    padding: 0 0%;
    text-align: left;

}

h1.titInterior
{
    font-family: 'bold', Arial, Helvetica, sans-serif;
    font-size: 1.5vw;
    line-height: 1.9vw;
    color: #111;
    margin-bottom: 1%;
    text-align: left;
}

h2
{
	font-family: 'bold', Arial, Helvetica, sans-serif;
	font-size: 2.5vw;
	line-height: 3vw;
	color: #222221;
    font-style: normal;	
	margin:5px 0 5px 0;
}

h2.titInterior
{
    font-family: 'bold', Arial, Helvetica, sans-serif;
    font-size: 1.5vw;
    line-height: 1.9vw;
    color: #111;
    margin-bottom: 1%;
    text-align: left;
}
h3
{
	font-family: 'bold', Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 28px;
	color: #fff;
    word-break: keep-all !important;
}

h4
{
	font-family: 'semibold', Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #222221;
    font-weight: normal;
    font-style: normal;	
    text-transform: uppercase;
}

.titVertical{  writing-mode: vertical-lr;  transform: rotate(180deg); font-size: 4vw;}

/* ******************************************************** */
/* ***************** GENERAL ****************************** */
/* ******************************************************** */
html{font-size: 10px;}

* {
  margin: 0;
  padding: 0;
}

.row {
  margin: 0 !important;
  padding: 0 !important;
}

a {text-decoration: none !important;}
.container-fluid{padding: 0px !important;}

body
{
	font-family: 'regular' ,Arial, Helvetica, sans-serif;
	color: #555;
	line-height: 3rem;	
	font-weight: normal;
	font-size: 1.8rem;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
}

p{  font-family: 'regular' ,Arial, Helvetica, sans-serif;
    font-size: 1.8rem;
    font-weight: normal;
}

img { border: 0; }
.contenedor{	margin:0 auto;	max-width:1600px;	width:96%;}
a:link{	text-decoration: none;	color: #555;word-break: break-all;}
a:visited{	text-decoration: none;	color: #555;}
a:hover{	text-decoration: underline;	color: #555;}
a:active{	text-decoration: none;	color: #555;}
.centrat{text-align: center;}
.trTitol{border: 1px solid #2f2d29; padding: 10px; font-weight: 700;}
table.privacitat .td1{width: 20%; border: 1px solid #2f2d29; padding: 10px;}
table.privacitat .td2{width: 80%; border: 1px solid #2f2d29; padding: 10px;}
.sangrat li{margin-left: 50px;}
.justi{text-align: justify;}
.divSeccio{padding: 10% 0 0 0; clear: both;}
.divSeccioInt{padding: 5% 0 0 0; clear: both;}
.no_veure{display: none;}
.alturabuscador{margin-top: 10px; transition: 0.5s;}

/* ******************************************************** */
/* ****************** Slider ****************************** */
/* ******************************************************** */
.flex-caption{    position: absolute;	width: auto;    height: auto;	left: 15%;	bottom: 10%;    font-family: 'regular', Arial, Helvetica, sans-serif;    font-size: 3rem;    line-height: 3.4rem;    color: #333;    text-align: left;    width:55%;}
.numSlogan{height: 100px; width: 100px; background-color: #007ec2; float: left;color: #fff; font-size: 5.5rem; padding-top: 40px; text-align: center; }
.txtSloganHome{    background-color: rgba(255,255,255,0.8); padding: 30px 40px 50px 40px; display: table; color: #111;}
.txtSloganHome h2 {font-size: 30px; text-transform: uppercase; line-height: 35px;}

/* ******************************************************** */
/* *********************** VARIS ************************** */
/* ******************************************************** */
.visible_peu{
	width: 100%;
	display: none;
}
.veure_ancla{
	display:none;
}

.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:50%;
	margin-bottom:20px;
}

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

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

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

.maps_mobil{
	display: none;
}

.videos_mobil{
	display: none;
}

.minim4caracters{
	margin-top: -8px;
	color: #ff0000;
	font-size: 12px;
}

.minim4caracters_no{
	display: none;
}

.minim4caractersx{
	margin-top: -8px;
	color: #ff0000;
	font-size: 12px;
}

.minim4caracters_nox{
	display: none;
}

.footerderecha{text-align:right}

#animLoading {
	width: 100%;
	height: 50px;
	text-align: center;
	position: relative;
	top: -40px;
	left: 0px;
	border-top: 1px dotted #999;
	padding:20px;
	font-size: 14px;
	background-color:  red;
}


/* ******************************************************** */
/* ****************** Pagination ************************** */
/* ******************************************************** */
.borrar{ display:block;}
.aparecer{display:none;}
.pagination > li a {
    color:#000 !important;
    width: 30px !important; height: 30px !important;
    padding: 3px 4px 8px 4px !important;
    text-align: center !important;
    font-size: 1.5rem;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  	z-index: 2 !important;
  	color: #666 !important;
  	background-color: #fff !important;
  	border-color: #666 !important;
  	cursor: default !important;
}
.pagination > li:first-child > a, .pagination > li:first-child > span,
.pagination > li:last-child > a,  .pagination > li:last-child > span {
}

/* ******************************************************** */
/* ****************** CENTRAT VERTICAL ******************** */
/* ******************************************************** */
.vertical-centered-text {
  -ms-display: flex;
  display: flex;
  /* alineacion vertical */
  align-items: center;
   /* alineacion horizontal */
  justify-content: center;
}

.vertical-centered-text2 {
  -ms-display: flex;
  display: flex;
  /* alineacion vertical */
  align-items: center;
   /* alineacion horizontal */
  justify-content: left;
}

/* ******************************************************** */
/* ****************** CHECKBOX **************************** */
/* ******************************************************** */
.caixaCheck {
    font-family: 'regular', Arial, Helvetica, sans-serif;
    display: block;
    position: relative;
    padding-left: 45px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 1.2rem;
    color:#808080;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: normal;
}

.caixaCheck a {
  font-weight: 700;
}

/* Hide the browser's default checkbox */
.caixaCheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border: 1px solid #ccc;
}

/* On mouse-over, add a grey background color */
.caixaCheck:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.caixaCheck input:checked ~ .checkmark {
    background-color: #36529d;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.caixaCheck input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.caixaCheck .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* ******************************************************** */
/* ****************** BOTONS ****************************** */
/* ******************************************************** */
.botoTornar{border: 2px solid #666; padding: 8px 20px; width: auto; text-transform: uppercase;font-family: 'regular', Arial, Helvetica, sans-serif; letter-spacing: 1px; margin: 3% auto 0 auto; font-size: 1.3rem; float:left;}
.botoTornar:hover{background-color: #007ec2; color: #fff; transition: 0.6s;  -webkit-transition: 0.6s; /* Safari 3.1 to 6.0 */}
.botoEnviar{border: 2px solid #ed7b16; padding: 5px 20px; max-width: max-content; text-transform: uppercase;font-family: 'semibold', Arial, Helvetica, sans-serif; background-color: #ed7b16; float: right; font-size: 1.4rem; border-radius: 6px; color: #fff;transition: 0.6s;  -webkit-transition: 0.6s; /* Safari 3.1 to 6.0 */}
.botoEnviar:hover{background-color: #36529d; color: #fff; transition: 0.6s;  -webkit-transition: 0.6s; /* Safari 3.1 to 6.0 */}
.centratBoto {  -ms-display: flex;  display: flex;  /* alineacion vertical */  align-items: center;   /* alineacion horizontal */  justify-content: center;}
.botoError{border: 2px solid #ed7b16; padding: 5px 20px; width: 100%; text-transform: uppercase;font-family: 'semibold', Arial, Helvetica, sans-serif; background-color: #ed7b16; float: right; font-size: 14px; border-radius: 6px; color: #fff;transition: 0.6s;  -webkit-transition: 0.6s; /* Safari 3.1 to 6.0 */ margin-bottom: 7px;}
.botoError:hover{background-color: #36529d; color: #fff; transition: 0.6s;  -webkit-transition: 0.6s; /* Safari 3.1 to 6.0 */}
.botoCataleg{border: 2px solid #007ec2; padding: 10px 40px; width: 100%; text-transform: uppercase;font-family: 'semibold', Arial, Helvetica, sans-serif; background-color: #007ec2;  font-size: 14px; line-height: 18px; border-radius: 6px; color: #fff;transition: 0.6s;  -webkit-transition: 0.6s; /* Safari 3.1 to 6.0 */ margin:30px 0; display: table-caption; text-align: center;}
.botoCataleg:hover{background-color: #49afe8; color: #fff; transition: 0.6s;  -webkit-transition: 0.6s; /* Safari 3.1 to 6.0 */}

/* ******************************************************** */
/* ****************** MENU ******************************** */
/* ******************************************************** */
.dropdown{	font-family: 'bold', Arial, Helvetica, sans-serif;	font-size: 1.6rem; color: #000; line-height: 1.6rem; text-transform: uppercase;}
.dropdown a{color: #000 !important}
.idiomas{	   
    text-align: center;
    display: inline-block;
    margin-top: 20px;
    font-family: 'medium', Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    line-height: 15px;
    margin-right: 5px;
    transition: 0.5s; 
}

.icocontacte{      
    text-align: center;
    display: inline-block;
    margin-top: 20px;
    font-family: 'bold', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000;
    font-weight: normal;
    font-style: normal;
    line-height: 15px;
    height: 35px;
    padding: 11px 5px;
    margin-right: 50px;
    transition: 0.5s; 
}

.icocontacte img{margin-right: 15px;}  

.options{      
    text-align: center;
    display: inline-block;
    margin-top: 10px;
    font-family: 'medium', Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #666;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    line-height: 15px;
    width: 200px;
    height: 200px;
    padding: 90px 5px ;
    margin-right: 5px;
    background-color: #e1e1e1;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

}

.idiomas:last-child{ border: none; }
.idiomas a{text-decoration: none !important;}

.idiomas:hover{opacity: 0.7; transition: 0.5s; } 
/*.idiomas a:hover{color:#fff;} */

.idiomas2{      
    text-align: center;
    display: inline-block;
    margin-top: 10px;
    font-family: 'medium', Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    line-height: 15px;
    min-width: 100px;
    padding: 5px 10px;
    border: 2px solid #666;
    background-color: transparent;
    margin-right: 30px;
}

.idiomas2:hover{background-color: #eee;}
.idiomas2 a:visited{color:#333 !important; }
#dl-menu{display: none;}
.logoPetit{display: none;}
.wrapper {  display: grid;  grid-template-columns: repeat(4, 1fr);  grid-auto-rows: minmax(100px, auto);}
.logoTadipol{position: absolute; top:35px;z-index: 99999; width: 300px; transition: 0.5s;}
.logoMobile{display: none;}
.mundial{position: fixed; top: 0; left: 0; width: 100%;z-index: 8888; background-color: #fff; height: 130px; transition: 0.5s;}
.mundial2{height: 90px; transition: 0.5s; border-bottom: 1px solid #efefef;}
.logoTadipol2{top: 15px; width: 200px; transition: 0.5s;}
.icocontacte2{margin-top: 0px;transition: 0.5s;}
.alturabuscador2{margin-top: 0px;transition: 0.5s;}
.puntMenu a{border-bottom: 1px solid #ccc;}
.ombra{-webkit-box-shadow: 7px 7px 16px 0px rgba(0,0,0,0.3);-moz-box-shadow: 7px 7px 16px 0px rgba(0,0,0,0.3);box-shadow: 7px 7px 16px 0px rgba(0,0,0,0.3);}

/* ******************************************************** */
/* ****************** HOME ******************************** */
/* ******************************************************** */
.slogan{ position: absolute; bottom: 0;  color:#fff;font-family: 'regular', Arial, Helvetica, sans-serif; font-size: 4vw; line-height: 3.2vw; text-transform: uppercase; width: 100%; text-align: center;}
.sloganCap{font-family: 'regular', Arial, Helvetica, sans-serif; font-size: 2.5vw; line-height: 3vw; text-transform: none;}

/* ******************************************************** */
/* ********************** icones ************************** */
/* ******************************************************** */
.divIcones{  padding: 30px !important;}

/* ******************************************************** */
/* ********************** sectors ************************* */
/* ******************************************************** */
.imgSectors{background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; background-color: #000; overflow: hidden;}
.titolSector{position: absolute; bottom: 10px; left: 20px; color:#fff;font-family:  'medium', Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 18px; line-height: 25px;   text-shadow: 1px 2px #666;}
.imgSectors:hover{  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  transition: 1s; -webkit-filter: brightness(50%);}
  
/* ******************************************************** */
/* ********************* empresa ************************** */
/* ******************************************************** */
.sloganInt{ position: absolute; bottom: 0;  color:#fff;font-family: 'regular', Arial, Helvetica, sans-serif; font-size: 60px; line-height: 46px; text-transform: uppercase; width: 100%; text-align: right;}
.emp1{text-align: left; padding-right: 60px;}
.emp2{text-align: left; padding: 0 30px;}
.emp3{text-align: left; padding-left: 60px;}

/* ******************************************************** */
/* ****************** FORMULARIS ************************** */
/* ******************************************************** */
.inputNew{ margin: 5px 0 6px 0;  border: 2px solid #efefef; width:100%; padding: 5px 20px; font-family: 'semibold', Arial, Helvetica, sans-serif; font-size: 12px; color:#111; border-radius: 6px;  }
.inputNew::placeholder{font-family:  'regular', Arial, Helvetica, sans-serif;   font-size: 12px;  color: #222221; font-style: italic;}
.textareaNew{ margin: 5px 0; border: 2px solid #efefef; width:100%; padding: 5px 20px; font-family: 'semibold', Arial, Helvetica, sans-serif; font-size: 12px; color:#111; border-radius: 6px; max-height: 209px; }
.textareaNew::placeholder{font-family:  'regular', Arial, Helvetica, sans-serif;   font-size: 12px;  color: #222221; font-style: italic;}
.textareaForm{ max-height: 99px; }
.notas{font-size: 12px;font-family: 'regular', Arial, Helvetica, sans-serif;}
.inputNew option{font-family:  'regular', Arial, Helvetica, sans-serif;   font-size: 12px;  color: #808080; font-style: italic;}
.divFormulari{background-color: #36529d; padding: 3% 0 3% 0; position: relative; background-image: url(../imgs/fons-footer.jpg); background-size: cover;background-position: bottom center;}

/* ******************************************************** */
/* ****************** FOOTER ****************************** */
/* ******************************************************** */
#footer{padding: 2% 0 1% 0; clear: both; background-color: #fff;}
#footer a{font-family: 'semibold', Arial, Helvetica, sans-serif; font-size: 15px; line-height: 19px !important; color: #000; transition: 0.5s;}
#footer a:hover{color:#36529d;transition: 0.5s;}
.ttu{text-transform: uppercase;}
.peu{margin-right: 25px;}
.logoPeu{width: 100%; max-width: 200px;}
.linksPeu{background-color: #222221; padding: 7px 0;text-align: center;}
.linksPeu a{color:#fff; transition: 0.5s; font-size: 11px;font-family: 'regular', Arial, Helvetica, sans-serif; margin: 0 2%;}
.linksPeu a:hover{color:#ed7b16; transition: 0.5s;}
.amagar{display: none;}
.amagarNotif{margin-top: 0px; font-size:12px; color: #fff !important;}
.amagarNotif a{font-size:12px; color: #fff !important;}

/* ******************************************************** */
/* ************* llistats ambients, tipologies ************ */
/* ******************************************************** */
.apartat{margin-bottom: 5%;}
.imgServei{width: 100%; padding-top: 60%; padding: 15px; background-image: url(../imgs/fonsLlistat.png); background-size: cover; background-position: bottom center; border: 2px solid #efefef; transition: 0.5s;}
.imgServei2{width: 100%; padding-top: 60%; background-size: contain;background-position: center; background-repeat: no-repeat;}
.imgServei:hover{border: 2px solid #36529d; transition: 0.5s;}


/* ******************************************************** */
/* ************* llistats noticies, projectes ************* */
/* ******************************************************** */
.imgNoticia{background-size: cover; background-position: center center;background-repeat: no-repeat; width: 100%; min-height:280px;}
.imgServeiLlistat{padding: 30px; border: 2px solid #efefef; transition: 0.5s; height: auto;}
.imgServeiLlistat:hover{border: 2px solid #36529d; transition: 0.5s;}
.imgServeiLlistat2{background-size: contain; background-position: center left;background-repeat: no-repeat; width: 100%; padding-top: 20%; margin-bottom: 40px;}
.cuadreGris{background-color:#eee; padding: 4% 0 !important; }
.cuadreBlanc{background-color:#fff; padding: 4% 0 !important;}
.cuadreOcasio{background-color:#fff; padding: 4% 0 !important; border-bottom: 2px solid #36529d;}
.data, .data span{font-size: 18px;text-transform: uppercase; text-align: left; color:#36529d;font-family: 'medium', Arial, Helvetica, sans-serif;}
.imgMiniatura{background-size: cover; background-position: center; width: 25%;  padding-top:25%; z-index: 200;}
.imgMiniaturaNoticia{background-size: cover; background-position: center; width: 100%;  padding-top:100%; z-index: 200;}
.ajustArticle{padding: 0 30px;}
.textInterior{padding-left: 4%;}

/* ******************************************************** */
/* ******************** FITXA PRODUCTE ******************** */
/* ******************************************************** */
.subtitolProducte{text-align: left; margin-top: -10px; font-family: 'semibold', Arial, Helvetica, sans-serif; font-size: 18px; line-height: 23px;}
.morecontent span { display: none;}
.productesRelacionats{background-size: cover;background-position: center;background-repeat: no-repeat; width: 100%; padding-top: 60%; border: 2px solid #efefef;}
.imgBanner2 {    position: fixed !important;    top: 103px;    left: 0;    width: 100%; border-bottom: 1px solid #ddd;}
.titolOcasio{padding-left: 0px !important;}
.dadesItem ul{padding-left: 30px!important;}
.caixaRelacionats{min-height: 450px; }
.enviarPetit{display: none;}
.imgAmeur:hover{opacity: 1 !important; transition: 0.7s;}
.partner{width: 100%; padding: 10%; text-align: center;}
.partner img{max-width: 150px; margin: 0 auto;}
.caixaProjecte{width: 100%; margin-top: 10px; padding-right: 5%; }
.caixaProjecteImg{width: 100%; padding-top: 60%; background-size: cover; background-repeat: no-repeat;background-position: top center;}
h3.titProjecte{font-size: 20px; line-height: 24px; font-family: 'bold', Arial, Helvetica, sans-serif;color: #222221; margin: 15px 0 5px 0; text-align: left; }
.desProjecte{font-size: 18px; line-height: 24px; font-family: 'regular', Arial, Helvetica, sans-serif;color: #222221; text-align: left; }
.caixaProjecte{width: 100%; margin-top: 10px; padding-left: 1px;}
.link{transition: 0.5s; color: #000;}
.link:hover{transition: 0.5s; color: #ed7b16;}
.linkVeureMes{text-align: right;margin-top: 25px; padding-right: 26px; font-size: 12px;}
.caixaNoticia{margin-top: 10px; padding-left: 1px;}
.caixaNoticiaImg{width: 100%; padding-top: 74%; background-size: cover; background-repeat: no-repeat;background-position: top center;}
#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%;border-radius:0;color:#fff;opacity:1; padding-top: 1%; }
.recent-work-wrap .recent-work-inner p{font-family:'regular', Arial, Helvetica, sans-serif;font-size:16px; line-height: 24px; text-align:center;opacity:1; padding-top: 1%; }
.recent-work-wrap .recent-work-inner h3{font-family:'medium', Arial, Helvetica, sans-serif; margin:0 0 15px 0; text-transform: uppercase; font-size: 20px;}
.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:30px;}
.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);}
.deponer{background-size: cover; background-position: center; min-height: 300px; width: 100%}
.mostrar1024{display: none;}
.deponer2{background-size: cover; background-position: center; min-height: 200px; width: 100%}
.titolQuadre{padding: 5%; opacity: 1; transition: 0.5s; min-height: 300px;   display: flex;   align-items: center;     justify-content: center;}
.titolQuadre h3{font-family:'medium', Arial, Helvetica, sans-serif; margin:0 0 15px 0; text-transform: uppercase; font-size: 20px; text-align: center;}
.recent-work-wrap:hover .titolQuadre{opacity:0; transition: 0.5s;}
.titolQuadreSector{padding: 10%; opacity: 1; transition: 0.5s; min-height: 250px;   display: flex;   align-items: flex-end;   justify-content: flex-start; text-align: left;}
.caixaBlau:hover .imgBlau{opacity: 0.4; transition: 0.5s;}
.descripcioLlistat {font-size: 18px; line-height: 30px;}
.card {    width: 100%;    height: auto;    position: relative;    display: inline-block;    transition: 0.8s;    text-align: center;}
.card .img-top {    display: none;    position: absolute;    top: 0;    z-index: 99;    transition: 0.8s;    margin-left: auto;    margin-right: auto;    left: 0;    right: 0;    text-align: center;}
.card:hover .img-top {    display: inline;    transition: 0.8s;}
.dades{font-family:'bold', Arial, Helvetica, sans-serif;font-size: 2vw;line-height: 1.5vw;color: #222221;}
.dades span{font-family:'semibold', Arial, Helvetica, sans-serif;font-size: 0.9vw;line-height: 1vw;color: #007ec2;text-transform: uppercase;}
.pInt{padding-right: 2% !important; padding-left: 0px !important; }
.path{font-size: 12px; margin-top: -15px; color: #666;}
.imgprojectellistat{width: 100%; padding-top: 70%; background-size: cover; background-position: center; border: 1px solid #efefef;}
ul.menu-lat{list-style: none;}
a.link-menulat{padding: 10px 27px 10px 15px !important; background-color: #efefef !important;    font-family:'bold', Arial, Helvetica, sans-serif; font-size: 15px; text-transform: uppercase;transition: 0.5s; border-bottom: 1px solid #fff; word-break: keep-all !important;}
ul.menu-lat li{border-bottom: 1px solid #efefef; padding: 7px 0 7px 20px; font-family:'regular', Arial, Helvetica, sans-serif; font-size: 15px;transition: 0.5s; color: #222221; display: flex;}
ul.menu-lat li a{color: #222221 !important; transition: 0.5s; word-break: keep-all !important;}
a.link-menulat:hover{background-color: #36529d !important; color: #fff; transition: 0.5s;}
ul.menu-lat li:hover a{color: #36529d !important; transition: 0.5s;padding-left: 5px;}
#menu li > span {
  cursor: pointer;
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  position: relative;
  right: 10px;
  margin: 2px;
  margin-top: -50px;
}
#menu li > span.up-arrow::before {
  transform: translate(-2px, -2px) rotate(45deg);
}
#menu li > span.up-arrow::after {
  transform: translate(5px, -2px) rotate(-45deg);
}
#menu li span::before,
#menu li span::after {
  display: block;
  content: '';
  width: 1px;
  height: 10px;
  background: #333;
  position: absolute;
  top: 18px;
  transition: all 300ms ease;
}
#menu li span::before {
  left: 25px;
  transform: rotate(45deg);
}
#menu li span::after {
  left: 18px;
  transform: rotate(-45deg);
}

ul.menu-lat li a.marcar{ color: #36529d !important;font-weight: bold;}
.ajustpad5{padding-top: 5%;}


.taulaBridas {
  border-collapse: collapse;
  width: 100%;
  font-size: 14px;
  line-height: 18px;
}

.taulaBridas th, .taulaBridas td {
  text-align: center;
  padding: 5px;
  min-width: 50px;
}

.taulaBridas tr {border-bottom: 1px solid #36529d; background-color: #fff;}

/*.taulaBridas tr:nth-child(even) {background-color: #f2f2f2;}*/
.mostrar679{display: none;}
/*.txtSloganHomeMobil{display: none;}*/
.imgContacte img{width: 50px !important; margin-bottom: 10px;}
.cataleg{margin-bottom: 40px;}
.especialSet{margin-bottom: 30px;}
.caixaLlistatProjecte{min-height: 645px;}
.caixaQF h2{word-break: break-word;}
.titolCataleg{position: absolute;    top: 26%;    width: 93%;    color: #fff;    font-size: 11px;  line-height: 13px;  text-transform: uppercase;    font-family: 'medium', Arial, Helvetica, sans-serif;}

.propietats{display: grid; grid-auto-rows: auto;grid-template-columns: repeat(auto-fill, minmax(28rem, 1fr)); grid-column-gap: 100px; }
.propietats .card{ height: auto;  margin: 15px 0 50px 0; } 
.card img{width: 100%; max-width: 50px; }
.card h3{color: #222221; margin: 10px 0 0 0; font-size: 17px; }





.talltxt {  display: -webkit-box;  -webkit-line-clamp: 5;  -webkit-box-orient: vertical;    overflow: hidden;}
.talltxt3 {  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;    overflow: hidden;}


.txtSloganHomeMobil{display: none;}




/* =================================================================================================================*/
/* =================================================================================================================*/
/* ============================== MediaQuery =======================================================================*/
/* =================================================================================================================*/
/* =================================================================================================================*/
@media (max-width: 1680px) {
    .contenedor{max-width:1500px;}
    .logoTadipol{width: 250px;}
}

@media (max-width: 1440px) {
    .dropdown {font-size: 14px;}
    .contenedor{max-width:1300px;}
    .flex-caption {left: 11%; width: 60%;}
    .flex-direction-nav{left: -1%;}
    .titolCataleg{font-size: 9px;}
    .alturabuscador{margin-top: 10px;}
    .alturabuscador2{margin-top: -5px;}
    .deponer2{height: 200px;}
    .titolQuadreSector{min-height: 200px;}
    h3{font-size: 22px; line-height: 28px;}
    .logoTadipol{width: 200px;}

}

@media (max-width: 1366px) {
    .dropdown {font-size: 13px;}
    .peu {margin-right: 30px;}
    .divSeccioInt{ padding: 5% 2% 0 2%;}
    .contenedor{max-width:1250px;}
    .alturabuscador{margin-top: 0px;}
    .alturabuscador2{margin-top: -10px;}
    .deponer{min-height: 250px;}
    .titolQuadre{min-height: 250px;}
    .caixaLlistatProjecte{min-height: 565px;}
    .titolCataleg{font-size: 8px;width: 89%;}
    .txtSloganHome h2{font-size: 28px; line-height: 30px;}
    .flex-caption{font-size: 20px; line-height: 26px;}
    h1{font-size: 36px; line-height: 42px;}


}

@media (max-width: 1280px) {
    .dropdown {font-size: 12px !important;}
    .imgOcasio{height: 300px !important; min-height: 300px !important;}
    h1.titInterior{font-size: 2vw; line-height: 3vw;}
    .caixaLlistatProjecte {    min-height: 580px;}
}

@media (max-width: 1024px) {
    body, p{font-size: 16px; line-height: 24px;}
    #dl-menu{display: block; position: fixed; top: 10px; left:10px;z-index: 666;}
    #barraMenu{position: relative !important;}
    .centratLogo{display: none; }
    .logoTadipol{max-width: 230px; position: absolute; z-index: 555 !important;}
    .imgHomePrincipal{height: 500px !important}
    .titolSector{font-size: 13px; line-height: 16px;}
    .logoPeu{max-width: 200px;}
    .linksCat{text-align: center !important;}
    .blanc{border-top: 1px solid #ddd; max-width: 95%;text-align: center; margin: 0 auto 10px auto;}
    .divSeccioInt{ padding: 80px 4% 0 4%;}
    .sloganInt{font-size: 42px;    line-height: 32px;}
    .logoMobile{position: absolute; top: 5px; left: 80px; z-index: 888;display: flex;}
    .textInterior{padding-left: 1%;}
    .representantEsp{min-height: 340px !important; }
    .recent-work-wrap {opacity: 1 !important;}
    .recent-work-wrap .recent-work-inner{top:80% !important;}
    .logo1{display: none;}
    .logoTadipol{top: 0px;max-width: 200px;}
    .logoTadipol2{top: 5px;max-width: 180px;}
    .mundial{height: 90px;}
    .mundial2{height: 70px;}
    .icocontacte{margin-top: -5px; font-size: 14px;}
    .icocontacte img{width: 25px;}
    .icocontacte2{margin-top: 26px;}
    .flexslider { margin: 90px 0px 0px 0px;}
    .alturabuscador{margin-top: 15px;}
    .alturabuscador2{display: none;}
    .navbar-nav{        float:none;        margin: 0 auto;        display: table;        table-layout: fixed;}
    .flex-caption {left: 7%; width: 70%; bottom: 12%; font-size: 2.5vw; line-height: 3vw;}
    .flex-direction-nav{left: -3%;}
    .ajustpad5{padding-top: 0;}
    h1{font-size: 4vw; line-height: 4.5vw;}
    h2, .titVertical{font-size: 24px; line-height: 30px;}
    h3{font-size: 20px;}
    .recent-work-inner h3{display: none;}
    .recent-work-wrap .recent-work-inner p{font-size: 13px;}
    .card img{width: 60px !important;}
    h4{font-size: 14px;}
    .txtFormu{font-size: 14px;}
    a.link-menulat {font-size: 14px; line-height: 18px;}
    ul.menu-lat li{font-size: 13px; line-height: 15px;}
    .descripcioLlistat p,.descripcioLlistat ul {font-size: 16px !important; line-height: 24px;}
    h1.titInterior{font-size: 2.5vw; line-height: 2.8vw;}
    #menu li span::before, #menu li span::after{top: 25px;}
    h4.path{margin-top: 10px !important; font-size: 10px; margin-bottom: 20px !important;}
    .ajustBannerInt{min-height: 150px !important;}
    .nav.navbar-nav li a{margin-left: 9px; margin-right: 9px;}
    .recent-work-wrap .recent-work-inner p{line-height: 18px;}
    .titProjectes{padding-left: 0 !important;}
    .linkVeureMes{margin-top: 15px; font-size: 9px;}
    .alcadaGris{min-height: 460px !important;}
    h3.titProjecte{font-size: 18px;}
    .ajustpad5{padding-left: 55px;}
    .desProjecte{font-size: 16px; line-height: 20px; font-family: 'regular', Arial, Helvetica, sans-serif;color: #555; text-align: left; }
    .caixaLlistatProjecte{min-height: 485px;}
    .caixaBlau{padding-top: 70%;}

    .txtSloganHome h2{font-size: 24px; line-height: 30px;}
    .flex-caption{font-size: 18px; line-height: 24px;}
    h1{font-size: 24px; line-height: 30px;}
    h3{font-size: 18px; line-height: 24px;}
     .deponer2{min-height: 150px; height: 150px;}
    .titolQuadreSector{min-height: 150px;}
    .deponer{min-height: 170px; height: 170px;}
    .titolQuadre{min-height: 170px;}
    .titolQuadre h3{font-size: 16px;}

}

@media (max-width: 1023px) {
    .icocontacte,.idiomas{display: none;}
    .logoMobile{position: relative; text-align: center; width: 100%; display: block; top: -10px;left: 11px;}
    .logoTadipol{position: relative; max-width: 300px; top: 0;}
    .logoTadipol2{top: 15px;max-width: 180px;}
}

@media (max-width: 768px) {
    .imgHomePrincipal{height: 350px !important}
    .imgServei2 { padding-top: 42%;}
    .linksCat{display: none;}
    .divIcones {padding: 20px 50px !important;}
    .divSeccioInt{ padding: 4% 5% 0 5%;}
    .imgOcasio{height: 200px !important; min-height: 220px !important;}
    .empresa h1, .empresa h4{margin-left: 10% !important;}
    .mailContacte{font-size: 15px !important;}
    .slogan{font-size: 35px !important; position: absolute; margin-bottom: -4px !important; line-height: 40px;}
    .borrarIdiomes{padding-right: 0 !important;}
    .sloganInt{text-align: center; right: 0 !important; font-size: 35px !important; line-height: 35px !important; margin-bottom: -4px !important;}
    .textInterior{padding-left: 0;}
    .h1Noticia {font-size: 25px; line-height: 25px;}
    .logoMobile{z-index: 222;}
    .flex-caption {left: 7%; width: 80%; bottom: 6%; font-size: 2.5vw; line-height: 3vw;}
    .flex-direction-nav{display: none;}
    .txtSloganHome{padding: 20px 40px 30px 40px;}
    .ajustpad5{padding-left: 55px;padding-right: 55px; margin-bottom: 50px;}
    .espai50{margin-bottom: 50px !important;}
    .alcadaGris{padding: 30px 50px !important; min-height: 500px;}
    .alcadaGris1{padding: 30px 35px 30px 50px !important;}
    .imgContacte img{width: 30px !important; margin-bottom: 10px;}
    .data, .data span{margin-top: 15px;}
    .cuadreBlanc{padding: 30px !important;}
    .cuadreGris{padding: 30px !important;}
    .imgNoticia{min-height: 240px;}
    .card{margin-top: 30px;}
    .espaiImg{margin-top: 50px;}
    .espaiImg2{margin-top: 30px;}
    #divFiltres{margin-bottom: 50px;}
    .linksPeu a {font-size: 8px;}
    #footer a {font-size: 11px;}
    .titolCataleg{font-size: 12px;width: 93%; top: 27%;}
    .ajustSom{text-align: center !important;}
    .logoPeu{max-width: 130px;}
    .icoPeu{width: 30px;}
    .ajustPuntsEmpresa{min-height: 520px;}
    .propietats{    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));}
    #owl-projecte{margin-bottom:  50px;}


}

@media (max-width: 767px) {
    .logoTadipol{top: 15px;max-width: 210px;z-index: 555 !important;}
    .logoTadipol2{top: 15px;max-width: 180px; z-index: 555 !important;}
    .flexslider{margin: 90px 0px 0px 0px;}
    .borrar767{display: none;}
    .txtSloganHomeMobil{padding: 40px 20px !important;background-color: #36529d;  color: #fff; font-size: 20px; line-height: 25px; text-align: center; border-top: 2px solid #ed7b16; margin-bottom: 20px;}
    .txtSloganHomeMobil h2{color: #fff !important}
    .centerMobile{text-align: center;}
    .centerMobile .botoEnviar{text-align: center; float: none !important; display: inline-block; margin-bottom: 50px;}
}

@media (max-width: 679px) {
    body{font-size: 13px; line-height: 23px;}
    .borrarIdiomes{display: none !important;}
    .imgHomePrincipal{height: 180px !important}
    h1{font-size: 20px;    line-height: 25px;    margin-bottom: 20px;}
    .divIcones {padding: 15px 35px !important;}
    .linksPeu{text-align: center; display: grid; margin-top: 15px;}
    .linksPeu a{margin-top: 6px !important; font-size: 12px !important;line-height: 24px !important;}
    .caixaLogo{text-align: center !important; margin-top: 20px; }
    .caixaDadesEmpresa{text-align: center !important;}
    .titolSector {font-size: 20px;}
    .slogan{font-size: 20px;    line-height: 18px;}
    .sloganInt{font-size: 20px !important;    line-height: 20px !important; text-align: center;margin-bottom: -2px !important;}
    .int2{text-align: center !important; right: 0 !important;}
    .divSeccioInt{ padding: 10% 0 0 0;}
    .divSeccioInt h1{padding-right: 5% !important; padding-left: 5% !important;}
    .divSeccioInt h4{padding-right: 5% !important; padding-left: 5% !important;}
    .tornar{padding-right: 5%; padding-left: 5%;}
    .pInt{padding-right: 5% !important; padding-left: 5% !important; }
    .item{padding: 0 5%;}
    .dadesItem{margin-top: 30px; }
    .imgOcasio{height: 200px !important; min-height: 200px;}
    .dadesItem h4{padding-left: 0 !important;padding-right: 0 !important}
    .data img{margin-right: 10px !important;}
    .ajustArticle{padding: 0 10% !important;}
    .emp1, .emp2, .emp3{padding: 0 2% !important;}
    .imgBweb{min-height: 40px !important;}
    .textInterior{padding: 0 20px !important;}
    .h1Noticia{margin-bottom: 10px; font-size: 25px !important; line-height: 28px !important;}
    .slogan{font-size: 24px !important; margin-bottom: -1px !important;}
    .caixaRelacionats {   min-height: 50px; height: auto;    margin-bottom: 50px;}
    .ajustLateral{padding: 0 6% !important;}
    .ajustLateralNotis{padding: 10% 6% 0 6% !important;}
    .ajustPadding{padding: 0 0 !important;}
    .enviarPetit{display: block; margin-bottom: 30px;}
    .enviarGran{display: none;}
    .enviarCheck {padding-left: 5px !important;}
    .ajustImgProducte{padding: 0 10px;}
    .ajustProducte{padding-left: 5% !important;}
    .somFab{left: 6px !important;}
    .mostrar679{    font-size: 20px;    line-height: 25px; display: block; text-align: center; margin: 50px 0 20px 0;}
    .borrar679{display: none;}
    .centratPeu{text-align: center; margin: 30px 0 25px 0;}
    .posicioBannerInt{margin-top: 90px !important;}
    .flexslider{margin: 90px 0px 0px 0px !important}
    h1.titInterior{font-size: 20px; line-height: 25px; text-align: center;}
    #divFiltres{margin-bottom: 30px;}
    .ajustImgProducte{padding: 0;}
    #form_contacte{margin-top: 25px;}
    .botoEnviar{display: block; float: none !important; margin: 0 auto 30px auto; text-align: center;}
    .botoCataleg{display: block; float: none; margin: 30px auto;}
    .divFormulari{padding: 12% 0 12% 0;}
    .ajustArticle{padding: 0 0 0 12px !important;}
    .divSeccioInt h4{padding-left: 0 !important;}
    .ajustpad5{margin-bottom: 0px;}
    .espai50{padding-top: 0px !important;}
    h2.mostrar679{margin-top: 0px;}
    h2, .titVertical{font-size: 20px; line-height: 25px;}
    .linkVeureMes{text-align: center; margin-top: 0;}
    .alcadaGris{padding: 30px 10px !important;}
    .alcadaGris1{padding: 30px 5px  30px 10px !important;}
    .caixaProjecte{padding-right: 0px;}
    .alcadaGris h2{text-align: center;}
    .divFormulari {text-align: center;}
    h4.path{text-align: center;}
    .divSeparador{margin: 30px 0 !important;}
    a.link-menulat {font-size: 13px;}
    .imgServei {    height: auto;}
    .composites{margin: 20px 0;}
    .ajustServei{padding: 30px 0 !important; text-align: center;}
    .ajustArticle{padding: 0px 24px !important;}
    .cuadreGris{padding: 20px 0 !important; margin-bottom: 50px;}
    .cuadreBlanc{padding: 20px 0 !important;}
    .divSeccioInt h4.path{padding-left: 0 !important; padding-right: 0 !important;}
    .descripcioLlistat{margin-bottom: 30px;}
    #footer a {font-size: 15px;}
    .caixaLlistatProjecte{min-height: auto;}
    .titCenter{text-align: center;}
    .titolCataleg{font-size: 6px;width: 93%; top: 25%;}
    .imgTaula{width: 150px !important;}
    .ajustPuntsEmpresa{min-height: auto;}
    .ajustLlistaServeis img{max-width: 120px !important; margin-bottom: 10px;}
    .txtSloganHomeMobil{display: block;}


}

.fancybox-slide--iframe .fancybox-content {
    width  : 800px;
    height : 600px;
    max-width  : 80%;
    max-height : 80%;
    margin: 0;
}


.taulaBridas {
    border-collapse: collapse;
    width: 100%;
    font-size: 14px;
    line-height: 18px;
}

.taulaBridas th, .taulaBridas td {
    text-align: center;
    padding: 5px;
    min-width: 50px;
    height: 40px;
}

/*.taulaBridas tr:nth-child(even) {background-color: rgba(54, 82, 157, 0.15);}*/
.special{background-color: rgba(54, 82, 157, 0.15);}
.taulaProd th{color: #000;}
.taulaProd th.gris{color: #bbb !important;}
.gris{color: #bbb;}