/* --- FONTS --- */

@font-face {
  font-family: steradianRegular;
  src:url(fonts/SteradianRegular.otf)
}

@font-face {
  font-family: steradianBold;
  src:url(fonts/SteradianBold.otf)
}

@font-face {
  font-family: HeadingNow88Heavy;
  src:url(fonts/Heading-Now-88-Heavy.ttf)
}

/* --- FI FONTS --- */

/* --- GENERAL --- */

* {
 	-webkit-touch-callout:none;                
    -webkit-text-size-adjust:none;             
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}

*:focus {
    outline: none;
}

html, body {
	margin:0px 0px;
	/*background-image:url(../images/background.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;*/
	background-color:#f1f1f1;
	font-family:steradianRegular;
	font-style: normal;
	height:100%;
	overflow:hidden;
	max-width: 100%;
    overflow-x: hidden;
}

p {
    font-size: 20px;
    margin: 30px 0px;
    line-height: 36px;
	text-align: justify;
}

h2 {
	/*font-size:30px;*/
}

.subratllat {
	padding:4px 15px;
	margin:0px 0px;
	background-color:black;
	color:white;
	width: fit-content;
    block-size: fit-content;
    display: inline-block;
	
}

.subratllat:not(:first-child) {
	margin:0px 10px;
	
}

.subratllat:hover {
	background-color:#e7ba5e;
	cursor:pointer;
}

a:link, a:active, a:focus, a:visited {
	text-decoration:none;
	color:inherit;
}
.contingut {
	width:90%;
	margin:auto auto;
	position:relative;
	max-width:1140px;	
}

.padding_contingut_gran {
	padding-top:80px;
	padding-bottom:80px;
}

.padding_contingut_mitja {
	padding-top:30px;
	padding-bottom:30px;
}

.padding_contingut_petit {
	padding-top:15px;
	padding-bottom:15px;
}
.padding_final {
	padding-bottom:30px;
	
}

.padding_principi {
	padding-top:30px;
	
}
.padding_top_null {
	padding-top:0px !important;
	margin-top:0px !important;
}


.padding_margin_null {
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
	
}

.espai_btn_centre {
	display: flex; 
	justify-content: center;
	
}
.espai_btn_right {
    display: flex;
    justify-content: flex-end;
}
.btn_m2 {
	color:white;
	background-color:#00c3b2;	
	font-weight:bold;
	font-size:14px;
	padding:10px 20px;
	border:none;
	cursor:pointer;
	
}

.btn_m2:hover {
	background-color:#00c3b2;
	
}

.btn_m2:focus {
	outline:none;
	
}

.centraX {
	margin-left:50%;
	transform:translateX(-50%);
	text-align:center;
}

.btn_m2:hover .fletxa_btn {
	transform:translateX(2px);
	
}

.fletxa_btn {
	background-image:url(../images/fletxa_btn.png);
	background-size:100% 100%;
	width:10px;
	height:12px;
	margin-left:9px;
	transition:all 0.2s;
}

.contingut_btn {
	display:inline-block;
	vertical-align:middle;	
	
}

.contingut_header {
	width:90%;
	margin:auto auto;
	position:relative;
	max-width:1150px;	
}

#cookies {
	background-color:black;
	color:white;
	padding:30px 0px;
	
}

.col_cookies {
	display:inline-block;
	vertical-align:middle;
	
}

#espai_btn_cookies {
	width:150px;
	float:right;
	margin-left:15px;
}

#btn_cookies {
	width:100%;
	border:3px solid white;
	color:white;
	font-family:arial;
	background-color:transparent;
	padding:10px 0px;
	font-weight:bold;
	font-size:14px;
	cursor:pointer;
	
	
}

#btn_cookies:focus {
	outline:none;
	
}

#contingut_cookies {
	width:80%;
	
}

header {
	width:100%;	
	background-color:transparent;
	position:absolute;
	z-index:9;
	
}

#header_max {
	width:100%;
	height:100px;
	transition: all 0.2s;
	/*position:fixed;*/
	background-color:#00c3b2;
}

#header_sub {
	width:100%;
	height:50px;
	background-color:#0082bc;	
}

#header_mobil {
	position:fixed;
	padding:20px 0px;
}

.header_scroll {
	/*background-color:white;
	height:65px !important;*/
	
}

.header_part {
	display:inline-block;
	
	}
	
#logo_max {
	height:70px;
	width:75px;
	background-size:100% 100%;
	margin:15px 0px;
	background-image:url(../images/logo_jxlh_blanc_sensefons.png);
	transition: all 0.2s;
	float: left;
	
	}
	
.logo_max_scroll {
	/*margin:12px 0px !important;*/
	
}
	
#bar_opcions {
	
	}
#bar_social {
	float:right;
}
#bar_social_mobil_petit {
	display:none;
}
.espai_bar_social_mobil_petit {
	padding:0px 0px;
	width:100%;	
}
.extensio_btn_social {
	width:calc(20% - calc(4px / 5));
	display:inline-block;
	margin-right: -0.12em;
	margin-left: -0.12em;
	border-left: 1px solid #d7d7d7;
}
.extensio_btn_social:last-child {
	border-right: 1px solid #d7d7d7;
}
.btn_social {
	width:30px;
	height:30px;
	padding:0px 0px;	
	display:inline-block;
	margin:32px 10px;
	
	
}
#social_facebook {
	background-image:url(../images/social_round_facebook.png);
	background-size:100% 100%;
}
#social_twitter {
	background-image:url(../images/social_round_twitter.png);
	background-size:100% 100%;
}
#social_instagram {
	background-image:url(../images/social_round_instagram.png);
	background-size:100% 100%;
}
#social_whatsapp {
	background-image:url(../images/social_round_whatsapp.png);
	background-size:100% 100%;
}
#social_youtube {
	background-image:url(../images/social_round_youtube.png);
	background-size:100% 100%;
}

#social_facebook:hover {
	background-image:url(../images/social_round_facebook_hover.png);
	background-size:100% 100%;
}
#social_twitter:hover {
	background-image:url(../images/social_round_twitter_hover.png);
	background-size:100% 100%;
}
#social_instagram:hover {
	background-image:url(../images/social_round_instagram_hover.png);
	background-size:100% 100%;
}
#social_whatsapp:hover {
	background-image:url(../images/social_round_whatsapp_hover.png);
	background-size:100% 100%;
}
#social_youtube:hover {
	background-image:url(../images/social_round_youtube_hover.png);
	background-size:100% 100%;
}

#social_facebook_mobil_petit {
	background-image:url(../images/social_round_facebook_hover.png);
	background-size:100% 100%;
}
#social_twitter_mobil_petit {
	background-image:url(../images/social_round_twitter_hover.png);
	background-size:100% 100%;
}
#social_instagram_mobil_petit {
	background-image:url(../images/social_round_instagram_hover.png);
	background-size:100% 100%;
}
#social_whatsapp_mobil_petit {
	background-image:url(../images/social_round_whatsapp_hover.png);
	background-size:100% 100%;
}
#social_youtube_mobil_petit {
	background-image:url(../images/social_round_youtube_hover.png);
	background-size:100% 100%;
}

.bar_opcio_header_darrera {
	padding-right:0px !important;	
	
}

#header_icona_compte {
	float:left;
	width:15px;
	height:15px;
	background-image:url(../images/user_white.png);
	background-size:100% 100%;
	margin-right:10px;
	transition: all 0.2s;
}

#opcio_compte {
	font-weight: normal !important;
	font-size: 14px !important;	
}

#opcio_compte:hover #header_icona_compte {
	background-image:url(../images/user_active.png);
	
}

.bar_opcio_header {
	color:white;
	display:inline-block;
	float:left;
	margin:31px 2px;
	padding:10px 15px;
	font-size:15px;
	font-family:arial;
	line-height:18px;
	cursor:pointer;
	transition:all 0.2s;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom: 2px solid transparent;
	}

.bar_opcio_separacio {
	color:#FFFFFF;
	display:inline-block;
	float:left;
	padding:17px 5px;
	font-size:13px;
	font-family:arial;
	line-height:18px;
	cursor:default;
	transition: all 0.2s;
	font-weight:normal;
}

.bar_opcio_header:hover {
	  text-decoration: underline;
	  text-decoration-color: white;
	  text-decoration-style: solid;
	  text-decoration-thickness: 2px;
	  text-underline-offset: 10px;
	  /*border-bottom: 2px solid white;*/
}

.bar_opcio_header_sub_primera {
	padding-left:0px !important;	
	
}

.bar_opcio_header_sub {
	color:#FFFFFF;
	display:inline-block;
	float:left;
	padding:17px 15px;
	font-size:13px;
	font-family:arial;
	line-height:18px;
	cursor:pointer;
	transition: all 0.2s;
	font-weight:normal;
	text-transform:uppercase;
}

.bar_opcio_header_sub:hover {
	color:#ffd77a;
}

.bar_opcio_header_scroll_text {
	/*transition: all 0.2s;*/
}

.bar_opcio_header_scroll {
	/*padding:22px 15px;*/	
}

#toolbar {
	height:40px;
	margin-left:30px;
	float:left;
	
}

.toolbar_opcio_header {
	color:white;
	display:inline-block;
	float:left;
	margin:23px 15px;
	font-size:18px;
	font-family:arial;
	line-height:18px;
	cursor:pointer;
	transition: all 0.2s;
	font-weight:bold;
}

#icona_burger {
	width:18px;
	height:18px;
	display:none;
}

#burger_llista {
	width:100%;
	height:100%;
	background-image:url(../images/burger.png);
	background-size:100% 100%;	
	background-color:transparent !important;
	border:none;
	outline:none !important;
	cursor:pointer;
	-webkit-tap-highlight-color: transparent;
}

#burger_x {
	width:100%;
	height:100%;
	background-image:url(../images/tancar.png);
	background-size:100% 100%;	
	display:none;
	background-color:transparent !important;
	border:none;
	outline:none !important;
	cursor:pointer;
	-webkit-tap-highlight-color: transparent;	
}

.bar_opcio_header_img {	
	background-size:100% 100%;	
	width:18px;
	height:18px;	
}


#segueix_text {
	float:left;
	padding: 17px 15px;
	display:inline-block;
	color:white;
}

#espai_menu {
	display:none;
	
}

#menu {
	width:100%;		
	position:fixed;
	display:none;
	background-color:white;
	
}

.opcio_menu_1 {
	border-top:0px solid #d7d7d7;
		
}

.opcio_menu {
	width:90%;
	height:18px;
	line-height:18px;
	font-size:18px;
	padding:20px 5%;
	background-color:white;
	border-bottom:1px solid #d7d7d7;
	
}

.guio {
	width:45px;
	height:3px;	
	background-color:#000000;
	
}

.titol_bloc {
	text-align:center;
		
	
}

h1 {
	font-size:24px;
	
}

.col1 {
	margin-right:1%;
	
}

.col2 {
	margin-right:1%;
	margin-left:1%;
}

.col3 {
	margin-right:1%;
	margin-left:1%;
}

.col4 {
	margin-left:1%;
	
}

.banner {
	width:100%;
	height:430px;
	background-size:cover;
	background-position:top
	
}

#banner_candidata {	
	background-image:url(../images/banner_candidata.JPG);
	
}
.titol_banner_frase {
	width:auto;	
	float:right;
	margin-top:200px;
	transform:translateY(-50%);	
	text-transform:uppercase;
	font-family:steradianBold;
	font-size:50px;
	cursor:default;
}

.titol_banner_frase div {
	padding:10px 40px;
	margin:10px 20px;
	background-color: black;
	color:white;
}

.titol_missatge {
	font-family:steradianBold;
	font-size:50px;	
	
}

/*meitats*/

/* AJUSTAMENT DE CONTINGUT PER MÒBILS A MEDIA QRYS*/

.img_meitat {
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
			
}

.espai_titol_meitat {
	width:80%;	
	background-color:#0082bc;
	padding-left:10%;
	padding-right:10%;			
		
}

.titol_meitat {
	color:white;
	text-transform:uppercase;
	font-weight:normal;	
	padding:10px 0px;
	
}

.fons_meitat {
	position:relative;
	display:inline-block;
	width:50%;
	height:inherit;
}

.fons_meitats_mobil {
	display:none;	
	
}

.contingut_espai_meitats {
	width:100%;
	position:absolute;
	left:50%;
	transform: translateX(-50%);
	
}

.contingut_meitat {
	width:40%;
	display:inline-block;
	vertical-align:middle;
}

.meitat_esquerra {
	padding-left:5%;
	padding-right:5%;		
	
}

.meitat_dreta {
	padding-left:0%;
	padding-right:0%;
	width:50%;	
	background-color:#666666;
}

.info_contingut_meitat {
	color:#FFFFFF;
	font-family:arial;
	font-size:18px;
	font-style: normal;
	width:80%;	
	padding-left:10%;
	padding-right:10%;	
	
}

.fons_meitat_m1 {
	position:relative;
	display:inline-block;
	width:50%;
	height:inherit;
	padding:100px 0px;	
}

.fons_meitats_mobil_m1 {
	display:none;	
	
}

.contingut_espai_meitats_m1 {
	position:absolute;
	left:50%;
	transform: translateX(-50%);
	
}

.contingut_meitat_m1 {
	width:45%;
	display:inline-block;
	vertical-align:middle;
}

.meitat_esquerra_m1 {
	margin-right:5%;	
	
}

.meitat_dreta_m1 {
	margin-left:5%;	

}

.info_contingut_meitat_m1 {
	color:#666;
	margin-top:30px;
	font-family:arial;
	font-size:18px;
	font-style: normal;
	
}

.video-container {
position: relative;
padding-bottom: 51%; /* Para que el contenedor tenga relación de aspecto 16/9 */
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*fi meitats*/

/* --- FI GENERAL --- */

/* --- INICI --- */
#gir180_mobil {
		display:none;
	}
#fons_meitat_dreta_inici_1 {
	background-color:#04b5a5;
	
}

#contingut_meitat_dreta_inici_1 {
	color:white;
	
}

#fons_meitat_esquerra_inici_1 {
	background-color:white;
	
}

.targetes_parells_cols {
	display:block;
	
}

.targeta_valors {
	width:41.8%;
	padding:3.5% 3.5%;
	padding-bottom:5%;
	display:inline-block;
	background-color:white;
	margin:15px 1.2%;
	vertical-align:top;
	
}

.element_targeta {
	display:inline-block;
	vertical-align:top;
	margin-bottom: 0px;
	margin-left: 20px;
	float:right;
	
}

.element_targeta_dreta {
	margin-left:25px;
	
}

.titol_targeta {
	width:100%;
	text-transform:uppercase;
	margin:0px 0px;
	margin-bottom:20px;
	color: #666666;
	
}

.text_targeta {
	width:100%;
	color:#666666;
	line-height:22px;
	
}

#carousel {
	background-color:white;	
	
}

.carousel_5cols {
	display:block !important;
}

.carousel_3cols {
	display:none !important;
}

.carousel_2cols {
	display:none !important;
}

.btn_transparencia {
	width:78%;
	margin:1% 1%;
	padding:100px 10%;
	background-color:#0082bc;
	color:white;
	text-align:center;
	max-height: 18px;
}

#form_nou_militant {
	padding:24px 0px;
	
}

#nou_militant {
	background-position:center;
	background-size:cover;
	background-image:url(../images/background_nou_militant.jpg);
	color:white;	
}

.columna_nou_militant {
	width:48.5%;
	display:inline-block;
	vertical-align:top;
	
}

#columna_nou_militant_esquerra {
	margin-right:1.5%;
	
}

#columna_nou_militant_dreta {
	margin-left:1.5%;
	
}

.textbox_nou_militant {
	width:93%;
	padding:3.5% 3.5%;
	background-color:white;
	border:none;
	line-height:19px;
	
}
.textbox_nou_militant::placeholder {
	color:transparent;
	
}

.btn_nou_militant {
	width:100% !important;
	padding:3.5% 3.5% !important;
	background-color:#ffcb18 !important;
	border:none;
	
	line-height:19px;
}

.btn_nou_militant:hover {
	background-color:#ffd77a !important;
	
}

#peu_nou_militant_esquerra {
	vertical-align:top;
	display:inline-block;
	width:48.5%;
	margin-right:1.5%;
	margin-top:20px;
}

#peu_nou_militant_dreta {
	vertical-align:top;
	display:inline-block;
	width:48.5%;
	margin-left:1.5%;
	margin-top:20px;
}

#text_contingut_meitat_dreta_inici_1 {
	
	
}

/* --- FI INICI --- */
/* EQUIP */
.fitxa_equip_carrec {
	font-size:14px;
		
}

.fitxa_equip_descripcio {
	font-style:italic;
		
}

.fitxa_equip {
	width:22%;
	display:inline-block;
	margin:0px 0px;
	margin-bottom:30px;
	vertical-align:top;
	
}

.fitxa_equip_col_1 {
	margin-right:2%;
	vertical-align: top;
	
}

.fitxa_equip_col_2 {
	margin-left:2%;
	margin-right:2%;
	vertical-align: top;
	
}

.fitxa_equip_col_3 {
	margin-left:2%;
	margin-right:2%;
	vertical-align: top;
	
}

.fitxa_equip_col_4 {
	margin-left:2%;
	vertical-align: top;
	
}


.fitxa_equip_nom {
	margin:0px 0px;
	font-size:18px;
	
}

.titol_equip {
	width: 100%;
    margin: 0px 0px;
    margin-bottom: 20px;
    color: #666666;
	
}

/* FI EQUIP */
/* --- TERRITORI --- */

.col_territori {
	display:inline-block;
	width:49.5%;
	vertical-align:middle;	
	
}

.col_territori_dreta {
	width:40%;
	padding-left:9.5%;
	
}

.btn_territori {
	padding:10px 0px;
	cursor:pointer;	
	width:max-content;
}

.btn_territori_actiu {
	color:#2a3e80 !important;
	text-decoration:underline !important;
	
}

.element_mapa {
	cursor:pointer;
	
}

.targeta_agrupacio {
	width: 15.3%;
	padding:4% 4%;
	display:inline-block;
	background-color:white;
	vertical-align:top;
	margin-bottom:30px;
	
}

.titol_targeta_agrupacio {
	font-weight: bold;
	text-transform:uppercase;
	font-size:16px;
	color:#666;
}

.localitzacio_colectiu {
	font-size:12px;
	
}

#territori_titol_mobil {
	display:none;
		
}

/* --- FI TERRITORI --- */

/* --- ENTITAT --- */
#projecte {
	padding-top:15px;
	
}
#bar_projecte {
	width:100%;
	padding-bottom:60px;
}

.btn_projecte {
	display:inline-block;
	width:23.3%;
	padding:130px 5%;
	text-align:center;
	color:white;	
	vertical-align:top;
	cursor:pointer;
	overflow:hidden;
	font-weight:bold;
	
}

.content_btn_projecte {
	transition:all 0.2s;

}

.btn_projecte:hover .content_btn_projecte {
	transform:scale(1.1);
}

#btn_projecte_1 {	
	background-color:#6bafef;
	
}

#btn_projecte_2 {
	background-color:#a5d1f9;
	
}

#btn_projecte_3 {
	background-color:#c6e0fa;
	
}

#fons_meitat_dreta_entitat_1 {
	background-color:#6d3ab5;
	
}

#contingut_meitat_dreta_entitat_1 {
	color:white;
	
}

#fons_meitat_esquerra_entitat_1 {
	/*background-image:url(../images/meitat_entitat_1.jpg);
	background-position:center;
	background-size:cover;*/
	background-color:#349e9c;	
	
}

#text_contingut_meitat_dreta_entitat_1 {
	line-height: 22px;
	
}

#bloc_dona_1 {
	background-color: #664875;
    color: white !important;
	
}

#bloc_internacional_1 {
	background-color: #88cee2;
    color: white !important;
	
}

#fons_meitat_esquerra_entitat_2 {
	background-color:#74a2b6;
	
}

#contingut_meitat_esquerra_entitat_2 {
	color:white;
	
}

#fons_meitat_dreta_entitat_2 {
	/*background-image:url(../images/meitat_entitat_1.jpg);
	background-position:center;
	background-size:cover;*/
	background-color:#d9ebfb;	
	
}

#text_contingut_meitat_esquerra_entitat_2 {
	line-height: 22px;
	
}

/* --- FI ENTITAT --- */

@media (max-width:1150px) {
	.targetes_3_cols {
		display:none;
	
	}
	
	
	.targeta_valors {
		width:41.8%;
	
	}
	.btn_social {
		margin:35px 10px;		
		
	}	
	#bar_opcions {
		display:none;	
		
	}
	#toolbar {
		float:right;
	}
	
	#icona_burger {
		display:block;
		padding:18px;
		padding-right:0px;
		
	}
	
	
	#espai_menu {
		display:block;	
		
	}
		
	#bar_social {
		float:none;
		margin-left:calc(50% - calc(70px + 133px));
		
	}
}

@media (max-width:1000px) {	
	.carousel_5cols {
		display:none !important;
	}
	.carousel_3cols {
		display:block !important;
	}

}

@media (max-width:900px) {
	.espai_meitats {
		display:none;
	}
	
	#gir180_mobil {
		display:block;
	}
	.video-container {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media(max-width:820px) {
	.fitxa_equip {
		width:46%;
		
	}
	
	.fitxa_equip_col_1 {
		margin-right:4%;
		
	}
	
	.fitxa_equip_col_2 {
		margin-left:4%;
		margin-right:0px;
		
	}
	
	.fitxa_equip_col_3 {
		margin-left:0px;
		margin-right:4%;
		
	}
	
	.fitxa_equip_col_4 {
		margin-left:4%;
		
	}
	
	.targeta_agrupacio {
		width: 40.7%;
	
	}
	
	.col1 {
		margin-right:1%;
	
	}
	
	.col2 {
		margin-right:0%;
		margin-left:1%;
	}
	
	.col3 {
		margin-right:1%;
		margin-left:0%;
	}
	
	.col4 {
		margin-left:1%;
		
	}
	
	.col_territori {
		width:60%;
		
	}
	
	.col_territori_dreta {
		width: 30%;
		
	}
	
}

@media (max-width:720px) {
	#projecte {
		padding-top:30px;
		
	}
	#dona {
		overflow:hidden;
		
	}
	.btn_projecte {
		width:90%;
		
	}
	.ajustament_contingut_mobil {
		width:90% !important;
		padding-left:5% !important;
		padding-right:5% !important;
		
	}
	
	
	
	
	.padding_contingut_gran {
		padding-top:30px;
		padding-bottom:30px;
		
	}
	#contingut_meitats_entitat_1 {
		padding-top:0px !important;
		
	}
	#contingut_meitat_esquerra_entitat_1 {
		display:block;
	}
	#contingut_meitat_dreta_entitat_1 {
		padding-top:30px;
		padding-bottom:30px;
	}
	#fons_meitat_mobil_dreta_entitat_1 {
		background-color:#6d3ab5;
		
	}
	
	
	#espai_meitats_entitat_2 {
		overflow:hidden;
		
	}
	#contingut_meitats_entitat_2 {
		padding-top:0px;
	}
	#contingut_meitat_esquerra_entitat_2 {
		display:block;
		background-color:#74a2b6;
		padding-top:45px;
		padding-bottom:30px;
	}
	#titol_contingut_meitat_esquerra_entitat_2 {
		margin-top:0px;
	}
	#contingut_meitat_dreta_entitat_2 {
		padding:30px 0px;
	}
	#fons_meitat_mobil_dreta_entitat_2 {
		background-color:#d9ebfb;
		
	}		
	
	.fons_meitat_m1 {
		width:100%;
		padding:0px 0px;
		padding:30px 0px !important;
	}
	
	
	
	#fons_meitat_mobil_dreta_inici_1 {
		background-color:#04b5a5;
		
	}
	#contingut_meitat_dreta_inici_1 {
		color:white !important;
		
	}
	#text_contingut_meitat_dreta_inici_1 {
		padding-top:15px;
		color: white;
	}
	
	#contingut_meitats_inici_1 {
		padding-top:0px !important;	
	}
	
	.contingut_espai_meitats_m1 {
		position:relative;
		transform: translateX(-50%);
		margin-left:0px;
		margin-right:0px;
		width:100%;
	}
	.meitat_dreta_m1 {
		width:100%;
		margin-left:0px;	
	}
	
	.meitat_esquerra_m1 {
		width:100%;		
		padding-left:0%;
		padding-right:0%;
		max-height:400px;
		display:block;	
		background-color: #f1f1f1;
	}
	
	
	
	.fons_meitats_mobil_m1 {
		display:block;
		
	}
	
	.fons_meitats_m1 {
		display:none;
		
	}
	.targeta_valors {
		width:80%;
		margin:15px 0px !important;
		padding:10% 10%;
	}
	
	#bar_opcions {
		display:none;	
		
	}
	
	#icona_burger {
		display:block;
		
	}
	
	#espai_menu {
		display:block;	
		
	}
	
	#header_max {
		max-height:64px;	
		
	}
	
	.contingut_header {
		max-height:64px;	
		
	}
	
	#logo_max {
		margin:12px 0px !important;
		height:40px;
		width:42px;
		
	}
	#bar_social {
		float: none;
		margin-left: calc(50% - calc(42px + 92px));
	}	
	.btn_social {
		width:25px;
		height:25px;
		margin:18px 5px;
	}
	#icona_burger {
		display: block;
		margin: 5px;
	}
	.textbox_nou_militant::placeholder {
		color:#999;
		font-size:16px;
		
	}
	.textbox_nou_militant::placeholder {
		color:#aab7c4;
		
	}
	.columna_nou_militant {
		margin:0px 0px !important;
		width:100%;
		
	}
	#peu_nou_militant_esquerra {
		display:block;
		width:100%;
		margin-right:0%;
		margin-top:20px;
	}
	
	#peu_nou_militant_dreta {
		display:block;
		width:100%;
		margin-left:0%;
		margin-top:35px;
	}
	
	#form_nou_militant label {
		display:none;
		
	}
	
	#header_icona_compte {
		margin-right:0px;
		
	}
	
	#text_btn_user {
		display:none !important;
		
	}
	
	.titol_banner_frase {
		font-size:36px;
	}
	
	.titol_missatge {
		font-size:36px;
	}
	
}
@media (max-width:600px) {	
	#projecte {
		padding-top:0px;
		
	}
	#contingut_equip {
		padding-top:0px !important;
		
	}
	.btn_territori {
		display:inline-block;
		width:49.7%;
		text-align:center;
		
	}
	
	#contingut_territori_1 {
		padding-bottom:0px;
		
	}
	
	#svg881 {
		margin-top:30px;
		margin-bottom:30px;
		
	}
	
	#territori_titol_max {
		display:none;
		
	}
	
	#territori_titol_mobil {
		display:block;
		text-align:center;
	}
	
	.col_territori {
		width:100%;
		
	}
	
	.col_territori_dreta {
		width: 100%;
		padding-left:0px;
	}
	
	#segueix_text {
		display:none;	
		
	}
	
	.bar_opcio_header_sub {
		padding:17px 10px;
		
	}
		
	.carousel_3cols {
		display:none !important;
	}
	
	.carousel_2cols {
		display:block !important;
	}
	
	.targeta_agrupacio {
		width: 84.7%;
		padding:8% 8%;
	}
	
	.col1 {
		margin-right:0%;
	
	}
	
	.col2 {
		margin-right:0%;
		margin-left:0%;
	}
	
	.col3 {
		margin-right:0%;
		margin-left:0%;
	}
	
	.col4 {
		margin-left:0%;
		
	}
	
}

@media (max-width:550px) {	
	.col_cookies {
		width:100% !important;
		margin:10px 0px !important;
		
	}
	
	#btn_cookies {
		width:150px;
		margin-left:50%;
		transform:translateX(-50%);		
		border:none;
		background-color:#0082bc;
		
		
	}
	
	#contingut_cookies {
		text-align:center;
		font-size:12px;
		
	}
	
	.titol_banner_frase {
		font-size:28px;
	}
	
}

@media (max-width:400px) {
	.banner {
		height:300px;
		
	}
	#banner_candidata {
		background-image: url(../images/banner_mobil.jpg);
	}
	.titol_banner_frase {
		display:none;
		
	}
	
	#bar_social {
		display:none;
		
	}
	.btn_social {
		margin:17px 0px;
		margin-left: calc(50% - 12px);		
	}
    #bar_social_mobil_petit {
		justify-content: space-between;
		display: flex;
	}
    #header_part_social {
        display:none;
        
        
    }

}