/* 

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


@font-face {
  font-family: 'ethnocentric';
  src: url('fonts/ethnocentric/ethnocentric_rg.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ethnocentric';
  src: url('fonts/ethnocentric/ethnocentric_rg_it.otf') format('truetype');
  font-weight: normal;
  font-style: italic;
}


@font-face {
  font-family: 'MYRIADPRO';
  src: url('fonts/myriad-pro-cufonfonts/MYRIADPRO-Regular.OTF') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MYRIADPRO';

  src: url('fonts/myriad-pro-cufonfonts/MYRIADPRO-BOLDCONDIT.OTF') format('truetype');
  font-weight: bold;
  font-style: italic;
}      


@font-face {
  font-family: 'MYRIADPRO';

  src: url('fonts/myriad-pro-cufonfonts/MYRIADPRO-CONDIT.OTF') format('truetype');
  font-weight: normal;
  font-style: italic;
}




@font-face {
  font-family: 'MYRIADPRO';

  src: url('fonts/myriad-pro-cufonfonts/MYRIADPRO-ExtraBold.OTF') format('truetype');
  font-weight: bold;
  font-style: normal;
}   




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

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


.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: 'MYRIADPRO', 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; */
    }

    .pds2nb{
    padding-top:7.5rem;
    padding-bottom:3rem;


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


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

.overlay {
  content: '';
  /* background-image: url('../img/header1.webp'); */
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: right;
  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: auto 3rem;
    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:-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:7.5rem !important;}
    #boxheader{top:22.5rem !important;}

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

  .navbar {
    background-color: black;
    
  }

  .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); */
    background-color: rgba(0, 0, 0, 1);

    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);
  /* --vyska: 100vh; */
}
.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);
}

.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: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%;
    min-height: 100vh;
    
    }
    .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: 800;
    font-size: 0.875rem;
    line-height: 140%;
    text-transform: uppercase;
    margin-left: 1.75vw;
    color: #c5090a !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: #c5090a; /* 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 #c5090a !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: #c5090a;
  }
  .in-grey-line{
    position: absolute !important;
    top:-4px;
    font-size:0.9375rem;
    /* background-color: pink !important; */
  }
  
  .navbar-toggler .grey-line {
    /* color: #ccc; */
    color: #c5090a;
    background-color: transparent;
    position: relative;

  }
  
  .navbar-toggler.opened .menu-line:nth-child(1) {
    transform: translateY(0.850rem) translateX(-0.5rem) rotate(45deg);
    width:56.57px;
    -webkit-transform: translateY(0.850rem) translateX(-0.5rem) rotate(45deg);
    -moz-transform: translateY(0.850rem) translateX(-0.5rem) rotate(45deg);
    -ms-transform: translateY(0.850rem) translateX(-0.5rem) rotate(45deg);
    -o-transform: translateY(0.850rem) 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: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;}

.dark div, .dark p, .dark p, .dark .cernylink {color:white !important;}

.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: #9daaa3 !important;}

input.myf::placeholder, textarea.myfarea::placeholder {color: #9daaa3; }

    textarea.myfarea, textarea.myfarea:hover, textarea.myfarea:focus {
      height:9rem;
      outline: none;

      color:white;
      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: #212121;
      border: 0px solid transparent;
      /* 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.3rem;
      -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.form-control {
      outline: none;
      }
   
    input.myf, input.myf:hover, input.myf:focus   {
      font-size: 1rem;
      outline: none;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      color:white;
      border-radius:0.6rem !important;
      background-color: #212121;
      border: 0px solid transparent;
      /*background-color: transparent;
      background-color: #212121;
      /*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;
}

    input.myf, textarea{
    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:'ethnocentric';
	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;}


}
.testk{
  background-color: #00000031;

}
  .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_red2{
      /* margin:0 auto; */
      font-family: 'MYRIADPRO', sans-serif;
      font-weight: 900;
      font-size: 1.2rem;
      color: #ffffff;
      background-color: #d00202;
      /* background-color: #0066CC; */
    
      padding: 0.625rem 3rem;
      border: 0.125rem solid #d00202;
      /* 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;
      width:18rem;text-align:center;justify-content:center;
      }
      
      .mbtn_red2:hover{
      
      transition : 1000ms;
      padding: 0.625rem 4.2rem;
      transform : translateY(-0px);
      /* background-color: #fff; */
      background-color: white;
      color: #d00202;
      border: solid 0.125rem #d00202;
      }

    .mbtn_red{
      /* margin:0 auto; */
      font-family: 'MYRIADPRO', sans-serif;
      font-weight: 900;
      font-size: 1.2rem;
      color: #ffffff;
      background-color: #d00202;
      /* background-color: #0066CC; */
    
      padding: 0.625rem 3rem;
      border: 0.125rem solid #d00202;
      /* 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_red:hover{
      
      transition : 1000ms;
      padding: 0.625rem 4.2rem;
      transform : translateY(-0px);
      /* background-color: #fff; */
      background-color: transparent;
      color: #d00202;
      border: solid 0.125rem #d00202;
      }

    .mbtn_dark{
      margin:0 auto;
      font-family: 'MYRIADPRO', 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;
      }
      
      .mbtn_dark: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: 'MYRIADPRO', 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: 100vh; */
    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;
        /* 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; */
    }
    
    @media (min-width: 993px)  {
      .onlydesktop{
        display:block;
      }
      .onlymobile{
        display:none !important;
      }
      /* .nav-link::after {
        content: ".";
        color: white;
        font-size: 0.875rem;
        margin-left: 0rem;
        position: absolute;
        right: 0.21rem;
        z-index: 1; 
      } */
      }
    @media (max-width: 992px)  {
    .onlydesktop{
      display:none;
    }
    .onlymobile{
      display:block;
    }

    #jakub-vanasek {max-width:35rem;width:90% !important; margin-left:6% !important; margin-top:54vh !important;}

    /* #strom{
      position:absolute !important;
      right:20vw;
      top:1.68rem;
    } */
    #strom{
      margin-left:0px !important;
      position:relative;
    }
    #strom img { max-height:3rem !important;margin:0 auto;
    }
    }

    #strom{
      margin-left:3rem;
      position:relative;
    }
    .navbar #strom img{
      max-height:3rem;
    }

    .navbar.fixed-top   #strom img{
      max-height:2.1rem;
    }

    .textwhite{color:white !important;}
    #jakub-vanasek img{
      width:90%;
      max-width:35rem;
      margin-bottom: 4rem;
    }
    #jakub-vanasek {width:35rem;margin-left:15rem; margin-top:8rem;
     margin-bottom: 4.2rem;
      /* position:relative; */
    
    }



    #jakub-vanasek .mbtn_red{margin-left:1rem;}

    .text-o-mne{
      max-width:33rem;height:100%
    }

    .o-mne-bunka{
      height:100% !important; 
      padding-top:3rem;

    }

.row-o-mne{padding-bottom: 3rem;padding-top:2rem;}
    @media (min-width: 993px)  {
           .cvmhn h1{text-align: left !important;}

    }
    @media (max-width: 992px)  {
      .tnadpis{

font-size: 2.1rem !important;

}
     .cvmhn h1{text-align: center !important;}
          .nbts{
              justify-content: center;
          }
     .bunka-textu-sluzby{
      max-width:21rem;
      margin-bottom: 0.6rem;
     }

      #jakub-vanasek img{
       
        margin-bottom: 1.2rem;
      }

      .text-o-mne{
        display:block !important;
        /* min-height:42rem;   */
        min-width:100%;   
 }
  
      .o-mne-bunka{
        display:block !important;     
      }
    

      .row-o-mne{margin-top:4rem;margin-bottom:4rem;}


    }

    .radka-sluzby{
      border-bottom: 1px solid #353533;
      margin-bottom: 3rem;
    }

    .mgb3{
      margin-bottom: 4rem;
    }

    .bunka-textu-sluzby h2{
      margin-bottom: 1.5rem !important;
      font-size:1.1rem;
      font-weight: 900;
    }
    .bunka-textu-sluzby p{
      max-width:21rem;
    }


    @media (max-width: 445px) and (min-height:720px)  {
      #jakub-vanasek{
        margin-top: 57vh !important;
      }
    

    .overlay {
      background-position: 87%;
    }}

    @media (max-width: 320px) and (min-height:600px)  {
      .overlay {
        background-position: 80%;
      }}

.portf {
  margin-bottom: 3rem;
}
  .portf h3{
  font-family: 'ethnocentric';
  font-size: 3rem;
  margin-bottom: 3rem;
}

 .portf img{
width:81%;
}
.ckontakt{
  margin-top:3.6rem;
  line-height: 2;
}

.ckontakt a, .ckontakt a:hover {
  font-family: 'ethnocentric';
  font-size: 2.1rem;
  color:white;
  text-decoration: none;

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

}

@media (max-width: 396px)  {
  .ckontakt a, .ckontakt a:hover {
    font-size: 0.9rem !important;

  
  }

}
@media (max-width: 767px)  {
  .certs{
    max-height: 100% !important;
    width:81% !important; 
    max-width:21rem !important;
    }
   

}

@media (max-width: 1300px) and  (min-width: 768px) {
  .certs{
    max-height: 12rem !important;
      }

}

    @media (max-width: 1300px)  {
      .ckontakt a, .ckontakt a:hover {
        font-size: 1.5rem;
  
      
      }
      
        .portf h3{
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
}

 .portf img{
width:85%;
max-width:16rem;
}
    }

.tnadpis{
font-weight: 800 !important;
color: #000;
font-size: 2.7rem;
margin-bottom: 1.5rem;

}

.dark .tnadpis{color:white !important;} 
.certs{
  margin-top:1rem;
  max-height:18rem;
  width:auto;
  max-width:99%
  
}