body, html {
  padding:0;
  margin:0;
}

#cover {
  width:100%;
  height:100vh;
  background-color: white;
}

#topslide {
  width:100%;
  height:100vh;
}

.topslide {
  width:100%;
  height:100vh  !important;
}

.freccias {
  color:white !important;
  background-color: #4CC0C0;
  transform: translate(-50%, -50%);
  display: table;
  width: -moz-max-content;
  max-width: 100%;
  box-sizing: border-box;
  transition:0.3s;
  border-radius: 25px;
  top:93%;
  left:40px;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 14px;
  padding-right: 14px;
}

@media screen and (max-width:576px) {
  .freccias {
    display: none;
  }
}

.frecciad {
  color:white !important;
  background-color: #4CC0C0;
  transform: translate(-50%, -50%);
  display: table;
  width: -moz-max-content;
  max-width: 100%;
  box-sizing: border-box;
  transition:0.3s;
  border-radius: 25px;
  top:93%;
  left:90px;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 14px;
  padding-right: 14px;
}

@media screen and (max-width:576px) {
  .frecciad {
    display: none;
  }
}

.freccias:hover {
  background-color: #55b5d0 !important;
  transition:0.3s;
  opacity:1;
}

.frecciad:hover {
  background-color: #55b5d0 !important;
  transition:0.3s;
  opacity:1;
}

.palla {
  position:absolute;
  width:270px;
  height:270px;
  background-color: #4CC0C0;
  border-radius: 50%;
  z-index: 2;
  bottom: 5%;
  left:40px;
}

@media screen and (max-width:576px) {
  .palla {
    display: none;
  }
}

#h1 {
  padding-top: 110px;
  color: white;
  font-size: 40px;
  text-align: center;
  font-family: montserrat, sans-serif;
}

.rettangolo {
  display: none;
  position:absolute;
  width:260px;
  height:90px;
  z-index: 2;
  background-color: #4CC0C0;
  transform: translate(-50%,-50%);
  left:50%;
  bottom:0;
}

@media screen and (max-width:576px) {
  .rettangolo {
    display: block;
  }
}

#h12 {
  padding-top: 25px;
  color: white;
  font-size: 32px ;
  text-align: center;
  font-family: montserrat, sans-serif;
}

.uk-button {
  padding: 0px;
}

.menubutton {
  position: absolute;
  top:20px;
  left:30px;
  z-index: 2;
}

.lightbutton {
  width: 50px !important;
  height: 50px !important;
  background-color: #4CC0C0 !important;
  border-radius: 25px;
  border: none;
  cursor: pointer;
  transition: 0.3s;
}

.lightbutton:focus, .lightbutton:active {
  outline: none !important;
}

.lightbutton:hover {
  background-color: #55b5d0 !important;
  transition: 0.3s;
}

.linea {
  border-radius: 3px;
  width: 100%;
  height: 5px;
  background-color: white;
  margin-top: 3px;
  margin-bottom: 3px;
}

.box {
  display: none;
  position:absolute;
  width: 100%;
  height:100vh;
  top:0;
  background-color: white;
  opacity: 0.5;
}

.boxmenu {
  display: none;
  position: absolute;
  left:50%;
  top:45%;
  transform: translate(-50%,-50%);
  z-index: 5;
}

@media screen and (max-width: 600px) {
  .box, .boxmenu {
    display: none;
  }
}

.boxwrap {
  width: 200px;
  padding-top: 10px;
}

.link {
  text-align: center;
  background-color: #4CC0C0;
  margin-left: auto;
  margin-right: auto;
  width:22px;
  font-size: 15px;
  color:white !important;
  border-radius: 22px;
  padding-left: 5px !important;
  padding-right: 5px !important;
  padding-top: 3px !important;
  padding-bottom: 7px !important;
  margin-bottom: 10px;
}

.link1 {
  color:white !important;
  font-size: 12px;
  line-height: 14px;
  font-family: muli, sans-serif;
  font-weight: 400;
  text-align: center;
  background-color: #4CC0C0;
  margin-top: 2px;
}

.link2 {
  color:#7F7F7F;
  font-size: 12px;
  line-height: 14px;
  font-family: muli, sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  text-align: center;
  background-color: white;
  margin-top: 2px;
}

.link2:hover {
  background-color: #4CC0C0;
  color:white !important;
}

.uk-nav>li>a  {
  padding:13px;
}

.videowrap {
  position: absolute;
  top:20px;
  left:90px;
  z-index: 2;
  width: 50px;
  height: 50px;
  background: url("../images/play.png") no-repeat;
  background-size: cover;
  cursor: pointer;
  transition: 0.5s;
}

.videowrap:hover {
  background: url("../images/play-over.png") no-repeat;
  background-size: cover;
  cursor: pointer;
  transition: 0.5s;
}

.logo {
  position: absolute;
  top:40px;
  right:40px;
  width: 190px;
  height: 100px;
  z-index: 2;
}

@media screen and (max-width:576px) {
  .logo {
    display: none;
  }
}

.logo2 {
  display: none;
  position: absolute;
  width: 140px;
  height: 70px;
  transform: translate(-50%,-50%);
  left:50%;
  z-index: 2;
  bottom:0;
  padding-bottom:80px;
}

@media screen and (max-width:576px) {
  .logo2 {
    display: block;
  }
}

.lingue {
  z-index: 2;
  background-color: white;
  width:95px;
  height:22px;
  border-radius:0 0 12px 12px;
  position: absolute;
  top:0;
  right:10px;
  opacity: 0.7;
}

.inline {
  display: inline-block;
}

#ul {
  z-index: 3;
  margin-left: -15px;
  margin-top: -2px;
  position: absolute;
  top:0;
  right:23px;
}

.point {
  display: inline-block;
  color:#7F7F7F;
  font-size:12px;
}

.li {
  text-decoration:none;
  display: inline-block;
  color:#7F7F7F;
  font-size: 12px;
  cursor: pointer;
}

.li:hover {
  color:#7F7F7F;
  text-decoration:none;
  cursor: pointer;
}

.arrowwrap {
  width:50px;
  height:50px;
  position: absolute;
  z-index: 2;
  top:94%;
  transform: translate(-50%,-50%);
  left:50%;
}

@media screen and (max-width:620px) {
  .arrowwrap {
    display: none;
  }
}

#arrow {
  width: 50px;
}

.map {
  height: 500px;
}

@media screen and (max-width:576px) {
  .map {
    height: 270px;
  }
}

iframe {
  height:460px;
  border-top: #EAEAEA solid 1px;
}

@media screen and (max-width:620px) {
  iframe {
    height:730px;
  }
}