html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
body {
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
color: #000;
}
a, a:link, a:visited, a:active {
color: #000;
text-decoration: none;
}
.frame {
width: 100%;
height: auto;
min-height: 95%;
background: rgba(255, 255, 255, 1);
margin: 0 auto;
}
#langbox {
text-align: right;
width: 95%;
margin: 0 auto;
}
#langbox ul {
list-style: none;
margin: 0;
padding: 0;
}
#langbox li {
display: inline-block;
float: right;
margin: 0.5vw;
}
#header {
width: 95%;
margin: 0 auto;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
.left {
float: left;
}
.right {
float: right;
}
.logo {
height: auto;
max-width: 50% !important;
overflow: hidden;
}
.logo img {
max-width: 15vw;
height: auto;
float: left;
}
.head-contact {
height: 20vh;
line-height: 10vh;
font-size: 1.4vw;
margin-right: 2%;
}
#head-tel-list li, p {
display: inline-block;
margin: 1vh;
line-height: 18px;
}
.main-menu {
text-align: right;
margin-right: 2%;
}
.main-menu li {
display: inline-block;
margin: 1vh;
font-size: 1.2vw;
}
.flex {
position: fixed;
top: 0;
left: 0;
z-index: 999;
background-color: #fff;
width: 100%;
display: block;
}
.hidden {
display: none;
}
.dash {
font-weight: 100;
}
#slider {
width: 100%;
height: auto;
overflow: hidden !important;
position: relative !important;
}
#slider img {
width: 100%;
height: auto;
float: left;
top: 0;
left: 0;
}
.show {
opacity: 1;
z-index: 9;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;
}
.hide {
position: absolute;
z-index: 0;
opacity: 0;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;
}
#content {
width: 80%;
margin: 0 auto;
margin-bottom: 5vh;
font-size: 1.1em;
}
#content h1, p {
text-indent: 1vw;
}
#content p {
text-align: justify;
}
footer {
width: 100%;
max-height: 200px;
}
#foot-map {
width: 100%;
}
#foot-desc {
width: 80%;
min-height: 20vh;
margin: 0 auto;
display: block;
}
#foot-desc p {
display: block;
text-indent: 0;
}
.foot-logo {
float: left;
width: 20%;
display: block;
}
.foot-logo img {
width: 100%;
height: auto;
}
.foot-info {
display: block;
width: 40%;
float: left;
padding-bottom: 5vh;
}
.dott {
list-style: square;
}
#cookies {
position: fixed;
bottom: 10%;
right: 10%;
width: auto;
height: auto;
cursor: pointer;
background-color: #fff;
border: 1px solid #000;
text-align: center;
}