@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Oswald:300|Roboto+Condensed:300&display=swap');
body{margin:0px; padding:0px;}
.font_title{font-family: 'Oswald', sans-serif;}
.font_txt{font-family: 'Roboto Condensed', sans-serif;}
.note{font-size:14px;}
.note_box{background:#FCFCFC; box-shadow:1px 1px 10px #CCC; margin-top:20px; margin-bottom:20px;}
.project_title{font-size:22px; display:block; margin-bottom:40px;}
.circle_list{ color:#fff;  display:inline-block; vertical-align:middle; margin-right:5px; text-align:center; font-weight:bold; font-size:24px; }
.circle_note{display:block; min-height:60px; margin-bottom:30px; font-size:14px; color:#fff;}
.forte{font-weight:bold;}
/*layout*/
body{ font-weight:300; font-size:15px; line-height:130%; background:#1A1A1A; font-family: 'Oswald', sans-serif;}
.bianco{color:#fff;}
.grigio{color:#CCC;}
.nero{color:#000;}
.centra{text-align:center;}
.sx{text-align:left;}
.dx{text-align:right;}
.space{padding:20px;}
.space_intro{padding:50px; padding-top:100px;}
.maiusc{text-transform:uppercase;}
.serif{font-family:"Times New Roman", Times, serif; font-size:14px;}
.mobile{display:block;}
.desktop{display:none;}
em{font-style:normal; font-size:18px; padding:40px; display:block; line-height:120%; text-align:center; font-weight:400;}
.bg_white{background:#fff;}
.bg_black{background:#000;}
.bg_gray_dark{background: #000000;
	background: -moz-linear-gradient(top, #000000 0%, #4f4f4f 100%);
	background: -webkit-linear-gradient(top, #000000 0%,#4f4f4f 100%);
	background: linear-gradient(to bottom, #000000 0%,#4f4f4f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#4f4f4f',GradientType=0 );}

.bg_home{background:#0a0a0a;}
.bg_gray{background: #ffffff;
	background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #efefef 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#efefef 100%);
	background: radial-gradient(ellipse at center, #ffffff 0%,#efefef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=1 );
}

.bg_black_gray{background: #494949;
	background: -moz-radial-gradient(center, ellipse cover, #494949 0%, #000000 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #494949 0%,#000000 100%);
	background: radial-gradient(ellipse at center, #494949 0%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#000000',GradientType=1 );}
.bg_project{background: #121212; padding:30px;}

.bordo_nero{border:2px solid black; box-sizing:border-box; -moz-box-sizing:-border-box; -webkit-box-sizing:border-box;}
.bordo_bianco{border:1px solid white;box-sizing:border-box; -moz-box-sizing:-border-box; -webkit-box-sizing:border-box;}
.umbra_dark{box-shadow:1px 1px 30px #000;}
.umbra_light{box-shadow:1px 1px 30px #CECECE;}

.link_black:link, .link_black:active ,.link_black:visited{display:block; width:140px; padding:6px; font-size:15px; font-family: 'Oswald', sans-serif; font-weight:500; text-decoration:none;  margin:30px auto; color:#000;}
.link_black:hover{opacity:.5}


.link_white:link, .link_white:active ,.link_white:visited{display:block; width:140px; padding:6px; font-size:15px; font-family: 'Oswald', sans-serif; font-weight:500; text-decoration:none;  margin:30px auto; color:#fff;}
.link_white:hover{opacity:.5}


.link_w:link, .link_w:active ,.link_w:visited{  color:#fff;}
.link_w:hover{opacity:.5}

.link_poli:link, .link_poli:active, .link_poli:visited{ display:block; width:140px; padding:4px; font-size:14px; font-family: 'Oswald', sans-serif; font-weight:500; text-decoration:none;  margin:30px auto; background: #ad59a2; 
	background: -moz-linear-gradient(-45deg, #ad59a2 0%, #71d0f6 100%);
	background: -webkit-linear-gradient(-45deg, #ad59a2 0%,#71d0f6 100%);
	background: linear-gradient(135deg, #ad59a2 0%,#71d0f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad59a2', endColorstr='#71d0f6',GradientType=1 ); color:#fff; }
.link_poli:hover{opacity:.5}


.link_info:link, .link_info:active, .link_info:visited,.link_info2{ display:block; width:220px; padding:16px; font-size:18px; font-family: 'Roboto Condensed', sans-serif; font-weight:500; text-decoration:none;  margin:15px auto; background: #ad59a2; 
	background: -moz-linear-gradient(-45deg, #ad59a2 0%, #71d0f6 100%);
	background: -webkit-linear-gradient(-45deg, #ad59a2 0%,#71d0f6 100%);
	background: linear-gradient(135deg, #ad59a2 0%,#71d0f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad59a2', endColorstr='#71d0f6',GradientType=1 ); color:#fff; font-weight:bold;  }
.link_info:hover{opacity:.5}

h1{font-size:36px; margin:0px; padding:0px; line-height:100%; font-weight:300;}
h1 span{font-size:16px; text-transform:none;}
h2{font-size:30px; margin:0px; padding:0px; line-height:100%; font-weight:300;}
.h2_home{ font-size:4vw; text-transform:uppercase; text-align:center; }
h3{font-size:16px; margin:0px; padding:0px; line-height:100%; font-weight:300;}
h4{font-size:15px; margin:0px; padding:0px; line-height:100%; font-weight:500;}
h5{font-size:13px; margin:0px; padding:0px; line-height:100%; font-weight:500;}
h6{font-size:12px; margin:0px; padding:0px; line-height:100%; font-weight:500;}

.logo{position:absolute; top:10px; left:10px; z-index:999; }
.firma_poli{position:absolute; bottom:40px; right:0px; z-index:999; }
.logo img{max-width:260px;}

.box_sito{box-sizing:border-box; -moz-box-sizing:-border-box; -webkit-box-sizing:border-box; display:block; width:100%; max-width:1280px; margin:0px auto;}
.box_contenuto_full{box-sizing:border-box; -moz-box-sizing:-border-box; -webkit-box-sizing:border-box; display:block; float:left; width:100%; height:100vh;  }
.box_contenuto{box-sizing:border-box; -moz-box-sizing:-border-box; -webkit-box-sizing:border-box; display:block; float:left; width:100%; height:auto;  }
.txt_box{padding:30px; max-width:200px;}



/* menu*/
#main{position:fixed; top:10px; right:10px;    z-index: 9999;}

.overlay {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 999999999999999;
	top: 0;
	right: 0;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0, 0.9);
	overflow-x:hidden;
	overflow-y:scroll;
	transition: .5s;
	
}

.overlay-content {
	position: relative;
	top: 10%;
	width: 100%;
	text-align: center;
	margin-top: 30px;
}
.menu_content{display:none; width:100%; max-width:250px; margin:0px auto;}
.title_menu{letter-spacing:8px; text-transform:uppercase; }
.overlay a {
	padding: 10px;
	text-decoration: none;
	font-size:16px;
	color: #fff;
	width: 200px;
	display:block;
	margin:0px auto;
	transition: 0.3s;
	text-transform:uppercase;
	font-weight:300;
}

.overlay a:hover, .overlay a:focus, .collapsible:hover {
	color: #818181; 
}

.overlay .closebtn {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor:pointer;
}
#ico_plus{font-weight:400; margin-left:-15px; display:inline; margin-right:10px;}
.closebtn {position:fixed;}
.collapsible {
	text-transform:uppercase;
	color: white;
	cursor: pointer;
	padding: 10px;
	width: 200px;
	display:block;
	margin:0px auto;
	border: none;
	text-align: center;
	outline: none;
	font-size: 16px;
    transition: 0.3s;
	font-weight:300;
}



.content {
	padding:0 15px ;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s ease-out;
	color:#fff;
	
}
.content a{
	font-size:15px;
	text-transform:none;
	
}

.content a:hover{
	font-size:15px;
	text-transform:none;
	text-decoration:underline;
}
.btn_social:link{display:inline-block; width:60px; padding:4px; margin:3px;}


.col-container,.box_tecnica {
    display: table; /* Make the container element behave like a table */
    width: 100%; /* Set full-width to expand the whole page */
}

.col,.col_tecnica {
    display: table-cell; /* Make elements inside the container behave like table cells */
	width:100%; text-align:center;
}



#bg_video{height:35vh; display:block; width:100%; display:table; text-align:center;border:10px solid #fff; }
.box_bg_video{display:table-cell; vertical-align:middle; margin:0px auto; height:35vh; text-align:center;  width:100vw; }
.txt_bg_video{font-size:30px; color:#fff; text-transform:uppercase; text-align:center; line-height:120%;  }
.arrow{position:absolute; top:55vh; right:20px; margin-top:-75px; z-index:99999999999999;}

.txt_poli{padding:20px;  z-index:99999999999999; max-width:152px; font-size:13px; font-weight:300; line-height:130%;display:block;  }
.txt_poli b{font-weight:bold;}
.spacing{letter-spacing:10px;}

/*tecniche*/

.box_tecnica:link{display:inline-block; width:29%; box-sizing:border-box; -moz-box-sizing:-border-box; -webkit-box-sizing:border-box; overflow:hidden;   margin:.5%;  text-decoration:none;}
.box_tecnica img{ transition:.3s; position:relative; top:0px;  width:100%; }

.txt_tecnica{min-height:30px; color:#fff; font-weight:300; font-size:15px; padding-top:5px; position:relative; bottom:0px; background:#1A1A1A; }
.box_tecnica:hover img{opacity:.1; }
.foot{padding:10px; font-size:13px;  }
.foot b{font-weight:bold;}
.btn_mail:link{border-radius:50%; padding:15px;  position:absolute; z-index:99999; bottom:5px; right:5px; font-size:12px; text-decoration:none;}

.titolo_sez{ font-size:23px; line-height:100%;   background:rgba(255,255,255,.3); max-width:240px; }
.sez{position:relative; top:20vh; font-weight:300;}
.txt{font-weight:300;  }
.div_col{display:block;float:left; width:50%; margin-bottom:40px;}
.firma_opere_poli{width:100%; max-width:150px; margin-top:10px;}
.intro_sez{position:absolute; top:35vh; left:40px;  font-weight:300;}

/*responsive image grid*/


.row_grid {
	display: -ms-flexbox; /* IE10 */
	display: flex;
	-ms-flex-wrap: wrap; /* IE10 */
	flex-wrap: wrap;
	padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.grid,.grid100 {
	-ms-flex: 100%; /* IE10 */
	flex:  100%;
	max-width:  100%;
	padding: 0 4px;
	box-sizing:border-box; -moz-box-sizing:-border-box; -webkit-box-sizing:border-box; 
}

.grid img {
	margin-top: 8px;
	vertical-align: middle;
	width: 100%; margin:0px; padding:0px; border:0px; margin-bottom:8px;
}

.box_tecnica_sez{display:inline-block; width:100%; max-width:260px; min-height:320px;}
.box_news{display:block; float:left; padding:2%; width:100%; max-width:50%; height:30%;  box-sizing:border-box; -moz-box-sizing:-border-box; -webkit-box-sizing:border-box; font-family: 'Roboto Condensed', sans-serif;} }
.box_news b{font-weight:bold;}
.person_xp{display:inline-block; width:96%; margin:1%;  padding:5px; box-sizing:border-box; -moz-box-sizing:-border-box; -webkit-box-sizing:border-box; border:1px solid #333; margin-bottom:20px;}
.person_xp img{display:inline-block; width:90px; }
.person{display:inline-block; width:160px;  margin-left:10px; font-size:13px;}
.person_xp{font-weight:bold; }
.person_xp i{font-weight:400;}
.box_cookie{position:fixed; bottom:0px; width:100%; height:85px; background:rgba(0,0,0,.7); color:#fff; text-align:center; padding:5px; z-index:999999999999999999; display:none!important; }
.btn_cookie:link{display:none!important; color:#fff; font-weight:bold; }
.close_cookie:link{display:inline-block; padding:5px; background:#fff; color:#000; text-decoration:none; font-family:Verdana, Geneva, sans-serif;  margin-left:10px;text-align:center; width:18px;}
/*input search */


#myInput {
	background-image: url('../img/search.png');
	background-position: 5px 0px;
	background-repeat: no-repeat;
	width: 100%;
	font-size: 18px;
	padding: 12px 20px 12px 50px;
	border: 0px solid #ddd;
	margin-bottom: 12px;
	border-radius:10px;
	margin-top:5px;
	
}

#myUL {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#myUL li a,.no_info {
	border-bottom: 1px solid #666;
	margin-top: -1px; /* Prevent double borders */
	text-decoration:none;
	padding: 12px;
	
	font-size: 18px;
	color: #fff;
	display: block;
	margin-bottom:20px;
}
.no_info{   margin-left:5px; color:#666;}
.no_info::first-letter{font-size:25px; cursor:default; }

#myUL li a:hover:not(.header) {
	background-color: #000;
}

/*contatti*/

#contact_box{min-height:100vh; }
#contact_box_c{margin-top:10vh;}		


/*struttura a tabella*/

.table_wrap{display:block; float:left; width:100%; }
.table_row,.table_row3{display:block; vertical-align:middle; text-align:center; width:100%; height:auto;}
.txt_table{display:block; margin:0px auto; width:90%;   text-align:justify; text-justify:inter-word;   font-size:17px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; 
line-height:170%;}
.btn_contatti{position:fixed; bottom:10vh; right:10px; z-index:999999999999999999999;}
.link_site:link{text-decoration:none; color:#fff;}
@media (min-width: 400px) {
	.overlay a {font-size: 20px}
	.txt_poli{padding:20px;  z-index:99999999999999; max-width:280px; font-size:13px;  font-weight:300;}
}



@media (min-width: 600px) {
	#bg_video{height:60vh; display:block; width:100%;}
	.txt_poli{padding:20px;  z-index:99999999999999; max-width:400px; font-size:13px;  font-weight:300;}
	.grid {
		-ms-flex: 50%; /* IE10 */
		flex:  50%;
		max-width:  50%;
		padding: 0 4px;
	}
}


@media (min-width: 768px) {
	
	.person_xp img{display:inline-block; width:180px; }
	.person{display:inline-block; width:250px;  margin-left:30px; font-size:16px;}
	.collapsible{font-size:20px;}
	.intro_sez{position:absolute; top:45vh;   font-weight:300;}
	
	.titolo_sez{ font-size:40px; line-height:100%;   max-width:500px;  background:none;}
	.sez{position:relative; top:20vh;}
	.mobile{display:none;}
	.desktop{display:block;}
	.txt_poli{padding:20px; position:absolute; z-index:99999999999999; max-width:380px; font-size:13px;  font-weight:300;}
	#bg_video{height:75vh;  display:table;border:0px solid #fff;}
	.box_bg_video{display:table-cell; vertical-align:middle; margin:0px auto; height:75vh; text-align:center;  width:100vw; }
	.txt_bg_video{font-size:5vw; color:#fff; text-transform:uppercase; text-align:center; line-height:120%; font-weight:500;  }
	.link_black:link, .link_black:active ,.link_black:visited{display:block; width:200px; padding:20px; font-size:20px; font-family: 'Oswald', sans-serif; font-weight:500; text-decoration:none;  margin:30px auto;  }
	.link_black:hover{opacity:.5}
	body{font-family: 'Oswald', sans-serif; font-weight:300; font-size:15px; line-height:120%;}
	h1{font-size:45px; }
	h2{font-size:30px;}
	h3{font-size:16px;}
	h4{font-size:15px;}
	h5{font-size:13px;}
	h6{font-size:12px;}
	.logo img{max-width:300px;}
	/*struttura a tabella*/
	.table_wrap{display:table; float:none; width:100%;}
	.table_row{display:table-cell;  text-align:center; width:50%; height:60vh;}
	.table_row3{display:table-cell;  text-align:center; width:33.333%; height:60vh;}
	.txt_table{display:block; margin:0px auto; width:100%; max-width:450px;  text-align:justify;}
	
}


@media (min-width: 1024px) {
	.space{padding:40px;}
	.txt_poli{padding:40px; position:absolute; z-index:99999999999999; max-width:400px; font-size:15px;  font-weight:300;}
	.box_news{display:block; float:left; padding:2%; width:100%; max-width:25%; height:30%;  box-sizing:border-box; -moz-box-sizing:-border-box; -webkit-box-sizing:border-box; }
}


@media (min-width: 1280px) {
	h1{font-size:80px; }
	.firma_opere_poli{width:100%; max-width:150px;}
	.titolo_sez{ font-size:46px; line-height:100%;  }
	.logo img{max-width:350px;}	
	.overlay{  overflow-y:hidden;}
}
@media (min-width: 1281px) {
	.box_news{display:block; float:left; padding:2%; width:100%; max-width:20%; height:30%;  box-sizing:border-box; -moz-box-sizing:-border-box; -webkit-box-sizing:border-box; }
}

@media (orientation: landscape) {
	.box_sezione_tecnica {
		display: table; 
		width: 100%;  
	}
	.txt_sezione_tecnica{width:60%; text-align:justify; display:block; margin:0px auto;}
	.col_tecnica {
		display: table-cell; 
		width:50%; text-align:center; box-sizing:border-box; -moz-box-sizing:-border-box; -webkit-box-sizing:border-box; vertical-align:middle; font-weight:300;
	}
	.sub_title{font-size:4vw; line-height:100%;}  
	.sub_title_span{font-size:2vw; line-height:100%;}
	.btn_ref{color:#000; font-weight:bold;  font-size:14px; text-decoration:none;  display:inline-block; width:120px; border-bottom:3px solid #000; padding:5px;  font-family: 'Roboto Condensed', sans-serif;}
	.btn_ref:hover{opacity:.5;}
    .firma_opere_poli{width:100%; max-width:150px;}
}

@media (orientation: portrait) {
	.box_sezione_tecnica {
		display: block; 
		width: 100%; 
	}
	.txt_sezione_tecnica{width:90%; text-align:justify; display:block; margin:0px auto; font-weight:300;}
	.col_tecnica {
		display: block; 
		width:100%; text-align:center; box-sizing:border-box; -moz-box-sizing:-border-box; -webkit-box-sizing:border-box;vertical-align:middle; font-weight:300;
	}
    .sub_title{font-size:10vw; line-height:100%;}  
	.sub_title_span{font-size:4vw; line-height:100%;}
	.btn_ref{color:#000; font-weight:bold;  font-size:13px; text-decoration:none;  display:inline-block; width:90px; border-bottom:3px solid #000; padding:5px;  font-family: 'Roboto Condensed', sans-serif;}
	.btn_ref:hover{opacity:.5;}
    .firma_opere_poli{width:100%; max-width:100px;}
}



.print_page{display:none;}
.print{display:none;}
@media print{
	
	
	
	.overlay{display:none;}
	.logo{display:none; }	
	.intro_wrap{display:none; }	
	.box_contenuto,.box_bg_video,.firma_poli,.bg_home,.box_sito,.slide1,.slide2,.bg_white,.bg_gray,foot,.centra,.intro_wrap,#bg_video,#albano_poli,#myNav,#main,h1,.firma_poli,.overlay{display:none; }	
	.contenitore{display:none;}
	.box_sezione_tecnica{display:none;}
	.col_tecnica{display:none;}
	.bianco{color:#000;}
	.space,.space_intro{padding:0px;}
	
	.swiper-container{display:none;}
	.no_print,.arrow{display:none;}
	
	.print{display:block;}
	.print_page:before{display:none;}
	.print_page{display:block; text-align:center;}
	
}



b{font-weight:bold!important;}


.flexi{display:flex !important;  align-items: center;  justify-content: center; flex-wrap:wrap;}



@media (orientation: landscape) {
	
	.col50x{display:block; float:left; width:50%; }
	.hmin40{min-height:40vh!important;}
	.hmin50{min-height:50vh!important;}
	.hmin60{min-height:60vh!important;}
	.hmin70{min-height:70vh!important;}
	.hmin80{min-height:80vh!important;}
	.hmin90{min-height:90vh!important;}
	.hmin100{min-height:100vh!important;}
	.hmin130{min-height:130vh!important;}
}

@media (orientation: portrait) {
	
	.hmin40{min-height:10vh!important;}
	.hmin50{min-height:50vh!important;}
	.hmin60{min-height:50vh!important;}
	.hmin70{min-height:50vh!important;}
	.hmin80{min-height:60vh!important;}
	.hmin90{min-height:60vh!important;}
	.hmin100{min-height:50vh!important;}
	.hmin130{min-height:100vh!important;}
	.hmin_mobile{min-height:auto!important;}
	
}
@-moz-keyframes  moveArr{
	from{top:50vh; }
	to{top:52vh; }
	
	
}


.arr{animation:moveArr .5s alternate infinite;top:50vh; }