body{height:auto !important}
html {
  scroll-behavior: smooth;
}
.skrollable {
	position:fixed;z-index:100;
}

.skrollr-mobile .skrollable {
	position:absolute;
}

.skrollable .skrollable {
	position:absolute;
}

.skrollable .skrollable .skrollable {
	position:static;
}

.skrollr-desktop #scrollbar {display:none;}
#intro {
	width:auto;
	height:80vh;left: 50%;

transform: translateX(-50%);
	background:#fff;
	text-align:center;
	-webkit-transform-origin:0 0;
	-moz-transform-origin:0 0;
	-ms-transform-origin:0 0;
	-o-transform-origin:0 0;
	transform-origin:0 0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#transform {
	width:50vw;
	height:50vh;
	text-align:center;
	font-size:150%;
}

#properties {
	width:16vw;
	height:80vh;
	left:42vw;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#properties0 {
	width:auto;
	height:80vh;
	left:50%;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#properties1 {
	width:auto;
	height:80vh;
	left: 50%;
	transform: translateX(-100%);
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#properties2 {
	width:auto;
	height:80vh;
	left:50%;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#properties3 {
	width:auto;
	height:80vh;
	left: 50.1%;
	transform: translateX(-100%);
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#intro-f {
	width:auto;
	height:80vh;left: 50%;

transform: translateX(-50%);
	background:#fff;
	text-align:center;
	-webkit-transform-origin:0 0;
	-moz-transform-origin:0 0;
	-ms-transform-origin:0 0;
	-o-transform-origin:0 0;
	transform-origin:0 0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#transform-f {
	width:50vw;
	height:50vh;
	text-align:center;
	font-size:150%;
}

#properties-f {
	width:16vw;
	height:80vh;
	left:42vw;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#properties0-f {
	width:auto;
	height:80vh;
	left:50%;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#properties1-f {
	width:auto;
	height:80vh;
	left: 50%;
	transform: translateX(-100%);
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#properties2-f {
	width:auto;
	height:80vh;
	left:50%;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#properties3-f {
	width:auto;
	height:80vh;
	left: 50.1%;
	transform: translateX(-100%);
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


#intro-ftr {
	width:auto;
	height:80vh;left: 50%;

transform: translateX(-50%);
	background:#fff;
	text-align:center;
	-webkit-transform-origin:0 0;
	-moz-transform-origin:0 0;
	-ms-transform-origin:0 0;
	-o-transform-origin:0 0;
	transform-origin:0 0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#transform-ftr {
	width:50vw;
	height:50vh;
	text-align:center;
	font-size:150%;
}

#properties-ftr {
	width:16vw;
	height:80vh;
	left:42vw;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#properties0-ftr {
	width:auto;
	height:80vh;
	left:50%;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#properties1-ftr {
	width:auto;
	height:80vh;
	left: 50%;
	transform: translateX(-100%);
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#properties2-ftr {
	width:auto;
	height:80vh;
	left:50%;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#properties3-ftr {
	width:auto;
	height:80vh;
	left: 50.1%;
	transform: translateX(-100%);
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


#intro-px {
	width:auto;
	height:80vh;left: 50%;

transform: translateX(-50%);
	background:#fff;
	text-align:center;
	-webkit-transform-origin:0 0;
	-moz-transform-origin:0 0;
	-ms-transform-origin:0 0;
	-o-transform-origin:0 0;
	transform-origin:0 0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#transform-px {
	width:50vw;
	height:50vh;
	text-align:center;
	font-size:150%;
}

#properties-px {
	width:16vw;
	height:80vh;
	left:42vw;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#properties0-px {
	width:auto;
	height:80vh;
	left:50%;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#properties1-px {
	width:auto;
	height:80vh;
	left: 50%;
	transform: translateX(-100%);
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#properties2-px {
	width:auto;
	height:80vh;
	left:50%;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#properties3-px {
	width:auto;
	height:80vh;
	left: 50.1%;
	transform: translateX(-100%);
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.btnbtn{width:40px;height:40px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;background:transparent; border:4px solid #ffffff;pointer-events: none;
top: 46vh;left: 46vw;}
.btnbtn-2{width:40px;height:40px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;background:transparent; border:4px solid #ffffff;pointer-events: none;
top: 45vh;left: 45vw;}
.btnbtn-3{width:40px;height:40px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;background:transparent; border:4px solid #ffffff;pointer-events: none;
top: 79vh;left: 44vw;}

.btnbtn-interno-1{width:40px;height:40px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;background:transparent; border:4px solid #ffffff;pointer-events: none;
top: 83vh;left: 49.7%; transform:translateX(-50%)}
.btnbtn-interno-2{width:40px;height:40px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;background:transparent; border:4px solid #ffffff;pointer-events: none;
top: 63vh;left: 47.5%; transform:translateX(-50%)}
.btnbtn-interno-3{width:40px;height:40px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;background:transparent; border:4px solid #ffffff;pointer-events: none;
top: 72vh;left: 49.7%; transform:translateX(-50%);}
.btnbtn-interno-4{width:40px;height:40px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;background:transparent; border:4px solid #ffffff;pointer-events: none;
top: 77vh;left: 49.7%; transform:translateX(-50%);}

#tab-f .btnbtn{top:59vh;left:45.5vw;}
#tab-f .btnbtn-interno-1{top:77vh;left:48.5vw;}
#tab-f .btnbtn-interno-2{top:49vh;left:46.5vw;}
#tab-f .btnbtn-interno-3{top:61vh;left:49.5vw;}
#tab-f .btnbtn-interno-4{top:68vh;left:49.5vw;}

#tab-ftr .btnbtn-interno-1{top:79vh;left:49.7vw;}
#tab-ftr .btnbtn-interno-2{top:60vh;left:47.5vw;}
#tab-ftr .btnbtn-interno-3{top:68vh;left:49.7vw;}
#tab-ftr .btnbtn-interno-4{top:73.5vh;left:49.7vw;}

#tab-px .btnbtn-interno-1{top:84.5vh;left:50.7vw;}
#tab-px .btnbtn-interno-2{top:68vh;left:49.5vw;}
#tab-px .btnbtn-interno-3{top:77vh;left:49.7vw;}

@media(max-width:992px){
.btnbtn{width:40px;height:40px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;background:transparent; border:4px solid #ffffff;pointer-events: none;
top: 48.5vh;left: 43vw;}
.btnbtn-2{width:40px;height:40px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;background:transparent; border:4px solid #ffffff;pointer-events: none;
top: 45vh;left: 42vw;}
.btnbtn-3{width:40px;height:40px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;background:transparent; border:4px solid #ffffff;pointer-events: none;
top: 80vh;left: 35vw;}

.btnbtn-interno-1{width:40px;height:40px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;background:transparent; border:4px solid #ffffff;pointer-events: none;
top: 83vh;left: 50.7%; transform:translateX(-50%)}
.btnbtn-interno-2{width:40px;height:40px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;background:transparent; border:4px solid #ffffff;pointer-events: none;
top: 63vh;left: 43.5%; transform:translateX(-50%)}
.btnbtn-interno-3{width:40px;height:40px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;background:transparent; border:4px solid #ffffff;pointer-events: none;
top: 73vh;left: 48.7%; transform:translateX(-50%);}
.btnbtn-interno-4{width:40px;height:40px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;background:transparent; border:4px solid #ffffff;pointer-events: none;
top: 78vh;left: 49.4%; transform:translateX(-50%);}
    
    
#tab-f .btnbtn{top:60vh;left:38.5vw;}
#tab-f .btnbtn-interno-1{top:77vh;left:48.5vw;}
#tab-f .btnbtn-interno-2{top:49vh;left:41.5vw;}
#tab-f .btnbtn-interno-3{top:61vh;left:49.5vw;}
#tab-f .btnbtn-interno-4{top:68vh;left:49.5vw;}

#tab-ftr .btnbtn-interno-1{top:79vh;left:49.7vw;}
#tab-ftr .btnbtn-interno-2{top:60vh;left:43.5vw;}
#tab-ftr .btnbtn-interno-3{top:68vh;left:49.7vw;}
#tab-ftr .btnbtn-interno-4{top:73.5vh;left:49.7vw;}

#tab-px .btnbtn-interno-1{top:84.5vh;left:50.7vw;}
#tab-px .btnbtn-interno-2{top:68vh;left:49.5vw;}
#tab-px .btnbtn-interno-3{top:77vh;left:49.7vw;}    
/*.btnbtn{width:40px;height:40px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;background:transparent; border:4px solid #ffffff;
top: 48vh;left: 58vw;}
.btnbtn-2{width:40px;height:40px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;background:transparent; border:4px solid #ffffff;
top: 58vh;left: 40vw;}
.btnbtn-3{width:40px;height:40px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;background:transparent; border:4px solid #ffffff;
top: 85vh;left: 40vw;}
.btnbtn-interno-1{width:40px;height:40px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;background:transparent; border:4px solid #ffffff;
top: 92vh;left: 50vw; transform:translateX(-50%)}
.btnbtn-interno-2{width:40px;height:40px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;background:transparent; border:4px solid #ffffff;
top: 62vh;left: 62vw; transform:translateX(-50%)}
.btnbtn-interno-3{width:40px;height:40px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;background:transparent; border:4px solid #ffffff;
top: 85vh;left: 45vw; transform:translateX(-50%);}
.btnbtn-interno-4{width:40px;height:40px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;background:transparent; border:4px solid #ffffff;
top: 85vh;left: 55vw; transform:translateX(-50%);}*/

.metodo-testo{width:35%; text-align:left;padding:20px;background-color:#ffffff;}
	.metodo-testo-girante{width:45%;}
	
	
#intro,#properties,#properties0,#properties1,#properties2,#properties3 {height:80vh;}
#intro-f,#properties-f,#properties0-f,#properties1-f,#properties2-f,#properties3-f {height:80vh;}	
#intro-ftr,#properties-ftr,#properties0-ftr,#properties1-ftr,#properties2-ftr,#properties3-ftr {height:80vh;}	
#intro-px,#properties-px,#properties0-px,#properties1-px,#properties2-px,#properties3-px {height:80vh;}	

}
@media(max-width:767px){
.metodo #metodo-costruttivo h2{font-size:3.4rem;}
.metodo #metodo-costruttivo h2{padding-bottom:10px;}
.metodo-testo{width:60%;}
/*.metodo #metodo-costruttivo h6{display:none}*/
/*
.btnbtn{width:30px;height:30px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;background:transparent; border:3px solid #ffffff;
top: 48vh;left: 58vw;}
.btnbtn-2{width:30px;height:30px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;background:transparent; border:3px solid #ffffff;
top: 58vh;left: 40vw;}
.btnbtn-3{width:30px;height:30px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;background:transparent; border:3px solid #ffffff;
top: 85vh;left: 40vw;}
.btnbtn-interno-1{width:30px;height:30px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;background:transparent; border:3px solid #ffffff;
top: 92vh;left: 50vw; transform:translateX(-50%)}
.btnbtn-interno-2{width:30px;height:30px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;background:transparent; border:3px solid #ffffff;
top: 62vh;left: 62vw; transform:translateX(-50%)}
.btnbtn-interno-3{width:30px;height:30px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;background:transparent; border:3px solid #ffffff;
top: 85vh;left: 45vw; transform:translateX(-50%);}
.btnbtn-interno-4{width:30px;height:30px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;background:transparent; border:3px solid #ffffff;
top: 85vh;left: 55vw; transform:translateX(-50%);}*/
    
    
.btnbtn{width:26px;height:26px;border-radius:13px;-moz-border-radius:13px;-webkit-border-radius:13px;background:transparent; border:3px solid #ffffff;pointer-events: none;
top: 49vh;left: 41vw;}
.btnbtn-2{width:26px;height:26px;border-radius:13px;-moz-border-radius:13px;-webkit-border-radius:13px;background:transparent; border:3px solid #ffffff;pointer-events: none;
top: 80vh;left: 30vw;}
.btnbtn-3{width:26px;height:26px;border-radius:13px;-moz-border-radius:13px;-webkit-border-radius:13px;background:transparent; border:3px solid #ffffff;pointer-events: none;
top: 80vh;left: 30vw;}

.btnbtn-interno-1{width:26px;height:26px;border-radius:13px;-moz-border-radius:13px;-webkit-border-radius:13px;background:transparent; border:3px solid #ffffff;pointer-events: none;
top: 83vh;left: 49.7%; transform:translateX(-50%)}
.btnbtn-interno-2{width:26px;height:26px;border-radius:13px;-moz-border-radius:13px;-webkit-border-radius:13px;background:transparent; border:3px solid #ffffff;pointer-events: none;
top: 63vh;left: 41.5%; transform:translateX(-50%)}
.btnbtn-interno-3{width:26px;height:26px;border-radius:13px;-moz-border-radius:13px;-webkit-border-radius:13px;background:transparent; border:3px solid #ffffff;pointer-events: none;
top: 73vh;left: 49.7%; transform:translateX(-50%);}
.btnbtn-interno-4{width:26px;height:26px;border-radius:13px;-moz-border-radius:13px;-webkit-border-radius:13px;background:transparent; border:3px solid #ffffff;pointer-events: none;
top: 78vh;left: 49.7%; transform:translateX(-50%);}

#tab-f .btnbtn{top:59vh;left:34.5vw;}
#tab-f .btnbtn-interno-1{top:77vh;left:46.5vw;}
#tab-f .btnbtn-interno-2{top:49vh;left:37.5vw;}
#tab-f .btnbtn-interno-3{top:61vh;left:49.5vw;}
#tab-f .btnbtn-interno-4{top:68vh;left:49.5vw;}

#tab-ftr .btnbtn-interno-1{top:79vh;left:49.7vw;}
#tab-ftr .btnbtn-interno-2{top:60vh;left:41.5vw;}
#tab-ftr .btnbtn-interno-3{top:69vh;left:49.7vw;}
#tab-ftr .btnbtn-interno-4{top:74vh;left:49.7vw;}

#tab-px .btnbtn-interno-1{top:84.5vh;left:50.7vw;}
#tab-px .btnbtn-interno-2{top:68vh;left:49.5vw;}
#tab-px .btnbtn-interno-3{top:77vh;left:49.7vw;}    
    
.metodo-testo{padding:0px;background-color:#ffffff;}

#intro,#properties,#properties0,#properties1,#properties2,#properties3 {height:80vh;}
#intro-f,#properties-f,#properties0-f,#properties1-f,#properties2-f,#properties3-f {height:80vh;}	
#intro-ftr,#properties-ftr,#properties0-ftr,#properties1-ftr,#properties2-ftr,#properties3-ftr {height:80vh;}	
#intro-px,#properties-px,#properties0-px,#properties1-px,#properties2-px,#properties3-px {height:80vh;}	


}