/*@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;500;800&display=swap');
@import url("https://use.typekit.net/grx3ctx.css");*/
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap");

@font-face {
font-family:"mundial";
src:url("https://use.typekit.net/af/4317f4/00000000000000007735ee0b/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/4317f4/00000000000000007735ee0b/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/4317f4/00000000000000007735ee0b/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:300;font-stretch:normal;
}

@font-face {
font-family:"mundial";
src:url("https://use.typekit.net/af/a21a99/00000000000000007735ee0c/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/a21a99/00000000000000007735ee0c/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/a21a99/00000000000000007735ee0c/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:600;font-stretch:normal;
}

@font-face {
font-family:"mundial";
src:url("https://use.typekit.net/af/0075f2/00000000000000007735ee0e/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/0075f2/00000000000000007735ee0e/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/0075f2/00000000000000007735ee0e/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"instrument-serif";
src:url("https://use.typekit.net/af/413fc5/0000000000000000774dc261/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/413fc5/0000000000000000774dc261/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/413fc5/0000000000000000774dc261/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"instrument-serif";
src:url("https://use.typekit.net/af/da8d18/0000000000000000774dc260/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/da8d18/0000000000000000774dc260/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/da8d18/0000000000000000774dc260/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

html, body { margin: 0; text-align: left;  }
body { background: white; margin: 0; padding: 0; text-align: left; font-family: 'mundial', Sans-serif; font-weight: 300; line-height: auto; }

a { color: #000; }
a:hover { color: black; text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-weight: 500; text-align: left; color: rgb(0,63,51); }
h1 { font-family: 'mundial', sans-serif; font-size: 2em; font-weight: 600; margin-top: 0.5em; color: black; letter-spacing: -0.5px; }
h2 { font-size: 1.65rem; font-weight: 900; margin-top: 0.7em; color: rgba(166,157,141,1); }
h3 { font-size: 1.4rem; font-weight: 700; margin-top: 0.7em; margin-bottom: 20px; }
h1 span, h2 span, h3 span, h4 span, h5 span { font-weight: 400; }
/*h1 span { display: block; text-transform: uppercase; font-size: 60%; color: rgba(70,75,65,0.7); margin-bottom: 20px; }*/
h1 span { color: rgba(70,75,65,0.8); display: inline-block; margin-left: 15px; font-weight: 300; }
h1 span::before { content: " | "; color: rgb(166,157,141); opacity: 0.5;}
.centered { text-align: center; }
.bg-white { background: white; }
.bg-verdclar { background: rgba(177,255,0,1); }
.bg-verdfosc { background: rgba(0,63,51,1); }


#top-bar { position: relative; height: 100px; }
#top-bar img { position: absolute; z-index: 10; }
#top-bar .gcc { width: 140px; left: 15px; position: relative; }
#top-bar .ajgi { width: 170px; right: 15px; }


p { margin-bottom: 1rem; text-align: justify; }

.simbol { position: absolute; width: 40%; left: -10%; top: 17%; z-index: 60000; }
.tros { position: absolute; width: 80%; z-index: 0; left: 0; right: 0; margin-left: auto; margin-right: auto;  }

#a1 { min-height: 300px; position: relative; }
#a1 h1 { z-index: 10; position: relative; font-family: "mundial", sans-serif !important; font-size: 86px; line-height: 80%; color: rgba(0,63,51,1); padding-bottom: 20px; }

#interior h1 { font-size: 86px; line-height: 76%; color: rgba(0,63,51,1); padding-bottom: 25px; }
#interior .intro { font-family: instrument-serif, sans-serif; font-weight: 300; font-size: 26px; line-height: 28px; text-align: center; color: rgb(0,63,51); margin-bottom: 35px; }
#interior .titolet { font-family: mundial; font-weight: 600; font-size: 18px; line-height: 18px; text-align: left; color: rgb(0,63,51); text-transform: uppercase; margin-top: 10px; }
#interior .lower { text-transform: none; }

.intro-1 { z-index: 10; position: relative; font-family: instrument-serif, sans-serif; font-weight: 300; font-size: 26px; line-height: 28px; text-align: left; color: rgb(0,63,51); padding-right: 30px; }
.intro-2 { z-index: 10; position: relative; font-family: mundial, sans-serif; font-weight: 600; font-size: 16px; line-height: 18px; text-align: left; color: rgb(0,63,51); }


.txt { font-family: 'Libre Franklin', Sans-serif; font-weight: 300; font-size: 18px; line-height: 28px; letter-spacing: -0.2px; }
.txt b { font-weight: 600; }
.primer-paragraf { margin-top: 15px; }
/*.primer-paragraf:first-letter { font-family: Foldit, Sans-serif; font-weight: 600; initial-letter: 3; padding-top: 4px; color: rgb(166,157,141); margin-right: 5px; }*/
.dada { margin-left: 30px; text-indent: -10px; text-align: left; }
.dada i { display: inline-block; margin-right: 5px; color: rgba(70,75,65,0.7); }
.timing { display: inline-block; font-weight: 400; color: rgba(0,0,0,0.6); margin: 0 10px 8px 0; padding: 3px 8px; text-align: left; font-size: 0.9em; line-height: 1.4em; background: rgba(255,255,255,0.5); }

.eixos-actuacio { width: 230px; margin-top: 100px; margin-bottom: 120px; }
.referents-ciutat { width: 230px; margin-top: 100px; margin-bottom: 80px; }

.botons.eixos { padding-bottom: 100px; }
.botons.eixos a { background: none; border-color: rgb(177,255,0); border-radius: 22px; color: rgb(177,255,0); font-family: mundial, sans-serif; font-size: 18px; font-weight: 600; line-height: 18px; padding: 6px 75px 10px 75px; margin: 10px 10px; }
.botons.eixos a:hover { background-color: rgb(177,255,0); color: rgb(0,63,51); }
.btn.disabled { opacity: 0.4; }

.botons.eixos.fosc { padding-bottom: 30px; }
.botons.eixos.fosc a { border-color: rgb(0,63,51); color: rgb(0,63,51); padding: 2px 35px 6px 35px; }
.botons.eixos.fosc a:hover { background-color: rgb(0,63,51); color: rgb(177,255,0); }

.referents a { font-weight: 600; display: inline-block; width: 17.50%; margin: 0 1%; font-size: 1.2em; color: rgb(0,63,51); line-height: 1.2em; }
.referents a.disabled { opacity: 0.5; }
.referents img { width: 100%; margin-bottom: 10px; }
.referents a:hover img { mix-blend-mode: luminosity; transition: all .3s; -webkit-transition: all .3s; }
.referents a span { display: block; }

.yt-video { height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 0px; position: relative; }
.yt-video iframe, .yt-video object, .yt-video embed { height: 100%; left: 0; position: absolute; top: 0; width: 100%; margin: 0; }
#video { margin: 40px 0 -252px 0; }
#sota-video { margin-top: -23px; padding-top: 252px !important; }


.slider-css { position: relative; min-height: 350px; font-weight: 600; }
.slider-css .diapo { position: absolute; width: 100%; }
.icones { width: 60%; margin-top: 60px; }
.icones-msg { color: rgb(177,255,0); text-align: center; font-size: 120%; letter-spacing: 0.5px; margin-top: 30px; margin-bottom: 40px; }


.ambit { width: 100%; text-align: center !important; padding-top: 15px; }
.ambit .icona { display: inline-block; vertical-align: top; width: 90px; height: 90px; background: url(img/icones_ambits.png); }
.ambit img { width: 90px; height: 90px; }
.ambit .icona-text { text-transform: uppercase; font-weight: 600; text-align: center; margin: 10px 0 10px 0; font-size: 90%; color: rgb(0,63,51); }
.ambit a { display: block; }

.A1 .icona { background-position: 0px 0px; }
.A2 .icona { background-position: -100px 0px; }
.A3 .icona { background-position: -200px 0px; }
.A1.selected .icona { background-position: 0px -200px; }
.A2.selected .icona { background-position: -100px -200px; }
.A3.selected .icona { background-position: -200px -200px; }
.A1:hover .icona { background-position: 0px -99px; }
.A2:hover .icona { background-position: -100px -99px; }
.A3:hover .icona { background-position: -200px -99px; }
.R1 .icona { background-position: 0px -300px; }
.R2 .icona { background-position: -100px -300px; }
.R3 .icona { background-position: -200px -300px; }
.R1.selected .icona { background-position: 0px -500px; }
.R2.selected .icona { background-position: -100px -500px; }
.R3.selected .icona { background-position: -200px -500px; }
.R1:hover .icona { background-position: 0px -400px; }
.R2:hover .icona { background-position: -100px -400px; }
.R3:hover .icona { background-position: -200px -400px; }
.E1 .icona { background-position: 0px -600px; }
.E2 .icona { background-position: -100px -600px; }
.E1.selected .icona { background-position: 0px -800px; }
.E2.selected .icona { background-position: -100px -800px; }
.E1:hover .icona { background-position: 0px -700px; }
.E2:hover .icona { background-position: -100px -700px; }
.M1 .icona { background-position: 0px -900px; }
.M2 .icona { background-position: -100px -900px; }
.M3 .icona { background-position: -200px -900px; }
.M4 .icona { background-position: -300px -900px; }
.M1.selected .icona { background-position: 0px -1100px; }
.M2.selected .icona { background-position: -100px -1100px; }
.M3.selected .icona { background-position: -200px -1100px; }
.M4.selected .icona { background-position: -300px -1100px; }
.M1:hover .icona { background-position: 0px -400px; }
.M2:hover .icona { background-position: -100px -1000px; }
.M3:hover .icona { background-position: -200px -1000px; }
.M4:hover .icona { background-position: -3200px -1000px; }
.C1 .icona { background-position: 0px -1200px; }
.C2 .icona { background-position: -100px -1200px; }
.C3 .icona { background-position: -200px -1200px; }
.C1.selected .icona { background-position: 0px -1400px; }
.C2.selected .icona { background-position: -100px -1400px; }
.C3.selected .icona { background-position: -200px -1400px; }
.C1:hover .icona { background-position: 0px -1300px; }
.C2:hover .icona { background-position: -100px -1300px; }
.C3:hover .icona { background-position: -200px -1300px; }
.A1:hover .icona-text, .A2:hover .icona-text, .A3:hover .icona-text, .R1:hover .icona-text, .R2:hover .icona-text, .R3:hover .icona-text, .E1:hover .icona-text, .E2:hover .icona-text, .M1:hover .icona-text, .M2:hover .icona-text, .M3:hover .icona-text, .M4:hover .icona-text, .C1:hover .icona-text, .C2:hover .icona-text, .C3:hover .icona-text { color: rgb(177,255,0); }



/* PEU */
section { padding: 30px 0 15px 0; }
section .section-title { text-align: center; color: #007b5e; margin-bottom: 50px; text-transform: uppercase; }
/*#footer { box-shadow: 0 5px 150px rgba(0,0,0,0.75) inset; }*/
#footer { padding-bottom: 0; }
#footer .address {  }
#footer .zona1 { background: #e9e7e3; }
#footer .zona2 { background: white; padding: 15px 10px 5px 10px; font-weight: 600; }
#footer h5{ padding-left: 10px; border-left: 3px solid #eeeeee; padding-bottom: 6px; margin-bottom: 20px; color: rgba(0,0,0,0.55); }
#footer a { color: rgb(0,63,51); text-decoration: none !important; background-color: transparent; -webkit-text-decoration-skip: objects; }
#footer a:hover { color: rgb(177,255,0); }
#footer ul.social li{ padding: 3px 15px; }
#footer ul.social li a i { margin-right: 5px; font-size:25px; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; transition: .5s all ease; }
#footer ul.social li:hover a i { font-size:30px; margin-top:-10px; }
#footer ul.social li a,#footer ul.quick-links li a{ color:rgba(0,0,0,0.55); }
#footer ul.social li a:hover{ color:#000; }
#footer ul.quick-links li{ padding: 3px 0; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; transition: .5s all ease; }
#footer ul.quick-links li:hover{ padding: 3px 0; margin-left:5px; font-weight:700;color: black; }
#footer ul.quick-links li a:hover{ color: black; }
#footer ul.quick-links li a i{ margin-right: 5px; }
#footer ul.quick-links li:hover a i { font-weight: 700;color: black; }
#footer span { display: inline-block; margin: 0 10px; }
#footer p { font-family: mundial, sans-serif; color: rgb(0,63,51); }
a.logo_ajgi { margin-top: 10px; }
a.logo_ajgi img { width: 150px; margin-bottom: 28px; }
.logoaj img { width: 170px; margin-right: 0; }
.logogc img { width: 110px; }
.logoaj:hover, .logoco:hover, .logoap:hover, .logoud:hover, .logogc:hover { opacity: 0.3; }

.peu-botons { padding-top: 10px; margin-bottom: 20px; }
.peu-botons .btn { border-radius: 14px; margin: 0 5px; padding-bottom: 8px; border-color: rgba(248,249,250,1); }
.peu-botons .btn:hover { background: white !important; color: black !important; }

.logogcc img { width: 170px; margin-right: 0; }

.icona_svg svg { width: 170px; fill: #003f33; }
.icona_svg svg:hover { fill: red; }


.links { display: none; list-style: none; margin: 0; margin-bottom: 30px; padding: 0; font: 1em/1.05em mundial, sans-serif; font-weight: 600; color: rgb(0,63,51); }
.links li { margin: 0; padding: 10px 0; border-bottom: 2px solid rgb(177,255,0); padding-right: 10px; }
.links a { color: rgb(0,63,51); display: block; }
.links a:hover { color: rgb(177,255,0); }


@media (min-width: 1200px)
{
}

@media only screen and (max-width: 1199px)
{

}

@media only screen and (max-width: 991.98px)
{
	#top-bar { padding-top: 15px; }
	#top-bar .gcc { left: 5px; }
	#top-bar .ajgi { right: 5px; }
	.simbol { width: 70%; left: 0; top: 0px; z-index: 1; opacity: 0.85;}
	.intro-1 { font-size: 32px; line-height: 34px; padding-right: 10px; }
	.intro-2 { font-size: 18px; line-height: 20px; }
	#a1 h1 { font-size: 76px; line-height: 80%; margin-top: 10px; padding-bottom: 20px; }

	.eixos-actuacio { margin-top: 50px; margin-bottom: 60px; }
	.botons.eixos { padding-bottom: 40px; }
	#interior h1 { font-size: 64px; }
	#interior .intro { padding-right: 0px; }
	#interior .titolet  { letter-spacing: -1px; font-size: 16px; }
	.links li {  padding-right: 0px; }
	.slider-css { min-height: 310px; }
	.icones { width: 90%; margin-top: 40px; }
	.icones-msg { margin-bottom: 10px; }

	.referents a { width: 30%; }

}

@media (max-width: 767px)
{
	#video { margin: 30px 0 -100px 0; }
	#sota-video { margin-top: -23px; padding-top: 100px !important; }

/*
	.yt-video { height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 0px; position: relative; }
.yt-video iframe, .yt-video object, .yt-video embed { height: 100%; left: 0; position: absolute; top: 0; width: 100%; margin: 0; }
#video { margin: 30px 0 -252px 0; }
#sota-video { margin-top: -23px; padding-top: 252px !important; }
*/
}

@media (max-width: 468px)
{
	#top-bar { padding: 0; }
	#top-bar .gcc { width: 130px; left: 5px; top: 5px; }
	#top-bar .ajgi { width: 140px; right: 5px; top: 10px; }
	.simbol { width: 100%; left: 0; top: 0px; z-index: 1; opacity: 0.7;}

	.intro-1 { text-align: center; font-size: 32px; line-height: 34px; margin-top: 0px; margin-bottom: 55px; }
	.intro-2 { text-align: center; font-size: 16px; line-height: 18px; }
	#a1 h1 { text-align: center; font-size: 66px; line-height: 80%; margin-top: -5px; padding-bottom: 20px; }

	.eixos-actuacio { margin-top: 30px; margin-bottom: 30px; }
	.botons.eixos { padding-bottom: 20px; }
	.botons.eixos a { width: 80%; padding: 6px auto 10px auto; }

	.referents a { width: 47%; }

	#interior h1 { text-align: center; font-size: 60px; margin-top: 0; letter-spacing: -2px; }
	#interior .intro { text-align: center; font-size: 26px; line-height: 28px; padding-right: 0px; }
	#interior .titolet  { text-align: center; letter-spacing: 0px; font-size: 18px; }
	.links { text-align: center; }
	.links li { padding-left: 30px; padding-right: 30px; }

	.slider-css { min-height: 210px; }
	.icones { width: 90%; margin-top: 40px; }
	.icones-msg { line-height: 120%; margin-top: 30px; margin-bottom: 10px; }

	.logogcc img { width: 140px; }
}