body{
  background-color: #fdfcfb;
}

.bg-transparent{
  background-color: transparent;
}

.bg-zel1{
  background-color: rgb(100, 155, 90);
}

.bg-zel2{
  background-color: rgb(155, 195, 135);
}

.bg-zel2-light{
  background-color: rgb(155, 195, 135, 0.25);
}

.bg-mod1{
  background-color: rgb(70, 145, 245);
}

.bg-mod2{
  background-color: rgb(105, 190, 245);
}

.bg-mod2-light{
  background-color: rgb(105, 190, 245, 0.25);
}

.bg-sed2{
  background-color: rgb(225, 225, 230);
}

.bg-sed1-light{
  background-color: rgb(225, 225, 230, 0.5);
}

.bg-sed2-light{
  background-color: rgb(225, 225, 230, 0.75);
}

.bg-zel3{
  background-color: rgb(25, 40, 5);
}

.bg-orn1{
  background-color: rgb(220, 130, 40);
}

.bg-orn2{
  background-color: rgb(210, 180, 102);
}

.bg-orn2-light{
  background-color: rgb(210, 180, 102, 0.3);
}

.zel1{
  color: rgb(100, 155, 90);
}

.mod1{
  color: rgb(70, 145, 245);
}

.sed1{
  color: rgb(60, 120, 180);
}

.orn1{
  color: rgb(220, 130, 40);
}

.zel09{
  color: rgb(90, 127, 72);
}

.orn09{
  color: rgb(180, 100, 30);
}

.zel2{
  color: rgb(155, 195, 135);
}

.zel3{
  color: rgb(25, 40, 5);
}

.jstf{
  text-align: justify;
}

.nntext{
  border: none;
  padding: 2px 8px;
  border-radius: 8px 8px 0 0;
}

.nnMail{
  border: none;
  padding: 4px 8px;
  border-radius: 0 0 0 8px;
}

#header{
  z-index: 999;
}

.bg-transparent{
  background-color: transparent !important;
}

.card {
  border:none;
  padding: 0px 32px;
  transform: scale(0.95, 0.95);
  -webkit-transform: scale(0.95, 0.95);
  transition: 250ms ease-in-out;
  
}

.trans250{
  transition: 250ms ease-in-out;
}

.card-title{
  font-weight: bold !important;
}

.cenovka{
  padding: 12px 8px 12px 4px ;
}

.card::after {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.card:hover {
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  backface-visibility: hidden; 
  will-change: transform;
  box-shadow: 0 1rem 3rem rgba(0,0,0,0.6) !important;
}

.card:hover::after {
  opacity: 1;
}

.nnSubmit{
  background-color: rgb(105, 190, 245);
  padding: 4px 14px;
  font-weight: bold;
  border-radius: 0 0 8px 0;
  transition: 200ms ease-in-out;
  border: none;
}

.nnSubmit:hover{
  background-color: rgb(70, 145, 245);
  color: white;
}

.nnSubmit:active{
  background-color: transparent;
  color: white;
}

::-webkit-scrollbar {
  width: 10px;
}

[id]{
  scroll-margin-top: 61px;
}
.studnyPozadi{
  background-image: url("../img/studna.webp");
  background-repeat: no-repeat;
  background-size: cover;
}

.elektrinaPozadi{
  background-image: url("../img/elektrina.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

.fveGrad{
  background: linear-gradient(30deg, rgb(0, 0, 0, 0.175), rgb(0, 0, 0, 0.2), rgb(0, 0, 0, 0.15));
  backdrop-filter: brightness(65%);
  min-height: 100vh;
}

.fvepozadi{
  background-image: url("../img/panely.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

.fveKontakt{
  border-radius: 8px;
  padding: 8px 32px;
  background-color: rgb(100, 155, 90);
  border: none;
  font-weight: bold;
  transition: 250ms ease-in-out;
}

.fveKontakt:hover{
  background-color: rgba(155, 195, 135);
}

.fveKontakt:active{
  background-color: transparent;
  color: white;
}

.text-shadow{
  text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}

.text-shadow2{
  text-shadow: 0px 0px 15px rgba(255, 255, 255, 0.5);
}

.border-zel1{
  border: 5px solid rgb(100, 155, 90, 0.4);
  border-radius: 8px;
}

.border-mod1{
  border: 5px solid rgb(70, 145, 245, 0.4);
  border-radius: 8px;
}

.border-sed1{
  border: 5px solid rgb(60, 120, 180, 0.15);
  border-radius: 8px;
}

.border-orn1{
  border: 5px solid rgb(220, 130, 40, 0.35);
  border-radius: 8px;
}

.fs-0{
  font-size: 400%;
}

.cenikmore{
  color:rgb(100, 155, 90);
  font-weight: bold;
  cursor: pointer;
  transition: 200ms !important;
  font-size: 125%;
}
.cenikmore:hover{
  color:rgb(155, 195, 135) !important;
}
/* The Modal (background) */
.modal {
 display: none; /* Hidden by default */
 position: fixed; /* Stay in place */
 z-index: 1; /* Sit on top */
 left: 0;
 top: 0;
 width: 100%; /* Full width */
 height: 100%; /* Full height */
 overflow: auto; /* Enable scroll if needed */
 background-color: rgba(0,0,0, 0.5); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
 background-color: #fefefe;
 margin: 5% auto; /* 15% from the top and centered */
 top: 4% !important;
 padding: 30px;
 border: none;
 width: 65%; 
 text-align: justify;
}

/* The Close Button */
.close {
 color: rgb(100, 155, 90);
 font-weight: bold;
 width: 3rem;
 font-size: 3rem;
 transition: 250ms;
 position: absolute;
 right: 16px;
 top: -8px;
 cursor: pointer;
}

.close:hover,
.close:focus {
  color: rgb(155, 195, 135);
}

.close:active{
  color: rgb(255, 0, 0);
}

#more {
 display: none;
 }

.land1{
    transition: 300ms ease-in-out;
    background-image: url("../img/panely.jpg");
    width: 33%;
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    text-decoration: none;
    border-right: 5px solid black;
    border-left: 5px solid black;
}

.land2{
    transition: 300ms ease-in-out;
    background-image: url("../img/studna.webp");
    width: 34%;
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    text-decoration: none;
    border-right: 5px solid black;
}

.land3{
  transition: 300ms ease-in-out;
  background-image: url("../img/elektrina.jpg");
  width: 33%;
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  text-decoration: none;
  border-left: 5px solid black;
}

.landText{
    backdrop-filter: brightness(50%) grayscale(75%);
    width: 100%;
    height: 100vh;
    padding-top: 40vh;
    position: relative;
    color: white;
    text-align: center;
    transition: 250ms ease-in-out;
    text-shadow: 0px 0px 10px rgb(0, 0, 0, 0.4);
}

.landText:hover{
    backdrop-filter: brightness(70%) grayscale(10%);
    text-shadow: 0px 0px 15px rgb(0, 0, 0, 0.75);
}

.landText:active{
    backdrop-filter: brightness(60%) grayscale(90%);
}

.landFooter{
    position: absolute;
    bottom: 12.5vh;
    height: 0;
}

footer a{
  color: rgba(0, 0, 0, 0.75);
  transition: 200ms;
}

footer a:hover{
  color: rgba(0, 0, 0, 0.45);
}

footer a:active{
  color: rgba(0, 0, 0, 0.05);
}

@media (min-width: 1800px){
  .px-4xl{
    padding: 0 10vw !important;
  }
}

/* UVODNI STRANKA ------------------------------------------*/  

.landKontakt{
    background-color: black;
    color: rgba(255, 255, 255, 0.9);
    letter-spacing: 1px;
    border: none;
    border-radius: 8px;
    padding: 6px 16px;
    transition: 150ms ease-in-out;
}

.landKontakt:hover{
    color: rgba(255, 255, 255);
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}

.landKontakt:active{
    color: transparent;
    background-color: rgba(0, 0, 0, 0.75);
    text-shadow: 0 0 3px rgba(255, 255, 255, 0.75);
}

@media (max-width: 1600px){
  .display-5{
    font-size: 250% !important;
  }

  .display-1{
    font-size: 450% !important;
  }
}

@media (max-width: 1500px){
  .display-5{
    font-size: 200% !important;
  }

  .display-1{
    font-size: 400% !important;
  }
}

@media (max-width: 1300px){
  .display-5{
    font-size: 175% !important;
  }

  .display-1{
    font-size: 350% !important;
  }
}

@media (max-width: 1200px){
  .display-5{
    font-size: 160% !important;
  }

  .display-1{
    font-size: 325% !important;
  }

  .brdrTop{
    border-top: 6px solid black;
  }

  .landFooter{
      bottom: 51.5vh;
  }

  .land1{
      width: 100%;
      height: 33vh;
      border-right: none;
      border-left: none;
  }

  .land2{
      width: 100%;
      height: 34vh;
      border-left: none;
      border-right: none;
  }

  .land3{
    width: 100%;
    height: 33vh;
    border-left: none;
    border-right: none;
  }

  .landText{
      backdrop-filter: brightness(65%) grayscale(25%);
      padding-top: 10vh;
      height: 33vh;
      text-shadow: 0px 0px 15px rgb(0, 0, 0, 0.75);
  }

  .landText2{
      height: 34vh !important;
  }

  .landText:active{
      backdrop-filter: brightness(65%) grayscale(75%);
  }
}

/*---------------------------------------------------------*/





@media (max-width: 1000px){
  .close {
    width: 2.25rem;
    font-size: 2.25rem;
    right: 8px;
   }

   ::-webkit-scrollbar {
    width: 1px !important;
  }

  .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0,0,0, 0.5); /* Black w/ opacity */
   }
   
   /* Modal Content/Box */
   .modal-content {
    margin: 20% auto;
    padding: 20px;
    width: 90%; 
   }

  [id]{
    scroll-margin-top: 47px;
  }

  .fs-0{
    font-size: 300%;
  }

  .fs-5{
    font-size: 100% !important;
  }

    
    
    .card {
      padding: 0px 12px;
    }
}

a{
    text-decoration: none !important;
}

/*--------------------------------------------------------------
  Navbar PC
  --------------------------------------------------------------*/
  @media (min-width: 1000px) {
    .header{
      background: rgba(0, 0, 0, 0.25); /*linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)) !important;*/
      padding-bottom: 2px !important;
    }

    .header2{
      background: rgba(0, 0, 0, 0.4); /*linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)) !important;*/
    }
    
    .navbar {
      padding: 0;
      letter-spacing: 0.5px;
    }
  
    .navbar ul {
      margin: 0;
      padding: 0;
      display: flex;
      list-style: none;
      align-items: center;
    }
  
    .navbar li {
      position: relative;
    }
  
    .navbar>ul>li {
      white-space: nowrap;
      padding: 10px 0 10px 30px;
    }
  
    .navbar a,
    .navbar a:focus {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 3px;
      font-size: 16px;
      font-weight: 900 !important;
      color: rgba(255, 255, 255, 0.85);
      white-space: nowrap;
      transition: 0.3s;
      position: relative;
    }

    .headerUvod{
      position: fixed !important;
    }

    .navbar a i,
    .navbar a:focus i {
      font-size: 12px;
      line-height: 0;
      margin-left: 5px;
    }

    .navbar .active{
      text-decoration: overline 3px rgb(255, 255, 255, 0.5) solid;
    }
  
    .navbar a:hover,
    .navbar .active,
    .navbar .active:focus,
    .navbar li:hover>a {
      color: white;
    }

    .navbar .dropdown ul {
      display: block;
      position: absolute;
      left: 24px;
      top: calc(100% + 30px);
      margin: 0px 0 0 0;
      padding: 8px 0;
      z-index: 99;
      opacity: 0;
      visibility: hidden;
      background: rgb(0, 0, 0, 0.55);
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
      box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
      border-radius: 10px !important;
      transition: 300ms;
    }
  
    .navbar .dropdown ul li {
      width: 200px;
      transition: 100ms;
    }

    .navbar .dropdown ul li:hover {
      background-color: rgba(255, 255, 255, 0.2);
    }

    .navbar .dropdown ul li:active {
      background-color: rgba(255, 255, 255, 0.5);
    }
  
    .navbar .dropdown ul a {
      padding: 10px 20px;
      font-size: 15px;
      text-transform: none;
      color: white;
      font-weight: 400;
    }
  
    .navbar .dropdown ul a i {
      font-size: 12px;
    }
    .navbar .dropdown:hover>ul {
      opacity: 1;
      top: 100%;
      visibility: visible;
    }
  
    .navbar .dropdown .dropdown ul {
      top: 0;
      left: calc(100% - 30px);
      visibility: hidden;
    }
  
    .navbar .dropdown .dropdown:hover>ul {
      opacity: 1;
      top: 0;
      left: 100%;
      visibility: visible;
    }
  }
  
  @media (min-width: 100px) and (max-width: 1366px) {
    .navbar .dropdown .dropdown ul {
      left: -90%;
    }
  
    .navbar .dropdown .dropdown:hover>ul {
      left: -100%;
    }
  }
  
  @media (min-width: 1000px) {
  
    .mobile-nav-show,
    .mobile-nav-hide {
      display: none;
    }
  }

  .tlKontakt{
    background-color: white;
    transition: 250ms ease;
    border-radius: 8px;
    padding: 6px 14px;
  }

  .tlKontakt:hover{
    background-color: rgba(0, 0, 0, 0.5);
    color: white !important;
  }

  .tlKontakt:active{
    background-color: rgba(255, 255, 255, 0.0);
    color: white !important;
  }

  .tlKontakt2{
    background-color: rgb(155, 195, 135);
    transition: 250ms ease;
    border-radius: 8px;
    padding: 6px 14px;
    cursor: pointer;
  }

  .tlKontakt2:hover{
    background-color: rgb(100, 155, 90);
    color: white !important;
  }

  .tlKontakt2:active{
    background-color: rgba(255, 255, 255, 0.0);
    color: white !important;
  }

  .tlKontakt2-orn{
    background-color: rgb(210, 180, 102);
    transition: 250ms ease;
    border-radius: 8px;
    padding: 6px 14px;
    cursor: pointer;
  }

  .tlKontakt2-orn:hover{
    background-color: rgb(220, 130, 40);
    color: white !important;
  }

  .tlKontakt2-orn:active{
    background-color: rgba(255, 255, 255, 0.0);
    color: white !important;
  }

  .tlKontakt2-mod{
    background-color: rgb(105, 190, 245);
    transition: 250ms ease;
    border-radius: 8px;
    padding: 6px 14px;
    cursor: pointer;
  }

  .tlKontakt2-mod:hover{
    background-color: rgb(70, 145, 245);
    color: white !important;
  }

  .tlKontakt2-mod:active{
    background-color: rgba(255, 255, 255, 0.0);
    color: white !important;
  }

  .tlKontakt3{
    background-color: rgb(105, 190, 245);
    transition: 250ms ease;
    border-radius: 8px;
    padding: 6px 14px;
  }

  .tlKontakt3:hover{
    background-color: rgb(70, 145, 245);
    color: white !important;
  }

  .tlKontakt3:active{
    background-color: rgba(255, 255, 255, 0.0);
    color: white !important;
  }

  .profilFotka{
    border-radius: 0 25px 0 25px;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.25);
  }

  .VoV{
    display: unset;
  }

  .VoM{
    display: none;
  }

  /*--------------------------------------------------------------
  Navbar na mobil
  --------------------------------------------------------------*/
  @media (max-width: 1000px) {
    .VoV{
      display: none;
    }

    .VoM{
      display: unset;
    }

    .header {
      position: fixed !important;
      background: rgba(0, 0, 0, 0.35) /*linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)) !important*/;
      padding-bottom: 4px !important;
    }

    .navbar {
      position: fixed;
      top: 0;
      right: -100%;
      width: 100%;
      max-width: 400px;
      bottom: 0;
      transition: 0.3s;
      z-index: 9997;
    }
  
    .navbar ul {
      position: absolute;
      inset: 0;
      padding: 60px 0 10px 0;
      margin: 0;
      border: 1px solid rgba(0, 0, 0, 0.5);
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px) brightness(40%);
      overflow-y: auto;
      transition: 0.3s;
      z-index: 9998;
      transform: translate3d(0, 0, 0);
    }

    .navbarul2{
      background: transparent !important;
      -webkit-backdrop-filter: blur(0px);
      backdrop-filter: blur(0px) !important;
      border: 0px !important;
      padding: 2px 0px 8px 16px !important;
    }

    .navbar a,
    .navbar a:focus {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 8px 14px;
      font-size: 18px;
      font-weight: 700;
      color: rgba(255, 255, 255, 0.75);
      white-space: nowrap;
      transition: 0.3s;
    }
  
    .navbar a i,
    .navbar a:focus i {
      font-size: 18px;
      line-height: 0;
      margin-left: 4px;
      margin-top: 2px;
      color: rgba(255, 255, 255, 0.6);
    }

    .navbar .navbarul2 a ,
    .navbar .navbarul2 a:focus {
      font-size: 16px;
      color: rgba(255, 255, 255, 1);
    }

    li{
      list-style: none !important;
    }
  
    .navbar a:hover,
    .navbar .active,
    .navbar .active:focus,
    .navbar li:hover>a {
      color: rgba(255, 255, 255, 0.9);
    }
  
    .navbar .dropdown ul,
    .navbar .dropdown .dropdown ul {
      position: static;
      display: none;
      padding: 0px 0px 8px 8px;
      margin: 0 0 4px 0;
      transition: all 0.5s ease-in-out !important;
      border: 1px solid rgba(0, 0, 0, 0.75);
      background-color: transparent !important;
    }
  
    .navbar .dropdown>.dropdown-active,
    .navbar .dropdown .dropdown>.dropdown-active {
      display: block;
    }
  
    .mobile-nav-show {
      position: relative;
      color: white;
      font-size: 32px;
      cursor: pointer;
      line-height: 0;
      transition: 0.5s;
      z-index: 9999;
      padding: 0px 8px 0px 8px;
      transition: 200ms ease-in-out;
    }
  
    .mobile-nav-hide {
      color: white;
      font-size: 36px;
      cursor: pointer;
      line-height: 0;
      transition: 0.5s;
      position: fixed;
      padding: 0px 8px 0px 8px;
      right: 8px;
      top: 7px;
      z-index: 9999;
    }
  
    .mobile-nav-active {
      overflow: hidden;
    }
  
    .mobile-nav-active .navbar {
      right: 0;
    }
  
    .mobile-nav-active .navbar:before {
      content: "";
      position: fixed;
      inset: 0;
      z-index: 9996;
    }

    .lft{
      position: relative;
      left: 37%;
      top: 32px;
      width: 0px;
    }
  }
  /*--------------------------------------------------------------
  end
  --------------------------------------------------------------*/