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

@media (min-width: 992px) {

  p {font-size:0.81rem;}
  h1{font-size: 1.8rem !important;}
  h2{font-size: 1.5rem !important;}
  h3{font-size: 1.2rem !important;}
  h4{font-size: .9rem !important;}
  h5{font-size: .81rem !important;}
  /* html,body{font-size:0.9vw !important;} */
    html,body{font-size:1.7vw !important;}

 }

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

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

 */

.mymaxwidth{width:80%;max-width:60rem;position: relative; margin: 0 auto;}
.mymaxwidthhfull{width:100%;}

.mymain{min-height: 100vh; height:100%;position:relative;
  /*  background-image: 
linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), 
  url('../wall2.webp');
background-size: cover;
background-position: center center, center center;*/
  /* background-color: pink; */
}

.mymainbox{

  background-color: rgba(255, 255, 255, 0.72);
  /* border-radius:0.6rem;
  -webkit-border-radius:0.6rem;
  -moz-border-radius:0.6rem;
  -ms-border-radius:0.6rem;
  -o-border-radius:0.6rem; */
  /* box-shadow :0px 0px 0.9rem rgba(0, 0, 0, 0.332); */
  backdrop-filter: blur(5px);
  /* height:80vh; */
  min-height:21rem;
}
  .sidebar {
    background-color: rgba(197, 197, 197, 0.394);

  }
  @media screen and (max-width:439px){

    .sidebar{justify-content: start !important;
    }
    .sid{margin-left:.33rem;
    width:270px !important;
    }
    .sidride{display: flex;justify-content: center !important;}

    .contact-list{
      margin-top:.9rem;
    }

  }
  @media screen and (max-width:439px){
    .sidebarlogo{max-width:90% !important;}
    .logosid{justify-content: center !important;}
    .sidebar{justify-content: center !important;}
  }
  
  /* @media screen and (min-width:554px) and (max-width:991px){ */


  @media screen and (min-width:450px) and (max-width:991px){
  .sidride, .logosid{flex: 1 1 50%;
  width:50% !important;}
}
  @media screen and (max-width:991px) {

  


    .sidride{display: flex;justify-content: end;}
.contact-list{
    font-size:.9rem !important;
  /* width:210px; */
  width:180px;
  }
  
  
    .logosid{
      display: flex;
      justify-content: start;
      align-items: start;

    }
    /* .sid{width:50%} */
    .mymain{
      display: flex;
      justify-content: center;
      align-items: start;
    }
    .mymainbox{
      /* background-color: white; */
      /* margin: 3rem auto; */
      width:100%;
      /* max-width:45rem; */
      height:100%;
      min-height:100%;
    }
      .sidebar{
        border-top-left-radius: 0.6rem;
        border-top-right-radius: 0.6rem;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        
      }
     .sidebar {
    padding:1.5rem 1.5rem 0rem 1.5rem; /* když je menu */
    }
    .content{padding:0px;}
    .section{padding: 1.5rem;}
    .contact-item-s,.contact-item{
      text-align: left;
      font-size: .9rem !important;
      margin-top: .3rem !important;

     }
     .showmore{font-size:.69rem !important;}
  

  }
  /* .showmore{background-color: pink;} */
@media screen and (min-width:992px) {
  .showmore{font-size:0.51rem !important;}
  .contact-list{margin-top: .6rem;}
  .sidebarlogo{margin-bottom: .6rem;}
  .contact-item-s,.contact-item{
    text-align: left;
  }
  .mymain{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .mymainbox{
    /* background-color: white; */
    /* min-height: 6rem; */
    width:100%;
    height:100vh;
    display: flex;
    /* margin: 3rem auto; */
    
  }
  .sidebar {
    /* background-color: #d3d3d3; */
    min-width: 12rem; 
    width:15%;/* šířka sidebaru */
    position:relative;
    padding: 1.5rem;
/* min-height:20rem; */
    /* border-top-left-radius: 0.6rem;
    border-bottom-left-radius: 0.6rem; */
  }
  .content {
    /* background-color: #ffffff; */
    min-width: 39rem; /* šířka obsahu */
    /* height:75%; */
    height:100%;
    position:relative;
    padding:1.5rem;


  }
}



.contact-item{
  font-size: 0.75rem;
  margin-top:0.42rem;
}
.contact-item-s{
  font-size: 0.6rem;
  margin-top:0.42rem;
}
.bold{font-weight: bold;}

.sidebarlogo{width:90%; max-width:15rem;}

.item-hide{display: none;}
.item-2-hide{display: block;}

.show-more-info{
    font-size:0.9rem;

}
a.linkntd{text-decoration: none !important;}
a.linkntd:hover{text-decoration: underline !important;}
.mr03{margin-right:0.15rem;}

.contact-list {
  list-style-type: none; /* Odstranění standardních odrážek */
  padding-left: 0;
  text-align: left;
  font-size:.6rem;
}
.contact-list li {
  display: flex;
  align-items: center;
  margin-bottom: 0.3rem; /* Odstup mezi položkami */
}
.contact-list li .icon {
  margin-right: 0.5rem; /* Odstup mezi ikonou a textem */
}

/* .contact-list li .item-hide { */

 .item-hide {
  display: none !important; /* Skrytí položky se třídou item-hide */
  /* background-color:pink !important; */
}



.box-shadow-dark{  box-shadow:0px 0px 0.9rem rgba(0, 0, 0, 0.332);
}

.tblack{color:black;}
@media screen and (max-width:991px){
  .scrollable, .scrollable2{
    overflow-y: none;
  
  }
}
.scrollable, .scrollable2 {
  overflow-y: auto;
  /* background-color: pink; */
  position: relative;
  /* max-height: 200px;  */
}
.scrollable::-webkit-scrollbar,  .scrollable2::-webkit-scrollbar {
  display: none; /* Skryje scrollbar ve Webkit prohlížečích jako Chrome a Safari */
}

.scrollable, .scrollable2 {
  -ms-overflow-style: none;  /* Skryje scrollbar v Internet Exploreru a starších verzích Edge */
  scrollbar-width: none;  /* Skryje scrollbar v moderních verzích Firefoxu */
}

.section{padding-top:1.5rem;
  /* height:80vh;
  min-height:21rem; */
  /* display: flex;
  align-items: center; */
}

.nav-link.active {opacity: 1 !important;}

/* .nav-link.active {
  color: red; 
  font-weight: bold;
} */

.mynavbar{
  list-style-type: none !important;
}

@media screen and (max-width:991px) {
  nav.navbar{width:100% !important;
  /* background-color: white !important; */
  position:relative;
  left:0px;
  /* bottom:-3.42rem; */
  z-index: 1000;
}
  .sidebar{position: relative;}
  .content{padding-top:4.2rem;}
  /* .navbar-collapse.show{
   display: flex;
   justify-content: center;
  } */
  .navbar-toggler{margin: 0 auto !important;}
  .mynavbar{padding:0px;margin-top:1rem;}
  .sidfull{  flex: 1 1 100%;
    /* background-color: pink !important; */
  }
}
.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: #000000;
}
.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: rgb(0, 0, 0);
  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;
}



/*menu tlačítko*/

.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: #000000;
}
.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: rgb(0, 0, 0);
  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;
}

/*konec nav tlačítka dál úprava menu*/
@media screen and (max-width:991px){
.onlydesktop{display: none;}
.nav-item{text-align:center;
  margin-bottom:.42rem;
  font-size:.9rem;
}
}
@media screen and (min-width:992px){
  /* .onlydesktop{display: none;} */
  .nav-item{text-align:center;margin-bottom:.3rem;
  font-size:.6rem;
  }
  ul.mynavbar{
  width:100%;

}
a.nav-link{opacity:.6;}
a.nav-link:hover{opacity:.99;}
a.nav-link:focus, a.nav-link:focus{color:#ffffff; 
  text-shadow:0px 0px .6rem #585858;
  background-color: #585858;}

  }
  ul.mynavbar{
    /* background-color: rgba(255, 255, 255, 0.3);  */
padding:1rem;

  }

  .nopad{padding:0px !important;}

  .menunadpis{opacity:.3;
  font-weight: bold;
  font-size:0.9rem !important;
}

.nav-item{
font-weight:450;


}


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

.pimg{width:90%;}
@media (max-width: 767px) {
  .pimg{width:100%;margin-top:2.625rem; margin-bottom: 0.375rem;}
}

.pr{position: relative;}


.mbtn{
  margin:0 auto;
  font-family: ubuntu, sans-serif;
  font-weight: 0;
  font-size: 0.69rem;
  color: #fff;
  background-color: #585858;
  /*background-color: #0066CC;
  */width:5.1rem;
  padding: 0.3rem 0.5rem;
  text-align: center;
  display: flex;
  justify-content: center;
  border: 0.125rem solid #585858;
  /*border: 0.125rem solid #0066cc;
  *//*box-shadow: rgba(0, 0, 0, 0.2) 0px 1.25rem 30px;
  */
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0.9rem;
  border-radius: 3.125rem;
  transition: 1000ms;
  transform: translateY(0);
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  -webkit-border-radius: 3.125rem;
  -moz-border-radius: 3.125rem;
  -ms-border-radius: 3.125rem;
  -o-border-radius: 3.125rem;
}
  
  .mbtn:hover{
  
  transition : 1000ms;
  padding: 0.3rem 3rem;
  transform : translateY(-0px);
  /* background-color: #fff; */
  background-color: transparent;
  color: rgb(30, 30, 30);
  border: solid 0.125rem #585858;
  }
  @media screen and (max-width:991px) {
    .mbtn{
      font-size:1rem !important;
      width:9rem;
      
    }
  }

  .mbtn2{
    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;
    }
    
    .mbtn2: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;
    }

    #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 screen and (min-width:992px){
      #topButton{display: none;}
    }