body {
background-color: white;
margin: 0 auto;
overflow: auto;
}

a { color: white; text-decoration : none; }
a:active { color: white; }
a:visited { color: white; }


@font-face {
   font-family: 'font_name';
   src: url(1.otf);
   src: local('font_name'), url('1.otf') format('truetype');
}

#menu {
position: fixed;
background-color: black;
width: 100%;
height: 56px;
top: 30px;
z-index: 10;
}

.button {
position: relative;
background-color: black;
text-align: center;
width: 20%;
height: 100%;
float: left;
}

.testo-menu {
color: #D0D0D0;
font-family: font_name, Verdana, sans-serif;
font-size: 32px;
font-weight: bold;
font-style: normal;
line-height: 0px;
cursor: pointer;
}
.testo-menu:hover {
color: white;
transition-duration: 1s;
}

.margin-menu {
position: relative;
background-color: black;
width: 12.5%;
height: 100%;
float: left;
}

.lineamenu {
position: fixed;
background-color: red;
width: 100%;
height: 1px;
margin: 0 auto;
top: 5%;
z-index: 10;
}

.sfondo {
position: fixed;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
height: 100%;
}

#sfondo-home {
background-image: url(1.jpg);
}

#velo {
background-image: url(5.jpg);
opacity: 0.4;
}

#onda {
background-image: url(.gif);
opacity: 0.4;
}

.logo-box {
position: absolute;
background-color: trasparent;
overflow: auto;
width: 100%;
height: 100%;
margin: 0 auto;
top: 30px;
z-index: 2;
}

#logo {
position: relative;
background-color: trasparent;
background-image: url(1.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
overflow: auto;
width: 95%;
height: 70%;
left: 2.5%;
top: 10%;
}

#titolo {
position: relative;
background-color: black;
text-align: center;
overflow: hidden;
width: 100%;
height: 50px;
top: 15%;
}

#titolo2 {
position: relative;
background-color: green;
text-align: center;
overflow: hidden;
width: 100%;
height: 130px;
color: white;
font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
font-size: 40px;
font-weight: bold;
font-style: normal;
text-decoration: none;
}

#titolo3 {
position: relative;
background-color: black;
text-align: center;
overflow: hidden;
width: 100%;
height: 70px;
top: 15%;
}

#titolo4 {
position: relative;
background-color: #cc0000;
text-align: center;
overflow: hidden;
width: 100%;
height: 130px;
color: white;
font-family: font_name, Verdana, sans-serif;
font-size: 40px;
font-weight: bold;
font-style: normal;
text-decoration: underline;
}

.titolo {
color: white;
font-family: font_name, Verdana, sans-serif;
font-size: 34px;
font-weight: bold;
font-style: normal;
line-height: 50px;
text-align: center;
text-decoration: none;
margin-top: 0;
}

.titolo2 {
color: white;
font-family: font_name, Verdana, sans-serif;
font-size: 42px;
font-weight: bold;
font-style: normal;
line-height: 70px;
text-align: center;
text-decoration: none;
margin-top: 0;
}

.titolo4 {
color: white;
font-family: font_name, Verdana, sans-serif;
font-size: 42px;
font-weight: bold;
font-style: normal;
line-height: 70px;
text-align: center;
text-decoration: underline;
margin-top: 0;
}

.linea {
position: relative;
background-color: white;
width: 100%;
height: 3px;
margin: 0 auto;
}

.box-contenuti {
position: absolute;
background-color: black;
overflow: auto;
width: 100%;
margin: 0 auto;
overflow: auto;
z-index: 2;
opacity: 0.8;
}

#box1 {
top: 100%;
opacity: 0.7;
}

.box-testo {
position: relative;
background-color: black;
color: white;
text-align: center;
width: 75%;
min-width: 480px;
overflow: auto;
opacity: 1;
margin: 0 auto;
z-index: 10;
}

.testo{
color: white;
font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
font-size: 30px;
font-weight: 100;
font-style: none;
line-height: 25.2px;
text-align: justify;
text-decoration: none;
margin-left: 50px;
margin-right: 50px;
}

.video-wrap {
position: relative;
width: 75%;
margin: auto;
min-width: 460px;
max-width: 1000px;
opacity: 1;
}

.video-box {
position: absolute;
background-color: green;
overflow: auto;
width: 75%;
height: 85%;
margin: auto;
min-width: 460px;
max-width: 1000px;
top: 100%;
z-index: 2;
overflow-x: hidden;
overflow-y: hidden;
}

.video {
display: block;
object-fit: cover;
width: 100%;
height: 100%;
}

.box-foto {
position: relative;
background-color: black;
overflow: hidden;
width: 75%;
margin: auto;
margin-bottom: 5px;
min-width: 460px;
max-width: 1000px;
cursor: pointer;
}

.box-foto-gear {
position: relative;
background-color: black;
overflow: hidden;
width: 90%;
margin: auto;
margin-bottom: 5px;
min-width: 460px;
max-width: 1000px;
cursor: pointer;
}

.foto {
position: relative;
width: 32%;
float: left;
margin: 0 auto;
}

.fotogear {
position: relative;
width: 19.2%;
float: left;
margin: 0 auto;
}

.margin-foto {
position: relative;
height: 5px;
width: 1%;
float: left;
}

#footer {
position: relative;
background-color: black;
width: 100%;
height: 203px;
bottom: 0%;
overflow: auto;
margin: 0 auto;
}

#linea1 {
position: relative;
background-color: black;
width: 100%;
height: 20px;
top: 0px;
opacity: 1;
z-index: 10;
}

.marginfooter {
position: relative;
background-color: black;
width: 33%;
height: 60px;
float: left;
top: 0px;
}

.social {
position: relative;
background-color: black;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
width: 7%;
height: 60px;
float: left;
top: 0px;
}

.marginfooter2 {
position: relative;
background-color: black;
width: 2%;
height: 60px;
float: left;
top: 0px;
}

#facebook {
background-image: url(icon1.png);
cursor: pointer;
}

#youtube {
background-image: url(icon2.png);
cursor: pointer;
}

#instagram {
background-image: url(icon3.png);
cursor: pointer;
}

#whatsapp {
background-image: url(icon4.png);
cursor: pointer;
}

#interlinea {
position: relative;
background-color: red;
width: 100%;
height: 3px;
top: 60px;
}

#linea2 {
position: relative;
background-color: black;
width: 100%;
height: 20px;
top: 60px;
opacity: 1;
z-index: 10;
}

#firma {
position: relative;
background-color: black;
color: white;
text-align: center;
width: 100%;
height: 100px;
top: 47px;
margin-top: 0px;
color: #D0D0D0;
font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: 20px;
}