/* line 1, /root/app/app/assets/stylesheets/navigation.scss */
.navi {
  height: 100px;
  padding-top: 45px;
  cursor: pointer;
}

/* line 8, /root/app/app/assets/stylesheets/navigation.scss */
.opennav {
  position: fixed;
  -webkit-backdrop-filter: blur(10px);
  /* Safari 9+ */
  backdrop-filter: blur(10px);
  /* Chrome and Opera */
  z-index: 10;
  padding: 50px 0px;
  font-size: 15px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
  margin-left: -1px !important;
}
/* line 19, /root/app/app/assets/stylesheets/navigation.scss */
.opennav p {
  line-height: 30px;
  max-width: 500px;
  margin: 0px auto;
}
/* line 25, /root/app/app/assets/stylesheets/navigation.scss */
.opennav a {
  color: #ffffff;
  display: block;
  max-width: 500px;
  padding: 5px 0px;
}
/* line 31, /root/app/app/assets/stylesheets/navigation.scss */
.opennav a:hover {
  text-decoration: none;
  color: #000000;
  transition: 0.7s;
}

/* line 40, /root/app/app/assets/stylesheets/navigation.scss */
.opennav.black {
  background: none;
  -webkit-backdrop-filter: none;
  background-color: rgba(255, 255, 255, 0.8) !important;
  -webkit-backdrop-filter: blur(5px);
  /* Safari 9+ */
  -moz-backdrop-filter: blur(2px);
  backdrop-filter: blur(5px);
  /* Chrome and Opera */
  z-index: 30;
  padding: 50px 0px;
}
/* line 51, /root/app/app/assets/stylesheets/navigation.scss */
.opennav.black p {
  line-height: 30px;
}
/* line 55, /root/app/app/assets/stylesheets/navigation.scss */
.opennav.black a {
  color: #000000;
}
/* line 58, /root/app/app/assets/stylesheets/navigation.scss */
.opennav.black a:hover {
  text-decoration: none;
  color: #666666;
  transition: 0.7s;
}