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

a {
  font-family: museo-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
}

.logo {
  background-color: white;
  margin-left: auto;
  margin-right: auto;
  width:200px;
  margin-top: 10px;
  margin-bottom: 10px;
  z-index: 2;
}

.logowrap {
  position: absolute;
  width: 100%;
  height:65px;
  z-index: 2;
  background-color: white;
}

.uk-navbar-container {
  position: absolute;
  top:65px;
  z-index: 2 !important;
}

@media screen and (max-width: 900px) {
  .uk-navbar-container {
    display:none;
  }
}

.uk-navbar-item,
.uk-navbar-nav>li>a,
.uk-navbar-toggle {
  height: 40px;
}

.uk-navbar {
  background-color: #958eb4 !important;
  width: 100%;
}

.active {
  color:white !important;
  font-size:14px !important;
  padding-left: 12px!important;
  padding-right: 12px!important;
  white-space:nowrap;
}

.linknav {
  color:#37425C !important;
  font-size:14px !important;
  padding-left: 12px!important;
  padding-right: 12px!important;
  white-space:nowrap;
}

.linknav:hover {
  background-color:#4b475a !important;
  border-radius: 5px;
  color: #cac6d9 !important;
}

.uk-navbar-dropdown {
  top:25px !important;
  width:150px !important;
  padding:0;
}

.linknavdrop {
  background-color:#37425C;
  color:white !important;
  text-align: center;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.linknavdrop:hover {
  background-color: #958eb4;
}

.offcanvaswrap {
  top:65px;
  position: absolute;
  width:100%;
  background-color: #958eb4;
  height: 40px;
  display: none;
  z-index: 2;
}

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

.button {
  decoration:none;
  border:none;
  background-color: #958eb4;
  height:40px;
  cursor: pointer;
}

.button:focus, .button:active {
   outline: none !important;
   box-shadow: none;
}

#menuimg {
  height:36px;
  opacity:0.5;
  transition:0.6s
}

#menuimg:hover {
  opacity:0.7;
  transition:0.6s
}

.uk-open>.uk-offcanvas-bar {
  background-color:#958eb4 !important;
  opacity:1 !important;
}

.linknav2 {
  padding-left:20px !important;
  border-radius: 5px;
  color:#37425C !important;
}

.linknav2:hover {
  background-color:#4b475a !important;
  color: #cac6d9 !important;
}

.active2 {
  color:white !important;
  padding-left:20px !important;
}

#firstlink {
  margin-top: 40px !important;
}


.linknavdrop2 {
  color:#37425C !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-left: 20px !important;
}

.linknavdrop2:hover {
  background-color:#4b475a !important;
  color: #cac6d9 !important;
  border-radius: 5px;
}

.uk-offcanvas-bar{
  display:none;
  padding: 0 !important;
}

@media screen and (max-width: 900px) {
.uk-offcanvas-bar {
  display: block!important;
  width: 220px;
  }
}

#camere {
  cursor:default;
}

.aside {
  width:130px;
  position: absolute;
  top:110px;
  right:0px;
  z-index: 2;
}

.liaside {
  list-style-type: none;
  background-color:white;
  height:45px;
}

.liaside:not(:first-child) {
  margin-top: 5px;
}

.liaside:hover {
  background-color:#958eb4;
}

.lightbutton {
  padding-left:10px !important;
  padding-top: 4px;
  border: none !important;
  text-transform: capitalize !important;
  font-size:16px;
}

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

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

.dotnav {
  top:95%;
  opacity:0.9;
}

@media screen and (max-width: 768px){
  .uk-dotnav>* {
    padding-left: 6px;
    padding-bottom: 10px;
  }
}

.uk-dotnav>*>* {
  background-color: white !important;
}

.uk-dotnav > * > :active {
  background-color: #4b475a !important;
}

.uk-dotnav > .uk-active > * {
  background-color: #4b475a  !important;
}

.freccia {
  background-color: white !important;
  padding-right:10px !important;
  padding-left:10px !important;
  border-radius: 50px;
  opacity:0.8;
  color:#958eb4 !important;
  transform: translateY(-0px) !important;
}