/* @import url(''); */

/* -------------------------------------------- body -------------------------------------------------- */
	*{
	/*	box-sizing: border-box;
		transition: all ease-in-out 250ms; */
	}

	body{
		margin: 0;
		font-family: 'Lato', 'Helvetica', sans-serif;
		/*
	    font-family: 'Roboto', sans-serif;
	    font-family: 'Open Sans', sans-serif;
		*/

		background-color: #fff;
		font-size: 1em;
		font-weight: 300;
	}

	@media screen and (max-width: 600px) {
		header{}
	}
/* -------------------------------------------- strutturali ------------------------------------------- */
	.mainBox{position: relative; width: 100%; display: block; margin: 0 auto; margin-top: 50px;}
	.pointer{cursor: pointer;}
	.inline{display: inline-block;}
	.hidden{display: none;}
	.clear{clear: both;}

	a{text-decoration: none; color: #2B2B2B}
	img{max-width: 100%; max-height: 100%}

	.imaRe{width: 100%; height: auto;}

	
	.fullRow{width: 100%; position: relative;} 
/* -------------------------------------------- barra menu -------------------------------------------- */
	header{position: fixed; top: 0; left: 0; width: 100%; height: 50px;  background-color: #fff; z-index: 99; border-bottom: solid 1px #ccc; text-align: center; z-index: 99;}
	.boxElemheader{position: relative; z-index: 102; width: 99%; margin: 5px auto; }

/*
	.boxLogoHeader{position: relative; top: 4px; left: 10px; width: 350px; height: 40px;}
	.boxLogoHeader img{position: relative; top: 10px; max-width: 100%;}
	.boxMenuHeader{position: absolute; top:7px; left:0; right: 0; margin: 0px auto; height: 40px; padding-top: 5px;  text-align: center;}
	.boxLangHeader{position: absolute; width: 180px; top:5px; right: 5px; text-align: right; vertical-align: middle;}
*/
	.cellLogoHeader{width: 180px; vertical-align: middle; text-align: left; padding-left: 10px;}
	.cellLogoHeader img{width: 200px;}
	.cellMenuHeader{text-align: center; vertical-align: middle;}
	.cellLangHeader{position: relative; width: 180px; vertical-align: middle; text-align: right; }

	/* .boxLogoHeader a{background-image: url('images/logo_mppm.png'); width: 100%; height: 100%; }*/
		/* --------------------------------------------------------------------- */
			.boxLang{position: absolute; right: 40px; top: 20%;}
			
			.langMenu{padding: 5px 15px; }
			.mainMenu{margin: 5px 10px; padding: 5px 5px;}
			.mainLinkAtt{color: #737373; border-bottom: solid 1px #737373;  }
			
			.linkAtt{font-weight: bold; color: #737373;}
			.linkDisat{color: #999;}
			.lngMnBi{color: #fff;}
			.lngMnBiDis{color: #AAAAAA !important;}

	/* ----------------------------- main Menu ------------------------------- */
		.pagMenu{
			position: fixed;
			top: 0; left: 0;
			width: 100%;
			min-height: 100vh;
			background-color: #333;
			z-index: 101;
		 	display: none;   
		}
	
		.boxTxtMenu{padding-bottom: 50px; margin-top: 25vh;}
	/* ----------------------------- boxInfoMenu ----------------------------- */
		.boxInfoMenu{
			width: 50%; 
			text-align: right; 
			line-height: 2em;
			color: #fff;
			opacity: .8;
		}
		.boxInfoMenu p{margin-bottom: 25px; }
	/* ----------------------------- boxLinkMenu ----------------------------- */
		.boxLinkMenu{
			width: 40%;
			border-left: solid 1px #666; 
		}
		.boxLangMobile{display: none;}
	/* ----------------------------- linkMenu -------------------------------- */
		.rowLinkMn{padding: 20px 0;}
		.linkMenu, .linkAttivo{
			 font-size: 2em; 
			 letter-spacing: 0.15em;
			 text-transform: capitalize;
			 color: #fff;
			 opacity: 0;
			 padding-bottom: 5px;
		}
			.linkAttivo{border-bottom: solid #fff 1px; }
		/* ----------------------------- linkHover Anima ----------------------------- */
			.linkHover{
			  position: relative;
			  text-decoration: none;
			}

			.linkHover:before {
			  content: "";
			  position: absolute;
			  width: 100%;
			  height: 1px;
			  bottom: -5px;
			  left: 0;
			  background-color: #fff;
			  visibility: hidden;
			  -webkit-transform: scaleX(0); 
			  transform: scaleX(0);
			  -webkit-transition: all 0.3s ease-in-out 0s;
			  transition: all 0.3s ease-in-out 0s;
			}

			.linkHover:hover:before {
			  visibility: visible;
			  -webkit-transform: scaleX(1);
			  transform: scaleX(1);
			}
	/* ----------------------------- pieMenu --------------------------------- */
	 	.pieMenu{position: absolute; width: 100%; bottom: 0px; color:#666; }
	 	.pieMenu p{position: absolute; bottom: 15px; width: 100%; text-align: center; }
			.pieMenu a{color:#666; -webkit-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s;}
			.pieMenu a:hover{color:#fff;}
	/* ----------------------------------------------------------------------- */

	
	@media screen and (max-width: 480px) {
		/* .pieMenu{display: none;} */
	}

	@media screen and (max-width: 570px) {
		.boxTxtMenu{margin: 15vh auto; }
		.pagMenu{padding-bottom: 0;}
		.boxLang{display: none;}
		.boxLogoHeader{width: 80%;}
		.boxLangHeader{width: 15%;}
		.boxInfoMenu{display: none;}
		.boxLangMobile{display: block;}
		.boxLinkMenu{width: 100%; text-align: center;}
	}
	@media screen and (max-width: 1024px) {
		.cellMenuHeader{display: none;}
	}
/* -------------------------------------------- testi ------------------------------------------------- */
	
	h1{font-size: 2.5em;} 
	h2{font-size: 1.9em;} 
	h3{font-size: 1.5em;} 
	h5{font-size: 1em; font-weight: bold;}
	b{font-weight: bold;}
	p{line-height: 2em; margin-bottom: 1em;}

	.intelinea2{line-height: 2em;}
	.txtSm{font-size: .7em;}
	.txtMd{font-size: .9em;}
	.txtBig{font-size: 1.5em;}

	.txtCe{text-align: center;}
	.txtDx{text-align: right;}
	.txtSx{text-align: left;}
	.txtJs{text-align: justify!important;}
	.txtSmall{font-size: .8em; color: #333;}
	.capitalize::first-letter{text-transform: uppercase;}
	.uppercase{text-transform: uppercase;}
	.maius p::first-letter{text-transform: capitalize;}
	
	.mainTitle, .mainTitle2{font-weight: 300; color: #666; text-transform: uppercase; line-height: 1em;}
	.mainTitle{margin-top: 40px; margin-bottom: 80px;}
	.subTitolo{text-transform: uppercase; font-size: .7em;}
	.subTitolo2{text-transform: uppercase; font-size: 1.2em;}
	
	@media screen and (max-width: 1050px){
		h3{font-size: 1.2em;}
		.mainTitle{margin: 50px 0; font-size: 1.8em; }
		.mainTitle2{font-size: 1.5em;}
	}
	@media screen and (max-width: 720px){
		.txtBig{font-size: 1.3em; line-height: 1.5em;}
		.mainTitle{margin: 50px 0; }
		.mainTitle2{font-size: 1.2em;}
	}
	@media screen and (max-width: 510px){
		h1{font-size: 1.2em;} 
		h3{font-size: 1.1em;} 
		p{line-height: 1.5em; margin-bottom: 1em;}
	}
/* -------------------------------------------- margini ----------------------------------------------- */
	.mrg{margin: 1em;}
	.mrgTopBig{margin-top: 4em;}
	.mrgTop{margin-top: 2em;}
	.mrgBotBig{margin-bottom: 4em;}
	.mrgBot{margin-bottom: 2em;}
	.mrgLat{margin-right: 1em; margin-left: 1em;}
	.mrgLatSm{margin-right: .3em; margin-left: .3em;}
	
	.padS_TB{padding: 40px 0;}
	.padM_TB{padding: 80px 0;}
	
	.padS_T{padding-top: 20px;}
	.padM_T{padding-top: 80px;}

	.padS_B{padding-bottom: 20px;}
	.padM_B{padding-bottom: 40px;}
	.marginAncor{height: 110px;}

	@media screen and (max-width: 720px){
		.padS_TB{padding: 20px 0;}
		.padM_TB{padding: 40px 0;}
	}
	@media screen and (max-width: 570px){
		.padS_TB{padding: 20px 0;}
		.padM_TB{padding: 20px 0;}
	}	
/* -------------------------------------------- box --------------------------------------------------- */
	.boxDx{float: right;}
	.boxSx{float: left;}
	.boxCe{margin: 0 auto;}
/* -------------------------------------------- colori ------------------------------------------------ */
	.bgRo0{background-color: #FAEFFF;}
	.bgVe0{background-color: #EFFFF9;}
	.bgBl0{background-color: #F3F8FC;}
	.bgBl1{background-color: #E4EEF8;}
	.bgBl2{background-color: #D2E1EF;}
	.bgBi0{background-color: #fff;}
	.bgNe{background-color: #353535; color: #fff;}
	.bgGr{background-color: #f6f6f6}
	.bgGr1{background-color: #FBFBFB}
	.bgGrAll{position: fixed; top:0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0, .3); z-index: 5; display: none;}

	.bianco{color: #FDFDFD;}
	.red{color: #EF1313;}
	.green{color: #35A73D;}
	.grayAnim{color: #545454; transition: color 500ms;}
	.redAnim{color: #E94E4E; transition: color 550ms;}
/* -------------------------------------------- background -------------------------------------------- */
	.bgTxt{background-repeat: no-repeat;
			background-position: center;
			background-size:  contain;
			
		}
	.bgFix{background-attachment: fixed;}			

	.bgTxtAbout{background-image: url('../images/bg/txtAbout.png');}
	.bgTxtCareer{background-image: url('../images/bg/txtCareer.png');}
	.bgTxtStaff{background-image: url('../images/bg/txtStaff.png');}
/* -------------------------------------------- pag --------------------------------------------------- */
	.boxPag{position: relative;	width: 100%; margin: 0 auto; padding: 0;}


	.bannerSez{width: 80%; margin: 0px auto; max-height: 70vh; overflow: hidden; padding-top: 50px;}
	@media screen and (max-width: 550px){
		.bannerSez{width: 100%; padding-top: 0;}
	}

	/* -------------------------------- menu sez -------------------------------- */	
		.menuSez{position: fixed; width: 100%; text-align: center; padding: 20px 0; background-color: rgba(255, 255, 255, .95 ); z-index: 20;}
		.linkPag{margin: 0 20px; cursor: pointer;}
		.attivo{font-weight: bold;}

	.btnLink{padding: 1em 5em; background-color: #fff; border: solid 1px #333; transition: all ease-in-out 250ms;}
	.btnLink:hover{background-color: #000; color: #fff;}
/* -------------------------------------------- home -------------------------------------------------- */
	.boxAttivitaHome{
		position: relative;
		width: 90%;
		height: 60vh;
		margin: 0px auto;
		/*background-image: url('images/bg/bg01.jpg');*/
		background-image: url('../images/banner/ban05.jpg');
		background-repeat: no-repeat;
		background-position: bottom;
		background-size:  cover;
	}
	.bgOpaco{background-color: rgba(0,0,0, .7); transition: all 500ms;}
	.bgOpaco:hover{background-color: rgba(0,0,0, .2);}
	.sezBoxatt{
		position: relative;
		display: table;
		float: left;
		width: 20%;
		height: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		border: solid 1px #fff;
		text-align: center;
		
		color: #fff;
	}
	
	.sezBoxatt p{
		position: relative;
		display: table-cell;
		vertical-align:middle; 
		font-size: 1.2em;
		font-weight: bold;
	}
	
	.boxValori{width: 20%; vertical-align: top;}
	.boxValori img{width: 80px; margin: 10px 0;}
	
	.boxDesc{position: relative; width: 90%; margin: 0px auto; vertical-align: top; padding: 2em; }
	.box2{width: 40%; vertical-align: top;}

	@media screen and (max-width: 1100px) {
		.boxDesc{width: 90%;  padding: 0em;}
		.box2{width: 45%;}
		.boxValori{width: 24%;}
		.boxValori h3{font-size: 1em;}
	}
	@media screen and (max-width: 750px){
		.boxAttivitaHome{display: none;}
		.boxDesc{width: 100%;}
		.box2{width: 90%; }
		.boxValori h3{font-size: .8em;}
	}
	@media screen and (max-width: 550px){
		.boxValori h3{display: none;}
		.boxValori img{width: 50px; margin: 10px 0;}
	}	


	/* --------------------- Slides --------------------- */
		.mainboxSlider{position: relative; width: 100%; height: auto;}
		.slidesBox {
			position: relative;
			max-width: 1200px; 
			max-height: 700px;
			vertical-align: middle;
			 overflow: hidden;  
			margin: 0 auto;
		}
		.BoxMySlides{
			position: relative; 
			width: 100%;
			background-color: #ccc;
			z-index: 80;
			vertical-align: top;overflow: hidden;
		}
		.mySlides{position: relative; top:0;  width: 100%; height: 100%; }
		.fotoCe{position: relative; top:0; left: 0; }
	/* --------------------- btn Next & prev --------------------- */
		.arrowSlider {
			position: absolute;
			top: 50%;
			width: auto;
			padding: 16px;
			margin-top: -22px;
			color: white;
			font-weight: bold;
			font-size: 18px;
			transition: 0.6s ease;
			user-select: none;
			background-color: rgba(0,0,0,0.1);
			z-index: 90;
			cursor: pointer;
		}
		.arrowSlider:hover {
		  	background-color: rgba(0,0,0,0.8);
		}
	/* --------------------- Pos btn --------------------- */
		.prev{
			left: 0px;
			border-radius: 0 10px 10px 0;			
		}
		.next{
			right: 0px;
			border-radius: 10px 0 0 10px;
		}
	
		@media only screen and (max-width: 300px) {
		  .prev, .next{font-size: 11px}
		}
		@media only screen and (max-width: 1300px) {
		  	.prev{
				left: 0px;
				border-radius: 0 10px 10px 0;
			}
			.next {
				right: 0px;
				border-radius: 10px 0 0 10px;
			}
		}	
/* -------------------------------------------- societa ----------------------------------------------- */
	.rowDescSoc{position: relative; width: 100%; }
	.boxDescSocSx, .boxDescSocDx{position: relative; width: 40%; padding: 0 2.5em; line-height: 1.5em; vertical-align: top; text-align: left; }
	.boxDescSocSx{text-align: right; font-weight: normal;}
	.boxDescSocDx{text-align: justify;}

	.boxEleAtt, .boxEleJob{margin: 0 auto; padding: 0 0 40px 0;}
	.boxEleAtt{width: 65%;}
	.boxEleJob{width: 60%;}
	.rowJob{display: flex;}
	.eleAttit{display: inline-block; width: 45%; margin: 1em 0; padding: .5em 0; border-bottom: solid 1px #ccc; vertical-align: top; }
	
	.eleAttitDx{margin-left: 50px;}

	.mainBoxstaff{width:80%; margin: 0 auto; text-align: center;}
	
	.boxStaffBig{position: relative; width: 300px;  margin: 20px 6%; font-size: .9em;}
	.boxStaff{position: relative; width: 250px; margin: 20px 1%; font-size: .9em;}
	

	.eticStaff{position:relative; text-align: left; border-bottom: solid 1px #E8E8E8; border-right: solid 1px #E8E8E8; }
	.btnVediCV{position: absolute; right: 5px; bottom: 2px;}

	.bgFull{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8); z-index: 100;}
	.skStaff{position:absolute; width:80%; left: 0; right: 0; margin: 0 auto; background-color: #fff; z-index: 101; padding: 25px; }

	.boxFotoStaff{position: relative; margin-top: 50px;}
	.btnChiudiCv{
		cursor: pointer;
		position: absolute;
		top: 0; right: 5px;
		padding: 16px;
		font-weight: bold;
		font-size: 18px;
		transition: 0.6s ease;
		user-select: none;
		color: #fff;
		background-color: rgba(0,0,0, .3);
		border-radius: 0 0 10px 10px;
		z-index: 99;

	}
	.btnChiudiCv:hover{background-color: rgba(0,0,0, .7);}
	

	.fotoCV{margin-bottom: 50px; text-align: center;}

	.boxCV{width: 80%; margin: 0 auto;}
	.skStaff p{text-align: left;}
	.titCont{position: absolute; top: 0px; right: -10px; margin-top: -2.2em; right: 20px; font-size: 1.2em; text-transform: uppercase;}

	.boxLogo{display: inline-block;}
	.logoCli{position: relative; max-width: 200px; height: 200px; margin: 0 50px; display: table; vertical-align: middle;}
	.imaLogo{display: table-cell; vertical-align: middle; }
	.imaLogo img{opacity: .6}
	.imaLogo img:hover{opacity: 1}



	@media screen and (max-width: 1400px){
		.boxStaffBig{width: 250px;  margin: 10px 1%;}
		/* .tmbFotoStaff{max-width: 350px;}*/
	}
	@media screen and (max-width: 1100px){
		.boxEleAtt{width: 80%}
		.boxDescSocSx{width: 20%; padding: 0 1em;}
		.boxDescSocDx{width: 70%; padding: 0 1em;}
		.mainBoxstaff{width: 100%;}
		.boxEleJob{width: 80%;}
		.logoCli{max-width: 180px; height: 150px; margin: 0 25px;}
	}
	@media screen and (max-width: 680px){
		.rowDescSoc{padding: 10px 0px;}
		.boxDescSocSx, .boxDescSocDx{display: block; width: 100%; padding: 0;}
		.titCont{position: relative; margin: 10px 20px; font-size: 1em; }
		.boxDescSocSx{text-align: left; font-size: 2em; font-weight: 100; padding: 0em 0px;}
		.boxDescSocSx p, .boxDescSocDx p{padding: 0 20px;}
		.boxEleAtt{width: 100%; text-align: left;}
		.boxEleJob{width: 100%;}
		.rowJob{display: block;}
		
		.boxEleAtt h1, .boxEleAtt h3, .boxEleJob h3, .boxEleJob div {padding-left: 20px;}
		.eleAttit{width: 90%;  margin: .5em auto;}
		.eleAttitDx{margin-left: 0px;}
		.menuSezStaff{display: none; padding: 0;}
		.boxStaffBig{margin: 0px 20px;}

	}
	/* -------------------------------- menu sez -------------------------------- */
	@media screen and (max-width: 550px){
		.menuSezStaff{display: none; padding: 0;}
		.logoCli{max-width: 150px; height: 100px; margin: 0 10px;}
		.skStaff{padding: 10px; width: 92%;}
		.tmbFotoStaff{width: 100%;}
	}
/* -------------------------------------------- servizi ----------------------------------------------- */
	.menuSez{position: fixed; width: 100%; text-align: center; padding: 20px 0; background-color: rgba(255, 255, 255, 1 ); z-index: 20;}
	.linkPag{margin: 0 20px; cursor: pointer;}
	.bannerServ{width: 80%; margin: 0px auto; max-height: 70vh; overflow: hidden; padding-top: 0px;}
	
	.titBig{font-family: Lato, helvetica, arial, sans-serif; font-weight: 900; font-size: 2.5em; text-align: center; color:#626262;}

	.padVert{padding: 10vh 0;}
	.padInte{padding:20px;}
	.mrgVert{margin: 5vh 0;}
	.boxInterno{position: relative; width: 100%; margin: 0 auto 50px; line-height: 1.5em; vertical-align: top; }
	.boxInterno p{padding-bottom: 20px; text-align: justify; padding-right: 20px;}
	.box2Sx{position: relative; left: 0; width: 49%; vertical-align: top;}
	.box2Dx{position: relative; right: 0; width: 50%; }
	.box2Dx img{width: 100%; height: 100%;}
	.attivo{font-weight: bold; }
/* -------------------------------------------- progetti ---------------------------------------------- */
	
	.rowFullPag{position: relative; width: 100%; text-align: center;}
	.rowFotoProgetti{position: relative; width: 20%; margin: 20px 0px; padding: 10px; text-align: left; vertical-align: top; transition: 0.6s ease;}
	/*
	.rowFotoProgetti:hover{background-color: #ccc;}
	.rowFotoProgetti img:hover{ transform: scale(1.2);}
	
	.boxIma{position:relative; width: 100%; height: 100%; background-repeat: no-repeat;	background-position: bottom; background-size: contain;}
	*/
	@media screen and (max-width: 1450px){
		.rowFotoProgetti{width: 45%; margin: 10px 0px;}
	}
	@media screen and (max-width: 720px){
		.rowFotoProgetti{width: 95%; margin: 10px auto; text-align: center;}

		.rowFotoProgetti p{text-align: center;}
	}

	@media screen and (max-width: 550px){
		.rowFotoProgetti{width: 95%; margin: 5px 0;}
		.rowFotoProgetti p{text-align: center;}
	}
	/* ---------------------------------------- scheda progetto --------------------------------------- */
		.bannerProg{position: relative; width: 98%; height: 90vh; margin: 0 auto;}
		/*.banner div{position: absolute; right: 0; bottom: 0; background-color: #fff; padding: 2em 7em; }*/
		

		.bgFoto{
			background-repeat: no-repeat;
			background-position: bottom;
			background-size:  cover;
			z-index: 9;
		}
		.boxTxtBanner{
			position: relative;
			width: 100%;
			height: 100%;
			color: #fff;
		}
		.boxTxtBanner h1{
			position: fixed;
			top: 15%;
			left: 10%;
			width: 80%;
			padding: 20px;
			text-transform: uppercase; 
			line-height: 1.2em;

		}
		.txtBanner{
			position: absolute;
			top: 25%;
			left: 20%;	
			width: 60%;
			text-align: justify;
		}
			.row2box{position: relative; width: 90%; height: 100%; padding: 90px 0; vertical-align: top; margin: 0px auto;}
			.bgTxtProject{background-image: url('../images/bg/txtProject.jpg');}

			.box2Desct{position: relative; width: 55%; float: right; }
			.box2Info{position: relative; width: 40%; left: 00px; display: inline-block; height: 100%;}

			.boxFotoFull{width: 95%; height: 95vh; overflow: hidden; margin: 50px auto;}
		
		.txtDescJob, .txtDescJobLeo{line-height: 1.5em; font-size: 1.2em;}
		.boxInfoJob{position: relative; line-height: 1.1em; padding-left:50px; margin-bottom: 30px; font-size: 1em;}

		.titInfoJob, .icoJob{display: inline-block;}
		.icoJob{position: absolute; left: 0px; top:5px; width: 20px; text-align: center; }
		.icoSmall{max-width: 20px; max-height: 20px; }
		.titInfoJob{font-weight: bold; padding: 5px 0; }
		
		
		.rowLav{position: relative; width: 100%; height: 500px; overflow: hidden; margin-bottom: 50px; }
		.big{position: absolute; width: 66%; height: 100%; overflow: hidden;}
		.sml{position: absolute; width: 33%; height: 49%; overflow: hidden;}
		.sml, .big{background-repeat: no-repeat;
			background-position: center;
			background-size:  cover;}
		
		.top{top: 0;}
		.btn{bottom: 0;}
		.sx{left: 0;}
		.dx{right: 0;}

		@media screen and (max-width: 1050px){
			.boxTxtBanner h1{ left: 5%; font-size: 2em;}
			.txtBanner{top: 25%; left: 10%;	width: 80%;}
			.txtBanner p{line-height: 1.5em;}
			.row2box{width: 90%; padding: 100px 0; }
		}
		@media screen and (max-width: 760px){
			.boxTxtBanner h1{width: 95%; left: 0; margin: 0 0; padding: 10px; text-align: center; font-size: 1.5em;}
			.txtDescJob{line-height: 1.2em !important;}
			.row2box{padding: 50px 0;}
			.box2Desct, .box2Info{display: block; width: 90%; float: none; left: 0; width: 95%;}
			.rowLav{height: auto; margin-bottom: 0px;}
			.big, .sml{position: relative; width: 100%; height: 450px; display: inline-block; margin-bottom: 50px;}			

		}
		@media screen and (max-width: 550px){
			.boxTxtBanner h1{font-size: 1.2em;}
			.txtBanner{position: relative; top: 50px; left: 0px; right: 0px; width: 90%; margin: 0 auto; display: block; }
			.txtBanner p{font-size: 1.2em;}
		}
	/* ---------------------------------------- fotoGallery ----------------------------------------*/

		.boxImaFull{
		    position: fixed;
		    top: 0; left: 0;
		    width: 100%;
		    height: 100vh;
		    background-color: rgba(0,0,0, .9);
		    
		    display: none;
			z-index: 99;
		}
		.imaFull{
			position: relative;
		    display: block;
		    vertical-align: middle;
		    text-align: center;
		    height: 100vh;
		}
		
		.imaBox{
			position: relative;
			height: 100vh;
			width: 100%;
			background-repeat: no-repeat;
			background-position: center;
	  		background-size: contain;
			z-index: 90;
		}
		
		.ctrlBox{z-index: 99;}
		.btnCtrFullIma{
				cursor: pointer;
				position: absolute;
				width: auto;
				padding: 16px;
				margin-top: -22px;
				color: #000;
				font-weight: bold;
				font-size: 18px;
				transition: 0.6s ease;
				user-select: none;
				background-color: rgba(255,255,255, .5);
				border-color: #fff;
				z-index: 110;
			}
		.btnCtrFullIma:hover{background-color: rgba(255,255,255, .9);}
		.btnChiudiFoto{top: 22px; right: 5px; border-radius: 0 0 10px 10px ;}
		#prevFullIma, #nextFullIma{top: 50%;}
/* -------------------------------------------- contatti ---------------------------------------------- */
   #boxMap{
    height: 600px;
    width: 100%;
    margin: 0px; padding: 0px;
   }	
/* -------------------------------------------- policy ------------------------------------------------ */
	.boxtesti{position: relative; width: 70%; margin: 0 auto; padding-bottom: 150px;}
	.boxtesti p{line-height: 1.5em; font-size: 1.3em; text-align: justify;}
	.boxtesti ul li{line-height: 1.5em; font-size: 1.3em; text-decoration: underline;}
	.boxTitolo{position: relative; width: 100%;	margin-top: 2%;} 
	.titBig{font-size: 2.5em; text-align: left;	color:#626262; padding: 50px 0;}	
	.titMed{font-size: 1.8em; text-align: left; color:#626262; padding: 50px 0 10px 0;}
	@media screen and (max-width: 550px){
		.titBig{font-size: 1.8em;}
		.titMed{font-size: 1.5em;}
		.boxTitolo{margin-top: .5%;} 

		.boxtesti ul li, .boxtesti p{font-size: 1.1em;}
		.boxtesti{width: 90%; }

	}
/* -------------------------------------------- footer ------------------------------------------------ */


	footer{
		position: relative;
		width: 100%;
		margin-top: 0px auto;
		border-top: solid 1px #ccc;
		z-index: 50;
	}

	.mainBoxPiePag{position: relative; padding: .8em;}
	.infoPrivprivacy{float: left; line-height: 1.5em;}
	.boxCopy{line-height: 1.5em;}
	.alive{position: absolute; right: 15px; bottom:20px; transition: 0.6s ease; text-align: right;}
	.alive a{color: #ABABAB;}
	.alive a:hover{color: #E61423}
	
	@media screen and (max-width: 670px){
		.boxCopy{display: block;}
		.infoPrivprivacy{float: none; position: absolute; bottom: 0px;}
		.alive{position: relative;  width: 100%; bottom: 0;}
	}
	@media screen and (max-width: 490px){
		.dotCopy{display: none;}
	}
/*--------------------------------------------- backGround ---------------------------------------------*/