.container-header {
  background-color: #e0e0e0;
  background-image: url("/images/menu/back-3.png");
}

.header .menu {
  width: 100%;
}
 
.header .nav {
  display: flex!important;
  flex-flow: row wrap!important;
  width: 100%;
}
 
.header .nav-item{
  width: auto;
  height: auto;
  margin: 5px 10px!important;
  flex: 1;
  flex-basis: calc(20% - 20px)
}

.header .menu-all {
  Height: 140px;
  /*background-color: #86c2ea; */
  padding: 20px 20px;
  color: #fff!important;
  text-decoration: none!important;
  font-size: 1.8em;
  font-weight: 450!important;
  /*text-shadow: 3px 3px 4px rgba(0,0,0,0.5);*/
  display: block;
  transition: color 1s ease-out;    
}

.header .menu-all:hover {
  color: #000!important;
}

li.nav-item:has(a.menu-all) {
  border-radius: 10px 50px 50px 50px;
  margin: 5px 5px!important;
  box-shadow: 5px 5px 20px rgba(0,0,0,0.1); 
  border-bottom: 3px solid white;
  border-right: 15px solid white;
  transition: border 1s ease-out;  
}

li.nav-item:has(a.menu1) {
  background-image: linear-gradient(rgba(60,100,134,1), rgba(134,194,234,0.81)), url("/images/menu/o-nas.webp") ;
  background-size: cover;
  background-position: center center; 
  background-blend-mode: multiply; 
  transition: filter 0.2s ease-out, border 0.2s ease-out; 
}

li.nav-item:has(a.menu2) {
  background-image: linear-gradient(rgba(60,100,134,1), rgba(134,194,234,0.81)), url("/images/menu/kariera.webp") ;
  background-size: cover;
  background-position: center center; 
  background-blend-mode: multiply; 
  transition: filter 0.2s ease-out, border 0.2s ease-out; 
}

li.nav-item:has(a.menu3) {
  background-image: linear-gradient(rgba(60,100,134,1), rgba(134,194,234,0.81)), url("/images/menu/benefity.webp") ;
  background-size: cover;
  background-position: center center; 
  background-blend-mode: multiply;  
  transition: filter 0.2s ease-out, border 0.2s ease-out;  
}

li.nav-item:has(a.menu4) {
  background-image: linear-gradient(rgba(60,100,134,1), rgba(134,194,234,0.81)), url("/images/menu/kontakt.webp") ;
  background-size: cover;
  background-position: center center; 
  background-blend-mode: multiply;  
  transition: filter 0.2s ease-out, border 0.2s ease-out;
}

li.nav-item:has(a.menu5) {
  background-image: linear-gradient(rgba(60,100,134,1), rgba(134,194,234,0.81)), url("/images/menu/oznameni.webp") ;
  background-size: cover;
  background-position: center center; 
  background-blend-mode: multiply;  
  transition: filter 0.2s ease-out, border 0.2s ease-out;
}

li.nav-item:has(a.menu-all:hover) {
  filter: brightness(125%); 
  border-bottom: 3px solid white;
  border-right: 3px solid white;
}

 

.container-header .mod-menu>li.active:after, .container-header .mod-menu>li:hover:after {
  background: none;	
}


@media (max-width: 1100px) {

  .header .nav-item{
	margin: 1px 6px!important;
    flex-basis: calc(33% - 12px)
  }

  .header .menu-all {
    width: 100%;
    Height: 80px;
    padding: 10px 20px;	
	line-height: 1.2em;
  }
  
  li.nav-item:has(a.menu-all) {
    border-radius: 10px 10px 10px 10px;
	border: none;
  }
  
  li.nav-item:has(a.menu-all:hover) {
    filter: brightness(100%); 
	border: none;
}  

}




.footer {
  background-color: #f2f4f5;
  background-image: none;
  color: #666;
}




.container-header .grid-child {
    padding-top: 1em;
    padding-right: 1em;
}

.container-top-a>*, .container-top-b>* {
    margin: 0.5em 0 0 0;
}

.container-component {
  padding: 0 1em;
}

.container-sidebar-right,
.container-sidebar-left {
  padding: 0 0.5em;
}

.site-grid {
  grid-gap: 0;
}




.table-bordered>:not(caption)>*>* {
    border-width: 0;
}

.brand-logo img {
  padding-right: 40px;
  margin-left: 10px;
}

.top-b .card-body{
  padding: 0;
}

.card{
  border: 0;
}

.visforms{
  width: 80%;
  margin: auto;
  background: rgb(248,248,248);
  padding: 20px;
  border-radius: 15px;
}


a {
  color: rgb(42, 137, 178);
}

a:hover {
  color: rgb(0,0,0);
}

h1 {
  color: rgb(120,120,120);
  font-weight: 300;
  font-size: 2.3rem;
  margin-top: 1rem;
  margin-bottom: 2rem;
}

h2, h3, h4, h5 {
  color: rgb(96, 121, 142);
  font-weight: 350;  
}

h2 {
  border-left: 10px solid rgb(96, 121, 142);
  padding-left: 10px;
}

h3.card-header {
  color: rgb(243,171,42);
  font-weight: 400;  
  font-size: 1.5rem;
}

h4 {
  margin-top: 20px;
}


.line-end {
  clear: both;
  height: 1px;
}

.line-end10 {
  clear: both;
  height: 10px;
}

.line-end20 {
  clear: both;
  height: 20px;
}

.line-end40 {
  clear: both;
  height: 100px;
}

.line {
  clear: both;
  height: 30px;
  width: 70%;
  margin: auto;
  border-bottom: 4px solid rgb(240,240,240);
}

div.mod-languages li {
    margin: 0;
}

.h1xx {
    min-height: 165px;
}

.h1xx img{
   margin-bottom: 5px;
} 




@media (min-width: 750px) {
  
  .block25 {
    float: left; 
    display: block; 
    width: 25%;
    padding-right: 25px;
  }  

  .block33 {
    float: left; 
    display: block; 
    width: 33%;
    padding-right: 25px;
  } 
  
  .block33 img{
    padding: 0 30px;
  }   

  .block50 {
    float: left; 
    display: block; 
    width: 50%;
    padding-right: 25px;
  } 
  
  .block50x {
    float: left; 
    display: block; 
    width: 50%;
    padding-right: 25px;
  } 

  .block66 {
    float: left; 
    display: block; 
    width: 66%;
    padding-right: 25px;
  } 

  .block75 {
    float: left; 
    display: block; 
    width: 75%;
    padding-right: 25px;
  }
  
  .reverse {
    float: right; 
  }
  
  
  
}

@media (max-width: 749px) {

  .block25{
    width: 100%;
  }
    
  .block25 img{
    width: 100%;  
    max-width: 400px;
    margin: auto;
    display: block;
    margin-bottom: 10px;    
  }
  
  .block33{
    width: 100%;
  }
    
  .block33 img{
    width: 100%;
    max-width: 400px;
    margin: auto;
    display: block;
    margin-bottom: 10px;    
  } 
  
  .block50{
    width: 100%;
  }
  
  .block50x{
    width: 100%;
  }
    
  .block50 img{
    width: 100%;
    max-width: 500px;
    margin: auto;
    display: block;
    margin-bottom: 10px;
  }  
  
  .block66{
    width: 100%;
  }
    
  .block66 img{
    width: 100%;
    max-width: 600px;
    margin: auto;
    display: block;
    margin-bottom: 10px;    
  } 
  
  .block75{
    width: 100%;
  }
    
  .block75 img{
    width: 100%;
    max-width: 700px;
    margin: auto;
    display: block;
    margin-bottom: 10px;    
  }
  
  img.up{
    width: auto;
	height: auto;
	margin: 0 20px 0 auto;
  }
  
  img.original{
    width: auto;
	margin: auto;
	display: inline;
  }  
  
  .visforms{
    width: 100%;
  }
  
  .h1xx img{
    margin-bottom: 5px;
  } 
  
}