@charset "utf-8";
/*
Theme Name: ladependent.com v2
Theme URI: 
Description: Design created for Panda Creatiu.
Version: 1.0
Author: Panda Creatiu
Author URI: http://www.pandacreatiu.com/
Tags: 
*/
/* ------------------------------------------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;/*vertical-align: baseline*/;background: transparent;list-style:none;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
a {text-decoration:none;}
/* -------------------------------------------------------------------- */
html{ position: relative; }

body { font-family: 'Lato', sans-serif; font-size: 14px; overflow: hidden; /*overflow-x: hidden;*/ margin: 0; padding: 0; }


.wrapper{ width: 100%; margin: 0; }

.title_gen{ font-size: 37px; font-weight: 300px; line-height: 1.4; margin-bottom: 40px; }
.txtgen{ font-size: 14px; line-height: 1.4; font-weight: 300; }
.txtgen p, .txtgen h1, .txtgen h2, .txtgen h3{ margin-bottom: 25px; }
.txtgen h1{ font-size: 140%; }
.txtgen h2{ font-size: 120%;  }
.txtgen h3{ font-size: 100%; }
.txtgen img { max-width: 100% !important; height: auto !important; }
.txtgen a{ color: #666; }
.txtgen a:hover{ text-decoration: underline; }
.txtgen ul, .txtgen ol{ padding-left:40px; margin-bottom:25px; margin-top:15px; }
.txtgen ul li, .txtgen ol li{  list-style:outside; margin-bottom:12px; }
.txtgen ol li { list-style:decimal; }
.txtgen iframe { max-width: 100%; height: 300px; }

/* center div variable width */
.outer{ position: relative; left: 50%; float: left; }
.inner { position: relative; left: -50%; float: left; }

.transition{
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.shadow{ -webkit-box-shadow: 0px 5px 15px 0px rgba(96,67,17,0.4); -moz-box-shadow: 0px 5px 15px 0px rgba(96,67,17,0.4); box-shadow: 0px 5px 15px 0px rgba(96,67,17,0.4); }
.radius{ -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }


.mc_over{ width: 100%; height: 100%; position: fixed; z-index: 999; background-color: #151612; top: 0; left: 0; }

.container{ width: 100%; margin: auto; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; }
.container_full{ /*max-width: 2000px;*/ padding: 0; }
.container_1500{ max-width: 1500px; }
.container_750{ max-width: 750px; }
.container_500{ max-width: 500px; }


.clear{ clear: both; }

#play-bt{ position: absolute; z-index: 10; right: 20px; top: 20px; cursor: pointer;  }

/* MENU LABEL ========================================== */
.menu_label{ position: absolute; color: #fff; font-weight: 900; margin-left: 13px; margin-top: 40px; }
.menu_label div{ position: absolute; opacity: .7; }


.menu_label_m{ font-size: 9px; }
.menu_label_e{ font-size: 12px; }
.menu_label_n{ font-size: 10px; }
.menu_label_u{ font-size: 11px; }



/* HEADER MENU ===================================================================*/
.bt_menu_black, .bt_menu_white{ width: 36px; height: 78px; position: absolute; margin: 0; cursor: pointer; }
.bt_menu_black{ background-color: #333; }
.bt_menu_white{ background-color: #fff; }

.bt_menu_deco_esq{ position: absolute; margin: 24px 0 0 14px; width: 100%; height: 30px; overflow: hidden; }
.bt_menu_deco_dre{ position: absolute; margin: 24px 0 0 20px; width: 100%; height: 30px; overflow: hidden; }
	
	.barra1{ position: absolute; margin: 0; width: 2px; height: 30px; }
	.barra2{ position: absolute; margin-top: -35px; width: 2px; height: 30px; }
	
	.bt_menu_white .bt_menu_deco_esq .barra1, .bt_menu_white .bt_menu_deco_esq .barra2,
	.bt_menu_white .bt_menu_deco_dre .barra1, .bt_menu_white .bt_menu_deco_dre .barra2 { background-color: #1A1A1A; }
	
	.bt_menu_black .bt_menu_deco_esq .barra1, .bt_menu_black .bt_menu_deco_esq .barra2,
	.bt_menu_black .bt_menu_deco_dre .barra1, .bt_menu_black .bt_menu_deco_dre .barra2 { background-color: #fff; }

.bt_home{ margin-left: 50px; margin-top: 12px; }
	.bt_logo{ position: absolute; }
	.bt_logo_sec{ display: none; }


/* menu */
.menu{ position: absolute; z-index: 99; top: 0; background-color: #151612; overflow: hidden; }

	.menu_background{ position: absolute; height: 100vh; }
	.menu_background_mobile{ position: absolute; background-size: cover; background-position: center; background-repeat: no-repeat; height: 100vh; }
	
	.tilter { display: block; position: absolute; width: 120%; height: 120%; color: #fff; flex: none; perspective: 3000px; overflow: hidden; margin-left: -10%;	margin-top: -2%; }
	
	/**/
	.idiomes{ position: absolute; z-index: 10; top: 40px; opacity: 0; /*left: 240px;*/ right: 10px; font-size: 18px; font-weight: 700; }
	.idiomes span{ position: relative; z-index: 2; }
	.wpml-ls ul{ content: '/'; margin-left: 5px; }
	.wpml-ls-item a{ padding: 0 5px !important; }
	.lang_sub{ position: absolute; z-index: 1; width: 35px; height: 6px; background-color: #ED1C24; margin-top: -7px; }
	.wpml-ls-item:not(.wpml-ls-current-language) .lang_sub{ width: 0; }
	.wpml-ls-item:not(.wpml-ls-current-language):hover .lang_sub{ width: 35px; }


	.menu_items{ position: absolute; width: 270px; color: #fff; font-size: 28px; font-weight: 700; text-align: center; 
		left: 50%; margin-left: -125px; top: 50%; margin-top: -300px; }
	.menu_items a{ display: inline-block; color: #fff; }

		.menu_item{ position: relative; width: 100%; height: 75px; overflow: hidden; }
		.menu_item:last-child{ margin-top: 15px; }

			.menu_item_top{ height: 80px; }

			.menu_item_inner, .menu_item_inner_on{ position: relative; display: inline-block; margin: 15px 0; padding: 0 10px;  }

				.menu_item_sub{ position: absolute; z-index: 1; width: 0; height: 6px; background-color: #ED1C24; margin-top: -8px; margin-left: -10px; }
				.menu_item_sub_on{ position: absolute; z-index: 1; width: 100%; height: 6px; background-color: #ED1C24; margin-top: -8px; margin-left: -10px; }

				.menu_item_link{ position: relative; z-index: 2; }


	.menu_contacto{ position: absolute; display: none; width: 620px; color: #fff; left: 50%; margin-left: -310px; top: 50%; margin-top: -250px; }
		
		.mc_tancar{ cursor: pointer; font-size: 80px; font-weight: 300; color: #ED1C24; text-align: center; opacity: 0; margin-top: 15px;
				-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
			.mc_tancar:hover{ opacity: .7; }

		.mc_title{ color: #fff; font-size: 30px; font-weight: 700; text-align: center; margin-top: 15px; height: 35px; overflow: hidden; opacity: 0; }
			.mc_title_inner{ display: inline-block; position: relative; }
				.mc_title_txt{ position: relative; z-index: 2; }
				.mc_title_sub{ position: absolute; z-index: 1; width: 100%; height: 6px; background-color: #ED1C24; margin-top: -8px; padding: 0 10px; margin-left: -10px; }


		.mc_contacte_adressa{ float: left; width:50%; font-size: 17px; font-weight: 700; text-align: right; margin-top: 45px; line-height: 1.5; opacity: 0;
			webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px 0 0; }
			.mc_contacte_adressa a{ color: #ED1C24; }
		
		
		.mc_contacte_links{ width: 70px; float: right; }
			.mc_contacte_link{ float: left; padding: 2px 8px; }


		.mc_contacte_form{ float: right; width: 50%; margin-top: 50px; opacity: 0;
			webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 20px; }

			.mc_contacte_form p{ font-size: 13px; margin-bottom: 5px; }
			.mc_contacte_form input, .mc_contacte_form textarea{ width: 100%; margin-bottom: 10px; border: none; font-size: 13px; font-family: 'Lato', sans-serif;
				webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px; }
			.mc_contacte_form textarea{ height: 75px; resize: none; }

			.mc_form_bt{ display: inline-block; text-transform: uppercase; background-color: #ED1C24; margin-top: 4px; padding: 7px 0 7px 5px; width: 85px; cursor: pointer; }
			.mc_form_bt i{ position: absolute; padding-left: 7px; }
			.mc_form_bt:hover i{ padding-left: 12px; }



.bt_tancar_menu{ width: 36px; height: 78px; background-color: #fff; position: fixed; z-index: 991; left:0; margin-left: -36px; top: 50%; margin-top: -39px; cursor: pointer; }

.tancar_mc{ position: absolute; width: 20px; height: 20px; margin-left: 8px; margin-top: 30px; overflow: hidden; 
	-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

	.tancar_h{ width: 2px; height: 100%; position: absolute; margin-left: 0; margin-top: 9px; }
		.tancar_h1{ position: absolute; width: 20px; height: 2px; background-color: #1A1A1A; }
		.tancar_h2{ position: absolute; width: 20px; height: 2px; background-color: #1A1A1A; margin-left: -25px; }

	.tancar_v{ width: 100%; height: 20px; position: absolute; margin-left: 9px; margin-top: 0; }
		.tancar_v1{ position: absolute; width: 2px; height: 20px; background-color: #1A1A1A; }
		.tancar_v2{ position: absolute; width: 2px; height: 20px; background-color: #1A1A1A; margin-top: -25px; }



.tilter__image{ width: 95%; height: auto; }


@media only screen and (min-width: 768px) {
}

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

	.bt_menu_black, .bt_menu_white{ width: 30px; height: 60px; }
		.bt_menu_deco_esq{ margin: 16px 0 0 11px; }
		.bt_menu_deco_dre{ margin: 16px 0 0 18px; }
	

	.bt_home{ margin-left: 40px; margin-top: 7px; }
		.bt_home img{ width: 150px; height: auto; }
		.bt_logo{ position: absolute; /*left: 50%; margin-left: -75px;*/ }
		.bt_logo_sec{ display: none; }
	
	.bt_tancar_menu{ width: 30px; height: 60px; margin-top: -30px; }
	.tancar_mc{ margin-left: 5px; margin-top: 20px; }

	.menu_items{ font-size: 24px; margin-top: -170px; }
		.menu_item{ height: 40px; }
		.menu_item:last-child{ margin-top: 15px; }
			.menu_item_top{ height: 30px; }
			.menu_item_inner, .menu_item_inner_on{ margin: 14px 0; padding: 0 10px;  }
	
	
	.menu_contacto{ position: absolute; display: none; width: 300px; color: #fff; left: 50%; margin-left: -150px; top: 50%; margin-top: -250px; }
		
		.mc_tancar{ cursor: pointer; font-size: 55px; font-weight: 300; color: #ED1C24; text-align: center; opacity: 0; margin-top: 15px;
				-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
			
		.mc_title{ color: #fff; font-size: 21px; font-weight: 700; text-align: center; margin-top: 15px; height: 35px; overflow: hidden; opacity: 0; }
			.mc_title_inner{ display: inline-block; position: relative; }
				.mc_title_txt{ position: relative; z-index: 2; }
				.mc_title_sub{ position: absolute; z-index: 1; width: 100%; height: 4px; background-color: #ED1C24; margin-top: -8px; padding: 0 10px; margin-left: -10px; }


		.mc_contacte_adressa{ float: none; width: 100%; font-size: 14px; font-weight: 400; text-align: center; margin-top: 15px; padding: 0; }
			.mca{ height: 18px; overflow: hidden; }
				.mca_inner{ margin-top: 25px; }
				.mca_inner a{ color: #ED1C24; }
			
			.mc_contacte_links{ width: 70px; float: none; margin: auto; }
				.mc_contacte_link{ float: left; padding: 2px 8px; }


		.mc_contacte_form{ float: none; width: 100%; margin-top: 45px; opacity: 0; padding: 0 20px 0 40px; }

			.mc_contacte_form p{ font-size: 12px; margin-bottom: 4px; }
			.mc_contacte_form input, .mc_contacte_form textarea{ margin-bottom: 8px; font-size: 12px; padding: 3px; }
			.mc_contacte_form textarea{ height: 55px; resize: none; }
			.mc_form_bt{ margin-top: 7px; padding: 6px 0 6px 6px; width: 80px; cursor: pointer; font-size: 11px; }

}



@media only screen and (min-width: 450px) and (max-width: 768px) { 

	.menu_items{ font-size: 21px; margin-top: -200px; }
		.menu_item{ height: 50px; }
		.menu_item:last-child{ margin-top: 15px; }
			.menu_item_top{ height: 40px; }
			.menu_item_inner, .menu_item_inner_on{ margin: 10px 0; padding: 0 10px;  }

}

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

		.menu_items{ font-size: 21px; margin-top: -200px; }
		.menu_item{ height: 50px; }
		.menu_item:last-child{ margin-top: 15px; }
			.menu_item_top{ height: 40px; }
			.menu_item_inner, .menu_item_inner_on{ margin: 10px 0; padding: 0 10px;  }
}



/* HISTORIC ===================================================== */
.historic_title{ text-align: center; margin-top: 40px; color: #B6CCD3; font-size: 70px; font-weight: 900; }
.historic_txt{ text-align: center; margin: 35px 0 5px 0; color: #333; font-size: 18px; font-weight: 700; line-height: 1.4; }

.historic_anys{ background-color: #fff; padding-top: 30px; position: absolute; width: 100%; height: 49px; }

.historic_anys_bt{ text-align: center; font-weight: 900; font-size: 34px; color: #B6CCD3; position: relative; cursor: pointer; width: 100px; margin: auto; }
.historic_anys_bt i{ position: absolute; font-size: 40px; padding-top: 1px; margin-left: 7px; }
.historic_anys_bt:hover{ opacity: .7; }

.historic_ays_separa{ width: 100%; height: 2px; background-color: #B6CCD3; margin-top: 15px; }

.historic_anys_desplega{ position: absolute; z-index: 30; width: 100%; font-size: 22px; font-weight: 700; color: #808080; text-align: center; display: none; overflow-y: scroll; }

	.historic_any_item{ width: 100%; border-bottom: 2px solid #fff; padding: 35px 0; background-color: #DFE7EA; cursor: pointer; }
	.historic_any_item:hover{ background-color: #E7EDEF; }

.historic_llistat_top{ height: 80px; }

.historic_llistat{ margin-top: 50px; }

.historic_item{ display: flex; margin-bottom: 60px; }
.historic_item_any{ font-size: 22px; font-weight: 900; color: #B6CCD3; margin-right: 20px; padding-top: 5px; }
.historic_item_txt{}
	.historic_item_stat{ position: absolute; margin-top: -15px; font-size: 13px; font-weight: 900; color: #DB6B74; text-transform: uppercase; }
	.historic_item_title{ font-size: 28px; font-weight: 900; color: #000; }	
	.historic_item_title:hover{ opacity: .7; }
	
	.historic_item_bt{ margin-left: 25px; color: #fff; background-color: #B6CCD3; font-size: 20px; width: 56px; height: 36px; }
	.historic_item_bt i{ position: absolute; margin-top: 8px; margin-left: 17px; }
	.historic_item_bt:hover{ opacity: .7; }
	.historic_item_bt:hover i{ margin-left: 21px; }


.bt_muntar{ text-align: center; color: #B6CCD3; cursor: pointer; padding: 20px 0; font-weight: 700; }

	.bt_muntar_arrow{ font-size: 30px; max-width: 30px; overflow: hidden; position: absolute; left: 50%; margin-left: -15px;
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg); }

	.bt_muntar_txt{ font-size: 30px; margin-top: 30px; }
	
	.bt_muntar:hover .bt_muntar_arrow{ margin-top: -10px; }




/* TIRISITI =================================================================== */
#container_tirisiti{ position: fixed; width: 100vW; height: 100vh; background-size: cover; background-position: center; background-repeat: no-repeat; }

.tirisiti_degree{ position: fixed; left: 0; top: 0; height: 100vh; width: 373px; background-image: url('images/degree.png'); 
	background-size: cover; background-position: center; background-repeat: no-repeat; }

#tirisiti_content{ position: absolute; left: 40px; top: 50%; margin-top: -115px; }

	.tirisiti_title{ color: #fff; font-size: 60px; font-weight: 900; }

	.tirisiti_link{ margin-top: 30px; padding: 0 15px; font-size: 18px; font-weight: bold; }

	.tirisiti_link a, .tirisiti_link span{ 
		display: inline-block; box-shadow: inset 0 -7px 0 #ed1c24, inset 0 -7px 0 #ed1c24; border-bottom: 5px solid #ed1c24; padding: 0 10px; color: #fff;  }

		.tirisiti_link span i{ font-size: 14px; font-style: normal; }

	.tirisiti_link:hover a{ box-shadow: inset 0 -7px 0 #000, inset 0 -7px 0 #000; border-bottom: 5px solid #000; }


.tirisiti_logos_generalitat_mobile{ margin-top: 25px; margin-left: 15px; }


/* PANTALLA + TABLET ----------------------------------------------------------- */
@media only screen and (min-width: 764px) {
	.only_mobile{ display: none; }

	.col{ webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	
	.col33{ float: left; width: 33.333%; padding: 0 10px; }
		.col33_esq{ float: left; width: 33.333%; padding: 0 20px 0 10px; }
		.col33_centre{ float: left; width: 33.333%; padding: 0 20px; }
		.col33_dre{ float: left; width: 33.333%; padding: 0 10px 0 20px; }
		.col33_dre2{ float: right; width: 33.333%; padding: 0 10px 0 20px; }
	
	.col66{ float: left; width: 66.666%; padding: 0 10px; }
		.col66_esq{ float: left; width: 66.666%; padding: 0 20px 0 10px; }
		.col66_dre{ float: left; width: 66.666%; padding: 0 10px 0 20px; }
			
			.col66_50_esq{ float: left; width: 50%; padding-right: 20px; }
			.col66_50_dre{ float: left; width: 50%; padding-left: 20px; }

			.col66_33_esq{ float: left; width: 33.333%; padding-right: 14px; }
			.col66_33_centre{ float: left; width: 33.333%; padding: 0 14px 0 14px; }
			.col66_33_dre{ float: left; width: 33.333%; padding-left: 14px; }

	.col50{ float: left; width: 50%; padding: 0 20px; }
	.col50_esq{ float: left; width: 50%; padding: 0 20px 0 0; }
	.col50_dre{ float: right; width: 50%; padding: 0 20px; }

	.col100{ width: 100%; padding: 0 10px; }
		.col100_33_esq{ float: left; width: 33.333%; padding: 0 10px; }
		.col100_33_centre{ float: left; width: 33.333%; padding: 0 10px; }
		.col100_33_dre{ float: left; width: 33.333%; padding: 0 10px; }
} 

/* PANTALLA ----------------------------------------------------------- */
@media only screen and (min-width: 1078px) { 

}

/* TABLET ------------------------------------------------------------- */
@media only screen and (min-width: 764px) and (max-width: 1077px) {
	.only_full_screen{ display: none; }
}

/* MOVIL ------------------------------------------------------------- */
@media only screen and (max-width: 763px) {	
	.only_screen, .only_full_screen{ display: none; }
	.container{ width: 100%; min-width: 270px; margin: auto; }

	.col{ width: 100%; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; }

}


.cdp-cookies-alerta{ height: 110px; opacity: .8; }

/* PER FER FUNCIONAR LA MAQUETACIO FLOAT DE CONTENT ------------------------------- */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 0px 0 7px 7px; }
.alignleft { float: left; margin: 0px 7px 7px 0; }
a img.alignright { float: right; margin: 5px 0 7px 7px; }
a img.alignnone { margin: 5px 7px 7px 0; }
a img.alignleft { float: left; margin: 5px 7px 7px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto;
	left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }




::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #b5cbd2;
  border: 0px none #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
  background: #b5cbd2;
}
::-webkit-scrollbar-thumb:active {
  background: #000000;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
  background: #f1f1f1;
}
::-webkit-scrollbar-track:active {
  background: #333333;
}
::-webkit-scrollbar-corner {
  background: transparent;
}




/* FOOTER */
.logos_generalitat_footer{ position: fixed; left: 20px; bottom: 10px; }

@media only screen and (max-width: 763px) {	
	.logos_generalitat_footer{ display: none; }
}