/* 1 - Font face */
/* 2 - Reset */
/* 3 - Colors */

/* Font face */

@font-face {
    font-family: 'fs_alvarlight';
    src: url('fonts/fsalvar-light-webfont.woff2') format('woff2'),
         url('fonts/fsalvar-light-webfont.woff') format('woff');
    font-display:block;
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'fs_alvarregular';
    src: url('fonts/fsalvar-regular-webfont.woff2') format('woff2'),
         url('fonts/fsalvar-regular-webfont.woff') format('woff');
    font-display:block;
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'fs_alvarbold';
    src: url('fonts/fsalvar-bold-webfont.woff2') format('woff2'),
         url('fonts/fsalvar-bold-webfont.woff') format('woff');
    font-display:block;
    font-weight: normal;
    font-style: normal;
}
.mapboxgl-ctrl-logo{
	visibility: hidden!important;
}
/*
@media print{

	.section{
		height: auto!important;
		border:1px solid black;
	}
}
*/
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{
	text-decoration:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#444;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}



/* Colors
 * --------------------------------------- */

/*
	Blau
	*/

.presentacio,
.infografia{
/* 	background-color:#4634BD!important; */
background-color:rgb(80,0,182)!important;
}
/*
.section.video.habitatge.active:not(.fp-completely) .fp-tableCell:before{
	background-color: rgba(211, 102, 112,.7);
}
*/
/* 
	Vermell
	*/
	
.habitatge,
.habitatge .intro:after{
	background-color:#FF7380;
}
/*
.habitatge.sectionmapa.full .intro:after{
	background-color:white;
}
*/

.versiocurta .section.inicicapitol.habitatge.foto:before{
	background-color: rgba(211, 102, 112,.8)!important;
}
.habitatge h2,
.habitatge h3,
.habitatge .h3,
.habitatge.fp-completely.active.dada p .h3{
	color:#FF7380;
}
/*
	Groc
	*/
	
.dretssocials,
.dretssocials .intro:after{
	background-color:#FFC836;
}

.versiocurta .section.inicicapitol.dretssocials:before{
	background-color: rgba(250, 183, 83,.8);
}
/*
.section.video.dretssocials.active:not(.fp-completely) .fp-tableCell:before{
	background-color: rgba(250, 183, 83,.7);
}
*/
.dretssocials h2,
.dretssocials h3,
.dretssocials .h3,
.dretssocials.fp-completely.active.dada p .h3{
	color:#FFC836;
}
.dretssocials path.creixement{
	stroke:#FFC836;
}
/*
	Lila
	*/
.urbanisme,
.urbanisme .intro:after{
	background-color:#F590FF;
/* background-color:#AF6BB6; */
}
.versiocurta .section.inicicapitol.urbanisme:before{
	background-color:rgba(191, 133, 197,.8);
}
/*
.section.video.urbanisme.active:not(.fp-completely) .fp-tableCell:before{
	background-color:rgba(191, 133, 197,.7);
}
.section.video.urbanisme.active.foto .fp-tableCell:before{
	background-color:rgba(0, 0, 0,.3);
}
*/
.urbanisme h2,
.urbanisme h3,
.urbanisme .h3,
.urbanisme.fp-completely.active.dada p .h3,
.urbanisme .paraulesanimades span{
	color:#F590FF;
/* color:#AF6BB6; */
}


/*
	Blau
	*/
.economia,
.economia .intro:after{
	background-color:#78CCFF;
}
.versiocurta .section.inicicapitol.economia:before{
/* 	background-color:rgba(120, 204, 255,.8); */
background-color:rgba(175, 107, 182,.8);
}
/*
.section.video.economia.active:not(.fp-completely) .fp-tableCell:before{
	background-color:rgba(120, 204, 255,.7);
}
*/
.economia h2,
.economia h3,
.economia .h3,
.economia.fp-completely.active.dada p .h3{
	color:#78CCFF;
}
/*
	Verd
	*/
.govern,
.govern .intro:after{
	background-color:#6ED2C2;
}
.versiocurta .section.inicicapitol.govern:before{
	background-color:rgba(110, 210, 194,.7);
}
/*
.section.video.govern.active:not(.fp-completely) .fp-tableCell:before{
	background-color:rgba(110, 210, 194,.7);
}
*/
.govern h2,
.govern h3,
.govern .h3,
.govern.fp-completely.active.dada p .h3,
.govern .paraulesanimades2 span{
	color:#6ED2C2;
}
/*
	Verd clar
	*/
.sostenibilitat h2,
.sostenibilitat h3,
.sostenibilitat .h3{
	color:#A9E478;
}
.sostenibilitat,
.sostenibilitat .intro:after{
	background-color:#A9E478;
}
.versiocurta .section.inicicapitol.sostenibilitat:before{
	background-color:rgba(169, 228, 120,.8);
}
/*
.section.video.sostenibilitat.active:not(.fp-completely) .fp-tableCell:before{
	background-color:rgba(169, 228, 120,.7);
}
*/

.active:not(.fp-completely).dada p .h3{
	color:white!important;
}

.paraulesanimades span{
	white-space: nowrap;
	display: block; margin:.05em 0;
}
/*
	altres
	*/	

/*
.section.video .fp-tableCell:before{
	background-color:rgba(70, 52, 189,1);
	-webkit-transition: all 1s linear;-o-transition: all 1s linear;transition: all 1s linear;
}
*/
body:not(.versiocurta) .section.video.foto .fp-tableCell:before{
	background-color:rgba(0, 0, 0,.3);
}

.govern.foto,
.urbanisme.foto,
.sostenibilitat.foto,
.sectionmapa{
	background-color:transparent!important;
}

h3.blanc, .h3.blanc, abbr.blanc{
	color:white!important;
}
body{
	color:white;
	background-color:rgb(80,0,182);
}
h1{
	color:#FFFFFF;
}
h2{
	color:rgb(80,0,182);

}
.portada .intro p{
/* 	color:rgb(80,0,182); */
color:white;
/* margin-top:3rem; */
}
#consultar-mapa h2.h3{
	color:#4634BD;
	text-align: center;
	max-width: 80%;
	margin: 0 auto 4rem;
}
.blau{
	color:rgb(80,0,182);
}
.mitjapantalla .fp-tableCell:before{
	background-color:rgb(80,0,182);

}

.foto{
	background-color:rgb(80,0,182);
}


.foto:not(.inicicapitol):before,
.foto.mitjapantalla:after,
.sostenibilitat.foto:before,
.sostenibilitat.foto.mitjapantalla:before{
	background-color: rgba(0,0,0,.6);
background: -moz-linear-gradient(left,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */

}
.slideshow.multiple:before{
	background-color: rgba(0,0,0,.6);
background: -moz-linear-gradient(left,  rgba(255,255,255,0.7) 0%, rgba(255,255,25,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0.7) 0%,rgba(255,255,25,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,0.7) 0%,rgba(255,255,25,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3dFFFFFF', endColorstr='#00FFFFFF',GradientType=1 ); /* IE6-9 */
}
.foto.portada:before{
	background-color: rgba(0,0,0,.6);
background: -moz-linear-gradient(top,  rgba(0,0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#6d000000',GradientType=0 ); /* IE6-9 */

}
.foto.fotoviradablau:before
/* .mapafons:before */
{
	background-color: rgba(70, 52, 189,1);
	mix-blend-mode: multiply;
}
/*
.mapafons:before{
	background-color: rgba(70, 52, 189,.5);
	mix-blend-mode: multiply;
}
*/
.sectionmapa .fp-tableCell:before{
	background-color: rgba(0, 0, 0,.3);
	mix-blend-mode: multiply;
	z-index: 2;
}
body:not(.versiocurta) .section.video.active .fp-tableCell:before,
body:not(.versiocurta) .section.video.active.fp-completely .fp-tableCell:before,
body:not(.versiocurta) .fp-viewing-habitatge #lhabitatge .fp-tableCell:before,
body:not(.versiocurta) .fp-viewing-dretssocials #dretssocials .fp-tableCell:before,
body:not(.versiocurta) .fp-viewing-aire #aire .fp-tableCell:before,
body:not(.versiocurta) .fp-viewing-ciutat #ciutat .fp-tableCell:before
{
	/*background-color:rgba(211, 102, 112,.7);*/
	/*background-color:rgba(255,255,255,0.3);*//*MM:  prueba de video de habitatge para que el fondo sea blanco en vez de color si les gusta será poner en todas l as diapos */
	background-color: transparent; /*MM:  quitado el fondo */
}

.foto:not(.mitjapantalla) p,
.sectionmapa p,
.video p,
.foto:not(.mitjapantalla) h2,
.sectionmapa h2,
.video h2,
.section .h3,
.foto:not(.mitjapantalla) h3,
.sectionmapa h3,
.video h3
{
	text-shadow: 5px 5px 9px rgba(0,0,0,0.12);
}
h1,
.kenburns h3,
.kenburns .h3,
.kenburns p
{
	text-shadow: 5px 5px 9px rgba(0,0,0,0.35);
}
#pagina28.kenburns .h3,
#pagina28.kenburns p{
	text-shadow: 5px 5px 9px rgba(0,0,0,0.5);
}
/* Recursos * --------------------------------------- */

.ocult{
	display:none;
}
em.cursiva{
	font-style: italic;
}

 
.inline{
 display:inline!important;
}
 
.uppercase,
.intro.uppercase p{
	text-transform: uppercase;
	font-family:"fs_alvarbold", sans-serif;
	font-size: 6.5rem;
	font-weight: 400;
}
.uppercase .h3{
	font-weight: 400;
	margin: 0;
	font-size: 7rem;
}
.mes{
	display: inline-block;
	color: white;
	font-size: 20rem;
	line-height: 1em;
	top: .14em;	
	position: relative;	
}
a.button{
	background-color:#392A9B;
	color:white;
	text-transform: uppercase;
	font-size: 2rem;
	padding:.75em 1.5em;
	border-radius: .5rem;
	display: inline-block;
	letter-spacing: 0.5px;
	font-weight: 700;
	
}
#consultar-mapa a.button{
	margin: 0 auto;
}
 
 .amagat{
	 visibility:hidden;
 }
 .alignright,
  .alignright p{
	 text-align:right;
 }
  .alignleft,
    .alignleft p{
	 text-align:left;
 }
 #overlay{
	 width: 100%;
	 height: 100%;
	 position:fixed;
	 background:rgba(0,0,0,.7);
	 z-index: 6900;
 }
 
 /* Tipos
 * --------------------------------------- */
 
 html{
	font-size: 15px; /* a 1920px */
/* 	font-size: .75vmax; */
	font-size: .70vmax;
 }
body{
	font-family: 'Barlow', sans-serif;
	font-size: 1rem;
}
h1,h2,h3,.h3{
	font-family:'fs_alvarbold',sans-serif;
	text-transform: uppercase;
}
h3.mainfont, .h3.mainfont, .mainfont{
	font-family:inherit;
}
h1{
	line-height: .85em;
}

h3,
.big .h3,
h2{
	font-size: 180px;
	font-size: 11.25rem;
	line-height: 1em;
	margin-bottom: .15em;
}

#consultar-mapa .h3{
	font-size: 100px;
	font-size: 9.25rem;
/* 	margin-bottom: .5em; */
}


.presentacio .h3{
	text-transform: none;
	font-size: 6rem;
	line-height: 1.1em;
	margin: 0 .25em;
}
.presentacio .h3,
.h3.inlineblock, abbr.inline-block{
	display: inline-block;	
}
.block{
	display:block!important;
}
.h3.inlineblock,
abbr.inline-block{
	margin-right:.25em;
}
.presentacio .h3.bloc{
	margin-top: -.085em!important;
	display:block;
	margin-bottom: 0.1em!important;
}
.presentacio .delay{
	margin-top: 3rem;
}
h2 svg{
	text-anchor: start;
	dominant-baseline: text-before-edge;
}
h2 span,
h1 span{
	display: block;
	position: relative;
}
.versiocurta h2 span{
	margin-top:-1em;
}
.h3,
.sectionmapa h3{
	font-size:104px;
	font-size: 6.5rem;
	
	line-height: 1em;
	margin-bottom: .15em;
	margin-top: .1em;
}
html[lang="es"] .portada .h3{
	font-size: 6.2rem;
}
html[lang="en"] .portada .h3{
	font-size: 5.7rem;
}
h3.plus,
.h3.plus,
h1{
	font-size: 200px;
	font-size: 12.5rem;
	line-height: 1em;
	
}
.h3.xifres-intro { /*MM: nueva clase a afegir al css */
	font-size: 15.5rem;
    letter-spacing: .05em;
    line-height: 0.5em;
}

.h3.midle{
	font-size: 200px;
	font-size: 7.5rem;
	line-height: 1em;
	
}
/*
.presentacio .intro p{
	width: 100%;
}
*/
h3.plus,
.h3.plus{
	margin-bottom: 0;
	margin-top: -.15em;
}
h3 abbr,
.h3 abbr{
	font-size: 4rem;
	font-family:"Barlow", sans-serif;
	text-transform: none;
}
.h3.plus + abbr{
	margin-left: -.15em;
}
span.h3{
	display: block;
}
p .smaller{
	font-size: 3rem;
	display: block;
	line-height: 1em;
}
p .smaller.inlineblock{
	display: inline-block;
	font-size:2rem;
	top: -.75em;	
	position: relative;
}
p.smaller{
	font-size: 2rem;
	display: block;
	line-height: 1em;
}
p,
ul,
.p{
	font-size: 60px;
	font-size: 4rem;
	font-weight: 600;
	line-height: 1.1em;
}
.portada p{
	font-size: 42px;
	font-size: 3rem;
}
svg .p{
  font-size: 3rem;
}
svg .h3{
  font-size: 5rem;
}
.finestraflotant .intro p,
.finestraflotant .intro .h3{
	font-size: 14px;
	line-height: 1.2em;
}
 /* Layout
 * --------------------------------------- */
.wrap{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;
}
@media all and (min-width:960px){
	.row .col-md-6{
		-webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
		padding: 0 1rem;
		overflow: hidden;
	}
	.row{
		margin-left: -1rem;
		margin-right: -1rem;
		  display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	}
}
h1{
	max-width: 75%;
	margin: 0 auto;
}
/** INTRO **/
.intro{
	overflow: hidden;
}
#consultar-mapa .intro{
	text-align:center;
}
.mitjapantalla .intro{
	position:relative; z-index:1;
}
.presentacio .intro,
.portada .intro{
	text-align:center;
}
.intro img{
	width: auto;
	max-width: 100%;
}
.intro p{
	margin:.5em 0;
}
.presentacio .intro p{
	margin:.5em auto;
}
.portada .intro p{
	
	text-transform: uppercase;
	margin: 12rem auto 0;
}
/*
.portada .intro h1 + p{
	margin-top: 10em;
}
*/
.intro:after{
	display: block;
	content:"";
	background: white;
	height: 1rem;
	width: 0;
	-webkit-transition:all .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) .2s;-o-transition:all .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) .2s;transition:all .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) .2s;
	position: relative;
	left: -9rem;
	margin-top: 4rem;
}
	
.infografia .intro:after,
.circular .intro:after,
.inicicapitol .intro:after,
.infografia .intro:after,
.presentacio .intro:before,
.presentacio .intro:after,
#consultar-mapa .intro:after,
.versiocurta .intro:after,
.versiocurta .intro:before,
.mitjapantalla .intro:after{
	display:none;
}

/** DADA **/
.dada p{
	 display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.dada p em{
	margin: .5em .75em .5em;
	font-weight: 700;
}
.active.dada p .h3{
	color:#FFFFFF;
	-webkit-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out;
}
.dada.illustrada img{

    -webkit-flex:1 18%;
    -ms-flex:1 18%;
    flex:1 18%;
   
}

.dada.illustrada em{
    -webkit-flex:1 82%;
    -ms-flex:1 82%;
    flex:1 82%;
	line-height: 1.2em;
}
.intro .dada.illustrada p{
	width: 95%;
	
}

#pagina27 .dada p,
#pagina27 .dada p em,
#pagina27 .dada .h3{
	margin-top: 0;
	margin-bottom: 0;
}
#pagina27 .dada p em{
	margin-left: 0.5em;
}
.active.fp-completely .dada p .h3{
	opacity:1;
	-webkit-transition: all 1s ease-out .5s;
	-o-transition: all 1s ease-out .5s;
	transition: all 1s ease-out .5s;
}
.dada:last-child p .h3{
	-webkit-transition-delay: 1s;-o-transition-delay: 1s;transition-delay: 1s;
}


/** FP-TABLE **/
.fp-tableCell{
	position: relative; z-index: 1;
}
.section.video.active .fp-tableCell:before{ /*ANimació*/
	-webkit-transition: all 1s linear;-o-transition: all 1s linear;transition: all 1s linear;
}
.mitjapantalla .fp-tableCell:before{
	content:"";
	display:block;
	width:50%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
.active.mitjapantalla .fp-tableCell:before,
.active .mitjapantalla .fp-tableCell:before{
	width:0;
}

.fp-tableCell,
.section.video{
	overflow: hidden;
}
/** SECTION.foto **/
.foto,
.animatedgif{
	background-size: cover;
	background-position: center center;
	position:relative;
}
@media all and (min-width:1025px){
	.foto,
	.animatedgif{
		background-attachment: fixed;
	}
	.mitjapantalla.foto{
		background-size:contain;background-repeat: no-repeat;background-position: right top;
	}
}
.mitjapantalla.foto{
	background-position: right bottom;
	background-attachment: scroll;
}

.foto:before,
.sectionmapa:before{
	z-index: 0;
}
.foto:not(.mitjapantalla):before,
.foto.mitjapantalla:after,
.sectionmapa .fp-tableCell:before,
.sostenibilitat.foto.mitjapantalla:before,
.slideshow.multiple:before{
	content:"";
	display:block;
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
	
}
.slideshow.multiple:before{
	z-index: 1;
}

/**/

/* IMATGES DE FONS
	* --------------------------------------- */

.section#consultar-mapa{
	background-image: url(img/mapa.png);
}

/*
.section.animatedgif{
	background-image: url(maps/img/mapa-fons.gif);
}
*/
.section.animatedgif.grup-mapa,
.section.animatedgif{
	background-image: none;
	background-color: rgb(175,175,175); /* 	 white; */
}
.section:not(.fp-completely).animatedgif,
.section.animatedgif .mapafons{
	background-size: cover;
	background-position: center center;
}
.section.animatedgif .mapafons img{
	position: absolute;
/*
	top:50%;
	transform:translateY(-50%);
*/
width: 100%;
height: 100%;
	object-fit: cover;
	
}
@media all and (max-width:1023px){
	#pagina13.section.animatedgif .mapafons img{
		object-position:90% 50%;
	} 
}

.section.animatedgif.active .mapafons{
	display: none;
}


/*
.section[data-pdf="12"]{
	background-image: url(img/01/12-180609_P_RdPAprop_041.jpg);
}
*/
.fp-bg{
            background-size: cover;
/*
            transform: translate3d(0,0,0);
            -webkit-backface-visibility: hidden; 
            backface-visibility: hidden;
*/
            top: 0;
			bottom: 0;
			width: 100%;
			position: absolute;
			z-index: -1;
			transition: transform 1000ms ease; 
			background-size:cover;
			-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);
}
	.parallaxfoto .fp-bg:before{
            content: '';
            position: absolute;
            display: block;
            background: rgba(0, 0, 0, 0.2);
            top:0;
            bottom:0;
            height: 100%;
            width: 100%;
	}

/* imatges de fons */



/* PORTADA */

.section[data-pdf="1"]{
		background-image: url(img/00_mob.jpg);
}

/*SECCIO 1 HABITATGE*/
	body:not(.versiocurta) .section[data-pdf="9"]{
		background-image: url(img/01/lloguer_assequible_mob.jpg)
	}
	body:not(.versiocurta) .section[data-pdf="11"]{
		background-image: url(img/01/empresa_habitatge_mob.jpg);
	}
	body:not(.versiocurta) .section[data-pdf="12"]{
		background-image: url(img/01/formats_habitacionals_mob.jpg);
	}
	body:not(.versiocurta) .section[data-pdf="14"]{
		background-image: url(img/01/assessorament_energetic_mob.jpg);
	}


/*SECCIO 2 DRETS SOCIALS*/

	
	body:not(.versiocurta) .section[data-pdf="20"]{
		background-image: url(img/02/bressol_mob.jpg);
		background-position:right center;
	}
	body:not(.versiocurta) .section[data-pdf="22"]{
		background-image: url(img/02/010gratuit_mob.jpg);
	}
	body:not(.versiocurta) .section[data-pdf="23"]{
		background-image: url(img/02/saier_mob.jpg);
	}
	body:not(.versiocurta) .section[data-pdf="24"]{
		background-image: url(img/02/urbana_mob.jpg);
	}
	body:not(.versiocurta) .section[data-pdf="25"]{
		background-image: url(img/02/dentista_mob.jpg);
	}
	body:not(.versiocurta) .section[data-pdf="26"]{
		background-image: url(img/02/biennal_mob.jpg);
	}
	body:not(.versiocurta) .section[data-pdf="28"]{
		background-image: url(img/02/serveis_sanitaris_mob.jpg);
	}

	body:not(.versiocurta) .section[data-pdf="29"]{
		background-image: url(img/02/recursos-lgtbi_mob.jpg)
	}
	body:not(.versiocurta) .section[data-pdf="30"]{
		background-image: url(img/02/centres_culturals_mob.jpg)
	}
	body:not(.versiocurta) .section[data-pdf="31"]{
		background-image: url(img/02/biblioteques_mob.jpg);
		background-position:23% 50%;
	}
	body:not(.versiocurta) .section[data-pdf="32"]{
		background-image: url(img/02/gestio_civica_mob.jpg)
	}

/*SECCIO 3 SOSTENIBILITAT*/
	body:not(.versiocurta) .section[data-pdf="36"]{
	background-image: url(img/03/carrils_bici_mob.jpg);
	}

	body:not(.versiocurta) .section[data-pdf="37"]{
		background-image: none;;
	}
	body:not(.versiocurta) .section[data-pdf="38"]{
	background-image: url(img/03/qualitat_aire_mob.jpg);
	}

	
	body:not(.versiocurta) .section[data-pdf="39"]{
		background-image:url(img/03/tramvia2_mob.jpg);
	}

	body:not(.versiocurta) .section[data-pdf="41"]{
	background-image: url(img/04/recollida_escombreries_mob.jpg);
	}
	body:not(.versiocurta) .section[data-pdf="42"]{
	background-image: url(img/04/energia_mob.jpg);
	}



/*SECCIO 4 TRANSFORMACIONS URBANES*/

	body:not(.versiocurta) .section[data-pdf="45"]{
	background-image: url(img/04/super_illes_mob.jpg);
	}
	body:not(.versiocurta) .section[data-pdf="46"]{
	background-image: url(img/04/jocs_infantils_mob.jpg);
	}
	


/*SECCIO 5 OCUPACIO I ECONOMIA*/
	body:not(.versiocurta) .section[data-pdf="52"]{
		background-image: url(img/05/ocupacio_mob.jpg)
	}
	body:not(.versiocurta) .section[data-pdf="53"]{
		background-image:url(img/05/plans_desenvolupament_economic_mob.jpg);
	}
	body:not(.versiocurta) .section[data-pdf="54"]{
		background-image:url(img/05/cooperatives_mob.jpg);
	}
	body:not(.versiocurta) .section[data-pdf="55"]{
		background-image: url(img/05/coopolis_mob.jpg); 
	}
	body:not(.versiocurta) .section[data-pdf="56"]{
		background-image:url(img/05/alencoop_mob.jpg);
	}

	body:not(.versiocurta) .section[data-pdf="57"]{
		background-image:url(img/05/comerc_proximitat_mob.jpg);
	}



	body:not(.versiocurta) .section[data-pdf="59"]{
		background-image:url(img/05/pla_ciencia_mob.jpg);
		background-position: 6% 50%;
	}


	body:not(.versiocurta) .section[data-pdf="60"]{
		background-image:url(img/05/innovacio_ciutat_digital_mob.jpg);
	}

	body:not(.versiocurta) .section[data-pdf="61"]{
		background-image:url(img/05/estrategia_internacionalitzacio_mob.jpg);
	}
/*SECCIO 6 GOVERN*/



	body:not(.versiocurta) .section[data-pdf="63"]{
		background-image:url(img/06/reduccio_deute_mob.jpg);
	}
	body:not(.versiocurta) .section[data-pdf="64"]{
		background-image:url(img/06/sancions_mob.jpg);
	}
	body:not(.versiocurta) .section[data-pdf="65"]{
		background-image: none;
	}
	body:not(.versiocurta) .section[data-pdf="66"]{
		background-image: url(img/06/oficina_de_dades_mob.jpg);
	}

	body:not(.versiocurta) .section[data-pdf="67"]{
		
		background-image: url(img/06/treballadors_publics_mob.jpg);
	}
	body:not(.versiocurta) .section[data-pdf="68"]{
		background-image:url(img/06/referent_tecnologic_mob.jpg);
	}

@media all and (min-width:960px){
/* PORTADA */

.section[data-pdf="1"]{
		background-image: url(img/00.jpg);
}

/*SECCIO 1 HABITATGE*/
	body:not(.versiocurta) .section[data-pdf="9"]{
		background-image: url(img/01/lloguer_assequible.jpg)
	}
	body:not(.versiocurta) .section[data-pdf="11"]{
		background-image: url(img/01/empresa_habitatge.jpg);
	}
	body:not(.versiocurta) .section[data-pdf="12"]{
		background-image: url(img/01/formats_habitacionals.jpg);
	}
	body:not(.versiocurta) .section[data-pdf="14"]{
		background-image: url(img/01/assessorament_energetic.jpg);
	}


/*SECCIO 2 DRETS SOCIALS*/

	
	body:not(.versiocurta) .section[data-pdf="20"]{
		background-image: url(img/02/bressol.jpg);
		background-position:right center;
	}
	body:not(.versiocurta) .section[data-pdf="22"]{
		background-image: url(img/02/010gratuit.jpg);
	}
	body:not(.versiocurta) .section[data-pdf="23"]{
		background-image: url(img/02/saier.jpg);
	}
	body:not(.versiocurta) .section[data-pdf="24"]{
		background-image: url(img/02/urbana.jpg);
	}
	body:not(.versiocurta) .section[data-pdf="25"]{
		background-image: url(img/02/dentista.jpg);
	}
	body:not(.versiocurta) .section[data-pdf="26"]{
		background-image: url(img/02/biennal.jpg);
	}
	body:not(.versiocurta) .section[data-pdf="28"]{
		background-image: url(img/02/serveis_sanitaris.jpg);
	}

	body:not(.versiocurta) .section[data-pdf="29"]{
		background-image: url(img/02/recursos-lgtbi.jpg)
	}
	body:not(.versiocurta) .section[data-pdf="30"]{
		background-image: url(img/02/centres_culturals.jpg)
	}
	body:not(.versiocurta) .section[data-pdf="31"]{
		background-image: url(img/02/biblioteques.jpg)
	}
	body:not(.versiocurta) .section[data-pdf="32"]{
		background-image: url(img/02/gestio_civica.jpg)
	}

/*SECCIO 3 SOSTENIBILITAT*/
	body:not(.versiocurta) .section[data-pdf="36"]{
	background-image: url(img/03/carrils_bici.jpg);
	}

	body:not(.versiocurta) .section[data-pdf="37"],
	body:not(.versiocurta) .section[data-pdf="38"]{
		background-image: url(img/03/qualitat_aire.jpg);
	}

	
	body:not(.versiocurta) .section[data-pdf="39"]{
		background-image:url(img/03/tramvia2.jpg);
	}

	body:not(.versiocurta) .section[data-pdf="41"]{
	background-image: url(img/04/recollida_escombreries.jpg);
	}
	body:not(.versiocurta) .section[data-pdf="42"]{
	background-image: url(img/04/energia.jpg);
	}



/*SECCIO 4 TRANSFORMACIONS URBANES*/

	body:not(.versiocurta) .section[data-pdf="45"]{
	background-image: url(img/04/super_illes.jpg);
	}
	body:not(.versiocurta) .section[data-pdf="46"]{
	background-image: url(img/04/jocs_infantils.jpg);
	}
	


/*SECCIO 5 OCUPACIO I ECONOMIA*/
	body:not(.versiocurta) .section[data-pdf="52"]{
		background-image: url(img/05/ocupacio.jpg)
	}
	body:not(.versiocurta) .section[data-pdf="53"]{
		background-image:url(img/05/plans_desenvolupament_economic.jpg);
	}
	body:not(.versiocurta) .section[data-pdf="54"]{
		background-image:url(img/05/cooperatives.jpg);
	}
	body:not(.versiocurta) .section[data-pdf="55"]{
		background-image: url(img/05/coopolis.jpg); 
	}
	body:not(.versiocurta) .section[data-pdf="56"]{
		background-image:url(img/05/alencoop.jpg);
	}

	body:not(.versiocurta) .section[data-pdf="57"]{
		background-image:url(img/05/comerc_proximitat.jpg);
	}



	body:not(.versiocurta) .section[data-pdf="59"]{
		background-image:url(img/05/pla_ciencia.jpg);
	}


	body:not(.versiocurta) .section[data-pdf="60"]{
		background-image:url(img/05/innovacio_ciutat_digital.jpg);
	}

	body:not(.versiocurta) .section[data-pdf="61"]{
		background-image:url(img/05/estrategia_internacionalitzacio.jpg);
	}
/*SECCIO 6 GOVERN*/



	body:not(.versiocurta) .section[data-pdf="63"]{
		background-image:url(img/06/reduccio_deute.jpg);
	}
	body:not(.versiocurta) .section[data-pdf="64"]{
		background-image:url(img/06/sancions.jpg);
	}
	body:not(.versiocurta) .section[data-pdf="65"],
	body:not(.versiocurta) .section[data-pdf="66"]{
		background-image: url(img/06/oficina_de_dades.jpg);
	}

	body:not(.versiocurta) .section[data-pdf="67"]{
		
		background-image: url(img/06/treballadors_publics.jpg);
	}
	body:not(.versiocurta) .section[data-pdf="68"]{
		background-image:url(img/06/referent_tecnologic.jpg);
	}

}

.colortext{
	height: 0;
	transition: 1s all ease-in-out; 
}
.active .colortext{
	height: 100%;
}

.active.fp-completely .intro:after{
/* .active.presentacio.fp-completely .intro:before{ */
/* 	width: 15vw; */
	width: 18vw;
	-webkit-transition:all .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s;-o-transition:all .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s;transition:all .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s;
}

.sectionmapa .fp-tableCell{
	z-index: 5000;
}
.sectionmapa .intro{
	pointer-events: none;
}

.mitjapantalla .fp-tableCell:before{
	width:100%;	
	-webkit-transition:all 1s cubic-bezier(0.250, 0.460, 0.450, 0.940);-o-transition:all 1s cubic-bezier(0.250, 0.460, 0.450, 0.940);transition:all 1s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.mitjapantalla .fp-tableCell{
	position: relative;
}

/*
.active .slide.mitjapantalla .fp-tableCell:before{
	max-width: 900px;
}
*/
/*
.mitjapantalla.active .intro,
.active .mitjapantalla .intro{
	transition-delay: 1s;
}
*/

/** MAPA */

.sectionmapa .intro{
	position: relative;z-index: 1;
}

.intro{
	padding:7rem 2rem;	
}
@media all and (max-width:767px){
	.section .intro {
		padding:7rem 5rem; /*baixo una mica el padding per a mobil*/
	}
	.section.portada .intro{
		padding-top:10vh!important;
	}
	.portada .intro h1 + p {
		margin: 10rem auto 0;
	}
	.section:not(.sectionmapa) .intro {

	    min-height: 500px;
	   
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -ms-flex-direction: column;
	            flex-direction: column;
	    -ms-flex-line-pack: center;
	        align-content: center;
	    -webkit-box-pack: center;
	    -ms-flex-pack: center;
	            justify-content: center;
	            

	}
	#consultar-mapa .intro {
		min-height: auto;
	}
}
/*
.mapafons{
	width:80%;
	height:260px;
	margin:0 auto;
}
*/
/*
.mapafons:before,
.mapafons .mapa {
    width:  100%;
    height: 100%;
}
.mapafons:before{
	pointer-events: none;
	display: block;
	content:"";
	position: absolute; top:0;left:0;
	z-index:2;
	
}
*/
/*
.fp-completely .mapafons:before{
	-webkit-animation:1s fadeIn;
	animation:1s fadeIn;
	-webkit-animation-delay:.5s;
	        animation-delay:.5s;
	-webkit-animation-fill-mode:forwards;
	        animation-fill-mode:forwards;
}
*/
.sectionmapa .intro{
	z-index: 3;
}
@-webkit-keyframes fadeIn {
  0% {
   	opacity:0;
  }
  100% {
	  opacity:1;
    
  }
}
@keyframes fadeIn {
  0% {
   	opacity:0;
  }
  100% {
	  opacity:1;
    
  }
}
.mapafons{
		position: absolute;
/*
		right: 10%; 
		bottom: 5%;
		height: 80%;
		width: 50%;
*/
}
	.mapafons.full,
	.full .mapafons{
		width: 100%;
		height: 100%;
		right: 0;
		bottom:0;
		overflow: hidden;
		
	}
/*
	.mapafons.full .h3,
	.fp-completely.sectionmapa.full .h3:not(.blanc){
		color:rgb(80,0,182)!important;
	}
*/
@media all and (min-width:768px){
	.intro{
		padding:7rem;
	}
	
}

@media all and (min-width:1024px){
	.intro{
		padding:7rem 9rem;
	}
	.mitjapantalla .intro{
		padding-top:3rem;
	}
	.intro p{
		width: 60%;
	}
	.portada .intro p{
		width: 65%;
	}
	.intro.big p{
		width: 75%;
	}
	.sectionmapa .intro p{
		width: 35%;
	}
	.sectionmapa .intro.frasellarga p{
		width: 60%;
	}
	.infografia .intro p,
	.frasellarga .intro p,
	.frasellarga.intro p{
		width:80%;
	}
}

/*NAVIGATION*/



#opcions{
	position: fixed;
	left: 9.2rem;
	bottom:2.3rem;
	z-index: 8000;
	/** ho amago**/
/* 	display:none; */
}

#social,
#opcions{

	transition: 1s all ease-out;
}
.fp-viewing-mapa-interactiu  #social,
.fp-viewing-mapa-interactiu  #opcions{
	bottom: 4rem;
	transition: 1s all ease-out;
}

#opcions a{
	display: inline-block;
	margin: 0 1rem;
	position: relative;
	overflow: visible;
}
#opcions .tooltip{
/* 	display: none; */
/* 	min-width: 120px; */
	white-space: nowrap;
	position: absolute;
	top:0;
	
	left: 50%;
	transform:translate(-50%,-50%);
	background-color:rgba(80, 0, 182,.4);
	border-radius:.2em;
	opacity:0;
	transition: all .5s ease-out;
}
#opcions .tooltip:after{
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    width: 0; height: 0;
    border-top: 8px solid rgba(80, 0, 182,.4);
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
 }
#opcions a:hover .tooltip{
	display:block;
	opacity:1;
	transform:translate(-50%,-100%);
	transition: all .5s ease-in;
	
}
#opcions .bt-mapa .tooltip{
	top:-1rem;
}
/*
.fp-completely #opcions{
	opacity:1;
	-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s;
}
*/
#social{
	position:fixed;
	z-index: 100001;
	left:2.3rem;
	bottom:2.3rem;
}
#social a{
	display: block;
}
#social img,
#opcions img{
	width: 4rem;
	height: auto;
	min-width: 32px;
}

#social ul li span{
	display: none;
}
#social ul li{
	display: block;
	width:4rem;
	min-width: 32px;
	height: 4rem;
	min-height: 32px;
	background:rgba(80, 0, 182,.4);
	border-radius: 50%;
	margin:.5rem 0;
	opacity:0;
	transition: .5s all;
	position: relative;
}
#xarxes ul li{
	-webkit-transform: translateY(100%);
	    -ms-transform: translateY(100%);
	        transform: translateY(100%);
	-webkit-transition: 1s all;
	-o-transition: 1s all;
	transition: 1s all;
}
#xarxes ul li:last-child,
#xarxes.obert ul li:first-child{
	-webkit-transition-delay:0;
	     -o-transition-delay:0;
	        transition-delay:0;
}
#xarxes.obert ul li:last-child,
#xarxes ul li:first-child{
	-webkit-transition-delay:.25s;
	     -o-transition-delay:.25s;
	        transition-delay:.25s;
}
#xarxes.obert ul li{
	opacity:1;
	-webkit-transition: .5s all ease-out;
	-o-transition: .5s all ease-out;
	transition: .5s all ease-out;
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
}
#xarxes{
	pointer-events:none;
}
#xarxes.obert{
	pointer-events: all;
}

#xarxes ul li a{
		background-repeat:no-repeat;
	background-position:center center;
	display: block;
width: 100%;
height: 100%;
text-align: center;
}
#xarxes ul li.fb a{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' viewBox='-4 0 27 30' height='50'%3E%3Cpath d='M10.09 14.604h4.115l.613-4.458h-4.727V7.312c0-1.291.386-2.166 2.364-2.166H15v-3.98A42.793 42.793 0 0 0 11.295 1C7.636 1 5.136 3.063 5.136 6.875v3.27H1v4.46h4.136V26h4.955V14.604z' stroke='%23FFF' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
	background-size: 60%;
}
#xarxes ul li.tw a{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' viewBox='0 0 27 22' height='50'%3E%3Cpath d='M18.306 1c-2.848 0-5.122 2.34-5.122 5.207 0 .4.042.8.126 1.18A14.602 14.602 0 0 1 2.728 1.949a5.247 5.247 0 0 0-.674 2.613c0 1.813.885 3.394 2.277 4.322a4.931 4.931 0 0 1-2.34-.654v.063c0 2.53 1.77 4.615 4.131 5.102a5.768 5.768 0 0 1-1.349.168c-.337 0-.653-.02-.97-.084.654 2.064 2.551 3.562 4.786 3.604a10.189 10.189 0 0 1-6.366 2.214c-.422 0-.822-.021-1.223-.063a14.345 14.345 0 0 0 7.863 2.34c9.424 0 14.586-7.926 14.586-14.777l-.02-.675C24.44 5.406 25.305 4.478 26 3.445c-.927.4-1.916.696-2.949.822a5.24 5.24 0 0 0 2.255-2.888 9.843 9.843 0 0 1-3.248 1.265A5.127 5.127 0 0 0 18.306 1z' stroke='%23FFF' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round' fill='none' fill-rule='evenodd'/%3E%3Cstyle xmlns='http://www.w3.org/1999/xhtml' type='text/css'%3E%3C/style%3E%3C/svg%3E");

background-size: 60%;
}
/* #social a:hover:after, */
#opcions a.credits:after,
#opcions a.avislegal{
	text-transform: uppercase;
	color:white;
	font-size: 1.5rem;
	line-height: 3rem;
	margin-left:1em;
	display: inline-block;
    vertical-align: top;
}
/*
#social a:hover:after{
	content:"Compartir";
	
}
*/
#opcions a{
	color:white;
}
#opcions a.avislegal{
	margin-left: 4rem;
}
html[lang="ca"] #opcions a.credits:after{
	content:"Crèdits";
}
html[lang="es"] #opcions a.credits:after{
	content:"Créditos";
}
html[lang="en"] #opcions a.credits:after{
	content:"Credits";
}

/*IDIOMES */
#idiomes{
	position: absolute;
	right: 2.3rem;
	top:2.3rem;
	z-index: 10000;
}
#idiomes ul li{
	display:inline-block;
	
}

#idiomes ul li a,
#idiomes .button{
	color:rgb(80, 0, 182);
}

#idiomes ul li a,
#idiomes .button,
#opcions .tooltip{
	font-size: 14px;
	padding: .3em .8em;
	text-transform: uppercase;
}
@media all and (min-width:768px){
	#idiomes ul li a,
	#idiomes .button,
	#opcions .tooltip{
		font-size: 1.5rem;
		padding: .3em .8em;
	}
}



#idiomes ul li.active a,
#idiomes ul li a:hover,
#idiomes .button{
	background-color:rgba(80, 0, 182,.2);
	border-radius:.2em;
}

#idiomes .button{
	display: block;
	margin-top:2rem;
	text-align: center;
}
#idiomes .button span{
	background-position: center top;
	padding-top:3em;
	display: block;
	
}

.portada .intro .button span,
#idiomes .button span{
	background-repeat: no-repeat;
	background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.054 14.709c.058.18.111.403.187.65a1.18 1.18 0 0 1-.317.08c-.14 0-.129-.241-.298-.241-.047 0-.248.036-.374.072v.187c-.029-.018-.061.003-.378.003-.065 0-.183-.057-.212-.057-.155 0-.227.036-.421.122a3.634 3.634 0 0 1-.658.158c-.187 0-.256-.111-.446-.111-.115 0-.407.111-.464.111-.144 0-.267-.111-.4-.111-.187 0 .076.036-.644-.004v.26c-.787.14-1.546.485-2.302.963.004.022.09.115.05.191-.064-.04-.114-.165-.161-.165-.1 0-.41.298-.594.298-.09 0-.23-.093-.305-.093-.047 0-.331.115-.486.18-.212.082-.432.208-.651.258-.907.227-1.792 1.184-2.69 1.756-.026-.022-.026-.011-.026-.054 0-.047.299-.212.299-.26 0-.046-.094-.118-.112-.179.061-.043.112-.058.155-.115h.068c.004.025-.018.043-.018.09s.036.075.065.111c.086-.09.22-.183.32-.259.198-.352.799-.456.993-.888.09-.01.216-.08.316-.061.015-.05-.003-.126.022-.198.263-.025.59-.22.799-.266l.906-.353c.086.04.201.097.273.17.054-.04.065 0 .112 0 .007 0 .237-.112.27-.145-.101-.126-.112-.122-.112-.176 0-.158.13-.22.248-.352.058.018.115.176.187.223.03-.083-.043-.116-.064-.159.043-.025.111-.072.111-.118 0-.047-.036-.03-.036-.076 0-.047.234-.259.28-.259.048 0 .094.054.141.054.047 0 .029-.029.032-.072.198.018.367-.41.367-.446 0-.036-.057-.194-.1-.223-.191.288-.285.644-.695.63-.021-.062-.079-.137-.079-.184 0-.13.389-.176.41-.19.036-.083.094-.18.148-.245-.105-.011-.856.223-.856.295 0 .047.147.493.147.54 0 .104-.086.078-.194.136h-.065c-.04-.19-.097-.378-.115-.561-.13-.014-.543.428-.543.442 0 .195.151.36.205.508-.119.043-.227.079-.327.136-.087-.194-.191-.349-.191-.597-.076-.014-.58.166-.58.19 0 .048.148.458.148.504 0 .108-.172.12-.266.166h-.065a9.016 9.016 0 0 0-.201-.576c-.158.025-.133.27-.133.41 0 .047 0 .105-.007.159-.407.158-1.184.474-1.23.474h-.08c-.003-.025.04-.054.072-.068l-.043-.802c-.061.083-.18 0-.255 0-.17 0-.241.273-.241.439-.022.021-.008.025-.054.025-.23 0-.997-.158-1.08-.194.094-.137.26-.292.26-.338-.036-.026.04-.008.025-.123l-.119.036a.149.149 0 0 1 .094-.082.192.192 0 0 1-.047-.047l-1.058.95c-.086-.069-.363-.317-.4-.317-.046 0-.114.054-.186.086.054.097.036.227.13.313-.044.072-.353.144-.353.234 0 .075.09.245.104.259l1.644-.67c.05.019.094.019.14.019.05 0 .166.111.324.115v.068c-.025.004-.057 0-.09.015.029.025.05.054.09.046-.025.213.223.414.317.62v.064c-.105-.029-.187-.22-.234-.295-.166.05-.252.111-.425.111-.1 0-.172-.111-.223-.111-.09 0-2.115 1.263-2.277 1.263-.046 0-.111-.112-.158-.112s-.083.036-.13.036c-.082 0-.478-.766-.607-.878-.78-.662-1.22-1.392-1.515-2.147-.046-.122-.097-.518-.097-.676 0-.267.173-.63.212-1.036a.628.628 0 0 0 .015-.148c0-.047-.036-.547-.072-.834h.065l2.428.975h.072l1.47.59.13-.59.148-.55c.043-.005.072.017.119.017.133 0 .29-.317.309-.388.169-.008.41.09.493-.069.028-.392.453-.978.453-1.428 0-.047-.076-.137-.076-.183v-.396c0-.047-.036-.072-.036-.119 0-.003.018-.31.018-.381 0-.004.205-.227.245-.28-.496.172-.73-.53-1.097-.817.04-.061.165-.317.165-.327 0-.18-.205-.32-.205-.67 0-.154.094-.219.097-.424h.098c.046 0 .057.054.104.054.23 0 .205-.356.223-.496.021-.022.047-.004.097-.004.032-.083.007-.252.076-.345.075-.105.29-.367.29-.493 0-.047-.035-.047-.035-.094 0-.18.619-.33.712-.42.173.021.774-.162.774-.385 0-.047-.076-.159-.076-.205 0-.062.223-.22.223-.436 0-.06-.1-.334-.169-.334-.047 0-.1.036-.148.036-.205 0-.611-.936-.665-1.08-.22 0-.608.022-.655.022-.075 0-.399.148-.572.148-.072-.083-.086-.288-.262-.28.018-.048.036-.07.036-.116 0-.144-.205-.083-.205-.27 0-.047.187-.42.284-.611.065.04.1.075.151.111.072-.047.302-.223.306-.223.007 0 .14.094.313.19.082.051.162.145.208.145.328 0 .065-.033.44-.28.042.039.053.093.1.093.007 0 .151-.389.298-.53-.036-.032-.111-.057-.111-.1 0-.047.1-.115.122-.198.029-.108.007-.223.033-.341.05.06.349.316.456.316.047 0 .08-.072.13-.104-.072-.105-.126-.26-.227-.381-.043-.058-.273-.17-.273-.303 0-.046.252-.251.299-.251.046 0 .233.111.341.147.011-.144-.082-.453-.082-.493 0-.047.053-.032.068-.075C7.755.41 7.773 0 8.14 0c.047 0 .133.036.213.061-.04.065-.134.104-.224.155.036.054.108.075.148.108-.05.108-.072.259-.205.284.08.183.072.374.259.532 0 .04-.058.083-.094.137v.083c.083-.04.123-.094.17-.094.035 0 .111.08.111.1 0 .048-.058.076-.058.123s.058.076.058.123c0 .046-.076.082-.076.129 0 .183.083.223.13.46.075.015.1-.021.183-.04.004.166.177.22.245.22.047 0 .381-.147.428-.147.047 0 .158.036.26.04.003.118.02.312.02.36 0 .093-.014.193-.129.276.22.126-.04.45.13.568.24.17.496.5.715.695.14.122.14.158.14.32 0 .047-.035.075-.035.122 0 .238.226.615.428.615.137 0 1.15-.334 1.453-.608.043-.04.14-.032.187-.068.072-.054.187-.277.317-.263.025-.054.226-.273.377-.273.047 0 .159.076.205.076.047 0 .4-.148.446-.148.112 0 .27.144.335.212.065.144.137.295.227.45.05.007.108.007.165.01.065.08.216.249.241.32.014.048-.036.188.076.245.345.173.136.23.395.23.015 0 .155-.129.17-.129.046 0 .215.094.327.14.014.17.226.134.341.241.105.098.144.295.234.44.029-.058.22-.12.277-.076.029-.144.166-.241.248-.385.036-.065.018-.187.09-.227.18-.097.558-.13.605-.13.338 0 .266.206.633.206.047 0 .28-.036.323-.036.108 0 .472.306.483.316.093-.097.111-.108.176-.158-.033-.01-.069.007-.13-.014V5.5c.058-.058.097-.133.177-.173.071.115.64.446.64.687 0 .198-.78.713-.77 1.637v1.637c.01.849-.432 1.622-.87 2.435-.162-.111-.285-.277-.46-.245-.098.22-.217.64-.465.651v.224c-.043.003-.097 0-.126.01.083.036.13.058.13.13 0 .047-.04.119-.076.147.033.011.058.076.058.123 0 .09-.14.341-.187.349.09.23.075.345.075.543 0 .046-.036.399-.036.446 0 .046.058.046.058.093a.46.46 0 0 1-.018.101c-.107.175-.221.41-.234.414z' fill='%23FFFFFF' fill-rule='nonzero'/%3E%3C/svg%3E");	
}


.portada .intro .button{
	margin-top:3rem;
	padding:.5em 1em;
	display: inline-block;
	
}
.portada .intro .button:hover{
	background-color:rgba(57, 42, 155,.8);
}
.portada .intro .button span{
	padding-left:4.3rem;
	background-position: left center;
	display: inline-block;
	background-size: contain;
	
}
@media all and (min-width:1024px){
	.portada .intro .button span{
	padding-left:4rem;
	}
}
/*

	LOGO
	*/
	
#logo{
	font-size: 30px;
	font-size: 1.87rem;
	position: fixed;
	left: 2.3rem;
	top:2.3rem;
	z-index:2000;
	letter-spacing: 0.5px;
	z-index:10000;
}
#logo img{
	width: 5rem;
	min-width:60px;
	height: 6rem;
	min-height:60px;
}
/*
	TÍTOLS SECCIONS 
	*/
	
.titols-seccions{
	display: inline-block;
	vertical-align: top;
	padding: 1.1em 1.3rem 0;
}
.title{
	text-transform: uppercase;
	display:none;
}
.title,
.subtitle{
	font-weight: 700;
}

.subtitle{
	color: rgba(255,255,255,0.80);
}

.title.inicicapitol{
	-webkit-animation:.5s entradalt ease-out;animation:.5s entradalt ease-out;
}
.subtitle.inicicapitol{
	-webkit-animation:1s entrabaix ease-in-out;
	animation:1s entrabaix ease-in-out;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
}


#liniadeprogres{
	position: fixed;
	right: 1rem;
	z-index:7000;
	top:0;
	display: none;
}
#liniadeprogres-mobil{
	transition:1s all ease-out;
	height: auto!important; /*eliminar*/
/* 	bottom:1rem; */
	display: block;
	z-index: 10000;
	position: fixed;
	top:1rem;
	right: 1rem;
}
	
@media all and (min-width:1024px){
	#liniadeprogres{
		height: 100%;
		display: block;
	}
	#liniadeprogres-mobil{
		display:none;
	}
	#liniadeprogres > svg{
		max-height: 80%;
		position: absolute;
		top:50%;
		right: 0;
		-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);
		
	}
}
	
.fita{
	position: relative;
}
.fita a{
	display:block;
}
.fita text{
	fill:#FFFFFF;
	font-family:inherit;
	font-size:18px;
	font-weight:bold;
	letter-spacing:.054;
}	
.fita .cercle{
	stroke:white;
	stroke-width:3px;
	fill:red;
	-webkit-transition: all .5 ease-in;-o-transition: all .5 ease-in;transition: all .5 ease-in;
}
.fita.activa .cercle,
.fita:hover .cercle,
#liniadeprogres-mobil.oberta .fita:not(.activa) .cercle{
	-webkit-transform:scale(2);-ms-transform:scale(2);transform:scale(2);
	-webkit-transition: all .5 ease-in;-o-transition: all .5 ease-in;transition: all .5 ease-in;
}
#liniadeprogres-mobil.oberta .fita:not(.activa) .cercle{
	stroke-width: 1px;
}
.fita.completa .cercle{
	stroke-width:0;
}
.fita a:hover .cercle,
.fita.activa a:hover .cercle{
	stroke-width:3px;
}
#linia rect{
	fill:white;
}
.fita .indicador{
	transform:scaleY(0);
	-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;
}
.fita.completa .indicador{
	-webkit-transform:scaleY(1)!important;-ms-transform:scaleY(1)!important;transform:scaleY(1)!important;
}


.fita a:hover{
	cursor:pointer;
}

.fita a:hover .icona,
.fita.activa .icona{
	display:block;
}
	
.fita .indicador,
.icona,
.fita text.text,
.fita .signe-mes{
	display:none;
	pointer-events:none;
}
#liniadeprogres-mobil .fita .text text{
	display:block;
}
.fita.completa .indicador,
.fita.activa .indicador,
.fita.activa text,
.fita.activa .signe-mes,
.fita a:hover .signe-mes,
.fita:hover text,
.fp-viewing-pag-2 #liniadeprogres .fita text{
	display:block;
}
/*colors*/

#intro .indicador,
#intro .cercle{
	fill:rgba(80, 0, 182,7);
}
	
#habitatge .indicador,
.fita#habitatge .cercle{
	fill:#FF7380;
}
#dretssocials .indicador,
.fita#dretssocials .cercle{
	fill:#FFC836;
}
#sostenibilitat .indicador,
.fita#sostenibilitat .cercle{
	fill:#A9E478;
}
#urbanisme .indicador,
.fita#urbanisme .cercle{
	fill:#F590FF;
}
#economia .indicador,
.fita#economia .cercle{
	fill:#78CCFF;
}
#govern .indicador,
.fita#govern .cercle{
	fill:#6ED2C2;
}

.fita#mapa .cercle{
	fill:#4634BD;
}
/*animació*/
.fita .text{
	opacity:0;
	-webkit-transform: translate3d(30px,0,0);
	-ms-transform:translateX(30px);
	        transform:translateX(30px);
	-webkit-animation: .5s mou ease-out;
	-webkit-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear;
}

.fita.activa .text,
#liniadeprogres-mobil .fita .text,
.fita a:hover .text,
.fp-viewing-pag-2 #liniadeprogres .fita .text,
.fp-viewing-pag-3 #liniadeprogres .fita .text,
.fp-viewing-pag-4 #liniadeprogres .fita .text{
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	-ms-transform:translateX(0);
	 transform:translateX(0);
	 	-webkit-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;
}
	/*MÒBIL*/



#liniadeprogres-mobil .fita{
position: absolute;
/* bottom: 0; */
top:0;
right: 0;
}
#liniadeprogres-mobil .fita:not(.activa){
	opacity:0;
/* 	transform:translate(0,0); */
-webkit-transform: translate3d(0,0,0);
	-ms-transform:translate(0,0);
	 transform:translate(0,0);
}
#liniadeprogres-mobil .fita.activa{
	transform: none;
	display:block;
}
.fp-viewing-inici #liniadeprogres-mobil .fita.activa{
	display: none;
}
#liniadeprogres-mobil:not(.oberta) .fita:not(.activa){
	pointer-events: none;
}
#liniadeprogres-mobil.oberta .fita:not(.activa){
	pointer-events: all;
	opacity:1;
}
/*
#liniadeprogres-mobil.oberta .fita#intro{
	display: none;
}
*/

#liniadeprogres-mobil .fita,
#liniadeprogres-mobil.oberta .fita{
	-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s;
}

#liniadeprogres-mobil.oberta #intro.fita{
/* 	-webkit-transform: translate(0, -97%);-ms-transform: translate(0, -97%);transform: translate(0, -800%); */
	-webkit-transform: translate(0, 800%);-ms-transform: translate(0, 800%);transform: translate(0, 100%);
	-webkit-transition-delay: .1s;-o-transition-delay: .1s;transition-delay: .05s;
	-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s;

}
#liniadeprogres-mobil.oberta #habitatge.fita{
/* 	-webkit-transform: translate(0, -97%);-ms-transform: translate(0, -97%);transform: translate(0, -700%); */
-webkit-transform: translate(0, 700%);-ms-transform: translate(0, 700%);transform: translate(0, 200%);
	-webkit-transition-delay: .1s;-o-transition-delay: .1s;transition-delay: .1s;
	-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s;

}
#liniadeprogres-mobil.oberta #dretssocials.fita{
/* 	-webkit-transform: translate(180px, 19%);-ms-transform: translate(180px, 19%);transform: translate(0, -600%); */
-webkit-transform: translate(0, 600%);-ms-transform: translate(0, 600%);transform: translate(0, 300%);
	-webkit-transition-delay: .2s;-o-transition-delay: .2s;transition-delay: .2s;

}
#liniadeprogres-mobil.oberta #sostenibilitat.fita{
-webkit-transform: translate(0, 500%);-ms-transform: translate(0, 500%);transform: translate(0, 400%);
/* 	-webkit-transform: translate(180px, 35%);-ms-transform: translate(180px, 35%);transform: translate(0, -500%); */
	-webkit-transition-delay: .3s;-o-transition-delay: .3s;transition-delay: .3s;

}
#liniadeprogres-mobil.oberta #urbanisme.fita{
	-webkit-transform: translate(0, 400%);-ms-transform: translate(0, 400%);transform: translate(0, 500%);
/* 	-webkit-transform: translate(180px, 51%);-ms-transform: translate(180px, 51%);transform: translate(0, -400%); */
	-webkit-transition-delay: .4s;-o-transition-delay: .4s;transition-delay: .4s;
}
#liniadeprogres-mobil.oberta #economia.fita{
	-webkit-transform: translate(0, 300%);-ms-transform: translate(0, 300%);transform: translate(0, 600%);
/* 	-webkit-transform: translate(180px, 67%);-ms-transform: translate(180px, 67%);transform: translate(0, -300%); */
	-webkit-transition-delay: .5s;-o-transition-delay: .5s;transition-delay: .5s;
}
#liniadeprogres-mobil.oberta #govern.fita{
	-webkit-transform: translate(0,200%);-ms-transform: translate(0, 200%);transform: translate(0, 700%);
/* 	-webkit-transform: translate(180px, 82%);-ms-transform: translate(180px, 82%);transform: translate(0, -200%); */
	-webkit-transition-delay: .6s;-o-transition-delay: .6s;transition-delay: .6s;
}
#liniadeprogres-mobil.oberta #mapa.fita{
	-webkit-transform: translate(0, 100%);-ms-transform: translate(0, 100%);transform: translate(0, 800%);
/* 	-webkit-transform: translate(180px, 97%);-ms-transform: translate(180px, 97%);transform: translate(0, -100%); */
	-webkit-transition-delay: .7s;-o-transition-delay: .7s;transition-delay: .7s;
}
#liniadeprogres-mobil.oberta #mapa.fita, #liniadeprogres-mobil.oberta #govern.fita, #liniadeprogres-mobil.oberta #economia.fita, #liniadeprogres-mobil.oberta #urbanisme.fita, #liniadeprogres-mobil.oberta #sostenibilitat.fita, #liniadeprogres-mobil.oberta #dretssocials.fita,#liniadeprogres-mobil.oberta #habitatge.fita{
/* 	transform:none;  */
	display: block;
}


#liniadeprogres-mobil > svg{
	min-height: 400px;
	max-height: 80vh;
	position: absolute;
	top:50%;
	right: 0;
	-webkit-transform:translateY(-40%);-ms-transform:translateY(-40%);transform:translateY(-40%);
}
		
#liniadeprogres-mobil .fita a:hover .text,
#liniadeprogres-mobil .fita.activa .text
{
	opacity:1;
}
#liniadeprogres-mobil.oberta .fita:not(activa) .text,
#liniadeprogres-mobil.oberta .fita:not(activa) .icona{
	opacity:.8;
	display:block;
}
@-webkit-keyframes mou{
	from{
		-webkit-transform: translate3d(30px,0,0);
		-ms-transform:translateX(30px);
		transform:translateX(30px);
	}
	to{
		opacity:1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform:translateX(0);
		transform:translateX(0);
	}
}
@keyframes mou{
			from{
				-webkit-transform: translate3d(30px,0,0);
				-ms-transform:translateX(30px);
				transform:translateX(30px);
			}
			to{
				opacity:1;
				-webkit-transform: translate3d(0,0,0);
				-ms-transform:translateX(0);
				transform:translateX(0);
			}
}
	
	
/*
	.fp-controlArrow.fp-next {
	    right: 50%;
	    -webkit-transform:translateX(200%);-ms-transform:translateX(200%);transform:translateX(200%);
	}
	.fp-controlArrow.fp-prev {
	    left: 50%;
	    -webkit-transform:translateX(-200%);-ms-transform:translateX(-200%);transform:translateX(-200%);
	}
	.fp-controlArrow.fp-prev,
	.fp-controlArrow.fp-next  {
		bottom: 20px;
		top: auto;
	}
*/
	

	
/*background video*/

.video video{
	position: absolute;
	right: 0;
	bottom: 0;
	top:0;
	right:0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
		background-color: black; /* in case the video doesn't fit the whole page*/
		object-fit: cover; /*cover video background */
	z-index:2;
}
.habitatge.video video{
	background-image:url(videos/habitatge.jpg);
}
.economia.video video{
	background-image:url(videos/economia.jpg);
}
.govern.video video{
	background-image:url(videos/govern.jpg);
}
.sostenibilitat.video video{
	background-image:url(videos/sostenibilitat.jpg);
}
.urbanisme.video video{
	background-image:url(videos/urbanisme.jpg);
}
.dretssocials.video video{
	background-image:url(videos/drets_socials.jpg);
}
.video .layer{
	position: absolute;
	z-index: 4;
	width: 100%;

	left: 0;
	top: 50%;
	height: auto;

	/*
	* Preventing flicker on some browsers
	* See http://stackoverflow.com/a/36671466/1081396  or issue #183
	*/
	-webkit-transform: translate3d(0,0,0) translateY(-50%);
	-ms-transform: translate3d(0,0,0) translateY(-50%);
	transform: translate3d(0,0,0) translateY(-50%);
}
.video .layer.top{
	top:40%;
	/*
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	*/
}
.section.video .fp-tableCell:before{
	width: 100%; height: 100%;
	content:"";
	display:block;
	position:absolute;
	z-index: 3;
	top: 0;
	left: 0;
}

/* FINESTRES CREDITS */

.finestraflotant{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index:5000;
	background-color:rgb(80,0,182);
	display:block;
	top:0;
	left:0;
	
}

.finestraflotant a{
	color:white;
	text-decoration: underline;
}
.finestraflotant a:hover{
	
	text-decoration: none;
}
.finestraflotant .intro{
	text-aling:center;
}
.finestraflotant .intro p{
	max-width: 100%;
	margin: 0 auto .5em;
/* 	font-size: 2.25rem; */

	
	font-weight: 400;
}

.finestraflotant .intro p,
.finestraflotant .intro h2,
.finestraflotant .intro h3{
	text-align: center;
}
.finestraflotant .intro h2,
.finestraflotant .intro h3{
	color: white;
	margin-bottom: .5em;
}
.finestraflotant .intro h2{
	margin-bottom: 1em;
}
.finestraflotant .intro h3{
	font-size: 2rem;
	margin-top:1.5em;
}
.finestraflotant .tancar{
	margin-top:3em;
	display: block;
	text-transform:uppercase;
	
}
/*ken burns */

.kenburns .intro{
	z-index: 1;
	position: relative;
}
.kenburns .slideshow{
	z-index: 0;
}


.slideshow {
  position: absolute;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  top:0;
  left: 0;
}
.slideshow-image {
  position: absolute;
  width: 100%;
  height: 100%;
  background: no-repeat 50% 50%;
  background-size: cover;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  transform-origin: center;
 }
/* svg */

svg.svg{
	max-width: 100%;
}
.svg text{
	text-anchor:middle;
}
#liniadeprogres svg text,
#liniadeprogres-mobil svg text{
	text-anchor:end;
}
.scaling-svg-container{
	position: relative; 
	height: 0; 
	width: 100%; 

}
.scaling-svg-container .svg {
	position: absolute; 
	height: 100%; 
	width: 100%; 
	left: 0; 
	bottom: 0;
}
/*FOOTER*/
.footer{
	width:100vw;
	padding:1em 0;
	background:#392A9B;
	text-align: center;
	position: absolute;
	bottom:0;
	left: 0;
	z-index: 9999;
}
.footer a{
	text-transform: uppercase;
	color:white;
	display:inline-block; 
	margin:0 1em;
	font-size: 1.4rem;
}


/*excepciones*/

#beques-menjador-1.scaling-svg-container{
	padding-bottom: 46%; 
}
#beques-menjador-2.scaling-svg-container{
	padding-bottom: 86%; 
}
@media all and (min-width:1024px){
	#beques-menjador-1.scaling-svg-container,
	#beques-menjador-2.scaling-svg-container{
		padding-bottom: 100%; 
	}
	
}

@media all and (min-width:1024px){
	#pagina19 .intro p{ position: absolute; }
/*
	.active.mitjapantalla .fp-tableCell:before,
	.active .mitjapantalla .fp-tableCell:before{
	width:55vw;
	}
*/
}


/*IPAD VERTICAL*/
@media all and (max-width:1023px){
	

.fp-viewing-mapa-interactiu  #social,
.fp-viewing-mapa-interactiu  #opcions{
	bottom: 40px;
}
/*
.fp-viewing-mapa-interactiu  #liniadeprogres-mobil{
	bottom: 35px;
}
*/

.footer{
	padding-top: 8px;
	padding-bottom: 8px;
}
.footer a{
	font-size: 14px;
}
.sancions, .candau, .mobil{	margin-top: 6em;}
/*Diapo 11*/
.foto.mitjapantalla p

{
	text-shadow: 5px 5px 9px rgba(0,0,0,0.12);
}
@media all and (min-width:1024px){
	.foto.mitjapantalla p

		{
			text-shadow: none;
		}
}

/*Diapo 18*/
#pagina18 .col-md-6{
	 display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 6em;
}


#pagina18 .col-md-6 img{  max-width: 200px;}
#pagina18 .col-md-6+ .col-md-6 img{ -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;}

#pagina19 .row .col-6, #pagina19  p{ text-align: center; }

/*Diapo 21*/
#pagina21 .intro .alignright p { text-align: left; }
#pagina21 .intro img  {  max-height: 30vh!important; margin-top: 3rem;}

}
html[lang="en"] p .h3.plus + .smaller,
	html[lang="en"] p .h3.plus + span{
		margin-top: .3em;
	}
/*ajustos mobil*/
@media all and (max-width:767px){
#pagina1 .intro{	padding: 0;}
.inicicapitol .intro h1{ font-size: 10.5rem; }
.inicicapitol .intro h2{	font-size: 8.5rem;}

#opcions{	left: 55px;}
a.button { font-size: 3rem; }

.fita text{	font-size: 15px; }
.dada.illustrada img{ max-width: 18%;}



#pagina18 .col-md-6 img{  max-width: 150px;}

/*Diapo 19*/
#pagina19  .h3,
#pagina19  .p{ font-size: 35px!important; }




/*Diapo 23*/
#pagina23 .intro .bloc-2, #pagina23 .intro .bloc-2  div  {  padding:0!important;}
#pagina23 .intro .bloc-2  p { width: auto!important; min-width: 47%; vertical-align: top; }

/*Diapo 28*/
#pagina28 .intro p.smaller  { font-size: 3em; }

#pagina47.fp-completely .intro::before{
	background-size: cover;

}
/*Diapo 61*/
	#pagina61 .intro span.h3{ white-space: nowrap; font-size: 6rem; /*faig la tipo una mica més petita per a uqe capiga en mobil*/}
	html[lang="es"] section[data-pdf="43"].inicicapitol .intro h2{
		font-size: 7.5rem;
	}
	#urbanism.inicicapitol .intro h2,
	#urbanismo.inicicapitol .intro h2{	font-size: 7.5rem; } 
	
}
@media all and (max-width:375px){
	.section:not(.sectionmapa) .intro {
		min-height: 420px;
	}
	#pagina61 .intro span.h3{ font-size: 5.5rem; /*faig la tipo una mica més petita per a uqe capiga en mobil*/}
}