@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;600&display=swap');


header{height:0px; margin:0px; padding:0px;}
body{font-family: 'Montserrat', sans-serif; 	font-size:15px;
		line-height:130%}
.info_con:link,.info_con:active,.info_con:visited{text-decoration:none; color:#000; font-weight:bold;}
.link_btn:link,.link_btn:active,.link_btn:visited{text-decoration:none; color:#fff;}
.bianco{color:#fff;}
.blue{color:#253c90;}
.bg_blu{background:#202a50; color:#fff; padding:10px;}
.bg_bianco{color:#202a50; background:#fff; padding:10px;}
.bg_grigio{color:#202a50; background:#E8E8E8; }
.bg_nero{color:#fff; background:#000; padding:10px;}
.logo_pagine{width:140px; padding:10px;}
.maiusc{text-transform:uppercase;}
.logo_sezione{width:100%; max-width:250px; display:block; margin:0px auto; margin-top:35vh; padding-right:30px; }
.sfondo{background-image:url(../img/2.jpg); display:block; position:fixed; top:0px; width:100%; min-height:100vh; z-index:-1; background-position:bottom; background-size:contain;}
.box_space{display:block;float:left; width:100%; min-height:280px; background:none; background-size:cover;  }
.box1{display:block; float:left; width:100%;  height:80vh;  box-sizing:border-box; -moz- box-sizing:border-box; -webkit- box-sizing:border-box; 
background-image:url(../img/a1.jpg);background-size:cover; background-position:top;  /*border:25px solid #ccc;*/


}
.box2{display:block; float:left; width:100%;  height:80vh;  margin-top:5vh;box-sizing:border-box; -moz- box-sizing:border-box; -webkit- box-sizing:border-box; 
background-image:url(../img/a2.jpg); background-size:cover; background-position:top;

}

.box3{display:block; float:left; width:100%;  height:80vh;  margin-top:5vh;box-sizing:border-box; -moz- box-sizing:border-box; -webkit- box-sizing:border-box; 
background-image:url(../img/a3.jpg); background-size:cover; background-position:top;
margin-bottom:20vh;


}

.logo{position:fixed; top:5vh; left:1vw; width:50vw; z-index:99999999999999999999; }
.txt1{position:relative; float:left; width:88%; margin-left:6%; color:#fff; font-family: 'Montserrat', sans-serif; font-size:7.5vw; line-height:130%; font-weight:bold;margin-top:48vh; text-align:center; letter-spacing:0; text-shadow:1px 1px #000; }
.enf{font-size:16px; font-weight:bold; font-style:italic;  line-height:90%; margin-top:10px; padding:px;}


.umbra{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+52,000000+100&0.89+0,0.54+52,0+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0.89) 0%, rgba(0,0,0,0.54) 52%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.89) 0%,rgba(0,0,0,0.54) 52%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.89) 0%,rgba(0,0,0,0.54) 52%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */}



@keyframes in2{
	0%{height:100vh;}
	100%{height:70vh;}
}

@-webkit-keyframes in2{
	0%{height:100vh;}
	100%{height:70vh;}	
}

.intro_effect2{

animation-name:in2;
   -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
		animation-dealy:3s;
		-webkit-animation-delay:3s;

}




@keyframes in3{
	0%{height:100vh;}
	100%{height:50vh;}
}

@-webkit-keyframes in3{
	0%{height:100vh;}
	100%{height:50vh;}	
}

.intro_effect3{;

animation-name:in3;
   -webkit-animation-duration: 2s;
            animation-duration: 2s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
		animation-dealy:3s;
		-webkit-animation-delay:3s;

}




@keyframes in1{
	0%{height:100vh;}
	100%{height:45vh;}
}

@-webkit-keyframes in1{
	0%{height:100vh;}
	100%{height:45vh;}	
}

.intro_effect{;

animation-name:in1;
   -webkit-animation-duration: 2s;
            animation-duration: 2s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
		animation-dealy:3s;
		-webkit-animation-delay:3s;

}



@keyframes dx1{
	0%{margin-right:25px;}
	100%{margin-right:0px;}
}

@-webkit-keyframes dx1{
	0%{margin-right:25px;}
	100%{margin-right:0px;}	
}

.soluzioni{

animation-name:fadeIn;
   -webkit-animation-duration: 1s;
            animation-duration: 1s;
            animation-direction: alternate-reverse;
			animation-iteration-count:infinite;
			-webkit-animation-iteration-count:infinite;
		

}
.soluzioni:hover{opacity:1;}


@keyframes ho{
	0%{height:45vh;}
	100%{height:33vh;}
}

@-webkit-keyframes ho{
		0%{height:45vh;}
	100%{height:33vh;}
}

@keyframes ho1{
		0%{height:33vh;}
	100%{height:45vh;}
}

@-webkit-keyframes ho1{
		0%{height:33vh;}
	100%{height:45vh;}
}





.circle_img{ background-position:center center; animation-name:roll_c;  -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.circle_img:hover{ animation-name:roll_c1; -webkit-animation-duration: .5s;animation-duration: .5s;-webkit-animation-fill-mode: both; animation-fill-mode: both; }


@keyframes roll_c{  0%{height:300px;} 100%{height:250px;}}
@keyframes roll_c1{ 0%{height:250px;} 100%{height:300px;}}
@-webkit-keyframes roll_c{  0%{height:300px;} 100%{height:250px;}}
@-webkit-keyframes roll_c1{ 0%{height:250px;} 100%{height:300px;}}

.collezione{
	background-position:center center;
animation-name:ho;
   -webkit-animation-duration: .5s;
            animation-duration: .5s;
		
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
	

}

.collezione:hover{

animation-name:ho1;
   -webkit-animation-duration: .5s;
            animation-duration: .5s;
			
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
	

}


/* animazioni */
				  
				  .animated {
				  
				  -webkit-animation-duration: 4s;
				  animation-duration: 4s;
				  -webkit-animation-fill-mode: both;
				  animation-fill-mode: both;
				  }
				  .animated2 {
				  
				  -webkit-animation-duration: 3s;
				  animation-duration: 3s;
				  -webkit-animation-fill-mode: both;
				  animation-fill-mode: both;
				  }
				  
				  
				  .animated3 {
				  
				  -webkit-animation-duration: 3s;
				  animation-duration: 3s;
				  -webkit-animation-fill-mode: both;
				  animation-fill-mode: both;
				  animation-delay:3s;
				  -webkit-animation-delay:3s;
				  }
				  .animated4 {
				  
				  -webkit-animation-duration: 1s;
				  animation-duration: 1s;
				  animation-iteration-count:infinite;
				  }
				  .animated5{
				  animation-name: fromBottom;
				  -webkit-animation-duration: 1s;
				  animation-duration: 1s;
				  -webkit-animation-fill-mode: both;
				  animation-fill-mode: both;
				  animation-delay:2.5s;
				  -webkit-animation-delay:2.5s;
				  }
				  
				  .animated6{
				  animation-name: fromBottom;
				  -webkit-animation-duration: 1s;
				  animation-duration: 1s;
				  -webkit-animation-fill-mode: both;
				  animation-fill-mode: both;
				  animation-delay:2s;
				  -webkit-animation-delay:2s;
				  }
				  
				  
				  
				  
				  @-webkit-keyframes go1 {
				  0% {bottom: 30px;}
				  50%{bottom: 10px;}
				  100% {bottom:30px;}
				  }
				  
				  @keyframes go1 {
				  0% {bottom: 30px;}
				  50%{bottom: 10px;}
				  100% {bottom:30px;}
				  }
				  
				  
				  
				  @-webkit-keyframes fromBottom {
				  0% {margin-top: 20vh; opacity:0;}
				  100% {margin-top: 10vh; opacity:1;}
				  }
				  
				  @keyframes fromBottom {
				  0% {margin-top: 20vh; opacity:0;}
				  100% {margin-top: 10vh; opacity:1;}
				  }
				  
				  
				  @-webkit-keyframes fadeIn {
				  0% {opacity: 0;}
				  100% {opacity: 1;}
				  }
				  
				  @keyframes fadeIn {
				  0% {opacity: 0;}
				  100% {opacity: 1;}
				  }
				  
				  
				  @-webkit-keyframes dsx {
				  0% {margin-left: 0;}
				  100% {margin-left: -50vw;}
				  }
				  
				  @keyframes dsx {
				  0% {margin-left: 0;}
				  100% {margin-left: -50vw;}
				  }
				  
				  
				  
				  @-webkit-keyframes ddx {
				  0% {margin-right: 0;}
				  100% {margin-right: -50vw;}
				  }
				  
				  @keyframes ddx {
				  0% {margin-right: 0;}
				  100% {margin-right: -50vw;}
				  }
				  
				  
					 
				  @-webkit-keyframes sup {
				  0% {margin-top: 0;}
				  100% {margin-top: -110vh;}
				  }
				  
				  @keyframes sup {
				  0% {margin-top: 0;}
				  100% {margin-top: -110vh;}
				  }
				  
				  
				  
				  
					 
				  @-webkit-keyframes van1 {
				  0% {margin-right: -50%;}
				  100% {margin-right: 0px;}
				  }
				  
				  @keyframes van1 {
					   0% {margin-right: -50%;}
				  100% {margin-right: 0px;}
				  }
				  
				  
				  
				  
				  .fadeIn {
				  -webkit-animation-name: fadeIn;
				  animation-name: fadeIn;
				  }
				  
				  .fadeIn2 {
					 animation-delay:1s;
				  -webkit-animation-name: fadeIn;
				  animation-name: fadeIn;
				  }
				  
				  
				  
					 .m1 {
					 animation-delay:1s;
				  -webkit-animation-name: fadeIn;
				  animation-name: fadeIn;
				  }
				  
				  
						 .m2 {
					 animation-delay:1.25s;
				  -webkit-animation-name: fadeIn;
				  animation-name: fadeIn;
				  }
				  
						 .m3 {
					 animation-delay:1.5s;
				  -webkit-animation-name: fadeIn;
				  animation-name: fadeIn;
				  }
				  
						 .m4 {
					 animation-delay:1.75s;
				  -webkit-animation-name: fadeIn;
				  animation-name: fadeIn;
				  }
				  
				  .door3{
					 animation-delay:1s;
				  -webkit-animation-name: sup;
				  animation-name: sup;
				  }
				  
				  .scroll_go{
				  -webkit-animation-name: go1;
				  animation-name: go1; 
				  }
				  
				  .slide_sx {
				  animation-delay:1s;
				  -webkit-animation-name: dsx;
				  animation-name: dsx;
				  }
				  
				  .slide_dx {
				  animation-delay:1s;
				  -webkit-animation-name: ddx;
				  animation-name: ddx;
				  }

		  .wrap_menu{position:absolute; bottom:5vh; height:8vh; left:5%;  width:90%; z-index:999999999999999999; text-align:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
		  .btn_menu{display:inline-block; width:24%;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center; vertical-align:middle;}
		  .payoff{font-size:18px; display:block; line-height:95%;}
		  
		  
		  
		  
		  .btn_link:link,.btn_link:visited,.btn_link:active{ color:#fff; font-size:1.7vh; font-weight:500; font-family: 'Montserrat', sans-serif; display:inline-block; font-weight:600; text-align:center; max-width:200px;}
		  .btn_link:hover{ 
		  opacity:.5;
		  }
		  
		  
		  /****/
		  
			.door{position:fixed; width:50vw; height:100vh; background:#000; top:0px; left:0px;z-index:999999999999999999;  box-shadow:1px 1px 8px #000; border-right:1px solid #999;
		  
		  background: rgb(0,0,0); /* Old browsers */
		  background: -moz-linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(4,4,34,1) 100%); /* FF3.6-15 */
		  background: -webkit-linear-gradient(45deg, rgba(0,0,0,1) 0%,rgba(4,4,34,1) 100%); /* Chrome10-25,Safari5.1-6 */
		  background: linear-gradient(45deg, rgba(0,0,0,1) 0%,rgba(4,4,34,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#040422',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			
			}
		  .door2{position:fixed; width:50vw; height:100vh; background:#000; top:0px; right:0px;z-index:999999999999999999; border-left:1px solid #fff;
		  
		  background: rgb(4,4,34); /* Old browsers */
		  background: -moz-linear-gradient(-45deg, rgba(4,4,34,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
		  background: -webkit-linear-gradient(-45deg, rgba(4,4,34,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
		  background: linear-gradient(135deg, rgba(4,4,34,1) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#040422', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		  }
		  
		  
		  .door3{position:fixed; width:100%; height:110vh; background:#000; top:0px; right:0px;z-index:999999999999999999;  text-align:center;
		  
		  background: #000000; /* Old browsers */
		  background: -moz-linear-gradient(45deg, #000000 0%, #282828 100%); /* FF3.6-15 */
		  background: -webkit-linear-gradient(45deg, #000000 0%,#282828 100%); /* Chrome10-25,Safari5.1-6 */
		  background: linear-gradient(45deg, #000000 0%,#282828 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#282828',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		  }
		  .door_wrap{position:absolute; top:0px; left:0px; overflow:hidden; width:100%; height:100%; display:block;}
		  .intro1{float:right; margin-top:45vh; padding:25px;}
		  .intro2{float:left; margin-top:45vh; padding:25px;}
		  .intro1 img, .intro2 img{width:100%; max-width:190px;}
		  
		  /***/
		  
		  .centrato{text-align:center;}
		  h1{color:#fff; font-size:7vh; font-weight:600;}	 
		  
		  .img_intro{display:block; float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:100%; margin:0px auto; background-position:right;  height:60vh;}
		  .img_intro_full{display:block; float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:100%; margin:0px auto;  height:100vh; position:relative; top:0px;  }
		  .logo_azienda{position:absolute; top:50vh; left:20px; z-index:99999999999999999999999999999999;}
		  .logo_azienda img{width:180px;}
		  em{ color:#0c1f64;  font-size:13px; line-height:130%;    font-style:normal;}
		  
		  .pre_em{font-size:32px;  color:#0c1f64; display:inline; font-weight:bold; line-height:50%; font-family:"Times New Roman", Times, serif;}
		  .firma{ font-weight:bold; font-size:17px;  color:#000; line-height:120%;  padding:20px;  font-style:oblique;  display: inline-block; vertical-align:middle; }
		  .firma span{font-size:13px;  font-style:normal; color:#000}
		  
		  .firma2{ font-weight:bold; font-size:17px;  color:#fff; line-height:120%;  padding:20px;  font-style:oblique;  display: block; vertical-align:middle; position:absolute;top:35vh; right:20px; text-shadow:1px 1px #000; z-index:99999999999999999999999999999999999;}
		  .firma2 span{font-size:13px;  font-style:normal; color:#fff}
		  
		  .spot_img{display:block; float:left;  width:100%; }
		  #fascia_btn{border-top:1px solid #ccc; margin:40px auto; padding-top:20px; text-align:center;}
		  .btn_fascia:link,.btn_fascia:active,.btn_fascia:visited{ display:inline-block; width:77px; height:44px; padding:1px; padding-bottom:10px; padding-top:10px; color:#fff; background:#161c34; text-decoration:none; font-size:10px; text-align:center;margin-top:2px; line-height:120%; font-weight:700; vertical-align:top;}
		  .btn_fascia:hover{  color:#161c34; background:#fff;}
		  .btn_attivo{ display:inline-block; width:77px; padding:6px; padding-bottom:20px; padding-top:20px;  text-decoration:none; font-size:11px; text-align:center;margin-top:2px; color:#161c34; background:#fff;}
		  .dot {
		  height: 90px;
		  width: 90px;
		  background-color: #bbb;
		  border-radius: 50%;
		  display: inline-block;
		  vertical-align:middle;
		  border:6px solid #fff;
		  margin-bottom:20px;
		  }
		  
		  .go {
		  position:absolute; bottom:30px; left:50%; margin-left:-30px;
		  height: 60px;
		  width: 60px;
		  background-color: none;
		  border-radius: 50%;
		  display: inline-block;
		  vertical-align:middle;
		  border:2px solid #fff;
		  z-index:999999999999999;
		  }
		  
		  	  .go2 {
		  position:absolute; bottom:30px; left:50%; margin-left:-30px;
		  height: 60px;
		  width: 60px;
		  background-color: none;
		  border-radius: 50%;
		  display: inline-block;
		  vertical-align:middle;
		  border:2px solid #000;
		  z-index:999999999999999;
		  }
		  
		  .label_go{font-size:25px; padding:5px; display:block; text-align:center; color:#fff; font-weight:bold;    cursor:pointer; font-size:35px;}
		  .label_go2{font-size:25px; padding:5px; display:block; text-align:center; color:#000; font-weight:bold;    cursor:pointer; font-size:35px;}
		  #sfondo_sezione{
		  background: #ffffff; /* Old browsers */
		  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 58%, #c9c9c9 100%); /* FF3.6-15 */
		  background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 58%,#c9c9c9 100%); /* Chrome10-25,Safari5.1-6 */
		  background: linear-gradient(to bottom, #ffffff 0%,#ffffff 58%,#c9c9c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */}
		  .download_w:link,.download_w:active,.download_w:visited{display:block; padding:8px; color:#ccc; border:2px solid #ccc; width:150px; text-align:center; font-weight:bold; margin-bottom:20px; font-size:14px;}
		  .download:link,.download:active,.download:visited{display:block; padding:8px; color:#14223f; border:2px solid #14223f; width:150px; text-align:center; font-weight:bold; margin-bottom:20px; font-size:14px;}
		  
		  
		  /*tabella normative*/
		  
		  
		  #tbl_normative {
		  margin-top:50px;
		  margin-bottom:40px;
		  vertical-align:middle;
		  border-collapse: collapse;
		  width: 100%;
		  }
		  
		  #tbl_normative td, #tbl_normative th {
		  border: 1px solid #999;
		  
		  }
		  #tbl_normative td{min-width:130px; font-size:11px; font-weight:500;  padding: 5px;}
		  #tbl_normative td:first-child{}
		  #tbl_normative tr{background-color: #fff;}
		  #tbl_normative tr:nth-child(even){background-color: #DEE2EB;}
		  
		  
		  
		  #tbl_normative th {
		  
		  padding: 15px;
		  padding-top: 12px;
		  padding-bottom: 12px;
		  text-align: left;
		  
		  font-weight:300; 
		  font-size:16px;
		  
		  background: #202a50;
		  background: -moz-linear-gradient(top, #202a50 0%, #003d70 100%); /* FF3.6-15 */
		  background: -webkit-linear-gradient(top, #202a50 0%,#003d70 100%); /* Chrome10-25,Safari5.1-6 */
		  background: linear-gradient(to bottom, #202a50 0%,#003d70 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202a50', endColorstr='#003d70',GradientType=0 ); /* IE6-9 */
		  color: white;}
		  
		  /*******/
		  
		  
		  
		  
		  .btn_pdf:link,.btn_pdf:active, .btn_pdf:visited{padding:8px; color:#000; vertical-align:middle; display:block; border:2px solid black; width:160px; margin-bottom:50px; margin-top:-20px; font-size:13px; font-weight:bold;}
		  
		  .collezione{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:inline-block; float:left; width:100%; height:33vh; border:0px; max-width:100%;  cursor:pointer; }
		  .wrap_col{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:inline-block; float:left; width:100%; height:33vh; border:0px; overflow:hidden; }
		  .contenitore_impianti{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
		  
		  /**/
		  .btn_photo{display:block; position:fixed; bottom:46vh; right:-100px;  z-index:99999999999; width:auto;  width:auto; 
		  -webkit-animation-iteration-count:infinite;
			   -ms-transform: rotate(-90deg); /* IE 9 */
		  -webkit-transform: rotate(-90deg); /* Safari */
		  transform: rotate(-90deg);
		  
		  
		  }
		  .btn_photo_db:link,.btn_photo_db:active,.btn_photo_db:visited{  opacity:1;display:block; padding:10px; font-size:15px; background:#000; color:#fff;
		  animation-name:fadeIn;
		  -webkit-animation-duration: 1s;
			animation-duration: 1s;
			animation-direction: alternate-reverse;
			animation-iteration-count:infinite;
		  
		  }
		  .btn_photo_db:hover{opacity:1;animation-name:none; background:#333;}
		  
		  #videoRiam {
		  
		  width:100%;
		  min-height:100%;
		  background-position: center center;
		  background-size: contain;
		  
		  }
		  
		  
		  .wrap_video{display:block; float:left; width:100%; height:40vh; overflow:hidden; }
		  
		  
		  /**/
		  
		  .mobile{display:block;}
		  .desktop{display:none;}
		  #spot_img1{ border-top:1px solid #fff;  border-bottom:1px solid #fff; }
		  #spot_img2{ border-top:1px solid #fff;  border-bottom:1px solid #fff;}
		  #spot_img3{ border-top:1px solid #fff;  border-bottom:1px solid #fff; }
.credits{position:fixed; bottom:0px; width:100%; background:none; color:#999; font-size:12px; padding:3px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:left;}
.credits_site a:link,.credits_site a:visited, .credits_site a:active{color:#666 !important; font-size:12px; }
.credits_site{padding-top:0vh;}
.credits_site i{color:#666 !important;font-size:12px; }
.play_video{position:relative;  border:1px solid white;color:#fff; width:100%;height:99%;top:-98%; display:block; text-align:center; background-image:url(../img/play.png);  background-repeat:no-repeat; background-position:center; }

/*gallery realizzazioni*/
.contenitore_imp a:link, .contenitore_imp a:visited, .contenitore_imp a:active{color:#fff; font-weight:bold;}
.contenitore_imp a:hover{color:#3CF;}

#ci1{background-image:url(../img/copertine/impianti/1.jpg); background-position:bottom; background-size:cover; }
#ci2{background-image:url(../img/copertine/impianti/2.jpg); background-position:bottom; background-size:cover; }
#ci3{background-image:url(../img/copertine/impianti/3.jpg); background-position:bottom; background-size:cover; }
#ci4{background-image:url(../img/copertine/impianti/4.jpg); background-position:bottom; background-size:cover; }
#ci5{background-image:url(../img/copertine/impianti/5.jpg); background-position:bottom; background-size:cover; }
#ci6{background-image:url(../img/copertine/impianti/6.jpg); background-position:bottom; background-size:cover; }
#ci7{background-image:url(../img/copertine/impianti/7.jpg); background-position:bottom; background-size:cover; }
#ci8{background-image:url(../img/copertine/impianti/8.jpg); background-position:bottom; background-size:cover; }
.col_sx{display:block; width:150px; float:left; text-align:left;}
.col_dx{display:block; width:150px; float:right; text-align:right;}

.link_menu_col:link,.link_menu_col:visited,.link_menu_col:active{padding:12px; border:2px solid white; color:#fff; width:70px; text-align:center; display:block; float:left; margin-right:5px;}
.link_menu_col:hover{padding:12px; color:#fff; background:#FFF;width:70px; text-align:center; display:block; float:left; margin-right:5px; }
.link_menu_col_attivo:link,.link_menu_col_attivo:visited,.link_menu_col_attivo:active{padding:14px;  color:#000; background:#FFF;width:70px; text-align:center; display:block; float:left; margin-right:5px;}
.btn_citta{position:fixed; bottom:0px; right:10%; color:#fff; z-index:99999999999; padding:8px; border:2px solid white;}

.link_ombra{box-shadow:1px 1px 10px #666;}
.link_ombra:hover{opacity:.8;}






@media only screen and (min-width: 360px){
				  .firma2{ font-weight:bold; font-size:17px;  color:#fff; line-height:120%;  padding:20px;  font-style:oblique;  display: block; vertical-align:middle; position:absolute;top:35vh; right:140px; text-shadow:1px 1px #000; z-index:99999999999999999999999999999999999;}
				  #tbl_normative td{min-width:150px; font-size:13px; font-weight:500;  padding: 5px;}
				  .dot {  height: 120px;  width: 120px;}	
				  .logo_azienda{position:absolute; top:60vh; left:20px;}
				  .logo_azienda img{width:220px;}
		
}
		
@media only screen and (min-width: 768px){

	.credits_site{padding-top:15vh;}
				  .btn_photo_db:link,.btn_photo_db:active,.btn_photo_db:visited{display:block; padding:10px; font-size:18px; background:#000; color:#fff; }	
				  body{font-family: 'Montserrat', sans-serif; 	font-size:15px;
				  line-height:150%}
				  /* layout impianti*/
								  
								  /**/
										  @keyframes in1{
									  0%{height:100vh;}
									  100%{height:25vh;}
								  }
								  
								  @-webkit-keyframes in1{
									  0%{height:100vh;}
									  100%{height:25vh;}	
								  }
				  
				  .collezione{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:inline-block; float:left; width:100%; height:30vh; border:0px; max-width:100%; }
				  .wrap_col{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:inline-block; float:left; width:25%; height:30vh; border:0px;}
				  .logo_sezione{width:100%; max-width:300px; display:block; margin:0px auto; margin-top:35vh; padding-right:30px; }
				  .firma2{ font-weight:bold; font-size:17px;  color:#fff; line-height:120%;  padding:20px;  font-style:oblique;  display: block; vertical-align:middle; position:absolute;top:65vh; right:120px; text-shadow:1px 1px #000; z-index:99999999999999999999999999999999999;}	
				  .dot {  height: 180px;  width: 180px;}	
				  #fascia_btn{text-align:left;}
				  .btn_fascia:link,.btn_fascia:active,.btn_fascia:visited{display:inline-block; width:150px;  height:60px; padding:15px;  text-decoration:none; font-size:14px; text-align:center; font-weight:bold;}
				  .btn_attivo{display:inline-block; width:115px; padding:11px;  text-decoration:none; font-size:14px; text-align:center; font-weight:bold; color:#161c34; background:#fff; border:0px;}
				  em{  font-size:15px; line-height:130%; }
				  
				  .logo_azienda{position:absolute; top:70px; left:30px;}
				  .logo_azienda img{width:280px;}
				  h1{color:#fff; font-size:5vh;}
				  .wrap_menu{position:absolute; bottom:5vh; left:5%;  width:90%; z-index:999999999999999999; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
				  .btn_menu{display:inline-block; width:170px;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center; color:#fff; font-size:2vh; font-weight:300;  font-family: 'Montserrat', sans-serif;}
				  .logo{width:25vw;top:32vh;}
				  .txt1{position:relative; float:left; width:60%; margin-left:30%; color:#fff; font-family: 'Montserrat', sans-serif; font-size:7vh; line-height:100%; font-weight:500;margin-top:35vh; text-align:left;}
				  
				  .payoff{font-size:30px; margin-top:30px; }
}
		
		
@media only screen and (min-width: 1024px){
	.credits_site{padding-top:0vh;}
				  .firma2{ font-weight:bold; font-size:19px;  color:#fff; line-height:120%;  padding:20px;  font-style:oblique;  display: block; vertical-align:middle; position:absolute;top:55vh; right:120px; text-shadow:1px 1px #000; z-index:99999999999999999999999999999999999;}	
				  .logo_azienda img{width:350px;}
				  .wrap_menu{position:absolute; bottom:5vh; left:5%;  width:90%; z-index:999999999999999999; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
				  .btn_menu{display:inline-block; width:24%;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center; color:#fff; 	}
				  .btn_link:link,.btn_link:visited,.btn_link:active{ color:#fff; font-size:2vh; font-weight:500; font-family: 'Montserrat', sans-serif; display:inline-block; font-weight:600;}
}
		
@media only screen and (min-width: 1280px){
@keyframes roll_c{  0%{height:300px;} 100%{height:250px;}}
@keyframes roll_c1{ 0%{height:250px;} 100%{height:300px;}}
@-webkit-keyframes roll_c{  0%{height:300px;} 100%{height:250px;}}
@-webkit-keyframes roll_c1{ 0%{height:250px;} 100%{height:300px;}}

	.credits_site{padding-top:18vh;}
				  .mobile{display:none;}
				  .desktop{display:block;}
				  .wrap_video{display:block; float:left; width:100%; height:90vh; overflow:hidden; }
				  .mobile{display:none;}
				  .desktop{display:block;}
				  body{font-family: 'Montserrat', sans-serif; 	font-size:16px;
				  line-height:150%}
				  /* layout impianti*/
				  
				  .col50{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:50%; display:block; float:left; min-height:85vh;  padding:80px;}
				  .col100{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:100%; display:block; float:left;}
				  /**/
				  .logo_sezione{width:100%; max-width:400px; display:block; margin:0px auto; margin-top:35vh; padding-right:30px; }
					  .dot {  height: 200px;  width: 200px;}	
				  .logo_azienda{position:absolute; top:20vh; left:30vh;}
				  .logo_azienda img{width:400px;}
				  .img_intro{display:block; float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:100%; margin:0px auto; background-position:70% center; }	
				  .wrap_menu{position:absolute; bottom:5vh; left:5%;  width:90%; z-index:999999999999999999; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
				  .btn_menu{display:inline-block; width:14%;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center; color:#ccc; font-size:2.1vh; font-weight:bold; font-family: 'Montserrat', sans-serif;}
				  .txt1{position:relative; float:right; width:50%; right:5%; color:#fff; font-family: 'Montserrat', sans-serif; font-size:7vh; line-height:100%; font-weight:500;margin-top:31vh; text-align:left; }
				  .logo{width:15vw;top:32vh;}
					.box1{width:100%;  padding:30px;  border-bottom:20px solid #000 ; }
					
					.box2{width:100%; padding:30px;  border-bottom:20px solid #000;}
					.box3{width:100%;  padding:30px;  border-bottom:20px solid #000;}
		
	}
	
@media only screen and (min-width: 1300px){
	
	@keyframes roll_c{  0%{height:300px;} 100%{height:250px;}}
@keyframes roll_c1{ 0%{height:250px;} 100%{height:300px;}}
@-webkit-keyframes roll_c{  0%{height:300px;} 100%{height:250px;}}
@-webkit-keyframes roll_c1{ 0%{height:250px;} 100%{height:300px;}}
			.credits_site{padding-top:18vh;}
	.txt1{position:relative; float:right; width:55%; margin-right:3%; color:#fff; font-family: 'Montserrat', sans-serif; font-size:9vh; line-height:100%; font-weight:500;margin-top:31vh; text-align:left;}
	  .payoff{font-size:30px; margin-top:40px; }
}








 /* Style the Image Used to Trigger the Modal */
#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}


.modal {
    display: none; 
    position: fixed; 
    z-index: 1;
    padding-top: 100px; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.9); 
	cursor:pointer;
}

/* Modal Content (Image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 1280px;
}


#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}


.modal-content, #caption {
    animation-name: zoom;
    animation-duration: 0.6s;
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

@-webkit-keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

.close_modal {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close_modal:hover,
.close_modal:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}


@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
} 


@media (orientation: landscape) {
		 h5{font-size:30px; color:#253c90; text-transform:uppercase;}
			 .btn_link_target{display:block; padding:12px;  background:#253c90; color:#fff; font-weight:bold; text-align:center; width:250px; margin:0px;}
			 .link_target{text-decoration:none; color:#253c90; }
}


@media (orientation: portrait) {
		 h5{font-size:30px; color:#253c90; text-transform:uppercase;}
			 .btn_link_target{display:block; padding:12px;  background:#253c90; color:#fff; font-weight:bold; text-align:center; width:250px; margin:0px;}
			 .link_target{text-decoration:none; color:#253c90; }
}

#sfondo_sezione{z-index:0 !important;}