/* @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,500&display=swap'); */
@font-face {
  font-family: 'Ubuntu';
  src: url('fonts/ubuntu//Ubuntu-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Ubuntu';
  src: url('fonts/ubuntu//Ubuntu-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Ubuntu';
  src: url('fonts/ubuntu//Ubuntu-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Ubuntu';
  src: url('fonts/ubuntu//Ubuntu-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Ubuntu';
  src: url('fonts/ubuntu//Ubuntu-Light.ttf') format('truetype');
  font-weight: 300; /* nebo 'light' */
  font-style: normal;
}

@font-face {
  font-family: 'Ubuntu';
  src: url('fonts/ubuntu//Ubuntu-LightItalic.ttf') format('truetype');
  font-weight: 300; /* nebo 'light' */
  font-style: italic;
}

@font-face {
  font-family: 'Ubuntu';
  src: url('fonts/ubuntu//Ubuntu-Medium.ttf') format('truetype');
  font-weight: 500; /* nebo 'medium' */
  font-style: normal;
}

@font-face {
  font-family: 'Ubuntu';
  src: url('fonts/ubuntu//Ubuntu-MediumItalic.ttf') format('truetype');
  font-weight: 500; /* nebo 'medium' */
  font-style: italic;
}
 
@font-face {
  font-family: 'MsMadi';
  src: url('fonts/MsMadi-Regular.ttf') format('truetype');
  font-weight: 400; /* nebo 'light' */
  font-style: normal;
}

@font-face {
  font-family: 'Petit';
  src: url('fonts/PetitFormalScript-Regular.ttf') format('truetype');
  font-weight: 400; /* nebo 'light' */
  font-style: normal;
}

@font-face {
  font-family: 'ProtestGuerrilla';
  src: url('fonts/ProtestGuerrilla-Regular.ttf') format('truetype');
  font-weight: 400; /* nebo 'light' */
  font-style: normal;
}


.tbarva10, .tbarva10 p{color:var(--barva10) !important;}
.tbarva9, .tbarva9 p{color:var(--barva9) !important;}





 @font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon/icomoon.eot?srf3rx");
  src: url("fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?5j2n32');
  src:  url('fonts/icomoon.eot?5j2n32#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?5j2n32') format('truetype'),
    url('fonts/icomoon.woff?5j2n32') format('woff'),
    url('fonts/icomoon.svg?5j2n32#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}



/* @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

/*galerie*/

.galfixsec {
  display: flex;
  justify-content: center;
  width:100%;
}

.galfixrow {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 auto;
  min-width:17.88rem;
  /* width:100%; */
  /* width:90%; */
}

@media (max-width:689px){
 
 .galfixrow { 
   max-width:17.88rem !important;
 }
 }

@media (min-width: 690px) and (max-width:1007px){
 
.galfixrow { 
  max-width:36rem !important;

}
}
@media (min-width: 1008px) and (max-width:1200px){
 
 .galfixrow { 
   max-width:53.7rem !important;

 }
 }
 @media (min-width: 1201px) and (max-width:1430px){
 
 .galfixrow { 
   max-width:53.7rem !important;

 }
 }
 @media (min-width: 1431px) and (max-width:1641px) {
 
 .galfixrow { 
   max-width:71.6rem !important;
 }
 }
 @media (min-width: 1642px)  {
 
  .galfixrow { 
    max-width:90rem !important;
  
  }
 }
.galfixitem {
  /* border-radius: 3rem; */
  margin: 0.5rem; /* Odsazení mezi jednotlivými galfixitem pro lepší vzhled */
  width: 16.88rem; /* Pevná šířka galfixitem prvku */
  height: 16.88rem;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat: no-repeat;
  border: 0.3rem solid white;
}

/*konec css pro galerie */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=latin-ext');

 */

 .sreference{
  width:100%;
  height:25rem;
  display: flex;
  align-items: center;
  justify-content: center;
 }
 /* .bpink{background-color: pink !important;} */

 .hfont{font-family: 'MsMadi' !important;}
 .hfont2{font-family: 'Petit' !important;}
 .hfont3{font-family: 'ProtestGuerrilla' !important;}

.msection{
  position:relative;
  margin-top:-3.125rem;
}

@media (max-width: 992px)  {
  .msection{
    /* margin-top:-5.49rem !important; */
    margin-top:-5.1rem;
  }
  }


.mps{
  background-color:pink;max-width:777px; margin:0 auto;
}
.text-right{text-align: right;}
.pad10{padding:0.625rem;}
.botpad{padding-bottom:1.5625rem;}
.upeercase{text-transform: uppercase;}
.margin12{margin:0.75rem;}
.mtop30{
  padding-top:2.0625rem !important;
}
/* a:hover {text-decoration: none !important;} */
a.block {padding:0px;margin:0px;}
/* a.block:hover {text-decoration: none;} */
strong {
  font-weight: bold;
}

a:hover .right-section {text-decoration: none !important;}

body {
 font-family: 'Ubuntu', sans-serif; 
}


.js .animate-box {
  opacity: 0;
}
.animate-box {
  opacity: 0;
}


 .mz img {
transition:all 1.95s;
-moz-transition:all 1.95s;
-webkit-transition:all 1.95s;

}
.mz:hover img {
transform:scale(1.1);
-moz-transform: scale(1.1);
}









.mymaxwidth{
max-width: 100rem;
width: 90%;

}


.displaynone{display: none;}
.pds-h{
  padding-top:3.75rem;

}
.pds{
  padding-top:7.5rem;
  /* background-color: pink; */
  }
  .pds2{
    /* padding-top:7.5rem;
    padding-bottom:7.5rem; */
padding-top:6rem;
padding-bottom:0rem;
    /* background-color: pink; */
    }
  .pimg{width:90%;}
@media (max-width: 767px) {
  .pimg{width:100%;margin-top:2.625rem; margin-bottom: 0.375rem;}


}


.box-shadow   {box-shadow: 0px 0px .6rem rgba(100, 100, 100, 0.6);}


.armdm{text-align:right;}
.armdm a img{max-width: 20.625rem;}

@media (max-width: 992px)  {
  .armdm{text-align: center;}


  }

  @media (min-height: 800px) and (max-width:993px) {
    .logoinh1{margin-top:3vh;}
  }

/* .box-shadow{
box-shadow: 0.1875rem 0.1875rem 9px rgb(0, 0, 0);


} */

.tucnak{
font-weight: 900;

}
.tuc{
  font-weight: 600;
  
  }

  .kostka{background-color:#ececec; width:90%; min-width:300px; padding:0.9375rem;
    margin:24px auto;}

    .kostka2{background-color:#ececec; width:100%; min-width:300px; padding:0.9375rem;
      margin-top:24px;margin-bottom: 24px;}

.bold{font-weight: 700;}

.vcenter{
  display:flex;  align-items: center;
  justify-content: center; 
  /* height:100%; */
}

.uppercase{
  text-transform: uppercase;
}

.white{color:white !important;}
.nodecoration{text-decoration: none !important;}
.plr3{
padding-left: 0.1875rem; padding-right: 0.1875rem;

}
.mtb24{margin-top: 24px; margin-bottom: 24px;}
.mtb12{margin-top: 0.75rem; margin-bottom: 0.75rem;}
.mt24{margin-top: 24px;}
.mt42{margin-top: 42px;}

.procnas{min-width: 282px; width:90%;margin: 0 auto; }

.dark header.header {
  background-color: #000;

}
/* Původní stav - černé pozadí */
header.header {
  background-color: #ffffff;
  position: relative;
  min-height: 100vh;
  overflow: hidden;
}

.overlay {
  content: '';
  /* background-image: url('../img/header1.webp'); */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* opacity: 0; */
  animation: fadeIn 6s ease;
  -webkit-animation: fadeIn 6s ease;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}



  .socicon1{font-size:3em !important;color:white;
    margin:21px;}
  

  .socicon2{font-size:3em !important;color:rgb(0, 0, 0);
    margin:21px;}
  header.header2 {
    background-image: url('../img/header1.webp');
    background-size: cover;
    position: relative;
    /* min-height: 666px; */
    height:350px;  
    /* height:100% !important; */
     /* padding-bottom:1.5625rem;  */
     padding-bottom:75px;
  }
  blockquote.uvodni{
    text-align: center;
    background-color: rgba(255, 255, 255, 0.2222);
    min-width: 291px;width:60%; padding:0.5625rem;
    margin:0 auto;
  }

  .vetsi, .vetsi p{font-size: 1.2rem !important;}
  .velke , .velke p{font-size: 1.5rem !important;}

 
  .coumime{margin-top:4rem;}

  @media (max-height: 762px) and (min-width:993px) {
    .h1logoimg{
      width:240px !important;
      height: auto;
    
    }
    .coumime{margin-top:2.625rem;}

  }
  /* @media (max-height: 666px) and (min-width:993px) { */

  @media (max-height: 41.625rem) and (min-width:993px) {
    header.header {min-height: 41.625rem;}
    .headerbutton{display: none !important;}
    #uh1{top:7.2rem !important; 
      position: absolute;
      margin-top:0px !important;}
   

    #uhbox{top:260px !important; 
      position: absolute;
      margin-top:8rem !important;}
      .coumime{margin-top:3rem;}


    #hlavninadpis{top:7.5rem !important;}
    #boxheader{top:22.5rem !important;}

    /* .filtr2{min-height: 666px;} */
  }

  .navbar {
    background-color: transparent;
    /* position:fixed; */
    position: fixed;
    width:100%;
  }

  .gbitem{
    /* width:150px; */
    /* height:250px !important; */
     background-size:cover !important;
     background-repeat: no-repeat;
     width: 100% !important; /* Obrázek bude zabírat 100% šířky rodičovského prvku */
     padding-top: 66.67% !important; /* (2/3) * 100% = 66.67% */
    background-position: center center !important;
    } 
  


  .ingal{
    width: auto;
    height:250px;
    border: 0.125rem solid rgb(85, 85, 85);
    border-radius:0.375rem  ;
    -webkit-border-radius:0.375rem  ;
    -moz-border-radius:0.375rem  ;
    -ms-border-radius:0.375rem  ;
    -o-border-radius:0.375rem  ;
}

  .box-shadow-dark{
    -webkit-box-shadow: 0.0625rem 0.0625rem 15px 0px rgba(255, 255, 255, 0.6);
    -moz-box-shadow: 0.0625rem 0.0625rem 15px 0px rgba(255,255,255,0.6);
    box-shadow: 0.0625rem 0.0625rem 15px 0px rgba(255,255,255,0.6);
  }
  .z3{ 
    z-index: 33 !important;
  }

  .galit{
    /* margin-bottom: 1.5625rem; */
    margin-bottom:1.50rem;
  }
  .dark .navbar.fixed-top {
    background-color: rgba(0, 0, 0, 0.801);
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px);

  }
  .navbar.fixed-top {
    /* background-color: rgba(0, 0, 0, 0.888); */
    background-color: rgba(255, 255, 255, 0.801);
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
    transition: background-color 0.3s;
    box-shadow: -2px 0.125rem 4px -2px rgba(0, 0, 0, 0.25);
  z-index:999;

  }

 #hlavninadpis{
  text-align: center; width:100%; position: absolute;top:25vh;
 }
 #boxheader{position: absolute;display: flex;
  top:39vh;justify-content: center;width: 100%;

}
 #textinbox{
  position: relative;margin:0 auto; max-width: 800px; 
  /* background-color: rgba(255, 255, 255, 0.777); */
  /* background-color: rgb(255 255 255 / 0.3);
  backdrop-filter: blur(0.625rem); */
  padding:18px;margin:0.5625rem;font-size: 1.2rem;border-radius: 0.9375rem;  box-shadow: 0px 0px 0.625rem rgba(255, 255, 255, 0.777); /* Rozostření pozadí textu */font-weight: 500;
 }

 :root {
  --vyska: calc(100vh + 0.06rem);
  --vyska2: calc(100vh - 5.5rem);
  --vyska3: calc(100vh - 6rem);



  /*barvy*/
  --barva1: #ead9cf;
  --barva2: #ba7661;
  --barva3: #ebd8a3;
  --barva4: #a6a59e; 
  --barva5: #967e61; 
  --barva6: #c08750; 
  --barva7: #ddaa95;
  --barva8: #d7acb1; 
  --barva9: #b86b76;
  --barva10:rgb(12, 12, 12);
  --barva11:#6e3b43;

   
  /* --vyska: 100vh; */
}


.picborder{border:solid white 0.3rem;}

.bgr1{
  background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(195,162,122,1) 100%);
}
.bgr2{
  background: rgb(195,162,122,1);
background: linear-gradient(180deg, rgba(195,162,122,1) 0%, rgba(230,219,186,1) 100%);
}
.bgr3{
  background: rgb(230,219,186,1);
background: linear-gradient(180deg, rgba(230,219,186,1) 0%, rgba(255,255,255,1) 100%);
}

.fullfiltr{
  width:100%; height:100%;position:absolute; z-index: 1000 !important;
}

.fullfiltr1{
  position:absolute !important;
  background-color:rgba(255, 255, 255, 0.3); 
  height:100% !important;
  width:100% !important;
  display:block;

}
.vyska{
  min-height: var(--vyska);
}
.vyska2{
  min-height: var(--vyska2);
}
.vyska3{
  min-height: var(--vyska3);
}
.lb-data .lb-caption{
  font-size:0.8125rem !important;

}
.lb-data .lb-number{
  font-size:0,75rem !important;

}

.text-left{text-align:left !important;}

a.nl, a.nl:hover, a.nl:link {
  color:black; text-decoration: none;
}
.grey{color:rgb(167, 167, 167) !important;}

.mb3{margin-bottom: 0.19rem;

}

.pad24{padding:2.4rem !important;}

.pad24nt{padding:0rem 2.4rem 2.4rem 2.4rem !important; }

.pad24b{padding-bottom: 2.4rem;}

 @media (max-width: 992px)  {
  .lb-nav a.lb-next { opacity: 1 !important;}
    .lb-nav a.lb-prev { opacity: 1 !important;} 
  .mypad{
    padding-top:0.9375rem;

  }
.nav-link.active.active{border-color: transparent !important;}
#hlavninadpis{
  position:relative;
  top:0px;
  margin-top:10rem;

 }
 #boxheader{position:relative !important;margin-bottom: 0.9375rem;
top:0px !important;margin-top:4.8125rem;
}
    header.header{min-height: 0px;
    height:100%;
    
    }
    .filtr2{
      min-height:100% !important;
      /* min-height: var(--vyska); */
       }

 }
 @media (max-height: 666px)  {
  /* #hlavninadpis{top:141px !important;}
  #boxheader{top:243px;} */


 }
 @media (max-width: 768px) and (max-height:888px){
 header.header{
   /* min-height: 888px !important; */
   height: 100% !important;

 }

 /* #hlavninadpis{top:136px !important;} */

 /* #boxheader{top:216px;} */

 }


 @media (max-width: 768px) and (min-height:888px){
  #textinbox{
    padding:0.5625rem;
   }

   #hlavninadpis{top:18vh !important;}

   #boxheader{top:27vh;}


 }
 @media (min-width: 1790px) {
  html,body{font-size:0.9vw !important;}
 }
 @media (min-width: 993px) {
 .velke-m{font-size: 1.5rem !important;}
 .velke-m-m{font-size: 1.5rem !important;}
 /* html,body{font-size:1.59vw !important;} */

  

}

@media (max-width: 992px) {
  .velke-m{font-size: 1.2rem !important;}
  .velke-m-m{font-size: 0.99rem !important;}
 }

  @media (min-width: 992px) {

  .navbar.fixed-top {

  height: 3.125rem;
}

  .navbar.fixed-top   .navbar-brand img 
    {
    transition: background-color 0.3s;
    height:2.5rem;

  }
}
  .navbar-brand img {
    height: 3.125rem; 
  }
  
  #navbarNav{
    justify-content: end;
  }
  .navbar-nav .nav-link {
    font-weight: 400;
    font-size: 0.875rem;
    /* font-size:1.5rem; */
    line-height: 140%;
    text-transform: uppercase;
    margin-left: 1.75vw;
    color: var(--barva10);
    text-shadow: 0rem 0rem 0.6rem rgba(255, 255, 255, 0.9);
    position: relative; /* Přidáme relativní pozici pro pseudo-element */
    font-weight:900;
  }
 .dark .navbar-nav .nav-link {
  color: #ffffff !important;

 }

  .navbar-nav .nav-link:before {
    content: "";
    position: absolute;
    left: 0; /* Původní pozice borderu - úplně vlevo */
    bottom: -2px;
    width: 0; /* Počáteční šířka borderu (0) */
    height: 0.125rem; /* Výška borderu */
    background-color: var(--barva10); /* Barva borderu */
    transition: width 0.3s ease; /* Animace šířky borderu */
  }
  .dark   .navbar-nav .nav-link:before {
    background-color: #ffffff; /* Barva borderu */


  }
  .navbar-nav .nav-link:hover:before {
    width: 100%; /* Konečná šířka borderu - při najetí myší */
  }
  

  .navbar-nav .nav-link.nohover:hover:before {
    width: 0px; /* Konečná šířka borderu - při najetí myší */
  }
  

  .nav-link.active {

    border-bottom: 0.125rem solid var(--barva10) !important; 
    /* Další stylizace pro označenou položku menu */
  }
  .navbar-nav .nav-link.active{
    color: var(--barva10);
  }

  .dark .nav-link.active {

    border-bottom: 0.125rem solid #ffffff !important; 
    /* Další stylizace pro označenou položku menu */
  }
  .content {
    height: 2000px; 
  }

.margintop66 {margin-top: 66px;}

.mbot3{margin-bottom:3px;}

@media (max-width: 991px) {

  .nav-link.active {

    border-bottom: 0.125rem solid #00000000 !important; 
    /* Další stylizace pro označenou položku menu */
  }
  

  .dark .nav-link.active {

    border-bottom: 0.125rem solid #ffffff00 !important; 
    /* Další stylizace pro označenou položku menu */
  }


  .navbar-nav .nav-link:before {
    display: none; /* Skryjte animované podtržení na menších obrazovkách */
  }

  .navbar-nav .nav-link.nohover:before {
    display: none; /* Skryjte animované podtržení pro .nohover taktéž */
  }
}

.designedby{
color:rgb(136, 136, 136);
font-size:0.69rem;

}

.fgrey{
color:rgb(148, 148, 148);
}
.pad3{padding:3px;}
.pad6{padding:0.375rem;}
.pad9{padding:0.5625rem;}

.pad12{padding:0.75rem;}
.text-justify{text-align: justify !important;}
  @media (max-width: 991px) {

   .dark .navbar { 
      /* background-color: #000000; */
      background-color: rgba(0, 0, 0, 0.801);
      -webkit-backdrop-filter: blur(9px);
      backdrop-filter: blur(9px);
      box-shadow: -2px 0.125rem 4px -2px rgba(0, 0, 0, 0.25);

    }

    .navbar { 
      /* background-color: #ffffff; */
      /* box-shadow: -2px 0.125rem 4px -2px rgba(212, 212, 212, 0.25); */
      /* padding-bottom: 22px; */
      z-index:3;
      position: fixed;width:100%;top:0px;
      background-color: rgba(255, 255, 255, 0.801);
      -webkit-backdrop-filter: blur(9px);
      backdrop-filter: blur(9px);
      box-shadow: -2px 0.125rem 4px -2px rgba(0, 0, 0, 0.25);

    }

    .navbar-collapse {
      overflow-y: auto;
      max-height: 70vh;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none; 
    }


  .navbar-collapse::-webkit-scrollbar {
    display: none; /* Skryje svislý posuvník prohlížečů WebKit */
  }


    .navbar-nav .nav-link {
        text-shadow : none;
        text-align: center;  
        margin-bottom:0.43125rem !important;
     
          
    }

    .navbar-brand img {
        /* height: 39px;
        margin-top:31px; */
        height: 2.4rem;
        /* margin-top:0.9375rem; */
            
    }

    .navbar-nav{ 
        margin-top:4rem;
        margin-bottom:18px

    }

    /* header   { */
        /* min-height: 571px; */
        /* margin-top:-3px; */
        
      /* } */
/*     
    header h1  {
      position: absolute;
      top: 150px;
      
    } */
   

  }

  .navbar-toggler {
    /* margin-top:17px; */
    margin-top:0.6rem;
    border: none;
    outline: none;
    background-color: transparent;
    padding-top: 0px; padding-left:0.3125rem; padding-right:0.3125rem;padding-bottom: 0.3125rem;
    width:3.125rem; height:55px;
  }
  
  .navbar-toggler .menu-line {
    width: 42px;
    height: 0.375rem; /*7px*/
    transition: transform 0.5s;
    margin-top:  0.5625rem;
    margin-bottom:  0.5625rem;
    border-radius:1.5625rem;
    /* border-radius:1.5625rem; */

  }
  .dark .navbar-toggler .black-line {
    background-color: #ffffff;
  }
  .navbar-toggler .black-line {
    background-color: var(--barva10);
  }
  .in-grey-line{
    position: absolute !important;
    top:-4px;
    font-size:0.9375rem;
    /* background-color: pink !important; */
  }
  
  .dark .navbar-toggler .grey-line {
    color: rgb(255, 255, 255);

  
  }

  .navbar-toggler .grey-line {
    /* color: #ccc; */
    color: var(--barva10);
    background-color: transparent;
    position: relative;

  }
  
  .navbar-toggler.opened .menu-line:nth-child(1) {
    transform: translateY(0.875rem) translateX(-0.5rem) rotate(45deg);
    width:56.57px;
    -webkit-transform: translateY(0.850rem) translateX(-0.5rem) rotate(45deg);
    -moz-transform: translateY(0.875rem) translateX(-0.5rem) rotate(45deg);
    -ms-transform: translateY(0.875rem) translateX(-0.5rem) rotate(45deg);
    -o-transform: translateY(0.875rem) translateX(-0.5rem) rotate(45deg);
}
  
  .navbar-toggler.opened .menu-line:nth-child(2) {
    opacity: 0;
  }
  
  .navbar-toggler.opened .menu-line:nth-child(3) {
    transform: translateY(-1.0625rem) translateX(-0.5rem) rotate(-45deg);
    width:56.57px;
    -webkit-transform: translateY(-1.0625rem) translateX(-0.5rem) rotate(-45deg);
    -moz-transform: translateY(-1.0625rem) translateX(-0.5rem) rotate(-45deg);
    -ms-transform: translateY(-1.0625rem) translateX(-0.5rem) rotate(-45deg);
    -o-transform: translateY(-1.0625rem) translateX(-0.5rem) rotate(-45deg);
}
  
  .navbar-toggler.opened .gray-line {
    margin-top:5.625rem; padding-bottom:3.75rem;background-color: #9BA7B9;
  }
  




  @media (min-width: 993px) {

  .cpad{padding-top:5.625rem; padding-bottom:3.75rem;}

  

  .headerbutton{

    /* bottom:0.9375rem !important; */
     width:100%;
    position: relative !important;
     height:3.75rem;
    display: flex;
    justify-content: center;
    margin-top:3rem;
  }
}
.uvodninadpisspace{
  padding:0.5rem; border-radius:1rem;-webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px); background-color:rgba(255, 255, 255, 0.71);
    -webkit-box-shadow: .1rem .1rem .3rem 0px rgba(184,184,184,1);
-moz-box-shadow: .1rem .1rem .3rem rgba(184,184,184,1);
box-shadow: .1rem .1rem .3rem 0px rgba(184,184,184,1);margin-top:16vh;
}

  @media (max-width: 992px) {
    .uvodninadpisspace{
      width:80%;
    min-width:270px !important;
    max-width:444px;
    /* background-color: pink !important; */
    margin-left:auto; margin-right: auto;
    margin-top:12vh;
    }

    .headerbutton{
margin-top:1.5rem;
      /* bottom:0px !important; */
       width:100%;
      position: relative !important;
       height:4.8125rem;
      display: flex;
      justify-content: center;
    }

    .cpad{padding-top:7.5rem; padding-bottom:2.625rem;}
    #logotyp{display: block !important;}


  }


  hr {
    border: 0.03125rem solid #bbbbbb;
  }

  h1.dark{color:white !important;}

.mb33{margin-bottom: 2.0625rem;}

.cernylink{
  color: black !important;
  text-decoration: none !important;
}




footer{
  background-color:rgb(0, 0, 0) !important;
color: #000;
/* height: 100%; */
min-height: 13.875rem;
left: 0px;

/* šedivá */
/* background: #9BA7B9; */

}

.bgrey{
  background-color: rgba(0, 0, 0, 0.966);


}
.bgrey2{ background: rgb(161,161,161);
  background: linear-gradient(180deg, rgba(161,161,161,1) 0%, rgba(0,0,0,0.96) 0%, rgba(0,0,0,1) 100%); }
.bblack{
  background-color: rgba(0, 0, 0, 1);


}

.bwhite{
  background-color:white;


}
.filtr3 {
  /* background: rgb(0, 0, 0); */ 
  background: rgb(255, 255, 255);
  /* background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 9%, rgba(0,0,0,0) 100%);  */
  background: linear-gradient(180deg, rgba(255, 255, 255,1) 0%, rgba(255, 255, 255, 0) 100%);  


  position:absolute;
height:100%;width:100%;
z-index:0;
}
.filtr4 {
  /* background: rgb(0, 0, 0); */ 
  background: rgb(255, 255, 255);
  /* background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 9%, rgba(0,0,0,0) 100%);  */
  background: linear-gradient(180deg, rgba(255, 255, 255,0.6) 0%, rgba(255, 255, 255, 0) 100%);  


  position:absolute;
height:100%;width:100%;
z-index:0;
}
.filtr5 {
  /* background: rgb(0, 0, 0); */ 
  background: rgb(255, 255, 255);
  /* background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 9%, rgba(0,0,0,0) 100%);  */
  background: linear-gradient(180deg, rgba(255, 255, 255,0.6) 0%, rgba(255, 255, 255, 0) 42%);  


  position:absolute;
height:100%;width:100%;
z-index:0;
}
.filtr6 {
  /* background: rgb(0, 0, 0); */ 
  background: rgb(255, 255, 255);
  /* background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 9%, rgba(0,0,0,0) 100%);  */
  background: linear-gradient(180deg, rgba(255, 255, 255,0.42) 0%, rgba(255, 255, 255, 0) 42%);  


  position:absolute;
height:100%;width:100%;
z-index:0;
}

.dark .filtr3 {
  /* background: rgb(0, 0, 0); */ 
  background: rgb(0,0,0);
  /* background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 9%, rgba(0,0,0,0) 100%);  */
  background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0,0,0,0) 100%);  


  position:absolute;
height:100%;width:100%;
z-index:0;
}

.filtr1 {background-color:rgba(0, 0, 0, 1) !important; }
.inpicmaxrow{max-width:721px;width: 80%;margin:0 auto;}
.inpicpad {padding-top: 100px !important;padding-bottom:100px;  position: relative; }

.pic {
  background: url("../img/pic.webp") fixed no-repeat;
  /* background-repeat: no-repeat; */
  background-size: cover;
  padding:0px !important;

  /* Další vlastnosti pozadí, pokud fje potřebujete */
}
.pic2 {
  background: url('../img/header1.webp') fixed no-repeat;
  /* background-repeat: no-repeat; */
  background-size: cover;
  padding:0px !important;
  background-position-y:center;
  background-position-x: center;  
}

.pic3 {
  background: url('../img/header2.webp') fixed no-repeat;
  /* background-repeat: no-repeat; */
  background-size: cover;
  padding:0px !important;
  background-position-y:100%;
  background-position-x: center;
  /* Další vlastnosti pozadí, pokud fje potřebujete */
}


.cenikbox{
  border:1px solid black; border-radius:0.9375rem;padding:21px;

}

.dark{color: white;}



.pink {background-color: pink;}

.border-top {border-top: 0.0625rem solid #9BA7B9;}
.img-left{text-align: left;}
.img-right{text-align: right;}
.margintop32 {margin-top: 2rem;}
.margintop21 {margin-top: 1.3125rem;}

.margintop15 {margin-top: 0.9375rem;}


@media (max-width: 766px) {

}






  @media (max-width: 576px) {



   
    
    

  }
  
 
/* FOrmular */
    /*formulář*/
    @media (max-width: 991px) {
      input.myf, input:focus {
        font-size: 0.75rem; 
        padding-bottom:2px !important;

      }
      textarea.myfarea{
        font-size: 0.75rem; 
        padding-bottom:0px !important;
        /* height:24px !important; */
      }
      /* textarea.myfarea::placeholder { */
        /* transform: translateY(1260px); */
        /*background-color:pink;
         */      
        /* -webkit-transform: translateY(1260px);
        -moz-transform: translateY(1260px);
        -ms-transform: translateY(1260px);
        -o-transform: translateY(1260px); */
/* } */
    }
    /* textarea.myfarea::placeholder { */
      /* transform: translateY(2.875);
      -webkit-transform: translateY(2.875);
      -moz-transform: translateY(2.875);
      -ms-transform: translateY(2.875);
      -o-transform: translateY(2.875); */
      /* color:#a3a3a3; */
/* } */

textarea.myfarea::-moz-placeholder {color:rgb(0, 0, 0) !important;}

input.myf::placeholder, textarea.myfarea::placeholder {color: rgb(112, 112, 112); }

    textarea.myfarea {
      height:9rem;
      color:black;
      display: flex;
      width: 100%;
      /*height:4.8125rem;
      flex-direction: column;
      /*justify-content: flex-end;
      */
      padding-bottom:0.3125rem;
      margin-bottom: 0.75rem;
      /* background:white !important; */
      background-color: rgba(255, 255, 255, 0.93);
      border: 0.125rem solid #d6d6d6 !important;
      /*border: 0.125rem solid #A0A0A0 !important;
      *//*border-top: none !important;
      border-right: none !important;
      border-left: none !important;
      */
      font-size: 1rem;
      resize:none;
      padding-left: 0.75rem;
      padding-bottom:0.5rem;
      padding-top:0.5rem;
      border-radius:0.6rem;
      -webkit-border-radius:0.6rem;
      -moz-border-radius:0.6rem;
      -ms-border-radius:0.6rem;
      -o-border-radius:0.6rem;
}
    
    /* input, textarea{ */
      /* caret-color: #C0C0C0; */
    
    /* } */
    /* input:focus, textarea:focus { */
      /* outline: none; */
      /* box-shadow: none; */
      /* border-top:none !important; border-right:none !important; border-left:none !important; */

    /* } */
    input.myf, select.myf {
      font-size: 1rem;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      color:black;
      border-radius:0.6rem !important;
      /*background-color: transparent;
      */background-color: rgba(255, 255, 255, 0.93);
      border: 0.125rem solid #d6d6d6 !important;
      /*border-top:none !important;
      border-right:none !important;
      border-left:none !important;
      */padding-bottom:0.6rem !important;
      padding-top:0.6rem;
      /* outline: none; */
      /* box-shadow: none; */
      width:100%;
      margin-bottom:24px;
      -webkit-border-radius:0.6rem !important;
      -moz-border-radius:0.6rem !important;
      -ms-border-radius:0.6rem !important;
      -o-border-radius:0.6rem !important;
}

select.myf{
  color:rgb(112, 112, 112);}


    input.myf, textarea, select.myf{
    box-shadow:0.1rem 0.1rem 0.6rem rgba(0, 0, 0, 0.25);
  }

    
    .myfmsg{
      margin-top:4.125rem;
    }
    
    button.bblink, button.bblink:focus {
    color:black;

    /* Label */
    font-size: 4.125rem;
    font-style: normal;
    font-weight: 600;
    line-height: 118%; /*.88px*/
    /* line-height:20px; */
    border:none !important;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    padding:0px;
    margin-left:0px;
    }

    input[type="checkbox"] {
    display: inline;
    text-align: left;
    vertical-align: middle;
    /*Zarovnánícheckboxustextem*/height:1rem;
    border-radius: 25%;
    -webkit-border-radius: 25%;
    -moz-border-radius: 25%;
    -ms-border-radius: 25%;
    -o-border-radius: 25%;
}

    .odeslat-row{
      margin-top:1.1875rem;

    }
    .inchbox{
      padding-right:0.3125rem;
    }


/* The container */
.checkbox-label  {
  display: block;
  position: relative;
  padding-left: 1.5625rem;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0.3125rem;
  left: 0;
  height: 1rem;
  width: 1rem;
  background-color: #eee;
  border: 0.0625rem solid transparent;
}

/* On mouse-over, add a grey background color */
.checkbox-label:hover input ~ .checkmark {
  background-color: #C0C0C0;
}

/* When the checkbox is checked, add a blue background */
.checkbox-label input:checked ~ .checkmark {
  background-color: #A0A0A0;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-label input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-label .checkmark:after {
  left: 0.3125rem;
  top: 0.125rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid white;
  border-width: 0 0.1875rem 0.1875rem 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*formulář sekce*/
.error-field::placeholder ,  input.error-field{
  color: red !important;
}

.checkmark.error-field{
  border-color:red;
} 
.error-message {
  color: red;
  margin-top: 0.625rem;
}

.myButton {
	box-shadow:inset 0px 0.0625rem 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	background-color:#ededed;
	border-radius:0.375rem;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#777777;
	font-family:Arial;
	font-size:0.9375rem;
	font-weight:bold;
	padding:0.375rem 24px;
	text-decoration:none;
	text-shadow:0px 0.0625rem 0px #ffffff;
}
.myButton:hover {
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	background-color:#dfdfdf;
}
.myButton:active {
	position:relative;
	top:1px;
}

        
#topButton {
  font-size:1.5625rem;
  font-weight:bolder;
  display: none;
  position: fixed;
  bottom: 1.25rem;
  right: 1.25rem;
  z-index: 99;
  background-color: rgba(255, 255, 255, 0.573); 
  border-color:rgba(255, 255, 255, 0.141);
color:rgb(0, 0, 0);
border-radius: 50% !important;
z-index: 2097;
width:3.125rem;
height:2.8125rem;

}
#topButton:hover {
background-color: rgba(219, 219, 219, 0.709); 
  border-color:rgba(0, 0, 0, 0.3);
}

@media (max-width: 400px)  {

  .h1logoimg{
    width:80% !important;
    /* max-width:111px !important; */
  }

}

@media (min-width: 993px)  {

  .logoinh1{
    top: 6.9375rem !important;
    margin-top:6rem;
  }

  .h1logoimg{
    width:18.75rem;
    /* max-width:111px !important; */
  }
}
  @media (max-width: 992px)  {
    .logoinh1{
    top:0px;
  }
  .h1logoimg{
    width:20.625rem;
    /* max-width:300px !important; */

  }

  .mpadlr6{padding-left:0.375rem;padding-right:0.375rem;}

  }

  .kspace{text-align:left;
    margin:0 auto;
    width:264px; 
    position:relative;
   }
   .kspace .radka{display: flex; 
   /* background-color:psnk; */
   }
   .vl{margin-left:0.375rem;}

    /* tlačítko */


    .dark .mbtn{
      margin:0 auto;
      font-family: ubuntu, sans-serif;
      font-weight: 0;
      font-size: 0.875rem;
      color: #000000;
      background-color: #ffffff;
      /* background-color: #0066CC; */
    
      padding: 0.625rem 30px;
      border: 0.125rem solid #000000;
      /* border: 0.125rem solid #0066cc; */
    
      box-shadow: rgba(0, 0, 0, 0.2) 0px 1.25rem 30px;
      border-radius: 3.125rem;
      transition : 1000ms;
      transform: translateY(0);
      display: flex;
      flex-direction: row;
      align-items: center;
      cursor: pointer;
      }
      
      .dark .mbtn:hover{
      
      transition : 1000ms;
      padding: 0.625rem 3.125rem;
      transform : translateY(-0px);
      /* background-color: #fff; */
      background-color: transparent;
      color: rgb(255, 255, 255);
      border: solid 0.125rem #ffffff;
      }


.mbtn{
  margin:0 auto;
  font-family: ubuntu, sans-serif;
  font-weight: 0;
  font-size: 0.875rem;
  color: #fff;
  background-color: #585858;
  /* background-color: #0066CC; */

  padding: 0.625rem 30px;
  border: 0.125rem solid #585858;
  /* border: 0.125rem solid #0066cc; */

  box-shadow: rgba(0, 0, 0, 0.2) 0px 1.25rem 30px;
  border-radius: 3.125rem;
  transition : 1000ms;
  transform: translateY(0);
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  }
  
  .mbtn:hover{
  
  transition : 1000ms;
  padding: 0.625rem 3.125rem;
  transform : translateY(-0px);
  /* background-color: #fff; */
  background-color: transparent;
  color: rgb(30, 30, 30);
  border: solid 0.125rem #585858;
  }

  .mbtn3{
    margin:0 auto;
    /* font-family: ubuntu, sans-serif; */
    font-weight:900;
    font-size: 2.1rem;
    color: #fff;
    background-color: var(--barva10);
    /* background-color: #0066CC; */
  
    padding: 0.625rem 30px;
    border: 0.125rem solid var(--barva10);
    /* border: 0.125rem solid #0066cc; */
  
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1.25rem 30px;
    border-radius: 3.125rem;
    transition : 1000ms;
    transform: translateY(0);
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    }
    
    .mbtn3:hover{
    
    transition : 1000ms;
    padding: 0.625rem 3.125rem;
    transform : translateY(-0px);
    /* background-color: #fff; */
    background-color: transparent;
    color: var(--barva10);
    border: solid 0.125rem var(--barva10);
    }

  .mbtn2{
    margin:0 auto;
    /* font-family: ubuntu, sans-serif; */
    font-weight:900;
    font-size: 2.1rem;
    color: #fff;
    background-color: var(--barva9);
    /* background-color: #0066CC; */
  
    padding: 0.625rem 30px;
    border: 0.125rem solid var(--barva9);
    /* border: 0.125rem solid #0066cc; */
  
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1.25rem 30px;
    border-radius: 3.125rem;
    transition : 1000ms;
    transform: translateY(0);
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    }
    
    .mbtn2:hover{
    
    transition : 1000ms;
    padding: 0.625rem 3.125rem;
    transform : translateY(-0px);
    /* background-color: #fff; */
    background-color: transparent;
    color: var(--barva9);
    border: solid 0.125rem var(--barva9);
    }

 .hspace {
    position: absolute;
    width: 100%;
    /* height: 100vh; */
    height: var(--vyska2) !important;
    /* top: 12rem; */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; /* toto zajistí, že prvky budou pod sebou */
    }
    
   
    
    .hspace .hel {
    width: fit-content; /* toto zajistí, že prvky budou mít šířku podle obsahu 
    margin: auto; / toto zajistí, že prvky budou zarovnané na střed */
    }
    
    
    @media (max-width: 992px){
      .hspace{
        position: relative;
          height:100%;
        display:block;
        width: 100%;
        top:0px;
        margin-top:88px;
        padding-top:4.125rem;
        min-height: 40rem;
        /* padding-top:99px; */
    
        padding-bottom:3.75rem;
      }
      .hspace .hel {margin:9px auto 9px auto;}
    
    }
    .fwtc{
      width:100%;text-align:center;
    }
    .boxf{
      background-color: rgb(255 255 255 / 0.360);
      backdrop-filter: blur(0.625rem);
      /* margin-top:0.75rem; */
      border-radius:0.75rem;
      padding-left:0.75rem;padding-right:0.75rem; padding-bottom:0.75rem;padding-top:24px;
      margin-left:auto; margin-right:auto; width:72%; min-width:291px;
    
    
    }


    
    .dtext-shadow-light{
      text-shadow: 0.1rem 0.1rem 0.3rem rgb(255, 255, 255);

    } 
    .dtext-shadow{
      text-shadow: 0.1875rem 0.1875rem 0.375rem black;

    } 

    .fheight{height:100%;}

    blockquote.blockquote {
      /* border-left: 0.3125rem solid #007BFF; Barva levého okraje */
      margin: 1.25rem 0; /* Odsazení citace od okolního obsahu */
      background-color: #00000076; /* Barva pozadí citace */
      font-size: 1.125rem; /* Velikost textu v citaci */
      line-height: 1.5; /* Řádkování textu v citaci */
      border-radius:0.75rem;
      height:100%;
      position:relative;
      padding-bottom:2.625rem;
      padding-left: 0.9375rem;padding-right:0.9375rem; padding-top:0.9375rem;
    }
    
    blockquote.blockquote p {
      margin: 0; /* Odstranit výchozí odsazení odstavce v citaci */
    }
    
    blockquote.blockquote cite {
      display: block; /* Jméno autora pod textem citace */
      margin-top: 0.625rem; /* Odsazení jména autora od textu citace */
      font-style: italic; /* Zvýraznění jména autora kurzívou */
      position:absolute;
      bottom:0.625rem;
      width:100%;
      left:0;

      /* background-color:pink; */
    }
    

    /* Kontakty */
    .contact-info {
      margin-bottom: 1rem;
      padding: 0;
      width: 13rem; 
            min-width: 13.5rem; 
            margin-left:auto;
            margin-right:auto
    }
.dark .contact-info, .dark .contact-info li, .dark .contact-info p,.dark .contact-info li a, .dark .cernylink, .dark i{

  color:white !important;
}

    
      
            
    .contact-info li {
    
      list-style: none !important;
      margin: 0  0 1.25rem 0;
      position: relative;
      /* padding-left: 2.8125rem; */
      padding-left:2rem;
      color: #000;
    }
    .contact-info li i {
    
      position: absolute;
      top: 0.3em;
      left: 0.0625rem;
      font-size: 1.125rem;
      color: rgba(0, 0, 0, 0.7);
        list-style: none !important;
    
    
    }
    .contact-info li a {
      
      color: #000;
      text-decoration:none;
    }
    .contact-info  li i {
      top:0rem;
    
    }
    
    
    .team-member {
            margin: 0 auto;
            max-width: 20.8125rem; /* 333px converted to rem */
        }
    
    
        .item-hide{display: none;}
        .item-2-hide{display: block;}
    
        .show-more-info{
            font-size:0.9rem;
       
        }
        .smic{margin-bottom: 1rem;}


p, .textcol{color:black;}
.dark .textcol, .dark p {color:white;}


.invert-colors {
  filter: invert(1);
}

.subheader3{

  color:#5c5c5c;
}

.dark .subheader3{

  color:#ededed !important;
}

.dark .text-muted{
color:#dddddd !important;

}

.btext{color:black;}
.dark .btext{color:white;}

.maincontent{
  min-height: calc(100vh - 18rem);
  /* background-color: pink; */
}


.galfixitem2 {
  width: 100%;
  padding-top: 75%; /* Poměr 4:3 */
  background-size: cover;
  background-position: center;
  border-radius: 0.5rem;
  transition: transform 0.3s ease;
}

.galfixitem2:hover {
  transform: scale(1.03);
}


.galfixitem.imgfwidth{width: 100% !important;}

@media  (min-width:992px) {
  

ul.dropdown-menu.show
 {
    margin-top: .45rem;
    box-shadow:0px 0px .6rem rgb(224, 224, 224);
}}

@media screen and (max-width:991px) {
  ul.dropdown-menu.show {
    text-align: center;
}
}