.navbar {
  padding: 2em;
  font-family: 'Ubuntu';
  position: absolute;
  width: 100%;
  z-index: 10;
  transition: all .3s;
}

.navbar-scrolled {
  padding: 1em;
  font-family: 'Ubuntu';
  position: fixed !important;
  width: 100%;
  background-color: white;
  z-index: 10;
  border-top: 2px solid rgb(78,196,231) !important;
}

.navbar-brand {
  font-weight: 500;
}

.btn {
  display: inline-block;
  font-family: 'Ubuntu';
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .75rem 1.25rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 5px;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  margin-left: 1em;
}

.btn-primary {
  color: #fff;
  background-color: #4ec4e7;
  border: none;
  /*box-shadow: 0px 0px 10px rgb(115,222,255);*/
}

.btn-primary:hover {
  /*color: #212529;*/
  background-color: #42a9ff;
  border: none;
  box-shadow: 0px 0px 10px rgb(115,222,255);
}

.btn.btn-primary {
}

.btn-light {
  color: #222222;
  background-color: #ffffff;
  border: none;
}

.btn-light:hover {
  color: #212529;
  background-color: #fafcff;
  border: none;
  box-shadow: 0px 0px 10px rgb(189,224,234);
}

.navbar-scrolled .btn-light:hover {
  color: #212529;
  background-color: #e9f3fa;
  border: none;
  box-shadow: none;
}

.welcome {
  background: linear-gradient(169deg, rgb(201,235,255), rgb(232,245,252));
  padding-top: 13em;
  padding-bottom: 10em;
}

.welcome-heading {
  font-weight: 800;
}

.btn-stroke {
  /*font-weight: 700;*/
}

/* materialy */

.material-div:hover, .podcelky:hover {
  cursor: pointer;
  box-shadow: 0px 0px 7px rgba(192,192,192,0.86), 0px 0px rgb(220,220,220), 0px 0px;
}

.material-div {
  transition: all .3s;
  display: inline-block;
  border-width: 2px;
  border-radius: 10px;
  padding: 25px;
  margin: 15px;
  background-color: white;
  box-shadow: 0px 0px 7px rgba(226,226,226,0.75), 0px 0px rgb(220,220,220), 0px 0px;
  width: 270px;
  vertical-align: bottom;
}

.material-icon {
  font-size: 40px;
  color: #5bc0de;
}

.material-gradient {
  position: absolute;
  height: 100%;
  width: 100%;
}

.placeholder {
  border-radius: 100px;
  color: transparent;
  background: linear-gradient(-141deg, rgb(220,220,220), rgb(237,237,237));
  margin: 5px;
}

.placeholder-blue {
  border-radius: 100px;
  color: transparent;
  background: linear-gradient(-141deg, rgb(140,195,207), rgb(210,239,255));
  margin: 5px;
}

.footer {
  padding: 2em;
  background-color: rgb(236,251,255);
}

.footer-logo {
  font-size: 30px;
  color: rgb(91,192,222);
  margin-bottom: .5em;
}

.link-hyperbola {
  color: rgb(91,192,222);
}

.link-hyperbola:hover {
  text-decoration: none;
  color: rgb(0,18,14);
}

.foto-placeholder {
  height: 50px;
  width: 50px;
  display: inline-block;
}

.btn-duel {
  border: rgba(227,227,227,0.47) solid;
}

.text-left.m-0.placeholder.placeholder-p {
  border-radius: 5px;
}

#navbar .navbar-collapse .collapse .show {
  background-color: white !important;
}

.novinka {
  display: inline-block;
  width: 300px;
  overflow: hidden;
  background-color: rgba(117,196,255,0.21);
  border-radius: 15px;
}

.foto-novinka {
  width: 60%;
}

.novinka:hover {
  cursor: pointer;
  box-shadow: 0px 0px 7px rgba(192,192,192,0.44), 0px 0px rgb(220,220,220), 0px 0px;
  /*transform: translateY(-2px);*/
}

.byebox {
  background-color: rgb(242,252,255);
}

.footer .title {
  font-size: 2em;
  font-weight: 500;
}

.footer .link-group span {
  font-weight: 700;
  font-size: 1.1em;
}