@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');





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

.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;

    /* 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: -2px 0.125rem 4px -2px rgba(0, 0, 0, 0.25);}


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

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


  }
.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; }


header.header {
    background-image: url('../img/header1.webp');
    background-size: cover;
    position: relative;
    /* min-height: 666px; */
    min-height:100vh;  
    height:100% !important;
     /* padding-bottom:1.5625rem;  */
     padding-bottom:75px;

  }

  .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{font-size: 1.2rem !important;}
  .velke{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) {
    header.header {min-height: 666px;}
    
    #uh1{top:-9px !important; 
      position: absolute;
      margin-top:0px !important;}
   

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


    #hlavninadpis{top:120px !important;}
    #boxheader{top:360px !important;}

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

  .navbar {
    background-color: transparent;
    
  }

  .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;
  }
 
  .navbar.fixed-top {
    background-color: rgba(0, 0, 0, 0.888);
    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 - 192px);
}
.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);
}

.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:3px;

}

.pad24{padding:2.4em !important;}

 @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;
    line-height: 140%;
    text-transform: uppercase;
    margin-left: 1.75vw;
    color: #ffffff !important;
    text-shadow: -2px 0.125rem 4px rgba(0, 0, 0, 0.25);
    position: relative; /* Přidáme relativní pozici pro pseudo-element */
  }
  
  .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: #ffffff; /* Barva borderu */
    transition: width 0.3s ease; /* Animace šířky 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 #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) {
  .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) {

  
    

    .navbar { 
      background-color: #000000;
      /* 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;
    }

    .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: 2rem;
        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;
    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; */

  }
  
  .navbar-toggler .black-line {
    background-color: #ffffff;
  }
  .in-grey-line{
    position: absolute !important;
    top:-4px;
    font-size:0.9375rem;
    /* background-color: pink !important; */
  }
  
  .navbar-toggler .grey-line {
    /* color: #ccc; */
    color: rgb(255, 255, 255);
    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.875rem) 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;
  }
}


  @media (max-width: 992px) {

    .headerbutton{
margin-top:3rem;
      /* 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);


}
.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:100%;
  background-position-x: center;
  /* Další vlastnosti pozadí, pokud fje potřebujete */
}
.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 {
      display: flex;
      width: 100%;
      /*height:4.8125rem;
      */height:4.8125rem;
      flex-direction: column;
      justify-content: flex-end;
      padding-bottom:0.3125rem;
      margin-bottom: 0.75rem;
      background-color: transparent;
      border-bottom: 0.125rem solid #A0A0A0 !important;
      border-top: none !important;
      border-right: none !important;
      border-left: none !important;
      font-size: 0.875rem;
      resize:none;
      padding-left: 0.75rem;
      /*Umožnívertikálnízměnuvelikostitextarea*/
      border-radius:0.375rem;
}
    
    input, textarea{
      caret-color: #C0C0C0;
    
    }
    imput:focus, textarea:focus {
      outline: none;
      box-shadow: none;
      border-top:none !important; border-right:none !important; border-left:none !important;

    }
    input.myf {font-size: 0.875rem;
      font-style: normal;
      font-weight: 400;
      line-height: normal; 
      color:black;
      background-color: transparent;
      border-bottom: 0.125rem solid #A0A0A0 !important;
      border-top:none !important; border-right:none !important; border-left:none !important;
      padding-bottom:0.3125rem;
      outline: none;
      box-shadow: none;
      width:100%;
      margin-bottom:24px;
    }
    input::placeholder, textarea::placeholder {color: #616161 !important; }
    
    .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í checkboxu s textem */  
    height:1rem;
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 (min-width: 993px)  {

  .logoinh1{
    top: 6.9375rem !important;
  }

  .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 */


.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;
  }



  .hspace {
    position: absolute;
    width: 100%;
    height: 70vh;
    top: 15vh;
    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;
        /* 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{
      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; */
    }