body {
  font-family: 'Roboto', sans-serif; font-weight: 300;
  color: #4d5659;
  background: #1b1f11; /* kvůli pozadí za carouselem */
}
h1, h2, h3, h4, h5, h6 {font-family: 'Yantramanav', sans-serif; font-weight: 100; color:#111516; }

a {color: #d89127;}
a:hover {color: #d89127; text-decoration: underline; transition: all 0.15s linear 0s;}

hr {
    background-color: #d89127;
    height: 1px;
    overflow: hidden;
    width: 30%;
    margin-left: 0;
}

#hlavicka {position: relative;}

#hlavicka #siluetaStrom {
  position: absolute; top: 0; left: 5%;
  z-index: 90;
  background: #1b1f11;
  padding: 20px 50px;
}

#hlavickaKontakt {font-size: 1.1rem; text-align: center;padding-left: 25px; padding-right: 25px; /*background-color: #1b1f11; border-radius: 5px;*/ border-left: 2px solid #1b1f11; border-right: 2px solid #1b1f11;}
#hlavickaKontakt .vetsi { font-size: 1.4rem;}
#hlavickaKontakt .vetsi a {color: #8dc63f; font-family: 'Yantramanav', sans-serif; font-weight: 400;}
#hlavickaKontakt .vetsi a:hover {text-decoration: none;}
#hlavickaKontakt .vetsi i {color: rgba(255,255,255,.5); margin-right: 10px;}


/* ------------ */
/* --- MENU --- */
/* ------------ */
nav#menu1 {background-color: rgba(27,31,17,0.9);}  /* #1b1f11 */
/*#menu1 .container-fluid {padding-left: 260px;}*/

hr.dropdown-divider {background-color: transparent; width: 100%; border-top: 1px solid #d89127;}

.navbar-dark .navbar-nav .nav-link { color: #eaefd8; }
nav#menu1.navbar-dark .navbar-nav .active>.nav-link, nav#menu1.navbar-dark .navbar-nav .nav-link.active, nav#menu1.navbar-dark .navbar-nav .nav-link.show, nav#menu1.navbar-dark .navbar-nav .show>.nav-link { color: #fff; }

#navbar .nav-link {font-size: 1.4rem;}

.dropdown-menu {
   background-color: rgba(255,255,255,0.9);
   border-radius: 0;
   border: none;
}
.dropdown-item {font-weight: 200;}
.dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    background-color: #d89127;
}

/* kvuli nalepce JIŽ BRZY: */
.nav-link {position: relative;}
.nav-link span.nalepka {position: absolute; top: 0; right: 0; margin-top: -20px; /*transform: translateY(100%);*/ background: #d89127; border-radius: 3px; color: #fff; /*font-weight: bold;*/ padding: 3px 5px; transform: rotate(5deg);}

nav#menu1 .nav-link:hover {
    color: #d89127;
}
nav#menu1.navbar-dark .navbar-nav .active>.nav-link, nav#menu1.navbar-dark .navbar-nav .nav-link.active, nav#menu1.navbar-dark .navbar-nav .nav-link.show, nav#menu1.navbar-dark .navbar-nav .show>.nav-link {
    color: #d89127;
}

/* položky menu dál od sebe */
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link { padding-right: 1rem; padding-left: 1rem;}
}


/* ---------------- */
/* --- CAROUSEL --- */
/* ---------------- */
#hpCarousel .carousel-item {
  max-height: 95vh;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
/* carousel overlay */
#hpCarousel .carousel-item:after {
  content:"";
  display:block;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:rgba(0,0,0,0.2);
}
#hpCarousel .listecekTmavy {z-index: 100; position: absolute; bottom: 0; right: 10rem; background-image: url(img/listecky-tmave.svg); background-repeat: no-repeat; background-size: 100% auto; height: 7rem; width: 10rem;}

.carousel-caption {
  top: 60%;
  transform: translateY(-60%);
  bottom: initial;
}
.carousel-caption h5 {
    font-size: 7rem; 
    color: #fff;
    /*   
    text-shadow: 
     0px 1px 1px #fff,
     1px 2px 3px #fff; 
    */ 
    
}

.carousel-indicators li {
    width: 15px;
    height: 15px;
    background-color: #eaefd8;
    opacity: 1;
}
.carousel-indicators .active {
    background-color: #d89127;
    opacity: 1;
}


#pruhMotiv {position: relative;}
#pruhMotiv::after {  
  content: "";
  position: absolute;
  right: 0; bottom: 0;
  width: 10rem; height: 7rem;
  background-image: url(img/listecky-tmave.svg);
  background-position: 2% 101%; 
  background-size: 6rem auto;
  background-repeat: no-repeat;
}

ul.vybaveni {/*list-style: none;*/ font-size: 80%;}
ul.vybaveni li {padding-bottom: 6px;}

.btn-outline-primary {
    color: #fff;
    border-color: #d89127;
    border-radius: 0;
    display: inline-flex;
    position: relative;
    transition: all .3s ease-in-out;
    z-index: 1;
    padding-top: 0.8rem; padding-bottom: 0.8rem;
}
.btn-outline-primary i {
    align-items: center;
    background-color: #d89127;
    border: 1px solid #d89127;
    border-radius: 50%;
    color: #000;
    display: flex;
    font-size: 16px;
    height: 20px;
    justify-content: center;
    margin-left: 10px;
    position: relative;
    transition: all .3s ease-in-out;
    width: 20px;
    z-index: 1;
}
.btn-outline-primary:hover {color: #fff; background-color: rgba(156,187,45,.5); border-color: #d89127;}
.btn-outline-primary:hover i {margin-left: 20px;}



.btn-primary {
    color: #fff;
    background-color: #111516;
    border: none;
    border-radius: 0;
    display: inline-flex;
    position: relative;
    transition: all .3s ease-in-out;
    z-index: 1;
    padding-top: 0.8rem; padding-bottom: 0.8rem;
}
.btn-primary i {
    align-items: center;
    background-color: #d89127;
    border: 1px solid #d89127;
    border-radius: 50%;
    color: #000;
    display: flex;
    font-size: 16px;
    height: 20px;
    justify-content: center;
    margin-left: 10px;
    position: relative;
    transition: all .3s ease-in-out;
    width: 20px;
    z-index: 1;
}
.btn-primary:hover {color: #fff; background-color: #d89127; border-color: #d89127;}
.btn-primary:hover i {margin-left: 20px; background-color: #fff;}


.btn-secondary {
    color: #111516;
    background-color: #d89127;
    border: none;
    border-radius: 0;
    display: inline-flex;
    position: relative;
    transition: all .3s ease-in-out;
    z-index: 1;
    padding-top: 0.8rem; padding-bottom: 0.8rem;
}
.btn-secondary i {
    align-items: center;
    background-color: #111516;
    border: 1px solid #111516;
    border-radius: 50%;
    color: #fff;
    display: flex;
    font-size: 16px;
    height: 20px;
    justify-content: center;
    margin-left: 10px;
    position: relative;
    transition: all .3s ease-in-out;
    width: 20px;
    z-index: 1;
}
.btn-secondary:hover {color: #fff; background-color: #111516; border-color: #111516;}
.btn-secondary:hover i {margin-left: 20px; background-color: #d89127;}

.btn-secondary.aktivni {color: #fff; background-color: #111516; border-color: #111516;}
.btn-secondary.aktivni i {background-color: #d89127; color: #111516;}
.btn-secondary.aktivni:hover i {margin-left: 10px; background-color: #d89127;}


.btn-zelinkava {
    color: #111516;
    font-weight: 300;
    background-color: #eaefd8;
    border: none;
    border-radius: 0;
    display: inline-flex;
    position: relative;
    transition: all .3s ease-in-out;
    z-index: 1;
    padding-top: 0.8rem; padding-bottom: 0.8rem;
}
.btn-zelinkava i {
    align-items: center;
    background-color: #d89127;
    border: 1px solid #d89127;
    border-radius: 50%;
    color: #fff;
    display: flex;
    font-size: 16px;
    height: 20px;
    justify-content: center;
    margin-left: 10px;
    position: relative;
    transition: all .3s ease-in-out;
    width: 20px;
    z-index: 1;
}
.btn-zelinkava:hover {color: #fff; background-color: #d89127; border-color: #d89127;}
.btn-zelinkava:hover i {margin-left: 20px; color: #d89127; background-color: #fff;}


#pruh1 {
  padding: 4rem 0 6rem 0; background: #1b1f11; /* #111516;*/ color: #b6bab6;
  background-image: url(img/listecky-svetle.svg); background-position: 5% 101%; background-repeat: no-repeat; background-size: 7rem auto;
}
#pruh1 h1, #pruh1 h2, #pruh1 h3, #pruh1 strong {color: #fff;}   
#pruh1 .card, #pruh1 .card h1, #pruh1 .card h2, #pruh1 .card h3, #pruh1 .card strong {color: #111516;}

.kontakty i {margin-right: 10px;}

h1 span, h2 span, h3 span {color: #d89127;}
#pruh2 h1 span, #pruh2 h2 span, #pruh2 h3 span {color: #d89127;}
#pruh3 h1 span, #pruh3 h2 span, #pruh3 h3 span {color: #d89127;}


.box1 {background: #eaefd8; color: #000; border-radius: 0.25rem;}

#pruh2 {padding: 4rem 0 6rem 0; background: #eaefd8 url(img/listecky-bile.svg) no-repeat 90% 101%;  background-size: 10rem auto; }
#pruh2in {padding: 4rem 0 6rem 0; background: #eaefd8 url(img/listecky-bile.svg) no-repeat 90% bottom;  background-size: 10rem auto; }

.box2 {background: #fff;}

.card-footer {background-color: transparent; border-top: none; padding: 0;}
.card-footer:last-child {border-radius: 0;}
.card h2 {font-size: 1.5rem;}
.card h2 a {color: #4d5659;}
.card h2 a:hover {text-decoration: none;}

#pruh3 {
  padding: 4rem 0 6rem 0; background-color: #fff; 
  background-image: url(img/listecky-tmave.svg); 
  background-repeat: no-repeat; 
  background-position: 2% 101%; 
  background-size: 6rem auto;
}
#pruh3 .btn {margin-bottom: 3px;}


#pruh4 {padding: 4rem 0 6rem 0; background: #1b1f11; /* #111516 */ color: #b6bab6;}
#pruh4 h2 {color: #b6bab6;}

.predsadIkony {padding-left: 30px;}
.predsadIkony i {margin-left: -30px; width: 30px; font-size: 1.2rem; color: #d89127;}

.predsadIkony2 {padding-left: 25px;}
.predsadIkony2 i {margin-left: -25px; width: 25px; font-size: 1.2rem; margin-right: 0;}

#pruh5 {padding: 1rem; background: #0e1008; color: #b6bab6;}

.nav-pills .nav-link {
    border-radius: 0;
    color: #111516;
    background-color: #fff;
    transition: none;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #111516;
    background: #d89127 url(img/sipka-cerna.png) no-repeat 90% 50%;
    font-weight: 400;
}

.cinnost {margin-bottom: 40px; padding: 40px 20px;}
.cinnost h2 {font-size: 2.5rem;}
.cinnost:nth-child(2n) {background: #1b1f11; color: #fff;}
.cinnost:nth-child(2n) h2, .cinnost:nth-child(2n) h3 {color: #fff;}

.overlay {
    background: transparent;
    position: absolute;
    /*
    width: 100%;
    height: 333px;
    top: 550px;
    margin-top: -550px;
    */
    top: 0;
     left: 0;
     width: 100% !important;
     height: 100% !important;
}