html {
  scroll-behavior: smooth;
}
@font-face {
  src: url(../fonts/bebas.ttf) format("truetype");
  font-family: bebas;
}
strong {
  font-weight: bold;
}
a {
  color:white !important;
}
hr {
  border: 0;
  clear:both;
  display:block;
  width: 100%;
  background-color: #d4d4d4;
  height: 1px;
}
body {
 font-size: 18px;
}
.spann {
  padding-left: 15px;
}
.dveperr {
  padding-top: 20px;
  padding-bottom: 20px;
}

h1,h2,h3,h4,h5,h6,p {
 line-height: 1.45;
}
h1 {  font-size: 4em;
      font-family: bebas;
      text-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
h2 {  font-size: 3em;
      font-family: bebas;}

h3 {  font-size: 2em;
      font-family: bebas;}
h4 {  font-size: 1.2em;
      font-family: 'Montserrat', sans-serif;
      font-weight: light;
 }
 h5 {  font-size: 1.5em;
       font-family: bebas;}
 h6 {  font-size: 1em;
       font-family: bebas;}
 .shadoww:hover{
 	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
 }
 .hhhhhhhh{
 	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
 }
 .sluzby {
   background-color: #cf3d3d;
   color: #fff;
 }
 .rozvrh{
  background-color: #0a0a0a;
}
.dveper {
  padding-top:200px;
  padding-bottom:200px;
}
section {
  padding-top:50px;
  padding-bottom:50px;
}
 .sluzbyh{
   color: #fff!important;
 }
 .hhh {
   height:100vh;
 }
 .vertical {
   padding-top: 30vh;
 }
.carousel-item {
  height: 100vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#particless {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: absolute;
}
#particlesss {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: absolute;
}
.parallax {
  /* The image used */
  background-image: url("../img/paralax/paralax1.jpg");

  /* Full height */
  height: 40vh;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (max-device-width: 1366px) {
  .parallax {
    background-attachment: scroll;
  }
}
.bg-dark {
      background-color: rgba(255, 0, 0, 0)!important;
}
.bg-dark.scrolled {
      background-color: 	rgb(0,0,0)!important;
}
.navbar-dark .navbar-brand {
  color: #fff;
  font-size: 25px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: bebas;
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
  color: #fff;
  font-weight: bold;
  font-family: bebas;
}
.navbar-dark .navbar-nav .nav-link {
  font-family: bebas;
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{
  color: #fff;
  font-weight: bold;
  font-family: bebas;
}
.navbar-toggler-icon {
  color: #fff;
}